html, body { width: 100%; height: auto; padding: 0; margin: 0; font-family: 'Lexend', sans-serif; background: #e3e3e3; font-weight: 200; letter-spacing: .5px; overflow-x: hidden !important;  }
body {
    position: relative;  scroll-behavior: smooth;
    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; }
section { width: 100%; min-height: 100vh; position: relative; padding: 90px 0; position: relative; z-index: 10; }
p { font-size: 14px; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 {  }
span { color: #e3aba6; }
b {  font-weight: 800; }
footer { font-size: 12px !important; border-top: #e3aba5 solid 10px; border-bottom: #999999 solid 10px;  padding: 26px 0; font-weight: 300;  }
footer a { color: #3f3f3f; }
footer a:hover { color: #e1afaa; }
header { position: fixed; width: 35px; height: 100vh; padding-top: 20px; z-index: 100; right: 20px; top:0; text-align: center; z-index: 150; }
header hr { width: 1px; height: 65%; background: #868686;  }
header a img { -webkit-filter: grayscale(100%); /*Chrome 19+ & Safari 6+*/
-webkit-transition: all 0.5s ease; /*Fade to color for Chrome and Safari*/
-moz-transition: all 0.5s ease; cursor: pointer; margin: 5px 0	;}

header a img:hover { filter: none; -webkit-filter: grayscale(0%); }

form { font-size: 12px; }
input { background: none; border: none; backdrop-filter: blur(22px); border:none;  margin-bottom: 10px; padding: 5px; color: #fff; width:360px ; height: 30px; outline: none; margin-top: 10px; }
.submit { backdrop-filter: blur(22px); padding: 5px; color: #fff; width:100px ; height: 30px }
blockquote {  border-right: #e2aba6 solid 5px; text-align: right; font-size: 16px !important; }
blockquote b { font-weight: 400 !important; }
.cita { height: auto !important; }

ul.menu_ { width: 50%; height: 100vh; text-align: right; padding: 25% 5% 5% 5%; position: fixed; top: 0; left: 100%;  background: rgba(0, 0, 0, .7); backdrop-filter: blur(12px); z-index: 110; text-transform: uppercase;  transition:all 200ms ease !important; }
ul.menu_ li { list-style: none; display: inline-block; }
ul.menu_ li { list-style: none; display: inline-block; }
ul.menu_ li a { display: block; padding: 10px 5px; font-size: 15.7px; color: #fff; text-transform: uppercase; text-decoration: none; }
ul.menu_ li a:hover {  color: #e2aba6; }
.main { margin-left: -50%; transition:all 200ms ease; }
.burger { cursor: pointer; }

.logo { width: 90px; position: fixed; top:20px ; left:20px ; z-index: 100; }
#hr { background: url(img/inicio.jpg) no-repeat center top; background-size: cover; color: #fff; text-align: center; }
#hr h1 { font-size: 6.4vw; font-weight: 800; margin-top: 12%; margin-bottom: 50px;  }
#hr h1 > span { font-weight: 300; }
#hr a { display: inline-block; width: 400px; height: 60px; line-height: 60px; color: #fff; font-size: 26px; font-weight: 500; backdrop-filter: blur(12px); margin-bottom: 5px; }
#hr a:hover { letter-spacing: 1.5px; }
#hr p { font-weight: 400; font-size: 22px; }
#hr .ajuste_ { width: 100%; height: 125px; }
#hr { text-align: left !important ; }
.idioma { position: fixed; top: 20px; right: 100px; z-index: 999999999; }
.idioma a { color:#fff; }
.idioma a:hover { color:#fff; }
.idioma a.activo { color:#e3aba5; }
#clientes { width: 100%; min-height: 350px; text-align: center; padding: 50px 0; }
#clientes h2 { font-size: 8.3vh; font-weight: 800; }
#clientes h2 > span { font-weight: 300;  }
.wrap-car { background: #dedede; width: 100%; height: 200px; margin-top: 45px; }
.carousel { width: 90%; height: 200px; margin: 0 auto;  }
.carousel-cell { width: 20%; height: 200px; line-height: 200px;  }
.carousel-cell img { width: 80%; text-align: center;  }

#bq { padding: 50px 0; }
#que-hacemos { background: url(img/que-podemos.jpg) no-repeat center left; background-size: 38% auto;  padding: 0px 0; color: #fff;  color: #232323; font-size: 14px; font-weight: 400;  }
#que-hacemos h2 { font-size: 8.3vh; margin-bottom: 125px; margin-top: 40vh; }
.scial-m { font-size: 22px; width: 100%; min-height: 100px; margin-bottom: 50px; padding-left: 15px; cursor: pointer; }
.scial-m span { margin-left: -15px;  }

#conocenos { background: url(img/conocenos.jpg) no-repeat center; background-size: cover; color: #fff;  padding: 150px 0 90px 0; font-size: 18px; }
#conocenos h2 { color: #242424; font-size: 8.3vh; }
#conocenos h3 { margin-bottom: 25px; padding-right: 10px; }
#conocenos p {  font-weight: 400 ; }
#conocenos img { width: 80px; margin: 0 5px; -webkit-filter: grayscale(100%); /*Chrome 19+ & Safari 6+*/
-webkit-transition: all 0.5s ease; /*Fade to color for Chrome and Safari*/
-moz-transition: all 0.5s ease; cursor: pointer;}

#conocenos img:hover { filter: none; -webkit-filter: grayscale(0%); }

.bloque { padding:20px 20px 20px 20px ; border-right: #e2aba6 solid 5px ;  }
.ajuste { width: 100%; height: 30vh; }

::-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;
}

#paquetes { padding: 0px 0; }
.tt_ { width: 100%; padding: 5px; font-size: 22px; color: #000; background: #e3aba5; }
.tt_1 { width: 100%; padding: 5px; font-size: 16px; color: #000; background: #e3aba5; }
.row_ { width: 100%; padding: 5px; font-size: 15px; color: #000; margin-top: 7px; }
.blanco { background: #fff; }
.gris { background: #ced3da; }
.gris_ { background: #ced3da; min-height: 280px; }

#queremos { background: url(img/cafe.jpg) no-repeat center left; background-size: 35.5% auto;  padding: 150px 0; color: #fff;  color: #232323; font-size: 14px; font-weight: 400;  }
#queremos h2 { font-size: 8.3vh; font-weight: 200; }
#queremos h3 { font-size: 30px; margin-left: -20px !important; margin-top: 20px; margin-bottom: 140px; }
#queremos a { margin: 17px 0; display: block; color: #232323; }
#feed { background: url(img/book.jpg) no-repeat center; background-size: cover; min-height: 330px ; padding: 80px 0 90px 0; color: #fff; font-weight: 400;  }
#feed h2 { font-size: 30px; }


.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 350px;
    height: 375px;
    pointer-events: auto;
    background-color: #e3e3e3;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-body p { font-weight: 300 !important; max-width: 70%; font-size: 17px; }
.cross { color:#242424; }

img.popup { position: absolute; right: -40%; top: -5px; width: 240px; }

.adp { font-size: 18px; text-align: left; }
 a.aviso { font-weight: 400; color:#242424 !important;  }
 a.aviso:hover { color:#e4aba5 !important; }

@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
         input {  background: rgba(0, 0, 0, 0.6);   }
         .submit { background: rgba(0, 0, 0, 0.6); }
         #hr a { background: rgba(0, 0, 0, 0.6);}
     }
}

@media only screen and (max-width: 550px) {
	.text-right { text-align: left !important; }
    header hr { width: 1px; height: 40%; background: none;  }
    section { width: 100%; min-height: auto; position: relative; padding: 90px 0; position: relative; z-index: 10; }
    #hr a { display: inline-block; width: 90%; height: 60px; line-height: 60px; color: #fff; font-size: 18px; font-weight: 500; backdrop-filter: blur(12px); }
    #hr p { font-weight: 400; font-size: 17px; }
    .bloque { padding:20px 20px 20px 20px ; border-right: none !important; border-left: #e2aba6 solid 5px ; text-align: left !important;  }
    #clientes h2 { font-size: 4.3vh; font-weight: 800; }
    #que-hacemos { background: url(img/que-podemos.jpg) no-repeat left top; background-size: 70% auto;  padding: 0px 0; color: #fff;  color: #232323; font-size: 14px; font-weight: 400;  }
    #que-hacemos h2 { font-size: 8.3vh; margin-bottom: 350px; margin-top: 40vh; text-shadow: 1px 1px 12px #e3e3e3; }

    #conocenos h2 { color: #242424; font-size: 4.3vh; }
    #queremos h2 { font-size: 4.3vh; font-weight: 200; }
    #queremos h3 { font-size: 22px;  margin-left: -20px !important; margin-top: 20px; margin-bottom: 40px; }
    #feed h2 { font-size: 4.3vh; text-align: left !important; }
    .carousel-cell { width: 30%; height: 200px; line-height: 200px; transition: none !important; }
    .scial-m br { display: none;  }
    .scial-m { height: 50px !important; margin-bottom: 25px; }
    #queremos { background: none !important; background-size: 70% auto;  padding: 80px 0 70px 0; color: #fff;  color: #232323; font-size: 14px; font-weight: 400;  }
    #queremos .row { padding-left: 3%; }
	.modal-body p { font-weight: 300 !important; max-width: 100%; font-size: 14px; }
	img.popup { position: absolute; right: 5%; top: 100px; width: 240px; }

    }

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

    	#que-hacemos { background: url(img/que-podemos.jpg) no-repeat left top; background-size: 70% auto;  padding: 0px 0; color: #fff;  color: #232323; font-size: 14px; font-weight: 400;  }
    #que-hacemos h2 { font-size: 4.8vh; margin-bottom: 350px; margin-top: 10vh; text-shadow: 1px 1px 12px #e3e3e3; }

    }