#header {
	margin:auto;
	text-align:center;
}

#header .logo {
	z-index:990;
	position:relative;
	padding:0px;
	margin-top:30px;	
}

#header .logo h3 {
	display:inline;
	font-family: "Yanone Kaffeesatz",'Lato', Calibri, Arial, sans-serif;
	font-size:32px;
	margin:0;
}

.travel-plan {
	text-align:center;
	background:url("../images/travel-plan-plane.png") no-repeat top;
	width:180px;
	height:80px;
	position:absolute;
	margin-top:20px;
	margin-right:50px;
	left:70px;
	cursor:pointer;
}

.travel-plan a {
	width:180px;
	height:80px;
	display:inline-block;
}

.travel-plan-hint {
	margin-top:10px;
	margin-left:50px;
	display:none;
	text-align:center;
	width:150px;
	color:#999;
	text-shadow: 1px 1px 0px #eee
}

.travel-plan-hint span {
	position:absolute;
	margin-top:-20px;
	left:100px;
}

.travel-plan:hover .travel-plan-hint {
	display:block;
}

#baloon {
	text-align:center;
	background:url("../images/yellow-baloon-hover.png") no-repeat top;
	background:url("../images/yellow-baloon.png") no-repeat top;
	width:200px;
	height:400px;
	position:absolute;
	margin-top:20px;
	margin-right:50px;
	right:20px;
	font-size:56px;
	font-family: "Yanone Kaffeesatz",'Lato', Calibri, Arial, sans-serif;
	color:#ff6f8b;
	text-shadow: 1px 1px 0px #999, 2px 2px 0px #eee;
	padding-top:20px;
	-webkit-transition: background 400ms ease;
    -moz-transition: background 400ms ease-in;
    transition: background 400ms ease-in;
}

#baloon:hover {
	background:url("../images/yellow-baloon-hover.png") no-repeat top;
}

.wedding-date strong span{
	font-size:30px;
}
.wedding-date .month {
	position:absolute;
	top:78px;
	left:30px;
	text-transform: uppercase;
	font-size:42px;
}

.wedding-date > span{
	position:absolute;
	top:112px;
	left:54px;
	font-size:50px;
}

.couple {
	margin:auto;
	margin-top:60px;
	text-align:center;
	background:url("../images/base.png") no-repeat bottom;
	padding-bottom:70px;
}

.heart-small {
	background:url("../images/heart-small.png") no-repeat bottom;
	width:80px;
	height:80px;
	margin:auto;
}

.heart-big {
	background:url("../images/heart-big.png") no-repeat left bottom;
	width:130px;
	height: 100px;
	margin:auto;
	margin-bottom:-20px;
}

.groom-ankur {
	background:url("../images/ankur-groom.png") no-repeat right bottom;
	width:201px;
	height: 295px;
	display:inline-block;
}

.bride-charul {
	background:url("../images/charul-bride.png") no-repeat bottom;
	width:201px;
	height: 295px;
	display:inline-block;
}

.couple-name {
	margin:auto;
	text-align:center;
}

#baloon{
	animation: zigzagv ease 3.5s infinite;
	-webkit-animation: zigzagv ease 3.5s infinite;
	-moz-animation: zigzagv ease 3.5s infinite;
}

.heart-small{
	animation: ccwmotion 2.5s linear infinite;
	-webkit-animation: ccwmotion 2.5s linear infinite;
	-moz-animation: ccwmotion 2.5s linear infinite;
}

.heart-big{
	animation: cwmotion 2.5s linear infinite;
	-webkit-animation: cwmotion 2.5s linear infinite;
	-moz-animation: cwmotion 2.5s linear infinite;
}

.travel-plan {
	animation: plane linear 12s infinite;
	-webkit-animation: plane linear 12s infinite;
	-moz-animation: plane 12s linear infinite;
}

@keyframes zigzagv {
	0%, 100% {
			margin-top:0px;
	}
	50% {
			margin-top:20px;
	}
}

@-webkit-keyframes zigzagv {
	0%, 100% {
			margin-top:0px;
	}
	50% {
			margin-top:20px;
	}
}

@-moz-keyframes zigzagv {
	0%, 100% { 
		margin-top:0px;
	}
	50% { 
		margin-top:20px;
	}	
}

@keyframes cwmotion {
	0%, 100% {
			transform:rotate(20deg);
	}
	50% {
			transform:rotate(0deg);
	}
}


@-webkit-keyframes cwmotion {
	0%, 100% {
			-webkit-transform:rotate(20deg);
	}
	50% {
			-webkit-transform:rotate(0deg);
	}
}

