@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800|Asap:400,500,600,700|Roboto:100,300,400,500,700,900&display=swap');

/*font-family: 'Montserrat', sans-serif;font-family: 'Roboto', sans-serif;font-family: 'Asap', sans-serif;*/
body {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  color: #000 !important;
}

html {
  scroll-behavior: smooth;
}

ul.nav-pills {
  top: 20px;
  position: fixed;
}

/*Font Awesome Free 5.12.0 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  src: local('Font Awesome 5 Brands'), local('Font Awesome 5 Brands'), url(../fonts/fa-brands-400.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  src: local('Font Awesome 5 Free'), local('Font Awesome 5 Free'), url(../fonts/fa-solid-900.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

.fab {
  font-family: 'Font Awesome 5 Brands';
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1
}

.fa-lg {
  font-size: 1.33333em;
  line-height: .75em;
  vertical-align: -.0667em
}

.fa-xs {
  font-size: .75em
}

.fa-sm {
  font-size: .875em
}

.fa-1x {
  font-size: 1em
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-6x {
  font-size: 6em
}

.fa-7x {
  font-size: 7em
}

.fa-8x {
  font-size: 8em
}

.fa-9x {
  font-size: 9em
}

.fa-10x {
  font-size: 10em
}

.fa-fw {
  text-align: center;
  width: 1.25em
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0
}

.fa-ul>li {
  position: relative
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit
}

.fa-border {
  border: .08em solid #eee;
  border-radius: .1em;
  padding: .2em .25em .15em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
  margin-left: .3em
}

html {
  position: relative;
  min-height: 100%;
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-github:before {
  content: "\f09b";
}

.fa-medium-m:before {
  content: "\f3c7";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-linkedin-in:before {
  content: "\f0e1";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-download:before {
  content: "\f019";
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-times:before {
  content: "\f00d"
}

/*Font Open ICONic*/
@font-face {
  font-family: 'Icons';
  src: local('Icons'), local('Icons'), url(../fonts/open-iconic.woff) format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.oi {
  position: relative;
  top: 1px;
  display: inline-block;
  speak: none;
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.oi:empty:before {
  width: 1em;
  text-align: center;
  box-sizing: content-box;
}

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

.oi.oi-align-left:before {
  text-align: left;
}

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

.oi.oi-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.oi.oi-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(-1, 1);
  transform: scale(1, -1);
}

.oi.oi-flip-horizontal-vertical:before {
  -webkit-transform: scale(-1, -1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, -1);
}

.oi-arrow-right:before {
  content: '\e00e';
}

.oi-menu:before {
  content: '\e09b';
}

/*NAV*/
.bg-Lition-blue {
  background: rgba(10, 17, 37, 0.8);
  z-index: 1;
  position: relative;
}

.nav-heigh {
  min-height: 82px;
}

.nav-link-Lition {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 1) !important;
  font-weight: 300;
  /*-ms-transform: scale.1.25); -webkit-transform: scaleY(1.25);transform: scaleY(1.25);*/
}

.dropdown-menu-Lition {
  border-radius: 0rem;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.85em;
  letter-spacing: 0.05em;
  margin: .45rem 0 0;
}

