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

/*
.navbar a.navbar-brand .navbar-header{width:100%; float:none; margin:0; position:static;}
.navbar a.navbar-brand img{margin:0 auto; display:block; text-align:center; width:100%;}

.top-nav-collapse a.navbar-brand .navbar-header {width:60%; float:left;}
*/

/*Navegacion Top Sin Scroll*/

.navbar-fixed-top .container .navbar-header{width:100%; float: none; position:static; margin:0; }
.navbar-fixed-top .container .navbar-header.page-scroll a.navbar-brand{width:100%; position:static; height:auto; display:block; margin:0; padding:0;}
.navbar-fixed-top .container .navbar-header.page-scroll a.navbar-brand img.logo1{margin:0 auto; text-align:center; display:block;}
.navbar-fixed-top .container .navbar-header.page-scroll a.navbar-brand img.logo2{display:none;}
.navbar-fixed-top .container .navbar-main-collapse{float:none !important; margin:0 auto; text-align:center;}
.navbar-fixed-top .container .navbar-main-collapse ul{float:none; text-align:center; width:100%; margin:0 auto; padding:20px 0px 0px 0px;}
.navbar-fixed-top .container .navbar-main-collapse ul.navbar-nav_2{float:none; text-align:center; width:100%; margin:0 auto; padding:0;}
.navbar-fixed-top .container .navbar-main-collapse ul.navbar-nav_2 li{display:inline-block;}

/*Navegacion Con Scroll*/

.navbar-fixed-top.top-nav-collapse .container .navbar-header{width:15%; float: left; position:static; margin:0;}
.navbar-fixed-top.top-nav-collapse .navbar-header.page-scroll a.navbar-brand{width:100%; height:0px; }

.navbar-fixed-top.top-nav-collapse .navbar-header.page-scroll a.navbar-brand img.logo1{width:130%; margin:0; text-align:left;}
.navbar-fixed-top.top-nav-collapse .navbar-header.page-scroll a.navbar-brand img.logo2{display:none;}
.navbar-fixed-top.top-nav-collapse .container .navbar-main-collapse{float:right !important; text-align:left; width:80%;}
.navbar-fixed-top.top-nav-collapse .container .navbar-main-collapse ul{text-align:right; float:left; width:80%;position:relative;top:0px;}
.navbar-fixed-top.top-nav-collapse .container  .navbar-main-collapse ul.navbar-nav_2{float:left; width:20%; text-align:right;position:relative;top:10px;}
.navbar-fixed-top.top-nav-collapse .container  .navbar-main-collapse ul.navbar-nav_2 li{display:inline-block;}


@media(max-width:992px){
	.navbar-fixed-top.top-nav-collapse .container .navbar-main-collapse ul{text-align:right; float:left; width:85%;position:relative;top:0px;}
.navbar-fixed-top.top-nav-collapse .container  .navbar-main-collapse ul.navbar-nav_2{float:left; width:15%; text-align:right;position:relative;top:10px;}
	}


