/* blue theme for InstaGram */
body {
  background: #d8d8d8;
}

.text {
  color: #000;
}
.text--small {
  font-size: 11px;
  color: #999;
}
.text--social {
  color: #616161;
}
.text--cams {
  color: #0f0;
  text-shadow: 1px 1px 2px #777;
}
.text--imageLabel {
  color: #fff;
}

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

.icon {
  color: #0f0;
  text-shadow: 1px 1px 2px #777;
}
.navBar {
  border-top: 1px solid #5f89ac;
  border-bottom: 1px solid #325d81;
  background: #527ea3;
  background: -moz-linear-gradient(top, #527ea3 0%, #346289 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #527ea3), color-stop(100%, #346289));
  background: -webkit-linear-gradient(top, #527ea3 0%, #346289 100%);
  background: -o-linear-gradient(top, #527ea3 0%, #346289 100%);
  background: -ms-linear-gradient(top, #527ea3 0%, #346289 100%);
  background: linear-gradient(to bottom, #527ea3 0%, #346289 100%);
}
.navBar__fontIcon {
  border-right: solid 2px #6d8fab;
  border-left: solid 2px #6d8fab;
}
.navBar__fontIcon .fa {
  color: #cdd9e3;
}
.navBar__fontIcon .fa:hover {
  color: #fff;
}

.content .container {
  border-bottom: 1px solid #d9d9d9;
  background: #EAEAEA;
  -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), -1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), -1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05), -1px 0 0 rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.content h3 {
  color: #555;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.grid {
  background: #212121;
  padding-top: 20px;
}
.grid__regForm {
  color: #fff;
  background: #437197;
}

.registration .text {
  color: #fff;
}
.registration .button {
  color: #fff;
  background: #139315;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#139315, #6eb583);
  background: -o-linear-gradient(#139315, #6eb583);
  background: -moz-linear-gradient(#139315, #6eb583);
  background: linear-gradient(#139315, #6eb583);
  /* Standard syntax */
  border: 2px solid #316440;
  transition: 0.4s;
  opacity: 1;
  text-shadow: none;
  padding: 14px 0;
}
.registration .button.active {
  background: #167c16;
  border: 2px solid #316440;
  color: #fff;
}
.registration .button:hover {
  background: #6eb583;
  border: 2px solid #33805a;
  color: #fff;
}
.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;
}

.completed-step .btn-group .btn {
  color: #fff;
  background: #139315;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#139315, #6eb583);
  background: -o-linear-gradient(#139315, #6eb583);
  background: -moz-linear-gradient(#139315, #6eb583);
  background: linear-gradient(#139315, #6eb583);
  /* Standard syntax */
  border: 2px solid #316440;
  transition: 0.4s;
  opacity: 1;
  text-shadow: none;
  padding: 14px 0;
}
.completed-step .btn-group .btn:hover {
  background: #6eb583;
  border: 2px solid #33805a;
  color: #fff;
}
.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 #ccc;
}
.progress--bar li.visited {
  background: #3EA349;
}
.progress--bar li.active {
  background: #88BD96;
}

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

.animation div {
  background: #139315;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#139315, #6eb583);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#139315, #6eb583);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#139315, #6eb583);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#139315, #6eb583);
  /* Standard syntax */
  -webkit-box-shadow: inset 0 0 5px #2c5115;
  border-color: #3b6e22 #3b6e22 #2c5115;
}

.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;
  border: 1px solid #316440;
  background: #6eb583;
  background: -moz-linear-gradient(top, #6eb583 0, #139315 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6eb583), color-stop(100%, #139315));
  background: -webkit-linear-gradient(top, #6eb583 0, #139315 100%);
  background: -o-linear-gradient(top, #6eb583 0, #139315 100%);
  background: -ms-linear-gradient(top, #6eb583 0, #139315 100%);
  background: linear-gradient(to bottom, #6eb583 0, #139315 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6eb583",endColorstr="#139315",GradientType=0);
  text-shadow: 0 1px 1px #1c5380;
}
.midBar__button:hover {
  filter: none;
  background: #88bd96;
}
.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;
}

.cardsBlock__card {
  background: #FFF;
  color: #616161;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px;
  text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
}
.cardsBlock__quote .text--small {
  color: #757575;
}
.cardsBlock__text .text--name {
  color: #333;
}
.cardsBlock__fontIcon .fa {
  color: #9a9a9a;
}

@media (max-width: 768px) {
  .navBar__container {
    border-top: 1px solid #5f89ac;
    border-bottom: 1px solid #325d81;
    background: #527ea3;
    background: -moz-linear-gradient(top, #527ea3 0%, #346289 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #527ea3), color-stop(100%, #346289));
    background: -webkit-linear-gradient(top, #527ea3 0%, #346289 100%);
    background: -o-linear-gradient(top, #527ea3 0%, #346289 100%);
    background: -ms-linear-gradient(top, #527ea3 0%, #346289 100%);
    background: linear-gradient(to bottom, #527ea3 0%, #346289 100%);
  }

  .grid {
    padding-top: 0;
  }
}

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