html, body {
	position: relative;
	display: block;
	height: 100%;
	min-width: 320px;
	width: 100%;
	overflow-x: hidden;
}

body {
	color: #6D6E70;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
}

strong {
	font-weight: 700;
}

h1 {
	color: #F27A7F;
	font-size: 32px;
	margin-top: 32px;
}

#main-xs-nav .navbar-brand {
	padding: 5px 15px;
	margin: 0 auto;
	float: none;
}

#main-xs-nav .navbar-toggle {
	position: absolute;
    float: none;
    right: 0;
}

#main-xs-nav {
	position: fixed;
	width: 100%;
	z-index: 20;
	text-align: center;
}

#main-header {
	position: fixed;
	text-align: center;
	padding: 35px 0 25px;
	z-index: 20;
	font-size: 18px;
	width: 100%;
	overflow: hidden;
	height: 167px;
}

#main-header.mini {
	height: 70px;
	padding: 18px 0 10px;
	transition: all 0.2s
}

#main-header > nav {
	padding-left: 0;
}

#main-header .logo .default {
	display: block;
}
#main-header .logo .mini {
	display: none;
}
#main-header.mini .logo .mini {
	display: block;
}
#main-header.mini .logo .default {
	display: none;
}

#main-header::before {
	content: "";
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=83)";
  filter: alpha(opacity=83);
  opacity: 0.83;
}

#main-header.mini::before {
	background-color: #FCE4E5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
	transition: all 0.2s;
}

#main-header ul {
	display: table;
	width: 100%;
  table-layout: fixed;
  padding: 0;
}

#main-header ul li {
	display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#main-header ul li a {
	text-decoration: none;
	color: #ED2A74;
	display: inline-block;
}

#main-header ul li.item img {
	display: inline-block;
	opacity: 1;
	margin-bottom: 5px;
	max-height: 42px;
}

#main-header.mini ul li.item br {
	display: none;
}

#main-header.mini ul li.item img {
	opacity: 0;
	max-height: 0;
	margin-bottom: 0;
	overflow: hidden;
  transition: all 0.2s;
}

#main-header ul li.item.active a, #main-header ul li.item a:hover {
	color: #F79727;
}

#main-header ul li.item.active a span, #main-header ul li.item a:hover span {
	border-bottom: 6px solid #F79727;
	display: inline-block;
}

section#banner {
	min-height: 100%; 
	position: relative;
	text-align: center;
}

#main-banner {
	position: absolute;
	width: 100%;
	height: 100%;
}

.carousel-inner {
	height: 100%;
}

#main-banner .item {
	height: 100%;
	width: 100%;
	position: relative;
}
#banner1 {
	background-image: url("../img/banner/01.jpg");
	background-attachment: static;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#banner2 {
	background-image: url("../img/banner/02.jpg");
	background-attachment: static;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#banner3 {
	background-image: url("../img/banner/03.jpg");
	background-attachment: static;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#banner4 {
	background-image: url("../img/banner/04.jpg");
	background-attachment: static;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;

  -webkit-animation: fadeInFromNone 0.3s ease-out;
  -moz-animation: fadeInFromNone 0.3s ease-out;
  -o-animation: fadeInFromNone 0.3s ease-out;
  animation: fadeInFromNone 0.3s ease-out;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}


#main-banner .carousel-caption {
	text-align: center;
	top: 53%;
	font-size: 62px;
	line-height: 60px;
}

#main-banner .carousel-caption strong {
	font-weight: 500;
}

#main-banner .carousel-caption .sub {
	display: block;
	font-size: 44px;
}

@media only screen and (max-width: 767px) {
	#main-banner .carousel-caption {
		top: 40%;
    font-size: 36px;
    line-height: 38px;
	}
	#main-banner .carousel-caption .sub {
		display: block;
    font-size: 20px;
    margin-top: 10px;
    line-height: 24px;
	}
}

#main-banner .carousel-indicators li {
	width: 18px;
	height: 18px;
	border-radius: 3px;
	background-color: #FAE6D3;
	margin: 1px 3px;
}

#main-banner .carousel-indicators li.active {
	background-color: #ED2A74;
	margin: 1px 3px;
}

section#invitation {
	padding-top: 115px;
	padding-bottom: 40px;
	min-height: 100%;
	position: relative;
}

