.gradient-bg{
    background: -moz-linear-gradient(45deg, rgba(57,137,181,1) 0%, rgba(56,135,178,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(57,137,181,1)), color-stop(100%, rgba(56,135,178,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(57,137,181,1) 0%, rgba(56,135,178,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(57,137,181,1) 0%, rgba(56,135,178,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(57,137,181,1) 0%, rgba(56,135,178,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(57,137,181,1) 0%, rgba(56,135,178,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3887b2', endColorstr='#3989b5',GradientType=1 ); /* ie6-9 */
}
.img-bg{
        background-image: url('../img/fitness/fit-bg-mobile.png');
        background-size: 100%;
        background-color: #0CABE5;
        background-blend-mode: multiply;
        background-repeat: no-repeat;
  }

  .aisle-bg{
    
    /*background: -moz-linear-gradient(45deg, rgba(12,171,229,0.8) 0%, rgba(12,171,229,1) 100%); /* ff3.6+ */
    /*background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(12,171,229,0.8)), color-stop(100%, rgba(12,171,229,1))); /* safari4+,chrome */
    /*background: -webkit-linear-gradient(45deg, rgba(12,171,229,0.8) 0%, rgba(12,171,229,1) 100%); /* safari5.1+,chrome10+ */
    /*background: -o-linear-gradient(45deg, rgba(12,171,229,0.8) 0%, rgba(12,171,229,1) 100%); /* opera 11.10+ */
    /*background: -ms-linear-gradient(45deg, rgba(12,171,229,0.8) 0%, rgba(12,171,229,1) 100%); /* ie10+ */
    /*background: linear-gradient(45deg, rgba(12,171,229,0.8) 0%, rgba(12,171,229,1) 100%); /* w3c */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cabe5', endColorstr='#0cabe5',GradientType=1 ); ie6-9*/
    background-color: #fbde3f;
    min-height: 400px;
    color: #0D0E0E;
    z-index: 3;
  }

  


@media (min-width: 999px) {
    .img-bg{
        background-image: url('../img/fitness/fit-bg.jpeg');
        background-size: 100%;
        background-color: #0CABE5;
        background-blend-mode: multiply;
        background-repeat: no-repeat;
  }
}

h1{
  /* font-size: 20px;; */
  /* line-height: 1.2; */
  text-transform: capitalize;
}
html {
  font-family: "Source Sans Pro", Helvetica, sans-serif !important;
}
h1, h2, h3{
  font-weight: 900 !important;
}

.underline--magical {
background-image: linear-gradient(270deg, #0cabe5 0%, #00ffff 100%);
background-repeat: no-repeat;
background-size: 100% 0.2em;
background-position: 0 88%;
transition: background-size 0.25s ease-in;
}
.underline--magical:hover {
background-size: 100% 88%;
}
form .error {
  color: #ff0000;
}

.work-slide-inactive{
  display: none;
}

.work-slide{
  /* display: flex; */
  display: block;
}

nav.indicators{ 
	height: 20px;
  margin-top:20px;
	text-align: center;
}
nav.indicators ul{
	display: inline-block;
	text-align: center;
	position: relative;
}
nav.indicators ul li.current{
	background-color: #555;

	-webkit-transition: all 400ms cubic-bezier(1.000, 0.005, 0.080, 0.995);
   -moz-transition: all 400ms cubic-bezier(1.000, 0.005, 0.080, 0.995);
     -o-transition: all 400ms cubic-bezier(1.000, 0.005, 0.080, 0.995);
        transition: all 400ms cubic-bezier(1.000, 0.005, 0.080, 0.995); /* custom */

-webkit-transition-timing-function: cubic-bezier(1.000, 0.005, 0.080, 0.995);
   -moz-transition-timing-function: cubic-bezier(1.000, 0.005, 0.080, 0.995);
     -o-transition-timing-function: cubic-bezier(1.000, 0.005, 0.080, 0.995);
        transition-timing-function: cubic-bezier(1.000, 0.005, 0.080, 0.995); /* custom */
}
nav.indicators ul li{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin: 0 10px;
	background-color: rgba(85, 85, 85 , 0.5);
	cursor: pointer;
}


.blob {
  position: absolute;
  margin-left: 30%;
  /* top: 0;
  left: 0; */
  fill: #e8daff;
  width: 50vmax;
  z-index: 1;
  /* animation: move 20s ease-in-out infinite; */
  animation: none;
  transform-origin: 50% 50%;
}

@media (max-width:767px){
  .blob {
    margin-left: 0%;
    width: 70vmax; 
    margin-top: 160%;
  }
}


@keyframes move {
  0%   { transform: scale(1)   translate(10px, -30px); }
  38%  { transform: scale(0.8, 1) translate(80vw, 30vh) rotate(160deg); }
  /* /* 40%  { transform: scale(0.8, 1) translate(80vw, 30vh) rotate(160deg); }
  78%  { transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg); }
  80%  { transform: scale(1.3) translate(0vw, 50vh) rotate(-20deg); } */
  100% { transform: scale(1)   translate(10px, -30px); } 
}

.project-title {
  font-size: 4rem;
  padding-top: 0.5em;
  font-weight: 900;
}

.project-desc {
  font-size: 2rem;
  text-transform: none;
  padding-top: 1em;
  font-weight: 300;
  font-family: 'Lato-Light', sans-serif;
  color: #0d0e0e !important;
}

.project-image{
  margin: auto;z-index: 2;
  width: 100%;
}

.other-project-title {
  font-size: 3rem;
  padding-top: 0;
  font-weight: 900;
}

.work-slide-flex{
  display: flex;
}