/* comienza fuentes */
@font-face 
{
    font-family:"Garet Book";
    src:url("../fuentes/Garet-Book.eot?") format("eot"),url("../fuentes/Garet-Book.woff") format("woff"),url("../fuentes/Garet-Book.ttf") format("truetype"),url("../fuentes/Garet-Book.svg#Garet-Book") format("svg");
    font-weight:normal;
    font-style:normal;
}
/* fin fuentes */
/* comienza colores */
:root {
  --primary: #4A7568;
  --primary-font: #4A7568;
  --primary-darker: #33534a;
  --secondary: #3BC79D;
  --highlight: #f4f4f4;
  --highlight2: #fba612;
  --font-color: #FFFFFF;
  --font-color-dark: #3B3B3B;
  --font-color-reverse: #FFFFFF;
  --font-color-primary: #3B3B3B;
  --lighter-gray: #F6F6F6;
  --light-gray: #ededed;
  --gray: #707070;
  --bg-color: #fff;
  --bg-green: #7b7b7b;
  --bg-light: #F6F6F6;
  --soja: #43793D;
  --maiz: #4A7568;
  --trigo: #75754A;
  --sorgo: #75574A;
  --girasol: #A59F52;
}

[data-theme=dark] {
  --primary: #04CA96;
  --primary-font: #FFF;
  --primary-darker: #33534a;
  --secondary: #3BC79D;
  --highlight: #23282E;
  --highlight2: #fba612;
  --font-color: #FFFFFF;
  --font-color-dark: #FFFFFF;
  --font-color-reverse: #23282E;
  --font-color-primary: #04CA96;
  --lighter-gray: #23282E;
  --light-gray: #ededed;
  --gray: #707070;
  --bg-color: #20232A;
  --bg-green: #1A513F;
  --bg-light: #F6F6F6;
  --soja: #04CA96;
  --maiz: #04CA96;
  --trigo: #04CA96;
  --sorgo: #04CA96;
  --girasol: #04CA96;
}
.primary 
{
  color: var(--primary-font);
}
.secondary 
{
  color: var(--secondary);
}
.highlight2 
{
  color: var(--highlight2);
}
.bg-secondary 
{
  background-color: var(--secondary) !important;
}
/* fin colores */
.fw-300 
{
  font-weight: 300 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}

.w-40 {
  width: 40%;
}
.w-60 {
  width: 60%;
}
.w-85 {
  width: 85%;
}
.w-90 {
  width: 90%;
}
.w-150 {
  width: 130%;
}
.btn {
  font-weight: 800;
  border-radius: 0;
  text-transform: uppercase;
  padding-top: 14px;
  padding-bottom: 14px;
}
.btn-primary {
  background-color: var(--primary);
  border: 1px solid var(--gray);
  color: var(--font-color-reverse);
}
.btn-primary:hover {
  background-color: var(--primary-darker);
  border-color: var(--gray);
}
.btn-secondary {
  background-color: var(--bg-color);
  border: 1px solid var(--primary);
  color: var(--primary);
}
.btn-secondary:hover {
  border: 1px solid var(--gray);
  color: var(--font-color-reverse);
}
.btn-light {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--secondary);
  font-weight: 400;
}
.btn-light:hover {
  background-color: rgba(4, 202, 150, 0.25);
}
.btn-light:active {
  background-color: rgba(4, 202, 150, 0.45);
}
.btn:focus {
  box-shadow: none !important;
}

.rotate {
  position: absolute;
  transform: scale(-1) translate(-50%, 50%);
  writing-mode: vertical-lr;
}

