/* Animation One */

.animate {
/*	font-size: 50px;
	margin: 100px 0 0;
	border-bottom: 2px solid #ccc; */
}

.animate span {
	display: inline-block;
}

a.repeat {
  display: inline-block;
  font-size: 12px;
  text-transform: none;
  text-decoration: none;
  color: orange;
  padding: 5px 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: normal;
  margin: 0 0 0 50px;
  border-radius: 3px;
  position: relative;
  bottom: 15px;
}

a.repeat:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}

.one span {
	color: #fec351;
	opacity: 0;
	transform: translate(-150px, -50px) rotate(-180deg) scale(3);
	animation: revolveScale .4s forwards;
}

@keyframes revolveScale {
	60% {
		transform: translate(20px, 20px) rotate(30deg) scale(.3);
	}

	100% {
		transform: translate(0) rotate(0) scale(1);
		opacity: 1;
	}
}


.animate span:nth-of-type(2) {
	animation-delay: .05s;
}
.animate span:nth-of-type(3) {
	animation-delay: .1s;
}
.animate span:nth-of-type(4) {
	animation-delay: .15s;
}
.animate span:nth-of-type(5) {
	animation-delay: .2s;
}
.animate span:nth-of-type(6) {
	animation-delay: .25s;
}
.animate span:nth-of-type(7) {
	animation-delay: .3s;
}
.animate span:nth-of-type(8) {
	animation-delay: .35s;
}
.animate span:nth-of-type(9) {
	animation-delay: .4s;
}
.animate span:nth-of-type(10) {
	animation-delay: .45s;
}
.animate span:nth-of-type(11) {
	animation-delay: .5s;
}
.animate span:nth-of-type(12) {
	animation-delay: .55s;
}
.animate span:nth-of-type(13) {
	animation-delay: .6s;
}
.animate span:nth-of-type(14) {
	animation-delay: .65s;
}
.animate span:nth-of-type(15) {
	animation-delay: .7s;
}
.animate span:nth-of-type(16) {
	animation-delay: .75s;
}
.animate span:nth-of-type(17) {
	animation-delay: .8s;
}
.animate span:nth-of-type(18) {
	animation-delay: .85s;
}
.animate span:nth-of-type(19) {
	animation-delay: .9s;
}
.animate span:nth-of-type(20) {
	animation-delay: .95s;
}


/* Animation-0 Three */

.animate-0 span {
	display: inline-block;
}

a.repeat {
  display: inline-block;
  font-size: 12px;
  text-transform: none;
  text-decoration: none;
  color: orange;
  padding: 5px 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: normal;
  margin: 0 0 0 50px;
  border-radius: 3px;
  position: relative;
  bottom: 15px;
}

a.repeat:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}

.three0 span {
	color: #ffffff;
	padding: 4px 2px 4px 2px;
	background: #d1ab68;
	font-weight: lighter;
	opacity: 0;
	transform: translate(-300px, 0) scale(0);
	animation: sideSlide .5s forwards;
}

@keyframes sideSlide {
	60% {
		transform: translate(20px, 0) scale(1);
		color: #ffffff;
	}

	80% {
		transform: translate(20px, 0) scale(1);
		color: #ffffff;
	}

	99% {
		transform: translate(0) scale(1.2);
		color: #d1ab68;
	}

	100% {
		transform: translate(0) scale(1);
		opacity: 1;
		color: #ffffff;
	}
}

.animate-0 span:nth-of-type(1) {
	animation-delay: 0.1s;
}
.animate-0 span:nth-of-type(2) {
	animation-delay: 0.12s;
}
.animate-0 span:nth-of-type(3) {
	animation-delay: 0.14s;
}
.animate-0 span:nth-of-type(4) {
	animation-delay: 0.16s;
}
.animate-0 span:nth-of-type(5) {
	animation-delay: 0.18s;
}
.animate-0 span:nth-of-type(6) {
	animation-delay: 0.2s;
}
.animate-0 span:nth-of-type(7) {
	animation-delay: 0.22s;
}
.animate-0 span:nth-of-type(8) {
	animation-delay: 0.24s;
}
.animate-0 span:nth-of-type(9) {
	animation-delay: 0.26s;
}
.animate-0 span:nth-of-type(10) {
	animation-delay: 0.28s;
}
.animate-0 span:nth-of-type(11) {
	animation-delay: 0.3s;
}
.animate-0 span:nth-of-type(12) {
	animation-delay: 0.32s;
}
.animate-0 span:nth-of-type(13) {
	animation-delay: 0.34s;
}
.animate-0 span:nth-of-type(14) {
	animation-delay: 0.36s;
}
.animate-0 span:nth-of-type(15) {
	animation-delay: 0.38s;
}
.animate-0 span:nth-of-type(16) {
	animation-delay: 0.4s;
}
.animate-0 span:nth-of-type(17) {
	animation-delay: 0.42s;
}
.animate-0 span:nth-of-type(18) {
	animation-delay: 0.44s;
}
.animate-0 span:nth-of-type(19) {
	animation-delay: 0.46s;
}
.animate-0 span:nth-of-type(20) {
	animation-delay: 0.48s;
}
.animate-0 span:nth-of-type(21) {
	animation-delay: 0.5s;
}
.animate-0 span:nth-of-type(22) {
	animation-delay: 0.52s;
}
.animate-0 span:nth-of-type(23) {
	animation-delay: 0.54s;
}

