@font-face {
  font-family: "HR";

  src: url("../fonts/HR.svg") format("svg"),
    url("../fonts/HR.ttf") format("truetype"), 
    url("../fonts/HR.woff") format("woff"), 
    url("../fonts/HR.woff2") format("woff2"); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HB";

  src: url("../fonts/HB.svg") format("svg"), 
    url("../fonts/HB.ttf") format("truetype"), 
    url("../fonts/HB.woff") format("woff"), 
    url("../fonts/HB.woff2") format("woff2"); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SR";

  src: url("../fonts/SR.svg") format("svg"), 
    url("../fonts/SR.ttf") format("truetype"), 
    url("../fonts/SR.woff") format("woff"), 
    url("../fonts/SR.woff2") format("woff2"); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SRI";

  src: url("../fonts/SRI.svg") format("svg"), 
    url("../fonts/SRI.ttf") format("truetype"), 
    url("../fonts/SRI.woff") format("woff"), 
    url("../fonts/SRI.woff2") format("woff2"); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SB";

  src: url("../fonts/SB.svg") format("svg"), 
    url("../fonts/SB.ttf") format("truetype"), 
    url("../fonts/SB.woff") format("woff"), 
    url("../fonts/SB.woff2") format("woff2"); 
  font-weight: normal;
  font-style: normal;
}

*{
  box-sizing: border-box;
}

body{
  font-family: "SR", Arial, Helvetica, sans-serif;
  background-color: #F5F5F5;
  margin: 0;
  padding: 0;
}

.img-responsive{
width: 100%;
}

/* SCROLL BAR STYLE */
::-webkit-scrollbar {
width: 5px;
}

::-webkit-scrollbar-track {
background: #F5F5F5;
}

::-webkit-scrollbar-thumb {
background: #000; 
}

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

/* Slider Configurations */
.owl-item {
text-align: center;
}

.owl-prev {
content: url(../images/19out/windows/Arrow_Left.svg) !important;
position: absolute;
top: -26px;
}

.owl-next {
content: url(../images/19out/windows/Arrow_Right.svg) !important;
position: absolute;
top: -26px;
padding-left: 30px;
}

.owl-dots {
counter-reset: slides-num;
position: absolute;
top: -35px;
right: 14px;
}

.owl-dots:after {
content: counter(slides-num) ")";
display: inline-block;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
position: absolute;
top: 8px;
text-align: right;
}

.owl-dot {
counter-increment: slides-num;
right: 20px;
position: absolute;
}
.owl-dot span {
display: none;
}
.owl-dot.active:before {
content: "(" counter(slides-num) "/";
display: inline-block;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
position: absolute;
top: 8px;
right: -26px;
text-align: right;
padding-right: 10px;
}

/* Reveal and Hide Styles */
.toggle-btn{
display: none;
}

.toggle-btn-visible{
display: block;
}

.toggle-target-hidden{
display: none;
}

.toggle-target-expanded{
display: block;
}

/* Animations */
@keyframes dissolve{
from{ opacity: 0;}
to{ opacity: 1;}
}

@keyframes dissolve-up{
from{ opacity: 0; transform: translateY(200px);}
to{ opacity: 1; transform: translateY(0);}
}

@keyframes dissolve-scale{
from{ opacity: 0; transform: scale(.7);}
to{ opacity: 1; transform: scale(1);}
}

/* MODAL WINDOW 0_1 e 0_2 */
span.frame-line-left {
width: 2px;
height: 100%;
background: #000;
position: fixed;
z-index: 2;
}

span.frame-line-bottom {
width: 100%;
height: 2px;
bottom: 0;
background: #000;
position: fixed;
z-index: 2;
}

span.frame-line-right {
width: 2px;
height: 100%;
background: #000;
position: fixed;
right: 0;
z-index: 2;
}

.modal-cena {
width: 100%;
display: flex;
}

.modal-top {
width: 100%;
height: 51px;
position: fixed;
background: #F5F5F5;
border: 2px solid #000;
border-bottom: 6px solid #000;
display: flex;
justify-content: space-around;
align-items: center;
z-index: 2;
}

.modal-top h2 {
font-family: "HR", Arial, Helvetica, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 100%;
text-transform: uppercase;
height: 28px;
margin-bottom: 0;
margin: auto;
}

span.line_close_button {
width: 2px;
height: 51px;
background: #000;
position: relative;
right: 15px;
}

