/*!
 * Quadrans Foundation Website CSS
 */

html,
body {
  background-color: #f4f5f7 !important;
}

.scroll::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

.scroll::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background-color: #ddd;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
outgroup,
select,
textarea {
  font-family: "Montserrat", sans-serif !important;
}

.container-fluid {
  padding: 1.5% 12%;
}
.container-fluid-x {
  padding: 0 12%;
}
.container-fluid-y {
  padding: 1.5% 0;
}
button:focus {
  outline: none;
}

a .button:hover {
  outline: none;
}

label {
  font-size: small;
  font-weight: bold;
}

.anchor {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden;
}
.logo {
  max-width: 50vw;
  height: 65px;
}
code {
  background-color: #f4f5f7;
  border-radius: 4px;
  line-height: 0rem;
  padding: 2px 5px;
}

.codeBox {
  display: block;
  margin-top: 20px;
  padding: 20px;
  background-color: #f4f5f7;
}

.box-50 {
  width: 48%;
  float: left;
  min-width: 160px;
}

.m-r-1 {
  margin-right: 1%;
}
.m-l-1 {
  margin-left: 1%;
}

.p-l {
  padding: 40px;
}

.color {
  display: inline-block;
  margin: 20px 0px;
  padding: 5%;
  text-align: center;
  width: 24%;
}

.white {
  color: #ffffff !important;
}
.acidGreen {
  color: #13fac8 !important;
}
.blue {
  color: #4b64d8 !important;
}
.violet {
  color: #6719e0 !important;
}
.darkBlue {
  color: #16173d !important;
}
.xlightBlue {
  color: #f4f5f7 !important;
}
.lightBlue {
  color: #2fafd0 !important;
}
.mediumBlue {
  color: #262951 !important;
}

.bg_acidGreen {
  background-color: #13fac8 !important;
}
.bg_blue {
  background-color: #4b64d8 !important;
}
.bg_violet {
  background-color: #6719e0 !important;
}
.bg_darkBlue {
  background-color: #16173d !important;
}
.bg_xlightBlue {
  background-color: #f4f5f7 !important;
}
.bg_lightBlue {
  background-color: #2fafd0 !important;
}
.bg_mediumBlue {
  background-color: #262951 !important;
}
.bg_gradient_dark {
  background-image: linear-gradient(
    to bottom,
    #16173d,
    #1b1a4a,
    #211c58,
    #291e65,
    #321f72,
    #38207b,
    #3f2084,
    #46208d,
    #4b2195,
    #4f229c,
    #5422a4,
    #5923ac
  );
}
.bg_lightViolet {
  background-color: rgba(103, 25, 224, 0.1) !important;
  border: 0px;
}

/* COLORS END */

/* HEADER START */

#header {
  z-index: 99999;
}

.bg_worldMap {
  background-image: url("../img/curva_slider_home.png"),
    url("../img/decoration_worldMap.png"),
    linear-gradient(to bottom, #16173d, #2e1b65);
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-position: bottom, bottom;
  bottom: 50px;
}

.carousel {
  position: initial;
  padding-left: 15%;
  padding-right: 15%;
  padding-bottom: 15%;
}

.carousel-item {
  bottom: 40px;
}

.carousel-indicators {
  bottom: 70px;
}

.carousel-indicators li {
  text-indent: unset;
  width: 200px;
  height: 40px;
  border-bottom: 3px solid #fff;
  color: #fff;
  background-color: transparent;
  height: 30px;
  margin-right: 48px;
  margin-left: 48px;
}

.carousel-indicators .active {
  color: #13fac8;
  border-bottom: 3px solid #13fac8;
  font-weight: bold;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  filter: invert(25%);
}

/* ## HEADER END ## */

/* MEDIA RULES START */

/* MEDIA RULES END */

/* DARK BOX */

.card-q-dark {
  background-color: #262951 !important;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  border: none;
}

.whitepaper_sx {
  width: 50%;
  height: auto;
  position: relative;
  float: left;
}

.whitepaper_img img {
  top: -5px;
  width: 90%;
  margin: 0px;
  position: relative;
}

.whitepaper_dx {
  padding: 50px;
  width: 40%;
  float: left;
}

.whitepaper_dx .white * {
  color: white !important;
}

/* DARL BOX END */

/* NAVBAR START */

.fixed-top {
  /* background-color: transparent; */
}

.nav-link {
  /* font-weight: 500; */
  margin: 0 10px;
}
.nav-item {
  position: relative;
}
.sub-nav-item {
  overflow: hidden;
  transition: 0.4s;
  position: absolute;
  top: calc(100% + 1px);
  width: 100%;
  transform: scaleY(0);
  transform-origin: top;
  background-color: #f4f5f7;
  border: 1px solid transparent;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 8px 12px -6px #999;
  width: 200px;
  /* left:-25%; */
}
nav {
  transition: background-color 0.3s ease-out;
}

.navbar-shadow {
  -webkit-box-shadow: 0 8px 12px -6px #262626;
  -moz-box-shadow: 0 8px 12px -6px #262626;
  box-shadow: 0 8px 12px -6px #262626;
}

.navbar-brand {
  margin-right: 0.25rem;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.6);
}

.navbar-dark a:hover {
  color: rgba(255, 255, 255) !important;
}
.navbar-light .navbar-nav .nav-link {
  color: #16173d88;
}

.navbar-light a:hover {
  color: #16173d !important;
}

/* NAVBAR END */

/* BACKGROUND ELEMENTS START */

#purplegreenRow {
  background: url("../img/pattern_1.png") no-repeat top center;
  background-size: 100vw;
}
#purplegreenRow_absolute {
  background: url("../img/pattern_1.png") no-repeat top center;
  background-size: 100vw;
  position: absolute;
  width: 100%;
  height: 100%;
}
#greenpurpleRow {
  background: url("../img/pattern_2.png") no-repeat top center;
  background-size: 100vw;
}
#greenpurpleRow_absolute {
  background: url("../img/pattern_2.png") no-repeat top center;
  background-size: 100vw;
  position: absolute;
  width: 100%;
  height: calc(100% + 50px);
  top: -50px;
  /* z-index: 2; */
}

