html{
}
body{
  margin:0;
}
.overflow-y-hidden{
  overflow-y:hidden;
}

/*Fonts Control*/
.h1, h1{
  font-size:3rem;
}
.h2, h2{
  font-size:2.25rem;
}
.h3, h3 {
    font-size: 1,75rem;
}
.h4, h4 {
    font-size: 1.5rem;
}
.h5, h5 {
    font-size: 1.25rem;
}
.h6, h6 {
    font-size: 1rem;
}
.h7, h7 {
    font-size: 0.85rem;
}

@media screen and (min-width: 1px) and (max-width: 326px) {
  html, body{
    font-size:14px;
  }
}

@media screen and (min-width: 327px) and (max-width: 576px) {
  html, body{
    font-size:16px;
  }
}

@media screen and (min-width: 577px) {
  html, body{
    font-size:16px;
  }
}

@media screen and (min-width: 991px) and (max-width: 1440px) {
  html, body{
    font-size:16px;
  }

  .slider_product_description{
    max-width:400px;
  }
}

@media screen and (min-width: 1441px) and (max-width: 1999px) {
  html, body{
    font-size:18px;
  }
}

@media screen and (min-width: 2000px) {
  html, body{
    font-size:1rem;
  }
}


#loading_screen{
  width:100vw;
  height:100vh;
  position:fixed;
  background-color:black;
  z-index:2000;
  top:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.loading_screen_block{
  position:fixed;
  display:flex;
  color:white;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}

.loading_percents{
  position:fixed;
  align-items:center;
  justify-content:center;
  font-family:Tahoma, Geneva, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 28px;
  font-size: 1.1rem;
  
}

.loading_screen_block > .point_red {
  height:3.5rem;
  width:3.5rem;
  background-color:#F24A50;
  border-radius:100%;
}

.point_red.disable{
  margin:50px;
  -webkit-animation: end_pulse-ring 1s cubic-bezier(0.4, 0, 1, 1) ;
          animation: end_pulse-ring 1s cubic-bezier(0.4, 0, 1, 1) ;
  -webkit-animation-delay:inherit;
          animation-delay:inherit;
          opacity:0;
}

@media screen and (max-width: 576px){

@keyframes end_pulse-ring {
  0% {
    opacity:1;
    height:3rem;
    width:3rem;
  }
  40%{
    opacity:1;
    height: 150vh;
    width: 150vh;
  }
  80%{
    opacity:1;
    height: 0.5vh;
    width: 0.5vh;
  }
  100%{
    opacity:1;
    height: 0.5vh;
    width: 0.5vh;
  }
}

@-webkit-keyframes end_pulse-ring {
  0% {
    opacity:1;
    height:3rem;
    width:3rem;
  }
  40%{
    opacity:1;
    height: 150vh;
    width: 150vh;
  }
  80%{
    opacity:1;
    height: 0.5vh;
    width: 0.5vh;
  }
  100%{
    opacity:1;
    height: 0.5vh;
    width: 0.5vh;
  }
}
}

@media screen and (min-width: 577px){
.point_red.disable{
  margin:50px;
  -webkit-animation: end_pulse-ring 0.8s ;
          animation: end_pulse-ring 0.8s ;
  -webkit-animation-delay:inherit;
          animation-delay:inherit;
          opacity:0;
}

@keyframes end_pulse-ring {
  0% {
    opacity:1;
    height: 4rem;
    width: 4rem;
  }
  100%{
    opacity:1;
    height:0vh;
    width: 0vh;
  }
}

@-webkit-keyframes end_pulse-ring {
  0% {
    opacity:1;
  }
  100%{
    opacity:1;
    height:0vh;
    width: 0vh;
  }
}