@-moz-keyframes cwmotion {
	0%, 100% { 
		-moz-transform: rotate(20deg);
	}
	50% { 
		-moz-transform: rotate(0deg);
	}	
}

@keyframes ccwmotion {
	0%, 100% {
			transform:rotate(-10deg);
	}
	50% {
			transform:rotate(0deg);
	}
}

@-webkit-keyframes ccwmotion {
	0%, 100% {
			-webkit-transform:rotate(-10deg);
	}
	50% {
			-webkit-transform:rotate(0deg);
	}
}

@-moz-keyframes ccwmotion {
	0%, 100% { 
		-moz-transform: rotate(-10deg);
	}
	50% { 
		-moz-transform: rotate(0deg);
	}	
}
	
@keyframes plane {
	0%, 100% {
			left:40px;
			margin-top:10px;
			transform:rotate(0deg);
	}
	25% {
			transform:rotate(5deg);
	}
	50% {
			left:80px;
			margin-top:20px;
			transform:rotate(0deg);
	}
	75% {
			transform:rotate(3deg);
	}
}

@-webkit-keyframes plane {
	0%, 100% {
			left:40px;
			margin-top:10px;
			-webkit-transform:rotate(0deg);
	}
	25% {
		-webkit-transform:rotate(5deg);
	}
	50% {
			left:80px;
			margin-top:20px;
			-webkit-transform:rotate(0deg);
	}
	75% {
		-webkit-transform:rotate(3deg);
	}
}

@-moz-keyframes plane {
	0%, 100% { 
			left:40px;
			margin-top:10px;
			-moz-transform: rotate(0deg);
	}
	25% {
		-moz-transform: rotate(5deg);
	}
	50% { 
			left:80px;
			margin-top:20px;
			-moz-transform: rotate(0deg);
	}
	75% {
		-moz-transform: rotate(3deg);
	}	
}


.marriage-invitation {
	margin:auto;
	margin-top:10px;
	text-align:center;
	font-family:"Princess Sofia";
	font-size:28px;
}

.couple-name {
	margin:0px;
	padding:10px 15px 20px;
	border-radius:15px;
	display:inline-block;
}

h2.ankur-n, h2.charul-n, h3.and-n  {
	display:inline-block;
	padding:0px 10px;
	border-radius:10px;
	font-family: "Concert One", "Yanone Kaffeesatz",'Lato', Calibri, Arial, sans-serif;
	font-size:80px;
	margin:0;
	text-transform: uppercase;
	color: #f8b2c0;
	text-shadow:
    -1px -2px 1px #fff,
    1px 1px 1px rgba(232,247,255,0.9),
    1px 1px 0 #2a658b,
    2px 2px 0 #29638a,
    3px 3px 0 #286188,
    4px 4px 0 #275f85,
    5px 5px 0 #265d83,
    6px 6px 0 #255a80,
    7px 7px 0 #24577d,
    8px 8px 0 #235479,
    9px 9px 1px rgba(28,67,103,0.5),
    10px 10px 12px rgba(5,13,20,0.5);
}

h2.ankur-n {
	color:#ebd9b4;
}

h3.and-n {
	display:inline-block;
	font-family: "Yanone Kaffeesatz",'Lato', Calibri, Arial, sans-serif;
	font-size:60px;
	color:#afedfa;
}

.getting-married {
	color:#f9f9f9;
	font-family: 'Handlee';
	font-size:22px;
	font-weight:bold;
	text-shadow: 1px 1px 1px #666;
}

#main .content {
	margin:auto;
	margin-top:40px;
	background:url("../images/dimension-bg.png") rgba(255,255,255,0.9);
	width:660px;
	border-radius:20px;
	border:1px solid #ddd;
	padding:10px 20px 20px;
	box-shadow:7px 7px 0px rgba(70,70,70,0.5);
	font-family:Handlee;
	font-size:20px;
}

.content .bethere, .content .datentime {
	width:300px;
	display:inline-block;
	float:left;
}

.content .bethere span {
	font-size:30px;
	font-family: "Yanone Kaffeesatz",'Lato', Calibri, Arial, sans-serif;
	display:block;
}

.content .bethere span.maplink {
	position:absolute;
	margin-left:180px;
	margin-top:-60px;
}
.content .bethere span.maplink:hover {
	transform:rotate(360deg);
	transition: all 0.4s ease;
	
	-ms-transform:rotateY(360deg);
	
	-webkit-transform: rotateY(360deg);
	-webkit-transition: all 0.4s ease;
  
	-moz-transform: rotateY(360deg);
	-moz-transition: all 0.4s linear;
}

