#mainNav .navbar-toggler-icon {
color:#FFF!important;
}

header {
background-image: url('../img/disney.jpg');
width: 100%;
background-attachment: fixed;
background-size: cover;    
}
header img {
width: 100%;
}

header p {
font-family: 'Open Sans', sans-serif, Arial, sans-serif; 
font-size: 1.5em;  
text-shadow: 1px 1px 3px #4F4F4F;
}

header a {
color: #FFF;    
font-size: 1.5em;
font-family: 'Open Sans', sans-serif, Arial, sans-serif;     
display: inline-block; 
font-weight: lighter;
}
header a:hover, header a:focus, header a:active {
color: #FFF;    
font-size: 1.9em;
font-family: 'Open Sans', sans-serif, Arial, sans-serif;     
display: inline-block; 
font-weight: lighter;
}

header .header__boton:focus, header .header__boton:active{

text-decoration: none;
border:none;
outline: none;    
}

.arrow {
  text-align: center;
  margin: 8% 0;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}


.owl-carousel .owl-nav .owl-prev{

    
    margin-right:20px;
    font-size: 50px!important;
    color: #de0000!important;
}
.owl-carousel .owl-nav .owl-next{

    font-size: 50px!important;
    margin-left:20px;
    color: #de0000!important;
}
.center-pills {
    display: flex;
    justify-content: center;
}
.nav-item  {

text-align: center;
}
.nav-tabs .active {
color:#de0000!important;
border-bottom: solid 2px #de0000!important;
outline: inherit!important;  
background-color: transparent!important;    
   
}
.nav-tabs a {
    
color:#666666!important;
border: none!important; 
font-size: 1.2em;
font-weight: 100;
} 
.nav-tabs a:hover {
color: #de0000!important;
}
.nav-tabs a i {
display: none;
}

section{
background-color: #ededed;
    
}
section h2 {
width:100%;    
font-family: 'atrapalowebbold', sans-serif, Arial, sans-serif;     
font-weight: bolder;
font-size: 4em; 
color:#666666;    
border-bottom: solid 1px #666666;
  
}
section .section__titulo_carrusel h3{
margin-top: 50px;     
font-family: 'Open Sans', sans-serif, Arial, sans-serif;     
color: #FFF;
font-weight: bolder;
font-size: 1.2em;    
}
section .section__titulo_carrusel span{
font-family: 'Open Sans', sans-serif, Arial, sans-serif;     
color: #FFF;
font-weight: lighter;
font-size: 1em;    
}
section hr {
border-color: #FFF;
}
section .section__texto p {
font-family: 'Open Sans', sans-serif, Arial, sans-serif;    
color: #3a3a3a;
font-size: 1em;    
}
section .arrow i {
color: #4797b1!important;
} 
section .arrow a  {
text-decoration: none!important;    
} 
section .arrow p  {
color: #4797b1!important;
font-weight: bolder;
text-decoration: none!important;    
}
.slot {
-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.2);
box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.2);
background: #FFFFFF;
border-radius: 5px;    
padding: 0px 0px 20px 0px;   
margin: 5px 20px; 
color: #666666!important;    
}
.slot img {
width: 100%;
border-radius: 5px 5px 0px 0px;     
}
.card__icon {
width: 50px!important;
text-align: center;
margin:auto;
margin-bottom: 1em;
margin-top: 2em;    
}
.slot h5 {
font-size: 1.2em;
font-weight: bold;
margin-top: 10px;     
}
.slot a {
opacity: 1;
text-transform: uppercase;
color:#FFF; 
background-color: #de0000;
 
padding: 5px 20%;
font-weight: bolder;
text-shadow: none;    
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.owl-carousel card-img-overlay:hover{
opacity: 0.5;  

}  

.slot a:hover {
color:#de0000; 
background-color: #FFF;
text-decoration: none; 
border: solid #de0000 1px;    
}
.slot .card-text {
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; 
}
.card-text p {
font-weight: thin;
}
.slot .card-text  span {
font-size: 1.2em;
font-weight: bolder;    
}

.section__btn {
border: solid 1px #FFF;
border-radius: 5px!important;
color: #666666;
background-color: #FFFFFF;
margin-top: 40px;  
padding: 10px 20px; 
}
.section__btn:hover{
background-color: #FFF;
color: #de0000;    
}


.section_info .btn {
border: solid 1px #666666!important;
color: #666666!important;  
border-radius: 5px;    
margin: 5px 5px;
width:100%;
font-size: 0.8em;    
}
.section_info .btn i {
font-size: 2em;
}
.section_info .btn:hover {
border: solid 2px #666666!important;
color: #666666!important;  
border-radius: 5px;    
margin: 5px 5px;
width:100%;
font-size: 0.8em;    
}


.slot_info {
background: #FFFFFF;
padding: 5px 5px 20px 5px;   
margin: 5px 20px; 
color: #666666!important;    
}
.slot_info img {
filter: brightness(0.7);
}

.slot_info .card-title {
margin-top: -50px;
color: #FFFFFF!important; 
position: relative;    
text-transform: uppercase;
 
}
.card-title h5 {
font-weight: bold!important;
    
}
.slot_info .card-title p{
font-weight: 100!important;
font-size: 0.8em;  
}


.slot_info h6 {
font-weight:600!important;
}
.slot_info .card-text {
font-size: 0.9em;
}
.nav-tabs .btn-faq {
font-size: 0.8em!important;
text-align: center;    
}
.faq-text{
font-size: 0.9em!important;
}
.faq-text h3 {
font-size: 1.2em;
color: #666666;   
}
.faq-text a{
color: #de0000;
}
.contacto {
text-align: center;
background-color: #303033;	
}
.contacto h3 {
margin-top: 20px;    
color: #FFF;
font-size: 15px;
font-weight: bold;	
}
.contacto p {
color: #FFF;	
font-size: 12px;	
}
.contacto p i {
margin:	0 5px 0 15px; 
}
.contacto img {
width: 7%	
}
.sociales {
margin-top: 30px;
margin-bottom: 20px;	
text-align: center;	
}
.sociales a {
font-size:25px;	
color: #FFF;
padding: 10px;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;	
}
.sociales a:hover {
color: #de0000;
}



@media (max-width: 992px) {
header {
background-image: url('../img/disney_mobile.jpg');
width: 100%;
background-attachment: fixed;
background-size: cover;    
}    
    
    
.nav-link-text {
display: none;
}    
    
 .card__icon {
display: none!important;   
}

header a {
margin-top:80%;  
}
    
header .header__boton {
margin-top: 250px;
color: #de0000;    
font-size: 2.5em;
display: inline-block;    
}   

.nav-tabs a i {
display: block;
}
   
    
    

.contacto img {
width: 20%	
}    
    
 
  }
