body { color: #444444; background-color: #EEEEEE; font-family: 'Trebuchet MS', sans-serif; font-size: 80%; background-image: linear-gradient(45deg, #ff0000 25%, transparent 25%), linear-gradient(-45deg, #ff0000 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ff0000 75%), linear-gradient(-45deg, transparent 75%, #ff0000 75%); background-size: 10px 10px; background-position: 0 0, 0 25px, 25px -25px, -25px 0px; } html, body { height: 100%; } div#loader { display: block; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(192, 192, 192, 1); background-repeat: no-repeat; background-position: center; } img.EjChikDajPogodiChikChujeshChik { display: block; height: 70%; margin: auto; z-index: 99; position: relative; top: 50%; bottom: 0; transform: translateY(-50%); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; animation: spinDemTiTTiZZ 22s linear infinite; } @keyframes spinDemTiTTiZZ { 0% { transform: translateY(-50%) rotate(0deg); } 100% { transform: translateY(-50%) rotate(-360deg); } } .slideQ{ cursor: pointer!important; } .modal-title { margin-left: auto; margin-right: auto; } .closeModal { text-align: right; padding: 1rem; } img.d-block.w-100.qdSVG.slideQ { margin-left: calc(100vw - 90vw); } .container.cog { padding-top: calc(7vh); } .container.cog.t { padding-top: calc(2vh); } .carousel-item.qdSVGi { position: relative; } img.qdSVG { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-left: auto; margin-right: auto; } .carousel-indicators li { background-color: #444444; } .carousel-caption { position: relative!important; right: auto!important; left: auto!important; color: #444!important; } .container-fluid { padding-right: 0!important; padding-left: 0!important; } .carousel-indicators li { width: 10px!important; height: 10px!important; border-radius: 100%!important; margin-left: 2.5em; margin-right: 2.5em; } .carousel-indicators { position: relative; left: auto; right: auto; } h2 { font-size: 1.2em; } #page { background-color: hsla(65, 100%, 98%, 0.8); width: 95%; height: auto; margin: 1em auto 1em; padding: 2%; } #header { padding: 6px ; text-align: center; } .header { background-color: #0055d2; color: #FFFFFF; } .parent { display:block; margin:2% auto; text-align:center; } .schema { margin:20px auto; text-align:center; } .objava { margin:20px auto; text-align:center; } #content { padding: 4px 0 24px 0; } .carousel-control-next-icon { display: none!important; } .carousel-control-prev-icon { display: none!important; } .w-100 { width: 70vw!important; margin-left: auto; margin-right: auto; } .BBO { width: 91%; margin: auto; text-align: justify; font-weight: 800; font-style: italic; font-size: 17px; } h5.BBO { text-align: center; padding: 0.5em; font-size: 25px; } #BBO { margin-bottom: 2rem; } .BBO.moi_q { text-align: center; } footer { position: relative; margin-bottom: 0px; height: auto; width: 100%; } p.footerP { margin-bottom: 0!important; } h1.contact { margin-bottom: 0.75rem!important; } .navbar-nav.ms-auto { margin-left: auto; } .navbar-dark .navbar-nav .nav-link { color: rgb(255, 255, 255); font-weight: 800; } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgb(255, 255, 255); text-decoration: underline; } .alert { margin: 1rem 0 0 0; } .close { line-height: 0.75; } .help-block.with-errors { color: #ff5050; margin-top: 5px; } .navbar-collapse li.nav-item { text-align: right; } @media (max-width: 991px){ li.nav-item { padding: 1.1rem 0 0.75rem 0; } } .navbar-toggler { font-size: 1.5rem; } #langName { margin-top: 1em; } #topLine { border-top: 5px solid dimgray; } #qdLogo { width: 79%; margin: auto auto 2rem auto; } #qdmb { margin-bottom: 0!important; } .card.graph { -webkit-filter: grayscale(100%)!important; -moz-filter: grayscale(100%)!important; filter: grayscale(100%)!important; transition: all 0.2s ease; } .card.graph:hover { -webkit-filter: grayscale(0%)!important; -moz-filter: grayscale(0%)!important; filter: grayscale(0%)!important; } img.card-img-top { padding: 0.25em; } .col-sm-4.trojka { margin-top: 2em; max-height: 62vh; min-height: 62vh; margin-top: 4em; } .card { background-color: #ffffff96!important; padding: 0.25rem; } .card-body { padding: 0.25rem!important; } .card-title { margin-bottom: 0.15rem!important; } .card { transition: transform 0.2s ease; box-shadow: 0 5px 0 1px rgb(22 22 26 / 30%); border-radius: 0; border: 0; margin-bottom: 1.5em; } .card:hover { transform: scale(1.1); } i.fas.fa-cog.fa-spin { font-size: 4rem; } #devCog { padding: 0.5rem 0 1rem; } a.btn.btn-circle.btn-outline-light.btn-floating.m-1 { font-size: 2rem; } #globe { padding: 0.25rem 0 1rem; margin-bottom: 0.25em; } .globe { border: 4px solid #444444; border-radius: 50%; height: 4rem; left: 50%; overflow: hidden; position: relative; top: 35px; transform: translate(-50%, -50%); width: 4rem; } #rotacija { animation: rotation 10s linear 0s infinite; height: 4rem; } path { stroke: #444444; } @keyframes rotation { from { transform: translateX(0); } from { transform: translateX(-50%); } } @media only screen and (min-width: 576px) and (max-width: 657px) { h5.card-title { font-size: 1.05rem; } } @media only screen and (max-width: 576px) { img.card-img-top.graph { width: 80%; } }