.navbar-toggler-Lition {
  border: transparent !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/*Btns*/
.btn-Lition-green {
  background: rgba(71, 210, 119, 1);
  color: #FFF;
  font-weight: 500;
  border: 0!important;
  letter-spacing: 0.01rem;
  border-radius: 50px;
  padding: .7rem 1.7rem;
  font-size: 14px;
  transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
}

.btn-Lition-green:hover,
.btn-Lition-green2:hover {
  color: #3B3B3B;
  border: 0!important;
  background: #f2f2f2;
  /* box-shadow: 0 0 0 .3rem rgba(71, 210, 119, .6); */
}

.btn-Lition-border-white {
  background: rgba(0, 0, 0, 0);
  font-weight: 600;
  border: 0!important;
  letter-spacing: 0.01rem;
  border-radius: 50px;
  padding: .7rem 1.7rem;
  font-size: 14px;
  transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  color: #FFF !important;
  cursor: pointer;
}

.btn-Lition-border-white:hover {
  background: rgba(71, 210, 119, 1);
}

.btn-Lition-border-gray {
  background: #E0E0E0;
  font-weight: 600;
  border: 0!important;
  letter-spacing: 0.01rem;
  border-radius: 50px;
  padding: .7rem 1.7rem;
  font-size: 14px;
  transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  color: #4F4F4F !important;
  cursor: pointer;
}

.btn-Lition-border-gray:hover {
  background: rgba(71, 210, 119, 1);
  color: #fff !important;
}

.btn-Lition-green-border {
  background: none;
  color: #FFF;
  font-weight: 500;
  border: 0!important;
  letter-spacing: 0.01rem;
  border-radius: 1rem;
  padding: .375rem 1.7rem;
  transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
}

.btn-Lition-green-border:hover {
  color: #3B3B3B;
  background-color: #FFF;
  border: 0!important;
}

.btn-Lition-green2 {
  background: rgba(71, 210, 119, 1);
  color: #FFF;
  font-weight: 500;
  border: 0!important;
  letter-spacing: 0.01rem;
  border-radius: 25px;
  padding: .6rem 2.5rem;
  font-size: 14px;
}

/*IMG*/
.video-position {
  position: absolute !important;
  /*margin-top:-82px;*/
}

.video-margin {
  /*margin-top: calc(-100vh - 50px);*/
  position: relative;
  margin-top: -82px;
}

.margin-top-80 {
  margin-top: 80px;
}

.h-calc-img {
  height: calc(100% - 82px);
}

.img-Lition-home {
  background: rgba(0, 0, 0, 0) url("../img/home_img_Lition_Blockchain_Standard_for_Business_developing_scalable.jpg") no-repeat scroll top center/ cover;
  width: 100%;
  max-height: 1078px;
  margin-top: -80px;
  position: relative;
}

.row-h-img {
  height: calc(100vh - 80px);
}

#img-Lition-about {
  background: rgba(0, 0, 0, 0) url("../img/about/img_background_about_Lition_Blockchain_Standard_for_Business_developing_scalable.jpg") no-repeat scroll top center/ auto 930px;
  margin-top: -80px;
  /*position: relative;*/
}

#img-Lition-about .title-Lition-line-85px {
  margin-top: 85px!important;
}

.img-Lition-develop {
  background: rgba(0, 0, 0, 0) url("../img/develop/img_background_develop_Lition_Blockchain_Standard_for_Business_developing_scalable.jpg") no-repeat scroll center top/ auto 1160px;
  width: 100%;
  /*max-height:1260; */
  margin-top: -80px;
  position: relative;
}

.img-Lition-infrastructure {
  background: rgba(0, 0, 0, 0) url("../img/tech/img_background_Tech_Infrastructure_Lition_Blockchain_Standard_for_Business_developing_scalable.jpg") no-repeat scroll center top/ 100% 750px;
  width: 100%;
  margin-top: -80px;
  position: relative;
}

#img-Lition {
  background: rgba(0, 0, 0, 0) url("../img/02/02_A_img-Lition-BIG.jpg") no-repeat scroll top center/ cover;
  z-index: -1;
  position: absolute;
  width: 100%;
  max-height: 1078px;
  top: 0;
}

#img-Lition-01 {
  background: rgba(0, 0, 0, 0) url("../img/home_img_Lition_Blockchain_Standard_for_Business_developing_scalable.jpg") no-repeat scroll top center/ cover;
  z-index: -1;
  position: absolute;
  width: 100%;
  min-height: 1079px;
  top: 0;
}

#logo-Lition-absolute {
  background: rgba(0, 0, 0, 0) url("../img/logo_Lition.png") no-repeat scroll top left/ contain;
  z-index: 10;
  position: absolute;
  width: 100%;
  max-height: 34px;
  height: 34px;
  top: 58px;
}

.nav-scrollspy {
  background: #848383;
  border-radius: 0 !important;
  margin: 5px 0px;
  padding: 25px 5px;
}

.nav-link.nav-scrollspy.active {
  background-color: #000;
}

/*Video*/
.title-Lition {
  font-size: 48px;
  font-weight: 600;
  color: #FFF;
  line-height: 68px;
}

.title-Lition-line {
  border-top: 1px solid #30DB6B;
  width: 98px;
  height: 22px;
  margin-top: 150px
}

.title-Lition-line-85px {
  border-top: 1px solid #30DB6B;
  width: 98px;
  height: 22px;
  margin-top: 85px;
}

.title-Lition-no-line-45px {
  width: 98px;
  height: 22px;
  margin-top: 45px
}

