@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: Poppins;
    src: url("../Fonts/Poppins-Light.ttf");
    font-weight: 300;
}
@font-face {
    font-family: Poppins;
    src: url("../Fonts/Poppins-Medium.ttf");
    font-weight: 500;
}
@font-face {
    font-family: Poppins;
    src: url("../Fonts/Poppins-Bold.ttf");
    font-weight: 700;
}
@font-face {
    font-family: Gloria;
    src: url("../Fonts/GloriaHallelujah-Regular.ttf");
    font-weight: 400;
}
html {
  scroll-behavior: smooth;
}
::placeholder {
  color: #0D2947!important;
  font-size: 15px;
  font-weight: 300;
  font-family: Poppins;
}
.pro-blanc{
    background-color:#8CD636;
    border: 2px solid #fff;
}
.pro-blanc::placeholder {
  color: white!important;
}
.pro-btn-default:hover {
    color: #333;
    background-color: #70ab2b;
    border-color: white;
}
.pro-pad50-0{
    padding: 50px 50px;
}
.pro-filt{
    width: 100%;
    background-color: #8CD636;
    border: 2px solid white;
    color: white;
    font-size: 17px;
    font-family: 'Poppins';
    font-weight: 300;
}
.open>.dropdown-toggle.btn-default:hover,.open>.dropdown-toggle.btn-default:focus {
    color: white;
    background-color: #8CD636;
    border-color: #8c8c8c;
}
.container{
    padding: 0px;
    max-width: 1320px;
    width: 100%;
}
.pro-imagen-fondo{
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 0px;
}
.pro-color-blue{
    color: #2EB0F7;
}
.pro-color-blue-osc{
    color: #297DDB;
}
.pro-color-bn{
    color: #0D2947;
}
.pro-color-bc{
    color: #297DDB;
}
.pro-color-at{
    color: #00CDCC;
}
.pro-color-yellow{
    color: #F7CF1C;
}
.pro-color-aguam{
    color: #00CDCC;
}
.pro-color-mora{
    color: #B000ED;
}
.pro-color-naranja{
    color: #E28B00;
}
.pro-color-white{
    color: white;
}
.pro-color-red{
    color: #ED0073;
}
.pro-color-red-hov:hover{
    color: #A1004E;
}
.pro-color-green{
    color: #8CD636;
}
.pro-subtit{
    font-family: Poppins;
    font-size: 21px;
}
.pro-subtit2{
    font-family: Poppins;
    font-size: 15px;
}
.pro-top-cur{
    margin-top: -150px;
}
.pro-prec{
    padding: 15px;
    transform: translatey(-50%);
    background-color: #FCA300;
    border-radius: 0px 20px 20px 0px;
    width: fit-content;
}
.pro-cen-tit{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.pro-top-pro{
    padding-bottom: 50px;
    margin-top: -215px;
}




.pro-tc{
    text-align: center;
}
.pro-texto-center-1{
    position: absolute;
    top: 37%;
    padding-right: 3%;
    padding-left: 12%;
    color: white;
    transform: translatey(-50%);
}
.pro-como-ap{
    padding:40px 20%;
    text-align: center;
}
.pro-marg-1{
    padding: 0px 25%!important;
}
.pro-nuestro-prop{
    align-self: center;
    padding: 0px;
}
.pro-como-apr{
    background-color: #00CDCC;
    display: flex;
    padding: 0px;
    position: relative;
}
.pro-como-apr2{
    background-color: #F8C900;
    display: flex;
    padding: 0px;
    position: relative;
}
.pro-que-nos{
    font-family: gloria;
    font-weight: 300;
    margin-top: -100px;
}


.pro-aula1{
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    padding: 0px;
}

.pro-aula1-img{
    transition: 0.3s;
    transform: translate(0%, 0%);
    opacity: 100%;
}
.pro-aula1:hover .pro-aula1-img{
    transition: 0.3s;
    transform: translatey( -30%);
    opacity: 70%;
}
.pro-hid-aula{
    font-size: 1px!important;
    transition: 0.3s;
    opacity: 0;
}
.pro-aula1:hover .hid-aula{
    font-size: 15px!important; 
    opacity: 1;
    transition: 0.3s;
}

.pro-cuad-text{
   position: absolute;
    transition: 1s;
    padding: 6px 10px;
    background-color: #FFFFFF;
    bottom: 0px;
    width: 100%;
}
.pro-risa{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 25%
}
.pro-qnhd{
    padding: 20px 10%;
}
.pro-cuad-sm{
    padding:30px 30px;    
}
.pro-sub-glo{
    font-family: Gloria;
    font-size: 32px;
}
.pro-text-exp{
    margin-top: -74px;
    margin-left: 10%;
    width: 42%;
    font-size: 19px;
    padding-bottom: 26px;
}

.pro-text-exp2{
    margin-top: -113px;
    margin-left: 62%;
    width: fit-content;
    font-size: 60px !important;
    text-align: right;
    padding-bottom: 20px;
}
.pro-marg-cuad{
    padding: 20px 5%;
    position:relative;
}
.pro-marg-cuad2{
    padding: 25px 3%;
    position:relative;
}
.pro-hor-pup{
    font-family: Poppins;
    font-size: 20px;
    list-style:none;
}
.pro-hor-pup p::before{
    content: url("../Images/jardines-serv-risa.png");
    margin-left: -32px;
    margin-right: 9px;
}
.pro-esp3{
    padding-bottom: 21px;
    margin-top: -103px;
    margin-left: 14%;
}
.pro-padeq{
    padding: 0px 10px;
}
.pro-mynput{
    border-radius: 30px;
    background-color: #e1e1e1;
    height: 40px;
    color: #172A46;
    font-weight: 600;
}
.pro-myb{
    color: #0D2947;
    background-color: #8CD636;
    border: none;
    font-size: 16px;
    border-radius: 30px;
    padding: 10px 30px;
}
.pro-myba{
    color: #0D2947;
    background-color: #00CDCC;
    border: none;
    font-size: 16px;
    border-radius: 20px;
    padding: 10px 30px;
}
.pro-estre-amar{
    height: min-content;
}
.pro-alt-estre{
    display: flex;
    justify-content: center;
    margin-top: -22px;
}
.pro-padnom{
    padding-left:0px;
}
.pro-mydir{
    font-size: 40px;
    margin:30px;
}
.pro-mydirtext{
    font-size: 24px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}


















.pro-container-pad{
    padding: 0px;
}

p{
    margin: 0px;
}
.pro-flex-container {
  display: flex;
  flex-wrap: wrap;
}

.pro-imagen-fondo-2{
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 20px;
}


h2{
    font-family: Poppins;
    font-size: 50px;
    font-weight: 700;  
}






.pro-texto-center-2{
    position: absolute;
    top: 25%;
    color: white;
}
.pro-absol-1{
    position: absolute;
    top:36%;
    left: 60%;
    font-family: Poppins;
    font-size: 21px;
    width: 200px;
}
.pro-absol-2{
    position: absolute;
    top:36%;
    left: 53%;
    font-family: Poppins;
    font-size: 21px;
    width: 195px;
}
.pro-absol-3{
    position: absolute;
    top:18%;
    left: 9%;
    font-family: Poppins;
    font-size: 21px;
    width: 226px;
}
.pro-absol-4{
    position: absolute;
    top:21%;
    left: 9%;
    font-family: Poppins;
    font-size: 21px;
    width: 200px;
}
.pro-flex-prop{
    display: flex;
}
.pro-disp-flex{
     display: flex;
}
.pro-mis-vis{
    padding: 0px 70px;
}

.pro-serv-bot:hover{
    box-shadow: 0px 0px 15px 5px #88888863;
    border-radius: 30px;
}

.pro-hist-back{
    background-color: #0D2947;
    padding: 0px;
}
.pro-equip-back{
    background-color: #F8C900;
    padding: 0px 0px 40px 0px;
}
.pro-de-back{
    background-color: #2EB0F7;
    padding: 0px 0px 40px 0px;
}
.pro-dp-back{
    background-color: #00CDCC;
    padding:  0px 0px 40px 0px;
}
.pro-dd-back{
    background-color: #0D2947;
    padding: 0px 0px 40px 0px;
}
.pro-dc-back{
    background-color: #B000ED;
    padding: 0px 0px 40px 0px;
}
.pro-dco-back{
    background-color: #ED0073;
    padding: 0px 0px 40px 0px;
}
.pro-df-back{
    background-color: #FCA300;
    padding: 0px 0px 40px 0px;
}
.pro-imp-back{
    margin-bottom: 50px;
    padding: 0px;
}
.pro-fecha{
    font-family: Poppins;
    font-size: 80px;
    font-weight: 700;
}


.pro-circulo{
background-color: #F7CF1C;
width: 30px;
height: 30px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(calc(-50% - 2px), -50%);
}
.pro-linea-izq{
    align-self: center;
    border-right: dashed #F7CF1C 3px;
}
.pro-linea-der{
    align-self: center;
    border-left: dashed #F7CF1C 3px;
    margin: -3px;
}
.pro-size-img{
    margin: 45px;
    max-height: 200px;
}
.clear {
    clear: both;
}
.pro-pad{
    padding: 30px;
    align-self: center;
}
.pro-mar-top{
    max-width: 102%;
}
.pro-relat{
    position: relative;
}
.pro-pad-equip{
    padding: 0px 200px 20px 200px;
}
.pro-t-nom{
    font-family: Poppins;
    font-size: 14px;
    font-weight: 700;
    padding: 0px 15px;
}
.pro-t-car{
    font-family: Poppins;
    font-size: 13px;
    font-weight: 700;
    padding: 0px 20px;
}
.pro-t-des{
    font-family: Poppins;
    font-size: 13px;
    padding: 0px 20px;
}

/* HOME*/



h3{
    font-family: Gloria;
    font-size: 46px;
    font-weight: 700;  
}

.pro-subtit-glo{
    font-family: Gloria;
    font-size: 50px;
}

.pro-texto-center-5{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.pro-texto-center-7{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
}
.pro-texto-center-6{
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.pro-df-5{
    display: flex;
    flex-direction: column;
    width: 85%;
    z-index: 2;
}
.pro-camp-5{
    color:white;
    background-color: #E31878;
    padding: 10px;
    border-radius: 37px;
}
.pro-dona{
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translatey(-50%);
}
.pro-mochila{
    position: relative;
    text-align: center;
    margin: 0px 21%;
}
.pro-apoya{
    margin: 24px 30%;
}
a:hover{
    text-decoration: none;
}
a p:hover{
    filter: brightness(105%); 
    box-shadow: 2px 2px 6px 0px #00000045;    
}
.pro-vidd:hover{
    filter: brightness(105%); 
    box-shadow: 2px 2px 6px 0px #00000045;    
}
.pro-non:hover{
        filter: brightness(100%)!important;
    box-shadow:none!important;
}
.pro-size-img-2{
    margin: 45px;
    max-height: 200px;
}
.pro-pad0{
    padding-top: 5px;
    padding-bottom: 5px;
}
.pro-pad00{
    padding:0px;
}
.pro-pad5{
    padding:5px;
}
.img-responsive{
    margin-left: auto;
    margin-right: auto;
}
.pro-ftmg{
    font-size:17px;
    margin-bottom:10px;
}
.pro-fft{
    text-align:center;
    font-size:15px;
    font-weight:300;
}
.pro-foot{
    padding: 30px 0px;
    background-color: #0D2947;
    position: relative;
}
.pro-pad-fot{
    padding: 50px 30px 15px 15px;
}




@media (max-width: 1199px) and (min-width: 992px) {
/*jardines*/
.pro-texto-center-1{
    top: 39%;
    padding-right: 3%;
    margin-left: 51px;
}
.pro-qnhd{
    padding: 0px;
}
.pro-text-exp{
    margin-top: -6.5%;
    margin-left: 9%;
    width: 43%;
    font-size: 15px;
    padding-bottom: 16px;
}

.pro-text-exp2{
    margin-top: -9%;
    margin-left: 62%;
    width: fit-content;
    font-size: 4.5vw !important;
    text-align: right;
    padding-bottom: 14px;
    
}
.pro-esp3{
    padding-bottom: 15px;
    margin-top: -82px;
    margin-left: 14%;
}


    
    
    
    
    
.pro-texto-center-2{
    top: 23%!important;
}

.pro-absol-1{
    position: absolute;
    top:38%;
    left: 61%;
    font-family: Poppins;
    font-size: 17px;
    width: 157px;
}
.pro-absol-2{
    position: absolute;
    top:34%;
    left: 51%;
    font-family: Poppins;
    font-size: 17px;
    width: 157px;
}
.pro-absol-3{
    position: absolute;
    top: 13%;
    left: 11%;
    font-family: Poppins;
    font-size: 17px;
    width: 156px;
}
.pro-absol-4{
    position: absolute;
    top:20%;
    left: 8%;
    font-family: Poppins;
    font-size: 17px;
    width: 180px;
}
/*HOME*/
    h3{
        font-size: 3.7vw;
    }
}


@media (max-width:991px) {
img.pro-img-desktop {
display: none;
}
img.pro-img-mobile {
display: block!important;
}
.pro-texto-center-1{
    position: inherit;
    padding: 20px;
    margin: -1px;
    color: white;
    background-color: #7300B8;
    top: 0;
    transform: translateY(0px);
}
.pro-qnhd{
    padding: 20px;
}
.pro-pad50-0{
    padding: 10px;
}
.pro-bgs{
    background-size: cover!important;
}
.pro-bacc{
background-image: url('../Images/blog-back-mob.png')!important;
     flex-direction: column;
}
  
    
.pro-como-ap{
    padding:40px 20px;
    text-align: center;
}

.pro-nuestro-prop{
    text-align: center;
    padding: 0px 15px 15px 15px;
}
.pro-como-apr{
    flex-direction: column;
}
.pro-como-apr2{
    flex-direction: column;
}
.pro-que-nos{
    margin-top: -20px;
}
.pro-qnhd p{
    font-size: 5vw!important;
}
.pro-clear-mob {
    clear: both;
}
.pro-text-exp{
    margin-top: -13.5%;
    margin-left: 9%;
    width: 45%;
    font-size: 1.8vw !important;
    padding-bottom: 4%;
}

.pro-text-exp2{
    left: 0%;
    margin-top: calc(-6% - 23px);
    margin-left: 59%;
    width: fit-content;
    font-size: 4vw !important;
    text-align: right;
    margin-bottom: 0px;
}
.pro-marg-1{
    padding: 0px 10%!important;
}
.pro-esp3{
    padding-bottom: 5px;
    margin-top: -9%;
    margin-left: 13%;
}
.pro-colum{
    flex-direction: column;
}
.pro-estre-amar{
    height: min-content;
    max-width: 25px;
}
.pro-fdcol{
    flex-direction: column;
    align-items: inherit!important;
}
.pro-myl{
    padding-left: 0px;
}
.pro-alt-estre{
    margin-top: -3%;
}
.pro-padnom{
    padding:0px;
}
.pro-top-imp-soc{
    margin-top: 0%!important;
}
.pro-mydir{
    font-size: 8vw;
    margin:30px;
}
.pro-mydirtext{
    font-size: 6vw;
    width: 85%;
}
.pro-tex-sli{
font-size: 2.55vw!important;
}
.pro-top-mob{
    margin:0px 15px!important; 
    padding-top: 20px;
}
.pro-top-mob2{    
    margin:-19vw 15px!important; 
    padding-top: 20px;
    font-size: 8vw;
}
.pro-top-pro{
    padding-bottom: 50px;
    margin-top: -100px;
}
.pro-tuh{
        width: 9vw;
}
.pro-bottex{
    font-size: 3vw;
}


    
    
    /*HOME*/
h2{
font-size: 7vw;
margin: 0px;
}
h3{
font-size: 7vw;
margin: 0px;
}
.pro-texto-center-5{
    top: 65%;
    left: 56%;
}
.pro-dona{
    left: 50%;
    top: 0px;
    transform: translatex(-50%);
}
.pro-text-left{
    text-align: left;
}
.pro-df-5{
    width: 67%;
}
.pro-mochila2{
position: relative;
text-align: center;
margin: 5px 34% 0px 0%;
}
.pro-texto-center-6{
    position: absolute;
    left: 50%;
    width: 100%;
    font-weight: 400;
}
.pro-apoya{
    margin: 24px 0%;
}
.pro-camp-5{
    font-size: 4vw;
}
.pro-cent-ver{
    margin-left: auto;
    margin-right: auto;
    width: 32vw;
}
.pro-ban-bot{
    margin-top: -5px;
    margin-left: -2px;
}
.pro-mar-cen{
    margin-left: auto;
    margin-right: auto;
}
.pro-size-img-2{
    margin: 0px;
    max-height: 150px;
    float: right!important;
}
.pro-pad0{
    padding: 0px;
}
.pro-fecha{
    font-size: 11vw;
}
.pro-texto-center-7{   
    width: fit-content;
}
.pro-subtit-glo{
    font-family: Gloria;
    font-size: 8vw;
    margin-top: -21px!important;
    line-height: 8vw;
}
.pro-non{
font-size: 3vw;
} 
.pro-cent{
    display: flex;
    justify-content: center;
    max-height: 100px;
    margin-top: 36px;
}
.pro-mx-tx{
    font-size: 4.5vw;
    padding: 20px 20%!important;
}
.pro-disp-flex{
     flex-direction: column;
}
.pro-fft{
    text-align:left;
    font-size:15px;
    font-weight:300;
}
.pro-foot{
    padding: 30px 60px 100px 60px;
}
.pro-aei{
    margin-left: 0px;
}
.pro-pad-fot{
    padding: 50px 0px 15px 15px;
}
.pro-cle{
    clear: both;
}
    
    

.pro-flex-prop{
    flex-direction: column-reverse;
    margin-top: 0px!important;
}

.pro-mis-vis{
    padding:0px;
    position: relative;
}
.pro-texto-center-2{
    position: inherit;
}
.pro-texto-center-3{
    margin: -1px;
    position: inherit;
    background-color: #61B82E;
    padding-bottom: 20px;
}
.pro-texto-center-4{
    margin: -1px;
    position: inherit;
    background-color: #61B82E;
}
.pro-mg-tp{
    margin-top: -2vh;
}
.pro-flex-mob{
     flex-direction: column;
}
.pro-flex-mob-inv{
     flex-direction: column-reverse;
}
.pro-size-img{
    margin: 0px;
    max-height: 150px;
}
.pro-circulo{
top: 50%;
left: 0%;
transform: translate(calc(-50% - 2px), -50%);      
}
.pro-linea-izq{
    border-right:none;
}
.pro-linea-der{
    border-left:none;
}
.pro-linea-mob{
    margin-left: 40px;
    border-left: dashed #F7CF1C 3px;
    padding-bottom: 80px;
}
.pro-pad{
    padding-bottom: 0px;
}
.pro-mar-top{
    margin-top: -60px;
    margin-left: 1px;
}
.pro-correct-px{
background-color: white;
    margin-top: -1px;
}
.pro-absol-1{
    position: absolute;
    top:32%;
    left: 62%;
    font-family: Poppins;
    font-size: 4vw;
    width: 30%;
}
.pro-absol-2{
    position: absolute;
    top: 16%;
    left: 53%;
    font-family: Poppins;
    font-size: 4vw;
    width: 30%;
}
.pro-absol-3{
    position: absolute;
    top:15%;
    left: 8%;
    font-family: Poppins;
    font-size: 3.4vw;
    width: 36%;
}
.pro-absol-4{
    position: absolute;
    top:12%;
    left: 11%;
    font-family: Poppins;
    font-size: 4vw;
    width: 30%;
}
.pro-pad-equip{
    padding: 0px 50px 20px 50px;
}
    
.pro-imagen-fondo-2{
    padding: 0px!important;
} 

}




/*carrusel*/
.carousel-inner {
  margin: auto;
  width: 90%;
}

.carousel-control {
  width: 4%;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
  margin-top: -10px;
  margin-left: -10px;
  color: #444;
}

.carousel-inner a {
  display: table-cell;
  height: 180px;
  width: 200px;
  vertical-align: middle;
}
.carousel-inner img {
  max-height: 150px;
  margin: auto auto;
  max-width: 100%;
}
@media (max-width: 767px){
    .pro-cuad-sm{
        padding: 30px 21%;
    }
}

@media (max-width: 767px) {
  .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }

  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
    h2{
        font-size: 5vw;
    }
    .text-tall{
        font-size: 1.7vw;
    }
}
@media (min-width: 992px) {
  .carousel-inner > .item.next,
.carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(16.7%, 0, 0);
    transform: translate3d(16.7%, 0, 0);
  }

  .carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-16.7%, 0, 0);
    transform: translate3d(-16.7%, 0, 0);
  }
}