/* naughtyOrange theme for InstaGram */
body {
  background: #2e2e2e;
}

.text--cams {
  color: #0f0;
  text-shadow: 1px 1px 2px #777;
}
.text--imageLabel {
  color: #fff;
}

.navBar__fontIcon {
  color: #9f9f9f;
  border-right: solid 2px #9f9f9f;
  border-left: solid 2px #9f9f9f;
}
.navBar__fontIcon .fa {
  color: #cdd9e3;
}

.login__button--desktop {
  color: #e8e8e8;
  border: 1px solid #e8e8e8;
}
.login__button--desktop:hover {
  background: rgba(255, 255, 255, 0.2);
}

.icon {
  color: #0f0;
  text-shadow: 1px 1px 2px #777;
}
.grid {
  background: #4a4a4a;
  padding-top: 0;
}
.grid__regForm {
  color: #fff;
  background: rgba(24, 24, 24, 0.5);
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
}

.registration .text {
  margin: 15px;
  color: #fff;
}
.registration .button {
  color: #fff;
  background: #ff8000;
  border: 2px solid #f60;
  transition: 0.4s;
  opacity: 1;
  text-shadow: none;
  padding: 14px 0;
}
.registration .button.active {
  color: #fff;
  background: #f60;
  border: 2px solid #fff;
}
.registration .button:hover {
  color: #fff;
  background: #fb9a38;
  border: 2px solid #2e2e2e;
}
.registration .button.female {
  color: #eee;
  background: rgba(223, 58, 71, 0.4);
  border: 2px solid rgba(223, 58, 71, 0.6);
}
.registration .button.female:hover {
  color: #fff;
  background: #ff4352;
  border: 2px solid #b62b36;
}
.registration .button.female.active {
  color: #fff;
  background: #DF3A47;
  border: 2px solid #a42a34;
}
.registration .button.female.active:hover {
  color: #fff;
  background: #ff4352;
  border: 2px solid #b62b36;
}
.registration .button.male {
  color: #eee;
  background: rgba(99, 178, 236, 0.4);
  border: 2px solid rgba(99, 178, 236, 0.6);
}
.registration .button.male:hover {
  color: #fff;
  background: #6ac1ff;
  border: 2px solid #5595c7;
}
.registration .button.male.active {
  color: #fff;
  background: #63b2ec;
  border: 2px solid #4f8ab9;
}
.registration .button.male.active:hover {
  color: #fff;
  background: #6ac1ff;
  border: 2px solid #5595c7;
}
.registration .link--previous span {
  color: #ccc;
}
.registration .link--previous span:hover {
  color: #fff;
}
.registration .popwin {
  color: #fff;
}
.registration .animation div {
  background: #636f86;
  -webkit-box-shadow: inset 0 0 5px #636f86;
  border-color: #4d5669 #4d5669 #22262e;
}
.registration .step__animationTexts .text span {
  color: #dadada;
  text-transform: uppercase;
}

.completed-step .btn-group .btn {
  color: #fff;
  background: #ff8000;
  border: 2px solid #f60;
  transition: 0.4s;
  opacity: 1;
  text-shadow: none;
  padding: 14px 0;
}
.completed-step .btn-group .btn:hover {
  color: #fff;
  background: #fb9a38;
  border: 2px solid #2e2e2e;
}
.completed-step .btn-group .btn.btn-gray {
  background: #dddddd;
  border: 2px solid #cccccc;
  color: #000000;
}
.completed-step .btn-group .btn.btn-gray:hover {
  background: #bbbbbb;
}

.progress--bar {
  border: 1px solid #fff;
}
.progress--bar li.visited {
  background: #ddd;
}
.progress--bar li.active {
  background: #ccc;
}

#loading {
  background: rgba(24, 24, 24, 0.5);
}
#loading .fa.fa-circle-o-notch {
  left: 0;
}

.content .container {
  background: #e5e5e5;
  box-shadow: rgba(232, 231, 231, 0.2) 0 2px 7px;
}
.content h3 {
  color: #555;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.midBar__card {
  background: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.15);
}
.midBar__button {
  color: #fff;
  background: #f60;
}
.midBar__button:hover {
  background: #ff8000;
}
.midBar__stats {
  background: #ddd;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  color: #999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.midBar__stat span {
  color: #000;
}
.midBar:nth-child(2), .midBar:nth-child(3) {
  border-left: 1px solid #a8a8a8;
}
.midBar__headline h4 {
  color: #555;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.cardsBlock__card {
  background: #FFF;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
  color: #616161;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
}
.cardsBlock__text .text--label {
  color: #333;
}
.cardsBlock__text .text--small {
  color: #f60;
}

.legal__imprint {
  color: #fff;
}
.legal__disclaimer .text--legal {
  color: #cecece;
}

@media (max-width: 768px) {
  .navBar__container {
    background: #2e2e2e;
  }
}

/*# sourceMappingURL=instagram--naughtyOrange.css.map */