#footerblueRow {
  background: #16173d;
  background-image: url("../img/oblique_top.png");
  background-repeat: no-repeat;
  background-position: top, bottom center, bottom;
  background-size: 100vw;
  /* height:560px; */
}

#blueRow {
  /* border: 1px solid red; */
  background-image: url("../img/oblique_top.png"),
    url("../img/oblique_bottom.png"),
    linear-gradient(
      to bottom,
      #16173d,
      #1b1a4a,
      #211c58,
      #291e65,
      #321f72,
      #38207b,
      #3f2084,
      #46208d,
      #4b2195,
      #4f229c,
      #5422a4,
      #5923ac
    );
  background-repeat: no-repeat;
  background-position: top, bottom center, bottom;
  padding: 80px 0 40px 0;
  background-size: 100vw;
  /* min-height: 700px; */
}
#blueRow-hire {
  background-image: url("../img/oblique_top.png"),
    linear-gradient(
      to bottom,
      #16173d,
      #1b1a4a,
      #211c58,
      #291e65,
      #321f72,
      #38207b,
      #3f2084,
      #46208d,
      #4b2195,
      #4f229c,
      #5422a4,
      #5923ac
    );
  background-repeat: no-repeat;
  background-position: top, bottom center, bottom;
  padding: 80px 0 40px 0;
  background-size: 100vw;
  /* min-height: 450px; */
}

#blueRowContacts {
  background-image: url("../img/oblique_top.png"),
    linear-gradient(
      to bottom,
      #16173d,
      #1b1a4a,
      #211c58,
      #291e65,
      #321f72,
      #38207b,
      #3f2084,
      #46208d,
      #4b2195,
      #4f229c,
      #5422a4,
      #5923ac
    );
  background-repeat: no-repeat;
  background-position: top, bottom center, bottom;
  padding: 80px 0 -20px 0;
  background-size: 100vw;
  min-height: 700px;
}

#blueRowMap {
  background-image: url("../img/oblique_top.png"),
    url("../img/decoration_worldMap.png"), url("../img/oblique_bottom.png"),
    linear-gradient(
      to bottom,
      #16173d,
      #1b1a4a,
      #211c58,
      #291e65,
      #321f72,
      #38207b,
      #3f2084,
      #46208d,
      #4b2195,
      #4f229c,
      #5422a4,
      #5923ac
    );
  background-repeat: no-repeat;
  background-position: top, bottom center, bottom;
  padding: 80px 0 40px 0;
  /*  background-size: 100%; */
  min-height: 700px;
}

#RowMap {
  background-image: url(../img/map_track@2x.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 80vw;
  min-height: 700px;
}

/* BACKGROUND ELEMENTS END */

/* FOOTER ELEMENTS START */

#footerTop {
  background: url("../img/decoration_footer.png") no-repeat right bottom;
  background-color: #16173d;
}
#footerMiddle {
  background-color: #262951;
}
#footerBottom {
  background-color: #16173d;
  /* height:50px; */
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.85rem;
  /* border-top: 66px #6719e0;
  border: 4px #6719e0; */
}
div#footerMiddle a {
  font-weight: 500;
}
/* FOOTER ELEMENTS END */

/* TYPO STYLE START*/

p {
  font-size: 0.9rem !important;
  line-height: 1.9rem !important;
  color: #16173d !important;
  font-weight: 400;
}

b,
.bold {
  font-weight: 700;
}

.nota {
  font-style: italic;
  font-size: 0.8rem !important;
  line-height: 1.3rem;
  font-weight: 300;
}

a {
  font-weight: 700;
  text-decoration: none;
  color: inherit;
}

a.nobold {
  font-weight: 400;
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: inherit !important;
  text-decoration: none;
}

i.fab {
  font-weight: 400 !important;
  font-size: larger;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 300 !important;
}

/*
h1,h2,h3,h4{
width: 70%;}
*/

h1 {
  font-size: 1.9rem !important;
  line-height: 2.8rem !important;
  color: #16173d !important;
}

h2 {
  font-size: 1.7rem !important;
  line-height: 2.6rem !important;
  color: #16173d !important;
}

h3 {
  font-size: 1.5rem !important;
  line-height: 2.4rem !important;
  color: #16173d !important;
}

h4 {
  font-size: 1.3rem !important;
  line-height: 2.2rem !important;
  color: #16173d !important;
}

h5 {
  font-size: 0.8rem !important;
  line-height: 1.8rem !important;
  color: #6719e0 !important;
  text-transform: uppercase;
}

.line,
.line-right {
  align-items: center;
  position: relative;
}

.line:before {
  content: "";
  border-top: 1px solid;
  margin: 12px 10px 0 0;

  display: block;
  position: relative;
  float: left;

  width: 40px;
}
.line-right:before {
  content: "";
  border-top: 1px solid;
  margin: 12px 0 0 10px;

  display: block;
  position: relative;
  float: right;

  width: 40px;
}

.line-r {
  align-items: center;
  position: relative;
}

.line-r:before {
  content: "";
  border-top: 1px solid;
  margin: 12px 0 0 10px;

  display: block;
  position: relative;
  float: right;

  width: 40px;
}

.help-block.with-errors {
  font-size: 0.8rem;
  color: red;
  text-align: center;
}

/* TYPO STYLE END */

/* BUTTONS STYLE START*/

button,
input.button {
  padding: 10px 20px !important;
  margin: 15px !important;
  height: auto !important;
  border: 2px solid !important;
  border-radius: 50px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.9rem !important;
}