/* Animation-1 Three */

.animate-1 span {
	display: inline-block;
}

a.repeat {
  display: inline-block;
  font-size: 12px;
  text-transform: none;
  text-decoration: none;
  color: orange;
  padding: 5px 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: normal;
  margin: 0 0 0 50px;
  border-radius: 3px;
  position: relative;
  bottom: 15px;
}

a.repeat:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}

.three span {
	color: #ffffff;
	opacity: 0;
	font-weight: lighter;
	transform: translate(-300px, 0) scale(0);
	animation: sideSlide .5s forwards;
}

@keyframes sideSlide {
	60% {
		transform: translate(20px, 0) scale(1);
		color: #ffffff;
	}

	80% {
		transform: translate(20px, 0) scale(1);
		color: #ffffff;
	}

	99% {
		transform: translate(0) scale(1.2);
		color: #d1ab68;
	}

	100% {
		transform: translate(0) scale(1);
		opacity: 1;
		color: #ffffff;
	}
}

.animate-1 span:nth-of-type(1) {
	animation-delay: 0.57s;
}
.animate-1 span:nth-of-type(2) {
	animation-delay: 0.59s;
}
.animate-1 span:nth-of-type(3) {
	animation-delay: 0.61s;
}
.animate-1 span:nth-of-type(4) {
	animation-delay: 0.63s;
}
.animate-1 span:nth-of-type(5) {
	animation-delay: 0.65s;
}
.animate-1 span:nth-of-type(6) {
	animation-delay: 0.67s;
}
.animate-1 span:nth-of-type(7) {
	animation-delay: 0.69s;
}
.animate-1 span:nth-of-type(8) {
	animation-delay: 0.71s;
}
.animate-1 span:nth-of-type(9) {
	animation-delay: 0.73s;
}
.animate-1 span:nth-of-type(10) {
	animation-delay: 0.75s;
}
.animate-1 span:nth-of-type(11) {
	animation-delay: 0.77s;
}
.animate-1 span:nth-of-type(12) {
	animation-delay: 0.79s;
}
.animate-1 span:nth-of-type(13) {
	animation-delay: 0.81s;
}
.animate-1 span:nth-of-type(14) {
	animation-delay: 0.83s;
}
.animate-1 span:nth-of-type(15) {
	animation-delay: 0.85s;
}
.animate-1 span:nth-of-type(16) {
	animation-delay: 0.87s;
}
.animate-1 span:nth-of-type(17) {
	animation-delay: 0.89s;
}


/* Animation-2 Three */

.animate-2 span {
	display: inline-block;
}

a.repeat {
  display: inline-block;
  font-size: 12px;
  text-transform: none;
  text-decoration: none;
  color: orange;
  padding: 5px 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: normal;
  margin: 0 0 0 50px;
  border-radius: 3px;
  position: relative;
  bottom: 15px;
}

a.repeat:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}

.three span {
	color: #ffffff;
	opacity: 0;
	transform: translate(-300px, 0) scale(0);
	animation: sideSlide .5s forwards;
}

@keyframes sideSlide {
	60% {
		transform: translate(20px, 0) scale(1);
		color: #ffffff;
	}

	80% {
		transform: translate(20px, 0) scale(1);
		color: #ffffff;
	}

	99% {
		transform: translate(0) scale(1.2);
		color: #d1ab68;
	}

	100% {
		transform: translate(0) scale(1);
		opacity: 1;
		color: #ffffff;
	}
}

