/* -----------------------------------------------------

[Master Stylesheet]

Project:	ilove - One Page Love Story HTML Template
Version:	1.0
Author : Webyzona.com
Last update:	02 Oct 2014

[Table of contents]

1. Body & General
2. Core Bootstrap Modifications
3. Preloader
4. Main Navigation
5. Full Width Fade Carousel
6. Headings & Titles
7. ADAM & EVE Section
	- 7.1 Couples
	- 7.2 Loveline
8. Our Family Section
	- 8.1 Family Members
	- 8.2 Fun Facts
9. Big Moments Section
	- 9.1 Video
	- 9.2 Special Events
10.Favorites List Section
	- 10.1 Favorites
	- 10.2 Common Favorites
11.Our Blog
12.Contact Section
13.Footer Section
	- 13.1 Twitter
	- 13.2 Footer
14.Misc
	- 14.1 Parallax Effect Control
	- 14.2 Social Icons
	- 14.3 Hover Effect
	- 14.4 Pulsing Effect
	- 14.5 Buttons
	- 14.6 Magnific pop
	- 14.7 ilove Font
15.Responsive Changes
16.Blog Pages
17.404 Error page
18.Dropdown Menu
19.Wedding Page
20.RSVP Form

[Color codes]

Background:	#f9f7f9fff (White)
Primary Color:	#b30000 (Pink)
Secondary Color:	#f04c74 (Dark Pink)
Headers / Titles:	#283a44 (Dark Grey)
Subtitles:	#687177 (Light Grey)
a (standard):	#b30000 (Pink)
a (visited):	#f04c74 (Dark Pink)

-------------------------------------------------------- */



/* 1. Body & General */

html, body {
	height:100%;
	font-family: 'Lato', sans-serif;
	background:#f9f7f9;
		color:#f9f7f9;
}
a, a:hover, a:visited, a:active{
	text-decoration:none;
}
section{
	padding-top:30px;
}
.separator{
	margin-top:100px;
	height:56px;
	/*background:url(../images/sep.png) no-repeat center center;*/
	background:url(../images/dark-red-divider.png) no-repeat center center;
}
::selection {
	background: #b30000; /* Safari */
	color:#f9f7f9;
	}
::-moz-selection {
	background: #b30000; /* Firefox */
	color:#f9f7f9;
}
h1,h2,h3,h4,h5{
	color:#f9f7f9;
}
h2 span{
	color:#b30000;
	font-weight:bolder;
}
p{
	color:#687177;
}
.padtop100{
	padding-top:100px;
}
.padtop75{
	padding-top:75px;
}
.padtop50{
	padding-top:50px;
}
.padding{
	padding:50px 0px;
}
.overlay{
	background:url(../images/overlay.png) repeat;
	position:absolute;
	width:100%;
	height:100%;
}
.overlay2{
	background:url(../images/overlay2.png) repeat;
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
}
.white{
	background:#f9f7f9;
}
.grey{
	background:#f5f4f4;
}
.color{
	background:#b30000;
}
.dark{
	background:#283a44;
}
.pattern{
	background: #b30000 url(../images/pattern.png) repeat center center;
}

/* 2. Core Bootstrap modifications Start  */

.container-fluid{
	padding:0px;
	overflow:hidden;
}

.tooltip.top > .tooltip-inner, .tooltip.bottom > .tooltip-inner {background-color: #283a44;}
.tooltip.top > .tooltip-arrow {border-top-color: #283a44;}
.tooltip.bottom > .tooltip-arrow {border-bottom-color: #283a44;}

.zeropadding{
	padding:0px!important;
}

textarea:focus, input[type="text"]:focus,.form-control:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(239, 106, 138, 0.8);
	-webkit-border-color: rgba(239, 106, 138, 0.8);
    box-shadow:none;
    outline: 0 none;
}

a {
color: #b30000;
}

a:hover, a:focus {
/*color: #f04c74;*/
font-weight: bold;
text-decoration: underline;
}

/* 3. Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#b30000; /* change if the mask should have another color then white */
	z-index:9999999; /* makes sure it stays on top */
}

.spinner {
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	width: 50px;
	height: 30px;
	text-align: center;
	font-size: 10px;
	margin-left:-25px;
}

.spinner > div {
	background-color: #f9f7f9;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
	0%, 40%, 100% {
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
	}  20% {
	transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);
	}
}

/* 4. Main Navigation  */
.topbar-nav{
	width: 100%;
	height: 75px;
	background: #f9f7f9;
	position: absolute;
	z-index: 1000;
	box-shadow: 0px 0px 2px 0px #acacac;
}

.navbar-brand{
	padding:15px;
	margin-top: -3px;
}

.navbar-default {
	background-color: #f9f7f9;
	border:none;
}

.navbar-nav{
	margin:12px;
}

.navbar-default .navbar-nav>li>a{
	text-transform:uppercase;
	color:#283a44;
	font-size:14px;
	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.navbar-default .nav>li>a:hover, .navbar-default .nav>li.active a, .navbar-default .nav>li.active>a:focus, .navbar-default .nav>li.active>a:hover {
	color:#b30000;
	background:#f9f7f9;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 12px;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 4px;
	color:#283a44;
	font-size: 25px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background:none;
	color:#b30000;
}

/* 5. Full Width Fade Carousel */

#geo{
 	position: absolute;
	height: 100%;
	width: 100%;
	opacity:0.5;
	z-index:1;
}

#time div{
	padding:20px;
	font-size:30px;
	display:inline-block;
}

#time span{
	display:block;
	text-align:center;
	font-size:20px;
}

.messages{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index:3;
	text-align:center;
	top:20%;
	color:#f9f7f9;
}

.messages h1{
	font-size: 8em;
	font-family: 'Great Vibes', cursive;
}