button:hover,
input.button:hover {
  transition: 0.4s;
  cursor: pointer;
}

button.primary,
input.button-primary {
  color: #6719e0;
  background-color: rgba(256, 256, 256, 0);
}

button.primary:hover,
input.button-primary:hover {
  background-color: rgba(103, 25, 224, 1);
  border: 2px solid rgba(103, 25, 224, 1);
  color: white;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
}

button.green {
  border-color: #13fac8 !important;
  color: #13fac8;
  background-color: rgba(256, 256, 256, 0);
}

button.green:hover {
  background-color: rgba(19, 250, 200, 1);
  border: 2px solid rgba(19, 250, 200, 1);
  color: #16173d;

  -webkit-box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.3);
  -moz-box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.3);
  box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.3);
}

button.fill {
  transition: 0.4s;
  border-color: #13fac8 !important;
  color: #16173d;
  background-color: #13fac8;
}

/* button.fill:hover {
  background-color: rgba(255, 255, 255, 0.4);
  border: 2px solid #16173d !important;
} */
button.fill_out {
  transition: 0.4s;
  border: 2px solid #13fac8 !important;
  background-color: transparent;
  color: #13fac8;
}
button.fill:hover {
  background-color: transparent;
  color: #13fac8;
}

button.fill_out:hover {
  color: #16173d;
  background-color: #13fac8;
}

button.small {
  padding: 4px 10px !important;
  background-color: rgba(103, 25, 224, 0.2) !important;
  border: none !important;
  color: rgba(103, 25, 224, 1) !important;

  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

button.small:hover {
  background-color: rgba(103, 25, 224, 0.4) !important;
}
span.small {
  padding: 4px 10px;
  background-color: rgba(103, 25, 224, 0.2);
  border: none;
  color: rgba(103, 25, 224, 1);
  font-size: 0.8rem;
  font-weight: 500;
  margin: 15px;
  border-radius: 50px;
  text-transform: uppercase;
}

button.violet {
  transition: 0.4s !important;
  background-color: transparent;
  padding: 10px 20px;
  border: 2px solid #6719e0 !important;
  border-radius: 100px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.9rem !important;
  height: auto !important;
  color: #6719e0 !important;
  cursor: pointer;
}
button.violet:hover {
  color: #fff !important;
  background-color: #6719e0;
}

button.dark {
  border-color: #16173d !important;
  color: #16173d;
  background-color: rgba(255, 255, 255, 0);
}

button.dark:hover {
  background-color: rgba(19, 250, 200, 1);
  border: 2px solid rgba(19, 250, 200, 1);
  color: #16173d;

  -webkit-box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.3);
  -moz-box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.3);
  box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.3);
}

button.small.green {
  padding: 4px 10px;
  background-color: rgba(19, 250, 200, 0.2);
  border: none;
  color: rgba(19, 250, 200, 1);
  border-radius: 50px !important;
  margin: 15px !important;
  font-size: 0.8rem;
  font-weight: 500;
}

button.small.green:hover {
  background-color: rgba(19, 250, 200, 0.4);
}
/* BUTTON STYLE END */

/* TEAM BOARD & BUTTONS */

.complex_button {
  height: 60px;
  width: 100%;
  max-width: 330px;
  /* clear: both; */
  /* margin: 0 !important; */
  background-color: rgba(19, 250, 200, 0.1);
  border: none;
  color: rgba(19, 250, 200, 1);
  /* text-align: left; */
  font-weight: 300;
}
.complex_button_green {
  background-color: rgba(19, 250, 200, 0.2);
  border: none;
  color: rgba(19, 250, 200, 1);
  border: none !important;
  padding: 5px 10px 3px !important;
}
.complex_button:hover,
.complex_button_green:hover {
  background-color: rgba(19, 250, 200, 0.2);
  cursor: pointer;
}

.complex_button img {
  width: 50px;
  transform: rotate(-10deg);
  position: relative;
  top: -20px;
  float: left;
  margin: 0px 15px 0px 10px;
}

.complex_button.content {
  float: right;
  margin-left: 40px;
}

.complex_button.violet {
  background-color: rgba(103, 25, 224, 0.2) !important;
  color: rgba(103, 25, 224, 1);
}

.complex_button.violet:hover {
  background-color: rgba(103, 25, 224, 0.3) !important;
}

/* TEAM BOARDS AND BUTTONS END */

/* PARTNERS BOX START */

.card-q,
.modal-content {
  padding: 40px;
  margin-bottom: 40px;
  border-radius: 10px !important;
  /*display: block;*/
  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  border: none;
  transition: 1s;
}

.modal-content {
  padding: 10px !important;
}

.card-q-partners {
  /* padding: 20px !important; */
  max-width: 260px;
  margin: 0 auto;
}

.card-q-img-overlay {
  top: 50%;
  /*    left: 50%;
    transform: translate(-50%, -50%); */
  background-color: transparent !important;
  border: none !important;
}

/* PARTNERS BOX END */

/* RETURN TO TOP START */

#back-to-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  display: block;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
}

.circle-up-to-1 {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background-color: #6719e0;
  border: 8px solid #ffffff;
  z-index: 2;
  color: #ffffff;

  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.3);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.3);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.3);

  display: inline-block;
}

.circle-up-to-1 i {
  width: 66px;
  height: 66px;
  padding: 10px 10px;
  font-size: 30px !important;
}

.circle-up-to-1 i:hover {
  top: -4px;
  transition: 1s;
  color: #ffffff;
}

.circle-up-to-1:hover {
  transition: 1s;
  cursor: pointer;
  background-color: rgba(103, 25, 224, 0.8);
}

.circle-green {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(19, 250, 200, 1);
  padding: 10px 13px;

  display: inline-block;
  margin-left: 10px;
}

.circle-green:hover {
  background-color: rgba(19, 250, 200, 0.6);
  cursor: pointer;
}

/* RETURN TO TOP END */

