body {
  font-family: 'Lexend Deca', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  color: #161616;
}

.position-sticky {
  top: 0;
  z-index: 1000;
}


.slick-list.item_wrapper {
  height: 629px;
}

#carousel-arrows {
  position: relative;
  margin: auto;
  text-align: center;
  width: 170px;
}

#carousel-arrows button.slick-arrow {
  top: -17px;
  position: absolute;
}

#carousel-arrows button.arrow-prev {
  left: 0;
}

#carousel-arrows button.arrow-next {
  right: 0;
}

.border-bottom {
  border-bottom: 2px solid #000000 !important;
  position: relative;
}

.rounded {
  border-radius: .65rem !important;
}

.rounded-xl {
  border-radius: 3rem !important;
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .305) !important;
}

.text-shadow {
  text-shadow: 0 2px 7px #000000;
}

.rounded-top {
  border-top-right-radius: 10rem !important;
  border-top-left-radius: 10rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 1rem !important;
  border-bottom-left-radius: 1rem !important;
}

.border-blue {
  border: 5px solid #c7eff9 !important;
}

.border-orange {
  border: 5px solid #fce6d4 !important;
}

.border-orange-xs {
  border: 2px solid #f28327 !important;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 175px;
  line-height: 27px;
  vertical-align: middle;
  display: inline-block;
}

.buttons-section a.section-link {
  color: #ffff;
  text-decoration: none;
  cursor: pointer;
}

.buttons-section a.section-link:hover {
  color: #f28327;
}

.buttons-section a.section-link.active {
  color: #f28327;

  font-weight: bold;
}

.navbar-toggler {
  font-size: 1.7rem;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .5);
  border-color: rgba(255, 255, 255, .1);
}

.btn-outline-dark {
  color: #fff;
  background-color: transparent;
  border-color: rgba(255, 255, 255, .1);
}

.section_primary, .section_secondary {
  display: none;
}

.section_primary.open, .section_secondary.open {
  display: block;
}

.h5, h5 {
  font-size: 1rem;
}

.white-space-nowrap {
  white-space: nowrap;
}


a:hover {
  text-decoration: none;
}


.tooltip.show {
  opacity: 1;
}


.line-height-1 {
  line-height: 1;
}


.overflow-hidden {
  overflow: hidden;
  position: relative;
}


.btn:focus {
  outline: none;
  box-shadow: none;
}

.font-weight-extra-bold {
  font-weight: 900;
}

.font-weight-semi-bold {
  font-weight: 600;
}

.font-weight-bold {
  font-weight: 800 !important;
}

a {
  color: #0000ee;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  word-break: break-word;
  text-decoration: underline;
}


.bg-dark {
  background: #000000 !important;
}


.bg-blue {
  background-color: #005be7;
}


.bg-pink-light {
  background-color: #fcecec;
}

.bg-blue-light {
  background-color: #e3f2fa;
}

.bg-orange {
  background-color: #f28327;
}

.text-dark {
  color: #000000 !important;
}

.text-gray {
  color: #9b9b9b !important;
}


.text-blue {
  color: #005be6;
}

.text-orange {
  color: #f18227;
}

.header .rounded {
  border-radius: 13px !important;
}


.btn-primary {
  color: #000000 !important;
  background-color: #ffffff;
  border-radius: 5px;
  border-color: #ffffff;
}

.btn-secondary {
  color: #000000 !important;
  background-color: #ffffff;
  border-radius: 5px;
  border-color: #000000;
  border-width: 2px;
}

#carousel-holder .btn-primary, #carousel-arrows .btn-primary {
  height: 55px;
  width: 55px;
  border-radius: 50%;
  background-color: #161616;
  border-color: #161616;
  color: #ffffff !important;
  font-size: 1.9rem;
  z-index: 4;
}

