@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.fa-loginplus:before {
  content: "\f055";
}
/*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */
.social.btn {
  padding-left: 61px;
  background-color: rgba(64, 119, 91, 0.64);
  border: 1px solid #396;
}
.social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.social:hover {
  color: white !important;
}
.social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.social.btn-lg,
.social lg {
  padding-left: 61px;
}
.social.btn-lg > :first-child,
.social lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.social.btn-sm,
.social sm {
  padding-left: 38px;
}
.social.btn-sm > :first-child,
.social sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.social.btn-xs,
.social xs {
  padding-left: 30px;
}
.social.btn-xs > :first-child,
.social xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.social-icon {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px !important;
  padding: 0;
}
.social-icon:hover {
  color: white !important;
}
.social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.social-icon.btn-lg,
.social-icon lg {
  padding-left: 61px;
}
.social-icon.btn-lg > :first-child,
.social-icon lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em;
}
.social-icon.btn-sm,
.social-icon sm {
  padding-left: 38px;
}
.social-icon.btn-sm > :first-child,
.social-icon sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em;
}
.social-icon.btn-xs,
.social-icon xs {
  padding-left: 30px;
}
.social-icon.btn-xs > :first-child,
.social-icon xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em;
}
.social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100% !important;
}
.social-icon.btn-lg,
.social-icon .lg {
  height: 45px;
  width: 45px !important;
  padding-left: 0;
  padding-right: 0;
}
.social-icon.btn-sm,
.social-icon .sm {
  height: 30px;
  width: 30px !important;
  padding-left: 0;
  padding-right: 0;
}
.social-icon.btn-xs,
.social-icon .xs {
  height: 22px;
  width: 22px !important;
  padding-left: 0;
  padding-right: 0;
}
.social-adn {
  background-color: #d87a68 !important;
  background-color: #d87a68;
}
.social-bitbucket {
  background-color: #205081 !important;
  background-color: #205081;
}
.social-dropbox {
  background-color: #1087dd !important;
  background-color: #1087dd;
}
.social-facebook {
  background-color: #3b5998 !important;
  background-color: #3b5998;
}
.social-flickr {
  background-color: #ff0084 !important;
  background-color: #ff0084;
}
.social-foursquare {
  background-color: #f94877 !important;
  background-color: #f94877;
}
.social-github {
  background-color: #444444 !important;
  background-color: #444444;
}
.social-google {
  background-color: #EA4335 !important;
  background-color: #EA4335;
}
.social-instagram {
  background-color: #3f729b !important;
  background-color: #3f729b;
}
.social-linkedin {
  background-color: #007bb6 !important;
  background-color: #007bb6;
}
.social-openid {
  background-color: #f7931e !important;
  background-color: #f7931e;
}
.social-pinterest {
  background-color: #cb2027 !important;
  background-color: #cb2027;
}
.social-reddit {
  background-color: #eff7ff !important;
  background-color: #eff7ff;
}
.social-soundcloud {
  background-color: #ff5500 !important;
  background-color: #ff5500;
}
.social-tumblr {
  background-color: #2c4762 !important;
  background-color: #2c4762;
}
.social-twitter {
  background-color: #55acee !important;
  background-color: #55acee;
}
.social-vimeo {
  background-color: #1ab7ea !important;
  background-color: #1ab7ea;
}
.social-vk {
  background-color: #587ea3 !important;
  background-color: #587ea3;
}
.social-yahoo {
  background-color: #720e9e !important;
  background-color: #720e9e;
}
.social-stack-exchange {
  background-color: #2f96e8 !important;
  background-color: #2f96e8;
}
.social-stackexchange {
  background-color: #2f96e8 !important;
  background-color: #2f96e8;
}
.social-wordpress {
  background-color: #0085be !important;
  background-color: #0085be;
}
.social-microsoft {
  background-color: #2672ec !important;
  background-color: #2672ec;
}
.social-windows {
  background-color: #2672ec !important;
  background-color: #2672ec;
}
.social-default {
  background-color: #ff00dc !important;
  background-color: #ff00dc;
}
.social-loginplus {
  background-color: #00a859 !important;
  background-color: #00a859;
  /*.social(#379F2C);*/
}
.social-border-adn {
  border-color: #d87a68;
}
.social-border-bitbucket {
  border-color: #205081;
}
.social-border-dropbox {
  border-color: #1087dd;
}
.social-border-facebook {
  border-color: #3b5998;
}
.social-border-flickr {
  border-color: #ff0084;
}
.social-border-foursquare {
  border-color: #f94877;
}
.social-border-github {
  border-color: #444444;
}
.social-border-google {
  border-color: #dd4b39;
}
.social-border-instagram {
  border-color: #3f729b;
}
.social-border-linkedin {
  border-color: #007bb6;
}
.social-border-openid {
  border-color: #f7931e;
}
.social-border-pinterest {
  border-color: #cb2027;
}
.social-border-reddit {
  border-color: #eff7ff;
}
.social-border-soundcloud {
  border-color: #ff5500;
}
.social-border-tumblr {
  border-color: #2c4762;
}
.social-border-twitter {
  border-color: #55acee;
}
.social-border-vimeo {
  border-color: #1ab7ea;
}
.social-border-vk {
  border-color: #587ea3;
}
.social-border-yahoo {
  border-color: #720e9e;
}
.social-border-stack-exchange {
  border-color: #2f96e8;
}
.social-border-stackexchange {
  border-color: #2f96e8;
}
.social-border-wordpress {
  border-color: #0085be;
}
.social-border-microsoft {
  border-color: #2672ec;
}
.social-border-windows {
  border-color: #2672ec;
}
.social-border-default {
  border-color: #ff00dc;
}
.social-border-loginplus {
  border-color: #00a859;
}
.social-shadow-adn {
  box-shadow: 0 0 5px 1px #d87a68;
}
.social-shadow-bitbucket {
  box-shadow: 0 0 5px 1px #205081;
}
.social-shadow-dropbox {
  box-shadow: 0 0 5px 1px #1087dd;
}
.social-shadow-facebook {
  box-shadow: 0 0 5px 1px #3b5998;
}
.social-shadow-flickr {
  box-shadow: 0 0 5px 1px #ff0084;
}
.social-shadow-foursquare {
  box-shadow: 0 0 5px 1px #f94877;
}
.social-shadow-github {
  box-shadow: 0 0 5px 1px #444444;
}
.social-shadow-google {
  box-shadow: 0 0 5px 1px #dd4b39;
}
.social-shadow-instagram {
  box-shadow: 0 0 5px 1px #3f729b;
}
.social-shadow-linkedin {
  box-shadow: 0 0 5px 1px #007bb6;
}
.social-shadow-openid {
  box-shadow: 0 0 5px 1px #f7931e;
}
.social-shadow-pinterest {
  box-shadow: 0 0 5px 1px #cb2027;
}
.social-shadow-reddit {
  box-shadow: 0 0 5px 1px #eff7ff;
}
.social-shadow-soundcloud {
  box-shadow: 0 0 5px 1px #ff5500;
}
.social-shadow-tumblr {
  box-shadow: 0 0 5px 1px #2c4762;
}
.social-shadow-twitter {
  box-shadow: 0 0 5px 1px #55acee;
}
.social-shadow-vimeo {
  box-shadow: 0 0 5px 1px #1ab7ea;
}
.social-shadow-vk {
  box-shadow: 0 0 5px 1px #587ea3;
}
.social-shadow-yahoo {
  box-shadow: 0 0 5px 1px #720e9e;
}
.social-shadow-stack-exchange {
  box-shadow: 0 0 5px 1px #2f96e8;
}
.social-shadow-stackexchange {
  box-shadow: 0 0 5px 1px #2f96e8;
}
.social-shadow-wordpress {
  box-shadow: 0 0 5px 1px #0085be;
}
.social-shadow-microsoft {
  box-shadow: 0 0 5px 1px #2672ec;
}
.social-shadow-windows {
  box-shadow: 0 0 5px 1px #2672ec;
}
.social-shadow-default {
  box-shadow: 0 0 5px 1px #ff00dc;
}
.social-shadow-loginplus {
  box-shadow: 0 0 5px 1px #00a859;
}
.social-color-adn {
  color: #d87a68 !important;
}
.social-color-bitbucket {
  color: #205081 !important;
}
.social-color-dropbox {
  color: #1087dd !important;
}
.social-color-facebook {
  color: #3b5998 !important;
}
.social-color-flickr {
  color: #ff0084 !important;
}
.social-color-foursquare {
  color: #f94877 !important;
}
.social-color-github {
  color: #444444 !important;
}
.social-color-google {
  color: #dd4b39 !important;
}
.social-color-instagram {
  color: #3f729b !important;
}
.social-color-linkedin {
  color: #007bb6 !important;
}
.social-color-openid {
  color: #f7931e !important;
}
.social-color-pinterest {
  color: #cb2027 !important;
}
.social-color-reddit {
  color: #eff7ff !important;
}
.social-color-soundcloud {
  color: #ff5500 !important;
}
.social-color-tumblr {
  color: #2c4762 !important;
}
.social-color-twitter {
  color: #55acee !important;
}
.social-color-vimeo {
  color: #1ab7ea !important;
}
.social-color-vk {
  color: #587ea3 !important;
}
.social-color-yahoo {
  color: #720e9e !important;
}
.social-color-stack-exchange {
  color: #2f96e8 !important;
}
.social-color-stackexchange {
  color: #2f96e8 !important;
}
.social-color-wordpress {
  color: #0085be !important;
}
.social-color-microsoft {
  color: #2672ec !important;
}
.social-color-windows {
  color: #2672ec !important;
}
.social-color-default {
  color: #ff00dc !important;
}
.social-color-loginplus {
  color: #00a859 !important;
}
.social-color-comment {
  color: #42b41e !important;
}
.social-comment {
  background-color: #42b41e !important;
  background-color: #42b41e;
}
.social-border-comment {
  border-color: #42b41e;
}
.social-color-sms {
  color: #42b41e !important;
}
.social-sms {
  background-color: #42b41e !important;
  background-color: #42b41e;
}
.social-border-sms {
  border-color: #42b41e;
}
.social-color-telegram {
  color: #35ade1 !important;
}
.social-telegram {
  background-color: #35ade1 !important;
  background-color: #35ade1;
}
.social-border-telegram {
  border-color: #35ade1;
}
.social-color-telegram {
  color: #35ade1 !important;
}
.social-whatsapp {
  background-color: #4dc247 !important;
  background-color: #4dc247;
}
.social-border-whatsapp {
  border-color: #4dc247;
}
.social-color-whatsapp {
  color: #4dc247 !important;
}
.social-color-email {
  color: #0000ff !important;
}
.social-email {
  background-color: #0000ff !important;
  background-color: #0000ff;
}
.social-border-email {
  border-color: #0000ff;
}
@import url('../wwwroot/cdn/libs/font-awesome/css/font-awesome.css');
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.text-primary {
  color: #eb5424 !important;
}
.text-danger {
  color: red;
}
.pt-32 {
  padding-top: 32px;
}
.pt-4 {
  padding-top: 4px;
}
.pt-16 {
  padding-top: 16px;
}
.pb-8 {
  padding-bottom: 8px;
}
.pb-32 {
  padding-bottom: 32px;
}
.pb-4 {
  padding-bottom: 4px;
}
.pb-16 {
  padding-bottom: 16px;
}
.pb-8 {
  padding-bottom: 8px;
}
.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}
/* px classes */
.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}
.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}
.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}
.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}
/* pl classes */
.pl-32 {
  padding-left: 32px;
}
.pl-4 {
  padding-left: 4px;
}
.pl-16 {
  padding-left: 16px;
}
.pl-8 {
  padding-left: 8px;
}
/* pr classes */
.pr-32 {
  padding-right: 32px;
}
.pr-4 {
  padding-right: 4px;
}
.pr-16 {
  padding-right: 16px;
}
.pr-8 {
  padding-right: 8px;
}
@media  (min-width: 768px)  {
  .mobile-only {
    display: none !important;
  }
}
@media  (min-width: 1200px) {
  .mobile-only {
    display: none !important;
  }
}
@media  (min-width: 992px)  {
  .mobile-only {
    display: none !important;
  }
}
@media  (max-width: 767px)  {
  .mobile-hide {
    display: none !important;
  }
}
body {
  font-family: "Segoe UI";
  font-weight: 400;
  background: #eb5424;
  font-size: 2vmin;
}
@media  (max-width: 767px)  {
  body {
    font-size: 16px;
  }
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body h7,
body h8,
body span,
body div {
  font-family: "Segoe UI";
}
body H1 {
  font-size: 2em;
}
body H2 {
  font-size: 1.5em;
}
body H3 {
  font-size: 1.2em;
}
body H4 {
  font-size: 1em;
}
body .well {
  font-size: 1em;
}
body.xloading #menu {
  top: -150px !important;
}
body.xloading #menu ul {
  display: none;
}
body.xload1 .xpreloader TABLE TR TD {
  opacity: 0;
}
.xpreloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  padding-top: 50vh;
  background-color: #eb5424;
  z-index: 99;
}
.xpreloader TABLE {
  margin: 0;
  font-family: "Segoe UI";
  font-weight: 400;
  font-size: 24px;
  color: white;
  text-align: center;
}
.xpreloader TABLE TR TD {
  width: 50%;
  border: none;
  vertical-align: middle;
  opacity: 1;
  -webkit-transition: opacity ease-out 0.2s;
  -o-transition: opacity ease-out 0.2s;
  transition: opacity ease-out 0.2s;
}
.xpreloader TABLE TR TD.td1 {
  text-align: right;
}
.xpreloader TABLE TR TD.td2 {
  text-align: left;
}
.xpreloader .loginplus-logo {
  -webkit-transition: transform ease-out 1s;
  -o-transition: transform ease-out 1s;
  transition: transform ease-out 1s;
}
.xpreloader .s {
  display: none;
}
#sub-menu {
  background-color: #090f29;
  margin: 0;
  position: relative;
}
#sub-menu.sub-menu-fixed {
  background-color: #090f29;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#sub-menu * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#sub-menu li a {
  color: rgba(255, 255, 255, 0.4) !important;
  cursor: pointer;
}
#sub-menu li.active a,
#sub-menu li.active i {
  color: #eb5424 !important;
}
header {
  height: 80px;
  border: none;
}
header #menu.navbar {
  background-color: #eb5424;
  border: none;
  -webkit-transition: top ease 1s;
  -o-transition: top ease 1s;
  transition: top ease 1s;
  top: 0;
}
header #menu.navbar .navbar-logo {
  width: 134px;
  height: 50px;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url("/cdn/img/loginplus-trademark-white.png");
  background-position: 50% 50%;
  background-size: 134px 50px;
  background-repeat: no-repeat;
  display: inline-block;
  -webkit-transition: all ease 1s;
  -o-transition: all ease 1s;
  transition: all ease 1s;
}
@media  (max-width: 767px)  {
  header #menu.navbar ul.nav > li {
    margin: 5vmin;
  }
}
header #menu.navbar ul.nav > li a {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 10px 20px;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-weight: bold;
}
@media  (max-width: 767px)  {
  header #menu.navbar ul.nav > li a {
    background-color: white;
    color: #eb5424;
  }
}
header #menu.navbar ul.nav > li a:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
}
@media  (max-width: 767px)  {
  header #menu.navbar ul.nav > li a:hover {
    background-color: #eb5424;
    color: white;
  }
}
header #menu.navbar .signup-button-tooltip a {
  background-color: transparent !important;
  color: #090f29;
  font-weight: bold;
  font-size: large;
}
header #menu.navbar #signup-button {
  overflow: hidden;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