.title-Lition-blue-line {
  border-top: 1px solid #30DB6B;
  width: 98px;
  height: 22px;
  margin-top: 95px
}

.title-Lition-black {
  font-size: 50px;
  font-weight: 600;
  color: #000;
  line-height: 50px;
}

.text-Lition-black-18 {
  font-size: 20px;
  line-height: inherit;
  font-weight: 500;
  color: #fff;
  padding: 50px 0px;
  margin-bottom: 0px;
}

.text-Lition-black {
  font-size: 15px;
  color: #000;
  font-weight: 300;
  letter-spacing: 0.01rem;
}

.text-Lition-blue-16 {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
  color: #051238
}

.text-Lition-white-16 {
  font-size: 16px;
  font-weight: 300;
  color: #FFF;
}

.title-Lition-blue {
  font-size: 48px;
  font-weight: 600;
  color: #051238;
  line-height: 50px;
  padding-bottom: 58px;
  padding-top: 30px;
}

.title-Lition-blue-about {
  font-size: 48px;
  font-weight: 600;
  color: #283949;
  line-height: 50px;
  padding-bottom: 58px;
  padding-top: 30px;
}

.sub-title-Lition-blue {
  font-size: 32px;
  font-weight: 600;
  color: #051238;
  line-height: 33px;
}

.sub-title-Lition-green {
  font-size: 21px;
  color: #40d572;
  font-weight: 600;
}

.sub-title-Lition-blue-21 {
  font-size: 21px;
  color: #051238;
  line-height: 23px;
  font-weight: 500;
  text-align: center;
}

.sub-title-Lition-blue-26 {
  font-size: 26px;
  font-weight: 600;
  color: #051238;
  line-height: 27px;
}

.sub-title-green {
  font-size: 21px;
  color: #40d572;
  padding: 25px 0 10px 0;
  line-height: 22px;
  font-weight: 500;
}

.sub-title-green-32 {
  font-size: 32px;
  color: #47D275;
  padding: 45px 30px;
  font-weight: 600;
}

.title-form-request {
  font-size: 32px;
  font-weight: 600;
  color: #000;
  line-height: 32px;
}

input {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
}

/*Form request*/
.form-request::placeholder {
  color: #000 !important;
}

.form-request {
  font-size: 0.8rem;
  padding: 1.2rem .75rem;
}

.close {
  font-size: 3rem;
  font-weight: 400;
  opacity: 1;
}

.modal-header .close {
  padding: 0.5rem 1.5rem;
}

.modal {
  z-index: 10000 !important;
}

#mce-responses {
  margin-top: 10px;
  color: white;
}

.thanks {
  color: green;
}

.errorMessage {
  color: red;
}

.border-bottom-partners {
  border-bottom: 2px solid #d7dbde;
  padding-bottom: 10px;
}

/*What is*/
#background-what-is {
  background: rgb(250, 254, 254);
  background: radial-gradient(circle, rgba(250, 254, 254, 1) 0%, rgba(223, 235, 245, 1) 83%, rgba(187, 207, 220, 1) 100%);
  background: -webkit-radial-gradient(circle, rgba(250, 254, 254, 1) 0%, rgba(223, 235, 245, 1) 83%, rgba(187, 207, 220, 1) 100%);
}

.ul-boolet ul {
  list-style-image: url('../img/home/img_boolet_green.gif');
  margin-bottom: 0;
}

.ul-boolet li {
  padding-left: 15px;
  margin: 15px 0;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pt-55 {
  padding-top: 55px
}

.carousel-indicators {
  bottom: -40px;
}

.carousel-indicators .active {
  background-color: #000 !important;
}

.carousel-indicators li {
  background-color: #848383;
}

.carusel-arrow-prev,
.carusel-arrow-next {
  color: #000 !important;
  opacity: 1 !important;
  font-size: 30px;
  width: 5%;
  /*top: auto;bottom:0;margin-bottom: 1rem;*/
}

.carusel-arrow-prev {
  left: -5%
}

.carusel-arrow-next {
  right: -5%;
}

/*.carusel-arrow-prev{justify-content: start;}  .carusel-arrow-next{justify-content: end;}*/
.texto-vectores-piramide {
  position: absolute;
  right: 0;
  background: rgba(0, 0, 0, 0) url("../img/home/vector.gif") no-repeat scroll right 0px/ contain;
  width: 100%;
  height: 374px;
}

.text-Lition-blue-16 strong {
  font-weight: 500;
}

.partners-with {
  width: 5%;
  cursor: pointer;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

/*About*/
.about {
  background-color: #F7F9FA;
}

.about-card-row-corner {
  border-radius: .8rem;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.25);
}

.about-card-row-corner-shadow {
  border-radius: .8rem;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(5, 25, 45, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(5, 25, 45, 0.25);
  border: 15px solid transparent;
}

.about-card-col {
  border: none;
}

#team a {
  cursor: pointer;
  transition: all 300ms ease-out;
  box-shadow: none !important;
  /*opacity 0.1s 0.5s, transform 0.4s 0.5s;all 300ms ease-out*/
  -moz-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
}

#team a:hover {
  opacity: .5;
  text-decoration: none;
  z-index: 10
}