.modal-top a img {
width: 37.25px;
height: 37.25px;
right: 7px;
position: relative;
top: 1.7px;
}

.modal-left {
width: 50%;
height: 100vh;
position: fixed;
z-index: 0;
}

.grid-modalwindow img {
width: 50%;
height: 100vh;
object-fit: cover;
position: fixed;
z-index: -1;
background: #f5f5f5;
}

span.frame-line-middle {
width: 2px;
height: 100vh;
background: #000;
position: fixed;
top: 0;
left: 50%;
}

.button-top-permanente {
width: 209.5px;
height: 37px;
position: fixed;
padding-top: 66px;
padding-left: 20px;
animation: dissolve 2s ease-out;
}

.button-top-permanente img:hover{
content: url(../images/index/buttons/Button_empermanencia_black.png);
}

.button-top-permanente img, .button-top-19 img, .button-top-20 img,
.button-top-21 img, .button-top-22 img, .button-top-23 img,
.button-top-24 img, .button-top-25 img {
width: 100%;
}

.address-bottom {
width: 50%;
position: fixed;
bottom: 0;
padding: 0 20px 10px 20px;
}

.address-bottom a {
text-decoration: none;
color: #000;
}

.address-bottom h2 {
font-family: "HB", Arial, Helvetica, sans-serif;
font-size: 3.7vw;
line-height: 110%;
text-transform: uppercase;
text-align: left;
color: #000;
margin: 0;
animation: dissolve 2s ease-out;
}

.address-bottom h3 {
font-family: "HR", Arial, Helvetica, sans-serif;
font-size: 1vw;
text-transform: uppercase;
text-align: left;
line-height: 110%;
margin: 0;
animation: dissolve 2s ease-out;
}

.modal-right {
width: 50%;
padding: 120px 20px 6px 20px;
position: absolute;
top: 0;
right: 0;
background: #F5F5F5;
}

span.line_frame_middle {
width: 2px;
height: 100vh;
background: #000;
position: fixed;
top: 0;
left: 50%;
}

.title-permanente {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
letter-spacing: -0.02em;
text-transform: uppercase;
padding-bottom: 30px;
}

img.image_permanente_1 {
width: 100%;
animation: dissolve-up 1s ease-out;
}

p.text_permanente {
padding-top: 50px;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.modal-cena {
  width: 100%;
  display: block;
}

.modal-left {
  height: 0;
}

.grid-modalwindow img {
  display: none;
}

span.frame-line-middle {
  display: none;
}

.address-bottom {
  width: 100%;
  position: fixed;
  bottom: 0;
  padding: 0 20px 10px 20px;
  background: #F5F5F5;
  border: 2px solid #000;
}

.address-bottom h2 {
  font-size: 56px;
  padding-top: 5px;
}

.address-bottom h3 {
  font-size: 22px;
}

.modal-right {
  width: 100%;
  padding: 160px 20px 160px 20px;
  z-index: -1;
}

span.line_frame_middle {
  display: none;
}

.title-permanente{
  font-size: 22px;
}

p.text_permanente {
  padding-top: 50px;
  font-size: 22px;
}
}

@media (max-width: 480px){
.modal-top h2 {
  font-size: 24px;
  padding-top: 2px;
}
.modal-right {
  width: 100%;
  padding: 140px 20px 50px 20px;
}

.address-bottom {
  padding: 0 20px 0 20px;
}

.address-bottom h2 {
  font-size: 20px;
  height: 24px;
  padding-top: 1px;
}

.address-bottom h3 {
  display: none;
} 

.title-permanente{
  font-size: 16px;
}

p.text_permanente {
  padding-top: 35px;
  font-size: 16px;
}
}

/* MODAL WINDOW 1_1*/
.button-top-19{
width: 116.83px;
height: 37px;
position: fixed;
padding-top: 66px;
padding-left: 20px;
animation: dissolve 2s ease-out;
}

.button-top-19 img:hover{
content: url(../images/index/buttons/Button_19OUT_black.png);
}

img.image_1_1{
width: 100%;
animation: dissolve-up 1s ease-out;
}

img.image_1_1-mobile{
display: none;
width: 100%;
animation: dissolve-up 1s ease-out;
}

.modal-right-1_1 {
width: 50%;
padding: 120px 20px 6px 20px;
background: #4F4F4F;
position: absolute;
right: 0;
}

@media (max-width: 1024px){
.modal-right-1_1 {
  width: 100%;
  padding: 120px 20px 160px 20px;
  z-index: -1;
}
}