@media  (max-width: 767px)  {
  header #menu.navbar #signup-button {
    background-color: #eb5424;
    color: white;
  }
  header #menu.navbar #signup-button:hover {
    color: #eb5424;
    background-color: white;
  }
}
@media  (min-width: 768px)  {
  header #menu.navbar #signup-button {
    background-color: white;
    color: #eb5424;
  }
  header #menu.navbar #signup-button .hover {
    position: absolute;
    width: 120%;
    text-align: center;
    top: 0;
    padding: 10px 0px;
    background: #090f29;
    right: 110%;
    transition: all ease 0.2s;
    transform: skewX(-30deg);
    height: 100%;
  }
  header #menu.navbar #signup-button .hover-text {
    position: absolute;
    width: 120%;
    text-align: center;
    top: 0;
    padding: 10px 0px;
    background: #090f29;
    right: 110%;
    transition: all ease 0.2s;
    transform: skewX(-30deg);
    height: 100%;
    transform: skewX(0deg);
    color: white;
    background: none;
    font-weight: bold;
  }
  header #menu.navbar #signup-button:hover {
    padding: 10px 40px;
  }
  header #menu.navbar #signup-button:hover .hover-text,
  header #menu.navbar #signup-button:hover .hover {
    right: -10%;
  }
}
header.with_canvas {
  height: 280px;
  border-bottom: none;
  background-image: none;
  /*background: @lp-c-secondary linear-gradient(@lp-c-primary,@lp-c-secondary) repeat scroll 0 0 !important;*/
  background: #eb5424;
}
@media  (max-width: 767px)  {
  header.with_canvas {
    height: 200px;
  }
}
header.with_canvas nav.navbar-fixed-transparent ul.nav > li a#signup-button {
  background-color: #fff !important;
  color: #eb5424 !important;
}
header.with_canvas .navbar-no-js-opaque,
header.with_canvas .navbar-fixed-opaque {
  background-color: #eb5424 !important;
  background: #090f29 linear-gradient(#eb5424, #016737) repeat scroll 0 0 !important;
}
header.with_canvas .canvas .secondary {
  display: none;
}
.content-wrapper {
  /*background: none;*/
}
@media  (max-width: 767px)  {
  .content-wrapper .head-line-1 {
    font-size: 40px !important;
    padding: 2vw !important;
  }
}
.content-wrapper .strip {
  border: none;
  background-color: transparent;
}
.content-wrapper .strip.strip-full-height {
  min-height: 90vh;
  min-height: calc(100vh - 80px);
}
.content-wrapper .strip.strip-secondary {
  background-color: #090f29;
}
.content-wrapper .strip.strip-silver {
  background-color: #FAFAFA;
}
.content-wrapper .strip.strip-white {
  background-color: white;
}
.content-wrapper .strip.strip-dark {
  background: #6e6e6e;
}
.content-wrapper .strip.strip-dark h3 {
  color: #eee;
}
.content-wrapper .strip.strip-dark ul li {
  color: #bbb;
}
.content-wrapper .strip-product-boxes .product-box p {
  color: #aaa;
}
.content-wrapper .stript-features {
  background: #eee !important;
}
.content-wrapper .stript-features h3 i {
  color: #eb5424;
}
.content-wrapper .stript-features .strip-product-boxes .product-box p {
  color: #999;
}
.content-wrapper .strip-services-boxes {
  background-color: white;
}
.content-wrapper .strip-services-boxes .service-box {
  box-shadow: none;
  border-radius: 3px;
  padding: 0;
  overflow: hidden;
  border: 2px solid #eb5424;
  margin: 10px 0;
}
.content-wrapper .strip-services-boxes .service-box a {
  color: #090f29;
}
.content-wrapper .strip-services-boxes .service-box p {
  color: #aaaaaa;
}
.content-wrapper .strip-black {
  background-color: black;
}
.content-wrapper .strip-teaser {
  color: #eb5424;
}
.content-wrapper .xoverview {
  padding: 75px 0 75px 0;
}
.content-wrapper .strip-entice .btn {
  border-radius: 2px;
  font-size: 20px;
}
.content-wrapper .strip-entice .btn.btn-success {
  font-size: 30px;
}
@media  (max-width: 767px)  {
  .content-wrapper .strip-entice .btn {
    margin: 5vmin;
  }
}
footer {
  background-color: #f2f2f2;
}
footer #footer_wrapper {
  padding: 40px 0;
}
footer #footer_wrapper .container {
  max-width: 600px;
}
@media  (max-width: 767px)  {
  footer #footer_wrapper {
    padding: 20px 0;
  }
}
footer .title a {
  color: #333;
  letter-spacing: -0.008em;
  font-size: 11px;
}
footer a:hover {
  text-decoration: underline;
  color: #555 !important;
}
footer ul li {
  padding: 0;
}
footer ul li a {
  color: #555;
  font-size: 11px;
}
footer #footer_bar_wrapper {
  background-color: #f2f2f2;
  padding-bottom: 20px;
  color: #888;
}
footer #footer_bar_wrapper .container {
  border-top: 1px solid #d2d2d2;
  max-width: 600px;
}
@media  (max-width: 767px)  {
  footer #footer_bar_wrapper .container {
    border-top: none;
  }
}
.btn-primary {
  background-color: #eb5424;
  border-color: #ca3f12;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.btn-primary:hover {
  background-color: #ca3f12;
  border-color: #ca3f12;
}
.btn-primary:active:focus,
.btn-primary:active,
.btn-primary:focus {
  background-color: #090f29;
  border-color: #000000;
}
.tran {
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.lp-c-primary {
  color: #eb5424;
}
.lp-c-secondary {
  color: #090f29;
}
.lp-bc-primary {
  background-color: #eb5424 !important;
}
.lp-bc-secondary {
  background-color: #090f29 !important;
}
.client-page .strip-product-boxes .fa-arrow-down:before {
  opacity: 0.2;
}
brand::before {
  content: "Login";
  color: #090f29;
  font-family: "Segoe UI";
}
brand::after {
  content: "\f055";
  font: normal normal normal 14px/1 FontAwesome;
  margin-left: 2px;
  color: #eb5424;
  font-size: inherit;
}
brand.with-space {
  margin: 0 0.3em;
}
brand.white::before {
  color: white;
}
brand.white-white::before {
  color: white;
}
brand.white-white::after {
  color: white;
}
.cursor-default {
  cursor: default;
}
.cursor-default * {
  cursor: default;
}
TABLE.center {
  height: 100%;
  width: 100%;
  max-width: 100%;
}
TABLE.center > TBODY > TR > TD {
  text-align: center;
  vertical-align: middle;
}
TABLE.center > TBODY > TR > TD > DIV[ng-transclude] {
  position: relative;
  width: 100%;
  /*height: 100%;*/
}
lp-section {
  display: block;
  height: 80vh;
  min-height: 80vh;
  max-height: 80vh;
  overflow: hidden;
}
lp-section.bg-white {
  background-color: white !important;
}
lp-section.bg-primary {
  background-color: #eb5424 !important;
}
lp-section.bg-secondary {
  background-color: #090f29 !important;
}
lp-section.bg-silver {
  background-color: gray !important;
}
lp-section.bg-light {
  background-color: #f9f9f9 !important;
}
lp-section .container {
  height: 100%;
}
.sw {
  width: 60px;
  margin: 0 auto;
  text-align: center;
  margin-top: 2em;
  /* GREEN CHECKBOX */
}
.sw *,
.sw *:before,
.sw *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /*transition*/
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  outline: none;
  font-family: Helvetica Neue, helvetica, arial, verdana, sans-serif;
}
.sw .ios-toggle,
.sw .ios-toggle:active {
  display: none;
}
.sw .checkbox-label {
  display: block;
  position: relative;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
  height: 36px;
  /*border-radius*/
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  background: #f8f8f8;
  cursor: pointer;
}
.sw .checkbox-label:before {
  content: ' ';
  display: block;
  position: absolute;
  z-index: 1;
  line-height: 34px;
  text-indent: 40px;
  height: 36px;
  width: 36px;
  /*border-radius*/
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  top: 0px;
  left: 0px;
  right: auto;
  background: white;
  /*box-shadow*/
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2), 0 0 0 2px #dddddd;
}
.sw .checkbox-label:after {
  content: attr(data-off);
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: -300px;
  padding: 10px;
  height: 100%;
  width: 300px;
  text-align: right;
  color: #bfbfbf;
  white-space: nowrap;
}
.sw .ios-toggle:checked + .checkbox-label {
  /*box-shadow*/
  -webkit-box-shadow: inset 0 0 0 20px #13bf11, 0 0 0 2px #13bf11;
  -moz-box-shadow: inset 0 0 0 20px #13bf11, 0 0 0 2px #13bf11;
  box-shadow: inset 0 0 0 20px #13bf11, 0 0 0 2px #13bf11;
}
.sw .ios-toggle:checked + .checkbox-label:before {
  left: calc(100% - 36px);
  /*box-shadow*/
  -webkit-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, 0.3);
}
.sw .ios-toggle:checked + .checkbox-label:after {
  content: attr(data-on);
  left: 60px;
  width: 36px;
}
.sw #sw + .checkbox-label {
  /*box-shadow*/
  -webkit-box-shadow: inset 0 0 0 0px #13bf11, 0 0 0 2px #dddddd;
  -moz-box-shadow: inset 0 0 0 0px #13bf11, 0 0 0 2px #dddddd;
  box-shadow: inset 0 0 0 0px #13bf11, 0 0 0 2px #dddddd;
}
.sw #chk:checked + .checkbox-label {
  /*box-shadow*/
  -webkit-box-shadow: inset 0 0 0 18px #13bf11, 0 0 0 2px #13bf11;
  -moz-box-shadow: inset 0 0 0 18px #13bf11, 0 0 0 2px #13bf11;
  box-shadow: inset 0 0 0 18px #13bf11, 0 0 0 2px #13bf11;
}
.sw #chk:checked + .checkbox-label:after {
  color: #13bf11;
}
.footage {
  text-align: center;
}
.footage ul {
  padding: 0;
  margin: 0;
}
.footage ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 6px;
}
.footage ul li .fa {
  width: 35px;
  color: #eb5424;
  text-align: center;
  margin-left: -5px;
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.aboutus-page p {
  padding-bottom: 50px;
}
.aboutus-page .content-wrapper {
  background-color: #fff;
}
.aboutus-page .hover-zoom-bg {
  transition: all ease-out 0.3s;
  background-size: 75%;
}
.aboutus-page .hover-zoom-bg:hover {
  background-size: 80%;
}
.aboutus-page .page-cover {
  background: #eb5424;
  height: calc(40vh - 80px);
}
.aboutus-page #sub-menu li {
  width: 20%;
  transition-delay: 0.4s;
}
.aboutus-page section:last-child {
  margin: 0;
}
.aboutus-page .info-with-icon {
  color: #c9c9c9;
  font-size: x-large;
  margin: 20px 0;
}
.aboutus-page .info-with-icon p {
  font-size: medium;
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
  color: #9E9E9E;
}
.aboutus-page .info-with-icon .fa-spin {
  animation-duration: 10s;
}
.aboutus-page .ani-duration-10 * {
  animation-duration: 10s;
}
.aboutus-page .strip {
  padding: 50px 0;
}
.aboutus-page .strip ul {
  list-style: none;
}
.aboutus-page .strip ul li {
  list-style: none;
}
.aboutus-page .strip ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.aboutus-page .strip ul li:last-child {
  margin-bottom: 0;
}
.aboutus-page .stript-features-1 {
  background: #eee !important;
}
.aboutus-page .stript-features-1 h3 {
  color: gray;
}
.aboutus-page .stript-features-1 .fa {
  color: #eb5424;
}
.aboutus-page .stript-features-1 .fa-spin {
  opacity: 0.5;
  color: gray;
}
.aboutus-page .stript-features-1 .product-box {
  margin: 0;
}
.aboutus-page .stript-features-1 .product-box p {
  color: #999;
}
.aboutus-page #consent {
  color: white;
}
.aboutus-page #consent h3 {
  color: #eb5424;
}
.aboutus-page .strip-consent-feature {
  padding: 30px 0;
}
.aboutus-page .slide,
.aboutus-page SLIDE {
  height: calc(100vh - 130px);
  max-height: calc(100vh - 130px);
  min-height: calc(100vh - 130px);
  overflow: hidden;
  position: relative;
  display: block;
  font-size: 2vmin;
}
.aboutus-page .slide .v-half,
.aboutus-page SLIDE .v-half {
  height: 50%;
  min-height: 50%;
  max-height: 50%;
  overflow: hidden;
}
.aboutus-page .slide TABLE,
.aboutus-page SLIDE TABLE {
  width: 100%;
  max-width: 100%;
}
.aboutus-page .slide SECTION,
.aboutus-page SLIDE SECTION {
  margin: 0;
  padding: 0;
}
.aboutus-page .slide ul,
.aboutus-page SLIDE ul {
  list-style: none;
}
.aboutus-page .slide ul li,
.aboutus-page SLIDE ul li {
  list-style: none;
}
.aboutus-page .slide ul li > span.fa,
.aboutus-page SLIDE ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.aboutus-page .slide ul li:last-child,
.aboutus-page SLIDE ul li:last-child {
  margin-bottom: 0;
}
.aboutus-page .footage ul {
  padding: 0;
  margin: 0;
}
.aboutus-page .footage ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 6px;
}
.aboutus-page .footage ul li .fa {
  color: #eb5424;
}
.aboutus-page #features ul {
  padding: 0;
  margin: 0;
}
.aboutus-page #features ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 6px;
}
.aboutus-page #features ul li .fa {
  color: #eb5424;
}
.aboutus-page #sign-all .product-benefits {
  background-image: url(/cdn/img/product-benefits.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  float: right;
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.aboutus-page #sign-all .product-benefits-detail {
  background-image: url(/cdn/img/product-benefits.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  float: right;
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(/cdn/img/product-benefits-detail.png);
  -webkit-transition: opacity ease 1s;
  -o-transition: opacity ease 1s;
  transition: opacity ease 1s;
  filter: alpha(opacity=0);
  opacity: 0;
}
.no-opacity .aboutus-page #sign-all .product-benefits-detail {
  filter: alpha(opacity= 0 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 0 );
}
.aboutus-page #sign-all .product-benefits-detail.xshow {
  filter: alpha(opacity=100);
  opacity: 1;
}
.no-opacity .aboutus-page #sign-all .product-benefits-detail.xshow {
  filter: alpha(opacity= 100 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 100 );
}
.aboutus-page #howto {
  background-color: #f9f9f7;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
