@font-face {
	font-family: Salty Ocean;
	src: url(css/font/Salty-Ocean.ttf);
	}
@font-face {	
	font-family: Actonia_PERSONAL;
	src: url('css/font/Actonia_PERSONAL.ttf');
}
@font-face {
	font-family: ComicSansMS;
	src: url('css/font/ComicSansMS3.ttf');
}
@font-face {
	font-family: Monotype Corsiva;
	src: url('css/font/Monotype Corsiva.ttf');
}


br {
	margin: 0px;
	padding: 0px;
}

.img-float-left {
	position: absolute;
	left: -30px;
	top: 10px;
	max-height: 90%;
}
.img-float-right {
	position: absolute;
	right: -10px;
	top: 10px;
	max-height: 90%;
}
.con{
	position: relative;
}
.min-width{
	min-width: 300px;
}

.weding-title{
	font-family: Salty Ocean;
	font-size: 120px;
	text-shadow: 4px 4px #FFFFFF;
	position: absolute;
	z-index: 999;
	text-align: center;
	width: 100%;
	top: 0;
}
.slide-1 {
	height: 1900px;
	background: url('img/top-1.jpg') top center no-repeat #ffffff;
	background-size: cover;
}
.slide-2 {
	height: 1900px;
	background: url('img/top-2.jpg') top center no-repeat #ffffff;
	background-size: cover;
}
.slide-3 {
	height: 1900px;
	background: url('img/top-3.jpg') top center no-repeat #ffffff;
	background-size: cover;
}


