.update-box {
  height: 300px;
  box-sizing:border-box;
  padding-bottom:30px;
}

.update-box.padding-right {
  padding-right:7.5px;
}

.update-box.padding-left {
  padding-left:7.5px;
}

/*.update-box.top-left .update-box-container {
  -moz-border-top-left-radius:4px;
  -webkit-border-top-left-radius:4px;
  border-top-left-radius:4px;
}

.top-left .update-mac-picture {
  -moz-border-top-left-radius:4px;
  -webkit-border-top-left-radius:4px;
  border-top-left-radius:4px;
}

.update-box.top-right .update-box-container {
  -moz-border-top-right-radius:4px;
  -webkit-border-top-right-radius:4px;
  border-top-right-radius:4px;
}

.update-box.bottom-left .update-box-container {
  -moz-border-bottom-left-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
}

.bottom-left .update-mac-picture {
  -moz-border-bottom-left-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
}

.update-box.bottom-right .update-box-container {
  -moz-border-bottom-right-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
}*/

.update-box-container {
  position: relative;
  height: 100%;
  border:1px solid #DFDFDF;
}

.update-box-container a {
  display: block;
  position: absolute;
  top:0;left:0;
  right:0;bottom:0;
  z-index: 2;
}

.update-box-container.no-border {
  border:0;
}