@media (max-width: 480px){
.modal-right-1_1 {
  width: 100%;
  padding: 120px 20px 50px 20px;
}

img.image_1_1{
  display: none;
}

img.image_1_1-mobile{
  display: block;
}
}

/* MODAL WINDOW 1_2*/
p.text_1_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.02em;
margin: 0;
animation: dissolve-up 1s ease-out;
}

p.title-text_1_2 {
font-family: "SB", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.02em;
text-transform: uppercase;
margin: 0;
padding-top: 30px;
padding-bottom: 20px;
animation: dissolve-up 1s ease-out;
}

.section_1_2-atlasdogesto, .section_1_2-ramiroguerreiro, .section_1_2-francescaberardi,
.section_1_2-ruimendes, .section_1_2-teresavalsassina, .section_1_2-ramiroguerreiro1,
.section_1_2-francescaberardi1, .section_1_2-ruimendes1, .section_1_2-teresavalsassina1{
padding: 30px 0 50px 0;
animation: dissolve-up 1s ease-out;
}

p.text-1_2-atlasdogesto {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.02em;
margin: 0;
}

.section_1_2-atlasdogesto img {
padding: 30px 0;
}

.video-atlasdogesto {
padding-top: 30px;
}

.images-francescaberardi1, .images-francescaberardi2, .images-francescaberardi3{
display: flex;
flex-wrap: nowrap;
}

.images-francescaberardi1 img:nth-child(1), .images-francescaberardi2 img:nth-child(1),
.images-francescaberardi3 img:nth-child(1){
width: 50%;
height: 50%;
padding-right: 10px;
}

.images-francescaberardi1 img:nth-child(2), .images-francescaberardi2 img:nth-child(2),
.images-francescaberardi3 img:nth-child(2){
width: 50%;
height: 50%;
padding-left: 10px;
}

.images-francescaberardi2, .images-francescaberardi3{
padding-top: 20px;
}

p.text-1_2-ruimendes {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
}

p.text-1_2-ruimendes span {
color: #6A6A6A;
}

p.text-1_2-ruimendes .author-2c {
font-size: 14px;
color: #000;
}

p.text-1_2-teresavalsassina {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
}

.section_1_2-francescaberardi1 img:nth-child(2){
padding-top: 16px;
}

.section_1_2-francescaberardi1 img{
opacity: .9;
}

p.text-1_2-francescaberardi-2 {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 30px;
}

.audio-francescaberardi1 {
width: 100%;
top: 30px;
position: relative;
outline: none;
}

p.text-1_2-francescaberardi-3 {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
top: 50px;
position: relative;
}

.audio-francescaberardi2 {
width: 100%;
top: 70px;
position: relative;
margin-bottom: 50px;
outline: none;
}

p.text-1_2-ruimendes1 {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
}

.images-ruimendes1 {
padding-top: 30px;
padding-bottom: 20px;
display: flex;
flex-wrap: nowrap;
}

.images-ruimendes1 img:nth-child(1) {
width: 50%;
padding-right: 20px;
}

.images-ruimendes1 img:nth-child(2) {
width: 50%;
}

p.text-1_2-teresavalsassina1 {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
}

p.text-1_2-teresavalsassina1 span{
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
}

.image-teresavalsassina1{
padding-top: 30px;
}

@media (max-width: 1024px){
p.text_1_2, p.title-text_1_2, p.text-1_2-atlasdogesto, p.text-1_2-ruimendes,
p.text-1_2-ruimendes-traducao, p.text-1_2-teresavalsassina, p.text-1_2-francescaberardi-2,
p.text-1_2-francescaberardi-3, p.text-1_2-ruimendes1, p.text-1_2-teresavalsassina1 {
  font-size: 22px;
} 

p.text-1_2-teresavalsassina1 span{
  font-size: 18px;
} 

p.text-1_2-ruimendes .author-2c {
  font-size: 18px;
}
}

