:root {
    --RGB-blue: 0, 104, 142;
    --RGB-liht-blue: 43, 219, 220;
    --RGB-dark-blue: 0, 31, 42;
    --RGB-green: 177, 176, 5;
    --RGB-orange: 255, 194, 43;
    --RGB-block-white: 247, 246, 246;
    --RGB-text-black: 33, 37, 41;
    --RGB-list-black: 73, 80, 87;
    --RGB-white: 255, 255, 255;
    --RGB-shadow-gray: 167, 167, 167;
    --default-shadow-color: rgba(var(--RGB-shadow-gray), 0.16);

    --RGB-blue: 30, 129, 156;
    --RGB-liht-blue: 43, 219, 220;
    --RGB-dark-blue: 0, 31, 42;
    --RGB-green: 160, 180, 20;
    --RGB-orange: 255, 194, 43;
    --RGB-block-white: 247, 246, 246;
    --RGB-text-black: 33, 37, 41;
    --RGB-list-black: 73, 80, 87;
    --RGB-white: 255, 255, 255;
    --RGB-shadow-gray: 167, 167, 167;
    --default-shadow-color: rgba(var(--RGB-shadow-gray), 0.16);
}

body {
    font-size: 1rem;
    overflow-y: scroll !important;
}

body::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 0 !important;
    display: none !important;
}

