@charset "utf-8";
/* CSS Document */

body, html {
	height: 100%;
	width: 100%;
	font-family: 'Lato', sans-serif;
}
body {
	/* background: url(../img/bg-madera.jpg) no-repeat center; */
	background-size: cover;
	background-attachment: fixed;
	background-color: #000;
}
a {
	color: inherit;
}
section {
	position: relative;
	min-height: 100%;
	width: 100%;
	overflow: hidden
}
.title {
	width: 100%;
	text-align: center;
	padding-top: 80px;
	color: #FFF
}
/*CAFE EMIR*/

#ortomh {
	width: 100%;
	position: relative;
	height: 100%;
}
#cafeEmirExpress {
	width: 0;
	position: absolute;
	height: 100%;
	z-index: 10;
	top: 0;
	right: 0;
	overflow: hidden;
	background: #FFF;
	display: none
}
#cafeEmirExpress div {
	display: none
}
aside {
	width: 100px;
	height: 100%;
	background: #fec223;
	position: fixed;
	left: 100%;
	top: 0;
	z-index: 11;
	cursor: pointer;
	margin-left: -100px
}
aside .CeX {
	width: 100%;
	padding-top: 20px;
	text-align: center
}
aside h5 {
	margin: 5px;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
	font-family: 'FuturaHeavy', sans-serif;
	letter-spacing: 1px
}
aside h5:after {
	content: 'conoce'
}
aside.Xpress h5:after {
	content: 'volver'
}
aside.Xpress .arXp {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}
aside .logoCeX {
	width: 64px;
	height: 155px;
	margin: 25px auto
}
aside .logoCeX img {
	display: block;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s
}
aside:hover .logoCeX img {
	opacity: 0
}
/* aside:hover .logoCeX {
	background: url(../img/logo-cafe-emir-exp-black.png) no-repeat center;
} */
/*HEADER*/

header {
	position: fixed;
	z-index: 9;
	width: calc(100% - 100px);
	top: 0;
	left: 0;
	height: 0
}
header a.logo {
	left: 30px;
	position: absolute;
	top: 35px
}
header a.logo img {
	position: absolute;
	top: 0;
	height: 100px;
	width: 100px;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s
}
header a.logo img:last-child {
	opacity: 0;
}
header div.icons {
	float: right;
	position: relative;
	font-size: 12px;
	color: #91857b;
}
header a.icons {
	float: right;
	margin-top: 35px;
	height: 40px;
	font-size: 12px;
	color: #91857b;
	position: relative
}
header a.icons i {
	position: absolute;
	width: 2px;
	height: 2px;
	background: #fcc83a;
	border-radius: 100%;
	z-index: -10;
	top: 36%;
	left: 33%;
	opacity: 0;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s
}
header a.sumate {
	width: 0px;
	padding-left: 42px;
	background: url(../img/ico-sumate.png) no-repeat left top;
}
header a.llave {
	width: 0px;
	padding-left: 43px;
	background: url(../img/ico-llave.png) no-repeat left top;
}
header a.globa {
	width: 0px;
	padding-left: 30px;
	background: url(../img/ico-globa.png) no-repeat 2px 2px;
	margin-left: 10px;
	margin-right: 50px
}
header .icons .tooltip {
	width: 0px;
	top: 64px;
	padding: 10px;
	position: absolute;
	left: -45px;
	text-align: center;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	opacity: 0;
	overflow: hidden;
	height: 0
}
header .icons:hover > i {
	opacity: 1;
	transform: scale(23);
	-webkit-transform: scale(23)
}
header .icons:hover > .tooltip {
	opacity: 1;
	height: auto;
	width: 100px
}
header a.sumate:hover {
	background: url(../img/ico-sumate-black.png) no-repeat left top;
}
header a.globa:hover {
	background: url(../img/ico-globa-black.png) no-repeat 2px 2px;
}
header a.logo.black img:last-child {
	opacity: 1;
}
header a.logo.black img:first-child {
	opacity: 0;
}
/*NAV*/