#team img {
  transition: transform 300ms 0.5s ease-out;
  -moz-transition: transform 300ms ease-out;
  -webkit-transition: transform 300ms ease-out;
  -o-transition: transform 300ms ease-out;
}

#team img:hover {
  transform: scale(1.1);
}

/*.grow { transition: opacity 1s, transform 0.5s 1s;  }.grow:hover { transform: scale(1.1);opacity: .5;}*/
#team h5 {
  font-size: 15px;
  color: #011B33;
  font-weight: 700;
}

#team p {
  color: #3B3B3B;
  font-size: 13px;
  font-weight: 600;
  line-height: 130%;
}

.collapse-rect {
  z-index: 10;
  /*top: 190px;*/
  background: white;
  border: 1px solid #ccc;
  padding: 0 25px;
  position: absolute;
  width: calc(100vw - 350%);
}

/*Develop on*/
.ajuste::before {
  padding-top: 45% !important;
}

.bg-white {
  background: rgba(255, 255, 255, 1);
  padding: 25px 40px;
}

.bg-blue {
  background: rgba(6, 26, 45, 1);
}

.bg-blue-docs-corner {
  bottom: 0;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-top: 15px solid transparent;
  border-right: 15px solid #061A2D;
  border-bottom: 15px solid #061A2D;
  left: auto;
  right: 0;
}

.bg-blue-docs {
  background: rgba(18, 87, 125, 1);
  text-align: center;
  position: relative;
  padding: 25px 25px 12px 25px;
  width: 185px;
  height: 185px;
  margin-right: 25px;
  margin-bottom: 25px
}

.bg-blue-docs p {
  color: #FFF;
  font-size: 21px;
  line-height: 23px;
  font-weight: 300;
  letter-spacing: -0.08rem;
}

.fa-download {
  font-size: 26px;
  color: #3FD571;
}

.bt-download {
  transition: opacity 300ms ease-out;
  -moz-transition: opacity 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out;
  -o-transition: opacity 300ms ease-out;
  cursor: pointer;
}

.bt-download:hover {
  opacity: .5;
  text-decoration: none;
}

.fa-arrow-right {
  color: #47D276;
}

.bg-white-develop-box-shadow {
  -webkit-box-shadow: 0px 2px 15px 10px rgba(5, 25, 45, 0.17);
  box-shadow: 0px 2px 15px 10px rgba(5, 25, 45, 0.17);
}

.bg-black {
  background: rgba(0, 0, 0, 1);
}

.bg-blue-embed {
  background: rgba(7, 33, 66, .7);
}

.btn-download-develop {
  font-size: 26px;
  font-weight: 600;
  color: #051238;
  line-height: 27px;
  background: rgba(0, 0, 0, 0) url("../img/develop/etherscan-logo-circle-30.png") no-repeat scroll top right/ auto 30px;
}

