@charset "UTF-8";
@import url('../bower_components/normalize.css/normalize.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700&subset=latin-ext');
/* 
    changed to 18px because of the green message panel text inside form-panel, katy want it to be 18ox, 
    I think it would be nice if we change all rather than keep overwritting 
*/
.container-constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .container-constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl .container-constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
.copy-main-font-family {
  font-family: Roboto;
}
.copy-italic {
  font-style: italic;
}
.copy-main-serif-font-family {
  font-family: Georgia, serif;
}
.copy-opening-font-def {
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl .copy-opening-font-def {
  font-weight: 700;
}
.copy-caption-font-def {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.copy-caption-non-heading-font-def {
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}
html.rtl .copy-caption-non-heading-font-def {
  font-weight: 700;
}
.copy-caption-h1-font-def {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .copy-caption-h1-font-def {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.copy-caption-h2-font-def {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .copy-caption-h2-font-def {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.copy-caption-h3-font-def {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .copy-caption-h3-font-def {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.copy-form-caption-def {
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
.copy-desc-font-def {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
.copy-body-font-def {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.copy-body-small-font-def {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
.copy-table-font-def {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
.copy-promotion-font-def {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
}
.copy-nagging-font-def {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
}
.copy-nagging-louder-font-def {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.copy-more-info-font-def {
  font-size: 16px;
  letter-spacing: 0.5px;
}
.copy-alphabet-15px {
  font-size: 15px;
  letter-spacing: 0.5px;
}
.copy-alphabet-12px {
  font-size: 12px;
}
html.rtl .copy-alphabet-12px {
  font-size: 18px;
}
.copy-copyright-def {
  font-size: 12px;
  font-family: Georgia, serif;
  font-style: italic;
  text-align: center;
  line-height: 17px;
  letter-spacing: 0;
}
html.rtl .copy-copyright-def {
  font-size: 12px;
  font-style: normal;
}
.has-section-caption-font-def > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.has-section-caption-font-def > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .has-section-caption-font-def > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.has-section-caption-font-def > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .has-section-caption-font-def > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.has-section-caption-font-def > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .has-section-caption-font-def > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.has-section-opening > .opening {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl .has-section-opening > .opening {
  font-weight: 700;
}
@media (max-width: 1226px) {
  .has-section-opening > .opening {
    text-align: center;
  }
}
.has-section-caption > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.has-section-caption > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .has-section-caption > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.has-section-caption > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .has-section-caption > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.has-section-caption > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .has-section-caption > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.has-section-caption > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .has-section-caption > .caption {
    width: auto;
  }
}
.has-section-desc > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl .has-section-desc > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .has-section-desc > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
html {
  background: white;
}
html.rtl {
  direction: rtl;
}
body {
  margin: 0;
  padding: 0;
  font-family: Roboto;
  overflow-x: hidden;
}
p {
  margin: 0;
}
/* Providing basic simulation of https://drafts.csswg.org/css-logical-props/#logical-controls */
html.rtl .bidirection-pointer {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.click2chat--small {
  z-index: 1000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  right: 0;
  top: 120px;
  height: 45px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  background: #41A1D9;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18), 0 2px 32px 0 rgba(0, 0, 0, 0.28);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18), 0 2px 32px 0 rgba(0, 0, 0, 0.28);
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 0 15px 0 15px;
  cursor: pointer;
}
@media (max-width: 1226px) {
  .click2chat--small {
    display: none;
  }
}
.click2chat--small > .text {
  font-family: Roboto;
  font-weight: 500;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 1.04px;
  padding-right: 10px;
}
html.rtl .click2chat--small > .text {
  padding-left: 10px;
  padding-right: 0;
}
.click2chat--small > .logo {
  width: 22px;
  height: 19px;
  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2223px%22%20height%3D%2220px%22%20viewBox%3D%220%200%2023%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%3Cdefs%3E%3C/defs%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22Button-2%22%20transform%3D%22translate%28-1102.000000,%20-542.000000%29%22%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M1122.99999,557.010295%20L1122.99354,563%20L1118.29122,561%20L1108.00619,561%20C1105.79363,561%201104,559.207532%201104,557.00077%20L1104,544.99923%20C1104,542.790516%201105.78747,541%201108.00619,541%20L1118.99381,541%20C1121.20637,541%201123,542.792468%201123,544.99923%20L1123,557.00077%20C1123,557.003946%201123,557.007121%201122.99999,557.010295%20Z%20M1107.12293,555.28103%20C1106.95768,555.47579%201106.96381,555.822571%201107.11265,556.081648%20C1107.26149,556.340725%201110.27526,558%201114.02516,558%20C1117.77506,558%201120.55959,556.375179%201120.79373,556.081648%20C1121.02786,555.788117%201121.10683,555.576607%201120.79373,555.308352%20C1120.48062,555.040097%201120.35791,555.149989%201119.95194,555.319608%20C1119.54596,555.489228%201116.88459,556.954735%201113.96734,556.929849%20C1111.05009,556.904962%201108.60075,555.643887%201108.1007,555.218508%20C1107.60065,554.793128%201107.28818,555.086271%201107.12293,555.28103%20Z%22%20id%3D%22Icon%22%20transform%3D%22translate%281113.500000,%20552.000000%29%20rotate%2890.000000%29%20translate%28-1113.500000,%20-552.000000%29%20%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}
.click2chat--proactive {
  z-index: 1000;
  position: fixed;
  width: 260px;
  margin: 30px;
  overflow: hidden;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  font-family: Roboto;
}
@media (max-width: 1226px) {
  .click2chat--proactive {
    display: none;
  }
}
.click2chat--proactive > .header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #41A1D9;
  width: 100%;
  height: 40px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px 0 20px;
}
.click2chat--proactive > .header > .logo {
  width: 19px;
  height: 22px;
  margin-right: 18px;
  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2219%22%20height%3D%2222%22%20viewBox%3D%220%200%2019%2022%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M19%2016L19%2022%2014.3%2020%204%2020C1.8%2020%200%2018.2%200%2016L0%204C0%201.8%201.8%200%204%200L15%200C17.2%200%2019%201.8%2019%204L19%2016C19%2016%2019%2016%2019%2016ZM3.1%2014.3C3%2014.5%203%2014.8%203.1%2015.1%203.3%2015.3%206.3%2017%2010%2017%2013.8%2017%2016.6%2015.4%2016.8%2015.1%2017%2014.8%2017.1%2014.6%2016.8%2014.3%2016.5%2014%2016.4%2014.1%2016%2014.3%2015.5%2014.5%2012.9%2016%2010%2015.9%207.1%2015.9%204.6%2014.6%204.1%2014.2%203.6%2013.8%203.3%2014.1%203.1%2014.3Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}
html.rtl .click2chat--proactive > .header > .logo {
  margin-left: 18px;
  margin-right: auto;
}
.click2chat--proactive > .header > .header-text {
  font-family: Roboto;
  font-weight: 500;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 1.04px;
}
.click2chat--proactive > .header > .close {
  width: 29px;
  height: 29px;
  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2211%22%20viewBox%3D%220%200%2012%2011%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20stroke%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M0.5%2010.5L10.9%200.1%22/%3E%3Cpath%20d%3D%22M0.5%200.5L10.9%2010.9%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
  background-position: right;
  background-repeat: no-repeat;
  cursor: pointer;
}
.click2chat--proactive > .body {
  padding: 15px;
  background-color: #FFFFFF;
}
.click2chat--proactive > .body > .avatar {
  height: 45px;
  width: 45px;
  float: left;
  background-image: url('/content/dam/englishtown/englishlive2016/click2chat-avatar.png');
  background-size: contain;
}
.click2chat--proactive > .body > .timeline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 72%;
  padding-left: 10px;
}
html.rtl .click2chat--proactive > .body > .timeline {
  padding-right: 10px;
  padding-left: 0;
}
.click2chat--proactive > .body > .timeline > .title {
  font-size: 12px;
  color: #4F4F4F;
}
.click2chat--proactive > .body > .timeline > .title > .roll {
  font-weight: bold;
  display: inline;
}
.click2chat--proactive > .body > .timeline > .bubble {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  background: rgba(155, 155, 155, 0.2);
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0 5px 0;
  width: 100%;
  font-size: 12px;
  color: #4A4A4A;
  letter-spacing: 0;
  line-height: 16px;
}
.click2chat--proactive > .body > .timeline > .bubble:after {
  right: 100%;
  top: 35%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: rgba(155, 155, 155, 0.2);
  border-width: 6px;
  margin-top: -6px;
}
.click2chat--proactive > .body > .divider {
  background-color: rgba(151, 151, 151, 0.37);
  height: 1px;
  border: 0;
}
.click2chat--proactive > .body > .click2chat-cta-button {
  width: 100%;
  height: 40px;
  background-color: #50E3C2;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  font-family: Roboto;
  font-weight: 500;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 1.04px;
}
.has-anchor-reversed a {
  display: inline-block;
  color: #FC1784;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
}
html.rtl .has-anchor-reversed a {
  margin-left: 20px;
  margin-right: 20px;
}
.has-anchor-reversed a:before {
  margin-left: 0;
  margin-right: 10px;
  content: ' ';
  display: inline-block;
  background: no-repeat 0 0 url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  width: 7px;
  height: 12px;
  padding: 1px 0;
  vertical-align: middle;
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
html.rtl .has-anchor-reversed a:before {
  margin-left: 10px;
  margin-right: 0;
}
html.rtl .has-anchor-reversed a:before {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.has-anchor-reversed a:hover:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  background-color: #FC1784;
  height: 2px;
  left: 0;
  right: 0;
}
html.rtl .has-anchor-reversed a:hover:after {
  left: 0;
  right: 0;
}
section.narrow-wrapper.checkout-wrapper > .inner {
  margin: 62px auto;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container {
  max-width: 764px;
  min-height: 120px;
  margin: auto;
  position: relative;
  overflow: visible;
}
@media (max-width: 784px) {
  section.narrow-wrapper.checkout-wrapper > .inner > .panel-container {
    margin: auto 20px;
  }
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn {
  position: absolute;
  margin: 16px auto;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn a {
  text-decoration: underline;
  color: #0078FF;
}
html.wcmmode-edit section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn {
  display: block;
  position: relative;
}
html.wcmmode-edit section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn:before {
  content: attr(label) ':';
  display: block;
  font-weight: bold;
  margin: 1em auto;
  background: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #000;
}
html.wcmmode-edit section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn > .text {
  display: inline-block;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav {
  left: 0;
  bottom: 100%;
  line-height: 1.2;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a {
  display: inline-block;
  color: #FC1784;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
}
html.rtl section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a {
  margin-left: 20px;
  margin-right: 20px;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a:before {
  margin-left: 0;
  margin-right: 10px;
  content: ' ';
  display: inline-block;
  background: no-repeat 0 0 url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  width: 7px;
  height: 12px;
  padding: 1px 0;
  vertical-align: middle;
  -webkit-transform: scale(-1, 1);
      -ms-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
html.rtl section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a:before {
  margin-left: 10px;
  margin-right: 0;
}
html.rtl section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a:before {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a:hover:after {
  content: ' ';
  position: absolute;
  bottom: 0;
  background-color: #FC1784;
  height: 2px;
  left: 0;
  right: 0;
}
html.rtl section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a:hover:after {
  left: 0;
  right: 0;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a {
  line-height: 1.2;
  margin: 0;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a:before {
  vertical-align: middle;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav a > span {
  vertical-align: middle;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure {
  bottom: 100%;
  right: 0;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon,
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text {
  vertical-align: middle;
  display: inline-block;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon [data-tip],
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text [data-tip] {
  cursor: pointer;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon [data-tip] > .tooltip,
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text [data-tip] > .tooltip {
  width: 382px;
  position: absolute;
  top: calc(100% + 10px);
  z-index: 1;
  cursor: default;
}
@media (max-width: 1226px) {
  section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon [data-tip] > .tooltip,
  section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text [data-tip] > .tooltip {
    width: calc(100vw - 120px);
  }
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon [data-tip] > .tooltip > .tooltip--pad,
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text [data-tip] > .tooltip > .tooltip--pad {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 12px;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon [data-tip] > .tooltip > .tooltip--visual,
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text [data-tip] > .tooltip > .tooltip--visual {
  visibility: hidden;
  overflow: hidden;
  display: inline-block;
  pointer-events: all;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #FFF;
  background-color: #333333;
  -webkit-box-shadow: 0 14px 23px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 14px 23px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.2s ease-in;
  transition: visibility 0s 0.4s, -webkit-transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in, visibility 0s 0.4s;
  transition: transform 0.2s ease-in, visibility 0s 0.4s;
  transition: transform 0.2s ease-in, visibility 0s 0.4s, -webkit-transform 0.2s ease-in;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon [data-tip] > .tooltip > .tooltip--visual > .tooltip--arrow,
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text [data-tip] > .tooltip > .tooltip--visual > .tooltip--arrow {
  content: ' ';
  height: 17px;
  width: 17px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  background-color: #333333;
  visibility: hidden;
  -webkit-transition: top 0.1s 0s ease-in, visibility 0s 0.1s;
  -o-transition: top 0.1s 0s ease-in, visibility 0s 0.1s;
  transition: top 0.1s 0s ease-in, visibility 0s 0.1s;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon [data-tip] > .tooltip > .tooltip--visual > .tooltip--text,
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text [data-tip] > .tooltip > .tooltip--visual > .tooltip--text {
  margin: 18px 25px;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon [data-tip] > .tooltip.active > .tooltip--visual,
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text [data-tip] > .tooltip.active > .tooltip--visual {
  visibility: visible;
  overflow: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  transition: -webkit-transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  -o-transition: transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  transition: transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  transition: transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76), -webkit-transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .icon [data-tip] > .tooltip.active > .tooltip--visual > .tooltip--arrow,
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--secure > .text [data-tip] > .tooltip.active > .tooltip--visual > .tooltip--arrow {
  visibility: visible;
  top: -6px;
  -webkit-transition: top 0.2s 0.3s ease-in, visibility 0s 0.4s;
  -o-transition: top 0.2s 0.3s ease-in, visibility 0s 0.4s;
  transition: top 0.2s 0.3s ease-in, visibility 0s 0.4s;
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--help {
  display: none;
  bottom: 100%;
  left: 0;
}
@media (max-width: 1226px) {
  section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--help {
    display: block;
  }
}
section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav + .horn.horn--secure + .horn.horn--help {
  display: none;
}
html.wcmmode-edit section.narrow-wrapper.checkout-wrapper > .inner > .panel-container > .horn.horn--nav + .horn.horn--secure + .horn.horn--help {
  display: inline-block;
}
@media (max-width: 784px) {
  section.narrow-wrapper.checkout-wrapper > .inner > .bottom-panel {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-panel,
.checkout-panel-illustrator,
.checkout-panel-upsell,
.checkout-panel-thankyou {
  margin: 22px auto;
  background-color: #FFF;
}
.checkout-panel:before,
.checkout-panel:after {
  display: table;
  clear: both;
  content: " ";
}
.checkout-panel > .inner {
  margin: 40px;
}
.checkout-panel > .inner > .offer-summary {
  margin-left: auto;
  margin-right: auto;
  background-color: #E8F1FC;
  overflow: hidden;
}
.checkout-panel > .inner > .offer-summary > .inner {
  margin: 26px 42px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary > .inner {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-panel > .inner > .offer-summary > .inner > .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-summary > .inner > .row > .cell {
  display: block;
  position: relative;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-summary > .inner > .row > .cell:before {
  content: attr(label) ':';
  display: block;
  font-weight: bold;
  margin: 1em auto;
  background: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #000;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-summary > .inner > .row > .cell > .text {
  display: inline-block;
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell > .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell > .total > .price {
  display: none;
  font-weight: 500;
  color: #FC1784;
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell > .total > .price.unmasked {
  display: block;
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell > .total > .price.unmasked:before {
  content: '\00a0';
  display: inline;
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell.cell--nagging {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary > .inner > .row > .cell.cell--nagging {
    text-align: center;
  }
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell.cell--sum {
  text-align: right;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary > .inner > .row > .cell.cell--sum > .total {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell.cell--submit {
  text-align: right;
}
.checkout-panel > .inner > .offer-summary > .inner > .row.row--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary > .inner > .row.row--stack-on-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .checkout-panel > .inner > .offer-summary > .inner > .row.row--stack-on-mobile > .cell {
    margin: 9px auto;
  }
}
.checkout-panel > .inner > .offer-summary > .inner > .row {
  margin: 24px 0;
  /* todo */
  font-weight: normal;
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell.cell--edit-order > .link.edit-order {
  display: none;
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell.cell--edit-order {
  visibility: hidden;
}
.checkout-panel > .inner > .offer-summary > .inner > .row > .cell.cell--edit-order.cell--visible {
  visibility: visible;
}
.checkout-panel > .inner > .offer-summary > .inner > .caption-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: -8px 0;
}
.checkout-panel > .inner > .offer-summary > .inner > .caption-row > .caption {
  /* TODO: what font style? */
  font-style: italic;
  font-family: Georgia, serif;
  font-size: 18px;
  margin: 12px 0;
  text-align: left;
  line-height: 1;
}
html.rtl .checkout-panel > .inner > .offer-summary > .inner > .caption-row > .caption {
  text-align: right;
}
.checkout-panel > .inner > .offer-summary > .inner > .caption-row > .print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  cursor: pointer;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary > .inner > .caption-row > .print {
    display: none;
  }
}
.checkout-panel > .inner > .offer-summary > .inner > .caption-row > .print > span {
  text-decoration: underline;
  color: #157CFB;
}
.checkout-panel > .inner > .offer-summary > .inner > .caption-row > .print > span,
.checkout-panel > .inner > .offer-summary > .inner > .caption-row > .print > svg {
  vertical-align: middle;
  margin: auto 5px;
}
.checkout-panel > .inner > .offer-summary > .inner > .sprt {
  margin-top: 8px;
  margin-bottom: 16px;
  padding: 0;
  border-bottom: 1px dashed #000;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers {
  max-height: 0;
  -webkit-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  transition: max-height 0.3s;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-summary > .inner > .selected-offers {
  max-height: none;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell {
  display: block;
  position: relative;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell:before {
  content: attr(label) ':';
  display: block;
  font-weight: bold;
  margin: 1em auto;
  background: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #000;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell > .text {
  display: inline-block;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell > .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell > .total > .price {
  display: none;
  font-weight: 500;
  color: #FC1784;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell > .total > .price.unmasked {
  display: block;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell > .total > .price.unmasked:before {
  content: '\00a0';
  display: inline;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--nagging {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--nagging {
    text-align: center;
  }
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--sum {
  text-align: right;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--sum > .total {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--submit {
  text-align: right;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row.row--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row.row--stack-on-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row.row--stack-on-mobile > .cell {
    margin: 9px auto;
  }
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row {
  margin-top: 12px;
  margin-bottom: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--entry {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--entry > span {
  vertical-align: middle;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--entry > .desc {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--price {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-weight: 500;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--key {
  width: 50%;
  text-align: left;
}
html.rtl .checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--key {
  text-align: right;
}
.checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--value {
  width: 50%;
  text-align: left;
  font-weight: 500;
}
html.rtl .checkout-panel > .inner > .offer-summary > .inner > .selected-offers > .row > .cell.cell--value {
  text-align: right;
}
.checkout-panel > .inner > .offer-summary.ready > .inner > .selected-offers {
  max-height: 9999px;
}
.checkout-panel > .inner > .offer-details {
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}
.checkout-panel > .inner > .offer-details:before,
.checkout-panel > .inner > .offer-details:after {
  display: table;
  clear: both;
  content: " ";
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner {
  margin: 26px 42px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-details > .inner.upper > .inner,
  .checkout-panel > .inner > .offer-details > .inner.lower > .inner {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell,
html.wcmmode-edit .checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell {
  display: block;
  position: relative;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell:before,
html.wcmmode-edit .checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell:before {
  content: attr(label) ':';
  display: block;
  font-weight: bold;
  margin: 1em auto;
  background: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #000;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell > .text,
html.wcmmode-edit .checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell > .text {
  display: inline-block;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell > .total,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell > .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell > .total > .price,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell > .total > .price {
  display: none;
  font-weight: 500;
  color: #FC1784;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell > .total > .price.unmasked,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell > .total > .price.unmasked {
  display: block;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell > .total > .price.unmasked:before,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell > .total > .price.unmasked:before {
  content: '\00a0';
  display: inline;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell.cell--nagging,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell.cell--nagging {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell.cell--nagging,
  .checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell.cell--nagging {
    text-align: center;
  }
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell.cell--sum,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell.cell--sum {
  text-align: right;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell.cell--sum > .total,
  .checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell.cell--sum > .total {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row > .cell.cell--submit,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row > .cell.cell--submit {
  text-align: right;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row.row--reversed,
.checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row.row--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row.row--stack-on-mobile,
  .checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row.row--stack-on-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .checkout-panel > .inner > .offer-details > .inner.upper > .inner > .row.row--stack-on-mobile > .cell,
  .checkout-panel > .inner > .offer-details > .inner.lower > .inner > .row.row--stack-on-mobile > .cell {
    margin: 9px auto;
  }
}
.checkout-panel > .inner > .offer-details > .inner.upper {
  position: relative;
  background-color: #E8F1FC;
}
.checkout-panel > .inner > .offer-details > .inner.upper:before,
.checkout-panel > .inner > .offer-details > .inner.upper:after {
  display: table;
  clear: both;
  content: " ";
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .caption,
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .desc,
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .reminder {
  text-align: center;
  display: block;
  margin: 10px 0;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .caption {
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .desc {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .reminder {
  font-size: 12px;
  font-family: Georgia, serif;
  font-style: italic;
  text-align: center;
  line-height: 17px;
  letter-spacing: 0;
  color: #4A4A4A;
}
html.rtl .checkout-panel > .inner > .offer-details > .inner.upper > .inner > .reminder {
  font-size: 12px;
  font-style: normal;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .switch {
  margin: 10px 0;
  color: #FC1784;
  text-align: center;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .switch > .less,
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .switch > .more {
  cursor: pointer;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .switch > .icon {
  cursor: pointer;
  background-color: #E8F1FC;
  position: relative;
  height: 56px;
  width: 56px;
  bottom: -50px;
  margin: -56px auto 0 auto;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .switch > .icon > .less > svg,
.checkout-panel > .inner > .offer-details > .inner.upper > .inner > .switch > .icon > .more > svg {
  display: block;
}
.checkout-panel > .inner > .offer-details > .inner.lower {
  visibility: hidden;
  background-color: #F7FAFF;
  max-height: 0;
  margin-bottom: 28px;
  -webkit-transition: max-height 0.5s, visibility 0s 0.5s;
  -o-transition: max-height 0.5s, visibility 0s 0.5s;
  transition: max-height 0.5s, visibility 0s 0.5s;
  overflow: hidden;
}
.checkout-panel > .inner > .offer-details > .inner.lower:before,
.checkout-panel > .inner > .offer-details > .inner.lower:after {
  display: table;
  clear: both;
  content: " ";
}
.checkout-panel > .inner > .offer-details > .inner.lower > .inner {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-details > .inner.lower > .inner > ul.feature-item-container {
    padding: 0 20px;
  }
}
html.rtl .checkout-panel > .inner > .offer-details > .inner.lower > .inner {
  margin-left: 0;
  margin-right: 0;
}
.checkout-panel > .inner > .offer-details .less {
  display: none;
}
.checkout-panel > .inner > .offer-details.expanded .less {
  display: block;
}
.checkout-panel > .inner > .offer-details.expanded .more {
  display: none;
}
.checkout-panel > .inner > .offer-details.expanded > .inner.lower {
  visibility: visible;
  max-height: 400px;
  -webkit-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
html.wcmmode-edit .checkout-panel > .inner > .offer-details.expanded > .inner.lower {
  max-height: none;
}
.checkout-panel > .inner > .offer-summary,
.checkout-panel > .inner > .offer-details {
  margin: -40px;
  margin-bottom: 0;
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary,
  .checkout-panel > .inner > .offer-details {
    margin: -20px;
  }
}
@media (max-width: 1226px) {
  .checkout-panel > .inner > .offer-summary,
  .checkout-panel > .inner > .offer-details {
    margin-bottom: 0;
  }
}
@media (max-width: 1226px) {
  .checkout-panel > .inner {
    margin: 20px;
  }
}
.checkout-panel > .inner a.link {
  color: #157CFB;
  text-decoration: underline;
}
.checkout-panel > .inner > .caption,
.checkout-panel > .inner .checkout-panel-title {
  margin: 20px auto;
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
.checkout-panel > .inner .faq {
  margin: .8em auto;
}
.checkout-panel > .inner .faq > .constraint {
  width: auto;
  margin: 0;
  padding: 0;
  margin: -0.8em auto;
}
.checkout-panel > .inner .faq > .constraint > ul {
  width: auto;
  margin: 0;
  padding: 0;
}
html.edit .checkout-panel > .inner .text {
  display: inline-block;
}
.checkout-panel-illustrator > .inner:after {
  display: table;
  clear: both;
  content: " ";
}
.checkout-panel-illustrator > .inner > .image {
  float: right;
}
html.rtl .checkout-panel-illustrator > .inner > .image {
  float: left;
}
@media (max-width: 1226px) {
  .checkout-panel-illustrator > .inner > .image {
    float: none;
  }
}
.checkout-panel-illustrator > .inner > .details {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
.has-checkout-row > .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.has-checkout-row > .row > .cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
html.wcmmode-edit .has-checkout-row > .row > .cell {
  display: block;
  position: relative;
}
html.wcmmode-edit .has-checkout-row > .row > .cell:before {
  content: attr(label) ':';
  display: block;
  font-weight: bold;
  margin: 1em auto;
  background: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #000;
}
html.wcmmode-edit .has-checkout-row > .row > .cell > .text {
  display: inline-block;
}
.has-checkout-row > .row > .cell > .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.has-checkout-row > .row > .cell > .total > .price {
  display: none;
  font-weight: 500;
  color: #FC1784;
}
.has-checkout-row > .row > .cell > .total > .price.unmasked {
  display: block;
}
.has-checkout-row > .row > .cell > .total > .price.unmasked:before {
  content: '\00a0';
  display: inline;
}
.has-checkout-row > .row > .cell.cell--nagging {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 1226px) {
  .has-checkout-row > .row > .cell.cell--nagging {
    text-align: center;
  }
}
.has-checkout-row > .row > .cell.cell--sum {
  text-align: right;
}
@media (max-width: 1226px) {
  .has-checkout-row > .row > .cell.cell--sum > .total {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.has-checkout-row > .row > .cell.cell--submit {
  text-align: right;
}
.has-checkout-row > .row.row--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1226px) {
  .has-checkout-row > .row.row--stack-on-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .has-checkout-row > .row.row--stack-on-mobile > .cell {
    margin: 9px auto;
  }
}
@media (max-width: 1226px) {
  .checkout-panel-upsell > .inner > .caption {
    /* so random! */
    text-align: center;
  }
}
.checkout-panel-upsell > .inner > .sprt {
  margin: 0;
  padding: 0;
  height: 1px;
  width: 100%;
  overflow: hidden;
  background-color: #E2E2E2;
}
.checkout-panel-upsell > .inner > .summary {
  background-color: #E8F1FC;
  margin: -40px;
  margin-top: 0;
}
@media (max-width: 1226px) {
  .checkout-panel-upsell > .inner > .summary {
    margin: -20px;
  }
}
@media (max-width: 1226px) {
  .checkout-panel-upsell > .inner > .summary {
    margin-top: 0;
  }
}
.checkout-panel-upsell > .inner > .summary:before,
.checkout-panel-upsell > .inner > .summary:after {
  display: table;
  clear: both;
  content: " ";
}
.checkout-panel-upsell > .inner > .summary > .inner {
  margin: 30px auto;
}
.checkout-panel-upsell > .inner > .summary > .inner > .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout-panel-upsell > .inner > .summary > .inner > .row > .cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
html.wcmmode-edit .checkout-panel-upsell > .inner > .summary > .inner > .row > .cell {
  display: block;
  position: relative;
}
html.wcmmode-edit .checkout-panel-upsell > .inner > .summary > .inner > .row > .cell:before {
  content: attr(label) ':';
  display: block;
  font-weight: bold;
  margin: 1em auto;
  background: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #000;
}
html.wcmmode-edit .checkout-panel-upsell > .inner > .summary > .inner > .row > .cell > .text {
  display: inline-block;
}
.checkout-panel-upsell > .inner > .summary > .inner > .row > .cell > .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.checkout-panel-upsell > .inner > .summary > .inner > .row > .cell > .total > .price {
  display: none;
  font-weight: 500;
  color: #FC1784;
}
.checkout-panel-upsell > .inner > .summary > .inner > .row > .cell > .total > .price.unmasked {
  display: block;
}
.checkout-panel-upsell > .inner > .summary > .inner > .row > .cell > .total > .price.unmasked:before {
  content: '\00a0';
  display: inline;
}
.checkout-panel-upsell > .inner > .summary > .inner > .row > .cell.cell--nagging {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 1226px) {
  .checkout-panel-upsell > .inner > .summary > .inner > .row > .cell.cell--nagging {
    text-align: center;
  }
}
.checkout-panel-upsell > .inner > .summary > .inner > .row > .cell.cell--sum {
  text-align: right;
}
@media (max-width: 1226px) {
  .checkout-panel-upsell > .inner > .summary > .inner > .row > .cell.cell--sum > .total {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.checkout-panel-upsell > .inner > .summary > .inner > .row > .cell.cell--submit {
  text-align: right;
}
.checkout-panel-upsell > .inner > .summary > .inner > .row.row--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1226px) {
  .checkout-panel-upsell > .inner > .summary > .inner > .row.row--stack-on-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .checkout-panel-upsell > .inner > .summary > .inner > .row.row--stack-on-mobile > .cell {
    margin: 9px auto;
  }
}
.checkout-panel-upsell > .inner > .summary > .inner > .row {
  margin: 24px 36px;
}
@media (max-width: 1226px) {
  .checkout-panel-upsell > .inner > .summary > .inner > .row {
    margin: 9px 36px;
  }
}
.checkout-panel-upsell > .inner > .summary > .inner > .row > .cell {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.has-anchor a {
  display: inline-block;
  color: #FC1784;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
}
html.rtl .has-anchor a {
  margin-left: 20px;
  margin-right: 20px;
}
.has-anchor a:after {
  margin-left: 10px;
  margin-right: 0;
  content: ' ';
  display: inline-block;
  background: no-repeat 0 0 url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  width: 7px;
  height: 12px;
  padding: 1px 0;
  vertical-align: middle;
}
html.rtl .has-anchor a:after {
  margin-left: 0;
  margin-right: 10px;
}
html.rtl .has-anchor a:after {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.has-anchor a:hover:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  background-color: #FC1784;
  height: 2px;
  left: 0;
  right: 0;
}
html.rtl .has-anchor a:hover:before {
  left: 0;
  right: 0;
}
.checkout-panel-thankyou > .inner {
  margin: 0;
}
.checkout-panel-thankyou > .inner > .inner-top {
  margin: 40px;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .image,
.checkout-panel-thankyou > .inner > .inner-top .caption,
.checkout-panel-thankyou > .inner > .inner-top .description {
  text-align: center;
  width: 100%;
}
.checkout-panel-thankyou > .inner > .inner-top > .description {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  max-width: 350px;
  margin: auto;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary {
  margin-left: auto;
  margin-right: auto;
  background-color: #E8F1FC;
  overflow: hidden;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner {
  margin: 26px 42px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
html.wcmmode-edit .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell {
  display: block;
  position: relative;
}
html.wcmmode-edit .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell:before {
  content: attr(label) ':';
  display: block;
  font-weight: bold;
  margin: 1em auto;
  background: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #000;
}
html.wcmmode-edit .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell > .text {
  display: inline-block;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell > .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell > .total > .price {
  display: none;
  font-weight: 500;
  color: #FC1784;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell > .total > .price.unmasked {
  display: block;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell > .total > .price.unmasked:before {
  content: '\00a0';
  display: inline;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell.cell--nagging {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell.cell--nagging {
    text-align: center;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell.cell--sum {
  text-align: right;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell.cell--sum > .total {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell.cell--submit {
  text-align: right;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row.row--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row.row--stack-on-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row.row--stack-on-mobile > .cell {
    margin: 9px auto;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row {
  margin: 24px 0;
  /* todo */
  font-weight: normal;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell.cell--edit-order > .link.edit-order {
  display: none;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell.cell--edit-order {
  visibility: hidden;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .row > .cell.cell--edit-order.cell--visible {
  visibility: visible;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .caption-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: -8px 0;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .caption-row > .caption {
  /* TODO: what font style? */
  font-style: italic;
  font-family: Georgia, serif;
  font-size: 18px;
  margin: 12px 0;
  text-align: left;
  line-height: 1;
}
html.rtl .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .caption-row > .caption {
  text-align: right;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .caption-row > .print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  cursor: pointer;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .caption-row > .print {
    display: none;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .caption-row > .print > span {
  text-decoration: underline;
  color: #157CFB;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .caption-row > .print > span,
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .caption-row > .print > svg {
  vertical-align: middle;
  margin: auto 5px;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .sprt {
  margin-top: 8px;
  margin-bottom: 16px;
  padding: 0;
  border-bottom: 1px dashed #000;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers {
  max-height: 0;
  -webkit-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  transition: max-height 0.3s;
}
html.wcmmode-edit .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers {
  max-height: none;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
html.wcmmode-edit .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell {
  display: block;
  position: relative;
}
html.wcmmode-edit .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell:before {
  content: attr(label) ':';
  display: block;
  font-weight: bold;
  margin: 1em auto;
  background: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #000;
}
html.wcmmode-edit .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell > .text {
  display: inline-block;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell > .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell > .total > .price {
  display: none;
  font-weight: 500;
  color: #FC1784;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell > .total > .price.unmasked {
  display: block;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell > .total > .price.unmasked:before {
  content: '\00a0';
  display: inline;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--nagging {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--nagging {
    text-align: center;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--sum {
  text-align: right;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--sum > .total {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--submit {
  text-align: right;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row.row--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row.row--stack-on-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row.row--stack-on-mobile > .cell {
    margin: 9px auto;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row {
  margin-top: 12px;
  margin-bottom: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--entry {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--entry > span {
  vertical-align: middle;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--entry > .desc {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--price {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-weight: 500;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--key {
  width: 50%;
  text-align: left;
}
html.rtl .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--key {
  text-align: right;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--value {
  width: 50%;
  text-align: left;
  font-weight: 500;
}
html.rtl .checkout-panel-thankyou > .inner > .inner-top > .offer-summary > .inner > .selected-offers > .row > .cell.cell--value {
  text-align: right;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary.ready > .inner > .selected-offers {
  max-height: 9999px;
}
.checkout-panel-thankyou > .inner > .inner-top > .offer-summary {
  margin: 30px auto;
  width: 550px;
  border-radius: 6px;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .inner-top > .offer-summary {
    width: auto;
  }
}
.checkout-panel-thankyou > .inner > .inner-top > .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.checkout-panel-thankyou > .inner > .inner-top > .buttons > .btn {
  margin-bottom: 20px;
}
.checkout-panel-thankyou > .inner > .inner-top > .buttons > .text {
  color: #FC1784;
}
.checkout-panel-thankyou > .inner > .inner-top > .buttons > .text a {
  display: inline-block;
  color: #FC1784;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
}
html.rtl .checkout-panel-thankyou > .inner > .inner-top > .buttons > .text a {
  margin-left: 20px;
  margin-right: 20px;
}
.checkout-panel-thankyou > .inner > .inner-top > .buttons > .text a:after {
  margin-left: 10px;
  margin-right: 0;
  content: ' ';
  display: inline-block;
  background: no-repeat 0 0 url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  width: 7px;
  height: 12px;
  padding: 1px 0;
  vertical-align: middle;
}
html.rtl .checkout-panel-thankyou > .inner > .inner-top > .buttons > .text a:after {
  margin-left: 0;
  margin-right: 10px;
}
html.rtl .checkout-panel-thankyou > .inner > .inner-top > .buttons > .text a:after {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.checkout-panel-thankyou > .inner > .inner-top > .buttons > .text a:hover:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  background-color: #FC1784;
  height: 2px;
  left: 0;
  right: 0;
}
html.rtl .checkout-panel-thankyou > .inner > .inner-top > .buttons > .text a:hover:before {
  left: 0;
  right: 0;
}
.checkout-panel-thankyou > .inner > .download-box {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(31%, #E2F2F2), color-stop(62%, #F8EDE4));
  background-image: -webkit-linear-gradient(top, #E2F2F2 31%, #F8EDE4 62%);
  background-image: -o-linear-gradient(top, #E2F2F2 31%, #F8EDE4 62%);
  background-image: linear-gradient(-180deg, #E2F2F2 31%, #F8EDE4 62%);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1227px) {
  .checkout-panel-thankyou > .inner > .download-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.checkout-panel-thankyou > .inner > .download-box > .download-flex-item {
  padding: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1227px) {
  .checkout-panel-thankyou > .inner > .download-box > .download-flex-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 0;
  }
}
.checkout-panel-thankyou > .inner > .download-box > .details > .download-heading {
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 20px;
}
.checkout-panel-thankyou > .inner > .download-box > .details > .download-subheading {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  text-align: center;
  margin-bottom: 20px;
}
.checkout-panel-thankyou > .inner > .download-box > .details > .appstore-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.checkout-panel-thankyou > .inner > .download-box > .details > .appstore-images > .appstore-image {
  margin: 10px;
}
.checkout-panel-thankyou > .inner > .download-box > .details > .appstore-images > .appstore-image img {
  max-width: 100%;
}
@media (max-width: 1226px) {
  .checkout-panel-thankyou > .inner > .download-box > .hero-image {
    padding-top: 0;
  }
}
.checkout-panel-thankyou > .inner > .download-box > .hero-image img {
  max-width: 100%;
}
.checkout-cardset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 56px;
}
.checkout-cardset > .editing-indicator {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.checkout-cardset > span.card {
  margin: auto 5px;
}
.has-anchor-normal a {
  color: #157cfb;
  text-decoration: underline;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.checkout-panel-form > .inner > .sub {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.checkout-panel-form > .inner > .sub strong {
  font-weight: 500;
}
.checkout-panel-form > .inner > .buttons > .row {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkout-panel-form > .inner > .buttons > .row > .cell {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
html.wcmmode-edit .checkout-panel-form > .inner > .buttons > .row > .cell {
  display: block;
  position: relative;
}
html.wcmmode-edit .checkout-panel-form > .inner > .buttons > .row > .cell:before {
  content: attr(label) ':';
  display: block;
  font-weight: bold;
  margin: 1em auto;
  background: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  color: #000;
}
html.wcmmode-edit .checkout-panel-form > .inner > .buttons > .row > .cell > .text {
  display: inline-block;
}
.checkout-panel-form > .inner > .buttons > .row > .cell > .total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.checkout-panel-form > .inner > .buttons > .row > .cell > .total > .price {
  display: none;
  font-weight: 500;
  color: #FC1784;
}
.checkout-panel-form > .inner > .buttons > .row > .cell > .total > .price.unmasked {
  display: block;
}
.checkout-panel-form > .inner > .buttons > .row > .cell > .total > .price.unmasked:before {
  content: '\00a0';
  display: inline;
}
.checkout-panel-form > .inner > .buttons > .row > .cell.cell--nagging {
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
@media (max-width: 1226px) {
  .checkout-panel-form > .inner > .buttons > .row > .cell.cell--nagging {
    text-align: center;
  }
}
.checkout-panel-form > .inner > .buttons > .row > .cell.cell--sum {
  text-align: right;
}
@media (max-width: 1226px) {
  .checkout-panel-form > .inner > .buttons > .row > .cell.cell--sum > .total {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.checkout-panel-form > .inner > .buttons > .row > .cell.cell--submit {
  text-align: right;
}
.checkout-panel-form > .inner > .buttons > .row.row--reversed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 1226px) {
  .checkout-panel-form > .inner > .buttons > .row.row--stack-on-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .checkout-panel-form > .inner > .buttons > .row.row--stack-on-mobile > .cell {
    margin: 9px auto;
  }
}
.checkout-panel-form > .inner > .buttons > .row {
  margin: 28px auto;
}
@media (max-width: 1226px) {
  .checkout-panel-form > .inner > .buttons > .row {
    margin-top: 0;
    margin-bottom: 0;
  }
  .checkout-panel-form > .inner > .buttons > .row:first-child {
    margin-top: 28px;
  }
  .checkout-panel-form > .inner > .buttons > .row:last-child {
    margin-bottom: 28px;
  }
}
.checkout-panel-form > .inner > .buttons > .row > .cell.cell--submit {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.checkout-panel-form > .inner > .buttons > .row > .cell.cell--secure {
  margin-left: 27px;
  margin-right: 27px;
}
.checkout-panel-form > .inner > .buttons > .row > .cell.cell--beneath-button {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  color: #AFAFAF;
}
@media (max-width: 1226px) {
  .checkout-panel-form > .inner > .buttons > .row > .cell.cell--beneath-button {
    text-align: center;
  }
}
.checkout-panel-form > .inner > .buttons > .row > .cell.cell--bottom-end {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: right;
}
.checkout-panel-form > .inner > .buttons > .row > .cell.cell--bottom-end a {
  color: #157cfb;
  text-decoration: underline;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
html.rtl .checkout-panel-form > .inner > .buttons > .row > .cell.cell--bottom-end {
  text-align: left;
}
html .checkout--title--denominator,
html #CQ .checkout--title--denominator {
  font: normal normal 300 25px/29px Roboto;
  color: #00C950;
}
html .checkout--title--numerator,
html #CQ .checkout--title--numerator {
  font: normal normal 500 25px/29px Roboto;
  color: #00C950;
}
html .checkout--underneath--input,
html #CQ .checkout--underneath--input {
  font: italic normal 500 11px/12px Georgia, serif;
  color: #4A4A4A;
}
.nav-placeholder {
  height: 72px;
}
html.wcmmode-edit .nav-placeholder {
  display: none;
}
.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  height: 45px;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-family: Roboto;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: background-color 0.5s, color 0.5s;
  -o-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
html.rtl .btn {
  padding-left: 20px;
  padding-right: 20px;
}
html.rtl .btn {
  font-weight: normal;
}
.btn:disabled {
  opacity: .3;
}
.btn.btn-primary {
  color: #FFF;
  background-color: #FC1784;
}
.btn.btn-primary:hover {
  background-color: #D80076;
  color: #FFF;
}
.btn.btn-secondary {
  color: #FFF;
  background-color: #157CFB;
}
.btn.btn-secondary:hover {
  background-color: #1A61B9;
  color: #FFF;
}
.btn.btn-blend {
  color: #FFF;
  border: 2px solid #FFF;
  background-color: transparent;
}
.clear:before,
.clear:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 1227px) {
  .has-trigger *.hide-desktop {
    display: none;
  }
  .has-trigger *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  .has-trigger *.hide-mobile {
    display: none;
  }
  .has-trigger *.show-mobile {
    display: initial;
  }
}
nav.primary {
  font-family: Roboto;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.5px;
  color: #000;
  background-color: #FFF;
  width: 100%;
  height: auto;
  top: 0;
  position: fixed;
  /* higher than 2nd nav to cover its shadow */
  z-index: 3;
  max-height: 72px;
  -webkit-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  /* enable 3d accelerationt to fix jumpy issue when scrolling fast */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
html.rtl nav.primary {
  font-weight: 700;
}
@media (max-width: 1226px) {
  nav.primary {
    overflow: hidden;
  }
}
nav.primary ul {
  margin: 0;
  list-style-type: none;
}
nav.primary ul > li {
  display: block;
  font-weight: 500;
}
html.rtl nav.primary ul > li {
  font-weight: 700;
}
nav.primary ul > li > a {
  color: #000;
  text-decoration: none;
}
nav.primary ul > li > a > .icon {
  width: 15px;
  height: 15px;
  margin-right: 6px;
}
html.rtl nav.primary ul > li > a > .icon {
  margin-left: 6px;
  margin-right: auto;
}
@media (max-width: 1226px) {
  nav.primary ul > li > a > .icon {
    /* should be auto but set this for ie */
    width: 22px;
    height: 22px;
    margin-left: 10px;
    margin-right: 10px;
  }
  html.rtl nav.primary ul > li > a > .icon {
    margin-left: 10px;
    margin-right: 10px;
  }
}
nav.primary ul > li > a > img,
nav.primary ul > li > a > span,
nav.primary ul > li > a > svg {
  vertical-align: middle;
}
nav.primary ul > li > a.current-page {
  color: #999;
}
nav.primary ul > li > a.current-page > .icon * {
  fill: #999;
}
nav.primary ul > li > a:hover {
  color: #FC1784;
  opacity: 1;
}
nav.primary ul > li > a:hover > .icon * {
  fill: #FC1784;
}
@media (min-width: 1227px) {
  nav.primary ul > li > a.highlighted {
    border: 1px solid #FC1784;
    padding: 12px;
    color: #FC1784;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
  }
  nav.primary ul > li > a.highlighted.current-page,
  nav.primary ul > li > a.highlighted.predominant.current-page {
    border-color: #999;
    color: #999;
  }
  nav.primary ul > li > a.highlighted:hover {
    color: #FFF;
    border-color: #FC1784;
    background-color: #FC1784;
  }
  nav.primary ul > li > a.highlighted.predominant {
    color: #FFF;
    border-color: #FC1784;
    background-color: #FC1784;
  }
  nav.primary ul > li > a.highlighted.predominant:hover {
    background-color: #D80076;
  }
}
nav.primary ul > li.sprt {
  width: 1px;
  height: 15px;
  background-color: #000;
  margin-left: 10px;
  margin-right: 10px;
}
html.rtl nav.primary ul > li.sprt {
  margin-left: 10px;
  margin-right: 10px;
}
nav.primary > .constraint {
  height: 72px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
nav.primary > .constraint.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
nav.primary > .constraint.grid > .col-1-6 {
  width: 16.66666667%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary > .constraint.grid > .col-1-6 {
  margin-left: 0;
  margin-right: 0;
}
nav.primary > .constraint.grid > .col-2-6 {
  width: 33.33333333%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary > .constraint.grid > .col-2-6 {
  margin-left: 0;
  margin-right: 0;
}
nav.primary > .constraint.grid > .col-3-6 {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary > .constraint.grid > .col-3-6 {
  margin-left: 0;
  margin-right: 0;
}
nav.primary > .constraint.grid > .col-4-6 {
  width: 66.66666667%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary > .constraint.grid > .col-4-6 {
  margin-left: 0;
  margin-right: 0;
}
nav.primary > .constraint.grid > .col-5-6 {
  width: 83.33333333%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary > .constraint.grid > .col-5-6 {
  margin-left: 0;
  margin-right: 0;
}
nav.primary > .constraint.grid > .col-6-6 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary > .constraint.grid > .col-6-6 {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 1227px) {
  nav.primary > .constraint *.hide-desktop {
    display: none;
  }
  nav.primary > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  nav.primary > .constraint *.hide-mobile {
    display: none;
  }
  nav.primary > .constraint *.show-mobile {
    display: initial;
  }
}
@media (max-width: 1226px) {
  nav.primary > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl nav.primary > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
nav.primary > .constraint > .starting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav.primary > .constraint > .starting:before,
nav.primary > .constraint > .starting:after {
  display: table;
  clear: both;
  content: " ";
}
nav.primary > .constraint > .starting > .logo > a > img {
  display: block;
  height: 34px;
  width: 234px;
  max-width: 100%;
}
@media (max-width: 1226px) {
  nav.primary > .constraint > .starting > .logo > a > img {
    height: 28px;
    width: 193px;
  }
}
nav.primary > .constraint > .starting > ul.menu {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
html.rtl nav.primary > .constraint > .starting > ul.menu {
  padding-right: 40px;
  padding-left: 0;
}
nav.primary > .constraint > .starting > ul.menu > li {
  margin-left: 13px;
  margin-right: 13px;
}
html.rtl nav.primary > .constraint > .starting > ul.menu > li {
  margin-left: 13px;
  margin-right: 13px;
}
nav.primary > .constraint > .starting > ul.menu > li:first-child {
  margin-left: 0;
  margin-right: 13px;
}
html.rtl nav.primary > .constraint > .starting > ul.menu > li:first-child {
  margin-left: 13px;
  margin-right: 0;
}
nav.primary > .constraint > .starting > ul.menu > li:last-child {
  margin-left: 13px;
  margin-right: 0;
}
html.rtl nav.primary > .constraint > .starting > ul.menu > li:last-child {
  margin-left: 0;
  margin-right: 13px;
}
@media (max-width: 1226px) {
  nav.primary > .constraint > .starting > ul.menu.hide-mobile {
    display: none;
  }
}
nav.primary > .constraint > .ending {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav.primary > .constraint > .ending > ul.extra {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
  padding-right: 40px;
}
html.rtl nav.primary > .constraint > .ending > ul.extra {
  padding-right: 0;
  padding-left: 0;
}
html.rtl nav.primary > .constraint > .ending > ul.extra {
  padding-left: 40px;
  padding-right: 0;
}
@media (max-width: 1226px) {
  nav.primary > .constraint > .ending > ul.extra {
    padding-left: 0;
    padding-right: 0;
  }
  html.rtl nav.primary > .constraint > .ending > ul.extra {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl nav.primary > .constraint > .ending > ul.extra {
    padding-left: 0;
    padding-right: 0;
  }
}
nav.primary > .constraint > .ending > ul.extra > li.phone-icon-and-number,
nav.primary > .constraint > .ending > ul.extra > li.multiple-phone-icon-and-number > ul > li.phone-icon-and-number,
nav.primary > .constraint > .ending > ul.extra > li.menu-button {
  font-size: 22px;
}
@media (max-width: 1226px) {
  nav.primary > .constraint > .ending > ul.extra > li.phone-icon-and-number > a > .icon,
  nav.primary > .constraint > .ending > ul.extra > li.multiple-phone-icon-and-number > ul > li.phone-icon-and-number > a > .icon,
  nav.primary > .constraint > .ending > ul.extra > li.menu-button > a > .icon {
    height: 22px;
  }
}
nav.primary > .constraint > .ending > ul.extra > li.phone-icon-and-number > a:hover,
nav.primary > .constraint > .ending > ul.extra > li.multiple-phone-icon-and-number > ul > li.phone-icon-and-number > a:hover,
nav.primary > .constraint > .ending > ul.extra > li.menu-button > a:hover {
  /* They say its special */
  color: #000;
}
nav.primary > .constraint > .ending > ul.extra > li.phone-icon-and-number > a:hover > .icon *,
nav.primary > .constraint > .ending > ul.extra > li.multiple-phone-icon-and-number > ul > li.phone-icon-and-number > a:hover > .icon *,
nav.primary > .constraint > .ending > ul.extra > li.menu-button > a:hover > .icon * {
  fill: #000;
}
html.rtl nav.primary > .constraint > .ending > ul.extra > li.phone-icon-and-number {
  font-size: 15px;
}
@media (max-width: 1226px) {
  nav.primary > .constraint > .ending > ul.extra > li:last-child > a > .icon {
    margin-left: 10px;
    margin-right: 0;
  }
  html.rtl nav.primary > .constraint > .ending > ul.extra > li:last-child > a > .icon {
    margin-left: 0;
    margin-right: 10px;
  }
}
nav.primary > .constraint > .ending > ul.extra.no-gap-on-end {
  padding-right: 0;
}
html.rtl nav.primary > .constraint > .ending > ul.extra.no-gap-on-end {
  padding-left: 0;
  padding-right: 0;
}
nav.primary > .constraint > .ending > .cta > button.btn-hollow.predominant {
  background-color: #FC1784;
  color: #fff;
}
nav.primary > .constraint > .ending > .cta > button.btn-hollow.predominant:hover {
  background-color: #D80076;
}
nav.primary > .constraint > .ending.multiple-phone-numbers > ul.extra {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
nav.primary > .constraint > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > .phone-menu-label {
  display: none;
}
nav.primary > .constraint > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul {
  padding: 0;
  margin: 0;
}
nav.primary > .constraint > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li.phone-icon-and-number {
  font-size: 15px;
}
@media (max-width: 1226px) {
  nav.primary > .constraint > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li.phone-icon-and-number {
    display: none;
  }
  nav.primary > .constraint > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li.phone-icon-and-number:first-child {
    display: block;
  }
}
nav.primary > .constraint > .ending.multiple-phone-numbers > ul.extra > li.sprt {
  height: 40px;
  -ms-flex-item-align: center;
      align-self: center;
}
nav.primary.stacked {
  -webkit-box-shadow: none;
          box-shadow: none;
}
nav.primary.expanded {
  height: 100%;
  z-index: 3;
  max-height: 2000px;
  -webkit-box-shadow: 0 0 1000px 1000px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1000px 1000px rgba(0, 0, 0, 0.2);
}
nav.primary.expanded .has-li-style > li {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
html.rtl nav.primary.expanded .has-li-style > li {
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary.expanded .has-li-style > li {
  padding-left: 0;
  padding-right: 0;
}
nav.primary.expanded .has-li-style > li > a:before,
nav.primary.expanded .has-li-style > li > a:after {
  display: table;
  clear: both;
  content: " ";
}
nav.primary.expanded .has-li-style > li > a > .icon {
  float: right;
  height: 20px;
}
html.rtl nav.primary.expanded .has-li-style > li > a > .icon {
  float: left;
}
nav.primary.expanded .has-li-style > li.phone-icon-and-number {
  font-size: inherit;
}
nav.primary.expanded > .constraint.grid {
  display: block;
  height: auto;
  position: relative;
}
nav.primary.expanded > .constraint.grid .show-expand,
nav.primary.expanded > .constraint.grid .show-expand.hide-mobile {
  display: initial;
}
nav.primary.expanded > .constraint.grid .hide-expand,
nav.primary.expanded > .constraint.grid .hide-expand.show-mobile {
  display: none;
}
nav.primary.expanded > .constraint.grid > .starting {
  width: 100%;
  font-size: 20px;
  margin-top: 2em;
  margin-bottom: 2em;
}
nav.primary.expanded > .constraint.grid > .starting > ul.menu,
nav.primary.expanded > .constraint.grid > .starting > ul.menu.show-expand {
  display: block;
  padding-left: 0;
  padding-right: 0;
}
html.rtl nav.primary.expanded > .constraint.grid > .starting > ul.menu,
html.rtl nav.primary.expanded > .constraint.grid > .starting > ul.menu.show-expand {
  padding-left: 0;
  padding-right: 0;
}
nav.primary.expanded > .constraint.grid > .starting > ul.menu > li,
nav.primary.expanded > .constraint.grid > .starting > ul.menu.show-expand > li {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
html.rtl nav.primary.expanded > .constraint.grid > .starting > ul.menu > li,
html.rtl nav.primary.expanded > .constraint.grid > .starting > ul.menu.show-expand > li {
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary.expanded > .constraint.grid > .starting > ul.menu > li,
html.rtl nav.primary.expanded > .constraint.grid > .starting > ul.menu.show-expand > li {
  padding-left: 0;
  padding-right: 0;
}
nav.primary.expanded > .constraint.grid > .ending {
  display: block;
  width: 100%;
  font-size: 20px;
  font-weight: normal;
  margin-top: 2em;
  margin-bottom: 2em;
}
nav.primary.expanded > .constraint.grid > .ending > ul.extra.grid {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
nav.primary.expanded > .constraint.grid > .ending > ul.extra.grid > li {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
html.rtl nav.primary.expanded > .constraint.grid > .ending > ul.extra.grid > li {
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary.expanded > .constraint.grid > .ending > ul.extra.grid > li {
  padding-left: 0;
  padding-right: 0;
}
nav.primary.expanded > .constraint.grid > .ending > ul.extra.grid > li > a:before,
nav.primary.expanded > .constraint.grid > .ending > ul.extra.grid > li > a:after {
  display: table;
  clear: both;
  content: " ";
}
nav.primary.expanded > .constraint.grid > .ending > ul.extra.grid > li > a > .icon {
  float: right;
  height: 20px;
}
html.rtl nav.primary.expanded > .constraint.grid > .ending > ul.extra.grid > li > a > .icon {
  float: left;
}
nav.primary.expanded > .constraint.grid > .ending > ul.extra.grid > li.phone-icon-and-number {
  font-size: inherit;
}
nav.primary.expanded > .constraint.grid > .ending > .cta {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 4em;
  margin-bottom: 4em;
}
nav.primary.expanded > .constraint.grid > .ending > .cta > .btn {
  width: 60%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
nav.primary.expanded > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li {
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
html.rtl nav.primary.expanded > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li {
  margin-left: 0;
  margin-right: 0;
}
html.rtl nav.primary.expanded > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li {
  padding-left: 0;
  padding-right: 0;
}
nav.primary.expanded > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li > a:before,
nav.primary.expanded > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li > a:after {
  display: table;
  clear: both;
  content: " ";
}
nav.primary.expanded > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li > a > .icon {
  float: right;
  height: 20px;
}
html.rtl nav.primary.expanded > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li > a > .icon {
  float: left;
}
nav.primary.expanded > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li.phone-icon-and-number {
  font-size: inherit;
}
nav.primary.expanded > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > ul > li.phone-icon-and-number {
  display: block;
}
nav.primary.expanded > .constraint.grid > .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 19px;
  height: 19px;
  cursor: pointer;
  background-image: url('/content/dam/englishtown/englishlive2016/cross-black.svg');
  background-size: cover;
}
html.rtl nav.primary.expanded > .constraint.grid > .close {
  left: 0;
  right: auto;
}
nav.primary.expanded > .constraint.grid .close {
  width: 20px;
  height: 20px;
}
nav.primary.expanded.telmenu > .constraint.grid .hide-telmenu {
  display: none;
}
nav.primary.expanded.telmenu > .constraint.grid > .starting > ul.menu > li.hide-telmenu {
  display: none;
}
nav.primary.expanded.telmenu > .constraint.grid > .ending.multiple-phone-numbers > ul.extra > li.multiple-phone-icon-and-number > .phone-menu-label {
  display: block;
}
nav.primary.browser-support--expanded {
  max-height: 364px;
}
nav.primary.browser-support--expanded + .nav-placeholder {
  height: 362px;
}
html.wcmmode-edit nav.primary {
  position: static;
}
nav.secondary {
  color: #000;
  height: 68px;
  background-color: #FFF;
  width: 100%;
  z-index: 2;
  overflow: visible;
  border-top: 1px solid transparent;
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 1s;
  transition: -webkit-box-shadow 1s;
  -o-transition: box-shadow 1s;
  transition: box-shadow 1s;
  transition: box-shadow 1s, -webkit-box-shadow 1s;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
nav.secondary.stacked {
  border-top: 1px solid #EDEDED;
}
nav.secondary.expanded {
  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 0 1000px 1000px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 0 1000px 1000px rgba(0, 0, 0, 0.3);
}
nav.secondary:before,
nav.secondary:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 1227px) {
  nav.secondary *.hide-desktop {
    display: none;
  }
  nav.secondary *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  nav.secondary *.hide-mobile {
    display: none;
  }
  nav.secondary *.show-mobile {
    display: initial;
  }
}
nav.secondary .hide-ol {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -9999px;
  right: 9999px;
  top: -9999px;
}
html.rtl nav.secondary .hide-ol {
  left: 9999px;
  right: -9999px;
}
@media (min-width: 1227px) {
  nav.secondary .hide-ol {
    position: static;
  }
}
nav.secondary .show-ol {
  visibility: visible;
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 68px;
}
html.rtl nav.secondary .show-ol {
  left: 0;
  right: 0;
}
@media (min-width: 1227px) {
  nav.secondary .show-ol {
    position: static;
  }
}
@media (min-width: 1227px) {
  nav.secondary {
    height: 44px;
  }
}
nav.secondary > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-family: Georgia;
  font-style: italic;
  position: relative;
  /* 
            THIS IS A HACK:
            Use our own counting implementation to workaround firefox bug:
            https://bugzilla.mozilla.org/show_bug.cgi?id=1161825
        */
}
@media (max-width: 1226px) {
  nav.secondary > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl nav.secondary > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
html.rtl nav.secondary > .constraint {
  font-size: 18px;
}
@media (min-width: 1227px) {
  nav.secondary > .constraint {
    font-size: 14px;
  }
  html.rtl nav.secondary > .constraint {
    font-size: 18px;
  }
}
nav.secondary > .constraint > .caption {
  width: 100%;
  line-height: 68px;
  color: #FC1784;
  cursor: pointer;
}
nav.secondary > .constraint > ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -9999px;
  right: 9999px;
  top: -9999px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 44px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -28px;
  margin-right: -28px;
  padding-left: 0;
  padding-right: 0;
  background-color: #EBEBEB;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: visibility 0s .5s, opacity .5s 0s, left 0s 1s, right 0s 1s, top 0s 1s;
  -o-transition: visibility 0s .5s, opacity .5s 0s, left 0s 1s, right 0s 1s, top 0s 1s;
  transition: visibility 0s .5s, opacity .5s 0s, left 0s 1s, right 0s 1s, top 0s 1s;
}
html.rtl nav.secondary > .constraint > ol {
  left: 9999px;
  right: -9999px;
}
@media (min-width: 1227px) {
  nav.secondary > .constraint > ol {
    position: static;
  }
}
html.rtl nav.secondary > .constraint > ol {
  margin-left: -28px;
  margin-right: -28px;
}
html.rtl nav.secondary > .constraint > ol {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1227px) {
  nav.secondary > .constraint > ol {
    visibility: visible;
    opacity: 1;
    position: absolute;
    left: 0;
    right: 0;
    top: 68px;
    margin: 0;
    background-color: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    line-height: 20px;
  }
  html.rtl nav.secondary > .constraint > ol {
    left: 0;
    right: 0;
  }
}
@media (min-width: 1227px) and (min-width: 1227px) {
  nav.secondary > .constraint > ol {
    position: static;
  }
}
nav.secondary > .constraint > ol > li {
  height: auto;
  list-style-position: inside;
  padding-left: 28px;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #000;
  position: relative;
  white-space: nowrap;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}
html.rtl nav.secondary > .constraint > ol > li {
  padding-right: 28px;
  padding-left: 0;
}
@media (min-width: 1227px) {
  nav.secondary > .constraint > ol > li {
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 0;
  }
  html.rtl nav.secondary > .constraint > ol > li {
    margin-left: 30px;
    margin-right: 30px;
  }
  html.rtl nav.secondary > .constraint > ol > li {
    padding-right: 0;
    padding-left: 0;
  }
  nav.secondary > .constraint > ol > li:first-child {
    margin-left: 0;
    margin-right: 30px;
  }
  html.rtl nav.secondary > .constraint > ol > li:first-child {
    margin-left: 30px;
    margin-right: 0;
  }
  nav.secondary > .constraint > ol > li:last-child {
    margin-left: 30px;
    margin-right: 0;
  }
  html.rtl nav.secondary > .constraint > ol > li:last-child {
    margin-left: 0;
    margin-right: 30px;
  }
}
nav.secondary > .constraint > ol > li > a {
  color: #000;
  text-decoration: none;
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}
@media (min-width: 1227px) {
  nav.secondary > .constraint > ol > li:hover {
    color: #FC1784;
    background-color: transparent;
  }
  nav.secondary > .constraint > ol > li:hover > a {
    color: #FC1784;
  }
}
nav.secondary > .constraint > ol > li.active {
  color: #FFF;
  background-color: #FC1784;
}
nav.secondary > .constraint > ol > li.active > a {
  color: #FFF;
}
@media (min-width: 1227px) {
  nav.secondary > .constraint > ol > li.active {
    color: #FC1784;
    background-color: transparent;
  }
  nav.secondary > .constraint > ol > li.active > a {
    color: #FC1784;
  }
  nav.secondary > .constraint > ol > li.active:after {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: 0;
    height: 2px;
    background-color: #FC1784;
  }
  html.rtl nav.secondary > .constraint > ol > li.active:after {
    left: -10px;
    right: -10px;
  }
}
nav.secondary > .constraint > ol.expanded {
  visibility: visible;
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 68px;
  -webkit-transition: visibility 0s 0s, opacity .5s 0s, left 0s 0s, top 0s 0s, right 0s 0s;
  -o-transition: visibility 0s 0s, opacity .5s 0s, left 0s 0s, top 0s 0s, right 0s 0s;
  transition: visibility 0s 0s, opacity .5s 0s, left 0s 0s, top 0s 0s, right 0s 0s;
}
html.rtl nav.secondary > .constraint > ol.expanded {
  left: 0;
  right: 0;
}
@media (min-width: 1227px) {
  nav.secondary > .constraint > ol.expanded {
    position: static;
  }
}
nav.secondary > .constraint > ol {
  counter-reset: level1;
}
nav.secondary > .constraint > ol > li {
  list-style: none;
}
nav.secondary > .constraint > ol > li:before {
  content: counter(level1) ". ";
  counter-increment: level1;
}
nav.secondary > .constraint > .deco {
  position: absolute;
  top: 26px;
  right: 3px;
}
html.rtl nav.secondary > .constraint > .deco {
  left: 3px;
  right: auto;
}
nav.secondary > .constraint > .deco svg polyline {
  width: 26px;
  height: 14px;
  fill: #FC1784;
}
.stage-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
}
.stage-background > .background-resource {
  position: absolute;
  left: 0;
  top: 0;
}
html.rtl .stage-background > .background-resource {
  right: 0;
  left: auto;
}
.stage-background > .background-gradient {
  display: none;
}
html.wcmmode-edit .stage-background-editbar {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #000;
  color: #FFF;
  height: 32px;
  line-height: 32px;
  font-weight: bold;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4%, 0);
    transform: translate3d(0, -4%, 0);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4%, 0);
    transform: translate3d(0, -4%, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
      transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
      transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
      transform-origin: center;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
.has-scroll-indicator > .scroll-indicator {
  display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
  top: 25.2px;
  width: 200px;
  color: #FFF;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1227px) {
  .has-scroll-indicator > .scroll-indicator {
    top: 42px;
  }
}
.has-scroll-indicator > .scroll-indicator:hover {
  text-decoration: none;
}
.has-scroll-indicator > .scroll-indicator > span {
  display: block;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  /* change from margin to padding so that it is clickable on margin area */
  padding-top: 14px;
  padding-bottom: 14px;
}
.has-scroll-indicator > .scroll-indicator.hidden {
  opacity: 0;
}
.has-scroll-indicator > .scroll-indicator.dark {
  color: #000;
}
.has-scroll-indicator > .scroll-indicator.animate.startup {
  opacity: 1;
  -webkit-animation-delay: 0ms, 1500ms, 2500ms;
          animation-delay: 0ms, 1500ms, 2500ms;
  -webkit-animation-duration: 1000ms, 1000ms, 1000ms;
          animation-duration: 1000ms, 1000ms, 1000ms;
  -webkit-animation-name: fadeIn, bounce, bounce;
          animation-name: fadeIn, bounce, bounce;
}
.background-cover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
}
html.rtl .background-cover {
  left: 0;
  right: 0;
}
section.stage {
  color: #FFF;
  font-weight: 300;
  text-align: center;
  background-color: #EFEFEF;
  background-size: cover;
  z-index: 1;
  overflow: hidden;
  position: relative;
}
section.stage h1,
section.stage h2,
section.stage h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.stage > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.stage > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.stage > .constraint *.hide-desktop {
    display: none;
  }
  section.stage > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.stage > .constraint *.hide-mobile {
    display: none;
  }
  section.stage > .constraint *.show-mobile {
    display: initial;
  }
}
section.stage:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
html.rtl section.stage:before {
  left: 0;
  right: 0;
}
section.stage > .background-video {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
}
@media (max-width: 1226px) {
  section.stage > .background-video {
    display: none;
  }
}
html.rtl section.stage > .background-video {
  left: 0;
  right: 0;
}
section.stage > .background-video > video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.stage > .constraint {
  position: relative;
  z-index: 1;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.stage > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.stage > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.stage > .constraint > .opening {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl section.stage > .constraint > .opening {
  font-weight: 700;
}
@media (max-width: 1226px) {
  section.stage > .constraint > .opening {
    text-align: center;
  }
}
section.stage > .constraint > .opening {
  color: #FFF;
}
section.stage > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.stage > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.stage > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.stage > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.stage > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.stage > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.stage > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.stage > .constraint > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.stage > .constraint > .caption {
    width: auto;
  }
}
section.stage > .constraint > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.stage > .constraint > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.stage > .constraint > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.stage > .constraint > .cta {
  margin: 0 auto;
}
section.stage > .constraint > .cta.placeholder {
  visibility: hidden;
}
section.stage > .constraint > .scroll-indicator {
  display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
  top: 25.2px;
  width: 200px;
  color: #FFF;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1227px) {
  section.stage > .constraint > .scroll-indicator {
    top: 42px;
  }
}
section.stage > .constraint > .scroll-indicator:hover {
  text-decoration: none;
}
section.stage > .constraint > .scroll-indicator > span {
  display: block;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  /* change from margin to padding so that it is clickable on margin area */
  padding-top: 14px;
  padding-bottom: 14px;
}
section.stage > .constraint > .scroll-indicator.hidden {
  opacity: 0;
}
section.stage > .constraint > .scroll-indicator.dark {
  color: #000;
}
section.stage > .constraint > .scroll-indicator.animate.startup {
  opacity: 1;
  -webkit-animation-delay: 0ms, 1500ms, 2500ms;
          animation-delay: 0ms, 1500ms, 2500ms;
  -webkit-animation-duration: 1000ms, 1000ms, 1000ms;
          animation-duration: 1000ms, 1000ms, 1000ms;
  -webkit-animation-name: fadeIn, bounce, bounce;
          animation-name: fadeIn, bounce, bounce;
}
@media (min-width: 1227px) {
  section.stage > .violator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  html.rtl section.stage > .violator {
    right: 0;
    left: auto;
  }
}
section.stage > .violator > .constraint {
  position: relative;
  height: 100%;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.stage > .violator > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.stage > .violator > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
@media (max-width: 1226px) {
  section.stage > .violator > .constraint {
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.stage > .violator > .constraint {
    margin-left: 0;
    margin-right: 0;
  }
}
section.stage > .violator > .constraint > .inner {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (min-width: 1227px) {
  section.stage > .violator > .constraint > .inner {
    position: absolute;
    left: 200px;
    right: auto;
    bottom: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
    overflow: visible;
  }
  section.stage > .violator > .constraint > .inner:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  html.rtl section.stage > .violator > .constraint > .inner {
    left: auto;
    right: 200px;
  }
}
section.stage > .violator > .constraint > .inner > .constraint {
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (min-width: 1227px) {
  section.stage > .violator > .constraint > .inner > .constraint {
    width: auto;
    margin: 0;
  }
  section.stage > .violator > .constraint > .inner > .constraint .text-start:before {
    content: ' ';
    background-color: #FFF;
    height: 1px;
    width: 40px;
    overflow: hidden;
    display: block;
    margin: 1em auto;
  }
  section.stage > .violator > .constraint > .inner > .constraint .text-end:after {
    content: ' ';
    background-color: #FFF;
    height: 1px;
    width: 40px;
    overflow: hidden;
    display: block;
    margin: 1em auto;
  }
}
section.stage > .violator > .constraint > .inner > .constraint .sprt-line {
  content: ' ';
  background-color: #FFF;
  height: 1px;
  width: 40px;
  overflow: hidden;
  display: block;
  margin: 1em auto;
}
section.stage > .violator > .constraint > .inner > .constraint .text-start,
section.stage > .violator > .constraint > .inner > .constraint .text-end,
section.stage > .violator > .constraint > .inner > .constraint .text-spotlight {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
section.stage > .violator > .constraint > .inner > .constraint .text-start,
section.stage > .violator > .constraint > .inner > .constraint .text-end {
  font-style: italic;
  font-size: 18px;
  font-family: Georgia;
}
section.stage > .violator > .constraint > .inner > .constraint .text-spotlight {
  font-weight: 700;
  font-size: 22px;
}
section.stage > .violator.violator--hide {
  display: none;
}
section.stage > .violator.violator--cold > .constraint > .inner {
  background-color: #D9E9FB;
}
@media (min-width: 1227px) {
  section.stage > .violator.violator--cold > .constraint > .inner {
    background-color: transparent;
  }
  section.stage > .violator.violator--cold > .constraint > .inner:before {
    background-image: url('/content/dam/englishtown/englishlive2016/beercap-bubble-lightblue.svg');
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1227px) {
  section.stage > .violator.violator--cold > .constraint > .inner > .constraint .text-start:before {
    background-color: #000;
  }
  section.stage > .violator.violator--cold > .constraint > .inner > .constraint .text-end:after {
    background-color: #000;
  }
}
section.stage > .violator.violator--cold > .constraint > .inner > .constraint > .text-start {
  color: #000;
}
section.stage > .violator.violator--cold > .constraint > .inner > .constraint > .text-spotlight {
  color: #FC1784;
}
section.stage > .violator.violator--cold > .constraint > .inner > .constraint > .text-end {
  color: #000;
}
section.stage > .violator.violator--warm > .constraint > .inner {
  background-color: #FC1784;
}
@media (min-width: 1227px) {
  section.stage > .violator.violator--warm > .constraint > .inner {
    background-color: transparent;
  }
  section.stage > .violator.violator--warm > .constraint > .inner:before {
    left: 0;
    right: -9px;
    background: transparent 0 0 url('/content/dam/englishtown/englishlive2016/speech-bubble-pink.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: border-box;
  }
  html.rtl section.stage > .violator.violator--warm > .constraint > .inner:before {
    left: -9px;
    right: 0;
  }
  html.rtl section.stage > .violator.violator--warm > .constraint > .inner:before {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
section.stage > .violator.violator--warm > .constraint > .inner > .constraint > .text-start {
  color: #FFF;
}
section.stage > .violator.violator--warm > .constraint > .inner > .constraint > .text-spotlight {
  color: #F8E71C;
}
section.stage > .violator.violator--warm > .constraint > .inner > .constraint > .text-end {
  color: #FFF;
}
section.stage > .violator.violator--warm > .constraint > .inner > .constraint:after {
  content: ' ';
  display: block;
}
section.stage.stage--hanging-cta > .constraint > .caption {
  display: inline-block;
  vertical-align: middle;
}
section.stage.stage--hanging-cta > .constraint > .desc {
  margin-top: 0;
}
section.stage.stage--hanging-cta > .constraint > .cta {
  display: inline-block;
  vertical-align: middle;
  min-width: 300px;
  left: 100%;
  top: 0;
}
@media (max-width: 1226px) {
  section.stage.stage--hanging-cta > .constraint > .cta {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
html.rtl section.stage.stage--hanging-cta > .constraint > .cta {
  right: 100%;
  left: auto;
}
section.stage.stage--hanging-cta > .constraint > .cta > .btn {
  vertical-align: top;
}
section.stage.stage--has-violator > .constraint > .caption {
  width: 500px;
}
@media (max-width: 1226px) {
  section.stage.stage--has-violator > .constraint > .caption {
    width: auto;
  }
}
#CQ .stage--spotlight-white,
html .stage--spotlight-white {
  color: #FFF;
}
#CQ .stage--spotlight-black,
html .stage--spotlight-black {
  color: #000;
}
#CQ .stage--spotlight-cyan,
html .stage--spotlight-cyan {
  color: #50E3C2;
}
#CQ .stage--spotlight-blue,
html .stage--spotlight-blue {
  color: #157cfb;
}
.block-center {
  margin-left: auto;
  margin-right: auto;
}
.has-bullet-image .li-has-image,
.has-bullet-image .li-has-indent {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl .has-bullet-image .li-has-image,
html.rtl .has-bullet-image .li-has-indent {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl .has-bullet-image .li-has-image,
html.rtl .has-bullet-image .li-has-indent {
  background-position: right top;
}
@media (max-width: 1226px) {
  .has-bullet-image .li-has-image,
  .has-bullet-image .li-has-indent {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl .has-bullet-image .li-has-image,
  html.rtl .has-bullet-image .li-has-indent {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl .has-bullet-image .li-has-image,
  html.rtl .has-bullet-image .li-has-indent {
    background-position: center top;
  }
}
.has-bullet-image .li-has-indent {
  min-height: 0;
}
@media (max-width: 1226px) {
  .has-bullet-image .li-has-indent {
    padding-top: 0;
  }
}
.has-bullet-image > ul.bullet {
  text-align: left;
  list-style-type: none;
  list-style-position: inside !important;
  padding-left: 0;
}
html.rtl .has-bullet-image > ul.bullet {
  text-align: right;
}
html.rtl .has-bullet-image > ul.bullet {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet {
    text-align: center;
  }
  html.rtl .has-bullet-image > ul.bullet {
    text-align: center;
  }
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item),
.has-bullet-image > ul.bullet > li:not(.feature-item) {
  width: auto;
  margin-top: 26px;
  margin-bottom: 26px;
  padding-left: 0;
  position: relative;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item),
html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item),
  .has-bullet-image > ul.bullet > li:not(.feature-item) {
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
  }
  html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item),
  html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) {
    margin-left: auto;
    margin-right: auto;
  }
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item):first-child,
.has-bullet-image > ul.bullet > li:not(.feature-item):first-child {
  margin-top: 0;
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item):last-child,
.has-bullet-image > ul.bullet > li:not(.feature-item):last-child {
  margin-bottom: 0;
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 98px;
  height: 98px;
  line-height: 98px;
  text-align: center;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .icon {
  right: 0;
  left: auto;
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon > img,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .icon > img {
  vertical-align: middle;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  .has-bullet-image > ul.bullet > li:not(.feature-item) > .icon {
    left: 0;
    right: 0;
    width: 100%;
  }
  html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .icon {
    right: 0;
    left: auto;
  }
  html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .icon {
    left: 0;
    right: auto;
  }
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .caption {
  display: block;
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .caption {
  font-weight: 700;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .caption {
  text-align: right;
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--light,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .caption .bullet--light {
  font-weight: 300;
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--highlight,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .caption .bullet--highlight {
  color: #FC1784;
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--heavy,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .caption .bullet--heavy {
  font-weight: 700;
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--heavy-large,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .caption .bullet--heavy-large {
  font-weight: 700;
  font-size: 22px;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
  .has-bullet-image > ul.bullet > li:not(.feature-item) > .caption {
    text-align: center;
  }
  html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
  html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .caption {
    text-align: center;
  }
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .desc {
  display: block;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .desc {
  text-align: right;
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .desc ul,
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .desc ol {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
  list-style-position: outside;
  display: inline-block;
  text-align: left;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .desc ul,
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .desc ol {
  margin-left: auto;
  margin-right: auto;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .desc ul,
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .desc ol {
  padding-right: 1.5em;
  padding-left: 0;
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul > li,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .desc ul > li,
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol > li,
.has-bullet-image > ul.bullet > li:not(.feature-item) > .desc ol > li {
  list-style-type: disc;
  margin: .5em auto;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
  .has-bullet-image > ul.bullet > li:not(.feature-item) > .desc {
    text-align: center;
  }
  html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
  html.rtl .has-bullet-image > ul.bullet > li:not(.feature-item) > .desc {
    text-align: center;
  }
}
.has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item).desc-alignment--middle > .desc,
.has-bullet-image > ul.bullet > li:not(.feature-item).desc-alignment--middle > .desc {
  min-height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1227px) {
  .has-bullet-image > ul.bullet > div.bullet-item > li:not(.feature-item).desc-alignment--middle > .desc,
  .has-bullet-image > ul.bullet > li:not(.feature-item).desc-alignment--middle > .desc {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.has-bullet-image > ul.bullet > ul.feature-item-container {
  display: inline-block;
  text-align: left;
  padding: 0;
  /* neutralise the that non-collapsing margin introduce by inline-block */
  margin-top: -0.8em;
  margin-bottom: -0.8em;
}
.has-bullet-image > ul.bullet > ul.feature-item-container > li.feature-item {
  max-width: 486px;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet > ul.feature-item-container > li.feature-item {
    max-width: none;
  }
}
.has-bullet-image > ul.bullet > li.feature-item {
  max-width: 486px;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet > li.feature-item {
    max-width: none;
  }
}
.has-bullet-image > ul.bullet > div.bullet-item > li.has-image,
.has-bullet-image > ul.bullet > li.has-image {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li.has-image,
html.rtl .has-bullet-image > ul.bullet > li.has-image {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li.has-image,
html.rtl .has-bullet-image > ul.bullet > li.has-image {
  background-position: right top;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet > div.bullet-item > li.has-image,
  .has-bullet-image > ul.bullet > li.has-image {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li.has-image,
  html.rtl .has-bullet-image > ul.bullet > li.has-image {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl .has-bullet-image > ul.bullet > div.bullet-item > li.has-image,
  html.rtl .has-bullet-image > ul.bullet > li.has-image {
    background-position: center top;
  }
}
.has-bullet-image > ul.bullet > div.bullet-indent > li.has-indent,
.has-bullet-image > ul.bullet > li.has-indent {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
  min-height: 0;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-indent > li.has-indent,
html.rtl .has-bullet-image > ul.bullet > li.has-indent {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl .has-bullet-image > ul.bullet > div.bullet-indent > li.has-indent,
html.rtl .has-bullet-image > ul.bullet > li.has-indent {
  background-position: right top;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet > div.bullet-indent > li.has-indent,
  .has-bullet-image > ul.bullet > li.has-indent {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl .has-bullet-image > ul.bullet > div.bullet-indent > li.has-indent,
  html.rtl .has-bullet-image > ul.bullet > li.has-indent {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl .has-bullet-image > ul.bullet > div.bullet-indent > li.has-indent,
  html.rtl .has-bullet-image > ul.bullet > li.has-indent {
    background-position: center top;
  }
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet > div.bullet-indent > li.has-indent,
  .has-bullet-image > ul.bullet > li.has-indent {
    padding-top: 0;
  }
}
.has-bullet-image > ul.bullet.bullet--font-size--body-copy-smaller > div.bullet-item > li:not(.feature-item) > .desc,
.has-bullet-image > ul.bullet.bullet--font-size--body-copy-smaller > li:not(.feature-item) > .desc {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
.has-bullet-image > ul.bullet.bullet--font-size--body-copy-larger > div.bullet-item > li:not(.feature-item) > .desc,
.has-bullet-image > ul.bullet.bullet--font-size--body-copy-larger > li:not(.feature-item) > .desc {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
.has-bullet-image > ul.bullet.bullet--image > li {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl .has-bullet-image > ul.bullet.bullet--image > li {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl .has-bullet-image > ul.bullet.bullet--image > li {
  background-position: right top;
}
@media (max-width: 1226px) {
  .has-bullet-image > ul.bullet.bullet--image > li {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl .has-bullet-image > ul.bullet.bullet--image > li {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl .has-bullet-image > ul.bullet.bullet--image > li {
    background-position: center top;
  }
}
.has-bullet-image > ul.bullet.bullet--image.bullet--yellow > div.bullet-item > li,
.has-bullet-image > ul.bullet.bullet--image.bullet--yellow > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-yellow.svg');
}
.has-bullet-image > ul.bullet.bullet--yellow > div.bullet-item > li.has-image,
.has-bullet-image > ul.bullet.bullet--yellow > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-yellow.svg');
}
.has-bullet-image > ul.bullet.bullet--image.bullet--purple > div.bullet-item > li,
.has-bullet-image > ul.bullet.bullet--image.bullet--purple > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-purple.svg');
}
.has-bullet-image > ul.bullet.bullet--purple > div.bullet-item > li.has-image,
.has-bullet-image > ul.bullet.bullet--purple > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-purple.svg');
}
.has-bullet-image > ul.bullet.bullet--image.bullet--green > div.bullet-item > li,
.has-bullet-image > ul.bullet.bullet--image.bullet--green > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-green.svg');
}
.has-bullet-image > ul.bullet.bullet--green > div.bullet-item > li.has-image,
.has-bullet-image > ul.bullet.bullet--green > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-green.svg');
}
.has-bullet-image > ul.bullet.bullet--image.bullet--light-blue > div.bullet-item > li,
.has-bullet-image > ul.bullet.bullet--image.bullet--light-blue > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-light-blue.svg');
}
.has-bullet-image > ul.bullet.bullet--light-blue > div.bullet-item > li.has-image,
.has-bullet-image > ul.bullet.bullet--light-blue > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-light-blue.svg');
}
.has-bullet-image > ul.bullet.bullet--image.bullet--white > div.bullet-item > li,
.has-bullet-image > ul.bullet.bullet--image.bullet--white > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-white.svg');
}
.has-bullet-image > ul.bullet.bullet--white > div.bullet-item > li.has-image,
.has-bullet-image > ul.bullet.bullet--white > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-white.svg');
}
.has-more > .more {
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: -20px;
  margin-right: -20px;
}
html.rtl .has-more > .more {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 1227px) {
  .has-more > .more {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.has-more > .more a {
  display: inline-block;
  color: #FC1784;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
}
html.rtl .has-more > .more a {
  margin-left: 20px;
  margin-right: 20px;
}
.has-more > .more a:after {
  margin-left: 10px;
  margin-right: 0;
  content: ' ';
  display: inline-block;
  background: no-repeat 0 0 url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  width: 7px;
  height: 12px;
  padding: 1px 0;
  vertical-align: middle;
}
html.rtl .has-more > .more a:after {
  margin-left: 0;
  margin-right: 10px;
}
html.rtl .has-more > .more a:after {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.has-more > .more a:hover:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  background-color: #FC1784;
  height: 2px;
  left: 0;
  right: 0;
}
html.rtl .has-more > .more a:hover:before {
  left: 0;
  right: 0;
}
section.illustrator {
  color: #000;
  font-family: Roboto;
  font-weight: 300;
  background-size: cover;
  position: relative;
  z-index: 1;
}
section.illustrator h1,
section.illustrator h2,
section.illustrator h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.illustrator > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.illustrator > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.illustrator > .constraint *.hide-desktop {
    display: none;
  }
  section.illustrator > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.illustrator > .constraint *.hide-mobile {
    display: none;
  }
  section.illustrator > .constraint *.show-mobile {
    display: initial;
  }
}
section.illustrator p {
  margin: 0;
}
section.illustrator a {
  text-decoration: none;
}
section.illustrator > .constraint.central-header {
  text-align: center;
}
section.illustrator > .constraint.central-header > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.illustrator > .constraint.central-header > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint.central-header > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.illustrator > .constraint.central-header > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint.central-header > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.illustrator > .constraint.central-header > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint.central-header > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.illustrator > .constraint.central-header > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint.central-header > .caption {
    width: auto;
  }
}
section.illustrator > .constraint.central-header > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.illustrator > .constraint.central-header > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint.central-header > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.illustrator > .constraint.central-header > .desc {
  width: 60%;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint.central-header > .desc {
    width: 100%;
  }
}
@media (max-width: 1226px) {
  section.illustrator > .constraint.central-header {
    margin-bottom: 25px;
  }
}
section.illustrator > .constraint.central-header.heavy-header > .caption,
section.illustrator > .constraint.central-header.heavy-header > .desc {
  font-weight: 600;
}
section.illustrator > .constraint {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
section.illustrator > .constraint:nth-of-type(1) {
  margin-top: 30px;
}
@media (min-width: 1227px) {
  section.illustrator > .constraint:nth-of-type(1) {
    margin-top: 60px;
  }
}
section.illustrator > .constraint:nth-last-of-type(1) {
  margin-bottom: 30px;
}
@media (min-width: 1227px) {
  section.illustrator > .constraint:nth-last-of-type(1) {
    margin-bottom: 60px;
  }
}
@media (max-width: 1226px) {
  section.illustrator > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.illustrator > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
@media (min-width: 1227px) {
  section.illustrator > .constraint > .grid.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  section.illustrator > .constraint > .grid.grid > .col-1-12 {
    width: 8.33333333%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-1-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-2-12 {
    width: 16.66666667%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-2-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-3-12 {
    width: 25%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-3-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-4-12 {
    width: 33.33333333%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-4-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-5-12 {
    width: 41.66666667%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-5-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-6-12 {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-6-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-7-12 {
    width: 58.33333333%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-7-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-8-12 {
    width: 66.66666667%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-8-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-9-12 {
    width: 75%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-9-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-10-12 {
    width: 83.33333333%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-10-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-11-12 {
    width: 91.66666667%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-11-12 {
    margin-left: 0;
    margin-right: 0;
  }
  section.illustrator > .constraint > .grid.grid > .col-12-12 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.illustrator > .constraint > .grid.grid > .col-12-12 {
    margin-left: 0;
    margin-right: 0;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > .opening {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > .opening {
  font-weight: 700;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > .opening {
    text-align: center;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > .opening.heavy-header {
  font-weight: 600;
}
section.illustrator > .constraint > .grid > div[class*=col] > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  width: 100%;
  /* 'They' want it to be smaller so user see a bit more what is coming up on first screen */
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > .caption {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > .caption.heavy-header {
  font-weight: 600;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > .caption {
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 1227px) {
  section.illustrator > .constraint > .grid > div[class*=col] > .caption:first-child {
    margin-top: 0;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > .sub {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > .sub {
    text-align: center;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] .li-has-image,
section.illustrator > .constraint > .grid > div[class*=col] .li-has-indent {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] .li-has-image,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] .li-has-indent {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] .li-has-image,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] .li-has-indent {
  background-position: right top;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] .li-has-image,
  section.illustrator > .constraint > .grid > div[class*=col] .li-has-indent {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] .li-has-image,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] .li-has-indent {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] .li-has-image,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] .li-has-indent {
    background-position: center top;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] .li-has-indent {
  min-height: 0;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] .li-has-indent {
    padding-top: 0;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet {
  text-align: left;
  list-style-type: none;
  list-style-position: inside !important;
  padding-left: 0;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet {
  text-align: right;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet {
    text-align: center;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet {
    text-align: center;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item),
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) {
  width: auto;
  margin-top: 26px;
  margin-bottom: 26px;
  padding-left: 0;
  position: relative;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item),
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item),
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) {
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item),
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) {
    margin-left: auto;
    margin-right: auto;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item):first-child,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item):first-child {
  margin-top: 0;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item):last-child,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item):last-child {
  margin-bottom: 0;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 98px;
  height: 98px;
  line-height: 98px;
  text-align: center;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .icon {
  right: 0;
  left: auto;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon > img,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .icon > img {
  vertical-align: middle;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .icon {
    left: 0;
    right: 0;
    width: 100%;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .icon {
    right: 0;
    left: auto;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .icon {
    left: 0;
    right: auto;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .caption {
  display: block;
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .caption {
  font-weight: 700;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .caption {
  text-align: right;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--light,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .caption .bullet--light {
  font-weight: 300;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--highlight,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .caption .bullet--highlight {
  color: #FC1784;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--heavy,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .caption .bullet--heavy {
  font-weight: 700;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--heavy-large,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .caption .bullet--heavy-large {
  font-weight: 700;
  font-size: 22px;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .caption {
    text-align: center;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .caption {
    text-align: center;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc {
  display: block;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc {
  text-align: right;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc ul,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc ol {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
  list-style-position: outside;
  display: inline-block;
  text-align: left;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc ul,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc ol {
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc ul,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc ol {
  padding-right: 1.5em;
  padding-left: 0;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul > li,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc ul > li,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol > li,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc ol > li {
  list-style-type: disc;
  margin: .5em auto;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc {
    text-align: center;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc {
    text-align: center;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item).desc-alignment--middle > .desc,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item).desc-alignment--middle > .desc {
  min-height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1227px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li:not(.feature-item).desc-alignment--middle > .desc,
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li:not(.feature-item).desc-alignment--middle > .desc {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > ul.feature-item-container {
  display: inline-block;
  text-align: left;
  padding: 0;
  /* neutralise the that non-collapsing margin introduce by inline-block */
  margin-top: -0.8em;
  margin-bottom: -0.8em;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > ul.feature-item-container > li.feature-item {
  max-width: 486px;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > ul.feature-item-container > li.feature-item {
    max-width: none;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.feature-item {
  max-width: 486px;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.feature-item {
    max-width: none;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li.has-image,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-image {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li.has-image,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-image {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li.has-image,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-image {
  background-position: right top;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li.has-image,
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-image {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li.has-image,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-image {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-item > li.has-image,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-image {
    background-position: center top;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-indent > li.has-indent,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-indent {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
  min-height: 0;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-indent > li.has-indent,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-indent {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-indent > li.has-indent,
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-indent {
  background-position: right top;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-indent > li.has-indent,
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-indent {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-indent > li.has-indent,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-indent {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-indent > li.has-indent,
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-indent {
    background-position: center top;
  }
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > div.bullet-indent > li.has-indent,
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.has-indent {
    padding-top: 0;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--font-size--body-copy-smaller > div.bullet-item > li:not(.feature-item) > .desc,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--font-size--body-copy-smaller > li:not(.feature-item) > .desc {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--font-size--body-copy-larger > div.bullet-item > li:not(.feature-item) > .desc,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--font-size--body-copy-larger > li:not(.feature-item) > .desc {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image > li {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image > li {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image > li {
  background-position: right top;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image > li {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image > li {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image > li {
    background-position: center top;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--yellow > div.bullet-item > li,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--yellow > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-yellow.svg');
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--yellow > div.bullet-item > li.has-image,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--yellow > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-yellow.svg');
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--purple > div.bullet-item > li,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--purple > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-purple.svg');
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--purple > div.bullet-item > li.has-image,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--purple > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-purple.svg');
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--green > div.bullet-item > li,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--green > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-green.svg');
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--green > div.bullet-item > li.has-image,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--green > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-green.svg');
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--light-blue > div.bullet-item > li,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--light-blue > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-light-blue.svg');
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--light-blue > div.bullet-item > li.has-image,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--light-blue > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-light-blue.svg');
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--white > div.bullet-item > li,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--image.bullet--white > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-white.svg');
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--white > div.bullet-item > li.has-image,
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet.bullet--white > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-white.svg');
}
@media (min-width: 1227px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet {
    margin-top: 0;
    margin-bottom: 0;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.bullet-item {
  margin-top: 0;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.bullet-item .desc {
  margin-top: 0;
  margin-bottom: 0;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.bullet-item .desc > ul {
  padding-left: 16px;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > li.bullet-item .desc > ul {
  padding-right: 16px;
  padding-left: 0;
}
section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > .image {
  margin-top: 20px;
}
@media (min-width: 1227px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > .image {
    margin-top: 45px;
  }
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > .image > a > img,
  section.illustrator > .constraint > .grid > div[class*=col] > ul.bullet > .image > img {
    max-width: 100%;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > .more {
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: -20px;
  margin-right: -20px;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > .more {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 1227px) {
  section.illustrator > .constraint > .grid > div[class*=col] > .more {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > .more a {
  display: inline-block;
  color: #FC1784;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > .more a {
  margin-left: 20px;
  margin-right: 20px;
}
section.illustrator > .constraint > .grid > div[class*=col] > .more a:after {
  margin-left: 10px;
  margin-right: 0;
  content: ' ';
  display: inline-block;
  background: no-repeat 0 0 url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  width: 7px;
  height: 12px;
  padding: 1px 0;
  vertical-align: middle;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > .more a:after {
  margin-left: 0;
  margin-right: 10px;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > .more a:after {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.illustrator > .constraint > .grid > div[class*=col] > .more a:hover:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  background-color: #FC1784;
  height: 2px;
  left: 0;
  right: 0;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > .more a:hover:before {
  left: 0;
  right: 0;
}
section.illustrator > .constraint > .grid > div[class*=col] > .more {
  padding-left: 123px;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > .more {
  padding-right: 123px;
  padding-left: 0;
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col] > .more {
    padding-left: 0;
    text-align: center;
  }
  html.rtl section.illustrator > .constraint > .grid > div[class*=col] > .more {
    padding-right: 0;
    padding-left: 0;
  }
}
section.illustrator > .constraint > .grid > div[class*=col] > .more.more--align-with-start {
  padding-left: 0;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col] > .more.more--align-with-start {
  padding-right: 0;
  padding-left: 0;
}
section.illustrator > .constraint > .grid > div[class*=col].stretcher__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > .text-over-image > div {
  text-align: center;
  margin-top: 0.8em;
  margin-bottom: 40px;
  font-weight: 700;
}
section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div {
  margin-top: 20px;
  margin-bottom: 20px;
}
section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div:first-of-type {
  margin-top: 0;
}
section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1227px) {
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* 
                    do not stretch out of page border 
                    (to avoid scrollbar)
                */
    max-width: 50vw;
    position: absolute;
    bottom: 0;
  }
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > .image,
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher img {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher.stretcher--vertical-top {
    top: 0;
    bottom: auto;
  }
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div:first-of-type {
    margin-top: 0;
  }
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div:last-of-type {
    margin-bottom: 0;
  }
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div.form.component {
    width: 428px;
  }
}
@media (max-width: 1226px) {
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
    text-align: center;
    width: 100%;
  }
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > img,
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > a > img,
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div.image > img,
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div.image > a > img,
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > .text-over-image > img {
    max-width: 100%;
  }
  section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > .text-over-image > div {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div.form.component {
  background-color: #f8f8f8;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 70px;
  padding-right: 70px;
}
html.rtl section.illustrator > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > div.form.component {
  padding-left: 70px;
  padding-right: 70px;
}
@media (min-width: 1227px) {
  section.illustrator > .constraint.narrower {
    width: 990px;
  }
}
section.illustrator > .constraint.narrower > .grid > div[class*=col] > ul.bullet > li:not(.feature-item) > .desc {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
@media (max-width: 1226px) {
  section.illustrator.has-form > .constraint > .grid {
    padding-top: 30px;
  }
  section.illustrator.has-form > .constraint > .grid:first-child {
    padding-top: 0px;
  }
}
section.illustrator.has-form > .constraint > .grid > div[class*=col].stretcher__container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
section.illustrator.has-form > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  overflow-x: visible;
  overflow: visible;
  right: 0;
}
@media (min-width: 1227px) {
  section.illustrator.has-form > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
html.rtl section.illustrator.has-form > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
  left: 0;
  right: auto;
}
section.illustrator.illustrator--image-at-start > .constraint > .grid {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
section.illustrator.illustrator--image-at-start > .constraint > .grid > div[class*=col].stretcher__container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
section.illustrator.illustrator--image-at-start > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  right: 50%;
}
html.rtl section.illustrator.illustrator--image-at-start > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
  left: 50%;
  right: auto;
}
@media (min-width: 1227px) {
  section.illustrator.illustrator--image-at-start > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  section.illustrator.illustrator--image-at-start > .constraint > .grid > div[class*=col].stretcher__container > .stretcher > .image,
  section.illustrator.illustrator--image-at-start > .constraint > .grid > div[class*=col].stretcher__container > .stretcher img {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
section.illustrator.illustrator--image-at-start.has-form > .constraint > .grid > div[class*=col].stretcher__container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
section.illustrator.illustrator--image-at-start.has-form > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-x: visible;
  overflow: visible;
  left: 0;
}
html.rtl section.illustrator.illustrator--image-at-start.has-form > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
  right: 0;
  left: auto;
}
@media (min-width: 1227px) {
  section.illustrator.illustrator--image-at-start.has-form > .constraint > .grid > div[class*=col].stretcher__container > .stretcher {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
section.illustrator.not-collapsible {
  overflow: hidden;
}
section.illustrator.caption-size--small > .constraint > .grid > div[class*=col] > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.illustrator.caption-size--small > .constraint > .grid > div[class*=col] > .caption {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1227px) {
  section.illustrator.caption-size--small > .constraint > .grid > div[class*=col] > .caption:first-child {
    margin-top: 0;
  }
}
html.wcmmode-edit section.illustrator > .constraint > .grid > div[class*=col] > .opening {
  min-height: 10px;
}
@media (min-width: 1227px) {
  html.wcmmode-edit section.illustrator > .constraint > .grid > div[class*=col] > .stretcher {
    display: block;
    min-width: 200px;
  }
}
html .illustrator--same-as-form-caption,
#CQ .illustrator--same-as-form-caption {
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
section.surrounded {
  background: #e7e7e7 no-repeat center top;
  position: relative;
  z-index: 1;
}
section.surrounded.surrounded--white-background {
  background: #ffffff no-repeat center top;
}
section.surrounded:before,
section.surrounded:after {
  display: table;
  clear: both;
  content: " ";
}
section.surrounded h1,
section.surrounded h2,
section.surrounded h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.surrounded > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.surrounded > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.surrounded > .constraint *.hide-desktop {
    display: none;
  }
  section.surrounded > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.surrounded > .constraint *.hide-mobile {
    display: none;
  }
  section.surrounded > .constraint *.show-mobile {
    display: initial;
  }
}
section.surrounded p {
  margin: 0;
}
section.surrounded > .constraint {
  text-align: center;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.surrounded > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.surrounded > .constraint > .opening {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl section.surrounded > .constraint > .opening {
  font-weight: 700;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > .opening {
    text-align: center;
  }
}
section.surrounded > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.surrounded > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.surrounded > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.surrounded > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.surrounded > .constraint > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > .caption {
    width: auto;
  }
}
section.surrounded > .constraint > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.surrounded > .constraint > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.surrounded > .constraint .li-has-image,
section.surrounded > .constraint .li-has-indent {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl section.surrounded > .constraint .li-has-image,
html.rtl section.surrounded > .constraint .li-has-indent {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl section.surrounded > .constraint .li-has-image,
html.rtl section.surrounded > .constraint .li-has-indent {
  background-position: right top;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint .li-has-image,
  section.surrounded > .constraint .li-has-indent {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl section.surrounded > .constraint .li-has-image,
  html.rtl section.surrounded > .constraint .li-has-indent {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl section.surrounded > .constraint .li-has-image,
  html.rtl section.surrounded > .constraint .li-has-indent {
    background-position: center top;
  }
}
section.surrounded > .constraint .li-has-indent {
  min-height: 0;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint .li-has-indent {
    padding-top: 0;
  }
}
section.surrounded > .constraint > ul.bullet {
  text-align: left;
  list-style-type: none;
  list-style-position: inside !important;
  padding-left: 0;
}
html.rtl section.surrounded > .constraint > ul.bullet {
  text-align: right;
}
html.rtl section.surrounded > .constraint > ul.bullet {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet {
    text-align: center;
  }
  html.rtl section.surrounded > .constraint > ul.bullet {
    text-align: center;
  }
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item),
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) {
  width: auto;
  margin-top: 26px;
  margin-bottom: 26px;
  padding-left: 0;
  position: relative;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item),
html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item),
  section.surrounded > .constraint > ul.bullet > li:not(.feature-item) {
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item),
  html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) {
    margin-left: auto;
    margin-right: auto;
  }
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item):first-child,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item):first-child {
  margin-top: 0;
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item):last-child,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item):last-child {
  margin-bottom: 0;
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 98px;
  height: 98px;
  line-height: 98px;
  text-align: center;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .icon {
  right: 0;
  left: auto;
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon > img,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .icon > img {
  vertical-align: middle;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .icon {
    left: 0;
    right: 0;
    width: 100%;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .icon {
    right: 0;
    left: auto;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .icon {
    left: 0;
    right: auto;
  }
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .caption {
  display: block;
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .caption {
  font-weight: 700;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .caption {
  text-align: right;
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--light,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .caption .bullet--light {
  font-weight: 300;
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--highlight,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .caption .bullet--highlight {
  color: #FC1784;
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--heavy,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .caption .bullet--heavy {
  font-weight: 700;
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--heavy-large,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .caption .bullet--heavy-large {
  font-weight: 700;
  font-size: 22px;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
  section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .caption {
    text-align: center;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
  html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .caption {
    text-align: center;
  }
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc {
  display: block;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc {
  text-align: right;
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc ul,
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc ol {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
  list-style-position: outside;
  display: inline-block;
  text-align: left;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc ul,
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc ol {
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc ul,
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc ol {
  padding-right: 1.5em;
  padding-left: 0;
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul > li,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc ul > li,
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol > li,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc ol > li {
  list-style-type: disc;
  margin: .5em auto;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
  section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc {
    text-align: center;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
  html.rtl section.surrounded > .constraint > ul.bullet > li:not(.feature-item) > .desc {
    text-align: center;
  }
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item).desc-alignment--middle > .desc,
section.surrounded > .constraint > ul.bullet > li:not(.feature-item).desc-alignment--middle > .desc {
  min-height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1227px) {
  section.surrounded > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item).desc-alignment--middle > .desc,
  section.surrounded > .constraint > ul.bullet > li:not(.feature-item).desc-alignment--middle > .desc {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
section.surrounded > .constraint > ul.bullet > ul.feature-item-container {
  display: inline-block;
  text-align: left;
  padding: 0;
  /* neutralise the that non-collapsing margin introduce by inline-block */
  margin-top: -0.8em;
  margin-bottom: -0.8em;
}
section.surrounded > .constraint > ul.bullet > ul.feature-item-container > li.feature-item {
  max-width: 486px;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet > ul.feature-item-container > li.feature-item {
    max-width: none;
  }
}
section.surrounded > .constraint > ul.bullet > li.feature-item {
  max-width: 486px;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet > li.feature-item {
    max-width: none;
  }
}
section.surrounded > .constraint > ul.bullet > div.bullet-item > li.has-image,
section.surrounded > .constraint > ul.bullet > li.has-image {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li.has-image,
html.rtl section.surrounded > .constraint > ul.bullet > li.has-image {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li.has-image,
html.rtl section.surrounded > .constraint > ul.bullet > li.has-image {
  background-position: right top;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet > div.bullet-item > li.has-image,
  section.surrounded > .constraint > ul.bullet > li.has-image {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li.has-image,
  html.rtl section.surrounded > .constraint > ul.bullet > li.has-image {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-item > li.has-image,
  html.rtl section.surrounded > .constraint > ul.bullet > li.has-image {
    background-position: center top;
  }
}
section.surrounded > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
section.surrounded > .constraint > ul.bullet > li.has-indent {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
  min-height: 0;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
html.rtl section.surrounded > .constraint > ul.bullet > li.has-indent {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
html.rtl section.surrounded > .constraint > ul.bullet > li.has-indent {
  background-position: right top;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
  section.surrounded > .constraint > ul.bullet > li.has-indent {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
  html.rtl section.surrounded > .constraint > ul.bullet > li.has-indent {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
  html.rtl section.surrounded > .constraint > ul.bullet > li.has-indent {
    background-position: center top;
  }
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
  section.surrounded > .constraint > ul.bullet > li.has-indent {
    padding-top: 0;
  }
}
section.surrounded > .constraint > ul.bullet.bullet--font-size--body-copy-smaller > div.bullet-item > li:not(.feature-item) > .desc,
section.surrounded > .constraint > ul.bullet.bullet--font-size--body-copy-smaller > li:not(.feature-item) > .desc {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
section.surrounded > .constraint > ul.bullet.bullet--font-size--body-copy-larger > div.bullet-item > li:not(.feature-item) > .desc,
section.surrounded > .constraint > ul.bullet.bullet--font-size--body-copy-larger > li:not(.feature-item) > .desc {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
section.surrounded > .constraint > ul.bullet.bullet--image > li {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl section.surrounded > .constraint > ul.bullet.bullet--image > li {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl section.surrounded > .constraint > ul.bullet.bullet--image > li {
  background-position: right top;
}
@media (max-width: 1226px) {
  section.surrounded > .constraint > ul.bullet.bullet--image > li {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl section.surrounded > .constraint > ul.bullet.bullet--image > li {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl section.surrounded > .constraint > ul.bullet.bullet--image > li {
    background-position: center top;
  }
}
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--yellow > div.bullet-item > li,
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--yellow > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-yellow.svg');
}
section.surrounded > .constraint > ul.bullet.bullet--yellow > div.bullet-item > li.has-image,
section.surrounded > .constraint > ul.bullet.bullet--yellow > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-yellow.svg');
}
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--purple > div.bullet-item > li,
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--purple > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-purple.svg');
}
section.surrounded > .constraint > ul.bullet.bullet--purple > div.bullet-item > li.has-image,
section.surrounded > .constraint > ul.bullet.bullet--purple > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-purple.svg');
}
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--green > div.bullet-item > li,
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--green > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-green.svg');
}
section.surrounded > .constraint > ul.bullet.bullet--green > div.bullet-item > li.has-image,
section.surrounded > .constraint > ul.bullet.bullet--green > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-green.svg');
}
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--light-blue > div.bullet-item > li,
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--light-blue > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-light-blue.svg');
}
section.surrounded > .constraint > ul.bullet.bullet--light-blue > div.bullet-item > li.has-image,
section.surrounded > .constraint > ul.bullet.bullet--light-blue > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-light-blue.svg');
}
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--white > div.bullet-item > li,
section.surrounded > .constraint > ul.bullet.bullet--image.bullet--white > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-white.svg');
}
section.surrounded > .constraint > ul.bullet.bullet--white > div.bullet-item > li.has-image,
section.surrounded > .constraint > ul.bullet.bullet--white > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-white.svg');
}
section.surrounded > .constraint > div.spot-light > img {
  width: 100%;
}
section.surrounded > .constraint > div.spot-light.spot-light--at-end > .spot-light-img {
  width: 80%;
  max-width: 400px;
}
section.surrounded > .constraint > ul.bullet > li > .more {
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: -20px;
  margin-right: -20px;
}
html.rtl section.surrounded > .constraint > ul.bullet > li > .more {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 1227px) {
  section.surrounded > .constraint > ul.bullet > li > .more {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
section.surrounded > .constraint > ul.bullet > li > .more a {
  display: inline-block;
  color: #FC1784;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
}
html.rtl section.surrounded > .constraint > ul.bullet > li > .more a {
  margin-left: 20px;
  margin-right: 20px;
}
section.surrounded > .constraint > ul.bullet > li > .more a:after {
  margin-left: 10px;
  margin-right: 0;
  content: ' ';
  display: inline-block;
  background: no-repeat 0 0 url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  width: 7px;
  height: 12px;
  padding: 1px 0;
  vertical-align: middle;
}
html.rtl section.surrounded > .constraint > ul.bullet > li > .more a:after {
  margin-left: 0;
  margin-right: 10px;
}
html.rtl section.surrounded > .constraint > ul.bullet > li > .more a:after {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.surrounded > .constraint > ul.bullet > li > .more a:hover:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  background-color: #FC1784;
  height: 2px;
  left: 0;
  right: 0;
}
html.rtl section.surrounded > .constraint > ul.bullet > li > .more a:hover:before {
  left: 0;
  right: 0;
}
section.surrounded > .constraint > ul.bullet > li > .more {
  margin-top: 1em;
}
@media (min-width: 1227px) {
  section.surrounded > .constraint > div.spot-light {
    background: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  html.rtl section.surrounded > .constraint > div.spot-light {
    margin-left: auto;
    margin-right: auto;
  }
  html.rtl section.surrounded > .constraint > div.spot-light {
    padding-left: 0;
    padding-right: 0;
  }
  html.rtl section.surrounded > .constraint > div.spot-light {
    right: 0;
    left: auto;
  }
  section.surrounded > .constraint > div.spot-light > .spot-light-img {
    left: 0;
    top: 0;
    width: 40%;
    max-width: 500px;
  }
  html.rtl section.surrounded > .constraint > div.spot-light > .spot-light-img {
    right: 0;
    left: auto;
  }
  section.surrounded > .constraint > div.spot-light.spot-light--at-end {
    top: inherit;
    bottom: 0;
    overflow: hidden;
  }
  section.surrounded > .constraint > div.spot-light.spot-light--at-end > .spot-light-img {
    position: absolute;
    top: inherit;
    bottom: -95px;
    max-width: 380px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  section.surrounded > .constraint > ul.bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  section.surrounded > .constraint > ul.bullet > li.start,
  section.surrounded > .constraint > ul.bullet > li.end {
    width: 20%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-top: 0;
    padding-left: 0;
    padding-top: 120px;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > li.start,
  html.rtl section.surrounded > .constraint > ul.bullet > li.end {
    padding-right: 0;
    padding-left: 0;
  }
  section.surrounded > .constraint > ul.bullet > li.start > div.more,
  section.surrounded > .constraint > ul.bullet > li.end > div.more {
    text-align: left;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > li.start > div.more,
  html.rtl section.surrounded > .constraint > ul.bullet > li.end > div.more {
    text-align: right;
  }
  section.surrounded > .constraint > ul.bullet > li.start {
    margin-left: 0;
    margin-right: 10%;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > li.start {
    margin-left: 10%;
    margin-right: 0;
  }
  section.surrounded > .constraint > ul.bullet > li.end {
    margin-left: 10%;
    margin-right: 0;
  }
  html.rtl section.surrounded > .constraint > ul.bullet > li.end {
    margin-left: 0;
    margin-right: 10%;
  }
}
html.wcmmode-edit section.surrounded > .constraint > div.spot-light {
  z-index: -999;
}
/* Slider-like board pane */
.has-board-pane > .board-pane {
  position: relative;
}
@media (min-width: 1227px) {
  .has-board-pane > .board-pane *.hide-desktop {
    display: none;
  }
  .has-board-pane > .board-pane *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  .has-board-pane > .board-pane *.hide-mobile {
    display: none;
  }
  .has-board-pane > .board-pane *.show-mobile {
    display: initial;
  }
}
.has-board-pane > .board-pane > .mask {
  overflow: hidden;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.has-board-pane > .board-pane > .mask > .boards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
html.rtl .has-board-pane > .board-pane > .mask > .boards {
  margin-left: 0;
  margin-right: 0;
}
.has-board-pane > .board-pane > .mask > .boards .board {
  margin-left: 0;
  margin-right: 0;
  width: 33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html.rtl .has-board-pane > .board-pane > .mask > .boards .board {
  margin-left: 0;
  margin-right: 0;
}
html.edit .has-board-pane > .board-pane > .mask > .boards .board,
html.design .has-board-pane > .board-pane > .mask > .boards .board {
  width: 100%;
}
.has-board-pane > .board-pane > .arrow {
  width: 26px;
  height: 48px;
  position: absolute;
  top: calc(50% -  24px );
  cursor: pointer;
}
.has-board-pane > .board-pane > .arrow > svg {
  width: 26px;
  height: 48px;
}
html.rtl .has-board-pane > .board-pane > .arrow > svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.has-board-pane > .board-pane > .arrow:hover > svg > polygon {
  fill: #333;
}
.has-board-pane > .board-pane > .arrow.start {
  left: calc(10% -  39px );
}
html.rtl .has-board-pane > .board-pane > .arrow.start {
  right: calc(10% -  39px );
  left: auto;
}
.has-board-pane > .board-pane > .arrow.end {
  right: calc(10% -  39px );
}
html.rtl .has-board-pane > .board-pane > .arrow.end {
  left: calc(10% -  39px );
  right: auto;
}
.has-board-pane > .board-pane > .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
.has-board-pane > .board-pane > .dots > .dot {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #D8D8D8;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  margin-left: 0.25em;
  margin-right: 0.25em;
  cursor: pointer;
}
html.rtl .has-board-pane > .board-pane > .dots > .dot {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.has-board-pane > .board-pane > .dots > .dot.active {
  background-color: #9B9B9B;
}
.has-section--tightened-margin.section--tightened-margin-on-top > .constraint {
  margin-top: -54px;
}
@media (min-width: 1227px) {
  .has-section--tightened-margin.section--tightened-margin-on-top > .constraint {
    margin-top: -90px;
  }
}
.has-section--tightened-margin.section--tightened-margin-on-bottom > .constraint {
  margin-bottom: -54px;
}
@media (min-width: 1227px) {
  .has-section--tightened-margin.section--tightened-margin-on-bottom > .constraint {
    margin-bottom: -90px;
  }
}
.has-sprt > .sprt {
  display: block;
  height: 1px;
  width: 78px;
  background: #C8C8C8;
  margin: 2em auto;
  border: none;
  margin-left: auto;
  margin-right: auto;
}
section.profiles {
  position: relative;
  z-index: 1;
}
section.profiles h1,
section.profiles h2,
section.profiles h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.profiles > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.profiles > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.profiles > .constraint *.hide-desktop {
    display: none;
  }
  section.profiles > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.profiles > .constraint *.hide-mobile {
    display: none;
  }
  section.profiles > .constraint *.show-mobile {
    display: initial;
  }
}
section.profiles.section--tightened-margin-on-top > .constraint {
  margin-top: -54px;
}
@media (min-width: 1227px) {
  section.profiles.section--tightened-margin-on-top > .constraint {
    margin-top: -90px;
  }
}
section.profiles.section--tightened-margin-on-bottom > .constraint {
  margin-bottom: -54px;
}
@media (min-width: 1227px) {
  section.profiles.section--tightened-margin-on-bottom > .constraint {
    margin-bottom: -90px;
  }
}
section.profiles.profiles--no-background > .constraint {
  background-color: transparent;
}
section.profiles > .constraint {
  text-align: center;
  background: #F8F8F9;
  padding: 0 1.5em;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1227px) {
  section.profiles > .constraint {
    padding: 0;
  }
}
@media (max-width: 1226px) {
  section.profiles > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.profiles > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.profiles > .constraint > .opening {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl section.profiles > .constraint > .opening {
  font-weight: 700;
}
@media (max-width: 1226px) {
  section.profiles > .constraint > .opening {
    text-align: center;
  }
}
section.profiles > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.profiles > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.profiles > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.profiles > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.profiles > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.profiles > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.profiles > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.profiles > .constraint > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.profiles > .constraint > .caption {
    width: auto;
  }
}
section.profiles > .constraint > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.profiles > .constraint > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.profiles > .constraint > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.profiles > .constraint > .desc {
  line-height: 24px;
}
section.profiles > .constraint:before {
  content: '';
  display: block;
  margin-bottom: 3em;
  border-top: 1px solid transparent;
}
section.profiles > .constraint:after {
  content: '';
  display: block;
  margin-top: 3em;
  border-bottom: 1px solid transparent;
}
section.profiles > .constraint > .sprt {
  display: block;
  height: 1px;
  width: 78px;
  background: #C8C8C8;
  margin: 2em auto;
  border: none;
  margin-left: auto;
  margin-right: auto;
}
section.profiles > .constraint > .board-pane {
  position: relative;
}
@media (min-width: 1227px) {
  section.profiles > .constraint > .board-pane *.hide-desktop {
    display: none;
  }
  section.profiles > .constraint > .board-pane *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.profiles > .constraint > .board-pane *.hide-mobile {
    display: none;
  }
  section.profiles > .constraint > .board-pane *.show-mobile {
    display: initial;
  }
}
section.profiles > .constraint > .board-pane > .mask {
  overflow: hidden;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
section.profiles > .constraint > .board-pane > .mask > .boards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.profiles > .constraint > .board-pane > .mask > .boards {
  margin-left: 0;
  margin-right: 0;
}
section.profiles > .constraint > .board-pane > .mask > .boards .board {
  margin-left: 0;
  margin-right: 0;
  width: 33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html.rtl section.profiles > .constraint > .board-pane > .mask > .boards .board {
  margin-left: 0;
  margin-right: 0;
}
html.edit section.profiles > .constraint > .board-pane > .mask > .boards .board,
html.design section.profiles > .constraint > .board-pane > .mask > .boards .board {
  width: 100%;
}
section.profiles > .constraint > .board-pane > .arrow {
  width: 26px;
  height: 48px;
  position: absolute;
  top: calc(50% -  24px );
  cursor: pointer;
}
section.profiles > .constraint > .board-pane > .arrow > svg {
  width: 26px;
  height: 48px;
}
html.rtl section.profiles > .constraint > .board-pane > .arrow > svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.profiles > .constraint > .board-pane > .arrow:hover > svg > polygon {
  fill: #333;
}
section.profiles > .constraint > .board-pane > .arrow.start {
  left: calc(10% -  39px );
}
html.rtl section.profiles > .constraint > .board-pane > .arrow.start {
  right: calc(10% -  39px );
  left: auto;
}
section.profiles > .constraint > .board-pane > .arrow.end {
  right: calc(10% -  39px );
}
html.rtl section.profiles > .constraint > .board-pane > .arrow.end {
  left: calc(10% -  39px );
  right: auto;
}
section.profiles > .constraint > .board-pane > .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
section.profiles > .constraint > .board-pane > .dots > .dot {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #D8D8D8;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  margin-left: 0.25em;
  margin-right: 0.25em;
  cursor: pointer;
}
html.rtl section.profiles > .constraint > .board-pane > .dots > .dot {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
section.profiles > .constraint > .board-pane > .dots > .dot.active {
  background-color: #9B9B9B;
}
section.profiles > .constraint .board-pane {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
section.profiles > .constraint .board-pane.board-pane--empty {
  display: none;
}
section.profiles > .constraint .board-pane > .mask {
  width: 90%;
}
@media (min-width: 1227px) {
  section.profiles > .constraint .board-pane > .mask {
    width: 70%;
  }
}
section.profiles > .constraint .board-pane > .mask > .boards > .board {
  display: block;
  padding-left: 2%;
  padding-right: 2%;
}
html.rtl section.profiles > .constraint .board-pane > .mask > .boards > .board {
  padding-left: 2%;
  padding-right: 2%;
}
section.profiles > .constraint .board-pane > .mask > .boards > .board > .pic {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
html.rtl section.profiles > .constraint .board-pane > .mask > .boards > .board > .pic {
  margin-left: auto;
  margin-right: auto;
}
section.profiles > .constraint .board-pane > .mask > .boards > .board > .info {
  text-align: center;
}
section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .name {
  font-weight: bold;
}
section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .quote {
  font-family: Georgia;
  font-weight: 300;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #4A4A4A;
}
section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset {
  margin-top: 2em;
  margin-bottom: 2em;
}
section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: Roboto;
  font-size: 14px;
}
html.rtl section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row {
  font-size: 16px;
}
section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row > .key {
  display: block;
  font-weight: 500;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0.5px;
  margin-top: 1em;
  margin-bottom: 1em;
}
section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row > .value {
  display: block;
  color: #9B9B9B;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (min-width: 1227px) {
  section.profiles > .constraint .board-pane > .mask > .boards > .board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  section.profiles > .constraint .board-pane > .mask > .boards > .board > .pic {
    margin-left: 2em;
    margin-right: 2em;
    width: 142px;
  }
  html.rtl section.profiles > .constraint .board-pane > .mask > .boards > .board > .pic {
    margin-left: 2em;
    margin-right: 2em;
  }
  section.profiles > .constraint .board-pane > .mask > .boards > .board > .info {
    width: calc(100% - 142px);
    text-align: left;
  }
  html.rtl section.profiles > .constraint .board-pane > .mask > .boards > .board > .info {
    text-align: right;
  }
  section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row > .key {
    display: inline-block;
    float: left;
    text-align: left;
    width: 50%;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0;
  }
  html.rtl section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row > .key {
    float: right;
  }
  html.rtl section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row > .key {
    text-align: right;
  }
  html.rtl section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row > .key {
    margin-left: 10px;
    margin-right: auto;
  }
  section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row > .value {
    text-align: left;
    display: inline-block;
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
  }
  html.rtl section.profiles > .constraint .board-pane > .mask > .boards > .board > .info > .skillset > .row > .value {
    text-align: right;
  }
}
section.profiles > .constraint .board-pane > .mask > .boards > .image img {
  max-width: 100%;
}
section.profiles > .constraint .board-pane.board-pane--child-flat > .mask {
  width: 90%;
}
section.profiles > .constraint .board-pane.board-pane--child-flat > .mask > .boards {
  display: block;
  width: 100%;
}
section.profiles > .constraint .board-pane.board-pane--child-flat > .mask > .boards > .board {
  padding: 0;
  width: 100%;
}
section.profiles > .constraint .board-pane.board-pane--child-flat > .mask > .boards > .board:not(:last-child) > .info::after {
  content: "";
  display: block;
  width: 78px;
  height: 1px;
  background-color: #C8C8C8;
  margin-top: 4em;
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.profiles > .constraint .board-pane.board-pane--child-flat > .mask > .boards > .board:not(:last-child) > .info::after {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1227px) {
  section.profiles > .constraint .board-pane.board-pane--child-flat > .mask > .boards > .board:not(:last-child) > .info::after {
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl section.profiles > .constraint .board-pane.board-pane--child-flat > .mask > .boards > .board:not(:last-child) > .info::after {
    margin-left: 0;
    margin-right: 0;
  }
}
section.profiles > .constraint .board-pane.board-pane--child-flat > .mask > .boards > .board > .info > .quote {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
html.wcmmode-edit section.profiles > .constraint .board-pane > .mask > .boards {
  display: block;
  width: 100%;
}
html.wcmmode-edit section.profiles > .constraint .board-pane > .mask > .boards > .board {
  width: 100%;
}
.has-tabs > .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1227px) {
  .has-tabs > .tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.has-tabs > .tabs > .tab {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 10px;
  margin-right: 10px;
}
html.rtl .has-tabs > .tabs > .tab {
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 1227px) {
  .has-tabs > .tabs > .tab {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.has-tabs > .tabs > .tab > .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 52px;
  color: #787878;
  border: 1px solid #787878;
  line-height: 52px;
  font-family: Roboto;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
html.rtl .has-tabs > .tabs > .tab > .caption {
  text-align: right;
}
html.rtl .has-tabs > .tabs > .tab > .caption {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
.has-tabs > .tabs > .tab > .caption:after {
  content: '';
  background-image: url('/content/dam/englishtown/englishlive2016/plus-grey.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
@media (min-width: 1227px) {
  .has-tabs > .tabs > .tab > .caption {
    display: block;
    width: 266px;
    text-align: center;
  }
  html.rtl .has-tabs > .tabs > .tab > .caption {
    text-align: center;
  }
  .has-tabs > .tabs > .tab > .caption:after {
    display: none;
  }
}
.has-tabs > .tabs > .tab > .content {
  display: block;
  max-height: 0;
  -webkit-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
}
.has-tabs > .tabs > .tab > .content > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl .has-tabs > .tabs > .tab > .content > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .has-tabs > .tabs > .tab > .content > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.has-tabs > .tabs > .tab > .content > .more {
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: -20px;
  margin-right: -20px;
}
html.rtl .has-tabs > .tabs > .tab > .content > .more {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 1227px) {
  .has-tabs > .tabs > .tab > .content > .more {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.has-tabs > .tabs > .tab > .content > .more a {
  display: inline-block;
  color: #FC1784;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
}
html.rtl .has-tabs > .tabs > .tab > .content > .more a {
  margin-left: 20px;
  margin-right: 20px;
}
.has-tabs > .tabs > .tab > .content > .more a:after {
  margin-left: 10px;
  margin-right: 0;
  content: ' ';
  display: inline-block;
  background: no-repeat 0 0 url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  width: 7px;
  height: 12px;
  padding: 1px 0;
  vertical-align: middle;
}
html.rtl .has-tabs > .tabs > .tab > .content > .more a:after {
  margin-left: 0;
  margin-right: 10px;
}
html.rtl .has-tabs > .tabs > .tab > .content > .more a:after {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.has-tabs > .tabs > .tab > .content > .more a:hover:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  background-color: #FC1784;
  height: 2px;
  left: 0;
  right: 0;
}
html.rtl .has-tabs > .tabs > .tab > .content > .more a:hover:before {
  left: 0;
  right: 0;
}
.has-tabs > .tabs > .tab > .content > .desc {
  width: 100%;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.has-tabs > .tabs > .tab > .content > .more {
  margin-top: 2em;
  margin-bottom: 2em;
}
.has-tabs > .tabs > .tab > .content > .disclaimer {
  font-family: Georgia;
  font-size: 12px;
  font-style: italic;
  margin-top: 3em;
  margin-bottom: 3em;
}
html.rtl .has-tabs > .tabs > .tab > .content > .disclaimer {
  font-size: 18px;
}
@media (min-width: 1227px) {
  .has-tabs > .tabs > .tab > .content {
    display: none;
    max-height: auto;
    position: absolute;
    left: 200px;
    right: 200px;
  }
  html.rtl .has-tabs > .tabs > .tab > .content {
    left: 200px;
    right: 200px;
  }
}
.has-tabs > .tabs > .tab > .image {
  display: block;
  max-height: 0;
  -webkit-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
}
.has-tabs > .tabs > .tab > .image > img {
  width: 100%;
}
@media (min-width: 1227px) {
  .has-tabs > .tabs > .tab > .image {
    display: none;
    max-height: auto;
    width: 100%;
    margin-bottom: -68px;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  html.rtl .has-tabs > .tabs > .tab > .image {
    right: 0;
    left: auto;
  }
  .has-tabs > .tabs > .tab > .image > img {
    width: auto;
  }
}
.has-tabs > .tabs > .tab:hover > .caption {
  border-color: #FC1784;
  color: #FC1784;
}
.has-tabs > .tabs > .tab.active > .caption {
  border-color: #FC1784;
  color: #FC1784;
}
.has-tabs > .tabs > .tab.active > .caption:after {
  content: '';
  background-image: url('/content/dam/englishtown/englishlive2016/pink-minus.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position-y: center;
}
@media (min-width: 1227px) {
  .has-tabs > .tabs > .tab.active > .caption:after {
    display: none;
  }
}
.has-tabs > .tabs > .tab.active > .content {
  display: block;
  max-height: 600px;
}
.has-tabs > .tabs > .tab.active > .image {
  pointer-events: none;
  display: block;
  max-height: 590px;
}
section.tabby {
  background: #e8f5f5 repeat-x center bottom url('/content/dam/englishtown/englishlive2016/tab-bg.png');
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
section.tabby h1,
section.tabby h2,
section.tabby h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.tabby > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.tabby > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.tabby > .constraint *.hide-desktop {
    display: none;
  }
  section.tabby > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.tabby > .constraint *.hide-mobile {
    display: none;
  }
  section.tabby > .constraint *.show-mobile {
    display: initial;
  }
}
section.tabby:before,
section.tabby:after {
  display: table;
  clear: both;
  content: " ";
}
section.tabby > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.tabby > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.tabby > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.tabby > .constraint > .opening {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl section.tabby > .constraint > .opening {
  font-weight: 700;
}
@media (max-width: 1226px) {
  section.tabby > .constraint > .opening {
    text-align: center;
  }
}
section.tabby > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.tabby > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.tabby > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.tabby > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.tabby > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.tabby > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.tabby > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.tabby > .constraint > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.tabby > .constraint > .caption {
    width: auto;
  }
}
section.tabby > .constraint > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.tabby > .constraint > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.tabby > .constraint > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.tabby > .constraint > .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1227px) {
  section.tabby > .constraint > .tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
section.tabby > .constraint > .tabs > .tab {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 10px;
  margin-right: 10px;
}
html.rtl section.tabby > .constraint > .tabs > .tab {
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 1227px) {
  section.tabby > .constraint > .tabs > .tab {
    margin-top: 0;
    margin-bottom: 0;
  }
}
section.tabby > .constraint > .tabs > .tab > .caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 52px;
  color: #787878;
  border: 1px solid #787878;
  line-height: 52px;
  font-family: Roboto;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
html.rtl section.tabby > .constraint > .tabs > .tab > .caption {
  text-align: right;
}
html.rtl section.tabby > .constraint > .tabs > .tab > .caption {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
section.tabby > .constraint > .tabs > .tab > .caption:after {
  content: '';
  background-image: url('/content/dam/englishtown/englishlive2016/plus-grey.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
@media (min-width: 1227px) {
  section.tabby > .constraint > .tabs > .tab > .caption {
    display: block;
    width: 266px;
    text-align: center;
  }
  html.rtl section.tabby > .constraint > .tabs > .tab > .caption {
    text-align: center;
  }
  section.tabby > .constraint > .tabs > .tab > .caption:after {
    display: none;
  }
}
section.tabby > .constraint > .tabs > .tab > .content {
  display: block;
  max-height: 0;
  -webkit-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
}
section.tabby > .constraint > .tabs > .tab > .content > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.tabby > .constraint > .tabs > .tab > .content > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.tabby > .constraint > .tabs > .tab > .content > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.tabby > .constraint > .tabs > .tab > .content > .more {
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: -20px;
  margin-right: -20px;
}
html.rtl section.tabby > .constraint > .tabs > .tab > .content > .more {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 1227px) {
  section.tabby > .constraint > .tabs > .tab > .content > .more {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
section.tabby > .constraint > .tabs > .tab > .content > .more a {
  display: inline-block;
  color: #FC1784;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.8;
}
html.rtl section.tabby > .constraint > .tabs > .tab > .content > .more a {
  margin-left: 20px;
  margin-right: 20px;
}
section.tabby > .constraint > .tabs > .tab > .content > .more a:after {
  margin-left: 10px;
  margin-right: 0;
  content: ' ';
  display: inline-block;
  background: no-repeat 0 0 url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  width: 7px;
  height: 12px;
  padding: 1px 0;
  vertical-align: middle;
}
html.rtl section.tabby > .constraint > .tabs > .tab > .content > .more a:after {
  margin-left: 0;
  margin-right: 10px;
}
html.rtl section.tabby > .constraint > .tabs > .tab > .content > .more a:after {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.tabby > .constraint > .tabs > .tab > .content > .more a:hover:before {
  content: ' ';
  position: absolute;
  bottom: 0;
  background-color: #FC1784;
  height: 2px;
  left: 0;
  right: 0;
}
html.rtl section.tabby > .constraint > .tabs > .tab > .content > .more a:hover:before {
  left: 0;
  right: 0;
}
section.tabby > .constraint > .tabs > .tab > .content > .desc {
  width: 100%;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
section.tabby > .constraint > .tabs > .tab > .content > .more {
  margin-top: 2em;
  margin-bottom: 2em;
}
section.tabby > .constraint > .tabs > .tab > .content > .disclaimer {
  font-family: Georgia;
  font-size: 12px;
  font-style: italic;
  margin-top: 3em;
  margin-bottom: 3em;
}
html.rtl section.tabby > .constraint > .tabs > .tab > .content > .disclaimer {
  font-size: 18px;
}
@media (min-width: 1227px) {
  section.tabby > .constraint > .tabs > .tab > .content {
    display: none;
    max-height: auto;
    position: absolute;
    left: 200px;
    right: 200px;
  }
  html.rtl section.tabby > .constraint > .tabs > .tab > .content {
    left: 200px;
    right: 200px;
  }
}
section.tabby > .constraint > .tabs > .tab > .image {
  display: block;
  max-height: 0;
  -webkit-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
  overflow: hidden;
}
section.tabby > .constraint > .tabs > .tab > .image > img {
  width: 100%;
}
@media (min-width: 1227px) {
  section.tabby > .constraint > .tabs > .tab > .image {
    display: none;
    max-height: auto;
    width: 100%;
    margin-bottom: -68px;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  html.rtl section.tabby > .constraint > .tabs > .tab > .image {
    right: 0;
    left: auto;
  }
  section.tabby > .constraint > .tabs > .tab > .image > img {
    width: auto;
  }
}
section.tabby > .constraint > .tabs > .tab:hover > .caption {
  border-color: #FC1784;
  color: #FC1784;
}
section.tabby > .constraint > .tabs > .tab.active > .caption {
  border-color: #FC1784;
  color: #FC1784;
}
section.tabby > .constraint > .tabs > .tab.active > .caption:after {
  content: '';
  background-image: url('/content/dam/englishtown/englishlive2016/pink-minus.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position-y: center;
}
@media (min-width: 1227px) {
  section.tabby > .constraint > .tabs > .tab.active > .caption:after {
    display: none;
  }
}
section.tabby > .constraint > .tabs > .tab.active > .content {
  display: block;
  max-height: 600px;
}
section.tabby > .constraint > .tabs > .tab.active > .image {
  pointer-events: none;
  display: block;
  max-height: 590px;
}
@media (min-width: 1227px) {
  section.tabby > .constraint {
    padding-bottom: 400px;
  }
}
html.wcmmode-edit section.tabby > .constraint > .tabs,
html.wcmmode-design section.tabby > .constraint > .tabs {
  display: block;
}
html.wcmmode-edit section.tabby > .constraint > .tabs > .tab > .content,
html.wcmmode-design section.tabby > .constraint > .tabs > .tab > .content {
  display: block;
  position: static;
}
html.wcmmode-edit section.tabby > .constraint > .tabs > .tab > .image,
html.wcmmode-design section.tabby > .constraint > .tabs > .tab > .image {
  position: static;
  pointer-events: all;
  margin: 0;
}
.has-brands > .brands {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.has-brands > .brands.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.has-brands > .brands.grid > .col-1-5 {
  width: 20%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .has-brands > .brands.grid > .col-1-5 {
  margin-left: 0;
  margin-right: 0;
}
.has-brands > .brands.grid > .col-2-5 {
  width: 40%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .has-brands > .brands.grid > .col-2-5 {
  margin-left: 0;
  margin-right: 0;
}
.has-brands > .brands.grid > .col-3-5 {
  width: 60%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .has-brands > .brands.grid > .col-3-5 {
  margin-left: 0;
  margin-right: 0;
}
.has-brands > .brands.grid > .col-4-5 {
  width: 80%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .has-brands > .brands.grid > .col-4-5 {
  margin-left: 0;
  margin-right: 0;
}
.has-brands > .brands.grid > .col-5-5 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .has-brands > .brands.grid > .col-5-5 {
  margin-left: 0;
  margin-right: 0;
}
.has-brands > .brands > div[class*=col] {
  text-align: center;
}
.has-brands > .brands > div[class*=col] > img {
  max-width: 80%;
  vertical-align: middle;
}
@media (max-width: 1226px) {
  .has-brands > .brands.grid {
    width: 100%;
    display: block;
  }
  .has-brands > .brands.grid > div[class*=col] {
    display: inline-block;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .has-brands > .brands.grid > div[class*=col]:first-child {
    margin-left: 0;
  }
  html.rtl .has-brands > .brands.grid > div[class*=col]:first-child {
    margin-right: 0;
    margin-left: auto;
  }
  .has-brands > .brands.grid > div[class*=col]:last-child {
    margin-right: 0;
  }
  html.rtl .has-brands > .brands.grid > div[class*=col]:last-child {
    margin-left: 0;
    margin-right: auto;
  }
  html.rtl .has-brands > .brands.grid > div[class*=col] {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.has-sprt-caption > .sprt-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  font-family: Georgia, serif;
  font-style: italic;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #9B9B9B;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .has-sprt-caption > .sprt-caption {
    width: 100%;
  }
}
.has-sprt-caption > .sprt-caption > .bar {
  background: #9B9B9B;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.has-sprt-caption > .sprt-caption > .text {
  margin-left: 32px;
  margin-right: 32px;
}
html.rtl .has-sprt-caption > .sprt-caption > .text {
  margin-left: 32px;
  margin-right: 32px;
}
section.quote {
  color: #000;
  background-color: #faf7f2;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
section.quote h1,
section.quote h2,
section.quote h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.quote > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.quote > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.quote > .constraint *.hide-desktop {
    display: none;
  }
  section.quote > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.quote > .constraint *.hide-mobile {
    display: none;
  }
  section.quote > .constraint *.show-mobile {
    display: initial;
  }
}
section.quote > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.quote > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.quote > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.quote > .constraint > .opening {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl section.quote > .constraint > .opening {
  font-weight: 700;
}
@media (max-width: 1226px) {
  section.quote > .constraint > .opening {
    text-align: center;
  }
}
section.quote > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.quote > .constraint > .caption {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.quote > .constraint > .board-pane {
  position: relative;
}
@media (min-width: 1227px) {
  section.quote > .constraint > .board-pane *.hide-desktop {
    display: none;
  }
  section.quote > .constraint > .board-pane *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.quote > .constraint > .board-pane *.hide-mobile {
    display: none;
  }
  section.quote > .constraint > .board-pane *.show-mobile {
    display: initial;
  }
}
section.quote > .constraint > .board-pane > .mask {
  overflow: hidden;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
section.quote > .constraint > .board-pane > .mask > .boards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 300%;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.quote > .constraint > .board-pane > .mask > .boards {
  margin-left: 0;
  margin-right: 0;
}
section.quote > .constraint > .board-pane > .mask > .boards .board {
  margin-left: 0;
  margin-right: 0;
  width: 33%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html.rtl section.quote > .constraint > .board-pane > .mask > .boards .board {
  margin-left: 0;
  margin-right: 0;
}
html.edit section.quote > .constraint > .board-pane > .mask > .boards .board,
html.design section.quote > .constraint > .board-pane > .mask > .boards .board {
  width: 100%;
}
section.quote > .constraint > .board-pane > .arrow {
  width: 26px;
  height: 48px;
  position: absolute;
  top: calc(50% -  24px );
  cursor: pointer;
}
section.quote > .constraint > .board-pane > .arrow > svg {
  width: 26px;
  height: 48px;
}
html.rtl section.quote > .constraint > .board-pane > .arrow > svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.quote > .constraint > .board-pane > .arrow:hover > svg > polygon {
  fill: #333;
}
section.quote > .constraint > .board-pane > .arrow.start {
  left: calc(10% -  39px );
}
html.rtl section.quote > .constraint > .board-pane > .arrow.start {
  right: calc(10% -  39px );
  left: auto;
}
section.quote > .constraint > .board-pane > .arrow.end {
  right: calc(10% -  39px );
}
html.rtl section.quote > .constraint > .board-pane > .arrow.end {
  left: calc(10% -  39px );
  right: auto;
}
section.quote > .constraint > .board-pane > .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1em;
  margin-bottom: 1em;
}
section.quote > .constraint > .board-pane > .dots > .dot {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #D8D8D8;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
  margin-left: 0.25em;
  margin-right: 0.25em;
  cursor: pointer;
}
html.rtl section.quote > .constraint > .board-pane > .dots > .dot {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
section.quote > .constraint > .board-pane > .dots > .dot.active {
  background-color: #9B9B9B;
}
section.quote > .constraint > .brands {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
}
section.quote > .constraint > .brands.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.quote > .constraint > .brands.grid > .col-1-5 {
  width: 20%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl section.quote > .constraint > .brands.grid > .col-1-5 {
  margin-left: 0;
  margin-right: 0;
}
section.quote > .constraint > .brands.grid > .col-2-5 {
  width: 40%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl section.quote > .constraint > .brands.grid > .col-2-5 {
  margin-left: 0;
  margin-right: 0;
}
section.quote > .constraint > .brands.grid > .col-3-5 {
  width: 60%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl section.quote > .constraint > .brands.grid > .col-3-5 {
  margin-left: 0;
  margin-right: 0;
}
section.quote > .constraint > .brands.grid > .col-4-5 {
  width: 80%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl section.quote > .constraint > .brands.grid > .col-4-5 {
  margin-left: 0;
  margin-right: 0;
}
section.quote > .constraint > .brands.grid > .col-5-5 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl section.quote > .constraint > .brands.grid > .col-5-5 {
  margin-left: 0;
  margin-right: 0;
}
section.quote > .constraint > .brands > div[class*=col] {
  text-align: center;
}
section.quote > .constraint > .brands > div[class*=col] > img {
  max-width: 80%;
  vertical-align: middle;
}
@media (max-width: 1226px) {
  section.quote > .constraint > .brands.grid {
    width: 100%;
    display: block;
  }
  section.quote > .constraint > .brands.grid > div[class*=col] {
    display: inline-block;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
  section.quote > .constraint > .brands.grid > div[class*=col]:first-child {
    margin-left: 0;
  }
  html.rtl section.quote > .constraint > .brands.grid > div[class*=col]:first-child {
    margin-right: 0;
    margin-left: auto;
  }
  section.quote > .constraint > .brands.grid > div[class*=col]:last-child {
    margin-right: 0;
  }
  html.rtl section.quote > .constraint > .brands.grid > div[class*=col]:last-child {
    margin-left: 0;
    margin-right: auto;
  }
  html.rtl section.quote > .constraint > .brands.grid > div[class*=col] {
    margin-left: 10px;
    margin-right: 10px;
  }
}
section.quote > .constraint .brands {
  width: 75%;
  margin-top: 50px;
  margin-bottom: 50px;
}
section.quote > .constraint > .sprt-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  font-family: Georgia, serif;
  font-style: italic;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #9B9B9B;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.quote > .constraint > .sprt-caption {
    width: 100%;
  }
}
section.quote > .constraint > .sprt-caption > .bar {
  background: #9B9B9B;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
section.quote > .constraint > .sprt-caption > .text {
  margin-left: 32px;
  margin-right: 32px;
}
html.rtl section.quote > .constraint > .sprt-caption > .text {
  margin-left: 32px;
  margin-right: 32px;
}
section.quote > .constraint > .board-pane > .mask > .boards > .board {
  position: relative;
  height: 270px;
  background-color: #FFF;
  border-bottom: 4px solid #BBD8FB;
  padding: 28px;
  margin-top: 43px;
}
section.quote > .constraint > .board-pane > .mask > .boards > .board.board--icon:before {
  display: block;
  margin-left: auto;
  margin-right: auto;
  content: '';
  background: no-repeat center center url('/content/dam/englishtown/englishlive2016/quote.svg');
  height: 85px;
  width: 87px;
  margin-top: -71px;
}
html.rtl section.quote > .constraint > .board-pane > .mask > .boards > .board.board--icon:before {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
section.quote > .constraint > .board-pane > .mask > .boards > .board > .avatar {
  position: absolute;
  left: -1px;
  right: 0;
  top: -43px;
  margin: auto;
  width: 87px;
  height: 87px;
  border-radius: 50px;
  background-color: #ffffff;
}
section.quote > .constraint > .board-pane > .mask > .boards > .board > .avatar > img {
  width: 100%;
}
section.quote > .constraint > .board-pane > .mask > .boards > .board > .quote {
  margin-top: 20px;
  line-height: 25px;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 18px;
  height: 120px;
  color: #5C5C5C;
}
section.quote > .constraint > .board-pane > .mask > .boards > .board.board--photo > .quote {
  margin-top: 34px;
  font-style: normal;
}
section.quote > .constraint > .board-pane > .mask > .boards > .board > .by {
  margin-top: 25px;
  margin-bottom: 25px;
  color: #9B9B9B;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}
@media (min-width: 1227px) {
  section.quote > .constraint > .board-pane > .mask {
    width: 84.61%;
    margin-left: auto;
    margin-right: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards {
    width: 100%;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-1-3 {
    width: calc((100% -  128px ) /  3  *  1  +  0  *  64px );
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-1-3 {
    margin-left: 32px;
    margin-right: 32px;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-1-3 {
    margin-right: 32px;
    margin-left: auto;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-1-3 {
    margin-left: 32px;
    margin-right: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-1-3:first-child {
    margin-left: 0;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-1-3:first-child {
    margin-right: 0;
    margin-left: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-1-3:last-child {
    margin-right: 0;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-1-3:last-child {
    margin-left: 0;
    margin-right: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-2-3 {
    width: calc((100% -  128px ) /  3  *  2  +  1  *  64px );
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-2-3 {
    margin-left: 32px;
    margin-right: 32px;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-2-3 {
    margin-right: 32px;
    margin-left: auto;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-2-3 {
    margin-left: 32px;
    margin-right: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-2-3:first-child {
    margin-left: 0;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-2-3:first-child {
    margin-right: 0;
    margin-left: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-2-3:last-child {
    margin-right: 0;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-2-3:last-child {
    margin-left: 0;
    margin-right: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-3-3 {
    width: calc((100% -  128px ) /  3  *  3  +  2  *  64px );
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-3-3 {
    margin-left: 32px;
    margin-right: 32px;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-3-3 {
    margin-right: 32px;
    margin-left: auto;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-3-3 {
    margin-left: 32px;
    margin-right: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-3-3:first-child {
    margin-left: 0;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-3-3:first-child {
    margin-right: 0;
    margin-left: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-3-3:last-child {
    margin-right: 0;
  }
  html.rtl section.quote > .constraint > .board-pane > .mask > .boards.grid > .col-3-3:last-child {
    margin-left: 0;
    margin-right: auto;
  }
  section.quote > .constraint > .board-pane > .mask > .boards > .board {
    width: 277px;
  }
  section.quote > .constraint > .board-pane > .dots {
    display: none;
  }
}
section.quote > .constraint > .trustpilot-widget {
  margin-top: 30px;
  margin-bottom: 30px;
}
section.compare {
  text-align: center;
  background-color: #EDEDED;
  position: relative;
  z-index: 1;
}
section.compare:before,
section.compare:after {
  display: table;
  clear: both;
  content: " ";
}
section.compare h1,
section.compare h2,
section.compare h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.compare > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.compare > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.compare > .constraint *.hide-desktop {
    display: none;
  }
  section.compare > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.compare > .constraint *.hide-mobile {
    display: none;
  }
  section.compare > .constraint *.show-mobile {
    display: initial;
  }
}
section.compare > .background-image {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  position: absolute;
  width: 100%;
  background-size: cover;
  z-index: -1;
}
html.rtl section.compare > .background-image {
  left: 0;
  right: 0;
}
section.compare > .background-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
html.rtl section.compare > .background-image:before {
  left: 0;
  right: 0;
}
section.compare > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.compare > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.compare > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.compare > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .caption {
    width: auto;
  }
}
section.compare > .constraint > .scroll-indicator {
  display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
  top: 25.2px;
  width: 200px;
  color: #FFF;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1227px) {
  section.compare > .constraint > .scroll-indicator {
    top: 42px;
  }
}
section.compare > .constraint > .scroll-indicator:hover {
  text-decoration: none;
}
section.compare > .constraint > .scroll-indicator > span {
  display: block;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  /* change from margin to padding so that it is clickable on margin area */
  padding-top: 14px;
  padding-bottom: 14px;
}
section.compare > .constraint > .scroll-indicator.hidden {
  opacity: 0;
}
section.compare > .constraint > .scroll-indicator.dark {
  color: #000;
}
section.compare > .constraint > .scroll-indicator.animate.startup {
  opacity: 1;
  -webkit-animation-delay: 0ms, 1500ms, 2500ms;
          animation-delay: 0ms, 1500ms, 2500ms;
  -webkit-animation-duration: 1000ms, 1000ms, 1000ms;
          animation-duration: 1000ms, 1000ms, 1000ms;
  -webkit-animation-name: fadeIn, bounce, bounce;
          animation-name: fadeIn, bounce, bounce;
}
section.compare > .constraint > .scroll-indicator {
  top: 20px;
}
section.compare > .constraint > .caption {
  color: #FFF;
}
section.compare > .constraint > .packages {
  display: block;
  margin-top: 4em;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1227px) {
  section.compare > .constraint > .packages {
    margin-top: 6em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
section.compare > .constraint > .packages > .package {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
  margin-bottom: 2em;
}
@media (min-width: 1227px) {
  section.compare > .constraint > .packages > .package {
    width: 426px;
    margin: 0 1em;
  }
}
section.compare > .constraint > .packages > .package > .header {
  position: relative;
  background-color: #FFF;
  padding-left: 28px;
  padding-right: 28px;
}
section.compare > .constraint > .packages > .package > .header:before,
section.compare > .constraint > .packages > .package > .header:after {
  display: table;
  clear: both;
  content: " ";
}
html.rtl section.compare > .constraint > .packages > .package > .header {
  padding-left: 28px;
  padding-right: 28px;
}
section.compare > .constraint > .packages > .package > .header > .nagging {
  color: #FFF;
  position: static;
  padding: .5em 3em;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 100%;
  margin-left: -28px;
  margin-right: -28px;
}
html.rtl section.compare > .constraint > .packages > .package > .header > .nagging {
  margin-left: -28px;
  margin-right: -28px;
}
@media (min-width: 1227px) {
  section.compare > .constraint > .packages > .package > .header > .nagging {
    width: 100%;
    position: absolute;
  }
}
section.compare > .constraint > .packages > .package > .header > .nagging:empty {
  min-height: 8px;
  padding: 0;
}
section.compare > .constraint > .packages > .package > .header > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.compare > .constraint > .packages > .package > .header > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .packages > .package > .header > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .packages > .package > .header > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .packages > .package > .header > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .packages > .package > .header > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .packages > .package > .header > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .packages > .package > .header > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .packages > .package > .header > .caption {
    width: auto;
  }
}
section.compare > .constraint > .packages > .package > .header > .caption {
  text-align: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.compare > .constraint > .packages > .package > .header > .caption {
  margin-left: auto;
  margin-right: auto;
}
section.compare > .constraint > .packages > .package > .header > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.compare > .constraint > .packages > .package > .header > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .packages > .package > .header > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .packages > .package > .header > .desc {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.compare > .constraint > .packages > .package > .header > .desc {
  margin-left: auto;
  margin-right: auto;
}
section.compare > .constraint > .packages > .package > .header > .pricing {
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  font-weight: normal;
}
html.rtl section.compare > .constraint > .packages > .package > .header > .pricing {
  margin-left: auto;
  margin-right: auto;
}
section.compare > .constraint > .packages > .package > .header > .pricing > .price {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .packages > .package > .header > .pricing > .price {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .packages > .package > .header > .disclaimer {
  font-family: Georgia;
  font-style: italic;
  font-size: 12px;
  width: 80%;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  color: #4A4A4A;
}
html.rtl section.compare > .constraint > .packages > .package > .header > .disclaimer {
  font-size: 18px;
}
html.rtl section.compare > .constraint > .packages > .package > .header > .disclaimer {
  margin-left: auto;
  margin-right: auto;
}
section.compare > .constraint > .packages > .package > .footer {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 1em;
  padding-bottom: 1em;
}
html.rtl section.compare > .constraint > .packages > .package > .footer {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
section.compare > .constraint > .packages > .package > .footer:before,
section.compare > .constraint > .packages > .package > .footer:after {
  display: table;
  clear: both;
  content: " ";
}
section.compare > .constraint > .packages > .package > .footer > ul {
  padding-left: 0;
  padding-right: 0;
  margin-left: 1em;
  margin-right: 1em;
  /* feature item comp goes here */
}
html.rtl section.compare > .constraint > .packages > .package > .footer > ul {
  padding-left: 0;
  padding-right: 0;
}
html.rtl section.compare > .constraint > .packages > .package > .footer > ul {
  margin-left: 1em;
  margin-right: 1em;
}
section.compare > .constraint > .packages > .package:first-child > .header .nagging {
  background-color: #FC1784;
}
section.compare > .constraint > .packages > .package:nth-child(2) > .header .nagging {
  background-color: #157CFB;
}
section.compare > .constraint > .contact {
  margin-top: 3em;
  margin-bottom: 3em;
}
section.compare > .constraint > .contact > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.compare > .constraint > .contact > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .contact > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .contact > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .contact > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .contact > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .contact > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .contact > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .contact > .caption {
    width: auto;
  }
}
section.compare > .constraint > .contact > .caption {
  font-size: 26px;
}
section.compare > .constraint > .contact > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.compare > .constraint > .contact > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare > .constraint > .contact > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare > .constraint > .contact > .desc {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  font-weight: normal;
  color: #4A4A4A;
}
section.compare > .constraint > .contact > .desc a {
  color: #4A4A4A;
  text-decoration: none;
}
section.compare-single {
  text-align: center;
  background-color: #EDEDED;
  position: relative;
  z-index: 1;
}
section.compare-single:before,
section.compare-single:after {
  display: table;
  clear: both;
  content: " ";
}
section.compare-single h1,
section.compare-single h2,
section.compare-single h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.compare-single > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.compare-single > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.compare-single > .constraint *.hide-desktop {
    display: none;
  }
  section.compare-single > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.compare-single > .constraint *.hide-mobile {
    display: none;
  }
  section.compare-single > .constraint *.show-mobile {
    display: initial;
  }
}
section.compare-single > .background-gradient {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  width: 100%;
  background-size: cover;
  z-index: -1;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(31%, #E2F2F2), color-stop(62%, #F8EDE4));
  background-image: -webkit-linear-gradient(top, #E2F2F2 31%, #F8EDE4 62%);
  background-image: -o-linear-gradient(top, #E2F2F2 31%, #F8EDE4 62%);
  background-image: linear-gradient(-180deg, #E2F2F2 31%, #F8EDE4 62%);
}
html.rtl section.compare-single > .background-gradient {
  left: 0;
  right: 0;
}
section.compare-single > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.compare-single > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.compare-single > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.compare-single > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .caption {
    width: auto;
  }
}
@media (min-width: 1227px) {
  section.compare-single > .constraint > .caption {
    width: 900px;
  }
}
section.compare-single > .constraint > .offer {
  color: #FFF;
  padding: 0 3em;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 100%;
  left: 0;
  right: 0;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .offer.offer--desktop {
    display: none;
  }
  section.compare-single > .constraint > .offer.offer--mobile {
    position: relative;
  }
}
@media (min-width: 1227px) {
  section.compare-single > .constraint > .offer.offer--mobile {
    display: none;
  }
  section.compare-single > .constraint > .offer.offer--desktop {
    position: absolute;
  }
}
section.compare-single > .constraint > .offer > .offer-inner {
  font-size: 16px;
  background-color: #FC1784;
  display: inline-block;
  line-height: 24px;
  font-weight: 500;
  border-radius: 10px 10px 0 0;
  max-width: 90%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
html.rtl section.compare-single > .constraint > .offer > .offer-inner {
  padding-left: 30px;
  padding-right: 30px;
}
section.compare-single > .constraint > .package-set {
  margin-left: auto;
  margin-right: auto;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 4px 27px 0 rgba(155, 155, 155, 0.36);
          box-shadow: 0 4px 27px 0 rgba(155, 155, 155, 0.36);
}
@media (min-width: 1227px) {
  section.compare-single > .constraint > .package-set {
    margin-top: 60px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: 1100px;
  }
}
section.compare-single > .constraint > .package-set > .package-img {
  height: 244px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1227px) {
  section.compare-single > .constraint > .package-set > .package-img {
    width: 532px;
    height: auto;
  }
}
section.compare-single > .constraint > .package-set > .package {
  position: relative;
  background-color: #FFF;
}
@media (min-width: 1227px) {
  section.compare-single > .constraint > .package-set > .package {
    width: 638px;
    margin: 0;
  }
}
section.compare-single > .constraint > .package-set > .package > .offer {
  color: #FFF;
  padding: 0 3em;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 100%;
  left: 0;
  right: 0;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .package-set > .package > .offer.offer--desktop {
    display: none;
  }
  section.compare-single > .constraint > .package-set > .package > .offer.offer--mobile {
    position: relative;
  }
}
@media (min-width: 1227px) {
  section.compare-single > .constraint > .package-set > .package > .offer.offer--mobile {
    display: none;
  }
  section.compare-single > .constraint > .package-set > .package > .offer.offer--desktop {
    position: absolute;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner {
  margin-left: 22px;
  margin-right: 22px;
  margin-top: 36px;
  margin-bottom: 36px;
}
html.rtl section.compare-single > .constraint > .package-set > .package > .inner {
  margin-left: 22px;
  margin-right: 22px;
}
@media (min-width: 1227px) {
  section.compare-single > .constraint > .package-set > .package > .inner {
    margin-left: 48px;
    margin-right: 48px;
    margin-top: 38px;
    margin-bottom: 38px;
  }
  html.rtl section.compare-single > .constraint > .package-set > .package > .inner {
    margin-left: 48px;
    margin-right: 48px;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner > .header {
  position: relative;
  text-align: left;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header:before,
section.compare-single > .constraint > .package-set > .package > .inner > .header:after {
  display: table;
  clear: both;
  content: " ";
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .package-set > .package > .inner > .header > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .package-set > .package > .inner > .header > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .package-set > .package > .inner > .header > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .package-set > .package > .inner > .header > .caption {
    width: auto;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.compare-single > .constraint > .package-set > .package > .inner > .header > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .package-set > .package > .inner > .header > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
html.rtl section.compare-single > .constraint > .package-set > .package > .inner > .header {
  text-align: right;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: auto;
  margin-top: 0;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .package-set > .package > .inner > .header > .caption {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .desc {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.compare-single > .constraint > .package-set > .package > .inner > .header > .desc {
  margin-left: auto;
  margin-right: auto;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
  margin-left: auto;
  margin-right: auto;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  font-weight: normal;
}
html.rtl section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing {
  margin-left: auto;
  margin-right: auto;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing > .price {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  letter-spacing: -1.04px;
  font-weight: 500;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing > .price {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing > .price-right {
  font-size: 18px;
  font-weight: 300;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing > .price,
section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing > .price-right {
  display: inline;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing > .price p,
section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing > .price-right p {
  display: inline;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing > .price .offer--highlight,
section.compare-single > .constraint > .package-set > .package > .inner > .header > .pricing > .price-right .offer--highlight {
  color: #FC1784;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .offer-subtext {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .offer-subtext .offer--highlight {
  color: #FC1784;
}
section.compare-single > .constraint > .package-set > .package > .inner > .header > .line {
  background-color: rgba(151, 151, 151, 0.37);
  height: 1px;
  border: 0;
  margin-top: 20px;
}
section.compare-single > .constraint > .package-set > .package > .inner > .items {
  padding-top: 0;
  padding-bottom: 18px;
}
section.compare-single > .constraint > .package-set > .package > .inner > .items:before,
section.compare-single > .constraint > .package-set > .package > .inner > .items:after {
  display: table;
  clear: both;
  content: " ";
}
section.compare-single > .constraint > .package-set > .package > .inner > .items > ul {
  padding-left: 0;
  padding-right: 0;
  /* feature item comp goes here */
}
html.rtl section.compare-single > .constraint > .package-set > .package > .inner > .items > ul {
  padding-left: 0;
  padding-right: 0;
}
section.compare-single > .constraint > .package-set > .package > .inner > .final-cta {
  display: block;
}
section.compare-single > .constraint > .package-set > .package > .inner > .final-cta:before,
section.compare-single > .constraint > .package-set > .package > .inner > .final-cta:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 1227px) {
  section.compare-single > .constraint > .package-set > .package > .inner > .final-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner > .final-cta > .middle-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  padding-top: 1em;
  padding-bottom: 1em;
  font-family: Georgia, serif;
  font-size: 18px;
  font-style: italic;
}
section.compare-single > .constraint > .package-set > .package > .inner > .final-cta > .cta {
  display: inline-block;
  -webkit-box-flex: 4;
      -ms-flex: 4 1 0px;
          flex: 4 1 0;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .package-set > .package > .inner > .final-cta > .cta {
    width: 100%;
  }
}
section.compare-single > .constraint > .package-set > .package > .inner > .final-cta > .cta > .btn {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: inline-block;
}
section.compare-single > .constraint > .package-set > .package > .inner > .bottom-parsys {
  text-align: left;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-top: 2em;
  margin-bottom: 2em;
}
html.rtl section.compare-single > .constraint > .package-set > .package > .inner > .bottom-parsys {
  text-align: right;
}
section.compare-single > .constraint > .contact {
  margin-top: 36px;
  margin-bottom: 36px;
}
section.compare-single > .constraint > .contact > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.compare-single > .constraint > .contact > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .contact > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > .contact > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .contact > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > .contact > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .contact > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.compare-single > .constraint > .contact > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .contact > .caption {
    width: auto;
  }
}
section.compare-single > .constraint > .contact > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.compare-single > .constraint > .contact > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.compare-single > .constraint > .contact > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1227px) {
  section.compare-single > .constraint > .contact {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
section.compare-single > .constraint > .contact > .caption {
  font-size: 26px;
}
section.compare-single > .constraint > .contact > .desc {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  font-weight: normal;
  color: #4A4A4A;
}
section.compare-single > .constraint > .contact > .desc a {
  color: #4A4A4A;
  text-decoration: none;
}
section.compare-single.disable-2nd-cta > .constraint > .package-set > .package > .inner > .final-cta {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
section.compare-single.disable-2nd-cta > .constraint > .package-set > .package > .inner > .final-cta > .cta:last-of-type {
  display: none;
}
section.compare-single.disable-2nd-cta > .constraint > .package-set > .package > .inner > .final-cta > .middle-text {
  display: none;
}
section.compare-single.disable-2nd-cta > .constraint > .package-set > .package > .inner > .final-cta > .cta {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
section.compare-single.disable-2nd-cta > .constraint > .package-set > .package > .inner > .final-cta > .cta > button.btn {
  padding: 0 3em;
}
.has-form-headings h1,
.has-form-headings h2,
.has-form-headings h3 {
  text-align: center;
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
@media (min-width: 1227px) {
  .has-form-headings h1,
  .has-form-headings h2,
  .has-form-headings h3 {
    text-align: left;
  }
  html.rtl .has-form-headings h1,
  html.rtl .has-form-headings h2,
  html.rtl .has-form-headings h3 {
    text-align: right;
  }
}
.has-formset h1,
.has-formset h2,
.has-formset h3 {
  text-align: center;
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
@media (min-width: 1227px) {
  .has-formset h1,
  .has-formset h2,
  .has-formset h3 {
    text-align: left;
  }
  html.rtl .has-formset h1,
  html.rtl .has-formset h2,
  html.rtl .has-formset h3 {
    text-align: right;
  }
}
.has-formset > .formset {
  background: #F8F8F8;
  width: 100%;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.has-formset > .formset:before,
.has-formset > .formset:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 1227px) {
  .has-formset > .formset {
    width: 375px;
  }
}
.has-formset > .formset > .inner {
  margin: 20px;
}
.has-formset > .formset > .inner > .pointy-header {
  background-color: #FC1784;
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  margin-bottom: 20px;
}
html.rtl .has-formset > .formset > .inner > .pointy-header {
  margin-left: -20px;
  margin-right: -20px;
}
.has-formset > .formset > .inner > .pointy-header:before,
.has-formset > .formset > .inner > .pointy-header:after {
  display: table;
  clear: both;
  content: " ";
}
.has-formset > .formset > .inner > .pointy-header > .inner {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl .has-formset > .formset > .inner > .pointy-header > .inner {
  margin-left: 20px;
  margin-right: 20px;
}
.has-formset > .formset > .inner > .pointy-header > .inner > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #FFF;
  text-align: center;
}
@media (max-width: 1226px) {
  .has-formset > .formset > .inner > .pointy-header > .inner > .caption {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.has-formset > .formset > .inner > .pointy-header > .inner > .pointer {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.has-formset > .formset > .inner > .pointy-header > .inner > .pointer .pointy-header-svg {
  fill: #FC1784;
}
.has-formset > .formset > .inner > .pointy-header > .inner > .pointer > svg {
  widht: 28px;
  height: 14px;
}
.has-formset > .formset > .inner > .pointy-header.spearmintgreen {
  background-color: #D3F0F0;
}
.has-formset > .formset > .inner > .pointy-header.spearmintgreen > .inner > .caption {
  color: black;
}
.has-formset > .formset > .inner > .pointy-header.spearmintgreen > .inner > .pointer .pointy-header-svg {
  fill: #D3F0F0;
}
.has-formset > .formset > .inner > .formset-caption {
  margin: .8em 0;
  line-height: 1.2em;
}
.has-formset > .formset > .inner > .formset-sub-text {
  color: #414141;
  margin: .6em 0;
}
.has-formset > .formset > .inner > .formset-button {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}
.has-formset > .formset > .inner > .disclaimer {
  margin: 1em auto;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #333333;
}
.has-formset > .formset > .inner > .post-script {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #AFAFAF;
}
#CQ a,
html a {
  text-decoration: none;
  cursor: pointer;
}
#CQ .formset--horizontal-line,
html .formset--horizontal-line {
  margin: 1.2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #818181;
  height: 1em;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
}
#CQ .formset--horizontal-line:before,
html .formset--horizontal-line:before,
#CQ .formset--horizontal-line:after,
html .formset--horizontal-line:after {
  display: inline-block;
  content: ' ';
  height: 1px;
  overflow: hidden;
  background-color: #DCDCDC;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
}
#CQ .formset--horizontal-line:before,
html .formset--horizontal-line:before {
  margin-left: 0;
  margin-right: 0.5em;
}
html.rtl #CQ .formset--horizontal-line:before,
html.rtl html .formset--horizontal-line:before {
  margin-left: 0.5em;
  margin-right: 0;
}
#CQ .formset--horizontal-line:after,
html .formset--horizontal-line:after {
  margin-left: 0.5em;
  margin-right: 0;
}
html.rtl #CQ .formset--horizontal-line:after,
html.rtl html .formset--horizontal-line:after {
  margin-left: 0;
  margin-right: 0.5em;
}
#CQ .formset--option-caption,
html .formset--option-caption {
  font-weight: bold;
}
#CQ .formset--link,
html .formset--link {
  color: #FC1784;
}
#CQ .formset--link > a,
html .formset--link > a {
  color: #FC1784;
  text-decoration: none;
  cursor: pointer;
}
#CQ .formset--link-gray,
html .formset--link-gray,
#CQ .formset--link-gray > a,
html .formset--link-gray > a {
  font-family: Roboto;
  font-size: 14px;
  line-height: 24px;
  color: #AFAFAF;
  text-decoration: none;
  cursor: pointer;
  font-style: normal;
}
#CQ .formset--nagging,
html .formset--nagging {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: center;
  display: block;
}
.stage-stretchable {
  position: relative;
  z-index: 1;
}
.stage-stretchable h1,
.stage-stretchable h2,
.stage-stretchable h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.stage-stretchable > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint *.hide-desktop {
    display: none;
  }
  .stage-stretchable > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint *.hide-mobile {
    display: none;
  }
  .stage-stretchable > .constraint *.show-mobile {
    display: initial;
  }
}
.stage-stretchable:before,
.stage-stretchable:after {
  display: table;
  clear: both;
  content: " ";
}
.stage-stretchable .slide-gredient-prepare {
  display: block;
  z-index: 2;
}
.stage-stretchable .slide-gredient-prepare-active {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 1226px) {
  .stage-stretchable .slide-gredient-prepare-active {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.stage-stretchable > .background {
  overflow: hidden;
  position: relative;
  /* 
            reset to 0 as they somehow decided to not having the backdrop by default
            but the function is kept there as they can still change the opacity in author
            if they changed their mind again.
        */
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
}
.stage-stretchable > .background:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
html.rtl .stage-stretchable > .background:before {
  left: 0;
  right: 0;
}
html.rtl .stage-stretchable > .background {
  left: 0;
  right: 0;
}
.stage-stretchable > .background:before {
  z-index: 2;
}
.stage-stretchable > .background > img {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
html.rtl .stage-stretchable > .background > img {
  right: 0;
  left: auto;
}
.stage-stretchable > .background > img.active {
  visibility: visible;
  z-index: 1;
}
.stage-stretchable > .background > .gradient.prepare {
  display: block;
  z-index: 2;
}
.stage-stretchable > .background > .gradient.active.prepare {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 1226px) {
  .stage-stretchable > .background > .gradient.active.prepare {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.stage-stretchable > .background > .gradient {
  display: none;
  margin: 0 auto;
  min-width: 1170px;
  height: 100%;
  position: relative;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .5s, 0s;
       -o-transition-duration: .5s, 0s;
          transition-duration: .5s, 0s;
  -webkit-transition-delay: .5s, 0s;
       -o-transition-delay: .5s, 0s;
          transition-delay: .5s, 0s;
}
@media (max-width: 1226px) {
  .stage-stretchable > .background > .gradient {
    min-width: 100%;
  }
}
.stage-stretchable > .background > .gradient:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), color-stop(14%, rgba(0, 0, 0, 0.7)), color-stop(45%, rgba(0, 0, 0, 0.17)), color-stop(55%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}
html.rtl .stage-stretchable > .background > .gradient:before {
  left: 0;
  right: 0;
}
html.rtl .stage-stretchable > .background > .gradient:before {
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.7)), color-stop(14%, rgba(0, 0, 0, 0.7)), color-stop(45%, rgba(0, 0, 0, 0.17)), color-stop(55%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e3000000', GradientType=1);
  /* IE6-9 */
}
@media (max-width: 1226px) {
  .stage-stretchable > .background > .gradient:before {
    display: none;
  }
}
.stage-stretchable > .background > .gradient:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 1000px;
  background-color: rgba(0, 0, 0, 0.7);
}
html.rtl .stage-stretchable > .background > .gradient:after {
  left: 100%;
  right: auto;
}
@media (max-width: 1226px) {
  .stage-stretchable > .background > .gradient:after {
    display: none;
  }
}
.stage-stretchable > .backgrounds,
.stage-stretchable > .constraint > .stage-texts > .backgrounds {
  overflow: hidden;
  position: relative;
  /* 
            reset to 0 as they somehow decided to not having the backdrop by default
            but the function is kept there as they can still change the opacity in author
            if they changed their mind again.
        */
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
}
.stage-stretchable > .backgrounds:before,
.stage-stretchable > .constraint > .stage-texts > .backgrounds:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
html.rtl .stage-stretchable > .backgrounds:before,
html.rtl .stage-stretchable > .constraint > .stage-texts > .backgrounds:before {
  left: 0;
  right: 0;
}
html.rtl .stage-stretchable > .backgrounds,
html.rtl .stage-stretchable > .constraint > .stage-texts > .backgrounds {
  left: 0;
  right: 0;
}
.stage-stretchable > .backgrounds:before,
.stage-stretchable > .constraint > .stage-texts > .backgrounds:before {
  z-index: 2;
}
.stage-stretchable > .backgrounds > .stage-background > .background-gradient.prepare,
.stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient.prepare {
  display: block;
  z-index: 2;
}
.stage-stretchable > .backgrounds > .stage-background > .background-gradient.active.prepare,
.stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient.active.prepare {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 1226px) {
  .stage-stretchable > .backgrounds > .stage-background > .background-gradient.active.prepare,
  .stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient.active.prepare {
    background-color: rgba(0, 0, 0, 0.1);
  }
}
.stage-stretchable > .backgrounds > .stage-background > .background-gradient,
.stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient {
  display: none;
  margin: 0 auto;
  min-width: 1170px;
  height: 100%;
  position: relative;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-property: opacity, visibility;
  -o-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .5s, 0s;
       -o-transition-duration: .5s, 0s;
          transition-duration: .5s, 0s;
  -webkit-transition-delay: .5s, 0s;
       -o-transition-delay: .5s, 0s;
          transition-delay: .5s, 0s;
}
@media (max-width: 1226px) {
  .stage-stretchable > .backgrounds > .stage-background > .background-gradient,
  .stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient {
    min-width: 100%;
  }
}
.stage-stretchable > .backgrounds > .stage-background > .background-gradient:before,
.stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.7)), color-stop(14%, rgba(0, 0, 0, 0.7)), color-stop(45%, rgba(0, 0, 0, 0.17)), color-stop(55%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}
html.rtl .stage-stretchable > .backgrounds > .stage-background > .background-gradient:before,
html.rtl .stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient:before {
  left: 0;
  right: 0;
}
html.rtl .stage-stretchable > .backgrounds > .stage-background > .background-gradient:before,
html.rtl .stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient:before {
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.7)), color-stop(14%, rgba(0, 0, 0, 0.7)), color-stop(45%, rgba(0, 0, 0, 0.17)), color-stop(55%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 14%, rgba(0, 0, 0, 0.17) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e3000000', GradientType=1);
  /* IE6-9 */
}
@media (max-width: 1226px) {
  .stage-stretchable > .backgrounds > .stage-background > .background-gradient:before,
  .stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient:before {
    display: none;
  }
}
.stage-stretchable > .backgrounds > .stage-background > .background-gradient:after,
.stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 1000px;
  background-color: rgba(0, 0, 0, 0.7);
}
html.rtl .stage-stretchable > .backgrounds > .stage-background > .background-gradient:after,
html.rtl .stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient:after {
  left: 100%;
  right: auto;
}
@media (max-width: 1226px) {
  .stage-stretchable > .backgrounds > .stage-background > .background-gradient:after,
  .stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background > .background-gradient:after {
    display: none;
  }
}
.stage-stretchable > .backgrounds > .stage-background.active,
.stage-stretchable > .constraint > .stage-texts > .backgrounds > .stage-background.active {
  visibility: visible;
  z-index: 1;
}
.stage-stretchable > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl .stage-stretchable > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint {
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  html.rtl .stage-stretchable > .constraint {
    margin-left: 0;
    margin-right: 0;
  }
}
.stage-stretchable > .constraint > section {
  position: relative;
  z-index: 1;
}
.stage-stretchable > .constraint > section h1,
.stage-stretchable > .constraint > section h2,
.stage-stretchable > .constraint > section h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.stage-stretchable > .constraint > section > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > section > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > section > .constraint *.hide-desktop {
    display: none;
  }
  .stage-stretchable > .constraint > section > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > section > .constraint *.hide-mobile {
    display: none;
  }
  .stage-stretchable > .constraint > section > .constraint *.show-mobile {
    display: initial;
  }
}
.stage-stretchable > .constraint > section:before,
.stage-stretchable > .constraint > section:after {
  display: table;
  clear: both;
  content: " ";
}
.stage-stretchable > .constraint > section > .constraint {
  z-index: 2;
  position: relative;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > section > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl .stage-stretchable > .constraint > section > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
.stage-stretchable > .constraint > .stage-texts {
  overflow-x: hidden;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts {
    width: 60%;
    overflow-x: visible;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint {
  position: static;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint {
    width: auto;
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text {
  -webkit-transform: translate(-100px, 0);
      -ms-transform: translate(-100px, 0);
          transform: translate(-100px, 0);
  visibility: hidden;
  opacity: 0;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  -webkit-transition: visibility .3s 0s, opacity .3s 0s, -webkit-transform .3s 0s, -webkit-filter .3s 0s;
  transition: visibility .3s 0s, opacity .3s 0s, -webkit-transform .3s 0s, -webkit-filter .3s 0s;
  -o-transition: visibility .3s 0s, opacity .3s 0s, transform .3s 0s, filter .3s 0s;
  transition: visibility .3s 0s, opacity .3s 0s, transform .3s 0s, filter .3s 0s;
  transition: visibility .3s 0s, opacity .3s 0s, transform .3s 0s, filter .3s 0s, -webkit-transform .3s 0s, -webkit-filter .3s 0s;
  position: absolute;
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text {
    left: 28px;
    right: 28px;
  }
  html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text {
    left: 28px;
    right: 28px;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text:before {
  content: ' ';
  display: block;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: .5;
  left: -1000px;
  right: -1000px;
  z-index: -1;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text:before {
  left: -1000px;
  right: -1000px;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text:before {
    left: -1000px;
    right: 0;
    border-bottom: 4px solid #FC1784;
  }
  html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text:before {
    left: 0;
    right: -1000px;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text.active {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  -webkit-filter: blur(0);
          filter: blur(0);
  visibility: visible;
  -webkit-transition: visibility 0s .5s, opacity .5s .5s, -webkit-transform .5s 0s, -webkit-filter 1s .5s;
  transition: visibility 0s .5s, opacity .5s .5s, -webkit-transform .5s 0s, -webkit-filter 1s .5s;
  -o-transition: visibility 0s .5s, opacity .5s .5s, transform .5s 0s, filter 1s .5s;
  transition: visibility 0s .5s, opacity .5s .5s, transform .5s 0s, filter 1s .5s;
  transition: visibility 0s .5s, opacity .5s .5s, transform .5s 0s, filter 1s .5s, -webkit-transform .5s 0s, -webkit-filter 1s .5s;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-right: 0;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text > .caption {
  margin-left: 0;
  margin-right: auto;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text > .caption > .text-start {
  color: #FFF;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text > .caption > .text-spotlight {
  color: #50E3C2;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text > .caption > .text-end {
  color: #FFF;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text > .caption {
    text-align: left;
    /* katy requested it to be smaller than normal h2 heading */
    font-size: 42px;
    max-width: 490px;
    margin-left: 0;
    margin-right: 30px;
  }
  html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text > .caption {
    text-align: right;
  }
  html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text > .caption {
    margin-left: 30px;
    margin-right: 0;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc {
  color: #FFF;
  text-align: center;
  width: 100%;
  width: calc(100% - 30px);
  margin-left: 0;
  margin-right: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc {
  margin-left: 30px;
  margin-right: 0;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc ul {
  padding: 0;
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc ul {
    margin: 0;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc ul > li {
  background-image: url('/content/dam/englishtown/englishlive2016/tick-green.svg');
  background-repeat: no-repeat;
  background-position: left 5px;
  list-style-type: none;
  list-style-position: outside;
  padding-left: 1.5em;
  padding-right: 0;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc ul > li {
  background-position: right 5px;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc ul > li {
  padding-left: 0;
  padding-right: 1.5em;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -8px;
  margin-right: -8px;
  /* to cancel out the un collapsable margin introduced by .btn */
  margin-top: calc(1.5em - 5px);
  margin-bottom: calc(1.5em - 5px);
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons {
  margin-left: -8px;
  margin-right: -8px;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons > .text-between-buttons {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons > .btn {
  margin: 5px 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons > .btn {
    width: 100%;
    max-width: 300px;
    margin: 7.5px;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons.buttons--fixed-cta-width {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons.buttons--fixed-cta-width {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons.buttons--fixed-cta-width {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons.buttons--fixed-cta-width > .text-between-buttons {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
  -ms-flex-item-align: center;
      align-self: center;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons.buttons--fixed-cta-width > .btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  min-height: 45px;
  padding-top: 1em;
  padding-bottom: 1em;
  height: auto;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons.buttons--fixed-cta-width > .btn {
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons.buttons--fixed-cta-width > .btn {
    margin: 5px 8px;
  }
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .buttons.buttons--fixed-cta-width > .btn {
    margin: 7.5px auto;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc > .terms {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc {
    text-align: left;
    max-width: 490px;
  }
  html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc {
    text-align: right;
  }
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc {
    margin-left: 0;
    margin-right: 0;
  }
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc ul {
    display: inline-block;
    text-align: left;
  }
  html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc ul {
    text-align: right;
  }
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc ul:first-child {
    margin-top: 0;
  }
  .stage-stretchable > .constraint > .stage-texts > .constraint > .text .desc ul:last-child {
    margin-bottom: 0;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint .text.has-white-background:before {
  background-color: #FFF;
}
.stage-stretchable > .constraint > .stage-texts > .constraint .text.hide-band:before {
  content: '';
  display: none;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .dots {
  left: 0;
  right: 0;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .dots > .dot {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 11px;
  margin-right: 11px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #FFF;
  cursor: pointer;
  -webkit-transition: background-color 0.5s 0s;
  -o-transition: background-color 0.5s 0s;
  transition: background-color 0.5s 0s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .dots > .dot {
  margin-left: 11px;
  margin-right: 11px;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .dots > .dot {
    margin: 7px;
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .dots > .dot.active {
  background-color: #50E3C2;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .arrows {
    display: none;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .arrows > .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .arrows > .arrow > svg {
  width: 22px;
  height: 38px;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .arrows > .arrow > svg {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .arrows > .arrow.end {
  left: auto;
  right: 10px;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .arrows > .arrow.end {
  left: 10px;
  right: auto;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .arrows > .arrow.start {
  left: 10px;
  right: auto;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .arrows > .arrow.start {
  left: auto;
  right: 10px;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator {
  display: block;
  position: relative;
  text-align: center;
  cursor: pointer;
  top: 25.2px;
  width: 200px;
  color: #FFF;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator {
    top: 42px;
  }
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator:hover {
  text-decoration: none;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator > span {
  display: block;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  /* change from margin to padding so that it is clickable on margin area */
  padding-top: 14px;
  padding-bottom: 14px;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator.hidden {
  opacity: 0;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator.dark {
  color: #000;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator.animate.startup {
  opacity: 1;
  -webkit-animation-delay: 0ms, 1500ms, 2500ms;
          animation-delay: 0ms, 1500ms, 2500ms;
  -webkit-animation-duration: 1000ms, 1000ms, 1000ms;
          animation-duration: 1000ms, 1000ms, 1000ms;
  -webkit-animation-name: fadeIn, bounce, bounce;
          animation-name: fadeIn, bounce, bounce;
}
.stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator {
  position: absolute;
  left: 0;
  right: 0;
  top: auto;
  width: auto;
  bottom: 16.66666667px;
}
html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator {
  left: 0;
  right: 0;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator {
    left: auto;
    right: 0;
    width: 17%;
  }
  html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator {
    left: 0;
    right: auto;
  }
  .stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator > * {
    position: relative;
    left: -50%;
  }
  html.rtl .stage-stretchable > .constraint > .stage-texts > .constraint > .scroll-indicator > * {
    right: -50%;
    left: auto;
  }
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-texts .constraint.hide-scroll-indicator-on-mobile > .scroll-indicator {
    display: none;
  }
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-texts .constraint.disable-text-pane-margins-on-mobile {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .violator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  html.rtl .stage-stretchable > .constraint > .violator {
    right: 0;
    left: auto;
  }
}
.stage-stretchable > .constraint > .violator > .constraint {
  position: relative;
  height: 100%;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .violator > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl .stage-stretchable > .constraint > .violator > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .violator > .constraint {
    margin-left: 0;
    margin-right: 0;
  }
  html.rtl .stage-stretchable > .constraint > .violator > .constraint {
    margin-left: 0;
    margin-right: 0;
  }
}
.stage-stretchable > .constraint > .violator > .constraint > .inner {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .violator > .constraint > .inner {
    position: absolute;
    left: auto;
    right: 425px;
    bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
    overflow: visible;
  }
  .stage-stretchable > .constraint > .violator > .constraint > .inner:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
  }
  html.rtl .stage-stretchable > .constraint > .violator > .constraint > .inner {
    left: 425px;
    right: auto;
  }
}
.stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint {
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint {
    width: auto;
    margin: 0;
  }
  .stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint .text-start:before {
    content: ' ';
    background-color: #FFF;
    height: 1px;
    width: 40px;
    overflow: hidden;
    display: block;
    margin: 1em auto;
  }
  .stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint .text-end:after {
    content: ' ';
    background-color: #FFF;
    height: 1px;
    width: 40px;
    overflow: hidden;
    display: block;
    margin: 1em auto;
  }
}
.stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint .sprt-line {
  content: ' ';
  background-color: #FFF;
  height: 1px;
  width: 40px;
  overflow: hidden;
  display: block;
  margin: 1em auto;
}
.stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint .text-start,
.stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint .text-end,
.stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint .text-spotlight {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint .text-start,
.stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint .text-end {
  font-style: italic;
  font-size: 18px;
  font-family: Georgia;
}
.stage-stretchable > .constraint > .violator > .constraint > .inner > .constraint .text-spotlight {
  font-weight: 700;
  font-size: 22px;
}
.stage-stretchable > .constraint > .violator.violator--hide {
  display: none;
}
.stage-stretchable > .constraint > .violator.violator--cold > .constraint > .inner {
  background-color: #D9E9FB;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .violator.violator--cold > .constraint > .inner {
    background-color: transparent;
  }
  .stage-stretchable > .constraint > .violator.violator--cold > .constraint > .inner:before {
    background-image: url('/content/dam/englishtown/englishlive2016/beercap-bubble-lightblue.svg');
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .violator.violator--cold > .constraint > .inner > .constraint .text-start:before {
    background-color: #000;
  }
  .stage-stretchable > .constraint > .violator.violator--cold > .constraint > .inner > .constraint .text-end:after {
    background-color: #000;
  }
}
.stage-stretchable > .constraint > .violator.violator--cold > .constraint > .inner > .constraint > .text-start {
  color: #000;
}
.stage-stretchable > .constraint > .violator.violator--cold > .constraint > .inner > .constraint > .text-spotlight {
  color: #FC1784;
}
.stage-stretchable > .constraint > .violator.violator--cold > .constraint > .inner > .constraint > .text-end {
  color: #000;
}
.stage-stretchable > .constraint > .violator.violator--warm > .constraint > .inner {
  background-color: #FC1784;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .violator.violator--warm > .constraint > .inner {
    background-color: transparent;
  }
  .stage-stretchable > .constraint > .violator.violator--warm > .constraint > .inner:before {
    left: 0;
    right: -9px;
    background: transparent 0 0 url('/content/dam/englishtown/englishlive2016/speech-bubble-pink.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: border-box;
  }
  html.rtl .stage-stretchable > .constraint > .violator.violator--warm > .constraint > .inner:before {
    left: -9px;
    right: 0;
  }
  html.rtl .stage-stretchable > .constraint > .violator.violator--warm > .constraint > .inner:before {
    -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
.stage-stretchable > .constraint > .violator.violator--warm > .constraint > .inner > .constraint > .text-start {
  color: #FFF;
}
.stage-stretchable > .constraint > .violator.violator--warm > .constraint > .inner > .constraint > .text-spotlight {
  color: #F8E71C;
}
.stage-stretchable > .constraint > .violator.violator--warm > .constraint > .inner > .constraint > .text-end {
  color: #FFF;
}
.stage-stretchable > .constraint > .violator.violator--warm > .constraint > .inner > .constraint:after {
  content: ' ';
  display: block;
}
.stage-stretchable > .constraint > .stage-content {
  font-family: Roboto;
  font-weight: 300;
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-content {
    width: 32.05%;
  }
}
@media (min-width: 1227px) {
  .stage-stretchable > .constraint > .stage-content > .form-panel {
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  }
}
.stage-stretchable > .constraint > .stage-content.has-no-content {
  min-height: 400px;
}
@media (max-width: 1226px) {
  .stage-stretchable > .constraint > .stage-content.has-no-content {
    display: none;
  }
}
.stage-stretchable.stage-stretchable--mode-mobile > .constraint > .stage-texts > .constraint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1226px) {
  .stage-stretchable.stage-stretchable--mode-mobile.stage-stretchable--theme--more-background-exposure > .constraint > .stage-texts > .backgrounds {
    height: 200px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    overflow: hidden;
  }
  .stage-stretchable.stage-stretchable--mode-mobile.stage-stretchable--theme--more-background-exposure > .constraint > .stage-texts > .constraint {
    margin-top: -20px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
  }
  html.rtl .stage-stretchable.stage-stretchable--mode-mobile.stage-stretchable--theme--more-background-exposure > .constraint > .stage-texts > .constraint {
    margin-left: 20px;
    margin-right: 20px;
  }
  .stage-stretchable.stage-stretchable--mode-mobile.stage-stretchable--theme--more-background-exposure > .constraint > .stage-texts > .constraint > .text {
    position: relative;
  }
  .stage-stretchable.stage-stretchable--mode-mobile.stage-stretchable--theme--more-background-exposure > .constraint > .stage-texts > .constraint > .text:before {
    opacity: 1;
  }
  .stage-stretchable.stage-stretchable--mode-mobile.stage-stretchable--theme--more-background-exposure > .constraint > .stage-texts > .constraint > .text > .caption {
    margin-left: 20px;
    margin-right: 20px;
  }
  html.rtl .stage-stretchable.stage-stretchable--mode-mobile.stage-stretchable--theme--more-background-exposure > .constraint > .stage-texts > .constraint > .text > .caption {
    margin-left: 20px;
    margin-right: 20px;
  }
  .stage-stretchable.stage-stretchable--mode-mobile.stage-stretchable--theme--more-background-exposure > .constraint > .stage-content {
    padding: 0 20px 20px 20px;
  }
}
#CQ .stage-stretchable--spotlight-white,
html .stage-stretchable--spotlight-white {
  color: #FFF;
}
#CQ .stage-stretchable--spotlight-black,
html .stage-stretchable--spotlight-black {
  color: #000;
}
#CQ .stage-stretchable--spotlight-cyan,
html .stage-stretchable--spotlight-cyan {
  color: #50E3C2;
}
#CQ .stage-stretchable--spotlight-blue,
html .stage-stretchable--spotlight-blue {
  color: #157cfb;
}
html.wcmmode-edit .stage-stretchable > .backgrounds {
  z-index: auto;
}
html.wcmmode-edit .stage-stretchable > .backgrounds > .stage-background-editbar {
  z-index: 3;
}
html.wcmmode-edit .stage-stretchable > .constraint {
  z-index: 2;
}
html.wcmmode-edit .stage-stretchable > .constraint > .stage-content {
  min-height: 400px;
}
section.faq {
  position: relative;
  z-index: 1;
}
section.faq h1,
section.faq h2,
section.faq h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.faq > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.faq > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.faq > .constraint *.hide-desktop {
    display: none;
  }
  section.faq > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.faq > .constraint *.hide-mobile {
    display: none;
  }
  section.faq > .constraint *.show-mobile {
    display: initial;
  }
}
section.faq > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.faq > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.faq > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.faq > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.faq > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.faq > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.faq > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.faq > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.faq > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.faq > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.faq > .constraint > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.faq > .constraint > .caption {
    width: auto;
  }
}
section.faq > .constraint > .caption {
  text-align: center;
}
section.faq > .constraint > ul {
  font-family: Roboto;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.faq > .constraint > ul {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1227px) {
  section.faq > .constraint > ul {
    width: 80%;
  }
}
section.faq > .constraint > ul > li {
  border-bottom: 1px solid #C9C9C9;
  list-style-type: none;
  position: relative;
}
section.faq > .constraint > ul > li > .caption {
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  cursor: pointer;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  /* for space of the arrow */
  padding-right: 22px;
}
html.rtl section.faq > .constraint > ul > li > .caption {
  font-weight: 700;
}
html.rtl section.faq > .constraint > ul > li > .caption {
  padding-left: 22px;
  padding-right: 0;
}
section.faq > .constraint > ul > li > .caption p {
  margin: 0;
}
section.faq > .constraint > ul > li > .caption:after {
  content: ' ';
  position: absolute;
  right: 0;
  top: 19px;
  display: block;
  width: 21px;
  height: 11px;
  background: no-repeat 0 0 url('/content/dam/englishtown/englishlive2016/arrow-down-black.svg');
  background-size: cover;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
html.rtl section.faq > .constraint > ul > li > .caption:after {
  left: 0;
  right: auto;
}
section.faq > .constraint > ul > li > .desc {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  display: none;
  width: 80%;
  margin-top: 0.2em;
  margin-bottom: 1em;
  line-height: 24px;
  overflow: hidden;
}
section.faq > .constraint > ul > li > .desc h1,
section.faq > .constraint > ul > li > .desc h2,
section.faq > .constraint > ul > li > .desc h3,
section.faq > .constraint > ul > li > .desc h4,
section.faq > .constraint > ul > li > .desc h5 {
  margin: 1em 0;
}
section.faq > .constraint > ul > li > .desc h1:first-child,
section.faq > .constraint > ul > li > .desc h2:first-child,
section.faq > .constraint > ul > li > .desc h3:first-child,
section.faq > .constraint > ul > li > .desc h4:first-child,
section.faq > .constraint > ul > li > .desc h5:first-child {
  margin-top: 0;
}
section.faq > .constraint > ul > li:last-child {
  border-bottom: none;
}
section.faq > .constraint > ul > li.faq-item--expanded > .caption:after {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}
html.wcmmode-edit section.faq:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
html.wcmmode-edit section.faq > .constraint > ul > li > .desc {
  display: block;
}
.expandable-list > div[class*=col].expandable > .caption {
  font-weight: bold;
  margin-bottom: 22px;
}
html.rtl .expandable-list > div[class*=col].expandable > .caption {
  font-size: 16px;
}
.expandable-list > div[class*=col].expandable > ul {
  list-style-position: outside;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
html.rtl .expandable-list > div[class*=col].expandable > ul {
  padding-left: 0;
  padding-right: 0;
}
html.rtl .expandable-list > div[class*=col].expandable > ul {
  font-size: 15px;
}
.expandable-list > div[class*=col].expandable > ul > li {
  line-height: 27px;
}
.expandable-list > div[class*=col].expandable > ul > li > img {
  margin-left: 5px;
  margin-right: 5px;
}
html.rtl .expandable-list > div[class*=col].expandable > ul > li > img {
  margin-left: 5px;
  margin-right: 5px;
}
.expandable-list > div[class*=col].expandable > ul > li > a {
  display: inline-block;
  position: relative;
}
.expandable-list > div[class*=col].expandable > ul > li > a:hover:after {
  content: ' ';
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 2px;
  left: 0;
  background: #FFF;
}
html.rtl .expandable-list > div[class*=col].expandable > ul > li > a:hover:after {
  right: 0;
  left: auto;
}
.expandable-list > div[class*=col].expandable > ul > li.more-trigger {
  font-weight: bold;
  cursor: pointer;
}
.expandable-list > div[class*=col].expandable > ul > li.more-trigger.more-collapsed {
  display: none;
}
.expandable-list > div[class*=col].expandable > ul > li.more-togglable.more-collapsed {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
.expandable-list > div[class*=col].expandable > ul > li.more-togglable {
  visibility: visible;
  display: list-item;
  opacity: 1;
  max-height: 100px;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
@media (max-width: 1226px) {
  .expandable-list.grid {
    display: block;
  }
  .expandable-list.grid > div[class*=col] {
    width: 100%;
    border-top: 1px solid #9B9B9B;
    border-bottom: 1px solid #9B9B9B;
    margin-top: -1px;
  }
  .expandable-list.grid > div[class*=col] > .caption {
    position: relative;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .expandable-list.grid > div[class*=col] > .caption:after {
    content: ' ';
    background-image: url('/content/dam/englishtown/englishlive2016/arrow-down-solid-small.svg');
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    right: 2px;
    top: 0;
    height: 56px;
    width: 9px;
  }
  html.rtl .expandable-list.grid > div[class*=col] > .caption:after {
    background-position: left center;
  }
  html.rtl .expandable-list.grid > div[class*=col] > .caption:after {
    left: 2px;
    right: auto;
  }
  .expandable-list.grid > div[class*=col] > ul {
    padding-bottom: 20px;
    display: none;
  }
  .expandable-list.grid > div[class*=col] > ul > li.more-trigger {
    display: none;
  }
  .expandable-list.grid > div[class*=col] > ul > li.more-togglable.more-collapsed {
    max-height: none;
    visibility: visible;
    opacity: 1;
  }
  .expandable-list.grid > div[class*=col] > ul ~ .caption {
    border-top: 1px solid #9B9B9B;
  }
}
footer {
  color: #FFF;
  background: #000;
  overflow: hidden;
  font-size: 12px;
  font-family: Roboto;
  text-align: left;
  position: relative;
  z-index: 1;
}
html.rtl footer {
  font-size: 18px;
}
html.rtl footer {
  text-align: right;
}
footer h1,
footer h2,
footer h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
footer > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  footer > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  footer > .constraint *.hide-desktop {
    display: none;
  }
  footer > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  footer > .constraint *.hide-mobile {
    display: none;
  }
  footer > .constraint *.show-mobile {
    display: initial;
  }
}
footer a {
  color: #FFF;
  text-decoration: initial;
}
footer > .constraint {
  position: relative;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
footer > .constraint.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer > .constraint.grid > .col-1-4 {
  width: 25%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl footer > .constraint.grid > .col-1-4 {
  margin-left: 0;
  margin-right: 0;
}
footer > .constraint.grid > .col-2-4 {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl footer > .constraint.grid > .col-2-4 {
  margin-left: 0;
  margin-right: 0;
}
footer > .constraint.grid > .col-3-4 {
  width: 75%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl footer > .constraint.grid > .col-3-4 {
  margin-left: 0;
  margin-right: 0;
}
footer > .constraint.grid > .col-4-4 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl footer > .constraint.grid > .col-4-4 {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 1226px) {
  footer > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl footer > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
footer > .constraint > div[class*=col].expandable > .caption {
  font-weight: bold;
  margin-bottom: 22px;
}
html.rtl footer > .constraint > div[class*=col].expandable > .caption {
  font-size: 16px;
}
footer > .constraint > div[class*=col].expandable > ul {
  list-style-position: outside;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
html.rtl footer > .constraint > div[class*=col].expandable > ul {
  padding-left: 0;
  padding-right: 0;
}
html.rtl footer > .constraint > div[class*=col].expandable > ul {
  font-size: 15px;
}
footer > .constraint > div[class*=col].expandable > ul > li {
  line-height: 27px;
}
footer > .constraint > div[class*=col].expandable > ul > li > img {
  margin-left: 5px;
  margin-right: 5px;
}
html.rtl footer > .constraint > div[class*=col].expandable > ul > li > img {
  margin-left: 5px;
  margin-right: 5px;
}
footer > .constraint > div[class*=col].expandable > ul > li > a {
  display: inline-block;
  position: relative;
}
footer > .constraint > div[class*=col].expandable > ul > li > a:hover:after {
  content: ' ';
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 2px;
  left: 0;
  background: #FFF;
}
html.rtl footer > .constraint > div[class*=col].expandable > ul > li > a:hover:after {
  right: 0;
  left: auto;
}
footer > .constraint > div[class*=col].expandable > ul > li.more-trigger {
  font-weight: bold;
  cursor: pointer;
}
footer > .constraint > div[class*=col].expandable > ul > li.more-trigger.more-collapsed {
  display: none;
}
footer > .constraint > div[class*=col].expandable > ul > li.more-togglable.more-collapsed {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
footer > .constraint > div[class*=col].expandable > ul > li.more-togglable {
  visibility: visible;
  display: list-item;
  opacity: 1;
  max-height: 100px;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
@media (max-width: 1226px) {
  footer > .constraint.grid {
    display: block;
  }
  footer > .constraint.grid > div[class*=col] {
    width: 100%;
    border-top: 1px solid #9B9B9B;
    border-bottom: 1px solid #9B9B9B;
    margin-top: -1px;
  }
  footer > .constraint.grid > div[class*=col] > .caption {
    position: relative;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  footer > .constraint.grid > div[class*=col] > .caption:after {
    content: ' ';
    background-image: url('/content/dam/englishtown/englishlive2016/arrow-down-solid-small.svg');
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    right: 2px;
    top: 0;
    height: 56px;
    width: 9px;
  }
  html.rtl footer > .constraint.grid > div[class*=col] > .caption:after {
    background-position: left center;
  }
  html.rtl footer > .constraint.grid > div[class*=col] > .caption:after {
    left: 2px;
    right: auto;
  }
  footer > .constraint.grid > div[class*=col] > ul {
    padding-bottom: 20px;
    display: none;
  }
  footer > .constraint.grid > div[class*=col] > ul > li.more-trigger {
    display: none;
  }
  footer > .constraint.grid > div[class*=col] > ul > li.more-togglable.more-collapsed {
    max-height: none;
    visibility: visible;
    opacity: 1;
  }
  footer > .constraint.grid > div[class*=col] > ul ~ .caption {
    border-top: 1px solid #9B9B9B;
  }
}
footer > .constraint > div[class*=col].expandable > .caption {
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
@media (max-width: 1226px) {
  footer > .constraint.grid > ul.socials {
    position: static;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  html.rtl footer > .constraint.grid > ul.socials {
    padding-right: 0;
    padding-left: 0;
  }
}
footer > .constraint > ul.socials {
  position: absolute;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style-position: outside;
  list-style-type: none;
  width: 25%;
}
html.rtl footer > .constraint > ul.socials {
  left: 0;
  right: auto;
}
footer > .constraint > ul.socials li {
  margin-left: 9px;
  margin-right: 9px;
}
html.rtl footer > .constraint > ul.socials li {
  margin-left: 9px;
  margin-right: 9px;
}
footer > .constraint > ul.socials li.youtube:hover > a > svg path {
  fill: #E62D27;
  -webkit-transition: fill .5s;
  -o-transition: fill .5s;
  transition: fill .5s;
}
footer > .constraint > ul.socials li.facebook:hover > a > svg > * {
  fill: #3C5A99;
  -webkit-transition: fill .5s;
  -o-transition: fill .5s;
  transition: fill .5s;
}
footer > .constraint > ul.socials li.instagram:hover > a > svg * {
  fill: #973C9C;
  -webkit-transition: fill .5s;
  -o-transition: fill .5s;
  transition: fill .5s;
}
footer > .constraint > ul.socials li.twitter:hover > a > svg > * {
  fill: #1DA1F2;
  -webkit-transition: fill .5s;
  -o-transition: fill .5s;
  transition: fill .5s;
}
footer > .constraint > ul.socials li:first-child {
  margin-left: 0;
  margin-right: 9px;
}
html.rtl footer > .constraint > ul.socials li:first-child {
  margin-left: 9px;
  margin-right: 0;
}
footer > .constraint > ul.socials li:last-child {
  margin-left: 9px;
  margin-right: 0;
}
html.rtl footer > .constraint > ul.socials li:last-child {
  margin-left: 0;
  margin-right: 9px;
}
footer > .constraint > .logo {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 60px;
}
footer > .constraint > .copyright {
  font-size: 12px;
  font-family: Georgia, serif;
  font-style: italic;
  text-align: center;
  line-height: 17px;
  letter-spacing: 0;
  margin-bottom: 40px;
}
html.rtl footer > .constraint > .copyright {
  font-size: 12px;
  font-style: normal;
}
footer > .constraint > ul.links {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
}
html.rtl footer > .constraint > ul.links {
  padding-left: 0;
  padding-right: 0;
}
footer > .constraint > ul.links > li.link {
  display: inline-block;
  margin-left: 18px;
  margin-right: 18px;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 300;
}
html.rtl footer > .constraint > ul.links > li.link {
  margin-left: 18px;
  margin-right: 18px;
}
@media (max-width: 1226px) {
  footer > .constraint > ul.links > li.link {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  footer > .constraint > ul.links > li.link.selected > a {
    display: inline-block;
    position: relative;
  }
}
footer > .constraint > ul.links > li.link > a {
  color: #FFF;
  text-decoration: none;
}
footer > .constraint > ul.links > li.link > a > img,
footer > .constraint > ul.links > li.link > a span {
  vertical-align: middle;
}
footer > .constraint > ul.links > li.link.selected {
  position: relative;
}
footer > .constraint > ul.links > li.link.selected > a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  line-height: 0;
  background-color: #FFF;
}
html.rtl footer > .constraint > ul.links > li.link.selected > a:after {
  left: 0;
  right: 0;
}
footer > .constraint .flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
footer > .constraint .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
footer > .constraint .flag-icon:before {
  content: "\00a0";
}
footer > .constraint .flag-icon.flag-icon-squared {
  width: 1em;
}
footer > .constraint .flag-icon-ad {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ad.svg);
}
footer > .constraint .flag-icon-ad.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ad.svg);
}
footer > .constraint .flag-icon-ae {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ae.svg);
}
footer > .constraint .flag-icon-ae.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ae.svg);
}
footer > .constraint .flag-icon-af {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/af.svg);
}
footer > .constraint .flag-icon-af.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/af.svg);
}
footer > .constraint .flag-icon-ag {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ag.svg);
}
footer > .constraint .flag-icon-ag.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ag.svg);
}
footer > .constraint .flag-icon-ai {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ai.svg);
}
footer > .constraint .flag-icon-ai.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ai.svg);
}
footer > .constraint .flag-icon-al {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/al.svg);
}
footer > .constraint .flag-icon-al.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/al.svg);
}
footer > .constraint .flag-icon-am {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/am.svg);
}
footer > .constraint .flag-icon-am.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/am.svg);
}
footer > .constraint .flag-icon-ao {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ao.svg);
}
footer > .constraint .flag-icon-ao.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ao.svg);
}
footer > .constraint .flag-icon-aq {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/aq.svg);
}
footer > .constraint .flag-icon-aq.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/aq.svg);
}
footer > .constraint .flag-icon-ar {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ar.svg);
}
footer > .constraint .flag-icon-ar.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ar.svg);
}
footer > .constraint .flag-icon-as {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/as.svg);
}
footer > .constraint .flag-icon-as.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/as.svg);
}
footer > .constraint .flag-icon-at {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/at.svg);
}
footer > .constraint .flag-icon-at.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/at.svg);
}
footer > .constraint .flag-icon-au {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/au.svg);
}
footer > .constraint .flag-icon-au.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/au.svg);
}
footer > .constraint .flag-icon-aw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/aw.svg);
}
footer > .constraint .flag-icon-aw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/aw.svg);
}
footer > .constraint .flag-icon-ax {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ax.svg);
}
footer > .constraint .flag-icon-ax.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ax.svg);
}
footer > .constraint .flag-icon-az {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/az.svg);
}
footer > .constraint .flag-icon-az.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/az.svg);
}
footer > .constraint .flag-icon-ba {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ba.svg);
}
footer > .constraint .flag-icon-ba.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ba.svg);
}
footer > .constraint .flag-icon-bb {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bb.svg);
}
footer > .constraint .flag-icon-bb.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bb.svg);
}
footer > .constraint .flag-icon-bd {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bd.svg);
}
footer > .constraint .flag-icon-bd.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bd.svg);
}
footer > .constraint .flag-icon-be {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/be.svg);
}
footer > .constraint .flag-icon-be.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/be.svg);
}
footer > .constraint .flag-icon-bf {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bf.svg);
}
footer > .constraint .flag-icon-bf.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bf.svg);
}
footer > .constraint .flag-icon-bg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bg.svg);
}
footer > .constraint .flag-icon-bg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bg.svg);
}
footer > .constraint .flag-icon-bh {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bh.svg);
}
footer > .constraint .flag-icon-bh.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bh.svg);
}
footer > .constraint .flag-icon-bi {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bi.svg);
}
footer > .constraint .flag-icon-bi.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bi.svg);
}
footer > .constraint .flag-icon-bj {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bj.svg);
}
footer > .constraint .flag-icon-bj.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bj.svg);
}
footer > .constraint .flag-icon-bl {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bl.svg);
}
footer > .constraint .flag-icon-bl.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bl.svg);
}
footer > .constraint .flag-icon-bm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bm.svg);
}
footer > .constraint .flag-icon-bm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bm.svg);
}
footer > .constraint .flag-icon-bn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bn.svg);
}
footer > .constraint .flag-icon-bn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bn.svg);
}
footer > .constraint .flag-icon-bo {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bo.svg);
}
footer > .constraint .flag-icon-bo.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bo.svg);
}
footer > .constraint .flag-icon-bq {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bq.svg);
}
footer > .constraint .flag-icon-bq.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bq.svg);
}
footer > .constraint .flag-icon-br {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/br.svg);
}
footer > .constraint .flag-icon-br.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/br.svg);
}
footer > .constraint .flag-icon-bs {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bs.svg);
}
footer > .constraint .flag-icon-bs.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bs.svg);
}
footer > .constraint .flag-icon-bt {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bt.svg);
}
footer > .constraint .flag-icon-bt.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bt.svg);
}
footer > .constraint .flag-icon-bv {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bv.svg);
}
footer > .constraint .flag-icon-bv.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bv.svg);
}
footer > .constraint .flag-icon-bw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bw.svg);
}
footer > .constraint .flag-icon-bw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bw.svg);
}
footer > .constraint .flag-icon-by {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/by.svg);
}
footer > .constraint .flag-icon-by.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/by.svg);
}
footer > .constraint .flag-icon-bz {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/bz.svg);
}
footer > .constraint .flag-icon-bz.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/bz.svg);
}
footer > .constraint .flag-icon-ca {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ca.svg);
}
footer > .constraint .flag-icon-ca.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ca.svg);
}
footer > .constraint .flag-icon-cc {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cc.svg);
}
footer > .constraint .flag-icon-cc.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cc.svg);
}
footer > .constraint .flag-icon-cd {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cd.svg);
}
footer > .constraint .flag-icon-cd.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cd.svg);
}
footer > .constraint .flag-icon-cf {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cf.svg);
}
footer > .constraint .flag-icon-cf.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cf.svg);
}
footer > .constraint .flag-icon-cg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cg.svg);
}
footer > .constraint .flag-icon-cg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cg.svg);
}
footer > .constraint .flag-icon-ch {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ch.svg);
}
footer > .constraint .flag-icon-ch.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ch.svg);
}
footer > .constraint .flag-icon-ci {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ci.svg);
}
footer > .constraint .flag-icon-ci.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ci.svg);
}
footer > .constraint .flag-icon-ck {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ck.svg);
}
footer > .constraint .flag-icon-ck.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ck.svg);
}
footer > .constraint .flag-icon-cl {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cl.svg);
}
footer > .constraint .flag-icon-cl.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cl.svg);
}
footer > .constraint .flag-icon-cm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cm.svg);
}
footer > .constraint .flag-icon-cm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cm.svg);
}
footer > .constraint .flag-icon-cn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cn.svg);
}
footer > .constraint .flag-icon-cn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cn.svg);
}
footer > .constraint .flag-icon-co {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/co.svg);
}
footer > .constraint .flag-icon-co.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/co.svg);
}
footer > .constraint .flag-icon-cr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cr.svg);
}
footer > .constraint .flag-icon-cr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cr.svg);
}
footer > .constraint .flag-icon-cu {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cu.svg);
}
footer > .constraint .flag-icon-cu.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cu.svg);
}
footer > .constraint .flag-icon-cv {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cv.svg);
}
footer > .constraint .flag-icon-cv.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cv.svg);
}
footer > .constraint .flag-icon-cw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cw.svg);
}
footer > .constraint .flag-icon-cw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cw.svg);
}
footer > .constraint .flag-icon-cx {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cx.svg);
}
footer > .constraint .flag-icon-cx.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cx.svg);
}
footer > .constraint .flag-icon-cy {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cy.svg);
}
footer > .constraint .flag-icon-cy.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cy.svg);
}
footer > .constraint .flag-icon-cz {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/cz.svg);
}
footer > .constraint .flag-icon-cz.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/cz.svg);
}
footer > .constraint .flag-icon-de {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/de.svg);
}
footer > .constraint .flag-icon-de.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/de.svg);
}
footer > .constraint .flag-icon-dj {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/dj.svg);
}
footer > .constraint .flag-icon-dj.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/dj.svg);
}
footer > .constraint .flag-icon-dk {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/dk.svg);
}
footer > .constraint .flag-icon-dk.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/dk.svg);
}
footer > .constraint .flag-icon-dm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/dm.svg);
}
footer > .constraint .flag-icon-dm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/dm.svg);
}
footer > .constraint .flag-icon-do {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/do.svg);
}
footer > .constraint .flag-icon-do.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/do.svg);
}
footer > .constraint .flag-icon-dz {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/dz.svg);
}
footer > .constraint .flag-icon-dz.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/dz.svg);
}
footer > .constraint .flag-icon-ec {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ec.svg);
}
footer > .constraint .flag-icon-ec.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ec.svg);
}
footer > .constraint .flag-icon-ee {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ee.svg);
}
footer > .constraint .flag-icon-ee.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ee.svg);
}
footer > .constraint .flag-icon-eg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/eg.svg);
}
footer > .constraint .flag-icon-eg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/eg.svg);
}
footer > .constraint .flag-icon-eh {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/eh.svg);
}
footer > .constraint .flag-icon-eh.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/eh.svg);
}
footer > .constraint .flag-icon-er {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/er.svg);
}
footer > .constraint .flag-icon-er.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/er.svg);
}
footer > .constraint .flag-icon-es {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/es.svg);
}
footer > .constraint .flag-icon-es.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/es.svg);
}
footer > .constraint .flag-icon-et {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/et.svg);
}
footer > .constraint .flag-icon-et.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/et.svg);
}
footer > .constraint .flag-icon-fi {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/fi.svg);
}
footer > .constraint .flag-icon-fi.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/fi.svg);
}
footer > .constraint .flag-icon-fj {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/fj.svg);
}
footer > .constraint .flag-icon-fj.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/fj.svg);
}
footer > .constraint .flag-icon-fk {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/fk.svg);
}
footer > .constraint .flag-icon-fk.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/fk.svg);
}
footer > .constraint .flag-icon-fm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/fm.svg);
}
footer > .constraint .flag-icon-fm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/fm.svg);
}
footer > .constraint .flag-icon-fo {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/fo.svg);
}
footer > .constraint .flag-icon-fo.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/fo.svg);
}
footer > .constraint .flag-icon-fr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/fr.svg);
}
footer > .constraint .flag-icon-fr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/fr.svg);
}
footer > .constraint .flag-icon-ga {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ga.svg);
}
footer > .constraint .flag-icon-ga.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ga.svg);
}
footer > .constraint .flag-icon-gb {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gb.svg);
}
footer > .constraint .flag-icon-gb.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gb.svg);
}
footer > .constraint .flag-icon-gd {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gd.svg);
}
footer > .constraint .flag-icon-gd.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gd.svg);
}
footer > .constraint .flag-icon-ge {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ge.svg);
}
footer > .constraint .flag-icon-ge.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ge.svg);
}
footer > .constraint .flag-icon-gf {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gf.svg);
}
footer > .constraint .flag-icon-gf.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gf.svg);
}
footer > .constraint .flag-icon-gg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gg.svg);
}
footer > .constraint .flag-icon-gg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gg.svg);
}
footer > .constraint .flag-icon-gh {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gh.svg);
}
footer > .constraint .flag-icon-gh.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gh.svg);
}
footer > .constraint .flag-icon-gi {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gi.svg);
}
footer > .constraint .flag-icon-gi.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gi.svg);
}
footer > .constraint .flag-icon-gl {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gl.svg);
}
footer > .constraint .flag-icon-gl.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gl.svg);
}
footer > .constraint .flag-icon-gm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gm.svg);
}
footer > .constraint .flag-icon-gm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gm.svg);
}
footer > .constraint .flag-icon-gn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gn.svg);
}
footer > .constraint .flag-icon-gn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gn.svg);
}
footer > .constraint .flag-icon-gp {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gp.svg);
}
footer > .constraint .flag-icon-gp.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gp.svg);
}
footer > .constraint .flag-icon-gq {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gq.svg);
}
footer > .constraint .flag-icon-gq.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gq.svg);
}
footer > .constraint .flag-icon-gr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gr.svg);
}
footer > .constraint .flag-icon-gr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gr.svg);
}
footer > .constraint .flag-icon-gs {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gs.svg);
}
footer > .constraint .flag-icon-gs.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gs.svg);
}
footer > .constraint .flag-icon-gt {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gt.svg);
}
footer > .constraint .flag-icon-gt.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gt.svg);
}
footer > .constraint .flag-icon-gu {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gu.svg);
}
footer > .constraint .flag-icon-gu.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gu.svg);
}
footer > .constraint .flag-icon-gw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gw.svg);
}
footer > .constraint .flag-icon-gw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gw.svg);
}
footer > .constraint .flag-icon-gy {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gy.svg);
}
footer > .constraint .flag-icon-gy.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gy.svg);
}
footer > .constraint .flag-icon-hk {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/hk.svg);
}
footer > .constraint .flag-icon-hk.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/hk.svg);
}
footer > .constraint .flag-icon-hm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/hm.svg);
}
footer > .constraint .flag-icon-hm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/hm.svg);
}
footer > .constraint .flag-icon-hn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/hn.svg);
}
footer > .constraint .flag-icon-hn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/hn.svg);
}
footer > .constraint .flag-icon-hr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/hr.svg);
}
footer > .constraint .flag-icon-hr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/hr.svg);
}
footer > .constraint .flag-icon-ht {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ht.svg);
}
footer > .constraint .flag-icon-ht.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ht.svg);
}
footer > .constraint .flag-icon-hu {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/hu.svg);
}
footer > .constraint .flag-icon-hu.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/hu.svg);
}
footer > .constraint .flag-icon-id {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/id.svg);
}
footer > .constraint .flag-icon-id.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/id.svg);
}
footer > .constraint .flag-icon-ie {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ie.svg);
}
footer > .constraint .flag-icon-ie.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ie.svg);
}
footer > .constraint .flag-icon-il {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/il.svg);
}
footer > .constraint .flag-icon-il.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/il.svg);
}
footer > .constraint .flag-icon-im {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/im.svg);
}
footer > .constraint .flag-icon-im.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/im.svg);
}
footer > .constraint .flag-icon-in {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/in.svg);
}
footer > .constraint .flag-icon-in.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/in.svg);
}
footer > .constraint .flag-icon-io {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/io.svg);
}
footer > .constraint .flag-icon-io.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/io.svg);
}
footer > .constraint .flag-icon-iq {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/iq.svg);
}
footer > .constraint .flag-icon-iq.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/iq.svg);
}
footer > .constraint .flag-icon-ir {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ir.svg);
}
footer > .constraint .flag-icon-ir.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ir.svg);
}
footer > .constraint .flag-icon-is {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/is.svg);
}
footer > .constraint .flag-icon-is.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/is.svg);
}
footer > .constraint .flag-icon-it {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/it.svg);
}
footer > .constraint .flag-icon-it.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/it.svg);
}
footer > .constraint .flag-icon-je {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/je.svg);
}
footer > .constraint .flag-icon-je.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/je.svg);
}
footer > .constraint .flag-icon-jm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/jm.svg);
}
footer > .constraint .flag-icon-jm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/jm.svg);
}
footer > .constraint .flag-icon-jo {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/jo.svg);
}
footer > .constraint .flag-icon-jo.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/jo.svg);
}
footer > .constraint .flag-icon-jp {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/jp.svg);
}
footer > .constraint .flag-icon-jp.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/jp.svg);
}
footer > .constraint .flag-icon-ke {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ke.svg);
}
footer > .constraint .flag-icon-ke.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ke.svg);
}
footer > .constraint .flag-icon-kg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/kg.svg);
}
footer > .constraint .flag-icon-kg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/kg.svg);
}
footer > .constraint .flag-icon-kh {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/kh.svg);
}
footer > .constraint .flag-icon-kh.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/kh.svg);
}
footer > .constraint .flag-icon-ki {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ki.svg);
}
footer > .constraint .flag-icon-ki.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ki.svg);
}
footer > .constraint .flag-icon-km {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/km.svg);
}
footer > .constraint .flag-icon-km.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/km.svg);
}
footer > .constraint .flag-icon-kn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/kn.svg);
}
footer > .constraint .flag-icon-kn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/kn.svg);
}
footer > .constraint .flag-icon-kp {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/kp.svg);
}
footer > .constraint .flag-icon-kp.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/kp.svg);
}
footer > .constraint .flag-icon-kr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/kr.svg);
}
footer > .constraint .flag-icon-kr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/kr.svg);
}
footer > .constraint .flag-icon-kw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/kw.svg);
}
footer > .constraint .flag-icon-kw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/kw.svg);
}
footer > .constraint .flag-icon-ky {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ky.svg);
}
footer > .constraint .flag-icon-ky.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ky.svg);
}
footer > .constraint .flag-icon-kz {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/kz.svg);
}
footer > .constraint .flag-icon-kz.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/kz.svg);
}
footer > .constraint .flag-icon-la {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/la.svg);
}
footer > .constraint .flag-icon-la.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/la.svg);
}
footer > .constraint .flag-icon-lb {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/lb.svg);
}
footer > .constraint .flag-icon-lb.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/lb.svg);
}
footer > .constraint .flag-icon-lc {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/lc.svg);
}
footer > .constraint .flag-icon-lc.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/lc.svg);
}
footer > .constraint .flag-icon-li {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/li.svg);
}
footer > .constraint .flag-icon-li.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/li.svg);
}
footer > .constraint .flag-icon-lk {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/lk.svg);
}
footer > .constraint .flag-icon-lk.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/lk.svg);
}
footer > .constraint .flag-icon-lr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/lr.svg);
}
footer > .constraint .flag-icon-lr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/lr.svg);
}
footer > .constraint .flag-icon-ls {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ls.svg);
}
footer > .constraint .flag-icon-ls.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ls.svg);
}
footer > .constraint .flag-icon-lt {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/lt.svg);
}
footer > .constraint .flag-icon-lt.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/lt.svg);
}
footer > .constraint .flag-icon-lu {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/lu.svg);
}
footer > .constraint .flag-icon-lu.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/lu.svg);
}
footer > .constraint .flag-icon-lv {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/lv.svg);
}
footer > .constraint .flag-icon-lv.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/lv.svg);
}
footer > .constraint .flag-icon-ly {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ly.svg);
}
footer > .constraint .flag-icon-ly.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ly.svg);
}
footer > .constraint .flag-icon-ma {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ma.svg);
}
footer > .constraint .flag-icon-ma.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ma.svg);
}
footer > .constraint .flag-icon-mc {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mc.svg);
}
footer > .constraint .flag-icon-mc.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mc.svg);
}
footer > .constraint .flag-icon-md {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/md.svg);
}
footer > .constraint .flag-icon-md.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/md.svg);
}
footer > .constraint .flag-icon-me {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/me.svg);
}
footer > .constraint .flag-icon-me.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/me.svg);
}
footer > .constraint .flag-icon-mf {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mf.svg);
}
footer > .constraint .flag-icon-mf.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mf.svg);
}
footer > .constraint .flag-icon-mg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mg.svg);
}
footer > .constraint .flag-icon-mg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mg.svg);
}
footer > .constraint .flag-icon-mh {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mh.svg);
}
footer > .constraint .flag-icon-mh.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mh.svg);
}
footer > .constraint .flag-icon-mk {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mk.svg);
}
footer > .constraint .flag-icon-mk.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mk.svg);
}
footer > .constraint .flag-icon-ml {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ml.svg);
}
footer > .constraint .flag-icon-ml.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ml.svg);
}
footer > .constraint .flag-icon-mm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mm.svg);
}
footer > .constraint .flag-icon-mm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mm.svg);
}
footer > .constraint .flag-icon-mn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mn.svg);
}
footer > .constraint .flag-icon-mn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mn.svg);
}
footer > .constraint .flag-icon-mo {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mo.svg);
}
footer > .constraint .flag-icon-mo.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mo.svg);
}
footer > .constraint .flag-icon-mp {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mp.svg);
}
footer > .constraint .flag-icon-mp.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mp.svg);
}
footer > .constraint .flag-icon-mq {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mq.svg);
}
footer > .constraint .flag-icon-mq.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mq.svg);
}
footer > .constraint .flag-icon-mr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mr.svg);
}
footer > .constraint .flag-icon-mr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mr.svg);
}
footer > .constraint .flag-icon-ms {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ms.svg);
}
footer > .constraint .flag-icon-ms.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ms.svg);
}
footer > .constraint .flag-icon-mt {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mt.svg);
}
footer > .constraint .flag-icon-mt.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mt.svg);
}
footer > .constraint .flag-icon-mu {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mu.svg);
}
footer > .constraint .flag-icon-mu.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mu.svg);
}
footer > .constraint .flag-icon-mv {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mv.svg);
}
footer > .constraint .flag-icon-mv.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mv.svg);
}
footer > .constraint .flag-icon-mw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mw.svg);
}
footer > .constraint .flag-icon-mw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mw.svg);
}
footer > .constraint .flag-icon-mx {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mx.svg);
}
footer > .constraint .flag-icon-mx.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mx.svg);
}
footer > .constraint .flag-icon-my {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/my.svg);
}
footer > .constraint .flag-icon-my.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/my.svg);
}
footer > .constraint .flag-icon-mz {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/mz.svg);
}
footer > .constraint .flag-icon-mz.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/mz.svg);
}
footer > .constraint .flag-icon-na {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/na.svg);
}
footer > .constraint .flag-icon-na.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/na.svg);
}
footer > .constraint .flag-icon-nc {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/nc.svg);
}
footer > .constraint .flag-icon-nc.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/nc.svg);
}
footer > .constraint .flag-icon-ne {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ne.svg);
}
footer > .constraint .flag-icon-ne.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ne.svg);
}
footer > .constraint .flag-icon-nf {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/nf.svg);
}
footer > .constraint .flag-icon-nf.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/nf.svg);
}
footer > .constraint .flag-icon-ng {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ng.svg);
}
footer > .constraint .flag-icon-ng.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ng.svg);
}
footer > .constraint .flag-icon-ni {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ni.svg);
}
footer > .constraint .flag-icon-ni.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ni.svg);
}
footer > .constraint .flag-icon-nl {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/nl.svg);
}
footer > .constraint .flag-icon-nl.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/nl.svg);
}
footer > .constraint .flag-icon-no {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/no.svg);
}
footer > .constraint .flag-icon-no.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/no.svg);
}
footer > .constraint .flag-icon-np {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/np.svg);
}
footer > .constraint .flag-icon-np.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/np.svg);
}
footer > .constraint .flag-icon-nr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/nr.svg);
}
footer > .constraint .flag-icon-nr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/nr.svg);
}
footer > .constraint .flag-icon-nu {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/nu.svg);
}
footer > .constraint .flag-icon-nu.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/nu.svg);
}
footer > .constraint .flag-icon-nz {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/nz.svg);
}
footer > .constraint .flag-icon-nz.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/nz.svg);
}
footer > .constraint .flag-icon-om {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/om.svg);
}
footer > .constraint .flag-icon-om.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/om.svg);
}
footer > .constraint .flag-icon-pa {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pa.svg);
}
footer > .constraint .flag-icon-pa.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pa.svg);
}
footer > .constraint .flag-icon-pe {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pe.svg);
}
footer > .constraint .flag-icon-pe.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pe.svg);
}
footer > .constraint .flag-icon-pf {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pf.svg);
}
footer > .constraint .flag-icon-pf.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pf.svg);
}
footer > .constraint .flag-icon-pg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pg.svg);
}
footer > .constraint .flag-icon-pg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pg.svg);
}
footer > .constraint .flag-icon-ph {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ph.svg);
}
footer > .constraint .flag-icon-ph.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ph.svg);
}
footer > .constraint .flag-icon-pk {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pk.svg);
}
footer > .constraint .flag-icon-pk.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pk.svg);
}
footer > .constraint .flag-icon-pl {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pl.svg);
}
footer > .constraint .flag-icon-pl.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pl.svg);
}
footer > .constraint .flag-icon-pm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pm.svg);
}
footer > .constraint .flag-icon-pm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pm.svg);
}
footer > .constraint .flag-icon-pn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pn.svg);
}
footer > .constraint .flag-icon-pn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pn.svg);
}
footer > .constraint .flag-icon-pr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pr.svg);
}
footer > .constraint .flag-icon-pr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pr.svg);
}
footer > .constraint .flag-icon-ps {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ps.svg);
}
footer > .constraint .flag-icon-ps.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ps.svg);
}
footer > .constraint .flag-icon-pt {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pt.svg);
}
footer > .constraint .flag-icon-pt.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pt.svg);
}
footer > .constraint .flag-icon-pw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/pw.svg);
}
footer > .constraint .flag-icon-pw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/pw.svg);
}
footer > .constraint .flag-icon-py {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/py.svg);
}
footer > .constraint .flag-icon-py.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/py.svg);
}
footer > .constraint .flag-icon-qa {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/qa.svg);
}
footer > .constraint .flag-icon-qa.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/qa.svg);
}
footer > .constraint .flag-icon-re {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/re.svg);
}
footer > .constraint .flag-icon-re.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/re.svg);
}
footer > .constraint .flag-icon-ro {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ro.svg);
}
footer > .constraint .flag-icon-ro.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ro.svg);
}
footer > .constraint .flag-icon-rs {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/rs.svg);
}
footer > .constraint .flag-icon-rs.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/rs.svg);
}
footer > .constraint .flag-icon-ru {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ru.svg);
}
footer > .constraint .flag-icon-ru.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ru.svg);
}
footer > .constraint .flag-icon-rw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/rw.svg);
}
footer > .constraint .flag-icon-rw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/rw.svg);
}
footer > .constraint .flag-icon-sa {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sa.svg);
}
footer > .constraint .flag-icon-sa.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sa.svg);
}
footer > .constraint .flag-icon-sb {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sb.svg);
}
footer > .constraint .flag-icon-sb.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sb.svg);
}
footer > .constraint .flag-icon-sc {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sc.svg);
}
footer > .constraint .flag-icon-sc.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sc.svg);
}
footer > .constraint .flag-icon-sd {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sd.svg);
}
footer > .constraint .flag-icon-sd.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sd.svg);
}
footer > .constraint .flag-icon-se {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/se.svg);
}
footer > .constraint .flag-icon-se.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/se.svg);
}
footer > .constraint .flag-icon-sg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sg.svg);
}
footer > .constraint .flag-icon-sg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sg.svg);
}
footer > .constraint .flag-icon-sh {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sh.svg);
}
footer > .constraint .flag-icon-sh.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sh.svg);
}
footer > .constraint .flag-icon-si {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/si.svg);
}
footer > .constraint .flag-icon-si.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/si.svg);
}
footer > .constraint .flag-icon-sj {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sj.svg);
}
footer > .constraint .flag-icon-sj.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sj.svg);
}
footer > .constraint .flag-icon-sk {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sk.svg);
}
footer > .constraint .flag-icon-sk.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sk.svg);
}
footer > .constraint .flag-icon-sl {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sl.svg);
}
footer > .constraint .flag-icon-sl.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sl.svg);
}
footer > .constraint .flag-icon-sm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sm.svg);
}
footer > .constraint .flag-icon-sm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sm.svg);
}
footer > .constraint .flag-icon-sn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sn.svg);
}
footer > .constraint .flag-icon-sn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sn.svg);
}
footer > .constraint .flag-icon-so {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/so.svg);
}
footer > .constraint .flag-icon-so.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/so.svg);
}
footer > .constraint .flag-icon-sr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sr.svg);
}
footer > .constraint .flag-icon-sr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sr.svg);
}
footer > .constraint .flag-icon-ss {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ss.svg);
}
footer > .constraint .flag-icon-ss.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ss.svg);
}
footer > .constraint .flag-icon-st {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/st.svg);
}
footer > .constraint .flag-icon-st.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/st.svg);
}
footer > .constraint .flag-icon-sv {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sv.svg);
}
footer > .constraint .flag-icon-sv.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sv.svg);
}
footer > .constraint .flag-icon-sx {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sx.svg);
}
footer > .constraint .flag-icon-sx.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sx.svg);
}
footer > .constraint .flag-icon-sy {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sy.svg);
}
footer > .constraint .flag-icon-sy.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sy.svg);
}
footer > .constraint .flag-icon-sz {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/sz.svg);
}
footer > .constraint .flag-icon-sz.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/sz.svg);
}
footer > .constraint .flag-icon-tc {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tc.svg);
}
footer > .constraint .flag-icon-tc.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tc.svg);
}
footer > .constraint .flag-icon-td {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/td.svg);
}
footer > .constraint .flag-icon-td.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/td.svg);
}
footer > .constraint .flag-icon-tf {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tf.svg);
}
footer > .constraint .flag-icon-tf.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tf.svg);
}
footer > .constraint .flag-icon-tg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tg.svg);
}
footer > .constraint .flag-icon-tg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tg.svg);
}
footer > .constraint .flag-icon-th {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/th.svg);
}
footer > .constraint .flag-icon-th.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/th.svg);
}
footer > .constraint .flag-icon-tj {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tj.svg);
}
footer > .constraint .flag-icon-tj.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tj.svg);
}
footer > .constraint .flag-icon-tk {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tk.svg);
}
footer > .constraint .flag-icon-tk.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tk.svg);
}
footer > .constraint .flag-icon-tl {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tl.svg);
}
footer > .constraint .flag-icon-tl.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tl.svg);
}
footer > .constraint .flag-icon-tm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tm.svg);
}
footer > .constraint .flag-icon-tm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tm.svg);
}
footer > .constraint .flag-icon-tn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tn.svg);
}
footer > .constraint .flag-icon-tn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tn.svg);
}
footer > .constraint .flag-icon-to {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/to.svg);
}
footer > .constraint .flag-icon-to.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/to.svg);
}
footer > .constraint .flag-icon-tr {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tr.svg);
}
footer > .constraint .flag-icon-tr.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tr.svg);
}
footer > .constraint .flag-icon-tt {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tt.svg);
}
footer > .constraint .flag-icon-tt.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tt.svg);
}
footer > .constraint .flag-icon-tv {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tv.svg);
}
footer > .constraint .flag-icon-tv.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tv.svg);
}
footer > .constraint .flag-icon-tw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tw.svg);
}
footer > .constraint .flag-icon-tw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tw.svg);
}
footer > .constraint .flag-icon-tz {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/tz.svg);
}
footer > .constraint .flag-icon-tz.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/tz.svg);
}
footer > .constraint .flag-icon-ua {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ua.svg);
}
footer > .constraint .flag-icon-ua.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ua.svg);
}
footer > .constraint .flag-icon-ug {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ug.svg);
}
footer > .constraint .flag-icon-ug.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ug.svg);
}
footer > .constraint .flag-icon-um {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/um.svg);
}
footer > .constraint .flag-icon-um.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/um.svg);
}
footer > .constraint .flag-icon-us {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/us.svg);
}
footer > .constraint .flag-icon-us.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/us.svg);
}
footer > .constraint .flag-icon-uy {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/uy.svg);
}
footer > .constraint .flag-icon-uy.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/uy.svg);
}
footer > .constraint .flag-icon-uz {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/uz.svg);
}
footer > .constraint .flag-icon-uz.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/uz.svg);
}
footer > .constraint .flag-icon-va {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/va.svg);
}
footer > .constraint .flag-icon-va.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/va.svg);
}
footer > .constraint .flag-icon-vc {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/vc.svg);
}
footer > .constraint .flag-icon-vc.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/vc.svg);
}
footer > .constraint .flag-icon-ve {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ve.svg);
}
footer > .constraint .flag-icon-ve.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ve.svg);
}
footer > .constraint .flag-icon-vg {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/vg.svg);
}
footer > .constraint .flag-icon-vg.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/vg.svg);
}
footer > .constraint .flag-icon-vi {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/vi.svg);
}
footer > .constraint .flag-icon-vi.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/vi.svg);
}
footer > .constraint .flag-icon-vn {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/vn.svg);
}
footer > .constraint .flag-icon-vn.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/vn.svg);
}
footer > .constraint .flag-icon-vu {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/vu.svg);
}
footer > .constraint .flag-icon-vu.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/vu.svg);
}
footer > .constraint .flag-icon-wf {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/wf.svg);
}
footer > .constraint .flag-icon-wf.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/wf.svg);
}
footer > .constraint .flag-icon-ws {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ws.svg);
}
footer > .constraint .flag-icon-ws.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ws.svg);
}
footer > .constraint .flag-icon-ye {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/ye.svg);
}
footer > .constraint .flag-icon-ye.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/ye.svg);
}
footer > .constraint .flag-icon-yt {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/yt.svg);
}
footer > .constraint .flag-icon-yt.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/yt.svg);
}
footer > .constraint .flag-icon-za {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/za.svg);
}
footer > .constraint .flag-icon-za.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/za.svg);
}
footer > .constraint .flag-icon-zm {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/zm.svg);
}
footer > .constraint .flag-icon-zm.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/zm.svg);
}
footer > .constraint .flag-icon-zw {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/zw.svg);
}
footer > .constraint .flag-icon-zw.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/zw.svg);
}
footer > .constraint .flag-icon-eu {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/eu.svg);
}
footer > .constraint .flag-icon-eu.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/eu.svg);
}
footer > .constraint .flag-icon-gb-eng {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gb-eng.svg);
}
footer > .constraint .flag-icon-gb-eng.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gb-eng.svg);
}
footer > .constraint .flag-icon-gb-nir {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gb-nir.svg);
}
footer > .constraint .flag-icon-gb-nir.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gb-nir.svg);
}
footer > .constraint .flag-icon-gb-sct {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gb-sct.svg);
}
footer > .constraint .flag-icon-gb-sct.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gb-sct.svg);
}
footer > .constraint .flag-icon-gb-wls {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/gb-wls.svg);
}
footer > .constraint .flag-icon-gb-wls.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/gb-wls.svg);
}
footer > .constraint .flag-icon-un {
  background-image: url(../bower_components/flag-icon-css/flags/4x3/un.svg);
}
footer > .constraint .flag-icon-un.flag-icon-squared {
  background-image: url(../bower_components/flag-icon-css/flags/1x1/un.svg);
}
footer > .constraint div.country-selection.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer > .constraint div.country-selection.grid > .col-1-4 {
  width: 25%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl footer > .constraint div.country-selection.grid > .col-1-4 {
  margin-left: 0;
  margin-right: 0;
}
footer > .constraint div.country-selection.grid > .col-2-4 {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl footer > .constraint div.country-selection.grid > .col-2-4 {
  margin-left: 0;
  margin-right: 0;
}
footer > .constraint div.country-selection.grid > .col-3-4 {
  width: 75%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl footer > .constraint div.country-selection.grid > .col-3-4 {
  margin-left: 0;
  margin-right: 0;
}
footer > .constraint div.country-selection.grid > .col-4-4 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl footer > .constraint div.country-selection.grid > .col-4-4 {
  margin-left: 0;
  margin-right: 0;
}
footer > .constraint div.country-selection > [class*=col] {
  font-family: Roboto;
  font-size: 12px;
}
html.rtl footer > .constraint div.country-selection > [class*=col] {
  font-size: 18px;
}
footer > .constraint div.country-selection > [class*=col] > .caption {
  font-weight: bold;
  margin-top: 22px;
  margin-bottom: 22px;
}
footer > .constraint div.country-selection > [class*=col] > .caption:first-child {
  margin-top: 22px;
}
footer > .constraint div.country-selection > [class*=col] > ul {
  padding-left: 0;
  padding-right: 0;
}
html.rtl footer > .constraint div.country-selection > [class*=col] > ul {
  padding-left: 0;
  padding-right: 0;
}
footer > .constraint div.country-selection > [class*=col] > ul > li {
  font-family: Arial, sans-serif;
  list-style-type: none;
  font-weight: normal;
  line-height: 27px;
}
footer > .constraint div.country-selection > [class*=col] > ul > li > a > .name {
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  direction: ltr;
}
footer > .constraint div.country-selection > [class*=col] > ul > li > a > .name.rtl {
  direction: rtl;
}
footer > .constraint div.country-selection > div[class*=col].expandable > .caption {
  font-weight: bold;
  margin-bottom: 22px;
}
html.rtl footer > .constraint div.country-selection > div[class*=col].expandable > .caption {
  font-size: 16px;
}
footer > .constraint div.country-selection > div[class*=col].expandable > ul {
  list-style-position: outside;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
html.rtl footer > .constraint div.country-selection > div[class*=col].expandable > ul {
  padding-left: 0;
  padding-right: 0;
}
html.rtl footer > .constraint div.country-selection > div[class*=col].expandable > ul {
  font-size: 15px;
}
footer > .constraint div.country-selection > div[class*=col].expandable > ul > li {
  line-height: 27px;
}
footer > .constraint div.country-selection > div[class*=col].expandable > ul > li > img {
  margin-left: 5px;
  margin-right: 5px;
}
html.rtl footer > .constraint div.country-selection > div[class*=col].expandable > ul > li > img {
  margin-left: 5px;
  margin-right: 5px;
}
footer > .constraint div.country-selection > div[class*=col].expandable > ul > li > a {
  display: inline-block;
  position: relative;
}
footer > .constraint div.country-selection > div[class*=col].expandable > ul > li > a:hover:after {
  content: ' ';
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 2px;
  left: 0;
  background: #FFF;
}
html.rtl footer > .constraint div.country-selection > div[class*=col].expandable > ul > li > a:hover:after {
  right: 0;
  left: auto;
}
footer > .constraint div.country-selection > div[class*=col].expandable > ul > li.more-trigger {
  font-weight: bold;
  cursor: pointer;
}
footer > .constraint div.country-selection > div[class*=col].expandable > ul > li.more-trigger.more-collapsed {
  display: none;
}
footer > .constraint div.country-selection > div[class*=col].expandable > ul > li.more-togglable.more-collapsed {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}
footer > .constraint div.country-selection > div[class*=col].expandable > ul > li.more-togglable {
  visibility: visible;
  display: list-item;
  opacity: 1;
  max-height: 100px;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
@media (max-width: 1226px) {
  footer > .constraint div.country-selection.grid {
    display: block;
  }
  footer > .constraint div.country-selection.grid > div[class*=col] {
    width: 100%;
    border-top: 1px solid #9B9B9B;
    border-bottom: 1px solid #9B9B9B;
    margin-top: -1px;
  }
  footer > .constraint div.country-selection.grid > div[class*=col] > .caption {
    position: relative;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  footer > .constraint div.country-selection.grid > div[class*=col] > .caption:after {
    content: ' ';
    background-image: url('/content/dam/englishtown/englishlive2016/arrow-down-solid-small.svg');
    background-position: right center;
    background-repeat: no-repeat;
    position: absolute;
    right: 2px;
    top: 0;
    height: 56px;
    width: 9px;
  }
  html.rtl footer > .constraint div.country-selection.grid > div[class*=col] > .caption:after {
    background-position: left center;
  }
  html.rtl footer > .constraint div.country-selection.grid > div[class*=col] > .caption:after {
    left: 2px;
    right: auto;
  }
  footer > .constraint div.country-selection.grid > div[class*=col] > ul {
    padding-bottom: 20px;
    display: none;
  }
  footer > .constraint div.country-selection.grid > div[class*=col] > ul > li.more-trigger {
    display: none;
  }
  footer > .constraint div.country-selection.grid > div[class*=col] > ul > li.more-togglable.more-collapsed {
    max-height: none;
    visibility: visible;
    opacity: 1;
  }
  footer > .constraint div.country-selection.grid > div[class*=col] > ul ~ .caption {
    border-top: 1px solid #9B9B9B;
  }
}
footer > .constraint .flag-icon {
  width: 16px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 10px;
}
html.rtl footer > .constraint .flag-icon {
  margin-left: 10px;
  margin-right: auto;
}
footer > .constraint .flag-icon:after {
  content: '';
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  width: 12px;
  background: rgba(255, 255, 255, 0.3);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100%), -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100%);
  height: 10px;
}
html.rtl footer > .constraint .flag-icon:after {
  right: 2px;
  left: auto;
}
footer > .constraint > div.country-selection.grid.hide {
  display: none;
}
footer > .constraint > div.country-selection.grid.hide .flag-icon {
  display: none;
  background-image: none;
}
footer > .constraint.social-icons--enabled {
  padding-bottom: 53px;
}
@media (max-width: 1226px) {
  footer > .constraint.social-icons--enabled {
    padding-bottom: 0;
  }
}
footer > .constraint.social-icons--centered {
  padding-bottom: 0;
}
footer > .constraint.social-icons--centered > ul.socials {
  position: static;
  margin: 0 auto;
  padding: 0;
  width: auto;
}
footer > .sprt {
  background-color: rgba(255, 255, 255, 0.3);
  height: 1px;
  line-height: 0;
  width: 95%;
  max-width: 1366px;
  margin-top: -20px;
  margin-bottom: -20px;
  margin-left: auto;
  margin-right: auto;
}
div.cookie-policy {
  display: none;
  color: #FFF;
  text-align: left;
  background-color: rgba(74, 144, 226, 0.96);
  overflow: hidden;
  position: fixed;
  left: 20px;
  right: auto;
  bottom: 20px;
  /* higher than navs*/
  z-index: 2;
}
html.rtl div.cookie-policy {
  text-align: right;
}
html.rtl div.cookie-policy {
  left: auto;
  right: 20px;
}
@media (max-width: 1226px) {
  div.cookie-policy {
    left: 0;
    right: 0;
    bottom: 0;
  }
  html.rtl div.cookie-policy {
    left: 0;
    right: 0;
  }
}
div.cookie-policy > .constraint {
  width: 304px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
}
html.rtl div.cookie-policy > .constraint {
  margin-left: 20px;
  margin-right: 20px;
}
@media (max-width: 1226px) {
  div.cookie-policy > .constraint {
    margin-top: 22px;
    margin-bottom: 22px;
    width: auto;
  }
}
div.cookie-policy > .constraint > .caption {
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
html.rtl div.cookie-policy > .constraint > .caption {
  font-weight: 700;
}
div.cookie-policy > .constraint > .desc {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1226px) {
  div.cookie-policy > .constraint > .desc {
    margin-right: 0;
  }
  html.rtl div.cookie-policy > .constraint > .desc {
    margin-left: 0;
    margin-right: auto;
  }
}
div.cookie-policy > .constraint > .desc a {
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
}
div.cookie-policy > .constraint > .desc p {
  margin: 0;
}
div.cookie-policy > .constraint > .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 19px;
  height: 19px;
  cursor: pointer;
  background-image: url('/content/dam/englishtown/englishlive2016/cross-white.svg');
  background-size: cover;
}
html.rtl div.cookie-policy > .constraint > .close {
  left: 0;
  right: auto;
}
.layer-shadow {
  position: relative;
}
.layer-shadow:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 130px 10px rgba(0, 0, 0, 0.5), 0 0 1000px 50vw rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 130px 10px rgba(0, 0, 0, 0.5), 0 0 1000px 50vw rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition: opacity .5s .5s;
  -o-transition: opacity .5s .5s;
  transition: opacity .5s .5s;
  z-index: -1;
}
html.rtl .layer-shadow:before {
  left: 0;
  right: 0;
}
.animatable .layer-shadow:before {
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}
.animatable.in .layer-shadow:before {
  opacity: 1;
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s;
}
.form-and-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFF;
  max-width: 1090px;
}
@media (min-width: 1227px) {
  .form-and-features *.hide-desktop {
    display: none;
  }
  .form-and-features *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  .form-and-features *.hide-mobile {
    display: none;
  }
  .form-and-features *.show-mobile {
    display: initial;
  }
}
.form-and-features > .column {
  width: 50%;
}
@media (max-width: 1226px) {
  .form-and-features > .column {
    width: 100%;
  }
}
.form-and-features > .features-column {
  background: #faf7f2;
}
.form-and-features > .features-column > .constraint {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 40px;
  margin-right: 40px;
}
html.rtl .form-and-features > .features-column > .constraint {
  margin-left: 40px;
  margin-right: 40px;
}
.form-and-features > .features-column > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.form-and-features > .features-column > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.form-and-features > .features-column > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.form-and-features > .features-column > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.form-and-features > .features-column > .constraint > .sprt-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 85%;
  font-family: Georgia, serif;
  font-style: italic;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #9B9B9B;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > .sprt-caption {
    width: 100%;
  }
}
.form-and-features > .features-column > .constraint > .sprt-caption > .bar {
  background: #9B9B9B;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.form-and-features > .features-column > .constraint > .sprt-caption > .text {
  margin-left: 32px;
  margin-right: 32px;
}
html.rtl .form-and-features > .features-column > .constraint > .sprt-caption > .text {
  margin-left: 32px;
  margin-right: 32px;
}
.form-and-features > .features-column > .constraint .sprt-caption {
  margin-top: 15px;
  margin-bottom: 15px;
}
.form-and-features > .features-column > .constraint > .brands {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.form-and-features > .features-column > .constraint > .brands.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-and-features > .features-column > .constraint > .brands.grid > .col-1-5 {
  width: 20%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .form-and-features > .features-column > .constraint > .brands.grid > .col-1-5 {
  margin-left: 0;
  margin-right: 0;
}
.form-and-features > .features-column > .constraint > .brands.grid > .col-2-5 {
  width: 40%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .form-and-features > .features-column > .constraint > .brands.grid > .col-2-5 {
  margin-left: 0;
  margin-right: 0;
}
.form-and-features > .features-column > .constraint > .brands.grid > .col-3-5 {
  width: 60%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .form-and-features > .features-column > .constraint > .brands.grid > .col-3-5 {
  margin-left: 0;
  margin-right: 0;
}
.form-and-features > .features-column > .constraint > .brands.grid > .col-4-5 {
  width: 80%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .form-and-features > .features-column > .constraint > .brands.grid > .col-4-5 {
  margin-left: 0;
  margin-right: 0;
}
.form-and-features > .features-column > .constraint > .brands.grid > .col-5-5 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .form-and-features > .features-column > .constraint > .brands.grid > .col-5-5 {
  margin-left: 0;
  margin-right: 0;
}
.form-and-features > .features-column > .constraint > .brands > div[class*=col] {
  text-align: center;
}
.form-and-features > .features-column > .constraint > .brands > div[class*=col] > img {
  max-width: 80%;
  vertical-align: middle;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > .brands.grid {
    width: 100%;
    display: block;
  }
  .form-and-features > .features-column > .constraint > .brands.grid > div[class*=col] {
    display: inline-block;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .form-and-features > .features-column > .constraint > .brands.grid > div[class*=col]:first-child {
    margin-left: 0;
  }
  html.rtl .form-and-features > .features-column > .constraint > .brands.grid > div[class*=col]:first-child {
    margin-right: 0;
    margin-left: auto;
  }
  .form-and-features > .features-column > .constraint > .brands.grid > div[class*=col]:last-child {
    margin-right: 0;
  }
  html.rtl .form-and-features > .features-column > .constraint > .brands.grid > div[class*=col]:last-child {
    margin-left: 0;
    margin-right: auto;
  }
  html.rtl .form-and-features > .features-column > .constraint > .brands.grid > div[class*=col] {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.form-and-features > .features-column > .constraint > .brands {
  width: 100%;
}
.form-and-features > .features-column > .constraint .li-has-image,
.form-and-features > .features-column > .constraint .li-has-indent {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl .form-and-features > .features-column > .constraint .li-has-image,
html.rtl .form-and-features > .features-column > .constraint .li-has-indent {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl .form-and-features > .features-column > .constraint .li-has-image,
html.rtl .form-and-features > .features-column > .constraint .li-has-indent {
  background-position: right top;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint .li-has-image,
  .form-and-features > .features-column > .constraint .li-has-indent {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl .form-and-features > .features-column > .constraint .li-has-image,
  html.rtl .form-and-features > .features-column > .constraint .li-has-indent {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl .form-and-features > .features-column > .constraint .li-has-image,
  html.rtl .form-and-features > .features-column > .constraint .li-has-indent {
    background-position: center top;
  }
}
.form-and-features > .features-column > .constraint .li-has-indent {
  min-height: 0;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint .li-has-indent {
    padding-top: 0;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet {
  text-align: left;
  list-style-type: none;
  list-style-position: inside !important;
  padding-left: 0;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet {
  text-align: right;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet {
    text-align: center;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet {
    text-align: center;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item),
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) {
  width: auto;
  margin-top: 26px;
  margin-bottom: 26px;
  padding-left: 0;
  position: relative;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item),
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item),
  .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) {
    min-height: 0;
    margin-left: auto;
    margin-right: auto;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item),
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) {
    margin-left: auto;
    margin-right: auto;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item):first-child,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item):first-child {
  margin-top: 0;
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item):last-child,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item):last-child {
  margin-bottom: 0;
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 98px;
  height: 98px;
  line-height: 98px;
  text-align: center;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .icon {
  right: 0;
  left: auto;
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon > img,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .icon > img {
  vertical-align: middle;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .icon {
    left: 0;
    right: 0;
    width: 100%;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .icon {
    right: 0;
    left: auto;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .icon,
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .icon {
    left: 0;
    right: auto;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .caption {
  display: block;
  font-family: Roboto;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .caption {
  font-weight: 700;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .caption {
  text-align: right;
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--light,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .caption .bullet--light {
  font-weight: 300;
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--highlight,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .caption .bullet--highlight {
  color: #FC1784;
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--heavy,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .caption .bullet--heavy {
  font-weight: 700;
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption .bullet--heavy-large,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .caption .bullet--heavy-large {
  font-weight: 700;
  font-size: 22px;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
  .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .caption {
    text-align: center;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .caption,
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .caption {
    text-align: center;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc {
  display: block;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc {
  text-align: right;
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc ul,
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc ol {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
  list-style-position: outside;
  display: inline-block;
  text-align: left;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc ul,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc ol {
  margin-left: auto;
  margin-right: auto;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc ul,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc ol {
  padding-right: 1.5em;
  padding-left: 0;
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ul > li,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc ul > li,
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc ol > li,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc ol > li {
  list-style-type: disc;
  margin: .5em auto;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
  .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc {
    text-align: center;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item) > .desc,
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item) > .desc {
    text-align: center;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item).desc-alignment--middle > .desc,
.form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item).desc-alignment--middle > .desc {
  min-height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1227px) {
  .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li:not(.feature-item).desc-alignment--middle > .desc,
  .form-and-features > .features-column > .constraint > ul.bullet > li:not(.feature-item).desc-alignment--middle > .desc {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet > ul.feature-item-container {
  display: inline-block;
  text-align: left;
  padding: 0;
  /* neutralise the that non-collapsing margin introduce by inline-block */
  margin-top: -0.8em;
  margin-bottom: -0.8em;
}
.form-and-features > .features-column > .constraint > ul.bullet > ul.feature-item-container > li.feature-item {
  max-width: 486px;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet > ul.feature-item-container > li.feature-item {
    max-width: none;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet > li.feature-item {
  max-width: 486px;
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet > li.feature-item {
    max-width: none;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li.has-image,
.form-and-features > .features-column > .constraint > ul.bullet > li.has-image {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li.has-image,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li.has-image {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li.has-image,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li.has-image {
  background-position: right top;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li.has-image,
  .form-and-features > .features-column > .constraint > ul.bullet > li.has-image {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li.has-image,
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li.has-image {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-item > li.has-image,
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li.has-image {
    background-position: center top;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
.form-and-features > .features-column > .constraint > ul.bullet > li.has-indent {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
  min-height: 0;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li.has-indent {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li.has-indent {
  background-position: right top;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
  .form-and-features > .features-column > .constraint > ul.bullet > li.has-indent {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li.has-indent {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet > li.has-indent {
    background-position: center top;
  }
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet > div.bullet-indent > li.has-indent,
  .form-and-features > .features-column > .constraint > ul.bullet > li.has-indent {
    padding-top: 0;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--font-size--body-copy-smaller > div.bullet-item > li:not(.feature-item) > .desc,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--font-size--body-copy-smaller > li:not(.feature-item) > .desc {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--font-size--body-copy-larger > div.bullet-item > li:not(.feature-item) > .desc,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--font-size--body-copy-larger > li:not(.feature-item) > .desc {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image > li {
  min-height: 97px;
  max-width: 364px;
  padding-left: 123px;
  background-repeat: no-repeat;
  background-position: left top;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet.bullet--image > li {
  padding-right: 123px;
  padding-left: 0;
}
html.rtl .form-and-features > .features-column > .constraint > ul.bullet.bullet--image > li {
  background-position: right top;
}
@media (max-width: 1226px) {
  .form-and-features > .features-column > .constraint > ul.bullet.bullet--image > li {
    min-height: 0;
    padding-left: 0;
    padding-top: 120px;
    background-position: center top;
    width: 100%;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet.bullet--image > li {
    padding-right: 0;
    padding-left: 0;
  }
  html.rtl .form-and-features > .features-column > .constraint > ul.bullet.bullet--image > li {
    background-position: center top;
  }
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--yellow > div.bullet-item > li,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--yellow > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-yellow.svg');
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--yellow > div.bullet-item > li.has-image,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--yellow > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-yellow.svg');
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--purple > div.bullet-item > li,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--purple > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-purple.svg');
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--purple > div.bullet-item > li.has-image,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--purple > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-purple.svg');
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--green > div.bullet-item > li,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--green > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-green.svg');
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--green > div.bullet-item > li.has-image,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--green > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-green.svg');
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--light-blue > div.bullet-item > li,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--light-blue > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-light-blue.svg');
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--light-blue > div.bullet-item > li.has-image,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--light-blue > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-light-blue.svg');
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--white > div.bullet-item > li,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--image.bullet--white > li {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-white.svg');
}
.form-and-features > .features-column > .constraint > ul.bullet.bullet--white > div.bullet-item > li.has-image,
.form-and-features > .features-column > .constraint > ul.bullet.bullet--white > li.has-image {
  background-image: url('/content/dam/englishtown/englishlive2016/circle-white.svg');
}
@media (max-width: 1226px) {
  .form-and-features > .form-column {
    max-height: 100vh;
    overflow-y: scroll;
  }
}
.form-and-features > .form-column > .constraint {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 40px;
  margin-right: 40px;
}
.form-and-features > .form-column > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.form-and-features > .form-column > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .form-and-features > .form-column > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.form-and-features > .form-column > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .form-and-features > .form-column > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.form-and-features > .form-column > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .form-and-features > .form-column > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.form-and-features > .form-column > .constraint > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl .form-and-features > .form-column > .constraint > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .form-and-features > .form-column > .constraint > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.form-and-features > .form-column > .constraint > .desc {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
html.rtl .form-and-features > .form-column > .constraint > .desc {
  margin-left: 0;
  margin-right: 0;
}
html.rtl .form-and-features > .form-column > .constraint {
  margin-left: 40px;
  margin-right: 40px;
}
@media (max-width: 1226px) {
  .form-and-features > .form-column > .constraint > .caption {
    margin-top: -50px;
    margin-left: -40px;
    margin-right: -40px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
    background: #faf7f2;
  }
  html.rtl .form-and-features > .form-column > .constraint > .caption {
    margin-left: -40px;
    margin-right: -40px;
  }
  html.rtl .form-and-features > .form-column > .constraint > .caption {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.form-and-features > .form-column > .constraint > .form-submit {
  margin: 2em auto;
  text-align: center;
}
.form-and-features > .close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 19px;
  height: 19px;
  cursor: pointer;
  background-image: url('/content/dam/englishtown/englishlive2016/cross-gray.svg');
  background-size: cover;
}
html.rtl .form-and-features > .close {
  left: 10px;
  right: auto;
}
@media (max-width: 1226px) {
  .device-ios .form-and-features > .form-column {
    max-height: none;
    overflow-y: visible;
  }
}
html.wcmmode-edit .form-and-features,
html.wcmmode-design .form-and-features {
  max-width: none;
  width: 100%;
}
html.wcmmode-edit .form-and-features > .features-column,
html.wcmmode-design .form-and-features > .features-column {
  display: block !important;
}
.message-panel {
  color: #FFF;
  background-color: #1EC756;
  text-align: left;
  height: 0;
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: 2;
}
html.rtl .message-panel {
  text-align: right;
}
.message-panel > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1em;
  padding-bottom: 1em;
  font-weight: 300;
  position: relative;
}
@media (max-width: 1226px) {
  .message-panel > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl .message-panel > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
.message-panel > .constraint > .the.message {
  margin-right: 30px;
}
html.rtl .message-panel > .constraint > .the.message {
  margin-left: 30px;
  margin-right: auto;
}
.message-panel > .constraint > .the.message b {
  font-weight: 400;
}
.message-panel > .constraint > .close {
  background-image: url('/content/dam/englishtown/englishlive2016/cross.svg');
  height: 18px;
  width: 18px;
  content: ' ';
  position: absolute;
  top: 17px;
  right: 0;
  cursor: pointer;
}
html.rtl .message-panel > .constraint > .close {
  left: 0;
  right: auto;
}
html.wcmmode-edit .message-panel,
html.wcmmode-design .message-panel {
  height: auto;
  position: static;
}
section.narrow-wrapper {
  background-color: #faf7f2;
  width: 100%;
}
section.narrow-wrapper:before,
section.narrow-wrapper:after {
  display: table;
  clear: both;
  content: " ";
}
section.narrow-wrapper > .inner {
  margin: 80px 0;
}
@media (max-width: 1226px) {
  section.narrow-wrapper > .inner {
    margin: 50px 0;
  }
}
section.narrow-wrapper > .inner > .center-panel {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  background-color: #FFF;
  overflow: hidden;
}
section.narrow-wrapper > .inner > .center-panel > .inner > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.narrow-wrapper > .inner > .center-panel > .inner > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.narrow-wrapper > .inner > .center-panel > .inner > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.narrow-wrapper > .inner > .center-panel > .inner > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.narrow-wrapper > .inner > .center-panel > .inner > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.narrow-wrapper > .inner > .center-panel > .inner > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.narrow-wrapper > .inner > .center-panel > .inner > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
html.rtl section.narrow-wrapper > .inner > .center-panel {
  margin-left: auto;
  margin-right: auto;
}
section.narrow-wrapper > .inner > .bottom-panel {
  font-size: 16px;
  letter-spacing: 0.5px;
  margin-top: 26px;
  margin-bottom: 26px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.rtl section.narrow-wrapper > .inner > .bottom-panel {
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.narrow-wrapper > .inner > .bottom-panel {
  text-align: center;
}
section.narrow-wrapper.checkout-wrapper > .inner > .center-panel {
  max-width: 764px;
}
/* This is to be removed when all login page switched to full frame*/
section.narrow-wrapper.narrow-wrapper--not-full-frame > .inner > .center-panel > .inner {
  max-width: 330px;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
html.rtl section.narrow-wrapper.narrow-wrapper--not-full-frame > .inner > .center-panel > .inner {
  margin-left: auto;
  margin-right: auto;
}
section.narrow-wrapper.narrow-wrapper--not-full-frame > .inner > .center-panel > .inner > .text a {
  color: #AFAFAF;
  text-decoration: none;
}
section.narrow-wrapper.narrow-wrapper--not-full-frame > .inner > .center-panel > .inner form > .alert {
  color: #ff0054;
}
section.narrow-wrapper.narrow-wrapper--not-full-frame > .inner > .bottom-panel > .text a {
  text-decoration: none;
  color: #FC1784;
}
#CQ .narrow-wrapper--bottom-panel-text,
html .narrow-wrapper--bottom-panel-text {
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #000;
}
#CQ .narrow-wrapper--bottom-panel-link,
html .narrow-wrapper--bottom-panel-link {
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #000;
  font-weight: bolder;
}
#CQ .narrow-wrapper--bottom-panel-link > a,
html .narrow-wrapper--bottom-panel-link > a {
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #000;
  font-weight: bolder;
  text-decoration: none;
}
#CQ .narrow-wrapper--bottom-panel-copyright,
html .narrow-wrapper--bottom-panel-copyright {
  font-size: 12px;
  font-family: Georgia, serif;
  font-style: italic;
  text-align: center;
  line-height: 17px;
  letter-spacing: 0;
}
html.rtl #CQ .narrow-wrapper--bottom-panel-copyright,
html.rtl html .narrow-wrapper--bottom-panel-copyright {
  font-size: 12px;
  font-style: normal;
}
ul.feature-item-container {
  position: relative;
}
ul.feature-item-container.feature-item-container--compact > li.feature-item {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
ul.feature-item-container.feature-item-container--compact > li.prominent.feature-item {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}
ul.feature-item-container.feature-item-container--font-size--body-copy-regular > li.feature-item {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.has-tooltip [data-tip] > .tooltip {
  width: 382px;
  position: absolute;
  top: calc(100% + 10px);
  z-index: 1;
  cursor: default;
}
@media (max-width: 1226px) {
  .has-tooltip [data-tip] > .tooltip {
    width: calc(100vw - 120px);
  }
}
.has-tooltip [data-tip] > .tooltip > .tooltip--pad {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 12px;
}
.has-tooltip [data-tip] > .tooltip > .tooltip--visual {
  visibility: hidden;
  overflow: hidden;
  display: inline-block;
  pointer-events: all;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #FFF;
  background-color: #333333;
  -webkit-box-shadow: 0 14px 23px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 14px 23px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.2s ease-in;
  transition: visibility 0s 0.4s, -webkit-transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in, visibility 0s 0.4s;
  transition: transform 0.2s ease-in, visibility 0s 0.4s;
  transition: transform 0.2s ease-in, visibility 0s 0.4s, -webkit-transform 0.2s ease-in;
}
.has-tooltip [data-tip] > .tooltip > .tooltip--visual > .tooltip--arrow {
  content: ' ';
  height: 17px;
  width: 17px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  background-color: #333333;
  visibility: hidden;
  -webkit-transition: top 0.1s 0s ease-in, visibility 0s 0.1s;
  -o-transition: top 0.1s 0s ease-in, visibility 0s 0.1s;
  transition: top 0.1s 0s ease-in, visibility 0s 0.1s;
}
.has-tooltip [data-tip] > .tooltip > .tooltip--visual > .tooltip--text {
  margin: 18px 25px;
}
.has-tooltip [data-tip] > .tooltip.active > .tooltip--visual {
  visibility: visible;
  overflow: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  transition: -webkit-transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  -o-transition: transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  transition: transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  transition: transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76), -webkit-transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
}
.has-tooltip [data-tip] > .tooltip.active > .tooltip--visual > .tooltip--arrow {
  visibility: visible;
  top: -6px;
  -webkit-transition: top 0.2s 0.3s ease-in, visibility 0s 0.4s;
  -o-transition: top 0.2s 0.3s ease-in, visibility 0s 0.4s;
  transition: top 0.2s 0.3s ease-in, visibility 0s 0.4s;
}
.has-feature-item-highline-style .context-aware-editor-tag-p [data-tip] {
  position: relative;
  color: #1EC756;
}
.has-feature-item-highline-style .context-aware-editor-tag-p [data-tip]:after {
  content: ' ';
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  border-top: 1px dashed #1EC756;
}
li.feature-item {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  text-align: left;
  list-style-position: inside;
  list-style-type: none;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.5em;
}
html.rtl li.feature-item {
  text-align: right;
}
html.rtl li.feature-item {
  padding-right: 1.5em;
  padding-left: 0;
}
li.feature-item > .content .context-aware-editor-tag-p [data-tip] {
  position: relative;
  color: #1EC756;
}
li.feature-item > .content .context-aware-editor-tag-p [data-tip]:after {
  content: ' ';
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  border-top: 1px dashed #1EC756;
}
li.feature-item > .content > .context-aware-editor-tag-p [data-tip] {
  cursor: pointer;
}
li.feature-item > .content > .context-aware-editor-tag-p [data-tip] > .tooltip {
  width: 382px;
  position: absolute;
  top: calc(100% + 10px);
  z-index: 1;
  cursor: default;
}
@media (max-width: 1226px) {
  li.feature-item > .content > .context-aware-editor-tag-p [data-tip] > .tooltip {
    width: calc(100vw - 120px);
  }
}
li.feature-item > .content > .context-aware-editor-tag-p [data-tip] > .tooltip > .tooltip--pad {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 12px;
}
li.feature-item > .content > .context-aware-editor-tag-p [data-tip] > .tooltip > .tooltip--visual {
  visibility: hidden;
  overflow: hidden;
  display: inline-block;
  pointer-events: all;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #FFF;
  background-color: #333333;
  -webkit-box-shadow: 0 14px 23px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 14px 23px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: visibility 0s 0.4s, -webkit-transform 0.2s ease-in;
  transition: visibility 0s 0.4s, -webkit-transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in, visibility 0s 0.4s;
  transition: transform 0.2s ease-in, visibility 0s 0.4s;
  transition: transform 0.2s ease-in, visibility 0s 0.4s, -webkit-transform 0.2s ease-in;
}
li.feature-item > .content > .context-aware-editor-tag-p [data-tip] > .tooltip > .tooltip--visual > .tooltip--arrow {
  content: ' ';
  height: 17px;
  width: 17px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  background-color: #333333;
  visibility: hidden;
  -webkit-transition: top 0.1s 0s ease-in, visibility 0s 0.1s;
  -o-transition: top 0.1s 0s ease-in, visibility 0s 0.1s;
  transition: top 0.1s 0s ease-in, visibility 0s 0.1s;
}
li.feature-item > .content > .context-aware-editor-tag-p [data-tip] > .tooltip > .tooltip--visual > .tooltip--text {
  margin: 18px 25px;
}
li.feature-item > .content > .context-aware-editor-tag-p [data-tip] > .tooltip.active > .tooltip--visual {
  visibility: visible;
  overflow: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  transition: -webkit-transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  -o-transition: transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  transition: transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
  transition: transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76), -webkit-transform 0.3s cubic-bezier(0.9, 1.56, 0.61, 0.76);
}
li.feature-item > .content > .context-aware-editor-tag-p [data-tip] > .tooltip.active > .tooltip--visual > .tooltip--arrow {
  visibility: visible;
  top: -6px;
  -webkit-transition: top 0.2s 0.3s ease-in, visibility 0s 0.4s;
  -o-transition: top 0.2s 0.3s ease-in, visibility 0s 0.4s;
  transition: top 0.2s 0.3s ease-in, visibility 0s 0.4s;
}
li.tick.feature-item {
  background-image: url('/content/dam/englishtown/englishlive2016/tick-green.svg');
  background-repeat: no-repeat;
  background-position: left 5px;
}
html.rtl li.tick.feature-item {
  background-position: right 5px;
}
li.plus-highlight.feature-item {
  background-image: url('/content/dam/englishtown/englishlive2016/plus-highlight.svg');
  background-repeat: no-repeat;
  background-position: left 5px;
  color: #FC1784;
}
html.rtl li.plus-highlight.feature-item {
  background-position: right 5px;
}
li.cross.feature-item {
  background-image: url('/content/dam/englishtown/englishlive2016/cross-gray.svg');
  background-repeat: no-repeat;
  background-position: left 5px;
  color: #9B9B9B;
}
html.rtl li.cross.feature-item {
  background-position: right 5px;
}
li.dot.feature-item {
  background-image: none;
}
li.dot.feature-item:before {
  content: '•';
  position: absolute;
  left: 0;
  display: block;
  font-size: 26px;
  vertical-align: middle;
  margin-left: 6px;
  margin-right: 10px;
}
html.rtl li.dot.feature-item:before {
  right: 0;
  left: auto;
}
html.rtl li.dot.feature-item:before {
  margin-left: 10px;
  margin-right: 6px;
}
li.icon-removed.feature-item {
  padding-left: 0;
}
html.rtl li.icon-removed.feature-item {
  padding-right: 0;
  padding-left: 0;
}
li.prominent.feature-item {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
#CQ .context-aware-editor-tag-p [data-tip] {
  position: relative;
  color: #1EC756;
}
#CQ .context-aware-editor-tag-p [data-tip]:after {
  content: ' ';
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  border-top: 1px dashed #1EC756;
}
.popup-offer-and-form {
  max-width: 800px;
}
.popup-offer-and-form .popup-offer-and-form-content {
  position: relative;
  border: 1px solid transparent;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > .col-1-2 {
  width: 50%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > .col-1-2 {
  margin-left: 0;
  margin-right: 0;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > .col-2-2 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
html.rtl .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > .col-2-2 {
  margin-left: 0;
  margin-right: 0;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid {
  background-color: #FFF;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] {
  width: auto;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] h1,
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] h2,
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] h3 {
  text-align: center;
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
@media (min-width: 1227px) {
  .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] h1,
  .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] h2,
  .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] h3 {
    text-align: left;
  }
  html.rtl .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] h1,
  html.rtl .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] h2,
  html.rtl .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] h3 {
    text-align: right;
  }
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset {
  background: #F8F8F8;
  width: 100%;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset:before,
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 1227px) {
  .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset {
    width: 375px;
  }
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner {
  margin: 20px;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header {
  background-color: #FC1784;
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  margin-bottom: 20px;
}
html.rtl .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header {
  margin-left: -20px;
  margin-right: -20px;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header:before,
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header:after {
  display: table;
  clear: both;
  content: " ";
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header > .inner {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header > .inner {
  margin-left: 20px;
  margin-right: 20px;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header > .inner > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #FFF;
  text-align: center;
}
@media (max-width: 1226px) {
  .popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header > .inner > .caption {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header > .inner > .pointer {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header > .inner > .pointer .pointy-header-svg {
  fill: #FC1784;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header > .inner > .pointer > svg {
  widht: 28px;
  height: 14px;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header.spearmintgreen {
  background-color: #D3F0F0;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header.spearmintgreen > .inner > .caption {
  color: black;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .pointy-header.spearmintgreen > .inner > .pointer .pointy-header-svg {
  fill: #D3F0F0;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .formset-caption {
  margin: .8em 0;
  line-height: 1.2em;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .formset-sub-text {
  color: #414141;
  margin: .6em 0;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .formset-button {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .disclaimer {
  margin: 1em auto;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #333333;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col] > .formset > .inner > .post-script {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #AFAFAF;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col]:first-child {
  width: 450px;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col]:first-child > img {
  display: block;
}
.popup-offer-and-form .popup-offer-and-form-content > .popup-offer-and-form-content-inner.grid > div[class*=col]:last-child {
  background-color: #F8F8F8;
}
html.edit .popup-offer-and-form,
html.design .popup-offer-and-form {
  max-width: none;
}
html.edit .popup-offer-and-form:before,
html.design .popup-offer-and-form:before {
  content: 'Popup with offer and form';
  display: block;
  background: #fc3;
  color: #FFF;
  padding: 5px;
}
html.edit .popup-offer-and-form > .popup-offer-and-form:before,
html.design .popup-offer-and-form > .popup-offer-and-form:before {
  display: none;
}
html.edit .popup-offer-and-form > .layer.parbase:before,
html.design .popup-offer-and-form > .layer.parbase:before {
  content: '';
}
html.edit .popup-offer-and-form > .layer.parbase > div > .alert,
html.design .popup-offer-and-form > .layer.parbase > div > .alert {
  display: none;
}
.sitemap li,
.sitemap a {
  color: #000;
  text-align: left;
}
html.rtl .sitemap li,
html.rtl .sitemap a {
  text-align: right;
}
.sitemap a {
  text-decoration: none;
}
.sitemap a:hover {
  text-decoration: underline;
}
.sitemap li {
  line-height: 1.5em;
}
section.chart-result-and-certificate {
  position: relative;
  z-index: 1;
}
section.chart-result-and-certificate .table-border {
  border: 1px solid #d7d7d7;
}
section.chart-result-and-certificate .cell-padding {
  padding: 1em 10px;
}
section.chart-result-and-certificate h1,
section.chart-result-and-certificate h2,
section.chart-result-and-certificate h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.chart-result-and-certificate > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.chart-result-and-certificate > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.chart-result-and-certificate > .constraint *.hide-desktop {
    display: none;
  }
  section.chart-result-and-certificate > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint *.hide-mobile {
    display: none;
  }
  section.chart-result-and-certificate > .constraint *.show-mobile {
    display: initial;
  }
}
section.chart-result-and-certificate > .constraint.main {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F8F8F9;
  overflow: hidden;
  margin-bottom: 25px;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.chart-result-and-certificate > .constraint.main {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner {
  margin: 98px;
  text-align: center;
}
section.chart-result-and-certificate > .constraint.main > .inner > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.chart-result-and-certificate > .constraint.main > .inner > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .caption {
    width: auto;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .sprt {
  display: block;
  height: 1px;
  width: 78px;
  background: #C8C8C8;
  margin: 2em auto;
  border: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1227px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .desc {
    width: 70%;
  }
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner {
    margin: 20px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > .caption {
    width: auto;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > .desc {
  width: 50%;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > .desc {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > .desc {
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > .caption {
  margin: .5em auto;
  font-weight: bold;
  max-width: 700px;
}
section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > .desc {
  margin: .5em auto;
  width: auto;
  max-width: 700px;
  min-height: 60px;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .column-detail > .desc {
    min-height: 110px;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .mobile-cert-logo {
  display: none;
  text-align: center;
  height: 0;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > .mobile-cert-logo {
    display: block;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > .mobile-cert-logo > img {
  position: relative;
  width: 80px;
  top: 20px;
  z-index: 1;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates {
  border-collapse: collapse;
  background-color: white;
  table-layout: fixed;
  width: 100%;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  /* reserve gap for graph */
  margin-top: 277px;
  border: 1px solid #d7d7d7;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates {
    border: none;
    background-color: transparent;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > th {
  text-align: left;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > th > .chart-result-and-certificate__cert-image {
  position: absolute;
  bottom: calc(100% + 50px);
  left: 10%;
  z-index: 1;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > th {
    display: none;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th {
  border: 1px solid #d7d7d7;
  padding: 1em 10px;
  position: relative;
  background-color: #faf7f2;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td,
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th {
    border: none;
    padding: 0;
    background-color: transparent;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid {
  position: absolute;
  left: 2px;
  right: 1px;
  bottom: calc(100% + 25px);
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-1-3,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-1-3 {
  width: calc((100% -  8px ) /  3  *  1  +  0  *  4px );
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-1-3,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-1-3 {
  margin-left: 2px;
  margin-right: 2px;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-1-3,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-1-3 {
  margin-right: 2px;
  margin-left: auto;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-1-3,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-1-3 {
  margin-left: 2px;
  margin-right: auto;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-1-3:first-child,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-1-3:first-child {
  margin-left: 0;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-1-3:first-child,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-1-3:first-child {
  margin-right: 0;
  margin-left: auto;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-1-3:last-child,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-1-3:last-child {
  margin-right: 0;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-1-3:last-child,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-1-3:last-child {
  margin-left: 0;
  margin-right: auto;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-2-3,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-2-3 {
  width: calc((100% -  8px ) /  3  *  2  +  1  *  4px );
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-2-3,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-2-3 {
  margin-left: 2px;
  margin-right: 2px;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-2-3,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-2-3 {
  margin-right: 2px;
  margin-left: auto;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-2-3,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-2-3 {
  margin-left: 2px;
  margin-right: auto;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-2-3:first-child,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-2-3:first-child {
  margin-left: 0;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-2-3:first-child,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-2-3:first-child {
  margin-right: 0;
  margin-left: auto;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-2-3:last-child,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-2-3:last-child {
  margin-right: 0;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-2-3:last-child,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-2-3:last-child {
  margin-left: 0;
  margin-right: auto;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-3-3,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-3-3 {
  width: calc((100% -  8px ) /  3  *  3  +  2  *  4px );
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-3-3,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-3-3 {
  margin-left: 2px;
  margin-right: 2px;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-3-3,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-3-3 {
  margin-right: 2px;
  margin-left: auto;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-3-3,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-3-3 {
  margin-left: 2px;
  margin-right: auto;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-3-3:first-child,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-3-3:first-child {
  margin-left: 0;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-3-3:first-child,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-3-3:first-child {
  margin-right: 0;
  margin-left: auto;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-3-3:last-child,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-3-3:last-child {
  margin-right: 0;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid.grid > .col-3-3:last-child,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid.grid > .col-3-3:last-child {
  margin-left: 0;
  margin-right: auto;
}
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid,
html.rtl section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid {
  left: 1px;
  right: 2px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid > .col,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid > .col {
  height: 192px;
  background-color: #ECECED;
  position: relative;
  /* weight default style */
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid > .col:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid > .col:before {
  content: ' ';
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid > .col:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid > .col:after {
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 36px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid > .col:after,
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .grid > .col:after {
    font-size: 2vw;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-1:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-1:before {
  height: 12px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-2:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-2:before {
  height: 24px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-3:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-3:before {
  height: 36px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-4:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-4:before {
  height: 48px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-5:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-5:before {
  height: 60px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-6:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-6:before {
  height: 72px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-7:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-7:before {
  height: 84px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-8:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-8:before {
  height: 96px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-9:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-9:before {
  height: 108px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-10:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-10:before {
  height: 120px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-11:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-11:before {
  height: 132px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-12:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-12:before {
  height: 144px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-13:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-13:before {
  height: 156px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-14:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-14:before {
  height: 168px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-15:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-15:before {
  height: 180px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .weight-16:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .weight-16:before {
  height: 192px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-1:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-1:after {
  content: '1';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-2:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-2:after {
  content: '2';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-3:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-3:after {
  content: '3';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-4:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-4:after {
  content: '4';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-5:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-5:after {
  content: '5';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-6:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-6:after {
  content: '6';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-7:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-7:after {
  content: '7';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-8:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-8:after {
  content: '8';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-9:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-9:after {
  content: '9';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-10:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-10:after {
  content: '10';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-11:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-11:after {
  content: '11';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-12:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-12:after {
  content: '12';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-13:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-13:after {
  content: '13';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-14:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-14:after {
  content: '14';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-15:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-15:after {
  content: '15';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .index-16:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .index-16:after {
  content: '16';
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td .grid.in-view > .col:after,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th .grid.in-view > .col:after {
  opacity: 1;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .details,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr th > .details {
  display: none;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td {
  width: 117px;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td:before {
  content: ' ';
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td > .grid > .col:before {
  background-color: #50E3C2;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td:before {
  background-color: #50E3C2;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td {
    width: 18.6%;
    font-size: 3vw;
    line-height: 4vw;
  }
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td:before {
    opacity: 1;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td:last-child {
  width: 25px;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td:last-child {
    width: 6.2%;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.hover:before {
  opacity: 1;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-blush > .grid > .col:before {
  background-color: #F4719F;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-blush:before {
  background-color: #F4719F;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-mauve > .grid > .col:before {
  background-color: #D1B6F1;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-mauve:before {
  background-color: #D1B6F1;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-amber > .grid > .col:before {
  background-color: #F7B93F;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-amber:before {
  background-color: #F7B93F;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-azure > .grid > .col:before {
  background-color: #97C0F2;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-azure:before {
  background-color: #97C0F2;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-lavender > .grid > .col:before {
  background-color: #8A6FB0;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > thead > tr > td.color-lavender:before {
  background-color: #8A6FB0;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody {
  color: #9B9B9B;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody {
    display: none;
  }
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr > th {
  text-align: left;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr > td,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr th {
  border: 1px solid #d7d7d7;
  padding: 1em 10px;
  font-weight: 300;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr > td:empty:before,
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr th:empty:before {
  content: '-';
  display: inline;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr td {
  -webkit-transition: background-color, 0.5s;
  -o-transition: background-color, 0.5s;
  transition: background-color, 0.5s;
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr td.hover {
  background-color: rgba(80, 227, 194, 0.1);
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr > td.color-blush.hover {
  background-color: rgba(244, 113, 159, 0.1);
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr > td.color-mauve.hover {
  background-color: rgba(209, 182, 241, 0.1);
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr > td.color-amber.hover {
  background-color: rgba(247, 185, 63, 0.1);
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr > td.color-azure.hover {
  background-color: rgba(151, 192, 242, 0.1);
}
section.chart-result-and-certificate > .constraint.main > .inner > table.chart-result-and-certificate__certificates > tbody > tr > td.color-lavender.hover {
  background-color: rgba(138, 111, 176, 0.1);
}
section.chart-result-and-certificate > .constraint.nagging {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  background-color: transparent;
  margin-top: 25px;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  text-align: center;
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.nagging {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.chart-result-and-certificate > .constraint.nagging {
    margin-left: 28px;
    margin-right: 28px;
  }
}
@media (max-width: 1226px) {
  section.chart-result-and-certificate > .constraint.nagging {
    max-width: none;
  }
}
section.chart-result-and-certificate.disable-greybox > .constraint.main {
  overflow: visible;
  background: transparent;
}
section.chart-result-and-certificate.disable-greybox > .constraint.main > .inner {
  margin-top: 0px;
  margin-bottom: 30px;
}
.breadcrumb {
  position: absolute;
  top: -45px;
  font-size: 10px;
}
html.rtl .breadcrumb {
  font-size: 12px;
}
@media (max-width: 1226px) {
  .breadcrumb {
    display: none;
  }
}
.breadcrumb > .item {
  display: inline-block;
  text-decoration: underline;
  vertical-align: middle;
}
.breadcrumb > .item > a,
.breadcrumb > .item > a:hover,
.breadcrumb > .item > a:visited,
.breadcrumb > .item > a:focus {
  color: #FFF;
  text-decoration: none;
}
.breadcrumb > .item:last-child {
  text-decoration: none;
  font-weight: 400;
}
.breadcrumb > .delimiter {
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
}
.breadcrumb > .delimiter > .icon.icon--arrow {
  width: 4px;
  height: 7px;
  display: block;
}
html.rtl .breadcrumb > .delimiter > .icon.icon--arrow {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.lightbox > .layer > div > .layerContent > .backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 40px;
  background-color: transparent;
  -webkit-transition: background-color 0.5s 0;
  -o-transition: background-color 0.5s 0;
  transition: background-color 0.5s 0;
  z-index: 2;
}
.lightbox > .layer > div > .layerContent > .backdrop.backdrop--focused {
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}
.lightbox > .layer > div > .layerContent > .close {
  position: absolute;
  right: -30px;
  top: -30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url('/content/dam/englishtown/englishlive2016/cross-white.svg');
  background-size: cover;
}
html.rtl .lightbox > .layer > div > .layerContent > .close {
  left: -30px;
  right: auto;
}
@media (max-width: 1226px) {
  .lightbox > .layer > div > .layerContent > .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url('/content/dam/englishtown/englishlive2016/cross-white.svg');
    background-size: cover;
  }
  html.rtl .lightbox > .layer > div > .layerContent > .close {
    left: 10px;
    right: auto;
  }
  .lightbox > .layer > div > .layerContent > .close {
    z-index: 3;
  }
}
html.edit .lightbox,
html.design .lightbox {
  max-width: none;
}
html.edit .lightbox:before,
html.design .lightbox:before {
  content: '2016 Lightbox';
  display: block;
  background: #fc3;
  color: #FFF;
  padding: 5px;
}
html.edit .lightbox > .lightbox:before,
html.design .lightbox > .lightbox:before {
  display: none;
}
html.edit .lightbox > .layer.parbase:before,
html.design .lightbox > .layer.parbase:before {
  content: '';
}
html.edit .lightbox > .layer.parbase > div > .alert,
html.design .lightbox > .layer.parbase > div > .alert {
  display: none;
}
.button-play {
  position: relative;
  cursor: pointer;
}
@media (max-width: 1226px) {
  .button-play > .image {
    max-width: 100%;
  }
}
.button-play > .indicator {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.button-play > .indicator > svg > circle {
  -webkit-transition: fill .3s 0s;
  -o-transition: fill .3s 0s;
  transition: fill .3s 0s;
}
.button-play > .indicator > svg > polygon {
  -webkit-transition: fill .3s 0s;
  -o-transition: fill .3s 0s;
  transition: fill .3s 0s;
}
.button-play:hover > .indicator > svg > circle {
  fill: #E6E6E6;
}
.button-play:hover > .indicator > svg > polygon {
  fill: #D80076;
}
.login-panel {
  max-width: 330px;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.rtl .login-panel {
  margin-left: auto;
  margin-right: auto;
}
.login-panel > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .login-panel > .caption {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.login-panel > .description {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin: 25px auto 40px auto;
}
.login-panel > .login-area {
  margin: 40px auto;
}
.login-panel > .login-area > .form.component {
  margin: 24px auto;
}
.login-panel > .login-area > .forgotten-password {
  margin: 14px auto;
}
.login-panel > .do-not-have-account {
  margin: 27px auto;
}
html.wcmmode-edit .login-panel {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  width: 60%;
  max-width: none;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 20%;
  padding-right: 20%;
}
html.rtl html.wcmmode-edit .login-panel {
  margin-left: 0;
  margin-right: 0;
}
html.rtl html.wcmmode-edit .login-panel {
  padding-left: 20%;
  padding-right: 20%;
}
#CQ .login-panel--horizontal-line,
body .login-panel--horizontal-line {
  margin: 1.2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #818181;
  height: 1em;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
#CQ .login-panel--horizontal-line:before,
body .login-panel--horizontal-line:before,
#CQ .login-panel--horizontal-line:after,
body .login-panel--horizontal-line:after {
  display: inline-block;
  content: ' ';
  height: 1px;
  overflow: hidden;
  background-color: #000;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
}
#CQ .login-panel--horizontal-line:before,
body .login-panel--horizontal-line:before {
  margin-left: 0;
  margin-right: 0.5em;
}
html.rtl #CQ .login-panel--horizontal-line:before,
html.rtl body .login-panel--horizontal-line:before {
  margin-left: 0.5em;
  margin-right: 0;
}
#CQ .login-panel--horizontal-line:after,
body .login-panel--horizontal-line:after {
  margin-left: 0.5em;
  margin-right: 0;
}
html.rtl #CQ .login-panel--horizontal-line:after,
html.rtl body .login-panel--horizontal-line:after {
  margin-left: 0;
  margin-right: 0.5em;
}
#CQ .login-panel--gray-out-and-small,
body .login-panel--gray-out-and-small {
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #DEDEDE;
}
#CQ .login-panel--gray-out-and-small > a,
body .login-panel--gray-out-and-small > a {
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #DEDEDE;
  text-decoration: none;
}
#CQ .login-panel--black-bold,
body .login-panel--black-bold {
  color: #000;
  font-weight: 700;
}
.floater:not(.section) {
  display: none;
  z-index: 3;
  position: fixed;
  bottom: 20px;
  text-align: center;
  left: 0;
  right: 0;
  pointer-events: none;
}
.floater:not(.section) > .button-component > .btn {
  pointer-events: initial;
}
html.wcmmode-edit .floater,
html.wcmmode-design .floater {
  display: block;
  position: static;
  background-color: #EAE7E2;
  overflow: hidden;
  pointer-events: all;
}
.form-panel {
  position: relative;
}
.form-panel h1,
.form-panel h2,
.form-panel h3 {
  text-align: center;
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
}
@media (min-width: 1227px) {
  .form-panel h1,
  .form-panel h2,
  .form-panel h3 {
    text-align: left;
  }
  html.rtl .form-panel h1,
  html.rtl .form-panel h2,
  html.rtl .form-panel h3 {
    text-align: right;
  }
}
.form-panel > .formset {
  background: #F8F8F8;
  width: 100%;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-panel > .formset:before,
.form-panel > .formset:after {
  display: table;
  clear: both;
  content: " ";
}
@media (min-width: 1227px) {
  .form-panel > .formset {
    width: 375px;
  }
}
.form-panel > .formset > .inner {
  margin: 20px;
}
.form-panel > .formset > .inner > .pointy-header {
  background-color: #FC1784;
  position: relative;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  margin-bottom: 20px;
}
html.rtl .form-panel > .formset > .inner > .pointy-header {
  margin-left: -20px;
  margin-right: -20px;
}
.form-panel > .formset > .inner > .pointy-header:before,
.form-panel > .formset > .inner > .pointy-header:after {
  display: table;
  clear: both;
  content: " ";
}
.form-panel > .formset > .inner > .pointy-header > .inner {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
html.rtl .form-panel > .formset > .inner > .pointy-header > .inner {
  margin-left: 20px;
  margin-right: 20px;
}
.form-panel > .formset > .inner > .pointy-header > .inner > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #FFF;
  text-align: center;
}
@media (max-width: 1226px) {
  .form-panel > .formset > .inner > .pointy-header > .inner > .caption {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.form-panel > .formset > .inner > .pointy-header > .inner > .pointer {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-panel > .formset > .inner > .pointy-header > .inner > .pointer .pointy-header-svg {
  fill: #FC1784;
}
.form-panel > .formset > .inner > .pointy-header > .inner > .pointer > svg {
  widht: 28px;
  height: 14px;
}
.form-panel > .formset > .inner > .pointy-header.spearmintgreen {
  background-color: #D3F0F0;
}
.form-panel > .formset > .inner > .pointy-header.spearmintgreen > .inner > .caption {
  color: black;
}
.form-panel > .formset > .inner > .pointy-header.spearmintgreen > .inner > .pointer .pointy-header-svg {
  fill: #D3F0F0;
}
.form-panel > .formset > .inner > .formset-caption {
  margin: .8em 0;
  line-height: 1.2em;
}
.form-panel > .formset > .inner > .formset-sub-text {
  color: #414141;
  margin: .6em 0;
}
.form-panel > .formset > .inner > .formset-button {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
}
.form-panel > .formset > .inner > .disclaimer {
  margin: 1em auto;
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #333333;
}
.form-panel > .formset > .inner > .post-script {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #AFAFAF;
}
.form-panel > .formset.formset--login,
.form-panel > .formset.formset--forgot-password {
  display: none;
}
.form-panel > .formset.formset--login > .message-panel,
.form-panel > .formset.formset--forgot-password > .message-panel {
  position: absolute;
}
.form-panel > .formset.formset--login > .message-panel > .constraint,
.form-panel > .formset.formset--forgot-password > .message-panel > .constraint {
  width: auto;
  text-align: center;
}
.form-panel > .formset.formset--login > .message-panel > .constraint > .close,
.form-panel > .formset.formset--forgot-password > .message-panel > .constraint > .close {
  right: 12px;
  top: 12px;
}
.form-panel > .formset.formset--login > .message-panel > .constraint > .the.message,
.form-panel > .formset.formset--forgot-password > .message-panel > .constraint > .the.message {
  width: 80%;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin-left: auto;
  margin-right: auto;
}
html.rtl .form-panel > .formset.formset--login > .message-panel > .constraint > .the.message,
html.rtl .form-panel > .formset.formset--forgot-password > .message-panel > .constraint > .the.message {
  margin-left: auto;
  margin-right: auto;
}
.form-panel > .formset.formset--login > .band,
.form-panel > .formset.formset--forgot-password > .band {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  color: #FFF;
  max-height: 0;
  height: auto;
  overflow: hidden;
  background-color: #157CFB;
  -webkit-transition: max-height 0.4s;
  -o-transition: max-height 0.4s;
  transition: max-height 0.4s;
  text-align: center;
}
.form-panel > .formset.formset--login > .band > .inner,
.form-panel > .formset.formset--forgot-password > .band > .inner {
  width: 80%;
  margin: 16px auto;
  text-align: center;
}
.form-panel > .formset.formset--login > .band.expanded,
.form-panel > .formset.formset--forgot-password > .band.expanded {
  max-height: 100px;
}
.form-panel > .formset.formset--login > .inner,
.form-panel > .formset.formset--forgot-password > .inner {
  text-align: center;
  position: relative;
}
.form-panel > .formset.formset--login > .inner.new-house,
.form-panel > .formset.formset--forgot-password > .inner.new-house {
  display: none;
}
.form-panel > .formset.formset--login > .inner > .go-back,
.form-panel > .formset.formset--forgot-password > .inner > .go-back {
  text-align: left;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #FC1784;
  cursor: pointer;
}
html.rtl .form-panel > .formset.formset--login > .inner > .go-back,
html.rtl .form-panel > .formset.formset--forgot-password > .inner > .go-back {
  text-align: right;
}
.form-panel > .formset.formset--login > .inner > .go-back:before,
.form-panel > .formset.formset--forgot-password > .inner > .go-back:before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 12px;
  background: no-repeat url(/content/dam/englishtown/englishlive2016/text-link-arrow.svg);
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  vertical-align: middle;
}
.form-panel > .formset.formset--login > .inner > .go-back > p,
.form-panel > .formset.formset--forgot-password > .inner > .go-back > p {
  display: inline-block;
  vertical-align: middle;
}
.form-panel > .formset.formset--login > .inner > .formset-caption,
.form-panel > .formset.formset--forgot-password > .inner > .formset-caption {
  text-align: center;
}
.form-panel > .formset.formset--login > .inner > .formset-sub-text,
.form-panel > .formset.formset--forgot-password > .inner > .formset-sub-text {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
.form-panel > .formset.formset--login > .inner > .forgotten-your-passowrd,
.form-panel > .formset.formset--forgot-password > .inner > .forgotten-your-passowrd {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin-top: 14px;
  margin-bottom: 14px;
  color: #AFAFAF;
  cursor: pointer;
}
.form-panel > .formset.formset--login > .inner > .sprt.sprt--blank,
.form-panel > .formset.formset--forgot-password > .inner > .sprt.sprt--blank {
  height: 15px;
  width: auto;
}
.form-panel > .formset.formset--login > .inner > .bottom-panel > .nagging,
.form-panel > .formset.formset--forgot-password > .inner > .bottom-panel > .nagging,
.form-panel > .formset.formset--login > .inner > .bottom-panel > .privacy,
.form-panel > .formset.formset--forgot-password > .inner > .bottom-panel > .privacy {
  margin-top: 14px;
  margin-bottom: 14px;
}
.form-panel > .formset.formset--login > .inner > .bottom-panel > .privacy,
.form-panel > .formset.formset--forgot-password > .inner > .bottom-panel > .privacy {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: #AFAFAF;
}
.form-panel > .formset.formset--login > .inner > .bottom-panel > .privacy > p > a,
.form-panel > .formset.formset--forgot-password > .inner > .bottom-panel > .privacy > p > a,
.form-panel > .formset.formset--login > .inner > .bottom-panel > .privacy > a,
.form-panel > .formset.formset--forgot-password > .inner > .bottom-panel > .privacy > a {
  color: #AFAFAF;
  text-decoration: none;
}
.form-panel > .formset.formset--login > .inner > .bottom-panel > .nagging,
.form-panel > .formset.formset--forgot-password > .inner > .bottom-panel > .nagging {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 14px;
  line-height: 16px;
}
.form-panel > .formset.formset--login > .inner > .bottom-panel.bottom-panel--abs,
.form-panel > .formset.formset--forgot-password > .inner > .bottom-panel.bottom-panel--abs {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.form-panel.has-shadow-box {
  -webkit-box-shadow: 0 4px 27px #9b9b9b;
          box-shadow: 0 4px 27px #9b9b9b;
}
html.wcmmode-edit .form-panel > .formset.formset--login,
html.wcmmode-edit .form-panel > .formset.formset--forgot-password {
  display: block;
}
html.wcmmode-edit .form-panel > .formset.formset--login > .message-panel,
html.wcmmode-edit .form-panel > .formset.formset--forgot-password > .message-panel {
  position: static;
}
html.wcmmode-edit .form-panel > .formset.formset--login > .inner.new-house,
html.wcmmode-edit .form-panel > .formset.formset--forgot-password > .inner.new-house {
  display: block;
}
html.wcmmode-edit .form-panel > .formset.formset--login > .inner > .bottom-panel.bottom-panel--abs,
html.wcmmode-edit .form-panel > .formset.formset--forgot-password > .inner > .bottom-panel.bottom-panel--abs {
  position: static;
}
html.wcmmode-edit .form-panel > .formset.formset--login > .inner > .formset-sub-text,
html.wcmmode-edit .form-panel > .formset.formset--forgot-password > .inner > .formset-sub-text,
html.wcmmode-edit .form-panel > .formset.formset--login > .inner > .forgotten-your-passowrd,
html.wcmmode-edit .form-panel > .formset.formset--forgot-password > .inner > .forgotten-your-passowrd {
  min-height: 20px;
}
.preenrolment-panel {
  background-color: #faf7f2;
  position: relative;
  z-index: 1;
}
.preenrolment-panel .hide {
  display: none;
}
.preenrolment-panel:before,
.preenrolment-panel:after {
  display: table;
  clear: both;
  content: " ";
}
.preenrolment-panel h1,
.preenrolment-panel h2,
.preenrolment-panel h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.preenrolment-panel > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  .preenrolment-panel > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  .preenrolment-panel > .constraint *.hide-desktop {
    display: none;
  }
  .preenrolment-panel > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint *.hide-mobile {
    display: none;
  }
  .preenrolment-panel > .constraint *.show-mobile {
    display: initial;
  }
}
.preenrolment-panel > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  background-color: #FFF;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl .preenrolment-panel > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
.preenrolment-panel > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.preenrolment-panel > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .caption {
    width: auto;
  }
}
.preenrolment-panel > .constraint > .inner {
  padding: 0.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1227px) {
  .preenrolment-panel > .constraint > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 41px 68px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel {
  width: 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
@media (min-width: 1227px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel {
    max-width: 400px;
  }
}
.is-existing-user.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form,
.is-loading.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form,
.is-appstore.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form {
  display: none;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .heading {
  margin-top: 0;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .copy {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form {
    padding: 10px 10px 20px 10px;
    text-align: center;
  }
}
@media (min-width: 1227px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .form {
    width: 390px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .form form.form > .row .inline-text {
  margin-bottom: 20px;
  text-align: left;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .form form.form > .row .inline-text > span.inline-text {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  color: #9B9B9B;
  line-height: 26px;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .cta {
  margin-top: 30px;
  margin-bottom: 12px;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .post-caption {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  color: #9B9B9B;
  line-height: 26px;
}
@media (min-width: 1227px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .post-caption {
    display: none;
  }
}
html.wcmmode-edit .preenrolment-panel > .constraint > .inner > .lhs-panel > .question-form > .post-caption {
  display: inherit;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user {
  text-align: center;
}
.is-new-user.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user,
.is-loading.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user,
.is-appstore.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user {
  display: none;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .copy {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
@media (min-width: 1227px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .mobile-copy {
    display: none;
  }
}
html.wcmmode-edit .preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .mobile-copy {
  display: inherit;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .desktop-copy {
    display: none;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .cta {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .cta {
    display: none;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .app-store-ctas {
  margin-top: 22px;
  margin-bottom: 22px;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .app-store-ctas > .app-store-cta {
  display: inline-block;
  margin: 8px;
}
@media (min-width: 1227px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .existing-user > .app-store-ctas {
    display: none;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store {
  text-align: center;
}
.is-new-user.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store,
.is-existing-user.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store,
.is-loading.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store {
  display: none;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > .copy {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > .app-store-tick {
  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2249%22%20height%3D%2244%22%20viewBox%3D%220%200%2049%2044%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20stroke-width%3D%221.5%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20stroke-linecap%3D%22square%22%3E%3Cpath%20d%3D%22M22.403%2027.932l25-25%22%20stroke%3D%22%2375CF81%22/%3E%3Cpath%20d%3D%22M13.403%2017.932l9%2010%22%20stroke%3D%22%2368D280%22/%3E%3C/g%3E%3Cpath%20d%3D%22M35.35%206.19C26.736-1.3%2013.68-.39%206.19%208.227c-1.65%201.896-2.89%204.006-3.732%206.225-.717%201.89-1.144%203.86-1.287%205.84-.09%201.266-.064%202.536.076%203.795.556%204.974%202.907%209.76%206.982%2013.303%208.616%207.49%2021.673%206.577%2029.163-2.04%201.825-2.098%203.15-4.46%203.99-6.942%201.23-3.65%201.405-7.557.555-11.26%22%20stroke%3D%22%2375CF81%22/%3E%3C/g%3E%3C/svg%3E');
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 60px;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > .app-store-ctas {
  margin-top: 22px;
  margin-bottom: 22px;
}
.preenrolment-panel > .constraint > .inner > .lhs-panel > .app-store > .app-store-ctas > .app-store-cta {
  display: inline-block;
  margin: 8px;
}
.preenrolment-panel > .constraint > .inner > .offer-box {
  font-family: Roboto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 500px;
  margin: auto;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(31%, #E2F2F2), color-stop(62%, #F8EDE4));
  background-image: -webkit-linear-gradient(top, #E2F2F2 31%, #F8EDE4 62%);
  background-image: -o-linear-gradient(top, #E2F2F2 31%, #F8EDE4 62%);
  background-image: linear-gradient(-180deg, #E2F2F2 31%, #F8EDE4 62%);
}
.is-loading.preenrolment-panel > .constraint > .inner > .offer-box {
  visibility: hidden;
}
@media (max-width: 1226px) {
  .is-new-user.preenrolment-panel > .constraint > .inner > .offer-box {
    display: none;
  }
}
.preenrolment-panel > .constraint > .inner > .offer-box > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
.preenrolment-panel > .constraint > .inner > .offer-box > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .offer-box > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .offer-box > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .offer-box > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .offer-box > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .offer-box > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.preenrolment-panel > .constraint > .inner > .offer-box > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  .preenrolment-panel > .constraint > .inner > .offer-box > .caption {
    width: auto;
  }
}
@media (min-width: 1227px) {
  .preenrolment-panel > .constraint > .inner > .offer-box {
    width: 390px;
    margin: inherit;
  }
}
.preenrolment-panel > .constraint > .inner > .offer-box > .text {
  font-weight: 300;
  font-size: 25px;
  line-height: 32px;
  letter-spacing: 0.5px;
  margin: 44px 40px 30px 40px;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.preenrolment-panel > .constraint > .inner > .offer-box > .image {
  margin: 0 30px 30px 30px;
}
.preenrolment-panel > .constraint > .inner > .offer-box > .image > img {
  width: 100%;
}
section.step-box-triple {
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
section.step-box-triple h1,
section.step-box-triple h2,
section.step-box-triple h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.step-box-triple > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.step-box-triple > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.step-box-triple > .constraint *.hide-desktop {
    display: none;
  }
  section.step-box-triple > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.step-box-triple > .constraint *.hide-mobile {
    display: none;
  }
  section.step-box-triple > .constraint *.show-mobile {
    display: initial;
  }
}
section.step-box-triple > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.step-box-triple > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.step-box-triple > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.step-box-triple > .constraint > .panel > .opening {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl section.step-box-triple > .constraint > .panel > .opening {
  font-weight: 700;
}
@media (max-width: 1226px) {
  section.step-box-triple > .constraint > .panel > .opening {
    text-align: center;
  }
}
@media (min-width: 1227px) {
  section.step-box-triple > .constraint > .panel {
    width: 84.61%;
    margin-left: auto;
    margin-right: auto;
  }
}
section.step-box-triple > .constraint > .panel > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.step-box-triple > .constraint > .panel > .caption {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.step-box-triple > .constraint > .panel > .desc {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin: 20px 0 40px 0;
}
section.step-box-triple > .constraint > .panel > .boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1227px) {
  section.step-box-triple > .constraint > .panel > .boxes {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
section.step-box-triple > .constraint > .panel > .boxes > .box {
  max-width: 275px;
}
@media (max-width: 1226px) {
  section.step-box-triple > .constraint > .panel > .boxes > .box {
    margin-bottom: 38px;
  }
}
section.step-box-triple > .constraint > .panel > .boxes > .box > .image img {
  max-width: 100%;
}
section.step-box-triple > .constraint > .panel > .boxes > .box > .text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
section.step-box-triple > .constraint > .panel > .boxes > .box > .text .box-text--bold {
  font-weight: 600;
}
section.step-box-triple > .constraint > .panel > .boxes > .box > .text .box-text--highlight-heading {
  color: #FC1784;
  font-size: 22px;
  line-height: 30px;
}
section.step-box-triple > .constraint > .panel > .boxes > .box > .text .box-text--smaller {
  font-size: 14px;
  line-height: 22px;
}
section.comparison-table {
  background-color: #EFEFEF;
  text-align: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media (max-width: 1226px) {
  section.comparison-table {
    display: none;
  }
}
section.comparison-table h1,
section.comparison-table h2,
section.comparison-table h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.comparison-table > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.comparison-table > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.comparison-table > .constraint *.hide-desktop {
    display: none;
  }
  section.comparison-table > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.comparison-table > .constraint *.hide-mobile {
    display: none;
  }
  section.comparison-table > .constraint *.show-mobile {
    display: initial;
  }
}
section.comparison-table > .constraint {
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.comparison-table > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.comparison-table > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.comparison-table > .constraint > .opening {
  color: #9B9B9B;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
}
html.rtl section.comparison-table > .constraint > .opening {
  font-weight: 700;
}
@media (max-width: 1226px) {
  section.comparison-table > .constraint > .opening {
    text-align: center;
  }
}
section.comparison-table > .constraint > .caption {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.comparison-table > .constraint > h1 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 42px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.comparison-table > .constraint > h1 {
    font-size: 36px;
    line-height: 44px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.comparison-table > .constraint > h2 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 36px;
  line-height: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.comparison-table > .constraint > h2 {
    font-size: 30px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.comparison-table > .constraint > h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (max-width: 1226px) {
  section.comparison-table > .constraint > h3 {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
section.comparison-table > .constraint > .caption {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1226px) {
  section.comparison-table > .constraint > .caption {
    width: auto;
  }
}
section.comparison-table > .constraint > .caption,
section.comparison-table > .constraint > .desc {
  font-weight: 700;
}
section.comparison-table > .constraint > .desc {
  font-size: 18px;
}
section.comparison-table > .constraint > table.table {
  width: 100%;
  border-spacing: 0px;
  margin-top: 50px;
}
section.comparison-table > .constraint > table.table .table--highlight {
  color: #FC1784;
}
section.comparison-table > .constraint > table.table .table--heavy {
  font-weight: 700;
  font-size: 18px;
}
section.comparison-table > .constraint > table.table > .thead > tr > th {
  background-color: #e0e0e0;
  padding: 15px;
  -webkit-box-shadow: inset 0 1px 0 0 #EFEFEF;
          box-shadow: inset 0 1px 0 0 #EFEFEF;
  border-left: 0.5px solid #EFEFEF;
}
section.comparison-table > .constraint > table.table > .thead > tr > th:last-child {
  border-left: 6px solid #FC1784;
  border-right: 6px solid #FC1784;
  border-top: 0px;
  -webkit-box-shadow: 0 -11px 0 #FC1784;
          box-shadow: 0 -11px 0 #FC1784;
  background-color: #FC1784;
  color: #FFFFFF;
}
section.comparison-table > .constraint > table.table > .tbody > tr > td {
  background-color: #FFFFFF;
  padding: 25px;
  -webkit-box-shadow: inset 0 1px 0 0 #EFEFEF;
          box-shadow: inset 0 1px 0 0 #EFEFEF;
  border-left: 0.5px solid #EFEFEF;
}
section.comparison-table > .constraint > table.table > .tbody > tr > td .td-icon > img {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 5px;
  margin-right: 5px;
  max-width: 100%;
}
html.rtl section.comparison-table > .constraint > table.table > .tbody > tr > td .td-icon > img {
  margin-left: 5px;
  margin-right: 5px;
}
section.comparison-table > .constraint > table.table > .tbody > tr > td:first-child {
  text-align: left;
}
section.comparison-table > .constraint > table.table > .tbody > tr > td:last-child {
  border-left: 6px solid #FC1784;
  border-right: 6px solid #FC1784;
}
section.comparison-table > .constraint > table.table > .tbody > tr:nth-last-child(2) > td:last-child {
  border-bottom: 6px solid #FC1784;
}
section.comparison-table > .constraint > table.table > .tbody > tr:last-child > td {
  background-color: #EFEFEF;
  -webkit-box-shadow: 0;
          box-shadow: 0;
  border: 0;
}
section.comparison-table > .constraint > table.table > .tbody > tr:last-child > td:first-child {
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 0;
  padding-left: 0;
}
html.rtl section.comparison-table > .constraint > table.table > .tbody > tr:last-child > td:first-child {
  padding-right: 0;
  padding-left: 0;
}
section.comparison-table > .constraint > table.table > .tbody > tr:last-child > td:last-child {
  border: 0;
  padding: 30px 0 0 0;
}
section.terms-and-conditions {
  position: relative;
  z-index: 1;
}
section.terms-and-conditions h1,
section.terms-and-conditions h2,
section.terms-and-conditions h3 {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
}
section.terms-and-conditions > .constraint {
  margin-top: 36px;
  margin-bottom: 36px;
}
@media (min-width: 1227px) {
  section.terms-and-conditions > .constraint {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1227px) {
  section.terms-and-conditions > .constraint *.hide-desktop {
    display: none;
  }
  section.terms-and-conditions > .constraint *.show-desktop {
    display: initial;
  }
}
@media (max-width: 1226px) {
  section.terms-and-conditions > .constraint *.hide-mobile {
    display: none;
  }
  section.terms-and-conditions > .constraint *.show-mobile {
    display: initial;
  }
}
section.terms-and-conditions.section--tightened-margin-on-top > .constraint {
  margin-top: -54px;
}
@media (min-width: 1227px) {
  section.terms-and-conditions.section--tightened-margin-on-top > .constraint {
    margin-top: -90px;
  }
}
section.terms-and-conditions.section--tightened-margin-on-bottom > .constraint {
  margin-bottom: -54px;
}
@media (min-width: 1227px) {
  section.terms-and-conditions.section--tightened-margin-on-bottom > .constraint {
    margin-bottom: -90px;
  }
}
section.terms-and-conditions > .constraint {
  text-align: center;
  background: #F8F8F9;
  padding: 0 1.5em;
  width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1227px) {
  section.terms-and-conditions > .constraint {
    padding: 0;
  }
}
@media (max-width: 1226px) {
  section.terms-and-conditions > .constraint {
    width: auto;
    margin-left: 28px;
    margin-right: 28px;
  }
  html.rtl section.terms-and-conditions > .constraint {
    margin-left: 28px;
    margin-right: 28px;
  }
}
section.terms-and-conditions > .constraint:before {
  content: '';
  display: block;
  margin-bottom: 3em;
  border-top: 1px solid transparent;
}
section.terms-and-conditions > .constraint:after {
  content: '';
  display: block;
  margin-top: 3em;
  border-bottom: 1px solid transparent;
}
section.terms-and-conditions > .constraint > .inner {
  margin: 4em 8em;
}
section.terms-and-conditions > .constraint > .inner > .sprt {
  display: block;
  height: 1px;
  width: 78px;
  background: #C8C8C8;
  margin: 2em auto;
  border: none;
  margin-left: auto;
  margin-right: auto;
}
section.terms-and-conditions > .constraint > .inner .parsys-container,
section.terms-and-conditions > .constraint > .inner .parsys-container > div,
section.terms-and-conditions > .constraint > .inner .parsys-container > div > div > div {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}
section.terms-and-conditions > .constraint > .inner .parsys-container > p,
section.terms-and-conditions > .constraint > .inner .parsys-container > div > p,
section.terms-and-conditions > .constraint > .inner .parsys-container > div > div > div > p {
  margin: 1.2em 0;
  text-align: left;
  font-weight: 300;
}
html.rtl section.terms-and-conditions > .constraint > .inner .parsys-container > p,
html.rtl section.terms-and-conditions > .constraint > .inner .parsys-container > div > p,
html.rtl section.terms-and-conditions > .constraint > .inner .parsys-container > div > div > div > p {
  text-align: right;
}
section.terms-and-conditions > .constraint > .inner .parsys-container > ul,
section.terms-and-conditions > .constraint > .inner .parsys-container > div > ul,
section.terms-and-conditions > .constraint > .inner .parsys-container > div > div > div > ul,
section.terms-and-conditions > .constraint > .inner .parsys-container ol,
section.terms-and-conditions > .constraint > .inner .parsys-container > div ol,
section.terms-and-conditions > .constraint > .inner .parsys-container > div > div > div ol {
  text-align: left;
}
html.rtl section.terms-and-conditions > .constraint > .inner .parsys-container > ul,
html.rtl section.terms-and-conditions > .constraint > .inner .parsys-container > div > ul,
html.rtl section.terms-and-conditions > .constraint > .inner .parsys-container > div > div > div > ul,
html.rtl section.terms-and-conditions > .constraint > .inner .parsys-container ol,
html.rtl section.terms-and-conditions > .constraint > .inner .parsys-container > div ol,
html.rtl section.terms-and-conditions > .constraint > .inner .parsys-container > div > div > div ol {
  text-align: right;
}
section.terms-and-conditions > .constraint > .inner .parsys-container > ul > li > p,
section.terms-and-conditions > .constraint > .inner .parsys-container > div > ul > li > p,
section.terms-and-conditions > .constraint > .inner .parsys-container > div > div > div > ul > li > p,
section.terms-and-conditions > .constraint > .inner .parsys-container ol > li > p,
section.terms-and-conditions > .constraint > .inner .parsys-container > div ol > li > p,
section.terms-and-conditions > .constraint > .inner .parsys-container > div > div > div ol > li > p {
  margin: 0;
}
#CQ .terms-and-conditions--title,
html .terms-and-conditions--title {
  font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 32px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
}
@media (max-width: 1226px) {
  #CQ .terms-and-conditions--title,
  html .terms-and-conditions--title {
    font-size: 25px;
    line-height: 32px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
#CQ .terms-and-conditions--title-section,
html .terms-and-conditions--title-section {
  text-transform: uppercase;
  font-weight: 500;
}
#CQ .terms-and-conditions--title-section:before,
html .terms-and-conditions--title-section:before {
  content: '';
  display: block;
  width: 78px;
  height: 1px;
  background-color: #C8C8C8;
  margin-top: 4em;
  margin-bottom: 3em;
  margin-left: 0;
  margin-right: auto;
}
html.rtl #CQ .terms-and-conditions--title-section:before,
html.rtl html .terms-and-conditions--title-section:before {
  margin-left: auto;
  margin-right: 0;
}
#CQ .terms-and-conditions--title-section-sub,
html .terms-and-conditions--title-section-sub {
  font-weight: 400;
  color: #4A4A4A;
}
#CQ .terms-and-conditions--title-section:before {
  display: none;
}
.mx-popup-chat-wrp {
  position: fixed;
  right: calc(50% - 585px);
  z-index: 2;
  bottom: 15px;
  padding: 12px 0 0 0;
  cursor: pointer;
}
@media (max-width: 1226px) {
  .mx-popup-chat-wrp {
    right: 15px;
  }
}
@media (max-width: 1226px) {
  .mx-popup-chat-wrp.hideMobile {
    display: none;
  }
}
.mx-popup-chat-wrp .mx-popup-chat-inner {
  padding: 7px 17px 7px 17px;
  color: white;
  float: right;
  font-size: 16px;
  line-height: 22px;
  z-index: -1;
  -webkit-box-shadow: -2px 0px 25px -4px #000000;
          box-shadow: -2px 0px 25px -4px #000000;
}
.mx-popup-chat-wrp.hideCta .mx-popup-chat-inner {
  display: none;
}
.mx-popup-chat-wrp.showIcon .mx-popup-chat-inner {
  padding: 7px 17px 7px 29px;
}
.mx-popup-chat-wrp .mx-popup-chat-ico {
  display: none;
  margin-right: -16px;
  float: right;
  margin-top: 2px;
}
.mx-popup-chat-wrp.showIcon .mx-popup-chat-ico {
  display: block;
}
.mx-popup-chat-wrp .admin-cta {
  display: none;
}
html.wcmmode-edit .mx-popup-chat-wrp.hideCta.hideIcon {
  display: block;
  width: 150px;
  height: 25px;
  background: #efefef;
  border: 3px dashed #9ed830;
}
html.wcmmode-edit .mx-popup-chat-wrp.hideCta.hideIcon .admin-cta {
  display: block;
  font-size: 14px;
  color: #333;
  text-align: center;
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav {
    display: none ;
  }
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav {
    border-top: 1px solid #c0c0c0;
    top: 70px;
    overflow: visible;
    background: white ;
    border-bottom: 1px solid #c0c0c0;
    -webkit-box-shadow: none;
            box-shadow: none;
    position: fixed;
  }
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav.expanded {
    display: block;
    margin-top: 125px;
    -webkit-box-shadow: none ;
            box-shadow: none ;
  }
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav.expanded {
    display: block ;
    margin-top: 125px;
    -webkit-box-shadow: none ;
            box-shadow: none ;
  }
}
nav.el16-siteheader-mainmenu-nav.expanded .collapse.navbar-collapse {
  border-top: 1px solid #efefef;
  margin-top: 0px;
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav.expanded > .constraint.grid {
    margin: 0;
  }
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav.expanded > .constraint.grid {
    margin: 0;
  }
}
nav.el16-siteheader-mainmenu-nav.expanded > .constraint.grid * {
  font-size: 16px;
}
nav.el16-siteheader-mainmenu-nav.expanded > .constraint.grid > .el16-menu-left {
  margin: 22px 0 0px 0;
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container {
    padding: 0 0 ;
    height: auto;
  }
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav {
    padding: 0;
    margin-bottom: 0;
    width: 100%;
  }
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem {
    list-style: none;
    display: inline-block;
    margin: 0 0 -5px 0;
    position: relative;
    padding: 6px 13px 4px 13px;
    line-height: 20px;
  }
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem {
    padding: 0;
  }
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem a {
    width: 100%;
    display: block;
    margin: 0;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 0px 15px 30px;
  }
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem > a {
    float: left;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    color: #333333 ;
    padding: 0 0 3px ;
  }
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem > a:hover {
    text-decoration: none;
    background-color: transparent ;
    outline: 0 none;
  }
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem.menupromo > a {
  color: #ee008c ;
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem .dropdown-caret {
    width: 15px;
    height: 22px;
    padding: 0;
    display: inline-block;
    margin: 0 0 0 3px;
    cursor: pointer;
    float: right;
  }
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem .dropdown-caret {
    float: right;
    margin: -33px 15px 0 0;
    border-left: 1px solid #efefef;
    padding-left: 15px;
  }
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem .dropdown-caret:hover {
  background: #333333;
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem .dropdown-caret svg {
  margin-left: 4px;
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem ul.el16-siteheader-header-submenu {
  display: none;
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem ul.el16-siteheader-header-submenu {
    position: absolute;
    z-index: 99;
    background: white;
    padding: 10px 17px;
    list-style: none;
    margin-left: -13px;
    margin-top: 27px;
    width: 100%;
    border-top: 5px solid #333333 ;
    border: 1px solid #333;
    border-radius: 0;
  }
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem ul.el16-siteheader-header-submenu {
    display: none;
    position: absolute;
    z-index: 99;
    background: white;
    padding: 10px 17px;
    list-style: none;
    margin-left: 0;
    margin-top: 0;
    border: 1px solid #333;
    border-radius: 0;
    width: 100%;
  }
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem:hover {
  color: white;
  background: #333;
  cursor: pointer;
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem:hover {
    color: white;
    background: #333;
    cursor: pointer;
    padding-bottom: 0;
  }
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem:hover > a {
  color: white ;
  text-decoration: none;
  background: #333333 ;
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem:hover .dropdown-caret {
  color: white;
  background: #333;
  cursor: pointer;
  padding-bottom: 1px;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem:hover .dropdown-caret svg path {
  stroke: #ffffff;
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem:hover ul.el16-siteheader-header-submenu.dropdown-menu {
    display: block;
    z-index: 99;
    background: white;
    list-style: none;
    border-radius: 0;
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #333;
    padding-left: 15px;
  }
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem:hover ul.el16-siteheader-header-submenu.dropdown-menu {
    display: block;
    padding: 0;
    position: relative;
    border: 0;
    border-bottom: 1px solid #333;
    padding-left: 15px;
  }
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem:hover ul.el16-siteheader-header-submenu.dropdown-menu li.submenuitem a {
    display: block;
    padding: 7px 5px;
    white-space: nowrap;
    border-bottom: 1px solid white;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    color: #333333 ;
    padding: 5px 0 ;
    background: white ;
  }
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem:hover ul.el16-siteheader-header-submenu.dropdown-menu li.submenuitem:hover a {
  display: block;
  text-decoration: underline ;
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem .menu-right {
  text-align: right;
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem.menuos.pull-right {
  border-top: 1px solid #efefef;
  background: transparent;
  padding: 0;
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem.menuos.pull-right {
    float: right;
    margin: -3px 0 -2px 0;
  }
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem.menuos.pull-right {
    border-top: 1px solid #c0c0c0;
    padding-top: 10px;
    margin-top: 10px;
  }
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem.menuos.pull-right a {
  background: #ec008c;
  text-align: center;
  color: white;
  display: block;
}
@media (min-width: 1227px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem.menuos.pull-right a {
    padding: 7px 20px 6px 20px ;
  }
}
@media (max-width: 1226px) {
  nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem.menuos.pull-right a {
    background: #fc1784;
    padding: 10px 0;
    text-align: center;
    color: white;
    width: 100%;
    display: block;
    margin: 0 30px;
    width: calc(100% - 60px);
  }
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem.menuos.pull-right:hover {
  background: transparent;
}
nav.el16-siteheader-mainmenu-nav .container ul.el16-siteheader-header-menu.nav.navbar-nav li.menuitem.menuos.pull-right:hover a {
  background: #dd0083 ;
}