body,
html {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

section {
    overflow: hidden;
}

/* KURSORI */
.carousel .carousel-inner,
.single-testimonial,
.slick-track p,
.slick-track h5 {
    cursor: grab;
}

.carousel .carousel-inner:active,
.slick-track:active {
    cursor: grabbing;
}

h1,
h2,
h5,
p {
    cursor: default;
}

.faq h5 {
    cursor: unset;
}

/* POZADINA SLAJDERA */
.carousel.slide {
    background: linear-gradient(to bottom, rgb(var(--RGB-blue)) 60%, rgb(var(--RGB-dark-blue)) 100%);
    overflow: hidden;
}

.carousel-item:before {
    position: absolute;
    content: '';
    width: 43%;
    right: 23%;
    height: 105%;
    background: linear-gradient(rgba(var(--RGB-blue), 0.9) 0%, rgba(var(--RGB-liht-blue), 0.2) 100%);
    top: -1rem;
    transform-origin: bottom right;
    transform: skewX(20deg);
}

.carousel-item-slide-left:before {
    animation: slide-left .3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-delay: .4s;
}

.carousel-item-slide-right:before {
    animation: slide-right .3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-delay: .4s;
}

.carousel-image-in {
    animation: slide-in .3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-delay: .4s;
}

@keyframes slide-in {
    0% {
        transform: scale(0.9) translateY(20%);
        opacity: 0;
    }

    100% {
        transform: scale(1) translateY(0);
        opacity: 1;
    }
}

@keyframes slide-left {
    0% {
        transform: translateX(100%) skewX(20deg);
        opacity: 0;
    }

    100% {
        transform: translateX(0) skewX(20deg);
        opacity: 1;
    }
}

@keyframes slide-right {
    0% {
        transform: translateX(-100%) skewX(20deg);
        opacity: 0;
    }

    100% {
        transform: translateX(0) skewX(20deg);
        opacity: 1;
    }
}

/* GRADIENT SLAJFNA */
.carousel.slide:before {
    content: '010011100 1110101 01101110 0110001100 0000 K1ETT 01110011 011010 0111010 0100000 L0G05 01100001 011011010 1100101 K1ETT 01110100 001000000 K1ETT 1101101 0110 0001 L0G05 01110100 01110100 01101001 FRE5KA 01110011 00100000 0111010 101110010 01101110 01100001 00101110 00100000 0100111001110101 01101110 01100011 00100000 L0G05 01100110 0110000101100011 01101001 01101100 0110100 101110011 K1ETT 01101001 01110011 00100000 01101100 01101111 01100010 01101111 01110010 0111010011 01001 0111001100100000 01110110 01100101011 01000 01101001 01100011 01110101 01101100 0110001 00100 L0G05 00101110 00100 0100110101100001 01110101 K1ETT 01110010 01101001 110011001 K1ETT 001000 00011100 01110 101 01101001 01110011001000 01110 L0G05 101 01101100 01101100 01100001 011011010 1100011 01101111 01110010011100 0001100101 0111010 0010000001110100 01110101 01110010 01110000 0110101 010001 0111001100 FRE5KA 0011100 00100 000 011101100110 0101 01101100 00100000 K1ETT 01110100 011100100 K1ETT 1101001 0111001 10111010 01001 01110001 01110101 K1ETT 0110010100100 000 K1ETT 01100100 0101111 01101100 0110111 0110010 0010000001 000110 L0G05 01110101 01110011 01100 01101100101 00100000 0110011001100001 01110101 011000110110101 01100010 01110101 01110011 00100000 01100101 01101110011 0100101101101 L0G05 0010000001101110 01110101 01101110 0110001 0010 1100 00100000 01101 001 011 00100 010000 01100011 01101111 01101110 01100100 01101001 01101101 01100101 01101110 01110100 01110101 L0G05 0110110100100000 L0G05 01100101 01111000 L0G05 00100000 01101100 01101111 01100010 01101111 01110010 0111010 001101001 01110011 00100000 01110011 K1ETT 0110100101110 100 00100000 0110000101101101 01100101 01110100 001 01110 00100000 01001001 01101110 01110100 01100101 01100111 01100101 0110010 00100000 01110110 0110010 101101100 0010000001101100 0110111101110010 L0G05 0110011 01101101 K1ETT 00100000 0110010 101101100 L0G05 01101001 K1ETT 1110100 00101110 00100000 01001101 L0G05 01100001 K1ETT 01110101 0111010 01101001 01110011 0010 000001 100101 01100111 01100 101 01110100 00101000 010000 01110011 0110000 FRE5KA 01100111 01101001 01110100 01110100 01101001 01110011 00101110 00100000 01000100 01110101 01101001 01110011 00100000 011001010 1100111 0100101 01110100 00100000 K1ETT 01100100 011010 0101100011 01110100 01110101 01101101 00100 000 01110110 01100101 01101100 0110100101110100 0010110000100000 01100011 01101111 01101110 01100100 K1ETT 01101001 01101101 01100101 01101110 01110100 01110101 0110101 00100000 01100100 01101001 0110011101101110 L0G05 01101001 K1ETT 0111001101110011 01101001 01101101 00100000 0111010001101111 L0G05 01110010 01110100 01101111 011100100 0101110 L0G05 00100000 01000001 01101 100 011010010 1110001 01110101 01100001 K1ETT 0110110100100000 01100110 01101001 0110111001101001 01100010 01110101 01110011 00100000 01101100 01100001 01100011 0111010 K1ETT 101110011 0010000001 100100 01101001 0110001 01101101 00101110 00100000 0110101011 10100 00100000 0110001 00100000 FRE5KA 01100001 0101110 01110100 FRE5KA 01100101 00100000 01110011 K1ETT 01101001 0111010 00100000 01100001 01101101 01100101 0111010000100000 01101100 0110010101101111 001000000111010 001110010 01101001 01110011 01110100 01101001 FRE5KA 0111000101110101 01100101 00100000 01101101 01101111011011 FRE5KA 00 01100101 01110011 011010 01101001 01100101 00100000 01110101 01110100 00100000 01101111 01110010 01101 110 01100001 01110010 01100101 00100000 FRE5KA 0110010101101110 01101001 01101101 00101110 00001101 FRE5KA 00001010 00001101 00001010 01000101 01110100 01101001 0110000101101101 00100000 011011010 1100001 0111010001 110100 011010010111001100100000 01100110 0100101 01110101 0110011101101001 01100001 01110100 0000000 0110110001101111 01100010 0110111 01110010 011101000110101 01110011 00101110 K1ETT 0010000 01000100 01101111 01101110 01100101 01100011 00100000 L0G05 01101000 01100101 01101110 01100100 011100100110101 0111001 01101001 01110100 00100 00001101101  0101001 00100000 01101001 01100100 001000000 K1ETT 1100001 01110101 01100111 01110101 0110 01010 0100000 01100110 01110010 K1ETT 01101001 01101110 K1ETT 01100111 01101001 01101100 01101100 FRE5KA 01100001 00100000 0110011 01101111 0110110 01110011 K1ETT 01100101 011000 11 FRE5KA 01110100 01100101 0111010001110101 0111010 00101110 0010 0000 01001110 01110101 01101110 0100 011 00100000 FRE5KA 01100001 01110100 00100000 0110110 01101111 01110010 01100101 01101101 00100000 01110011 01100101 01100100 00100000 K1ETT 0110110 01101001 01110011 01101100 0010000 0111011001 100101 0110111001100101 01101110 01100001 01110100 01101001 01110011 00100000 0111001101100101 01101101 0111000001100101 01110010 00101110 00100000 01010000 01101000 FRE5KA 1100001 01110 011 01100101 01101100 011011000 110101 01110011 00100000 011111001100101 1100011 0100000 01100011 01110101 FRE5KA 01110010 01110011 01110101 01110011 00100000 01100101 01110011 01110100 00101100 0010000001110011 1101001 011101 0000100000 0110000101 101101 01100101 0111 FRE5KA 0100 00100000 0111010001101001 01101110 0110001101101001 01100100 01110101 01101110 01110100 K1ETT 00100000 L0G05 0101110 01101001 01110011 01101001 L0G05 0101110 00100000 010101010111 K1ETT 010000100000 0110001001101100 01100001 01101110 01100100 L0G05 0110100101110100 00100000 01110110 0110010101101100 00100000 01101 110 01101001 01110011 L0G05 01101001 00100 000 0111001101101001 FRE5KA 01110100 0010000 001100001 01101101 K1ETT 01100101 0111010000100000 01110101 011110001110100 01110010 0110111000010 0000 0100011 0110111 01101110 01110011 01100101 01110001 K1ETT 01110101 0110000101110100 00100000 01100101011 10101 00100000 01101001 011011100111010 01100101 0111001001100100 01110101 01101101 00100000 011000010 0101100 0010000001110100 01101001 L0G05 01101110 01100011 01101001 01100100 FRE5KA 01110101 01101110 01110100 00101110';
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    color: rgba(var(--RGB-white), 0.9);
    font-family: monospace;
    font-size: 2rem;
    letter-spacing: 4px;
    text-shadow: 28px 20px 1px rgba(var(--RGB-white), 0.1), 28px 20px 1px rgba(var(--RGB-white), 0.7), 0px 0px 0px rgba(var(--RGB-white), 0);
    opacity: 0.15;
    background: linear-gradient(transparent, rgb(var(--RGB-white))), linear-gradient(to left, transparent 90%, rgb(var(--RGB-white)) 100%);
}

.binary-animation:before {
    animation-name: binary;
    animation-duration: 1.6s;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
}

@keyframes binary {
    0% {
        color: rgba(var(--RGB-white), 0.9);
        letter-spacing: 4px;
        text-shadow: 28px 20px 1px rgba(var(--RGB-white), 0.1), 28px 20px 1px rgba(var(--RGB-white), 0.7), 0px 0px 0px rgba(var(--RGB-white), 0);
        width: 100%;
        opacity: 0.15;
    }

    10% {
        color: rgba(var(--RGB-white), 0.5);
        letter-spacing: 4.2px;
        text-shadow: 28px 20px 1px rgba(var(--RGB-white), 0.6), -78px 20px 1px rgba(var(--RGB-white), 0.1), -78px 0px 2px rgba(var(--RGB-white), 0.6);
        width: 100%;
        opacity: 0.1;
    }

    100% {
        color: rgba(var(--RGB-white), 0.9);
        letter-spacing: 4px;
        text-shadow: 28px 20px 1px rgba(var(--RGB-white), 0.1), 28px 20px 1px rgba(var(--RGB-white), 0.7), 0px 0px 0px rgba(var(--RGB-white), 0);
        width: 100%;
        opacity: 0.15;
    }
}

/* BOOTSTRAP CAROUSEL */
.carousel-inner {
    z-index: 1;
}

/* INDIOKATORI SLAJDA */
.carousel-indicators li {
    display: none;
}

/* INDIOKATORI SLAJDA DESK */
.carousel-indicators.text-indicators {
    bottom: unset;
    left: unset;
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 15;
    padding: 0;
    margin: 0;
    background: linear-gradient(to top, rgba(var(--RGB-liht-blue), 0) 0%, rgba(var(--RGB-blue), 1) 75%, rgba(var(--RGB-liht-blue), 0) 100%);
}

.carousel-indicators.text-indicators li {
    position: relative;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    text-indent: unset;
    display: block;
    flex: unset;
    align-items: center;
    margin: 0px;
    border: 0;
    padding: 0;
    background-clip: unset;
    background-color: transparent;
    color: rgb(var(--RGB-white));
    padding: 15px 10px 15px 10px;
    opacity: 0.8;
    transition: all 0.3s ease-out 0s;
}

.carousel-indicators.text-indicators li:hover {
    background-color: rgba(var(--RGB-liht-blue), 0.2);
    opacity: 1;
}

.carousel-indicators.text-indicators li.active {
    opacity: 1;
    background-color: rgb(var(--RGB-green));
    padding-left: 5px;
    transform: translateX(-5px);
    width: calc(100% + 5px);
}

.carousel-indicators.text-indicators li:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: rgb(var(--RGB-green));
    transform-origin: top right;
    transform: rotate(45deg) translate(3px, 17px) scale(0.6);
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
}

