@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* Bootstrap Over-ride */
@media (min-width: 1000px){
    .container{
        max-width: 1000px;
    }
}
@media (max-width: 1200px){
    .container{
        max-width: 100%;
        padding:0 24px;
    }
}
.dropdown-toggle::after {
    display: none;
}
.dropdown-menu{
    top:58px;
    left:0px;
    padding:10px;
}

.alert-primary{
    background-color: #E4F1FF;
}


/* Fonts */

html, body, p, div{
    letter-spacing: -0.02px;
    font-family: 'Roboto', sans-serif;
}
.fs12{
    font-size: 12px;
}
.fs15{
    font-size: 0.9375rem;
}

.fw300{
    font-weight: 300;
}
.fw500{
    font-weight: 500;
}


/* Navigation-Main*/

/* xs */
.logo {
    width: 49px;
    height: auto;
}
/* sm */
@media (min-width: 768px) {
    .logo {
        width: 49px;
    }
}
/* md */
@media (min-width: 992px) {
    .logo {
        width: 60px;
    }
}
/* lg */
@media (min-width: 1200px) {
    .logo {
        width: 70px;
    }
}

.shine {  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   
    border:1px solid #141414;
    border-radius:5px;
  }
   
  .shine:hover {
    box-shadow: 0 0 15px #00aaff;
    border: 1px solid #00aaff;
  }

.imagestyle {
    display: block;
    margin: 0 auto;
    width: 50%;    
}

.imagestyleservice {
    max-width: 500px; /* Замените 500px на нужную вам максимальную ширину */
    width: 100%;
    height: auto;
    display: block;
    margin: auto; /* Центрирование изображения по горизонтали */ 
}

.imagestylegif {
    max-width: 260px; /* Замените 500px на нужную вам максимальную ширину */
    width: 100%;
    height: auto;
    display: block;
    margin: auto; /* Центрирование изображения по горизонтали */ 
}

.media-links {
    display: flex;
    justify-content: center;
    align-items: center;
}

.shine {  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   
    border:1px solid #141414;
    border-radius:5px;
  }
   
  .shine:hover {
    box-shadow: 0 0 15px #00aaff;
    border: 1px solid #00aaff;
  }

.shining-text {
            position: relative;
            animation: shine 1.5s infinite alternate;
        }

        @keyframes shine {
            0% {
                color: white;
            }
            100% {
                color: #000; /* Change to the original text color */
            }
        }

.shine_plus {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid white; /* Изначальный цвет обрамления (белый) */
    border-radius:5px;
    box-shadow: 0 0 15px #edf3f7;
    animation: changeBorderColor 4s linear infinite; /* 3 секунды на цикл с плавным переходом цвета */
}

.imagestyle.shine.shine_plus:hover {
  cursor: pointer;
}

/* Footer */


.slide-text,
.footer-text {
    color: aquamarine;
    margin: auto auto;
}

footer,
.btn-outline-primary {
    background: linear-gradient(270deg, #ffffff 0%, #e3e3e4 100%);

}