html, body {
	width: 100%;
	height: 100%;
}

a {
    color: #f07677;
    text-decoration: none;
}
a:hover,a:focus {
    color: #f07677;
    text-decoration: underline
	 -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

.fullscreen {
	border-top: 51px solid transparent !important;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: 100%;
}

/* ==========================================================================
Preloader Styles
 ========================================================================== */ 
#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 99999;
}
#page-loader .page-loader-gif {
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    background: url('../images/preloader.gif') no-repeat;
}

/* ==========================================================================
Grid
 ========================================================================== */ 
 .grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;

	font-family: 'Cinzel', Arial, sans-serif;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #fff; /* #3085a3;*/
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 1;
}

.grid h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	opacity: 1;
}

.grid h2 span {
	font-weight: 800;
}

.grid h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #ffffff;

}

figure.effect-layla img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

/*figure.effect-layla figcaption */h2 {
	padding-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	text-transform: none;
	opacity: 1;
}

/*figure.effect-layla figcaption*/ h2 {
	opacity: 1;
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

f/*igure.effect-layla:hover figcaption h2,*/
figure.effect-layla:hover p {
	opacity: 1;
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

#photoscreen{
	position: fixed;
	top: 0;
	left: 0;

	min-height: 100%;
	min-width: 100%;
	height: 100%;
	width: 100%;


	background-size: cover;
	z-index: -100;
}

@media (orientation: landscape)  {
	#photoscreen {
		background-image: url('../images/landscape/photoscreen_01_854x480.jpg');
	}
}
@media (min-width: 992px) and (orientation: landscape) {
	#photoscreen {
		background-image: url('../images/landscape/photoscreen_01_1138x640.jpg');
	}
}
@media (min-width: 1200px) and (orientation: landscape) {
	#photoscreen {
		background-image: url('../images/landscape/photoscreen_01_1280x720.jpg');
	}
}

@media (min-width: 1440px) and (orientation: landscape) {
	#photoscreen {
		background-image: url('../images/landscape/photoscreen_01_1920x1080.jpg');
	}
}

@media (orientation: portrait)  {
	#photoscreen {
		background-image: url('../images/portrait/photoscreen_01_480x854.jpg');
	}
}
@media (min-width: 992px) and (orientation: portrait) {
	#photoscreen {
		background-image: url('../images/portrait/photoscreen_01_640x1138.jpg');
	}
}
@media (min-width: 1200px) and (orientation: portrait) {
	#photoscreen {
		background-image: url('../images/portrait/photoscreen_01_720x1280.jpg');
	}
}

@media (min-width: 1440px) and (orientation: portrait) {
	#photoscreen {
		background-image: url('../images/portrait/photoscreen_01_1080x1920.jpg');
	}
}


#navmenubar {
	background: #fff;
    -webkit-transition: background 0.3s ease-in;
    transition: background 0.3s ease-in;
}

#navmenubar .navbar-header {
	height: 63px;
}

#navmenubar.glass .navbar-header {
	display: none;
}

#navmenubar .navbar-toggle {
	margin-top: 15px;
}

#navmenubar.glass {
	background: transparent;
    color: transparent;
    border-color: transparent;
    -webkit-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out;
}

#navmenubar.glass .icon-bar {
	background-color: #fff;
}

#navmenubar .container {
    -webkit-transition: padding 0.3s ease-in;
    transition: padding 0.3s ease-in; 
    
}
#navmenubar.glass .container {
    -webkit-transition: padding 0.3s ease-out;
    transition: padding 0.3s ease-out; 
}

#navmenubar .navbar-brand {
	font-family: 'Clicker Script', Arial, sans-serif;
	font-size: 33px;
	text-align: center;
}
#navmenubar.glass .navbar-brand {
	color: transparent;
}

#navmenubar .navbar-brand .navbar-brand-motto {
	font-family: 'Cinzel', Arial, sans-serif;
	font-size: 13px;
	color: #555;
}

#navmenubar.glass .navbar-brand .navbar-brand-motto {
	color: transparent;
}

#navmenubar .nav
{
	background-color: transparent;
	font-family: 'Cinzel', Arial, sans-serif;
	padding-top: 13px;
	font-size: 20px;
	color: #555;
}

#navmenubar.glass .nav {
	background-color: transparent;
}

#navmenubar .nav a,
#navmenubar .nav a:active,
#navmenubar .nav a:hover {
	background-color: transparent;
	color: #555;
}

#navmenubar.glass .nav a,
#navmenubar.glass .nav a:active,
#navmenubar.glass .nav a:hover {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}

#main-nav .nav li.active a,
#main-nav .nav a:hover {
    color: #F58026;
}
#navmenubar .active a,
#navmenubar .active a:active,
#navmenubar .active a:hover {
	background-color: transparent;
	color: #555;
	padding-bottom: 5px;
	border-bottom: 1px solid #555;
}


#scroll-hint {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;
}

.mouse-arrows
{
	height: 31px;
	width: 15px;
	transform: none;
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	padding-left: 0;
	text-align: center;
	list-style: none;
}

.arrow
{
	display: block;
	width: 6px;
	height: 6px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);

	border-right: 3px solid white;
	border-bottom: 3px solid white;
	margin: 0 0 4px 4px;
}

.arrow-top
{
	margin-top: 2px;
	bottom: 30px;
}

.arrow-top, .arrow-middle, .arrow-bottom
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.arrow-top
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}

.arrow-middle
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}

.arrow-bottom
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
}

.mouse-body
{
	height: 31px;
	width: 14px;
	border-radius: 10px;
	transform: none;
	border: 2px solid white;
	position: absolute;
	bottom: 40px;
	left: 50%;
	z-index: 15;
	padding-left: 0;
	text-align: center;
	list-style: none;
}

.mouse-wheel
{
	height: 2px;
	width: 2px;
	display: block;
	margin: 4px auto;
	background: white;
	position: relative;
}

.mouse-wheel
{
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
  }
}
@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px;}
}
@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

#intro {
	background-color: rgba(255,255,255,.5);
	text-align: center;
}

#intro .container {
	padding-top: 30vh;
}

#intro .text-intro {
	font-family: 'Clicker Script', Arial, sans-serif;
	font-size: 55px;
	padding: 25px;
}

#intro .countdown {
	text-align: center;
	display: inline-block;
}

#intro .countdown div {
	text-align: center;
	display: inline-block;
}

#intro .countdown .digit {
	font-family: 'Clicker Script', Arial, sans-serif;
	font-size: 40px;
	text-align: center;
}

#intro .countdown .digit-name {
	font-family: 'Cinzel', Arial, sans-serif;
	font-size: 20px;
	padding: 0 10px 0 10px;
}


#galerie {
	background-color: #fff;
}

#galerie .container {
	background-color: #fff;

}
#galerie .title-galerie {
	font-family: 'Cinzel', Arial, sans-serif;
	font-size: 55px;
	color: #555;
	padding: 25px;
}


#locatii {
	background-color: #fff;
}

#locatii .container {
	background-color: #fff;

}

#locatii .group-locatii {
	padding: 15px;
}

#locatii .title-locatii {
	font-family: 'Cinzel', Arial, sans-serif;
	font-size: 55px;
	color: #555;
	padding: 25px;
}

#locatii .label-locatii {
	font-family: 'Cinzel', Arial, sans-serif;
	font-size: 25px;
	color: #555;
	padding-top: 15px;
}

#locatii #loc_biserica,
#locatii #loc_restaurant,
#locatii #frm_biserica,
#locatii #frm_restaurant
 {
 	padding: 15px;
	height: 55vh;
	width: auto;
}

.hidden{
	display: none;
}