#carousel-holder .btn-primary.active, #carousel-arrows .btn-primary.active {
  background-color: #fce6d4;
  color: #f18227 !important;
  border-color: transparent;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary:hover {
  color: #ffffff !important;
  background-color: #161616;
  border-color: #161616;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, .btn-secondary:hover {
  color: #ffffff !important;
  background-color: #005be6;
  border-color: #005be6;
}


.img-circle {
  height: 160px;
  width: 160px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  margin: auto;
}

.img-square {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 60%;
}

.img-square-methodology {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 70%;
}

#carousel-holder .number-rank {
  position: absolute;
  top: 0;
}

.number-rank {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  line-height: 44px;
  margin: auto;
  background-color: #000000;
  z-index: 3;
}


div#data_length, div#data_paginate,
div#data_2020_length, div#data_2020_paginate,
div#data_2021_length, div#data_2021_paginate,
div#data3_length, div#data3_paginate,
div#data4_length, div#data4_paginate {
  display: none;
}


.heading-holder {
  position: relative;
  border-radius: 3px;
  padding-bottom: 10px;
  padding-top: 15px;
  text-align: center;
  min-width: 94px;

}


.header {
  background: url(images/header-bg.jpg) no-repeat center;
  background-size: cover;
}

.header::before {
  position: absolute;
  top: 807px;
  bottom: 0;
  content: "";
  background: url(images/header-trees.jpg) no-repeat center;
  background-size: cover;
  height: 100%;
  width: 100%;
  right: 0;
  border-left: 0 solid white;
}

.top-five-crypto-ready-states, .the-number-of-crypto-atms, .crypto-google-searches {
  background-color: #ffffff;
}


.most-polluting-cryptocurrencies::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: url(images/bg-shape-blue.svg) no-repeat center;
  background-size: cover;
  min-height: 821px;
}

.environmental-impact-of-crypto-transaction::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: url(images/bg-shape-orange.svg) no-repeat center;
  background-size: cover;
  min-height: 805px;
}

.crypto-climate-outlook::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: url(images/bg-shape-orange-last-section.svg) no-repeat center;
  background-size: cover;
  min-height: 1203px;
}

.methodology-bg {
  background: url(images/methodology-bg.jpg) no-repeat center;
  background-size: cover;
}


.sorting-icons {
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 1rem;
}

#data .sorting-icons, #data3 .sorting-icons {
  color: #005be7;
  border: 1px solid #d2f2fe;
  background-color: #d2f2fe;
}

#data_2021 .sorting-icons, #data_2020 .sorting-icons {
  color: #f18227;
  border: 1px solid #fce6d4;
  background-color: #fce6d4;
}

#data .header-holder .sorting-icons i {
  color: #005be6;
}

#data_2021 .header-holder .sorting-icons i, #data_2020 .header-holder .sorting-icons i {
  color: #f18227;
}

.title-th {
  display: block;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 0px solid #dee2e6;
  padding-bottom: 0px !important;
  padding-top: 5px !important;

}

.sorting .fa-sort-up,
.sorting .fa-sort-down {
  display: none;
}

.sorting_asc .fa-sort-up,
.sorting_asc .fa-sort {
  display: none;
}

.sorting_desc .fa-sort-down,
.sorting_desc .fa-sort {
  display: none;
}

.table .sorting_asc .heading-holder .sorting-icons i, .table .sorting_desc .heading-holder .sorting-icons i {
  color: #ffffff;
}

#data.table .sorting_asc .heading-holder .sorting-icons, #data.table .sorting_desc .heading-holder .sorting-icons {
  color: #ffffff !important;
  background-color: #005be7 !important;
  border-color: #005be7 !important;
}

#data.table .sorting_asc .heading-holder .title-text, #data.table .sorting_desc .heading-holder .title-text,
#data3.table .sorting_asc .heading-holder .title-text, #data3.table .sorting_desc .heading-holder .title-text {
  color: #ffffff !important;
  background-color: #005be7 !important;
  border-color: #005be7 !important;
}