.content .datentime {
	text-align:right;
}

.content .datentime  div{
	margin-right:80px;
}

.content .datentime span.invitationlink {
	position:absolute;
	margin-left:20px;
	padding-left:10px;
	border-left:2px solid #ddd;
	margin-top:-70px;
	text-align:left;
	height:60px;
}

.content .datentime span.invitation-pointer {
	position:absolute;
	margin-left:75px;
	margin-top:-75px;
}

.content .datentime span.invitationlink:hover img {
	animation: moveup ease 1s;
	-webkit-animation: moveup ease 1s;
}

@keyframes moveup {
	0%, 100% {
		margin-top:0px;
	}
	50% {
		margin-top:-7px;
	}
}

@-webkit-keyframes moveup {
	0%, 100% {
		margin-top:0px;
	}
	50% {
		margin-top:-7px;
	}
}

.content h4 {
	font-family: "Yanone Kaffeesatz", Calibri, Arial, sans-serif;
	font-size:34px;
	margin:7px 0;
	color:#d23957;
	text-shadow:2px 2px 0px #ccc;
}

.content h5 {
	font-family: "Yanone Kaffeesatz", Calibri, Arial, sans-serif;
	font-size:30px;
	text-shadow:2px 2px 2px #eee;
	margin:7px 0;
	color:#89c160;
}

.content .datentime h5 span {
	font-size:20px;
	font-family: "Yanone Kaffeesatz", Calibri, Arial, sans-serif;
}

.content .datentime h5 span.time {
	font-size:27px;
	font-family:  "Yanone Kaffeesatz", Calibri, Arial, sans-serif;
	letter-spacing:2px;
}

.content .travel-title  {
	color:#888;
	text-align:center;
	margin-top:-5px;
}

.stations .air, .stations .train, .stations .bus  {
	width:200px;
	float:left;
	text-align:center;
	color:#222;
	font-size:18px;
}

.stations .text {
	margin-top:5px;
	font-size:16px;
	color:#666;
	font-family: Calibri, Arial;
	padding:0 7px;
}

.content .gifts-title {
	color:#888;
	text-align:center;
	margin-top:0px;
}

#main .content.gifts .high-value{
	font-size:16px;
	font-family: Calibri, Arial;
	text-align:center;
	margin-top:10px;
}

.high-value .apple, .high-value .canon, .high-value .bike, .high-value .car {
	float:left;
	width:130px;
}

.high-value .bike, .high-value .car {
	width:170px;
}

.high-value .car {
	margin-top:24px;
}

.high-value .canon img, .high-value .bike img{
	height:95px;
}

.high-value .apple {
	margin-top: 10px;
}

.presence {
	margin-top:20px;
	border-top:2px solid #ddd;
	padding-top:10px;
	font-family: Calibri, Arial;
	font-size:16px;
	color:#007e99;
}

.presence .or {
	text-align:center;
	font-size:20px;
}

#footer {
	padding:20px;
	margin:auto;
	margin-top:30px;
	text-align:center;
}

.fblike {
	position: fixed;
	bottom: 10px;
	left: 50%;
	margin-left: 350px;
	padding: 10px;
	width: 48px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity: .7;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	height: 26px;
}

.fblike:hover {
	opacity:1;
}

.headtip {
	background-image: url("../images/head-tip-nb.png");
	background-repeat: no-repeat;
	background-size: auto;
	height: 9px;
	left: 75px;
	position: absolute;
	top: -9px;
	width: 16px;
}

.ankur-detail, .charul-detail {
	position:absolute;
	width:170px;
	height:54px;
	margin-left:35px;
	margin-top:-1px;
	background:#fff;
	text-align:left;
	border-radius:25px;
	padding:2px;
	font-size:20px;
	font-family:arial;
	display:none;
	box-shadow:3px 3px 5px #777;
}

.charul-detail  {
	margin-left:55px;
}

h2.ankur-n:hover .ankur-detail{
	display:block;
}

h2.charul-n:hover .charul-detail{
	display:block;
}

.ankur-detail img, .charul-detail img {
	border-radius:25px;
	vertical-align: top;
	display:inline;
}

.ankur-detail i, .charul-detail i {
	color:#999;
	font-size: 20px;
	display: inline;
	line-height: 49px;
	text-shadow:none;
}

i.icon-facebook:hover {
	color:#3B5998;
}

i.icon-twitter:hover {
	color:#4099FF;
}

i.icon-firefox:hover {
	color:#DF3A01;
}