/* COLORS ----------------------------------------------------------------- */
.bg-lbturquoise {
  background-color: #4CC9F0;
}
.bg-lbblue {
  background-color: #4361EE;
}
.bg-lbviolet {
  background-color: #3A0863;
}
.bg-lblila {
  background-color: #941D81;
}
.bg-lbgrey {
  background-color: #AAAAAA;
}

.border-lbturquoise {
  position: relative;
  border-color: #4CC9F0;
}
.border-lbblue {
  position: relative;
  border-color: #4361EE;
}
.border-lbviolet {
  position: relative;
  border-color: #3A0863;
}
.border-lblila {
  position: relative;
  border-color: #941D81;
}

.text-lbturquoise {
  color: #4CC9F0;
}
.text-lbblue {
  color: #4361EE;
}
.text-lbviolet {
  color: #3A0863;
}
.text-lblila {
  color: #941D81;
}
.text-lblila:hover {
  color: #941D81;
}

.text-shadow {
  text-shadow: 1px 1px 1px black, 0 0 3px #3A0863, 0 0 1px #4361EE;
}
.text-shadow-small {
  text-shadow: 1px 1px 1px black, 0 0 2px #AA8866;
}

.btn-lbturquoise {
  color: #FFFFFF;
  background-color: #4CC9F0;
  border-color: #4CC9F0;
}
.btn-lbturquoise:hover {
  color: #FFFFFF;
  background-color: #30B9E6;
  border-color: #28B4E1;
}
.btn-lbblue {
  color: #FFFFFF;
  background-color: #4361EE;
  border-color: #4361EE;
}
.btn-lbblue:hover {
  color: #FFFFFF;
  background-color: #1E46DC;
  border-color: #1741D8;
}
.btn-lbviolet {
  color: #FFFFFF;
  background-color: #3A0863;
  border-color: #3A0863;
}
.btn-lbviolet:hover {
  color: #FFFFFF;
  background-color: #1E005A;
  border-color: #180055;
}
.btn-lblila {
  color: #FFFFFF;
  background-color: #941D81;
  border-color: #941D81;
}
.btn-lblila:hover {
  color: #FFFFFF;
  background-color: #780A77;
  border-color: #700572;
}

/* To have smaller buttons
.btn {
  padding: 0.5625rem 0.8rem;
}*/

/* NAVIGATION ------------------------------------------------------------- */
.nav-item .nav-link.active span {
  border-color: black;
}
.navbar-nav .nav-item:last-child .nav-link span {
  border-right: none;
}

.nav-item.bg-lblila {
  background-color: transparent !important;
}

.nav-item.bg-lblila .nav-link i {
  background-color: #941D81;
}

.nav-item.bg-lblila .nav-link.active span {
  color: #941D81;
}

.nav-item.bg-lbturquoise {
  background-color: transparent !important;
}

.nav-item.bg-lbturquoise .nav-link i {
  background-color: #4CC9F0;
}

.nav-item.bg-lbturquoise .nav-link.active span {
  color: #4CC9F0;
}


.nav-item.bg-warning .dropdown-menu {
  border-color: #f0c24b;
}

.nav-item.bg-warning .dropdown-menu li a:hover {
  background-color: #f0c24b;
  color: #fff;
}

.nav-item.bg-warning .dropdown-menu li .dropdown-item.active {
  background-color: transparent;
  color: #f0c24b;
}

.nav-item.bg-warning .dropdown-menu li .dropdown-item.active:hover {
  background-color: #f0c24b;
  color: #fff;
}

div.language-chooser {
  width: 100%;
  display: flex;
  justify-content:center;
}
div.language {
  display: inline-block;
  font-size: 150%;
  font-weight: bold;
}
div.language.lang-fr, div.language.lang-en {
  padding: 3px 8px;
  border-radius: 5px;
  cursor: pointer;
}
div.language.btn-lbturquoise {
  opacity: 0.5;
}

.font-size-64 {
  font-weight: bold;
}
@media (min-width: 1200px) {
  .font-size-64 {
    font-size: 4rem;
  }
  .btn-scroll-down i {
    font-size: 3rem;
  }
}
@media (min-width: 1024px) and (max-width:1199px) {
  .font-size-64 {
    font-size: 3rem;
  }
  .btn-scroll-down i {
    font-size: 2rem;
  }
}
@media (min-width: 760px) and (max-width: 1023px) {
  .font-size-64 {
    font-size: 2rem;
  }
  .btn-scroll-down i {
    font-size: 1.5rem;
  }
}
@media (max-width: 759px) {
  .font-size-64 {
    font-size: 1.5rem;
  }
  .btn-scroll-down i {
    font-size: 1rem;
  }
  div.language-chooser {
    display: inline;
    width: auto;
  }
}


/* SLIDER ----------------------------------------------------------------- */
img.rev-slidebg {
  filter: blur(8px);
}

/* LOADER ------------------------------------------------------------------*/
.smooth-loader-wrapper .smooth-loader .dot-1 {
  background: #4CC9F0;
}

.smooth-loader-wrapper .smooth-loader .dot-2 {
  background: #4361EE;
}

.smooth-loader-wrapper .smooth-loader .dot-3 {
  background: #3A0863;
}

.smooth-loader-wrapper .smooth-loader .dot-4 {
  background: #941D81;
}


/* LILABOX, LILAMAIL, LILAHOSTING ----------------------------------------- */
section#lilabyte_features i,
section#lilabox_features i,
section#lilamail_features i,
section#lilahosting_features i {
  font-size: 250%;
  line-height: 56px;
}

section#lilabyte_features div.media-icon-large,
section#lilabox_features div.media-icon-large,
section#lilamail_features div.media-icon-large,
section#lilahosting_features div.media-icon-large {
  padding: 0.42rem 0.33rem 0.33rem 0.42rem;
}


/* CART PAGE -------------------------------------------------------------- */
table tr th, table tr td {
  text-align: right;
  padding-right: 1.56rem !important;
  padding-left: 1.56rem !important;
}
table tr th:first-child,
table tr td:first-child {
  text-align: left;
}


div.card-icon-border-large > i {
  position: relative;
  font-size: 150%;
  bottom: -0.2rem;
}

.card-body {
  padding: 1.15em;
}


/* PERSONAL INFO PAGE ----------------------------------------------------- */
div.additional-data {
  display: none;
}

/* PAYMENT PROCESS -------------------------------------------------------- */
.progress-wizard > .progress-wizard-step > .progress {
  top: -1em;
}
.progress-wizard > .progress-wizard-step > .progress > .progress-bar,
.progress-wizard > .progress-wizard-step.complete > .progress-wizard-dot i {
  background-color: #941D81;
}