/* lora-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-italic.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-500.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-500.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-500italic.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-500italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-600.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-600.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-600italic.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-600italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-700.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lora-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/lora/lora-v35-latin_latin-ext-700italic.woff2") format("woff2"), url("../fonts/lora/lora-v35-latin_latin-ext-700italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-200.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-200.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-300.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-300.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-regular.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-italic.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-italic.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-600.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-600.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-700.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-800.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-800.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* source-serif-4-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/source-serif-4/source-serif-4-v8-latin-900.woff2") format("woff2"), url("../fonts/source-serif-4/source-serif-4-v8-latin-900.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenir/AvenirLTStd-Book.otf");
  font-weight: 400; }
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenir/AvenirLTStd-Black.otf");
  font-weight: 600; }
@font-face {
  font-family: 'Avenir';
  src: url("../fonts/avenir/AvenirLTStd-Roman.otf");
  font-weight: 300; }
/* plus-jakarta-sans-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-200.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-500italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-500italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* plus-jakarta-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/plus-jakarta-sans/plus-jakarta-sans-v8-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-family: 'TGL';
  src: url("../fonts/TGL.ttf"); }
/* abhaya-libre-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-regular.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* abhaya-libre-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-500.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-500.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* abhaya-libre-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-600.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-600.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* abhaya-libre-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-700.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* abhaya-libre-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Abhaya Libre';
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-800.woff2") format("woff2"), url("../fonts/abhaya-libre/abhaya-libre-v17-latin_latin-ext-800.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lato-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato-Light';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/lato/lato-v24-latin-300.woff2") format("woff2"), url("../fonts/lato/lato-v24-latin-300.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lato-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato-Regular';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato/lato-v24-latin-regular.woff2") format("woff2"), url("../fonts/lato/lato-v24-latin-regular.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lato-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato-Bold';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/lato/lato-v24-latin-700.woff2") format("woff2"), url("../fonts/lato/lato-v24-latin-700.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
/* lato-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato-Black';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/lato/lato-v24-latin-900.woff2") format("woff2"), url("../fonts/lato/lato-v24-latin-900.ttf") format("truetype");
  /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ }
.mt-0 {
  margin-top: 0px; }

.mb-0 {
  margin-bottom: 0px; }

.mt-20 {
  margin-top: 20px; }

.mb-20 {
  margin-bottom: 20px; }

.mt-30 {
  margin-top: 30px; }

.mb-30 {
  margin-bottom: 30px; }

.overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 9; }
  .overlay .text {
    position: relative;
    color: #fff;
    top: 50%;
    font-size: 18px; }

.dividerLine {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #C4C6C7; }
  .dividerLine.withMargin {
    margin: 0 15px; }

.hidden {
  display: none; }

.no-border {
  border: none !important; }

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

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

.alert {
  width: 100%;
  display: inline-block;
  font-family: "Lato", sans-serif;
  text-align: center;
  color: #fff;
  padding: 6px 12px;
  margin-bottom: 14px;
  font-size: 18px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #009e97; }
  .alert.alert-info {
    top: -.7em;
    position: relative; }

.checklist li {
  font-size: 14px;
  margin-bottom: 10px; }
  .checklist li:before {
    background-position: -155px -40px; }

.error,
.red {
  color: #dc2027; }

input.error {
  border-color: #dc2027; }

.alertInput {
  position: absolute;
  right: 2px;
  font-size: 16px;
  color: #000;
  padding: 13px 26px;
  background-color: #fff; }
  .alertInput.andButton {
    padding: 7px 26px; }
    .alertInput.andButton button {
      position: relative;
      display: inline-block;
      right: -20px;
      top: 0px;
      margin: 0; }
  .alertInput .fa {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 4px;
    width: 24px;
    height: 24px;
    margin-left: 5px;
    border-radius: 100%;
    background-color: #000; }
  .alertInput.success {
    color: #7ac143; }
    .alertInput.success .fa {
      background-color: #7ac143; }
  .alertInput.error {
    color: #c81c13; }
    .alertInput.error .fa {
      background-color: #c81c13; }
  @media screen and (max-width: 768px) {
    .alertInput {
      position: relative;
      padding: 12px 0px; } }

.fill-gray {
  background-color: rgba(0, 0, 0, 0.1); }

strong, b {
  font-family: "Lora", serif; }

a {
  color: #1D1D1B;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  a:hover, a:focus, a:active {
    color: #dc2027; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: inherit;
  color: inherit; }

.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: .5s;
  animation-duration: .5s; }

@-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; }

.popup-redirect {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4); }
  .popup-redirect .popup__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    height: auto;
    padding: 40px 50px;
    background: #FFFFFF;
    border-radius: 16px;
    font-family: "Lato", sans-serif;
    font-style: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .popup-redirect .popup__content .logo {
      max-width: 200px; }
    .popup-redirect .popup__content .title {
      margin-top: 40px;
      font-weight: 700;
      font-size: 24px;
      line-height: 29px;
      text-align: center;
      color: #000000; }
    .popup-redirect .popup__content .description {
      font-weight: 400;
      font-size: 15px;
      line-height: 24px;
      text-align: center;
      color: #A8A8A8; }
    .popup-redirect .popup__content .btn-continue {
      margin-top: 30px;
      padding: 10px 30px;
      color: #FFFFFF;
      text-transform: uppercase;
      background: #DB2027;
      border-radius: 5px; }
    .popup-redirect .popup__content .btn-cancel {
      padding: 10px 30px;
      color: #A8A8A8;
      background: transparent;
      border: none; }

.package-info .col-md-12 {
  display: flex;
  justify-content: center;
  padding-left: 30px;
  padding-right: 30px; }
  @media screen and (max-width: 1024px) {
    .package-info .col-md-12 .info-box {
      margin-top: 20px; } }
  .package-info .col-md-12 .info-box img {
    width: 100%;
    height: auto; }
  .package-info .col-md-12 .info-box--tenggara {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 20px;
    background: #FFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
    .package-info .col-md-12 .info-box--tenggara i {
      margin-right: 10px;
      font-size: 18px; }
      @media screen and (max-width: 485px) {
        .package-info .col-md-12 .info-box--tenggara i {
          display: none; } }
    .package-info .col-md-12 .info-box--tenggara p {
      font-size: 16px;
      margin: 0; }
      @media screen and (max-width: 485px) {
        .package-info .col-md-12 .info-box--tenggara p {
          font-size: 14px; } }
      .package-info .col-md-12 .info-box--tenggara p span {
        font-size: 17px;
        color: #dd1e26; }
        @media screen and (max-width: 485px) {
          .package-info .col-md-12 .info-box--tenggara p span {
            font-size: 15px; } }

.packageTitle {
  text-transform: capitalize;
  font-size: 2em;
  margin: 0 0 .9em;
  position: relative;
  /* border-top: 2px solid rgba(0,0,0,0.1) !important; */
  font-family: "Lora", serif; }