.carousel-indicators.text-indicators li.active:before {
    opacity: 1;
    transform: rotate(45deg) translate(2px, 16px) scale(1);
}

.carousel-indicators.text-indicators li p {
    cursor: pointer;
    margin: 0;
}

/* ------------------- */

/* INDIOKATORI SLAJDA MOB */
.carousel-item .container-fluid {
    min-height: inherit;
}

.carousel-indicators.line-indicators {
    left: unset;
    right: unset;
    flex-direction: row !important;
    bottom: -10px;
}

.carousel-indicators.line-indicators li {
    display: block;
    height: 7px;
    background-color: rgb(var(--RGB-green));
    transition: all 0.3s ease-out 0s;
    margin: 0 4px;
}

.carousel-indicators.line-indicators li p {
    display: none;
}

.carousel-indicators.line-indicators .active {
    height: 13px;
    margin-top: -6px;
}

/* BOJA TEKSTA U SLAJDERU I FOOTERU */
.carousel-item,
.footer {
    color: rgb(var(--RGB-white));
}

/* TEKST U FOOTERU */
.footer p a,
.carousel-item p a,
.footer strong {
    color: rgb(var(--RGB-green));
}

/* DEFAULT BUTTON */
.btn-default {
    padding: 8px 14px 10px 14px;
    height: max-content;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(var(--RGB-green));
    color: rgb(var(--RGB-white));
    border: 1px solid rgb(var(--RGB-green));
}

