/**************************************************************************************
Defaults 
***************************************************************************************/
html {
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased;
}
body {
	overflow-x:hidden;
	background-color:#bb2807;
	font-family: 'Fira Sans', sans-serif;
	color:#585858;
	-webkit-font-smoothing: antialiased;
}

a{
	font-family: 'Eczar', serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration: underline;
	color:#5561fe;
}
a, button	{
	cursor:pointer;
	/*text-decoration:none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;*/
}
a:hover, a:focus, button:focus{
	text-decoration: underline;
	outline:none;
}
a:hover{
	color:#ea3c3e;
}
p, li{
	font-size: 16px;
}
p{
	margin: 0 0 15px 0;
	line-height:23px;
}

hr{
	border-color:#bababb;
}

h1, h2, h3, h4, h5, h6{
	margin:0;
	font-family: 'IM Fell French Canon', serif;
	font-size: 1.6em;
	line-height:36px;
	letter-spacing:0.052em;
	text-transform:uppercase;
	color:white;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
	color:#ffcb98;
}

input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
textarea.form-control {
	color:black;
	text-shadow: 0;
}

/**************************************************************************************
Bootstrap Overwrites
***************************************************************************************/
.carousel-control{
	color:white;
	text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}
.carousel-control.right,
.carousel-control.left{
	background:none;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
	font-size: 25px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -50px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -50px;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.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;
}

.modal-content {
	border:0;
    border-radius: 0px;
	box-shadow:none;
}

/**************************************************************************************
Custom Classes
***************************************************************************************/
/* Start of "Micro clearfix" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.npl	{
	margin-top: 0 !important;
	margin-bottom: 15px !important;
    padding-left: 0 !important;
}
.npr	{
	margin-top: 0 !important;
	margin-bottom: 15px !important;
    padding-right: 0 !important;
}
.noleft	{
	padding-left: 0 !important;
}
.noright	{
	padding-right: 0 !important;
}
.no-vert{
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.full-height, .half-height{
	position: relative;
}

.vs{
	margin-top: 30px;
}
.vs2{
	margin-top: 60px;
}
.vs3{
	margin-top: 90px;
}
.vs4{
	margin-top: 120px;
}
.vs5{
	margin-top: 150px;
}

.col5{
	float: left;
	display:block;
	padding-right: 15px;
	padding-left: 15px;
	width: 20%;
}

.imgfull	{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
.imgbordershadow	{
	border:solid 1em white;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.125);
	-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.125);
	box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.125);
}

.grow { transition: all .5s ease-in-out; }
.grow:hover { transform: scale(1.1); }
.limit{
	display:block;
	width: 100%;
	height: 100%;
	overflow:hidden;
}

.table-responsive-wrapper{
	display:block;
	width: 100%;
	overflow-x:none;
}

hr.divisor{
	display:inline-block;
	margin:45px 0;
	width: 100px;
	height: 5px;
	border:0;
	background:#ff0030;
	text-align: left;
}

.espacio{
	padding:150px 0;
}

.txtblanco p{
	color:#f2dfdd;
}
.txtblanco p strong{
	color:white;
}

.linea{
	display:block;
	width: 1px;
	height: 250px;
	background:rgba(255,255,255,0.33);
}

/**************************************************************************************
Navbar
***************************************************************************************/
#diagonal {
	background:url(../_img/diagonal.svg);
	background-size:1920px;
	background-repeat:no-repeat;
	background-position:top center;
}
.navbar{
	padding:150px 0 120px 0;
}
.navbar-collapse{
	padding:0;
}
.navbar-left li a{
	padding:0 60px 0 0;
}
.navbar-right li a{
	margin:0 0 0 80px;
	padding:3px 0 0 0;
	color:white;
	text-decoration: underline;
}
.navbar-right li a#nav-inicio{
	color:#9d7b68;
}

.nav li a:hover,
.nav li a:active,
.nav li a:focus{
	background:none;
	color:#b8d3fc;
	text-decoration: underline;
}