@media (max-width:768px){
	
	.navbar-fixed-top .container .navbar-main-collapse ul{float:none; text-align:center; width:100%; margin:0 auto; padding:50px 0px 0px 0px; position:relative; top:0px;}
	.navbar-fixed-top.top-nav-collapse .container .navbar-header{
		width:140px;}
	.navbar-fixed-top.top-nav-collapse .container .navbar-main-collapse ul{width:100%; padding:80px 20px 0px 20px; }
	
	.navbar-fixed-top.top-nav-collapse .container .navbar-main-collapse ul.navbar-nav_2{width:100%; padding:10px 20px 5px 20px; }
	
	.navbar-fixed-top.top-nav-collapse .navbar-header.page-scroll a.navbar-brand{width:100%; height:0px; }
	
	.navbar-fixed-top .container .navbar-main-collapse{background:#000; padding:0 !important;}
	
	
	
	.navbar-fixed-top .container .navbar-header.page-scroll a.navbar-brand img.logo1{width:130px; position:relative; top:40px; z-index:999}
	.navbar-fixed-top .container .navbar-header.page-scroll a.navbar-brand img.logo2{display:none}
	
	.navbar-fixed-top.top-nav-collapse .navbar-header.page-scroll a.navbar-brand img.logo1{display:none;}
	.navbar-fixed-top.top-nav-collapse .navbar-header.page-scroll a.navbar-brand img.logo2{display:block; width:auto; position:absolute; top:18px; left:20px; z-index:999;}
		
.navbar-custom .nav li a{font-size:14px !important;}

.navbar-fixed-top.top-nav-collapse .container  .navbar-main-collapse ul.navbar-nav_2{float:left; width:100%; text-align:right;position:relative;top:10px; padding-bottom:20px;}
.navbar-fixed-top.top-nav-collapse .container  .navbar-main-collapse ul.navbar-nav_2 li{display:inline-block;}
button.navbar-toggle i{font-size:30px;  position:relative; top:5px;}

.navbar-fixed-top.top-nav-collapse .container .navbar-main-collapse{width:100%; position:relative; top:20px;}

	}
	
/*Iconos Header*/

.navbar-custom .nav li a span{font-size:25px;}
ul.nav.navbar-nav_2 li{padding:0px 5px;}

@media(max-width:992px){
	.navbar-custom .nav li a span{font-size:25px;}

	}
	
	
/** CONTENIDO **/

/*Secciones:
Menu Haru - menu-content
Servicio Domicilio - domicilio-content
Catering - catering-content
Ubicanos - ubicanos-content


*/



/**MENU DE HARU */


domicilio-content,
catering-content,
ubicanos-content{
padding: 5% 5% 5% 5%;
background: #fff;
position: relative;
width:100%;
}


.menu-content{
	padding: 0%;
	}


@media (min-width:768px){
	
domicilio-content,
catering-content,
ubicanos-content{
padding: 5% 5% 5% 20%;
background: #fff;
position: relative;
width:100%;
}

.menu-content{
padding: 5% 5% 5% 25%;
	}


	}
	

@media (min-width:992px){
	.menu-content,
domicilio-content,
catering-content,
ubicanos-content{
padding: 5% 5% 5% 20%;
background: #fff;
position: relative;
width:100%;
}
	}

.menu-content h3, .domicilio-content h3, .catering-content h3, .ubicanos-wrap h3 {
color: #222222;
text-align: center;
font-size: 20px;
font-weight: 700;
margin-top: 0px;
line-height: 24px;
margin-bottom: 30px;
text-transform: uppercase;}

.menu-content p{
	color: #231f20;
text-align: center;
font-size: 14px;
line-height: 22px;

	}
	
.menu-haru-box{ padding:20px 20px;}

.menu-haru-box h4{font-family:'latobold'; color:#231f20; margin:0; text-transform:uppercase; }
.menu-haru-box p.text{text-align:left; margin:0; font-family:'latomedium';}
.menu-haru-box p.price{text-align:right; margin:0; font-family:'latobold'; color:#231f20; }
.menu-haru-box span{font-family:'lightitalic' !important; color:#231f20; text-align:left;}


.line-haru p.text{width:90%; float:left;}


.line-haru p.price{width:10%; float:left;}

span.italic{font-family:'lightitalic' !important; color:#231f20; text-align:left;}

h4.white{color:#fff; display:block;}

@media (max-width:768px){
	h4.white{color:#fff;
	display:none;}
	}
	

.domicilio-content {
 height:auto;
	padding:0px 0;
background: #000;
	
}


.catering-content{
	height:auto;
	padding:0px 0;
background: #000;
	}
	
.contacto-content{
	color: #231f20;
text-align: center;
font-size: 18px;
line-height: 24px;
padding:80px;
	}
	

.contacto-content h3 {
    color: #231f20;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    margin-top: 0px;
    line-height: 24px;
    margin-bottom: 30px;
	margin:0;
  
}	

@media (max-width:768px){
	.contacto-content{padding:0px 0px;}
	.contacto-content h3 {font-size:16px;}
	.special-container{padding:30px;}
	}

.contacto-content h3.tile{font-family:'latoregular';}


.googlemaps{width:50%; margin:0 auto; padding:20px 0px 0px 0px}

@media(max-width:768px){
.googlemaps{width:100%; margin:0 auto; padding:20px 0px 0px 0px}
	
	}

footer img{margin:0 auto; text-align:center;}

footer p.copy{text-align:right; padding-right:30px;}

.catering-wrap{background:#000;}

.tiles_mobile{
	display:none;
	}
	
.tiles_mobile_white{
		display:none;
		}
		
	.tiles_mobile_white_black{
		display:none;
		}
	
@media (max-width:768px){
	.tiles_mobile{
	display:block;
	}
	.tiles_mobile_white{
		display:block;
		}
		
	.tiles_mobile_white_black{
		display:block;
		background:#000;
		}
	
	.tiles_mobile h3{
		margin:0;
		font-family:'latobold';
		color:#000;
		text-align:center;
		
		}
		
		.tiles_mobile_white h3{
		color:#fff;
		margin:0;
		padding:20px 0px;
		text-align:center;
		font-family:'latobold';
		}
		
		.tiles_mobile_white_black h3{
		color:#fff;
		margin:0;
		padding:20px 0px;
		text-align:center;
		font-family:'latobold';
		}
	
	}
	
.modal-header h4{color:#000;}
.modal-body h3{color:#000;}
.modal-body p{font-size:14px; color:#000; margin-bottom:2px;}
.modal-body ul li{font-size:12px; color:#000;}

.domicilio-content img{margin:0 auto !important; text-align:center;}
.catering-wrap img{margin:0 auto !important; text-align:center;}