/*Shake*/
.bt-download:hover .shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes shake {

  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {

  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

/*Infrastructure*/
.bg-white-tech-corner-down {
  width: 0px;
  height: 0px;
  border-bottom: 30px solid transparent;
  border-left: 60px solid #FFF;
  position: relative;
}

.shadow-corner {
  background: rgba(0, 0, 0, 0) url("../img/tech/shadow-corner.png") no-repeat scroll right top/ 58px 30px;
}

.bg-white-tech {
  background: rgba(255, 255, 255, 1);
  text-align: center;
  position: relative;
  padding: 25px 25px 12px 25px;
}

.bg-white-tech-box-shadow {
  background: rgba(0, 0, 0, 0) url("../img/tech/sombra.png") no-repeat scroll center top/ auto 296px;
  min-height: 296px;
  /*-webkit-box-shadow: 2px 5px 15px 5px rgba(5,25,45,0.17); box-shadow: 2px 5px 15px 5px rgba(5,25,45,0.17);*/
}

.tech {
  background-color: #E5F0F8;
}

.bg-white-tech-rec30 {
  height: 30px;
  background: rgba(255, 255, 255, 1);
}

.mb-200 {
  margin-bottom: 200px
}

#lottie {
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
}

.degrade-tech {
  background: #cadbe7;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2FkYmU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzAlIiBzdG9wLWNvbG9yPSIjZGFlOWYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZjNmYWZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjZGNlYWY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  background: -moz-linear-gradient(-45deg, #cadbe7 0%, #dae9f2 30%, #f3fafd 48%, #dceaf4 70%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cadbe7), color-stop(30%, #dae9f2), color-stop(48%, #f3fafd), color-stop(70%, #dceaf4));
  /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(-45deg, #cadbe7 0%, #dae9f2 30%, #f3fafd 48%, #dceaf4 70%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(-45deg, #cadbe7 0%, #dae9f2 30%, #f3fafd 48%, #dceaf4 70%);
  /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(-45deg, #cadbe7 0%, #dae9f2 30%, #f3fafd 48%, #dceaf4 70%);
  /* IE10 preview */
  background: linear-gradient(135deg, #cadbe7 0%, #dae9f2 30%, #f3fafd 48%, #dceaf4 70%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cadbe7', endColorstr='#dceaf4', GradientType=1);
  /* IE6-8 fallback on horizontal gradient */
}

.bg-blue-dark {
  background-color: #D5E6F0;
}

/*Join the network*/
#img-Lition-home-develop {
  background: rgba(0, 0, 0, 0) url("../img/home/img_background_develop_Lition_Blockchain_Standard_for_Business_developing_scalable.jpg") no-repeat scroll top center/ 100% 350px;
  width: 100%;
}

.title-Lition-white {
  font-size: 48px;
  font-weight: 600;
  color: #FFF;
  line-height: 50px;
}

.col-developers-blue {
  background: rgba(5, 26, 45, 1);
  position: relative;
}

.col-developers-blue p {
  color: #FFF;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.01rem;
}

.col-developers-blue h5 {
  color: #40D176
}

.icon-dev-1 {
  width: 118px;
  height: 85px;
  background: rgba(0, 0, 0, 0) url("../img/home/icon_develop1.gif") no-repeat scroll top left /118px 85px;
  font-size: 21px;
  color: #3FD571;
  font-weight: 500;
}

.text-icon-dev {
  font-size: 21px;
  line-height: 22px;
  color: #3FD571;
  font-weight: 500;
}

.flecha {
  font-size: 15px;
  padding-left: 15px;
}

.line-partners {
  background: rgba(0, 0, 0, 0) url("../img/home/line-partners.gif") repeat-x scroll top left/ contain;
  height: 24px;
  width: 100%;
}

.h5-partners {
  background: #FFF;
  display: inline;
  padding: 0px 15px;
  font-weight: 600;
}

/*Bloques*/
.bloque-blue {
  background-color: #07273E;
  padding: 16px;
  font-family: 'Roboto', sans-serif;
}

.bloque-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px;
  color: #FFF;
  font-weight: 500
}

.bloque-title-2 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px;
  color: #FFF;
  font-weight: 400;
  padding-bottom: 8px
}

.bloque-number-v {
  color: #00DF6D;
  font-size: 38px;
  font-weight: 300
}

.bloque-number {
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 300
}

.bloque-comment {
  color: #FFF
}

.bloque-comment span {
  color: #4272C7;
}

.line-verde {
  border-left: 1px solid #30DB6B;
}

.green-developer {
  color: #3FD571;
}

.list-Lition {
  list-style: none;
  color: #FFF;
  font-family: 'Roboto', sans-serif !important;
  font-size: 9px;
  font-weight: 300;
}

.position-cero {
  position: absolute;
  left: 0px;
  bottom: 35px;
}

.position-next {
  position: absolute;
  left: 0;
  top: 8px;
}

.border-blue-dark {
  border-top: 1px solid #051A2F;
}

.border-blue-light {
  border-top: 1px solid #03233C;
}

.list-Lition li {
  padding: 0 5px;
}

.border-graphic {
  border-left: 1px solid #03213D;
  border-right: 1px solid #03213D;
  height: 35px
}

.span-square-y {
  color: #FEE902;
  padding-right: 5px;
  font-size: 20px;
  line-height: 10px;
}

.span-square-r {
  color: #FF2746;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 20px;
  line-height: 10px;
}

/*List Group*/
.list-group-Lition {
  font-family: 'Roboto', sans-serif;
  color: #7A818B;
  font-weight: 300;
}

.list-group-item-Lition {
  background-color: #052440;
  padding: .75rem;
}

.list-group-item-Lition:hover,
.list-group-item-Lition:active {
  background: rgba(5, 36, 64, 0.5);
  color: #7A818B;
}

.list-group-item-Lition:focus {
  background: rgba(66, 114, 199, 0.5);
  color: #FFF
}

.list-group-item-Lition:focus .text-muted {
  color: #FFF !important
}

.list-group-item-Lition h5 {
  height: 26px;
  background: rgba(0, 0, 0, 0) url("../img/icon_download.png") no-repeat scroll top left /26px 26px;
  color: #F7FF03;
  font-size: 13px;
  font-weight: 400 !important;
  padding: 05px 0px 0px 36px;
}

.col-list-group-item-Lition {
  background-color: #043053;
}

.p-texto-list-group-Lition {
  padding: 0px 0px 0px 36px;
}

.icon-search {
  width: 35px;
  background: rgba(0, 0, 0, 0) url("../img/icon_search.png") no-repeat scroll top left /35px;
}

.icon-blocks {
  width: 17px;
  height: 29px;
  background: rgba(0, 0, 0, 0) url("../img/icon_blocks.png") no-repeat scroll top left /17px 29px;
  padding: 5px 0 0 25px;
  font-family: roboto;
  font-weight: 300;
  color: #fff;
  font-size: 15px;
}

.icon-transaction {
  width: 24px;
  height: 29px;
  background: rgba(0, 0, 0, 0) url("../img/icon_transactions.png") no-repeat scroll top left /24px 29px;
  padding: 5px 0 0 30px;
  font-family: roboto;
  font-weight: 300;
  color: #fff;
  font-size: 15px;
}

/*Developers Tool*/
.icon-dev-3 {
  width: 78px;
  height: 77px;
  background: rgba(0, 0, 0, 0) url("../img/02/icon_3_developers.gif") no-repeat scroll top left /78px 77px;
  margin-bottom: 25px;
}

.col-developers-blue-corner {
  bottom: 0;
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-top: 30px solid transparent;
  border-right: 30px solid #ffffff;
  border-bottom: 30px solid #ffffff;
  left: auto;
  right: 0;
}

/*Accordion*/
.card-Lition a {
  color: #000;
  text-decoration: none;
}

.card-Lition {
  border: none;
  border-radius: 0px;
}

.card-Lition-header {
  padding: 10px 0px 35px 0px;
  border-bottom: 0px;
}

.accordion-menu>a {
  display: block;
  position: relative;
}

.accordion-menu>a:after {
  /* content:'\f00d';*/
  font-family: 'Font Awesome 5 Free';
  < !-- position: absolute;
  right: 0;
  color: #48CA70;
  -->
}

/*-ms-transform: scale.1.25);	-webkit-transform: scaleX(1.25);transform: scaleX(1.25);*/
.accordion-menu>a[aria-expanded="true"]:after {
  content: '\f00d';
  color: #000;
  /* chevron-top */
  z-index: 99;
  top: 180px;
  right: -50%;
  padding: 10px;
}

/*Mouse Animation*/

.bounce {
  -webkit-animation: bounce 1s infinite;
  animation: bounce 5s infinite;
  transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  max-width: 24px !important;
}

@-webkit-keyframes bounce {

  0%,
  5%,
  13%,
  20%,
  25% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  11% {
    /*40%, 43%*/
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  17% {
    /*70*/
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  22% {
    /*90*/
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {

  0%,
  5%,
  13%,
  20%,
  25% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  11% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  17% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  22% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

/*Footer*/
#footer {
  padding: 20px 0;
  background: #135179;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #135179, #3384b4);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #135179, #3384b4);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.copy a {
  text-decoration: none;
  color: #FFF;
}

.copy {
  color: #FFF;
}

.footer-title {
  color: rgba(71, 210, 118, 1);
  font-weight: 500;
}

.border-top-white {
  padding-top: 15px;
}

#footer li a {
  display: inline-block;
}

#footer i {
  color: #fff;
}

#footer li a:hover {
  opacity: .5;
  transition: opacity .5s ease-out;
  -moz-transition: opacity .5s ease-out;
  -webkit-transition: opacity .5s ease-out;
  -o-transition: opacity .5s ease-out;
}

#footer li {
  padding: 0 15px;
}

.fab.fa-twitter,
.fa-medium-m {
  font-size: 1.7rem;
}

.fa-linkedin-in {
  font-size: 1.7rem;
}

.fa-youtube {
  font-size: 1.7rem;
}

.fa-paper-plane,
.fa-github,
.fa-facebook {
  font-size: 1.5rem;
}

@media (max-width: 767px) {

  .fab.fa-twitter,
  .fa-youtube,
  .fa-linkedin-in,
  .fa-medium-m {
    font-size: 1.4rem;
  }

  .fa-paper-plane,
  .fa-github,
  .fa-facebook {
    font-size: 1.2rem;
  }

}


#col-resources a {
  color: #FFF;
  padding: 0px !important;
}