body {
  font-family: "Raleway", sans-serif;
  background-color: var(--bg-color);
  color: var(--font-color-dark);
  overflow-x: hidden !important;
  position: relative;
}
body header {
  padding: 20px 3vw 20px 5vw;
}
.home .banner-intro 
{
  height: 100vh;
  min-height: 576px;
  max-height: 580px;
  position: relative;
}
.home .banner-intro .bgBanner img 
{
  height: 100vh;
  min-height: 576px;
  max-height: 580px;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.home .content 
{
  margin: 0px auto 0;
}
/* comienza productos */
.productos .productCol {
  display: none;
}
.productos .btnLoadContainer {
  position: relative;
  margin-top: 155px;
}
.productos .btnLoadContainer #loadMore {
  position: absolute;
  bottom: 50px;
  left: 0;
}
.productos .btnLoadContainer #loadMore.gradient {
  background: linear-gradient(0deg, var(--bg-color), var(--bg-color) 35%, transparent) !important;
  padding-top: 150px;
  border: none;
}
.productos .btnLoadContainer #loadMore.disabled {
  color: var(--bs-gray-600) !important;
  background-color: transparent !important;
  border: none !important;
}
.productos .btnLoadContainer #loadMore:focus {
  box-shadow: none;
}
.productos .card {
  border: none;
  position: relative;
  padding: 0;
}
.productos .card .card-img-overlay {
  margin: 0;
  height: 100px;
  position: relative;
  background-color: var(--highlight);
}
.productos .card .card-img-overlay .card-body {
  color: var(--primary-font);
  padding: 0 10px;
}
.productos .card .card-img-overlay .card-body h5 {
  font-weight: 600;
  margin-bottom: 0;
}
.productos .card .card-img-overlay .card-body button {
  padding: 0;
}
.productos .card .card-img-overlay .card-body button .animated-icon2 {
  width: 15px;
  height: 15px;
  position: relative;
  margin: 0px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  top: 0px;
  right: 5px;
}
.field 
{
  background-color: var(--bg-color);
  color: var(--font-color-dark);
  overflow-x: hidden !important;
  position: relative;
}
.field a 
{
  background-color: var(--bg-color);
  color: var(--font-color-dark);
  overflow-x: hidden !important;
  position: relative;
  text-decoration:none;
}
.field a:hover 
{
  font-family: "Raleway", sans-serif;
  background-color: var(--bg-color);
  color: var(--font-color-dark);
  overflow-x: hidden !important;
  position: relative;
  text-decoration:underline;
}
.productos .card .card-img-overlay .card-body button .animated-icon2 span {
  background-color: var(--primary) !important;
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 1px !important;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.productos .card .card-img-overlay .card-body button .animated-icon2 span {
  background: #e3f2fd;
}
.productos .card .card-img-overlay .card-body button .animated-icon2 span:nth-child(1) {
  transform: rotate(0deg);
  top: 0px;
}
.productos .card .card-img-overlay .card-body button .animated-icon2 span:nth-child(2) {
  transform: rotate(90deg);
  top: 0;
}
.productos .card .card-img-overlay .card-body button .animated-icon2.open span:nth-child(2) {
  transform: rotate(0deg);
}
.productos .card .card-img-overlay .card-body button:focus {
  box-shadow: none;
}
.productos .card .collapseContent {
  top: 90%;
  width: 100%;
  position: absolute;
  z-index: 100;
}
.productos .card .collapseContent div {
  border-radius: 0 0 0.25rem 0.25rem;
  color: var(--primary);
  background-color: var(--highlight);
  border: none;
  height: -moz-fit-content;
  height: fit-content;
  padding: 1.5rem 25px;
  font-weight: 500;
}
.productos .card .collapseContent div ul {
  padding: 0;
}
.productos .card .collapseContent div ul li {
  list-style-type: none !important;
  font-size: 18px;
}
.productos .card .collapseContent div ul li span {
  font-weight: 600;
}
/* fin productos */
/* comienza footer */
footer 
{
  height: 60px;
  display: flex;
  align-items: center;
  background: #f7f3ef;
  font-weight: 400 !important;
  color: var(--font-color-primary);
}
footer a 
{
  text-decoration: none;
  color: inherit;
}
footer a:hover 
{
  color: inherit;
  text-decoration: underline;
}
/* fin footer */
/* comienza divisor */
.dark div
{
  border-bottom:solid 2px #4b4948;
  width:100%;
  height:2px;
  margin-top:50px;
  margin-bottom:30px;
  display:block;
}
.medio div
{
  border-bottom:solid 2px #c8c8c8;
  width:100%;
  height:2px;
  margin-top:80px;
  margin-bottom:50px;
  display:block;
}
/* fin divisor */
/* comienza contacto */
#contacto 
{
  background:#e7dfd8;
  display: flex;
  align-items: center;
  display:block;
  width:100%;
}
.contacto 
{
 padding-top:230px;
 padding-right:120px;
 padding-left:120px;
}
.icons
{
  color:#c1bcb7;
  float:left;
  display:inline;
  font-size:2rem;
  padding-right:20px;
}
#contacto ul
{
  list-style: none;
  display:block;
  padding-top:100px;
  padding-left:0px;
  margin-left:0px;
}
#contacto ul li 
{
  padding-right:2px;
  display:inline;
}
/* fin contacto */
/* comienza logos */
.petra_logo img
{
  text-align:right;
  float:right;
}
#logos
{
  margin-top:40px;
}
/* fin logos */
/* comienza servicios */
.servicio .servicio_borde
{
  width: 100%;
  position: relative;
  max-width: 950px;
  margin: auto;
  color: var(--font-color-dark);
  background: var(--lighter-gray);
  box-shadow: 0px 14px 80px rgba(0, 0, 0, 0.161);
  padding: 0px;
  border: 2px solid var(--primary);
  height: 280px;
  transition: all 0.3s;
  overflow: visible;
  margin-bottom:60px;
  padding-bottom:10px;
}
.servicio .servicio_img
{
  width: 148px;
  height: 148px;
  flex-shrink: 0;
  box-shadow: 4px 5px 15px 1px rgba(0, 0, 0, 0.161);
  transform: translateX(-80px);
  overflow: hidden;
}
.servicio .servicio_img img 
{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: all 0.3s;
}
.servicio .servicio_img img 
{
  opacity: 1;
  transition-delay: 0.3s;
}
.servicio .sevicio_content 
{
  padding-right:10px;
}
.detalles 
{
  display:block;
  padding:0px;
  text-align:center;
  margin-bottom:20px;
}
.servicio .sevicio_content 
{
  transform: translateY(25px);
  transition: all 0.4s;
}
.servicio .servicio_item 
{
  display: flex;
  align-items: center;
  margin-bottom:20px;
}
.servicio .sevicio_text .sevicio_title
{
  font-family:'Garet Book';
  font-size:26pt;
  color:#a8a39e;
  line-height:1.2em;
}
.servicio .sevicio_text p
{
  font-family:'Inter', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size:12pt; 
  font-style: normal;
}
.servicio .sevicio_text p span
{
  font-family:'Inter', sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  text-transform:uppercase;
}
/* fin servicios */
/* comienza empresa */
#empresa-01
{
  width:100%;
  display:block;
  margin:0px;
  background-color:#e7dfd8;
  padding-bottom:136px; 
  padding-top:136px;
}
#empresa-01 h1
{
  font-family:'Garet Book';
  font-size:33pt;
  color:#625f5d;
  line-height:1.6em;
  font-weight:700;
}
#empresa-01 h2
{
  font-family:'Garet Book';
  font-size:22pt;
  color:#a8a59a;
  font-weight:700;
  letter-spacing:4px;
}
#empresa-01 h3
{
  font-family:'Inter', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size:17pt; 
  font-style: normal;
  color:#424140;
}
#empresa-01 p
{
  font-family:'Inter', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size:13pt; 
  font-style: normal;
  color:#424140;
}
#empresa-02
{
  width:100%;
  display:block;
  margin:0px;
  background-color:#FFFFFF;
  padding-bottom:90px; 
  padding-top:96px;
}
#empresa-02 h3
{
  font-weight:700;
  padding-bottom:200px;
  font-family:'Inter', sans-serif;
  font-optical-sizing: auto;
  font-size:17pt; 
  font-style: normal;
  color:#424140;
}
#empresa-02 p
{
  font-family:'Inter', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-size:13pt; 
  font-style: normal;
  color:#424140;
}
#empresa-02 .logo-marca

{
   display: inline-block;
   float:left;
}
#empresa-02 .logo-marca img
{
   width:170px;
   height:auto;
}
#empresa-02 .logo-link
{
 float:rigth;
 text-align:right;
}
#empresa-02 .logo-link img
{
    width:220px;
    height:auto; 
}
#empresa-01 p.margin-top
{
  margin-top:42px;
}
#empresa-01 p.margin-bottom
{
  margin-bottom:33px;
}
/* fin empresa */
/* comienza video */
.home .banner-video 
{
  height: 100vh;
  min-height: 576px;
  max-height: 580px;
  position: relative;
  background-color: #ccc;.
  display: inline-block; 
}
.home .banner-video .bgBanner video 
{
  height: 100vh;
  min-height: 576px;
  max-height: 580px;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
  display: block; 
}
.home .banner-video .logo-video
{
  position: absolute; 
  top: 35px; 
  right: 25px; 
  width: 177px; 
  height: 43px; 
  z-index: 10; 
}
.home .banner-video .logo-video-02
{
  position: absolute; 
  bottom: 35px; 
  right: 25px; 
  width: 177px; 
  height: 41px; 
  z-index: 10; 
}
/* fin video */
/* comienza showrooms */
#showrooms
{
  width:100%;
  display:block;
  margin:0px;
  background-color:#ece4dd;
  padding-top:90px; 
  padding-bottom:40px;
}
#showrooms h1
{
  color:#000000;
  margin-bottom:20px;
  font-family:'Garet Book';
  font-size:37pt;
  font-weight:700;
}
#showrooms h2
{
  color:#a49ea0;
  margin-bottom:20px;
  font-family:'Garet Book';
  font-size:30pt;
  font-weight:700;
}
#show 
{
  width:100%;
  height:475px;
}
#show .bgShow-1
{
    background-image: url("../images/showrooms-1.jpg");
    background-size: cover;
    background-position: center; 
    background-attachment: fixed;
}
/* fin shorooms */
/* comienza galeria */
.home .banner-slider
{
  height: 100vh;
  min-height: 576px;
  max-height: 580px;
  position: relative;
  background-color: #ccc;
}
.home .banner-slider .bgslider img
{
  height: 100vh;
  min-height: 576px;
  max-height: 580px;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
/* fin galeria */
/* comienza header */
/* comienza logo */
#pageintro
{
    display:inline;
    width:70%;
}
#pageintro article
{
    display:block; 
    max-width:100%;
}
#pageintro article *
{
    word-wrap:break-word;
}
#pageintro .heading
{
    margin-bottom:20px;
}
#pageintro p:first-of-type
{
    margin-bottom:30px;
}
#pageintro footer
{
    margin-top:200px;
    margin-left:0px;
    padding-left:0px;
    background:transparent;
}
#pageintro .inline li
{
    display:inline; 
    margin-bottom:10px;
}
#pageintro .nospace
{
    margin:0px;
    padding:0px;
}
#pageintro .pushright li
{
    margin-right:0;
}
#pageintro h3
{
  font-family:'Garet Book';
  font-size:14pt;
  font-weight:400;
  text-transform:none;
  font-size:18pt;
  color:#FFFFFF;
}
#pageintro img
{
  padding-top:50px;
  padding-bottom:40px;
}
body header .navbar .logo 
{
  width: 100%;
}
/* fin logo */
/* comienza navegacion */
body header .navbar .navbar-nav 
{
  text-align:left;
  margin:0px;
  display:inline;
}
.marginmnu
{
  margin-top:89px;
}
body header .navbar .navbar-nav .nav-item 
{
  display:block;
  width:420px;
}
body header .navbar .navbar-nav .nav-item .nav-link 
{
  color: var(--font-color);
  text-transform: uppercase;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
  display:block;
  font-family:'Garet Book';
  font-size:16pt;
  font-weight:400;
  height:55px;
  border-bottom:2px solid #c0c1c1;
}
body header .navbar .navbar-nav .nav-item .nav-link.first
{
    border-top:2px solid #c0c1c1;
}
body header .navbar .navbar-nav .nav-item .nav-link:hover {
  transform: scale(1.135);
}
body header .navbar .navbar-nav .nav-item .nav-link:active {
  transform: scale(1.1);
}
body header .navbar .navbar-nav .nav-item.dropdown {
  position: relative;
}
body header .navbar .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::after {
  display: none !important;
}
body header .navbar .navbar-nav .nav-item.dropdown .nav-link .dropdownToggle {
  width: 18px;
  position: relative;
  left: 7%;
  bottom: 2px;
}
body header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
  width: 380px;
  border-radius: 8px;
  padding: 20px 32px;
  border: 2px solid var(--primary);
  background-color: var(--lighter-gray);
}
body header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
  text-transform: uppercase;
  color: var(--primary);
}
body header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:active {
  background-color: rgba(74, 117, 104, 0.25);
}
body header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-divider
{
  border: 1px solid var(--secondary);
  opacity: 1;
}
header
{
  display: flex;
 align-items: flex-start;
}
/* fin navegacion */
/* fin header */
/* comienza slide */
#featured
{
	width: 100%;
	background:#fcfcfc;
	position:relative;
	margin:0;
	padding:0;
}
#featured.bg 
{
	background: url(../images/feat-bg.jpg) no-repeat top center;
}
/* rev slider */
.tp-caption a.btn 
{
	color: #fff;
}
.main-slider.flexslider 
{ 
    margin: 0px; 
    background: transparent; 
    border: none;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    -o-border-radius: 0; 
    border-radius: 0; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none; 
    -o-box-shadow: none;
    box-shadow: none;
}
.main-slider .flex-caption 
{
    background:none; 
    zoom: 1;
}
.main-slider .flex-caption 
{ 
    bottom: 35px; 
    padding-left: 60px; 
    padding-bottom:60px;
    position: absolute; 
    left: 0; 
}
.main-slider .flex-caption img
{ 
   width:147px;
   height:auto;
}
.main-slider  .flex-direction-nav a:before  { 
	font-family: "flexslider-icon"; 
	font-size: 20px; 
	display: inline-block; 
	content: '\f001'; 
}
.main-slider  .flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* fin slide */
/* comienza galeria */
#sucursales
{
  width:100%;
  display:block;
  margin:0px;
  background-color:#ffffff;
  padding-bottom:60px; 
  padding-top:60px;
}
#sucursales h2
{
  font-family:'Garet Book';
  font-size:30pt;
  color:#a8a39e;
  margin-bottom:60px;
}
/* comienza imagen hover */
.imagen-con-hover img 
{
  display: block; 
  width: 100%;
  height: auto;
  transition: transform 0.3s ease; 
}
.imagen-con-hover 
{
  position: relative; 
  display: inline-block; 
}
.flecha-oculta 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/flecha.png'); 
  background-repeat: no-repeat;
  background-position: right; 
  opacity: 0; 
  pointer-events: none; 
  transition: opacity 0.3s ease; 
  margin-right:30px;
}
.imagen-con-hover:hover .flecha-oculta 
{
  opacity: 1; 
}
.imagen-con-hover:hover img 
{
  transform: scale(1.05);
}
/* fin imagen hover */
/* comienza categories */
.categories-02
{
	padding-bottom: 30px;
	text-align: center;
}
ul.cata 
{
	display:block;
	margin:0px;
	padding:0px;
}
ul.cata li 
{
	display: inline-block;
}
ul.types li 
{
	display: inline-block;
	margin: 0 5px;
	padding: 5px 0;
}
ul.types li a 
{
	color: #999;
	font-weight: 500;
	font-size: 14px;
	padding: 12px 12px;
	background: #eee;
	border: 0;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
ul.types li a.active 
{
	color: #fff;
	background-color: #8eb640;
}
ul.types li a:hover 
{
	color: #fff;
	background-color: #8eb640;
}
.isotope-item 
{
	z-index: 2
}
.isotope-hidden.isotope-item 
{
	z-index: 1
}
.isotope, .isotope .isotope-item 
{
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope-item 
{
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope 
{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
#portfolio 
{

}
.portfolio-item 
{
	margin: 15px 0;
}
.portfolio-item .hover-bg 
{
	overflow: hidden;
	position: relative;
}
.portfolio-item .hover-bg:before 
{
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	right: 6px;
	bottom: 6px;
	left: 6px;
	border: 1px solid rgba(255, 255, 255, 0.6);
}
.hover-bg .hover-text 
{
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	padding: 30% 0 0 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.hover-bg .hover-text>h4 
{
	opacity: 0;
	color: #fff;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
	font-size: 17px;
	letter-spacing: 0.5px;
	font-weight: 500;
}
.hover-bg:hover .hover-text>h4 
{
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.hover-bg:hover .hover-text 
{
	opacity: 1;
}
/* fin categories */
/* fin galeria */
/* comienza media */
@media screen and (max-width: 992px) 
{
    .contacto 
    {
        padding:30px;
    }
    .icons
    {
      color:#c1bcb7;
      float:left;
      display:inline;
      font-size:2rem;
      padding-right:10px;
      min-height:150px;
    }
    #contacto ul
    {
      list-style: none;
      display:block;
      padding-top:0px;
      padding-left:0px;
      margin-left:0px;
    }
    #contacto ul li 
    {
      padding-right:10px;
      display:inline;
    }
    .petra_logo img
    {
      text-align:left;
      float:left;
    }
    .servicio .servicio_borde
    {
      width: 90%;
      position: relative;
      max-width: 100%;
      margin: auto;
      color: var(--font-color-dark);
      background: var(--lighter-gray);
      box-shadow: 0px 14px 80px rgba(0, 0, 0, 0.161);
      padding: 0px;
      border: 2px solid var(--primary);
      height: 550px;
      transition: all 0.3s;
      overflow: visible;
      margin-bottom:30px;
      padding-bottom:10px;
    }
    .servicio .servicio_img
    {
      width: 120px;
      height:120px;
      flex-shrink: 0;
      box-shadow: 4px 5px 15px 1px rgba(0, 0, 0, 0.161);
      transform: translateX(-80px);
      overflow: hidden;
    }
    .servicio .sevicio_text .sevicio_title
    {
      font-family:'Garet Book';
      font-size:20pt;
      color:#a8a39e;
      line-height:1.2em;
    }
    #showrooms
    {
      width:100%;
      display:block;
      margin:0px;
      background-color:#ece4dd;
      padding-top:30px; 
      padding-bottom:30px;
    }
    #empresa-02 .logo-marca
    {
       display:block;
       float:left;
    }
    #empresa-02 .logo-marca img
    {
       width:120px;
       height:auto;
    }
    #empresa-02 .logo-link
    {
     float:left;
     text-align:left;
     margin-top:40px;
    }
    #empresa-02 .logo-link img
    {
        width:220px;
        height:auto; 
    }
    #empresa-01
    {
      width:100%;
      display:block;
      margin:0px;
      background-color:#e7dfd8;
      padding-bottom:60px; 
      padding-top:60px;
    }
    #empresa-01 h1
    {
      font-family:'Garet Book';
      font-size:26pt;
      color:#625f5d;
      line-height:1.6em;
      font-weight:700;
    }
    #empresa-01 h2
    {
      font-family:'Garet Book';
      font-size:16pt;
      color:#a8a59a;
      font-weight:700;
      letter-spacing:4px;
    }
    #empresa-01 h3
    {
      font-family:'Inter', sans-serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-size:14pt; 
      font-style: normal;
      color:#424140;
    }
    header .navbar .navbar-collapse 
    {
        width: 50% !important;
    }
    .banner-intro 
    {
        height: 370px !important;
    }
     header {
    padding: 0 3vw 10px 5vw !important;
  }
  header .navbar .logo 
  {
    width: 75% !important;
  }
  header .navbar .navbar-collapse 
  {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    background: var(--bg-green);
    z-index: 100;
    display: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  header .navbar .navbar-collapse .navbar-nav 
  {
    width: 100% !important;
    height: 75%;
    padding-right: 10px;
  }
  header .navbar .navbar-collapse .btnCloseNav 
  {
    position: absolute;
    top: 5%;
    right: 10%;
  }
  header .navbar .navbar-collapse.show 
  {
    opacity: 1;
  }
  header .navbar .navbar-collapse .nav-item.dropdown .dropdown-menu 
  {
    width: 95vw !important;
    padding: 20px 25px !important;
    position: absolute;
    left: -170px;
  }
  .home .banner-intro .bottom-menu 
  {
    width: 90%;
  }
    body header .navbar .navbar-nav .nav-item .nav-link 
    {
        color: var(--font-color);
        text-transform: uppercase;
        transform: scale(1);
        transition: transform 0.2s ease-in-out;
        display:block;
        font-family:'Garet Book';
        font-size:13pt;
        font-weight:400;
        height:55px;
        border-bottom:2px solid #c0c1c1;
        padding-left:4px;
    }
    body header .navbar .navbar-nav .nav-item .nav-link:hover 
    {
      transform: scale(0.9);
    }
    body header .navbar .navbar-nav .nav-item .nav-link:active 
    {
      transform: scale(0.9);
    }
    .marginmnu
    {
      margin-top:55px;
    }
}
/* fin media */