nav {
	position: fixed;
	z-index: 8;
	top: 240px;
	left: 0;
	width: 160px;
	font-family: 'FuturaCndLight', sans-serif;
	font-size: 17px;
	color: rgba(255,255,255,0.7);
	text-transform: uppercase;
}
nav li {
	line-height: 40px;
	margin: 5px 0;
	padding-right: 6px
}
nav li a {
	display: block;
	padding-left: 35px;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s
}
nav li:hover,  nav li.show {
	font-size: 20px;
	color: #392f26;
	background: url(../img/zigzag-nav.png) repeat-y top right;
}
nav li:hover a,  nav li.show a {
	background: #fcc83a
}
nav.black {
	color: rgba(44,29,18,0.7);
}
/*POPUP*/

#popUp {
	z-index: 80;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display: none
}
#popUp .unite {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.5);
	padding: 50px;
	width: 90%;
	max-width: 760px;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	margin: auto;
	margin-top: 12%;
	background: #000
}
#popUp .unite p {
	margin: 15px 0;
	line-height: 1.5;
}
#popUp .unite h2 {
	font-family: 'FuturaBook', sans-serif;
	font-size: 70px;
	color: #FFF;
	text-transform: uppercase;
	padding-bottom: 20px;
	border-bottom: 1px solid #FFF
}
#popUp .unite img {
	position: absolute;
	z-index: -1;
	opacity: 0.4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
#popUp .unite a {
	color: #FFC220
}
#popUp .unite img.closePop {
	opacity: 1;
	padding: 20px;
	top: 0;
	right: 0;
	left: auto;
	cursor: pointer;
	z-index: 9;
	width: auto;
	height: auto
}
#popGracias {
	z-index: 90;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	display: none;
	top: 0;
	left: 0
}
#popGracias .unite {
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.5);
	padding: 50px;
	width: 90%;
	max-width: 758px;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	margin: auto;
	margin-top: 21%;
	background: #000
}
#popGracias .unite p {
	margin: 15px 0;
	line-height: 1.5;
	width: 100%
}
#popGracias .unite h2 {
	font-family: 'FuturaBook', sans-serif;
	font-size: 70px;
	color: #FFF;
	text-transform: uppercase;
}
#popGracias .unite img.bg {
	position: absolute;
	z-index: -1;
	opacity: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
/*HOME*/

#home img {
	/* width: 100%; */
	width: 500px;
	
	margin: auto;
	margin-top: 200px;
	display:block;
}
#home article {
	position: absolute;
	padding: 40px 0;
	border-radius: 2px;
	border: 1px solid rgba(255,255,255,0.5);
	text-align: center;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	top: 20%
}
#home article h2 {
	font-family: 'FuturaBook', sans-serif;
	font-size: 73px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 21px;
	text-indent: 15px
}
#home article strong {
	font-family: 'fenwickoutline', sans-serif;
	font-size: 30px;
	color: #FFF;
	letter-spacing: 5px;
	display: block
}
#home .slider {
	position: relative;
	height: auto
}
#home ul.slides li {
	width: 100%;
	position: relative;
}
#home .flex-direction-nav {
	display: none
}
#home .flex-control-nav {
	position: absolute;
	z-index: 7;
	width: 100%;
	text-align: center;
	bottom: 120px
}
#home .flex-control-nav li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 2px;
	font-size: 0;
}
#home .flex-control-nav li a {
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #ffc220;
	border-radius: 14px
}
#home .flex-control-nav li a.flex-active {
	background: #ffc220
}
/*NUESTRO MENU*/

