@font-face {
	font-family: 'DIN-BlackAlternate';
	src: url('../fonts/din/DIN-BlackAlternate.ttf') format('truetype');
	src: url('../fonts/din/DIN-BlackAlternate.woff') format('woff');
	src: url('../fonts/din/DIN-BlackAlternate.woff2') format('woff2');
	src: url('../fonts/din/DIN-BlackAlternate.eot') format('embedded-opentype');
	font-weight: 900;
	font-style: normal;
	font-stretch: condensed;
}
@font-face {
	font-family: 'DIN-Bold';
	src: url('../fonts/din/DIN-Bold.ttf') format('truetype'),
		url('../fonts/din/DIN-Bold.woff') format('woff'),
		url('../fonts/din/DIN-Bold.woff2') format('woff2'),
		url('../fonts/din/DIN-Bold.eot') format('embedded-opentype');
	font-weight: 900;
	font-style: normal;
	font-stretch: condensed;
}
@font-face {
	font-family: 'DIN-Light';
	src: url('../fonts/din/DIN-Light.ttf') format('truetype');
	  src: url('../fonts/din/DIN-Light.woff') format('woff');
	  src: url('../fonts/din/DIN-Light.woff2') format('woff2');
	  src: url('../fonts/din/DIN-Light.eot') format('embedded-opentype');
	font-weight: 900;
	font-style: normal;
	font-stretch: condensed;
}
@font-face {
	font-family: 'DIN-Medium';
	src: url('../fonts/din/DIN-Medium.ttf') format('truetype');
	  src: url('../fonts/din/DIN-Medium.woff') format('woff');
	  src: url('../fonts/din/DIN-Medium.woff2') format('woff2');
	  src: url('../fonts/din/DIN-Medium.eot') format('embedded-opentype');
	font-weight: 900;
	font-style: normal;
	font-stretch: condensed;
}
@font-face {
	font-family: 'DIN-Regular';
	src: url('../fonts/din/DIN-Regular.ttf') format('truetype');
	  src: url('../fonts/din/DIN-Regular.woff') format('woff');
	  src: url('../fonts/din/DIN-Regular.woff2') format('woff2');
	  src: url('../fonts/din/DIN-Regular.eot') format('embedded-opentype');
	font-weight: 900;
	font-style: normal;
	font-stretch: condensed;
}
@font-face {
	font-family: 'DIN-RegularAlternate';
	src: url('../fonts/din/DIN-RegularAlternate.ttf') format('truetype');
	  src: url('../fonts/din/DIN-RegularAlternate.woff') format('woff');
	  src: url('../fonts/din/DIN-RegularAlternate.woff2') format('woff2');
	  src: url('../fonts/din/DIN-RegularAlternate.eot') format('embedded-opentype');
	font-weight: 900;
	font-style: normal;
	font-stretch: condensed;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1 {
  margin-bottom: 14px;
}
.mb-2 {
  margin-bottom: 28px;
}
.mb-3 {
  margin-bottom: 42px;
}
.mb-4 {
  margin-bottom: 56px!important;
}
.mb-5 {
  margin-bottom: 70px!important;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 14px;
}
.mt-2 {
  margin-top: 28px;
}
.mt-3 {
  margin-top: 42px;
}
.mt-4 {
  margin-top: 56px;
}
.mt-5 {
  margin-top: 70px;
}
.ml-0 {
  margin-left: 0;
}
.ml-1 {
  margin-left: 14px;
}
.ml-2 {
  margin-left: 28px;
}
.ml-3 {
  margin-left: 42px;
}
.ml-4 {
  margin-left: 56px;
}
.ml-5 {
  margin-left: 70px;
}
.mr-0 {
  margin-right: 0;
}
.mr-1 {
  margin-right: 14px;
}
.mr-2 {
  margin-right: 28px;
}
.mr-3 {
  margin-right: 42px;
}
.mr-4 {
  margin-right: 56px;
}
.mr-5 {
  margin-right: 70px;
}
.mr-{
  margin-right: -30px;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-1 {
  margin-top: 14px;
  margin-bottom: 14px;
}
.my-2 {
  margin-top: 28px;
  margin-bottom: 28px;
}
.my-3 {
  margin-top: 42px;
  margin-bottom: 42px;
}
.my-4 {
  margin-top: 56px;
  margin-bottom: 56px;
}
.my-5 {
  margin-top: 70px;
  margin-bottom: 70px;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-1 {
  margin-left: 14px;
  margin-right: 14px;
}
.mx-2 {
  margin-left: 28px;
  margin-right: 28px;
}
.mx-3 {
  margin-left: 42px;
  margin-right: 42px;
}
.mx-4 {
  margin-left: 56px;
  margin-right: 56px;
}
.mx-5 {
  margin-left: 70px;
  margin-right: 70px;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1 {
  padding-bottom: 14px;
}
.pb-2 {
  padding-bottom: 28px;
}
.pb-3 {
  padding-bottom: 42px;
}
.pb-4 {
  padding-bottom: 56px;
}
.pb-5 {
  padding-bottom: 70px;
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: 14px;
}
.pt-2 {
  padding-top: 28px;
}
.pt-3 {
  padding-top: 42px;
}
.pt-4 {
  padding-top: 56px;
}
.pt-5 {
  padding-top: 70px;
}
.pl-0 {
  padding-left: 0;
}
.pl-1 {
  padding-left: 14px;
}
.pl-2 {
  padding-left: 28px;
}
.pl-3 {
  padding-left: 42px;
}
.pl-4 {
  padding-left: 56px;
}
.pl-5 {
  padding-left: 70px;
}
.pr-0 {
  padding-right: 0;
}
.pr-1 {
  padding-right: 14px;
}
.pr-2 {
  padding-right: 28px;
}
.pr-3 {
  padding-right: 42px;
}
.pr-4 {
  padding-right: 56px;
}
.pr-5 {
  padding-right: 70px;
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.py-1 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-2 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.py-3 {
  padding-top: 42px;
  padding-bottom: 42px;
}
.py-4 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.py-5 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-1 {
  padding-left: 14px;
  padding-right: 14px;
}
.px-2 {
  padding-left: 28px;
  padding-right: 28px;
}
.px-3 {
  padding-left: 42px;
  padding-right: 42px;
}
.px-4 {
  padding-left: 56px;
  padding-right: 56px;
}
.px-5 {
  padding-left: 70px;
  padding-right: 70px;
}
.op-eco-ladrillo{
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 80%;
  opacity: 0.5;
  background-color: rgba(255, 255, 255, 0.9);
}
.wrapper-eco-ladrillo{
  display: flex;
  position: absolute;
  flex-direction: column;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.img-deco-ladrillo {
  object-fit: unset!important;
}
.op-deco-ladrillo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 80%;
  opacity: 0.5;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.wrapper-img-h2 {
  display: flex;
  position: absolute;
  width: 13%;
  flex-direction: column;
  top: 18%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wrapper-img {
  position: absolute;
}
.wrapper-h2{
  padding-top: 26px;
}
html {
  min-height: 100%;
  position: relative;
  font-size: 14px;
}
body {
  font-family: 'DIN-Regular',sans-serif;
  font-size: 1rem;
  line-height: 1.25em !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'DIN-Bold';
  line-height: 1.1em !important;
  text-align: unset;
  color: unset;
}
a,
i,
button {
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.color-w {
  color: white;
}
.color-1 {
  color: #9b2b2f;
}
.color-2 {
  color: #f5ebec;
}
.color-3 {
  color: #ce9496;
}
.color-g1 {
  color: #f8f9fa;
}
.color-g2 {
  color: #e9ecef;
}
.color-g3 {
  color: #dee2e6;
}
.color-g4 {
  color: #ced4da;
}
.color-g5 {
  color: #adb5bd;
}
.color-g6 {
  color: #6c757d;
}
.color-gray {
  color: #51575e;
}
.color-b1{
  color: #1e1e1e!important;
}
.bg-1 {
  background-color: #9b2b2f;
}
.bg-2 {
  background-color: #f5ebec;
}
.bg-3 {
  background-color: #ce9496;
}
.bg-gray {
  background-color: #51575e;
}
.font-1 {
  font-family: 'DIN-Regular' !important;
}
.font-2 {
  font-family: 'DIN-Bold' !important;
}
.text-center {
  text-align: center!important;
}
.tight-v {
  line-height: 1.1em;
}
.txt-lg-1 {
  font-size: 52px !important;
}
.txt-lg-2 {
  font-size: 54px!important;
}
.txt-md-3 {
  font-size: 36px !important;
}
.txt-md-2 {
  font-size: 27px !important;
}
.txt-fs{
  font-size: 26px!important;
}
.txt-md-1 {
  font-size: 18px !important;
}
.txt-sm-2 {
  font-size: 16px !important;
}
.txt-sm-1 {
  font-size: 14px !important;
}
.txt-xsm {
  font-size: 13px !important;
}
.text-muted {
  color:#6c757d !important;
}
.wrapper {
  overflow-x: hidden;
}
hr.hr-light {
  border-color: #818993;
}
.color-hover-2:hover {
  color: #ce9496;
}
.btn {
  font-weight: 600;
  border-radius: 0;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.btn.btn-primary {
  color: white;
  background: #9b2b2f;
  border: 0;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  color: white;
  background: black;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-group .form-control {
  font-family:sans-serif;
  width: 100%;
  height: auto;
  background: white;
  padding: 14px !important;
  border: 1px solid #9b2b2f;
  margin: 0;
  border-radius: 0;
  font-weight: bold!important;
  font-size: 16px;
}
#about-contact .form-group .form-control{
  color: #9b2b2f!important;
}
.form-group .form-control::-moz-placeholder {
  color: #9b2b2f;
  opacity: 1;
}
.form-group .form-control:-ms-input-placeholder {
  color: #9b2b2f;
}
.form-group .form-control::-webkit-input-placeholder {
  color: #9b2b2f;
}
.dropdown .dropdown-toggle {
  position: relative;
}
.dropdown .dropdown-toggle:after {
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  border-left-width: 7px;
  border-right-width: 7px;
  border-top-width: 7px;
}
.no-pointer {
  pointer-events: none;
}
.modal {
  z-index: 999999;
}
.modal .modal-dialog .modal-content {
  color: white;
  border: 0;
  background: #51575e;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.modal .modal-dialog .modal-content .modal-header {
  position: absolute;
  width: 100%;
  z-index: 9;
  border-bottom: 0;
}
.modal .modal-dialog .modal-content .modal-header .close {
  text-shadow: none;
  outline: unset !important;
}
.modal-backdrop.show {
  background: rgba(42, 47, 53, 0.9);
  opacity: 1;
  z-index: 99999;
}
.wrapper {
  padding-top: 53px;
}
header {
  position: fixed;
  z-index: 999;
  width: 100%;
  top: 0;
  padding: 4.66666667px 0;
  padding-bottom: 50px;
  background-color: #ffffff;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
header .navbar {
  height: auto;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
header .navbar .navbar-brand {
  width: 40px;
  height: 40px;
  background: url('../images/logo_alt.svg') center center no-repeat;
  background-size: contain;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
header .navbar .navbar-toggler {
  outline: none;
}
header .navbar .navbar-toggler i {
  color: #9b2b2f;
}
header .navbar .navbar-nav {
  padding-top: 7px;
}
header .navbar .navbar-nav .nav-link {
  position: relative;
  font-family:'DIN-Regular', sans-serif;
  font-size: 15px;
  color: #323232;
  padding-right: 9.33333333px;
  padding-left: 9.33333333px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
header .navbar .navbar-nav .nav-link:hover,
header .navbar .navbar-nav .nav-link.active {
  color: #9b2b2f;
  font-weight: bold;
}
header .header-social {
  position: absolute;
  z-index: 9999;
  width: 100%;
  bottom: 0;
  color: #ffffff;
  background: #9b2b2f;
  padding: 14px 0;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
header .header-social a:hover {
  color: #ffffff;
}
body.header-small header {
  padding: 4.66666667px 0;
  border-bottom: 1px solid #ced4da;
}
body.header-small header .header-social {
  opacity: 0;
  pointer-events: none;
}
#intro {
  position: relative;
  overflow: hidden;
  height: 700px !important;
}
#intro .bg1 {
  height: 700px !important;
  background-size: cover;
}
#intro .title {
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#intro .txt-md-1 {
  letter-spacing: 0.035em;
}
#intro .logo {
  width: 240px;
  margin-right: auto;
  margin-left: auto;
}
#work {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#work .quienes-somos-images .image-link {
  position: relative;
  display: block;
  float: left;
  width: 25%;
}
#work .quienes-somos-images .image-link img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
}
#work .quienes-somos-images .image-link:after {
  content: '';
  position: absolute;
  top: 0;
  z-index: 9;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  opacity: 0;
}
#work .quienes-somos-images .image-link:hover:after {
  opacity: 1;
}
#ladrillos-artesanales {
  position: relative;
  height: 600px;
  background: url('../images/bg2.jpg') center center no-repeat;
  background-size: cover;
}
#ladrillos-artesanales .caption {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#ladrillos-artesanales .caption h2 {
  color: white !important;
}
#products {
  background: url('../images/bg_products.jpg') center center no-repeat;
  background-size: unset;
  padding: 45px 0;
}
#products .portfolio .portfolio-card {
  float: left;
  display: block;
  width: 100%;
  text-decoration: none;
  background: white;
}
#products .portfolio .portfolio-card .card-thumb img {
  width: 100%;
  object-fit: contain;
  background-color: #ffffff;
}
#products .portfolio .portfolio-card .card-desc {
  padding: 14px;
  height: 140px;
}
#products .portfolio .portfolio-card .card-desc p {
  font-size: 16px;
}
#products .portfolio .portfolio-card .card-desc .centered-v {
  line-height: 70px !important;
}
#eco-ladrillo .image img,
#deco-ladrillo .image img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}
#eco-ladrillo ul.list-bullet li,
#deco-ladrillo ul.list-bullet li {
  position: relative;
  padding-left: 15px;
}
#eco-ladrillo ul.list-bullet li:before,
#deco-ladrillo ul.list-bullet li:before {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #9b2b2f;
}
.features{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#features .nav,
#clients .nav,
.modal-product .nav {
  border: 0;
}
#features .nav .nav-item,
#clients .nav .nav-item,
.modal-product .nav .nav-item {
  margin-bottom: 0;
}
#features .nav .nav-item .nav-link,
#clients .nav .nav-item .nav-link,
.modal-product .nav .nav-item .nav-link {
  color: white;
  padding: 21px 14px;
  border: 0;
  text-align: center;
  border-radius: 0;
}
#features .nav .nav-item .nav-link .nav-link-icon,
#clients .nav .nav-item .nav-link .nav-link-icon,
.modal-product .nav .nav-item .nav-link .nav-link-icon {
  display: block;
  width: 100%;
  height: 62px;
  background-size: contain !important;
}
#features .nav-link .svg-link-icon{
  fill: #000000!important;
}
#features .nav-link .svg-link-icon:hover{
  fill: #9b2b2f!important; 
}
#features .nav.nav-font-slab .nav-item .nav-link,
#clients .nav.nav-font-slab .nav-item .nav-link,
.modal-product .nav.nav-font-slab .nav-item .nav-link {
  font-family: 'DIN-Bold'!important;
  font-size: 21px;
}
#features .nav.flex-column,
#clients .nav.flex-column,
.modal-product .nav.flex-column {
  position: relative;
  padding-left: 45px;
}
#features .nav.flex-column:after,
#clients .nav.flex-column:after,
.modal-product .nav.flex-column:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  width: 10px;
  height: 100%;
}
.modal-product .nav {
  background: white;
  border: 0;
}
.modal-product .nav .nav-item {
  margin-bottom: 0;
}
.modal-product .nav .nav-item .nav-link {
  position: relative;
  font-family: 'DIN-Bold'!important;
  font-size: 14px;
  color: #51575e;
  padding: 28px 14px;
  border: 0;
  text-align: center;
}
.modal-product .nav .nav-item .nav-link:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: 99;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 100%);
  -ms-transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #ffffff;
  opacity: 0;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}