.navbar-right li a.actual,
.navbar-right li a#nav-inicio.actual,
.navbar-right li a.actual:hover{
	text-decoration: none;
	cursor: text;
	color:#ff7759;
}

#logo{
	display:block;
	margin-top: 20px;
}
.header{
	margin-bottom: 150px;
}
.header h1{
	margin-bottom: 30px;
}

/**************************************************************************************
Footer
***************************************************************************************/
#servicios{
	padding:165px 0 165px 0;
	background:url(../_img/bg-servicios.jpg);
	background-size:250px;
}
#servicios section{
	display:block;
	padding:0 1em;
	text-align: center;
}
#servicios h3{
	margin:1em 0 1.25em 0;
	font-size: 18px;
}
#servicios p{
	line-height:21px;
	font-size: 14px;
	color:#999897;
}
#servicios section a{
	display:block;
	margin-top: 30px;
	color:#75acff;
}
#servicios a:hover{
	color:#ea3c3e;
}

#footer{
	position: relative;
	padding:130px 0;
}
#footer h6{
	margin-bottom: 10px;
	font-family: 'Eczar', serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#fd9680;
}
#footer nav a{
	display:block;
	line-height:36px;
	color:white;
	text-decoration: none;
}
#footer p{
	line-height:21px;
	font-size: 14px;
	color:#eccfcc;
}
#footer p a{
	font-family: 'Fira Sans', sans-serif;
	text-transform: lowercase;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	letter-spacing:0;
	color:#eccfcc;
}
a#sdf{
	display:block;
	margin-top: 27px;
	
	font-size: 8px;
	letter-spacing:2px;
	color:#d08077;
	text-decoration: none;
}
a#sdf:hover{
	text-decoration: none;
	color:#ecaca5;
}

#footer nav a:hover,
#footer p a:hover{
	text-decoration: underline;
	color:#b8d3fc;
}

a#tripadvisor{
	position: absolute;
	top:0;
	left:50%;
	
	margin:-50px 0 0 -50px;
	display:block;
	
	-webkit-box-shadow: 0px 0px 125px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 125px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 125px 0px rgba(0,0,0,0.75);
	
}

/**************************************************************************************
Inicio
***************************************************************************************/
.inicio #servicios{
	margin-top: -140px;
	padding:290px 0 165px 0;
}

#inicio-collage{
	position: relative;
	min-height: 900px;
}
figure {
	position: relative;
}
figure a{
	position: absolute;
	bottom:45px;
	left:45px;
	color:white;
	text-decoration: underline;
}
#iccdt{
	margin-top: -180px;
}
#iccdt figure a{
	left:auto;
	right:45px;
}
#icmad{
	margin: -200px 0 0 275px;
}

#historia{
	z-index: 0;
	margin-top: 100px;
}
	
#diagonal-blanca{
	z-index: 1;
	position: relative;
	
	margin-top: -650px;
	min-height: 1693px;
	
	background:url(../_img/diagonal-blanca.png) no-repeat center top;
	background-size:1920px;
	
	text-align: center;
}
#diagonal-blanca h2{
	margin-top: 600px;
	margin-bottom: 75px;
	color:#533e33;
}
#diagonal-blanca h2 span{
	color:#cb4828;
}
#diagonal-blanca hr{
	background:#cb4828;
	border:solid 1px #cb4828;
}
.modal-borde{
	display:block;
	padding:60px;
	border:solid 1px #eee;
}

#carousel-inicio{
	margin-top: 100px;
}
#carousel-inicio .carousel-indicators li{
	margin:0 2px;
	width: 12px;
	height: 12px;
    background-color: #4f3f3d;
	border:none;
}
#carousel-inicio .carousel-indicators{
	bottom:-75px;
}
#carousel-inicio .carousel-indicators .active{
	margin:0 2px;
	width: 12px;
	height: 12px;
    background-color: #75acff;
	border:none;
}

