body{
font-family: 'Poppins', sans-serif!important;
}

p{
    font-size: 14px;
    line-height: 25px;
}

a:hover{
color: inherit;
}

.f1{
font-size: 70px;
}
.fw100{
font-weight: 100;
}
.primary-color{
color:#ED5086;
}
.secondary-color{
color:#000000;
}
.primary-bg-color {
background: rgb(195,33,89);
background: -moz-linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
background: -webkit-linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
background: linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c32159",endColorstr="#ed5086",GradientType=1);
}
.secondary-bg-color{
background-color:#000000;
}

.uppercase{
text-transform: uppercase;
}
.vam{
vertical-align: middle; 
}
.row-flex-center{
align-items: center;
}
.m0{
margin:0px!important;
}
.nolink,.nolink:hover{
text-decoration: none;
color: inherit;
}
.main-top {
height: calc(100vh - 220px);
display: flex;
align-items: center;
}
.prefooter{
background: rgb(195,33,89);
background: -moz-linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
background: -webkit-linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
background: linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c32159",endColorstr="#ed5086",GradientType=1);
border-radius: 8px;
padding:50px;
}
.black-button{
background: rgb(0,0,0);
background: -moz-linear-gradient(43deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
background: -webkit-linear-gradient(43deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
background: linear-gradient(43deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#2b2b2b",GradientType=1);
padding: 8px 10px;
width: 80%;
box-sizing: content-box;
border-radius: 2px;
box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
-webkit-box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
-moz-box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
text-decoration: none;
display: block;
max-width: 200px;
margin: 0px auto;
}
.pink-button{
background: rgb(195,33,89);
background: -moz-linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
background: -webkit-linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
background: linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c32159",endColorstr="#ed5086",GradientType=1);
padding: 8px 10px;
width: 80%;
box-sizing: content-box;
border-radius: 2px;
box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
-webkit-box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
-moz-box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
text-decoration: none;
display: block;
max-width: 200px;
margin: 0px auto;
}
.black-button a, .black-button a:hover, .pink-button a, .pink-button a:hover{
text-decoration: none;
}

.home-black-button{
background: rgb(0,0,0);
background: -moz-linear-gradient(43deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
background: -webkit-linear-gradient(43deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
background: linear-gradient(43deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#2b2b2b",GradientType=1);
padding: 8px 10px;
width: 80%;
box-sizing: content-box;
border-radius: 2px;
box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
-webkit-box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
-moz-box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
cursor: pointer;
letter-spacing: 1px;
}
.home-pink-button{
background: rgb(195,33,89);
background: -moz-linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
background: -webkit-linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
background: linear-gradient(43deg, rgba(195,33,89,1) 0%, rgba(237,80,134,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c32159",endColorstr="#ed5086",GradientType=1);
padding: 8px 10px;
width: 80%;
box-sizing: content-box;
border-radius: 2px;
box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
-webkit-box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
-moz-box-shadow: -2px 5px 16px -3px rgba(0,0,0,0.49);
cursor: pointer;
letter-spacing: 1px;
}
.home-black-button a, .home-black-button a:hover, .home-pink-button a, .home-pink-button a:hover{
text-decoration: none;
cursor: pointer;
}
.relative{
position: relative;
}
footer {
background-color: #000000;
height: 50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-top: solid 2px #e4467c;
}
.navbar-top {
height: 70px;
display: flex;
}

.aliados{
padding: 0px 50px;
}

.images-instalaciones{
border-radius:15px!important;
}

/**** HOME ******/
.sections{
height: calc(100vh - 120px);
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
flex-direction: column;
}

.section-1{
background-image: linear-gradient(to right,#701341d9,rgb(86 1 43 / 68%)),url(/assets/images/podbox-home_projects.jpg);
}
.section-2{
background-image: radial-gradient(circle, #000000a6, #000000c9, #000000c2, #000000c4, #000000c7),url(/assets/images/podbox-home_about.jpg);
}
.section-3{
background-image: linear-gradient(to right,#701341d9,rgb(86 1 43 / 68%)),url(/assets/images/podbox-home_app.jpg);
}
.section-4{
background-image: radial-gradient(circle, #000000a6, #000000c9, #000000c2, #000000c4, #000000c7),url(/assets/images/podbox-home_instalaciones.jpg);
}

@media only screen and (max-width: 767px) {
  .section-1,.section-2,.section-3,.section-4 {
    min-height: 250px;
  }
}
.parent {
  display: flex;
}
.parent > .div {
  flex: 1;
  padding: 10px;
  transition: 0.5s flex;
}

.parent > .div:hover {
  flex: 1.3;
}

.parent > .div:last-child {
  border-right: 0;
}

@media screen and (max-width: 700px) {
  .parent {
    flex-direction: column;
    height: auto;
  }
  .parent > .div {
    border-right: none;

  }
}











.contain{
width: 100%;
}
.swiper {
width: 100%;
height: auto;
}
.swiper-wrapper {
align-items: center;
}
.swiper-1{
padding: 0px 20px 0px 40px;
}
.projects{
height: calc(100vh - 220px);
width: 85%;
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.project-titles{
background: rgb(42,38,42);
background: linear-gradient(108deg, rgba(42,38,42,1) 0%, rgba(15,12,15,1) 100%);
text-align: center;
border-radius: 15px 15px 0px 0px;
min-height: 150px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.p-image{
border-radius: 0px 0px 10px 10px;
}
.paginationdiv{
display: flex;
align-items: center;
justify-content: center;
color: white;
height: 50px;
}
.back{
height: 50px;
display: flex;
align-items: center;
width: 100%;
padding: 0px 0px 0px 20px;
}

.backArrow{
background-color: #000000;
padding: 6px;
border-radius: 50%;
color: #ffffff;
-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out;
}
.backArrow:hover{
background-color: #e84a80;
padding: 6px;
border-radius: 50%;
color: #ffffff;
}
.invert{
filter: invert(1);
}
.fa-18x {
font-size: 1.8em;
}


@media only screen and (max-width: 991px) {
  .navbar-top {
    height: 100px;
    display: flex;
    align-items: center;
     justify-content: center;
    }
}


/*RESPONSIVE*/
@media screen and (max-width: 767px) {

}


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

}

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

}



@media only screen and (max-width: 991px){
.nav-logo{
width: 150px;
}
.header-txt {
font-size: 1rem!important;
}
}

@media screen and (max-width: 480px) {
  .header-txt {
  font-size: 0.8rem!important;
  }
}


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

.header-txt{
font-size: 1.5rem;
}

}


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

.header-txt{
font-size: 1.35rem;
}

}