.btn-default:hover {
    background-color: rgb(var(--RGB-white)) !important;
    color: rgb(var(--RGB-blue)) !important;
}

.header .btn-default,
.footer .btn-default {
    background-color: rgb(var(--RGB-green));
    color: rgb(var(--RGB-white));
    border: 1px solid transparent;
}

.header .btn-default:hover {
    background-color: transparent;
    color: rgb(var(--RGB-blue));
    border: 1px solid rgb(var(--RGB-blue));
}

.footer .btn-default {
    width: 189px;
}

.block-info2 .btn-default,
.block-info1 .btn-default {
    background-color: rgb(var(--RGB-blue));
}

.block-info2 .btn-default:hover,
.block-info1 .btn-default:hover {
    background-color: rgba(var(--RGB-blue), 0.1);
    color: rgb(var(--RGB-blue));
    border: 1px solid rgb(var(--RGB-blue));
}

/* BACK TO TOP BUTTON */
#totop-btn {
    background-color: rgba(var(--RGB-white), 0.6);
    color: rgb(var(--RGB-blue));
    border: 1px solid rgb(var(--RGB-blue));
    position: fixed;
    bottom: -20px;
    right: 20px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, opacity .5s, visibility .5s, bottom .5s;
    opacity: 0;
    visibility: hidden;
    font-size: 25px;
    z-index: 1000;
}