#menu {
	padding-bottom: 110px
}
#menu .wpBoxMenu {
	width: 783px;
	margin: 80px auto;
	padding: 3px;
	background: rgba(0,0,0,0.4);
	position: relative;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	min-height: 347px;/*left:30px*/
}
#menu .wpBoxMenu .boxMenu img {
	display: block
}
#menu .wpBoxMenu .boxMenu {
	width: 255px;
	height: 255px;
	margin: 3px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	white-space: nowrap;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	opacity: 0
}
#menu .wpBoxMenu .boxMenu .footBox {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(255,255,255,0.8);
	font-size: 14px;
	color: #392f26;
	opacity: 0
}
#menu .wpBoxMenu .boxMenu .footBox span {
	display: table-cell;
	height: 45px;
	vertical-align: middle;
	text-indent: 15px;
}
#menu .wpBoxMenu .boxMenu .footBox img {
	position: absolute;
}
#menu .wpBoxMenu .boxMenu .footBox img.tck {
	top: -8px;
	left: 15px
}
#menu .wpBoxMenu .boxMenu .footBox img.arw {
	right: 10px;
	top: 50%;
	margin-top: -9px
}
#menu .wpBoxMenu .boxMenu:hover {
	border: 1px solid #FFF;
	overflow: hidden
}
#menu .wpBoxMenu .boxMenu:hover > .footBox {
	opacity: 1
}
#menu .wpBoxMenu .boxMenu.thumb .footBox span {
	width: 250px;
	text-indent: 0;
	text-align: center
}
#menu .wpBoxMenu .boxMenu.thumb .footBox img.arw {
	display: none
}
#menu .wpBoxMenu .boxMenu.thumb .footBox img.tck {
	top: -8px;
	left: 50%;
	margin-left: -8px
}
#menu .box01 {
	background: url(../img/menu-01.jpg) no-repeat center;
}
#menu .box02 {
	background: url(../img/menu-02.jpg) no-repeat center;
}
#menu .box03 {
	background: url(../img/menu-03.jpg) no-repeat center;
}
#menu .box04 {
	background: url(../img/menu-04.jpg) no-repeat center;
}
#menu .box05 {
	background: url(../img/menu-05.jpg) no-repeat center;
}
#menu .box06 {
	background: url(../img/menu-06.jpg) no-repeat center;
}
#menu .boxMenu.select {
	height: 339px;
}
#menu .boxMenu.thumb {
	position: absolute;
	width: 150px;
	height: 150px;
	bottom: -175px;
	opacity: 0.5
}
#menu .boxMenu.thumb:hover {
	opacity: 1
}
#menu .boxMenu.pos_01 {
	left: 5px;
}
#menu .boxMenu.pos_02 {
	left: 162px;
}
#menu .boxMenu.pos_03 {
	left: 319px;
}
#menu .boxMenu.pos_04 {
	left: 477px;
}
#menu .boxMenu.pos_05 {
	left: 635px;
}
#menu .wpInfoBox {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	display: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease
}
#menu .wpInfoBox i {
	position: absolute;
	padding: 20px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	opacity: 0.25;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease
}
#menu .wpInfoBox i:hover {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	opacity: 1
}
#menu .wpInfoBox .infoBox {
	width: calc(100% - 275px);
	height: 339px;
	position: absolute;
	right: 6px;
	top: 6px;
	border: 1px solid rgba(255,255,255,0.25);
	box-sizing: border-box;
	padding: 15px;
	opacity: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	color: #FFF;
	font-size: 13px
}
#menu .wpInfoBox .infoBox h2 {
	margin-top: 45px;
	margin-bottom: 20px;
	font-family: 'FuturaBook', sans-serif;
	text-transform: uppercase;
	letter-spacing: 6px;
	font-size: 24px
}
#menu .wpInfoBox .infoBox h3 {
	font-weight: 700
}
#menu .wpInfoBox .infoBox .txt {
	width: 50%;
	min-width: 180px;
	float: left;
	line-height: 1.3;
	padding-right: 7px;
	box-sizing: border-box
}
/*PRODUCTOS*/

