/* new-mobiscroll */
/* new-mobiscroll */
/* flexbox */
/* new-mobiscroll */
/* new-mobiscroll */
/* flexbox */
.container_12 {
  max-width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
}

.container_9 {
  max-width: 1024px;
  padding: 0 20px;
  margin: 0 auto;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_24 {
  float: left;
  margin: 0 2%;
}

.grid_12 {
  width: 96%;
}

.grid_10 {
  width: 79.34%;
}

.grid_6 {
  width: 46%;
}

.grid_8 {
  width: 62.66%;
}

.grid_7 {
  width: 53.66%;
}

.grid_5 {
  width: 38.33%;
}

.grid_4 {
  width: 29.33%;
}

.grid_3 {
  width: 21%;
}

.grid_24 {
  width: 16%;
}

.grid_9 {
  width: 71%;
}

.grid_1 {
  width: 4.33%;
}

.grid_2 {
  width: 12.66%;
}

.subgrid_3 {
  float: left;
  margin: 0 1%;
}

.subgrid_3 {
  width: 23%;
}

.grid_12.lgr-mrg {
  margin: 0 3%;
}

@media (max-width: 1080px) {
  .grid_24 {
    width: 21%;
  }
}
@media (max-width: 990px) {
  .grid_9 {
    width: 96%;
  }

  .grid_3 {
    width: 46%;
  }

  .subgrid_3 {
    width: 48%;
  }
}
@media (max-width: 915px) {
  .grid_4 {
    width: 46%;
  }

  .grid_5 {
    width: 46%;
  }

  .grid_12.space {
    display: none;
  }

  .clear.hidden {
    display: block;
  }
}
@media (max-width: 1019px) {
  .grid_24 {
    width: 29%;
  }
}
@media (max-width: 640px) {
  .grid_6 {
    width: 96%;
  }

  .grid_4 {
    width: 96%;
  }

  .grid_5 {
    width: 96%;
  }

  .grid_24 {
    width: 46%;
  }
}
@media (max-width: 480px) {
  .grid_3 {
    width: 96%;
  }

  .grid_24 {
    width: 96%;
  }

  .subgrid_3 {
    width: 98%;
  }
}
/* new-mobiscroll */
/* new-mobiscroll */
/* flexbox */
.gen-btn {
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 35px;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -ms-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

.gen-btn-v1 {
  border-radius: 10px;
  border: 2px solid;
  padding: 0.7em 2.2em;
  font-size: 16px;
}

.gen-btn.gen-btn-shadow {
  border: 0;
  border-radius: 0;
  box-shadow: 0 2px 5px #ccc;
}

.gen-btn .micons {
  padding-right: 12px;
}

.gen-btn:hover,
.gen-btn:focus {
  text-decoration: none;
  outline: 0;
}

.gen-btn-block {
  display: block;
  width: 100%;
}

.gen-btn-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.gen-btn-md {
  padding: 10px 30px;
}

.gen-btn-lg {
  padding: 0.8em 2.6em;
  font-size: 16px;
}

.gen-btn-xl {
  padding: 0.8em 2.6em;
  font-size: 19px;
}

.gen-btn-xs {
  padding: 5px 8px;
  font-size: 12px;
}

/* Outlined */
.gen-btn.gen-btn-default {
  border-color: #011742;
  color: #011742;
  border-width: 2px;
}

.gen-btn.gen-btn-default:hover {
  background: #011742;
  color: #fff;
  text-decoration: none;
}

.gen-btn.gen-btn-danger {
  border-color: #f77f7f;
  color: #f77f7f;
}

.gen-btn.gen-btn-danger:hover {
  background: #f77f7f;
  color: #fff;
}

.gen-btn.gen-btn-darkblue {
  border-color: #011742;
  color: #011742;
}

.gen-btn.gen-btn-darkblue:hover {
  background: #011742;
  color: #fff;
}

.gen-btn.gen-btn-neutral {
  border-color: #3cb95a;
  color: #3cb95a;
}

.gen-btn.gen-btn-neutral:hover {
  background: #3cb95a;
  color: #fff;
}

.gen-btn.gen-btn-blue {
  border-color: #3f98f6;
  color: #3f98f6;
}

.gen-btn.gen-btn-blue:hover {
  background: #3f98f6;
  color: #fff;
}

.gen-btn.gen-btn-primary {
  border-color: #ff4080;
  color: #ff4080;
}

.gen-btn.gen-btn-primary:hover {
  background: #ff4080;
  color: #fff;
}

.gen-btn.gen-btn-tertiary {
  border-color: #ffb260;
  color: #ffb260;
}

.gen-btn.gen-btn-tertiary:hover {
  background: #ffb260;
  color: #fff;
}

.gen-btn.gen-btn-secondary {
  border-color: #4d4d4d;
  color: #4d4d4d;
}

.gen-btn.gen-btn-secondary:hover,
.gen-btn.gen-btn-secondary.active,
.gen-btn.gen-btn-secondary.zeroclipboard-is-hover {
  background: #4d4d4d;
  color: #fff;
  text-decoration: none;
}

.gen-btn.gen-btn-grey {
  background: #939EAA;
  border-color: #939EAA;
  color: #fff;
}

.gen-btn.gen-btn-grey:hover {
  background: #5f6b78;
}

button.gen-btn {
  background: rgba(255, 255, 255, 0);
}

.gen-btn.gen-btn-purple {
  border-color: #ab7bd1;
  color: #ab7bd1;
}

.gen-btn.gen-btn-purple:hover {
  background: #ab7bd1;
  color: #fff;
}

.gen-btn-mobi-blue {
  border-color: #011742;
  color: #011742;
}

.gen-btn-mobi-blue:hover {
  background: #011742;
  color: #fff;
}

/* Filled */
.gen-btn.gen-btn-filled {
  border-color: rgba(255, 255, 255, 0);
  color: #fff;
}

.gen-btn-filled.gen-btn-default {
  background: #011742;
}

.gen-btn-filled.gen-btn-default:hover {
  background: #ff4080;
}

.gen-btn-filled.gen-btn-danger {
  background: #f77f7f;
}

.gen-btn-filled.gen-btn-danger:hover {
  background: #f44f4f;
}

.gen-btn-filled.gen-btn-darkblue {
  background: #011742;
}

.gen-btn-filled.gen-btn-darkblue:hover {
  background: black;
}

.gen-btn-filled.gen-btn-neutral {
  background: #3cb95a;
}

.gen-btn-filled.gen-btn-neutral:hover {
  background: #236c35;
}

.gen-btn-filled.gen-btn-blue {
  background: #3f98f6;
}

.gen-btn-filled.gen-btn-blue:hover {
  background: #0965c6;
}

.gen-btn-filled.gen-btn-primary {
  background: #ff4080;
  color: #fff;
}

.gen-btn-filled.gen-btn-primary:hover {
  background: #ff0d5e;
}

.gen-btn-filled.gen-btn-tertiary {
  background: #ffb260;
  color: #fff;
}

.gen-btn-filled.gen-btn-tertiary:hover {
  background: #ff911c;
}

.gen-btn-filled.gen-btn-secondary {
  background: #4d4d4d;
}

.gen-btn-filled.gen-btn-secondary:hover {
  background: #1a1a1a;
}

.gen-btn-filled.gen-btn-purple {
  background: #ab7bd1;
  color: #fff;
}
.gen-btn-filled.gen-btn-purple:hover {
  background: #793bab;
}

.gen-btn-filled.gen-btn-mobi-blue {
  background: #011742;
  color: #fff;
}
.gen-btn-filled.gen-btn-mobi-blue:hover {
  background: #ff4080;
}

.gen-btn-narrow {
  padding: 0.6em 0.75em;
}

.gen-btn.gen-btn-inverse {
  color: #011742;
  background: #fff;
}

.gen-btn.gen-btn-inverse:hover {
  color: #fff;
  background: #011742;
}

.gen-btn.gen-btn-radius {
  border-radius: 10px;
}

.btn-container-split {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.btn-container-split > .gen-btn {
  -ms-flex-grow: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 50%;
}

.header-pricing-btn {
  padding: 8px 50px;
  margin: 2px 0px;
  float: right;
  border-radius: 10px;
}

.alpha-dialog-content .gen-btn.dialog-close-btn {
  position: absolute;
  top: 30px;
  right: 20px;
  background: #135A92;
  padding: 6px 10px;
  font-size: 14px;
  opacity: 0.8;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.alpha-dialog-content .gen-btn.dialog-close-btn:hover {
  background: #135A92;
  opacity: 1;
}

/* new-mobiscroll */
/* new-mobiscroll */
/* flexbox */
.header {
  position: relative;
  background: #fff;
  z-index: 175;
  zoom: 1;
  box-shadow: 0 0 3px #4d4d4d;
  /* new-mobiscroll */
  font-family: "myriad-pro", sans-serif, verdana;
  box-shadow: none;
}

.header .container_12 {
  max-width: none;
  padding: 0 20px;
}

.header-menu {
  float: right;
  padding: 25px 0;
  font-family: sans-serif, verdana;
  text-transform: capitalize;
}
.header-menu svg {
  position: relative;
  top: -2px;
}
@media (max-width: 879px) {
  .header-menu {
    display: none;
  }
}

.header-menu-resources.gen-popover {
  max-width: 900px;
}

/* Nav icon */
.nav-menu {
  overflow: hidden;
  border-bottom: 1px solid #b9b9b9;
  padding: 30px;
}
@media (max-width: 350px) {
  .nav-menu {
    padding: 25px;
  }
}

.nav-menu:last-child {
  border-bottom: 0;
}

.nav-menu a {
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #4d4d4d;
}

.nav-menu p {
  font-size: 18px;
  margin-top: 0;
  font-weight: normal;
}

.nav-menu a:hover {
  text-decoration: underline;
}

.nav-menu-col {
  width: 50%;
  float: left;
}

.nav-icon {
  display: none;
  width: 40px;
  height: 35px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
@media (max-width: 879px) {
  .nav-icon {
    display: block;
  }
}

.demo-page-hamb-menu {
  min-width: 300px;
}

.nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 32px;
  background: #011742;
  border-radius: 9px;
  opacity: 1;
  left: 4px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  transition: 0.25s ease-in-out;
}

.nav-icon span:nth-child(1) {
  top: 11px;
}

.nav-icon span:nth-child(2) {
  top: 19px;
}

.nav-icon span:nth-child(3) {
  top: 27px;
}

.nav-icon.gen-hover span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 8px;
  left: 8px;
}

.nav-icon.gen-hover span:nth-child(2) {
  width: 0;
  opacity: 0;
}

.nav-icon.gen-hover span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 30px;
  left: 8px;
}

.menu-c {
  position: relative;
}

.menu .mi {
  display: block;
  padding: 0 10px;
  margin: 0 2px;
  float: left;
  height: 30px;
  line-height: 30px;
  color: #11283a;
  text-shadow: none;
  border-radius: 5px;
  font-size: 12px;
  font-weight: normal;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  -o-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
  /* new-mobiscroll */
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.5px;
  color: #011742;
}
.menu .mi-title {
  font-size: 14px;
}
.menu .mi.active {
  background: #2682CE;
  color: #fff;
  /* new-mobiscroll */
  background: #011742;
}
.menu .mi.active svg path {
  fill: #fff;
}

.menu .mi:hover,
.header-menu .mi.gen-hover {
  background: #79848D;
  text-decoration: none;
  color: #fff;
  /* new-mobiscroll */
  background: #011742;
}
.menu .mi:hover svg path,
.header-menu .mi.gen-hover svg path {
  fill: #fff;
}

.header-menu .submenu-cc {
  float: left;
  position: relative;
}

.header-logo {
  display: block;
  width: 230px;
  height: 36px;
  margin: 0;
  padding: 22px 0;
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
@media (min-width: 1050px), (max-width: 879px) {
  .header-logo .mobi-logo-small {
    display: none;
  }
}
@media (max-width: 1049px) and (min-width: 880px) {
  .header-logo {
    width: 65px;
  }
  .header-logo .mobi-logo {
    display: none;
  }
}

.gravatar {
  vertical-align: middle;
  margin-top: -4px;
  border-radius: 50%;
}

.gravatar-cont {
  display: block;
  padding: 2px 10px 2px 0;
  height: 30px;
  line-height: 30px;
  float: left;
}

/* flash sale banner */
.flash-sale {
  font-size: 18px;
  text-align: center;
  padding: 12px 15px 0 15px;
  background-color: #000;
  border-bottom: 1px solid #000;
  text-shadow: none;
  color: #FFF;
  line-height: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flash-sale a {
  display: inline-block;
  color: #fff;
  line-height: normal;
  font-weight: 400;
  margin: 0 30px 12px 30px;
}
.flash-sale .flash-sale-question {
  display: inline-block;
  margin-left: 5px;
  margin-top: -5px;
  vertical-align: middle;
}
.flash-sale .gen-btn.black-friday-btn {
  padding: 7px 40px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}

.flash-sale-question {
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flash-sale-question-content {
  padding: 20px;
}

.bf-underline {
  position: relative;
}

.bf-underline::after {
  content: "";
  display: block;
  width: 37px;
  height: 9px;
  position: absolute;
  bottom: -8px;
  left: -2px;
  background: url("img/flashsales/bf-hdr-underline@1x.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .bf-underline::after {
    background-image: url("img/flashsales/bf-hdr-underline@2x.png");
    background-size: 37px 9px;
  }
}

/* new-mobiscroll */
#footer {
  padding: 140px 0 0 0;
  color: #fff;
  font-weight: 300;
  text-shadow: none;
  text-align: left;
  background-color: #253849;
  /* new-mobiscroll */
  font-weight: 400;
  background: none;
  color: #011742;
}

.foot-link-c {
  line-height: 25px;
}

.foot-delimiter {
  background: #506070;
  height: 1px;
  width: 100%;
  margin: 15px 0;
}

.foot-link {
  /* new-mobiscroll */
  color: #011742;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 40px;
}

.foot-link:hover {
  text-decoration: underline;
  /* new-mobiscroll */
  color: #011742;
}

.foot-title {
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 35px;
  /* new-mobiscroll */
  color: #011742;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 50px;
}

.foot-bottom {
  line-height: 49px;
  vertical-align: middle;
  padding: 3px 0;
}

.footer-logo {
  float: right;
  padding-top: 10px;
  height: 40px;
}
.footer-logo svg {
  width: 160px;
  height: 30px;
}

.mixp-lnk {
  float: right;
  display: block;
}

.mixp-lnk img {
  display: block;
}

.hr {
  height: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #000;
}

.hr.white {
  border-top: 1px solid #506070;
  margin-bottom: 0;
}

#footer .grid_2 {
  width: 15.66%;
}

@media (max-width: 990px) {
  #footer .grid_2 {
    width: 28.66%;
    padding-bottom: 20px;
  }
}
@media (max-width: 525px) {
  #footer .grid_2 {
    width: 45.66%;
  }
}
@media (max-width: 763px) {
  .foot-bottom {
    text-align: center;
  }

  .footer-logo {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .foot-text {
    display: block;
    line-height: 25px;
  }

  #footer .spaces {
    display: none;
  }

  .foot-text:first-child {
    padding-top: 5px;
  }
}
/* new-mobiscroll */
/* flexbox */
.tu-header {
  color: #7a490b;
  font-size: 18px;
  padding: 25px 0 0 10px;
  text-shadow: 1px 1px 1px #fff;
}

.tu-ti-cont {
  position: relative;
}

.tu-ti-img {
  width: 75px;
  height: 75px;
  border-radius: 37px;
  display: inline-block;
  background-color: #C8D4DD;
  position: absolute;
  top: 0;
  left: 20px;
}

.tu-ti-txt-cont {
  background-color: #fff;
  margin-top: 0;
  min-height: 50px;
  padding: 20px;
  margin-left: 120px;
  margin-bottom: 30px;
  position: relative;
  font-family: Georgia;
  font-style: italic;
  color: #757575;
  line-height: 160%;
  font-size: 14px;
}

.tu-ti-user {
  font-style: italic;
  color: #7693C4;
  float: right;
}

.tu-ti-txt-cont:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0px;
  left: -20px;
  border-color: white white transparent transparent;
  border-width: 6px 10px;
  border-style: solid;
}

.tu-ti-txt {
  word-wrap: break-word;
}