.aboutus-page #howto TABLE TD {
  text-align: center;
  vertical-align: middle;
}
.aboutus-page #howto IMG {
  width: 100%;
}
.aboutus-page #howto ul {
  padding: 0;
  margin: 0;
}
.aboutus-page #howto ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 1%;
  width: 17%;
}
.aboutus-page #howto ul li .fa {
  color: #eb5424;
}
.aboutus-page #howto ul li:nth-child(1),
.aboutus-page #howto ul li:nth-child(2) {
  width: 12.5%;
}
.aboutus-page #howto ul li:nth-child(3) {
  width: 23%;
}
.aboutus-page #howto ul li:nth-child(4),
.aboutus-page #howto ul li:nth-child(5) {
  width: 20%;
}
.aboutus-page #howto ul.numbers {
  color: #BDBDBD;
}
.aboutus-page #howto ul.numbers li {
  border: none;
}
.aboutus-page #howto ul.numbers li .value {
  font-weight: bold;
}
.aboutus-page #howto ul.numbers li:nth-child(1),
.aboutus-page #howto ul.numbers li:nth-child(2) {
  width: 12.5%;
}
.aboutus-page #howto ul.numbers li:nth-child(3) {
  width: 25%;
}
.aboutus-page #howto ul.numbers li:nth-child(4),
.aboutus-page #howto ul.numbers li:nth-child(5) {
  width: 20%;
}
.aboutus-page #howto ul.numbers li .fa {
  color: #BDBDBD;
  background: -webkit-linear-gradient(#0a0f29, #ec592c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.aboutus-page #howto ul.numbers li .fa-spin {
  /*animation-duration: 10s;*/
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.client-page #sub-menu li {
  width: 20%;
  transition-delay: 0.4s;
}
.client-page .product-box {
  margin: 0;
}
@media  (max-width: 767px)  {
  .client-page .scale-slide h3 {
    font-size: 5vw !important;
  }
}
@media  (max-width: 767px)  {
  .client-page .scale-slide li {
    font-size: 5vw!important;
  }
}
.client-page SLIDE {
  height: calc(100vh - 130px);
  max-height: calc(100vh - 130px);
  min-height: calc(100vh - 130px);
  overflow: hidden;
  position: relative;
  display: block;
  font-size: 2vmin;
}
@media  (max-width: 767px)  {
  .client-page SLIDE {
    height: auto;
    max-height: none;
    min-height: calc(100vh - 80px);
    display: block;
  }
}
.client-page SLIDE .v-half {
  height: 50%;
  min-height: 50%;
  max-height: 50%;
  overflow: hidden;
}
.client-page SLIDE TABLE {
  width: 100%;
  max-width: 100%;
}
.client-page SLIDE SECTION {
  margin: 0;
  padding: 0;
}
.client-page SLIDE ul {
  list-style: none;
}
.client-page SLIDE ul li {
  list-style: none;
}
.client-page SLIDE ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.client-page SLIDE ul li:last-child {
  margin-bottom: 0;
}
.client-page SLIDE .v-full {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  overflow: hidden;
}
.client-page SLIDE H1 {
  font-size: 4em;
}
@media  (max-width: 767px)  {
  .client-page SLIDE H1 {
    font-size: 16vmin;
  }
}
.client-page SLIDE H2 {
  font-size: 3em;
}
@media  (max-width: 767px)  {
  .client-page SLIDE H2 {
    font-size: 10vmin;
  }
}
.client-page SLIDE H4 {
  font-size: 1em;
}
@media  (max-width: 767px)  {
  .client-page SLIDE H4 {
    font-size: 6vmin;
  }
}
.client-page SLIDE ul {
  padding: 0;
  margin: 0;
}
.client-page SLIDE ul li {
  list-style: none;
  margin: 0 0 2px 4px;
  color: #888;
  font-size: 0.9em;
}
.client-page .strip ul {
  padding: 0;
  margin: 0;
}
.client-page .strip ul li {
  list-style: none;
  margin: 0 0 2px 4px;
  color: #888;
  font-size: 0.9em;
}
.client-page .section-feature-list {
  /*.product-box {
            margin: 5vmin;
        }*/
}
.client-page .section-feature-list p {
  margin-bottom: 0;
  color: #888;
  font-size: 0.9em;
}
.client-page .section-feature-list h3 {
  color: gray;
  font-size: 1.3em;
  margin: 0;
}
@media  (max-width: 767px)  {
  .client-page .section-feature-list h3 {
    margin: 3vh 0;
  }
}
.client-page .section-feature-list .fa-stack-1x {
  color: #eb5424;
}
.client-page .section-feature-list .col-sm-6:nth-child(4),
.client-page .section-feature-list .col-sm-6:nth-child(5),
.client-page .section-feature-list .col-sm-6:nth-child(6) {
  margin-top: 2em;
}
.client-page .section-feature-list .fa-stack-2x {
  color: #b8b8b8;
  animation-duration: 10s;
  opacity: 0.1;
  color: gray;
}
.client-page .xoverview {
  padding: 0;
}
.client-page .slide-overview {
  padding: 2vmin 0;
}
.client-page .slide-overview .fa {
  color: white;
  padding: 0;
  font-size: 3em !important;
}
.client-page .slide-overview .fa-stack-1x {
  color: #eb5424;
}
.client-page .slide-overview .fa-arrow-down {
  display: none;
  opacity: 0.1;
  padding-bottom: 2vmin;
  color: #090f29;
}
@media  (max-width: 767px)  {
  .client-page .slide-overview .fa-arrow-down {
    display: block;
    margin-top: 5vmin;
  }
}
.client-page .slide-overview h3 {
  color: white;
  padding: 0;
  margin: 0;
  font-size: 1.3em;
}
.client-page .slide-overview p {
  color: #090f29;
  padding: 1vmin;
  display: none;
}
@media  (max-width: 767px)  {
  .client-page .slide-overview p {
    display: block;
    font-size: 3vmin;
  }
}
.client-page .slide-login .section-feature-list .product-box {
  text-align: center;
}
@media  (min-width: 768px)  {
  .client-page .slide-compare ul LI {
    margin-bottom: 0;
    height: 5vmin;
    max-height: 5vmin;
    cursor: default;
    line-height: 5vmin;
    border-left: 1px solid transparent;
    padding-left: 1vmin;
  }
}
@media  (max-width: 767px)  {
  .client-page .slide-compare ul LI {
    font-size: 5vw;
    line-height: 4vh;
  }
}
.client-page .slide-compare ul LI .fa {
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.client-page .slide-compare ul LI:hover {
  border-left: 1px solid #eb5424;
}
.client-page .slide-compare ul LI:hover .fa {
  color: #eb5424;
  font-size: 1.1em;
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.contact-page p {
  padding-bottom: 50px;
}
.contact-page .content-wrapper {
  background-color: #fff;
}
.contact-page .hover-zoom-bg {
  transition: all ease-out 0.3s;
  background-size: 75%;
}
.contact-page .hover-zoom-bg:hover {
  background-size: 80%;
}
.contact-page .page-cover {
  background: #eb5424;
  height: calc(40vh - 80px);
}
.contact-page #sub-menu li {
  width: 20%;
  transition-delay: 0.4s;
}
.contact-page section:last-child {
  margin: 0;
}
.contact-page .info-with-icon {
  color: #c9c9c9;
  font-size: x-large;
  margin: 20px 0;
}
.contact-page .info-with-icon p {
  font-size: medium;
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
  color: #9E9E9E;
}
.contact-page .info-with-icon .fa-spin {
  animation-duration: 10s;
}
.contact-page .ani-duration-10 * {
  animation-duration: 10s;
}
.contact-page .strip {
  padding: 50px 0;
}
.contact-page .strip ul {
  list-style: none;
}
.contact-page .strip ul li {
  list-style: none;
}
.contact-page .strip ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.contact-page .strip ul li:last-child {
  margin-bottom: 0;
}
.contact-page .stript-features-1 {
  background: #eee !important;
}
.contact-page .stript-features-1 h3 {
  color: gray;
}
.contact-page .stript-features-1 .fa {
  color: #eb5424;
}
.contact-page .stript-features-1 .fa-spin {
  opacity: 0.5;
  color: gray;
}
.contact-page .stript-features-1 .product-box {
  margin: 0;
}
.contact-page .stript-features-1 .product-box p {
  color: #999;
}
.contact-page #consent {
  color: white;
}
.contact-page #consent h3 {
  color: #eb5424;
}
.contact-page .strip-consent-feature {
  padding: 30px 0;
}
.contact-page .slide,
.contact-page SLIDE {
  height: calc(100vh - 130px);
  max-height: calc(100vh - 130px);
  min-height: calc(100vh - 130px);
  overflow: hidden;
  position: relative;
  display: block;
  font-size: 2vmin;
}
.contact-page .slide .v-half,
.contact-page SLIDE .v-half {
  height: 50%;
  min-height: 50%;
  max-height: 50%;
  overflow: hidden;
}
.contact-page .slide TABLE,
.contact-page SLIDE TABLE {
  width: 100%;
  max-width: 100%;
}
.contact-page .slide SECTION,
.contact-page SLIDE SECTION {
  margin: 0;
  padding: 0;
}
.contact-page .slide ul,
.contact-page SLIDE ul {
  list-style: none;
}
.contact-page .slide ul li,
.contact-page SLIDE ul li {
  list-style: none;
}
.contact-page .slide ul li > span.fa,
.contact-page SLIDE ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.contact-page .slide ul li:last-child,
.contact-page SLIDE ul li:last-child {
  margin-bottom: 0;
}
.contact-page .footage ul {
  padding: 0;
  margin: 0;
}
.contact-page .footage ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 6px;
}
.contact-page .footage ul li .fa {
  color: #eb5424;
}
.contact-page #features ul {
  padding: 0;
  margin: 0;
}
.contact-page #features ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 6px;
}
.contact-page #features ul li .fa {
  color: #eb5424;
}
.contact-page #sign-all .product-benefits {
  background-image: url(/cdn/img/product-benefits.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  float: right;
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.contact-page #sign-all .product-benefits-detail {
  background-image: url(/cdn/img/product-benefits.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  float: right;
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(/cdn/img/product-benefits-detail.png);
  -webkit-transition: opacity ease 1s;
  -o-transition: opacity ease 1s;
  transition: opacity ease 1s;
  filter: alpha(opacity=0);
  opacity: 0;
}
.no-opacity .contact-page #sign-all .product-benefits-detail {
  filter: alpha(opacity= 0 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 0 );
}
.contact-page #sign-all .product-benefits-detail.xshow {
  filter: alpha(opacity=100);
  opacity: 1;
}
.no-opacity .contact-page #sign-all .product-benefits-detail.xshow {
  filter: alpha(opacity= 100 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 100 );
}
.contact-page #howto {
  background-color: #f9f9f7;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
