@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");

@font-face {
  font-family: "gothamblack";
  src: url("../fonts/gotham-black-webfont.eot");
  src: url("../fonts/gotham-black-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/gotham-black-webfont.woff") format("woff"),
    url("../fonts/gotham-black-webfont.ttf") format("truetype"),
    url("../fonts/gotham-black-webfont.svg#gothamblack") format("svg");
  font-weight: normal;
  font-style: normal;
}

.gothamBlack {
  font-family: "Gotham Black Regular", "gothamblack", "Open Sans", Arial !important;
}

@font-face {
  font-family: "gothambold";
  src: url("../fonts/gotham-bold-webfont.eot");
  src: url("../fonts/gotham-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/gotham-bold-webfont.woff") format("woff"),
    url("../fonts/gotham-bold-webfont.ttf") format("truetype"),
    url("../fonts/gotham-bold-webfont.svg#gothambold") format("svg");
  font-weight: normal;
  font-style: normal;
}

.gothamBold {
  font-family: "Gotham Bold Regular", "gothambold", "Open Sans", Arial !important;
}

@font-face {
  font-family: "gothamextra_light";
  src: url("../fonts/gotham-extralight-webfont.eot");
  src: url("../fonts/gotham-extralight-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/gotham-extralight-webfont.woff") format("woff"),
    url("../fonts/gotham-extralight-webfont.ttf") format("truetype"),
    url("../fonts/gotham-extralight-webfont.svg#gothamextra_light")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

.gothamLight {
  font-family: "Gotham ExtraLight Regular", "gothamextra_light", "Open Sans",
    Arial !important;
}

@font-face {
  font-family: "gothambook";
  src: url("../fonts/gotham-book-webfont.eot");
  src: url("../fonts/gotham-book-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/gotham-book-webfont.woff") format("woff"),
    url("../fonts/gotham-book-webfont.ttf") format("truetype"),
    url("../fonts/gotham-book-webfont.svg#gothambook") format("svg");
  font-weight: normal;
  font-style: normal;
}

.gothamBook {
  font-family: "Gotham Book Regular", "gothambook", "Open Sans", Arial !important;
}

@font-face {
  font-family: "TrajanPro";
  src: url("../fonts/TrajanPro-Regular.eot");
  src: url("../fonts/TrajanPro-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/TrajanPro-Regular.woff") format("woff"),
    url("../fonts/TrajanPro-Regular.ttf") format("truetype"),
    url("../fonts/TrajanPro-Regular.svg#TrajanPro") format("svg");
  font-weight: normal;
  font-style: normal;
}

.openSans {
  font-family: "Open Sans", sans-serif !important;
}

.trajanPro {
  font-family: "Trajan Pro", "TrajanPro", Arial, sans-serif !important;
}

.raleWay {
  font-family: "RaleWay", "Open Sans", Arial, sans-serif !important;
}

ul.manus-list-white2 li:after {
  background: url("../img/bullet-white3.png") no-repeat;
}

html,
body {
  scroll-behavior: unset;
}

.counter-group {
  margin: 0 auto;
  text-align: center;
}

.counter-group::before,
.counter-group::after {
  content: " ";
  display: table;
}

.counter-group::after {
  clear: both;
}

.counter-block {
  display: inline-block;
  margin: 0 1%;
  position: relative;
  width: 21.55%;
}

.counter-block .counter::before {
  background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #ffffff 34%,
      #c1c1c1 51%,
      #b3b3b3 75%,
      #e3e3e3 93%,
      #e3e3e3 100%
    )
    repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #222222;
  content: " ";
  height: 20px;
  left: -5px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 10px;
  z-index: 111;
}

.counter-block .counter::after {
  background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #ffffff 34%,
      #c1c1c1 51%,
      #b3b3b3 75%,
      #e3e3e3 93%,
      #e3e3e3 100%
    )
    repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #222222;
  content: " ";
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: -5px;
  top: 50%;
  width: 10px;
  z-index: 112;
}

