@font-face {
    font-family: Darleston;
    src: url(../Darleston.otf);
}
body{
	background: url(../img/bg.png) no-repeat fixed;
	background-size: cover;
}
.wrapper {
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
}
.wrapper .container {
	max-width: 100%;
}
.wrapper>.container {
	padding-bottom:3.5rem;
	padding-top:3.5rem;
}
.wrapper>.containHero{
	padding: 50px 0 0;
	width: 100%;
}
.bgImg{
	
}

h5.title{
	/*font-family: 'Darleston', cursive;*/
	font-size: 200%;
	letter-spacing: 0;
	color: #685478;
	line-height: 1em
}
h5.title small{
	font-size: 60%;
	color:#000;
}
h6.time{
	font-weight: 700;
	color: #685478;
}
h6.time:before, h6.time:after{
	content: " - "
}
p.submenu{
	font-style: italic;
	margin-bottom: 0;
}
ul.submenu > li{
	margin-bottom: 3px;
}
span.price{
	font-style: italic;
	/*font-weight: 400;*/
	color: #685478;
}
span.price:before{
	content: " - ";
	font-weight: 300;
	color: lightblue;
}
.hand{
	font-family: 'Parisienne', cursive;
	font-size: 120%;
	color: darkblue;
}

.theboys{
	width: 250px;
	display: block;
	margin: 0 auto;
	}
.button{
	font-family: 'Parisienne', cursive;
	font-weight: 300;
	height: auto;
	text-transform: none;
	font-size: 150%;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.button:hover{
	background-color: #606C76
}
.header {
	background-color:#f4f5f6;
	padding-top:1rem
}
.wrapper>.blanco{
	background-color: #eee;
	width: 100%;
	padding-bottom:3.5rem;
	padding-top:3.5rem
}
.galImg{
	max-width: 24%;
	min-width: 125px;
}
@media (min-width:40rem) {
	.header {
		padding-top:5rem
	}
	.wrapper .container {
		max-width: 80rem;
	}	

}
.header+section {
	border-top:0
}
.header .container {
	border-top:0;
	padding-bottom:7.5rem;
	padding-top:7.5rem;
	position:relative;
	text-align:center
}
.header .title {
	 
}
.header .img {
	height:15rem;
	margin-bottom:2rem
}
.header .img path {
	fill:#9b4dca;
	stroke:#9b4dca;
	stroke-miterlimit:10;
	stroke-width:15px;
	stroke-dasharray:38321;
	animation:7s a forwards
}
.header .button {
	margin-bottom:4rem;
	margin-top:2rem
}
@media (min-width:40rem) {
	.header .button {
		margin-bottom:4rem;
		margin-top:2rem
	}
}
.navigation {
	background: rgba(255,255,255,.8);
	border-bottom:.1rem solid #eee;
	display:block;
	height:5rem;
	left:0;
	max-width:100%;
	position:fixed;
	right:0;
	top:0;
	width:100%;
	z-index:1
}
.navigation .container {
	padding-bottom:0;
	padding-top:0
}
.navigation .navigation-list {
	list-style:none;
	margin-bottom:0;
	margin-right:1rem
}
.flag{
	margin-top: 3px;
	opacity: .8;
}
@media (min-width:80rem) {
	.navigation .navigation-list {
		margin-right:0
	}
}
.navigation .navigation-item {
	float:left;
	margin-bottom:0;
	margin-left:2rem;
	position:relative
}
.navigation .navigation-item:first-child{
	margin-left: 0;
}
.navigation .img {
	fill: #9b4dca;
	height:2rem;
	position:relative;
	top:.3rem
}
.navigation .navigation-title,.navigation .title {
	color: #606c76;	
	position:relative
}
.navigation .navigation-link, .navigation .title {
	display:inline-block;
	font-size:1.6rem;
	line-height:5.2rem;
	padding:0;
	text-decoration:none
}
.navigation .navigation-title{
	display:none;
	font-size:1.6rem;
	line-height:5.2rem;
	padding:0;
	text-decoration:none
}
.navigation .navigation-link.active {
	color:#606c76
}
.navigation .navigation-link:hover {
	color:#000;
}
@media (min-width:40rem) {
	.navigation .navigation-title{
		display:inline-block;
	}
	.navigation .navigation-item {
		margin-left: 2.5rem;
	}
}
.closed{
	margin-top: 5rem;
	padding-top: 3px;
	font-style: italic;
	text-align: center;
	background-color: #A60625;
	color: #fff;
}
.share,.share-list,.share-list a {
	position:relative;
	text-decoration:none
}
.share-item {
	display:inline-block;
	margin:1rem 0
}
.share-item:nth-child(n+1) {
	margin-left:.5rem
}
.share-dialog {
	background-color:#9b4dca;
	border-radius:.4rem;
	color:#fff;
	display:block;
	height:2.2rem;
	text-align:center;
	width:5rem
}
.share-dialog:hover {
	background-color:#606c76
}
.share-dialog .share-icon {
	fill:#fff;
	height:1.5rem
}
@media (min-width:40rem) {
	.only-mobile {
		display:none
	}
}
footer{
	color: #fff;
	background-color: #606c76;
	padding: 50px;
}
footer h3{
	text-align: center;
	text-transform: uppercase;
}
footer h5.title{
	font-size: 200%;
	color: #eee;
}
footer .row  .column{
	text-align: center;
}
hr.footer-split{
	width: 150px;
	height: 3px;
	background-color: #fff;
	border:none;
	margin: 15px auto 20px;
}
footer a{
	color: #fff;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}
footer a:hover{
	color: #3498db;
	text-decoration: underline;
}
footer > hr{
	border-color: #697481;
}
p.creation{
	display: block;
	width: 150px;
	text-align: right;
	margin: 0 0 0 auto;
	color: #fff;
	font-size: 12px;
	opacity: .3;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}
.creation>a{
	color: #fff;
}
.creation:hover{
	opacity: .9;
}

a.socialFooter{
	font-size: 1.4em;
	margin-right: 1em;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}
a.socialFooter:hover{
	color: #3498db;
}
.helpons{
	width:150px;
	position: fixed;
	top: 75px;
	left: 30px;
	z-index: 9999;
}
@media (max-width: 40rem) {
	.helpons{
		width:120px;
		left: 10px;
	}
}