/* Scss Document */
body {
  margin: 0;
  padding: 0; }

a {
  transition: all 0.3s; }

a img {
  border: none; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.clearfix {
  clear: both; }

.align-right {
  text-align: right; }

.align-center, .align-centre {
  text-align: center; }

.align-left {
  text-align: left; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.equal-height-parent {
  display: flex;
  overflow: hidden; }
  .equal-height-parent .equal-height-child {
    flex: 1; }

/****padding****/
.pad-60 {
  padding: 60px; }

.pad-40-60 {
  padding: 40px 60px; }

.padv-30-0 {
  padding-top: 30px; }

.padv-0-30 {
  padding-bottom: 30px; }

.padv-30-60 {
  padding-top: 30px;
  padding-bottom: 60px; }

.padv-50-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.padv-60-0 {
  padding-top: 60px;
  padding-bottom: 0; }

.padv-60-60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.padv-60-50 {
  padding-top: 60px;
  padding-bottom: 50px; }

.padv-80-90 {
  padding-top: 80px;
  padding-bottom: 90px; }

.padl-50 {
  padding-left: 50px; }

.padl-100 {
  padding-left: 100px; }

.margin-top {
  margin-top: 50px; }

/****images ***/
.image-holder img {
  width: 100%;
  height: auto; }

/****animations ****/
.SlideLeft, .SlideRight, .SlideUp, .SlideDown {
  -moz-animation-duration: 0.8s;
  -o-animation-duration: 0.8s;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -o-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

.Fade {
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -o-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
  animation-fill-mode: forwards; }

.SlideLeft.active {
  -o-animation-name: slideInLeft;
  -moz-animation-name: slideInLeft;
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft; }

.SlideRight.active {
  -o-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

.SlideUp.active {
  -o-animation-name: slideInUp;
  -moz-animation-name: slideInUp;
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp; }

.SlideDown.active {
  -o-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; }

.Fade, .SlideLeft {
  opacity: 0; }

.Fade.active {
  -o-animation-name: fade;
  -moz-animation-name: fade;
  -webkit-animation-name: fade;
  animation-name: fade; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    left: -1000px; }
  100% {
    opacity: 1;
    left: 0; } }
@keyframes slideInLeft {
  0% {
    opacity: 0;
    left: -1000px; }
  100% {
    opacity: 1;
    left: 0; } }
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    left: 1000px; }
  100% {
    opacity: 1;
    left: 0; } }
@keyframes slideInRight {
  0% {
    opacity: 0;
    left: 1000px; }
  100% {
    opacity: 1;
    left: 0; } }
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0.1;
    margin-top: 1000px; }
  100% {
    opacity: 1;
    margin-top: 0; } }
@keyframes slideInUp {
  0% {
    opacity: 0.1;
    margin-top: 1000px; }
  100% {
    opacity: 1;
    margin-top: 0; } }
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    margin-top: -1000px; }
  100% {
    opacity: 1;
    margin-top: 0; } }
@keyframes slideInDown {
  0% {
    opacity: 0;
    margin-top: -1000px; }
  100% {
    opacity: 1;
    margin-top: 0; } }
@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*# sourceMappingURL=utilities.css.map */