#productos {
	background: url(../img/bg-productos.jpg) no-repeat center;
	background-size: cover;
}
#productos .title {
	color: #352f29;
	font-size: 54px;
	font-family: 'FuturaBook', sans-serif;
	text-transform: uppercase;
	letter-spacing: 18px;
	text-indent: 30px;
}
#productos .productos {
	width: 500px;
	margin: 25px auto;
	position: relative;
	transition: all ease 1s;
	-transition: all ease 1s;
	opacity: 0
}
#productos .productos li {
	text-align: center;
	font-size: 14px;
	color: #543019
}
#productos .productos li img {
	width: 500px
}
#productos .productos h3 {
	font-size: 14px;
	margin: 10px 0;
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'FuturaHeavy', sans-serif;
}
#productos .flex-direction-nav li a {
	display: block;
	width: 38px;
	height: 56px;
}
#productos .flex-direction-nav li {
	position: absolute;
	z-index: 2;
	top: 30%;
	right: 0;
	width: 38px;
	height: 56px;
	opacity: 0.5;
	background: url(../img/slideArrow.png) no-repeat center;
	font-size: 0;
}
#productos .flex-direction-nav li:first-child {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	left: 0;
	right: auto
}
#productos .flex-direction-nav li:hover {
	opacity: 1
}
#productos .flex-control-nav {
	position: absolute;
	bottom: -55px;
	width: 100%;
	left: 0;
	text-align: center
}
#productos .flex-control-nav li {
	display: inline-block;
	margin: 2px
}
#productos .flex-control-nav li a {
	display: block;
	font-size: 0;
	width: 15px;
	height: 15px;
	border: 2px solid #ffc220;
	border-radius: 10px;
	cursor: pointer
}
#productos .flex-control-nav li a.flex-active {
	background: #ffc220
}
/*TIENDAS*/

#tiendas {
	height: 100%
}
#tiendas .infoBox {
	width: 250px;
	height: 370px;
	background: rgba(0,0,0,0.3);
	text-align: center;
	padding-bottom: 40px;
	background: url(../img/bg-infoBox.png) bottom center no-repeat;
}
#tiendas .infoBox img {
	z-index: 9
}
#tiendas .content .imgLocal {
	width: 220px;
	margin-bottom: 15px;
	overflow: hidden;
	height: 220px;
	border-radius: 100%;
	margin: 0 15px
}
#tiendas .content h2 {
	color: #FFF;
	font-size: 26px;
	margin: 10px 0;
	text-shadow: 0 0 15px #000000;
	font-size: 26px;
	text-transform: uppercase;
	font-family: 'FuturaHeavy', sans-serif;
}
#tiendas .content p {
	color: #FFF;
	font-size: 14px;
	text-shadow: 0 0 15px #000000;
	margin: 0;
	font-family: 'Lato', sans-serif;
}
#Map {
	height: 100%;
	width: 100%
}
#tiendas .subMenu {
	font-size: 16px;
	color: #FFF;
	position: absolute;
	left: 190px;
	top: 150px;
	padding: 10px 0 10px 20px;
	line-height: 2;
	background: url(../img/zag-sbm.png) repeat-y;
	z-index: 5
}
#tiendas .subMenu li {
	cursor: pointer;
}
#tiendas .subMenu li:hover {
	color: #ffc220
}
#tiendas .point {
	width: 2px;
	height: 2px;
	border-radius: 100%;
	background: #ffc220;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -29px;
	margin-left: -1px;
	z-index: 5;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	opacity: 0
}
/*#tiendas .point.big{transform:scale(15);-webkit-transform:scale(15);opacity:0.8}*/

#tiendas .point.big {
	animation: 1s late infinite;
	-webkit-animation: 1s late infinite;
}
 @keyframes late {
0% {
transform:scale(0.5);
-webkit-transform:scale(0.5);
opacity:0
}
50% {
transform:scale(15);
-webkit-transform:scale(15);
opacity:0.8
}
100% {
transform:scale(0.5);
-webkit-transform:scale(0.5);
opacity:0
}
}
 @-webkit-keyframes late {
0% {
transform:scale(0.5);
-webkit-transform:scale(0.5);
opacity:0
}
50% {
transform:scale(15);
-webkit-transform:scale(15);
opacity:0.8
}
100% {
transform:scale(0.5);
-webkit-transform:scale(0.5);
opacity:0
}
}
/*NOSOTROS*/

