/*BODY*/
html, body {
position: relative;
height: 100%;
}
body{
/*font-family: 'PT Serif', serif;*/
/*font-family: 'Roboto Slab', serif;*/
/*font-family: 'Montserrat', sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #868686;
background: #ffffff;
word-wrap: break-word;
}
@media (max-width: 767px){
body{
font-size: 14px;
}
}
a{
word-wrap: break-word;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.no-padding{
padding: 0;
}
.wrapsection{
}
/*---------------------TOP HEADER-------------------------*/
.list_filter{
position: fixed;
right: 20px;
bottom: 35%;
list-style: none;
margin-bottom: 0;
padding-left: 0;
z-index: 11;
}
.list_filter>li>a{
background: #7fba2b;
width: 15px;
height: 15px;
display: block;
border-radius: 50%;
border: 2px solid #fff;
margin-bottom: 5px;
}
.navbar_main{
position: absolute;
bottom: -35px;
width: 90%;
left: 0;
right: 0;
margin: 0 auto;
background: #7fba2b;
z-index: 10;
box-shadow: 0px 0px 10px 4px rgb(0 0 0 / 20%);
}
.navbar_main .list_menumain{
display: flex;
flex-flow: row wrap;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.navbar_main .list_menumain>li{
width: 20%;
}
.navbar_main .list_menumain>li>a{
color: #fff;
text-align: center;
display: block;
padding: 14px 0;
position: relative;
}
.navbar_main .list_menumain>li>a:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 0%;
height: 3px;
background: #000;
transition: all ease 500ms;
}
.navbar_main .list_menumain>li>a:hover:before{
width: 100%;
transition: all ease 500ms;
}
.navbar_main .list_menumain>li>a:after{
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 0%;
height: 3px;
background: #fff;
transition: all ease 500ms;
}
.navbar_main .list_menumain>li>a:hover:after{
width: 100%;
transition: all ease 500ms;
}
.border_right{
border-right: 1px solid #e2e0e1;
}
.top_header{
background: #f07c41;
padding: 10px 0;
border-bottom: 2px solid #dbdbdb;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
.list_redes{
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.list_redes>li{
display: inline-block;
margin: 0 10px;
width: 30px;
height: 30px;
background: #7fba2b;
border-radius: 50%;
border: 1px solid #7fba2b;
}
.list_redes>li>a{
color: #fff;
display: block;
height: 100%;
width: 100%;
border-radius: 50%;
text-align: center;
line-height: 29px;
transition: all ease 500ms;
}
.list_redes>li>a:hover{
background: #000;
transition: all ease 500ms;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.list_topheader{
display: flex;
flex-flow: row wrap;
}
.list_topheader .redes{
width: 33.3%;
}
.list_topheader .logo_main{
width: 33.3%;
position: relative;
}
.logo_main img{
width: 100%;
max-width: 250px;
margin-top: 20px;
}
.logo_float{
position: absolute;
top: -8px;
left: 0px;
right: 0;
text-align: center;
z-index: 1;
}
.logo_float:before{
content: "";
position: absolute;
top: -75px;
background: #eeeff3;
left: 0;
right: 0;
width: 280px;
height: 280px;
z-index: -1;
margin: 0 auto;
border-radius: 50%;
}
.list_topheader .correo{
width: 33.3%;
text-align: right;
}
.list_topheader .correo a{
color: #ffffff;
}
/*-------------------SECTION SLIDER-----------------------*/
.sect_slider{
height: 100vh;
display: flex;
flex-flow: row wrap;
align-items: center;
}
.box_slider{
padding-top: 110px;
text-align: center;
}
.title_page span{
font-family: 'Merriweather', serif;
color: #4e5659;
font-size: 50px;
font-weight: 500;
}
.hr_title{
border-top: 2px solid #f07c41;
width: 100px;
}
.box_slider .slogan{
position: relative;
}
.box_slider .slogan>span{
background: #fff;
padding: 0 10px;
color: #a7a8ac;
}
.hr_slogan{
position: absolute;
bottom: 40%;
left: 0;
right: 0;
height: 1px;
width: 80%;
margin: 0 auto;
z-index: -1;
border-top: 1px solid #dbdbdb;
}
.slider .item img{
border-radius: 50%;
width: 100%;
max-width: 250px;
margin: 0 auto;
box-shadow: 0px 10px 13px #b7b7b7;
}
.slider .owl-stage {
padding-bottom: 20px;
}
.slider .owl-prev{
background: transparent !important;
background-image: url(../../../public/img/iconos/left.png) !important;
text-indent: -666em;
background-repeat: no-repeat !important;
width: 30px;
height: 30px;
background-size: 100% 100% !important;
}
.slider .owl-next{
background: transparent !important;
background-image: url(../../../public/img/iconos/right.png) !important;
text-indent: -666em;
background-repeat: no-repeat !important;
width: 30px;
height: 30px;
background-size: 100% 100% !important;
}
/*END SECTION SLIDER*/
/*-------------------SECTION EXPERIENCIAS-----------------------*/
.sect_experiencias{
background: #1a1b1d;
padding: 50px 0;
text-align: center;
}
.box_experiencias .box_header span{
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
width: 85px;
height: 85px;
background: #fff;
border-radius: 50%;
transition: all ease 500ms;
}
.box_experiencias .box_header span:hover{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transition: all ease 500ms;
}
.box_experiencias .box_header span img{
width: 55px;
}
.box_experiencias .box_header h2{
color: #fff;
font-weight: 700;
}
.box_experiencias .box_header h5{
color: #79797b;
font-weight: 700;
}
.carouselexperiencias img{
border-radius: 50%;
border: 10px solid #fff;
}
.carouselexperiencias .caption{
opacity: 0;
}
.carouselexperiencias .caption span{
color: #Fff;
margin: 15px 0;
display: block;
font-weight: 700;
}
.carouselexperiencias .active .caption{
opacity: 1;
}
.box_experiencias .box_foot .btn_vermas{
margin: 0 auto;
}
.btn_vermas{
transition: all ease 500ms;
}
.btn_vermas:hover{
-webkit-box-shadow: rgb(0 0 0 / 41%) 1px 5px 18px 0px;
box-shadow: rgb(0 0 0 / 41%) 1px 5px 18px 0px;
}
/*END SECTION EXPERIENCES*/
/*SECTION POSTRES*/
.sect_postres{
background-image: url(../../../public/img/fondo/ganado.jpg);
background-size: cover;
background-repeat: no-repeat;
padding: 40px 0;
position: relative;
}
.sect_postres:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.35);
top: 0;
left: 0;
}
.box_postres{
width: 100%;
max-width: 700px;
margin: 0 auto;
text-align: center;
}
.box_postres .box_header span{
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
margin: 0 auto;
transition: all ease 500ms;
}
.box_postres .box_header span:hover{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transition: all ease 500ms;
}
.box_postres .box_header span img{
width: 50px;
}
.box_postres .box_header h1{
color: #fff;
font-weight: 700;
}
.box_postres .box_header h5{
color: #fff;
font-weight: 700;
}
.list_postres{
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.list_postres li{
display: flex;
flex-flow: row wrap;
background: #fff;
border: 2px solid #fff;
transition: all ease 500ms;
}
.list_postres li:hover{
transition: all ease 500ms;
border-bottom-color: #e55049;
}
.list_postres li .img_postre{
width: 40%;
position: relative;
}
.list_postres li .img_postre:before{
content: "";
position: absolute;
width: 0%;
height: 100%;
top: 0;
left: 0;
background: rgba(240, 255, 240, 0.4);
transition: all ease 500ms;
}
.list_postres li .img_postre:hover:before{
width: 100%;
transition: all ease 500ms;
}
.list_postres li .img_postre img{
width: 100%;
}
.list_postres li .li_content{
width: 60%;
display: flex;
align-items: center;
}
.list_postres li .li_content .descrip{
padding: 0 20px;
}
.list_postres li .li_content h2{
color: #000;
font-size: 25px;
font-weight: 700;
text-align: left;
}
.list_postres li .li_content p{
color: #949091;
margin: 15px 0;
text-align: justify;
}
.list_postres li .li_content .btn_vermas{
display: block;
background: #7fba2b;
width: 140px;
color: #fff;
padding: 10px 0;
border-radius: 15px;
}
.box_postres .box_header{
margin-bottom: 20px;
}
.list_postres .owl-prev{
background: transparent !important;
background-image: url(../../../public/img/iconos/left.png) !important;
text-indent: -666em;
background-repeat: no-repeat !important;
width: 30px;
height: 30px;
background-size: 100% 100% !important;
}
.list_postres .owl-nav{
position: absolute;
bottom: 10px;
right: 10px;
}
.list_postres .owl-next{
background: transparent !important;
background-image: url(../../../public/img/iconos/right.png) !important;
text-indent: -666em;
background-repeat: no-repeat !important;
width: 30px;
height: 30px;
background-size: 100% 100% !important;
}
/*END SECTION POSTRES*/
/*SECTION ANUNCIO*/
.anuncio{
display: flex;
flex-flow: row wrap;
}
.anuncio .anuncio_left{
width: 50%;
display: flex;
align-items: center;
}
.anuncio .anuncio_right{
width: 50%;
}
.anuncio .anuncio_left .text_anuncio{
padding: 0 30px;
}
.anuncio .anuncio_left .text_anuncio span{
color: #000;
font-weight: 700;
text-align: center;
font-size: 30px;
}
.anuncio .anuncio_left .text_anuncio p{
margin: 20px 0;
text-align: center;
}
.anuncio img{
width: 100%;
}
.anuncio_btn .btn_vermas{
margin: 0 auto
}
.flex_100{
width: 100%;
}
.btn_vermas{
display: block;
background: #7fba2b;
width: 140px;
color: #fff;
padding: 10px 0;
text-align: center;
border-radius: 15px;
}
.btn_vermas:hover, .btn_vermas:focus{
color: #fff;
}
.text_anuncio{
margin: 20px 0;
}
/*END SECTION ANUNCIO*/
/*SECTION TORTA*/
.list_torta .owl-stage-outer{
padding-top: 10px;
}
.sect_torta{
background-image: url(../../../public/img/fondo/fondoagricultura2.jpg);
background-size: cover;
background-repeat: no-repeat;
/*padding: 30px 0;
height: 100vh;*/
position: relative;
display: flex;
flex-flow: row wrap;
}
.sect_torta .title_tortas span{
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
margin: 40px auto;
transition: all ease 500ms;
}
.sect_torta .title_tortas span:hover{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transition: all ease 500ms;
}
.sect_torta .title_tortas span img{
width: 50px;
}
.title_tortas h2{
color: #fff;
text-align: center;
font-weight: 800;
text-shadow: 0px 0px 5px #000;
}
.list_torta{
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.items_tortas{
display: flex;
flex-flow: row wrap;
padding: 40px;
align-items: center;
width: 45%;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.53);
}
.list_torta li>.item{
display: flex;
flex-flow: row wrap;
background: #fff;
margin-bottom: 19px;
}
.list_torta li>.item .img_torta{
width: 100%;
max-width: 400px;
position: relative;
overflow: hidden;
}
.list_torta li>.item .img_torta:before{
content: "";
position: absolute;
/* top: -300px; */
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 250, 205, 0.51);
transition: all ease 500ms;
}
.list_torta li>.item .img_torta:hover:before{
top: 0;
transition: all ease 500ms;
}
.list_torta li>.item .title_item{
width: 100%;
display: flex;
align-items: center;
position: relative;
}
.list_torta li>.item .title_item:before{
content: "";
position: absolute;
background-image: url(../../../public/img/iconos/star.png);
top: -6px;
right: 0;
width: 50px;
height: 50px;
background-size: 100% 100%;
}
.list_torta li>.item .title_item.order1:before{
content: "";
position: absolute;
background-image: url(../../../public/img/iconos/star.png);
top: -6px;
left: 0;
width: 50px;
height: 50px;
background-size: 100% 100%;
}
.list_torta li>.item .title_item .content{
padding: 30px;
width: 100%;
}
.list_torta li>.item .title_item .content h3{
color: #000;
font-weight: 700;
text-align: center;
margin: 20px 0;
font-size: 20px;
}
.list_torta li>.item .title_item .content .btn_vermas{
padding: 5px 0;
margin: 0 auto;
}
.list_torta .owl-prev{
background: transparent !important;
background-image: url(../../../public/img/iconos/left.png) !important;
text-indent: -666em;
background-repeat: no-repeat !important;
width: 30px;
height: 30px;
background-size: 100% 100% !important;
}
.list_torta .owl-next{
background: transparent !important;
background-image: url(../../../public/img/iconos/right.png) !important;
text-indent: -666em;
background-repeat: no-repeat !important;
width: 30px;
height: 30px;
background-size: 100% 100% !important;
}
.title_tortas{
padding-left: 50px;
width: 55%;
}
.order1{
order: 1;
}
.order2{
order: 2;
}
/*END SECTION TORTA*/
/*SECTION TORTA TIPO*/
.sect_tipo_tortas{
padding: 100px 0;
}
.list_torta_tipo{
list-style: none;
padding-left: 0;
margin-bottom: 0;
display: flex;
flex-flow: row wrap;
background: #eeeff3;
}
.list_torta_tipo .lione .box_header,
.list_torta_tipo .litwo .box_header,
.list_torta_tipo .lithree .box_header{
position: relative;
}
.list_torta_tipo .lione .box_header:before,
.list_torta_tipo .litwo .box_header:before,
.list_torta_tipo .lithree .box_header:before{
content: "";
position: absolute;
width: 100%;
height: 0%;
top: 0;
left: 0;
background: rgba(255, 250, 205, 0.54);
transition: all ease 500ms;
}
.list_torta_tipo .lione .box_header:hover:before,
.list_torta_tipo .litwo .box_header:hover:before,
.list_torta_tipo .lithree .box_header:hover:before{
height: 100%;
transition: all ease 500ms;
}
.litwo{
display: flex;
flex-flow: row wrap;
}
.list_torta_tipo img{
width: 100%;
}
.list_torta_tipo>li{
width: 33.3%;
}
.list_torta_tipo .box_body .content{
padding: 40px 20px;
text-align: justify;
}
.list_torta_tipo .box_body .content h4{
text-align: center;
color: #000;
font-weight: 700;
}
.list_torta_tipo a{
margin: 0 auto;
}
/*END SECTION TORTA TIPO*/
/*-----------------SECTION TESTIMONIO------------------------*/
.sect_testimonio{
background: #7fba2b;
padding: 40px 0;
}
.green{
background: #1a1b1d;
margin-top: 0 !important;
padding-top: 100px;
}
/*****/
.title_clientes span {
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 50%;
margin: 0 auto;
transition: all ease 500ms;
}
.title_clientes span img {
width: 50px;
}
.title_clientes h2 {
color: #fff;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
/**/
@media only screen and (min-width: 1170px){
.gal_container.green .cd-gallery li {
width: 23%;
margin: 0 auto;
}
}
/*****/
.title_testimonio h2{
color: #fff;
font-weight: 700;
text-align: center;
margin: 40px 0;
}
.testimonios{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.testimonios li>img{
width: 100%;
max-width: 60px;
margin: 0 auto;
}
.testimonios li>p{
color: #fff;
text-align: center;
font-size: 14px;
margin: 30px 0;
}
.testimonios li>span{
display: block;
color: #fff;
text-align: center;
}
.testimonios.owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 20px;
background: rgba(214, 214, 214, 0);
border: 2px solid #fff;
}
.testimonios.owl-theme .owl-dots .owl-dot.active span,
.testimonios.owl-theme .owl-dots .owl-dot:hover span {
background: #ffffff !important;
}
.testimonios.owl-theme .owl-nav.disabled+.owl-dots {
margin-top: 40px;
}
/*END SECTION TESTIMONIO*/
/*SECTION CONTACTO*/
.sect_contact{
position: relative;
}
.sect_contact:before{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background-image: url(../../../public/img/fondo/fondoagricultura2.jpg);
background-position: 100% 10%;
background-size: cover;
z-index: -1;
}
.sect_contact:after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
background: rgba(0, 0, 0, 0.5);
z-index: -1;
}
.img_contact img{
width: 100%;
display: block;
max-width: 800px;
margin: 0 auto
}
.info_contact{
text-align: center;
padding-bottom: 30px;
}
.info_contact h1{
color: #000;
font-weight: 700;
margin-top: 0;
}
.info_contact h3{
color: #f07c41;
font-weight: 700;
}
.helados .owl-stage{
padding-bottom: 20px;
}
.box_helados img{
border-radius: 50%;
box-shadow: 1px 5px 18px #696666;
}
.hr_helado{
border-top: 3px solid #f07c41;
width: 50px;
}
.box_helados span{
display: block;
text-align: center;
padding: 20px 0;
color: #000;
font-weight: 700;
}
.box_helados .btn_vermas{
margin: 0 auto;
padding: 5px 0;
}
.section_text_info{
padding: 40px 0;
}
/*END SECTION CONTACTO*/
/*SECTION NOSOTROS*/
.sect_nosotros{
background: url(../../../public/img/fondo/fondofrutas.jpg);
background-size: cover;
background-position: 100% 50%;
position: relative;
}
.padtop_bottom{
padding: 30px 15px;
}
.padtop_bottom2{
padding: 30px 15px;
}
.padtop_bottom2 p{
margin-bottom: 0;
color: #fff;
}
.padtop_bottom2 span{
color: #f07c41;
font-weight: 700;
text-shadow: 0px 0px 1px #fff;
}
.sect_nosotros:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.58);
}
.box_nosotros{
color: #fff;
}
.box_nosotros h1{
font-weight: 800;
}
.logo_foot{
width: 100%;
max-width: 200px;
margin: 0 auto;
position: relative;
z-index: 1;
margin-top: -130px;
}
.logo_foot:before{
content: "";
position: absolute;
background: #000;
width: 100%;
height: 100%;
border-radius: 50%;
z-index: -1;
}
.logo_foot img{
width: 100%;
}
.box_footer{
padding: 50px 0;
background: #fff;
position: relative;
}
.box_footer img{
width:100%;
}
.box_footer .img_center{
text-align: center;
}
.box_foot .box_header h3{
color: #000;
font-weight: 700;
}
.hr_foot{
width: 50px;
margin-left: 0;
border-top: 3px solid #f07c41;
}
.list_enlaces{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.list_enlaces>li>a{
color: #999798;
}
.list_enlaces>li span{
color: #000;
}
.box_foot .list_redes>li>a:hover{
background: #f07c41;
color: #fff;
transition: all ease 500ms;
}
.list_direccion{
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.list_direccion span{
color: #000;
}
/*RESPONSIVE*/
@media(max-width: 1199px){
.list_torta_tipo .box_body .content p{
font-size: 14px;
}
}
.list_topheader .correo .list_redes{
display: none;
}
@media(max-width: 991px){
.list_topheader .redes .list_redes>li:nth-child(3),
.list_topheader .redes .list_redes>li:nth-child(4),
.list_topheader .correo>span{
display: none;
}
.list_topheader .correo .list_redes{
display: block;
}
}
@media(max-width: 699px){
.title_page h1 {
font-size: 35px;
}
.box_slider .slogan>span {
font-size: 12px;
}
.list_topheader .redes {
width: 30%;
}
.list_topheader .correo {
width: 30%;
}
.list_topheader .logo_main {
width: 40%;
}
.list_topheader .list_redes>li {
margin: 0 5px;
}
.logo_float:before {
width: 100%;
}
.box_experiencias .box_header h2 {
font-size: 25px;
}
}
@media(max-width: 767px){
.sect_slider {
height: 100vh;
}
.title_page span {
font-size: 30px;
}
.box_footer img{
width:50%;
}
}
/*RESPONSIVE POSTRES*/
@media(max-width: 699px){
.box_postres .box_header h1 {
font-size: 20px;
}
.box_postres .box_header h5 {
font-size: 13px;
}
.list_postres li .li_content h2 {
font-size: 20px;
}
.list_postres li .li_content p {
font-size: 13px;
}
.list_postres li .li_content .btn_vermas {
width: 100px;
font-size: 13px;
color: #fff;
padding: 6px 0;
}
}
@media(max-width: 550px){
.list_postres li .img_postre {
width: 100%;
}
.list_postres li .li_content {
width: 100%;
}
.list_postres li .li_content .descrip {
padding: 20px;
}
}
/*RESPONSIVE SECTION ANUNCIO*/
@media(max-width: 1050px){
.anuncio .anuncio_left .text_anuncio h1 {
font-size: 30px;
}
}
@media(max-width: 991px){
.anuncio .anuncio_left .text_anuncio h1 {
font-size: 20px;
}
.anuncio .anuncio_left .text_anuncio p {
font-size: 14px;
}
}
@media(max-width: 730px){
.anuncio .anuncio_right {
display: none;
}
.anuncio .anuncio_left {
width: 100%;
padding: 40px 0;
}
}
/*SECTION TORTAS*/
.items_tortas .title_tortas{
display: none;
}
@media(max-width: 1180px){
.sect_torta .btn_vermas {
width: 120px;
font-size: 12px;
margin-left: 0 !important;
}
.list_torta li>.item .title_item .content h3 {
font-size: 15px;
text-align: left;
}
.list_torta li>.item .title_item.order1 .content .btn_vermas {
margin-right: 0 !important;
}
.list_torta li>.item .title_item.order1 .content h3 {
font-size: 15px;
text-align: right;
margin-left: auto;
}
}
@media(max-width: 991px){
.items_tortas {
width: 100%;
}
.title_tortas{
display: none;
}
.items_tortas .title_tortas{
display: block !important;
width: 100%;
padding-left: 0;
}
.sect_torta .btn_vermas {
width: 120px;
font-size: 12px;
margin-left: auto !important;
}
.list_torta li>.item .title_item .content h3 {
font-size: 15px;
text-align: center;
}
.list_torta li>.item .title_item.order1 .content .btn_vermas {
margin-right: auto !important;
}
.list_torta li>.item .title_item.order1 .content h3 {
font-size: 15px;
text-align: center;
margin-left: auto;
}
.title_tortas h2 {
margin: 30px 0;
}
}
@media(max-width: 600px){
.list_torta li>.item .img_torta {
width: 100%;
}
.list_torta li>.item .title_item {
width: 100%;
}
.list_torta li>.item .title_item .content {
padding: 30px;
}
.list_torta .order1 {
order: 2;
}
}
/*SECTION CATEGORIAS TORTAS*/
@media(max-width: 991px){
.list_torta_tipo>li {
width: 100%;
display: flex;
flex-flow: row wrap;
border-bottom: 2px solid #d4d6dd;
}
.list_torta_tipo>li .box_header{
width: 40%;
}
.list_torta_tipo>li .box_body{
width: 60%;
display: flex;
align-items: center;
}
.list_torta_tipo .box_body .content {
padding: 0 20px;
}
}
@media(max-width: 699px){
.list_torta_tipo>li .box_header {
width: 100%;
}
.list_torta_tipo>li .box_body {
width: 100%;
padding: 30px 0;
}
.list_torta_tipo .order1 {
order: 2;
}
}
/*RESPONSIVE INFOCONTACT*/
@media(max-width: 767px){
.info_contact h1 {
color: #000;
font-weight: 700;
margin-top: 0;
font-size: 25px;
}
.info_contact h3 {
font-size: 20px;
}
}
@media(max-width: 540px){
.info_contact h1 {
font-size: 20px;
}
.info_contact h3 {
font-size: 16px;
}
}
/*RESPONSIVE NOSOTROS*/
.box_nosotros p{
text-align: justify;
font-size: 15px;
}
@media(max-width: 991px){
.box_foot .list_enlaces{
text-align: center;
}
.box_foot .list_enlaces>li{
display: inline-block;
margin: 0 10px;
}
.box_foot .box_header{
text-align: center;
}
.hr_foot {
margin-left: auto;
}
.list_direccion{
text-align: center;
}
.box_foot .box_body .list_redes{
text-align: center;
}
.cajonsocial{
text-align: center;
}
}
/*MENU MOVIL*/
.navbar_main_movil{
display: none;
position: absolute;
bottom: -29px;
width: 90%;
left: 0;
right: 0;
margin: 0 auto;
background: #e55049;
z-index: 10 !important;
}
.navbar_main_movil .list_menumain_movil{
display: flex;
flex-flow: row wrap;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.navbar_main_movil .list_menumain_movil>li{
width: 50%;
}
.navbar_main_movil .list_menumain_movil>li>a{
color: #fff;
text-align: center;
display: block;
padding: 14px 0;
cursor: pointer;
}
.closemenu{
display: none !important;
}
@media(max-width: 767px){
.navbar_main{
left: -2000px;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
z-index: 12;
}
.navbar_main_movil{
display: block;
}
.activemain{
left: 0;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
}
.navbar_main .list_menumain>li {
width: 100%;
position: relative;
}
.closemenu{
display: block !important;
position: absolute !important;
top: 0;
right: 10px;
color: #fff;
cursor: pointer;
}
}
/*MENU-FIXED*/
.menu-fixed{
position: fixed;
z-index: 20;
top: 0;
display: inline-table;
}
/*TEXTO ESCRIBIENDO*/
#typed-cursor{
opacity: 1;
font-weight: 100;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
-ms-animation: blink 0.7s infinite;
-o-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
@-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-ms-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
.title_contact{
margin: 80px 0;
}
.title_contact h1{
color: #fff;
text-align: center;
font-weight: 700;
}
.hr_contact{
border-top: 3px solid #fff;
width: 50px;
}
@media(max-width: 1600px){
.logo_main img {
max-width: 150px;
}
.logo_float:before {
width: 200px;
height: 200px;
}
}
@media(max-width: 991px){
.logo_main img {
max-width: 150px;
margin-top: 5px;
}
.logo_float:before {
width: 200px;
height: 171px;
}
}
.slider {
display: grid !important;
}
@media(max-width: 500px){
.list_topheader .redes {
width: 50px;
}
.list_topheader .logo_main {
width: calc(100% - 100px);
}
.list_topheader .correo {
width: 50px;
}
.list_topheader .list_redes>li {
margin-bottom: 5px;
}
}
/*========================>NOSOTROS<========================*/
/*--------->QUIENES SOMOS<---------*/
.nos_about_us{
background-image: url(../../../public/img/nosotros/fondonosotros.jpg);
background-position: 60% -0.4104px;
background-attachment: fixed;
background-size: cover;
padding: 100px;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
}
.box_who_we_are{
background: #fff;
width: 40%;
padding: 50px;
position: relative;
}
.box_who_we_are h2{
margin-top: 0;
color: #000;
}
.line_wwa {
border-top: 2px solid #f07c41;
width: 100px;
margin-left: 0;
}
.box_who_we_are p{
text-align: justify;
}
.box_who_we_are span{
display: flex;
align-items: center;
justify-content: center;
width: 85px;
height: 85px;
background: #fff;
border-radius: 50%;
transition: all ease 500ms;
position: absolute;
right: 40px;
top: 20px;
}
.box_who_we_are span:hover{
background: #E0FFFF;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transition: all ease 500ms;
}
.box_who_we_are img{
width: 55px;
}
/*--------->HISTORIA<---------*/
.nos_history{
padding: 50px;
}
.history_flex{
display: flex;
flex-flow: row wrap;
align-items: center;
}
.history_flex .box_img{
width: 50%;
}
.history_flex .box_text{
width: 50%;
position: relative;
text-align: justify;
}
.history_flex .box_text h1{
color: #000;
}
.history_flex .box_text span{
display: flex;
align-items: center;
justify-content: center;
width: 85px;
height: 85px;
background: #fff;
border-radius: 50%;
transition: all ease 500ms;
position: absolute;
right: 0px;
top: 0px;
}
.history_flex .box_text span:hover{
background: #ffffff;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transition: all ease 500ms;
}
.history_flex .box_text span:hover h1{
color: #fff;
}
.history_flex .box_text img{
width: 55px;
}
/*--------->MISION VISION VALORES<---------*/
.nos_mis_vis_val{
background-image: url(../../../public/img/nosotros/nosotros3.jpg);
background-size: cover;
background-position: center;
padding: 80px 0px;
}
.mvv_container{
display: flex;
flex-flow:row wrap;
justify-content: center;
margin: 20px 0px;
}
.nos_mis_vis_val .box_mvv{
width: 30%;
background-color: rgba(255, 255, 255, 0.8);
margin: 1%;
padding: 30px;
text-align: justify;
}
.nos_mis_vis_val .box_mvv h3{
color: #000;
font-weight: 700;
text-align: center;
}
.box_mvv span{
align-items: center;
justify-content: center;
width: 85px;
height: 85px;
background: #fff;
border-radius: 50%;
transition: all ease 500ms;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
margin: 0 auto;
}
.box_mvv span:hover{
background: #e6b795;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transition: all ease 500ms;
}
.box_mvv img{
width: 55px;
}
@media(max-width: 1100px){
.box_who_we_are {
width: 100%;
}
}
@media(max-width: 1000px){
.nos_mis_vis_val {
padding: 0px 0px;
}
.nos_mis_vis_val .box_mvv {
width: 70%;
}
}
@media(max-width: 830px){
.history_flex .box_img {
width: 100%;
order: 2;
}
.history_flex .box_text {
width: 100%;
order: 1;
}
}
@media(max-width: 560px){
.box_who_we_are {
width: 100%;
}
.nos_about_us {
padding: 20px;
}
.box_who_we_are h2 {
font-size: 19px;
}
.box_who_we_are p {
text-align: justify;
font-size: 12px;
}
.box_who_we_are span {
right: 10px;
top: 10px;
}
.history_flex .box_text span {
right: -40px;
top: -20px;
}
.nos_mis_vis_val .box_mvv {
width: 100%;
padding: 20px;
}
}
/*========================>GALERIA<========================*/
.gal_container{
margin-top: 110px;
}
.list_center{
text-align: center !important;
}
.cd-gallery li {
box-shadow: none;
}
.gallery_body li a {
position: relative;
display: block;
/*overflow: hidden;*/
transition: all ease 500ms;
}
.gallery_body li>a img {
transition: all ease 500ms;
}
.gallery_body li>a:hover img {
border-radius:50%;
-webkit-border-radius:50%;
/*box-shadow: 0px 0px 7px 7px #ec731e;*/
/*-webkit-box-shadow: 0px 0px 7px 7px #ec731e;*/
transform: rotate(360deg) scale(0.9);
-webkit-transform: rotate(360deg) scale(0.9);
filter: saturate(180%);
transition: all ease 500ms;
}
/*========================>FORMULARIO DE CONTACTO<========================*/
.fb_container {
display: flex;
flex-flow: row wrap;
margin: 80px 0px;
}
::-webkit-input-placeholder {
/* Google Chrome y Safari */
color: #000 !important;
}
:-moz-placeholder {
/* Firefox anterior a 19 */
color: #000 !important;
}
::-moz-placeholder {
/* Firefox 19 y superior */
color: #000 !important;
}
:-ms-input-placeholder {
/* Internet Explorer 10 y superior */
color: #000 !important;
}
.styleshit{
background-color: #eeeff3;
}
.styleshit:focus{
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-top: 0;
border-left: 0;
}
.form-control {
color: #000 !important;
}
.fb_container .contact{
/*width: 100%;*/
background-color: #ffffff;
margin-top: 50px;
}
.fb_container .contact .cabez h2 {
text-align: center;
color: #000000;
font-size: 40px;
font-weight: 600;
}
.iconosredes {
list-style: none;
padding-left: 0;
margin-bottom: 0;
text-align: center;
padding-bottom: 30px;
}
.iconosredes>li {
display: inline-block;
margin: 15px 10px 0 10px;
width: 40px;
height: 20px;
}
.iconosredes img {
width: 20px;
}
.fb_container .contact .message p {
padding: 10px 20px;
text-align: center;
}
.fb_container .contact .cont_body {
padding: 25px;
padding-top: 0;
}
.form_message{
background-color: #e55049;
resize: none;
}
.datoscontact{
background: #09f;
padding: 30px 0;
}
.sizeimg{
width: 50px;
height: 50px;
}
.colorletras{
color: #ffffff;
}
.espacioletras{
padding-bottom: 0px;
}
@media (max-width: 767px){
.espacioletras{
padding-bottom: 30px;
}
.fb_container .contact {
width: 100%;
}
}
/*========================>PRODUCTOS<========================*/
.products_section{
padding: 100px 0px;
}
.prod_item{
display: flex;
flex-flow:row wrap;
align-items: center;
justify-content: center;
}
.prod_item .box_img{
width: 50%;
}
.prod_item .box_text{
width: 44%;
background-color: rgba(241, 241, 241, 1);
padding: 70px;
margin: 3%;
}
.prod_item .box_text h1{
color: #000;
font-weight: bold;
font-family: serif;
font-size: 50px;
margin-bottom: 30px;
}
.prod_item .box_text h3{
color: #f07c41;
margin-bottom: 20px;
}
.prod_item .box_text p{
text-align: justify;
}
@media(max-width: 991px){
.prod_item .box_img {
width: 60%;
order: 1;
}
.prod_item .box_text {
width: 100%;
background-color: rgba(241, 241, 241, 1);
padding: 70px;
margin: 3%;
order: 2;
}
}