.contenedor {
width: 1050px;
max-width: 90%;
margin-right: auto;
margin-left: auto;
}
.nav-link {
padding-bottom: 20px;
}
.brand {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar {
background-color: #fff;
}
.nav-menu {
padding-top: 15px;
padding-bottom: 15px;
}
.list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.logo_little {
width: 50%;
float: left;
}
.cta_ubicaciones {
width: 50%;
float: left;
text-align: right;
}
.button_ubicaciones {
padding: 15px 20px;
background-color: #000;
font-family: EmigreUltra, sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.logo_cta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 15px;
padding-bottom: 15px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.slide_pizza {
position: relative;
width: 100%;
height: 400px;
background-color: #fe5e00;
background-image: none;
background-size: auto;
background-repeat: repeat;
}
.titu_ingredientes {
font-family: 'EmigreUltra';
color: black;
width: 500px;
margin-right: auto;
margin-left: auto;
font-size: 22px;
line-height: 28px;
font-weight: 400;
text-align: center;
text-transform: uppercase;
}
.content_titu {
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
}
.content_foo {
width: 90%;
margin-right: auto;
margin-left: auto;
padding-top: 18px;
padding-bottom: 18px;
border-top: 1px solid #fe5e00;
border-bottom: 1px solid #fe5e00;
}
.redes_sociales {
position: relative;
width: 50%;
padding-left: 20px;
float: left;
}
.ordene_adomicilio {
width: 50%;
padding-right: 20px;
float: left;
}
.derechos_txt {
color: black;
width: 725px;
margin: 25px auto 80px;
font-family: Emigre, sans-serif;
font-size: 22px;
line-height: 28px;
text-align: justify;
}
.columnas_medidas {
width: 25%;
float: left;
text-align: center;
}
.icon_redes {
padding-right: 15px;
float: left;
}
.div-block-2 {
float: left;
}
.txt_ordena {
margin-right: 10px;
padding-top: 9px;
float: left;
font-family: EmigreUltra, sans-serif;
font-size: 20px;
line-height: 25px;
font-weight: 700;
text-align: right;
text-transform: uppercase;
color: black;
}
.icon_adomi {
padding-right: 5px;
padding-left: 5px;
float: left;
}
.imgs_ingredientes {
position: relative;
margin-right: auto;
margin-left: auto;
}
.col_ingredientes {
width: 33%;
float: left;
}
.content_masa {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 420px;
margin-right: 10px;
margin-left: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fe5e00;
text-align: center;
}
.content_superior {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 200px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fe5e00;
text-align: center;
}
.content_inferior {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 200px;
margin-top: 10px;
margin-right: 10px;
margin-left: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #fe5e00;
text-align: center;
}
.div-block-8 {
margin-right: 10px;
margin-left: 10px;
}
.div-block-9 {
margin-top: 20px;
margin-right: 10px;
margin-left: 10px;
}
.queso_img {
text-align: center;
}
.txt_masa {
color: black;
position: absolute;
left: 7%;
top: auto;
right: auto;
bottom: 2.5%;
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
font-family: 'EmigreUltra';
}
.txt_ingredientes {
color: black;
position: absolute;
left: 7%;
top: auto;
right: auto;
bottom: 5%;
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
font-family: 'EmigreUltra';
}
.txt_medidas {
font-family: 'EmigreUltra';
color: black;
width: 100%;
margin: 50px auto 75px;
font-size: 24px;
line-height: 28px;
font-weight: 900;
text-align: center;
text-transform: uppercase;
}
.footer {
margin-top: 75px;
}
.text-block-5 {
position: absolute;
left: 7%;
top: auto;
right: auto;
bottom: 5%;
text-transform: uppercase;
}
.text-block-6 {
position: absolute;
left: 7%;
top: auto;
right: auto;
bottom: 5%;
text-transform: uppercase;
}
.text-block-7 {
position: absolute;
left: 7%;
top: auto;
right: auto;
bottom: 5%;
text-transform: uppercase;
}
.descrip_medidas {
margin-top: 50px;
font-size: 18px;
font-weight: 900;
text-transform: uppercase;
color: black;
font-family: 'EmigreUltra';
}
.content_iconadomi {
float: right;
}
.pizza {
position: absolute;
left: auto;
top: 14%;
right: 3%;
bottom: auto;
}
.mano {
position: absolute;
left: auto;
top: 2%;
right: 0%;
bottom: auto;
}
.precio {
position: absolute;
left: 29%;
top: 35%;
right: 0%;
bottom: auto;
}
._4n1 {
position: absolute;
left: 7.5%;
top: 24%;
right: auto;
bottom: auto;
}
._4sabores {
position: absolute;
left: 7.8%;
top: 60.5%;
right: auto;
bottom: auto;
}
.seccion_bannerubi {
background-color: #ff6706;
}
.contenedor_ubicaciones {
position: relative;
width: 900px;
height: 310px;
margin-right: auto;
margin-left: auto;
}
.personaje {
position: absolute;
left: auto;
top: 7.5%;
right: 0%;
bottom: auto;
}
.titu_ubicaciones {
position: absolute;
left: 1%;
top: auto;
right: auto;
bottom: 13%;
}
.content_mapa {
width: 960px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.content_buttons {
position: relative;
width: 960px;
margin: 80px auto 65px;
}
.content_filtrar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 70%;
float: left;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.content_cercademi {
width: 30%;
float: left;
border-left: 2px solid #000;
}
.txt_filtrar {
margin-right: 25px;
float: none;
font-family: EmigreUltra, sans-serif;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: black;
}
.content_text {
width: 55%;
float: left;
text-align: right;
}
.content_select {
width: 45%;
float: left;
text-align: right;
}
.button_buscarcerca {
margin-left: 40px;
padding: 15px 20px;
background-color: #000;
font-family: EmigreUltra, sans-serif;
font-size: 16px;
font-weight: 900;
text-transform: uppercase;
}
.form {
margin-right: 30px;
}
.select-field {
color: black;
height: 50px;
margin-bottom: 0px;
padding: 15px 20px;
border: 2px solid #ff6706;
border-radius: 4px;
background-color: #fff;
font-family: EmigreUltra, sans-serif;
font-size: 16px;
font-weight: 900;
text-transform: uppercase;
}
.form-block {
margin-bottom: 0px;
}
.content_ubicaciones {
width: 960px;
margin: 45px auto 75px;
padding: 65px 50px;
background-color: #eee;
}
.pizzerias_titu {
margin-bottom: 10px;
color: #ff6706;
font-size: 22px;
line-height: 26px;
font-weight: 900;
text-transform: uppercase;
font-family: EmigreUltra, sans-serif;
}
.ubicaciones_row {
position: relative;
}
.col_ubicaciones {
position: relative;
width: 31%;
margin-top: 30px;
margin-right: 20px;
padding-bottom: 10px;
float: left;
border-bottom: 1px solid #ff6706;
min-height: 155px;
}
.content_pin {
width: 5%;
float: left;
}
.content_detalle {
width: 95%;
float: left;
}
.pizzeria_txt {
margin-left: 10px;
padding-bottom: 3px;
font-family: EmigreUltra, sans-serif;
font-size: 18px;
font-weight: 900;
color: black;
}
.direccion_pizzeria {
margin-left: 10px;
padding-bottom: 3px;
font-family: EmigreUltra, sans-serif;
color: black;
font-size: 17px;
font-weight: 700;
}
.horario_txt {
color: black;
margin-left: 10px;
padding-bottom: 5px;
font-family: EmigreUltra, sans-serif;
font-size: 18px;
font-weight: 700;
}
.text-span {
font-family: Emigre, sans-serif;
}
.content_buttoncargar {
margin-top: 30px;
text-align: center;
}
.button_cargarmas {
padding: 15px 20px;
background-color: #fff;
font-family: EmigreUltra, sans-serif;
color: #a2a2a2;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.right-arrow {
display: none;
}
.left-arrow {
display: none;
}
.slider {
height: 400px;
background-color: #fe5e00;
}
.content_slide {
position: relative;
}
.precio_4n {
position: relative;
width: 50%;
height: 400px;
float: left;
}
.pizzamano {
position: relative;
width: 50%;
height: 400px;
float: right;
}
._4n1_pru {
position: absolute;
left: 20%;
top: 25%;
}
._4sabores_pru {
position: absolute;
left: 20%;
top: 61%;
}
.precio_pru {
position: absolute;
left: 72%;
top: 37%;
right: 0%;
bottom: 0%;
}
.pizza_pru {
position: absolute;
left: auto;
top: 50%;
right: 0%;
bottom: auto;
-moz-transform    : translateY(-50%);
-o-transform      : translateY(-50%);
-webkit-transform : translateY(-50%);
transform         : translateY(-50%);
}
.mano_pru {
position: absolute;
left: auto;
top: 4%;
right: 0%;
bottom: auto;
}
.slide_pizza_pru {
position: relative;
width: 100%;
height: 400px;
background-color: #fe5e00;
background-image: none;
background-size: auto;
background-repeat: repeat;
}
.body {
font-family: Emigre, sans-serif;
}
.salsa_img {
text-align: center;
}
.carnes_img {
text-align: center;
}
@media screen and (max-width: 991px) {
.contenedor {
max-width: 90%;
}
.slide_pizza {
height: auto;
background-size: contain;
}
.redes_sociales {
width: 40%;
}
.ordene_adomicilio {
width: 60%;
}
.content_derechos {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.derechos_txt {
width: auto;
margin-right: auto;
margin-left: auto;
}
.content_masa {
height: 300px;
}
.content_superior {
height: 140px;
}
.content_inferior {
height: 140px;
}
.queso_img {
max-width: 60%;
padding-top: 20px;
}
.pizza {
position: static;
padding-top: 50px;
padding-bottom: 30px;
text-align: center;
}
.mano {
left: auto;
top: auto;
right: 0%;
bottom: 41%;
}
.precio {
position: static;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
._4n1 {
position: static;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
._4sabores {
position: static;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.contenedor_ubicaciones {
max-width: 95%;
}
.titu_ubicaciones {
left: 0%;
}
.content_mapa {
max-width: 100%;
}
.content_buttons {
max-width: 100%;
}
.content_text {
width: auto;
}
.content_select{
width: 55%;
}
.content_ubicaciones {
max-width: 100%;
}
.col_ubicaciones {
width: 48%;
margin-right: 10px;
}
.slider {
height: auto;
}
.precio_4n {
width: 100%;
height: auto;
}
.pizzamano {
width: 100%;
}
._4n1_pru {
position: static;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
._4sabores_pru {
position: static;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.precio_pru {
position: static;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.pizza_pru {
position: relative;
padding-top: 50px;
padding-bottom: 20px;
text-align: center;
top: auto;
right: auto;
bottom: auto;
-moz-transform: none;
-o-transform: none;
-webkit-transform: none;
transform: none;
}
.mano_pru {
left: auto;
top: auto;
right: 0%;
bottom: 85%;
}
.slide_pizza_pru {
height: auto;
background-size: contain;
}
.image-2 {
width: 180px;
}
.image-3 {
width: 180px;
}
.image-4 {
width: 180px;
}
.image-5 {
max-width: 60%;
}
.salsa_img {
max-width: 60%;
}
.carnes_img {
max-width: 60%;
}
}
@media screen and (max-width: 767px) {
.content_text{
width: 50%;
text-align: left;
}
.button_buscarcerca{
display: block;
width: 100%;
}
.slide_pizza {
height: auto;
text-align: center;
}
.titu_ingredientes {
max-width: 90%;
}
.columnas_medidas {
width: 50%;
margin-bottom: 20px;
}
.txt_ordena {
padding-top: 0px;
}
.queso_img {
max-width: 80%;
}
.content_iconadomi {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pizza {
position: static;
padding-top: 60px;
padding-bottom: 20px;
}
.mano {
left: auto;
top: auto;
right: 0%;
bottom: 38%;
}
.precio {
position: static;
padding-top: 10px;
padding-bottom: 10px;
}
._4n1 {
position: static;
padding-top: 10px;
padding-bottom: 10px;
}
._4sabores {
position: static;
padding-top: 10px;
padding-bottom: 10px;
}
.contenedor_ubicaciones {
height: auto;
}
.personaje {
position: static;
left: 23.5%;
top: auto;
right: 0%;
bottom: 0%;
padding-top: 10px;
text-align: center;
}
.titu_ubicaciones {
position: static;
left: 20%;
top: 2%;
right: 0%;
bottom: auto;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.content_filtrar {
width: 100%;
margin-bottom: 20px;
}
.content_cercademi {
width: 100%;
border-left-width: 0px;
text-align: center;
}
.txt_filtrar {
text-align: center;
}
.button_buscarcerca {
margin-left: 0px;
}
.form {
margin-right: 0px;
}
.col_ubicaciones {
width: 100%;
margin-right: 0px;
}
._4n1_pru {
position: static;
padding-top: 10px;
padding-bottom: 10px;
}
._4sabores_pru {
position: static;
padding-top: 10px;
padding-bottom: 10px;
}
.precio_pru {
position: static;
padding-top: 10px;
padding-bottom: 10px;
}
.pizza_pru {
position: relative;
padding-top: 45px;
padding-bottom: 20px;
}
.mano_pru {
left: auto;
top: auto;
right: 0%;
bottom: 83%;
}
.slide_pizza_pru {
height: auto;
text-align: center;
}
.image-5 {
max-width: 80%;
}
.salsa_img {
max-width: 80%;
}
.carnes_img {
max-width: 80%;
}
}
@media screen and (max-width: 479px) {
.cta_ubicaciones {
width: 50%;
}
.button_ubicaciones {
font-size: 10px;
line-height: 15px;
}
.titu_ingredientes {
width: 100%;
}
.redes_sociales {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.ordene_adomicilio {
width: 100%;
padding-left: 20px;
}
.columnas_medidas {
width: 100%;
margin-bottom: 20px;
}
.txt_ordena {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0px;
text-align: center;
}
.icon_adomi {
width: 33%;
}
.col_ingredientes {
width: 100%;
}
.content_masa {
height: 300px;
}
.content_superior {
height: 300px;
margin-top: 20px;
}
.content_inferior {
height: 300px;
}
.queso_img {
max-width: 100%;
}
.txt_masa {
bottom: 5%;
}
.content_iconadomi {
display: block;
float: none;
text-align: center;
}
.mano {
bottom: 37%;
}
.contenedor_ubicaciones {
height: auto;
}
.personaje {
position: static;
left: 0%;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
text-align: center;
}
.titu_ubicaciones {
position: static;
left: 0%;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.content_filtrar {
display: block;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.content_text {
width: 100%;
margin-bottom: 20px;
}
.content_select {
width: 100%;
}
.content_ubicaciones {
padding-right: 20px;
padding-left: 20px;
}
.col_ubicaciones {
width: 100%;
margin-bottom: 20px;
}
.precio_4n {
height: auto;
}
.pizzamano {
height: auto;
}
.pizza_pru {
padding-top: 30px;
padding-bottom: 40px;
}
.mano_pru {
right: -9%;
bottom: 90%;
}
.image-5 {
max-width: 100%;
}
.salsa_img {
max-width: 100%;
}
.carnes_img {
max-width: 100%;
}
}
@font-face {
font-family: 'Emigre';
src: url(//www.pizzapizza.com.gt/wp-content/themes/little-caesar/fonts/Emigre---MrEavesXLSanNarOT-Reg.otf) format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'EmigreUltra';
src: url(//www.pizzapizza.com.gt/wp-content/themes/little-caesar/fonts/Emigre---MrEavesXLSanNarOT-Ultra.otf) format('opentype');
font-weight: 900;
font-style: normal;
font-display: swap;
}