/*
By gowin studio
*/
@font-face {
  font-family: 'roboto_condensedregular';
  src: url('roboto_condensed/robotocondensed-regular-webfont.woff2') format('woff2'),
       url('roboto_condensed/robotocondensed-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'roboto_condensedbold';
  src: url('roboto_condensed/robotocondensed-bold-webfont.woff2') format('woff2'),
       url('roboto_condensed/robotocondensed-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'roboto_condensedlight';
  src: url('roboto_condensed/robotocondensed-light-webfont.woff2') format('woff2'),
       url('roboto_condensed/robotocondensed-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'open_sansregular';
  src: url('opensans/opensans-regular-webfont.woff2') format('woff2'),
       url('opensans/opensans-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}




body {
  margin: 0;
  background-color: rgb(41, 0, 59);  
  overflow-x: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}

body::-webkit-scrollbar { /* WebKit */
  width: 0;
  height: 0;
}

main {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw 100vw;
  width: 1800vw;
  justify-content: center;
  align-items: center;
  /*height: 100% !important;*/
  overflow: hidden;
}


.swipe-area {
  position: fixed;
  /*width: 50px;*/
  width: 5vw;
  left: 0;
  top: 0;
  height: 100%;
  background: transparent;
  z-index: 0;
}

/* Menu Sidebar */

#sidebar {
  font-family: 'open_sansregular', sans-serif;  
  width: 15vw;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;  
  margin-left: -15vw;  
  height: 100vh;
  z-index: 999;
  background: #ffffffe8;
  color: #333;
  transition: all 0.3s;
}
#sidebar.active {
  margin-left: 0;
}
.sidebar-container {
  width: 100vw;  
}

#sidebar .sidebar-header {
  padding: 20px;
  /*background: #6d7fcc;*/
}
h3.sidebar-title {
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  /*font-size: 1.1rem;*/
  font-size: 0.7rem;
  text-align: center;
  color: rgb(1, 156, 177);

}
img.poster-menu-sidebar {
  width: 12vw;
  padding-bottom: 1rem;
}
.card-header {
  padding: 0;
}

button.btn-link {
  font-weight: 500;
  padding: 1rem 1.25rem;
  /*font-size: 0.8rem;*/
  font-size: 0.5rem;
  width: 100%;
  color: #333;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;

}
button.btn-link:hover {
  text-decoration: none;
  color: #333;
}
button.btn-link:focus {
  text-decoration: none;
  color: #333;
  background-color: rgb(216, 216, 216);
}
button.button-sidebar:focus {
  border: none;
  outline: none;
}

.card-body p {
  /*font-size: 0.75rem;*/
  font-size: 0.4rem;

}


.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

button.button-sidebar {
  z-index: 100;
  position: fixed;
  top: 50vh;  
  color: #333333;
  background-color: #fff;
  border-radius: 50%;
  line-height: 1;
  padding: 10px 13px 10px 13px;
  font-size: 1.2em;

}
button.button-sidebar:hover{
  background-color: #800000;
  color: #ffffff;
}
button.button-sidebar.close {
  left: 10px;
  transition: all 0.3s;
}
button.button-sidebar.open {
  /*left: 255px;*/
  left: 15.5vw;
  transition: all 0.3s;
}

/* Navigator */
.navigator {
  z-index: 100;
  position: fixed;
  bottom: 0px;
  left: 0;
  width: 100%;
  color: #ffffff;
}

.nav_row_1 {
  width: 100%;
  height: 5vh;
  display: flex;
  align-items: flex-end;
}

.nav_row_2 {
  width: 100%;
  height: 5vh;
  display: flex;
  margin-bottom: 3vh;
}

.nav_col_f {
  flex: 0 0 3.6vw;
}

.nav_col_start, .nav_col_final {
  flex: 0 0 1vw;
  text-align: center;
  align-items: center!important;
  display: flex;
}

.nav_col_sp {
  flex: 0 0 1.2vw;
  text-align: center;
  align-items: center!important;
  display: flex;  
}

button.nav_col_year {
  font-family: 'roboto_condensedbold', sans-serif;
  font-size: 1.2rem;
}
button.nav_col_bullet {
  font-size: 0.5rem;
}

button.nav_col_year, button.nav_col_bullet {
  flex: 0 0 4vw;
  text-align: center;
  background: transparent;
  border: none; 
  color: #ffffff;
}

button.nav_col_year.highlight, button.nav_col_year:hover {
  font-size: 1.5rem;
}

button.nav_col_bullet.highlight, button.nav_col_bullet:hover {
  font-size: 1rem;
}


button.nav_col_year:focus, button.nav_col_bullet:focus {
  border: none;
  outline: none;
}

.selector {
  font-size: 2.2rem;
  color: #ffffff;
  margin-left: 5vw;
}


/* Card Flip */

.flip-card {
  width: 14vw;  
  position: absolute;
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;  
}
.flip-card:hover{
  cursor: pointer;
}
.flip-card div {
  display: block;
  width: 14vw;  
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  
}
.flip-card .front {
  
}
.flip-card .back {
  
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
  
}
.flip-card.flipped {
  -webkit-transform: rotateY( 180deg );
  -moz-transform: rotateY( 180deg );
  -o-transform: rotateY( 180deg );
  transform: rotateY( 180deg );
  
}

img.flip-card-front, img.flip-card-back {
  width: 100%;
}


/* Slides */

.slide_01 {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh !important;    
    background-image: url('../img/bloques/fondo_bloque_01.jpg');  
    background-size: 100vw 100vh;  
}

.slide_02 {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh !important;    
    background-image: url('../img/bloques/fondo_bloque_02.jpg');    
    background-size: 100vw 100vh;  
}

.slide_03 {
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh !important;    
    background-image: url('../img/bloques/fondo_bloque_03.jpg');    
    background-size: 100vw 100vh;  
}

.slide_04 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_04.jpg');    
  background-size: 100vw 100vh;  
}

.slide_05 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_05.jpg');    
  background-size: 100vw 100vh;  
}