@media (max-width: 480px){
.section_1_2-atlasdogesto, .section_1_2-ramiroguerreiro, .section_1_2-francescaberardi,
.section_1_2-ruimendes, .section_1_2-teresavalsassina, .section_1_2-ramiroguerreiro1,
.section_1_2-francescaberardi1, .section_1_2-ruimendes1, .section_1_2-teresavalsassina1{
  padding: 10px 0 30px 0;
}

p.text_1_2, p.title-text_1_2, p.text-1_2-atlasdogesto, p.text-1_2-ruimendes,
p.text-1_2-ruimendes-traducao, p.text-1_2-teresavalsassina, p.text-1_2-francescaberardi-2,
p.text-1_2-francescaberardi-3, p.text-1_2-ruimendes1, p.text-1_2-teresavalsassina1 {
  font-size: 16px;
} 

p.text-1_2-teresavalsassina1 span{
  font-size: 12px;
}

p.text-1_2-ruimendes .author-2c {
  font-size: 12px;
}

.audio-francescaberardi1 {
  width: 100%;
  top: 10px;
  position: relative;
  outline: none;
}

.audio-francescaberardi2 {
  top: 40px;
  margin-bottom: 30px;
}

p.text-1_2-francescaberardi-3 {
  top: 20px;
}

.image-teresavalsassina1 {
  padding-top: 20px;
}
}

/* MODAL WINDOW 1_3*/
.button_1_3-1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-bottom: 20px;
text-decoration: underline;
text-transform: uppercase;
animation: dissolve-up 1s ease-out;
}

.button_1_3-1:hover{
text-decoration: none;
color: #c35f0e;
}

.section_1_3-ines, .section_1_3-vascosantos, .section_1_3-andreguedes,
.section_1_3-teresacastro, .section_1_3-mariaramalho, .section_1_3-escavar,
.section_1_3-vascosantos1, .section_1_3-andreguedes1, .section_1_3-teresacastro1,
.section_1_3-mariaramalho1 {
padding: 30px 0 50px 0;
animation: dissolve-up 1s ease-out;
}

.slider-ines{
top: 30px;
}

p.text_1_3 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.02em;
margin: 0;
animation: dissolve-up 1s ease-out;
}

p.title-text_1_3 {
font-family: "SB", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.02em;
text-transform: uppercase;
margin: 0;
padding-top: 30px;
padding-bottom: 20px;
animation: dissolve-up 1s ease-out;
}

p.subtitle-modal-ines {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
top: 35px;
position: relative;
margin: 0;
}

p.text-1_3-ines {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: 0.02em;
padding-top: 50px;
}

p.text-1_3-vascosantos {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
}

span.subtitle-modal {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
top: 10px;
position: relative;
animation: dissolve-up 1s ease-out;
}

p.text-1_3-andreguedes {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
margin: 0;
padding-top: 50px;
}

p.text-1_3-teresacastro {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
margin: 0;
}

.slider-teresacastro {
padding-top: 70px;
}

.images-mariaramalho{
display: flex;
flex-wrap: nowrap;
}

.images-mariaramalho img:nth-child(1){
width: 50%;
height: 50%;
padding-right: 10px;
}

.images-mariaramalho img:nth-child(2){
width: 50%;
height: 50%;
padding-left: 10px;
}

span.subtitle-modal-mariaramalho {
  font-family: "SR", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -0.02em;
  top: 10px;
  position: relative;
}

p.text-1_3-escavar {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
margin: 0;
letter-spacing: -0.02em;
}

p.text-1_3-andreguedes1 {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
}

p.text-1_3-teresacastro1 {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-bottom: 40px;
}

p.text-1_3-teresacastro2 {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 30px;
}

img.image-teresacastro {
width: 100%;
}

p.text-1_3-mariaramalho {
margin: 0;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 30px;
}

@media (max-width: 1024px){
p.text_1_3, p.title-text_1_3, .button_1_3-1, p.text-1_3-ines,
p.text-1_3-vascosantos, p.text-1_3-andreguedes, p.text-1_3-teresacastro,
p.text-1_3-escavar, p.text-1_3-andreguedes1, p.text-1_3-teresacastro1,
p.text-1_3-teresacastro2, p.text-1_3-mariaramalho{
  font-size: 22px;
}

span.subtitle-modal, span.subtitle-modal-mariaramalho, p.subtitle-modal-ines{
  font-size: 18px;
}
}

