body {
  font-family: 'Avenir Next','Helvetica Neue',Helvetica, Arial, sans-serif;
}
.container {
  background-color: #17232D;
  color: #fff;
}
.item-content {
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.item-content img {
  margin-top: -20px;
  margin-bottom: 20px;
}
.video-tutorials {
  padding: 15px;
}
.video-tutorials .video-header {
  font-weight: normal;
  border-top: 1px solid #96a1b1;
  padding-top: 20px;
  color: #C0C2C6;
}
.video-item {
  border-bottom: 1px solid #96a1b1;
  padding-top: 15px;
}
.video-item .arrow-icon {
  display: flex;
  align-items: center;
}
.video-item .collapse-item a {
  color: #8caacd;
}
.arrow-icon img.right-arrow {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webkit-transition: 250ms linear all;
    -moz-transition: 250ms linear all;
    -o-transition: 250ms linear all;
    transition: 250ms linear all;
}
.arrow-icon img.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.collapse-item {
  border-top: 1px solid #4d6582;
  padding: 10px 0;
}
.carousel-indicators {
  bottom: 2px;
}
.carousel-indicators li {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 50%;
  background-color: #575C67;
}
.carousel-indicators .active {
  background-color: #FFFFFF;
}
/* fixed collapse trigger on iphone */
[data-toggle~="collapse"] {
    cursor: pointer;
}

.disclosure {
  padding: 0 30px;
}
.disclosure-content {
  border-top: 1px solid #96a1b1;
  font-size: 12px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #96a1b1;
  margin-bottom: 0;
}
.light .container {
  background-color: white;
  color: #101A21;
}
.light .video-tutorials .video-header {
  color: #2D3441;
}
.light .video-item .arrow-icon {
  filter: invert(1);
}
.light .video-item .collapse-item a {
  color: #1B67DB;
}
.light .collapse-item {
  border-top: 1px solid #DADBDD;
}
.carousel-indicators li {
  background-color: #424854;
}
.light .carousel-indicators li {
  background-color: #DADBDD;
}
.carousel-indicators .active {
  background-color: #508AE1;
}
.light .carousel-indicators .active {
  background-color: #1B67DB;
}