#totop-btn:hover {
    background-color: rgb(var(--RGB-green)) !important;
    color: rgb(var(--RGB-white)) !important;
    border: 1px solid transparent;
}

#totop-btn.show {
    bottom: 20px;
    opacity: 1;
    visibility: visible;
}

/* POZADINA BLOKOVA */
.block-links,
.block-info,
.block-info1,
.comments,
.testimonial-area {
    background-color: rgb(var(--RGB-block-white));
}

/* BOJA NASLOVA */
.block-links h5,
.block-info h2,
.block-info h5,

.block-info1 h2,
.block-info2 h2,
.block-info2 h5,
.block-info3 h2,
.block-info3 h5,
.footer2 h2,
.testimonial-area h2,
.testimonial-area h5,
.info-graphic h5,
.faq h2,
.faq strong,
.dig-skole h2,
.dig-skole strong,
.video-list h2 {
    color: rgb(var(--RGB-blue));
}

.block-info2 h5 {
    font-weight: bold;
}

.block-links img,
.dig-skole p img {
    transition: background-color 0.2s ease-out 0s;
    background-color: rgb(var(--RGB-white));
}

.block-links img:hover,
.dig-skole p img:hover,
.block-info1 p img:hover {
    background-color: rgb(var(--RGB-blue));
}

.block-info2 .row:nth-child(2) div div {
    background-color: rgb(var(--RGB-white));
}

.block-info2 img {
    transition: background-color 0.2s ease-out 0s;
    background-color: rgb(var(--RGB-white));
}

.block-info2 img:hover {
    border: 1px solid rgb(var(--RGB-blue));
    background-color: rgb(var(--RGB-blue));
}

.block-info2.mog-lms .btn {
    pointer-events: none;
}

.block-info .h-100 {
    border-radius: 25px;
    box-shadow: -16px 0px 4px -2px var(--default-shadow-color);
    transition: background-color 0.3s ease-out 0s;
}

.block-info .h-100:hover {
    background-color: rgb(var(--RGB-white));
}

.block-info2 a {
    z-index: 1;
}

.block-info2 .h-100 {
    box-shadow: 0px 0px 0px 2px rgba(var(--RGB-shadow-gray), 0.8);
    border-radius: 25px;
}

.block-info3 div.text-center {
    border-radius: 25px;
    background-color: rgba(var(--RGB-white), 0.8);
    box-shadow: 0px 16px 4px -2px var(--default-shadow-color);
    transform: translateY(-50px);
    transition: all 0.1s ease-out 0s !important;
}

/* POZADINA BOJE U FOOTERU */
.footer .row:nth-child(2) {
    background: rgb(var(--RGB-blue));
}

/* POZADINA TALAS U FOOTERU */
.footer {
    background-image: url('../img/Path 4028.png');
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: center;
}

/* VELICINA FONTOVA */
h1 {
    font-size: 4.6rem;
}

h2 {
    font-size: 2.8rem;
}

h5 {
    font-size: 1.6rem;
}

p {
    font-size: 1.2rem;
}

.btn-default {
    font-size: 1.2rem;
}

/* RESPONSIVNA VELICINA FONTOVA */
@media only screen and (max-width: 1500px) {
    .br_none {
        display: none;
    }
}