#nosotros p {
	max-width: 530px;
	margin: 70px auto;
	font-size: 17px;
	text-align: center;
	line-height: 1.5;
	color: #FFF;
	position: relative;
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
	opacity: 0;
	top: 50px
}
#nosotros .mision {
	position: relative;
	margin-top: 90px
}
#nosotros .mision img {
	width: 100%;
	display: block
}
#nosotros .mision article {
	position: absolute;
	padding: 30px;
	border-radius: 2px;
	border: 1px solid rgba(255,255,255,0.5);
	text-align: center;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	top: 50%;
	margin-top: -70px;
	height: 80px
}
#nosotros .mision p {
	margin: 0;
	font-size: 13px;
	float: left;
	width: 50%;
	text-align: left;
	margin-top: 7px
}
#nosotros .mision h2 {
	margin: 0;
	font-size: 85px;
	float: right;
	width: 50%;
	text-align: right;
	text-transform: uppercase;
	font-family: 'FuturaBook', sans-serif;
	color: #FFF
}
#nosotros .vision {
	background: rgba(20,20,20,0.7);
	padding: 90px 0
}
#nosotros .vision .title {
	padding-top: 0;
}
#nosotros p.view {
	top: 0;
	opacity: 1
}
#nosotros .more {
	width: 100%;
	text-align: center;
}
#nosotros .more img {
	position: relative;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	opacity: 0
}
#nosotros .more.play img {
	animation: 1s arrow infinite;
	-webkit-animation: 1s arrow infinite;
}
 @keyframes arrow {
0% {
top:0;
opacity:0
}
50% {
top:10px;
opacity:1
}
100% {
top:20px;
opacity:0
}
}
 @-webkit-keyframes arrow {
0% {
top:0;
opacity:0
}
50% {
top:10px;
opacity:1
}
100% {
top:20px;
opacity:0
}
}
/*CONTACTO*/

#contacto {
	background: url(../img/bg-contacto.jpg) no-repeat center;
	background-size: cover;
}
#contacto p, #contacto .wpForm {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	transition: all ease 1s;
	-webkit-transition: all ease 1s;
	opacity: 0
}
#contacto p {
	font-size: 16px;
	text-align: center;
	line-height: 1.5;
	color: #FFF;
	margin: 30px auto
}
#contacto p strong {
	color: #ffc220
}
#contacto input, #contacto textarea {
	display: block;
	box-sizing: border-box;
	width: 470px;
	margin: 8px auto;
	height: 40px;
	padding: 10px;
	border: 1px solid #888888;
	border-radius: 1px;
	background: none;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color: #FFF;
	-webkit-appearance: none
}
#contacto textarea {
	resize: none;
	height: 120px
}

#redirect{
	bottom: 90px;
	color: #7a5d1c;
	background: #ffc220;
	border: none;
	text-transform: uppercase;
	font-family: 'FuturaCndMedium', sans-serif;
	font-size: 20px;
	cursor: pointer;
	box-sizing: border-box;
	width: 470px;
	margin: 8px auto;
	text-align: center;
	line-height: 40px;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}

#redirect > a{
	display: block;
	color: #7a5d1c;
	background: #ffc220;
}

#redirect:hover, #redirect > a:hover{
	background: #E1E1E1;
	color: #a1a1a1;
}

#contacto #submit {
	color: #916f24;
	background: #ffc220;
	border: none;
	text-transform: uppercase;
	font-family: 'FuturaCndMedium', sans-serif;
	font-size: 20px;
	cursor: pointer;
	box-sizing: border-box;
	width: 470px;
	margin: 8px auto;
	text-align: center;
	line-height: 40px;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
}
#contacto #submit:hover {
	background: #E1E1E1;
	color: #a1a1a1;
}
input[type=text], textarea, input[type=email], select, button {
	-webkit-appearance: none !important;
	
}
input:focus, input:active {
	-webkit-appearance: none !important;
	background: none !important
}
/*FOOTER*/

footer {
	background: #0b0b0b;
	padding: 35px 35px 0 35px;
	height: 45px;
	color: #FFF;
	font-size: 12px;
	width: calc(100% - 170px)
}
footer p {
	float: left;
}
footer strong {
	color: #ffc220
}
footer i {
	color: #9c9c9c;
	margin: 0 7px
}
footer .share {
	float: right;
	position: relative;
	font-size: 14px;
	top: -94px;
}
footer .share a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 2px solid #FFF;
	border-radius: 30px;
	margin: 0 2px;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s
}
footer .share a.facebook {
	background: url(../img/ico-facebook.png) center no-repeat
}
footer .share a.twitter {
	background: url(../img/ico-twitter.png) center no-repeat
}
footer .share a.facebook:hover {
	background-color: #3B5998;
	border-color: #3b5998
}
footer .share a.twitter:hover {
	background-color: #4099FF;
	border-color: #4099FF
}
footer .share span {
	position: absolute;
	top: 9px;
	right: 82px;
	width: 80px
}
/*EXPRESS*/