.heart{
	color: #f04c74;
	font-size:100px;
}

.carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity}.carousel-fade .carousel-inner .active{opacity:1}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}.carousel-fade .carousel-control{z-index:2}
.carousel,
.item,
.active {
	height: calc(100% + 80px);
	height: -moz-calc(100% + 80px);
	height: -webkit-calc(100% + 80px);
	height: -o-calc(100% + 80px);
}

.carousel-inner {
	position:absolute;
	height:100%;
	background:#000;
}

.carousel-img {
	position:absolute;
	height:100%;
	width:100%;
	background-color:#000;
	background-size:cover;
	background-position:center center;
}

.fill {
	width:100%;
	height:100%;
	background-position: center;
	background-size: cover;
}
.carousel-caption{
	left:20%;
	right:20%;
	text-align:-webkit-center;
}
.carousel-caption h1{
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
}

.carousel-caption h2{
	font-size:16px;
	text-transform:uppercase;
}

.carousel-caption img{
	margin: 0px auto;
}

.ui-widget-header {
	width: 100%;
	height: 5px;
	background-color: #b30000;
	position:absolute;
	z-index:100;
}

.carousel-indicators {
	bottom: 100px;
}

.carousel-caption{
	top:50%;
}

/* 6. Headings & Titles */

.bigtitle{
	font-size:36px;
}

.heading{
	margin: 15px;
}

.heading h2{
	font-size: 48px;
}

.heading i{
	color:#b30000;
	font-size:12px;
}

.heading p{
	padding:40px 0px 50px;
	margin: 0 auto;
	text-align: center;
	width:70%;
	font-size:16px;
}

.heading span{
	color:#b30000;
}

.heading h3{
	font-family: 'Lato', sans-serif;
	color:#283a44;
}

.underline{
	font-family: 'Great Vibes', cursive;
	color:#283a44;
	border-bottom:1px solid #efefef;
	padding-bottom:35px;
	position:relative;
	text-align:center;
}
.underline:after{
    content: "";
    height: 3px;
    position: absolute;
    width: 100px;
	background:#b30000;
	margin:0 auto;
	left:0px;
	right:0px;
	bottom: 0px;
}

.underline2{
	font-family: 'Great Vibes', cursive;
	color:#f9f7f9;
	padding-bottom:15px;
	margin-top:40px;
	position:relative;
	text-align:center;
	font-size: 48px;
}
.underline2:after{
    content: "";
    height: 3px;
    position: absolute;
    width: 100px;
	background:#f9f7f9;
	margin:0 auto;
	left:0px;
	right:0px;
	bottom: 0px;
}

/* 7. ADAM & EVE Section */

/* 7.1 Couples */

#aboutthem{
	padding-top:0px!important;
}

.and{
	position: absolute;
	left: 50%;
	right: 50%;
	margin-top:100px;
	font-size: 70px;
	margin-left: -22px;
	color: #b30000;
	z-index: 2;
	font-family: 'Lato', sans-serif;

}

.man {
	text-align:right;
}

.woman {
	text-align:left;
}

.man .ch-item {
	background-image: url(../images/Taylor.png);
	background-size: 328px 300px;
}

.woman .ch-item {
	background-image: url(../images/Carly.png);
	background-size: 317px 300px;
}

.ch-grid {
	padding: 20px;
	list-style: none;
	display: block;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 300px;
	height: 300px;
	display: inline-block;
}

.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-info {
	position: absolute;
	background: rgba(239, 106, 138, 0.8);
	width: inherit;
	height: inherit;
	border-radius: 50%;
	opacity: 0;
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden;

}

.ch-info h3 {
	color: #f9f7f9;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 45px 0 0 0;
	height: 140px;
	text-shadow:
		0 0 1px #f9f7f9,
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #f9f7f9;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
	-webkit-transition: all 1s ease-in-out 0.4s;
	-moz-transition: all 1s ease-in-out 0.4s;
	-o-transition: all 1s ease-in-out 0.4s;
	-ms-transition: all 1s ease-in-out 0.4s;
	transition: all 1s ease-in-out 0.4s;
}

.ch-item:hover {
	box-shadow:
		inset 0 0 0 1px rgba(255,255,255,0.1),
		0 1px 2px rgba(0,0,0,0.1);
}
.ch-item:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.ch-item:hover .ch-info p {
	opacity: 1;
}

/* 7.2 Loveline */