.update-box-container p {
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #222222;
  line-height: 30px;
  position: absolute;
  top:50%;
  left:50%;
  text-align: center;
  width: 80%;
  -moz-transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -transform:translate(-50%, -50%);
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.update-box-source {
  background: rgba(247, 177, 81, .9);
  position: absolute;
  bottom:10px;
  right:10px;
  z-index: 2;
  color:#fff;
  padding:5px 8px 5px 8px;
  text-decoration: none;
  font-size:13px;
  font-family: Exo, Helvetica, Arial, sans-serif;
}

.update-box-source i {
  margin-right:7px;
}

.update-box-source:hover {
  color:#fff;
  text-decoration: none;
}


.athlete-background-image-overlay {
  position: absolute;
  z-index: 6;
  top:0;
  left:0;
  width: 100%;
  height: 200px;

  /*background-attachment: fixed;*/

  background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);

}
.athlete-background-image {
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.profile-avatar div {
  position: absolute;
  top:-60px;
  left:50%;
  margin-left:-60px;
  z-index: 12;
  width: 120px;
  height: 120px;
  border-radius:120px;
  border:3px solid #fff;
}

.profile-name {
  margin-top:90px;
  margin-bottom:10px;
  text-align: center;
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: #222222;
  font-weight: 600;
}

.profile-sport,
.profile-location {
  text-align: center;
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #777;
  line-height: 1.5;
}

.profile-sport strong,
.profile-location strong {
  color: #222;
  font-weight: 600;
  line-height: 1.5;
}
.profile-sport strong a {
  color:#222;
}
.profile-sport strong a:hover{
  text-decoration: none;
}
.profile-sm {
  text-align: center;
  padding-top:30px;
}

.profile-sm a {
  color:#222;
  margin-right: 15px;
}

.profile-sm a:last-child {
  margin-right:0;
}

.profile-actions {
  padding-top:30px;
/*  padding-bottom:30px; */
  text-align: center;
}
/*.profile-actions a {
  border:1px solid #DFDFDF;
  margin-right:15px;
  color:#878787;
  padding:8px 14px 6px 14px;
}*/

.profile-actions a {
  border:1px solid #DFDFDF;
  margin: 0 6px;
  color:#878787;
  padding: 8px 48px;
  margin-bottom: 10px;
}

/*.profile-actions a:last-child {
  margin-right:0;
}*/

.profile-social{
  text-align: center;
  margin: 40px 0 25px;
}
.profile-social .info{
  display: inline-block;
  margin: 0px 28px;
  text-transform: uppercase;
}

.profile-social .info span{
  font-size: 26px;
  margin-bottom: 18px;
  font-weight: 600;
}
.profile-social .info span.sm a{
  color: #222;
  font-size: 22px;
  margin: 0 2px;
}
.profile-social .info div{
  color: #878787;;
  font-size: 14px;
}
.profile-social .info .tooltip-inner{
  color: #fff;;
  font-size: 14px;
}

.update-mac-picture {
  position: absolute;
  top:-1px;
  left:-1px;
  bottom:-1px;
  width: 50%;
  opacity: 1;
}

.update-mac-text {
  position: absolute;
  top:0;
  left:50%;
  width: 50%;
  height: 100%;
}

.current-campaign-hero {
  position: relative;
  height: 300px;
  border-radius:4px;
}

.current-campaign-hero a {
  display: block;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index: 1;
}

.current-campaign-progress {
  position: relative;
  margin-top:15px;
  height: 40px;
}

.current-campaign-progress .progress {
  position: relative;
  height: 40px;
  font-family: Exo, Helvetica, Arial, sans-serif;
  background: #f3f3f3;
}

.current-campaign-progress .progress-bar {
  position: relative;
  border-radius: 4px;
  height: 40px;
  background: #F8AB3E;
  background-image: -o-linear-gradient(0deg, #F8AB3E 0%, rgba(248,148,53,0.50) 100%);
  background-image: -moz-linear-gradient(0deg, #F8AB3E 0%, rgba(248,148,53,0.50) 100%);
  background-image: -webkit-linear-gradient(0deg, #F8AB3E 0%, rgba(248,148,53,0.50) 100%);
  background-image: -ms-linear-gradient(0deg, #F8AB3E 0%, rgba(248,148,53,0.50) 100%);
  background-image: linear-gradient(-90deg, #F8AB3E 0%, rgba(248,148,53,0.50) 100%);
}

.current-campaign-progress .progress-bar-percent {
  position: absolute;
  z-index: 2;
  left:50%;
  top:0;
  line-height: 38px;
  text-align: center;
  -moz-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -transform:translateX(-50%);  
}

.current-campaign-progress .progress-bar-current {
  position: absolute;
  z-index: 2;
  left:15px;
  top:0;
  color:#fff;
  line-height: 38px;
}

.current-campaign-progress .progress-bar-total {
  position: absolute;
  z-index: 2;
  right:15px;
  top:0;
  text-align: right;
  line-height: 38px;
}

.to-go {
  padding-left:0;
  padding-right:0;
}
.to-go > div {
  line-height: 38px;
  border:1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  font-family: Exo, Helvetica, Arial, sans-serif;
  color:#878787;
}

.current-campaign-progress .btn {
  padding:0;
  line-height: 38px;
  box-shadow:none;
}
.placeholder {
  background: #dfdfdf;
  height: 300px;
  border-radius:4px;
}

h2 {
/*  text-transform: capitalize; */
}



.modal-body .modal-image img {
  border-radius:4px;
}

.modal-sharing-buttons {
  text-align: right;
  margin:15px 0;
}

.modal-sharing-buttons div {
  border:1px solid #ddd;
  border-radius:4px;
  display: inline-block;
  padding:6px 12px;
  font-family: Exo, Helvetica, Arial, sans-serif;
}

.modal-sharing-buttons div a {
  margin-right:8px;
}

.modal-sharing-buttons div a:last-child {
  margin-right:0;
}

.modal-sharing-buttons div span {
  margin-right:8px;
}

.modal-comment-box-title {
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size:18px;
  font-weight: 600;
}

.modal-comment-box-textarea {
  border-radius: 3px;
  border: 1px solid #DFDFDF !important;
  width: 100%;
  resize:none;
  height: 100px;
  outline: none;
  margin-top:10px;
}
.modal-comment-box-submit {
  margin-top:15px;
}
.modal-comment-name {
  font-family: Exo, Helvetica, Arial, sans-serif;
  font-size:18px;
  font-weight: 600;
}

.modal-comment-comment {
  padding-right:60px;
  margin-top:10px;
  margin-bottom:30px;
  border-bottom:1px solid #ddd;
  padding-bottom:30px;
}

.pagination a {
  color:#222 !important;
}

@media (max-width: 480px){
  .profile-actions a {
    margin-bottom: 10px;
    width: 100%;
  }

  .profile-actions a {
    padding: 8px 40px;
  }

  .profile-social{
    margin-top: 20px;
  }

  .profile-social .info{
    margin: 0px 24px;
  }

}