.slide_06 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_06.jpg');    
  background-size: 100vw 100vh;  
}

.slide_07 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_07.jpg');    
  background-size: 100vw 100vh;  
}

.slide_08 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_08.jpg');    
  background-size: 100vw 100vh;  
}

.slide_09 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_09.jpg');    
  background-size: 100vw 100vh;  
}

.slide_10 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_10.jpg');    
  background-size: 100vw 100vh;  
}

.slide_11 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_11.jpg');    
  background-size: 100vw 100vh;  
}

.slide_12 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_12.jpg');    
  background-size: 100vw 100vh;  
}

.slide_13 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_13.jpg');    
  background-size: 100vw 100vh;  
}

.slide_14 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_14.jpg');    
  background-size: 100vw 100vh;  
}

.slide_15 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_15.jpg');    
  background-size: 100vw 100vh;  
}

.slide_16 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_16.jpg');    
  background-size: 100vw 100vh;  
}

.slide_17 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_17.jpg');    
  background-size: 100vw 100vh;  
}

.slide_18 {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh !important;    
  background-image: url('../img/bloques/fondo_bloque_18.jpg');    
  background-size: 100vw 100vh;  
}

/* Box Info*/

.BoxInfo {
  position: absolute;
}

/* Slide 1 */

.Object_Slide_1_1 {
  margin-top: 71vh;
  margin-left: 51vw;
  position: absolute;
  color: #ffffff;

}

/* Slide 3 */

.pos-slide3-flipcards-01 {
  margin-top: 5vh;
  margin-left: 10vw;
}

.pos-slide3-flipcards-02 {
  margin-top: 5vh;
  margin-left: 30vw;
}

.pos-slide3-flipcards-03 {
  margin-top: 5vh;
  margin-left: 50vw;
}

.pos-slide3-flipcards-04 {
  margin-top: 5vh;
  margin-left: 70vw;
}

.BoxInfo_Slide_3_Info_1 {
  margin-top: 20vh;
  margin-left: 69vw;
}

/* Slide 4 */

.pos-slide4-flipcards-01 {
  margin-top: 5vh;
  margin-left: 30vw;
}

.pos-slide4-flipcards-02 {
  margin-top: 5vh;
  margin-left: 50vw;
}

.BoxInfo_Slide_4_Info_1 {
  margin-top: 35vh;
  margin-left: 64vw;
}

/* Slide 5 */

.Object_Slide_5_1 {
  margin-top: 25vh;
  margin-left: 14vw;
  position: absolute;

}

.BoxInfo_Slide_5_Info_1 {
  margin-top: 35vh;
  margin-left: 54vw;
}

/* Slide 6 */

.pos-slide6-flipcards-01 {
  margin-top: 5vh;
  margin-left: 10vw;
}

.pos-slide6-flipcards-02 {
  margin-top: 5vh;
  margin-left: 30vw;
}

.pos-slide6-flipcards-03 {
  margin-top: 5vh;
  margin-left: 50vw;
}

.pos-slide6-flipcards-04 {
  margin-top: 5vh;
  margin-left: 70vw;
}

.BoxInfo_Slide_6_Info_1 {
  margin-top: 39vh;
  margin-left: 44vw;
}

/* Slide 7 */

.pos-slide7-flipcards-01 {
  margin-top: 5vh;
  margin-left: 30vw;
}

.BoxInfo_Slide_7_Info_1 {
  margin-top: 39vh;
  margin-left: 23vw;
}

.BoxInfo_Slide_7_Info_2 {
  margin-top: 20vh;
  margin-left: 69vw;
}

/* Slide 8 */

.pos-slide8-flipcards-01 {
  margin-top: 5vh;
  margin-left: 42vw;
}

.BoxInfo_Slide_8_Info_1 {
  margin-top: 29vh;
  margin-left: 20vw;
}

/* Slide 9 */

.pos-slide9-flipcards-01 {
  margin-top: 5vh;
  margin-left: 42vw;
}

.BoxInfo_Slide_9_Info_1 {
  margin-top: 38vh;
  margin-left: 10vw;
}

.BoxInfo_Slide_9_Info_2 {
  margin-top: 40vh;
  margin-left: 66vw;
}


/* Slide 10 */

