﻿.news-container {
    position: relative;
    left: 0px;
}

    .news-container .news-title {
        position: absolute;
        background: #df2020;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 24px;
        color: white;
        font-weight: bold;
        z-index: 200;
    }

    .news-container ul {
        display: flex;
        list-style: none;
        margin: 0;
        animation: scroll 13s infinite linear;
    }
.news-container ul:has(li a:hover) {
    animation-play-state: paused;
}
        .news-container ul li {
            white-space: nowrap;
            padding: 10px 24px;
            color: #494949;
            position: relative;
        }

            .news-container ul li::after {
                content: "";
                width: 1px;
                height: 100%;
                background: #b8b8b8;
                position: absolute;
                top: 0;
                right: 0;
            }

            .news-container ul li:last-child::after {
                display: none;
            }

@keyframes scroll {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(-1083px);
    }
}


.form-contact label {
    font-size: 14px
}

.form-contact .form-group {
    margin-bottom: 30px
}

.form-contact .form-control {
    border: 1px solid #e5e6e9;
    border-radius: 0px;
    height: 48px;
    padding-left: 18px;
    font-size: 13px;
    background: transparent
}

    .form-contact .form-control:focus {
        outline: 0;
        box-shadow: none
    }

    .form-contact .form-control::placeholder {
        font-weight: 300;
        color: #999999
    }

.form-contact textarea {
    border-radius: 0px;
    height: 100% !important
}

.contact-section {
    padding: 130px 0 100px
}

@media (max-width: 991px) {
    .contact-section {
        padding: 70px 0 40px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .contact-section {
        padding: 80px 0 50px
    }
}

.boxed-btn {
    background: #fff;
    display: inline-block;
    padding: 18px 44px;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border: 1px solid #17345a;
    letter-spacing: 3px;
    text-align: center;
    color: #17345a;
    text-transform: uppercase;
    cursor: pointer
}

    .boxed-btn:hover {
        background: #17345a;
        color: #fff !important;
        border: 1px solid #17345a
    }

    .boxed-btn:focus {
        outline: none
    }


#slidy-container {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.slider-mobile {
}

@media(max-width:1024px) {
    .slider-mobile {
    }
}

.video-block-page {
    padding: 6px;
    background: #f9fafa;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    transition: all 0.3s;
}

    .video-block-page h4 {
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        margin: 0;
        padding: 15px 0;
    }
.color-change {
    animation: rainbow 4s linear infinite;
}

@keyframes rainbow {
    0%   { color: #ff0000; }
    20%  { color: #ff7f00; }
    40%  { color: #ffff00; }
    60%  { color: #00ff00; }
    80%  { color: #0000ff; }
    100% { color: #8b00ff; }
}
.color-change2 {
    animation: rainbowSafe 4s linear infinite;
}

@keyframes rainbowSafe {
    0%   { color: #ffe600; }  /* yellow */
    25%  { color: #ffffff; }  /* white */
    50%  { color: #10e7ff; }  /* cyan */
    75%  { color: #7aff3c; }  /* lime green */
    100% { color: #ffae42; }  /* orange */
}
.mb-10
{
	margin-bottom:10px;
}
.mb-20
{
	margin-bottom:20px;
}