/* testim-usedby addition - width fixes*/
.used-by-auto-width .used-by-cont .container_12 {
  max-width: none;
  padding: 0;
}
.used-by-auto-width .used-by-cont .grid_12 {
  width: auto;
}
.used-by-auto-width .tu-ub-img-cont {
  margin: 0;
  float: none;
  width: auto;
}
.used-by-auto-width .tu-ub-light-w {
  min-height: 110px;
  position: relative;
}
.used-by-auto-width .tu-ub-light-c {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.used-by-auto-width .tu-ub-light {
  padding: 25px 0;
}

.client-logos {
  text-align: center;
}
@media (max-width: 540px) {
  .client-logos {
    text-align: center;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0 -15px;
  }
}

.client-logo {
  display: inline-block;
  width: 150px;
  height: 60px;
  margin: 20px;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (max-width: 540px) {
  .client-logo-md {
    display: none;
  }
}

.client-logo-slider .client-logo {
  height: 60px;
  margin: 0 20px;
}

.client-logo-agfa-healthcare {
  background-image: url("img/clients/agfa-healthcare@1x.png");
}

.client-logo-alere {
  background-image: url("img/clients/alere@1x.png");
}

.client-logo-anydo {
  background-image: url("img/clients/anydo@1x.png");
}

.client-logo-apartmentlist {
  background-image: url("img/clients/apartmentlist@1x.png");
}

.client-logo-asu {
  background-image: url("img/clients/asu@1x.png");
}

.client-logo-att {
  background-image: url("img/clients/att@1x.png");
}

.client-logo-australia {
  background-image: url("img/clients/australia@1x.png");
}

.client-logo-axa {
  background-image: url("img/clients/axa@1x.png");
}

.client-logo-bcg {
  background-image: url("img/clients/bcg@1x.png");
}

.client-logo-belkin {
  background-image: url("img/clients/belkin@1x.png");
}

.client-logo-bil {
  background-image: url("img/clients/bil@1x.png");
}

.client-logo-blackberry {
  background-image: url("img/clients/blackberry@1x.png");
}

.client-logo-bristolmyers {
  background-image: url("img/clients/bristolmyers@1x.png");
}

.client-logo-caasco {
  background-image: url("img/clients/caasco@1x.png");
}

.client-logo-cablevision {
  background-image: url("img/clients/cablevision@1x.png");
}

.client-logo-canon {
  background-image: url("img/clients/canon@1x.png");
}

.client-logo-check24 {
  background-image: url("img/clients/check24@1x.png");
}

.client-logo-dbs {
  background-image: url("img/clients/dbs@1x.png");
}

.client-logo-elsevier {
  background-image: url("img/clients/elsevier@1x.png");
}

.client-logo-epson {
  background-image: url("img/clients/epson@1x.png");
}

.client-logo-frilans-finans {
  background-image: url("img/clients/frilans-finans@1x.png");
}

.client-logo-hawaiian {
  background-image: url("img/clients/hawaiian@1x.png");
}

.client-logo-homeaway {
  background-image: url("img/clients/homeaway@1x.png");
}

.client-logo-hyatt {
  background-image: url("img/clients/hyatt@1x.png");
}

.client-logo-mardi {
  background-image: url("img/clients/mardi@1x.png");
}

.client-logo-medseek {
  background-image: url("img/clients/medseek@1x.png");
}

.client-logo-melbourne {
  background-image: url("img/clients/melbourne@1x.png");
}

.client-logo-miamidade {
  background-image: url("img/clients/miamidade@1x.png");
}

.client-logo-ninjablocks {
  background-image: url("img/clients/ninjablocks@1x.png");
}

.client-logo-nurnberger {
  background-image: url("img/clients/nurnberger@1x.png");
}

.client-logo-nurun {
  background-image: url("img/clients/nurun@1x.png");
}

.client-logo-opentable {
  background-image: url("img/clients/opentable@1x.png");
}

.client-logo-parature {
  background-image: url("img/clients/parature@1x.png");
}

.client-logo-pwc {
  background-image: url("img/clients/pwc@1x.png");
}

.client-logo-queensland-police {
  background-image: url("img/clients/queensland-police@1x.png");
}

.client-logo-renault {
  background-image: url("img/clients/renault@1x.png");
}

.client-logo-roche {
  background-image: url("img/clients/roche@1x.png");
}

.client-logo-rti {
  background-image: url("img/clients/rti@1x.png");
}

.client-logo-safarinow {
  background-image: url("img/clients/safarinow@1x.png");
}

.client-logo-sage {
  background-image: url("img/clients/sage@1x.png");
}

.client-logo-swarovski {
  background-image: url("img/clients/swarovski@1x.png");
}

.client-logo-symantec {
  background-image: url("img/clients/symantec@1x.png");
}

.client-logo-tata {
  background-image: url("img/clients/tata@1x.png");
}

.client-logo-triggertrap {
  background-image: url("img/clients/triggertrap@1x.png");
}

.client-logo-trimble {
  background-image: url("img/clients/trimble@1x.png");
}

.client-logo-tripcase {
  background-image: url("img/clients/tripcase@1x.png");
}

.client-logo-us-census {
  background-image: url("img/clients/us-census@1x.png");
}

.client-logo-verizon {
  background-image: url("img/clients/verizon@1x.png");
}

.client-logo-vueling {
  background-image: url("img/clients/vueling@1x.png");
}

.client-logo-weather-channel {
  background-image: url("img/clients/weather-channel@1x.png");
}

.client-logo-westjet {
  background-image: url("img/clients/westjet@1x.png");
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .client-logo-agfa-healthcare {
    background-image: url("img/clients/agfa-healthcare@2x.png");
  }

  .client-logo-alere {
    background-image: url("img/clients/alere@2x.png");
  }

  .client-logo-anydo {
    background-image: url("img/clients/anydo@2x.png");
  }

  .client-logo-apartmentlist {
    background-image: url("img/clients/apartmentlist@2x.png");
  }

  .client-logo-asu {
    background-image: url("img/clients/asu@2x.png");
  }

  .client-logo-att {
    background-image: url("img/clients/att@2x.png");
  }

  .client-logo-australia {
    background-image: url("img/clients/australia@2x.png");
  }

  .client-logo-axa {
    background-image: url("img/clients/axa@2x.png");
  }

  .client-logo-bcg {
    background-image: url("img/clients/bcg@2x.png");
  }

  .client-logo-belkin {
    background-image: url("img/clients/belkin@2x.png");
  }

  .client-logo-bil {
    background-image: url("img/clients/bil@2x.png");
  }

  .client-logo-blackberry {
    background-image: url("img/clients/blackberry@2x.png");
  }

  .client-logo-bristolmyers {
    background-image: url("img/clients/bristolmyers@2x.png");
  }

  .client-logo-caasco {
    background-image: url("img/clients/caasco@2x.png");
  }

  .client-logo-cablevision {
    background-image: url("img/clients/cablevision@2x.png");
  }

  .client-logo-canon {
    background-image: url("img/clients/canon@2x.png");
  }

  .client-logo-check24 {
    background-image: url("img/clients/check24@2x.png");
  }

  .client-logo-dbs {
    background-image: url("img/clients/dbs@2x.png");
  }

  .client-logo-elsevier {
    background-image: url("img/clients/elsevier@2x.png");
  }

  .client-logo-epson {
    background-image: url("img/clients/epson@2x.png");
  }

  .client-logo-frilans-finans {
    background-image: url("img/clients/frilans-finans@2x.png");
  }

  .client-logo-hawaiian {
    background-image: url("img/clients/hawaiian@2x.png");
  }

  .client-logo-homeaway {
    background-image: url("img/clients/homeaway@2x.png");
  }

  .client-logo-hyatt {
    background-image: url("img/clients/hyatt@2x.png");
  }

  .client-logo-mardi {
    background-image: url("img/clients/mardi@2x.png");
  }

  .client-logo-medseek {
    background-image: url("img/clients/medseek@2x.png");
  }

  .client-logo-melbourne {
    background-image: url("img/clients/melbourne@2x.png");
  }

  .client-logo-miamidade {
    background-image: url("img/clients/miamidade@2x.png");
  }

  .client-logo-ninjablocks {
    background-image: url("img/clients/ninjablocks@2x.png");
  }

  .client-logo-nurnberger {
    background-image: url("img/clients/nurnberger@2x.png");
  }

  .client-logo-nurun {
    background-image: url("img/clients/nurun@2x.png");
  }

  .client-logo-opentable {
    background-image: url("img/clients/opentable@2x.png");
  }

  .client-logo-parature {
    background-image: url("img/clients/parature@2x.png");
  }

  .client-logo-pwc {
    background-image: url("img/clients/pwc@2x.png");
  }

  .client-logo-queensland-police {
    background-image: url("img/clients/queensland-police@2x.png");
  }

  .client-logo-renault {
    background-image: url("img/clients/renault@2x.png");
  }

  .client-logo-roche {
    background-image: url("img/clients/roche@2x.png");
  }

  .client-logo-rti {
    background-image: url("img/clients/rti@2x.png");
  }

  .client-logo-safarinow {
    background-image: url("img/clients/safarinow@2x.png");
  }

  .client-logo-sage {
    background-image: url("img/clients/sage@2x.png");
  }

  .client-logo-swarovski {
    background-image: url("img/clients/swarovski@2x.png");
  }

  .client-logo-symantec {
    background-image: url("img/clients/symantec@2x.png");
  }

  .client-logo-tata {
    background-image: url("img/clients/tata@2x.png");
  }

  .client-logo-triggertrap {
    background-image: url("img/clients/triggertrap@2x.png");
  }

  .client-logo-trimble {
    background-image: url("img/clients/trimble@2x.png");
  }

  .client-logo-tripcase {
    background-image: url("img/clients/tripcase@2x.png");
  }

  .client-logo-us-census {
    background-image: url("img/clients/us-census@2x.png");
  }

  .client-logo-verizon {
    background-image: url("img/clients/verizon@2x.png");
  }

  .client-logo-vueling {
    background-image: url("img/clients/vueling@2x.png");
  }

  .client-logo-weather-channel {
    background-image: url("img/clients/weather-channel@2x.png");
  }

  .client-logo-westjet {
    background-image: url("img/clients/westjet@2x.png");
  }
}
.client-logo-small {
  width: 84px;
  height: 34px;
  margin: 5px;
}

.client-logo-small.client-logo-apartmentlist {
  background-image: url("img/clients/small/apartmentlist@1x.png");
}

.client-logo-small.client-logo-canon {
  background-image: url("img/clients/small/canon@1x.png");
}

.client-logo-small.client-logo-ninjablocks {
  background-image: url("img/clients/small/ninjablocks@1x.png");
}

.client-logo-small.client-logo-swarovski {
  background-image: url("img/clients/small/swarovski@1x.png");
}

.client-logo-small.client-logo-vueling {
  background-image: url("img/clients/small/vueling@1x.png");
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .client-logo-small.client-logo-apartmentlist {
    background-image: url("img/clients/small/apartmentlist@2x.png");
  }

  .client-logo-small.client-logo-canon {
    background-image: url("img/clients/small/canon@2x.png");
  }

  .client-logo-small.client-logo-ninjablocks {
    background-image: url("img/clients/small/ninjablocks@2x.png");
  }

  .client-logo-small.client-logo-swarovski {
    background-image: url("img/clients/small/swarovski@2x.png");
  }

  .client-logo-small.client-logo-vueling {
    background-image: url("img/clients/small/vueling@2x.png");
  }
}
/* new-mobiscroll */
/* new-mobiscroll */
/* flexbox */
.cust-op-c {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  line-height: 320px;
  -webkit-transition: height 0.3s ease-out;
  -moz-transition: height 0.3s ease-out;
  -o-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
}

.cust-op-cont {
  position: absolute;
  padding: 0 60px 0 120px;
  text-align: justify;
  top: 0;
  left: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}

.cust-op-cont.cust-op-cont-a {
  left: 0;
}

.cust-op-cont.cust-op-cont-left {
  left: -100%;
}

.cust-op-nav {
  position: absolute;
  top: 25px;
  width: 0px;
  height: 0px;
  opacity: 0.5;
  z-index: 10;
  cursor: pointer;
}

.cust-op-pict-cont {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  top: 50px;
}

.cust-op-h {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  position: relative;
}

.cust-op-border {
  border-left: 2px solid #D6D6D6;
  padding: 10px;
}

.cust-op-h:after {
  content: "";
  display: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 10px;
  left: -20px;
  border-color: transparent #d6d6d6 transparent transparent;
  border-width: 5px 9px;
  border-style: solid;
}

.cust-op-prev {
  right: 70px;
  border-color: transparent #555 transparent transparent;
  border-width: 8px 14px;
  border-style: solid;
}

.cust-op-next {
  right: 20px;
  border-color: transparent transparent transparent #555;
  border-width: 8px 14px;
  border-style: solid;
}

.cust-op-prev:hover, .cust-op-next:hover {
  opacity: 1;
}

.cust-op-prev.disabled, .cust-op-next.disabled {
  opacity: 0.3;
}

.cust-op-header {
  padding: 0;
  text-transform: uppercase;
  color: #7a490b;
  font-size: 18px;
  text-shadow: 1px 1px 1px #fff;
}

.cust-op-img {
  width: 75px;
  height: 75px;
  border-radius: 37px;
  display: inline-block;
  background-color: #C8D4DD;
  position: absolute;
  top: 0;
  left: 20px;
}

.cust-op-sign {
  font-style: italic;
  padding-top: 35px;
  color: #7693C4;
}

@media (max-width: 768px) {
  .cust-op-cont {
    padding: 100px 0 0 0;
  }

  .cust-op-border {
    border-left: none;
  }

  .cust-op-pict-cont {
    top: 0;
    left: 50%;
    margin-left: -40px;
  }

  .cust-op-header {
    padding-bottom: 40px;
  }

  .cust-op-img {
    left: 2px;
  }

  .cust-op-sign {
    text-align: center;
  }
}
@media (max-width: 440px) {
  .cust-op-header {
    text-align: center;
  }

  .cust-op-nav {
    top: 55px;
  }

  .cust-op-prev {
    left: 35%;
  }

  .cust-op-next {
    right: 35%;
  }
}
/* Landing page opinions */
.cust-op {
  font-size: 16px;
  padding: 20px 0px 0 0px;
  font-style: italic;
}

.cust-op-first {
  padding-top: 0;
}

.customers-love-cont {
  padding: 100px 0;
  position: relative;
}
@media (max-width: 250px) {
  .customers-love-cont {
    display: none;
  }
}
.customers-love-cont .cust-op-header {
  display: none;
}
.customers-love-cont .cust-op-cont {
  padding: 0px 120px 0 120px;
  text-align: center;
}
@media (max-width: 600px) {
  .customers-love-cont .cust-op-cont {
    padding: 0px 60px 0 60px;
  }
}
@media (max-width: 460px) {
  .customers-love-cont .cust-op-cont {
    padding: 0;
  }
}
.customers-love-cont .cust-op-c {
  min-height: 0;
}
.customers-love-cont .cust-op-pict-cont {
  position: relative;
  width: auto;
  display: block;
  left: auto;
  top: auto;
  height: auto;
  line-height: normal;
  padding-bottom: 40px;
  margin: 0;
}
.customers-love-cont .cust-op-img {
  width: 120px;
  height: 120px;
  top: auto;
  left: auto;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.customers-love-cont .cust-op-h {
  display: block;
}
.customers-love-cont .cust-op-border {
  border: none;
}
.customers-love-cont .cust-op, .customers-love-cont cust-op-sign {
  font-size: 20px;
  padding: 25px 0 0 0;
  font-weight: 300;
  font-family: "myriad-pro", sans-serif, verdana;
  font-style: normal;
}
.customers-love-cont .cust-op strong, .customers-love-cont cust-op-sign strong {
  font-weight: 300;
}
.customers-love-cont .cust-op-nav {
  border: none;
  top: 110px;
}
.customers-love-cont .cust-op-nav.cust-op-prev {
  left: 30px;
  position: absolute;
  height: 100px;
  width: 50px;
}
.customers-love-cont .cust-op-nav.cust-op-prev:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: translate(25px, 35px) rotate(45deg);
  -moz-transform: translate(25px, 35px) rotate(45deg);
  -ms-transform: translate(25px, 35px) rotate(45deg);
  transform: translate(25px, 35px) rotate(45deg);
}
.customers-love-cont .cust-op-nav.cust-op-next {
  right: 30px;
  position: absolute;
  height: 100px;
  width: 50px;
}
.customers-love-cont .cust-op-nav.cust-op-next:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: translate(-5px, 35px) rotate(-45deg);
  -moz-transform: translate(-5px, 35px) rotate(-45deg);
  -ms-transform: translate(-5px, 35px) rotate(-45deg);
  transform: translate(-5px, 35px) rotate(-45deg);
}

/* new-mobiscroll */
/* new-mobiscroll */
/* flexbox */
.gen-popover-w * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.gen-popover-w .mbsc-fr-overlay {
  display: none;
}

.gen-popover-w .mbsc-fr-persp {
  pointer-events: none;
}

.gen-popover-w .mbsc-fr-popup {
  margin: 5px 0;
  pointer-events: auto;
}

.gen-popover-w .mbsc-popup {
  background: none;
  box-shadow: none;
  min-width: initial;
}

.gen-popover-w .mbsc-fr-bubble-top.mbsc-fr-popup {
  margin-top: -5px;
}

.gen-popover-w .mbsc-fr-arr-w,
.gen-popover-w .mbsc-popup-arrow-wrapper {
  margin: -2px 0;
}

.gen-popover-w .mbsc-fr-arr,
.gen-popover-w .mbsc-popup-arrow {
  background: #fff;
  border: 2px solid #011742;
}

.gen-popover-w.mbsc-anim-trans .mbsc-fr-popup {
  -webkit-animation-duration: 100ms;
  -moz-animation-duration: 100ms;
  animation-duration: 100ms;
}

.gen-popover-w .mbsc-fr-popup .mbsc-fr-w,
.gen-popover-w .mbsc-popup .mbsc-popup-body {
  min-width: 0;
  background: #fff;
  border: 2px solid #011742;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 400;
  color: #4d4d4d;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /*@media (min-width:768px) and (max-width: 1023px) {
      min-width: 350px;
  }*/
}

.gen-popover-w .mbsc-fr-c.mbsc-wdg-c {
  padding: 0;
}

@media (max-width: 767px) {
  .gen-popover-full .mbsc-fr-popup,
.gen-popover-full .mbsc-popup {
    max-width: none;
    width: 96%;
    width: calc(100% - 16px);
  }
}

.gen-popover-title {
  padding: 30px 40px 0 40px;
  font-weight: 600;
  color: #011742;
  font-size: 16px;
}

.gen-popover {
  max-width: 1000px;
  cursor: default;
}

.gen-popover.mbsc-comp a,
.gen-popover a {
  color: #4d4d4d;
  font-weight: 400;
}

.gen-popover.header-menu-resources a,
.gen-popover.gen-popover-frameworks a,
.gen-popover.gen-popover-frameworks a {
  color: #495162;
  font-weight: 600;
}

.gen-popover.header-menu-resources a:hover,
.gen-popover.gen-popover-frameworks a:hover,
.gen-popover.gen-popover-frameworks a:hover {
  color: #000;
}

.gen-popover-c {
  padding: 10px 15px;
  text-align: center;
}

.gen-popover-c a {
  display: block;
  font-size: 14px;
  line-height: 30px;
}

.gen-popover-c a:hover {
  text-decoration: underline;
}

.gen-popover-row {
  overflow: hidden;
}

.gen-popover-main {
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 480px) {
  .gen-popover-main {
    padding: 15px 0;
  }
}

.gen-popover .gen-popover-main h2 {
  margin: 10px 0 20px 0;
  padding: 0;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
}

.gen-popover-main p {
  font-size: 14px;
  font-weight: 400;
}

.gen-popover-main .gen-btn {
  font-size: 12px;
  font-weight: 600;
  border-radius: 6px;
}

.gen-btn-cont {
  bottom: 30px;
  left: 0;
  width: 100%;
  position: absolute;
}

.gen-popover-main a:hover {
  text-decoration: none;
}

.gen-popover-col {
  flex: 0 0 auto;
  display: block;
  width: 50%;
  padding: 0px 16px;
  position: relative;
  float: left;
}

.gen-popover-row {
  margin: 26px 0;
}

.gen-popover-components {
  padding: 30px 0;
}

.gen-popover-components .gen-popover-col {
  padding: 0 50px;
}

.gen-popover-frameworks .gen-popover-learn .gen-popover-col {
  padding: 30px 30px 57px 30px;
}
@media (max-width: 1100px) {
  .gen-popover-frameworks .gen-popover-learn .gen-popover-col {
    padding: 30px 20px 57px 20px;
  }
}

.gen-popover-learn .gen-popover-col {
  padding: 30px 50px 57px 50px;
}
@media (max-width: 1100px) {
  .gen-popover-learn .gen-popover-col {
    padding: 30px 30px 57px 30px;
  }
}

.gen-popover-sub {
  text-align: left;
}
.gen-popover-sub .gen-btn-cont {
  padding: 0 30px;
}

.gen-popover-footer {
  text-align: center;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  border-top: 1px solid #b9b9b9;
}

.gen-popover .gen-popover-footer a {
  color: #011742;
}

.gen-popover-footer a:hover {
  text-decoration: underline;
}

/* Solutions, Resources, Pricing popover grid styles */
#popover-components.gen-popover {
  max-width: 606px;
}

#popover-resources.gen-popover {
  max-width: 906px;
}

#popover-pricing.gen-popover,
#popover-install.gen-popover {
  max-width: 600px;
}

.popover-grid {
  display: grid;
  width: 100%;
}

.popover-grid-2 {
  grid-template-columns: 1fr 1fr;
}

.popover-grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
  padding-top: 24px;
  padding-bottom: 0;
}

.popover-pl {
  padding-left: 24px;
}

.popover-pr {
  padding-right: 24px;
}

#popover-pricing .popover-grid,
#popover-install .popover-grid {
  gap: 32px 16px;
  padding: 24px;
}

.popover-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 24px;
}

.popover-section-header {
  color: #495162;
  border-bottom: 1px solid #495162;
  padding-bottom: 4px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}

#popover-components .popover-item,
#popover-resources .popover-item,
#popover-install .popover-item,
#popover-pricing .popover-item {
  display: flex;
  flex-direction: column;
  color: #495162;
  font-weight: 600;
}

#popover-components .popover-item:hover,
#popover-resources .popover-item:hover,
#popover-install .popover-item:hover,
#popover-pricing .popover-item:hover {
  color: #000;
  text-decoration: none;
}

.popover-item-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  display: flex;
  align-items: center;
}

.popover-item-title-spaced {
  justify-content: space-between;
}

.popover-item-desc {
  padding-top: 4px;
  font-size: 14px;
  font-weight: 400;
}

.popover-arrow-icon {
  height: 20px;
  width: 20px;
  margin-left: 12px;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.popover-item-w:hover .popover-arrow-icon {
  opacity: 1;
}

#popover-components .popover-grid > .gen-popover-footer,
#popover-resources .popover-grid > .gen-popover-footer {
  grid-column: 1/-1;
}

/* Billing Confirm */
.billing-license-btn {
  color: #1c9b3b;
  border: 1px solid #1c9b3b;
}

.billing-complete-license-btn {
  color: #f77f7f;
  border: 1px solid #f77f7f;
}

.billing-license-btn,
.billing-complete-license-btn {
  cursor: pointer;
  font-weight: normal;
  border-radius: 4px;
  padding: 15px;
  margin: 15px 0;
}
.billing-license-btn span,
.billing-complete-license-btn span {
  color: initial;
}

.billing-license-btn.active,
.billing-license-btn:hover {
  color: #fff;
  background: #1c9b3b;
}
.billing-license-btn.active span,
.billing-license-btn:hover span {
  color: #fff;
}

.billing-complete-license-btn.active,
.billing-complete-license-btn:hover {
  color: #fff;
  background: #f77f7f;
}
.billing-complete-license-btn.active span,
.billing-complete-license-btn:hover span {
  color: #fff;
}