#cafeEmirExpress .home {
	width: 100%;
	height: 100%;
	background: url(../img/bg-express.jpg) no-repeat #FFF;
	background-size: cover;
	position: relative
}
#cafeEmirExpress .home article {
	position: absolute;
	padding: 40px 0;
	border-radius: 2px;
	border: 1px solid rgba(255,255,255,0.5);
	text-align: center;
	width: 750px;
	left: 50%;
	margin-left: -350px;
	top: 20%;
	color: #FFF
}
#cafeEmirExpress .home article h2 {
	font-family: 'FuturaBook', sans-serif;
	font-size: 24px;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 8px;
	text-indent: 15px
}
#cafeEmirExpress .home article hr {
	border: none;
	border-bottom: 1px solid #FFF;
	width: 150px;
	margin: 60px auto 30px
}
 @media (max-width:1100px) {
.title {
	font-family: 'FuturaBook', sans-serif;
	font-size: 30px;
	padding-top: 80px;
	letter-spacing: 10px
}
/*CAFE EMIR*/

#ortomh {
	width: calc(100% - 80px);
	position: relative;
	height: 100%;
}
aside {
	width: 80px;
	margin-left: -80px
}
aside:hover .logoCeX img {
	opacity: 1
}
aside:hover .logoCeX {
	background: none;
}
/*FOOTER*/

footer {
	width: calc(100% - 70px)
}
/*HEADER*/

header a.logo {
	left: 20px;
	position: absolute;
	top: 20px
}
header a.logo img {
	width: 90px
}
header a.sumate {
	width: 0;
	font-size: 0
}
header a.globa {
	margin-left: 15px;
	margin-right: 0;
	width: 0;
	font-size: 0
}
/*NAV*/

nav {
	top: 200px;
	width: 120px;
}
nav li a {
	display: block;
	padding-left: 15px
}
nav li:hover,  nav li.show {
	font-size: 16px;
}
/*HOME*/

#home img {
	width: auto
}
#home article {
	padding: 30px 0;
	width: 610px;
	margin-left: -280px;
}
#home article h2 {
	font-size: 63px;
	letter-spacing: 20px;
	text-indent: 15px
}
#home article strong {
	font-size: 25px;
	letter-spacing: 5px;
}
/*NUESTRO MENU*/

#menu {
	padding-bottom: 120px
}
#menu .title img {
	display: none
}
#menu .title:before {
	content: 'NUESTRO MENÚ'
}
#menu .wpBoxMenu .boxMenu {
	width: 200px;
	height: 200px;
}
#menu .wpBoxMenu {
	width: 618px;
	margin: 50px auto;
	min-height: 288px;
}
#menu .wpBoxMenu .boxMenu {
	border: 1px solid #FFF;
	overflow: hidden
}
#menu .wpBoxMenu .boxMenu .footBox {
	font-size: 12px;
	opacity: 1;
}
#menu .wpBoxMenu .boxMenu .footBox span {
	text-indent: 5px
}
#menu .boxMenu.select {
	height: 280px;
}
#menu .boxMenu.thumb {
	width: 120px;
	height: 120px;
	bottom: -130px;
}
#menu .boxMenu.thumb:hover {
	opacity: 1
}
#menu .boxMenu.pos_01 {
	left: 0px;
}
#menu .boxMenu.pos_02 {
	left: 125px;
}
#menu .boxMenu.pos_03 {
	left: 250px;
}
#menu .boxMenu.pos_04 {
	left: 375px;
}
#menu .boxMenu.pos_05 {
	left: 500px;
}
#menu .wpInfoBox .infoBox {
	width: calc(100% - 218px);
	height: 280px;
	padding: 10px
}
#menu .wpInfoBox .infoBox h2 {
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 20px
}
/*PRODUCTOS*/

#productos .title {
	font-size: 30px;
	letter-spacing: 10px;
}
/*TIENDA*/

#tiendas .subMenu {
	top: 100px;
	left: 135px
}
/*NOSOTROS*/

