.footer {
 display: none;
}

#elfooter {
 display: block;
}


/*======================================
//--//-->   PORTFOLIO
======================================*/

.work-box {
 margin-bottom: 3rem;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 background-color: #fff;
 cursor: pointer
}

.work-box:hover img {
 -webkit-transform: scale(1.3);
 transform: scale(1.3);
}

.work-img {
 display: block;
 overflow: hidden;
}

.work-img img {
 transition: all 1s;
}

.work-content {
 padding: 2rem 3% 1rem 4%;
}

.work-content .w-more {
 color: #4e4e4e;
 font-size: .8rem;
}

.work-content .w-more .w-ctegory {
 color: #b8a07e;
}

.work-content .w-like {
 font-size: 2.5rem;
 color: #b8a07e;
 float: right;
}

.work-content .w-like a {
 color: #b8a07e;
}

.work-content .w-like .num-like {
 font-size: .7rem;
}

.w-title {
 font-size: 1rem;
}


/*-----------------------------------------------------------------------------------*/
/*  Portfolio
/*-----------------------------------------------------------------------------------*/

#portfolio {
 position: relative;
 padding-bottom: 10px;
}

#portfolio .portfolio-list {
 margin-bottom: 50px;
 text-align: center;
}

#portfolio .portfolio-list .nav {
 display: inline-block;
 margin: 0;
}

#portfolio .portfolio-list .nav li {
 margin: 0 40px 0 0;
 float: left;
 font-size: 14px;
 color: #999999;
 line-height: 16px;
 cursor: pointer;
 font-family: 'Poppins', helvetica;
 letter-spacing: 0.02em;
 text-transform: capitalize;
 text-align: center;
 -moz-transition: all 0.5s ease-in-out 0s;
 -ms-transition: all 0.5s ease-in-out 0s;
 -o-transition: all 0.5s ease-in-out 0s;
 -webkit-transition: all 0.5s ease-in-out 0s;
 transition: all 0.5s ease-in-out 0s;
}

#portfolio .portfolio-list .nav li:hover,
#portfolio .portfolio-list .nav li.filter-active {
 color: #b8a07e;
 -moz-transition: all 0.5s ease-in-out 0s;
 -ms-transition: all 0.5s ease-in-out 0s;
 -o-transition: all 0.5s ease-in-out 0s;
 -webkit-transition: all 0.5s ease-in-out 0s;
 transition: all 0.5s ease-in-out 0s;
}

#portfolio .portfolio-container {
 display: inline-block;
 margin-bottom: 10px;
 width: 100%;
}

.portfolio-thumbnail {
 margin-bottom: 30px;
 overflow: hidden;
 min-height: 260px;
}

.portfolio-thumbnail img {
 max-width: 100%;
}


#portfolio {
 padding-top: 80px;

}

.work-box h4 {
 color: #232323;
 font-weight: 600;
}

.falta.work-box {
 background-color: rgb(216, 79, 79);
}

.faltadescripcion.work-box {
 background-color: rgb(216, 143, 79);
}


/* 
div.container-slider {
 width: 800px;
 height: 530px;
 position: relative;
}

div.image {
 height: 100%;
 background-repeat: no-repeat;
 background-position: top left;
 background-size: cover;
 position: absolute;
 top: 0px;
 left: 0px;
}

div.before {
 width: 50%;
 background-image: url("../../img/portfolio/pacman/fantasmas_before.jpg");
 z-index: 2;
}

div.after {
 width: 100%;
 background-image: url("../../img/portfolio/pacman/fantasmas_after.jpg");
 z-index: 1;
}

input.slider {
 width: 100%;
 height: 100%;
 outline: none;
 background-color: transparent;
 position: absolute;
 margin: 0px;
 z-index: 3;
 cursor: pointer;
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 transition: 0.25s all ease-in-out;
 -moz-transition: 0.25s all ease-in-out;
 -webkit-transition: 0.25s all ease-in-out;
 z-index: 4;
}

input.slider::-moz-range-thumb {
 width: 6px;
 height: 600px;
 background-color: white;
 cursor: pointer;
}

input.slider::-webkit-slider-thumb {
 width: 6px;
 height: 530px;
 background-color: white;
 cursor: pointer;
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
}

div.slider-button {
 width: 30px;
 height: 30px;
 border-radius: 50%;
 -moz-broder-radius: 50%;
 -webkit-border-radius: 50%;
 background-color: white;
 position: absolute;
 top: calc(50% - 18px);
 left: calc(50% - 18px);
 cursor: pointer;
 z-index: 3;
}

div.slider-button:before {
 color: #555;
 position: absolute;
 top: 3px;
 left: 0px;
 content: "\2B9C";
}

div.slider-button:after {
 color: #555;
 position: absolute;
 top: 3px;
 right: 0px;
 content: "\2B9E";
}

@media (max-width: 767px) {
 div.container-slider {
  width: 100%;
  height: 250px;
 }
} */


.portfolio-title h4 {
 font-size: 32px;
 font-family: 'aileronblack';
}

.portfolio-subtitle {
 text-align: left;
 font-size: 26px;
 font-weight: 900;
 font-family: 'aileronblack';
}



.line {
 width: 100px;
 height: 1px;
 margin: 20px auto 40px auto;
 border-bottom: 1px solid white;
}

.breakdown img {
 width: 100%;
 display: block;
}

