/*TITULO NOSOTROS*/
.h3_prod {
font-weight: 600;
color: #ffffff;
font-size: 20px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
background: #29405b;
width: 38%;
padding: 13px 28px;
border-bottom-right-radius: 50px;
border-top-left-radius: 50px;
text-align: center;
}
.h_c {
margin-bottom: 0;
display: inline-block;
margin: 12px 10px;
}
.hom_con {
display: inline-block;
font-weight: 300;
color: #ffffff;
margin: 0 5px;
font-family: 'Montserrat', sans-serif;
}
.enla {
color: #fff;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
.enla:hover, .enla:focus {
color: #fed101;
}
.us{
background-image: url(../../../../public/img/fondo/fondo_productos.jpg);
background-position: bottom;
background-size: cover;
padding: 80px 0;
position: relative;
margin-bottom: 40px;
}
.us:before{
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: black;
opacity: 0.6;
}
.textos h4{
font-weight: 300;
font-size: 30px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 33px;
}
.textos p{
font-family: 'Montserrat', sans-serif;
text-align: justify;
margin-bottom: 30px;
}
/*END TITULO*/
/*SECTION PRODUCTOS*/
.sect_servicio_descripcion{
padding: 50px 0;
}
.accordion {
width: 100%;
background: #9595951c;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
list-style: none;
padding-left: 0;
font-family: 'Montserrat', sans-serif;
}
.accordion .link {
position: relative;
padding: 20px 30px;
color: #353535;
line-height: normal;
cursor: pointer;
background-color: #fff;
margin-bottom: 20px;
display: block;
font-size: 14px;
font-weight: 700;
box-shadow: 0px 0px 6px 0px #ccc;
}
.accordion li:last-child .link {
border-bottom: 0;
}
.accordion li i {
position: absolute;
top: 16px;
left: 12px;
font-size: 18px;
color: #ffffff;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
right: 12px;
left: auto;
font-size: 16px;
}
.accordion li:hover .link {
color: #003561;
transition: all ease 500ms;
}
.accordion li.open .link.dropdowncate {
color: #00cc14;
}
.accordion li.open .icon_down:before {
color: #003561;
}
.accordion li.open .icon_down:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
transition: all ease 500ms;
}
.box_head a{
position: relative;
display: block;
border-top-left-radius: 35px;
}
.box_head a:before {
content: "\f002";
position: absolute;
font-family: FontAwesome;
top: 0;
right: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transition: all ease 500ms;
border-top-left-radius: 35px;
}
.box_item:hover .box_head a:before {
opacity: .5;
transition: all ease 500ms;
border-top-left-radius: 35px;
}
/**
* Submenu
-----------------------------*/
.submenu {
display: none;
font-size: 14px;
list-style: square;
}
.submenu li > a{
display: block;
padding: 10px 20px;
font-weight: 600;
color: #000;
text-decoration: none;
transition: all ease 500ms;
}
.submenu li > a.active{
color: #00aff2;
}
.submenu li > a:hover {
color: #003561;
transition: all ease 500ms;
}
.icon_down:before {
content: "\f078";
font-family: FontAwesome;
position: absolute;
right: 18px;
transition: all ease 500ms;
}
/**/
@media(max-width: 991px){
.order2_mobile{
order: 2;
}
}
/*SECTION PRODUCTOS*/
.sect_productos{
padding: 50px 0;
background: #fff;
}
.box_productos{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
-o-flex-flow: row wrap;
flex-flow: row wrap;
}
.box_productos .box_item{
width: 22%;
margin: 0 auto;
position: relative;
margin-bottom: 30px;
box-shadow: 1px 1px 8px 3px #00000012;
border-top-left-radius: 35px;
border-bottom-right-radius: 35px;
height: 100%;
}
.box_productos .box_item .box_head{
border-top-left-radius: 35px;
}
.box_productos .box_item .box_head a img{
border-top-left-radius: 35px;
}
.box_productos .box_body h5{
margin-bottom: 0;
color: white;
padding: 6px 0;
border-bottom: 1px solid;
}
.box_productos .box_body h5>a{
font-size: 16px;
text-decoration: none;
color: white;
text-align: center;
display: block;
}
.box_productos .box_body{
/*padding: 5px 0;*/
background: #003561;
/*border-bottom-left-radius: 35px;*/
border-bottom-right-radius: 35px;
font-family: 'Montserrat', sans-serif;
}
.box_productos .box_body h6{
text-align: center;
color: #f6f6f6;
font-weight: 600;
margin-bottom: 0;
padding: 6px 0;
}
.stars{
position: absolute;
top: 0;
left: -7px;
}
.stars>span{
display: block;
}
.stars>span:before{
content: "\f005";
font-family: "FontAwesome";
color: #27313c;
}
@media(max-width: 991px){
.box_productos .box_item{
width: 30%;
}
}
@media(max-width: 595px){
.box_productos .box_item{
width: 45%;
}
}
@media(max-width: 1199px){
.h3_prod{
width: 40%!important;
}
.h_c{
padding: 0;
}
}
@media(max-width: 991px ){
.h3_prod {
width: 22%!important;
margin: 0 auto;
font-size: 14px;
border-top-right-radius: 50px;
border-bottom-right-radius: 0px;
}
.us{
padding: 20px 0;
}
.text-right {
text-align: center!important;
}
}
@media(max-width: 767px){
.h3_prod {
width: 30%!important;
}
}
@media(max-width: 528px){
.h3_prod {
width: 50%!important;
}
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
padding: 10% 25px;
background-color: #293f5b;
border-color: #293f5b;
}
.page-link {
cursor: pointer;
color: #fff;
padding: 10% 25px;
background-color: #fff;
border-color: #dee2e6;
}
.pagination{
display: inline-flex;
}
.imgCut{
width: 100%;
height: 100%;
}
@media(max-width: 575px){
.imagensubcate{
max-width: 250px;
margin: 0 auto;
display: block;
}
}