/**************************************************************************************
Casa de té
***************************************************************************************/
#scroll{
	position: absolute;
	top:-75px;
	left:50%;
	
	opacity:0.5;
}
span.unu,
span.doi,
span.trei{
  display: block;
  width: 4px;
  height: 4px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 5px;
}
.unu{
  margin-top: 6px;
}
.unu, .doi, .trei{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}
.unu {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}
.doi{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}
.trei {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
}
.mouse {
	margin-bottom: 10px;
	height: 21px;
	width: 14px;
  	border-radius: 10px;
  	transform: none;
  	border: 2px solid white;
  	top: 170px;
}
.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
}
.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(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-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; }
}

.portada{
	position: relative;
	display:block;
	margin-top: 252px;
	margin-bottom: 210px;
}
#teimg1{
	z-index: 1;
}
#teimg2{
	z-index: 0;
	margin-top: -560px;
}

#tealosophy{
	position: relative;
}
#tealosophy-txt{
	position: absolute;
	top:0;
	width: 100%;
	margin-top: 330px;
}

#opciones {
	position: relative;
	margin-top: 60px;
}
#opciones .linea{
	position: absolute;
	top:-240px;
	left:50%;
	margin-left: -7px;
}

.opcion{
	display:block;
	margin: 75px 0 150px 0;
}
.opcion section{
	display:block;
	margin:15px;
	padding:60px 30px 45px 30px;
	border:solid 1px rgba(255,255,255,0.2);
}
.opcion h3{
	margin-bottom: 45px;
	font-size: 18px;
}
.opcion ul {
	display:block;
	margin:0;
	padding:0;
	
	list-style:none;
}
.opcion ul li{
	display:block;
	margin:30px 0;
	color:#ffc7bb;
}
#opcion1{
	margin-left: -15px;
	margin-right: 15px;
	
	background:url(../_img/casadete-opcion-1.jpg);
	background-size:64px;
	
	-webkit-box-shadow: 0px 0px 125px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 125px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 125px 0px rgba(0,0,0,0.15);
}
#opcion2{
	margin-right: -15px;
	margin-left: 15px;
	
	background:url(../_img/casadete-opcion-2.jpg);
	background-size:64px;
}

/* formulario */

#formulario{
	position: relative;
	padding:150px 0;
	background:white;
}
#formulario img{
	position: absolute;
	top:-50px;
	left:50%;
	margin-left: -50px;
}
#formulario h4{
	margin-bottom: 90px;
	color:black;
}

#formulario p{
	font-size: 14px;
	color:black;
}
#formulario p.text-danger{
	clear: both;
	display:block;
	color:#f55553;
}
#formulario label{
	float: left;
	display:block;
	width: 100%;
	margin:0 0 1.5em 0px;
	font-family: 'Fira Sans', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size: 11px;
	font-weight: 700;
	color:black;
}
#formulario label#recibir{
	width: 100%;
	margin:8px 0 0 10px;
}

input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder,
textarea.form-control {
	font-family: 'Fira Sans', sans-serif;
	letter-spacing:1px;
	font-size: 11px;
	font-weight: 700;
	color:black;
	text-shadow: 0;
}

#formulario label span{
	display:inline-block;
	margin-left:30px;
}
#formulario .form-group input{
	clear: both;
	margin:4em 0;
	padding-left:0;
	padding-bottom:1.5em;
	width: 100%;
	
	background:none;
	box-shadow:none;
	border-radius:0;
	border:0;
	border-bottom:solid 3px black;
	
	font-family: 'Fira Sans', sans-serif;
	letter-spacing:1px;
	font-size: 11px;
	font-weight: 700;
	color:black;
	text-shadow: 0;
}
#formulario .form-group input#name{
	margin:0 0 4em 0;
}
#formulario .form-group input#ch-nl{
	margin:8px 0 0 0;
	padding-left:0;
	padding-bottom:0;
}

textarea.form-control {
	margin:0 0 30px 0;
	padding:0;
	height: 190px;
	
	box-shadow:none !important;
	border:0 !important;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
	border-bottom:solid 3px black !important;
}