/* Text Glitch (Grunge) Effect by igniel.com */
.ignielGlitch {
	/*color: #000;*/
	position: relative;
	animation: ignielGlitch1 3.5s infinite;
	-moz-animation: ignielGlitch1 2.5s infinite;
	-webkit-animation: ignielGlitch1 2.5s infinite;
	-o-animation: ignielGlitch1 2.5s infinite;
}
.ignielGlitch:before,  .ignielGlitch:after {
	content: attr(data-text);
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.ignielGlitch:before {
	color: #000;
	animation: ignielGlitch2 3.5s infinite;
	-moz-animation: ignielGlitch2 2.5s infinite;
	-webkit-animation: ignielGlitch2 2.5s infinite;
	-o-animation: ignielGlitch2 2.5s infinite;
}
.ignielGlitch:after {
	color: #000;
	animation: ignielGlitch3 3.5s infinite;
	-moz-animation: ignielGlitch3 2.5s infinite;
	-webkit-animation: ignielGlitch3 2.5s infinite;
	-o-animation: ignielGlitch3 2.5s infinite;
}
@keyframes ignielGlitch1{
	0% {
		transform: none;
	opacity: 1;
	}7% {
		transform: skew(-0.5deg, -0.9deg);
	opacity: 0.75;
	}10% {
		transform: none;
	opacity: 1;
	}27% {
		transform: none;
	opacity: 1;
	}30% {
		transform: skew(0.8deg, -0.1deg);
	opacity: 0.75;
	}35% {
		transform: none;
	opacity: 1;
	}52% {
		transform: none;
	opacity: 1;
	}55% {
		transform: skew(-1deg, 0.2deg);
	opacity: 0.75;
	}50% {
		transform: none;
	opacity: 1;
	}72% {
		transform: none;
	opacity: 1;
	}75% {
		transform: skew(0.4deg, 1deg);
	opacity: 0.75;
	}80% {
		transform: none;
	opacity: 1;
	}100% {
		transform: none;
	opacity: 1;
	}
}
@-webkit-keyframes ignielGlitch1{
	0% {
		transform: none;
	opacity: 1;
	}7% {
		transform: skew(-0.5deg, -0.9deg);
	opacity: 0.75;
	}10% {
		transform: none;
	opacity: 1;
	}27% {
		transform: none;
	opacity: 1;
	}30% {
		transform: skew(0.8deg, -0.1deg);
	opacity: 0.75;
	}35% {
		transform: none;
	opacity: 1;
	}52% {
		transform: none;
	opacity: 1;
	}55% {
		transform: skew(-1deg, 0.2deg);
	opacity: 0.75;
	}50% {
		transform: none;
	opacity: 1;
	}72% {
		transform: none;
	opacity: 1;
	}75% {
		transform: skew(0.4deg, 1deg);
	opacity: 0.75;
	}80% {
		transform: none;
	opacity: 1;
	}100% {
		transform: none;
	opacity: 1;
	}
}
@keyframes ignielGlitch2{
	0% {
		transform: none;
	opacity: 0.25;
	}7% {
		transform: translate(-2px, -3px);
	opacity: 0.5;
	}10% {
		transform: none;
	opacity: 0.25;
	}27% {
		transform: none;
	opacity: 0.25;
	}30% {
		transform: translate(-5px, -2px);
	opacity: 0.5;
	}35% {
		transform: none;
	opacity: 0.25;
	}52% {
		transform: none;
	opacity: 0.25;
	}55% {
		transform: translate(-5px, -1px);
	opacity: 0.5;
	}50% {
		transform: none;
	opacity: 0.25;
	}72% {
		transform: none;
	opacity: 0.25;
	}75% {
		transform: translate(-2px, -6px);
	opacity: 0.5;
	}80% {
		transform: none;
	opacity: 0.25;
	}100% {
		transform: none;
	opacity: 0.25;
	}
}
@-webkit-keyframes ignielGlitch2{
	0% {
		transform: none;
	opacity: 0.25;
	}7% {
		transform: translate(-2px, -3px);
	opacity: 0.5;
	}10% {
		transform: none;
	opacity: 0.25;
	}27% {
		transform: none;
	opacity: 0.25;
	}30% {
		transform: translate(-5px, -2px);
	opacity: 0.5;
	}35% {
		transform: none;
	opacity: 0.25;
	}52% {
		transform: none;
	opacity: 0.25;
	}55% {
		transform: translate(-5px, -1px);
	opacity: 0.5;
	}50% {
		transform: none;
	opacity: 0.25;
	}72% {
		transform: none;
	opacity: 0.25;
	}75% {
		transform: translate(-2px, -6px);
	opacity: 0.5;
	}80% {
		transform: none;
	opacity: 0.25;
	}100% {
		transform: none;
	opacity: 0.25;
	}
}
@keyframes ignielGlitch3{
	0% {
		transform: none;
	opacity: 0.25;
	}7% {
		transform: translate(2px, 3px);
	opacity: 0.5;
	}10% {
		transform: none;
	opacity: 0.25;
	}27% {
		transform: none;
	opacity: 0.25;
	}30% {
		transform: translate(5px, 2px);
	opacity: 0.5;
	}35% {
		transform: none;
	opacity: 0.25;
	}52% {
		transform: none;
	opacity: 0.25;
	}55% {
		transform: translate(5px, 1px);
	opacity: 0.5;
	}50% {
		transform: none;
	opacity: 0.25;
	}72% {
		transform: none;
	opacity: 0.25;
	}75% {
		transform: translate(2px, 6px);
	opacity: 0.5;
	}80% {
		transform: none;
	opacity: 0.25;
	}100% {
		transform: none;
	opacity: 0.25;
	}
}
@-webkit-keyframes ignielGlitch3{
	0% {
		transform: none;
	opacity: 0.25;
	}7% {
		transform: translate(2px, 3px);
	opacity: 0.5;
	}10% {
		transform: none;
	opacity: 0.25;
	}27% {
		transform: none;
	opacity: 0.25;
	}30% {
		transform: translate(5px, 2px);
	opacity: 0.5;
	}35% {
		transform: none;
	opacity: 0.25;
	}52% {
		transform: none;
	opacity: 0.25;
	}55% {
		transform: translate(5px, 1px);
	opacity: 0.5;
	}50% {
		transform: none;
	opacity: 0.25;
	}72% {
		transform: none;
	opacity: 0.25;
	}75% {
		transform: translate(2px, 6px);
	opacity: 0.5;
	}80% {
		transform: none;
	opacity: 0.25;
	}100% {
		transform: none;
	opacity: 0.25;
	}
}