#nosotros .title img {
	display: none
}
#nosotros .title:before {
	content: 'NOSOTROS'
}
#nosotros .vision .title:before {
	content: 'VISION'
}
#nosotros p {
	margin-top: 35px
}
#nosotros .vision {
	padding: 40px 0
}
#nosotros .mision article {
	width: 480px;
	margin-left: -240px;
	text-align: center;
	background: rgba(0,0,0,0.3)
}
#nosotros .mision p {
	float: none;
	width: 100%;
	text-align: center;
	margin-top: 0px;
	font-size: 16px
}
#nosotros .mision h2 {
	position: absolute;
	top: -60px;
	left: 0;
	font-size: 30px;
	float: none;
	width: 100%;
	text-align: center;
	letter-spacing: 10px
}
/*CONTACTO*/

#contacto .title img {
	display: none
}
#contacto .title:before {
	content: 'CONTÁCTANOS'
}
}
 @media (max-width:900px) {
/*CAFE EMIR*/

#ortomh {
	width: calc(100% - 40px);
}
aside {
	width: 40px;
	margin-left: -40px
}
aside h5 {
	display: none
}
aside .logoCeX {
	width: 36px;
	height: 34px;
	overflow: hidden;
	margin: 10px auto
}
aside .logoCeX img {
	width: 100%
}
/*POPUP*/

#popUp .unite h2 {
	font-size: 50px
}
/*HEADER*/

header {
	width: calc(100% - 60px)
}
header a.icons {
	margin-top: 13px
}
header .btnMob {
	padding: 6px;
	background: #fec223;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 25px;
	z-index: 9;
	cursor: pointer;
}
header .btnMob i {
	background: #FFF;
	height: 3px;
	width: 23px;
	display: block;
	margin: 3px 0
}
header a.logo {
	left: 50px;
	top: 10px
}
header a.logo img {
	width: 60px
}
header a.icons:hover > i {
	opacity: 0;
	transform: scale(1);
	-webkit-transform: scale(1);
}
header .icons:hover > .tooltip {
	opacity: 0;
	height: 0;
	width: 0
}
/*NAV*/

nav {
	top: 0px;
	width: 100%;
	height: 100%;
	background: #ffc220;
	font-size: 24px;
	display: none
}
nav.show {
	display: block
}
nav ul {
	margin-top: 80px
}
nav li {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF
}
nav li:hover,  nav li.show {
	background: #ffedbd;
	font-size: 24px
}
nav li:hover a, nav li.show a {
	background: #feebaf
}
/*HOME*/

#home img {
	width: 100%
}
#home article {
	width: 80%;
	margin-left: -40%;
	padding: 40px 50px;
	box-sizing: border-box
}
/*NUESTRO MENU*/

#menu {
	padding-bottom: 110px
}
#menu .wpBoxMenu {
	width: 80%;
	left: 0
}
#menu .wpBoxMenu .boxMenu {
	width: auto;f
	display: block;
	height: 120px;
	background-size: cover
}
#menu .wpBoxMenu .boxMenu .footBox span {
	height: 34px;
	font-size: 14px
}
#menu .wpInfoBox {
	position: relative;
	height: 286px;
	overflow: hidden
}
#menu .wpInfoBox .infoBox {
	width: calc(100% - 6px);
	height: 280px;
	position: absolute;
	margin: 3px;
	top: 0;
	left: 0
}
#menu .boxMenu.select {
	height: 210px
}
#menu .boxMenu.thumb {
	width: 19%;
	height: 100px;
	bottom: -110px
}
#menu .boxMenu.pos_02 {
	left: 20%;
}
#menu .boxMenu.pos_03 {
	left: 40%;
}
#menu .boxMenu.pos_04 {
	left: 60%;
}
#menu .boxMenu.pos_05 {
	left: 80%;
}
/*PRODUCTOS*/

#productos .productos {
	width: 96%;
}
/*TIENDA*/

#tiendas .subMenu {
	left: 0px
}
/*NOSOTROS*/

#nosotros .mision {
	height: 320px;
}
#nosotros .mision img {
	position: absolute;
	z-index: 0;
	right: 0;
	height: 100%;
	width: auto
}
#nosotros .mision article {
	z-index: 1;
	width: 80%;
	margin-left: -40%;
	box-sizing: border-box;
	height: auto;
	margin-top: -40px
}
/*CONTACTO*/