input#submit{
	clear: both;
	display:block;
	margin:0 auto;
	padding:18px 36px;
	
	background:#5297ff;
	border:none !important;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
	box-shadow:none !important;
	outline:none;
	
	font-family: 'IM Fell French Canon', serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing:1px;
	text-transform:uppercase;
	color:white;
}
input#submit:hover{
	background:#3786fd;
}

.alert {
    border: 0px !important;
    border-radius: 0px !important;
}

/**************************************************************************************
Bistrot
***************************************************************************************/
body.bistrot .portada{
	z-index: 1;
	margin-bottom: 0px;/*210*/
}

#bistrotimg1{
	z-index: 2;
	margin-top: 130px;
}
#bistrotimg2{
	z-index: 1;
	margin-top: -560px;
}

#carta h2{
	margin:255px 0 60px 0;
}

img#verduras{
	position: absolute;
	top:-780px;
	left:50%;
}
#vino .linea{
	position: absolute;
	top:-700px;
	left:50%;
	
	margin-left: 290px;
	height: 1360px;
}

#vino{
	z-index: 0;
	position: relative;
	
	min-height: 1429px;
	padding:500px 0 0 0;
	
	background:url(../_img/bistrot-vino.jpg) no-repeat center top;
	background-size:1920px;
}
#vino h3{
	margin:150px 0 60px 0;
}
#vino a{
	display:block;
	margin-top: 45px;
	
	color:#75acff;
}
#vino a:hover{
	color:#ea3c3e;
}

/**************************************************************************************
Eventos
***************************************************************************************/
body.eventos .portada{
	margin-bottom: 15px;
}
body.eventos #bistrotimg2{
	margin-top: -515px;
}
#servilleta{
	position: relative;
	min-height: 1120px;
}
#servilleta-txt{
	position: absolute;
	top:0;
	width:100%;
	margin-top:375px;
}
#servilleta-txt h2{
	margin-bottom: 240px;
}
#servilleta-txt h2 strong span{
	padding-bottom:8px;
	background:url(../_img/eventos-linea.jpg) repeat-x bottom;
	background-size:2px;
}
#platos{
	min-height: 500px;
}
#eventosimg3{
	z-index: 1;
	position: relative;
}
#eventosimg4{
	z-index: 0;
	position: relative;
}
#eventosimg4 figure{
	position: absolute;
	top:-130px;
}
#testimonios{
	padding:240px 0 200px 0;
	background:#1c1c1e;
}
#testimonios .linea{
	position: absolute;
	top:-240px;
	left:50%;
	margin-left: -5px;
	background:#4d5361;
}
#testimonios h4{
	margin-bottom: 75px;
}
#testimonios section{
	display:block;
	padding:1em;
}
#testimonios p{
	color:#999;
}
#testimonios p strong{
	font-size: 16px;
	font-weight: bold;
	color:white;
}
body.eventos #formulario img{
	top:-60px;
	left:50%;
	
	margin-left: -92px;
	width: 185px;
}

/**************************************************************************************
Pastelería
***************************************************************************************/
#pasimg1{
	z-index: 2;
	margin-top: 130px;
}
#pasimg2{
	z-index: 1;
	margin-top: -520px;
}
#pasimg3{
	z-index: 3;
	position: absolute;
	top:50px;
	right:90px;
}
#mesa{
	margin-bottom: 240px;
}
#mesa h2{
	margin-bottom: 45px;
}
#novios{
	padding:90px 0 150px 0;
	background:#eee;
}
#novios img{
	margin-bottom: 60px;
}
#novios h3 strong{
	color:#535557;
}

/**************************************************************************************
Carta Menú
***************************************************************************************/

iframe#carta-google {
	min-height:700px;
	border: none;
	margin-bottom: 160px;
}
a#menu {
    z-index: 2;
    position: fixed;
	font-size: 10pt;
    bottom: 30px;
    right: 10px;
    padding: 1rem 3rem;
	color:white;
	text-decoration: none;
    background-color: #1a36c5;
    border-radius: 100px;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
}
a#menu img {
	margin: 0 5px 8px 5px;
}