/* Pricing info popup */
.pricing-info {
  max-width: 394px;
  padding: 15px;
  font-size: 16px;
}

.pricing-info > p {
  margin: 0;
  padding: 0 10px;
}

span.flag,
div.flag {
  width: 22px;
  height: 15px;
  display: inline-block;
}

img.flag {
  width: 30px;
}

.flag {
  background: url(../Content/img/flags/flags_responsive.png) no-repeat;
  background-size: 100%;
}

.flag-ad {
  background-position: 0 0.413223%;
}

.flag-ae {
  background-position: 0 0.826446%;
}

.flag-af {
  background-position: 0 1.239669%;
}

.flag-ag {
  background-position: 0 1.652893%;
}

.flag-ca {
  background-position: 0 14.876033%;
}

.flag-al {
  background-position: 0 2.479339%;
}

.flag-am {
  background-position: 0 2.892562%;
}

.flag-an {
  background-position: 0 3.305785%;
}

.flag-ao {
  background-position: 0 3.719008%;
}

.flag-aq {
  background-position: 0 4.132231%;
}

.flag-ar {
  background-position: 0 4.545455%;
}

.flag-as {
  background-position: 0 4.958678%;
}

.flag-at {
  background-position: 0 5.371901%;
}

.flag-au {
  background-position: 0 5.785124%;
}

.flag-aw {
  background-position: 0 6.198347%;
}

.flag-az {
  background-position: 0 6.61157%;
}

.flag-ba {
  background-position: 0 7.024793%;
}

.flag-bb {
  background-position: 0 7.438017%;
}

.flag-bd {
  background-position: 0 7.85124%;
}

.flag-be {
  background-position: 0 8.264463%;
}

.flag-bf {
  background-position: 0 8.677686%;
}

.flag-bg {
  background-position: 0 9.090909%;
}

.flag-bh {
  background-position: 0 9.504132%;
}

.flag-bi {
  background-position: 0 9.917355%;
}

.flag-bj {
  background-position: 0 10.330579%;
}

.flag-bm, .flag-ru-UA {
  background-position: 0 10.743802%;
}

.flag-bn {
  background-position: 0 11.157025%;
}

.flag-bo {
  background-position: 0 11.570248%;
}

.flag-br, .flag-pt-BR {
  background-position: 0 11.983471%;
}

.flag-bs {
  background-position: 0 12.396694%;
}

.flag-bt {
  background-position: 0 12.809917%;
}

.flag-bv {
  background-position: 0 13.22314%;
}

.flag-bw {
  background-position: 0 13.636364%;
}

.flag-by {
  background-position: 0 14.049587%;
}

.flag-bz {
  background-position: 0 14.46281%;
}

.flag-cc {
  background-position: 0 15.289256%;
}

.flag-cd {
  background-position: 0 15.702479%;
}

.flag-cf {
  background-position: 0 16.115702%;
}

.flag-cg {
  background-position: 0 16.528926%;
}

.flag-ch {
  background-position: 0 16.942149%;
}

.flag-ci {
  background-position: 0 17.355372%;
}

.flag-ck {
  background-position: 0 17.768595%;
}

.flag-cl {
  background-position: 0 18.181818%;
}

.flag-cm {
  background-position: 0 18.595041%;
}

.flag-cn, .flag-zh {
  background-position: 0 19.008264%;
}

.flag-co {
  background-position: 0 19.421488%;
}

.flag-cr {
  background-position: 0 19.834711%;
}

.flag-cu {
  background-position: 0 20.247934%;
}

.flag-cv {
  background-position: 0 20.661157%;
}

.flag-cx {
  background-position: 0 21.07438%;
}

.flag-cy {
  background-position: 0 21.487603%;
}

.flag-cz, .flag-cs {
  background-position: 0 21.900826%;
}

.flag-de {
  background-position: 0 22.31405%;
}

.flag-dj {
  background-position: 0 22.727273%;
}

.flag-dk, .flag-da {
  background-position: 0 23.140496%;
}

.flag-dm {
  background-position: 0 23.553719%;
}

.flag-do {
  background-position: 0 23.966942%;
}

.flag-dz {
  background-position: 0 24.380165%;
}

.flag-ec {
  background-position: 0 24.793388%;
}

.flag-ee {
  background-position: 0 25.206612%;
}

.flag-eg {
  background-position: 0 25.619835%;
}

.flag-eh {
  background-position: 0 26.033058%;
}

.flag-er {
  background-position: 0 26.446281%;
}

.flag-es {
  background-position: 0 26.859504%;
}

.flag-et {
  background-position: 0 27.272727%;
}

.flag-fi {
  background-position: 0 27.68595%;
}

.flag-fj {
  background-position: 0 28.099174%;
}

.flag-fk {
  background-position: 0 28.512397%;
}

.flag-fm {
  background-position: 0 28.92562%;
}

.flag-fo {
  background-position: 0 29.338843%;
}

.flag-fr {
  background-position: 0 29.752066%;
}

.flag-ga {
  background-position: 0 30.165289%;
}

.flag-gd {
  background-position: 0 30.578512%;
}

.flag-ge {
  background-position: 0 30.991736%;
}

.flag-gf {
  background-position: 0 31.404959%;
}

.flag-gh {
  background-position: 0 31.818182%;
}

.flag-gi {
  background-position: 0 32.231405%;
}

.flag-gl {
  background-position: 0 32.644628%;
}

.flag-gm {
  background-position: 0 33.057851%;
}

.flag-gn {
  background-position: 0 33.471074%;
}

.flag-gp {
  background-position: 0 33.884298%;
}

.flag-gq {
  background-position: 0 34.297521%;
}

.flag-gr {
  background-position: 0 34.710744%;
}

.flag-gs {
  background-position: 0 35.123967%;
}

.flag-gt {
  background-position: 0 35.53719%;
}

.flag-gu {
  background-position: 0 35.950413%;
}

.flag-gw {
  background-position: 0 36.363636%;
}

.flag-gy {
  background-position: 0 36.77686%;
}

.flag-hk {
  background-position: 0 37.190083%;
}

.flag-hm {
  background-position: 0 37.603306%;
}

.flag-hn {
  background-position: 0 38.016529%;
}

.flag-hr {
  background-position: 0 38.429752%;
}

.flag-ht {
  background-position: 0 38.842975%;
}

.flag-hu {
  background-position: 0 39.256198%;
}

.flag-id {
  background-position: 0 39.669421%;
}

.flag-ie {
  background-position: 0 40.082645%;
}

.flag-il, .flag-he {
  background-position: 0 40.495868%;
}

.flag-in {
  background-position: 0 40.909091%;
}

.flag-io {
  background-position: 0 41.322314%;
}

.flag-iq {
  background-position: 0 41.735537%;
}

.flag-ir, .flag-fa {
  background-position: 0 42.14876%;
}

.flag-is {
  background-position: 0 42.561983%;
}

.flag-it {
  background-position: 0 42.975207%;
}

.flag-jm {
  background-position: 0 43.38843%;
}

.flag-jo {
  background-position: 0 43.801653%;
}

.flag-jp, .flag-ja {
  background-position: 0 44.214876%;
}

.flag-ke {
  background-position: 0 44.628099%;
}

.flag-kg {
  background-position: 0 45.041322%;
}

.flag-kh {
  background-position: 0 45.454545%;
}

.flag-ki {
  background-position: 0 45.867769%;
}

.flag-km {
  background-position: 0 46.280992%;
}

.flag-kn {
  background-position: 0 46.694215%;
}

.flag-kp {
  background-position: 0 47.107438%;
}

.flag-kr {
  background-position: 0 47.520661%;
}

.flag-kw {
  background-position: 0 47.933884%;
}

.flag-ky {
  background-position: 0 48.347107%;
}

.flag-kz {
  background-position: 0 48.760331%;
}

.flag-la {
  background-position: 0 49.173554%;
}

.flag-lb {
  background-position: 0 49.586777%;
}

.flag-lc {
  background-position: 0 50%;
}

.flag-li {
  background-position: 0 50.413223%;
}

.flag-lk {
  background-position: 0 50.826446%;
}

.flag-lr {
  background-position: 0 51.239669%;
}

.flag-ls {
  background-position: 0 51.652893%;
}

.flag-lt {
  background-position: 0 52.066116%;
}

.flag-lu {
  background-position: 0 52.479339%;
}

.flag-lv {
  background-position: 0 52.892562%;
}

.flag-ly {
  background-position: 0 53.305785%;
}

.flag-ma {
  background-position: 0 53.719008%;
}

.flag-mc {
  background-position: 0 54.132231%;
}

.flag-md {
  background-position: 0 54.545455%;
}

.flag-me {
  background-position: 0 54.958678%;
}

.flag-mg {
  background-position: 0 55.371901%;
}

.flag-mh {
  background-position: 0 55.785124%;
}

.flag-mk {
  background-position: 0 56.198347%;
}

.flag-ml {
  background-position: 0 56.61157%;
}

.flag-mm {
  background-position: 0 57.024793%;
}

.flag-mn {
  background-position: 0 57.438017%;
}

.flag-mo {
  background-position: 0 57.85124%;
}

.flag-mp {
  background-position: 0 58.264463%;
}

.flag-mq {
  background-position: 0 58.677686%;
}

.flag-mr {
  background-position: 0 59.090909%;
}

.flag-ms {
  background-position: 0 59.504132%;
}

.flag-mt {
  background-position: 0 59.917355%;
}

.flag-mu {
  background-position: 0 60.330579%;
}

.flag-mv {
  background-position: 0 60.743802%;
}

.flag-mw {
  background-position: 0 61.157025%;
}

.flag-mx {
  background-position: 0 61.570248%;
}

.flag-my {
  background-position: 0 61.983471%;
}

.flag-mz {
  background-position: 0 62.396694%;
}

.flag-na {
  background-position: 0 62.809917%;
}

.flag-nc {
  background-position: 0 63.22314%;
}

.flag-ne {
  background-position: 0 63.636364%;
}

.flag-nf {
  background-position: 0 64.049587%;
}

.flag-ng {
  background-position: 0 64.46281%;
}

.flag-ni {
  background-position: 0 64.876033%;
}

.flag-nl {
  background-position: 0 65.289256%;
}

.flag-no {
  background-position: 0 65.702479%;
}

.flag-np {
  background-position: 0 66.115702%;
}

.flag-nr {
  background-position: 0 66.528926%;
}

.flag-nu {
  background-position: 0 66.942149%;
}

.flag-nz {
  background-position: 0 67.355372%;
}

.flag-om {
  background-position: 0 67.768595%;
}

.flag-pa {
  background-position: 0 68.181818%;
}

.flag-pe {
  background-position: 0 68.595041%;
}

.flag-pf {
  background-position: 0 69.008264%;
}

.flag-pg {
  background-position: 0 69.421488%;
}

.flag-ph {
  background-position: 0 69.834711%;
}

.flag-pk {
  background-position: 0 70.247934%;
}

.flag-pl {
  background-position: 0 70.661157%;
}

.flag-pm {
  background-position: 0 71.07438%;
}

.flag-pn {
  background-position: 0 71.487603%;
}

.flag-pr {
  background-position: 0 71.900826%;
}

.flag-pt, .flag-pt-PT {
  background-position: 0 72.31405%;
}

.flag-pw {
  background-position: 0 72.727273%;
}

.flag-py {
  background-position: 0 73.140496%;
}

.flag-qa {
  background-position: 0 73.553719%;
}

.flag-re {
  background-position: 0 73.966942%;
}

.flag-ro {
  background-position: 0 74.380165%;
}

.flag-rs {
  background-position: 0 74.793388%;
}

.flag-ru {
  background-position: 0 75.206612%;
}

.flag-rw {
  background-position: 0 75.619835%;
}

.flag-sa {
  background-position: 0 76.033058%;
}

.flag-sb {
  background-position: 0 76.446281%;
}

.flag-sc {
  background-position: 0 76.859504%;
}

.flag-sd {
  background-position: 0 77.272727%;
}

.flag-se {
  background-position: 0 77.68595%;
}

.flag-sg {
  background-position: 0 78.099174%;
}

.flag-sh {
  background-position: 0 78.512397%;
}

.flag-si {
  background-position: 0 78.92562%;
}

.flag-sj {
  background-position: 0 79.338843%;
}

.flag-sk {
  background-position: 0 79.752066%;
}

.flag-sl {
  background-position: 0 80.165289%;
}

.flag-sm {
  background-position: 0 80.578512%;
}

.flag-sn {
  background-position: 0 80.991736%;
}

.flag-so {
  background-position: 0 81.404959%;
}

.flag-sr {
  background-position: 0 81.818182%;
}

.flag-ss {
  background-position: 0 82.231405%;
}

.flag-st {
  background-position: 0 82.644628%;
}

.flag-sv {
  background-position: 0 77.68595%;
}

.flag-sy {
  background-position: 0 83.471074%;
}

.flag-sz {
  background-position: 0 83.884298%;
}

.flag-tc {
  background-position: 0 84.297521%;
}

.flag-td {
  background-position: 0 84.710744%;
}

.flag-tf {
  background-position: 0 85.123967%;
}

.flag-tg {
  background-position: 0 85.53719%;
}

.flag-th {
  background-position: 0 85.950413%;
}

.flag-tj {
  background-position: 0 86.363636%;
}

.flag-tk {
  background-position: 0 86.77686%;
}

.flag-tl {
  background-position: 0 87.190083%;
}

.flag-tm {
  background-position: 0 87.603306%;
}

.flag-tn {
  background-position: 0 88.016529%;
}

.flag-to {
  background-position: 0 88.429752%;
}

.flag-tp {
  background-position: 0 88.842975%;
}

.flag-tr {
  background-position: 0 89.256198%;
}

.flag-tt {
  background-position: 0 89.669421%;
}

.flag-tv {
  background-position: 0 90.082645%;
}

.flag-tw {
  background-position: 0 90.495868%;
}

.flag-ty {
  background-position: 0 90.909091%;
}

.flag-tz {
  background-position: 0 91.322314%;
}

.flag-ua {
  background-position: 0 91.735537%;
}

.flag-ug {
  background-position: 0 92.14876%;
}

.flag-gb, .flag-en-UK, .flag-en-GB {
  background-position: 0 92.561983%;
}

.flag-um {
  background-position: 0 92.975207%;
}

.flag-us, .flag-en {
  background-position: 0 93.38843%;
}

.flag-uy {
  background-position: 0 93.801653%;
}

.flag-uz {
  background-position: 0 94.214876%;
}

.flag-va {
  background-position: 0 94.628099%;
}

.flag-vc {
  background-position: 0 95.041322%;
}

.flag-ve {
  background-position: 0 95.454545%;
}

.flag-vg {
  background-position: 0 95.867769%;
}

.flag-vi {
  background-position: 0 96.280992%;
}

.flag-vn {
  background-position: 0 96.694215%;
}

.flag-vu {
  background-position: 0 97.107438%;
}

.flag-wf {
  background-position: 0 97.520661%;
}

.flag-ws {
  background-position: 0 97.933884%;
}

.flag-ye {
  background-position: 0 98.347107%;
}

.flag-za {
  background-position: 0 98.760331%;
}

.flag-zm {
  background-position: 0 99.173554%;
}

.flag-zr {
  background-position: 0 99.586777%;
}

.flag-zw {
  background-position: 0 100%;
}

/* new-mobiscroll */
/* new-mobiscroll */
/* flexbox */
/* modal window styling */
.flat-style.mwindow-overlay {
  background: rgba(0, 0, 0, 0.6);
}

.mwindow-overlay {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(170, 170, 170, 0.7);
  z-index: 10002;
  display: none;
}

