/* 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; }

.visual-hidden {
  display: none; }

.visible-xs {
  display: none !important; }

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

.rotate {
  transform: rotate(-6deg); }

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

.pad-60 {
  padding: 60px; }

.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; }

.pad-v-30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.pad-v-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.pad-85 {
  padding: 85px; }

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

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

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

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

.pad-h-35 {
  padding-left: 35px;
  padding-right: 35px; }

.pad-l-50 {
  padding-left: 50px; }

.pad-l-100 {
  padding-left: 100px; }

.pad-l-30 {
  padding-left: 30px; }

.pad-b-0 {
  padding-bottom: 0; }

.pad-b-55 {
  padding-bottom: 55px; }

.pad-b-80 {
  padding-bottom: 80px; }

.pad-r-10 {
  padding-right: 10px; }

.pad-r-15 {
  padding-right: 15px; }

.pad-r-100 {
  padding-right: 100px; }

.margin-t-30 {
  margin-top: 30px; }

.margin-t-40 {
  margin-top: 40px; }

.margin-v-30 {
  margin-top: 30px;
  margin-bottom: 30px; }

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

.arrow-up {
  width: 100%;
  height: 20px; }

.circle-image img {
  border-radius: 100%; }

/****masonry style****/
.masonry {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
  column-gap: 30px; }
  .masonry .masonry-item {
    display: inline-block;
    margin: 0 0 30px;
    width: 100%; }

/****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, .SlideFade {
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -o-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
  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; }

.SlideFade {
  opacity: 0; }

.SlideFade.active {
  -o-animation-name: slideUpFade;
  -moz-animation-name: slideUpFade;
  -webkit-animation-name: slideUpFade;
  animation-name: slideUpFade; }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    left: -1000px; }
  100% {
    opacity: 1;
    left: 0; } }
@keyframes slideInLeft {
  0% {
    opacity: 0;
    left: -1000px; }
  100% {
    opacity: 1;
    left: -150px; } }
@-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; } }
@keyframes slideUpFade {
  0% {
    opacity: 0;
    margin-top: 1000px; }
  100% {
    opacity: 1;
    margin-top: 0; } }

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