#data_2020.table .sorting_asc .heading-holder .title-text, #data_2020.table .sorting_desc .heading-holder .title-text,
#data_2021.table .sorting_asc .heading-holder .title-text, #data_2021.table .sorting_desc .heading-holder .title-text {
  color: #ffffff !important;
  background-color: #f18227 !important;
  border-color: #f18227 !important;
}

.table .sorting_asc .heading-holder .sorting-icons i, .table .sorting_desc .heading-holder .sorting-icons i {
  color: #ffffff;
}

.heading-holder .title-text {
  border-top-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}

#data.table .heading-holder .title-text, #data3.table .heading-holder .title-text {
  border-top: 2px solid #d2f2fe;
  border-left: 2px solid #d2f2fe;
  border-right: 2px solid #d2f2fe;
}

#data_2020.table .heading-holder .title-text,
#data_2021.table .heading-holder .title-text {
  border-top: 2px solid #fce6d4;
  border-left: 2px solid #fce6d4;
  border-right: 2px solid #fce6d4;
}

.heading-holder .title-text {
  height: 80px;
}

#data.table .sorting_asc .heading-holder .sorting-icons, #data.table .sorting_desc .heading-holder .sorting-icons,
#data3.table .sorting_asc .heading-holder .sorting-icons, #data3.table .sorting_desc .heading-holder .sorting-icons {
  color: #ffffff !important;
  background-color: #005be6 !important;
  border-color: #005be6 !important;
}

#data_2020.table .sorting_asc .heading-holder .sorting-icons, #data_2020.table .sorting_desc .heading-holder .sorting-icons,
#data_2021.table .sorting_asc .heading-holder .sorting-icons, #data_2021.table .sorting_desc .heading-holder .sorting-icons {
  color: #ffffff !important;
  background-color: #f18227 !important;
  border-color: #f18227 !important;
}

.heading-holder .title-icon i {
  font-size: 1.3rem;
}

.table td, .table th {
  vertical-align: middle;
  text-align: center;
  padding: 0;
}

.table tr td:first-child {
  margin-left: 0;
  border-left: 0 solid transparent;
}

.table tr td:last-child {
  margin-right: 0;
  border-left: 0 solid transparent;
  border-right: 0 solid transparent;
}

.table tr td:last-child .td-simulate {
  margin-right: 0;

}

.table tr td {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}

#data.table tr.odd td, #data3.table tr.odd td {
  background-color: #e9f9ff;
}

#data_2020.table tr.odd td, #data_2021.table tr.odd td {
  background-color: #fdf0e5;
}

.table span.td-simulate {
  vertical-align: middle;
  line-height: 40px;
  color: #333333;
  display: block;
  font-weight: 500;
}

.td-simulate.rank span {
  height: 33px;
  width: 33px;
  line-height: 33px;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  margin: auto;
  font-weight: bold;
}

#data .td-simulate.rank span, #data3 .td-simulate.rank span {
  background-color: #005be7;
}

#data_2020 .td-simulate.rank span, #data_2021 .td-simulate.rank span  {
  background-color: #f28327;
}

#data.table tr.odd td.highlighted .td-simulate, #data.table tr.odd td.sorting_1 .td-simulate,
#data3.table tr.odd td.highlighted .td-simulate, #data3.table tr.odd td.sorting_1 .td-simulate {
  background-color: #d2f2fe;
}

.table tr td.sorting_1 .td-simulate {
  font-weight: bold;
}

#data.table tr.odd td:first-child.highlighted .td-simulate, #data.table tr.odd td:first-child.sorting_1 .td-simulate,
#data_2020.table tr.odd td:first-child.highlighted .td-simulate, #data_2020.table tr.odd td:first-child.sorting_1 .td-simulate,
#data_2021.table tr.odd td:first-child.highlighted .td-simulate, #data_2021.table tr.odd td:first-child.sorting_1 .td-simulate,
#data3.table tr.odd td:first-child.highlighted .td-simulate, #data3.table tr.odd td:first-child.sorting_1 .td-simulate {
  background-color: transparent;
}