@media (max-width: 480px){
p.text_1_3, p.title-text_1_3, .button_1_3-1, p.text-1_3-ines,
p.text-1_3-vascosantos, p.text-1_3-andreguedes, p.text-1_3-teresacastro,
p.text-1_3-escavar, p.text-1_3-andreguedes1, p.text-1_3-teresacastro1,
p.text-1_3-teresacastro2, p.text-1_3-mariaramalho{
  font-size: 16px;
}

span.subtitle-modal, span.subtitle-modal-mariaramalho{
  font-size: 12px;
}

p.subtitle-modal-ines {
  font-size: 12px;
  top: 15px;
  position: relative;
}

.section_1_3-ines, .section_1_3-vascosantos, .section_1_3-andreguedes,
.section_1_3-teresacastro, .section_1_3-mariaramalho, .section_1_3-escavar,
.section_1_3-vascosantos1, .section_1_3-andreguedes1, .section_1_3-teresacastro1,
.section_1_3-mariaramalho1 {
  padding: 10px 0 30px 0;
}

.slider-ines {
  top: 10px;
}

p.text-1_3-ines {
  padding-top: 30px;
  margin-bottom: 0;
}
}

/* MODAL WINDOW 1_4 */
.video-1_4{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-1_4 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
top: 10px;
position: relative;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-1_4 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-1_4 {
  font-size: 12px;
}
}

/* MODAL WINDOW 2_1 */
.button-top-20{
width: 119.96px;
height: 37px;
position: fixed;
padding-top: 66px;
padding-left: 20px;
animation: dissolve 2s ease-out;
}

.button-top-20 img:hover{
content: url(../images/index/buttons/Button_20OUT_black.png);
}

.video-2_1{
animation: dissolve-up 1s ease-out;
}

.text-2_1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

.text-2_1 a{
  color: #000;
}

@media (max-width: 1024px){
.text-2_1 {
  font-size: 22px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.text-2_1 {
  font-size: 16px;
  padding-top: 30px;
}
}

/* MODAL WINDOW 2_2 */
.slider-2_2 {
padding-top: 30px;
animation: dissolve-up 1s ease-out;
}

.mapa-2_2{
padding-top: 50px;
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-2_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-2_2 a {
color: #000;
}

.audio-2_2 {
margin-top: 50px;
animation: dissolve-up 1s ease-out;
}

.audio-2_2 audio {
width: 100%;
outline: none;
}

.subtitle-modal-2_2-1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-2_2, .subtitle-modal-2_2-1 {
  font-size: 18px;
}
}

@media(max-width: 480px){
.subtitle-modal-2_2, .subtitle-modal-2_2-1 {
  font-size: 12px;
}

.audio-2_2 {
  margin-top: 30px;
}

.subtitle-modal-2_2-1{
  padding-bottom: 0;
}
}

/* MODAL WINDOW 2_3 */
.slider-2_3 {
padding-top: 70px;
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-2_3 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
text-align: center;
padding-top: 10px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

.text-2_3 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 30px;
animation: dissolve-up 1s ease-out;
}

.text-2_3 span {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
}

img.mapa-2_3 {
padding-top: 30px;
padding-bottom: 30px;
animation: dissolve-up 1s ease-out;
}

.text-2_3-1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
animation: dissolve-up 1s ease-out;
}

.text-2_3-1 span {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
}

.subtitle-modal-2_3-1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 30px;
padding-bottom: 50px;
}

