/* HOME PAGE ANIMATIONS */
.a, .b, .c, .d {  position: relative;}
.firstBodySection .a {margin-top: 5%; float:left;}
.firstBodySection .b {margin-top: 36%; margin-left: 33.335%; float:left;}
#websiteSection .a { margin-top: 0; float:left;}
#websiteSection .b {margin-top: 50%; margin-left: 33.335%; float:left;}

#ContactPage .a { margin-top: 0; float:left; /*height:400px;*/}
#ContactPage .b {margin-top: 0; float:left; /*height:400px;*/}
#ContactPage .c {height:400px; margin-bottom: 250px;}

#ContactPage .animation-element.slide-right {
  transform: translate3d(10%, 0px, 0px);
}

.animation-element.slide-left {
  opacity: 1;
  -moz-transition: all 1400ms linear;
  -webkit-transition: all 1400ms linear;
  -o-transition: all 1400ms linear;
  transition: all 1400ms linear;
  -moz-transform: translate3d(-30%, 0px, 0px);
  -webkit-transform: translate3d(-30%, 0px, 0px);
  -o-transform: translate(-30%, 0px);
  -ms-transform: translate(-30%, 0px);
  transform: translate3d(-30%, 0px, 0px);
  -webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}

.animation-element.slide-left.in-view {
  opacity: 1;
 -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}


.animation-element.slide-right {
  opacity: 1;
  -moz-transition: all 1400ms linear;
  -webkit-transition: all 1400ms linear;
  -o-transition: all 1400ms linear;
  transition: all 1400ms linear;
  -moz-transform: translate3d(30%, 0px, 0px);
  -webkit-transform: translate3d(30%, 0px, 0px);
  -o-transform: translate(30%, 0px);
  -ms-transform: translate(30%, 0px);
  transform: translate3d(30%, 0px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}


.feat1 {
}

.feat2 {  -moz-transition: all 1200ms linear;
      -webkit-transition: all 1200ms linear;
      -o-transition: all 1200ms linear;
      transition: all 1200ms linear;
}

.feat3 {  -moz-transition: all 2000ms linear;
            -webkit-transition: all 2000ms linear;
            -o-transition: all 2000ms linear;
            transition: all 2000ms linear;
}


.animation-element.slide-up {
  opacity: 1;
  -moz-transition: all 800ms linear;
    -webkit-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    transition: all 800ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}

.animation-element.slide-up.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}


.animation-element.slide-up-opacity {
  opacity: 0;
  -moz-transition: all 800ms linear;
    -webkit-transition: all 800ms linear;
    -o-transition: all 800ms linear;
    transition: all 800ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}

.animation-element.slide-up-opacity.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}

/*Featured image hovers*/

.featuredImage {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
}

.middleTextCont {
  transition: .5s ease;
  width: 70%;
  opacity: 0;
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}
.img_container {position: relative; background-color: #000;}
.img_container:hover .featuredImage {opacity: 0.3;}
.img_container:hover .middleTextCont { opacity: 1;}

@media only screen and (max-width:600px) {
	.animation-element.slide-left {
  opacity: 1;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}

.animation-element.slide-left.in-view {
  opacity: 1;
 -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}


.animation-element.slide-right {
  opacity: 1;
  -moz-transition:none;
  -webkit-transition:none;
  -o-transition:none;
  transition:none;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
-webkit-transition-timing-function: ease; /* Safari and Chrome */
  transition-timing-function: ease;
}
	
	
}