@charset "utf-8";
/*@import url("webfonts/Roboto_Regular/stylesheet.css");*/

@font-face {
    font-family: 'Roboto Regular';
    src: url('css/Fonts/Roboto-Regular.eot');
    src: url('css/Fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('css/Fonts/Roboto-Regular.woff2') format('woff2'),
         url('css/Fonts/Roboto-Regular.woff') format('woff'),
         url('css/Fonts/Roboto-Regular.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Medium';
	src: url('css/Fonts/Roboto-Medium.eot');
    src: url('css/Fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('css/Fonts/Roboto-Medium.woff2') format('woff2'),
        url('css/Fonts/Roboto-Medium.woff') format('woff'),
        url('css/Fonts/Roboto-Medium.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Light';
	src: url('css/Fonts/Roboto-Light.eot');
    src: url('css/Fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('css/Fonts/Roboto-Light.woff2') format('woff2'),
        url('css/Fonts/Roboto-Light.woff') format('woff'),
        url('css/Fonts/Roboto-Light.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Mono';
	src: url('css/Fonts/RobotoMono-Regular.eot');
    src: url('css/Fonts/RobotoMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('css/Fonts/RobotoMono-Regular.woff2') format('woff2'),
        url('css/Fonts/RobotoMono-Regular.woff') format('woff'),
        url('css/Fonts/RobotoMono-Regular.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Mono Light';
	src: url('css/Fonts/RobotoMono-Light.eot');
    src: url('css/Fonts/RobotoMono-Light.eot') format('embedded-opentype'),
        url('css/Fonts/RobotoMono-Light.woff2') format('woff2'),
        url('css/Fonts/RobotoMono-Light.woff') format('woff'),
        url('css/Fonts/RobotoMono-Light.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Mono Medium';
	src: url('css/Fonts/RobotoMono-Medium.eot');
    src: url('css/Fonts/RobotoMono-Medium.eot') format('embedded-opentype'),
        url('css/Fonts/RobotoMono-Medium.woff2') format('woff2'),
        url('css/Fonts/RobotoMono-Medium.woff') format('woff'),
        url('css/Fonts/RobotoMono-Medium.ttf') format('truetype');
	font-display: swap;
}

@font-face {
	font-family: 'Roboto Mono Thin';
	src: url('css/Fonts/RobotoMono-Thin.eot');
    src: url('css/Fonts/RobotoMono-Thin.eot') format('embedded-opentype'),
        url('css/Fonts/RobotoMono-Thin.woff2') format('woff2'),
        url('css/Fonts/RobotoMono-Thin.woff') format('woff'),
        url('css/Fonts/RobotoMono-Thin.ttf') format('truetype');
	font-display: swap;
}


.slider {
    width: 100%;
    height: auto;
    margin-right: 0px;
    position: relative;
    clear: left;
    margin-left: 0px;
    animation: scrolling 60s infinite;
    float: left;
    overflow-y: hidden;
    overflow-x: hidden;
    visibility: hidden;
}

.slider1  {
    width: 100%;
    margin-right: 0px;
    position: absolute;
    clear: left;
    margin-left: 0px;
    animation: scrolling 60s 15s infinite;
    float: left;
    overflow-y: hidden;
    overflow-x: hidden;
    visibility: hidden;
    height: auto;
}
.slider2  {
    width: 100%;
    height: auto;
    margin-right: 0px;
    position: absolute;
    clear: left;
    margin-left: 0px;
    animation: scrolling 60s 30s infinite;
    float: left;
    overflow-y: hidden;
    overflow-x: hidden;
    visibility: hidden;
}
.slider3 {
    width: 100%;
    height: auto;
    margin-right: 0px;
    position: absolute;
    clear: left;
    margin-left: 0px;
    animation: scrolling 60s 45s infinite;
    float: left;
    overflow-y: hidden;
    overflow-x: hidden;
    visibility: hidden;
}

body {

}
.typewriter1 h5 {
    color: #FFFFFF;
    font-family: "Roboto Mono", "Roboto Mono Light", "Roboto Mono Medium", "Roboto Mono Thin";
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .20em solid black; /* The typwriter cursor */
    white-space: nowrap;
    margin-right: auto;
    margin-left: 10px;
    margin-bottom: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: 0.2em; /* Adjust as needed */
    animation: typing1 15s steps(35,end) forwards infinite,
    blink-caret .5s  step-end infinite;
    text-shadow: 3px 3px 6px #3B3B3B;
    font-weight: bolder;
    font-size: xx-large;
    text-align: left;
    clear: left;
    float: left;
    width: 0px;
    position: relative;
    display: flex;
}
.typewriter1 h2 {
    color: #FFFFFF;
    font-family: "Roboto Mono", "Roboto Mono Light", "Roboto Mono Medium", "Roboto Mono Thin";
    overflow: hidden;
    border-right: .20em solid black;
    white-space: nowrap;
    margin-right: auto;
    margin-left: 10px;
    margin-bottom: 0;
    letter-spacing: 0.2em;
    animation: typing1 15s steps(35,end) forwards infinite, blink-caret .5s step-end infinite;
    text-shadow: 3px 3px 6px #3B3B3B;
    font-weight: bolder;
    font-size: xx-large;
    text-align: left;
    clear: left;
    float: left;
    width: 0px;
    position: relative;
    display: flex;
}
#news .button  {
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    border: 1px solid #FFFFFF;
    float: left;
    clear: left;
    z-index: 8;
    color: #FFFFFF;
    font-family: "Roboto Light";
    text-decoration: none;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: large;
    display: block;
    right: 4%;
    text-align: center;
    bottom: 2%;
}
.button:hover {
    text-shadow: 0px 0px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    background-color: #FFFFFF;
}


.spot  {
    clear: none;
    display: flex;
    float: none;
    position: absolute;
    left: 1%;
    top: 2%;
}
.SL_container {
    width: 100%;
    overflow-y: hidden;
    height: auto;
}
body {
}
.SL_img {
    width: 100%;
}


/* BSLIDER*/
.B_slider, .B_slider1, .B_slider2, .B_slider3, .B_slider4 {
    width: 100%;
    height: auto;
    margin-right: 0px;
    clear: left;
    margin-left: 0px;
    float: left;
    overflow-y: hidden;
    overflow-x: hidden;
    visibility: hidden;
}

.B_slider {
    position: relative;
}

.B_slider1, .B_slider2, .B_slider3, .B_slider4 {
    position: absolute;
}

.B_cornice {
    width: 90%;
    height: auto;
    position: absolute;
    /* [disabled]max-width: 775px; */
    /* [disabled]margin-top: 15%; */
    top: 26%;
    /* [disabled]margin-left: 5%; */
}

.B_slider, .B_didascalia {
 animation: B_scrolling 75s infinite;
}

.B_slider1, .B_didascalia1  {
    animation: B_scrolling 75s 15s infinite;
}
.B_slider2, .B_didascalia2  {
    animation: B_scrolling 75s 30s infinite;
}
.B_slider3, .B_didascalia3 {
    animation: B_scrolling 75s 45s infinite;
}

.B_slider4, .B_didascalia4 {
	animation: B_scrolling 75s 60s infinite;
}

body {
    background-color: #999999;
}



.B_spot  {
    clear: left;
    display: flex;
    float: left;
    position: absolute;
    left: 3%;
    top: -20%;
}
.B_didascalia, .B_didascalia1, .B_didascalia2, .B_didascalia3, .B_didascalia4  {
    clear: none;
    float: left;
    /* [disabled]top: 6%; */
    visibility: hidden;
    width: 100%;
    margin-left: 10%;
    height: auto;
    display: block;
    position: absolute;
}
.B_SL_container {
    width: 80%;
    overflow-y: hidden;
    height: 100%;
    position: relative;
    /* [disabled]margin-top: 4.5%; */
    margin-left: 10%;
    z-index: 7;
    /* [disabled]left: 5%; */
    overflow-x: hidden;
}

.B_SL_img {
    width: 100%;
    z-index: 7;
}
.B_cornice .B_bordo {
    position: absolute;
    height: auto;
    top: -10.5%;
    display: block;
    left: 30%;
    z-index: 25;
}
.B_text_container {
    position: absolute;
    width: 80%;
    overflow-y: hidden;
    height: 32pt;
    /* [disabled]margin-left: 18%; */
    margin-bottom: 0px;
    bottom: 110%;
    /* [disabled]min-width: 500px; */
    text-align: center;
    left: 10%;
    overflow-x: hidden;
}
.B_dida {
    float: left;
    clear: left;
    font-family: "Roboto Regular";
    text-transform: uppercase;
    text-align: center;
    font-size: 12pt;
    width: 100%;
    height: auto;
    position: absolute;
    color: #FFFFFF;
    /* [disabled]top: 6%; */
    vertical-align: bottom;
    padding-top: 14px;
    padding-bottom: 0px;
}
.button_R {
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    border: 1px solid #FFFFFF;
    padding-left: 30px;
    position: absolute;
    clear: left;
    z-index: 8;
    color: #FFFFFF;
    font-family: "Roboto Light";
    text-decoration: none;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: large;
    display: block;
    text-align: center;
    margin-top: 7%;
    bottom: 2%;
    float: right;
    right: 4%;
}
.button_R:hover {
    border: 1px solid #FFFFFF;
    color: #000000;
    font-family: "Roboto Light";
    text-decoration: none;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: large;
    text-align: center;
    text-shadow: 0px 0px;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: #FFFFFF;
}


@keyframes B_scrolling {
  0% {visibility: visible; right:-100%}
  4% {right:0}
  16% {visibility: visible;right:0}
  20% {visibility: hidden;right:100% }
  100% {visibility: hidden;right:-100%}
}

@keyframes scrolling {
  0% {opacity:0; visibility: visible; width: 100%}
  5% {opacity:1; }
  20% {opacity:1;  visibility: visible; width:100%; left:0%}
  25% {opacity:0; visibility: hidden; width:110%; left:-5%}
  100% {opacity:0; visibility: hidden; width:100%; left:0%}
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes typing1 {
  0% { width: 0 }
  13% { width: 0 }
  43% {width:100%}
  100% {width:100%}
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: black}
}


@media (max-width:1300px){
.typewriter1 h5 {
    color: #FFFFFF;
    font-family: "Roboto Mono", "Roboto Mono Light", "Roboto Mono Medium", "Roboto Mono Thin";
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .20em solid black; /* The typwriter cursor */
    white-space: nowrap;
    margin-right: auto;
    margin-left: 10px;
    margin-bottom: 0; /* Gives that scrolling effect as the typing happens */
    letter-spacing: 0.2em; /* Adjust as needed */
    animation: typing1 15s steps(35,end) forwards infinite,
    blink-caret .5s  step-end infinite;
    text-shadow: 3px 3px 6px #3B3B3B;
    font-weight: bolder;
    text-align: left;
    clear: left;
    float: left;
    width: 0px;
    position: relative;
    display: flex;
    font-size: xx-large;
}
.typewriter1 h2 {
    color: #FFFFFF;
    font-family: "Roboto Mono", "Roboto Mono Light", "Roboto Mono Medium", "Roboto Mono Thin";
    overflow: hidden;
    border-right: .20em solid black;
    white-space: nowrap;
    margin-right: auto;
    margin-left: 10px;
    margin-bottom: 0;
    letter-spacing: 0.2em;
    animation: typing1 15s steps(35,end) forwards infinite, blink-caret .5s step-end infinite;
    text-shadow: 3px 3px 6px #3B3B3B;
    font-weight: bolder;
    text-align: left;
    clear: left;
    float: left;
    width: 0px;
    position: relative;
    display: flex;
    font-size: xx-large;
}
.button {
    bottom: 4%;
    top: auto;
}



}

@media (max-width:1100px){
.typewriter1 h5 {
    font-size: 100%;
    color: #FFFFFF;
    font-family: "Roboto Mono", "Roboto Mono Light", "Roboto Mono Medium", "Roboto Mono Thin";
    overflow: hidden;
    border-right: .20em solid black;
    white-space: nowrap;
    margin-right: auto;
    margin-left: 5px;
    margin-bottom: 0;
    animation: typing1 15s steps(35,end) forwards infinite, blink-caret .5s step-end infinite;
    text-shadow: 3px 3px 6px #000000;
    font-weight: bolder;
    text-align: left;
    clear: left;
    float: left;
    width: 0px;
    position: relative;
    display: flex;
    letter-spacing: 1px;
}
.typewriter1 h2 {
    font-size: 100%;
    color: #FFFFFF;
    font-family: "Roboto Mono", "Roboto Mono Light", "Roboto Mono Medium", "Roboto Mono Thin";
    overflow: hidden;
    border-right: .20em solid black;
    white-space: nowrap;
    margin-right: auto;
    margin-left: 5px;
    margin-bottom: 0;
    animation: typing1 15s steps(35,end) forwards infinite, blink-caret .5s step-end infinite;
    text-shadow: 3px 3px 6px #000000;
    font-weight: bolder;
    text-align: left;
    clear: left;
    float: left;
    width: 0px;
    position: relative;
    display: flex;
    letter-spacing: 1px;
}
.spot {
    clear: none;
    display: flex;
    float: none;
    position: absolute;
    left: 1%;
    top: 2%;
}
.slider, .slider1, .slider2, .slider3 {
    height: 80%;
    width: auto;
}
.SL_container {
    height: 60%;
    overflow-x: hidden;
    width: auto;
}
.SL_img {
    /* [disabled]height: 60%; */
    width: 100%;
}

}