.contact-page #howto TABLE TD {
  text-align: center;
  vertical-align: middle;
}
.contact-page #howto IMG {
  width: 100%;
}
.contact-page #howto ul {
  padding: 0;
  margin: 0;
}
.contact-page #howto ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 1%;
  width: 17%;
}
.contact-page #howto ul li .fa {
  color: #eb5424;
}
.contact-page #howto ul li:nth-child(1),
.contact-page #howto ul li:nth-child(2) {
  width: 12.5%;
}
.contact-page #howto ul li:nth-child(3) {
  width: 23%;
}
.contact-page #howto ul li:nth-child(4),
.contact-page #howto ul li:nth-child(5) {
  width: 20%;
}
.contact-page #howto ul.numbers {
  color: #BDBDBD;
}
.contact-page #howto ul.numbers li {
  border: none;
}
.contact-page #howto ul.numbers li .value {
  font-weight: bold;
}
.contact-page #howto ul.numbers li:nth-child(1),
.contact-page #howto ul.numbers li:nth-child(2) {
  width: 12.5%;
}
.contact-page #howto ul.numbers li:nth-child(3) {
  width: 25%;
}
.contact-page #howto ul.numbers li:nth-child(4),
.contact-page #howto ul.numbers li:nth-child(5) {
  width: 20%;
}
.contact-page #howto ul.numbers li .fa {
  color: #BDBDBD;
  background: -webkit-linear-gradient(#0a0f29, #ec592c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact-page #howto ul.numbers li .fa-spin {
  /*animation-duration: 10s;*/
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.developer-page .content-wrapper {
  background-color: #fff;
}
.developer-page .hover-zoom-bg {
  transition: all ease-out 0.3s;
  background-size: 75%;
}
.developer-page .hover-zoom-bg:hover {
  background-size: 80%;
}
.developer-page .page-cover {
  background: #eb5424;
  height: calc(40vh - 80px);
}
.developer-page #sub-menu li {
  width: 20%;
  transition-delay: 0.4s;
}
.developer-page section:last-child {
  margin: 0;
}
.developer-page .info-with-icon {
  color: #c9c9c9;
  font-size: x-large;
  margin: 20px 0;
}
.developer-page .info-with-icon p {
  font-size: medium;
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
  color: #9E9E9E;
}
.developer-page .info-with-icon .fa-spin {
  animation-duration: 10s;
}
.developer-page .ani-duration-10 * {
  animation-duration: 10s;
}
.developer-page .strip {
  padding: 50px 0;
}
.developer-page .strip ul {
  list-style: none;
}
.developer-page .strip ul li {
  list-style: none;
}
.developer-page .strip ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.developer-page .strip ul li:last-child {
  margin-bottom: 0;
}
.developer-page .stript-features-1 {
  background: #eee !important;
}
.developer-page .stript-features-1 h3 {
  color: gray;
}
.developer-page .stript-features-1 .fa {
  color: #eb5424;
}
.developer-page .stript-features-1 .fa-spin {
  opacity: 0.5;
  color: gray;
}
.developer-page .stript-features-1 .product-box {
  margin: 0;
}
.developer-page .stript-features-1 .product-box p {
  color: #999;
}
.developer-page .strip-product-boxes .product-box h3 {
  margin: 4vh 0px 2vh;
}
.developer-page #consent {
  color: white;
}
.developer-page #consent h3 {
  color: #eb5424;
}
.developer-page .strip-consent-feature {
  padding: 30px 0;
}
.developer-page .slide,
.developer-page SLIDE {
  height: calc(100vh - 130px);
  max-height: calc(100vh - 130px);
  min-height: calc(100vh - 130px);
  overflow: hidden;
  position: relative;
  display: block;
  font-size: 2vmin;
  /*      height: calc(~"100vh - 130px");
        max-height: calc(~"100vh - 130px");
        min-height: calc(~"100vh - 130px");
        overflow: hidden;
        position: relative;
        display: block;
        font-size: 2vmin;
*/
}
@media  (max-width: 767px)  {
  .developer-page .slide,
  .developer-page SLIDE {
    height: auto;
    max-height: none;
    min-height: calc(100vh - 80px);
    display: block;
  }
}
.developer-page .slide .v-half,
.developer-page SLIDE .v-half {
  height: 50%;
  min-height: 50%;
  max-height: 50%;
  overflow: hidden;
}
.developer-page .slide TABLE,
.developer-page SLIDE TABLE {
  width: 100%;
  max-width: 100%;
}
.developer-page .slide SECTION,
.developer-page SLIDE SECTION {
  margin: 0;
  padding: 0;
}
.developer-page .slide ul,
.developer-page SLIDE ul {
  list-style: none;
}
.developer-page .slide ul li,
.developer-page SLIDE ul li {
  list-style: none;
}
.developer-page .slide ul li > span.fa,
.developer-page SLIDE ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.developer-page .slide ul li:last-child,
.developer-page SLIDE ul li:last-child {
  margin-bottom: 0;
}
@media  (max-width: 767px)  {
  .developer-page .slide,
  .developer-page SLIDE {
    font-size: 5vw;
  }
}
.developer-page .slide .v-half,
.developer-page SLIDE .v-half {
  height: 50%;
  min-height: 50%;
  max-height: 50%;
  overflow: hidden;
}
.developer-page .slide TABLE,
.developer-page SLIDE TABLE {
  width: 100%;
  max-width: 100%;
}
.developer-page .slide SECTION,
.developer-page SLIDE SECTION {
  margin: 0;
  padding: 0;
}
.developer-page .slide ul,
.developer-page SLIDE ul {
  list-style: none;
}
.developer-page .slide ul li,
.developer-page SLIDE ul li {
  list-style: none;
}
.developer-page .slide ul li > span.fa,
.developer-page SLIDE ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.developer-page .slide ul li:last-child,
.developer-page SLIDE ul li:last-child {
  margin-bottom: 0;
}
.developer-page .footage ul {
  padding: 0;
  margin: 0;
}
.developer-page .footage ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 6px;
}
.developer-page .footage ul li .fa {
  color: #eb5424;
}
.developer-page #features ul {
  padding: 0;
  margin: 0;
}
.developer-page #features ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 6px;
}
.developer-page #features ul li .fa {
  color: #eb5424;
}
.developer-page .sign-all-slide .product-benefits {
  background-image: url(/cdn/img/product-benefits.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  float: right;
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.developer-page .sign-all-slide .product-benefits-detail {
  background-image: url(/cdn/img/product-benefits.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  float: right;
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(/cdn/img/product-benefits-detail.png);
  -webkit-transition: opacity ease 1s;
  -o-transition: opacity ease 1s;
  transition: opacity ease 1s;
  filter: alpha(opacity=0);
  opacity: 0;
}
.no-opacity .developer-page .sign-all-slide .product-benefits-detail {
  filter: alpha(opacity= 0 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 0 );
}
.developer-page .sign-all-slide .product-benefits-detail.xshow {
  filter: alpha(opacity=100);
  opacity: 1;
}
.no-opacity .developer-page .sign-all-slide .product-benefits-detail.xshow {
  filter: alpha(opacity= 100 );
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 100 );
}
.developer-page #howto {
  background-color: #f9f9f7;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
.developer-page #howto TABLE TD {
  text-align: center;
  vertical-align: middle;
}
.developer-page #howto IMG {
  width: 100%;
}
.developer-page #howto ul {
  padding: 0;
  margin: 0;
}
.developer-page #howto ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 1%;
  width: 17%;
}
.developer-page #howto ul li .fa {
  color: #eb5424;
}
.developer-page #howto ul li:nth-child(1),
.developer-page #howto ul li:nth-child(2) {
  width: 12.5%;
}
.developer-page #howto ul li:nth-child(3) {
  width: 23%;
}
.developer-page #howto ul li:nth-child(4),
.developer-page #howto ul li:nth-child(5) {
  width: 20%;
}
.developer-page #howto ul.numbers {
  color: #BDBDBD;
}
.developer-page #howto ul.numbers li {
  border: none;
}
.developer-page #howto ul.numbers li .value {
  font-weight: bold;
}
.developer-page #howto ul.numbers li:nth-child(1),
.developer-page #howto ul.numbers li:nth-child(2) {
  width: 12.5%;
}
.developer-page #howto ul.numbers li:nth-child(3) {
  width: 25%;
}
.developer-page #howto ul.numbers li:nth-child(4),
.developer-page #howto ul.numbers li:nth-child(5) {
  width: 20%;
}
.developer-page #howto ul.numbers li .fa {
  color: #BDBDBD;
  background: -webkit-linear-gradient(#0a0f29, #ec592c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.developer-page #howto ul.numbers li .fa-spin {
  /*animation-duration: 10s;*/
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.home-page {
  background-color: #090f29;
}
.home-page .content-wrapper {
  background: none;
}
.home-page .background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(/cdn/img/cover-home.png);
  background-size: contain;
  opacity: 0.3;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -1;
  -webkit-transition: opacity ease 0.5s;
  -o-transition: opacity ease 0.5s;
  transition: opacity ease 0.5s;
}
@media  (max-width: 767px)  {
  .home-page .background {
    background-size: cover;
  }
}
.home-page .navbar-fixed-transparent {
  top: -90px !important;
}
.home-page .navbar-fixed-transparent .navbar-logo {
  margin-top: 90px;
  opacity: 0;
}
.home-page.xloading #top {
  display: none;
}
.home-page.xloading .strip-features,
.home-page.xloading .carousel {
  margin-top: 100vh;
}
.home-page iframe.loginplus {
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  width: 320px;
  height: 48px;
  height: calc(100vh - 203px);
  max-height: 600px;
  border: none;
  padding: 0;
  margin: 0;
}
.home-page iframe.loginplus:hover {
  max-height: 600px !important;
  margin: 0 !important;
}
.home-page .strip-features {
  transition: all ease-out 0.3s;
}
.home-page .strip-features h1 {
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.home-page .strip-features .container {
  max-height: calc(100vh - 130px);
  min-height: calc(100vh - 130px);
  height: calc(100vh - 130px);
}
.home-page .strip-features .bg-img-r {
  /*background-image: url(/cdn/img/home-bg-r.png);*/
  background-position: center left;
}
.home-page .strip-features .bg-img-l {
  /*background-image: url(/cdn/img/home-bg-l.png);*/
  background-position: center right;
}
.home-page .strip-features .bg-img-r,
.home-page .strip-features .bg-img-l {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.4;
  z-index: -1;
  background-repeat: no-repeat;
}
.home-page .strip-features UL {
  color: white;
  font-size: 1.4em;
  margin-bottom: 50px;
}
.home-page .strip-features UL LI {
  list-style: circle;
}
.home-page .strip-features UL LI .fa-loginplus {
  padding-right: 9px;
  transition: padding-right ease 0.3s;
  opacity: 0.5;
}
.home-page .strip-features UL LI .fa-loginplus:before {
  content: "\f067";
}
.home-page .strip-features UL LI .plus-text {
  color: white;
  border: 1px solid transparent;
  padding: 0px 7px 3px;
  border-radius: 5px;
  font-size: smaller;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  position: relative;
}
.home-page .strip-features UL LI.hover .plus-text,
.home-page .strip-features UL LI:hover .plus-text {
  font-size: inherit;
  border: 1px solid #eb5424;
}
.home-page .strip-features UL LI.hover .fa-loginplus,
.home-page .strip-features UL LI:hover .fa-loginplus {
  color: #eb5424;
  padding-right: 5px;
  opacity: 1;
  /*&:before {
                        content: "\f055";
                    }*/
}
.home-page .strip-features .feature-actions .feature-dev {
  margin-left: 60px;
}
.home-page .strip-features .feature-actions .feature-action {
  padding: 10px 20px;
  border: 1px solid #eb5424;
  display: inline-block;
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  text-decoration: none;
}
@media  (max-width: 767px)  {
  .home-page .strip-features .feature-actions .feature-action {
    padding: 3vw;
  }
}
.home-page .strip-features .feature-actions .feature-action:hover {
  opacity: 1;
}
.home-page .strip-features .feature-actions .feature-action .title {
  font-size: 24px;
  color: white;
  margin-left: 10px;
}
.home-page .strip-features .plus-features * {
  cursor: default;
  text-shadow: 1px 1px 5px black;
}
@media  (max-width: 767px)  {
  .home-page .strip-features {
    margin: 10px 0;
  }
}
@media  (max-width: 767px)  {
  .home-page .stript-features .col-sm-6 {
    padding: 8px 24px;
  }
}
.home-page .strip-section {
  -webkit-transition: all ease-out 1s;
  -o-transition: all ease-out 1s;
  transition: all ease-out 1s;
  padding: 0;
  height: 70vh;
  max-height: 70vh;
}
.home-page .strip-section .carousel-inner {
  padding-bottom: 2em;
}
.home-page .strip-section .item {
  overflow: hidden;
}
.home-page .strip-section .slogan {
  color: #eb5424;
}
.home-page .strip-section .single-image {
  margin: 70px 0;
}
.home-page .strip-section table {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.home-page .strip-section table tr td {
  text-align: left;
  vertical-align: middle;
  padding: 3vmin;
  position: relative;
}
.home-page .strip-section table tr td.td-img {
  padding: 0;
  text-align: right;
}
.home-page .strip-section table tr td.td-info {
  padding-left: 0;
}
.home-page .strip-section table tr td img {
  max-height: 540px;
  width: 100%;
}
.home-page .strip-section table.img td {
  padding: 1vmin;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
}
.home-page .strip-section table.img td img {
  max-height: 100%;
  max-width: 100%;
}
.home-page .strip-section h1 {
  color: white;
  border: none;
  font-size: 2em;
}
.home-page .strip-section p {
  color: #888;
  font-size: 1.3em;
}
.home-page .strip-section .no-credit-card {
  display: block;
  font-size: 0.8em;
  padding: 0.4em;
  color: #eb5424;
}
.home-page .strip-section .carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
  opacity: 0.5;
}
.home-page .strip-section .carousel-indicators li {
  border-color: gray;
  -webkit-transition: border-color ease 0.3s;
  -o-transition: border-color ease 0.3s;
  transition: border-color ease 0.3s;
}
.home-page .strip-section .carousel-indicators li.active {
  background: gray;
}
.home-page .strip-section .carousel-indicators li:hover {
  background: lightgray;
}
.home-page .strip-section .carousel-control {
  background-color: none !important;
  background-image: none !important;
  background: none !important;
  width: 100%;
  text-shadow: none;
  color: gray;
}
.home-page .strip-section .carousel-control .fa {
  -webkit-transition: color ease 0.3s;
  -o-transition: color ease 0.3s;
  transition: color ease 0.3s;
  position: absolute;
  bottom: 0;
}
.home-page .strip-section .carousel-control.right {
  right: -100%;
}
.home-page .strip-section .carousel-control.right .fa {
  left: -24px;
  text-align: left;
}
@media  (max-width: 767px)  {
  .home-page .strip-section .carousel-control.right {
    right: -90%;
    height: 24px;
  }
}
.home-page .strip-section .carousel-control.left {
  left: -100%;
}
.home-page .strip-section .carousel-control.left .fa {
  right: -24px;
  text-align: right;
}
@media  (max-width: 767px)  {
  .home-page .strip-section .carousel-control.left {
    height: 24px;
    left: -90%;
  }
}
.home-page .strip-section .carousel-control:hover .fa {
  color: #eb5424;
}
.home-page .strip-section .item {
  height: 60vh;
  max-height: 60vh;
  min-height: 60vh;
  overflow: hidden;
}
.home-page .strip-section .well {
  color: #090f29;
  cursor: default;
}
.home-page .strip-section .well * {
  cursor: default;
}
.home-page .strip-section .well * {
  cursor: default;
}
.home-page .strip-section .well li {
  list-style: none !important;
}
.home-page .strip-section .well li:last-child {
  margin-bottom: 0;
}
.home-page .strip-section .well .fa {
  margin-right: 10px;
}
.home-page .strip-section .btn {
  margin: 0;
  margin-right: 5px;
}
.home-page .strip-section .btn brand::after,
.home-page .strip-section .btn brand::before {
  color: white;
}
.home-page .strip-section p.remarks {
  font-style: italic;
}
.home-page .strip-section .number {
  background-color: #a5a5a5;
  border-radius: 5px;
  color: white;
  text-align: center;
  width: 20px;
  display: inline-block;
  margin-right: 10px;
  font-size: smaller;
  height: 20px;
  line-height: 20px;
}
.home-page .strip-section h1 {
  color: #eb5424;
}
.home-page .strip-section h2 {
  color: #eb5424;
  font-weight: bold;
  margin-bottom: 20px;
}
.home-page .strip-section td {
  background-position: center center;
  background-repeat: no-repeat;
}
.home-page .strip-section .container {
  height: 100%;
  overflow: hidden;
}
.home-page .strip-section TABLE {
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.home-page .strip-section TABLE TR TD {
  vertical-align: middle;
  background-size: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 0;
  text-align: left;
  /*&:nth-child(1) {
                        padding-right: 10%;
                    }

                    &:nth-child(2) {
                        padding-left: 10%;
                    }*/
}
@media  (max-width: 767px)  {
  .home-page .strip-section {
    display: flex;
    align-items: center;
    min-height: calc(100vh - 80px);
    height: auto;
    max-height: none;
    padding: 16px;
  }
}
@media  (max-width: 767px)  {
  .home-page .strip-features > DIV {
    padding: 16px;
  }
}
.home-page .strip-features,
.home-page .carousel {
  -webkit-transition: all ease-out 1s;
  -o-transition: all ease-out 1s;
  transition: all ease-out 1s;
}
.home-page .strip-features .carousel-inner,
.home-page .carousel .carousel-inner {
  padding-bottom: 2em;
}
.home-page .strip-features .item,
.home-page .carousel .item {
  overflow: hidden;
}
.home-page .strip-features .slogan,
.home-page .carousel .slogan {
  color: #eb5424;
}
.home-page .strip-features .single-image,
.home-page .carousel .single-image {
  margin: 70px 0;
}
.home-page .strip-features table,
.home-page .carousel table {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.home-page .strip-features table tr td,
.home-page .carousel table tr td {
  text-align: left;
  vertical-align: middle;
  padding: 3vmin;
  position: relative;
}
.home-page .strip-features table tr td.td-img,
.home-page .carousel table tr td.td-img {
  padding: 0;
  text-align: right;
}
.home-page .strip-features table tr td.td-info,
.home-page .carousel table tr td.td-info {
  padding-left: 0;
}
.home-page .strip-features table tr td img,
.home-page .carousel table tr td img {
  max-height: 540px;
  width: 100%;
}
.home-page .strip-features table.img td,
.home-page .carousel table.img td {
  padding: 1vmin;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
}
.home-page .strip-features table.img td img,
.home-page .carousel table.img td img {
  max-height: 100%;
  max-width: 100%;
}
.home-page .strip-features h1,
.home-page .carousel h1 {
  color: white;
  border: none;
  font-size: 2em;
}
.home-page .strip-features p,
.home-page .carousel p {
  color: #888;
  font-size: 1.3em;
}
.home-page .strip-features .no-credit-card,
.home-page .carousel .no-credit-card {
  display: block;
  font-size: 0.8em;
  padding: 0.4em;
  color: #eb5424;
}
.home-page .strip-features .carousel-indicators,
.home-page .carousel .carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
  opacity: 0.5;
}
.home-page .strip-features .carousel-indicators li,
.home-page .carousel .carousel-indicators li {
  border-color: gray;
  -webkit-transition: border-color ease 0.3s;
  -o-transition: border-color ease 0.3s;
  transition: border-color ease 0.3s;
}
.home-page .strip-features .carousel-indicators li.active,
.home-page .carousel .carousel-indicators li.active {
  background: gray;
}
.home-page .strip-features .carousel-indicators li:hover,
.home-page .carousel .carousel-indicators li:hover {
  background: lightgray;
}
.home-page .strip-features .carousel-control,
.home-page .carousel .carousel-control {
  background-color: none !important;
  background-image: none !important;
  background: none !important;
  width: 100%;
  text-shadow: none;
  color: gray;
}
.home-page .strip-features .carousel-control .fa,
.home-page .carousel .carousel-control .fa {
  -webkit-transition: color ease 0.3s;
  -o-transition: color ease 0.3s;
  transition: color ease 0.3s;
  position: absolute;
  bottom: 0;
}
.home-page .strip-features .carousel-control.right,
.home-page .carousel .carousel-control.right {
  right: -100%;
}
.home-page .strip-features .carousel-control.right .fa,
.home-page .carousel .carousel-control.right .fa {
  left: -24px;
  text-align: left;
}
@media  (max-width: 767px)  {
  .home-page .strip-features .carousel-control.right,
  .home-page .carousel .carousel-control.right {
    right: -90%;
    height: 24px;
  }
}
.home-page .strip-features .carousel-control.left,
.home-page .carousel .carousel-control.left {
  left: -100%;
}
.home-page .strip-features .carousel-control.left .fa,
.home-page .carousel .carousel-control.left .fa {
  right: -24px;
  text-align: right;
}
@media  (max-width: 767px)  {
  .home-page .strip-features .carousel-control.left,
  .home-page .carousel .carousel-control.left {
    height: 24px;
    left: -90%;
  }
}
.home-page .strip-features .carousel-control:hover .fa,
.home-page .carousel .carousel-control:hover .fa {
  color: #eb5424;
}
.home-page .strip-slider .item {
  height: 60vh;
  max-height: 60vh;
  min-height: 60vh;
  overflow: hidden;
}
.home-page .strip-slider .well {
  color: #090f29;
  cursor: default;
}
.home-page .strip-slider .well * {
  cursor: default;
}
.home-page .strip-slider .well * {
  cursor: default;
}
.home-page .strip-slider .well li {
  list-style: none !important;
}
.home-page .strip-slider .well li:last-child {
  margin-bottom: 0;
}
.home-page .strip-slider .well .fa {
  margin-right: 10px;
}
.home-page .strip-slider .btn {
  margin: 0;
  margin-right: 5px;
}
.home-page .strip-slider .btn brand::after,
.home-page .strip-slider .btn brand::before {
  color: white;
}
.home-page .strip-slider p.remarks {
  font-style: italic;
}
.home-page .strip-slider .number {
  background-color: #a5a5a5;
  border-radius: 5px;
  color: white;
  text-align: center;
  width: 20px;
  display: inline-block;
  margin-right: 10px;
  font-size: smaller;
  height: 20px;
  line-height: 20px;
}
.home-page .strip-slider h1 {
  color: #eb5424;
}
.home-page .strip-slider h2 {
  color: #eb5424;
  font-weight: bold;
  margin-bottom: 20px;
}
.home-page .strip-slider td {
  background-position: center center;
  background-repeat: no-repeat;
}
.home-page .strip-threats {
  max-height: calc(100vh - 40px);
  min-height: calc(100vh - 40px);
  height: calc(100vh - -40px);
  padding-top: 10vh;
  position: relative;
}
.home-page .strip-threats .box {
  max-width: 50vw;
}
@media  (max-width: 767px)  {
  .home-page .strip-threats .box {
    max-width: none;
    margin-left: 10px;
  }
}
.home-page .strip-threats h2 {
  color: #eb5424;
}
.home-page .strip-threats p {
  color: white;
  max-width: 50%;
  margin-bottom: 80px;
}
.home-page .strip-threats .slogan {
  font-size: 10vmin;
  text-shadow: 0 0 50px #eb5424;
  color: white;
  text-align: center;
  font-weight: bold;
  opacity: 0;
  -webkit-transition: all ease-in 1s;
  -o-transition: all ease-in 1s;
  transition: all ease-in 1s;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10vh;
}
.home-page .strip-threats .slogan.ani {
  opacity: 1;
}
@media  (max-width: 767px)  {
  .home-page .strip-threats .slogan {
    font-size: 9vmin;
    padding-bottom: 16px;
    position: relative;
    padding: 48px 0 0 0;
    opacity: 1;
  }
}
.home-page .slide-compare ul {
  padding: 0;
  margin: 0;
}
.home-page .slide-compare ul li {
  list-style: none;
  margin: 0 0 2px 4px;
  color: #888;
  margin-bottom: 0;
  height: 5vmin;
  max-height: 5vmin;
  cursor: default;
  line-height: 5vmin;
  border-left: 1px solid transparent;
  padding-left: 1vmin;
}
.home-page .slide-compare ul li .fa {
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 2em;
  opacity: 0.5;
}
.home-page .slide-compare ul li:hover {
  border-left: 1px solid #eb5424;
}
.home-page .slide-compare ul li:hover .fa {
  color: #eb5424;
  font-size: 1.1em;
}
.home-page #gateway {
  height: 65vh;
  max-height: 65vh;
  min-height: 65vh;
}
.home-page #img_protected_privacy img {
  max-height: 60vh;
  width: auto;
  max-width: 100%;
}
.home-page #img_protected_privacy .sw {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  bottom: -2em;
}
.home-page #img_protected_privacy .sw .checkbox-label:after {
  color: red;
}
.home-page #img_protected_privacy .sw #chk:checked + .checkbox-label:after {
  color: #13bf11;
}
.home-page .strip-extra {
  background-color: white;
  font-size: 0;
  cursor: default;
  padding: 10vmin 3vmin;
}
.home-page .strip-extra * {
  cursor: default;
}
.home-page .strip-extra > Div {
  display: inline-flex;
  min-height: 30vh;
  background-size: cover;
  background-repeat: no-repeat;
  width: 18%;
  margin: 1%;
  background-position: center center;
  text-align: left;
  height: 350px;
  border: 10px solid white;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.home-page .strip-extra > Div:hover {
  background-position: bottom;
}
.home-page .strip-extra .context {
  box-shadow: 0 0 8px -3px;
  padding: 5px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.home-page .strip-extra .context h2 {
  background: white;
  color: #eb5424;
  font-size: xx-large;
  padding: 15px;
  margin: -2px;
}
.home-page .strip-extra .context p {
  margin-top: 40px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px;
  font-size: 16px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100%;
  margin: 0;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.home-page .strip-extra .context:hover p {
  bottom: 0;
}
.home-page .strip-extra .plugin {
  background-image: url(/cdn/img/footer/plugin.jpg);
}
.home-page .strip-extra .api {
  background-image: url(/cdn/img/footer/api.jpg);
}
.home-page .strip-extra .protection {
  background-image: url(/cdn/img/footer/protection.jpg);
}
.home-page .strip-extra .sdk {
  background-image: url(/cdn/img/footer/sdk.jpg);
}
.home-page .strip-extra .support {
  background-image: url(/cdn/img/footer/support.jpg);
}
@media  (min-width: 768px)  {
  .home-page.scrolled iframe.loginplus {
    max-height: 48px;
    margin-top: 65vh;
  }
  .home-page.scrolled .strip-features {
    background: #a6a5a6;
  }
  .home-page.scrolled .strip-features .transition(all ease 0.1s;) .container {
    /*max-height: none;
                min-height: 500px;
                height: auto;
                .tran();*/
  }
  .home-page.scrolled .strip-features h1 {
    margin-bottom: 0;
    margin-top: 65vh;
  }
  .home-page.scrolled .background {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.user-page .content-wrapper {
  background-color: #fff;
}
.user-page .page-cover {
  background: #eb5424;
  height: calc(40vh - 80px);
}
.user-page #sub-menu li {
  width: 20%;
  transition-delay: 0.4s;
}
.user-page section:last-child {
  margin: 0;
}
.user-page .info-with-icon {
  color: #c9c9c9;
  font-size: x-large;
  margin: 20px 0;
}
.user-page .info-with-icon p {
  font-size: medium;
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
  color: #9E9E9E;
}
.user-page .info-with-icon .fa-spin {
  animation-duration: 10s;
}
.user-page .ani-duration-10 * {
  animation-duration: 10s;
}
.user-page .strip {
  padding: 50px 0;
}
.user-page .strip ul {
  list-style: none;
}
.user-page .strip ul li {
  list-style: none;
}
.user-page .strip ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.user-page .strip ul li:last-child {
  margin-bottom: 0;
}
.user-page .stript-features-1 {
  background: #eee !important;
}
.user-page .stript-features-1 h3 {
  color: gray;
}
.user-page .stript-features-1 .fa {
  color: #eb5424;
}
.user-page .stript-features-1 .fa-spin {
  opacity: 0.5;
  color: gray;
}
.user-page .stript-features-1 .product-box {
  margin: 0;
}
.user-page .stript-features-1 .product-box p {
  color: #999;
}
.user-page .stript-features-2 {
  background: #eee !important;
  padding: 0;
}
.user-page .stript-features-2 TABLE {
  height: 100%;
}
.user-page .stript-features-2 TABLE TD {
  text-align: center;
  vertical-align: middle;
}
.user-page .stript-features-2 h4 {
  color: gray;
}
.user-page .stript-features-2 p {
  color: #999;
  margin: 0;
}
.user-page .card3d-container {
  perspective: 1000px;
  width: 100%;
  height: 400px;
  position: relative;
  background-position: top left;
  background-size: contain;
  background-repeat: no-repeat;
  /*&:hover {
            .card3d {
                animation-fill-mode: backwards;
                animation-play-state: running;
            }
        }*/
  /*.card3d-1 {
            animation-name: card1;
            animation-delay: 0s;
        }

        .card3d-2 {
            animation-name: card2;
            animation-delay: 0.2s;
        }

        .card3d-3 {
            animation-name: card3;
            animation-delay: .4s;
        }

        .card3d-4 {
            animation-name: card4;
            animation-delay: 0.6s;
        }*/
}
.user-page .card3d-container.play .card3d {
  animation-play-state: running;
}
.user-page .card3d-container.rewind .card3d {
  animation-direction: alternate-reverse;
  animation-play-state: running;
}
.user-page .card3d-container .splitter {
  position: absolute;
  left: 50%;
  width: 3px;
  height: 80%;
  margin-top: 10%;
  background-color: #e1e1e1;
  border-radius: 5px;
  z-index: 0;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.user-page .card3d-container .card3d {
  width: 100%;
  height: 100%;
  position: relative;
  transition: transform 1s;
  transform-style: preserve-3d;
  perspective-origin: center center;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-play-state: paused;
  animation-timing-function: linear;
}
.user-page .card3d-container .card3d .card-side {
  position: absolute;
  height: 100%;
  width: 50%;
  backface-visibility: hidden;
  margin-left: -5%;
}
.user-page .card3d-container .card3d .profile-card {
  width: 70%;
  height: 60%;
  margin: 0 auto;
  margin-top: 30%;
  background: #fffffd;
  border-radius: 4px;
  box-shadow: 0 0 15px -5px;
  position: relative;
  overflow: hidden;
}
.user-page .card3d-container .card3d .card-front .profile-card {
  border-bottom-width: 5px;
  border-bottom-style: solid;
  backface-visibility: hidden;
}
.user-page .card3d-container .card3d .card-front .bg {
  width: 100%;
  height: 20%;
  background-size: cover;
  margin: 0 auto;
}
.user-page .card3d-container .card3d .card-front .img {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  margin: 0 auto;
  margin-top: -15%;
  border: 2px solid white;
  background-size: cover;
}
.user-page .card3d-container .card3d .card-front .title {
  font-weight: bold;
}
.user-page .card3d-container .card3d .card-front .subtitle {
  color: gray;
  font-size: smaller;
}
.user-page .card3d-container .card3d .card-front .provider {
  background-position: bottom right;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 1%;
  right: 5%;
  left: 0;
  top: 0;
  background-size: 50px;
}
.user-page .card3d-container .card3d .card-front ul {
  padding: 0;
  margin: 0;
  text-align: left;
  list-style: none;
  margin-top: 5px;
}
.user-page .card3d-container .card3d .card-front ul li {
  list-style: none;
  margin: 0;
  padding: 3px 14px;
  font-size: 0.7em;
  color: darkgray;
  white-space: nowrap;
}
.user-page .card3d-container .card3d .card-front ul li span:first-child:after {
  content: ":";
}
.user-page .card3d-container .card3d .card-back {
  /*background: rgba(0, 0, 255, 0.11);*/
  transform: rotateY(180deg);
}
.user-page .card3d-container .card3d .card-back .provider {
  background-position: center center;
  background-repeat: no-repeat;
}
.user-page .card3d-container.flip-semi .card3d-1 {
  transform: rotateY(0deg) translateX(0px) translateZ(0);
}
.user-page .card3d-container.flip-semi .card3d-2 {
  transform: rotateY(38deg) translateX(0px) translateZ(50px);
}
.user-page .card3d-container.flip-semi .card3d-3 {
  transform: rotateY(125deg) translateX(0px) translateZ(-20px);
}
.user-page .card3d-container.flip-semi .card3d-4 {
  transform: rotateY(180deg) translateX(0px) translateZ(0);
}
.user-page .card3d-container.flip-right .card3d-1 {
  transform: rotateY(180deg) translateX(15px) translateZ(15px);
}
.user-page .card3d-container.flip-right .card3d-2 {
  transform: rotateY(180deg) translateX(10px) translateZ(10px);
}
.user-page .card3d-container.flip-right .card3d-3 {
  transform: rotateY(180deg) translateX(5px) translateZ(5px);
}
.user-page .card3d-container.flip-right .card3d-4 {
  transform: rotateY(180deg) translateX(0px) translateZ(0px);
}
.user-page .card3d-container.flip-left .card3d-1 {
  transform: rotateY(0) translateX(0px) translateZ(0px);
}
.user-page .card3d-container.flip-left .card3d-2 {
  transform: rotateY(0) translateX(-5px) translateZ(5px);
}
.user-page .card3d-container.flip-left .card3d-3 {
  transform: rotateY(0) translateX(-10px) translateZ(10px);
}
.user-page .card3d-container.flip-left .card3d-4 {
  transform: rotateY(0) translateX(-15px) translateZ(15px);
}
.user-page .card3d-container.show-all .splitter {
  opacity: 0;
}
.user-page .card3d-container.show-all .card3d-1 {
  transform: rotateY(0) translateX(0) translateZ(-450px) translateY(130px);
}
.user-page .card3d-container.show-all .card3d-2 {
  transform: rotateY(0) translateX(0) translateZ(-450px) translateY(-130px);
}
.user-page .card3d-container.show-all .card3d-3 {
  transform: rotateY(0) translateX(250px) translateZ(-450px) translateY(130px);
}
.user-page .card3d-container.show-all .card3d-4 {
  transform: rotateY(0) translateX(250px) translateZ(-450px) translateY(-130px);
}
.user-page #consent {
  color: white;
}
.user-page #consent h3 {
  color: #eb5424;
}
.user-page .strip-consent-feature {
  padding: 30px 0;
}
.user-page .slide,
.user-page SLIDE {
  height: calc(100vh - 130px);
  max-height: calc(100vh - 130px);
  min-height: calc(100vh - 130px);
  overflow: hidden;
  position: relative;
  display: block;
  font-size: 2vmin;
}
@media  (max-width: 767px)  {
  .user-page .slide,
  .user-page SLIDE {
    height: auto;
    max-height: none;
    min-height: calc(100vh - 80px);
    display: block;
  }
}
.user-page .slide .v-half,
.user-page SLIDE .v-half {
  height: 50%;
  min-height: 50%;
  max-height: 50%;
  overflow: hidden;
}
.user-page .slide TABLE,
.user-page SLIDE TABLE {
  width: 100%;
  max-width: 100%;
}
.user-page .slide SECTION,
.user-page SLIDE SECTION {
  margin: 0;
  padding: 0;
}
.user-page .slide ul,
.user-page SLIDE ul {
  list-style: none;
}
.user-page .slide ul li,
.user-page SLIDE ul li {
  list-style: none;
}
.user-page .slide ul li > span.fa,
.user-page SLIDE ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
.user-page .slide ul li:last-child,
.user-page SLIDE ul li:last-child {
  margin-bottom: 0;
}
.user-page .this-to-this {
  height: 100%;
}
.user-page .this-to-this TABLE {
  height: 100%;
  min-height: 100%;
}
.user-page .this-to-this TABLE TD {
  text-align: center;
  vertical-align: middle;
}
.user-page .this-to-this TABLE TD.img {
  width: 40%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80%;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.user-page .this-to-this TABLE TD.img:first-child:hover {
  width: 60%;
  background-size: 75%;
}
.user-page .this-to-this TABLE TD.img:last-child:hover {
  background-size: 90%;
}
.user-page #slide1 {
  height: calc(100vh - 130px);
  max-height: calc(100vh - 130px);
  overflow: hidden;
}
.user-page #slide1 DIV[ng-transclude] {
  height: 100%;
}
.user-page #sign-all {
  /*.benefits-detail {
            .benefits();
            background-image: url(/cdn/img/product-benefits-detail.png);
            .transition(opacity ease 1s);
            .opacity(0);

            &.xshow {
                .opacity(1);
            }
        }*/
}
.user-page #sign-all DIV[ng-transclude] {
  height: 100%;
}
.user-page #sign-all ul li .fa {
  width: 1em;
}
.user-page #sign-all .benefits {
  background-image: url(/cdn/img/sign-all-og.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  float: right;
  height: 100%;
  width: 50%;
  max-width: 400px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.user-page #features ul {
  padding: 0;
  margin: 0;
}
.user-page #features ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 6px;
}
.user-page #features ul li .fa {
  color: #eb5424;
}
.user-page #how-works {
  background-color: #f9f9f7;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
}
.user-page #how-works TABLE TD {
  text-align: center;
  vertical-align: middle;
}
.user-page #how-works IMG {
  width: 100%;
}
.user-page #how-works ul {
  padding: 0;
  margin: 0;
}
.user-page #how-works ul li {
  display: inline-block;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding: 6px 0;
  margin: 0 1%;
  width: 17%;
}
.user-page #how-works ul li .fa {
  color: #eb5424;
}
.user-page #how-works ul li:nth-child(1),
.user-page #how-works ul li:nth-child(2) {
  width: 12.5%;
}
.user-page #how-works ul li:nth-child(3) {
  width: 23%;
}
.user-page #how-works ul li:nth-child(4),
.user-page #how-works ul li:nth-child(5) {
  width: 20%;
}
.user-page #how-works ul.numbers {
  color: #BDBDBD;
}
.user-page #how-works ul.numbers li {
  border: none;
}
.user-page #how-works ul.numbers li .value {
  font-weight: bold;
}
.user-page #how-works ul.numbers li:nth-child(1),
.user-page #how-works ul.numbers li:nth-child(2) {
  width: 12.5%;
}
.user-page #how-works ul.numbers li:nth-child(3) {
  width: 25%;
}
.user-page #how-works ul.numbers li:nth-child(4),
.user-page #how-works ul.numbers li:nth-child(5) {
  width: 20%;
}
.user-page #how-works ul.numbers li .fa {
  color: #BDBDBD;
  background: -webkit-linear-gradient(#0a0f29, #ec592c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.user-page #how-works ul.numbers li .fa-spin {
  /*animation-duration: 10s;*/
  padding: 0;
  margin: 0;
}
.user-page .mobile-only .profile-card {
  width: 90% !important;
  margin: 0 auto !important;
}
.user-page .mobile-only ul {
  list-style: none;
}
.user-page .mobile-only ul li > span.fa {
  width: 35px;
  text-align: center;
  margin-left: -5px;
}
@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}