@media (max-width: 1024px){
.subtitle-modal-2_3, .text-2_3 span, .text-2_3-1 span, .subtitle-modal-2_3-1 {
  font-size: 18px;
}

.text-2_3, .text-2_3-1 {
  font-size: 22px;
}

.subtitle-modal-2_3-1 {
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-2_3, .text-2_3 span, .text-2_3-1 span, .subtitle-modal-2_3-1 {
  font-size: 12px;
}

.text-2_3, .text-2_3-1 {
  font-size: 16px;
}

.text-2_3{
  padding-top: 10px;
}
}

/* MODAL WINDOW 2_4 */
.image-2_4{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-2_4 {
padding-top: 10px;
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
animation: dissolve-up 1s ease-out;
}

.text-2_4 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
animation: dissolve-up 1s ease-out;
}

.text-2_4 span {
font-size: 14px;
padding-bottom: 50px;
}

@media (max-width: 1024px){
.subtitle-modal-2_4{
  font-size: 18px;
}

.text-2_4 span {
  font-size: 18px;
  padding-bottom: 0;
}

.text-2_4 {
  font-size: 22px;
}
}

@media (max-width: 480px){
.subtitle-modal-2_4{
  font-size: 12px;
}

.text-2_4 span {
  font-size: 12px;
}

.text-2_4 {
  font-size: 16px;
}
}

/* MODAL WINDOW 2_5 */
.video-2_5 {
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-2_5 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.text-2_5 {
  font-family: "SR", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.02em;
  padding-top: 50px;
  animation: dissolve-up 1s ease-out;
}

.audio-2_5 {
margin-top: 30px;
margin-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

.audio-2_5 audio {
width: 100%;
outline: none;
}

@media (max-width: 1024px){
.subtitle-modal-2_5 {
  font-size: 18px;
}

.text-2_5 {
  font-size: 22px;
}

.audio-2_5 {
  margin-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-2_5 {
  font-size: 12px;
}

.text-2_5 {
  font-size: 16px;
  padding-top: 30px;
}
}

/* MODAL WINDOW 3_1 */
.button-top-21{
width: 118.78px;
height: 37px;
position: fixed;
padding-top: 66px;
padding-left: 20px;
animation: dissolve 2s ease-out;
}

.button-top-21 img:hover{
content: url(../images/index/buttons/Button_21OUT_black.png);
}

.slider-3_1 {
padding-top: 30px;
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-3_1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.text-3_1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-3_1 {
  font-size: 18px;
}

.text-3_1 {
  font-size: 22px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-3_1 {
  font-size: 12px;
}

.text-3_1 {
  font-size: 16px;
}
}

/* MODAL WINDOW 3_2 */
.slider-3_2{
animation: dissolve-up 1s ease-out;
padding-top: 30px;
}

.subtitle-modal-3_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
text-align: center;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-3_2 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-3_2 {
  font-size: 12px;
}
}

/* MODAL WINDOW 3_3 */
.video-3_3{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-3_3 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-3_3 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-3_3 {
  font-size: 12px;
}
}

/* MODAL WINDOW 3_4 */
.video-3_4{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-3_4 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-3_4 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-3_4 {
  font-size: 12px;
}
}

/* MODAL WINDOW 4_1 */
.button-top-22{
width: 113.11px;
height: 37px;
position: fixed;
padding-top: 66px;
padding-left: 20px;
animation: dissolve 2s ease-out;
}

.button-top-22 img:hover{
content: url(../images/index/buttons/Button_22OUT_black.png);
}

.video-4_1{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-4_1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-4_1 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-4_1 {
  font-size: 12px;
}
}

/* MODAL WINDOW 4_2 */
.mapa-4_2{
animation: dissolve-up 1s ease-out;
}

.subtitle-text-4_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.subtitle-text-4_2 a {
color: #000;
}

.audio-4_2{
margin-top: 30px;
animation: dissolve-up 1s ease-out;
}

.audio-4_2 audio {
width: 100%;
outline: none;
}

.slider-4_2 {
padding-top: 80px;
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-4_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-text-4_2 {
  font-size: 18px;
}

.subtitle-modal-4_2 {
  font-size: 18px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-text-4_2 {
  font-size: 12px;
}

.subtitle-modal-4_2 {
  font-size: 12px;
}
}

/* MODAL WINDOW 4_3 */
.video-4_3{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-4_3 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-4_3 {
  font-size: 18px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-4_3 {
  font-size: 12px;
}
}

/* MODAL WINDOW 4_4 */
.video-4_4{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-4_4 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-4_4 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-4_4 {
  font-size: 12px;
}
}

/* MODAL WINDOW 4_5 */
.slider-4_5{
animation: dissolve-up 1s ease-out;
padding-top: 30px;
}

.subtitle-modal-4_5{
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.text-4_5 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-4_5{
  font-size: 18px;
}

.text-4_5 {
  font-size: 22px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-4_5{
  font-size: 12px;
}

.text-4_5 {
  font-size: 16px;
}
}

/* MODAL WINDOW 4_6 */
.video-4_6{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-4_6 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-4_6 {
  font-size: 18px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-4_6 {
  font-size: 12px;
}
}

/* MODAL WINDOW 5_2 */
.button-top-23{
width: 116px;
height: 37px;
position: fixed;
padding-top: 66px;
padding-left: 20px;
animation: dissolve 2s ease-out;
}

.button-top-23 img:hover{
content: url(../images/index/buttons/Button_23OUT_black.png);
}

.video-5_2{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-5_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-5_2 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-5_2 {
  font-size: 12px;
}
}

/* MODAL WINDOW 5_3 */
.video-5_3{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-5_3 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-5_3 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-5_3 {
  font-size: 12px;
}
}

/* MODAL WINDOW 5_4 */
.video-5_4{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-5_4 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-5_4 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-5_4 {
  font-size: 12px;
}
}

/* MODAL WINDOW 5_5 */
.video-5_5{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-5_5 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.text-5_5 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-5_5 {
  font-size: 18px;
}

.text-5_5 {
  font-size: 22px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-5_5 {
  font-size: 12px;
}

.text-5_5 {
  font-size: 16px;
  padding-top: 30px;
}
}

/* MODAL WINDOW 5_6 */
.video-5_6{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-5_6 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.text-5_6 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
animation: dissolve-up 1s ease-out;
}

.audio-5_6 {
padding-top: 50px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

.audio-5_6 audio {
width: 100%;
}

@media (max-width: 1024px){
.subtitle-modal-5_6 {
  font-size: 18px;
}

.text-5_6 {
  font-size: 22px;
}

.audio-5_6 {
  padding-top: 50px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-5_6 {
  font-size: 12px;
}

.text-5_6 {
  font-size: 16px;
  padding-top: 30px;
}

.audio-5_6 {
  padding-top: 30px;
}
}

/* MODAL WINDOW 5_7 */
.text-5_7 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

.text-5_7 span{
font-size: 14px;
text-transform: uppercase;
}

@media (max-width: 1024px){
.text-5_7 {
  font-size: 22px;
  padding-bottom: 0;
}

.text-5_7 span{
  font-size: 18px;
}
}

@media (max-width: 480px){
.text-5_7 {
  font-size: 16px;
}

.text-5_7 span{
  font-size: 12px;
}
}

/* MODAL WINDOW 5_8 */
.video-5_8{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-5_8 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.video-5_8-1{
padding-top: 70px;
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-5_8-1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-5_8 {
  font-size: 18px;
}

.subtitle-modal-5_8-1 {
  font-size: 18px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-5_8, .subtitle-modal-5_8-1 {
  font-size: 12px;
}

.video-5_8-1{
  padding-top: 50px;
}
}

/* MODAL WINDOW 6_1 */
.button-top-24{
width: 115.34px;
height: 37px;
position: fixed;
padding-top: 66px;
padding-left: 20px;
animation: dissolve 2s ease-out;
}

.button-top-24 img:hover{
content: url(../images/index/buttons/Button_24OUT_black.png);
}

.subtitle-modal-6_1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.text-6_1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-6_1 {
  font-size: 18px;
}

.text-6_1 {
  font-size: 22px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-6_1 {
  font-size: 12px;
}

.text-6_1 {
  font-size: 16px;
  padding-top: 30px;
}
}

/* MODAL WINDOW 6_2 */
.slider-6_2 {
padding-top: 30px;
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-6_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

.text-6_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
animation: dissolve-up 1s ease-out;
}

.text-6_2 span {
font-size: 14px;
text-transform: uppercase;
}

img.image-6_2-mapa-1, img.image-6_2-mapa-2 {
padding-top: 50px;
}

.subtitle-modal-6_2-1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-6_2, .text-6_2 span {
  font-size: 18px;
}

.text-6_2 {
  font-size: 22px;
}

.subtitle-modal-6_2-1 {
  font-size: 18px;
  padding-bottom: 0;
}
}

@media (max-width: 1024px){
.subtitle-modal-6_2, .text-6_2 span {
  font-size: 12px;
}

.text-6_2 {
  font-size: 16px;
  padding-top: 30px;
}

img.image-6_2-mapa-1, img.image-6_2-mapa-2 {
  padding-top: 30px;
}

.subtitle-modal-6_2-1 {
  font-size: 12px;
}
}

/* MODAL WINDOW 6_4 */
.video-6_4{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-6_4 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-6_4 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-6_4 {
  font-size: 12px;
}
}

/* MODAL WINDOW 6_7 */
.image-6_7 {
padding-bottom: 70px;
animation: dissolve-up 1s ease-out;
}

.video-6_7{
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-6_7 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

.text-6_7 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

.text-6_7 span{
font-size: 14px;
}

@media (max-width: 1024px){
.subtitle-modal-6_7, .text-6_7 span {
  font-size: 18px;
}

.text-6_7 {
  font-size: 22px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-6_7, .text-6_7 span {
  font-size: 12px;
}

.subtitle-modal-6_7{
  padding-bottom: 30px;
}

.image-6_7 {
  padding-bottom: 50px;
}

.text-6_7 {
  font-size: 16px;
}
}

/* MODAL WINDOW 7_1 */
.button-top-25{
width: 116px;
height: 37px;
position: fixed;
padding-top: 66px;
padding-left: 20px;
animation: dissolve 2s ease-out;
}

.button-top-25 img:hover{
content: url(../images/index/buttons/Button_25OUT_black.png);
}

.slider-7_1 {
padding-top: 30px;
animation: dissolve-up 1s ease-out;
}

.subtitle-modal-7_1 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
padding-bottom: 50px;
animation: dissolve-up 1s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-7_1 {
  font-size: 18px;
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-7_1 {
  font-size: 12px;
}
}

/* MODAL WINDOW 7_2 */
.video-7_2 {
animation: dissolve-up 2s ease-out;
}

.subtitle-modal-7_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 2s ease-out;
}

.text-7_2 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
animation: dissolve-up 2s ease-out;
}

.audio-7_2 {
padding-top: 30px;
padding-bottom: 50px;
animation: dissolve-up 2s ease-out;
}

.audio-7_2 audio {
width: 100%;
outline: none;
}

@media (max-width: 1024px){
.subtitle-modal-7_2 {
  font-size: 18px;
}

.text-7_2 {
  font-size: 22px;
}

.audio-7_2 {
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-7_2 {
  font-size: 12px;
}

.text-7_2 {
  font-size: 16px;
}

.audio-7_2 {
  padding-bottom: 0;
}
}

/* MODAL WINDOW 7_3 */
.slider-7_3 {
padding-top: 30px;
animation: dissolve-up 2s ease-out;
}

.subtitle-modal-7_3 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 2s ease-out;
}

.audio-7_3 {
outline: none;
margin-top: 50px;
animation: dissolve-up 2s ease-out;
}

.audio-7_3 audio {
width: 100%;
outline: none;
}

.text-7_3 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 70px;
animation: dissolve-up 2s ease-out;
}

.video-7_3-1, .video-7_3-2, .video-7_3-3, .video-7_3-4,
.video-7_3-5, .video-7_3-6, .video-7_3-7 {
padding-top: 10px;
animation: dissolve-up 2s ease-out;
}

.video-7_3-7{
padding-bottom: 50px;
}

@media (max-width: 1024px){
.subtitle-modal-7_3 {
  font-size: 18px;
}

.text-7_3 {
  font-size: 22px;
}

.video-7_3-7{
  padding-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-7_3 {
  font-size: 12px;
}

.text-7_3 {
  font-size: 16px;
  padding-top: 50px;
}
}

/* MODAL WINDOW 7_4 */
.video-7_4{
animation: dissolve-up 2s ease-out;
}

.subtitle-modal-7_4 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 2s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-7_4 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-7_4 {
  font-size: 12px;
}
}

/* MODAL WINDOW 7_5 */
.video-7_5{
animation: dissolve-up 2s ease-out;
}

.subtitle-modal-7_5 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 2s ease-out;
}

@media (max-width: 1024px){
.subtitle-modal-7_5 {
  font-size: 18px;
}
}

@media (max-width: 480px){
.subtitle-modal-7_5 {
  font-size: 12px;
}
}

/* MODAL WINDOW 7_7 */
.video-7_7{
  animation: dissolve-up 2s ease-out;
  }
  
  .subtitle-modal-7_7 {
  font-family: "SR", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: -0.02em;
  padding-top: 10px;
  animation: dissolve-up 2s ease-out;
  }
  
  @media (max-width: 1024px){
  .subtitle-modal-7_7 {
    font-size: 18px;
  }
  }
  
  @media (max-width: 480px){
  .subtitle-modal-7_7 {
    font-size: 12px;
  }
  }

/* MODAL WINDOW 7_8 */
.video-7_8{
animation: dissolve-up 2s ease-out;
}

.subtitle-modal-7_8 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 10px;
animation: dissolve-up 2s ease-out;
}

.text-7_8 {
font-family: "SR", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 150%;
letter-spacing: -0.02em;
padding-top: 50px;
animation: dissolve-up 2s ease-out;
}

.audio-7_8 {
outline: none;
margin-top: 50px;
margin-bottom: 50px;
animation: dissolve-up 2s ease-out;
}

.audio-7_8 audio {
width: 100%;
outline: none;
}

@media (max-width: 1024px){
.subtitle-modal-7_8 {
  font-size: 18px;
}

.text-7_8 {
  font-size: 22px;
}

.audio-7_8 {
  margin-bottom: 0;
}
}

@media (max-width: 480px){
.subtitle-modal-7_8 {
  font-size: 12px;
}

.text-7_8 {
  font-size: 16px;
  padding-top: 30px;
}

.audio-7_8 {
  margin-top: 30px;
}
}