.modal-product .nav .nav-item .nav-link.active {
  color: #ce9496;
  background: white;
}
.modal-product .nav .nav-item .nav-link.active:before {
  opacity: 1;
}
.modal-product .product-thumb img {
  width: 100%;
  height: 200px;
  object-fit: contain;
  background-color: white;
}
#features .tab-content .tab-pane .panel-thumb {
  width: 100%;
  height: 416px;
}
#features .tab-content .tab-pane .panel-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#features .wrapperLi{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
#clients .nav-tabs .dropdown .dropdown-menu,
#modal-product .nav-tabs .dropdown .dropdown-menu {
  position: relative !important;
  width: 100%;
  transform: unset !important;
  border: 0 !important;
  padding: 0 !important;
}
#clients .nav-tabs .dropdown .dropdown-menu .dropdown-item,
#modal-product .nav-tabs .dropdown .dropdown-menu .dropdown-item {
  font-family: 'DIN-Bold'!important;
  text-align: center;
  padding: 10px;
}
#clients .nav-tabs .dropdown .dropdown-toggle {
  background: #9b2b2f !important;
}
#clients .nav-tabs .dropdown .dropdown-menu {
  background: #f5ebec;
}
#clients .nav-tabs .dropdown .dropdown-menu .dropdown-item {
  color: #9b2b2f !important;
}
#clients .nav-tabs .dropdown .dropdown-menu .dropdown-item.active {
  color: #ffffff !important;
  background: #9b2b2f !important;
}
#clients .client-card {
  text-align: center;
  background: #f5ebec;
  padding: 28px;
}
#clients .client-card a:hover {
  color: #000000;
}
.modal-product .nav-tabs .dropdown .dropdown-toggle {
  color: #51575e !important;
  background: #ffffff !important;
}
.modal-product .nav-tabs .dropdown .dropdown-menu {
  background: #ffffff;
}
.modal-product .nav-tabs .dropdown .dropdown-menu .dropdown-item {
  color: #51575e !important;
}
.modal-product .nav-tabs .dropdown .dropdown-menu .dropdown-item.active {
  color: #ce9496 !important;
  background: #ffffff !important;
}
#about-contact a.color-3:hover {
  color: #9b2b2f;
}
.grecaptcha-badge {
  position: fixed !important;
  right: 15px !important; 
  bottom: 30px !important; 
  z-index: 1000 !important;
  border-radius: 500px !important;
  width: 80px !important; 
  height: 80px !important;
}
.fab-whatsapp {
  display: block;
  position: fixed;
  z-index: 999999;
  width: 80px;
  height: 80px;
  right: 15px;
  bottom: 30px;
}
.fab-whatsapp i {
  position: relative;
  display: table-cell;
  width: 80px;
  height: 80px;
  font-size: 42px;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  background-color: #6aae35;
  border-radius: 500px;
}
.fab-whatsapp i:after {
  position: absolute;
  display: block;
  left: 80px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  content: 'Escribinos via Whatsapp!';
  font-family: 'DIN-Bold'!important;
  font-size: 16px;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: 0.125s;
  -o-transition: 0.125s;
  transition: 0.125s;
}
.fab-whatsapp:hover {
  width: 300px;
  text-decoration: none;
}
.fab-whatsapp:hover i {
  width: 300px;
  text-align: left;
  padding-left: 30px;
  background-color: #6aae35;
}
.fab-whatsapp:hover i:after {
  opacity: 1;
}
@media (max-width: 540px) {
  .modal.modal-zoom .modal-dialog {
    max-width: 100% !important;
    width: 100% !important;
  }
  #intro .bg1 {
    background-attachment: scroll !important;
  }
  #ladrillos-artesanales {
    height: auto;
  }
  #ladrillos-artesanales .caption {
    position: relative;
    top: unset;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  #eco-ladrillo .image img,
  #deco-ladrillo .image img {
    width: 100%;
    height: 314px;
  }
  #features .tab-content .tab-pane .panel-thumb {
    height: 200px;
  }
  #features p {
    font-size: 18px;
    margin-bottom: 0;
  }
  #features .txt-lg-1 {
    font-size: 31px !important;
  }
  #features .mb-5{
    margin-bottom: 56px!important;
  }
  #features .nav .nav-item .nav-link{
    padding: 0px 10px;
  }
  #features .p-5 {
    padding: 1rem!important;
  }
  #map #map-embed {
    height: 300px !important;
  }
  .wrapper-img-h2{
    width: 100%!important;
  }
  .op-eco-ladrillo{
    width: 90%;
    left: 50%;
  }
  .wrapper-h2 h2{
    font-size: 17px!important;
  }

  #eco-ladrillo .mb-4{
    margin-bottom:unset!important;
  }
  #eco-ladrillo .p-5{
    padding: unset!important;
  }
  #eco-ladrillo .txt-lg-2 {
    font-size: 36px!important;
    padding-bottom: 20px;
    padding-top: 18px;
  }
  .txt-fs {
    font-size: 19px!important;
  }
  #eco-ladrillo .wrapper-h2-eco-ladrillo li{
    line-height: unset;
  }
  #eco-ladrillo ul li{
    padding-bottom: 12px;
    line-height: unset;
    margin-bottom: unset;
  }
}
@media only screen and (max-width: 280px) and (max-height: 653px) {
  #features .col-10{
    font-size: 33px;
    max-width: 100%;
  }
  #about-contact p {
    font-size: 16px!important;
  }
}
@media (max-width: 960px) {
  .txt-lg-1 {
    font-size: 36px !important;
  }
  .txt-md-3 {
    font-size: 27px !important;
  }
  .txt-md-2 {
    font-size: 18px !important;
  }
  .txt-md-1 {
    font-size: 14px !important;
  }
  #work .quienes-somos-images .image-link {
    width: 50%;
  }
  #work .quienes-somos-images .image-link img {
    height: 150px;
  }
  #features .txt-lg-1 {
    font-size: 30px !important;
  }
}
@media (max-width: 960px) {
  header .navbar .navbar-nav {
    margin-top: 14px;
  }
  header .navbar .navbar-nav .nav-item {
    padding: 14px;
    background: #ffffff;
  }
  #about-contact p {
    font-size: 16px!important;
  }
}
@media only screen and (max-width: 600px) {
  #deco-ladrillo .wrapper-img-h2 {
    width: 100%!important;
  }
  #about-contact p {
    font-size: 15px!important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  #deco-ladrillo .wrapper-img-h2 {
    width: 100%!important;
  };
}
@media only screen and (min-width: 1025px) {
  #deco-ladrillo .wrapper-img-h2 {
    width: 100%!important;
  }
}