.titleSelect {
  margin-bottom: 20px;
  margin-top: 0;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  text-align: left;
  font-weight: 700;
  line-height: 1;
  color: #151515; }
  .titleSelect.gray {
    color: #868686; }
  .titleSelect.choice {
    font-size: 18px; }
  .titleSelect.center {
    text-align: center; }

.subTitle {
  margin: .5em 0;
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 18px;
  font-family: "Lato-Bold", sans-serif;
  text-transform: uppercase; }

@media screen and (min-width: 1024px) {
  .packageMain::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-30%);
    width: 300vw;
    margin: 0 auto;
    height: 450px;
    background-color: #f7f7f7; } }

.packageContainer {
  position: relative;
  z-index: 1; }
  @media screen and (min-width: 1024px) {
    .packageContainer {
      padding: 5em 0; } }
  .packageContainer .packageBnnr {
    text-align: right; }
    .packageContainer .packageBnnr img {
      width: 280px; }
  @media screen and (max-width: 991px) {
    .packageContainer .headPackg {
      display: grid; }
      .packageContainer .headPackg .packageBnnr {
        order: 1;
        text-align: center; }
      .packageContainer .headPackg .packageTx {
        order: 2; } }
  @media screen and (max-width: 1023px) {
    .packageContainer .headPackg {
      background-color: #f7f7f7;
      padding: 3em 0; } }
  .packageContainer .packageCountry {
    font-size: 18px;
    width: 100%;
    padding: 20px 0 10px;
    position: relative;
    font-family: "Lora", serif;
    display: flex; }
    .packageContainer .packageCountry span {
      line-height: 34px; }
    .packageContainer .packageCountry select {
      font-family: "Lora", serif;
      color: #dc2027;
      display: inline-block;
      width: 120px;
      margin: 0px 10px;
      border: none;
      outline: none;
      background: none; }
    .packageContainer .packageCountry span.changeLoc {
      padding: .5em 1em;
      border: 1px solid;
      cursor: pointer;
      font-size: 14px;
      line-height: 14px;
      text-transform: uppercase;
      font-family: "Lato", sans-serif;
      color: #DC2027;
      border-radius: 5px;
      display: none; }
    .packageContainer .packageCountry .chosen-container {
      width: 200px;
      position: relative;
      z-index: 333333333; }
    .packageContainer .packageCountry .chosen-container-single .chosen-single {
      display: inline-block;
      width: 100%;
      margin: 0;
      border: none;
      outline: none;
      background: none;
      border-radius: 0px;
      padding: 0px 10px;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .packageContainer .packageCountry .chosen-container-single .chosen-single:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .packageContainer .packageCountry .chosen-container-single .chosen-single span {
        font-size: 1.2857142857em;
        color: #dc2027;
        margin: 0;
        line-height: 34px;
        display: inline-block;
        position: relative;
        padding-right: 25px; }
        .packageContainer .packageCountry .chosen-container-single .chosen-single span::after {
          position: absolute;
          content: '';
          top: 9px;
          right: 5px;
          width: 8px;
          height: 8px;
          color: #DD1E26;
          border-style: solid;
          border-width: 1px 1px 0 0;
          display: inline-block;
          vertical-align: top;
          transform: rotate(135deg); }
      .packageContainer .packageCountry .chosen-container-single .chosen-single div b {
        display: none; }
      @media screen and (max-width: 480px) {
        .packageContainer .packageCountry .chosen-container-single .chosen-single {
          width: 100%; } }
    @media screen and (max-width: 1024px) {
      .packageContainer .packageCountry .chosen-container {
        display: none; }
      .packageContainer .packageCountry select {
        display: inline-block !important;
        text-align-last: center;
        text-align: center;
        -ms-text-align-last: center;
        -moz-text-align-last: center; } }
  @media screen and (max-width: 768px) {
    .packageContainer {
      overflow: hidden; } }
  .packageContainer input[type="text"],
  .packageContainer input[type="number"],
  .packageContainer textarea {
    padding: 12px 16px;
    width: 100%;
    font-size: 16px; }
  .packageContainer .boxCoupon .btn-white {
    border: 0;
    font-family: "Lato", sans-serif;
    background-color: transparent;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      .packageContainer .boxCoupon .btn-white {
        font-size: 14px; } }
  .packageContainer .boxSlPck {
    margin: 0;
    padding: 35px 3em;
    background-color: #fff; }

.packageBox {
  background-color: #fff;
  padding: 0 1em 1em;
  margin: 1.5em 0; }
  .packageBox .special {
    font-size: 11px;
    margin-bottom: 3px; }
    .packageBox .special.userSubscribe.btn-subscriber {
      margin-top: 30px; }
  .packageBox div[class*="package"] {
    position: relative; }
    .packageBox div[class*="package"] button {
      width: 100%;
      z-index: 5; }
      .packageBox div[class*="package"] button + button {
        margin-top: 0; }
      @media screen and (max-width: 768px) {
        .packageBox div[class*="package"] button {
          right: 0; } }
    .packageBox div[class*="package"] .btn-coupon {
      top: 4px;
      right: 0; }
    .packageBox div[class*="package"] .alertInput.andButton {
      padding: 7px 26px;
      right: 100px;
      top: 8px; }
      .packageBox div[class*="package"] .alertInput.andButton button {
        position: relative;
        display: inline-block;
        right: -20px;
        top: 0px;
        margin: 0; }
      @media screen and (max-width: 640px) {
        .packageBox div[class*="package"] .alertInput.andButton {
          position: relative;
          padding: 12px 0px;
          right: inherit;
          top: 0px; } }

.inputText input[type="text"],
.inputText input[type="number"],
.inputText textarea {
  position: relative;
  border: 2px solid #C4C6C7;
  box-shadow: none;
  background-color: transparent;
  z-index: 2;
  font-family: "Lato", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  transition: all 0.8s; }
  .inputText input[type="text"]:focus,
  .inputText input[type="number"]:focus,
  .inputText textarea:focus {
    outline: none;
    border-color: rgba(206, 86, 81, 0.4);
    outline: 0;
    -webkit-box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.6);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.6); }
  .inputText input[type="text"][disabled],
  .inputText input[type="number"][disabled],
  .inputText textarea[disabled] {
    border: 2px solid #eee;
    color: #aaa; }

.cancelCoupon {
  display: none; }

@media screen and (max-width: 768px) {
  .packageTitle {
    padding: 8px 0 4px;
    margin-top: 10px; } }

.packageColumn {
  position: relative;
  display: inline-block;
  margin: 0 -.5em; }
  .packageColumn .packageHeader {
    font-family: "Lato-Regular", sans-serif;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    padding: 16px;
    display: inline-flex;
    margin: 0;
    width: 100%;
    background-color: rgba(39, 39, 36, 0.1);
    border: 1px solid rgba(39, 39, 36, 0.1);
    border-bottom: none; }
    .packageColumn .packageHeader .categoryPackages {
      position: relative;
      display: inline-block;
      vertical-align: bottom;
      margin-top: 18px; }

.packagenote {
  font-style: italic;
  font-size: 13px;
  margin-top: 10px;
  display: inline-block; }

.packageOnline, .packageOffline {
  display: inline-block;
  position: relative;
  width: 100%; }

.packageOnline.open .packageList .packageContent {
  opacity: .5; }
.packageOnline.open .packageList:hover .packageContent {
  opacity: 1; }
.packageOnline.open .packageList.packageCheck .packageContent {
  opacity: 1; }
.packageOnline .packageList ul {
  text-align: left; }
  .packageOnline .packageList ul li {
    padding-left: 30px;
    font-size: 1em;
    line-height: 1.3; }

.packageOffline {
  margin-top: 16px; }

.packageList {
  position: relative;
  display: inline-block;
  width: 33.33%;
  float: left;
  margin: 0;
  padding: .5em; }
  .packageList:hover .packageContent, .packageList.packageCheck .packageContent {
    box-shadow: 0px 0px 40px -17px #000000;
    z-index: 2;
    cursor: pointer;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    border-radius: 10px; }
    .packageList:hover .packageContent:before, .packageList.packageCheck .packageContent:before {
      opacity: 1;
      -webkit-transform: translateY(5px);
      transform: translateY(5px); }
  .packageList .packageContent {
    background-color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
    position: relative; }
    .packageList .packageContent:before {
      pointer-events: none;
      position: absolute;
      z-index: -1;
      content: '';
      top: 100%;
      left: 5%;
      height: 10px;
      width: 90%;
      opacity: 0;
      background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
      background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
      -webkit-transition-duration: 0.8s;
      transition-duration: 0.8s;
      -webkit-transition-property: transform, opacity;
      transition-property: transform, opacity; }
  .packageList.packageCheck {
    /*
    &:after{
    	position:absolute;
    	content:'';
    	top: 0;
    	bottom: 0;
    	left: 0;
    	right: 0;
    	background-color: rgba(29,29,27,.2);
    	z-index: 2;
    }
    */ }
  @media screen and (max-width: 768px) {
    .packageList .bodyContent {
      min-height: 370px; } }
  @media screen and (max-width: 767px) {
    .packageList {
      width: 100%; } }

label.packageList[disabled] {
  position: relative;
  cursor: not-allowed; }
  label.packageList[disabled]:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 4; }
  label.packageList[disabled]:after {
    position: absolute;
    content: 'Only available in Indonesia';
    font-size: 22px;
    font-family: "Lato-Regular", sans-serif;
    text-transform: uppercase;
    text-align: center;
    left: 10%;
    right: 10%;
    top: 50%;
    margin-top: -25px;
    z-index: 5; }
  label.packageList[disabled]:hover {
    background-color: #fff; }

label.packageList.noupgrade {
  position: relative;
  cursor: not-allowed; }
  label.packageList.noupgrade:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 4; }
  label.packageList.noupgrade:after {
    position: absolute;
    content: 'To select this package please contact cs@jakpost.com';
    font-size: 22px;
    font-family: "Lato-Regular", sans-serif;
    text-align: center;
    left: 10%;
    right: 10%;
    top: 45%;
    margin-top: -25px;
    z-index: 5; }
  label.packageList.noupgrade:hover {
    background-color: #fff; }

.packageOffline .packageList {
  width: 50%; }
  @media screen and (max-width: 640px) {
    .packageOffline .packageList {
      width: 100%;
      border: 1px solid #C4C6C7; } }

.packageList:hover
.packageContent {
  position: relative;
  margin: 0;
  display: block;
  height: auto;
  min-height: 100px;
  vertical-align: top;
  cursor: pointer; }

.packageRadio {
  display: none; }

.headContent {
  color: #1D1D1B;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1.2;
  padding: 16px 20px;
  min-height: 110px;
  height: auto; }
  .headContent small {
    color: #DD1E26;
    font-style: italic;
    font-size: 11px;
    text-transform: none; }
  .headContent .packageCode {
    position: absolute; }
  .headContent .packageName {
    font-family: "Lato-Regular", sans-serif;
    line-height: 1; }
  @media screen and (max-width: 640px) {
    .headContent {
      min-height: 114px; } }

.bodyContent {
  color: #1D1D1B;
  text-align: center;
  padding: 16px 20px;
  min-height: 480px;
  height: auto; }
  .bodyContent p {
    font-family: "Lora", serif;
    font-size: 1.1428571429em; }
  .bodyContent ul {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0; }
    .bodyContent ul li {
      float: none;
      list-style: none;
      margin: 0 0 10px;
      padding: 0; }
  .bodyContent img {
    display: inline-block;
    margin: 0px 0 20px; }
  @media screen and (max-width: 640px) {
    .bodyContent {
      min-height: 40px; } }

.btn-package {
  position: absolute;
  left: 0%;
  right: 0;
  margin: 0 auto;
  bottom: 16px;
  padding: 8px 12px 4px;
  background-color: #c81c13;
  font-family: "Lato-Regular", sans-serif;
  color: #fff;
  text-transform: uppercase;
  width: 120px;
  z-index: 2;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .btn-package:hover {
    color: #fff; }

select.form-duration {
  display: block;
  width: 100%;
  height: 44px;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; }

.form-duration[disabled] {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1; }

.packageDuration {
  padding: 1em 0; }

.packageDurationList {
  margin: 20px 0;
  padding: 0;
  list-style: none; }
  .packageDurationList li {
    position: relative;
    font-family: "Lato", sans-serif;
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    display: flex;
    justify-content: space-between; }
  .packageDurationList .optionListDur {
    width: 45%;
    align-self: center;
    font-size: 16px; }
  .packageDurationList .pricelistDur {
    text-align: right;
    width: 55%;
    align-self: center; }
    .packageDurationList .pricelistDur span {
      color: #000;
      font-size: 18px;
      font-family: "Lato", sans-serif;
      display: block;
      line-height: 20px; }
    .packageDurationList .pricelistDur .strikePrice {
      font-size: 16px;
      color: #DD1E26;
      display: block; }
    .packageDurationList .pricelistDur span.hidden, .packageDurationList .pricelistDur .strike.hidden {
      display: none; }
  .packageDurationList [type="radio"]:checked,
  .packageDurationList [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px; }
  .packageDurationList [type="radio"]:checked + label,
  .packageDurationList [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    line-height: 18px;
    display: inline-block;
    font-weight: normal; }
  .packageDurationList [type="radio"]:checked + label:before,
  .packageDurationList [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #1D1D1B;
    border-radius: 100%;
    background: #fff; }
  .packageDurationList [type="radio"]:checked + label:after,
  .packageDurationList [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #1D1D1B;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .packageDurationList [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  .packageDurationList [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  .packageDurationList .packagePrice--fake {
    font-size: 16px !important;
    color: #858585 !important;
    text-decoration: line-through; }

.packageSummary.disabled {
  cursor: default; }
.packageSummary .btn-next {
  padding-top: 10px;
  margin-top: 20px;
  min-width: 100px;
  background-color: #706F6F;
  font-family: "Lato-Regular", sans-serif;
  color: #fff;
  text-transform: uppercase;
  width: auto;
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease; }
  .packageSummary .btn-next.active:hover {
    -webkit-box-shadow: inset 0 5px 6px rgba(255, 255, 255, 0.4), 0 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 5px 6px rgba(255, 255, 255, 0.4), 0 2px 6px rgba(0, 0, 0, 0.5); }
  .packageSummary .btn-next.active:active, .packageSummary .btn-next.active:focus {
    outline: none;
    border: 1px solid #C81C13;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3); }
  .packageSummary .btn-next .fa {
    position: relative;
    top: 1px; }
  @media screen and (max-width: 640px) {
    .packageSummary .btn-next {
      margin-bottom: 10px; } }
.packageSummary .lineSummary {
  border-bottom: solid 1px #ababab; }
.packageSummary .leftSum {
  float: left;
  width: 30%;
  text-align: left; }
  .packageSummary .leftSum label {
    color: #DD1E26; }
  .packageSummary .leftSum.address {
    width: 20%; }
  .packageSummary .leftSum.upgrade {
    width: 38%; }
.packageSummary .rightSum {
  float: right;
  width: 70%;
  text-align: right; }
  .packageSummary .rightSum i, .packageSummary .rightSum span {
    color: #6B6B6A; }
  .packageSummary .rightSum.address {
    width: 80%; }
  .packageSummary .rightSum.upgrade {
    width: 62%; }
.packageSummary .sizeSummary {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  margin-bottom: .7em;
  padding-bottom: .7em; }
  .packageSummary .sizeSummary label, .packageSummary .sizeSummary span {
    font-family: "Lato", sans-serif;
    font-size: 17px;
    font-weight: 400; }
  .packageSummary .sizeSummary i {
    font-style: normal;
    margin-right: 3px; }
  .packageSummary .sizeSummary .oneline {
    display: inline-block; }
.packageSummary table {
  position: relative;
  width: 100%;
  display: inline-block; }
  .packageSummary table tbody {
    width: 100%;
    display: inline-block; }
    .packageSummary table tbody tr td {
      text-align: right; }
      .packageSummary table tbody tr td:last-child {
        width: 60%; }

/* PAYMENT METHOD */
.boxPaymentMethod {
  width: 100%;
  padding: 0;
  margin: 0 0 3em;
  text-align: center; }
  .boxPaymentMethod p {
    font-family: "Lora", serif;
    font-size: 1.1428571429em; }
  .boxPaymentMethod .methodTop {
    border: 1px solid #DC2027;
    color: #1D1D1B;
    padding: 1em 1.5em;
    margin-bottom: 1em;
    font-size: 1.1428571429em;
    background-color: #fff; }
    .boxPaymentMethod .methodTop .col-full {
      padding: 10px 15px; }
      @media (max-width: 768px) {
        .boxPaymentMethod .methodTop .col-full {
          float: left;
          display: inline-block;
          width: 100%; } }
    .boxPaymentMethod .methodTop ol, .boxPaymentMethod .methodTop ul {
      margin: 0 0 0 16px;
      padding: 0; }
  .boxPaymentMethod .accRight .methodList .methodBody {
    text-align: left;
    background-color: transparent; }
  .boxPaymentMethod .methodList {
    margin: .5em 0; }
    .boxPaymentMethod .methodList .methodHead {
      color: #1D1D1B;
      padding: 0px;
      background-color: #fff;
      border-bottom: solid 1px #ababab;
      text-align: left;
      -webkit-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .boxPaymentMethod .methodList .methodHead:last-child {
        border-top: none;
        border-bottom: solid 1px #ababab; }
    .boxPaymentMethod .methodList input {
      display: inline-block; }
    .boxPaymentMethod .methodList .methodTitle {
      display: inline-block;
      font-family: "Lora", serif;
      text-transform: capitalize;
      font-size: 0.7857142857em;
      margin: 0 0 0 5px; }
    .boxPaymentMethod .methodList .methodBody {
      display: none;
      padding: 1em 0;
      margin: .5em 0 0 0;
      background-color: #fff;
      overflow: hidden; }
      .boxPaymentMethod .methodList .methodBody h4 {
        font-family: "Lora", serif;
        font-weight: normal;
        font-size: 1em;
        margin-bottom: 1.5em;
        margin-top: 0; }
      .boxPaymentMethod .methodList .methodBody li {
        font-family: "Lora", serif;
        font-size: 0.8571428571em; }
      .boxPaymentMethod .methodList .methodBody.expand {
        display: block;
        height: 100%;
        padding: 2em 0 1.5em;
        box-shadow: 0px 2px 5px 0px #cccccc; }
        .boxPaymentMethod .methodList .methodBody.expand strong {
          font-weight: normal;
          font-family: "Lora", serif; }
    .boxPaymentMethod .methodList .icmblCustom {
      vertical-align: middle;
      font-size: 22px;
      margin: 0 10px; }
    .boxPaymentMethod .methodList .descBankTransfer {
      font-size: 17px;
      border-bottom: solid 1px #ababab; }
      .boxPaymentMethod .methodList .descBankTransfer ul {
        list-style: none;
        padding: 0; }
        @media (max-width: 480px) {
          .boxPaymentMethod .methodList .descBankTransfer ul li {
            margin-bottom: 10px; }
            .boxPaymentMethod .methodList .descBankTransfer ul li span {
              display: block; } }
  .boxPaymentMethod .chooseProv {
    margin: 0 0 1em;
    padding: 0; }
    .boxPaymentMethod .chooseProv.notes h4 {
      margin: .5em 0 0; }
    .boxPaymentMethod .chooseProv input:not([type="submit"]):not([type=button]), .boxPaymentMethod .chooseProv .select {
      width: 300px;
      float: none;
      background-color: #fff;
      padding: 10px 0px 10px 16px;
      border: solid 1px #ddd;
      font-family: "Lato", sans-serif;
      font-size: 1.1428571429em; }
    .boxPaymentMethod .chooseProv input[type="number"]:hover, .boxPaymentMethod .chooseProv input[type="number"]:focus, .boxPaymentMethod .chooseProv input[type="number"]:active, .boxPaymentMethod .chooseProv select:hover, .boxPaymentMethod .chooseProv select:focus, .boxPaymentMethod .chooseProv select:active {
      outline: 0; }
    .boxPaymentMethod .chooseProv .buttons {
      width: 200px;
      padding: .4em 1em .1em;
      border: 0; }
  .boxPaymentMethod .numTransc {
    font-family: "Lora", serif;
    color: #DC2027; }
  .boxPaymentMethod .descMobileBalance .select select {
    font-family: "Lato", sans-serif;
    font-size: 1.1428571429em; }
  .boxPaymentMethod .descMobileBalance .select:after {
    content: "\f0dd";
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    background-image: none;
    font-size: 21px;
    height: 25px;
    line-height: 1;
    color: #969696; }
  .boxPaymentMethod .methodLast {
    margin-top: 30px; }
    .boxPaymentMethod .methodLast h4 {
      font-size: 17px;
      font-family: "Lato", sans-serif; }
  @media screen and (max-width: 1024px) {
    .boxPaymentMethod {
      padding: 0 1em; } }

p#loading {
  display: inline-block;
  margin: 0 0 0 10px;
  color: #DC2027;
  font-size: 22px;
  line-height: 1;
  vertical-align: middle; }

.hideForm {
  display: none; }

.infoPay {
  margin-top: 10px;
  display: block;
  font-size: 12px;
  right: 14px;
  bottom: -24px; }
  @media (max-width: 640px) {
    .infoPay {
      position: relative;
      right: unset;
      bottom: unset; } }

/*
.tooltip {
	position: relative;
	cursor: pointer;
	color: #dc2027;
	.tooltipShow {
		position: absolute;
		top: 100%;
		right: 0;
		padding: 10px;
		background-color: #fff;

	}
}
*/
.remodal .boxPaymentMethod {
  margin-top: 0; }
  .remodal .boxPaymentMethod .methodTop {
    margin: 0;
    text-align: left;
    padding: 8px 5px; }
    .remodal .boxPaymentMethod .methodTop.price {
      padding: 3px 0 0 0;
      margin-top: -7px;
      font-size: 30px;
      font-family: "Lora", serif; }
      .remodal .boxPaymentMethod .methodTop.price div[class*="col-md"] {
        padding: 0; }
      @media screen and (max-width: 640px) {
        .remodal .boxPaymentMethod .methodTop.price {
          font-size: 20px; } }
  .remodal .boxPaymentMethod .methodLast {
    margin-top: 10px; }
  .remodal .boxPaymentMethod.waitingPayment .methodTop.price {
    margin-top: -8px;
    border: none; }
    .remodal .boxPaymentMethod.waitingPayment .methodTop.price .col-full {
      padding: 5px 5px 2px;
      background-color: #eee;
      color: #dc2027; }
      @media screen and (max-width: 640px) {
        .remodal .boxPaymentMethod.waitingPayment .methodTop.price .col-full {
          font-size: 20px; } }
  .remodal .boxPaymentMethod.waitingPayment .methodTop.methodHeadBlock {
    margin-top: 0px; }
  @media screen and (max-width: 768px) {
    .remodal .boxPaymentMethod.waitingPayment .methodTop div[class*="col-md"] {
      width: 49.5%; } }
  @media screen and (max-width: 640px) {
    .remodal .boxPaymentMethod.waitingPayment .methodTop div[class*="col-md"] {
      width: 100%; }
      .remodal .boxPaymentMethod.waitingPayment .methodTop div[class*="col-md"]:last-child {
        border: none; } }

.btn-red-custom {
  width: 100%;
  display: inline-block;
  box-shadow: none;
  border-radius: 0;
  border: none;
  outline: none;
  font-size: 16px;
  background-color: #DD1E26;
  font-family: "Lato", sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding: 14px 18px 12px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear; }
  .btn-red-custom:hover, .btn-red-custom:focus, .btn-red-custom:active {
    color: #fff;
    background-color: rgba(200, 28, 19, 0.85); }
  .btn-red-custom[disabled] {
    background-color: #706F6F; }
    .btn-red-custom[disabled]:hover, .btn-red-custom[disabled]:focus, .btn-red-custom[disabled]:active {
      background-color: #706F6F; }
  .btn-red-custom.brdius {
    border-radius: 5px; }

.btn-red-custom-2 {
  padding-top: 10px;
  margin-top: 20px;
  min-width: 100px;
  font-family: "Lato-Regular", sans-serif;
  color: #fff;
  text-transform: uppercase;
  width: auto;
  outline: none;
  background-color: #C81C13;
  border: 1px solid #a21a12;
  -webkit-box-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.3), 0 2px 6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.3), 0 2px 6px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease; }
  .btn-red-custom-2:hover {
    color: #fff;
    border: 1px solid #C81C13;
    -webkit-box-shadow: inset 0 5px 6px rgba(255, 255, 255, 0.4), 0 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 5px 6px rgba(255, 255, 255, 0.4), 0 2px 6px rgba(0, 0, 0, 0.5); }
  .btn-red-custom-2:focus {
    color: #fff;
    outline: none;
    border: 1px solid #C81C13;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3); }
  .btn-red-custom-2 .fa {
    position: relative;
    top: 1px; }

.btn-wr-custom {
  width: 100%;
  display: inline-block;
  border-radius: 0px;
  box-shadow: none;
  border: 1px solid #DD1E26;
  outline: none;
  background-color: #fff;
  font-family: "Lato", sans-serif;
  color: #DD1E26;
  text-transform: uppercase;
  padding: 14px 18px 12px;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear; }
  .btn-wr-custom:hover, .btn-wr-custom:focus, .btn-wr-custom:active {
    color: #fff;
    background-color: rgba(200, 28, 19, 0.85);
    outline: none;
    outline-offset: unset; }
  .btn-wr-custom[disabled] {
    background-color: #706F6F;
    border: 1px solid #706F6F;
    color: #fff; }
    .btn-wr-custom[disabled]:hover, .btn-wr-custom[disabled]:focus, .btn-wr-custom[disabled]:active {
      background-color: #706F6F;
      outline: none;
      outline-offset: unset; }
  .btn-wr-custom.brdius {
    border-radius: 5px; }
  .btn-wr-custom.trs {
    background-color: transparent; }
    .btn-wr-custom.trs:hover, .btn-wr-custom.trs:focus, .btn-wr-custom.trs:active {
      color: #DD1E26;
      background-color: white; }

.btn-premium[disabled] {
  background-color: #706F6F; }

.radioCustom {
  position: relative; }
  .radioCustom input[type=radio] {
    position: absolute;
    top: 3px;
    left: 22px;
    opacity: 0;
    z-index: 6;
    cursor: pointer; }
  .radioCustom label {
    display: block;
    position: relative;
    font-weight: 300;
    font-size: 1.35em;
    padding: 10px 5px 10px 36px;
    margin: 0px auto;
    height: auto;
    z-index: 9;
    cursor: pointer;
    font-family: "Lora", serif;
    -webkit-transition: all 0.25s linear; }
  .radioCustom.radio-s2 label {
    font-size: 14px;
    padding: 3px 5px 5px 24px; }
  .radioCustom.radio-s2.radio-inline label {
    padding: 3px 5px 5px 0px; }
  .radioCustom.radio-s3 label {
    font-size: 16px;
    padding: 3px 5px 1em 2em; }
  .radioCustom.radio-s3.radio-inline label {
    padding: 3px 5px 5px 0px; }
  .radioCustom.radio-inline {
    display: inline-block; }
  .radioCustom .check {
    display: block;
    position: absolute;
    border: 1px solid #AAAAAA;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 14px;
    left: 5px;
    z-index: 5;
    background-color: #fff;
    transition: border .25s linear;
    -webkit-transition: border .25s linear; }
  .radioCustom.radio-s2 .check, .radioCustom.radio-s3 .check {
    height: 16px;
    width: 16px;
    top: 6px;
    left: 0px; }
  .radioCustom .checkboxArea {
    position: relative;
    display: inline-block;
    margin-left: 12px; }
    .radioCustom .checkboxArea input {
      display: inline-block; }
      @media (max-width: 1024px) {
        .radioCustom .checkboxArea input {
          position: relative;
          top: 3px; } }
    .radioCustom .checkboxArea label {
      display: inline-block;
      font-size: 12px;
      padding-left: 0px; }
    @media (max-width: 320px) {
      .radioCustom .checkboxArea {
        margin-left: 0px; }
        .radioCustom .checkboxArea label {
          padding: 16px 0 5px; } }

.radioCustom:hover label {
  color: #1D1D1B; }

.radioCustom:hover .check {
  border: 1px solid #1D1D1B; }

.radioCustom .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 3px;
  left: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear; }

.radioCustom.radio-s2 .check::before,
.radioCustom.radio-s3 .check::before {
  height: 12px;
  width: 12px;
  top: 1px;
  left: 1px; }

.radioCustom input[type=radio]:checked ~ .check {
  border: 1px solid #aaa; }

.radioCustom input[type=radio]:checked ~ .check::before {
  background: #C81C13; }

.radioCustom input[type=radio]:checked ~ label {
  color: #1D1D1B; }

.form-custom input.form-control {
  border-radius: 0px;
  border: 2px solid #ccc;
  margin-bottom: 8px;
  height: auto;
  padding: 10px 12px;
  font-size: 16px; }
  .form-custom input.form-control:last-child {
    margin-bottom: 30px; }

.formInp {
  padding-left: 0; }

.choose-sort .choose-title {
  display: inline-block;
  padding: 7px 0;
  font-family: "Lato", sans-serif;
  font-size: 16px; }
  @media (max-width: 480px) {
    .choose-sort .choose-title {
      font-size: 14px; } }
.choose-sort .choose-button {
  display: inline-block;
  position: relative;
  outline: none;
  float: right; }
  @media (max-width: 480px) {
    .choose-sort .choose-button {
      float: none;
      vertical-align: middle; } }
  .choose-sort .choose-button .btn {
    display: inline-block;
    vertical-align: top; }
    .choose-sort .choose-button .btn .fa {
      margin-left: 10px; }
      @media (max-width: 414px) {
        .choose-sort .choose-button .btn .fa {
          margin-left: 5px; } }
    .choose-sort .choose-button .btn + .btn {
      margin-top: 0;
      margin-left: 10px; }
      @media (max-width: 414px) {
        .choose-sort .choose-button .btn + .btn {
          margin-left: 5px; } }
    @media (max-width: 414px) {
      .choose-sort .choose-button .btn span {
        display: none; } }
@media (max-width: 920px) {
  .choose-sort {
    padding: 0;
    margin: 1em 0; } }

/* Purchased HISTORY */
@media (max-width: 768px) {
  .menuLeft {
    margin-top: 10px; } }
.menuLeft ul {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%; }
  .menuLeft ul li {
    float: none;
    list-style: none;
    padding: 0;
    margin: 0 0 5px 0; }
    .menuLeft ul li a {
      display: block;
      padding: .7em 0;
      border-bottom: 1px solid #ccc;
      color: #1D1D1B;
      font-family: "Lato-Regular", sans-serif;
      font-size: 16px;
      text-transform: uppercase; }
      .menuLeft ul li a.active {
        color: #DC2027; }
@media screen and (max-width: 991px) {
  .menuLeft {
    display: none;
    position: fixed;
    z-index: 2;
    background-color: #fff;
    left: 0;
    right: 0;
    width: 90%;
    margin: auto;
    padding: 0em; }
    .menuLeft ul li {
      margin: 0; }
      .menuLeft ul li a {
        font-family: "Lato", sans-serif;
        padding: 1em; }
        .menuLeft ul li a.active {
          background-color: #f5f5f5;
          color: #000; } }

.smallNav {
  display: none;
  padding: 0; }
  @media screen and (max-width: 991px) {
    .smallNav {
      display: block;
      margin: 0 0 .5em;
      background-color: #fff; }
      .smallNav select {
        display: block;
        padding: .7em 1em;
        margin: 0;
        border: 1px solid #ccc;
        color: #1D1D1B;
        font-family: "Lato", sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        width: 100%;
        background-color: #fff; }
        .smallNav select:active, .smallNav select:focus {
          outline: none; }
      .smallNav h2 .fas {
        float: right; } }

@media screen and (max-width: 768px) {
  .rightContent {
    margin-left: 0; } }

@-webkit-keyframes skew /* Safari and Chrome */ {
  0% {
    transform: skewX(-45deg) translateX(0); }
  100% {
    transform: skewX(-45deg) translateX(20em); } }
@keyframes skew {
  0% {
    transform: skewX(-45deg) translateX(0); }
  100% {
    transform: skewX(-45deg) translateX(20em); } }
.ulTable {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
  display: block;
  clear: left;
  width: 100%; }
  @media screen and (min-width: 992px) {
    .ulTable li:hover {
      opacity: 1; }
      .ulTable li:hover .boxBookmark .titleNews {
        color: #DC2027; }
    .ulTable .orderPurch {
      text-align: right; }
    .ulTable .detlPurch {
      display: table-cell;
      vertical-align: middle;
      float: none; } }
  .ulTable li {
    list-style: none;
    display: table;
    width: 100%;
    padding: 20px 0 26px 0;
    border-bottom: 1px solid #ccc;
    position: relative;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; }
    @media screen and (max-width: 640px) {
      .ulTable li {
        padding: 10px 0 16px 0; } }
    .ulTable li .tableCategory a {
      padding: 0;
      display: block;
      width: 100%; }
      .ulTable li .tableCategory a .date {
        line-height: normal;
        margin-top: 0;
        font-family: "Lato-Regular", sans-serif; }
        .ulTable li .tableCategory a .date:before {
          bottom: 7px;
          top: 2px; }
        .ulTable li .tableCategory a .date span:before {
          background-color: #000000;
          top: 4px; }
    .ulTable li .dateBookmark .tableCategory {
      font-family: "Lato-Regular", sans-serif;
      font-size: 16px;
      color: #777;
      text-align: right; }
  .ulTable .orderPurch {
    vertical-align: top; }
  .ulTable h4 {
    margin: 0; }
  .ulTable.bookmarked h4 {
    margin-top: 0; }
  .ulTable .boxBookmark .titleNews {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  .ulTable .boxPurch {
    padding: 0;
    margin: 0;
    display: table; }
  .ulTable .descPurch {
    padding-left: 0; }
  .ulTable .pricePurch {
    padding-left: 0; }
  .ulTable .orderPurch {
    padding: 0; }
    .ulTable .orderPurch .btn {
      overflow: hidden;
      position: relative; }
      .ulTable .orderPurch .btn:before {
        content: "";
        background-color: rgba(255, 255, 255, 0.5);
        height: 100%;
        width: 3em;
        display: block;
        position: absolute;
        top: 0;
        left: -4.5em;
        transition: none; }
    @media screen and (max-width: 991px) {
      .ulTable .orderPurch {
        margin-top: 1em; } }
  .ulTable .shortDesc {
    color: #a2a2a2; }
  .ulTable .btn {
    margin: 0; }
  .ulTable .btnComplt {
    width: 230px;
    border-color: #ddd;
    color: #000;
    font-size: 0.9285714286em; }

.centerPremium {
  margin: 0 auto; }
  .centerPremium p {
    font-size: 1.1428571429em; }
  @media screen and (min-width: 992px) {
    .centerPremium {
      width: 400px; } }

.boxPackageBr {
  background-color: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  position: relative;
  height: 100%; }

.mainPremium .packageBox {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 20px 1.5em; }
  .mainPremium .packageBox .package-actions {
    margin-top: 15px; }
  .mainPremium .packageBox.boxSlPck {
    margin: 0;
    padding: 35px 3em; }
    @media screen and (max-width: 767px) {
      .mainPremium .packageBox.boxSlPck {
        padding: 35px 2em; } }
  .mainPremium .packageBox.nm {
    margin: 0; }
.mainPremium .imgBanner {
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .mainPremium .imgBanner {
      margin: 0;
      background-color: #fff;
      padding: 15px 20px 5px;
      margin-top: 15px; } }
.mainPremium .boxPackage {
  background-color: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
.mainPremium .pricelistPremi div {
  display: none; }
.mainPremium .pricelistPremi .selectedPackageDuration {
  display: none; }
.mainPremium .select {
  background-color: #f2f2f2;
  padding: .5em;
  border: solid 2px rgba(0, 0, 0, 0.05);
  float: none; }
  .mainPremium .select select {
    font-size: 18px;
    font-family: "Lato", sans-serif; }
@media screen and (max-width: 767px) {
  .mainPremium .packageBox {
    padding-left: 2em;
    padding-right: 2em; } }

.col-boxPackages {
  margin: 0 auto 2em; }
  @media screen and (min-width: 860px) {
    .col-boxPackages {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      width: 840px; }
      .col-boxPackages .packageName {
        min-height: 52px; } }
  .col-boxPackages .dis-flex {
    padding: 20px; }
  .col-boxPackages .mainPremium {
    background-color: #fff; }
    .col-boxPackages .mainPremium .imgBanner {
      padding: 2em; }
    .col-boxPackages .mainPremium .boxPackage {
      margin-top: 0;
      padding-top: 1.5em; }

.partnerJPPackage .paymentPage {
  margin-top: 25px; }
  .partnerJPPackage .paymentPage .packageTitle {
    text-align: left;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 700;
    margin: 0; }
  .partnerJPPackage .paymentPage .boxPaymentMethod {
    margin-bottom: 1em; }
  .partnerJPPackage .paymentPage .methodLast {
    margin-top: 10px; }
    .partnerJPPackage .paymentPage .methodLast .btn {
      margin: 0; }
  .partnerJPPackage .paymentPage .methodList .methodHead {
    border: 0; }
  .partnerJPPackage .paymentPage .radioCustom label {
    padding: 10px 0;
    text-align: left;
    cursor: default; }
  .partnerJPPackage .paymentPage .radioCustom .check {
    display: none; }
@media screen and (max-width: 767px) {
  .partnerJPPackage {
    overflow: hidden; } }

.packageName {
  font-family: "Lato", sans-serif;
  margin: 0 -15px;
  font-size: 22px;
  font-weight: 700; }

.packageSubName {
  color: #DD1E26;
  margin: 2px 0; }
  .packageSubName.mpty {
    padding: 8.5px 0;
    display: block; }

.partnerJp {
  border-top: solid 2px rgba(0, 0, 0, 0.2);
  border-bottom: solid 2px rgba(0, 0, 0, 0.2);
  padding: 1em 0; }
  .partnerJp .durationPack {
    font-size: 22px;
    font-family: "Lato", sans-serif; }
  .partnerJp .pricePackage {
    color: #DD1E26; }
  .partnerJp .pricePackageUSD {
    color: #7d7d7d;
    display: block;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700; }

.pricelistPremi {
  text-align: left;
  margin-top: 1em; }
  .pricelistPremi span {
    color: #000;
    font-size: 17px;
    font-family: "Lato", sans-serif; }
  .pricelistPremi .strikePrice {
    color: #DD1E26;
    margin-right: 7px; }

.pricePackage {
  font-size: 1.8571428571em;
  display: block;
  font-family: "Lato", sans-serif;
  color: #000; }
  .pricePackage.overPrice {
    color: #DD1E26;
    font-size: 1.3571428571em;
    text-decoration: line-through; }

.bxprice .priceJpPackage {
  display: none; }
  .bxprice .priceJpPackage:first-child {
    display: block; }

.packageCategory {
  margin-top: 20px;
  margin-bottom: 20px; }
  .packageCategory span {
    margin-top: 4px;
    display: inline-block;
    border: solid 1px #a5a5a5;
    font-size: 0.9285714286em;
    color: #555555;
    padding: 4px 6px;
    border-radius: 5px; }

.headerSubs p {
  font-family: "Lora", serif; }
@media screen and (min-width: 1025px) {
  .headerSubs {
    padding: 0; } }
.headerSubs .packageTitle {
  font-size: 32px;
  margin: 0; }
@media screen and (max-width: 600px) {
  .headerSubs .packageTitle {
    font-size: 1.7857142857em; } }

@media screen and (min-width: 600px) {
  .headlinePremi {
    margin: 0 -75px; } }
.headlinePremi .packageTitle {
  line-height: 1.2; }
@media screen and (max-width: 600px) {
  .headlinePremi {
    margin: 0; } }

.headlinePartner .packageTitle {
  font-size: 2em;
  margin: 15px 0;
  text-transform: inherit; }
@media screen and (max-width: 600px) {
  .headlinePartner .packageTitle {
    font-size: 1.5em;
    padding: 15px; }
  .headlinePartner p {
    padding: 0 2em; } }
@media screen and (max-width: 400px) {
  .headlinePartner .packageTitle {
    font-size: 1.2857142857em; } }

.partnerFaq {
  margin: 0 0 5em; }
  .partnerFaq .packageTitle {
    margin-bottom: 0;
    line-height: 1; }
  .partnerFaq .no-list li {
    padding: 1.5em 0;
    border-bottom: solid 2px rgba(0, 0, 0, 0.22); }
  .partnerFaq .slidePackages li {
    border: 0;
    padding: 1em 0em 0; }
  .partnerFaq p {
    margin-bottom: 1em; }
    .partnerFaq p:last-child {
      margin-bottom: 0; }
  .partnerFaq p, .partnerFaq a, .partnerFaq li {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 300; }
    .partnerFaq p strong, .partnerFaq a strong, .partnerFaq li strong {
      font-family: "Lato", sans-serif; }
  @media screen and (max-width: 920px) {
    .partnerFaq {
      margin: 0em 0 5em; } }

.headBokmark .choose-button .btn:hover, .headBokmark .choose-button .btn:active, .headBokmark .choose-button .btn:focus {
  background-color: #DC2027;
  color: #fff;
  border-color: #DC2027;
  box-shadow: 0px 4px 10px -5px #848484; }
@media screen and (max-width: 920px) {
  .headBokmark {
    margin: 2em 0 0; }
    .headBokmark .formInp {
      padding: 0; } }

.main-container {
  margin-top: .9em; }

ul.ulTable li.search-result {
  padding: 5px 0px;
  background-color: #e3e3e3;
  border-bottom: none; }

.clearSearch {
  position: absolute;
  right: 0px;
  top: 1px;
  width: 40px !important;
  min-width: unset !important;
  padding: 6px 0px !important;
  z-index: 5;
  border-top: none !important;
  border-bottom: none !important; }

.boxContent .boxTitle {
  padding: 8px 12px;
  font-family: "Lato-Regular", sans-serif;
  font-size: 26px;
  background-color: #e3e3e3; }
.boxContent .boxSub {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 12px;
  margin: -1px 0 0 0;
  border: 1px solid #e3e3e3;
  background: #fff; }

.boxNotif {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 8px 2em;
  margin-bottom: 20px;
  background: #fff; }
  .boxNotif .notifContent {
    display: block;
    margin: 30px 0; }
  .boxNotif .closeButton {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 24px;
    cursor: pointer; }
  .boxNotif h2 {
    font-family: "Lora", serif;
    line-height: 1.2;
    margin: 0 0 1em;
    font-size: 22px; }

.inlineChange {
  margin-right: 20px; }
  .inlineChange input, .inlineChange textarea {
    height: auto; }
    .inlineChange input.inlineInput, .inlineChange textarea.inlineInput {
      width: 100%;
      border: none;
      display: inline-block;
      min-width: inherit; }
      .inlineChange input.inlineInput.inputActive, .inlineChange textarea.inlineInput.inputActive {
        border: 1px solid #ccc;
        padding: 4px 10px; }
  .inlineChange select {
    height: auto; }
    .inlineChange select.inlineInput {
      width: 100%;
      border: none;
      display: inline-block;
      min-width: inherit;
      padding: 0; }
      .inlineChange select.inlineInput.inputActive {
        border: 1px solid #ccc;
        padding: 4px 10px;
        border-radius: 0px;
        margin-bottom: 6px; }
      .inlineChange select.inlineInput[disabled] {
        color: inherit; }
  .inlineChange .select-style {
    border: none;
    font-family: "Lato", sans-serif; }
    .inlineChange .select-style:after {
      display: none; }
    .inlineChange .select-style select.inputActive:after {
      display: inline-block; }
  .inlineChange textarea {
    resize: none;
    height: 100%; }
  .inlineChange a {
    color: #c81c13;
    cursor: pointer; }

.formEdit, .formEditPass {
  position: relative;
  display: none; }

.btnHide {
  display: none; }

.btn {
  padding: 8px 12px 6px; }

.btn-white {
  background-color: #fff;
  font-family: "Lato-Regular", sans-serif;
  color: #c81c13;
  text-transform: uppercase;
  min-width: 100px;
  width: auto;
  margin-top: 0px;
  border: 1px solid #ccc;
  border-radius: 0px;
  outline: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }
  .btn-white:hover, .btn-white:active, .btn-white:focus {
    outline: none; }

.btn-full {
  width: 100%;
  padding: 14px 18px 12px; }

.btn-medium {
  font-size: 14px;
  padding: 8px 12px 6px;
  min-width: inherit; }

.btn-small {
  padding: 6px 12px 4px;
  font-size: 10px;
  min-width: inherit; }

.btn-auto {
  width: auto; }

.btn + .btn {
  margin-top: 14px; }

.btnInline .btn + .btn {
  margin-top: 0; }

.formBoxSub input.form-control {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #ccc; }
  @media screen and (max-width: 768px) {
    .formBoxSub input.form-control {
      width: 100%; } }
  .formBoxSub input.form-control:focus {
    outline: none;
    border-color: #ce5651;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 47, 36, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 47, 36, 0.6); }

.select-style {
  position: relative;
  padding: 0;
  margin: 0;
  border: 1px solid #C4C6C7;
  color: #1D1D1B;
  border-radius: 0px;
  background-color: #fff; }
  .select-style.select-s1 {
    border: 1px solid #e3e3e3;
    font-family: "Lato-Regular", sans-serif;
    color: #dc2027; }
  .select-style.select-s2 {
    border: 1px solid #ccc; }
  .select-style.select-s3 {
    border: none;
    background: none;
    text-align: center;
    width: auto; }
    .select-style.select-s3:after {
      content: ""; }
    .select-style.select-s3 select {
      border-bottom: 1px solid #3c3c3b;
      border-radius: 0px;
      padding: 0px 12px;
      line-height: 22px; }
      .select-style.select-s3 select:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none; }
    @media screen and (max-width: 768px) {
      .select-style.select-s3 {
        display: block; } }
  .select-style:after {
    color: #dc2027;
    position: absolute;
    content: "\f107";
    font-family: 'FontAwesome';
    text-align: center;
    font-size: 24px;
    right: 0;
    top: 0;
    height: 34px;
    width: 34px;
    z-index: 1; }
  .select-style select {
    position: relative;
    padding: 8px 34px 4px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
    .select-style select:focus {
      outline: none;
      border-color: #ce5651;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 47, 36, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 47, 36, 0.6); }
    .select-style select[disabled] {
      color: #aaa; }

.formSLidePass {
  display: none;
  position: relative; }

.form-custom {
  margin-bottom: 5px;
  border-radius: 0px;
  border: 1px solid #e3e3e3; }
  .form-custom:focus {
    border-color: #ce5651;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 47, 36, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(175, 47, 36, 0.6); }

.divList {
  width: 100%;
  display: inline-block; }
  .divList + .divList {
    border-top: 1px solid #e3e3e3; }

.statusPayment {
  display: inline-block;
  width: 100%;
  height: auto;
  text-align: center;
  position: relative;
  margin: 30px 0 40px; }
  .statusPayment .statusSuccess,
  .statusPayment .statusFailed {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 14px;
    font-size: 70px;
    color: #fff;
    text-shadow: 0 0.05em 0 rgba(0, 0, 0, 0.2); }
  .statusPayment .statusSuccess {
    background-color: #2FA966; }
  .statusPayment .statusFailed {
    background-color: #C81C13; }

.removeBookmark {
  position: absolute;
  right: 0;
  top: 0; }
  .removeBookmark a {
    color: #95979c;
    background: none; }
    .removeBookmark a:hover, .removeBookmark a:focus {
      color: #2b2e38; }
  @media (max-width: 768px) {
    .removeBookmark {
      right: 0; } }

/** MODAL **/
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes; }

.remodal-wrapper {
  padding: 10px 10px 0; }

.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 24px 70px;
  color: #2b2e38;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes; }

.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

.remodal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center; }

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0); } }
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 800px; } }
@media only screen and (max-width: 767px) {
  .remodal {
    padding: 10px 35px; } }
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

.remodal,
[data-remodal-id] {
  display: none; }

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  display: inline-block; }

@-webkit-keyframes fadeOutUp2 {
  from {
    opacity: 1;
    display: inline-block; }
  95% {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 0;
    display: none;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp2 {
  from {
    opacity: 1;
    display: inline-block; }
  95% {
    opacity: 0;
    display: inline-block;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 0;
    display: none;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }
.fadeOutUp2 {
  -webkit-animation-name: fadeOutUp2;
  animation-name: fadeOutUp2; }

@media (min-width: 769px) {
  #accountMenu {
    display: none; } }

@media (max-width: 768px) {
  h2 {
    margin-top: 10px; }

  .divList .col-md-9, .divList .col-md-3 {
    width: 50%;
    display: inline-block; }
    .divList .col-md-9 h2, .divList .col-md-3 h2 {
      font-size: 20px;
      margin-top: 0px; }
  .divList .col-md-3 {
    width: 48%; } }
.notes {
  margin: 1.5em 0 0;
  font-family: "Lora", serif; }
  .notes p {
    font-size: 1.1428571429em; }
  .notes h4 {
    font-family: "Lora", serif; }

.boxSummary {
  background-color: transparent;
  padding: 1em 0; }
  .boxSummary .packageSummary {
    margin: 0;
    padding-top: 1em; }

.buttonNext {
  width: 350px;
  max-width: 100%;
  margin: 0 auto;
  clear: left; }
  .buttonNext .btn {
    width: 100%;
    margin: 3em 0;
    font-family: "Lato-Regular", sans-serif;
    text-transform: uppercase;
    font-size: 1.2857142857em;
    padding: .7em 0 .4em;
    border: 0;
    line-height: 1; }
    .buttonNext .btn:focus, .buttonNext .btn:active, .buttonNext .btn.active {
      box-shadow: none;
      background-color: #DC2027;
      color: #fff;
      outline: none;
      box-shadow: 0px 5px 10px -5px #000; }

.paymentPage {
  z-index: 1; }
  .paymentPage .packageTitle {
    font-family: "Lato-Bold", sans-serif;
    font-size: 1.5em;
    font-weight: normal; }
  .paymentPage .notes {
    margin: 0; }
    .paymentPage .notes h4 {
      margin: .5em 0; }
  .paymentPage .radioCustom label {
    padding: .8em 0 .8em 36px; }
  .paymentPage .radioCustom .check {
    top: 20px; }
  .paymentPage .buttonNext .btn {
    margin: 0em 0 2em; }
  .paymentPage .packageSummary .sizeSummary {
    width: 100%;
    margin: 1em 0;
    font-size: 17px;
    padding: 0 0 15px; }
  @media screen and (max-width: 1024px) {
    .paymentPage {
      margin-top: .9em; } }
  @media screen and (max-width: 991px) {
    .paymentPage {
      padding: 0; }
      .paymentPage .boxPaymentMethod {
        padding: 0; }
        .paymentPage .boxPaymentMethod .clearL {
          padding: 0; } }

.notif {
  font-family: "Lora", serif;
  background-color: rgba(220, 32, 39, 0.2);
  display: inline-block;
  clear: both;
  padding: .7em 1.5em;
  font-size: 15px;
  color: #DC2027;
  margin: .5em 0; }
  .notif .expnd {
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 20px;
    border: solid 1px #DC2027;
    text-align: center;
    margin-right: 10px; }

.titleAcc {
  font-family: "Lato-Regular", sans-serif;
  font-size: 1.7142857143em;
  font-weight: normal;
  margin: 0 0 .5em; }

.accLeft .packageSummary {
  margin: 0; }
@media screen and (min-width: 1025px) {
  .accLeft {
    padding-left: 0;
    margin-bottom: 2em; } }
@media screen and (max-width: 991px) {
  .accLeft {
    margin-bottom: 1em; }
    .accLeft .titleAcc {
      margin: .5em 0 .8em; } }

.accRight {
  padding: 0 0em 0 2em;
  margin-bottom: 2em; }
  @media screen and (max-width: 1024px) {
    .accRight {
      padding: 0 1em; } }
  @media screen and (max-width: 991px) {
    .accRight {
      margin-bottom: 1em;
      padding: 0 1em; }
      .accRight .titleAcc {
        margin: .5em 0 .8em; } }

.bgWht {
  background-color: #fff; }

.hlTransc {
  font-family: "Lora", serif;
  font-size: 17px; }

.scTrans span {
  font-family: "Lora", serif;
  font-size: 17px; }

.contentWrap {
  font-family: "Lora", serif;
  padding: 2em;
  margin-bottom: 2em; }
  .contentWrap p {
    font-size: 1.2857142857em; }
  .contentWrap .listBoxSubsc {
    margin: 0 -3em; }
    .contentWrap .listBoxSubsc .titlePack {
      font-family: "Lato-Regular", sans-serif;
      display: block;
      font-size: 1.3571428571em;
      color: #DC2027; }
    .contentWrap .listBoxSubsc h2 {
      margin: 0;
      font-size: 1.5em;
      font-family: "Lato-Regular", sans-serif;
      text-transform: uppercase; }
  .contentWrap .boxSubsc {
    display: inline-block;
    padding: 0 3em; }
    @media screen and (min-width: 860px) {
      .contentWrap .boxSubsc {
        width: 33.33333%; } }
  .contentWrap .titleAcc {
    text-transform: uppercase;
    border-bottom: solid 1px #ddd;
    padding-bottom: .4em; }
  @media screen and (max-width: 640px) {
    .contentWrap {
      padding: 2em 1em; } }

.detailProfile {
  padding: 0; }
  .detailProfile .sideL, .detailProfile .sideR {
    padding: 0; }
  .detailProfile .label {
    font-family: "Lato", sans-serif;
    font-size: 1.2142857143em;
    display: block;
    color: #DC2027;
    margin-bottom: .2em; }
  .detailProfile .detailLabel {
    font-family: "Lora", serif;
    font-size: 1.4285714286em;
    margin-bottom: 1em; }

.loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 3; }
  .loader img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }

.buttons {
  background-color: #DC2027;
  display: inline-block;
  font-family: "Lato-Regular", sans-serif;
  font-size: 1.2857142857em;
  text-transform: uppercase;
  color: #fff;
  padding: .7em 1em .4em;
  text-align: center;
  margin: .5em 0 0;
  box-shadow: 0px 0px 5px -2px #b3b3b3;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  @media screen and (min-width: 769px) {
    .buttons {
      width: 330px;
      max-width: 75%; } }
  .buttons:focus, .buttons:hover {
    box-shadow: none;
    background-color: #DC2027;
    color: #fff;
    outline: none;
    border-radius: 5px;
    box-shadow: 0px 5px 10px -5px #000; }
  .buttons.full {
    width: 100%;
    max-width: 100%; }
  @media screen and (max-width: 768px) {
    .buttons {
      width: 100%;
      max-width: 100%;
      font-size: 1.1428571429em; } }

.btnChange {
  display: block;
  margin: -2em 0 2em;
  background-color: #fff;
  padding: 0 2em;
  clear: left; }
  @media screen and (max-width: 768px) {
    .btnChange {
      background-color: transparent;
      padding: 0;
      margin-top: 0; }
      .btnChange .buttonTrans {
        width: 100%; } }

.buttonTrans {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  color: #DC2027;
  text-transform: uppercase;
  background-color: transparent;
  width: 250px;
  display: block;
  text-align: center;
  padding: .8em 0 .8em;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border: solid 1px #DC2027;
  position: relative;
  cursor: pointer;
  z-index: 1;
  margin-bottom: 1em;
  clear: left; }
  .buttonTrans:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    left: 0;
    right: 0;
    bottom: -1px;
    background: #DC2027;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .buttonTrans:hover {
    color: #fff; }
    .buttonTrans:hover:before {
      -webkit-transform: scaleX(1);
      transform: scaleX(1); }
  .buttonTrans.btnNoAn:before {
    display: none; }
  .buttonTrans.btnNoAn:hover {
    color: #DC2027;
    box-shadow: inset 0px 6px 11px -10px #000, 0 12px 5px -10px rgba(0, 0, 0, 0.4);
    transform: translateY(-1px); }

.packagesTC p, .packagesTC a, .packagesTC li {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 400; }
.packagesTC a {
  color: #DD1E26; }
@media screen and (max-width: 920px) {
  .packagesTC p, .packagesTC a {
    line-height: 1.6; } }

.subsribetnc {
  padding: 0; }

.slidePackages .titleHeadline {
  background: #F7F7F7;
  padding: 1em;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
  position: relative; }
  .slidePackages .titleHeadline:after {
    content: "\f067";
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
    font-size: 14px;
    line-height: 27px;
    position: absolute;
    right: 15px;
    top: 13px;
    width: 30px;
    height: 30px;
    border: solid 2px rgba(0, 0, 0, 0.5);
    border-radius: 30px;
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, 0.5); }
  .slidePackages .titleHeadline.in:after {
    content: "\f068"; }
.slidePackages .detailHeadline {
  display: none;
  padding: 1em; }
  .slidePackages .detailHeadline p, .slidePackages .detailHeadline a, .slidePackages .detailHeadline li {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 400; }
@media screen and (max-width: 920px) {
  .slidePackages .detailHeadline p, .slidePackages .detailHeadline a {
    line-height: 1.6; } }

.btnInline .buttonTrans {
  display: inline-block;
  width: 150px; }
  .btnInline .buttonTrans:hover {
    background-color: #DC2027; }
    .btnInline .buttonTrans:hover:before {
      display: none; }

.sort-bookmark.btn[data-order="desc&q="], .sort-publish.btn[data-order="asc&q="] {
  display: none; }

.box-payment-row {
  display: flex;
  justify-content: center;
  padding: 3em 0 7em; }
  .box-payment-row p {
    margin: 0;
    font-family: "Lato",sans-serif;
    font-size: 1.125em;
    color: rgba(0, 0, 0, 0.51); }
  .box-payment-row .packageSummary .sizeSummary {
    margin-bottom: 0.5em; }

.cta-back {
  font-family: "Lato",sans-serif;
  font-size: 1.125em;
  color: rgba(0, 0, 0, 0.51);
  display: block;
  margin: 0 0 1em; }

.invoice-white-box {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  overflow: hidden; }

.invoice-info-box {
  background-color: #f1f1f1;
  padding: 10px 0;
  border-radius: 5px;
  margin: 0; }
  .invoice-info-box .i-left {
    text-align: left; }
    @media screen and (max-width: 767.98px) {
      .invoice-info-box .i-left {
        text-align: center;
        width: 100%; } }
  .invoice-info-box .i-right {
    text-align: right; }
    @media screen and (max-width: 767.98px) {
      .invoice-info-box .i-right {
        text-align: center;
        width: 100%; } }

.logo-and-btn img {
  width: 145px;
  height: auto;
  margin: 6px auto;
  display: block;
  padding: 15px 0; }
.logo-and-btn .payment-btn {
  display: block;
  background-color: #DD1E26;
  color: #fff;
  display: block;
  cursor: pointer;
  width: 100%;
  font-size: 1em;
  font-family: "Lato",sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  padding: .52em 0;
  border: 0;
  border-radius: 5px; }
  .logo-and-btn .payment-btn:hover {
    box-shadow: 0px 3px 4px -2px #7b7b7b; }

.ss-pymnt {
  text-align: center;
  margin: 30px 0 5px; }
  .ss-pymnt p, .ss-pymnt span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    position: relative;
    font-family: "Lato-Bold", sans-serif;
    vertical-align: middle; }
    @media screen and (max-width: 767.98px) {
      .ss-pymnt p, .ss-pymnt span {
        font-size: 13px; } }

.transcation-history {
  text-align: center;
  margin: 1.5em 0; }
  .transcation-history .cta-transaction-history {
    font-family: "Lato",sans-serif;
    font-size: 17px;
    color: #DD1E26;
    text-decoration: underline; }

@media screen and (min-width: 1024px) {
  .packages-row {
    margin: 0 auto;
    justify-content: center;
    display: flex;
    align-content: center; } }
@media screen and (max-width: 1024px) {
  .packages-row {
    width: 100%; } }

@media screen and (max-width: 1024px) {
  .packages-row--voucher {
    width: 100%;
    margin: 0; } }

.borderBoxSummary {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }

.bordBtm {
  border-bottom: 1px solid #E5E5E5; }

.boxAdd.packageBox.white {
  padding-top: 1em;
  margin-bottom: .8em; }
.boxAdd .editAddress {
  text-align: right; }
  .boxAdd .editAddress a {
    cursor: pointer;
    color: #333333; }
  .boxAdd .editAddress i {
    margin-right: 8px; }
  .boxAdd .editAddress span {
    font-family: "Lato", sans-serif;
    font-size: 17px;
    font-weight: 300; }

.package-tabs {
  margin: 20px auto; }
  .package-tabs .state, .package-tabs .tabbtn {
    display: none; }
  @media screen and (max-width: 1023px) {
    .package-tabs .state, .package-tabs .tabbtn {
      display: block; }
    .package-tabs .state {
      position: absolute;
      left: -10000px; }
    .package-tabs .flex-tabs {
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      .package-tabs .flex-tabs .tab {
        flex-grow: 1;
        margin: 0; }
      .package-tabs .flex-tabs .panel {
        min-height: 300px;
        display: none;
        width: 100%;
        flex-basis: auto; }
    .package-tabs .tabbtn {
      background: #FFFFFF;
      border: 1px solid #DD1E26;
      box-sizing: border-box;
      border-radius: 5px;
      color: #DD1E26;
      text-transform: uppercase;
      font-size: 0;
      margin: 0 auto; }
    .package-tabs .tab {
      display: inline-block;
      padding: 15px;
      vertical-align: top;
      background-color: #fff;
      cursor: hand;
      cursor: pointer;
      font-size: 14px;
      border-right: 1px solid #DD1E26; }
      .package-tabs .tab:last-child {
        border-right: none; }
      .package-tabs .tab:hover {
        background-color: #DD1E26;
        color: #fff; }
    .package-tabs #tab-one:checked ~ .tabs #tab-one-label,
    .package-tabs #tab-two:checked ~ .tabs #tab-two-label,
    .package-tabs #tab-three:checked ~ .tabs #tab-three-label {
      background-color: #DD1E26;
      color: #fff;
      cursor: default; }
    .package-tabs #tab-one:checked ~ .tabs [data-id="1"],
    .package-tabs #tab-two:checked ~ .tabs [data-id="2"],
    .package-tabs #tab-three:checked ~ .tabs [data-id="3"] {
      display: block; } }

.boxAddressForm .form {
  display: grid;
  grid-gap: 1rem; }
.boxAddressForm .field {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 6px 0; }
.boxAddressForm .field__label {
  text-transform: capitalize;
  margin-bottom: 6px;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  color: #ADADAD;
  text-align: left;
  font-weight: 400;
  padding: 0 5px; }
.boxAddressForm .required:before {
  content: " *";
  color: red;
  margin-right: 5px;
  font-size: 18px;
  position: relative;
  top: 2.5px; }
.boxAddressForm .field__input {
  padding: 0; }
.boxAddressForm .field:focus-within {
  border-color: #000; }
.boxAddressForm .fields {
  display: grid;
  grid-gap: 1rem; }
.boxAddressForm .fields--2 {
  grid-template-columns: 1fr 1fr; }
.boxAddressForm .fields--3 {
  grid-template-columns: 1fr 1fr 1fr; }

.inputAddressStyle input[type="text"], .inputAddressStyle .inputText input[type="number"], .inputAddressStyle .inputText textarea {
  padding: 12px 18px;
  margin: 0;
  outline: 0;
  font-weight: 400;
  font-size: 15px;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 1px solid #C4C4C4 !important;
  border-radius: 5px; }
.inputAddressStyle input[type="text"]:focus, .inputAddressStyle .inputText input[type="number"]:focus, .inputAddressStyle .inputText textarea:focus {
  box-shadow: none;
  border: 1px solid rgba(206, 86, 81, 0.4) !important; }
.inputAddressStyle input[readonly] {
  background: #F7F7F7;
  color: #868686; }
.inputAddressStyle .packageChoosenGrid {
  display: block;
  position: relative; }
  .inputAddressStyle .packageChoosenGrid .imgPck {
    max-width: 220px;
    margin: 8px auto; }
  .inputAddressStyle .packageChoosenGrid .pricePck {
    width: 100%;
    text-align: center;
    padding: 0 20px; }
    .inputAddressStyle .packageChoosenGrid .pricePck .priceSlc {
      font-family: "Lora", serif;
      font-weight: 500;
      font-size: 18px;
      color: #000000;
      margin: 0; }

.pymt {
  margin-top: 0; }

#infoBooked {
  font-family: "Lora", serif;
  font-weight: normal;
  font-size: 1em;
  margin-bottom: 1.5em;
  margin-top: 0;
  display: block;
  color: #DD1E26; }

.changeAddressWidget {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 18;
  display: none;
  align-items: center; }
  .changeAddressWidget .lyrWidget {
    height: 100%;
    display: flex;
    align-items: center; }
  .changeAddressWidget .mainWidget {
    width: 500px; }
  .changeAddressWidget.openWidget .signin {
    transition-delay: .3s;
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0);
    opacity: 1; }
  .changeAddressWidget .bgPopup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .changeAddressWidget .signin {
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 0px 12px -3px #fff;
    opacity: 0;
    -webkit-transform: translate(0px, -30px);
    -moz-transform: translate(0px, -30px);
    -o-transform: translate(0px, -30px);
    -ms-transform: translate(0px, -30px);
    transform: translate(0px, -30px);
    transition: all .8s; }

.boxPopupAdd {
  background: #F6F6F6;
  margin: 0;
  padding: 30px;
  padding-bottom: 32px;
  border-radius: 10px; }
  .boxPopupAdd input[type="text"], .boxPopupAdd input[type="number"], .boxPopupAdd textarea {
    background-color: #fff; }
  .boxPopupAdd input[readonly] {
    background-color: #f2f2f2; }

.processLoadBook {
  background: url(../img/loading.gif) no-repeat scroll center center transparent;
  background-size: 100px;
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 1s;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
  top: 50%;
  transform: translateY(-50%);
  z-index: 13; }

.loadRL {
  position: relative;
  overflow: hidden; }

.pck-chcklst li.mb-10 {
  margin-bottom: 10px; }
.pck-chcklst li.mb-15 {
  margin-bottom: 15px; }
.pck-chcklst li.mb-20 {
  margin-bottom: 20px; }
.pck-chcklst li.mb-25 {
  margin-bottom: 25px; }

.mt-space {
  margin-top: 63px; }

.upPckgWrap {
  margin-top: 3em; }
  .upPckgWrap .packageTitle {
    text-transform: none; }

.leftProfile .logoutAccount a {
  color: #dd1e26; }

body {
  padding: 0; }

.tjp-Head.shdw {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }

.logo-jakartapost {
  padding: 13px 0; }

.bundleTopContainer.withBckG {
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover; }

.packageContainer.bundling {
  padding: 30px 0 30px; }

.packageTitle.bundle {
  font-family: 'Fjalla One', sans-serif;
  font-weight: normal;
  font-size: 36px;
  text-transform: uppercase;
  color: #6B6B6A;
  margin-bottom: 1.3em; }

.packageDesc.bundle {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #6B6B6A;
  line-height: 24px;
  margin: 0; }

.packageCaption {
  display: block;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #6B6B6A;
  line-height: 24px;
  margin: 35px 0 44px; }

.packageContainer .packageCountry {
  justify-content: center;
  padding: 0;
  margin: 30px 0; }

.packageContainer .packageCountry select:hover {
  cursor: pointer; }

.packageContainer .packageCountry select {
  width: 110px;
  font-size: 21px; }

.packageLgo {
  margin: 30px 0; }

.packageLgo .wrapLgo .Lgo {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 15px; }

.Lgo .seprtr {
  width: 1px;
  height: 63px;
  background-color: #6B6B6A;
  display: block; }

.boxPackageBr.bundle {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
  border-radius: 25px; }

.packageBox.bundling {
  border-radius: 25px; }

.packageCategory span {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #868686;
  margin: 4px 2.3px; }
  .packageCategory span:nth-child(4) {
    margin-right: 20px; }
  .packageCategory span.hide {
    width: 100px;
    visibility: hidden; }

.btn-wr-custom {
  border-radius: 15px;
  border: 1px solid #DD1E26;
  outline: none !important;
  background-color: #DD1E26;
  color: #fff; }

.termsContainer {
  background-color: #F5F5F5; }

.termsTitle {
  font-family: "Lora", serif;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 2em; }

.packagesTC p, .packagesTC a, .packagesTC li {
  font-family: "Lato",sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px; }

.packagesTC p:last-child {
  margin-bottom: 0; }

.bndlFooContainer {
  background-color: #E5E5E5;
  padding: 10px 0; }

.linedFoot {
  border-bottom: 1px solid #ADADAD; }

.footer * {
  transition: none; }

.termsConWrap {
  padding: 3em 1em; }

.termsConWrapNew {
  padding: 3em 0 0 1em; }

.faqNew {
  padding: 3em 0 0 0; }

.box-list-info {
  border-radius: 15px;
  outline: none !important;
  background-color: #E5E5E5;
  margin-top: 4em;
  padding: 1em 3em; }

.box-list-info .titleInfo {
  color: #494949;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px; }

.box-list-info .titleInfo a {
  color: #DB2027;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px; }

.list-item {
  padding: 0em 3em; }

.list-item ol {
  padding: 0em 1em; }

.list-item ul {
  list-style: none;
  padding: 0em 0em; }

.list-item li {
  font-family: "Lato",sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000000; }

.list-item li a {
  color: #DB2027; }

.paymentPartnerLogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 3.5em;
  margin-right: -25px;
  margin-left: -25px;
  justify-content: center;
  align-items: center; }
  .paymentPartnerLogo--no-wrap {
    margin-bottom: 20px;
    padding: 0 20px;
    flex-wrap: nowrap; }

.paymentPartnerLogo .logoWrap {
  position: relative;
  margin: 12px; }

.footnotePckg {
  margin: 5em 0 0;
  text-align: center;
  color: #6B6B6A; }

.packageName a {
  color: #DB2027; }

@media screen and (min-width: 1024px) {
  .packageDesc.bundle {
    padding: 0 12em; }

  .packages-row.bundling {
    width: 900px; }

  .packageContainer.bundling {
    padding: 70px 0 110px; }

  .bundleTopContainer.withBckG {
    background-size: 108%;
    background-position: top right; }

  .bundleTopContainer.withBckG--custom {
    background-position: top; }

  .bundleTopContainer.withBckG--partner {
    background-position: top;
    background-size: contain; }

  .termsConWrap {
    padding: 6em 5em; }

  .termsConWrapNew {
    padding: 6em 5em 6em 1em; }

  .faqNew {
    padding: 6em 5em 6em 0; } }
@media screen and (min-width: 1200px) {
  .packageDesc.bundle {
    padding: 0 9em; } }

/*# sourceMappingURL=order.css.map */