@keyframes rotateMe {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateMe {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotateMe {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotateMe {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotateMe {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ScaleMe {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}
@-moz-keyframes ScaleMe {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}
@-o-keyframes ScaleMe {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes ScaleMe {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.15);
  }

  100% {
    transform: scale(1);
  }
}

.tri-pattern,
.circles,
.circles-two {
  -webkit-animation-name: rotateMe;
  -webkit-animation-duration: 25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: rotateMe;
  -moz-animation-duration: 25s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  -ms-animation-name: rotateMe;
  -ms-animation-duration: 25s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

  animation-name: rotateMe;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dotted-pattern,
.history-block .image-box:before,
.featured-section-four .image-box .image:nth-child(3):before {
  -webkit-animation-name: ScaleMe;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: ScaleMe;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  -ms-animation-name: ScaleMe;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

  animation-name: ScaleMe;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.circles .c-1,
.circles-two .c-1 {
  -webkit-animation-name: ScaleMe;
  -webkit-animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: ScaleMe;
  -moz-animation-duration: 5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  -ms-animation-name: ScaleMe;
  -ms-animation-duration: 5s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

  animation-name: ScaleMe;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.circles-two .c-2 {
  -webkit-animation-name: ScaleMe;
  -webkit-animation-delay: 3ms;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-animation-name: ScaleMe;
  -moz-animation-delay: 3s;
  -moz-animation-duration: 3s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  -ms-animation-name: ScaleMe;
  -ms-animation-delay: 3s;
  -ms-animation-duration: 3s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

  animation-name: ScaleMe;
  animation-delay: 3s;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dotted-pattern-1 {
  position: absolute;
  width: 394px;
  height: 408px;
  display: block;
  background: url(../image/icons/1.png) center center no-repeat;
}

.dotted-pattern-2 {
  position: absolute;
  width: 339px;
  height: 339px;
  display: block;
  background: url(../image/icons/2.png) center center no-repeat;
}

.dotted-pattern-3 {
  position: absolute;
  width: 241px;
  height: 241px;
  display: block;
  background: url(../image/icons/3.png) center center no-repeat;
  z-index: -9;
  left: -18px;
  top: 20px;
  background-size: cover;
  opacity: 0.3;
}

.dotted-pattern-4 {
  position: absolute;
  width: 241px;
  height: 241px;
  display: block;
  background: url(../image/icons/3.png) center center no-repeat;
  z-index: -9;
  right: -18px;
  bottom: 20px;
  background-size: cover;
  opacity: 0.3;
}

.dotted-pattern-5 {
  position: absolute;
  width: 322px;
  height: 322px;
  display: block;
  background: url(../image/icons/5.png) center center no-repeat;
}

.dotted-pattern-6 {
  position: absolute;
  width: 340px;
  height: 322px;
  display: block;
  background: url(../image/icons/6.png) center center no-repeat;
}

.dotted-pattern-7 {
  position: absolute;
  width: 309px;
  height: 298px;
  display: block;
  background: url(../image/icons/7.png) center center no-repeat;
}

.dotted-pattern-8 {
  position: absolute;
  width: 266px;
  height: 274px;
  display: block;
  background: url(../image/icons/8.png) center center no-repeat;
}

.dotted-pattern-9 {
  position: absolute;
  width: 226px;
  height: 226px;
  display: block;
  background: url(../image/icons/9.png) center center no-repeat;
}

.dotted-pattern-10 {
  position: absolute;
  width: 250px;
  height: 264px;
  display: block;
  background: url(../image/icons/10.png) center center no-repeat;
}

.dotted-pattern-11 {
  position: absolute;
  width: 322px;
  height: 322px;
  display: block;
  background: url(../image/icons/11.png) center center no-repeat;
}

.dotted-pattern-12 {
  position: absolute;
  width: 271px;
  height: 270px;
  display: block;
  background: url(../image/icons/14.png) center center no-repeat;
}

.dotted-pattern-13 {
  position: absolute;
  width: 290px;
  height: 298px;
  display: block;
  background: url(../image/icons/15.png) center center no-repeat;
}

.dotted-pattern-14 {
  position: absolute;
  width: 250px;
  height: 247px;
  display: block;
  background: url(../image/icons/16.png) center center no-repeat;
}

.tri-pattern-1 {
  position: absolute;
  width: 252px;
  height: 254px;
  display: block;
  background: url(../image/icons/tri-1.png) center center no-repeat;
}

.tri-pattern-2 {
  position: absolute;
  width: 249px;
  height: 259px;
  display: block;
  background: url(../image/icons/tri-2.png) center center no-repeat;
}

.tri-pattern-3 {
  position: absolute;
  width: 249px;
  height: 259px;
  display: block;
  background: url(../image/icons/tri-3.png) center center no-repeat;
  z-index: -9;
  top: 34px;
  left: -12px;
}

.tri-pattern-4 {
  position: absolute;
  width: 280px;
  height: 211px;
  display: block;
  background: url(../image/icons/tri-4.png) center center no-repeat;
}

.tri-pattern-5 {
  position: absolute;
  width: 285px;
  height: 294px;
  display: block;
  background: url(../image/icons/tri-5.png) center center no-repeat;
}

.tri-pattern-6 {
  position: absolute;
  width: 300px;
  height: 302px;
  display: block;
  background: url(../image/icons/tri-6.png) center center no-repeat;
}

.tri-pattern-7 {
  position: absolute;
  width: 166px;
  height: 168px;
  display: block;
  background: url(../image/icons/tri-7.png) center center no-repeat;
}

.tri-pattern-8 {
  position: absolute;
  width: 285px;
  height: 294px;
  display: block;
  background: url(../image/icons/tri-8.png) center center no-repeat;
}

.tri-pattern-9 {
  position: absolute;
  width: 249px;
  height: 259px;
  display: block;
  background: url(../image/icons/tri-9.png) center center no-repeat;
}

.tri-pattern-10 {
  position: absolute;
  width: 174px;
  height: 184px;
  display: block;
  background: url(../image/icons/tri-10.png) center center no-repeat;
}

.pattern-top {
  position: absolute;
  width: 100%;
  height: 90px;
  background: url(../image/icons/pattern-top.png) center bottom no-repeat;
  background-size: 100% 100%;
  z-index: 5;
}

.pattern-bottom {
  position: absolute;
  width: 100%;
  height: 90px;
  background: url(../image/icons/pattern-bottom.png) center bottom no-repeat;
  background-size: 100% 100%;
  z-index: 5;
}