.timeline { list-style: none; padding: 20px 0 20px; position: relative; }
.timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #eeeeee; left: 50%; margin-left: -1.5px; }
.timeline > li { margin-bottom: 30px; position: relative; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li:before, .timeline > li:after { content: " "; display: table; }
.timeline > li:after { clear: both; }
.timeline > li > .timeline-panel { width: 45%; float: left; border: 1px solid #d4d4d4; border-radius: 2px; padding: 20px; position: relative; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); }
.timeline > li > .timeline-panel:before { position: absolute; top: 36px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; }
.timeline > li > .timeline-panel:after { position: absolute; top: 37px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #f9f7f9; border-right: 0 solid #f9f7f9; border-bottom: 14px solid transparent; content: " "; }
.timeline > li > .timeline-badge { color: #f9f7f9; width: 70px; height: 70px; line-height: 70px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -35px; background-color: #b30000; z-index: 2; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
	border:2px solid #b30000;
	cursor:pointer; }
.timeline > li > .timeline-badge:hover { background:#f9f7f9; color:#b30000; }
.timeline > li > .timeline-badge i{ line-height:75px; font-size:28px;}
.timeline > li.timeline-inverted > .timeline-panel { float: right; }
.timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.timeline > li.timeline-inverted > .timeline-panel:after {  border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline-title { margin-top: 0; color: #b30000; }
.timeline-body > p, .timeline-body > ul { margin-bottom: 0; }
.timeline-body > p + p { margin-top: 5px; }

.negative25{
	margin-top:-25px;
}

.negative50{
	margin-top:-50px;
}

.negative75{
	margin-top:-75px;
}

.negative100{
	margin-top:-100px;
}

/* 8. Our Family Section */

/* 8.1 Family Members */

.family-member{
	margin:10px;
}

.family-member img{
	border-radius:180px;
}

.family-member h4{
	padding:10px;
	color:#f04c74;
	margin:0px;
	text-align:center;
}

.family-member h5{
	color:#283a44;
	margin:0px;
	text-align:center;
}

.man-family h3, .woman-family h3{
	color:#b30000;
	text-align:center;
	margin-top:100px;
	margin-bottom:30px;
}

.man-family p, .woman-family p{
	text-align:center;
	margin-bottom:30px;
}

/* 8.2 Fun Facts */

.fun-facts{
	margin-bottom:20px;
	color:#949da2;
}
.fun-facts .ico{
	float: left;
	width: 21.40350877192982%;
}
.fun-facts .text{
	float: left;
	margin-left: 6.666666666666667%;
	width: 71.92982456140351%;
}

.fun-facts span{
	width:120px;
	height:120px;
	border:2px #b30000 solid;
	border-radius:120px;
	background:	#f9f7f9;
	line-height:120px;
	text-align:center;
	color:#b30000;
	font-size:50px;
	-webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.fun-facts span:hover{
	background:	#b30000;
	color:#f9f7f9;
	cursor:pointer;
}
.fun-facts h4{
	padding: 15px 0px;
	text-transform:none;
	color:#687177;
	line-height:0px;
	font-size: 16px;
	font-weight:bold;
}

.counting{
	text-align:center;
}

.counts{
	font-size:30px;
	color:#b30000;
}

.counting h5{
	text-transform:uppercase;
	color:#687177;
}

/* 9. Big Moments Section */

/* 9.1 Video */

#moments{
	padding-top:0px;
}

.playvid a{
	color:#f9f7f9;
	font-size:90px;
	padding:5px;
	line-height:350px;
}

.playvid a:hover{
	text-decoration:none;
	color:#b30000;
}
.bigmoments .owl-carousel .owl-wrapper, .owl-carousel .owl-item{
	padding:0px;
}

/* 9.2 Special Events */

.event{
	margin:30px;
	width:320px;
	background:#b30000;
	color:#f9f7f9;
	text-align:center;
	padding:20px;
}

.alternative{
	background:#f04c74!important;
}

.event i{
	font-size:42px;
	padding:10px 0px;
}

.event p{
	color:#f9f7f9;
	padding:10px 0px;
}


/* 10. Favorites List Section */

/* 10.1 Favorites */

.favlist{
	text-align:center;
}

.favlist img{
	max-width:320px;
}

.favlist-title{
	width:100%;
	text-align:center;
}

.favlist-name{
	width:150px;
	background:#b30000;
	color:#f9f7f9;
	padding:10px;
	display:inline-block;
	font-size:22px;
	text-transform:uppercase;
}

.timeline-left{
	float: left;
	text-align: right;
	margin-left: 70px;
	margin-top: 18px;
}

.timeline-right{
	float: right;
	text-align: left;
	margin-right: 70px;
	margin-top: 18px;
}

.timeline-badge { color: #f9f7f9; width: 50px; height: 50px; line-height: 45px; font-size: 1.4em; text-align: center; position: absolute; top: 16px; left: 50%; margin-left: -25px; background-color: #b30000; z-index: 2; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

/* 10.2 Common Favorites */

.commonfav h3{
	margin-top:50px;
}

.common{
	width:300px;
	display: inline-block;
	margin:30px 0px 20px 0px;
}

.common-icon{

	font-size:42px!important;
	color:#f04c74;
}

.common h4{
	color:#f9f7f9;
	text-align:center;
	line-height:0px;
}

.commonfav .owl-theme .owl-controls .owl-page span{
	background:#f9f7f9;
}

/* 11. Our Blog */
#blogs{
	margin:20px;
}

.blog {
	width:31%;
	margin:1%;
	-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}

.date{
	position: absolute;
	top: 0;
	margin-left: 10px;
	background: #b30000;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #f9f7f9;
	padding: 7px;
	font-weight: bold;
}

.year{
	position: absolute;
	top: 0;
	margin-left: 10px;
	margin-top:50px;
	background: #283a44;
	width: 50px;
	text-align: center;
	color: #f9f7f9;
	padding: 2px;
	font-weight: bold;
}

.blog h4{
	background:#f9f7f9;
	margin:0px;
	color: #b30000;
	padding:20px;
}

.blog p{
	background:#f9f7f9;
	margin:0px;
	color: #687177;
	padding:0px 20px;
}

.blog > .stats{
	background:#f9f7f9;
	margin:0px;
	color: #687177;
	padding:20px;
	font-size:12px;
}

.blog a{
	color: #b30000;
}

.blog a:hover{
	color: #f04c74;
}

.post{
	padding-left:0px;
}

.post-text{
	padding:20px 0px;
}

.post-side{
	padding-left:0px;
}

.post-bar ul{
	margin-left:-40px;
}

.post-bar li{
	display:inline-block;
	list-style:none;
	color:#999999;
	font-size:12px;
}

.tags{
	line-height:30px;
}

.tags > .btn-normal a {
	font-size: 12px;
	margin: 5px 5px 5px 0px;
	padding: 7px;
	line-height: 15px;
}

#load, #blog-load{
	padding:30px 0px;
}

.close-content, .blog-close-content{
	display:none;
	height:50px;
	line-height:50px;
	position:relative;
	font-size:36px;
	color: #b30000;
	text-align:right;
	margin-right:20px;
	margin-bottom: -145px;
	margin-top: 100px;
	cursor:pointer;
	z-index:50;

}

#ajax-content,#blog-ajax-content{
	margin:15px;
}
.extra-content .carousel, .blog-extra-content .carousel{
	padding:0px;
	margin-bottom:10px;
}
.extra-content, .blog-extra-content{
	padding:70px 15px 120px;
}

.extra-content h4, .blog-extra-content h4{
	color:#b30000;
}

/* 12. Contact Section */

.contact{
	padding-bottom:50px;
}

.form-horizontal{
	text-align:center;
}

.form-control{
	height:50px;
	box-shadow:none;
	border-color:#dfdfdf;
	border-radius:0px;
	margin-bottom: 15px;
}

/* 13. Footer Section */

.footer{
	padding-top:50px;
	background:#f9f7f9;
}

/* 13.1 Twitter */

.footer1{
	margin-top:50px;
}

.footer1, .footer1 p{
	color:#f9f7f9;
}

.footer-tweet{
	margin:40px 0px;
}

.footer-tweet .owl-theme .owl-controls .owl-page span{
	background-color:#f9f7f9;
}

.footer-tweet ul{
	list-style:none;
	padding: 0px 20px;
	text-align: center;
	font-size: 20px;
	width: 70%;
	margin: 0 auto;
}
.tweet_text{
	color:#f9f7f9;
	text-transform:uppercase;
	font-size:16px;
}

.tweet_text a{
	color:#f9f7f9;
	font-size:16px;
}

.tweet_time a{
	color: #f9f7f9;
	font-size:14px;
}

/* 13.2 Footer */

.footer2{
	padding:18px 15px 0px 15px;
	color:#949da2;
	border-bottom:4px #b30000 solid;
	text-align: center;
}

.footer2 p{
	padding-top:10px;
}

.footer2 img{
	padding:10px;
}

.footer2 .social-icons ul{
	display:inline-block;
}

.footer2 > div > .social-icons{
	height:30px;
}

/* 14. Misc */

/* 14.1 Parallax Effect Control */

.video-parallax {
    height: 350px;
	text-align:center;
}

.favourites-parallax {
    height: 350px;
	text-align:center;
    background: url(../images/parallax-favourites-bg.jpg) 50% no-repeat;
	background-attachment:fixed;
	background-size:cover;

}

.family-parallax {
    height: 350px;
	text-align:center;
    background: url(../images/parallax-family-bg.jpg) 50% no-repeat;
	background-attachment:fixed;
	background-size:cover;

}

.common-parallax {
    height: 450px;
	text-align:center;
    background: url(../images/parallax-common-bg.jpg) 50% no-repeat fixed ;
	background-size:cover;
}

.contact-parallax {
    height: 350px;
	text-align:center;
    background: url(../images/parallax-contact-bg.jpg) 50% no-repeat fixed;
	background-size:cover;
}

video#bgvideo {
	position: fixed;
	left: 0px;
	bottom: 0px;
	min-width: 100%;
	min-height: 400px;
	z-index: -1000;
	background: url(../images/vidbg.jpg) no-repeat;
	background-size: cover;
	background-position:center;
	overflow:hidden;
}

/* 14.2 Social Icons */

.social-icons {
	padding: 0!important;
	margin: 0px 0px 0px -40px!important;
	list-style-type: none!important;
	height: 60px;
	text-align:center;
}

.social-icons li{
	float: left!important;
	margin-right: 2px!important;
	margin-bottom: 2px!important;
	padding: 0px!important;
	display: inline!important;
	width: auto!important;

}
.social-icons li a {
	-moz-transition: all 0.3s ease 0s;
	display: block!important;
	float: left!important;
	height: 100%!important;
	margin: 0!important;
	padding: 0!important;
	width: 40px!important;
	height: 40px!important;
	text-indent: -9999px!important;
}
.social-icons li a:hover {
	background-position: 0 -40px!important;
}
.social-icons li a {
	background-color:transparent;
}
.social-icons li.aim a {
	background: url(../images/icons/aim.png) no-repeat 0 0;
}
.social-icons li.aim a:hover {
	background-color: #e95a00;
}
.social-icons li.apple a {
	background: url(../images/icons/apple.png) no-repeat 0 0;
}
.social-icons li.apple a:hover {
	background-color: #606060;
}
.social-icons li.behance a {
	background: url(../images/icons/behance.png) no-repeat 0 0;
}
.social-icons li.behance a:hover {
	background-color: #18a3fe;
}
.social-icons li.blogger a {
	background: url(../images/icons/blogger.png) no-repeat 0 0;
}
.social-icons li.blogger a:hover {
	background-color: #fb913f;
}
.social-icons li.cargo a {
	background: url(../images/icons/cargo.png) no-repeat 0 0;
}
.
.social-icons li.delicious a {
	background: url(../images/icons/delicious.png) no-repeat 0 0;
}
.social-icons li.facebook a {
	background: url(../images/icons/facebook.png) no-repeat 0 0;
}
.social-icons li.facebook a:hover {
	background-color: #3b5998;
}
.social-icons li.flickr a {
	background: url(../images/icons/flickr.png) no-repeat 0 0;
}
.social-icons li.flickr a:hover {
	background-color: #f1628b;
}
.social-icons li.google a {
	background: url(../images/icons/google.png) no-repeat 0 0;
}
.social-icons li.google a:hover {
	background-color: #dd4b39;
}
.social-icons li.googleplus a {
	background: url(../images/icons/googleplus.png) no-repeat 0 0;
}
.social-icons li.googleplus a:hover {
	background-color: #d94a39;
}
.social-icons li.html5 a {
	background: url(../images/icons/html5.png) no-repeat 0 0;
}
.social-icons li.html5 a:hover {
	background-color: #f3642c;
}
.social-icons li.linkedin a {
	background: url(../images/icons/linkedin.png) no-repeat 0 0;
}
.social-icons li.linkedin a:hover {
	background-color: #71b2d0;
}
.social-icons li.orkut a {
	background: url(../images/icons/orkut.png) no-repeat 0 0;
}
.social-icons li.orkut a:hover {
	background-color: #ed2590;
}
.social-icons li.paypal a {
	background: url(../images/icons/paypal.png) no-repeat 0 0;
}
.social-icons li.paypal a:hover {
	background-color: #32689a;
}
.social-icons li.picasa a {
	background: url(../images/icons/picasa.png) no-repeat 0 0;
}
.social-icons li.picasa a:hover {
	background-color: #444;
}
.social-icons li.pinterest a {
	background: url(../images/icons/pinterest.png) no-repeat 0 0;
}
.social-icons li.pinterest a:hover {
	background-color: #cb2027;
}
.social-icons li.rss a {
	background: url(../images/icons/rss.png) no-repeat 0 0;
}
.social-icons li.rss a:hover {
	background-color: #fe9900;
}
.social-icons li.skype a {
	background: url(../images/icons/skype.png) no-repeat 0 0;
}
.social-icons li.skype a:hover {
	background-color: #18b7f1;
}
.social-icons li.tumblr a {
	background: url(../images/icons/tumblr.png) no-repeat 0 0;
}
.social-icons li.tumblr a:hover {
	background-color: #3a5976;
}
.social-icons li.twitter a {
	background: url(../images/icons/twitter.png) no-repeat 0 0;
}
.social-icons li.twitter a:hover {
	background-color: #48c4d2;
}
.social-icons li.vimeo a {
	background: url(../images/icons/vimeo.png) no-repeat 0 0;
}
.social-icons li.vimeo a:hover {
	background-color: #62a0ad;
}
.social-icons li.wordpress a {
	background: url(../images/icons/wordpress.png) no-repeat 0 0;
}
.social-icons li.wordpress a:hover {
	background-color: #464646;
}

.social-icons li.yelp a {
	background: url(../images/icons/yelp.png) no-repeat 0 0;
}
.social-icons li.yelp a:hover {
	background-color: #c41200;
}
.social-icons li.youtube a {
	background: url(../images/icons/youtube.png) no-repeat 0 0;
}
.social-icons li.youtube a:hover {
	background-color: #f45750;
}

/* 14.3 Hover Effect */

.grid {
	padding: 0px;
	max-width: 1300px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}

.grid li {
	margin: 0;
	padding: 0px;
	text-align: left;
	position: relative;
}

.grid figure {
	margin: 0;
	position: relative;
}

.grid figure img {
	max-width: 100%;
	display: block;
	position: relative;
	cursor: pointer;
}

.grid figcaption {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	background: #b30000;
	color: #f9f7f9;
}

.grid figcaption h4 {
	margin: 0;
	padding: 5px 0px;
	color: #f9f7f9;
}
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.8s ease-out;
	-moz-transition: -moz-transform 0.8s ease-out;
	transition: transform 0.8s ease-out;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: scale(1.2) rotate(5deg);
	-moz-transform: scale(1.2) rotate(5deg);
	-ms-transform: scale(1.2) rotate(5deg);
	transform: scale(1.2) rotate(5deg);
}

.cs-style-3 figcaption {
	height: 40%;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figure a {
	position: absolute;
	top: 0px;
	right: 0px;
	width:100%;
	height:100%;
	text-align: center;
	line-height:100%;
	color: #f9f7f9;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
.cs-style-3 figure a:hover {
	position: absolute;
	top: 0px;
	right: 0px;
	width:100%;
	height:100%;
	text-align: center;
	line-height:100%;
	color: #f9f7f9;
	opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.cs-style-3 figure a span {
	position: absolute;
	top: 30%;
	right: 0px;
	width:100%;
	height:100%;
	text-align: center;
	line-height:100%;
	color: #f9f7f9;
}

/* 14.4 Pulsing Effect */

.pulsing{
	animation-name: pulsing;
	-webkit-animation-name: pulsing;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

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

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

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

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

/* 14.5 Buttons */

.btn-special a {
	padding: 10px 20px;
	position: relative;
	display: inline-block;
	margin: 15px 25px;
	outline: none;
	color: #f9f7f9;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

.btn-special a::before,
.btn-special a::after  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #b30000;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.btn-special a::after  {
	border-color: #f9f7f9;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px);
}

.btn-special a:hover::before,
.btn-special a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px);
}

.btn-special a:hover::after,
.btn-special a:focus::after  {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}

.btn-normal a {
	padding: 10px 20px;
	position: relative;
	display: inline-block;
	margin: 15px 0px;
	outline: none;
	color: #b30000;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

.btn-normal a::before,
.btn-normal a::after  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid #b30000;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.btn-normal a::after  {
	border-color: #687177;
	opacity: 0;
	-webkit-transform: translateY(-7px) translateX(6px);
	-moz-transform: translateY(-7px) translateX(6px);
	transform: translateY(-7px) translateX(6px);
}

.btn-normal a:hover::before,
.btn-normal a:focus::before {
	opacity: 0;
	-webkit-transform: translateY(5px) translateX(-5px);
	-moz-transform: translateY(5px) translateX(-5px);
	transform: translateY(5px) translateX(-5px);
}

.btn-normal a:hover::after,
.btn-normal a:focus::after  {
	opacity: 1;
	-webkit-transform: translateY(0px) translateX(0px);
	-moz-transform: translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}

.btn-normal a:hover{
	color: #687177;
}

/* 14.6 Magnific pop */

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 1;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 14.7 ilove Font */

.icon{
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* 15. Responsive Changes */

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.navbar-collapse{
		padding-right:0px;
	}
	.navbar-nav{
		margin:16px 0px 12px 12px;
	}
	.nav>li>a{
		padding:10px 7px;
	}
	.navbar-brand{
		padding:15px 0px;
	}
	.navbar-default .navbar-nav>li>a{
		text-transform:none;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
		margin-left: 0px;
	}

	.man{
		text-align:center;
	}

	.woman{
		text-align:center;
		margin-top:30px;
	}
	.and{
		margin-top: -50px;
	}


	.timeline > li > .timeline-panel{
		width:42%;
	}

	.man-family h3, .woman-family h3{
		margin-top: 50px;
	}

	.event{
		width:100%;
		margin: 20px 0px;
	}
	.timeline-left, .timeline-right{
		width:240px;
	}

	.common-parallax h2{
		padding-top: 30px;
	}
}


@media screen and (min-width: 0px) and (max-width: 599px) {

	.carousel-inner::before {
		display:none;
	}

	.carousel-inner::after {
		display:none;
	}

	.messages{
		top:5%;
	}

	.messages h1 {
		font-size: 4em;
	}

	.messages h4{
		padding:10px;
	}

	.heart{
		font-size:40px;
	}

	#time div{
		font-size:20px;
		padding:10px;
	}
	.grid figcaption h3 {
		font-size:20px;
	}

	.ch-grid li{
		width:230px;
		height:230px;
	}

	.man .ch-item, .woman .ch-item{
		background-size: 230px 230px;
	}

	.ch-info p{
		display:none;
	}

	.man{
		text-align:center;
	}

	.woman{
		text-align:center;
		margin-top:30px;
	}
	.and{
		margin-top: -50px;
	}

	.timeline > li > .timeline-panel{
		width:100%;
		background:#f9f7f9;
		margin:100px 0px 20px 0px;
	}

	.negative100, .negative75, .negative50, .negative25{
		margin-top:0px;
	}

	.timeline > li > .timeline-panel:before{
		position: absolute;
		top: -15px;
		right: 50%;
		margin-right:-15px;
		display: inline-block;
		border-top: 0 solid #ccc;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #ccc;
		content: " ";
	}

	.timeline > li.timeline-inverted > .timeline-panel:before {
		border-left-width: 15px;
		border-right-width: 15px;
		left: initial;
		right: 50%;
	}

	.timeline > li > .timeline-panel:after {
		position: absolute;
		top: -14px;
		right: 50%;
		margin-right:-14px;
		display: inline-block;
		border-top: 0 solid #f9f7f9;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 14px solid #f9f7f9;
		content: " ";
	}

	.timeline > li.timeline-inverted > .timeline-panel:after {
		border-left-width: 14px;
		border-right-width: 14px;
		left: initial;
		right: 50%;
	}

	.event{
		width:100%;
		margin: 20px 0px;
	}

	.common-parallax h2{
		padding-top: 30px;
		font-size: 45px;
	}

	.favlist-name{
		width: 140px;
	}

	.favlist img {
		max-width: 280px;
	}

	.timeline-left {
		float: none;
		text-align: center;
		margin-left: 0px;
		margin-top: 100px;
	}

	.timeline-right {
		float: none;
		text-align: center;
		margin-right: 0px;
		margin-top: 0px;
	}

	.favlist .timeline:before{
		display:none;
	}

}


@media screen and (min-width: 600px) and (max-width: 767px) {


	.man{
		text-align:center;
	}

	.woman{
		text-align:center;
		margin-top:30px;
	}
	.and{
		margin-top: -50px;
	}


	.timeline > li > .timeline-panel{
		width:42%;
	}

	.man-family h3, .woman-family h3{
		margin-top: 50px;
	}

	.event{
		width:100%;
		margin: 20px 0px;
	}
	.timeline-left, .timeline-right{
		width:240px;
		margin-left:0px;
		margin-right:0px;
	}

	.common-parallax h2{
		padding-top: 30px;
	}

}

@media screen and (min-width: 0px) and (max-width: 1024px) {

	.counts{
		display: inherit;
	}

	.heading p{
		width:90%;
	}

	#cd-vertical-nav{
		display:none;
	}

}

@media screen and (max-width: 480px){
	.blog {
		width:100%;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.blog {
		width:48%;
	}
}

/* 16. Blog Pages */

.sidebar{
	padding-left:50px;
}

.sidebar h3, .post-comments h3{
	color:#283a44;
	text-transform:uppercase;
	border-bottom:1px solid #efefef;
	padding-bottom:20px;
	position:relative;
	margin-bottom:15px;
}

.sidebar h3:after, .post-comments h3:after{
    content: "";
    height: 3px;
    position: absolute;
    width: 100px;
	background:#b30000;
	margin:0 auto;
	left:0px;
	bottom: 0px;
}

.blog-post{
	margin-bottom:80px;
}

.blog-post h2{
	color:#283a44;
	text-transform:uppercase;
	border-bottom:1px solid #efefef;
	padding-bottom:13px;
	position:relative;
	margin-bottom:15px;
}

.blog-post h2:after{
    content: "";
    height: 3px;
    position: absolute;
    width: 100px;
	background:#b30000;
	margin:0 auto;
	left:0px;
	bottom: 0px;
}

.blog-search{
	margin-bottom: 40px;
}

.blog-search form{
	margin-top: 44px;
}

.blog-categories ul, .recent-posts ul{
	margin-left:-40px;
}

.blog-categories li, .recent-posts li{
	list-style:none;
	padding: 15px 0px;
	border-bottom:1px solid #efefef;
	text-transform:uppercase;
}

.blog-categories li:last-child, .recent-posts li:last-child{
	border-bottom:none;
}

.blog-categories li a, .recent-posts li a{
	color:#687177;
}

.blog-categories li a:hover, .recent-posts li a:hover{
	color:#283a44;
}


.blog-tags li{
	background:#b30000;
	color:#f9f7f9;
	padding:4px 8px;
	margin:3px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.blog-tags li:hover{
	background:#f04c74;
}

.blog-tags li a{
	color:#f9f7f9;
}


.blog-post ul{
	margin-left:-40px;
}

.blog-post li{
	display: inline-block;
	color:#687177;
	font-weight: bold;
	font-size: 12px;
}

.blog-post li:after{
	content: '|';
	margin: 0px 8px;
	font-weight: bold;

}

.blog-post li:last-child:after{
	display:none;
}

.blog-post-media{
	-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}
.blog-post-media .btn-normal a{
	font-size: inherit;
	margin-left:20px;
	margin-bottom:20px;
}
.media-overlay{
	position:absolute;
	width: 60px;
	height: 60px;
	background: #b30000;
	text-align: center;
	line-height: 60px;
	font-size: 25px;
	color: #f9f7f9;
	margin: 10px;
	z-index:1;
}

.blog-post p{
	line-height: 30px;
	padding:20px 20px 0px 20px;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.pagination ul > li > a, .pagination ul > li > span {
	float: left;
	padding: 8px 12px;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	background-color: transparent;
	border: 2px solid #b30000;
	margin-right: 5px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
	background-color: #b30000;
	color: #f9f7f9;
}

.pagination ul > .active > a, .pagination ul > .active > span {
	background-color: #b30000;
	color: #f9f7f9;
}

.post-author{
	background: #f9f7f9 url(../images/pattern.png) repeat center center;
}

.post-author img{
	width:100px;
	border-radius:180px;
	margin:20px;
	float:left;
}

.post-author .author-details{
	margin: 20px;
	padding-top: 5px;
}

.post-author .author-details h4{
	color:#b30000;
}

.post-comments{
	margin:80px 0px;
}

.post-comments li{
	width:100%;
	padding:20px 0px;;
	border-bottom: 1px dotted #cccccc;
}

.post-comments li:after{
	display:none;
}

.avatar img{
	width: 80px;
	border-radius: 180px;
	float: left;
	margin: 20px 20px 0px 20px;
}

.post-comments-info{
	margin: 40px;
}

.post-comments-info span{
	color:#949da2;
	font-weight:normal;
	line-height:12px;
}
.post-comments-info h5{
	color:#283a44;
	margin-bottom:0px;
	font-weight: bold;
}

.post-comments-comment{
	margin-left: 25px;
	font-size:14px;
	font-weight:normal;
}

.post-comments-action{
	margin-left: 25px;
	font-size:14px;
	font-weight:normal;
}


.comments-child{
	padding-left: 100px;
}

.comments-child li:before{
	padding-left: 100px;
}

.post-comments h4{
	color:#283a44;
	font-weight:bold;
	text-transform:uppercase;
	margin: 25px 0px;
}

.post-comments .col-md-4, .post-comments .col-md-12{
	padding:0px;
}

.post-comments-padding{
	padding:0px 5px!important;
}

.post-comments .btn-normal{
	text-align:left;
}

/* 17. 404 Error page */

.error-page{
	text-align:center;
}

.error-page span{
	font-size:250px;
	line-height: 0px;
	color:#687177;
}

.error-page h2{
	color:#687177;
	font-size:80px;
}

.error-page h4{
	color:#687177;
	line-height: 25px;
}

/* 18. dropdown Menu */

.navbar-nav {
	margin: 0px;
}

.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	height: 75px;
	line-height: 45px;
}

ul.nav li.dropdown:hover > ul.dropdown-menu  {
    display: block;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color:#b30000;
	background-color: transparent;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0px;
	margin: 2px 0 0 -80px;
	font-size: 14px;
	text-align: center;
	list-style: none;
	background-color: #b30000;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	visibility:visible!important;
}

.dropdown-menu:before {
	content:"";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #ef6a89 transparent;
	position: absolute;
	z-index: 10;
	top: -5px;
	left: 50%;
	margin-left: -5px;

}
.navbar-right .dropdown-menu {
	right: 50%;
	left: 50%;
}

.dropdown-menu>li>a {
	display: block;
	padding: 10px 20px;
	clear: both;
	text-transform:uppercase;
	line-height: 1.42857143;
	color: #f9f7f9!important;
	white-space: nowrap;
	background-color: #b30000!important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	color: #f9f7f9;
	text-decoration: none;
	background-color: #f04c74!important;
}

/* 19.Wedding Page */

.selected a{
	color:#b30000!important;
}

.wedding{
	background:url(../images/wedding-1.jpg) no-repeat top center;
	background-size:cover;
	text-align:center;
	padding:500px 0px 0px 0px; /*padding:170px 0px 0px 0px;*/
	height:100%;
}

.wedding h2{
	font-size: 6em;
	font-family: 'Great Vibes', cursive;
	position: relative;
	z-index: 2;
}

.wedding .time{
	color:#f9f7f9;
}

.wedding h4, .wedding div{
	position: relative;
	z-index: 2;
}

.bestfriends{
	width:250px;
	margin:1%;
	-moz-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	box-shadow: 0 8px 15px rgba(0,0,0,0.1);
	text-align:center;
	display:inline-block;
}

.bestfriends h4{
	background:#f9f7f9;
	margin:0px;
	color: #b30000;
	padding:20px 20px 0px;
}

.bestfriends h5{
	color: #687177;
}


.bestfriends .social-icons{
	display: inline-block;
}

.venue{
	-moz-box-shadow: 0px 8px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 8px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 8px 10px rgba(0,0,0,0.1);
	text-align:center;
	padding-bottom:30px;
	margin-bottom:20px;
}

.venue h4{
	color:#b30000;
	text-transform:uppercase;
}

.day-details {
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	padding:17px 20px;
	margin-bottom:21px;
}

.day-details h4 {
	color:#b30000;
	text-transform:uppercase;
}

.day-details h5 {
	color:#b30000;
}

/*.day-details:hover {
	background:#b30000;
}*/

/*.day-details:hover h4, .day-details:hover h5, .day-details:hover p, .day-details:hover a{
	color:#f9f7f9;
}*/

#map{
	height:450px;
	margin:70px 15px 40px;
}
#map h3{
	color:#b30000;
}

#owl-gifts .owl-pagination{
	margin-top: 50px;
}

/* 20.RSVP Form */

#rsvp{
	margin-bottom:100px;
}
.simform {
	position: relative;
	margin: 0px auto;
	max-width: 860px;
	width: 100%;
	text-align: left;
	font-size: 2.5em;
	font-family: 'Lato', sans-serif;
	color:#687177;
}