.counter-block .counter {
  border: 2px solid #222222;
  border-radius: 6px;
  font-family: "Open Sans Condensed", "Arial Narrow", "Nimbus Sans L",
    sans-serif;
  font-weight: 700;
  height: 97px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.counter-block .counter .number {
  background-color: #ffffff;
  color: #444444;
  font-size: 65px;
  height: 98%;
  line-height: 89px;
  padding: 1%;
  position: absolute;
  text-align: center;
  top: -10000px;
  width: 49%;
}

.counter-block::before {
  background: none repeat scroll 0 0 #555555;
  content: " ";
  height: 1px;
  left: 0;
  margin-left: 2px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 92.5%;
  z-index: 110;
}

.counter-block .counter .tens {
  padding-left: 11%;
}

.counter-block .counter .units {
  padding-right: 11%;
}

.counter-block .counter .number.tens {
  left: 0;
}

.counter-block .counter .number.units {
  left: 50%;
}

.counter-block .counter .number.hundreds {
  display: none;
}

.counter-block .counter .number.show {
  top: 0;
  z-index: 2;
}

.counter-block .counter .number.hidden-down {
  top: 100%;
}

.counter-block .counter .number.hidden-up {
  top: -100%;
  z-index: 100;
}

.counter-block .counter.with-hundreds {
  width: 300px;
}

.counter-block .counter.with-hundreds .number {
  width: 30.66%;
}

.counter-block .counter.with-hundreds .number.tens {
  left: 33.33%;
}

.counter-block .counter.with-hundreds .number.units {
  left: 66.66%;
}

.counter-block .counter.with-hundreds .number.hundreds {
  display: block;
  left: 0;
}

.counter-block .counter-caption {
  color: #949494;
  font-size: 100%;
  text-align: center;
}

@media (max-width: 768px) {
  .counter-block .counter {
    height: 73px;
  }

  .counter-block .counter .number {
    font-size: 40px;
    line-height: 72px;
  }
}

#offer-countdown,
.offer-countdown,
body .pt_countdown {
  width: 320px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  margin-top: 0 !important;
}

.counter-group,
.pt_countdown,
div.pt_count_item,
.countdown_row {
  background-color: #222222;
}

.countdown_row {
  padding-left: 1em;
}

.counter-block::before,
.pt_countdown .pt_count_item::before {
  display: none;
}

.counter-group::before,
.pt_countdown::before {
  display: none;
}

.counter-group .counter-block,
.pt_countdown .pt_count_item,
.countdown_section {
  width: 76px;
  margin: 0;
  position: relative;
  padding: 0;
  display: inline-block;
}

.counter-block .counter,
.countdown_amount {
  border-radius: 0px;
  border: none;
  height: 50px;
}

.countdown_amount {
  /*letter-spacing: 0.75em !important;*/
}

.counter-block .counter::before,
.pt_countdown .pt_count_item:before,
.countdown_amount:before {
  content: ":";
  border: none;
  font-size: 30px;
  margin-top: -15px;
  width: 5px;
  left: 0px;
  font-family: "Gotham Book Regular", "gothambook", "Open Sans", Arial !important;
  color: #ffffff;
  background: transparent;
  z-index: 9999;
  height: 20px;
  left: -5px;
  display: block;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 10px;
  z-index: 111;
}

.pt_countdown .pt_count_item:before,
.countdown_amount:before {
  top: 12%;
}

.countdown_amount:before {
  left: -15px;
}

.counter-block .counter::after {
  display: none;
}

.counter-block .counter.days::before,
.pt_countdown .pt_count_item.pt_count_days:before,
.countdown_section:first-child .countdown_amount:before {
  display: none;
}

.counter-block .counter .number.hundreds {
  display: none !important;
}

.counter-block .counter .number.tens {
  width: 55%;
}

.counter-block .counter .tens {
  padding-left: 13%;
}

.counter-block .counter .number.units {
  width: 43%;
}

.counter-block .counter .units {
  padding-right: 0%;
}

.counter-block .counter .number,
.pt_countdown .pt_count_item,
.countdown_amount {
  background-color: transparent;
  color: #ffffff;
  font-size: 30px;
  line-height: 46px;
  letter-spacing: 4px;
  font-weight: bold;
  text-align: center;
  font-family: "Gotham Book Regular", "gothambook", "Open Sans", Arial !important;
}

.counter-block .counter-caption,
.pt_countdown .pt_count_item span,
.descp {
  font-size: 12px;
  line-height: 12px;
  padding-bottom: 12px;
  vertical-align: top;
  padding-left: 10px;
  font-family: "Gotham Book Regular", "gothambook", "Open Sans", Arial !important;
  color: #949494;
  text-align: center;
  letter-spacing: normal;
  font-weight: normal;
}

.ftf-guarantee {
  color: #ffffff;
  background-color: #2e2e2f;
}

@media (min-width: 768px) {
  .ftf-guarantee {
    background-image: url(../img/guaranteeBG-left.png),
      url(../img/guaranteeBG-right.png);
    background-position: top center, top center;
    background-size: auto auto, auto auto;
    background-repeat: no-repeat, no-repeat;
  }
}

@media (min-width: 992px) {
  .ftf-guarantee {
    background-image: url(../img/guaranteeBG-left.png),
      url(../img/guaranteeBG-right.png);
    background-position: top center, top center;
    background-size: auto auto, auto auto;
    background-repeat: no-repeat, no-repeat;
  }
}

@media screen and (min-width: 1334px) {
  .ftf-guarantee {
    background-image: url(../img/guaranteeBG-left.png),
      url(../img/guaranteeBG-right.png);
    background-position: top left, top right;
    background-size: auto auto, auto auto;
    background-repeat: no-repeat, no-repeat;
  }
}