/* //MEDIA// */
 /* /////////////////////////////// */
 .py6 {
   padding-top: 5rem !important;
   padding-bottom: 5rem !important;
 }

 .pb6 {
   padding-bottom: 5rem !important;
 }

 .pt6 {
   padding-top: 5rem !important;
 }


 @media (min-width: 576px) {
   .d-576-block {
     display: block !important;
   }

   .d-576-none {
     display: none !important;
   }

   /* /////////////////////////////// */
   .py0-576 {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }

   .py1-576 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important;
   }

   .py2-576 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important;
   }

   .py3-576 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }

   .py4-576 {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }

   .py5-576 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }

   .py6-576 {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }


   /* /////////////////////////////// */
   .pt0-576 {
     padding-top: 0rem !important;
   }

   .pt1-576 {
     padding-top: .25rem !important;
   }

   .pt2-576 {
     padding-top: .5rem !important;
   }

   .pt3-576 {
     padding-top: 1rem !important;
   }

   .pt4-576 {
     padding-top: 1.25rem !important;
   }

   .pt5-576 {
     padding-top: 3rem !important;
   }

   .pt6-576 {
     padding-top: 5rem !important;
   }

   /* /////////////////////////////// */
   .pb0-576 {
     padding-top: 0rem !important;
   }

   .pb1-576 {
     padding-top: .25rem !important;
   }

   .pb2-576 {
     padding-top: .5rem !important;
   }

   .pb3-576 {
     padding-top: 1rem !important;
   }

   .pb4-576 {
     padding-top: 1.25rem !important;
   }

   .pb5-576 {
     padding-top: 3rem !important;
   }

   .pb6-576 {
     padding-top: 5rem !important;
   }


   /* /////////////////////////////// */
   .ps0-576 {
     padding-left: 0rem !important;
   }

   .ps1-576 {
     padding-left: .25rem !important;
   }

   .ps2-576 {
     padding-left: .5rem !important;
   }

   .ps3-576 {
     padding-left: 1rem !important;
   }

   .ps4-576 {
     padding-left: 1.25rem !important;
   }

   .ps5-576 {
     padding-left: 3rem !important;
   }

   .ps6-576 {
     padding-left: 5rem !important;
   }
 }






 @media (min-width: 768px) {
   .d-768-block {
     display: block !important;
   }

   .d-768-none {
     display: none !important;
   }

   .carousel-indicators {
     bottom: -1rem !important;
   }

   .modal-dialog-centered {
     max-width: 100% !important;
     /* max-height: 60% !important; */
     /* //GIA KINITA// */
   }

   #shtwidth,
   #chrwidth {
     max-width: 70% !important;
   }

   /* /////////////////////////////// */
   .py0-768 {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }

   .py1-768 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important;
   }

   .py2-768 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important;
   }

   .py3-768 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }

   .py4-768 {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }

   .py5-768 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }

   .py6-768 {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }

   /* /////////////////////////////// */


   .pt0-768 {
     padding-top: 0rem !important;
   }

   .pt1-768 {
     padding-top: .25rem !important;
   }

   .pt2-768 {
     padding-top: .5rem !important;
   }

   .pt3-768 {
     padding-top: 1rem !important;
   }

   .pt4-768 {
     padding-top: 1.25rem !important;
   }

   .pt5-768 {
     padding-top: 3rem !important;
   }

   .pt6-768 {
     padding-top: 5rem !important;
   }


   /* /////////////////////////////// */



   .pb0-768 {
     padding-top: 0rem !important;
   }

   .pb1-768 {
     padding-top: .25rem !important;
   }

   .pb2-768 {
     padding-top: .5rem !important;
   }

   .pb3-768 {
     padding-top: 1rem !important;
   }

   .pb4-768 {
     padding-top: 1.25rem !important;
   }

   .pb5-768 {
     padding-top: 3rem !important;
   }

   .pb6-768 {
     padding-top: 5rem !important;
   }

   /* /////////////////////////////// */
   .ps0-768 {
     padding-left: 0rem !important;
   }

   .ps1-768 {
     padding-left: .25rem !important;
   }

   .ps2-768 {
     padding-left: .5rem !important;
   }

   .ps3-768 {
     padding-left: 1rem !important;
   }

   .ps4-768 {
     padding-left: 1.25rem !important;
   }

   .ps5-768 {
     padding-left: 3rem !important;
   }

   .ps6-768 {
     padding-left: 5rem !important;
   }
 }


 @media (min-width: 1024px) {
   .d-1024-block {
     display: block !important;
   }

   .d-1024-none {
     display: none !important;
   }



   :root {
     --yolia-animation-state: paused;
   }


   img {
     filter: grayscale(100%);
     transition: filter ease-out .3s;
   }

   .brain {
     filter: brightness(1.1) grayscale(100%) !important;
     transition: filter ease-out .3s;
   }

   /* NAV */
   h1,
   .navbar-brand {
     /* 3rem(40px)->>7rem(112px) */
     font-size: calc(2.5rem + ((1vw - 0.48rem) * 6.25));
   }

   /* HOMEPAGE */
   .img-container {
     box-shadow: 8px 7px 18px 0px #1b1b1b91;
   }

   .no-shdw {
     box-shadow: 0 0 0 0 #1b1b1b91 !important;
   }

   .moving-container a:hover~h2 {
     transform: translateX(-100%);
     opacity: 0;
     transition: ease-in-out 0.5s;
   }

   img:hover,
   .moving-container a:hover img,
   .carousel-item img:hover,
   #carouselControls:hover {
     filter: grayscale(0%);
     transition: ease-in .5s;
   }



   .brain:hover {
     filter: brightness(1.4) grayscale(0%) !important;
     transition: ease-in .5s;
   }


   .moving-container a:hover+.moving-text {
     opacity: 1;
     transform: translateX(-50%);
     transition: all ease-in-out 1s;
   }

   .navbar-collapse div:has(a:hover) #current-page h2 {
     border-bottom: 2px solid #ffffff00;
     transition: all ease-in-out 1s;
   }


   .carousel-indicators button {
     width: 3.75rem !important;
     height: 0.35rem !important;
   }

   .carousel-indicators {
     bottom: -3.25rem !important;
   }

   .modal-dialog-centered {
     max-width: 60% !important;
   }

   #shtwidth,
   #chrwidth {
     max-width: 40% !important;
   }

   .mention p {

     z-index: -1;
     position: absolute;
     top: 0;
     transition: all ease-in-out 1s;
     margin-top: 0rem;
     opacity: 0;
   }

   .mention a:hover~p {
     opacity: 1;
     position: absolute;
     top: 130%;
     transition: all ease-in-out 1s;
   }



   /* GGJ */
   /* .yolia-animation img{
    animation-play-state: paused;
  } */
   .yolia-animation img:hover {
     animation-play-state: running;
   }

   .yolia-animation img:not(:hover) {
     animation: yolia-hover;
     animation-play-state: var(--yolia-animation-state);
   }


   /* /////////////////////////////// */
   .py0-1024 {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }

   .py1-1024 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important;
   }

   .py2-1024 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important;
   }

   .py3-1024 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }

   .py4-1024 {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }

   .py5-1024 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }

   .py6-1024 {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }

   /* /////////////////////////////// */


   .pt0-1024 {
     padding-top: 0rem !important;
   }

   .pt1-1024 {
     padding-top: .25rem !important;
   }

   .pt2-1024 {
     padding-top: .5rem !important;
   }

   .pt3-1024 {
     padding-top: 1rem !important;
   }

   .pt4-1024 {
     padding-top: 1.25rem !important;
   }

   .pt5-1024 {
     padding-top: 3rem !important;
   }

   .pt6-1024 {
     padding-top: 5rem !important;
   }

   /* /////////////////////////////// */

   .pb0-1024 {
     padding-bottom: 0rem !important;
   }

   .pb1-1024 {
     padding-bottom: .25rem !important;
   }

   .pb2-1024 {
     padding-bottom: .5rem !important;
   }

   .pb3-1024 {
     padding-bottom: 1rem !important;
   }

   .pb4-1024 {
     padding-bottom: 1.25rem !important;
   }

   .pb5-1024 {
     padding-bottom: 3rem !important;
   }

   .pb6-1024 {
     padding-bottom: 5rem !important;
   }

   /* /////////////////////////////// */
   .ps0-1024 {
     padding-left: 0rem !important;
   }

   .ps1-1024 {
     padding-left: .25rem !important;
   }

   .ps2-1024 {
     padding-left: .5rem !important;
   }

   .ps3-1024 {
     padding-left: 1rem !important;
   }

   .ps4-1024 {
     padding-left: 1.25rem !important;
   }

   .ps5-1024 {
     padding-left: 3rem !important;
   }

   .ps6-1024 {
     padding-left: 5rem !important;
   }
 }





 @media (min-width: 1200px) {
   .d-1200-block {
     display: block !important;
   }

   .d-1200-none {
     display: none !important;
   }

   /* /////////////////////////////// */
   .py0-1200 {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }

   .py1-1200 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important;
   }

   .py2-1200 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important;
   }

   .py3-1200 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }

   .py4-1200 {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }

   .py5-1200 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }

   .py6-1200 {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }

   /* /////////////////////////////// */
   .pt0-1200 {
     padding-top: 0rem !important;
   }

   .pt1-1200 {
     padding-top: .25rem !important;
   }

   .pt2-1200 {
     padding-top: .5rem !important;
   }

   .pt3-1200 {
     padding-top: 1rem !important;
   }

   .pt4-1200 {
     padding-top: 1.25rem !important;
   }

   .pt5-1200 {
     padding-top: 3rem !important;
   }

   .pt6-1200 {
     padding-top: 5rem !important;
   }

   /* /////////////////////////////// */
   .pt0-1200 {
     padding-top: 0rem !important;
   }

   .pt1-1200 {
     padding-top: .25rem !important;
   }

   .pt2-1200 {
     padding-top: .5rem !important;
   }

   .pt3-1200 {
     padding-top: 1rem !important;
   }

   .pt4-1200 {
     padding-top: 1.25rem !important;
   }

   .pt5-1200 {
     padding-top: 3rem !important;
   }

   .pt6-1200 {
     padding-top: 5rem !important;
   }

   /* /////////////////////////////// */
   .ps0-1200 {
     padding-left: 0rem !important;
   }

   .ps1-1200 {
     padding-left: .25rem !important;
   }

   .ps2-1200 {
     padding-left: .5rem !important;
   }

   .ps3-1200 {
     padding-left: 1rem !important;
   }

   .ps4-1200 {
     padding-left: 1.25rem !important;
   }

   .ps5-1200 {
     padding-left: 3rem !important;
   }

   .ps6-1200 {
     padding-left: 5rem !important;
   }
 }

 @media (min-width: 1366px) {
   .d-1366-block {
     display: block !important;
   }

   .d-1366-none {
     display: none !important;
   }



   /* /////////////////////////////// */
   .py0-1366 {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }

   .py1-1366 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important;
   }

   .py2-1366 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important;
   }

   .py3-1366 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }

   .py4-1366 {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }

   .py5-1366 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }

   .py6-1366 {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }

   /* /////////////////////////////// */


   .pt0-1366 {
     padding-top: 0rem !important;
   }

   .pt1-1366 {
     padding-top: .25rem !important;
   }

   .pt2-1366 {
     padding-top: .5rem !important;
   }

   .pt3-1366 {
     padding-top: 1rem !important;
   }

   .pt4-1366 {
     padding-top: 1.25rem !important;
   }

   .pt5-1366 {
     padding-top: 3rem !important;
   }

   .pt6-1366 {
     padding-top: 5rem !important;
   }

   /* /////////////////////////////// */
   .pb0-1366 {
     padding-bottom: 0rem !important;
   }

   .pb1-1366 {
     padding-bottom: .25rem !important;
   }

   .pb2-1366 {
     padding-bottom: .5rem !important;
   }

   .pb3-1366 {
     padding-bottom: 1rem !important;
   }

   .pb4-1366 {
     padding-bottom: 1.25rem !important;
   }

   .pb5-1366 {
     padding-bottom: 3rem !important;
   }

   .pb6-1366 {
     padding-bottom: 5rem !important;
   }


   /* /////////////////////////////// */
   .ps0-1366 {
     padding-left: 0rem !important;
   }

   .ps1-1366 {
     padding-left: .25rem !important;
   }

   .ps2-1366 {
     padding-left: .5rem !important;
   }

   .ps3-1366 {
     padding-left: 1rem !important;
   }

   .ps4-1366 {
     padding-left: 1.25rem !important;
   }

   .ps5-1366 {
     padding-left: 3rem !important;
   }

   .ps6-1366 {
     padding-left: 5rem !important;
   }
 }

 @media (min-width: 1920px) {
   :root {
     --pixel-size: 3;
   }


   .d-1920-block {
     display: block !important;
   }

   .d-1920-none {
     display: none !important;
   }

   /* /////////////////////////////// */
   .py0-1920 {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }

   .py1-1920 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important;
   }

   .py2-1920 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important;
   }

   .py3-1920 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }

   .py4-1920 {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }

   .py5-1920 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }

   .py6-1920 {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }

   /* /////////////////////////////// */


   .pt0-1920 {
     padding-top: 0rem !important;
   }

   .pt1-1920 {
     padding-top: .25rem !important;
   }

   .pt2-1920 {
     padding-top: .5rem !important;
   }

   .pt3-1920 {
     padding-top: 1rem !important;
   }

   .pt4-1920 {
     padding-top: 1.25rem !important;
   }

   .pt5-1920 {
     padding-top: 3rem !important;
   }

   .pt6-1920 {
     padding-top: 5rem !important;
   }

   /* /////////////////////////////// */
   .pb0-1920 {
     padding-bottom: 0rem !important;
   }

   .pb1-1920 {
     padding-bottom: .25rem !important;
   }

   .pb2-1920 {
     padding-bottom: .5rem !important;
   }

   .pb3-1920 {
     padding-bottom: 1rem !important;
   }

   .pb4-1920 {
     padding-bottom: 1.25rem !important;
   }

   .pb5-1920 {
     padding-bottom: 3rem !important;
   }

   .pb6-1920 {
     padding-bottom: 5rem !important;
   }


   /* /////////////////////////////// */
   .ps0-1920 {
     padding-left: 0rem !important;
   }

   .ps1-1920 {
     padding-left: .25rem !important;
   }

   .ps2-1920 {
     padding-left: .5rem !important;
   }

   .ps3-1920 {
     padding-left: 1rem !important;
   }

   .ps4-1920 {
     padding-left: 1.25rem !important;
   }

   .ps5-1920 {
     padding-left: 3rem !important;
   }

   .ps6-1920 {
     padding-left: 5rem !important;
   }

 }

 @media (min-width: 2560px) {

   .d-2560-block {
     display: block !important;
   }

   .d-2560-none {
     display: none !important;
   }

   /* /////////////////////////////// */
   .py0-2560 {
     padding-top: 0rem !important;
     padding-bottom: 0rem !important;
   }

   .py1-2560 {
     padding-top: .25rem !important;
     padding-bottom: .25rem !important;
   }

   .py2-2560 {
     padding-top: .5rem !important;
     padding-bottom: .5rem !important;
   }

   .py3-2560 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }

   .py4-2560 {
     padding-top: 1.25rem !important;
     padding-bottom: 1.25rem !important;
   }

   .py5-2560 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }

   .py6-2560 {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
   }


   /* /////////////////////////////// */


   .pt0-2560 {
     padding-top: 0rem !important;
   }

   .pt1-2560 {
     padding-top: .25rem !important;
   }

   .pt2-2560 {
     padding-top: .5rem !important;
   }

   .pt3-2560 {
     padding-top: 1rem !important;
   }

   .pt4-2560 {
     padding-top: 1.25rem !important;
   }

   .pt5-2560 {
     padding-top: 3rem !important;
   }

   .pt6-2560 {
     padding-top: 5rem !important;
   }

   /* /////////////////////////////// */
   .pb0-2560 {
     padding-bottom: 0rem !important;
   }

   .pb1-2560 {
     padding-bottom: .25rem !important;
   }

   .pb2-2560 {
     padding-bottom: .5rem !important;
   }

   .pb3-2560 {
     padding-bottom: 1rem !important;
   }

   .pb4-2560 {
     padding-bottom: 1.25rem !important;
   }

   .pb5-2560 {
     padding-bottom: 3rem !important;
   }

   .pb6-2560 {
     padding-bottom: 5rem !important;
   }

   /* /////////////////////////////// */
   .ps0-2560 {
     padding-left: 0rem !important;
   }

   .ps1-2560 {
     padding-left: .25rem !important;
   }

   .ps2-2560 {
     padding-left: .5rem !important;
   }

   .ps3-2560 {
     padding-left: 1rem !important;
   }

   .ps4-2560 {
     padding-left: 1.25rem !important;
   }

   .ps5-2560 {
     padding-left: 3rem !important;
   }

   .ps6-2560 {
     padding-left: 5rem !important;
   }

 }