.simform .submit {
	display: none;
}

/* Question list style */
.simform ol {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	-webkit-transition: height 0.4s;
	transition: height 0.4s;
}

.simform ol:before {
	content: '';
	background-color: rgba(0,0,0,0.08);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2.35em;
}

.questions li {
	z-index: 100;
	position: relative;
	visibility: hidden;
	height: 0;
	-webkit-transition: visibility 0s 0.4s, height 0s 0.4s;
	transition: visibility 0s 0.4s, height 0s 0.4s;
}

.questions li.current,
.no-js .questions li {
	visibility: visible;
	height: auto;
	-webkit-transition: none;
	transition: none;
}

/* Labels */
.questions li > span {
	display: block;
	overflow: hidden;
	font-size: 0.8em;
	text-align:center;
}

.questions li > span label {
	display: block;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.questions li.current > span label,
.no-js .questions li > span label {
	-webkit-transition: none;
	transition: none;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.show-next .questions li.current > span label {
	-webkit-animation: moveUpFromDown 0.4s both;
	animation: moveUpFromDown 0.4s both;
}

@-webkit-keyframes moveUpFromDown {
	from { -webkit-transform: translateY(100%); }
	to { -webkit-transform: translateY(0); }
}

@keyframes moveUpFromDown {
	from { -webkit-transform: translateY(100%); transform: translateY(100%); }
	to { -webkit-transform: translateY(0); transform: translateY(0); }
}

/* Input field */
.questions input {
	display: block;
	margin: 0.3em 0 0 0;
	padding: 0.5em 1em 0.5em 0.7em;
	width: calc(100% - 2em);
	border: none;
	background: transparent;
	font-size: 1em;
	line-height: 1;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.questions .current input,
.no-js .questions input {
	opacity: 1;
}

.questions input:focus,
.simform button:focus {
	outline: none;
}

/* Next question button */
.next {
	position: absolute;
	right: 0;
	bottom: 0.2em; /* padding-bottom of form plus progress bar height */
	display: block;
	padding: 0;
	width: 2em;
	height: 2em;
	border: none;
	background: none;
	text-align: center;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-20%);
	transform: translateX(-20%);
	pointer-events: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.next:hover {
	color: rgba(0,0,0,0.5);
}

.next::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "\f061";
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'FontAwesome';
	line-height: 2;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.next.show {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	pointer-events: auto;
}

/* Progress bar */
.simform .progress {
	width: 0%;
	height: 0.15em;
	background: rgba(239,106,138,1);
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}

.simform .progress::before {
	position: absolute;
	top: auto;
	width: 100%;
	height: inherit;
	background: rgba(0,0,0,0.05);
	content: '';
}

/* Number indicator */
.simform .number {
	position: absolute;
	right: 0;
	overflow: hidden;
	margin: 0.4em 0;
	width: 3em;
	font-weight: 700;
	font-size: 0.4em;
}

.simform .number:after {
	position: absolute;
	left: 50%;
	content: '/';
	opacity: 0.4;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.simform .number span {
	float: right;
	width: 40%;
	text-align: center;
}

.simform .number .number-current {
	float: left;
}

.simform .number-next {
	position: absolute;
	left: 0;
}

.simform.show-next .number-current {
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.simform.show-next .number-next {
	-webkit-animation: moveUpFromDown 0.4s both;
	animation: moveUpFromDown 0.4s both;
}

/* Error and final message */
.simform .error-message,
.simform .final-message {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

.simform .error-message {
	padding: 0.4em 3.5em 0 0;
	width: 100%;
	color: rgba(0,0,0,0.7);
	font-style: italic;
	font-size: 0.4em;
}

.final-message {
	top: 50%;
	left: 0;
	padding: 0.5em;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.error-message.show,
.final-message.show {
	visibility: visible;
	opacity: 1;
}

.final-message.show {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

/* Final hiding of form / showing message */
.simform-inner.hide {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

/* No JS Fallback */
.no-js .simform {
	font-size: 1.75em;
}

.no-js .questions li {
	padding: 0 0 2em;
}

.no-js .simform .submit {
	display: block;
	float: right;
	padding: 10px 20px;
	border: none;
	background: rgba(0,0,0,0.3);
	color: rgba(0,0,0,0.4);
}

.no-js .simform .controls {
	display: none;
}

/* Remove IE clear cross */
input[type=text]::-ms-clear {
    display: none;
}

/* Adjust form for smaller screens */
@media screen and (max-width: 44.75em) {
	.simform {
		font-size: 1.8em;
	}
}

@media screen and (max-width: 33.5625em) {
	.simform {
		font-size: 1.2em;
	}
}