@charset "utf-8";
@import url("../fonts/Didot/stylesheet.css");

/* CSS Document */
   
    .container-fluid{
    /* [disabled]padding-right: 15px; */
    /* [disabled]padding-left:15px; */
    margin-right: auto;
    margin-left: auto;
}
.navbar {
    visibility: hidden;
    z-index: 11;
    position: relative;
    display: none;
}
    .navbar-nav .navbar-right{
    float: right!important;
    margin-right: -15px;
    text-decoration: none;
}
   .navbar-right a{
    background-color: #F3F3F3;
    color: hsla(0,0%,100%,1.00);
    text-align: right;
}
  .navbar-right a:hover{
    background-color: #FFFFFF;
    color: hsla(0,0%,0%,1.00);
}
/*NAVEGADOR BOOKS*/
     .sidenav {
    font-size: 0.87rem;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    }
 
.nav li{
    display: block;
    padding-left: 0.6em;
    padding-right: 0.6em;
    position: relative;

}
.nav li a{
    color: hsla(0,0%,0%,1.00);
    padding-bottom: 0.2rem;
    display: block;
    padding-top: 0.2rem;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    text-decoration: none;
}
.nav>li>a:focus,.nav>li>a:hover{
    color: hsla(0,0%,77%,1.00);

}
.header-logo {
    color: hsla(0,0%,0%,1.00);
    font-size: 1.7rem;
    font-family: Grotesque MT Bold;
    letter-spacing: -1px;
    text-align: center;
    margin-bottom: 14px;
    position: relative;
    z-index: 10;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
/*  IDIOMA  */
#idioma {
    position: relative;
    float: right;
    right: 30px;
    z-index: 1;
    margin-top: -50px;
}
/*  IDIOMA  */
#paises {
    position: relative;
    float: right;
    z-index: 15;
}
.dropbtn_idioma {
    color: #010101;
    border: none;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    background-color: #FFFFFF;
}
.dropdown_idioma {
    position: relative;
    display: inline-block;
    font-size: 15px;
}
.dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border: thin solid #000000;
    margin-left: 11px;
    text-decoration: none;
    display: block;

}
.dropdown-content a:hover {
    color: #A2A2A2;
    /* [disabled]padding-right: 7px; */
}
.dropdown_idioma:hover .dropdown-content {
    display: block;
}
.dropdown_idioma:hover .dropbtn_idioma {
    color: #A2A2A2;
}
/*  THE END IDIOMA  */
.footer {
    width: 100%;
    color: white;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 8px;
    font-size: 0.88rem;
    position: relative;
    background-color: hsla(0,0%,0%,1.00);
    margin-top: 5rem;
    height: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
}
.row .col-xs-2 .video_col {
    max-width: 1536px;
    width: 100%;
    border: thin solid hsla(0,0%,90%,1.00);

}
.column {
    width: 50%;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    height: 300px; /* Should be removed. Only for demonstration */
    background-color: hsla(0,0%,100%,1.00);
    float: left;
    clear: both;
}
#slide  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    /* [disabled]margin-top: 20px; */
    /* [disabled]margin-bottom: 200px; */
}
#slide-1  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    /* [disabled]margin-top: 20px; */
    /* [disabled]margin-bottom: 200px; */
}
#videogalery_1  {
    height: 5%;
    margin-top: 100px;
}
.video_col{
    width: 100%;
    max-height: 750px;
}
/* ********************************´¨
GO TOP BUTTON
********************************** */
#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    /* [disabled]font-size: 18px; */
    border: none;
    outline: none;
    /* [disabled]color: white; */
    cursor: pointer;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    border-radius: 4px;
    background-image: url(../images/ico_go_top.png);
    background-repeat: no-repeat;
    background-position: -51% 45%;
    background-size: 5em auto;
    -webkit-transition: bottom 0.3s ease-out;
    -moz-transition: bottom 0.3s ease-out;
    -o-transition: bottom 0.3s ease-out;
    transition: bottom 0.3s ease-out;
    width: 60px;
    height: 6px;
}

#myBtn:hover {
 background-color: #555;
}

.container-nav {
    margin-left: auto;
    margin-right: auto;
}
.header-logo a {
    color: hsla(0,0%,0%,1.00);
    text-decoration: none;
}

/*CAROUSEL PORTADA*/
.carousel-inner .card .card-body {
}
.card .card-body h1 {
    color: hsla(0,0%,0%,1.00);
    position: relative;
    top: -20px;
}
#container-slide {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-top: 2rem;
}
#container-slide-1 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-top: 8rem;
}
#container-slide-2 {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-top: 2rem;
}