.animate-2 span:nth-of-type(1) {
	animation-delay: 0.91s;
}
.animate-2 span:nth-of-type(2) {
	animation-delay: 0.93s;
}
.animate-2 span:nth-of-type(3) {
	animation-delay: 0.95s;
}
.animate-2 span:nth-of-type(4) {
	animation-delay: 0.97s;
}
.animate-2 span:nth-of-type(5) {
	animation-delay: 0.99s;
}
.animate-2 span:nth-of-type(6) {
	animation-delay: 1.01s;
}
.animate-2 span:nth-of-type(7) {
	animation-delay: 1.03s;
}
.animate-2 span:nth-of-type(8) {
	animation-delay: 1.05s;
}
.animate-2 span:nth-of-type(9) {
	animation-delay: 1.07s;
}
.animate-2 span:nth-of-type(10) {
	animation-delay: 1.09s;
}
.animate-2 span:nth-of-type(11) {
	animation-delay: 1.11s;
}
.animate-2 span:nth-of-type(12) {
	animation-delay: 1.13s;
}
.animate-2 span:nth-of-type(13) {
	animation-delay: 1.15s;
}
.animate-2 span:nth-of-type(14) {
	animation-delay: 1.17s;
}
.animate-2 span:nth-of-type(15) {
	animation-delay: 1.19s;
}
.animate-2 span:nth-of-type(16) {
	animation-delay: 1.21s;
}
.animate-2 span:nth-of-type(17) {
	animation-delay: 1.23s;
}
.animate-2 span:nth-of-type(18) {
	animation-delay: 1.25s;
}
.animate-2 span:nth-of-type(19) {
	animation-delay: 1.27s;
}
.animate-2 span:nth-of-type(20) {
	animation-delay: 1.29s;
}
.animate-2 span:nth-of-type(21) {
	animation-delay: 1.31s;
}
.animate-2 span:nth-of-type(22) {
	animation-delay: 1.33s;
}
.animate-2 span:nth-of-type(23) {
	animation-delay: 1.35s;
}
.animate-2 span:nth-of-type(24) {
	animation-delay: 1.37s;
}
.animate-2 span:nth-of-type(25) {
	animation-delay: 1.39s;
}
.animate-2 span:nth-of-type(26) {
	animation-delay: 1.41s;
}
.animate-2 span:nth-of-type(27) {
	animation-delay: 1.43s;
}
.animate-2 span:nth-of-type(28) {
	animation-delay: 1.45s;
}
.animate-2 span:nth-of-type(29) {
	animation-delay: 1.47s;
}
.animate-2 span:nth-of-type(30) {
	animation-delay: 1.49s;
}


/* Animation-3 Three */

.animate-3 span {
	display: inline-block;
}

a.repeat {
  display: inline-block;
  font-size: 12px;
  text-transform: none;
  text-decoration: none;
  color: orange;
  padding: 5px 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-weight: normal;
  margin: 0 0 0 50px;
  border-radius: 3px;
  position: relative;
  bottom: 15px;
}

a.repeat:hover {
  background: rgba(0, 0, 0, 0.7);
  color: white;
}



.three3 span {
	color: #ffffff;
	font-weight: bold;
	background: #551418;
	padding: 4px 1px 4px 1px;
	opacity: 0;
	transform: translate(-300px, 0) scale(0);
	animation: sideSlide3 .5s forwards;
}

@keyframes sideSlide3 {
	60% {
		transform: translate(20px, 0) scale(1);
		color: #ffffff;
	}

	80% {
		transform: translate(20px, 0) scale(1);
		color: #ffffff;
	}

	99% {
		transform: translate(0) scale(1.2);
		color: #551418;
	}

	100% {
		transform: translate(0) scale(1);
		opacity: 1;
		color: #ffffff;
	}
}

.animate-3 span:nth-of-type(1) {
	animation-delay: 1.53s;
}
.animate-3 span:nth-of-type(2) {
	animation-delay: 1.57s;
}
.animate-3 span:nth-of-type(3) {
	animation-delay: 1.61s;
}
.animate-3 span:nth-of-type(4) {
	animation-delay: 1.65s;
}
.animate-3 span:nth-of-type(5) {
	animation-delay: 1.69s;
}
.animate-3 span:nth-of-type(6) {
	animation-delay: 1.73s;
}
.animate-3 span:nth-of-type(7) {
	animation-delay: 1.77s;
}
.animate-3 span:nth-of-type(8) {
	animation-delay: 1.81s;
}
.animate-3 span:nth-of-type(9) {
	animation-delay: 1.85s;
}
.animate-3 span:nth-of-type(10) {
	animation-delay: 1.89s;
}
.animate-3 span:nth-of-type(11) {
	animation-delay: 1.93s;
}
.animate-3 span:nth-of-type(12) {
	animation-delay: 1.97s;
}
.animate-3 span:nth-of-type(13) {
	animation-delay: 2.01s;
}
.animate-3 span:nth-of-type(14) {
	animation-delay: 2.05s;
}
.animate-3 span:nth-of-type(15) {
	animation-delay: 2.09s;
}
.animate-3 span:nth-of-type(16) {
	animation-delay: 2.13s;
}
.animate-3 span:nth-of-type(17) {
	animation-delay: 2.17s;
}
.animate-3 span:nth-of-type(18) {
	animation-delay: 2.21s;
}
.animate-3 span:nth-of-type(19) {
	animation-delay: 2.25s;
}
.animate-3 span:nth-of-type(20) {
	animation-delay: 2.29s;
}
.animate-3 span:nth-of-type(21) {
	animation-delay: 2.33s;
}
.animate-3 span:nth-of-type(22) {
	animation-delay: 2.37s;
}


/* Block */

.col-xl-2 {
    opacity: 0;
    animation-name: icon_4;
    animation-duration: 2s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
}

@keyframes icon_4 {
  0% {transform: translateY(100px);}
  100% {transform: translateY(0); opacity: 1;}

}