html {
  height: 100%;
  margin: 0px;
  scroll-behavior: smooth;
  background-color:#293133; /* антрацитово серый*/
}

body {
  position:relative;
  height:100%;
  margin:0px auto;
  padding:0px; 
}

/*BASE_STYLE-----------------------------------*/

h1 {
  display:inline-block;
  font-family: 'Bahnschrift Light', sans-serif;
  font-style:normal;
  font-size:6em;
  font-weight: 700;
  line-height: 100px; 
  text-align:left;
  background: linear-gradient(-45deg, #e91c4c 20%, #FFFF00 70%); /* Градиент для текста */
  -webkit-background-clip: text; /* Обрезаем фон по тексту */
  -webkit-text-fill-color: transparent; /* Прозрачный текст */
  transform: scale(1);
  transition: 1.2s;
  }


h1:hover  { 
  transform: scale(1.03);
  transition: 0.2s;
}

h2 {
   display:block;

   font-size: 46px;
   line-height: 48px; 
   font-weight: 700;
   font-family: 'Bahnschrift Light', sans-serif;
   font-style: normal;
   letter-spacing:0.1em;

   vertical-align:middle;
   color:white;

}

h3 {
   font-size: 1.4em;
   font-weight: 700;
   text-align:center;
   text-transform: uppercase;
   font-family: 'Bahnschrift Light', sans-serif;}

H4 {
   font-size: 16px;
   font-weight: 700;
   text-align:left;
   text-transform: uppercase;
   font-family: 'Segoe Print', sans-serif;}


H5 {
  text-align:center;
  font-family: 'Bahnschrift Light', sans-serif;
  font-style: normal;
  font-size:22px;
  line-height: 24px; 
  font-weight: 700;
  letter-spacing:0.3em;
  color:white;/*#FFFF00*/

 }

/*HEADER---------------------------------------*/

HEADER {
  position: fixed;
  top:0;
  z-index:100;
  width:100%;
  margin-top:0px;

  background: linear-gradient(-45deg, #e91c4c 60%, #FFFF00 90%);
  background: linear-gradient(-45deg, #e91c4c 35%, #FFD700 35%);

  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

nav {
  max-width:1400px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  column-gap:100px;
  justify-content:space-between;
  align-items: center;
  margin-left:auto;
  margin-right:auto;
  
}

a.home {
 display:block;
  width:120px;
  height:120px;
  position:absolute;
  z-index:-1;
  top:15%;
  left:15%;
  /*left:calc(1% + 300px);*/
  background: url("../img/Logotype_3.png"), white;
  background-repeat:no-repeat, no-repeat;
  background-position:50% 50%, 50% 50%;
  background-size:80% 70%, auto;
  border: 2px solid rgba(218, 165, 32,0.22);
  border-radius:50%;

  transition: 6s;
}

ul.nav-list {
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:center;
  margin-left:140px;
  padding:20px;
  row-gap:10px;
}

ul.nav-list > li {
  border-right:2px solid rgba(41, 49, 51,0.15);
  padding:0px 10px;
  flex-grow:1;
  
}

ul.nav-list li:last-child {
  border-right:0px solid #293133;
 }

a.nav-link {
  display:block;
  font-family: 'Bahnschrift Light', sans-serif;
  font-style: normal;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px; 
  color:#293133;
  text-align:center;

  transform: scale(1);
  transition: 1.2s;
  letter-spacing:0.05em;
}

.nav-item:hover a.nav-link  { 
   transform: scale(1.03);
   transition: 0.2s;
   color: #e91c4c;
}

a.tel {
   position:relative;
   margin-left:auto;
   margin-right:0px;
   display:block;
   padding:10px;


   font-size: 24px;
   font-weight: 700;
   line-height: 24px; 
   color: white;

   font-family: 'Bahnschrift Light', sans-serif;
   font-style: normal;
   text-shadow: black 1px 1px 2px;
   letter-spacing:0.2em;

   transform: scale(1);
   transition: 0.4s;
}

nav a.tel:after {
  content:"";
  position:absolute;
  width:23px;
  height:23px;
  left:-35px;
  top:10px;

  background:url("../img/telefon_2.png") no-repeat;
  background-position: 0% 0%; /*позиция фона*/
  background-size: 100%;
}

nav a.tel:hover {
   transform: scale(1.02);
   transition: 0.4s;
   color: #FFFF00;
}

/*MAIN------------------------------------*/

MAIN {
   margin: 0 auto;
}

section.Main-page {
   height:100vh;
   overflow: hidden;

   width:100%;
   display:flex;
   flex-direction:column;
   justify-content: space-between;

   background: url("../img/Desc_5.jpg") scroll; 
  
   background-repeat: no-repeat;/*round фон ужимается а Repeat, повторяется во все стороны*/
   background-position: center center;/*позиция фона*/
   background-size: cover;
   background-attachment: fixed;/* фиксированный фон*/
 
}

/*Section hero ---------------------------*/

section.hero {
   max-width:1200px;
  
   height:auto;
   margin: 0 auto;
   margin-top:17vh;

   display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   gap:0px 300px;

   justify-content:space-between;
}

div.hero-studio, div.model {
   display:block;
   width:400px;
   padding:20px;
}

span.slogan {
   display:none;
   margin-top:2%;
   max-width:400px;
   font-size: 1.5em;
   line-height: 30px; 
   font-weight: 700;
   text-align:left;
   font-family: 'Bahnschrift Light', sans-serif;
   letter-spacing:0.2em;
   color: white;
    text-shadow: 2px 2px 4px black;
}

a.sign_up {
   display:block;
   margin-top:10%;
   margin-left:auto;
   margin-right:auto;
  
   padding: 5px 20px;
   max-width:220px;
   background:#e91c4c;
   border:2px solid #FFD700;   
   border-radius:5px;
   color: white;
   font-size: 20px;
   line-height: 30px; 
   font-weight: 200;
   text-align:center;
   font-family: 'Bahnschrift Light', sans-serif;
   transform: scale(1);
   transition: 0.3s;
}

a.sign_up:hover {
   color: #FFFF00;
   line-height: 30px; 
   font-weight: 700;
   text-align:center;
   font-family: 'Bahnschrift Light', sans-serif;
   transform: scale(1.02);
   transition: 0.3s;
}

div.model {
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  justify-content:center;
}

h3.workout-list-head {
   display:block;
   max-width:300px;
   margin-left:auto;
   font-size: 1.8em;
   text-shadow: 2px 2px 4px white;
   text-align:right;
   line-height: 30px;
   color:#FFFF00;
   text-shadow: 2px 2px 3px black;
   
}

Ul.workout-list {
   max-width:300px;
   margin-left:auto;
   margin-right:10px;
   
}

Ul.workout-list > Li {
   display:block;
  
   font-size: 1.4em;
   letter-spacing:0.1em;
   line-height: 24px; 
   font-weight: 200;
   text-align:right;
   font-family: 'Bahnschrift Light', sans-serif;
   color:white;
   text-shadow: 2px 2px 1px black;
    
  
}

/*section.contacts------------------------------------------------------*/

div.contacts {
    width:1200px;
    display:flex;
    flex-direction:row;
    margin-right:auto;
    margin-left:auto;
    justify-content:space-between;
    align-items: center;   
}

adress {
    position:relative;
    display:block;
    margin-left:50px;
    margin-right:auto;
    font-family: 'Bahnschrift Light', sans-serif;
    font-style: normal;
    font-size:16px;
    line-height: 20px; 
    letter-spacing:0.1em;
    color:white;
    text-shadow: black 1px 1px 1px;
}

adress:after {
    content:"";
    position:absolute;
    width:40px;
    height:40px;
    left:-50px;
    top: -8px;
    background:url("../img/map.png") no-repeat;
    background-position: 10% 10%;
    background-size: 90%;
}

ul.contacts-list-social {
    padding:15px 0px;
    display:flex;
    flex-direction:row;
    justify-content:start;
    align-items: center;
}

ul.contacts-list-social > li:first-child {
    margin-right:auto;
    margin-left:0px;
}

ul.contacts-list > li:last-child {
    margin-right:0px;
}


.VK,.Inst,.Whatts {
    display:block;
    width:40px;
    height:40px;
}

.VK {
    background: url("../img/social.png") no-repeat;
    background-position: 0% 0%;
    background-size: 600%;
}

.Inst {

    background: url("../img/social.png") no-repeat;
    background-position: 20% 0%;
    background-size: 600%;
}

.Whatts {
    background: url("../img/social.png") no-repeat;
    background-position: 60% 0%;
    background-size: 600%;
}


/* SECTION Team-PAGE--------------------------------------------*/

section.Team-Page {
    display:none;
    flex-wrap:no-wrap;
    flex-direction:column;
    justify-content:space-start;
    height:100vh;
    position:relative;
    width:100%;
    background: url("../img/Stars.png") scroll;
    background-position: 50% 0%; 
    background-size: contain;
    background-attachment: fixed;
}

div.Team-box {
    width:100%;
    height:80px;
    background: linear-gradient(-45deg, #e91c4c 56.89%, #FFD700 56.89%);
    background-attachment: fixed; 
   
}

H2.Team-box-head {
    display:block;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
    max-width:1400px;
    background: linear-gradient(-45deg, #e91c4c 20%, white 40%); /* Градиент для текста */
    -webkit-background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
    background-attachment: fixed;

    color:#293133;
    line-height:56px; 
}

div.Team-container {
    width:100%;
    margin:auto;
}

ul.Team {
    margin: 30px auto 0px auto;
    max-width:1400px;
    width:100%;
    display:flex;
    position:relative;
    flex-wrap:wrap;
    justify-content:center;
    gap:40px;
}

li.Team-member {
    transition: transform 2.1s linear;
}

li.Team-member:hover > .card_front {
    transform: perspective(1000px) rotateY(-180deg);
}

li.Team-member:hover > .card_back {
    transform: perspective(1000px) rotateY(0deg);
}


/* .card_front.card_back----Оформление карточек команды*/

.card_front, .card_back {
    height:340px;
    width:210px;
    box-sizing:border-box;

    display:flex;
    flex-direction:column;
    justify-content: start;

    overflow: hidden;
    backface-visibility: hidden;
    transition: transform 1.1s linear;
    
    top:0px;

    border-radius:10px;
    padding:20px;

    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.8);
}

div.card_back > h5, .card_front  > h5 {
    padding-bottom:8px;
    border-bottom: 2px solid white;
    display:block;
    margin-top:18px;
}

/* .card_front----Оформление лица карты*/

div.card_front {
    transform: perspective(600px) rotateY(0deg);
    background: linear-gradient(-45deg, #e91c4c, #2F4F4F 50%);
}

div.card_front img.member-img {
    width:130px;
    height:130px;
    margin: 16px auto 10px auto;
    border-radius:50%;
}

div.card_front p.member-stuff {
    display:block;
    text-align:center;
    font-family: 'Bahnschrift Light', sans-serif;
    font-style: normal;
    font-size:18px;
    line-height: 26px; 
    font-weight: 200;
    letter-spacing:0.1em;
    color:white;
    text-shadow: black 1px 1px 1px;
}

div.card_front p.member-stuff:first-child {
    margin-top:10px;
}

/* .card_back----Оформление тыла карты*/

div.card_back {
    transform: perspective(600px) rotateY(180deg);
    position:absolute;
    background-size: 1em 1em;
    background: linear-gradient(-45deg, #2F4F4F 5%, #e91c4c 95%);
}

div.card_back > ul.Team-member-text{
    display:block;
    margin-left:15px;
    margin-right:auto;
    margin-bottom:20px;
    margin-top:10px;
}

div.card_back li {
    list-style-type: disc;
    margin-top:4px;
    color:white;
}

div.card_back p.member-text {
    display:block;
    text-align:left;
    font-family: 'Bahnschrift Light', sans-serif;
    font-style: normal;
    font-size:14px;
    line-height: 16px; 
    font-weight: 200;
    color:white;
    text-shadow: black 1px 1px 1px;
}

div.card_back div.bday {
    margin-top:auto;
    margin-bottom:0px;
    justify-self:end;
}

div.bday > p.member-text {
    text-align:center;
    margin-bottom:15px;
}


/* SECTION Shedule-PAGE--------------------------------------------*/

section.Shedule-Page {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    justify-content:space-start;
    height:100vh;
    position:relative;
}

Div.Shedule-head-box {
    width:100%;
    height:80px;

    background: linear-gradient(-45deg,#e91c4c 56.89%, #FFD700 56.89%);
    background-attachment: fixed;
}

div.Shedule-head-box H2 {

    display:block;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
    max-width:1200px;

    text-align:right;
    color:#293133;
    line-height: 56px; 

    background: linear-gradient(-45deg, #e91c4c 20%, white 40%); /* Градиент для текста */
    -webkit-background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
    background-attachment: fixed;
}


Div.Shedule-Shedule{
  display:none;
  height:100%;
}

Div.Shedule-container {

   display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   justify-content:space-between;

   width:1200px;
   height:80%;
   margin-left:auto;
   margin-right:auto;

   background: url("../img/Shedule.png") scroll;
   background-position: 90% 30%; 
   background-repeat: no-repeat;
   background-size: 90%;
}

/* Shedule-contact------------------*/

div.Shedule-contact {
    display:flex;
    flex-direction:column;
    justify-content:end;  

    width:600px;
    height:100%;
}

div.Shedule-contact UL {
    margin-top:25px;
}

div.Shedule-contact li {
    list-style:square;
    color:white;
    margin-left:15px;
    margin-top:10px;
} 

div.Shedule-contact H3 {
    display:inline-block;
    margin-left:15px;
    margin-bottom:10px;

    text-align:left;
    color:white;
    border-bottom:2px solid #FFFF00;

} 

div.Shedule-contact p {
   
    text-align:left;
    font-family: 'Bahnschrift Light', sans-serif;
    font-style: normal;
    font-size:18px;
    line-height: 22px; 
    font-weight: 200;
    letter-spacing:0.01em;
    color:#FFFAFA;
    text-shadow: black 1px 1px 1px;
}


div.Shedule-contact li.Rules-link {
    display:block;
    list-style:none;
    margin-top:35px;
    margin-left:25px;
}

li.Rules-link > p.Rules-link-text  {
    display:block;
    float:left;
    margin-left:20px;
    margin-top:8px;
    color:#FFD700;
}

li.Rules-link a {
    display:block;
    height:30px;
    width:30px;
    float:left;
    margin-left:-15px;

    transform: scale(1) rotate(180deg);
    transition: 1.2s;
    
    background:url("../img/back.png") no-repeat;
    background-position: 50% 50%; 
    background-size: 100%;

    border: 3px #FFD700 solid;
    border-radius:50%; 
}

li.Rules-link a:hover {
    color:black;
    transform: scale(1.3) rotate(180deg);
    transition: 0.2s;

    border: 3px #e91c4c solid;
    border-radius:50%;
}

li.Rules-link a:active {
    transform: scale(1.3);
    transition: 0.5s;
    border: 3px #FFFF00 solid;
    border-radius:50%;
}

/* Shedule-img------------------*/

.Shedule-img
{
    display:none;
}

/* Shedule-Name------------------*/

div.Shedule-name {
    display:flex;
    flex-direction:column;
    width:450px;
    margin-top:8%;
}

div.Shedule-name UL {
    display:flex;
    justify-content:center;
    flex-direction:column;
}


H3.registration-head {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
    width: 270px;
    border-bottom:2px solid #FFFF00;
    text-align:center;
    color:white;
}

Ul.registration li {
    display:flex;
    justify-content:center;
    vertical-align:center;
    width:300px;
    margin-left:auto;
    margin-right:auto;  
}

Ul.registration a {
    width:40px;
    height:40px;
    background: url("../img/social.png") no-repeat;
    background-size: 600%;
}

Ul.registration a.W_center  {
    background-position: 63% -3%;
}

Ul.registration a.VK_center {
    background-position: 0% -3%;
}

div.Shedule-name p {
    font-family: 'Bahnschrift Light', sans-serif;
    font-style: normal;
    font-size:18px;
    line-height: 22px; 
    font-weight: 200;
    letter-spacing:0.01em;
    color:#FFFAFA;
    text-shadow: black 1px 1px 1px;
    margin-top:auto;
    margin-bottom:auto;
}

div.Shedule-name p.Shedule-text {
    margin-top:30px;
    margin-bottom:auto;
    font-size:16px;
    line-height: 16px; 
    font-weight: 200;
    text-align:center;
    color:#FFD700;
}

/*SECTION NEWS PAGE-----------------------------------*/

section.News-page {
   height:100vh;
   display:flex;
   flex-direction:column;
   justify-content: start;
}

div.News-box-head {
    display:flex;
    flex-wrap:no-wrap;
    flex-direction:row;
    justify-content: center;
    gap:0px;
    width:100%;
    background: linear-gradient(-45deg,#e91c4c 56.89%, #FFD700 56.89%);
    background-attachment: fixed;
    height:80px;
}

div.News-box-head > H2.News-box-head1  {
    display:block;
    margin-top:15px;
    text-align:left;
    width:600px;

    padding:0px;
    color:#293133;
    line-height: 56px; 

    background: linear-gradient(-45deg, #FFD700 60%, #e91c4c 65%); /* Градиент для текста */
    -webkit-background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
    background-attachment: fixed;
}

div.News-box-head > H2.News-box-head2  {
    display:block;
    margin-top:15px;
    text-align:right;
    width:600px;

    padding:0px;
    color:#293133;
    line-height: 56px; 

    background: linear-gradient(-45deg, #e91c4c 20%, white 40%); /* Градиент для текста */
    -webkit-background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
    background-attachment: fixed;
}

Ul.News-container {

   display:flex;
   flex-direction:row;
   flex-wrap:wrap;
   justify-content:center;
   margin:auto; 
   gap:40px;
   width:1200px;
} 

li.News-item {
   display:flex;
   flex-direction:column;
   flex-wrap:wrap;
   justify-content:center;
   border-box:content-box;
   position:relative;
   z-index: 0;
   flex-basis:420px;

   height:320px;
   border-radius:5px;
   padding:20px;
   background: linear-gradient(135deg, transparent 80%, #e91c4c 80%), #2F4F4F;
}

li.News-item > H2 {
   display:block;
   width:80%;
   margin-left:auto; 
   margin-right:auto; 
   vertical-align: middle;
   text-shadow: black 3px 3px 6px;
}

li.News-item > p {
    display:block;
    width:80%;
    text-align:center;
    margin-left:auto; 
    margin-right:auto; 
    font-family: 'Bahnschrift Light', sans-serif;
    font-style: normal;
    font-size:34px;
    line-height: 36px; 
    font-weight: 200;
    letter-spacing:0.01em;
    color:#FFFAFA;
    text-shadow:black 3px 3px 6px;
}


li.News-item1 {
   flex-grow:3;
   Order:1;
   background:linear-gradient(135deg, transparent 80%, #e91c4c 80%),
              url("../img/Fest.jpg"),
              transparent; 

   background-size: cover, cover, cover; 
   background-position: 50% 50%,  50% 40%,  50% 50%; 
   background-repeat: no-repeat, no-repeat, no-repeat;
}


li.News-item1 > H2, li.News-item1 > p {
   text-align:left;
}


li.News-item1 > H2::before {
   content:'100%';
   z-index:2;
   position:absolute;
   bottom:45px;
   right:5px;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
}

li.News-item2 {
   flex-grow:1;
   Order:3;
   background:linear-gradient(-45deg, #e91c4c 20%, #4682B4 20%);
}


li.News-item2 > H2, li.News-item2 > p {
   text-align:left;
}

li.News-item2 > H2::before {
   content: 'FREE';
   z-index:1;
   font-size:40px;
   position:absolute;
   bottom:30px;
   right:10px;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
}


li.News-item3 {
   flex-grow:1;
   Order:2;
   background:linear-gradient(-45deg, transparent 80%, #e91c4c 80%),
              url("../img/Solar.jpg"),
              transparent; 

   background-size: cover, cover, cover; 
   background-position: 50% 50%,  50% 50%,  50% 50%; 
   background-repeat: no-repeat, no-repeat, no-repeat;

}


li.News-item3 > H2, li.News-item3 > p {
   text-align:right;
}


li.News-item3 > H2::before {
   content: '-20%';
   font-size:40px;
   z-index:1;
   position:absolute;
   top:25px;
   left:5px;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
}


li.News-item4 {
   flex-grow:3;
   Order:4;
   background:linear-gradient(135deg, #e91c4c 20%, transparent 20%),
              url("../img/Double.jpg"),
              transparent; 

   background-size: cover, cover, cover; 
   background-position: 50% 50%,  50% 10%,  50% 50%; 
   background-repeat: no-repeat, no-repeat, no-repeat;
}



li.News-item4 > H2::before {
   content: '-20%';
   z-index:1;
   position:absolute;
   top:50px;
   left:0px;
   transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
}

li.News-item4 > H2, li.News-item4 > p {
   text-align:right;
   padding-top:0px;
}


/*SECTION ABOUT-US-PAGE----------------------------------*/

section.About-Us-page {
   display:flex;
   height:100vh;
   flex-direction:column;
   justify-content: start;
}

div.About-Us-box-Head {
    width:100%;
   background: linear-gradient(-45deg,#e91c4c 56.89%, #FFD700 56.89%);
   background-attachment: fixed;
   height:80px;
}


div.About-Us-box-Head > H2 {

    display:block;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
    max-width:1200px;

    padding:0px;
    color:#293133;
    color:#FFFF00;
    line-height: 56px; 


    background: linear-gradient(-45deg, #e91c4c 20%, white 40%); /* Градиент для текста */
    -webkit-background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
    background-attachment: fixed;
}

div.About-Us-container {
   display:flex;
   flex-wrap:wrap;
   flex-direction:row;
   justify-content:space-between;
   width:1200px;
   margin: auto;
}

div.About-Us-photo {
    width:400px;
    background:url("../img/Olga_photo.jpg") scroll;
    background-repeat: no-repeat;
    background-position: 50% 50% ;
    background-size:contain;
    mix-blend-mode: screen;
    border-radius:10px;
}

div.About-Us {
    box-sizing:border-box;
    padding:10px 0px 0px 50px;
    flex-grow:1;
    Flex-basis:50%;
}

div.About-Us > H5 {
   text-align:center;
   Text-indent:2%;
   font-family: 'Bahnschrift Light', sans-serif;
   font-style: normal;
   font-size:42px;
   line-height: 42px; 
   font-weight: 700;
   letter-spacing:0.5em;

    background: linear-gradient(-45deg, #e91c4c 35%, #FFFF00 50%); /* Градиент для текста */
    -webkit-background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
}

div.About-Us-text {
   margin-top:3%;
}

div.About-Us-text > p {
   text-align:justify;
   Text-indent:2%;
   font-family: 'Bahnschrift Light', sans-serif;
   font-style: normal;
   font-size:18px;
   line-height: 20px; 
   font-weight: 200;
   letter-spacing:0.05em;
   color:white;
}

div.About-Us-text > p:nth-child(1) {
   font-weight: 700;
   text-align:center;
   margin-bottom:0px;
}

a.About_Us {
   display:block;
   margin-top:7%;
   margin-left:auto;
   margin-right:auto;

   width:220px;
   padding:5px;

   border:2px solid #FFD700;  
   border-radius:5px;

   color:#DCDCDC;

  /* background: linear-gradient(-45deg, #FFFF00 13%,#e91c4c 13%,#e91c4c 88%, #FFFF00 88%);
   background-attachment: fixed;*/

   font-size: 18px;
   line-height: 30px; 
   font-weight: 700;
   text-align:center;
   font-family: 'Bahnschrift Light', sans-serif;
   transform: scale(1);
   transition: 0.3s;
  
}

a.About_Us:hover {
   
   color:#FFFF00;
   font-size: 18px;
   line-height: 30px; 
   font-weight: 700;
   text-align:center;
   font-family: 'Bahnschrift Light', sans-serif;
   transform: scale(1.02);
   transition: 0.3s;
}

/* SECTION PROMO-PAGE--------------------------------------------*/

section.Promo-Page {
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content: space-start;
}

div.Promo-box-head {
    width:100%;
   background: linear-gradient(-45deg,#e91c4c 56.89%, #FFD700 56.89%);
   background-attachment: fixed;
   height:80px;
}

div.Promo-box-head > H2 {
    display:block;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
    max-width:1200px;

    padding:0px;
    color:#293133;
    color:#FFFF00;
    line-height: 56px; 

    background: linear-gradient(-45deg, #e91c4c 20%, white 40%); /* Градиент для текста */
    -webkit-background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
    background-attachment: fixed;
}

div.Promo-container {
    display:flex;
    flex-wrap:wrap;
    width:1200px;
    padding:0px;
    flex-direction:row;
    justify-content: space-between;
    margin: auto;
}

div.Promo-feedback {
    position:relative;
    width:600px;
    heigth:100%;
}


div.feedback {
    position:absolute;
    z-index:1;
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.8);
    border:0.5px solid #DCDCDC;
    border-radius:5px;
}


div.feedback_1 {
    width:500px;
    height:172px;
    background:  url("../img/Reklamation_1.jpg") scroll;
    background-size: contain;
    background-repeat:no-repeat;

    transform: rotate(6deg);
    left:-20px;
    top:-5px;
    z-index:20;
}

div.feedback_2 {
    width:500px;
    height:172px;
    background:  url("../img/Reklamation_2.jpg") scroll;
    background-size: contain;
    background-repeat:no-repeat;

    top:170px;
    left:-40px;
    z-index:30;
    transform: rotate(1deg);

}


div.feedback_3 {
    width:500px;
    height:172px;
    background:  url("../img/Reklamation_3.jpg") scroll;
    background-size: contain;
    background-repeat:no-repeat;

    top:340px;
    left:-20px;
    z-index:40;
    transform: rotate(-4deg);
}


div.feedback_4 {
    width:270px;
    height:193px;
    background:  url("../img/Reklamation_4.jpg") scroll;
    background-size: contain;
    background-repeat:no-repeat;

    top:-10px;
    left:480px;
    z-index:50;
    transform: rotate(3deg)
}


div.feedback_5 {
    width:270px;
    height:189px;
    background:  url("../img/Reklamation_5.jpg") scroll;
    background-size: contain;
    background-repeat:no-repeat;

    top:130px;
    left:220px;
    z-index:60;
}


div.feedback_6 {
    width:277px;
    height:330px;
    background:  url("../img/Reklamation_6.jpg") scroll;
    background-size: contain;
    background-repeat:no-repeat;

    top:180px;
    left:470px;
    z-index:70;
    transform: rotate(-3deg)
}

div.Promo-slider {
    /*padding:20px;*/
    width:500px;
    height:500px;
    align-self: start;
}


/*FOOTER-----------------------------------*/
/*Contacts-Page --------------------------------*/

Section.Contacts-Page  {
    display:flex;
    height:100vh;
    flex-direction:column;
    justify-content: space-between;
}

div.Contacts-head-box {
    width:100%;
   background: linear-gradient(-45deg,#e91c4c 56.89%, #FFD700 56.89%);
   background-attachment: fixed;
   height:80px;
}

div.Contacts-head-box > H2 {
    display:block;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
    text-align:right;
    max-width:1200px;

    padding:0px;
    color:#293133;
    color:#FFFF00;
    line-height: 56px; 

    background: linear-gradient(-45deg, #e91c4c 20%, white 40%); /* Градиент для текста */
    -webkit-background-clip: text; /* Обрезаем фон по тексту */
    -webkit-text-fill-color: transparent; /* Прозрачный текст */
    background-attachment: fixed;
}

div.Contacts-container {
   display:flex;
   flex-wrap:wrap;
   flex-direction:row;
   justify-content:space-between;
   height:100%;
 
}

div.Map {
    height:100%;
    width:50%;
}

div.Contacts-box {
    display:flex;
    flex-direction:column;
    justify-content: center;
    width:48%;
}

div.Contacts-box-center {
    display:flex;
    flex-direction:column;
    justify-content: center;
    width:500px;
    margin-left:auto;
    margin-right:auto;
}

div.Contacts-box adress {
   Text-transform:uppercase; 
   font-weight: 700;  
   margin-top:10px;
   font-size: 20px;
}

div.Contacts-box a.tel {
   margin-left:0;
   margin-right:auto;
   margin-top:30px;

   color:#FFD700;

   padding:0;
   font-size: 20px;
   font-weight: 700;
   line-height: 18px; 
   text-align:left;
   font-family: 'Bahnschrift Light', sans-serif;
   font-style: normal;
   text-shadow: black 3px 3px 3px;
   letter-spacing:0.2em;
}

div.Contacts-box p {
   margin-top:5px;
   font-family: 'Bahnschrift Light', sans-serif;
   font-style: normal;
   font-size:16px;
   line-height: 14px; 
   font-weight: 200;
   letter-spacing:0.1em;
   text-shadow: black 1px 1px 3px;
   color:white;
}


div.Contacts-box p:nth-of-type(1) {
   margin-top:25px;
}

a.About_Us_Footer {
   display:block;
   margin:20% auto auto 0px;
   width:220px;
   padding:5px;
   border:2px solid #DAA520;   
   border-radius:5px;
   color:#DCDCDC;

   font-size: 18px;
   line-height: 30px; 
   font-weight: 700;
   text-align:center;
   font-family: 'Bahnschrift Light', sans-serif;
   transform: scale(1);
   transition: 0.3s;
}

a.About_Us_Footer:hover {
   
   color:#FFFF00;
   font-size: 18px;
   line-height: 30px; 
   font-weight: 700;
   text-align:center;
   font-family: 'Bahnschrift Light', sans-serif;
   transform: scale(1.02);
   transition: 0.3s;
}

Ul.Contacts-Page-list {
   margin-top:40px;
   display:flex;
   flex-wrap:no-wrap;
   flex-direction:row;
   justify-content: left;
}

Ul.Contacts-Page-list li {
}

div.Contacts-page-footer {
    display:flex;
    width:100%;
    padding:25px 0px;
    flex-wrap:no-wrap;
    flex-direction:column;
    justify-content:center;
    background: linear-gradient(-45deg, #e91c4c 70%, #FFD700 70%);
}

div.Contacts-footer-text {
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    display:flex;
    flex-wrap:no-wrap;
    flex-direction:row;
    justify-content:Space-between;
}

div.Contacts-footer-text p {
   font-family:'Bahnschrift Light', sans-serif;
   font-style: bold;
   font-size:18px;
   line-height: 18px; 
   font-weight:700;
   letter-spacing:0.1em;
   color:#2F4F4F;
}

div.Contacts-footer-text p:nth-of-type(2) {
   /*font-style: italic;*/
   color:#D3D3D3;
   font-size:18px;
   font-weight: 200;
}