.button.calendly-button i,
.button.calendly-button
{
  background-color: white;
  color: #FF3F00 !important;
}

.calendly-button [class*=" icon-"]
{
  color: white !important;
}

.icon-chat:before {
  content: "\e910";
  color:white;
}

.icon-phone:before {
  content: "\e942";
  color:white;
}

[class*=" icona-"], [class^=icona-]
{
  display: inline-block;
   width: 22px;
   height: 22px;
}

.icona-mobile
{
  fill: #FF3F00;
}

#item-1, .targets
{
  margin-top: 20px;
}

.carousel-content
{
  padding: 2em;
  background-color: #5b21c5;
  opacity: 0.91;
  padding: 0.2em 1.4em;
  border: 1px solid #5b21c5;
  border-radius: 10px;
  color: white;

  padding-bottom: 1em;
  min-width: 45%;

  position: absolute;
  bottom: 2%;
  left: inherit;

}

.carousel-content h1,
.carousel-content h2
{
  font-size: 120%;
}


.carousel-content p
{

}

.carousel-content h1,
.carousel-content h2
{
  margin-top: 0.8em;
  margin-bottom: 0.3em;
}


.container.container-how {
    xxbackground-image: url(../images/container-rank.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #f5f5f5;

}

.carousel-wrapper{
  height: 47vh;
  position:relative;
  width:90%;
  margin:0 auto;
  max-height: 370px;
}
.carousel-item{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  padding:25px 50px;
  opacity:0;
  transition: all 0.5s ease-in-out;

  border: 4px solid #e4e4e4;
  border-radius: 9px;

  background-size: contain;
  background-repeat: no-repeat;
  background-position: 15% 0;
  background-size: 120%;
}
.arrow{
  border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 12px;
}

.arrow-prev{
  left:-30px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(135deg);
}

.arrow-next{
    right:-30px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-45deg);
  }

.light{
  color:white;
}

@media (max-width: 480px) {
      .arrow, .light .arrow {
        background-size: 10px;
        background-position: 10px 50%;
      }
    }

/*Select every element*/
[id^="item"] {
    display: none;
  }

.item-1 {
    z-index: 2;
    opacity: 1;
  background-image: url('/assets/images/steps/adv_item_1.1.png');
  }
.item-2{
    background-image: url('/assets/images/steps/adv_item_1.2.1.png');

}
.item-3{
    background-image: url('/assets/images/steps/adv_item_1.3.png');
}

.item-4{
    background-image:url('/assets/images/steps/adv_item_1.4.2.png');
}

.item-5{
    background-image:url('/assets/images/steps/adv_item_1.5.png');
}


.item-6{
    background-image:url('/assets/images/steps/adv_item_1.6.jpg');
}


*:target ~ .item-1 {
    opacity: 0;
  }

#item-1:target ~ .item-1 {
    opacity: 1;
  }

#item-2:target ~ .item-2,
#item-3:target ~ .item-3,
#item-4:target ~ .item-4,
#item-5:target ~ .item-5,
#item-6:target ~ .item-6
{
    z-index: 3;
    opacity: 1;
}

.button-xxl
{
  margin-bottom: 5px;
}

.container.container-channels ul li .channels-icon {
  line-height: 1;
}

.container.container-channels ul li .channels-icon span {
  font-size: 20px;
}

table {
  width: 100%;
  margin: 0 !important;
}
table.table-center th,
table.table-center td {
  text-align: center;
}
table.table-columns tr:last-child th,
table.table-columns tr:last-child td {
  border: 0;
}
table.table-columns th,
table.table-columns td {
  border-bottom: 1px solid #eaeaea;
}
table.table-columns th {
  padding-right: 10px;
  text-align: right;
}
table th,
table td {
  padding: 5px;
  border-bottom: 1px solid #eaeaea;
  text-align: left;
}
table th {
  padding-bottom: 7px;
  border-bottom: 2px solid #D0D0D0;
  color: #7F7F7F;
  text-align: center;
  line-height: 1.2;
}

table.table-stats {
  color: #7F7F7F;
  font-size: 12px;
  margin-bottom: 10px !important;
  background-color: #F5F5F5;
}

@media only screen and (min-width: 960px)
{
  .container.container-how {
      margin-top: 20vh;
      height: 100vh;
      min-height: 800px;
  }

  .carousel-content {
  position: absolute;
  left: 50%;
  top: -10%;
  min-width: 45%;
  bottom:auto;

  }

  .carousel-wrapper{
      height:50vh;
      width: 100%;
      max-height: inherit;

  }

  .carousel-content h2
  {
     font-size: 160%;
  }

  .carousel-content p
  {
    margin: 0.3em 0;
    margin-left: 2.1em;
  }

  .carousel-item{
    background-position: 0 0;
    background-size: cover !important;
  }

  .container.container-channels ul li .channels-icon {
    line-height: 1.5;
  }

  .container.container-channels ul li .channels-icon span {
    font-size: 50px;
  }

}