/* CSS Document */

.slide-inner--image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: .2;
    transform: scale(1.07);
    -webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;
    -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;
    transition: opacity .6s ease-in-out, transform 2s ease .7s;
}

.slide-inner {
    width: 100%;
    height: 500px;
    left: 0;
    top: 0;
}


.slide-inner--info h1 {
    margin: 10px 0;
		font-family: gotham;
    line-height: 1em;
    color: #fff;
}

@font-face {
    font-family: gotham;
    src: url(fonts/GothamRounded-Medium.otf); 
}
@font-face {
    font-family: Create;
    src: url(fonts/Create.otf); 
}

.grecaptcha-badge { 
    visibility: hidden;
}
.slide-inner--info {
    position: absolute;
    width: auto;
    min-height: 50px;
    bottom: 3em;
    padding-left: 3em;
    color: #fff;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.swiper-slide {
    overflow: hidden;
}
#menudesli{display:none !important}
.swiper-slide-active .slide-inner--info {
    opacity: 1;
    transition: opacity 1s ease 1s;
}

.swiper-slide-duplicate-active .overlay, .swiper-slide-active .overlay {
    opacity: .4;
}
.swiper-slide-duplicate-active .slide-inner--image, .swiper-slide-active .slide-inner--image {
    opacity: 1;
    transform: scale(1);
}

#hero-title {
    line-height: 150%;
}
.hero-title1, #main .hero-title3 {
    font-size: 19px;
    font-size: 1.9em;
    line-height: 1.4em;
    font-family: gotham, Helvetica, Arial, sans-serif;
    letter-spacing: 0.1875em;
    font-weight: 100;
    color: #FFF;
    line-height: 150%;
}
.hero-title2 {
    font-size: 84px;
    font-size: 4.25em;
    line-height: 0.8em;
    font-family: Create, Helvetica, Arial, sans-serif;
    font-weight: 100;
    white-space: nowrap;
    color: #FFF; 
}
.hero-title2 {
    margin-left: 62px; 
}


.portadaImage{ height: 550px; width:100%;}
.portadaImage h1{font-size: 84px;
    font-size: 4.25em;
    line-height: 0.8em;
    font-family: Create, Helvetica, Arial, sans-serif;
    font-weight: 100;
    color: #FFF; position:absolute; bottom: 30px; left: 30px}
.portadaImage .fondo{ position:relative; height: 100%; background-position: center; background-size: cover}
.portadaImage .recoleccion{ background-image: url('../../nuevositio/images/adorable-21998_1920.jpg');}
.portadaImage .cryokit{ background-image: url('../../nuevositio/images/newborn-2553566_1920.jpg');}
.img-responsive{max-width: 100%;}
.clearfix{clear:both}
body .pre-footer .pre-footer-container{display: flex !important}  
.footer .derechos{
    padding: 30px;
    margin-top: 0px;
    margin-bottom: 0px;}
.menu-footer-container{display:flex !important}

.header .navbar-default .navbar-toggle .icon-bar{
  width: 35px;
  height: 5px;
  background-color: #FFF;
  margin: 6px 0;
	display: block;
}
.navbar-toggle{box-shadow: none; border:none; 
    }
.header .navbar-default .navbar-toggle{background-color: hsla(212, 16%, 58%, 1);}
.header{position:relative !important;}
.whats{margin-top:0px;}

.header .navbar-default ul.navbar-nav > li > a{line-height: 70px !important;
    padding-right: 15px;
    padding-left: 15px;}
.header .navbar-default .show .dropdown-toggle {
    background-color: #0480AA !important;
}
body .navbar{padding:0px}
body .navbar-light .navbar-nav .show>.nav-link, body .navbar-light .navbar-nav .nav-link:hover {color:#FFF;background-color: #0480AA !important;}
.header .nav .navbar-default .show .dropdown-menu{background-color: #0480AA !important; color:#FFF;}
.dropdown-menu{background-color: #0480AA !important; }
.header .navbar-default ul.navbar-nav .dropdown-menu li a { line-height: 5px;}
.dropdown-item:hover{
    background-color: #5D87A1 !important;
    color: #67788c;}
.header .navbar-default{float:right;} 
.dropdown-toggle::after{margin-left:0px}
body h3 {
    font-family: gotham;
    color: #74869b; 
}
.whatsapp::after, .whatsapp::before{ box-sizing: unset}
@media (min-width:1200px){
	.header .header-container{max-width:1140px}
	.pre-footer .pre-footer-container{max-width:1140px}
}
.pre-footer{padding-top:20px;}
.menu-footer{padding-top:40px; padding-bottom:40px;}
.menu-footer .menu-footer-container >div{margin-bottom:30px;}