header.masthead{position:relative;background-color:#343a40;background:url(../img/bg-masthead.jpg) no-repeat center center;background-size:cover;padding-top:8rem;padding-bottom:8rem}header.masthead .overlay{position:absolute;background-color:#212529;height:100%;width:100%;top:0;left:0;opacity:.3}header.masthead h1{font-size:2rem}@media (min-width:768px){header.masthead{padding-top:12rem;padding-bottom:12rem}header.masthead h1{font-size:3rem}}.showcase .showcase-text{padding:3rem}.showcase .showcase-img{min-height:30rem;background-size:cover}@media (min-width:768px){.showcase .showcase-text{padding:7rem}}.features-icons{padding-top:7rem;padding-bottom:7rem}.features-icons .features-icons-item{max-width:20rem}.features-icons .features-icons-item .features-icons-icon{height:7rem}.features-icons .features-icons-item .features-icons-icon i{font-size:4.5rem}.features-icons .features-icons-item:hover .features-icons-icon i{font-size:5rem}.testimonials{padding-top:7rem;padding-bottom:7rem}.testimonials .testimonial-item{max-width:18rem}.testimonials .testimonial-item img{max-width:12rem;box-shadow:0 5px 5px 0 #adb5bd}.call-to-action{position:relative;background-color:#343a40;background:url(../img/bg-masthead.jpg) no-repeat center center;background-size:cover;padding-top:7rem;padding-bottom:7rem}.call-to-action .overlay{position:absolute;background-color:#212529;height:100%;width:100%;top:0;left:0;opacity:.3}footer.footer{padding-top:4rem;padding-bottom:4rem}
 
 
.principal{
    /*background-color:#e8e8ea;*/
    background: url('../img/hero-inverted.jpg') no-repeat bottom left;
    background-size: cover;
}

@media (max-width: 576px) {
    .principal {
        background: none;
    }

    .model{
        max-width: 260px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .logo{
        margin-top: 0.5rem; 
    }
}

 
 body{font-family: 'Assistant', sans-serif;}
.dest{font-family: 'Cinzel Decorative', cursive;}

.text-primary{ color:#ffa3af !important }
.text-primary{ color:#ffa3af !important }
.bg-primary{  background-color:#ffa3af !important }
.btn-primary{  background-color:#ffa3af !important; border-color: #ffa3af !important; }

.fw200{ font-weight:200 !important}
.fw300{ font-weight:300 !important}
.fw400{ font-weight:400 !important}
.fw500{ font-weight:500 !important}
.fw600{ font-weight:600 !important}
.fw700{ font-weight:700 !important}

@media (max-width:767px){
	nav{ text-align:center !important; }
	nav div{ display:block !important; width:100% }
	nav h3{ margin-left:0px !important; margin-top:20px; font-size:20px !important; padding:0px !important }
	nav h3 span{ display:block}
	.principal .cuadrado { padding-top:0px !important}
	/*.pic{ height:220px !important; overflow:hidden  }*/
	.chica{ width:70% !important; margin:auto !important; margin-bottom:0px !important}
}


/**/
.snippet{ background-color:#eee}
.snippet .card::after {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: calc(100% - 40px);
    height: 35px;
    background-color: #fff;
    -webkit-box-shadow: 0 19px 28px 5px rgba(64,64,64,0.09);
    box-shadow: 0 19px 28px 5px rgba(64,64,64,0.09);
    content: '';
    z-index: -1;
}
.snippet a.card {
    text-decoration: none;
}

.snippet .card {
    position: relative;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09);
    box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09);
}
.snippet .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: .5rem; height:100% !important
}

.snippet .box-shadow {
    -webkit-box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09) !important;
    box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09) !important;
}

.snippet .ml-auto, .snippet .mx-auto {
    margin-left: auto !important;
}
.snippet .mr-auto, .snippet .mx-auto {
    margin-right: auto !important;
}
.snippet .rounded-circle {
    border-radius: 50% !important;
}
.snippet .bg-white {
    background-color: #fff !important;
}

.snippet .ml-auto, .snippet .mx-auto {
    margin-left: auto !important;
}

.snippet .mr-auto, .snippet .mx-auto {
    margin-right: auto !important;
}
.snippet .d-block {
    display: block !important;
}
.snippet img, .snippet figure {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.snippet .card-text {
    padding-top: 12px;
	padding-bottom:20px;
    color: #8c8c8c;
}

.snippet .text-sm {
    font-size: 12px !important;
}
.snippet p, .snippet .p {
    margin: 0 0 16px;
}

.snippet .card-title {
    margin: 0;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 900;
}

.snippet .pt-1, .snippet .py-1 {
    padding-top: .25rem !important;
}

.snippet .head-icon{
    margin-top:18px;
    color:#FF4500
}
.snippet .rounded-circle{ overflow:hidden; display:flex; width: 100px; height: 100px; margin-top: -45px;}
.snippet .rounded-circle img{ margin:auto; width:60% !important}
@media (max-width:767px){
	.snippet .rounded-circle{ margin-top: -20px;}

}
.experiencia .rounded-circle{ overflow:hidden; display:flex; width: 70px; height: 70px; }
.experiencia .rounded-circle img{ margin:auto !important; width:65% !important}
@media (max-width:767px){
.experiencia .rounded-circle{ overflow:hidden; display:flex; width: 50px; height: 50px; }
.experiencia .media{ display:block !important}
.display-4{ font-size:40px !important}
.logo-foot{ width:100% !important; margin-bottom:20px}
form .col-md-3{ text-align:left !important;}
}

a.text-primary:hover {
     color: #ffa3af !important; 
 }

/*W*/


@media (min-width: 768px){
    .container, .container-md, .container-sm {
         max-width: 100% ; 
     }
}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;}
}

.hero {
/*    display: flex;
    align-content: flex-start;
    flex-direction: row;*/
    font-family: 'Assistant', sans-serif;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.hero h2{
    color: rgba(0,0,0,.5)!important;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 26px;
    background-color: rgba(255,255,255,.75);
    padding: 20px;
    border-radius: 0.5rem;
}

@media (max-width:992px){
    .hero h2{
        margin: 20px 54px 0;
    }
}

@media (max-width:512px){
    .hero h2{
        margin: 15px 0 0 0;
    }
}

.hero .bld{
    font-weight: 500;
    color: #ffa3af;
}

.pic {
    /*background: url('../img/hero-inverted.jpg') no-repeat bottom center;*/
    background-size: contain;  
    flex-direction: column;
    justify-content: space-around;    
}

.card {
    border-radius: 0.5rem;
    /*margin: 20px;*/
}

.cuadrado {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width:767px){
    .cuadrado {
        justify-content: center;
    }   
}

.form-control {
    border: 0 ;
    border-radius: 0;
    border-bottom: 1px solid #ffa3af;
}

.form-control:focus {
    color: #ffa3af;
    background-color: #fff;
    border-color: #ffa3af;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 153 175 / 25%);
}

footer a {
    color: #ffa3af;
    text-decoration: none;
}

footer a:hover, a:visited, a:active {
    color: #ffa3af;
    text-decoration: none;
}

/*SLIDER*/

.testimonial .card {
    margin: 20px;
    min-height: 400px;    
}

.slick-track {
    display: flex;
    align-items: center;
}

.slick-next:before {
  position: relative;
  top: -15px;
  content: url("../img/right-carousel-arrow.png");
}

.slick-prev:before {
  position: relative;
  top: -15px;
  right:20px;
  content: url("../img/left-carousel-arrow.png");
}

/*Whatsapp*/

.floating-whatsapp {
    background-color: #25d366;
    padding: 20px;
    border-radius: 30px;
    color: #FFF !important;
    position: fixed;
    right: 20px;
    bottom: 20px;
    box-shadow: 1px 6px 24px 0 rgb(7 94 84 / 24%);
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-around;
    align-items: center;    
}

.floating-whatsapp a {
    color: #fff !important;    
}

/*GRACIAS*/

.gracias .mid{
    min-height: 700px;
}