span.im-caret {
     -webkit-animation: 1s blink step-end infinite;
     animation: 1s blink step-end infinite;
 }

 @keyframes blink {

     from,
     to {
         border-right-color: black;
     }

     50% {
         border-right-color: transparent;
     }
 }

 @-webkit-keyframes blink {

     from,
     to {
         border-right-color: black;
     }

     50% {
         border-right-color: transparent;
     }
 }

 span.im-static {
     color: grey;
 }

 div.im-colormask {
     display: inline-block;
     border-style: inset;
     border-width: 2px;
     -webkit-appearance: textfield;
     -moz-appearance: textfield;
     appearance: textfield;
 }

 div.im-colormask>input {
     position: absolute;
     display: inline-block;
     background-color: transparent;
     color: transparent;
     -webkit-appearance: caret;
     -moz-appearance: caret;
     appearance: caret;
     border-style: none;
     left: 0;
     /*calculated*/
 }

 div.im-colormask>input:focus {
     outline: none;
 }

 div.im-colormask>input::-moz-selection {
     background: none;
 }

 div.im-colormask>input::selection {
     background: none;
 }

 div.im-colormask>input::-moz-selection {
     background: none;
 }

 div.im-colormask>div {
     color: black;
     display: inline-block;
     width: 100px;
     /*calculated*/
 }



 /* Для экранов шире 769 пикселей */
 @media (min-width: 769px) {
     .bg-image img {
         width: 100%;
         max-width: 1400px;
         height: auto;
     }
 }

 /* Для экранов шириной менее 769 пикселей */
 @media (max-width: 768px) {
     .bg-image img {
         width: 100%;
         height: auto;
     }
 }

 .scroll-image-container {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: auto;
     z-index: 9999;
     opacity: 0;
     transition: opacity 0.3s;
 }

 .scroll-image-container img {
     width: 100%;
     height: auto;
 }

 .show {
     opacity: 1;
 }

 @media (max-width: 800px) {
     .pishownaxyu {
         display: none;
     }

     .dsdsds.scrolled {
         padding-top: 20px;
     }
 }

 @media (min-width: 390px) {
     .pishownaxyutv {
         display: inline-block;
     }
 }

 @media (min-width: 460px) {
     .pishownaxyukids {
         display: inline-block;
     }
 }

 @media (min-width: 610px) {
     .pishownaxyuent {
         display: inline-block;
     }
 }

 .inhercyyyyyyyyyyyyyka {
     color: inherit !important;
     text-decoration: none !important;
 }

 #fixed-header {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     max-width: 100%;
     z-index: 999;
     display: none;
     /* Ховаємо за замовчуванням */
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 }