#data.table tr.odd td.highlighted .td-simulate, #data.table tr.odd td.sorting_1 .td-simulate {
  background-color: #d2f2fe;
}

#data_2020.table tr.odd td.highlighted .td-simulate, #data_2020.table tr.odd td.sorting_1 .td-simulate,
#data_2021.table tr.odd td.highlighted .td-simulate, #data_2021.table tr.odd td.sorting_1 .td-simulate {
  background-color: #fce6d4;
}

#data.table tr td.sorting_1 span {
  font-weight: 900;
  color: #3883ec;
}

#data_2020.table tr td.sorting_1 span, #data_2021.table tr td.sorting_1 span {
  font-weight: 900;
  color: #f18227;
}


table.dataTable {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
  text-align: center;
  padding: 50px;
}


div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
  display: none;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
  display: none;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
  padding-right: 0px;
  padding-left: 0px;
}

.table td, .table th {
  border-top: 0px solid #dee2e6;
  color: #000000;
  font-size: 1rem;
  white-space: nowrap;
}

.table td {
  text-align: center;
}

.table tr:last-child td {
  border-bottom: 1px solid transparent;
}

.table-striped tbody tr {
  background: #fff;
}

.control_lenght {
  background-color: transparent;
  color: #223668;
  text-decoration: none;
  border: 3px solid #223668;
  padding: 0.6rem 3rem;
  border-radius: 25px;
  display: inline-block;
}

.control_lenght:hover {
  text-decoration: none;
  background-color: #223668;
  border: 3px solid #223668;
  color: #ffffff;

}


#methodology a {
  color: #f18227;
  text-decoration: underline;
}

#methodology a:hover {
  text-decoration: none;
}

.display-1 {
  font-size: 4.7rem;
  line-height: 0.9;
}

.display-4 {
  font-size: 1.7rem;
}

.display-2 {
  line-height: 1;
  font-size: 4.2rem;
}

.display-3 {
  font-size: 1.8rem;
}

.lead {
  font-size: 1rem;
}

.h3, h3 {
  font-size: 1.95rem;
}

.footer-logo {
  max-width: 120px;
  min-width: 120px;
}

.footer a {
  color: #29abe2;
  text-decoration: underline;
}

.h2, h2 {
  font-size: 1.8rem;
}

.h3, h3 {
  font-size: 1.65rem;
}


.letter-spacing-2 {
  letter-spacing: 2px;
}

.container-custom {
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  width: 100%;
}

.slick-list {
  margin: 0;

}

.slick-slide {
  padding: 30px 0 0 0;
}

@media (min-width: 375px) {
  .header::before {
    top: 739px;
  }
}

@media (min-width: 425px) {
  .header::before {
    top: 662px;
  }
}

@media (min-width: 768px) {
  .h2, h2 {
    font-size: 2.3rem;
  }

  .display-3 {
    font-size: 3.2rem;
    line-height: 1.3;
  }

  .display-1 {
    font-size: 5.9rem;

  }

  .top-five-crypto-ready-states::before {
    min-height: 458px;
  }

  .the-number-of-crypto-atms::before {
    min-height: 570px;
  }

  .environmental-impact-of-crypto-transaction::before {
    min-height: 805px;
  }

  .crypto-climate-outlook::before {
    min-height: 816px;
  }

  .most-polluting-cryptocurrencies::before {
    min-height: 721px;
  }

  .display-2 {
    font-size: 5.5rem;

  }

  .h3, h3 {
    font-size: 1.8rem;
  }

  .btn-primary, .btn-secondary {
    width: 220px;
  }

  .display-4 {
    font-size: 2rem;
  }

  .container-custom {
    max-width: 720px;
  }

  .header::before {
    position: absolute;
    top: 532px;
  }


}

