html, body { width: 100%; height: auto; margin: 0; padding: 0;   background: #f7f7f7; color: #000; font-weight: 500 !important; font-size: 18px; font-family: 'Montserrat', sans-serif; letter-spacing: 1px;  scroll-behavior: smooth; }
body { overflow-x: hidden !important; animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */ }
@keyframes fadein { from { opacity:0; } to { opacity:1;} }
@-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1;} }
@-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1;} }
@-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity:1;} }
button, a, li, h1, h2, h3, h4, img { transition:all 400ms ease; }
h1, h2, h3, h4, h5, h6 { color: ; }
header { position: fixed; top: 0px; left: 0px; width: 100%;  padding: 20px 5%; z-index: 9999999;  }
header .container { position:relative; z-index:9999;  }
b { font-weight:600; }
.hbox { position: fixed; width: 100%; height: 130px; z-index: 999999; top:0; left: 0px;  mix-blend-mode: multiply !important;  background: #0350a0;   }
footer { background: url('img/foo.jpg') no-repeat center !important; overflow-x: hidden !important; text-align: center; background-size: cover; width: 100%; height: auto; font-size: 16px !important; color: #fff; }
footer a { color: #0350a0; text-decoration: none; margin:0 15px; font-weight:400; margin:15px 0 !important; }
footer a:hover { opacity: .8; text-decoration: none; }
footer input { width: 50%;}
sup { margin-top:0px !important; position:relative;  }
.foo-p1 {    position: relative;    overflow-y: hidden; }
.foo-p1 .container { position: relative; padding:75px 0 20px 0; z-index:5000;   }
.foo-p1 h2 { max-width: 550px; font-weight: 700; margin: 0 auto;}
.foo-p1 a:hover { color: #a1e213 ; }
.foo-p1 form { }
.foo-p1 form input { max-width: 27%; height: 40px; margin: 0 15px; padding: 10px; color:#fff; display:inline-block; vertical-align:middle; background: rgba(255, 255, 255, .3); border:none; border-radius:15px; }
.fooan { color:#fff; margin-bottom:-25px !important; display:block; }
.col-sm-cus { vertical-align: top; padding:0 1%; width:290px;  display:inline-block; }

.foo-p2 { padding:75px 0 20px 0; background: rgba(161, 226, 19, .8); }
.logo-foo { width:90%; display:inline-block; margin:50px auto; }
.logo-foo img { width:200px; }
.relativo { position:relative; }
.logo-h { position:relative; top:10px; width:190px;  left: 0px !important; }
.foo-p1 .mask { position: absolute; width: 100%; height: 100%; z-index: 1 !important; top:0; left: 0px;  mix-blend-mode: multiply !important;  background: #0350a0;  }
.rs { width:99%; height:auto; padding-top:30px; margin-bottom: 5px; text-align: right; position:relative; padding-right:0px; }
.rs a {  position:relative; margin:0px; }
.rs a img { width:25px; position:relative; display:inline-block; }
.gradient { top: 130px; opacity: .9; background: rgb(161,238,19); background: linear-gradient(90deg, rgba(161,238,19,1) 0%, rgba(161,238,19,0) 100%); z-index:1; width:100%; height:100%; position:absolute; }


.rs_ {  max-width:960px; height:20px; margin: 5px auto 25px auto; text-align:center  }
.rs_ a img { display:inline-block; margin:0 55px; }
a.flow { display:inline-block; margin:0 15px; vertical-align:bottom; }

.border { padding:50px 50px 50px 50px ; max-width:400px; border: #a1e213 solid 2px !important; position:relative; }
.bor-f { position:absolute !important; bottom:-30px  !important; right:50px  !important; }

ul.menu { width: 100%; height: auto; text-align: right; padding-right: 0px; margin-top: -20px; transition:all 400ms ease !important;  }
ul.menu li { list-style: none; display: inline-block; width: auto; margin: 0 5px; color: #fff; }
ul.menu li a { color: #fff; text-decoration: none; font-size: 13px; font-weight: 500; }
ul.menu li a:hover { color: #a1e213 ; }
section { width: 100%; height: auto; padding: 125px 0; }
.wrap { max-width:1280px; height:auto; margin:50px auto; }
.main { left: -100% !important; transition:all 400ms ease  !important;  }

p { margin: 50px 0; font-size:18px; font-weight:300; }
h2 { font-size:45px; font-weight:700; }

#pensamos { padding: 110px 0 ; width:100%; background:#0350a0 url('img/pensamos.jpg') no-repeat center right; background-size:  auto 100%; color:#fff;  }
/* #pensamos .remate { padding-bottom:10px; border-bottom:#a1e213 solid 4px; } */

#operacion { padding: 150px 0 ; width:100%; background: ; background:#0350a0; color:#fff; text-align: center; }
#operacion h2 { margin-bottom:100px; }
#operacion p { font-size:26px; max-width:700px; margin:0 auto; font-weight:400; }

#operacion .carousel {}
#operacion .carousel-cell {  width: 100%; height: auto; }

#ventajas { padding: 110px 0 ; width:100%; background:#fff; color:#001d49; text-align: center }
.ventajas { text-align:center; width:245px; height:360px; display:inline-block; vertical-align: top; margin:0 15px 50px 15px;  }
.ventajas p { font-weight:500 !important; color:#00204d; margin-top:-5px; line-height:20px; }
#ventajas h2 { font-size:50px; /*font-weight:800;*/ }

#ventajas_ { padding: 110px 0 0 0 ; width:100%; height: auto; background: rgb(195,247,82);
background: linear-gradient(0deg, rgba(195,247,82,1) 0%, rgba(145,217,136,1) 47%, rgba(213,237,239,1) 78%, rgba(255,255,255,1) 100%); color:#001d49; text-align: center }
.ventajas_ { text-align:center; width:30%; height:360px; display:inline-block; vertical-align: top; padding:90px 15px;  }
.ventajas_ p { font-weight:500 !important; color:#00204d; margin:-15px 0 0 0; font-size:24px;  margin-top:-5px; line-height:20px; }
.ventajas_ h3 { font-size:50px; font-weight:700; margin-bottom:15px !important; }
.v-border { border-left: #fff solid 3px; border-right: #fff solid 3px;   }
#ventajas_ hr { background: none !important; border: #fff solid 2px; height: 2px; opacity: 1; margin: 0 !important;}

.gal img { width:200px; display:inline-block; vertical-align: top; border:#a1e213 solid 2px; margin:0 -2px;  }

#zres { padding: 110px 0 ; width:100% !important; height:auto;  }
#zres p { font-weight:500 !important; color:#00204d;  }
#zres h2 { font-size:50px; font-weight:800; display:block; color:#321638; }
#zres h2 span { font-size:50px; font-weight:200; display:block; }

#zarza { padding: 110px 0 ; width:100%; background: ; background:#311637; color:#fff; }
#zarza .remate { padding-bottom:10px; /*border-bottom:#a1e213 solid 4px;*/ }
#zarza p { font-weight:400; padding-right:12%; font-size:22px; line-height:26px; }
#zarza .previous { display:none; }
#zarza .next { margin-right:-30px; }

#zarzales { width:100%; padding: 0; background: url('img/zarzales.jpg') no-repeat center ; background-size: cover; color:#fff; min-height:950px; }
.panel { background:rgba(40, 29, 60, .5); padding: 125px 0 0 0; position:relative; min-height:100%; width:35%; left:15%; min-height:950px; } 
.panel h2 { margin-left:60px; /* border-bottom:#a1e213 solid 2px; */ width:320px; }
.panel h2 span { display: block; font-weight:300; }
.panel h4 {margin:25px 130px 50px 60px; }
.panel a { border-radius:15px; /* border-bottom: #062d56 solid 7px; */ background:#a1e213; color:#311637; padding:10px 5px;  margin-left:60px; text-decoration:none; font-weight:500; }
.panel a:hover {  color:#a1e213; background:#311637; }


#torres { width:100%; padding: 0; background: url('img/torres.jpg') no-repeat center ; background-size: cover; color:#fff; min-height:950px; }
.panel_ { background:rgba(233, 90, 97, .7); padding: 155px 0 0 0; position:relative; min-height:100%; width:35%; left:15%; min-height:950px; } 
.panel_ h2 { margin-left:60px; /* border-bottom:#a1e213 solid 2px; */ max-width:420px; font-size:42px; margin-bottom:75px; }
.panel_ h2 span { display: block; font-weight:300; }
.panel_ hr { display: block; width:200px; height: 1px;  margin:45px 0; border:#efb051 solid 1px; }
.panel_ h4 {margin:25px 130px 50px 60px; }
.panel_ a { border-radius:15px; /* border-bottom: #062d56 solid 7px; */ background:#efb051; color:#fff; padding:10px 5px;  margin-left:60px; text-decoration:none; font-weight:500; }
.panel_ a:hover {  background:#fff; color:#efb051 !important; }



a.fullb { border-radius:15px; /*border-bottom: #062d56 solid 7px; */ background:#a1e213; color:#311637; padding:10px 5px;  margin-left:60px; text-decoration:none; font-weight:500; }
a.fullb:hover {  color:#a1e213; background:#311637; }

.logo-z { background:#311637; width:100%; height:350px; position:absolute; bottom:0 !important; left:0; text-align:center; padding-top:10px; }

.col_ { width:45%; display:inline-block; margin-right:4.5%;  }
label { margin-bottom:15px; }
input.campo { width:100%; border:none; background: none; margin-bottom: 25px; height: 28px; padding: 10px 5px; color:#00204d; font-size: 16px; border-bottom:#a1e213 solid 1px; }
input[type="submit"] {
    border-radius: 15px;
   /* border-bottom: #062d56 solid 7px; */
    background: #a1e213;
    color: #311637;
    padding:15px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: 500;
    border:none;
    width: auto !important;
}


#nuestros-d .carousel {
  width: 100%;  height:100vh; position: absolute; top: 0;
}

#nuestros-d .carousel img {
  display: block;
   height:100vh;
  transition: none !important; 
}

.carousel .fracc {  max-width:90%; margin:50px auto;  }
.fracc .carousel-cell {  width: 260px;  height: 450px; margin: 75px 25px;  box-shadow: 2px 2px 36px 7px rgba(0,0,0,0.22); -webkit-box-shadow: 2px 2px 36px 7px rgba(0,0,0,0.22);
-moz-box-shadow: 2px 2px 36px 7px rgba(0,0,0,0.22);   }
.fracc .carousel-cell p {  width: 240px; color:#00204d;  display:inline-block; font-weight:500 !important; display: flex; justify-content: center; align-items: center; vertical-align: middle; margin: 20px 0; margin-right: 10px; width: 100%; font-weight:400;  }

.form-check-input:checked {
    background-color: #f7f7f7 !important;
    border-color: #005cb9;
}

.form-check-input {
    background-color: #f7f7f7 !important;
    border-color: #005cb9;
}

.form-check-input:checked[type=radio] {
    background-image: url(img/radio.svg); background-size: 10px;
    background-color: #f7f7f7 !important;
}



.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: 45px;
    z-index: 999999999999999;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.flickity-page-dots .dot.is-selected {
    opacity: 1; background: #fff; border: #fff solid 2px;
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 8px;
    background: none;
    border: #fff solid 2px;
    border-radius: 50%;
    opacity: 1;
    cursor: pointer;
}


#nuestros-d { width:100%; height:100vh; background-image: url(img/nuestros-d.jpg); background-size: cover; position:relative;  padding-top:19%; overflow:hidden; }
#nuestros-d .container { position:relative; z-index:10;  }
#nuestros-d h2 span { font-weight:300; display:block; color:#fff; margin-bottom:-55px; }
#nuestros-d h2 { color:#00204d; }

#nd { text-align:center;  }
#nd h2 { font-size:40px; font-weight:800; color:#073c85; }
#nd h2 span { font-weight:200; display:block; }
#nd p { font-weight:400; color:#073c85; max-width:590px; font-size: 24px; margin:50px auto; }

#nd .res { width:420px; height:320px; display:inline-block; margin: 0 0 20px 0; position:relative; color:#fff; overflow:hidden; }
#nd .res figure { transition:all 400ms ease;  opacity: 0; position:absolute; z-index: 10; left:0px; top:0px; width: 100%; height:100%; color:#a1e213; text-align:center; padding-top: 90px; font-weight: 800; font-size: 40px;  }
#nd .res .info { position:absolute; z-index: 10; left:0px; bottom:0px; color:#fff; height:100px; width:100%; }
#nd .res .info h3 { color:#fff !important; font-size:24px !important; margin:0;  }
#nd .res .info p { color:#fff !important; font-size:18px !important; margin:0px 0 !important; }
#nd .blue-panel { transition:all 400ms ease;  position: absolute; width: 100%; height: 430px; z-index: 1 !important; top:0; left: 0px; margin-top: 210px;  mix-blend-mode: multiply !important;  background: #0350a0;   }
figure:hover { opacity: 1 !important; }
.res:hover .blue-panel { margin-top: 0px  !important; }

.fr1 { background-image: url(img/fra1.jpg); background-size: cover; }
.fr2 { background-image: url(img/fra2.jpg); background-size: cover; }
.fr3 { background-image: url(img/abondanza-pool.jpg); background-size: cover; }
.fr4 { background-image: url(img/rincon-tpilar-pool.jpg); background-size: cover; }
.fr5 { background-image: url(img/rincon-dpilar-pool.jpg); background-size: cover; }
.fr6 { background-image: url(img/fra3.jpg); background-size: cover; }
.fr7 { background-image: url(img/fra4.jpg); background-size: cover; }
.fr8 { background-image: url(img/fresnos-pool.jpg); background-size: cover; }
.fr9 { background-image: url(img/fra5.jpg); background-size: cover; }
.fr10 { background-image: url(img/fra7.jpg); background-size: cover; }


.fr11 { background-image: url(img/fra11.jpg); background-size: cover; }
.fr12 { background-image: url(img/fra12.jpg); background-size: cover; }
.fr13 { background-image: url(img/fra13.jpg); background-size: cover; }
.fr14 { background-image: url(img/fra14.jpg); background-size: cover; }
.fr15 { background-image: url(img/fra15.jpg); background-size: cover; }
.fr16 { background-image: url(img/fra16.jpg); background-size: cover; }
.fr17 { background-image: url(img/rincon-dos-pool.jpg); background-size: cover; }
.fr18 { background-image: url(img/fra2.jpg); background-size: cover; }
.fr19 { background-image: url(img/rincon-andaluz-pool.jpg); background-size: cover; }
.fr20 { background-image: url(img/fra17.jpg); background-size: cover; }

#contacto-h { width:100%; height:100vh; background-image: url(img/contacto.jpg); background-size: cover; position:relative;  padding-top:19%; overflow:hidden; }
#contacto-h .container { position:relative; z-index:10;  }
#contacto-h h2 span { font-weight:300; display:block; color:#fff; margin-bottom:-55px; }
#contacto-h h2 { color:#00204d; }

#contacto { color:#00204d; }
#contacto h2 span { font-weight:200 ;}

.burger {cursor: pointer; position: fixed; z-index: 999999999999999999; top: -20px; left: 55px; display:none; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff; 
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff; 
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;  
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;  
}

.foo-p1 form input[type="submit"] {
    border-radius: 15px;
   /* border-bottom: #062d56 solid 7px;*/
    background: #a1e213;
    color: #311637;
    padding: 6px 10px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: 500;
    border: none;
    width: auto !important;
}

a.borde {
    border-radius: 15px;
   /* border-bottom: #062d56 solid 7px;*/
    background: #a1e213;
    color: #311637;
    padding: 10px 5px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: 500;
    
    width: auto !important;
}


 
/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 40px;
  height: 15px;
  position: relative;
  margin: 15px 0 0 -15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 13px;
}

#nav-icon1 span:nth-child(3) {
  top: 26px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@media (min-width: 1440px) and (max-width:2590px ) {
  
.logo-h {
    position: absolute;
    top: 10px;
    width: 190px;
    margin-left: 20px !important; 
}

}

@media (max-width: 1080px) {
    .burger {cursor: pointer; position: fixed; top: 20px; left: 80% !important; display: inline; z-index:99999999999999999999999999999999999; }

    .rs { width:93%; height:auto; margin-bottom: 15px; text-align: center; position:relative; margin-left: 0; padding:20px 0px 0px 0px; }
    .rs a { display:inline-block; width:10px; position:relative; margin:0 0px 5px 15px; }
    .rs a img { width:30px; position:relative; }
    ul.menu li.separa { display:none; }

 /*   .logo-h {
    position: absolute;
    top: 10px;
    width: 190px;
    margin-left: 0px;
}*/



    ul.menu { width: 100%; position: fixed; transition:all 400ms ease  !important; height: auto; margin: 70px 0; text-align: center;  background: #0350a0; padding-bottom:25px; margin-left:100% !important; }
    ul.menu li { color: #000; display: block; cursor: pointer; transition:all 400ms ease;}
    .gal img {
    width: 75% !important;
    display: inline-block;
    vertical-align: top;
    border: #a1e213 solid 2px;
    margin: 0 -2px;
}

}


@media (max-width: 830px) {
.panel {
    background: rgba(40, 29, 60, .5);
    padding: 125px 0 0 0;
    position: relative;
    min-height: 100%;
    width: 65%;
    left: 15%;
    min-height: 950px;
}



.panel_ { background:rgba(233, 90, 97, .7); padding: 125px 0 0 0;
    position: relative;
    min-height: 100%;
    width: 65%;
    left: 15%;
    min-height: 950px; } 


}

@media (max-width: 767px) {
    .col_ { width:100%; display:inline-block; margin-right:4.5%;  }

}

@media (max-width: 690px) {
    .v-border { border-top: #fff solid 3px; border-bottom: #fff solid 3px;   }
    .ventajas, .ventajas_ { text-align:center; width:100%; height:360px; display:inline-block; vertical-align: top; padding:90px 15px;  }
    .ventajas p {  }
    .ventajas img { width:50%;  }
    .panel { background:rgba(40, 29, 60, .5); padding: 125px 0 0 0; position:relative; min-height:100%; width:85%; left:0%; min-height:950px; } 

    .foo-p1 form input {
    max-width: 100%;
    height: 40px;
    margin: 10px auto;
    padding: 10px;
    color: #fff;
    display: block;
    vertical-align: middle;
    background: rgba(255, 255, 255, .3);
    border: none;
    border-radius: 15px;
}

.foo-p1 form input[type="submit"] {
    border-radius: 15px;
   /* border-bottom: #062d56 solid 7px; */
    background: #a1e213;
    color: #311637;
    padding:5px 10px;
    margin: 10px auto !important;
    text-decoration: none;
    font-weight: 500;
    width: auto !important;
}
}


@media (max-width: 690px) {

#pensamos {
    padding: 110px 0;
    width: 100%;
    background: #0350a0 url(img/pensamos2.jpg) no-repeat center right;
    background-size: auto 100%;
    color: #fff;
}

header { position: fixed; top: 0px; left: 0px; width: 100%;  padding: 20px 5%; z-index: 9999999;  }
.hbox { position: fixed; width: 100%; height: 90px; z-index: 999999; top:0; left: 0px;  mix-blend-mode: multiply !important;  background: #0350a0;   }
.gradient { top: 90px; opacity: .7; background: rgb(161,238,19); background: linear-gradient(90deg, rgba(161,238,19,1) 0%, rgba(161,238,19,0) 100%); z-index:1; width:100%; height:100%; position:absolute; }
.foo-p1 h2 {
    max-width: 550px;
    font-weight: 700;
    margin: 0 auto;
    font-size: 32px;
}
.rs_ a img {
    display: inline-block;
    margin: 0 25px;
}

#zarza .remate {
    padding-bottom: 10px;
    max-width: 360px;
    /* border-bottom: #a1e213 solid 4px; */
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: 25px;
    z-index: 999999999999999;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}

.text-end { text-align: left !important  }
#nuestros-d {  width: 100%;  height:450px; overflow:  hidden;}
#nuestros-d .carousel {  width: 100%;  height:450px; position: absolute; top: 0; }
.logo-h { position:absolute; top:10px; width:100px; }
#nuestros-d .carousel img {  display: block;   height:450px;  transition: none !important;  }
#nuestros-d h2 span { font-weight:300; display:block; color:#fff; margin-bottom:-35px; font-size:32px; }
#nuestros-d h2 { color:#00204d; font-size:32px; margin-top:100px; }

#contacto-h h2 {    color: #00204d; margin-top:150px;  }

#ventajas_ hr {
    background: none !important;
    border: #fff solid 2px;
    height: 2px;
    opacity: 1;
    width: 90%;
    margin: 0 auto !important;
}
.v-border {
    border-left: #fff solid 0px;
    border-right: #fff solid 0px;
}

#contacto-h {
    width: 100%;
    height: 450px;
    background-image: url(img/contacto.jpg);
    background-size: cover;
    position: relative;
    padding-top: 17%;
    overflow: hidden;
}

.gal img {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border: #a1e213 solid 2px;
    margin: 0 -2px;
}

.panel h2 {
    margin-left: 20px;
    /* border-bottom: #a1e213 solid 2px; */
    width: 320px;
    font-size: 9vw;
}

#ventajas h2 {
    font-size: 6vw !important; 
    /* font-weight: 800; */
}

.panel_ h2 {
    margin-left: 20px;
    /* border-bottom: #a1e213 solid 2px; */
    width: 320px;
    font-size: 9vw;
}
.panel a { margin-left:20px; }
.panel_ a { margin-left:20px; }
.panel h4 {
    margin: 25px 130px 50px 20px;
}

.ventajas, .ventajas_ { text-align:center; width:90%; height:250px; display:inline-block; vertical-align: top; padding:30px 1px;  }
.panel { background:rgba(40, 29, 60, .5); padding: 125px 0 0 0; position:relative; min-height:100%; width:100%; left:0%; min-height:950px; } 
.quit { display:none !important; }

.panel_ { background:rgba(233, 90, 97, .7); padding: 125px 0 0 0;
    position:relative; min-height:100%; width:100%; left:0%; min-height:950px;
}


@media (max-width: 590px) {
       #contacto h2 {
    font-size: 40px;
    font-weight: 700;
}
footer { text-align:center !important; }
footer .text-start { text-align:center !important; }
footer .text-end { text-align:center !important; }
.fooan { margin-bottom:10px !important; text-align:center !important; }
.foo-p1 .col-sm-12 br { display: none;}
.foo-p1 .col-sm-12 { padding:0 7%; }

        #nd {
            text-align: center;
            margin-bottom: -150px;
        }

        .flickity-prev-next-button {
            top: 95%;
            width: 44px;
            height: 44px;
            border-radius: 50%;
            transform: translateY(-50%);
        }

        #operacion h2 {
            margin-bottom: 100px;
                font-size: 35px;
            font-weight: 700;
        }

        #operacion h2 br { display:none; }

        .foo-p1 h2 {
            max-width: 390px !important;
            font-weight: 700;
            margin: 0 auto;
        }

}