section#invitation::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.1;
	background-image: url("../img/invitation-bg.jpg");
	background-attachment: fixed;
	background-repeat: repeat;
	opacity: 0.7;
  z-index: -1;
}

section#stationary {
	background-image: url("../img/stationary-bg.png");
	background-attachment: fixed;
	background-repeat: repeat;
	padding-top: 115px;
	min-height: 100%;
}

#invitation h1, #stationary h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 26px;
}

#invitation h1 strong, #stationary h1 strong {
	font-weight: 700;
}

#invitation .subtitle, #stationary .subtitle {
	margin-bottom: 26px;
	font-size: 18px;
}

.stationary-gallery {
	margin-bottom: 50px;
}

.stationary-img {
	margin-bottom: 30px;
}

.stationary-img img {
	cursor: pointer;
	width: 100%;
	height: auto;
}

.invitation-romantic h3 {
	background-image: url("../img/invitation-romantic-bg.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.invitation-rustic h3 {
	background-image: url("../img/invitation-rustic-bg.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.invitation-thematic h3 {
	background-image: url("../img/invitation-thematic-bg.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.invitation-classic h3 {
	background-image: url("../img/invitation-classic-bg.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.invitation-category {
	position: relative;
	min-height: 74px;
	margin-bottom: 26px;
	background-color: transparent;
}

.invitation-category h3 {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0x);
	color: #fff;
	cursor: pointer;
	font-size: 29px;
	font-weight: 900;
	text-align: center;
	-webkit-transform: translateZ(0x);

	position: absolute;
	height: 74px;
	width: 100%;
	margin: 0;
	padding-top: 20px;
}

.invitation-img img {
	cursor: pointer;
	width: 100%;
	height: auto;
}

.invitation-gallery {
	margin-top: 94px;
}

.invitation-gallery span {
	color: #F27A7F;
	display: block;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}

section#about {
	background-image: url("../img/about-bg.jpg");
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
  background-size: cover;
	padding-top: 115px;
	min-height: 100%;
  width: 100%;
}

.about-tag {
	padding-bottom: 32px;
}

#about h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 35px;
	margin-bottom: 40px;
}

#about h1 strong {
	font-weight: 700;
}

#about p {
	margin-bottom: 30px;
}

.about-container {
	background-color: rgba(255, 255, 255, 0.7);
	max-width: 520px;
	margin-bottom: 35px;
	padding: 30px 15px 40px;
}

section#contact {
	background-color: #FAE6D3;
	font-size: 19px;
  padding: 115px 0 0 0;
  min-height: 100%;
}

 .contact-col {
 	padding-bottom: 80px;
 }

section#contact strong {
	font-weight: 400;
}

section#contact .small {
	font-size: 16px;
}

.contact-tag {
	padding-bottom: 64px;
}

#contact p {
	margin-bottom: 28px;
}

#contact input, #contact textarea {
	border: none;
}

#contact button {
	background-color: #F27A7F;
	border: none;
	color: #fff;
	font-size: 19px;
	padding: 10px 30px;
}

#contact label {
	font-weight: normal;
}

#contact .pink-icon {
	color: #ED2A74;
}

.form-msg {
	clear: both;
	font-size: 14px;
}

label.error {
	font-size: 15px;
	font-weight: 400;
	color: #a94442;
}

.social p {
	margin-bottom: 15px !important;
}

.social a {
	border: none;
	margin-right: 18px;
}

#map {
	height: 320px;
}

footer {
	background-color: #ED2A74;
	color: #fff;
	padding: 10px 0 6px;
}

.modal-dialog a.carousel-control, .modal-dialog a.carousel-control:hover {
	background-image: none !important;
	color: #F27A7F !important;
	width: 10% !important;
}

.modal-dialog a.carousel-control {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.modal-dialog .carousel-caption {
	position: initial;
	color: #F27A7F;
	font-size: 17px;
	font-weight: 400;
	text-shadow: none;
	padding: 10px 10px 0;
}

.modal-dialog .carousel-inner .item {
	text-align: center;
}

.modal-dialog .carousel-inner .item img {
	max-height: 694px;
	display: inline-block;
}

.custom-modal.close {
	width: 40px;
	height: 40px;
	background-color: #E6E7E8;
	color: #929497;
	font-size: 32px;
	font-weight: normal;
	position: absolute;
	text-align: center;
	border-radius: 20px;
	line-height: 38px;
	top: -15px;
	right: -15px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0.1;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}