@media (min-width: 992px) {
  .number-rank {
    position: absolute;
    top: -19px;
  }


  .display-3 {
    font-size: 3.8rem;
    line-height: 1;
  }

  .slick-list {
    margin: 0;
    padding: 20px 0;
  }

  .slick-list.item_wrapper {
    height: 764px;
  }

  #carousel-holder button.slick-arrow {
    position: absolute;
    top: 16%;
  }

  .container-custom {
    max-width: 960px;
  }

  button.arrow-next {
    right: -35px;
  }

  button.arrow-prev {
    left: -35px;
  }

  .environmental-impact-of-crypto-transaction::before {
    min-height: 905px;
  }

  .crypto-climate-outlook::before {
    min-height: 905px;
  }

  .most-polluting-cryptocurrencies::before {
    min-height: 905px;
  }


  .line-height-1 {
    line-height: 1;
  }


  .display-4 {
    font-size: 2.6rem;
  }

  .h4, h4 {
    font-size: 1.3rem;
  }

  .h5, h5 {
    font-size: 1.15rem;
  }

  .h2, h2 {
    font-size: 4.5rem;
    line-height: 1;
  }

  .lead {
    font-size: 1.3rem;
  }


  .display-2 {
    font-size: 7.5rem;
    line-height: 1;
  }

  .header::before {
    height: 100%;
    right: 0;
    top: 0;
    width: 525px;
    border-left: 15px solid white;
  }

}

@media (min-width: 1200px) {
  .header::before {
    height: 100%;
    width: 626px;
    right: 0;
    top: 0;
  }

  .slick-list.item_wrapper {
    height: 714px;
  }

  .slick-slide {
    padding: 0;
  }

  .display-3 {
    font-size: 4rem;
  }

  button.arrow-next {
    right: 0px;
  }

  button.arrow-prev {
    left: 0px;
  }

  .crypto-climate-outlook::before {
    min-height: 966px;
  }

  .most-polluting-cryptocurrencies::before {
    height: 900px;
  }

  .environmental-impact-of-crypto-transaction::before {
    min-height: 903px;
  }


  .display-4 {
    font-size: 3rem;
  }


  .h3, h3 {
    font-size: 2rem;
  }

  .h4, h4 {
    font-size: 1.5rem;
  }

  .display-1 {
    font-size: 10.9rem;
    line-height: 0.8;
  }

  .display-2 {
    font-size: 8.5rem;
    line-height: 1;
  }

  .container-custom {
    max-width: 1400px;
  }

  .container {
    max-width: 1230px;
  }


}

@media (min-width: 1400px) {
  button.arrow-next {
    right: -35px;
  }

  button.arrow-prev {
    left: -35px;
  }

  .header::before {
    height: 100%;
    width: 773px;
  }


  .crypto-climate-outlook::before {
    min-height: 850px;
    background: url(images/shape-orange-xl-desktop.svg) no-repeat center;
    background-size: cover;
  }

  .most-polluting-cryptocurrencies::before {
    min-height: 800px;
    background: url(images/bg-shape-blue-xs.svg) no-repeat center;
    background-size: cover;
  }

  .environmental-impact-of-crypto-transaction::before {
    min-height: 903px;
    background: url(images/shape-orange-xl-desktop.svg) no-repeat center;
    background-size: cover;
  }

}

@media (min-width: 1600px) {
  .header::before {
    height: 100%;
    width: 1004px;
  }
}

@media (min-width: 2100px) {
  .crypto-climate-outlook::before {
    min-height: 850px;
    background: url(images/shape-orange-xl-desktop.svg) no-repeat center;
    background-size: cover;
  }

  .most-polluting-cryptocurrencies::before {
    min-height: 1010px;
    background: url(images/bg-shape-blue-extra-xl.svg) no-repeat center;
    background-size: cover;
  }

  .header::before {
    height: 100%;
    width: 1307px;
  }

  .environmental-impact-of-crypto-transaction::before {
    min-height: 1125px;
    background: url(images/shape-orange-xl-desktop.svg) no-repeat center;
    background-size: cover;
  }
}