.BoxInfo_Slide_10_Info_1 {
  margin-top: 43vh;
  margin-left: 33vw;
}


/* Slide 11 */

.BoxInfo_Slide_11_Info_1 {
  margin-top: 43vh;
  margin-left: 63vw;
}

/* Slide 12 */

.BoxInfo_Slide_12_Info_1 {
  margin-top: 43vh;
  margin-left: 17vw;
}

/* Slide 13 */

.BoxInfo_Slide_13_Info_1 {
  margin-top: 43vh;
  margin-left: 68.5vw;
}


/* Slide 14 */

.BoxInfo_Slide_14_Info_1 {
  margin-top: 43vh;
  margin-left: 63vw;
}


/* Slide 15 */

.Object_Slide_15_1 {
  margin-top: 25vh;
  margin-left: 29vw;
  position: absolute;

}

.BoxInfo_Slide_15_Info_1 {
  margin-top: 46vh;
  margin-left: 39vw;
}

/* Slide 16 */

.pos-slide16-flipcards-01 {
  margin-top: 5vh;
  margin-left: 42vw;
}


.BoxInfo_Slide_16_Info_1 {
  margin-top: 43vh;
  margin-left: 67vw;
}


/* Slide 17 */


.BoxInfo_Slide_17_Info_1 {
  margin-top: 23vh;
  margin-left: 50vw;
}


/* Slide 18 */


.BoxInfo_Slide_18_Info_1 {
  margin-top: 26vh;
  margin-left: 7vw;
}

.Object_Slide_18_1 {
  position: absolute;
  margin-top: 30vh;
  margin-left: 69vw;

}

.panel-scroll-text {
  overflow-y: auto;
  height: 40vh;

}


/* Box Info actions */

.BoxInfo-actions {
  display: flex;
  width: 20.5vw;
  justify-content: center;
}
.BoxInfo-window {
  margin-top: 1vh;
}

.action-button {
  padding: 0.9vw;
  margin: 0.5vw;
  background-color: #221B33;
  border-radius: 50%;
  line-height: 1;
}
.action-button-active {
  background-color: #800000;
}
a.action-button {color: #ffffff;}
a.action-button:hover { 
  /*background-color: #302849*/
  background-color: #800000;
}
a.action-button:focus {
  -webkit-animation: jello-vertical 0.9s both;
            animation: jello-vertical 0.9s both;
}
i.icon-menu {
  font-size: 1.3em;
}

/* Info widgets */
.widget-info-closed{
  visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear;
  /*display: none;*/
  /*opacity: 0;*/
  /*height: 0;
	opacity: 0;*/
    
}
.widget-info-open {
  /*display: block;*/
  /*height: auto;
  opacity: 1;*/
  /*opacity: 1;*/
  visibility: visible; opacity: 1;
}

i.icon-close {
  font-size: 1em;
}
.action-close {  
  position: absolute;
  top: 0.4em;
  right: 2em;
  color: #fff;
}
a.action-close:hover { color: #302849}

.widget-info {  
  background-color: #221B33;
  border-radius: 5%;
  position: absolute;
  padding-bottom: 4vh;  
  padding-top: 5vh;
  padding-left: 1.7vw;
  padding-right: 1.7vw; 
}
.widget-info-content {  
  
}
.widget-info-content-text {
  overflow-y: auto;
  height: 30vh;
}
.thumb-epigrafe {
  font-family: 'open_sansregular', sans-serif;
  color: #fff;
  /*background-color: #ffffff;*/
  font-size: 0.5rem;
  height: auto;
  padding-top: 0.5rem;
}


/* Video player */

video::-webkit-media-controls-fullscreen-button {
  display: none;
}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
video::-webkit-media-controls-volume-slider {}


/* Scrollbar styles */

::-webkit-scrollbar {
  width: 6px;
  height: 6px;  
}

::-webkit-scrollbar-track {
  border: 1px solid #302849;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: #302849;  
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #302849;  
}

/* Lightslider */

ul.widget_light_slider {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.widget_light_slider li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
}
.widget_light_slider li img {
    display: block;
    height: auto;
    max-width: 100%;
}


/* Animation */

/* ----------------------------------------------
 * Generated by Animista on 2019-10-9 20:9:46
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
 @-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}

.slide-left {
	-webkit-animation: slide-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
	        animation: slide-left 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}



/* Icon moon */

@font-face {
  font-family: 'icomoon';
  src:  url('../icomoon/fonts/icomoon.eot?6p3ws9');
  src:  url('../icomoon/fonts/icomoon.eot?6p3ws9#iefix') format('embedded-opentype'),
    url('../icomoon/fonts/icomoon.ttf?6p3ws9') format('truetype'),
    url('../icomoon/fonts/icomoon.woff?6p3ws9') format('woff'),
    url('../icomoon/fonts/icomoon.svg?6p3ws9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;  
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;  
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; 
}

.icon-moon {
  font-family: 'icomoon';  
  /*font-size: 1.5rem;*/
  text-decoration: none;
}
.icon-moon.icon_lsa:before {
  content: "\e900";
  color: #fff;
}

.action-button-moon {
  
}