.flat-style .mwindow-cont {
  overflow: hidden;
  border: none;
  padding-top: 50px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.mwindow-cont.mwindow-no-header,
.flat-style .mwindow-cont.mwindow-no-header {
  padding-top: 0;
}

.mwindow-no-header .mwindow-close-i {
  right: 20px;
}

.mwindow-cont {
  position: absolute;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  overflow: auto;
  background: #fff;
  /*padding: 20px;*/
  border: 13px solid #dce7ee;
  border: 13px solid rgba(81, 133, 168, 0.2);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mwindow-cont.mwindow-fullscreen {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.flat-style .mwindow-inner {
  overflow: auto;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
}

.mwindow-close-i {
  display: none;
  z-index: 99999;
}

.flat-style .mwindow-close-i {
  display: block;
  font-size: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  /*overflow:hidden;*/
}

.flat-style .mwindow-close-i:hover {
  color: #011742;
}

.flat-style .mwindow-close-i:hover .mwindow-cross {
  border-left: 1px solid #011742;
}

.flat-style .mwindow-cross {
  width: 40px;
  height: 40px;
  /*background: #eee;*/
  position: absolute;
  top: 0;
  left: 0;
  border-left: 1px solid #555;
}

.flat-style .mwindow-cross-l {
  -webkit-transform: translate(14px, -14px) rotate(-45deg);
  -moz-transform: translate(14px, -14px) rotate(-45deg);
  -o-transform: translate(14px, -14px) rotate(-45deg);
  transform: translate(14px, -14px) rotate(-45deg);
}

.flat-style .mwindow-cross-r {
  -webkit-transform: translate(14px, 13px) rotate(45deg);
  -moz-transform: translate(14px, 13px) rotate(45deg);
  -o-transform: translate(14px, 13px) rotate(45deg);
  transform: translate(14px, 13px) rotate(45deg);
}

.flat-style .mwindow-ie7-close {
  display: none;
  float: right;
  font-size: 26px;
}

.flat-style .mwindow-ie7-close:hover {
  color: #011742;
}

.small-close-btn .mwindow-cross, .small-close-btn .mwindow-close-i {
  width: 30px;
  height: 30px;
}
.small-close-btn .mwindow-cross-l {
  -webkit-transform: translate(10px, -10px) rotate(-45deg);
  -moz-transform: translate(10px, -10px) rotate(-45deg);
  -ms-transform: translate(10px, -10px) rotate(-45deg);
  transform: translate(10px, -10px) rotate(-45deg);
}
.small-close-btn .mwindow-cross-r {
  -webkit-transform: translate(10px, 10px) rotate(45deg);
  -moz-transform: translate(10px, 10px) rotate(45deg);
  -ms-transform: translate(10px, 10px) rotate(45deg);
  transform: translate(10px, 10px) rotate(45deg);
}

body.overflow-hidden {
  overflow: hidden;
}

.height100 .mwindow-inner {
  padding: 0;
}
.height100 .mwindow-inner-c {
  height: 100%;
  overflow: hidden;
}

.mwindow-inner-c a {
  text-decoration: underline;
  font-weight: 400;
  color: #011742;
}

.mwindow-upper-area {
  -webkit-box-flex: 1 1 100px;
  -moz-box-flex: 1 1 100px;
  -webkit-flex: 1 1 100px;
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
}

.mwindow-header {
  position: relative;
  padding: 13px;
  background-color: #f4f4f4;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.no-flexbox .mwindow-header {
  z-index: 1;
}
.no-flexbox .mwindow-upper-area {
  display: block;
  padding-bottom: 76px;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.no-flexbox .mwindow-footer {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  z-index: 99998;
}
.no-flexbox .mwindow-inner-c {
  display: block;
}
.no-flexbox .mwindow-button-cont {
  display: inline-block;
  float: right;
}
.no-flexbox .mwindow-input-cont {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
}

.mwindow-header-layout .mwindow-close-i {
  top: 50%;
  margin-top: -20px;
  right: 10px;
}
.mwindow-header-layout .mwindow-inner-c {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
}

.mwindow-footer {
  background-color: #f4f4f4;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.mwindow-header .f-dd,
.mwindow-header .f-txt {
  max-width: 420px;
  display: block;
  color: #555;
}

.mwindow-input {
  font-size: 18px;
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 300;
  margin: 0 !important;
}

.mwindow-button-cont {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.mwindow-button-cont > * {
  min-width: 200px;
}

.mwindow-button-cont .sbtn {
  padding: 0;
  line-height: 70px;
  font-size: 24px;
}

.mwindow-input-cont {
  padding: 13px;
  position: relative;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

@media (min-width: 768px) {
  .flat-style .mwindow-cont {
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
  }
}
/* Alpha-dialog styling */
.alpha-dialog .mwindow-inner, .beta-dialog .mwindow-inner {
  background: #fff url(img/loading.gif) center center no-repeat;
}
.alpha-dialog iframe, .beta-dialog iframe {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.alpha-dialog .please-wait-center, .beta-dialog .please-wait-center {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -90px;
  font-size: 19px;
}
.alpha-dialog .mwindow-cont, .beta-dialog .mwindow-cont {
  border-radius: 5px;
  box-shadow: 0 0 3px 1px #4A4A4A;
}

.alpha-dialog-content {
  min-height: 100%;
  height: 100%;
  background-color: #fff;
  color: #555;
  /* starting trial */
}
.alpha-dialog-content .loading-center {
  position: absolute;
  top: 50%;
  left: 0;
  min-height: 32px;
  margin-top: 28px;
  width: 100%;
  background: url("img/loading.gif") center center no-repeat;
}
.alpha-dialog-content .gen-btn {
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 400;
  font-size: 15px;
  padding: 12px 55px;
  text-decoration: none;
}
.alpha-dialog-content .gen-btn-xs {
  padding: 5px 8px;
}
.alpha-dialog-content .dialog-title-cont {
  color: #fff;
  padding: 23px 0;
  text-align: center;
  background-color: #011742;
  position: relative;
}
.alpha-dialog-content .dialog-title-cont > * {
  z-index: 1;
  position: relative;
}
.alpha-dialog-content .dialog-title-cont > .fancy-icon-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
@media (max-width: 450px) {
  .alpha-dialog-content .dialog-title-cont > .fancy-icon-bg {
    width: 180px;
  }
}
.alpha-dialog-content .dialog-title-cont > .fancy-icon-bg .fancy-icon-bg-shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*box-shadow: inset -120px 0 200px -70px $mobi-blue;*/
  box-shadow: -160px 0 120px -25px #011742 inset;
}
.alpha-dialog-content .dialog-title-cont > .fancy-icon-bg .fancy-icon-bg-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("img/dialog/pattern_background@1x.png");
  background-size: 350px 175px;
  height: 175px;
  width: 350px;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .alpha-dialog-content .dialog-title-cont > .fancy-icon-bg .fancy-icon-bg-image {
    background-image: url("img/dialog/pattern_background@2x.png");
    background-size: 350px 175px;
  }
}
.alpha-dialog-content .dialog-title-cont > .fancy-icon-bg-right {
  left: auto;
  right: 0;
}
.alpha-dialog-content .dialog-title-cont > .fancy-icon-bg-right .fancy-icon-bg-shadow {
  box-shadow: 160px 0 120px -25px #011742 inset;
}
.alpha-dialog-content .dialog-title-txt {
  font-size: 18px;
  font-weight: normal;
}
.alpha-dialog-content .dialog-title-desc {
  font-size: 16px;
  color: #fff;
}
.alpha-dialog-content .dialog-form-group {
  position: relative;
  margin-bottom: 10px;
}
.alpha-dialog-content .dialog-form-group-half {
  width: 50%;
  float: left;
}
.alpha-dialog-content .dialog-form-group-third {
  width: 33%;
  float: left;
}
.alpha-dialog-content hr {
  margin: 0;
  border: none;
  border-top: 1px solid #ddd;
}
.alpha-dialog-content .dialog-form-group-center {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.alpha-dialog-content .dialog-form-group-center p {
  font-size: 14px;
}
.alpha-dialog-content .mbsc-form {
  padding: 25px 25px;
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 300;
}
.alpha-dialog-content .mbsc-form .mbsc-input .mbsc-control,
.alpha-dialog-content .mbsc-form .mbsc-input .mbsc-label {
  font-weight: normal;
  font-size: 15px;
}
.alpha-dialog-content .mbsc-form .mbsc-input .mbsc-label {
  top: -5px;
}
.alpha-dialog-content .mbsc-form .mbsc-input .mbsc-control {
  font-weight: 300;
}
.alpha-dialog-content .mbsc-form h2 {
  font-size: 16px;
  margin-top: 25px;
  color: #011742;
  font-weight: normal;
  text-transform: uppercase;
}
.alpha-dialog-content .dialog-content-text.field-validation-error {
  float: none;
  padding: 0 1em;
  text-align: left;
}
.alpha-dialog-content .dialog-content-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding-bottom: 25px;
}
.alpha-dialog-content .dialog-fr-content {
  padding: 10px 45px 0 45px;
}
.alpha-dialog-content .dialog-fr-content .dialog-button-content {
  margin: 20px 0;
}
.alpha-dialog-content .dialog-fr-content .trial-fr-btn {
  width: 128px;
  margin: 10px 13px;
  padding: 6px 12px;
  text-transform: initial;
  height: initial;
}
.alpha-dialog-content .dialog-fr-content .trial-fr-btn.err-border {
  border-color: #de3226;
}
.alpha-dialog-content .trial-fr-p {
  font-weight: 500;
  font-size: 15px;
  margin: 10px 12px;
}
.alpha-dialog-content a.js-download-sign-in:hover {
  text-decoration: underline;
}

.license-assign-dialog .dialog-content {
  padding: 25px;
}
.license-assign-dialog .alpha-dialog-content .mbsc-form {
  padding: 25px 9px;
}
.license-assign-dialog .gen-btn {
  padding: 8px 40px;
}
.license-assign-dialog .mbsc-control-w.mbsc-input {
  margin: 0.75em 1em;
}

/* Beta-dialog */
.beta-dialog.mwindow-overlay {
  background: rgba(0, 0, 0, 0.1);
}
.beta-dialog .mwindow-cont {
  border-radius: 8px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}
.beta-dialog .dialog-content {
  padding: 25px;
}
.beta-dialog .dialog-content-form {
  padding-left: 10px;
  padding-right: 10px;
}

/* Session dialog */
.session-dialog .mwindow-inner {
  line-height: 1.42857143;
  text-align: left;
}
.session-dialog .dialog-session {
  padding: 0 35px;
}
.session-dialog .gen-btn {
  display: table;
  margin: 0 auto;
}
.session-dialog p {
  font-size: 17px;
  font-weight: 300;
  margin: 19px 0;
}

/* Black Friday dialog */
.bf-dialog .mwindow-inner-c {
  background: #000;
  color: #fff;
}
.bf-dialog h1 {
  font-weight: 500;
  font-size: 25px;
  margin: 30px 20px 0 20px;
}
.bf-dialog p {
  font-size: 19px;
  font-weight: 300;
  margin: 10px 20px 10px 20px;
}
.bf-dialog .img {
  width: 579px;
  height: 155px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: -7px;
  margin-bottom: 40px;
  display: block;
  background: #000 url("img/mobiscroll-connect-bf@1x.png") center center no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .bf-dialog .img {
    background-image: url("img/mobiscroll-connect-bf@2x.png");
    background-size: 579px 155px;
  }
}

.dialog-content {
  padding: 35px 40px;
}

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

.dialog-content-text {
  font-size: 17px;
}
.dialog-content-inline-btn .dialog-content-text {
  line-height: 42px;
}

@media (min-width: 620px) {
  .dialog-content-text-c {
    float: left;
    max-width: 60%;
  }
}
.dialog-content-btn-c {
  float: right;
}
.dialog-content-btn-c .gen-btn {
  padding: 0.7em 4em;
}

.please-wait-img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #333;
  padding-bottom: 60px;
  margin-top: -30px;
  background: #fff url("img/loading.gif") center bottom no-repeat;
}

.no-bottom {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.no-top {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* tap highlight styling */
.touch .tap-hl {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Animations for modal window */
.animated {
  display: block;
  visibility: visible;
  -webkit-animation-duration: 200ms;
  -moz-animation-duration: 200ms;
  -ms-animation-duration: 200ms;
  animation-duration: 200ms;
}
.animated.anim-fade-in {
  opacity: 1;
  -webkit-animation-name: anim-fade-in;
  -moz-animation-name: anim-fade-in;
  -ms-animation-name: anim-fade-in;
  animation-name: anim-fade-in;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.animated.anim-fade-out {
  opacity: 0;
  -webkit-animation-name: anim-fade-out;
  -moz-animation-name: anim-fade-out;
  -ms-animation-name: anim-fade-out;
  animation-name: anim-fade-out;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.anim-pop-in, .animated.anim-pop-out {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.animated.anim-pop-in {
  opacity: 1;
  -webkit-animation-name: anim-pop-in;
  -moz-animation-name: anim-pop-in;
  -ms-animation-name: anim-pop-in;
  animation-name: anim-pop-in;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.animated.anim-pop-out {
  opacity: 0;
  -webkit-animation-name: anim-pop-out;
  -moz-animation-name: anim-pop-out;
  -ms-animation-name: anim-pop-out;
  animation-name: anim-pop-out;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.animated.anim-slideh-in {
  opacity: 1;
  -webkit-animation-name: anim-slideh-in;
  -moz-animation-name: anim-slideh-in;
  -ms-animation-name: anim-slideh-in;
  animation-name: anim-slideh-in;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.animated.anim-slideh-out {
  opacity: 0;
  -webkit-animation-name: anim-slideh-out;
  -moz-animation-name: anim-slideh-out;
  -ms-animation-name: anim-slideh-out;
  animation-name: anim-slideh-out;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  -ms-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.animated.vhidden {
  visibility: hidden;
}
.animated.vhidden.anim-slideh-init {
  visibility: hidden;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
}

.vhidden, .vhidden .animated {
  visibility: hidden;
}

/* install dialog styling */
.install-dialog.mwindow-overlay {
  background: rgba(0, 0, 0, 0.1);
}
.install-dialog .mwindow-cont {
  border-radius: 8px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

@keyframes anim-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes anim-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes anim-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Fade out */
@keyframes anim-fade-out {
  from {
    visibility: visible;
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes anim-fade-out {
  from {
    visibility: visible;
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes anim-fade-out {
  from {
    visibility: visible;
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* Pop in */
@keyframes anim-pop-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes anim-pop-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes anim-pop-in {
  from {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
  to {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
/* Pop out */
@keyframes anim-pop-out {
  from {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes anim-pop-out {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes anim-pop-out {
  from {
    opacity: 1;
    visibility: visible;
    -moz-transform: scale(1);
  }
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
/* Slide Horizontally in */
@keyframes anim-slideh-in {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes anim-slideh-in {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes anim-slideh-in {
  from {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  to {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
/* Slide horizontally out */
@keyframes anim-slideh-out {
  from {
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
  }
  to {
    opacity: 0;
    transform: translateX(-100%);
  }
}
@-webkit-keyframes anim-slideh-out {
  from {
    opacity: 1;
    -webkit-transform: translateX(0);
    visibility: visible;
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
}
@-moz-keyframes anim-slideh-out {
  from {
    opacity: 1;
    -moz-transform: translateX(0);
    visibility: visible;
  }
  to {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
}
/**
 * This project does not use tailwind css, but a narrow set of classes is defined here to support the usage
 * every class is prefixed with cmvc- to avoid conflicts with other styles
 */
.cmvc-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.cmvc-basis-full {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@media (max-width: 991px) {
  .cmvc-max991-flex-wrap {
    flex-wrap: wrap;
  }
}

.cmvc-items-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.cmvc-shrink-0 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 991px) {
  .cmvc-max991-shrink-0 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.cmvc-gap-10 {
  gap: 40px;
}

.cmvc-color-mobi-blue {
  color: #011742;
}

@media (max-width: 991px) {
  .cmvc-max991-block {
    display: block;
  }
}

body {
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 400;
  color: #4d4d4d;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

/* Fixes google iframe problem (white stripe below footer) */
body > iframe {
  position: absolute;
}

/* Pro tip styling */
.pro-tip {
  position: relative;
  margin: 60px 0 20px 0;
  padding: 40px 40px 40px 90px;
  background: #eaf3fa;
  border-radius: 6px;
  text-align: left;
}

.pro-tip-title {
  position: absolute;
  top: 36px;
  left: 20px;
  font-size: 18px;
  color: #011742;
}

/* Sections */
.page-section {
  padding-top: 70px;
  padding-bottom: 70px;
}

.page-section .mbsc-mobiscroll.mbsc-ms-c {
  background: none;
}

.page-section h1,
.page-section h2,
.page-section h3 {
  margin: 20px 0;
  color: #011742;
  font-weight: 600;
}

.page-section h1,
.page-section h1.force-h1,
.page-section h2,
.page-section h2.force-h2 {
  font-size: 35px;
  text-transform: none;
}
@media (max-width: 767px) {
  .page-section h1,
.page-section h1.force-h1,
.page-section h2,
.page-section h2.force-h2 {
    font-size: 28px;
  }
}

.page-section h1 > small,
.page-section h2 > small {
  display: block;
  color: #b80602;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
}

.page-section h1 > p,
.page-section h2 > p {
  font-size: 35px;
  text-transform: none;
  padding-top: 15px;
}

.page-section h3 {
  margin: 10px 0;
  color: #b80602;
  font-size: 22px;
}

.page-section p {
  font-size: 18px;
}

.page-section .page-lead {
  font-size: 22px;
}

.page-title {
  padding-bottom: 50px;
  margin-top: -50px;
}

.page-title h2 {
  margin: 50px 0;
}

/* Main section */
.page-main h2 {
  font-size: 24px;
  text-transform: uppercase;
}

.page-main p {
  font-size: 16px;
  text-transform: uppercase;
}

.page-main .page-lead {
  font-size: 32px;
  text-transform: none;
}

/* Web and hybrid apps */
.hybrid-apps-image-content {
  background-image: url(img/landing/patch@1x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 983px auto;
  margin: 50px auto;
  overflow: hidden;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .hybrid-apps-image-content {
    background-image: url("img/landing/patch@2x.png");
  }
}

.hybrid-apps-image {
  display: inline-block;
  margin: 0 20px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 750px) {
  .hybrid-apps-image {
    background-size: 90% auto;
    margin: 0;
  }
}
@media (max-width: 650px) {
  .hybrid-apps-image {
    background-size: 80% auto;
    margin: 0;
  }
}
@media (max-width: 520px) {
  .hybrid-apps-image {
    background-size: 80% auto;
    margin: -20px;
  }
}
@media (max-width: 440px) {
  .hybrid-apps-image {
    background-size: 70% auto;
    margin: -25px;
  }
}

.apps-img-html {
  width: 194px;
  height: 397px;
  background-image: url(img/landing/web@1x.png);
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .apps-img-html {
    background-image: url("img/landing/web@2x.png");
  }
}
@media (max-width: 750px) {
  .apps-img-html {
    width: 175px;
    height: 357px;
  }
}
@media (max-width: 650px) {
  .apps-img-html {
    width: 155px;
    height: 318px;
  }
}
@media (max-width: 440px) {
  .apps-img-html {
    width: 136px;
    height: 278px;
  }
}

.apps-img-cordova {
  width: 211px;
  height: 400px;
  background-image: url(img/landing/cordova@1x.png);
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .apps-img-cordova {
    background-image: url("img/landing/cordova@2x.png");
  }
}
@media (max-width: 750px) {
  .apps-img-cordova {
    width: 190px;
    height: 360px;
  }
}
@media (max-width: 650px) {
  .apps-img-cordova {
    width: 169px;
    height: 320px;
  }
}
@media (max-width: 440px) {
  .apps-img-cordova {
    width: 148px;
    height: 280px;
  }
}

.apps-img-pg {
  width: 207px;
  height: 400px;
  background-image: url(img/landing/pg@1x.png);
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .apps-img-pg {
    background-image: url("img/landing/pg@2x.png");
  }
}
@media (max-width: 750px) {
  .apps-img-pg {
    width: 186px;
    height: 360px;
  }
}
@media (max-width: 650px) {
  .apps-img-pg {
    width: 166px;
    height: 320px;
  }
}
@media (max-width: 440px) {
  .apps-img-pg {
    width: 145px;
    height: 280px;
  }
}

.home-celebration-c {
  max-width: 1397px;
  margin: 50px auto;
}

.home-celebration {
  margin: 0 20px;
  padding-top: 42.23%;
  background: url(img/products/cross-team@1x.png) center center no-repeat;
  background-size: 100% auto;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .home-celebration {
    background-image: url("img/products/cross-team@2x.png");
  }
}
@media (max-width: 970px) {
  .home-celebration {
    margin: 0;
    padding-top: 396px;
    background-size: auto 100%;
    background-position: left center;
  }
}

@media (max-width: 767px) {
  .home-toolset-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .home-toolset-mobile {
    display: none;
  }
}

/* FAQ */
.faq-cont {
  margin: 50px 0 20px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
  text-align: left;
}

.faq-cont a {
  text-decoration: underline;
}

.faq-cont b {
  color: #011742;
}

.faq-title {
  padding-bottom: 20px;
  font-size: 16px;
  color: #011742;
  font-family: sans-serif, verdana;
  text-transform: uppercase;
  font-weight: 600;
}

.faq-text {
  padding-bottom: 20px;
}

/* Trial banner */
.header .trial-banner {
  background-color: #3e545d;
  text-align: center;
  text-transform: uppercase;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 400;
  text-shadow: none;
  color: #fff;
}
.header .trial-banner span {
  vertical-align: middle;
}
.header .trial-banner .gen-btn {
  margin: 0 15px;
  padding: 3px 6px;
}

.header .referral-banner {
  background-color: #F97E7D;
  text-align: center;
  text-transform: uppercase;
  padding: 6px 0;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
  color: #0D3A5F;
}
.header .referral-banner span {
  vertical-align: middle;
}
.header .referral-banner a {
  color: #fff;
  text-decoration: underline;
  margin: 0 15px;
  font-weight: bold;
}
.header .referral-banner a:active, .header .referral-banner a:hover {
  text-decoration: underline;
  color: #fff;
}

/* CTA with planet and stars */
.page-planet {
  position: relative;
  min-height: 500px;
  padding: 44.34% 15px 0 15px;
  background: url(img/landing/planet.png) center center no-repeat;
  background-size: 100% auto;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .page-planet {
    background-image: url("img/landing/planet@2x.png");
  }
}
@media (max-width: 600px) {
  .page-planet {
    min-height: 0;
    margin: 0;
    padding: 0 15px;
  }
}

.page-planet-c {
  position: absolute;
  top: 20%;
  left: 15px;
  right: 15px;
}
@media (max-width: 600px) {
  .page-planet-c {
    position: static;
  }
}

.page-planet-fix {
  height: 200px;
  margin-bottom: -200px;
  background: #dcf2fc;
}

.page-stars {
  height: 291px;
  margin-bottom: -70px;
  background: url(img/landing/satellite.png) left bottom no-repeat, url(img/landing/stars.png) right bottom no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .page-stars {
    background: url(img/landing/satellite@2x.png) left bottom no-repeat, url(img/landing/stars@2x.png) right bottom no-repeat;
    background-size: 447px 291px, 363px 155px;
  }
}
@media (max-width: 800px) {
  .page-stars {
    background: url(img/landing/satellite.png) left bottom no-repeat;
  }
}
@media (max-width: 800px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 800px) and (-o-min-device-pixel-ratio: 2.6/2), (max-width: 800px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 800px) and (min-device-pixel-ratio: 1.3), (max-width: 800px) and (min-resolution: 1.3dppx) {
  .page-stars {
    background: url(img/landing/satellite@2x.png) left bottom no-repeat;
    background-size: 447px 291px;
  }
}

/* loader styling */
/*$loaderColor1: #fff;
$loaderColor2: #fff;
$loaderColor3: #fff;
$loaderColor4: #fff;
$loaderColor5: #fff;

// scaling... any units
$width: 30px;*/
.loader {
  position: relative;
  margin: 0px auto;
  width: 30px;
}
.loader:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.loader .circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotate {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotate {
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%, 90% {
    stroke: #fff;
  }
  100% {
    stroke: #fff;
  }
}
@-moz-keyframes color {
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%, 90% {
    stroke: #fff;
  }
  100% {
    stroke: #fff;
  }
}
@-o-keyframes color {
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%, 90% {
    stroke: #fff;
  }
  100% {
    stroke: #fff;
  }
}
@keyframes color {
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%, 90% {
    stroke: #fff;
  }
  100% {
    stroke: #fff;
  }
}
.loader.mobi-blue {
  position: relative;
  margin: 0px auto;
  width: 40px;
}
.loader.mobi-blue:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.loader.mobi-blue .circular {
  animation: rotatemobi-blue 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.loader.mobi-blue .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dashmobi-blue 1.5s ease-in-out infinite, colormobi-blue 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotatemobi-blue {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotatemobi-blue {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-o-keyframes rotatemobi-blue {
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotatemobi-blue {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dashmobi-blue {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-moz-keyframes dashmobi-blue {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-o-keyframes dashmobi-blue {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dashmobi-blue {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes colormobi-blue {
  0% {
    stroke: #011742;
  }
  40% {
    stroke: #011742;
  }
  66% {
    stroke: #011742;
  }
  80%, 90% {
    stroke: #011742;
  }
  100% {
    stroke: #011742;
  }
}
@-moz-keyframes colormobi-blue {
  0% {
    stroke: #011742;
  }
  40% {
    stroke: #011742;
  }
  66% {
    stroke: #011742;
  }
  80%, 90% {
    stroke: #011742;
  }
  100% {
    stroke: #011742;
  }
}
@-o-keyframes colormobi-blue {
  0% {
    stroke: #011742;
  }
  40% {
    stroke: #011742;
  }
  66% {
    stroke: #011742;
  }
  80%, 90% {
    stroke: #011742;
  }
  100% {
    stroke: #011742;
  }
}
@keyframes colormobi-blue {
  0% {
    stroke: #011742;
  }
  40% {
    stroke: #011742;
  }
  66% {
    stroke: #011742;
  }
  80%, 90% {
    stroke: #011742;
  }
  100% {
    stroke: #011742;
  }
}
/* Trial starter inline form */
.trial-starter-container {
  position: relative;
  border-radius: 4px;
  max-width: 650px;
  margin: 0 auto;
}
@media (max-width: 500px) {
  .trial-starter-container {
    margin-top: 20px;
  }
}
.trial-starter-container .input-validation-cont .input-validation-message {
  position: absolute;
  bottom: 100%;
  left: 0;
  margin-bottom: 3px;
  color: red;
  font-size: 13px;
}
.trial-starter-container .loader {
  display: none;
}
.trial-starter-container .loading {
  display: block;
}

.no-validation-message .input-validation-cont {
  display: none;
}

.trial-starter-half {
  width: 50%;
  float: left;
  outline: none;
  border: 1px solid #fff;
  /* new-mobiscroll */
  border-width: 2px;
}
@media (max-width: 500px) {
  .trial-starter-half {
    width: 100%;
  }
}
.trial-starter-half:focus {
  outline: none;
}

.trial-starter-input {
  width: 60%;
  height: 65px;
  background: none;
  padding: 5px 25px;
  border-radius: 10px 0 0 10px;
  font-size: 14px;
  background-color: #fff;
  -webkit-appearance: none;
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 400;
  margin-right: -1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  .trial-starter-input {
    border-radius: 10px;
    margin-bottom: 20px;
    width: 100%;
    height: 50px;
    font-size: 16px;
  }
}
.trial-starter-input.input-validation-message {
  border-color: #f77f7f;
}

.gen-btn.trial-starter-submit-btn {
  width: 40%;
  border-radius: 0 10px 10px 0;
  padding: 0;
  height: 65px;
  font-size: 19px;
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 400;
}
@media (max-width: 500px) {
  .gen-btn.trial-starter-submit-btn {
    border-radius: 10px;
    width: 100%;
    height: 50px;
    font-size: 16px;
  }
}

/* new-mobiscroll */
.gen-btn.trial-starter-submit-btn:hover {
  background: #ff4080;
}

div p.trial-description-xs {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: left;
  max-width: 650px;
  margin: 15px auto 40px auto;
  text-transform: none;
}
div p.trial-description-xs.text-center {
  text-align: center;
}

/* specific trial styling */
.white-trial .input-validation-cont .input-validation-message {
  color: #fff;
}

.dialog-trial {
  padding: 0 40px;
}
.dialog-trial p {
  margin: 35px 0;
  font-size: 17px;
}
.dialog-trial .trial-starter-input {
  height: 45px;
}

.alpha-dialog-content .dialog-trial .gen-btn {
  padding: 0 10px;
  height: 45px;
  text-transform: uppercase;
}

.grey-trial {
  /* new-mobiscroll */
}
.grey-trial .trial-starter-input {
  font-size: 16px;
  background-color: #fff;
  border-color: #011742;
}
.grey-trial .trial-starter-input.input-validation-message {
  border-color: #f77f7f;
}
.grey-trial .trial-starter-input::placeholder {
  font-weight: 400;
  color: #011742;
}
.grey-trial p.trial-description-xs {
  color: #333;
}

.ionic-starter-steps {
  background: #f5f5f5;
  width: 100%;
  position: absolute;
  left: 0;
  font-size: 17px;
  padding: 15px 40px 5px 40px;
  text-align: center;
}
.ionic-starter-steps .code,
.ionic-starter-steps .token.operator {
  color: #905;
}
.ionic-starter-steps p {
  margin: 30px;
}

.ionic-starter-step {
  display: inline-block;
  padding: 0 25px;
}

.email-stripe .trial-starter-input {
  padding: 5px 15px;
}
@media (min-width: 1151px) {
  .email-stripe .trial-starter-container {
    display: inline-block;
    vertical-align: middle;
    max-width: 500px;
    min-width: 460px;
    margin: 0;
    float: right;
  }
}
@media (min-width: 1188px) {
  .email-stripe .trial-starter-container {
    min-width: 500px;
  }
}
@media (min-width: 1220px) {
  .email-stripe .trial-starter-container {
    min-width: 530px;
  }
}

.header-trial-btn {
  cursor: pointer;
  border-radius: 10px;
  background-color: #000;
  padding: 10px 40px;
  margin-top: 20px;
  margin-left: 10px;
  font-family: myriad-pro, sans-serif, verdana;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  float: right;
  letter-spacing: 0;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
}

.header-trial-btn:hover {
  background-color: #ff4080;
  border-color: #ff4080;
  color: #fff;
  text-decoration: none;
}

.header-trial,
.demo-trial {
  display: none;
  float: right;
  min-width: 370px;
}
@media (max-width: 1024px) {
  .header-trial,
.demo-trial {
    min-width: 290px;
  }
}
.header-trial .trial-starter-input,
.demo-trial .trial-starter-input {
  padding: 5px 10px;
  width: 60%;
}
.header-trial .trial-starter-submit-btn,
.demo-trial .trial-starter-submit-btn {
  width: 40%;
}
.header-trial .trial-starter-input,
.header-trial .trial-starter-submit-btn,
.demo-trial .trial-starter-input,
.demo-trial .trial-starter-submit-btn {
  height: 40px;
  font-size: 14px;
}

.header-trial .trial-starter-input {
  padding: 5px 30px;
  font-size: 16px;
}
.header-trial .trial-starter-submit-btn {
  font-size: 16px;
}

.prod-trial {
  vertical-align: middle;
}
@media (min-width: 640px) {
  .prod-trial {
    display: inline-block;
    min-width: 500px;
  }
}
.prod-trial .trial-starter-container {
  margin: 0;
  max-width: 500px;
}

@media (min-width: 1024px) {
  .header-trial {
    display: inline-block;
  }
}

.demo-trial {
  min-width: 340px;
  margin-top: 12px;
  margin-right: 12px;
}
@media (min-width: 1050px) {
  .demo-trial {
    display: inline-block;
  }
}
@media (min-width: 1170px) {
  .demo-trial {
    min-width: 370px;
  }
}

/* Sticky header */
.header-sticky {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: 0 0 3px #4d4d4d;
  text-align: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  -webkit-transform: translate3d(0, -110%, 0);
  -moz-transform: translate3d(0, -110%, 0);
  -ms-transform: translate3d(0, -110%, 0);
  transform: translate3d(0, -110%, 0);
  -ms-transform: translate(0, -100%);
}
@media (max-width: 480px) {
  .header-sticky {
    padding: 20px 5px;
  }
}
@media (max-width: 410px) {
  .header-sticky {
    text-align: center;
  }
}
.verify-banner-present .header-sticky {
  top: 38px;
}

.header-sticky.affix {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}

.header-sticky-logo {
  display: inline-block;
  vertical-align: middle;
  width: 230px;
  height: 40px;
  margin-right: 40px;
  margin-top: 2px;
}
@media (min-width: 870px) {
  .header-sticky-logo .mobi-logo-small {
    display: none;
  }
}
@media (max-width: 869px) {
  .header-sticky-logo {
    width: 65px;
    margin-right: 12px;
  }
  .header-sticky-logo .mobi-logo {
    display: none;
  }
}

.header-sticky-nav {
  display: inline-block;
  vertical-align: middle;
}

.header-sticky .header-sticky-btn,
.header-sticky .header-sticky-btn:focus,
.header-sticky .header-sticky-btn:active {
  margin: 6px 5px;
  padding: 0 10px;
  background: none;
  border: 2px solid transparent;
  border-radius: 18px;
  color: #011742;
  line-height: 28px;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (max-width: 650px) {
  .header-sticky .header-sticky-btn,
.header-sticky .header-sticky-btn:focus,
.header-sticky .header-sticky-btn:active {
    margin: 3px;
  }
}
@media (max-width: 359px) {
  .header-sticky .header-sticky-btn,
.header-sticky .header-sticky-btn:focus,
.header-sticky .header-sticky-btn:active {
    padding: 0 5px;
  }
}

.header-sticky .header-sticky-btn:hover {
  background: none;
  border-color: #011742;
}

.header-sticky .active .header-sticky-btn,
.header-sticky .active .header-sticky-btn:focus,
.header-sticky .active .header-sticky-btn:hover,
.header-sticky .active .header-sticky-btn:active {
  background: none;
  color: #011742;
  border-color: #011742;
}

.header-sticky .header-sticky-cta {
  float: right;
  margin: 2px 0;
  padding: 0 24px;
  line-height: 34px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (max-width: 900px) {
  .header-sticky .header-sticky-cta {
    display: none;
  }
}

@media (max-width: 699px) {
  .header-sticky {
    display: none;
  }
}

@media (min-width: 515px) {
  .header-trial,
.header-sticky-logo {
    display: inline-block;
  }
}

.card-trial {
  margin: 40px 0 50px 0;
}
@media (max-width: 580px) {
  .card-trial .trial-starter-input {
    border-radius: 10px;
    margin-bottom: 20px;
    height: 50px;
    font-size: 16px;
  }
  .card-trial .gen-btn.trial-starter-submit-btn {
    border-radius: 10px;
    height: 50px;
    font-size: 16px;
  }
  .card-trial .trial-starter-submit-btn,
.card-trial .trial-starter-input {
    width: 100%;
  }
}

.demo-next-trial {
  float: left;
}
@media (max-width: 1214px) {
  .demo-next-trial {
    width: 100%;
    max-width: 500px;
  }
}
@media (min-width: 1215px) {
  .demo-next-trial {
    width: 100%;
  }
}
@media (min-width: 1420px) {
  .demo-next-trial {
    width: 500px;
  }
}
@media (min-width: 1215px) and (max-width: 1380px) {
  .demo-phone-portrait .demo-next-trial {
    float: none;
    min-width: 0;
  }
  .demo-phone-portrait .demo-next-trial .trial-starter-input {
    border-radius: 10px;
    margin-bottom: 20px;
    height: 50px;
    font-size: 16px;
  }
  .demo-phone-portrait .demo-next-trial .gen-btn.trial-starter-submit-btn {
    border-radius: 10px;
    height: 50px;
    font-size: 16px;
  }
  .demo-phone-portrait .demo-next-trial .trial-starter-submit-btn,
.demo-phone-portrait .demo-next-trial .trial-starter-input {
    width: 100%;
  }
}
.demo-next-trial p.trial-description-xs {
  color: #555;
}

.react-prod-trial .trial-starter-container {
  margin: 0;
  padding-left: 35px;
  padding-top: 15px;
}
.react-prod-trial .trial-description-xs {
  margin-left: 36px;
  color: #4d4d4d;
  font-weight: 300;
}

.demo-phone-np .demo-next-trial,
.demo-phone-ipadmini .demo-next-trial {
  width: 100%;
  max-width: 500px;
}

.demo-phone-np.demo-phone-portrait .demo-next-trial .trial-starter-submit-btn,
.demo-phone-np.demo-phone-portrait .demo-next-trial .trial-starter-input,
.demo-phone-ipadmini.demo-phone-portrait .demo-next-trial .trial-starter-submit-btn,
.demo-phone-ipadmini.demo-phone-portrait .demo-next-trial .trial-starter-input {
  width: 50%;
}
.demo-phone-np.demo-phone-portrait .demo-next-trial .trial-starter-input,
.demo-phone-ipadmini.demo-phone-portrait .demo-next-trial .trial-starter-input {
  border-radius: 4px 0 0 4px;
}
.demo-phone-np.demo-phone-portrait .demo-next-trial .trial-starter-submit-btn,
.demo-phone-ipadmini.demo-phone-portrait .demo-next-trial .trial-starter-submit-btn {
  border-radius: 0 4px 4px 0;
}
@media (max-width: 500px) {
  .demo-phone-np.demo-phone-portrait .demo-next-trial .trial-starter-input,
.demo-phone-ipadmini.demo-phone-portrait .demo-next-trial .trial-starter-input {
    border-radius: 10px;
    margin-bottom: 20px;
    height: 50px;
    font-size: 16px;
  }
  .demo-phone-np.demo-phone-portrait .demo-next-trial .gen-btn.trial-starter-submit-btn,
.demo-phone-ipadmini.demo-phone-portrait .demo-next-trial .gen-btn.trial-starter-submit-btn {
    border-radius: 10px;
    height: 50px;
    font-size: 16px;
  }
  .demo-phone-np.demo-phone-portrait .demo-next-trial .trial-starter-submit-btn,
.demo-phone-np.demo-phone-portrait .demo-next-trial .trial-starter-input,
.demo-phone-ipadmini.demo-phone-portrait .demo-next-trial .trial-starter-submit-btn,
.demo-phone-ipadmini.demo-phone-portrait .demo-next-trial .trial-starter-input {
    width: 100%;
  }
}

.padding-trial .trial-starter-container {
  padding: 0 20px;
  max-width: 690px;
}
.padding-trial .trial-description-xs {
  padding-left: 20px;
  padding-right: 20px;
}

.header-trial.header-start-trial {
  padding: 20px 0 20px 10px;
  min-width: 265px;
  /* new-mobiscroll */
  min-width: 350px;
}
@media (max-width: 1080px) {
  .header-trial.header-start-trial {
    padding: 15px 0 15px 10px;
    min-width: 275px;
  }
}
@media (max-width: 1199px) {
  .header-trial.header-start-trial {
    display: none;
  }
}

.forms-header {
  padding: 19px 0 19px 10px;
  float: right;
}
@media (max-width: 1080px) {
  .forms-header {
    padding: 14px 0 14px 10px;
  }
}
@media (max-width: 1023px) {
  .forms-header {
    display: none;
  }
}

.moneyback-section {
  background-color: #f5f5f5;
  padding: 60px 0;
  text-align: center;
  position: relative;
}
@media (max-width: 768px) {
  .moneyback-section {
    padding: 30px 0;
  }
}

.moneyback-section-cont {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.moneyback-badge {
  border-radius: 5px;
  border: 2px solid #B80602;
  padding-bottom: 5px;
  margin-right: 30px;
  font-weight: normal;
  width: 220px;
  position: absolute;
  top: 50%;
  margin-top: -58px;
}
@media (max-width: 640px) {
  .moneyback-badge {
    display: inline-block;
    position: relative;
    margin: 0;
  }
}

.moneyback-badge,
.moneyback-text {
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.05rem;
}

.moneyback-text {
  margin-left: 320px;
  text-align: left;
}
@media (max-width: 1024px) {
  .moneyback-text {
    margin-left: 250px;
  }
}
@media (max-width: 640px) {
  .moneyback-text {
    margin-left: 0;
    margin-top: 30px;
    text-align: center;
  }
}

.moneyback-title {
  font-size: 34px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.moneyback-bold {
  font-weight: bold;
  text-transform: uppercase;
}

.moneyback-div {
  position: absolute;
  top: 35px;
  left: 20px;
}
.moneyback-div .micons {
  color: #B80602;
}

.moneyback-div-line {
  width: 120px;
  display: inline-block;
  border-bottom: 2px solid #B80602;
  margin: 0 10px 5px 10px;
}

.referral-popup {
  width: 200px;
  height: 120px;
  background: #009688;
  position: fixed;
  bottom: 30px;
  padding: 20px;
  left: 30px;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  z-index: 2;
}
.referral-popup p {
  font-weight: bold;
}
.referral-popup a {
  font-weight: normal;
  color: #FFE378;
  text-decoration: underline;
}

.latest-release-popup {
  min-width: 330px;
  height: 76px;
  background: #fff3c4;
  color: #4d4d4d;
  position: fixed;
  bottom: 30px;
  padding: 15px 42px 15px 67px;
  left: 30px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  box-shadow: 1px 1px 1px #90979e;
  border-left: 5px solid #011742;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2);
  z-index: 3;
}
.latest-release-popup .big-text {
  letter-spacing: 0px;
}
.latest-release-popup .small-text {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.latest-release-popup .arrow-right {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #808080;
  position: absolute;
  right: 12px;
  top: 33px;
}
.latest-release-popup .release-conf {
  position: absolute;
  top: 17px;
  left: 18px;
  font-size: 30px;
}

.latest-release-popup:hover {
  text-decoration: none;
  cursor: pointer;
  color: #4d4d4d;
  transform: translate(0, -1px);
  box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.3);
}

.f-ic {
  font-size: 24px;
  font-family: "icons_general";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.f-ic-contact {
  color: #011742;
  font-size: 75px;
}

html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "myriad-pro", sans-serif, verdana;
  font-size: 14px;
  color: #fff;
  background: #79848d;
  background: #efefef repeat url(img/grain.jpg);
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body > a {
  display: none;
}

body h1 {
  margin: 0 0 20px 0;
  padding: 0;
  color: #fff;
  font-size: 2em;
  font-family: "myriad-pro", sans-serif;
}

h2 {
  margin: 10px 0;
  padding: 10px 0;
  font-size: 1.2em;
}

a {
  color: #11283A;
  text-decoration: none;
}

.supp a {
  text-decoration: underline;
}

a:active {
  outline: none;
  -moz-outline-style: none;
}

a:focus {
  outline: none;
  -moz-outline-style: none;
}

a img {
  border: 0;
}

/* Layout */
.wrapper {
  height: 100%;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wrapper > div {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.wrapper #content {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

/* Content */
#content {
  overflow: hidden;
  position: relative;
  min-height: 600px;
}

/* Error page */
.error {
  background-color: white;
  padding: 20px;
  margin-top: 50px;
  color: #11283A;
}

.error a {
  color: #11283A;
  text-decoration: underline;
}

/* Page elements */
#fb-root {
  display: none;
}

/* Box layouts */
.vertical-layout-cont {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.vl-col-small {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.vl-col-stretch {
  -webkit-box-flex: 1 1 0.01px;
  -moz-box-flex: 1 1 0.01px;
  -webkit-flex: 1 1 0.01px;
  -ms-flex: 1 1 0.01px;
  flex: 1 1 0.01px;
}

.horizontal-layout-cont {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
  min-width: 0;
}

/* Slideable container */
.slide-container {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.no-flexbox .slide-container {
  display: block;
  height: 100%;
}

.no-touch .slide-cont-nav {
  background-color: rgba(0, 0, 0, 0);
}
.no-touch .slide-cont-nav:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #333;
}

.slide-cont-nav {
  position: absolute;
  height: 100%;
  padding: 0 40px;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 99999;
}

.slide-cont-nav.slide-nav-visible {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  cursor: pointer;
}

.slide-cont-nav-left {
  left: 0;
}

.slide-cont-nav-right {
  right: 0;
}

.slide-cont-nav .micons {
  font-size: 65px;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  color: #555;
  left: 50%;
  margin-left: -15px;
}

.slide-content {
  padding-top: 20px;
  overflow: auto;
  white-space: nowrap;
  margin-bottom: -20px;
  margin-right: -20px;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.slide-content-c {
  display: inline-block;
  padding: 0 40px;
}

/* Covers */
.cover-container {
  background: #011742 top center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 50;
  color: #fff;
  font-weight: 300;
  text-align: center;
  min-height: 545px;
  padding: 0 20px;
}
.cover-container .btn-group {
  padding-top: 100px;
}
@media (min-width: 769px) {
  .cover-container .btn-group {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
  }
}

.cover-title {
  padding-top: 100px;
  font-size: 76px;
}
@media (max-width: 600px) {
  .cover-title {
    padding-bottom: 20px;
    font-size: 60px;
  }
}

.cover-desc {
  font-size: 27px;
}

/* Buttons */
.btn-group {
  overflow: hidden;
}
@media (min-width: 501px) {
  .btn-group {
    padding: 10px 0;
  }
}
.btn-group .sbtn {
  margin: 10px;
}
@media (max-width: 500px) {
  .btn-group .sbtn {
    display: block;
    margin: 20px 0;
    text-align: center;
  }
}

.sbtn {
  display: inline-block;
  text-decoration: none;
  padding: 0;
  margin: 0;
  border: 0;
  color: #fff;
  text-shadow: none;
  cursor: pointer;
  font-size: 15px;
  -webkit-transition: background 0.3s ease-out;
  -moz-transition: background 0.3s ease-out;
  transition: background 0.3s ease-out;
}

.sbtn:hover, .sbtn:visited, .sbtn:active {
  text-decoration: none;
  color: #fff;
}

/* button shapes */
.sbtn-flat {
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 300;
  padding: 0.8em 2.6em;
}

.sbtn-round {
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 300;
  padding: 0.8em 2.6em;
  border-bottom: 5px solid;
  text-shadow: rgba(0, 0, 0, 0.4) 1px 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* frame buttons */
.sbtn-frame {
  display: inline-block;
  color: #fff;
  background: none;
  border: 0.066666em solid #fff;
  padding: 0.733333em 1.533333em;
  cursor: pointer;
  border-color: #7c7c7c;
  color: #7c7c7c;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-family: "myriad-pro", sans-serif, verdana;
  font-weight: 300;
  font-size: 15px;
}
.sbtn-frame .micons {
  padding-right: 10px;
}

.no-touch .sbtn-frame:hover {
  background-color: #011742;
  color: #fff;
  border-color: #011742;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/* plain buttons */
.sbtn-plain {
  padding: 0.8em 1.3em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

.sbtn-plain-wide {
  padding: 0.8em 2.6em;
}

.sbtn-plain-transparent {
  color: #545454;
  border: 0.066666em solid #545454;
  padding: 0.733333em 1.233333em;
}

/* button types */
.sbtn-primary {
  background-color: #011742;
  border-color: #2e4c60;
}

.no-touch .sbtn-primary:hover {
  background-color: #384d60;
  border-color: #34566d;
}

.sbtn-cta {
  background-color: #FF5722;
  border-color: #aa5901;
}

.no-touch .sbtn-cta:hover {
  background-color: #ad330e;
}

.sbtn-neutral {
  background-color: #fff;
  color: #555;
}

.no-touch .sbtn-neutral:hover {
  background-color: #ddd;
}

.sbtn-success {
  background-color: #63BE6E;
  border-color: #378440;
}

.no-touch .sbtn-success:hover {
  background-color: #46a852;
}

.sbtn-stripe {
  background-color: #f5f5f5;
  color: #333;
}

.no-touch .sbtn-stripe:hover {
  background-color: #eaeaea;
}

.sbtn-secondary {
  background-color: #6d6d6d;
  border-color: #292929;
}

.no-touch .sbtn-secondary:hover {
  background-color: #3f3f3f;
}

/* button sizes */
.sbtn-chunky {
  font-size: 22px;
  padding: 1.2em 1.6em;
}

.sbtn-big {
  font-size: 22px;
  padding: 1.2em 4em;
}

.sbtn-tall {
  padding: 1em 2.6em;
}

.sbtn-small {
  padding: 0.4em 2.6em;
}

/* spcial cases */
.sbtn.disabled,
.no-touch .sbtn.disabled:hover {
  background-color: #d8d8d8;
  border-color: #888;
  color: #969696;
}

.no-touch .sbtn-transparent:hover {
  text-decoration: underline;
}

.sbtn-transparent-dark {
  color: #555;
}

.sbtn button {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}

.ls-cont {
  max-width: 1080px;
  margin: 0 auto;
}

.ls {
  list-style-type: none;
  padding: 20px;
  font-size: 20px;
  font-weight: 300;
  color: #777;
}

.ls-i {
  padding: 5px 0;
}

.btn-light {
  margin: 0 20px;
  padding: 10px 20px;
  display: inline-block;
  background-color: #fff;
  color: #011742;
  font-size: 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.btn-narrow {
  padding: 0.3em 1.6em;
}

.show-coupon-btn-cont .btn-light {
  background: #aedcff;
  color: #1f1f1f;
}

#coupon-cc {
  border-radius: 5px;
}

.btn {
  display: inline-block;
  text-decoration: none;
  padding: 0;
  margin: 0;
  outline: 0;
  overflow: visible;
  color: #fff;
}

.btn input {
  color: #fff;
  text-shadow: black 1px 1px 1px;
}

.btn:hover {
  opacity: 0.9;
  text-decoration: none;
}

.btn.disabled, .btn.disabled:hover, .btn.disabled .btn-i {
  opacity: 0.5;
  text-decoration: none;
  cursor: default;
}

.btn-i {
  padding: 0.8em 1.6em;
  margin: 0;
  display: inline-block;
  background: none;
  border: 0;
  border-top: 1px solid #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.btn-blue {
  background: #21618f;
  border: 1px solid #1e5782;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #20638F), color-stop(1, #6492B1));
  background: -moz-linear-gradient(center bottom, #20638F 0%, #6492B1 100%);
}

.btn-blue:hover {
  background: #3988BD;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3988BD), color-stop(1, #8CBDDE));
  background: -moz-linear-gradient(center bottom, #3988BD 0%, #8CBDDE 100%);
}

.btn-lgreen {
  background: #629924;
  border: 1px solid #348508;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #348508), color-stop(1, #1ab813));
  background: -moz-linear-gradient(center bottom, #348508 0%, #1ab813 100%);
}

.btn-gray {
  background: #43a015;
  border: 1px solid #555;
  color: #000;
  text-shadow: white 1px 1px 1px;
  background: -webkit-gradient(linear, left top, left bottom, from(#d5d5d5), to(#949596));
  background: -moz-linear-gradient(#d5d5d5, #949596);
}

/* positions */
.pos-rel {
  position: relative;
}

/* Floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.flt-left {
  float: left;
}

.flt-right {
  float: right;
}

/* Links */
.mobi-link {
  color: #011742;
  text-decoration: underline;
}

/* Text aligns */
.txt-center {
  text-align: center;
}

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

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

/* Text sizes */
.txt-xxl {
  font-size: 2.6em;
}

.txt-xl {
  font-size: 2em;
}

.txt-l {
  font-size: 1.6em;
}

.txt-m {
  font-size: 1.2em;
}

.txt-s {
  font-size: 0.8em;
}

.txt-base {
  font-size: 14px;
}

/* Text styles */
.txt-b {
  font-weight: bold;
}

.txt-n {
  font-weight: normal;
}

.txt-i {
  font-style: italic;
}

/* Text colors */
.txt-orange {
  color: #e27412;
}

.txt-green {
  color: Green;
}

.txt-orange-hl {
  color: #ff8400;
}

.txt-dgreen {
  color: #008000;
}

.txt-lgray {
  color: #888;
}

/* Backgrounds */
.lightblue-bg {
  background-color: #aedcff;
}

.lgray-bg {
  background-color: #f4f4f4;
}

/* form styles*/
span.required:after {
  content: "*";
  color: #c80000;
}

.progress.hidden {
  display: none;
}

/* Borders */
.brd-gray {
  border: 1px solid #efefef;
}

/* Team view */
.team {
  background: #f1f1f1;
  margin-top: 40px;
  padding: 30px 0 10px 0;
  font-size: 1.2em;
  color: #555555;
}

.team h2 {
  margin: 0 0 20px 0;
  padding: 0;
  font-weight: 300;
  font-size: 24px;
}

.team-imgs {
  float: left;
  width: 20.33%;
  margin-left: 2%;
}

.team-txt {
  float: left;
  width: 73.6%;
  margin: 0 2%;
  font-weight: 300;
}

.team-img {
  float: left;
  margin: 0 10px 10px 20px;
  text-align: center;
  font-style: italic;
}

.team img {
  display: block;
  margin-bottom: 10px;
}

.team .btn-light {
  margin: 0;
}

.team-img img {
  width: 90px;
}

@media (max-width: 1285px) {
  .team-img {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 1185px) {
  .team-img {
    margin-left: 0;
    margin-right: 10px;
  }
}
@media (max-width: 1080px) {
  .team-imgs, .team-txt {
    float: none;
    width: auto;
    margin: 0 20px;
  }

  .team-img {
    margin: 0 2%;
    width: 21%;
  }

  .team-img img {
    margin-left: auto;
    margin-right: auto;
  }

  .team-txt {
    margin-top: 20px;
  }
}
@media (max-width: 625px) {
  .team-img {
    width: 90px;
  }
}
@media (max-width: 545px) {
  .team-img {
    float: left;
    margin: 0 1%;
    width: 48%;
    margin-bottom: 10px;
  }
}
/* wide theme styling */
.wide-team .team {
  background: none;
  text-align: center;
  padding: 30px 0;
}
.wide-team .team-txt, .wide-team .team-imgs {
  float: none;
  margin: 0 auto;
}
.wide-team .team-imgs {
  width: auto;
  display: inline-block;
}
.wide-team .team-img {
  margin: 10px 25px;
  width: auto;
  font-size: 19px;
}
.wide-team .team-img img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 120px;
}
@media (max-width: 910px) {
  .wide-team .team-img {
    float: none;
    display: inline-block;
    min-width: 160px;
  }
}
@media (max-width: 700px) {
  .wide-team .team-img {
    min-width: 0;
  }
}
@media (max-width: 469px) {
  .wide-team .team-img {
    min-width: 0;
  }
}
.wide-team .team-txt {
  padding: 20px 30px 0 30px;
}
.wide-team .team-txt, .wide-team .team-txt a {
  font-weight: 300;
  font-size: 18px;
}
.no-touch .wide-team .team-txt a:hover {
  text-decoration: underline;
}

/* customers page */
.eqh-list {
  min-height: 355px;
}

/* Features on Landing page  */
.pdg-mn-top {
  padding-top: 10px;
}

.pdg-mn-bottom {
  padding-bottom: 10px;
}

.pdg-s-top {
  padding-top: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .pdg-s-top-sm {
    padding-top: 40px;
  }
}

@media (max-width: 767px) {
  .pdg-s-top-xs {
    padding-top: 40px;
  }
}

.pdg-s-bottom {
  padding-bottom: 40px;
}

.pdg-ss-bottom {
  padding-bottom: 20px;
}

.pdg-ss-top {
  padding-top: 20px;
}

.pdg-ss {
  padding: 20px;
}

.pdg-m-top {
  padding-top: 70px;
}

.pdg-l-top {
  padding-top: 100px;
}

.pdg-m-bottom {
  padding-bottom: 70px;
}

.pdg-l-bottom {
  padding-bottom: 100px;
}

.mrg-s-top {
  margin-top: 40px;
}

.mrg-s-left {
  margin-left: 40px;
}

.mrg-ss-top {
  margin-top: 10px;
}

.mrg-ss-left {
  margin-left: 10px;
}

.mrg-xs-left {
  margin-left: 20px;
}

.mrg-xs-bottom {
  margin-bottom: 20px;
}

.mrg-ss {
  margin: 10px;
}

.mrg-xs-hor {
  margin-left: 20px;
  margin-right: 20px;
}

.faq-title {
  font-size: 17px;
  color: #011742;
  font-family: sans-serif, verdana;
  text-transform: uppercase;
  padding: 20px 0;
  font-weight: 500;
}

.faq-txt {
  color: #363636;
  font-size: 16px;
}

/* Responsive */
.clear.hidden {
  display: none;
}

@media (max-width: 915px) {
  .clear.hidden {
    display: block;
  }
}
/* download page */
.dialog-message {
  font-weight: 300;
}
.dialog-message .sbtn-flat {
  font-size: 17px;
}

.popup-box-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url(img/Transparent.gif) repeat 0 0;
}

.popup-box-icon .f-ic {
  font-size: 16px;
}

.popup-box {
  position: absolute;
  top: 100%;
  left: 100%;
  width: 400px;
  padding: 30px;
  z-index: 11;
  margin: -5px;
  cursor: default;
  display: none;
}

.popup-box-txt {
  background: #fff;
  color: #000;
  border: 3px solid #274558;
  border-radius: 5px;
  padding: 15px;
  font-size: 16px;
  text-shadow: none;
  text-align: left;
  display: block;
}

.fontb-icons .popup-box {
  padding: 0;
  margin: 30px;
}

.lang-chk-col {
  width: 50%;
  float: left;
}

.lang-chk-cc {
  margin: 2px 0;
  color: #000;
  width: 100%;
  float: left;
}

.lang-chk-cont {
  background-color: #FFF;
  padding: 6px 8px;
  margin: 0 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 990px) {
  .lang-chk-cont {
    padding: 6px 8px;
    margin: 0 2px;
  }
}
@media (max-width: 490px) {
  .lang-chk-col {
    width: auto;
    float: none;
  }

  .lang-chk-cc {
    width: auto;
    float: none;
  }
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 250;
}
.overlay.hidden {
  display: none;
}

.validation-summary-errors {
  color: red;
  margin: 20px 0;
}

.validation-summary-errors ul, .validation-summary-errors li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* new support page */
.badass-success-dialog.submit-ticket {
  position: absolute;
}

.support-box {
  text-align: center;
  font-weight: 300;
}

.sb-title {
  font-size: 24px;
  font-weight: 400;
  color: #000;
  padding-bottom: 30px;
}

.sb-link {
  display: block;
  font-size: 17px;
  font-weight: 400;
  padding-bottom: 5px;
  color: #011742;
}

.header-txt {
  font-size: 28px;
  color: #000;
  font-weight: 600;
}

.header-desc-txt {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

@media (max-width: 370px) {
  .col-xxs-12 {
    width: 100% !important;
  }
}
.support #content {
  background: #fff;
  position: relative;
  overflow: visible;
}

.support-desc {
  margin: 50px 0 20px 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 170%;
}

.support-desc .highlight {
  background-color: #FFFEB0;
  border-bottom: 1px solid #fffc25;
}

.support-desc a {
  text-decoration: underline;
}

.member-faq-title {
  padding-bottom: 20px;
  font-size: 17px;
  color: #011742;
  font-family: sans-serif, verdana;
  text-transform: uppercase;
}

.member-faq-text {
  padding-bottom: 20px;
}

.support-desc.mrg-less-top {
  margin-top: 30px;
}

/* request support form */
#ticketDialog-cont {
  padding-top: 0;
}
#ticketDialog-cont .mwindow-inner {
  overflow: hidden;
}
#ticketDialog-cont .mwindow-inner-c {
  height: 100%;
}
#ticketDialog-cont .mwindow-close-i {
  z-index: 1;
}
#ticketDialog-cont .mwindow-cross {
  border-left: 1px solid #fff;
}
#ticketDialog-cont .panel-title {
  text-align: center;
  color: #fff;
  background-color: #011742;
  font-size: 28px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 10px;
}
#ticketDialog-cont .login-required {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
  padding-top: 54px;
  margin-top: -54px;
}
#ticketDialog-cont .login-required > div {
  display: table-cell;
  vertical-align: middle;
}
#ticketDialog-cont .login-required .login-required-txt {
  font-size: 18px;
  font-weight: 300;
  padding-bottom: 30px;
}
#ticketDialog-cont #support-request-form {
  padding-bottom: 43px;
  padding-top: 54px;
  overflow: hidden;
  height: 100%;
  margin-top: -54px;
}
#ticketDialog-cont .attachment-section {
  min-height: 412px;
}
#ticketDialog-cont .scrollable-form {
  height: 100%;
  overflow: auto;
}
#ticketDialog-cont .file-add-btn {
  color: #011742;
  font-size: 15px;
}
#ticketDialog-cont .file-add-btn input {
  cursor: pointer;
}
#ticketDialog-cont .file-add-btn:hover {
  text-decoration: underline;
}
#ticketDialog-cont .bottom-cont {
  bottom: 0;
  position: absolute;
  width: 100%;
  background-color: #f4f4f4;
}
#ticketDialog-cont .sr-file {
  display: block;
}
#ticketDialog-cont .attached-cont {
  background-color: #e6e7e9;
  overflow: hidden;
}
#ticketDialog-cont .attached-cont .sr-file {
  display: inline-block;
  font-size: 15px;
  padding: 10px 0px 10px 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: -1px;
}
#ticketDialog-cont .attached-cont .sr-file > span {
  color: #aaa;
  font-size: 15px;
}
#ticketDialog-cont .attached-cont .sr-file > span:hover {
  text-decoration: none;
}
#ticketDialog-cont .attached-cont .file-remove-btn {
  font-weight: 300;
  font-size: 13px;
  padding: 5px 10px;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#ticketDialog-cont .submit-cont {
  float: left;
}
#ticketDialog-cont .submit-ticket-btn {
  border: 0;
  background-color: #011742;
  color: #fff;
  padding: 12px 60px;
  font-size: 15px;
  font-weight: 300;
  font-family: "myriad-pro", sans-serif, verdana;
  cursor: pointer;
  text-transform: uppercase;
}
#ticketDialog-cont .submit-ticket-btn.disabled {
  background-color: #b8b8b8;
}

.no-touch #ticketDialog-cont .submit-ticket-btn {
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.no-touch #ticketDialog-cont .submit-ticket-btn:not(.disabled):hover {
  background-color: #384d60;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.no-touch #ticketDialog-cont .attached-cont .file-remove-btn {
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.no-touch #ticketDialog-cont .attached-cont .file-remove-btn:hover {
  color: #555;
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}

#please-wait .mwindow-inner-c {
  height: 100%;
  display: table;
  width: 100%;
}
#please-wait .please-wait-generic-cont {
  display: table-cell;
  vertical-align: middle;
}
#please-wait .please-wait-generic-cont .please-wait-text {
  padding: 0 0 50px 0;
  font-weight: 300;
}

@media (max-width: 767px) {
  #ticketDialog-cont .mwindow-close-i {
    width: 30px;
    height: 30px;
  }
  #ticketDialog-cont .mwindow-cross {
    width: 30px;
    height: 30px;
  }
  #ticketDialog-cont .mwindow-cross-l {
    -webkit-transform: translate(10px, -10px) rotate(-45deg);
    -moz-transform: translate(10px, -10px) rotate(-45deg);
    -ms-transform: translate(10px, -10px) rotate(-45deg);
    transform: translate(10px, -10px) rotate(-45deg);
  }
  #ticketDialog-cont .mwindow-cross-r {
    -webkit-transform: translate(10px, 10px) rotate(45deg);
    -moz-transform: translate(10px, 10px) rotate(45deg);
    -ms-transform: translate(10px, 10px) rotate(45deg);
    transform: translate(10px, 10px) rotate(45deg);
  }
  #ticketDialog-cont .panel-title {
    font-size: 18px;
    text-align: left;
  }
  #ticketDialog-cont #support-request-form {
    padding-top: 45px;
    margin-top: -45px;
  }
  #ticketDialog-cont .attached-cont .sr-file {
    display: block;
    padding-right: 10px;
    border-right: none;
  }
  #ticketDialog-cont .attached-cont .sr-file .file-add-btn-i {
    overflow: hidden;
    display: block;
    margin-right: 30px;
  }
  #ticketDialog-cont .attached-cont .sr-file .file-remove-btn {
    position: absolute;
    right: -7px;
    top: 0;
  }
  #ticketDialog-cont .submit-cont, #ticketDialog-cont .submit-ticket-btn {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}
#requestSuccess .mwindow-inner-c, #requestFail .mwindow-inner-c {
  height: 100%;
}
#requestSuccess .support-outcome, #requestFail .support-outcome {
  height: 100%;
  margin: 0 -20px;
}
#requestSuccess .support-success, #requestSuccess .support-fail, #requestFail .support-success, #requestFail .support-fail {
  display: table;
  width: 100%;
  height: 100%;
  padding-bottom: 52px;
  position: relative;
  background-repeat: no-repeat;
  background-size: 839px 381px;
}
#requestSuccess .support-success, #requestFail .support-success {
  background-image: url("img/delivered.png");
  background-position: left 80%;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #requestSuccess .support-success, #requestFail .support-success {
    background-image: url("img/delivered_2x.png");
  }
}
#requestSuccess .support-fail, #requestFail .support-fail {
  background-position: left 65%;
  background-image: url("img/notdelivered.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #requestSuccess .support-fail, #requestFail .support-fail {
    background-image: url("img/notdelivered_2x.png");
  }
}
#requestSuccess .support-outcome-text, #requestFail .support-outcome-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  color: #011742;
}
#requestSuccess .support-outcome-text .outcome-icon, #requestFail .support-outcome-text .outcome-icon {
  font-size: 30px;
  line-height: 40px;
}
#requestSuccess .bottom-cont, #requestFail .bottom-cont {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}

@media (max-width: 869px) {
  #requestSuccess .support-success, #requestSuccess .support-fail, #requestFail .support-success, #requestFail .support-fail {
    background-size: 100%;
  }
}
@media (max-width: 400px) {
  #requestSuccess .support-success, #requestFail .support-success {
    background-position: left 75%;
    background-size: 284px 108px;
    background-image: url("img/message_sent.png");
  }
}
@media (max-width: 400px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 400px) and (-o-min-device-pixel-ratio: 2.6/2), (max-width: 400px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 400px) and (min-device-pixel-ratio: 1.3), (max-width: 400px) and (min-resolution: 1.3dppx) {
  #requestSuccess .support-success, #requestFail .support-success {
    background-image: url("img/message_sent2x.png");
  }
}
@media (max-width: 400px) {
  #requestSuccess .support-fail, #requestFail .support-fail {
    background-position: left 75%;
    background-size: 263px 203px;
    background-image: url("img/message_not_sent.png");
  }
}
@media (max-width: 400px) and (min--moz-device-pixel-ratio: 1.3), (max-width: 400px) and (-o-min-device-pixel-ratio: 2.6/2), (max-width: 400px) and (-webkit-min-device-pixel-ratio: 1.3), (max-width: 400px) and (min-device-pixel-ratio: 1.3), (max-width: 400px) and (min-resolution: 1.3dppx) {
  #requestSuccess .support-fail, #requestFail .support-fail {
    background-image: url("img/message_not_sent2x.png");
  }
}
.dbutton {
  font-size: 20px;
  font-weight: 300;
  font-family: "myriad-pro", sans-serif, verdana;
  cursor: pointer;
  padding: 12px 60px;
  color: #fff;
  text-transform: uppercase;
}

.dbutton-green {
  background-color: #54ca6c;
}

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

.no-touch .dbutton {
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.no-touch .dbutton:not(.disabled):hover {
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.no-touch .dbutton-green:not(.disabled):hover {
  background-color: #21b51e;
}

.support-ticket-container {
  margin: 0 -20px;
  height: 100%;
}

.support-help-links a {
  display: none;
  padding: 6px 12px;
  font-size: 14px;
}

.support-help-links a.active {
  display: block;
}

.attachment-cont {
  margin-top: -15px;
}

.file-submit {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
}

.file-submited {
  display: none;
}

.input-group.fixed-width .form-control {
  /*overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;*/
  display: inline-block;
  width: auto;
  float: left;
}

.input-group.fixed-width .input-group-btn {
  display: inline-block;
}

.ticketform-cont {
  float: left;
}

.support-ticket-buy-btn {
  padding: 15px 20px;
  background-color: #42b926;
  margin: 0;
  border: 0;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  cursor: pointer;
}

.attachment-section > div {
  z-index: 0;
}

.drag-and-drop {
  opacity: 0.7;
  background-color: #bbb;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: none;
}

.attachment-section.drop-hover .drag-and-drop {
  display: block;
  z-index: 10;
}

.attachment-section.drop-hover .file-submit {
  z-index: 20;
}

.drag-and-drop-txt {
  position: absolute;
  display: inline-block;
  font-size: 26px;
  color: #333;
  text-shadow: none;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -140px;
}

.tickets {
  padding: 10px;
  font-size: 16px;
  color: #011742;
  border: 1px solid #ddd;
}

.qty, .ext-qty {
  padding: 7px 5px 5px 5px;
  font-size: 16px;
  color: #011742;
}

.fee {
  min-width: 70px;
  text-align: right;
  padding-left: 10px;
}

.support-white-bg {
  background-color: #fff;
}

.subsc-title {
  font-size: 18px;
  color: #011742;
  padding: 20px 0;
}

.subsc-title.big {
  font-size: 24px;
}

.subsc-price-txt {
  float: right;
}

.ticket .subsc-price-txt {
  padding-top: 12px;
}

.subsc-inp-hidden {
  display: none;
}

.subsc-inp-cont {
  padding: 2px 5px 5px 5px;
  position: relative;
}

.security-lock-icon {
  position: absolute;
  top: 13px;
  right: 12px;
  color: #aaa;
}

.security-lock-icon.icon-lock2 {
  font-size: 17px;
}

.subsc-lbl-cont {
  padding: 5px 5px 0px 5px;
  color: #555;
  font-size: 16px;
}

.subsc-lbl-cont.first {
  padding-top: 40px;
}

.subsc-inp-cont input {
  width: 100%;
  padding: 10px;
}

.subsc-section {
  position: relative;
}

.subsc-btn-placeholder {
  position: relative;
  height: 54px;
}

.subsc-card {
  margin: -4px 0 4px 4px;
  height: 22px;
  float: right;
}

.subsc-card-mastercard {
  width: 37px;
  background: url(img/mastercard.gif);
}

.subsc-card-visa {
  width: 35px;
  background: url(img/visa.gif);
}

.subsc-card-american-express {
  width: 22px;
  background: url(img/american_express.gif);
}

@media (max-width: 990px) {
  .grid_3.support-desc:nth-child(2n+1) {
    clear: left;
  }
}
/* Modal window styling */
.mwindow-cont .bottom-button-cont {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 -20px;
  padding: 0 10px 10px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mwindow-cont .bottom-button-cont .sbtn-flat {
  margin: 10px;
}

.alpha-dialog-content .bottom-button-cont {
  margin: 0;
}
.alpha-dialog-content .bottom-button-cont .gen-btn {
  margin: 10px;
}

.mwindow-fullscreen .bottom-button-cont {
  padding: 0 20px;
}
.mwindow-fullscreen .bottom-button-cont .sbtn-flat, .mwindow-fullscreen .bottom-button-cont .gen-btn {
  display: block;
  margin: 20px 0;
  text-align: center;
}
.mwindow-fullscreen .bottom-button-cont button.sbtn-flat,
.mwindow-fullscreen .bottom-button-cont button.gen-btn {
  width: 100%;
}

.modal-txt {
  color: #555;
  font-size: 16px;
}

/* modal success dialog */
.success-grafic.no-grafic {
  text-align: left;
}
.success-grafic.no-grafic .success-grafic-icon {
  display: none;
}

.success-grafic.success-center {
  padding-top: 30px;
  background: white;
}

.mb-6 {
  margin-bottom: 24px;
}

/* success dialog */
.support-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 250;
}

.badass-success-dialog.taller {
  height: 340px;
}

.badass-success-dialog {
  position: fixed;
  color: #555;
  width: 630px;
  height: 280px;
  padding: 0 20px;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -325px;
  background: #fff;
  font-size: 16px;
  border: 13px solid #dce7ee;
  border: 13px solid rgba(81, 133, 168, 0.2);
  z-index: 2000;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#lastversion-dialog-cont .badass-success-dialog {
  height: auto;
  min-height: 280px;
}

#doc-links {
  padding-bottom: 70px;
}

.success-mail-link {
  text-decoration: underline;
  color: #011742;
}

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

.btn-cont.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 20px;
  width: 100%;
}

/* support question dialog */
.support-overlay {
  z-index: 1250;
  background-color: #aaa;
  opacity: 0.7;
}

.questionDialog {
  position: fixed;
  width: 630px;
  height: 340px;
  padding: 20px;
  top: 50%;
  left: 50%;
  margin-top: -180px;
  margin-left: -325px;
  background: #fff;
  font-size: 14px;
  border: 13px solid #dce7ee;
  border: 13px solid rgba(81, 133, 168, 0.2);
  z-index: 1251;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.questionDialog .btn-cont {
  text-align: left;
}

.questionDialog .f-txt {
  margin-bottom: 10px;
  padding: 10px;
}

.support_btn {
  float: right;
  margin-left: 20px;
}

.lbl-cont {
  color: #555;
}

.fld-cont.txt-a {
  height: 135px;
}

.fld-cont textarea {
  height: 100%;
}

input.support-ticket-buy-btn, button.support-ticket-buy-btn {
  margin-left: 20px;
  padding: 12px 20px;
}

.question-close, .docs a.question-close {
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #aaa;
  text-decoration: none;
}

/* download page signup/register section */
.form-cont-regsign {
  position: relative;
}

.subtitle {
  font-size: 20px;
  font-style: italic;
  padding-top: 40px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #b1b1b1;
}

/* Forms */
.tbl-dd {
  width: 100%;
  padding: 10px;
}

.f-dd, .f-txt {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

input.f-txt, textarea.f-txt, select.f-dd {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.f-txt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.webkit-browser .f-txt, .webkit-browser .f-dd {
  -webkit-appearance: none;
  width: 100%;
  margin: 0 0 5px 0;
  padding: 10px;
  border: 1px solid #011742;
}
.webkit-browser .f-txt {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.webkit-browser .f-dd {
  background-position: 95% 50%;
  background-repeat: no-repeat;
  background-size: 8px 6px;
  background-image: url(img/triangle.png);
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .webkit-browser .f-dd {
    background-image: url("img/triangle_2x.png");
    background-size: 8px 6px;
  }
}

.f-lbl {
  font-weight: 300;
  padding-bottom: 5px;
}

.field-validation-error {
  color: #ff0000;
  float: right;
}

.email-appeal {
  font-size: 0.8em;
  font-style: italic;
  padding-left: 5px;
}

/* home page */
.supported {
  display: inline-block;
  width: 415px;
  height: 45px;
  background: url(img/platforms.png) no-repeat center center;
}

.supported-cont {
  display: inline-block;
  padding: 10px;
  border-radius: 10px;
}

/* Login page linked account buttons*/
.linked-login-btn {
  margin: 0;
  /*padding:10px 20px 10px 0;*/
  border: none;
  background: none;
  font-size: 50px;
  color: #011742;
  cursor: pointer;
  outline: none;
}

.linked-login-btn:hover {
  color: #2e4c60;
}

/* partial login signup */
.partial-sigreg-form-cont {
  display: none;
}

.partial-sigreg-form-cont.partial-sigreg-cont-a {
  display: block;
}

/* Side menu */
.no-touch .side-menu-cont a:hover {
  text-decoration: none;
}

.side-menu-cont {
  overflow: auto;
  width: 340px;
  color: #555;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 13px;
}

.side-menu {
  padding: 20px;
}

.side-menu-title-cont {
  padding: 25px 0 0 13px;
  font-style: italic;
  font-size: 16px;
}

.no-touch .side-menu-title-cont:hover {
  background-color: #eee;
}

.side-submenu {
  display: none;
}

.side-submenu.side-submenu-a {
  display: block;
}

.slink-main, .no-touch .slink-main:hover {
  display: block;
  position: relative;
  padding: 5px 0 5px 30px;
  text-decoration: none;
  font-size: 16px;
}

.no-touch .slink-main:hover {
  background-color: #eee;
}

.slink-main:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -5px;
  background: url(img/arrow-closed.png) center center no-repeat;
}

.slink-main-down.slink-main:after {
  background: url(img/arrow-down.png) center center no-repeat;
}

.opt {
  display: inline-block;
  padding: 7px 15px;
  margin: 3px 0 3px 40px;
}

.opt.opt-a, .no-touch .opt:hover {
  background: #011742;
  color: #fff;
  text-shadow: none;
}

/* profile page */
.outlined {
  text-decoration: line-through;
}

/* upgrade page */
.btn-same-height {
  font-size: 14px;
  line-height: 18px;
  font-family: "myriad-pro", sans-serif, verdana;
}

/* account page */
.acc-links {
  padding: 20px 0;
}

.acc-links a {
  display: block;
  float: left;
  padding: 0 10px;
  margin: 0 20px 0 0;
  color: #011742;
  line-height: 30px;
  text-decoration: none;
  text-shadow: none;
  border-radius: 5px;
}

.acc-links a:hover, .acc-links .active {
  background: #011742;
  color: #fff;
  text-decoration: none;
}

.acc-links-cont {
  background: #011742;
  padding: 15px 20px;
}
.acc-links-cont .acc-links {
  padding: 0 10px;
}
.acc-links-cont a {
  color: #fff;
  font-weight: 400;
}
.acc-links-cont a:hover, .acc-links-cont .acc-links .active, .acc-links-cont button:hover {
  color: #011742;
  background: #fff;
}

/* checkout page */
.apply-chkb-cont {
  color: #011742;
}

.refresh-btn {
  width: 16px;
  height: 16px;
  cursor: pointer;
  background: url(img/refresh_icon.png) no-repeat center center;
  float: right;
  display: inline-block;
}

.refresh-btn.hidden {
  display: none;
}

#vatprogress {
  color: green;
}

.checkout-page .coupon-section {
  padding: 5px 5px 5px 5px;
}

.checkout-page .coupon-section .subsc-inp-cont {
  padding-bottom: 0;
}

.checkout-page .subsc-lbl-cont {
  font-size: 15px;
}

.checkout-page .btn-light {
  margin: 0;
  cursor: pointer;
}

.checkout-page .btn-light:hover {
  text-decoration: underline;
}

.coupon-input-cont {
  width: 88%;
  float: left;
}

.coupon-btn-cont {
  width: 12%;
  text-align: center;
  float: left;
}

.security-cont {
  display: inline-block;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #d9fdb6;
  padding: 10px 20px 10px 50px;
  margin-bottom: 10px;
}

.security-icon {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 5px;
  left: 10px;
}

.security-icon-shield {
  background: url(img/shield.png) center center no-repeat;
}

.security-icon-safe {
  background: url(img/safe.png) center center no-repeat;
}

.security-icon-server {
  background: url(img/server.png) center center no-repeat;
}

.security-icon-lock {
  background: url(img/lock.png) center center no-repeat;
}

.security-txt {
  font-size: 16px;
  font-style: italic;
  color: #555;
}

.order-item-description-cont {
  display: block;
  font-size: 14px;
  line-height: normal;
  margin: 0;
  list-style-type: none;
  padding-left: 20px;
  padding-bottom: 5px;
  float: left;
}

.order-item-description-cont > li {
  padding-bottom: 5px;
}

@media (max-width: 768px) {
  .security-cont {
    display: block;
  }
}
@media (max-width: 1005px) {
  .coupon-input-cont {
    width: 85%;
  }

  .coupon-btn-cont {
    width: 15%;
  }
}
@media (max-width: 820px) {
  .coupon-input-cont {
    width: 80%;
  }

  .coupon-btn-cont {
    width: 20%;
  }
}
@media (max-width: 630px) {
  .coupon-input-cont {
    width: 70%;
  }

  .coupon-btn-cont {
    width: 30%;
  }
}
@media (max-width: 440px) {
  .coupon-input-cont {
    width: 100%;
  }

  .coupon-btn-cont {
    width: 100%;
  }
}
.order-item-style {
  font-size: 18px;
  color: #011742;
  vertical-align: middle;
  line-height: 44px;
  padding: 0 15px;
}

.order-item-style-discount {
  color: #f77f7f;
}

.order-item-style-contr {
  color: #011742;
  background-color: #f9f9f9;
  padding: 5px 15px;
  margin-top: 10px;
  border-bottom: 1px solid #e2e2e2;
}

.perpetual-cont {
  padding-right: 40px;
  float: right;
  font-style: italic;
}

.qty-cont {
  padding-right: 40px;
  float: right;
}

.checkout-page .subtitle {
  border-bottom: 1px solid #555;
}

.checkout-page .subtitle.cardinfo {
  padding-top: 5px;
  text-shadow: none;
}

.checkout-page .cardinfo .grid_6, .checkout-page .cardinfo .grid_4 {
  text-align: left;
}

.eula-lbl {
  font-size: 16px;
}

.eula-validation-message-cont {
  padding-top: 10px;
}
.eula-validation-message-cont > span {
  float: none;
}
.eula-validation-message-cont::after {
  content: "";
  display: block;
  clear: both;
}

.lock {
  width: 16px;
  height: 16px;
  display: block;
  background: url(img/lock.png) no-repeat center;
  float: left;
  margin-right: 10px;
}

.secure-txt {
  font-size: 14px;
  padding-top: 5px;
  color: #989898;
  line-height: 25px;
}

.card-selection {
  font-size: 16px;
}

.userinfo-section {
  padding: 0 1%;
}

.userinfo-section .grid_3 {
  margin: 0 0.75%;
  width: 23.5%;
}

.userinfo-section .grid_12 {
  margin: 0 0.75%;
  width: 98.5%;
}

@media (max-width: 720px) {
  .userinfo-section .grid_3 {
    margin: 0 2%;
    width: 46%;
  }

  .userinfo-section .grid_12 {
    margin: 0 2%;
    width: 96%;
  }
}
@media (max-width: 420px) {
  .userinfo-section .grid_3 {
    margin: 0 2%;
    width: 96%;
  }
}
/* Contact page */
.quest-head {
  text-align: center;
  font-size: 18px;
  padding: 20px 10px;
  color: #000;
  background: #BFDFF4;
}

.c-btn-cont {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px 0;
  width: 100%;
}

.support-desc .c-btn-cont a {
  text-decoration: none;
}

.support-desc .c-btn-cont a:hover {
  text-decoration: underline;
}

.col-side.bg-d {
  background: #e5e5e5;
}

.col-side {
  float: left;
  text-align: center;
  background: #F1F1F1;
  font-size: 16px;
  position: relative;
  width: 32%;
  margin: 0 0.5%;
  padding-bottom: 78px;
  min-height: 300px;
  margin-bottom: 20px;
}

.col-side.col-left {
  margin-left: 1%;
}

.col-side.col-right {
  margin-right: 1%;
}

.quest-icon {
  margin: 40px auto 0 auto;
  width: 95px;
  height: 95px;
  background-repeat: no-repeat;
  background-position: center center;
}

.quest-icon.quest-icon-basic {
  background-image: url(img/general.png);
}

.quest-icon.quest-icon-tech {
  background-image: url(img/help.png);
}

.quest-icon.quest-icon-sale {
  background-image: url(img/sales.png);
}

.quest-txt {
  padding: 10px 20px;
  text-shadow: none;
  min-height: 100px;
}

.c-cont {
  background: #f4f4f4;
  margin: 40px 1%;
}

.c-title {
  padding: 10px 0;
  font-size: 18px;
  background: #eee;
  padding: 5px;
}

.c-txt {
  padding: 5px;
  position: relative;
}

.c-map {
  position: absolute;
  width: 102px;
  height: 100px;
  top: 58px;
  right: 75px;
}

@media (max-width: 1080px) {
  .quest-txt {
    min-height: 115px;
  }
}
@media (max-width: 860px) {
  .quest-txt {
    min-height: 165px;
  }
}
@media (max-width: 650px) {
  .quest-txt {
    min-height: 190px;
  }
}
@media (max-width: 600px) {
  .quest-txt {
    min-height: 0;
  }

  .col-side {
    width: 100%;
    min-height: 0;
  }

  .col-side, .col-side.col-left, .col-side.col-right {
    margin: 0;
    margin-bottom: 40px;
  }

  .c-cont {
    margin: 0;
  }
}
@media (max-width: 460px) {
  .c-map {
    display: none;
  }
}
/* Phone skins */
.demo-phone {
  position: relative;
  margin: 50px 30px 50px 50px;
}

.demo-phone-landscape .demo-phone {
  margin: 30px 30px 50px 50px;
}

.demo-phone iframe {
  width: 100%;
  height: 100%;
}

.demo-phone-btn {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -8px;
  cursor: pointer;
  z-index: 12;
  background: url(img/phone-rotate-1.png) center center no-repeat #000;
  border-radius: 15px;
  box-shadow: 0 0 2px #000;
}

.demo-phone-landscape .demo-phone-btn {
  background: url(img/phone-rotate-2.png) center center no-repeat #000;
}

.demo-phone-btn.disabled, .demo-phone-landscape .demo-phone-btn.disabled {
  background: url(img/phone-rotate-disabled.png) center center no-repeat #555;
}

.demo-phone-iphone .demo-phone {
  width: 375px;
  height: 668px;
  padding: 107px 29px 107px 28px;
  background: url(img/phones/iphone-6-p.png) center top no-repeat;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.demo-phone-iphonewhite .demo-phone {
  width: 375px;
  height: 668px;
  padding: 107px 29px 107px 28px;
  background: url(img/phones/iphone_6_1x_white.png) center top no-repeat;
  background-size: 432px 882px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .demo-phone-iphonewhite .demo-phone {
    background-image: url("img/phones/iphone_6_2x_white.png");
  }
}

.demo-phone-landscape.demo-phone-iphone .demo-phone {
  width: 668px;
  height: 375px;
  padding: 28px 107px 29px 107px;
  background: url(img/phones/iphone-6-l.png) center top no-repeat;
}

.demo-phone-ipadmini .demo-phone {
  width: 768px;
  height: 1005px;
  padding: 151px 107px 160px 94px;
  background: url(img/phones/ipadmini-1.png) center top no-repeat;
}

.demo-phone-landscape.demo-phone-ipadmini .demo-phone {
  width: 768px;
  height: 1005px;
  padding: 151px 107px 160px 94px;
  margin: 50px 80px 50px 50px;
  background: url(img/phones/ipadmini-1.png) center top no-repeat;
}

.demo-phone-android .demo-phone {
  width: 360px;
  height: 635px;
  padding: 78px 24px 80px 24px;
  background: url(img/phones/s4-p.png) center top no-repeat;
}

.demo-phone-landscape.demo-phone-android .demo-phone {
  width: 635px;
  height: 360px;
  padding: 24px 78px 24px 80px;
  background: url(img/phones/s4-l.png) center top no-repeat;
}

.demo-phone-wp .demo-phone {
  width: 384px;
  height: 634px;
  padding: 76px 38px 135px 37px;
  background: url(img/phones/wp8-p.png) center top no-repeat;
}

.demo-phone-landscape.demo-phone-wp .demo-phone {
  width: 634px;
  height: 384px;
  padding: 37px 76px 38px 135px;
  background: url(img/phones/wp8-l.png) center top no-repeat;
}

.demo-phone-bb .demo-phone {
  width: 384px;
  height: 640px;
  padding: 124px 38px 134px 32px;
  background: url(img/phones/bb-p.png) center top no-repeat;
}

.demo-phone-landscape.demo-phone-bb .demo-phone {
  width: 641px;
  height: 384px;
  padding: 33px 124px 37px 133px;
  background: url(img/phones/bb-l.png) center top no-repeat;
}

/* Membership page */
.mem-col-head {
  text-align: center;
  font-size: 18px;
  padding: 20px 10px;
  background: #DAF1CD;
  color: #000;
}

.mem-col-img {
  margin: 30px auto 10px auto;
  width: 95px;
  height: 95px;
  background-repeat: no-repeat;
  background-position: center center;
}

.mem-col-img.mem-support {
  background-image: url(img/help.png);
}

.mem-col-img.mem-components {
  background-image: url(img/components.png);
}

.mem-col-img.mem-theme {
  background-image: url(img/swatches.png);
}

.mem-col-txt {
  padding: 20px;
  text-align: center;
  font-size: 16px;
}

/* Layered Image Grid */
.lig-container {
  max-width: 290px;
  margin: 0 auto;
}

.lig-img-cont {
  position: relative;
  float: left;
  width: 270px;
  height: 176px;
  display: inline-block;
  margin: 10px;
  -webkit-transform: translate3d(0, 0, 0);
  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
}

.lig-img {
  z-index: 10;
  position: absolute;
  width: 250px;
  height: 156px;
  top: 0;
  left: 0;
  visibility: hidden;
  border: 10px solid #cfcfcf;
  transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
}

.lig-img-a {
  visibility: visible;
  z-index: 100;
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}

.lig-img-next {
  visibility: visible;
  z-index: 50;
}

.lig-anim {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: all 0.7s linear;
  -webkit-transition: all 0.7s linear;
  -moz-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
}

.lig-img-fade {
  opacity: 0;
}

.lig-img-flip-back {
  transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
}

.lig-img-flip {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}

.fscrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.fscrollbar::-webkit-scrollbar-thumb {
  background: rgba(136, 136, 136, 0.7);
}

@media (min-width: 595px) {
  /* 580 + scrollbar width */
  .lig-container {
    max-width: 580px;
  }
}
@media (min-width: 890px) {
  .lig-container {
    max-width: 870px;
  }
}
@media (min-width: 1095px) {
  /* 1080 + scrollbar width */
  .lig-container {
    max-width: 1080px;
  }

  .lig-img {
    width: 320px;
    height: 200px;
  }

  .lig-img-cont {
    width: 340px;
    height: 220px;
  }
}
/* generic blue stripe styles */
.blue-stripe {
  background-color: #011742;
  color: #fff;
  z-index: 50;
  position: relative;
  padding: 20px 0;
  text-shadow: none;
  font-size: 18px;
}

/* Themes section download/demo page */
.theme-cont.theme-checked, .theme-cont:hover,
.custom-theme-cont.custom-theme-checked, .custom-theme-cont:hover {
  background-color: #011742;
}

/* Custom themes section download/demo page */
.tb-new-theme .ct-color {
  height: 30px;
  background-color: #011742;
  width: 100%;
  border-bottom: 2px solid #011742;
}

.ct-color-cc {
  position: relative;
  overflow: hidden;
}

.ct-color-cont {
  position: relative;
  -webkit-transition: margin 0.3s ease-in-out;
  -moz-transition: margin 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out;
  overflow: hidden;
}

.theme-checked .ct-color-cont, .custom-theme-checked .ct-color-cont {
  margin-left: 42px;
}

.fancy-drop-opt-a .res-checkmark {
  left: 0;
}

/* New Demo page */
.demo-content-li {
  padding: 10px 0 10px 35px;
  font-size: 16px;
  position: relative;
}

.demo-content-li .icon-checkmark {
  font-size: 20px;
  color: #54ca6d;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -10px;
}

.demo-content-li-cont .demo-content-li {
  display: inline-block;
  width: 170px;
}

.txt-title {
  font-size: 22px;
  font-weight: normal;
  font-style: italic;
}

.txt-title-desc {
  font-weight: normal;
  color: #000;
  font-size: 16px;
}

.demo-img-cont {
  padding-left: 4%;
  padding-right: 4%;
}

.demo-glink {
  padding: 0.9em 1.6em;
}

.demo-glink .ti {
  display: block;
  font-size: 17px;
}

.demo-glink .de {
  display: block;
  font-size: 13px;
}

.demo-glink {
  margin: 10px 0;
  width: 100%;
}

.glink-space {
  padding-top: 40px;
  width: 100%;
  float: left;
}

@media (max-width: 1040px) {
  .demo-li.grid_4 {
    width: 46%;
  }
}
@media (max-width: 915px) {
  .demo-landing .grid_8 {
    width: 96%;
  }

  .demo-li.grid_4 {
    width: 29.33%;
  }

  .widen.grid_4 {
    width: 96%;
    padding-bottom: 50px;
  }

  .demo-li-cont {
    padding-top: 20px;
  }

  .glink-space {
    display: none;
  }

  .hide-on-sl-screen {
    display: none;
  }
}
/*@media (max-width: 850px) {
    .demo-landing .grid_8 {
        width: 96%;
    }
}*/
@media (max-width: 768px) {
  .demo-landing .grid_8 {
    width: 96%;
  }

  .demo-li.grid_4 {
    width: 46%;
  }

  .demo-img-cont {
    text-align: center;
    padding-left: 0;
  }
}
@media (max-width: 425px) {
  .demo-li.grid_4 {
    width: 96%;
  }

  .hide-on-small-screen {
    display: none;
  }

  .demo-glink {
    width: 96%;
  }
}
/* Orders page */
.license-cont {
  line-height: 43px;
}

.expiry-cont, .trial-cont {
  line-height: normal;
  float: right;
  vertical-align: middle;
  padding-left: 30px;
}

.expiry-cont > span, .trial-cont > span {
  padding-right: 30px;
  vertical-align: middle;
}

@media (max-width: 992px) {
  .license-cont {
    line-height: normal;
  }

  .expiry-cont, .trial-cont {
    float: left;
    padding-left: 0;
    margin-right: 30px;
  }

  .expiry-cont > span, .trial-cont > span {
    padding-left: 0;
  }
}
@media (max-width: 465px) {
  .expiry-cont > a, .trial-cont > a {
    float: none;
  }
}
.mbsc-form .auto-renew-cont.mbsc-control-w.mbsc-switch {
  padding: 1em 0 1em 4.375em;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: -10px;
  width: 210px;
  text-align: left;
}
.mbsc-form .auto-renew-cont.mbsc-control-w.mbsc-switch .mbsc-switch-track {
  right: auto;
  left: 1em;
}
@media (max-width: 767px) {
  .mbsc-form .auto-renew-cont.mbsc-control-w.mbsc-switch {
    width: 100%;
  }
}

@-webkit-keyframes rotating {
  /* Safari and Chrome */
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.uass-license {
  padding: 5px 8px;
  background: #999;
  color: #fff;
  text-shadow: none;
  border-radius: 5px;
  font-size: 12px;
  margin-right: 14px;
}

.ass-license {
  padding: 5px 8px;
  background: #51A87B;
  color: #fff;
  text-shadow: none;
  border-radius: 5px;
  font-size: 12px;
  margin-right: 28px;
}

.panel-title .uass-license,
.panel-title .ass-license {
  margin-right: 0;
  margin-top: -3px;
  font-family: "myriad-pro", sans-serif, verdana;
}

.panel-body .mbsc-form {
  font-family: "myriad-pro", sans-serif, verdana;
}
.panel-body .gen-btn {
  line-height: normal;
}

.invite-wrapper .invite-form,
.assign-wrapper .assign-form {
  line-height: normal;
  height: 90px;
}

.invite-form .busy-overlay,
.assign-form .busy-overlay {
  padding-top: 25px;
}
.invite-form .content > div,
.assign-form .content > div {
  min-height: 90px;
}

.mbsc-form a.gen-btn {
  text-decoration: none;
}

.invite-btn-cont,
.assign-btn-cont {
  width: 100%;
  display: inline-block;
  line-height: 50px;
  margin: 20px 0;
}

.assign-wrapper-btn,
.invite-wrapper-btn {
  text-align: right;
}

.invite-hidden {
  display: none;
}

.invite-text {
  float: left;
  font-weight: 300;
}

.ass-license.trial {
  background: #ff8400;
}

.enhance-form {
  font-size: 20px;
  font-weight: normal;
}
.enhance-form .mbsc-label {
  font-size: 15px;
}

.popover-questionmark {
  font-size: 15px;
  font-weight: normal;
  border: 1px solid;
  border-radius: 50%;
  display: inline-block;
  width: 21px;
  height: 21px;
  line-height: 19px;
  margin-left: 10px;
  text-align: center;
  cursor: pointer;
}

.license-key-cont {
  margin-top: 10px;
}
.license-key-cont:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .text-right-sm {
    text-align: right;
  }
}

@media (min-width: 992px) {
  .text-right-md {
    text-align: right;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .mrg-top-md {
    margin-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .mrg-top-sm {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .mrg-top-xs {
    margin-top: 15px;
  }
}

.license-expiry {
  color: #ff3838;
}

abbr[title].license-expiry {
  border-bottom: none;
}

.inot-cont {
  position: absolute;
  top: 32px;
  right: -5px;
  font-size: 12px;
}

.inot-lnk {
  background: #ff8400;
  padding: 3px 15px;
  line-height: normal;
  display: block;
  width: 176px;
  color: #fff;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.inot-lnk:hover {
  color: #fff;
  text-decoration: none;
}

.inot-lnk:after {
  content: "";
  position: absolute;
  top: -6px;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent transparent #AA5901 #AA5901;
  border-width: 3px 6px;
  border-style: solid;
}

.expired-box {
  background-color: #FF5722;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}

.expired-link {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
}

.expired-link:hover {
  text-decoration: underline;
}

.warning-box {
  background-color: #FFDCB6;
  border: 1px solid #FFC17E;
  padding: 20px;
}

.warning-link {
  color: #3F321B;
  font-size: 16px;
}

.warning-link:hover {
  text-decoration: underline;
  color: #3F321B;
}

.warning-box-new {
  background-color: #ff8400;
  text-align: center;
  padding: 20px;
}

.warning-link-new {
  color: #fff;
  font-size: 16px;
}

.warning-box.wb-gray {
  background-color: #e9e9e9;
  border: 1px solid #808080;
  text-shadow: none;
  font-size: 16px;
}

.wb-gray .warning-link {
  color: #424242;
}

.wb-gray .warning-link:hover {
  color: #424242;
}

/* widgets and tools section */
.wat-cont, .wat-cont a {
  color: #fff;
  text-shadow: none;
  font-weight: 300;
}

.wat-cont a:hover {
  text-decoration: underline;
}

.wat-title-cont {
  padding: 40px 0 50px 0;
}

.wat-title {
  font-size: 35px;
}

.wat-widgets, .wat-tm {
  font-size: 19px;
  padding-top: 20px;
}

.wat-widget, .wat-tool {
  padding-bottom: 5px;
}

.wat-tm-cont {
  border-left: 1px solid #fff;
}

.wat-modules {
  padding-bottom: 40px;
}

.grid_3.wat-tm {
  width: 25%;
  margin: 0;
  padding: 20px 0 20px 3%;
  border-left: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.wat-bottom {
  padding-top: 70px;
}

.wat-widescreen {
  display: block;
}

.wat-mobile {
  display: none;
}

@media (max-width: 990px) {
  .wat-cont .grid_3 {
    width: 29.33%;
  }

  .wat-widgets, .wat-tm {
    padding-bottom: 40px;
  }

  .wat-tools, .wat-modules {
    float: left;
    width: 50%;
  }

  .wat-bottom {
    padding-top: 0;
  }

  .grid_3.wat-tm {
    width: 100%;
    padding: 40px 2% 20px 2%;
    border-left: none;
    border-top: 1px solid #fff;
  }
}
@media (max-width: 540px) {
  .wat-widescreen {
    display: none;
  }

  .wat-mobile {
    display: block;
  }

  .wat-cont .grid_3 {
    width: 46%;
  }

  .wat-tools, .wat-modules {
    float: none;
    width: auto;
  }

  .grid_3.wat-tm {
    width: 100%;
    padding: 40px 2% 20px 2%;
    border-left: none;
    border-top: 1px solid #fff;
  }
}
@media (max-width: 330px) {
  .wat-widgets {
    padding: 0;
  }

  .wat-widgets-last {
    padding-bottom: 40px;
  }

  .wat-cont .grid_3 {
    width: 96%;
  }

  .grid_3.wat-tm {
    width: 100%;
    padding: 40px 2% 20px 2%;
    border-left: none;
    border-top: 1px solid #fff;
  }
}
/* Please wait generic styling */
.please-wait-generic-cont .please-wait-text {
  padding-top: 100px;
  color: #555;
  text-align: center;
  font-size: 20px;
  padding-bottom: 20px;
}

/* Trial Page */
.head1 {
  font-size: 32px;
}

.head2,
.head2-font {
  font-size: 28px;
  font-weight: 600;
}

.trial-page, .login-layout, .signup-page {
  color: #555;
  font-weight: 300;
}
.trial-page .head1, .login-layout .head1, .signup-page .head1 {
  padding: 90px 0 60px 0;
  color: #656565;
}
.trial-page .head2, .login-layout .head2, .signup-page .head2 {
  padding: 70px 0 45px 0;
  color: #011742;
}
.trial-page .field-validation-error, .login-layout .field-validation-error, .signup-page .field-validation-error {
  font-weight: 300;
}
.trial-page .disclose-txt, .login-layout .disclose-txt, .signup-page .disclose-txt {
  padding-top: 40px;
  font-size: 15px;
}
.trial-page .login-link, .login-layout .login-link, .signup-page .login-link {
  line-height: 59px;
}

.trial-icon {
  color: #011742;
  font-size: 45px;
}

.trial-icon.icon-credit {
  position: relative;
  font-size: 38px;
  padding: 0 4px;
}
.trial-icon.icon-credit:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 130%;
  border: 2px solid #011742;
  margin-top: -3px;
  margin-left: -11px;
  -webkit-transform: rotate(33deg);
  -moz-transform: rotate(33deg);
  -ms-transform: rotate(33deg);
  transform: rotate(33deg);
}

.trial-feature {
  padding-top: 23px;
  padding-bottom: 23px;
}

.trial-feature-cont {
  line-height: 45px;
  display: table;
}
.trial-feature-cont > div {
  display: table-cell;
  line-height: normal;
  vertical-align: middle;
}
.trial-feature-cont .trial-feature-txt {
  padding-left: 15px;
}

.trial-feature-txt {
  font-size: 15px;
  color: #656565;
}

.trial-support-txt {
  font-size: 18px;
  padding-top: 30px;
}

.form-line {
  padding-top: 20px;
}

@media (min-width: 992px) {
  .horizontal-line {
    border-right: 1px solid #b6b0b2;
    padding-right: 20px;
  }

  .horizontal-line-left {
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  .horizontal-line {
    padding-right: 50px;
  }

  .horizontal-line-left {
    padding-left: 50px;
  }
}
@media (max-width: 991px) {
  .trial-page .head2 {
    padding-top: 50px;
  }
}
@media (min-width: 1500px) {
  .container.trial-page {
    width: 1350px;
  }
}
@media (min-width: 1700px) {
  .container.trial-page {
    width: 1600px;
  }
}
/* trial stripe */
.trial-stripe {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.trial-stripe .trial-stripe-i {
  text-align: center;
  padding: 20px;
}
.trial-stripe .trial-stripe-i .text {
  display: inline-block;
  margin-right: 30px;
  font-size: 28px;
  font-weight: 300;
  color: #fff;
  text-shadow: none;
}
@media (max-width: 1039px) {
  .trial-stripe .trial-stripe-i .text {
    padding-bottom: 20px;
  }
}
@media (max-width: 920px) {
  .trial-stripe .trial-stripe-i .text {
    margin: 0;
  }
}
@media (max-width: 1118px) {
  .pricing-page .trial-stripe .trial-stripe-i .text {
    padding-bottom: 20px;
  }
}
.trial-stripe.email-stripe .text {
  margin: 0;
}
@media (max-width: 1150px) {
  .trial-stripe.email-stripe .text {
    padding-bottom: 20px;
  }
}
@media (min-width: 1151px) {
  .trial-stripe.email-stripe .text {
    float: left;
    line-height: 55px;
  }
}

@media (min-width: 1200px) {
  .email-stripe .trial-stripe-i {
    max-width: 1240px;
    margin: 0 auto;
  }
}

.newlanding .trial-stripe {
  background-image: url("/Content/img/prodpage/listview/product_cover.jpg");
}

/* long price values */
.long-price {
  font-size: 0.9em;
}

/* Inverse button - see demos */
.gen-btn.inverse-btn {
  color: #011742;
  background: #fff;
  margin: 16px;
  padding: 14px 40px;
  width: 180px;
  height: 55px;
  font-size: 19px;
  font-weight: 400;
  border: 0;
}
@media (max-width: 767px) {
  .gen-btn.inverse-btn {
    display: block;
    margin: 16px 0;
  }
}
@media (min-width: 1000px) and (max-width: 1330px) {
  .gen-btn.inverse-btn {
    display: block;
    margin: 16px 0;
  }
}

.gen-btn.inverse-btn:hover {
  background: #011742;
}

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