#col-resources li {
  padding: 7px 0px;
}

/*******************************Small devices (landscape phones, 576px and up)*******************************/

@media (max-width: 991px) {
  .margin-mobile {
    margin-top: 35px !important;
  }

  .bg-Lition-blue {
    background: rgb(10, 17, 37, 1);
  }

  .ajuste::before {
    padding-top: 55% !important;
  }

  .img-Lition-infrastructure {
    background: rgba(0, 0, 0, 0) url("../img/tech/img_background_Tech_Infrastructure_Lition_Blockchain_Standard_for_Business_developing_scalable.jpg") no-repeat scroll center top/ 100% 850px;
  }

  .bg-white-tech {
    padding: 25px 10px 12px 10px;
  }
}

@media (max-width: 768px) {
  #img-Lition {
    min-height: 1600px;
  }

  .particles-js-canvas-el {
    display: none;
  }

  .ajuste::before {
    padding-top: 50% !important;
  }
}

@media (max-width: 767px) {
  .carusel-arrow-prev {
    left: 0;
  }

  .carusel-arrow-next {
    right: 0;
  }
}

@media (max-width: 576px) {

  .title-Lition,
  .title-Lition-blue,
  .title-Lition-white,
  .title-Lition-blue-about {
    font-size: 40px;
    line-height: 43px;
  }

  .sub-title-Lition-blue {
    font-size: 28px;
  }

  .text-Lition-black-18 {
    font-size: 16px;
    line-height: 20px;
    padding: 35px 0px;
  }

  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .ajuste::before {
    padding-top: 70% !important;
  }

  .sub-title-Lition-blue-26 {
    font-size: 20px;
  }
}

