/* ========== ANIMATE ========== */

	.animated {
		-webkit-animation-duration: 1s !important;
		animation-duration: 1s !important;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
	/* ========== END ANIMATE ========== */




	/* ========== TIMING ========== */

	.delay-1 {
		-webkit-animation-delay: 300ms;
		-moz-animation-delay: none;
		animation-delay: 300ms;
	}
	.delay-2 {
		-webkit-animation-delay: 600ms;
		-moz-animation-delay: none;
		animation-delay: 600ms;
	}
	.delay-3 {
		-webkit-animation-delay: 900ms;
		-moz-animation-delay: none;
		animation-delay: 900ms;
	}
	.delay-4 {
		-webkit-animation-delay: 1200ms;
		-moz-animation-delay: none;
		animation-delay: 1200ms;
	}
	.delay-5 {
		-webkit-animation-delay: 1500ms;
		-moz-animation-delay: none;
		animation-delay: 1500ms;
	}
	.delay-6 {
		-webkit-animation-delay: 1800ms;
		-moz-animation-delay: none;
		animation-delay: 1800ms;
	}
	.delay-7 {
		-webkit-animation-delay: 2100ms;
		-moz-animation-delay: none;
		animation-delay: 2100ms;
	}
	.delay-8 {
		-webkit-animation-delay: 2400ms;
		-moz-animation-delay: none;
		animation-delay: 2400ms;
	}
	.delay-9 {
		-webkit-animation-delay: 2700ms;
		-moz-animation-delay: none;
		animation-delay: 2700ms;
	}
	
	/* ========== END TIMING ========== */


	/* ========== BACKGROUND OVERLAYS ========== */

		/* ========== BACKGROUND OVERLAYS DARK 1 ========== */
	
			.bgOverlays-dark-1{
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dark-1:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dark-1  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dark-1:after {
			  background-color: rgba(0, 0, 0, 0.3);
			}
		/* ========== END TRANSPARENT BACKGROUND DARK 1 ========== */
	
	
		/* ========== BACKGROUND OVERLAYS DARK 2 ========== */
	
			.bgOverlays-dark-2{
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dark-2:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dark-2  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dark-2:after {
			  background-color: rgba(0, 0, 0, 0.4);
			}
		/* ========== END TRANSPARENT BACKGROUND DARK 2 ========== */
	
	
		/* ========== BACKGROUND OVERLAYS DARK 3 ========== */
	
			.bgOverlays-dark-3{
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dark-3:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dark-3  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dark-3:after {
			  background-color: rgba(0, 0, 0, 0.7);
			}
		/* ========== END TRANSPARENT BACKGROUND DARK 3 ========== */
		
		
		/* ========== BACKGROUND OVERLAYS DARK 4 ========== */
	
			.bgOverlays-dark-4{
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dark-4:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dark-4  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dark-4:after {
			  background-color: rgba(0, 0, 0, 0.9);
			}
		/* ========== END TRANSPARENT BACKGROUND DARK 4 ========== */
		
		/* ========== BACKGROUND OVERLAYS DOTTED 1 ========== */
	
			.bgOverlays-dotted-1 {
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dotted-1:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dotted-1  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dotted-1:after {
			  background-image: url("../img/dotted/01.png");
			}
		/* ========== END TRANSPARENT DOTTED 1 ========== */
		
		
		/* ========== BACKGROUND OVERLAYS DOTTED 2 ========== */
	
			.bgOverlays-dotted-2 {
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dotted-2:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dotted-2  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dotted-2:after {
			  background-image: url("../img/dotted/02.png");
			}
		/* ========== END TRANSPARENT DOTTED 2 ========== */
		
		
		/* ========== BACKGROUND OVERLAYS DOTTED 3 ========== */
	
			.bgOverlays-dotted-3 {
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dotted-3:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dotted-3  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dotted-3:after {
			  background-image: url("../img/dotted/03.png");
			}
		/* ========== END TRANSPARENT DOTTED 3 ========== */
		
		
		/* ========== BACKGROUND OVERLAYS DOTTED 4 ========== */
	
			.bgOverlays-dotted-4 {
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dotted-4:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dotted-4  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dotted-4:after {
			  background-image: url("../img/dotted/04.png");
			}
		/* ========== END TRANSPARENT DOTTED 4 ========== */
		
		
		/* ========== BACKGROUND OVERLAYS DOTTED 5 ========== */
	
			.bgOverlays-dotted-5 {
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dotted-5:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dotted-5  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dotted-5:after {
			  background-image: url("../img/dotted/05.png");
			}
		/* ========== END TRANSPARENT DOTTED 5 ========== */
		
		
		/* ========== BACKGROUND OVERLAYS DOTTED 6 ========== */
	
			.bgOverlays-dotted-6 {
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dotted-6:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dotted-6  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dotted-6:after {
			  background-image: url("../img/dotted/06.png");
			}
		/* ========== END TRANSPARENT DOTTED 6 ========== */
		
		
		/* ========== BACKGROUND OVERLAYS DOTTED 7 ========== */
	
			.bgOverlays-dotted-7 {
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dotted-7:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dotted-7  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dotted-7:after {
			  background-image: url("../img/dotted/07.png");
			}
		/* ========== END TRANSPARENT DOTTED 7 ========== */
		
		
		/* ========== BACKGROUND OVERLAYS DOTTED 8 ========== */
	
			.bgOverlays-dotted-8 {
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dotted-8:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dotted-8  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dotted-8:after {
			  background-image: url("../img/dotted/08.png");
			}
		/* ========== END TRANSPARENT DOTTED 8 ========== */
		
		
		/* ========== BACKGROUND OVERLAYS DOTTED 9 ========== */
	
			.bgOverlays-dotted-9 {
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				background-position: 50% 0;
				background-repeat: no-repeat;
				z-index: 1;
				position: relative;
				overflow: hidden;
			}

			.bgOverlays-dotted-9:after{
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
				width: 100%;
				height: 100%;
				-webkit-transition: all 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out;
				transition: all 0.2s ease-in-out;
				-webkit-backface-visibility: hidden;
				-webkit-transform: translateZ(0) scale(1, 1);
			}

			.bgOverlays-dotted-9  > div {
				z-index: 3;
				position: relative;
			}

			.bgOverlays-dotted-9:after {
			  background-image: url("../img/dotted/09.png");
			}
		/* ========== END TRANSPARENT DOTTED 9 ========== */
	/* ========== END TRANSPARENT BACKGROUND DARK ========== */

	
	/* ========== HEAD TITLE ========= */
	
		.headTitle h1, .headTitle h2, .headTitle h3 {
			font-family: 'Lato', sans-serif; /*  */
			font-weight: 700;
			color: #fff;
		}
		
		.headTitle h4 {
			font-family: 'Lato', sans-serif; /*  */
			font-weight: 500;
			color: #fff;
		}
		
		.subTitle h1, .subTitle h2{
			font-family: 'Lato', sans-serif; /*  */
			font-weight: 700;
			color: #fff;
		}
		
		.subTitle h3, .subTitle h4, .subTitle h5 {
			font-family: 'Lato', sans-serif; /*  */
			font-weight: 500;
			color: #fff;
		}
	/* ========== END HEAD TITLE ========= */
	
	/* ========== BUTTON ========= */
	
		.btn {
			display: inline-block;
			margin: 0;
			padding: 10px 15px;
			font-family: "Montserrat",sans-serif;
			font-size: 14px;
			font-weight: normal;
			line-height: 1.5;
			text-align: center;
			text-decoration: none;
			white-space: nowrap;
			vertical-align: middle;
			-ms-touch-action: manipulation;
			touch-action: manipulation;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			background-image: none;
			border: none;
			border-radius: 4px;
		}
		
		.btn-xl{
			font-size: 24px;
		}
		
		.btn-lg{
			font-size: 18px;
		}
		
		.btn-md{
			font-size: 16px;
		}
		
		.btn-sm{
			font-size: 14px;
		}
		
		.btn-xs{
			font-size: 12px;
		}
	/* ========== END BUTTON ========= */
	
	/*shadow*/
.shadow,
.shadow-narrow {
  position: relative;
  background-color: #ffffff;
}

.light-gray-bg.shadow,
.light-gray-bg.shadow-narrow {
  background-color: #fafafa;
}

.bordered {
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.dark-bg .bordered {
  border: 1px solid #555555;
}

.shadow *,
.shadow-narrow * {
  position: relative;
  z-index: 3;
}

.shadow:before,
.shadow-narrow:before {
  position: absolute;
  left: 0;
  height: 60%;
  bottom: 0;
  width: 100%;
  content: "";
  background-color: #ffffff;
  z-index: 2;
}

.light-gray-bg.shadow:before,
.light-gray-bg.shadow-narrow:before {
  background-color: #fafafa;
}

.shadow:after,
.shadow-narrow:after {
  content: "";
  position: absolute;
  height: 50%;
  width: 96%;
  left: 50%;
  bottom: 2px;
  margin-left: -48%;
  -webkit-box-shadow: 0 5px 7px #999999;
  box-shadow: 0 5px 7px #999999;
  z-index: 1;
  border-radius: 10%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.shadow-narrow:after {
  width: 90%;
  margin-left: -45%;
}

.shadow:hover:after,
.shadow-narrow:hover:after {
  bottom: 10px;
}

.shadow-2 {
  -webkit-box-shadow: 0 10px 6px -6px #999;
  box-shadow: 0 10px 6px -6px #999;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.shadow-2:hover {
  -webkit-box-shadow: 0 18px 24px -9px #999;
  box-shadow: 0 18px 24px -9px #999;
}