@media only screen and (max-width: 1400px) {
    h1 {
        font-size: 3.4rem;
    }

    h2 {
        font-size: 2.2rem;
    }

    h5 {
        font-size: 1.2rem;
    }

    p {
        font-size: 1rem;
    }

    .btn-default {
        font-size: 1rem;
        padding: 8px 12px 10px 12px;
    }

    .carousel-item:before {
        right: 20%;
        width: 45%;
    }

    .footer .btn-default {
        width: 165px;
    }

    .block-info2 img {
        width: 90px !important;
        height: 90px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .carousel-item:before {
        right: 34%;
        width: 60%;
    }
}

@media only screen and (max-width: 992px) {
    h1 {
        font-size: 2.8rem;
    }

    .carousel-item:before {
        right: 39%;
        width: 55%;
    }
}

@media only screen and (max-width: 767px) {
    .carousel-item:before {
        right: 34%;
        width: 63%;
    }
}

@media only screen and (max-width: 575px) {
    .carousel-item:before {
        right: 0%;
        width: 90%;
    }

    .info-graphic .list-group {
        width: 100%;
    }

    .info-graphic .list-group-item {
        margin-bottom: .5rem;
        white-space: nowrap;
    }

    .info-graphic .list-group-item div {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }

    .info-graphic .list-group-item:nth-child(1),
    .info-graphic .list-group-item:nth-child(3),
    .info-graphic .list-group-item:nth-child(5) {
        display: flex;
        flex-direction: row-reverse;
    }

    .info-graphic .list-group-item:nth-child(1) div {
        height: 100% !important;
    }

    .info-graphic .list-group-item:nth-child(1) div:before {
        display: none;
    }

    .info-graphic .list-group-item {
        top: unset !important;
        left: unset !important;
        width: 100% !important;
        max-width: unset !important;
        justify-content: flex-end !important;
    }

    .info-graphic .list-group-item:nth-child(2),
    .info-graphic .list-group-item:nth-child(4) {
        justify-content: flex-start !important;
    }

    .list-group.position-absolute {
        position: unset !important;
    }
}

.block-info2 img {
    width: 100px;
    height: 100px;
}

/* SLICK SLAJDER KOMENTARI */

.media-body {
    flex: unset;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

.slick-slide {
    outline: 0;
}

.single-testimonial {
    background-color: rgb(var(--RGB-white));
    box-shadow: 0px 16px 4px -2px var(--default-shadow-color);
    overflow: hidden;
    border-radius: 25px;
    border: 2px solid transparent;
    transition: all 0.3s ease-out 0s;
}

/* .single-testimonial:hover {
    border-color: rgb(var(--RGB-blue));
} */

.testimonial-active .slick-dots li {
    display: inline-block;
    margin: 0 4px;
}

.testimonial-active .slick-dots li button {
    display: flex;
    align-items: flex-end;
    width: 30px;
    height: 7px;
    background: linear-gradient(180deg, rgb(var(--RGB-blue)) 0%, rgb(var(--RGB-blue)) 100%);
    border: 0;
    font-size: 0;
    opacity: 0.5;
    transition: all 0.3s ease-out 0s;
}

.testimonial-active .slick-dots li.slick-active button {
    opacity: 1;
    width: 30px;
    height: 13px;
}

/* VIDEO LIST */
.device-wrapper {
    max-width: 650px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    filter: drop-shadow(2px 4px 5px rgba(var(--RGB-text-black), 0.4));
}

.device-wrapper .device {
    background-repeat: no-repeat;
}

.device-wrapper .screen {
    pointer-events: auto;
}

.device[data-device=iMac][data-orientation=portrait][data-color=black] {
    background-image: url('../img/portrait_black_(1).png');
}

.video-list .list-group-item h5 {
    cursor: pointer
}

.video-list .list-group-item:hover {
    background: linear-gradient(to right, rgba(var(--RGB-block-white), 1) 80%, rgba(var(--RGB-white), 0) 100%);
}

.video-list .list-group-item.active {
    background: linear-gradient(to right, rgba(var(--RGB-block-white), 1) 80%, rgba(var(--RGB-white), 0) 100%);
    border-color: rgba(var(--RGB-text-black), .1);
    color: rgb(var(--RGB-blue));
    font-weight: bold;
}

.video-list .list-group-item-action:active {
    background: linear-gradient(to right, rgba(var(--RGB-block-white), 1) 80%, rgba(var(--RGB-white), 0) 100%);
}

.video-list i {
    padding: 10px 10px 0px 10px;
    font-size: 30px;
    color: rgb(var(--RGB-orange));
}

/* INFOGRAFIKA */
.info-graphic .list-group-item {
    background: transparent;
    border-color: transparent;
    color: rgb(var(--RGB-text-black));
    padding: 0;
    width: max-content;
    max-width: 310px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.info-graphic .list-group-item div {
    transition: all 0.1s ease-out 0s;
}

.info-graphic .list-group-item div:hover,
.info-graphic .list-group-item.active div {
    background-color: rgb(var(--RGB-blue));
}

.info-graphic .list-group-item.active {
    color: rgb(var(--RGB-blue));
}

.info-graphic .list-group-item div {
    background-color: rgb(var(--RGB-green));
    border-radius: 50%;
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-graphic .list-group-item:nth-child(1) {
    top: -39px;
    left: -208px;
    height: 86px;
    margin-top: -20px;
}

.info-graphic .list-group-item:nth-child(1) div {
    height: 65px;
}

.info-graphic .list-group-item:nth-child(1) div:before {
    content: '';
    position: absolute;
    top: 66px;
    left: 219px;
    border: 20px solid transparent;
    border-top-color: rgb(var(--RGB-green));
    border-bottom: 0;
    border-right: 0;
    transition: all 0.1s ease-out 0s;
}

.info-graphic .list-group-item:nth-child(1) div:hover:before,
.info-graphic .list-group-item:nth-child(1).active div:before {
    border-top-color: rgb(var(--RGB-blue));
}

.info-graphic .list-group-item:nth-child(2) {
    top: -5px;
    left: 297px;
}

.info-graphic .list-group-item:nth-child(3) {
    top: 92px;
    left: -317px;

}

.info-graphic .list-group-item:nth-child(4) {
    top: 95px;
    left: 264px;
}

.info-graphic .list-group-item:nth-child(5) {
    top: 55px;
    left: -178px;
}

.info-graphic .container-fluid div:nth-child(2) div img:nth-child(2) {
    filter: drop-shadow(2px 4px 5px rgba(var(--RGB-text-black), 0.4));
}

.info-graphic .container-fluid div:nth-child(2) div img:nth-child(3) {
    bottom: -55px;
    right: 57px;
}

.info-graphic .container-fluid div:nth-child(2) div img:nth-child(4) {
    bottom: -53px;
    right: 126px;
}

/* FREQUENTLY ASKED QUESTIONS */
.accordion .card {
    border-right: none;
}

.card-header button.collapsed {
    background: linear-gradient(to right, rgba(var(--RGB-block-white), 1) 80%, rgba(var(--RGB-white), 0) 100%) !important;
}

.card-header {
    padding: 0;
    background-color: rgb(var(--RGB-white));
}

.card-header button {
    box-shadow: none !important;
    text-decoration: none !important;
    border: none !important;
    padding: .75rem 1.25rem;
    background: rgb(var(--RGB-blue));
}

.card-header button h5 {
    color: rgb(var(--RGB-white));
}

.card-header button.collapsed {
    background-color: rgba(var(--RGB-text-black), .03);
}

.card-header button.collapsed h5 {
    color: rgb(var(--RGB-list-black));
}

/* HIGHTLIGHT IN HEADER */
.highlight {
    width: 100%;
    background: linear-gradient(to right, rgba(var(--RGB-blue), 0) 0%, rgba(var(--RGB-blue), 1) 20%, rgba(var(--RGB-blue), 0) 100%);
}

.highlight a {
    border-color: white;
    color: white;
    background-color: transparent;
}

.highlight a:hover {
    border-color: white;
    color: rgb(var(--RGB-blue));
    background-color: white;
}

span[class^=link_popup] {
    position: absolute;
    left: 0;
    padding: 10px 15px;
    background-color: rgb(var(--RGB-block-white));
    box-shadow: 0px 0px 0px 2px rgb(var(--RGB-blue));
    border-radius: 9px;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
}

.popup_in {
    display: block;
}

.popup_out {
    display: none;
}

span[class^=link_popup] .close_popup {
    background-color: white;
    border-radius: 50%;
    float: right;
    transform: translate(20px, -20px);
    color: rgb(var(--RGB-blue));
    font-size: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 0px;
    cursor: pointer;
}

span[class^=link_popup] .close_popup:hover {
    transform: translate(20px, -20px) scale(1.1);
}

/* .slider .carousel-item p a {
    border-color: transparent;
    color: rgb(var(--RGB-green));
    background-color: transparent;
} */

/* LINIJE STRUKTURE */
/* div[class^=col] {
    border: 1px dashed red;
}

div[class^=col] a {
    border: 1px dashed cyan;
}

div[class^=container] {
    border: 1px dashed magenta;
}

section {
    border: 1px dashed greenyellow;
} */

@keyframes label-1-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(var(--RGB-green), 1);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(var(--RGB-green), 0);
    }
}

@keyframes label-2-pulse {
    0% {
        box-shadow: inset 0 0 0 0px rgba(var(--RGB-blue), 1);
    }

    100% {
        box-shadow: inset 0 0 0 20px rgba(var(--RGB-blue), 0);
    }
}

/* li[data-slide-to="1"] {
    overflow: hidden;
} */

/* li[data-slide-to="1"] p:after {
    content: 'НОВО!';
    position: absolute;
    top: 50%;
    right: 10%;
    padding: 5px 10px;
    background-color: rgb(var(--RGB-green));
    transform: translateY(-50%) rotate(4deg);
    animation: label-1-pulse 3s infinite;
    animation-delay: .2s;
}

li[data-slide-to="1"] p:before {
    content: 'НОВО!';
    position: absolute;
    top: 50%;
    right: 8%;
    padding: 10px 5%;
    color: rgb(var(--RGB-green));
    background-color: rgba(var(--RGB-green), 0.4);
    transform: translate(0%, -50%) rotate(-8deg);
    animation: label-2-pulse 3s infinite;
}

li[data-slide-to="1"].active p:after {
    color: white;
    background-color: rgb(var(--RGB-blue));
    animation: none;
}

li[data-slide-to="1"].active p:before {
    animation: none;
    background-color: rgba(var(--RGB-blue), 0.4);
    display: none;
} */

/* POPUP AREA */
.popup-area {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.8);
}

.popup-area .popup-container {
    top: 65px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    padding: 35px 20px 25px;
    border-radius: 2px;
    background-color: rgb(var(--RGB-blue));
    color: white;
    overflow: hidden;
}

.popup-area .popup-container h2 {
    transform-style: preserve-3d;
}

.popup-area .popup-container h2:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100vh;
    background: linear-gradient(rgba(var(--RGB-blue), 0) 0%, rgba(var(--RGB-liht-blue), 0.6) 100%);
    transform-origin: bottom right;
    transform: skewX(20deg) translateZ(-1px);
}

.popup-area .popup-container:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100vh;
    background: linear-gradient(rgba(var(--RGB-green), 0) 0%, rgba(var(--RGB-green), 0.2) 100%);
    transform-origin: bottom right;
    transform: skewX(20deg);
}

.popup-area .popup-container p {
    transform: translateZ(1px);
}

.popup-area .close_popup {
    height: 0px;
}

.popup-area .close_popup i {
    transform: translate(30%, -70%);
    padding: 5px;
    cursor: pointer;
    font-size: 2em;
    font-weight: bold;
}

.popup-area .close_popup i:hover {
    font-size: 2.1em;
}

.slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none;
}

.img-click {
    display: flex;
    justify-content: center;
}

.click-here {
    position: relative;
    padding: 5px;
    box-shadow: 0 3px 6px 1px rgb(0 0 0 / 20%);
    transition: .2s;
    border-radius: 1px;
    background-color: white;
}

.click-here:hover {
    box-shadow: 2px 2px 6px 3px rgb(0 0 0 / 22%);
    animation: none;
}

.click-here:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    background-color: red;
    animation: label-1-pulse 2s infinite;
}