@media (max-width: 350px) {

  .title-Lition,
  .title-Lition-blue,
  .title-Lition-white {
    line-height: 40px;
    font-size: 34px;
  }

  .text-Lition-black-18 {
    padding: 20px 0px;
  }

  .hide-mobile {
    display: none !important;
  }

  .title-Lition-blue-line {
    margin-top: 75px;
  }

  .margin-mobile {
    margin-top: 35px !important;
  }
}

.pb50 {
  padding-bottom: 50px;
}

#new {position: relative;}

#new::after { content: "NEW";position: absolute;color: #1fec1f;font-weight: 600; top: -5px; right: 6px;}


/**
UPDATE TOMOCHAIN**/

.box-news-slider {
  background-color: #0d142a;
  padding: 7px 15px;
  display: flex;
  align-items: center;
}

@keyframes HotNews{
	0%{ color: transparent;}
	50%{
		background-color: #e11616;
		color: #ffffff;
	}
	75%{
		background-color: #e11616;
		color: #ffffff;
	}
	100%{ color: transparent;}
}

.box-news-slider a {
  color: #00e8b4!important;
  display: flex;
  align-items: center;
}

.box-news-slider a::before {
  content: 'NEW';
  animation-name: HotNews;
  animation-duration: 1.3s;
  animation-iteration-count: infinite;
  border-radius: 20px;
  padding: 3px 7px;
  font-size: 7px;
  margin-right: 5px;
  line-height: 1;
  font-weight: bold;
  float: left;
}