.space_above_xt{ margin-top: 5px; } .space_above_t{ margin-top: 10px; } .space_above_s{ margin-top: 20px; } .space_above_m{ margin-top: 40px; } .space_above_l{ margin-top: 60px; }
.space_below_xt{ margin-bottom: 5px; } .space_below_t{ margin-bottom: 10px; } .space_below_s{ margin-bottom: 20px; } .space_below_m{ margin-bottom: 40px; } .space_below_l{ margin-bottom: 60px; }

@font-face {
	font-family: 'icomoon';
	src:    url('../fonts/icomoon.eot');
	src:    url('../fonts/icomoon.eot#iefix') format('embedded-opentype'),
	url('../fonts/icomoon.ttf') format('truetype'),
	url('../fonts/icomoon.woff') format('woff'),
	url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
#wrapper { 
	background: url(../img/a4.jpg) no-repeat center center fixed; 
	background-size: cover;
	height: 100%;
	overflow: hidden;
}

p{
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0;
}
p b{
	font-weight: 600;
}
.logo{
	background: url(../img/logo.png) no-repeat center center; 
	height: 274px;
	margin-top: 1em;
}
nav{
	margin-top: 1em;
}
#menu li a{
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	color: #c69c6d;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
#menu li a:hover{
	color: #493514;
	background-color: rgba(255,255,255,.5);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#menu .icon-font{
	display: block;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu li a span.icon-font{
	font-size: 1.3em;
	text-align: center;
	line-height: 2em;
}
.tab{
	background-color: rgba(219,199,164,.85);
}
.tab p{
	padding: 1em 2em;
	font-size: 1.2em;
	color: #493514;
	text-transform: uppercase;
	font-weight: bold;
}
.tab p .icon-font{
	margin-right: .5em;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.description .icon-font{
	vertical-align: middle;
	font-size: 2em;
	margin-right: .5em;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.container{
	padding: 2em;
	margin-bottom: 16px;
	background-color: rgba(0,0,0,.75);
}
.container p{
	padding-left: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
	color: #fdffba;
	text-align: justify;
}
.container a{
	color: #d3b79c;
	font-weight: 600;
	font-variant: none;
}
.container hr{
	height: 1px;
	background-color: #fdffba; 
}
img{
	margin-bottom: 30px;
}
.price p{
	font-size: 18px;
	line-height: 18px;
}

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;	
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	background:#b2b2b2;
	background:rgba(0,200,200,0.6);
	padding:20px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover {
	background:rgba(0,200,200,0.8);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}


.fancybox__container {
	--fancybox-bg: #000;

	--fancybox-thumbs-width: 48px;
	--fancybox-thumbs-ratio: 1;

	--carousel-button-bg: rgb(91 78 76 / 74%);

	--carousel-button-svg-width: 24px;
	--carousel-button-svg-height: 24px;

	--carousel-button-svg-stroke-width: 2.5;
}

.fancybox__nav {
	--carousel-button-svg-width: 24px;
	--carousel-button-svg-height: 24px;
}
.carousel {
	--carousel-button-color: #170724;
	--carousel-button-bg: #fff;
	--carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%),
	0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);

	--carousel-button-svg-width: 20px;
	--carousel-button-svg-height: 20px;
	--carousel-button-svg-stroke-width: 2.5;
}

.carousel .carousel__slide {
	width: 30%;
	padding: 10px;
}

.carousel .carousel__button.is-prev {
	left: -1.5rem;
}

.carousel .carousel__button.is-next {
	right: -1.5rem;
}

.carousel .carousel__button:focus {
	outline: none;
	box-shadow: 0 0 0 4px #A78BFA;
}

.carousel .carousel__button:after{
	background-color: yellow;
}

.carousel__dots .carousel__dot {
	color: #dbc7a4;
}

.fancybox__caption {
	padding: 1rem 4rem 0 4rem;
	font-size: 1rem;
	line-height: 1.5rem;
}


/* For screens with width < 600px, display 2 carousel items */
@media only screen and (max-width: 600px) {
	.carousel .carousel__slide {
		min-width: 80% !important;
	}
	#wrapper { 
		background: #000 url(../img/mbg1.jpg) center center no-repeat scroll; 
		background-size: cover;
	}
	.title-bar {
    background-color: rgba(0, 0, 0, .5);
}
	#menu li{
		background-color: rgba(0, 0, 0, .5);
		border-bottom: 1px solid #c69c6d;;
	}
	#menu .icon-font{
	display: inline;
	margin-right: .5em;
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu li a span.icon-font{
	font-size: 1.3em;
	text-align: center;
	line-height: 2em;
}
}