/*BOOK*/
.container-book {
    width: 80%;
    /* [disabled]background-color: hsla(71,79%,50%,1.00); */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 5%;
    display: flex;
}
.display-4 {
    font-size: 10vw!important;
    font-weight: 100!important;
    position: absolute;
    bottom: -16px;
    left: 6px;
    font-family: 'Lato', sans-serif!important;
}
.row-book  {
    width: 88%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 86px;
}
#wrap {
    overflow-x: hidden;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.container-video {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    max-height: 750px;
    max-width: 1332px;
    position: relative;
}
.clear {
    clear: both;
}
.text-center.col-lg-6.offset-lg-3 p a {
    color: hsla(0,0%,100%,1.00);
}
.card-header h3 strong {
    font-size: 1.5rem;

}
.card-header h3 .h4 {
    font-size: 1.2rem;
}
/*C*/
  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    margin-left: auto;
    margin-right: auto;
    /* [disabled]margin-top: 4rem; */
    margin-bottom: 4rem;
    background-color: hsla(0,0%,94%,1.00);
    padding-top: 4rem;
    padding-bottom: 2rem;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
.navbar-nav.navbar-right {

}
.navbar-nav.navbar-right .nav-item .nav-link {
    padding-right: 2rem;
}
.nav li .active {
    color: hsla(41,44%,45%,1.00);
}



@media (max-width: 1500px) {
    .text-center.col-lg-6.offset-lg-3 p a {
        color: hsla(0,0%,100%,1.00);
}
.text-center.col-lg-6.offset-lg-3 p a:h {
    color: hsla(0,1%,45%,1.00);
}
.container-book {
    width: 95%;
}
.display-4 {
    margin-bottom: 15px;
}
}

@media (max-width: 1200px) {
    
#container-slide {
    width: 90%;
}
#container-slide-1 {
    width: 90%;
    position: relative;
    margin-bottom: 0px;
} 
  .display-4 {
    bottom: 5px;
}
.container-book {
    width: 95%;
    /* [disabled]background-color: hsla(244,58%,72%,1.00); */
    margin-bottom: 3%;
}
/* CAMPAGNE*/
  .row {
    width: 100%;
}
      .col-md-5 {
     -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-top: 2.2rem;
    /* [disabled]width: 100%; */
  }
.card-header h3 strong {
    font-size: 1.280rem;
}
.card-header h3 .h4 {
    font-size: 0.950rem;
}
}
@media (min-width: 767.98px) {   
    .header-logo {
    /* [disabled]margin-top: -25px; */
  }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
} 
@media (max-width: 767.98px) {
     h1, .h1 {
    font-size: 1.8rem;
}  
/* NAVEGADOR MOVIL VISIBLE*/
.navbar {
    visibility: visible;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    display: block;
}
    
 /* NAVEGADOR ESCRITORIO HIDDEN*/
 #container-header {
    visibility: hidden;
    display: none;
}   
#container-slide {
    width: 95%;
}
#container-slide-1 {
    width: 95%;
    margin-top: -5px;
} 
 #container-slide-2 {
    visibility: hidden;
    display: none;
} 

 #idioma {
    display: none;
    visibility: hidden;
}
  .display-4 {
    /* [disabled]font-size: 5em; */
    bottom: 27px;
    /* [disabled]color: hsla(125,100%,23%,1.00); */
}
.container-book {
    width: 100%;
    /* [disabled]background-color: hsla(296,80%,50%,1.00); */
    margin-bottom: 1px;
}

     /* NAVEGADOR BOOK */   
    .nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    /* [disabled]flex-flow: row nowrap; */
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    float: none;
  }
   .nav li{
    width: 100%;
    float: none!important;
    text-align: right;
    height: 36px;
    margin-right: 2%;
    } 
/* CAMPAGNE*/
  .row {
    width: 100%;
}
  .col-md-5 {
    -webkit-box-flex: 95%;
    -ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 100%;
    /* [disabled]margin-left: 5px; */
    margin-top: 4rem;
  }
 .card-header h3 strong {
    font-size: 1rem;
}
.card-header h3 .h4 {
    font-size: 0.8rem;
}
}
@media (max-width: 576px) {
     h3, .h3 {
    font-size: 1rem;
}  
     h1, .h1 {
    font-size: 1.4rem;
      
    }
    .header-logo {
    font-size: 1.3rem;
  }
      .display-4 {
    /* [disabled]font-size: 3.600em; */
    /* [disabled]bottom: 45px; */
    /* [disabled]color: hsla(125,100%,23%,1.00); */
}
 .carousel-indicators {
    visibility: hidden;
}
.carousel-control-prev-icon,.carousel-control-next-icon{
    visibility: hidden;
}

#container-slide {
    /* [disabled]background-color: hsla(359,85%,74%,1.00); */
}


}