#contacto p, #contacto .wpForm {
	width: 90%
}
#contacto input, #contacto textarea, #contacto #submit {
	width: 100%
}
/*FOOTER*/

footer i {
	margin: 7px 0;
	display: block;
}
footer .share span {
	display: none
}
}
@media (max-width:510px) {
#nosotros .mision h2,  #productos .title,  .title {
	font-size: 25px;
	letter-spacing: 5px
}
/*CAFE EMIR*/

#ortomh {
	width: 100%;
}
aside {
	height: auto
}
aside .logoCeX {
	margin: 5px auto
}
aside .CeX {
	padding-top: 5px;
}
/*HEADER*/

header {
	width: 100%
}
header a.icons {
	position: absolute;
	right: 0;
	top: 65px
}
header a.sumate {
	top: 100px;
	right: -11px
}
header a.black.sumate {
	background: url(../img/ico-sumate-black.png) no-repeat left top;
}
header a.black.globa {
	background: url(../img/ico-globa-black.png) no-repeat left top;
}
/*HOME*/

section#home {
	min-height: 0 !important
}
#home article {
	width: 90%;
	margin-left: -45%;
	padding: 20px;
}
#home article h2 {
	font-size: 50px;
}
#home .flex-control-nav{bottom:20px}

#home article {
  width: 96%;
  margin-left: -48%;
  padding:10px;
  top:35%
}
#home article h2 {
  font-size:20px;
  letter-spacing:5px;
  text-indent:5px;
}
#home article strong {
  font-size:15px;
  letter-spacing: 5px;
}
/*NUESTRO MENU*/

#menu .wpBoxMenu {
	width: 90%;
	left: 0
}
#menu .wpInfoBox {
	position: relative;
	height: 479px;
	text-align: center
}
#menu .wpInfoBox .infoBox {
	height: 472px;
}
#menu .wpInfoBox .infoBox .txt {
	width: 100%;
}
#menu .wpBoxMenu .boxMenu .footBox span {
	height: 20px;
}
#menu .boxMenu.thumb {
	width: 100%;
	height: 55px;
	bottom: -65px;
}
#menu .boxMenu.pos_02 {
	left: 0%;
	bottom: -125px
}
#menu .boxMenu.pos_03 {
	left: 0%;
	bottom: -185px
}
#menu .boxMenu.pos_04 {
	left: 0%;
	bottom: -245px
}
#menu .boxMenu.pos_05 {
	left: 0%;
	bottom: -305px
}
#menu {
	padding-bottom: 280px;
}
#menu .wpBoxMenu .boxMenu .footBox img.arw {
	display: none
}
/*TIENDAS*/
#tiendas .subMenu{bottom:0;left:0;top:auto;font-size:12px;line-height:1.8;background:none;width:98%;padding:0;text-align:center;padding:1%;background:rgba(0,0,0,0.7)}
#tiendas .subMenu li{width:50%;float:left}

#tiendas .content .imgLocal{width:150px;height:150px;margin:0 auto 10px 58px;}


/*PRODUCTOS*/

#productos .flex-direction-nav {
	display: none
}
#productos .productos .slides li img {
	width: 100%
}
/*NOSOTROS*/

#nosotros p {
	text-align: justify;
	width: 90%;
}
#nosotros .vision p{text-align:center}
#nosotros .mision {
	height: 340px;
}
#nosotros .mision img {
	right: -80px
}
#nosotros .mision article {
	width: 90%;
	margin-left: -45%;
	padding: 20px;
	margin-top: -60px
}
/*POPUP*/

#popUp .unite {
	padding: 25px;
	font-size: 14px
}
#popUp .unite h2 {
	font-size: 25px;
}
#popUp .unite img.closePop {
	top: -7px;
	right: -7px;
}
/*FOOTER*/

footer {
	width: auto
}
footer {
	text-align: center;
	padding: 20px 10px;
	height: auto;
}
footer p {
	float: none
}
footer .share {
	float: none;
	padding-top: 15px;
	clear: both;
	top:auto;
}
}