/* CIRCLES AND CHECKLIST START */

.circle-violet-xs {
  width: 25px;
  height: 25px;
  border-radius: 100% !important;
  background-color: rgba(103, 25, 224, 1);
  padding: 10px;
  margin: 0 5px;
  color: #ffffff;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.circle-violet-xs > i {
  font-size: 0.75rem;
}
.circle-violet {
  width: 40px;
  height: 40px;
  border-radius: 100% !important;
  background-color: rgba(103, 25, 224, 1);
  padding: 10px;
  display: inline-block;
  margin: 10px;
  color: #ffffff !important;
}
.circle-violet-2x {
  width: 55px;
  height: 55px;
  border-radius: 100% !important;
  background-color: rgba(103, 25, 224, 1);
  padding: 10px;
  display: inline-block;
  margin: 10px;
  color: #ffffff !important;
}
.circle-dark-2x {
  width: 55px;
  height: 55px;
  border-radius: 100% !important;
  background-color: rgb(32, 28, 39);
  padding: 10px;
  /* display: inline-block; */
  margin: 10px;
  color: #ffffff !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.circle-violet:hover,
.circle-violet-xs:hover,
.circle-violet-2x:hover,
.social-media:hover .circle-dark-2x {
  background-color: rgba(103, 25, 224, 0.8);
  cursor: pointer;
}
.circle-violet-2x i,
.circle-dark-2x i {
  font-size: 24px !important;
}

.checklist {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: rgba(103, 25, 224, 0.1);
  padding: 3px 2px;
  margin-right: 8px;
  color: rgba(103, 25, 224, 1);
  float: left;
}

.checklist.acidGreen {
  background-color: rgba(19, 250, 200, 0.1) !important;
  color: rgba(19, 250, 200, 1) !important;
}

li p,
ul {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  content: none;
  list-style-type: none;
}

.clear {
  clear: both;
}

hr {
  height: 2px;
  background-color: rgba(103, 25, 224, 0.2);
}

button.dark {
  border: 2px solid #16173d;
  color: #16173d;
  background-color: rgba(255, 255, 255, 0);
}

button.dark:hover {
  background-color: rgba(19, 250, 200, 1);
  border: 2px solid rgba(19, 250, 200, 1);
  color: #16173d;

  -webkit-box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.3);
  -moz-box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.3);
  box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.3);
}

button.small.green {
  padding: 4px 10px;
  background-color: rgba(19, 250, 200, 0.2);
  border: none;
  color: rgba(19, 250, 200, 1);

  font-size: 0.8rem;
  font-weight: 500;
}

button.small.green:hover {
  background-color: rgba(19, 250, 200, 0.4);
}

.bkg_dark {
  background-color: #16173d;
  min-height: 40px;
}

.circle-down-to-1 {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background-color: rgba(19, 250, 200, 1);
  border: 8px solid #ffffff;
  color: #16173d;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.4);
  -moz-box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.4);
  box-shadow: 0px 20px 30px 0px rgba(19, 250, 200, 0.4);
  margin: 0px -30px;
  display: inline-block;
  right: 50%;
  position: absolute;
  bottom: 20px;
}

.circle-down-to-1 > i {
  width: 66px;
  height: 66px;
  padding: 12px 13px;
}

.circle-down-to-1 > i:hover {
  top: -5px;
  transition: 1s;
  color: #fff;
}

.circle-down-to-1:hover {
  transition: 1s;
  cursor: pointer;
  background-color: rgba(103, 25, 224);
  color: #fff;
}

.number-circle {
  color: rgba(103, 25, 224, 1);
  font-size: 1rem;
  font-weight: bold;
  --size: 45px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  background: rgba(103, 25, 224, 0.1);
  border-radius: 50%;
  text-align: center;
  float: left;
  margin-right: 10px;
}

/* CIRCLES AND CHECKLIST START END */

/* DONATIONS CHECKBOX */

.collapse-box {
  display: none;
}

input[type="checkbox"]:checked ~ div.collapse-box {
  display: block;
}

.collapse-radio {
  display: none;
}

/* END DONATIONS CHECKBOX */

/* NAVBAR START */

.navbar {
  /* height: 90px; */
  padding: 0 5%;
  background-color: #16173d;
  z-index: 999;
}
.navbar_chevron {
  position: absolute;
  top: 13px;
  right: 0px;
  color: rgba(0, 0, 0, 0.5);
}
.nav-link:hover .navbar_chevron {
  color: #16173d;
}
.align-middle:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.nav-link.active {
  font-weight: 700;
  cursor: pointer;
  transition: 1s;
}