.breakdown-container .container {
 width: 50%;
 display: block;
 margin: 30px auto
}

.before-after-slider {
 width: 100%;
 position: relative;
 overflow: hidden;
 border: 3px solid white;
}

.after-image {
 display: block
}

.before-image {
 position: absolute;
 height: 100%;
 width: 50%;
 top: 0;
 left: 0;
 overflow: hidden;
 z-index: 2;
}

.resizer {
 position: absolute;
 display: flex;
 align-items: center;
 z-index: 5;
 top: 0;
 left: 50%;
 height: 100%;
 width: 4px;
 background: white;
 /*Stop vertical scrolling on touch*/
 -ms-touch-action: pan-y;
 touch-action: pan-y;
}

.resizer:after {
 background: #720082;
 font-family: "Font Awesome 5 Free";
 content: '\f337';
 font-weight: 900;
 display: flex;
 justify-content: center;
 align-items: center;
 color: white;
 position: absolute;
 margin: 0 0 0 -22px;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 border: 3px solid white;

}

@media (max-width:767px) {
 .breakdown-container .container {
  width: 100%;
  padding: 0 20px
 }
}

.close {
 color: white !important;
}

.close:hover {
 color: rgba(255, 255, 255, 0.811) !important;
}


.proceso img {
 padding: 15px 3px;
}

.modal-body {
 background-color: #232323 !important;
 border-radius: 20px;
}


.portfolio-description {
 font-size: 1rem;
 font-weight: 400;
 font-family: "aileronthin";
}

.w-95 {
 width: 95%;
}

.btn-get-started {
 margin-top: 0;
}

@media screen and (max-width: 360px) {
 .btn-get-started {
  padding: 8px 16px;
 }
}

@media screen and (max-width: 767px) {
 .btn-get-started {
  font-size: 12px;
  margin: 15px 5px
 }

 .texto-descripcion {
  font-size: 12px;
 }

 .portfolio-description {
  font-size: 12px;
  line-height: 14px;
 }
}

@media (min-width: 768px) {
 .text-md-right {
  text-align: right !important;
 }

}

@media screen and (max-width: 450px) {

 .iconito-link {
  width: 100% !important;
  max-width: 100%;
  flex: auto !important;
 }

 .work-content .w-like {
  float: none !important;
 }

 .portfolio-description {
  font-size: 12px;
  line-height: 14px;
 }
}

.logo-mc {
 background-color: #ee3134;
 margin-top: -25px;
 text-align: center;
}

.logo-mc img {
 padding: 80px 40px;
}

#campana1 .modal-body {
 overflow: hidden;
}

.h-sketch {
 height: 50vh;
}

/* .contact,
.contact .section-title,
.contact .contact__details {
 display: block !important;
} */

.titulo-seccion h2 {
 font-size: 8.5vw;
}

.titulo-seccion h2 span {
 font-size: 8.8vw;
 color: #720082 !important;
}

.contacto p {
 font-size: 22px;
}

.contacto ion-icon {
 color: #5FC1AE;
 width: 40px;
 height: 40px;
 padding-left: 10px;
 transition: all .3s ease-in-out;
}

.contacto .mail:hover ion-icon {
 color: #720082;
 /* width: 45px;
 height: 45px; */
 /* padding-left: 10px; */
}

.contacto .mail p {
 transition: all .3s ease-in-out;
}

.contacto .mail:hover p {
 font-weight: 800;
}

a .mail p {
 color: white !important;
}

.contacto .mail {
 padding: 5px;
}


.op-0 {
 opacity: 0;
}



.activate-color-change {
 z-index: 999;
 top: 30px;
}

.activate-color-change2 {
 z-index: 99;
 top: 30px;
}

@media (max-width: 1279px) {
 .activate-color-change {
  z-index: 999;
  top: 20px;
  right: 68px;
 }

 .activate-color-change2 {
  z-index: 99;
  top: 20px;
  right: 68px;
 }
}

.piezas-global {
 background-color: #ffd872;
 margin: 0rem !important;
 padding: 0 !important;
}

.piezas-global h5 {
 color: #232323;
 font-family: "aileronblack";
 font-weight: 800;
 font-size: 26px
}

.piezas-babay {
 background-color: #6b83ba;
 margin: 0rem !important;
 padding: 0 !important;
}

.tramontina h5 {
 /* color: #232323; */
 font-family: "aileronblack";
 font-weight: 800;
 font-size: 26px
}

.nosemueve {
 transform: none !important;
}

@media (max-width: 767px) {
 .description {
  opacity: 0;
 }

 .projects {
  display: none;
 }

 .projects.mobile {
  display: block !important;
 }

 .skills {
  display: none;
 }

 .skills.mobile {
  display: block !important;
 }
}

.op-0 {
 opacity: 0;
}

.projects.mobile .nombres {
 margin-top: 20px;
}

.z-index-99 {
 z-index: 99
}

.z-index-999 {
 z-index: 999;
}

.rayatitulo {
 font-size: 62px;
 font-weight: 900;
}

.rayatitulo span {
 color: #720082 !important;
 font-size: 92px;
}

#acerca p {
 font-size: 25px;
}

@media (max-width: 767px) {
 .rayatitulo {
  font-size: 42px;
  font-weight: 900;
 }

 .rayatitulo span {
  color: #720082 !important;
  font-size: 62px;
 }


 #acerca p {
  font-size: 16px;
 }
}