.navbar-light .navbar-nav .active > .nav-link > div,
.nav-link:hover > div,
.navbar-dark .navbar-nav .active > .nav-link > div,
.nav-link:hover > div {
  background-color: #6719e0, #13fac8;
  background: #6719e0;
  background: -moz-linear-gradient(45deg, #6719e0, #13fac8);
  background: -webkit-linear-gradient(45deg, #6719e0, #13fac8);
  background: linear-gradient(45deg, #6719e0, #13fac8);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6719E0', endColorstr='#13FAC8',GradientType=0 );
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  height: 4px;
  /* width: 100%; */
}
/*
.navbar-light .navbar-nav .active>.nav-link > span, .nav-link:hover > span {
   width: 40px;
   display: block;
   border-bottom: solid 4px;
   border-image-source: linear-gradient(45deg, #6719E0, #13FAC8);
   border-image-slice: 1;
   padding-bottom: 15px;
   margin-left: auto;
   margin-right:auto;
}
*/

.nav-link > div {
  width: 40px;
  display: block;
  height: 4px;
  background: transparent;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}
.dropdown-menu {
  top: auto;
  color: #262951;
  background-color: #f4f5f7;
  border-radius: 10px;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  border: 0;
}

a.dropdown-item:hover {
  background-image: linear-gradient(45deg, #6719e0, #13fac8);
  color: #fff !important;
}

/* NAVBAR END */

/* MEMBERS START */

.member {
  clear: both;
  padding: 20px 0 20px 0;
}

.member_circle {
  width: 130px;
  height: auto;
  position: relative;
  float: left;
  margin-right: 30px; /* questa sicuramente sarà poi da togliere*/
}

.member_social {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.member_circle > img {
  border-radius: 100%;
  width: inherit;
  -webkit-box-shadow: 0px 3px 30px 0px rgba(22, 23, 61, 0.2);
  -moz-box-shadow: 0px 3px 30px 0px rgba(22, 23, 61, 0.2);
  box-shadow: 0px 3px 30px 0px rgba(22, 23, 61, 0.2);
}

.box-member {
  width: 85%;
  max-width: 480px;
  float: left;
  padding: 0 15px 0 15px;
}

.member_description {
  display: inline;
  clear: both;
}
.member_description p {
  font-size: 0.8rem !important;
  line-height: 1.5rem !important;
  min-height: 130px;
}

.member_description span {
  line-height: 1.5rem;
}

.member_name {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #16173d;
  display: block;
  font-weight: 700;
}

.member_profession {
  font-size: 0.8rem;
  line-height: 1.8rem !important;
  color: #6719e0;
  text-transform: uppercase;
  display: block;

  margin-bottom: 5px;
}

.team_category {
  font-weight: 700 !important;
  opacity: 0.2;
  font-size: 1.8rem !important;
  margin-bottom: 1rem;
}

/* MEMBERS END */

/* FOUNDERS START */

.founderRow {
  /* padding-bottom: 0px !important; */
  min-height: 400px;

  /* margin-bottom: 0px !important; */
}

.member_founder {
  width: 85%;
  /* margin: 4%; */
  display: inline-block;
  position: relative;
  top: -150px;
}

.founder_block .cut_bottom {
  width: 100%;
  bottom: -20px;
  border: none;
  position: relative;
}

.founder {
  clear: both;
}

.founder_circle {
  position: relative;
}

.founder_social {
  position: absolute;
  bottom: -5%;
  width: 100%;
}

.founder-circle-green {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgba(19, 250, 200, 1);
  padding: 10px 13px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: 80px;
  top: -15px;
}

.founder_content {
  text-align: center;
}

.founder img {
  width: 80%;
  max-width: 420px;
  height: auto;
  position: relative;
  border-radius: 100%;
  display: block;
  -webkit-box-shadow: 0px 3px 30px 0px rgba(22, 23, 61, 0.2);
  -moz-box-shadow: 0px 3px 30px 0px rgba(22, 23, 61, 0.2);
  box-shadow: 0px 3px 30px 0px rgba(22, 23, 61, 0.2);
  margin-bottom: 1rem;
}

.founder_content p {
  color: #ffffff;
  padding: 0rem;
  margin: 0rem;
}

.founder_content h3 {
  font-weight: 700;
  color: #ffffff;
  margin-top: 2rem;
}

.founder_content h5 {
  text-align: center;
  padding: 0.2rem;
  margin: 0.2rem;
}

/* NEWS FEED START */

.news {
  display: inline-block;
  margin: 2.7%;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.02);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.02);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.02);
  transition: 1s;
  height: 95%;
}

.news:hover {
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  transition: 1s;
  cursor: pointer;
}

.news_cover {
  height: 232px;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
  background: linear-gradient(rgba(103, 25, 224, 0.1), rgba(103, 25, 224, 0.1)),
    url(https://quadrans.io/assets/css/nasa-63032-unsplash_1500px.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.news_cover:hover {
  background: linear-gradient(rgba(103, 25, 224, 0.5), rgba(103, 25, 224, 0.5));
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 1s;
}

.news_cover img {
  max-width: 100%;
  height: auto;
  position: relative;
}

.news_cover img::before {
  content: "\E87C";
  color: red;
}

.news_content {
  padding: 40px;
}

.news_tag {
  font-size: 0.8rem;
  line-height: 1.8rem;
  color: #6719e0;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}

.news_title {
  font-size: 1rem;
  line-height: 1.8rem;
  color: #16173d;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
}

.news_abstract {
  font-size: 0.8rem;
  line-height: 1.5rem;
  color: #16173d;
  margin-bottom: 20px;
}

.news_date {
  font-size: 0.8rem;
  line-height: 1.8rem;
  color: #6719e0;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
  opacity: 0.5;
}

.container_news {
  position: relative;
  width: 100%;
  /*  height: 100%; */
  overflow: hidden;
}

.image_news {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0px 0px;
  background-color: rgba(103, 25, 224, 0.2);
}

.overlay_news {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.3;
  transition: 0.3s ease;
  background-color: rgba(103, 25, 224, 0.5);
  border-radius: 10px 10px 0px 0px;
  color: rgba(255, 255, 255, 0);
}

/* When you mouse over the container, fade in the overlay icon*/
.container_news:hover .overlay_news {
  opacity: 1;
  color: rgba(255, 255, 255, 1);
}

/* The icon inside the overlay is positioned in the middle vertically and horizontally */
.icon_news {
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.size_x2 {
  font-size: 4rem !important;
}

.inline-block {
  display: inline-block;
}

.vediTutte {
  position: relative;
  margin-left: 20px;
  top: -5px !important;
}

/* NEWS FEED END */

/* USE CASES START */

.use_cases {
  display: inline-block;
  margin: 2.7%;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.02);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.02);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.02);
  transition: 1s;
  height: 95%;
}

.use_cases:hover {
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  transition: 1s;
}

.use_cases_cover {
  height: 232px;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
  background: linear-gradient(rgba(103, 25, 224, 0.1), rgba(103, 25, 224, 0.1)),
    url(https://quadrans.io/assets/css/nasa-63032-unsplash_1500px.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.use_cases_cover:hover {
  background: linear-gradient(rgba(103, 25, 224, 0.5), rgba(103, 25, 224, 0.5));
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 1s;
}

.use_cases_cover img {
  max-width: 100%;
  height: auto;
  position: relative;
}

.use_cases_cover img::before {
  content: "\E87C";
  color: red;
}

.use_cases_content {
  padding: 40px;
}

.use_cases_tag {
  font-size: 0.8rem;
  line-height: 1.8rem;
  color: #6719e0;
  text-transform: uppercase;
  display: block;
  margin-bottom: 20px;
}

.use_cases_title {
  font-size: 1rem;
  line-height: 1.8rem;
  color: #16173d;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
}

.use_cases_abstract {
  font-size: 0.8rem;
  line-height: 1.5rem;
  color: #16173d;
  margin-bottom: 20px;
}

.use_cases_date {
  font-size: 0.8rem;
  line-height: 1.8rem;
  color: #6719e0;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
  opacity: 0.5;
}

.container_use_cases {
  position: relative;
  width: 100%;
  /*  height: 100%; */
  overflow: hidden;
}

.image_use_cases {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0px 0px;
  background-color: rgba(103, 25, 224, 0.2);
}

.image_grants {
  height: 180px;
}
.grants_paragraph {
  height: 150px;
}
.coming_grant {
  background-color: #6719e00d;
  border-radius: 10px;
}
.coming_grant button {
  padding: 3px 7px !important;
  border: none !important;
  background-color: #6719e033;
}

.overlay_use_cases {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.3;
  transition: 0.3s ease;
  background-color: rgba(75, 100, 216, 0.4);
  border-radius: 10px 10px 0px 0px;
  color: rgba(255, 255, 255, 0);
}

/* When you mouse over the container, fade in the overlay icon*/
.container_use_cases:hover .overlay_use_cases {
  opacity: 1;
  color: rgba(255, 255, 255, 1);
}

.button_use_cases {
  background-color: rgb(226 230 249) !important;
  color: rgb(75 100 216) !important;
  padding: 4px 10px !important;
  border: none !important;
  border-radius: 50px !important;
  margin: 15px !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

/* USE CASES END */

/* ACCORDION START */

.tabs {
  overflow: hidden;
}
.tab {
  width: 100%;
  color: #16173d;
  overflow: hidden;

  margin: 2rem 0rem;

  background: white;
  border-radius: 20px;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab-label {
  display: flex;
  justify-content: space-between;

  font-weight: bold;
  cursor: pointer;
  /* Icon */

  padding: 12px 40px 12px 40px;
}

.tab-label h4 {
  font-size: 1.1rem;
  margin: 0px;
}

.tab-label:hover {
  background: white;
}
.tab-label::after {
  content: "\276F";

  width: 40px;
  height: 40px;

  text-align: center;
  transition: all 0.35s;

  background-color: #13fac8;
  border-radius: 100%;
}

.tab-content {
  /*	 max-height: 0; */
  color: #16173d;
  background: transparent;
  transition: all 0.35s;
}

.tab-content span {
  padding: 12px 40px 12px 40px;
}

.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: white;
  cursor: pointer;
}

input:checked + .tab-label {
  background: white;
}
input:checked + .tab-label::after {
  transform: rotate(90deg);
}
input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em;
}

input:checked h4 {
  font-weight: 700 !important;
}

.quote {
  border-left: 8px solid #13fac8;
  /*font-style: italic;*/
  font-size: 0.8rem;
  /*font-weight: bold!important;*/
  margin: 20px;
  padding-left: 20px;
  line-height: 1.5rem;
  color: #16173d !important;
  background: #f7f7f7;
}

.faq_tab {
  background-color: white;
  border-radius: 10px;

  margin: 0px 0px 20px;
  clear: both;
}

.faq_title {
  width: 90%;
  font-weight: bold;
  color: inherit;
  padding: 25px 25px;
  margin: 0px;
  display: inline-block;
  font-weight: 700 !important;
  font-size: 1.2rem;
  color: #16173d !important;
}

.faq_title.collapsed {
  font-weight: 300 !important;
}

.faq_content {
  padding: 0px 25px 25px 25px;
  display: block;
  transition: all 0.3s ease;
}

.faq_arrow {
  color: #16173d !important;
  padding-top: 2px;
  margin: 1.5vh 2vh;
  float: right;
  width: 40px;
  height: 40px;
  text-align: center;
  transition: all 0.35s;
  background-color: rgba(19, 250, 200, 1);
  border-radius: 100%;
  /*  position: absolute; 
  right: 20px; */
}

.faq_arrow.collapsed:after {
  transform: rotate(180deg);
  transition: 0.5s;
}

.faq_arrow:after {
  font-family: "Material Icons";
  font-size: 24px;
  content: "\e316";
  transition: all 0.5s;
}

.faq_arrow.collapsed:after {
  content: "\e313";
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 65%;
  position: relative;
  height: 0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

/* ACCORDION END */

/*Developer Start*/
.clickable {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1;
}

.download_box {
  width: 210px;
  height: 230px;
  text-align: center;
  margin: 0.9em;
  margin: 0 40px 40px 0;
  padding: 20px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 10px;
  min-width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.download_box:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  transition: 1s;
}

.download_box.word:hover {
  -webkit-box-shadow: 0px 20px 30px 0px rgba(75, 100, 216, 0.3);
  -moz-box-shadow: 0px 20px 30px 0px rgba(75, 100, 216, 0.3);
  box-shadow: 0px 20px 30px 0px rgba(75, 100, 216, 0.3);
}

.download_box img {
  width: 80px;
}

.download_box .image {
  opacity: 0.2;
  filter: grayscale(100%);
}

.download_box:hover .image {
  opacity: 1 !important;
  transition: 0.8s;
  filter: grayscale(0);
}

/*.download_box:last-of-type{
  margin-right: 0%!important;
}*/
/*Developer End*/
/*Tutorial Start*/
.tutorial {
  display: inline-block;
  margin: 15px 0;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  width: 100%;
}

.tutorial:hover {
  background-color: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  transition: 1s;
  cursor: pointer;
}

.tutorial_content {
  overflow-y: auto;
  padding: 20px;
  height: 100px;
}
.tutorial_title {
  font-size: 0.9rem;
  line-height: 1.8rem;
  color: #16173d;
  display: block;
  font-weight: 700;

  margin-bottom: 0px;
}
.tutorial_date {
  font-size: 0.8rem;
  line-height: 1.8rem;
  color: #16173d;
  display: block;
  font-weight: 400;
  opacity: 0.4;
  margin-bottom: 20px;
}
.container_tutorial {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px;
  overflow: hidden;
  text-align: center;
}

.image_tutorial {
  border-radius: 10px 10px 0px 0px;
  width: 100%;
  height: auto;
}

.overlay_tutorial {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.3;
  transition: 0.3s ease;
  background-color: rgba(19, 250, 200, 0.4);
  border-radius: 10px 10px 0px 0px;
  color: rgba(255, 255, 255, 0);
}

.container_tutorial:hover .overlay_tutorial {
  opacity: 1;
  color: rgba(255, 255, 255, 1);
}

.tutorial:hover .icon_tutorial,
.icon_tutorial {
  font-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
/*Tutorial End*/

/* Explorer Customisation */

.pagination li.active {
  color: #16173d;
}
.pagination li {
  margin: 0 3px 0 3px;
  color: #5b9bd1;
}
.page-header {
  height: auto !important;
}

.portlet.light > .portlet-title > .caption > i {
  font-weight: 700 !important;
}

.dashboard-stat2,
.dashboard-stat2 .display {
  margin-bottom: 0px;
}

.dashboard-stat2 .display .number {
  margin-left: 10px;
}

.dashboard-stat2 .display .icon {
  float: left;
  padding: 30px 0 0;
}
.dashboard-stat2 .display .icon > i {
  color: #7bcc3a;
  font-size: 35px !important;
}

.dataTable a {
  font-weight: 400;
}
.btn-info {
  background-color: #f4f5f7;
  border-color: #f4f5f7;
}

.page-head .page-title > h1 > small {
  font-size: 16px;
  font-weight: 500;
}

.todo-tasklist-item {
  background: rgba(255, 255, 255, 0.4);
}

.container-img {
  width: 100%;
  padding: 30px;
}

.glider-next.disabled,
.glider-prev.disabled {
  color: #666;
  opacity: 0.9;
}

.glider-next,
.glider-prev {
  color: white;
  font-size: 30px !important;
  border: 0 !important;
}

.glider-next {
  right: -50px !important;
}

.glider-prev {
  left: -50px !important;
}

.glider-track {
  margin-bottom: 40px !important;
}

@media (max-width: 600px) {
  .carousel h2 {
    font-size: 1.5rem !important;
    line-height: 1.8rem !important;
    margin-top: 65px !important;
  }
}
@media (max-width: 1616px) {
  .carousel-indicators li {
    border-bottom: none !important;
  }
}
@media (min-width: 1110px) and (max-width: 1368px) {
  /*  .news_abstract {
    display: none; 
  } */
  .news_title {
    font-size: 0.8rem !important;
  }
  .news_date {
    font-size: 0.7rem !important;
  }
}
@media (min-width: 992px) and (max-width: 1249px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0 !important;
    padding-left: 0.05rem !important;
  }
}
@media (max-width: 1199.98px) {
  .carousel-indicators {
    display: none;
  }
  .carousel-item {
    bottom: 0px;
  }
  h2 {
    font-size: 1.6rem !important;
    line-height: 2.4rem !important;
  }
  .news_title {
    font-size: 0.8rem !important;
  }
  .news {
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
    -moz-box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(103, 25, 224, 0.2);
  }
  .tutorial {
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
  }
  .navbar {
    height: auto !important;
  }
}
@media (min-width: 991.01px) and (max-width: 1190px) {
  #airdrop,
  #staking,
  #mining {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .navbar-collapse {
    background-color: white;
    border-radius: 5px;
  }
  .nav-link > div {
    display: none !important;
  }
  .navbar_chevron {
    position: static;
  }
  #airdrop,
  #staking,
  #mining {
    text-align: center;
  }
  .navbar-collapse a,
  .navbar-collapse a:hover,
  .navbar-dark .navbar-collapse a:hover {
    color: rgba(0, 0, 0, 0.5) !important;
  }
  .member_founder_holder {
    margin-bottom: 70px;
  }
  .download_button_wrapper_green,
  .download_button_wrapper_light {
    border-left: none !important;
  }
  .interest_item_column {
    column-count: 1 !important;
    column-gap: 0px !important;
    width: 100% !important;
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 766.99px) {
  .member_circle {
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    width: 240px !important;
  }
  .member {
    padding-bottom: 5px !important;
  }
  .member_social {
    right: 25px !important;
  }
  .card {
    padding: 20px 20px !important;
  }
}
@media (max-width: 791px) and (min-width: 640px) {
  .search-form {
    width: 250px;
  }
}
@media (max-width: 639px) {
  .search-form {
    width: 260px;
  }
  .search-form.open {
    width: 320px !important;
    transition: width 0.4s;
  }
}

/* End Explorer Customisation */
/* start custom style */
.absolute_right_bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.donateCard {
  overflow: hidden;
  position: relative;
  top: -40px;
  z-index: 2;
  margin-bottom: 0;
}
.applyCard {
  overflow: hidden;
  position: relative;
  /* top:-120px;  */
  z-index: 2;
  /* margin-bottom:0;  */
  height: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding:20px !important; */
}
.footer_blueRow_wrapper {
  padding: 70px 0 0;
  overflow: hidden;
}
.footer_blueRow_background {
  position: absolute;
  top: 0px;
  width: 100%;
}
.card_wrapper {
  padding: 0 7%;
  margin: 0;
}
.donate_image {
  position: relative;
  left: -41px;
  width: 95%;
}
.founderRow_wrapper {
  padding: 100px 0 20px;
  /* border:1px solid red; */
}
.scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-y {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.download_button_wrapper_green {
  border-left: 4px solid #13fac81a;
}
.download_button_wrapper_light {
  border-left: 4px solid #e4e4e4;
}
button.download_button {
  border: none !important;
  height: 70px !important;
}
.upload_doc {
  transition: 0.2s;
  cursor: pointer;
  text-decoration: underline !important;
  font-weight: 400;
  color: #13fac8e3 !important;
}
.upload_doc:hover {
  color: #13fac8 !important;
}

i.icon_violet {
  color: #6719e0 !important;
  min-width: 25px;
  /* border: 1px solid blue; */
}
i.icon_dark {
  color: #16173d !important;
  min-width: 30px;
  /* border: 1px solid blue; */
}

.interest_item {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 10px #6919e059;
}
.interest_item_column {
  column-count: 2;
  column-gap: 100px;
  width: calc(83.333333% + 3rem) !important;
}
.fa-circle {
  position: relative;
  top: 8px;
}
.subscribe_input {
  outline: none;
  background-color: transparent !important;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 10px 0 5px;
  width: 100%;
  margin-bottom: 20px;
}
.subscribe_input:focus::placeholder,
.required-input:focus::placeholder {
  color: #02071033;
  font-size: 0.75rem !important;
}
.subscribe_input::placeholder,
.required-input::placeholder {
  color: #020710aa;
  font-weight: bold;
  font-size: 0.75rem !important;
}

.underlined {
  text-decoration: underline !important;
}
.checkbox_label {
  /* display: inline; */
  position: relative;
  padding-right: 25px;
  top: -7px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox_label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  border: 1px solid #ccc;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
}
.checkbox_label:hover input ~ .checkmark {
  background-color: #ccc;
}
.checkbox_label input:checked ~ .checkmark {
  background-color: #3b3b3b;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox_label input:checked ~ .checkmark:after {
  display: block;
}
.checkbox_label .checkmark:after {
  left: 5px;
  top: 0px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.process_list_title {
  width: 300px;
}
.process_list {
  padding-right: 80px;
  padding-top: 20px;
  /* text-align: justify; */
  border-top: 3px solid #6719e0;
  width: 300px;
}

.process_list::after {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #6719e0;
  top: -13px;
  left: 0px !important;
}
.py_100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.px_100 {
  padding-left: 100px;
  padding-right: 100px;
}
.my_100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.mx_100 {
  margin-left: 100px;
  margin-right: 100px;
}
.footnote {
  border-top: 2px solid #aaa;
  color: #888 !important;
}
.social-media {
  position: relative;
  width: 175px;
  text-align: left;
}

.social-name {
  position: absolute;
  top: 28px;
}
.required-input::after {
  position: relative;
  top: 3px;
  content: "*";
  color: #6719e0;
  font-size: 1.5em;
  margin-left: 5px;
}
.stake-card {
  display: flex;
  border-radius: 10px;
  padding: 30px;
  background-color: #00000028;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 30px !important;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

.modal .close-modal {
  position: absolute;
  top: 35px;
  right: 30px;
  transition: 0.4s;
  text-align: right;
  /* color: rgb(0, 0, 0) !important; */
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  z-index: 2;
}

.modal .close-modal:hover,
.modal .close-modal:focus,
.close-file:hover,
.close-file:focus {
  color: rgb(116, 7, 7) !important;
  text-decoration: none;
  cursor: pointer;
}

.custom_file_upload {
  position: relative;
  color: #6719e0;
  cursor: pointer;
  font-size: 1rem;
}
.close-file {
  position: relative;
  display: none;
  cursor: pointer;
  top: 2px;
  left: 10px;
}
.required-text {
  display: none;
  color: #ff0000 !important;
}

select.form-control {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #ccc !important;
  background-color: transparent;
}

select.form-control:focus {
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ccc !important;
  background-color: transparent;
}
/* time line */

.timeline_area {
}
.single-timeline-area {
}

.timeline-year {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.timeline-year::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  background-color: #ebebeb;
  top: 0;
  right: 10px;
  z-index: 1;
}
.timeline-year::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #6719e0;
  top: 50%;
  right: 6px;
  z-index: 5;
  margin-top: -5.5px;
}
.date-title {
  margin-bottom: 0;
  color: #020710;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.125rem !important;
}
.single-timeline-content {
  /* padding: 5px 0; */
}
.single-timeline-wrapper {
  display: flex;
  flex-wrap: nowrap;
  padding: 10px 0;
  margin-top: 5px;
}
.single-timeline {
  width: 150px;
  height: 110px;
}
.timeline-date {
  position: relative;
  height: 45%;
  border-bottom: 2px solid #6719e0;
  color: #6719e0;
  padding-bottom: 20px;
}
.timeline-date::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #6719e0;
  bottom: -7px;
  left: 0;
}
.timeline-date-content {
  position: relative;
  top: 10px;
}
.timeline-description {
  overflow: hidden;
  height: 55%;
  padding: 10px 10px 0 0px;
}
.timeline-description-holder {
  height: 100%;
  line-height: 1rem !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.timeline-description-content {
  color: #020710;
  font-size: 0.75rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 575px) {
  .timeline-year::after {
    display: none;
  }
  .timeline-year::before {
    display: none;
  }
  .timeline-year {
    padding-top: 10px;
    align-items: flex-end;
  }
  .single-timeline-wrapper {
    padding-top: 0;
    margin-top: 0;
  }
}