/*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */
 #info-header-above{
    width: 1164px !important;
    margin: auto !important;
}
.header-top-top {
 font-family: Arial, Helvetica, sans-serif;
 font-weight: 700;
 padding: 0.625rem;
 font-size: 14px;
 /* height: 20px; */
 /* background-color: RGB(205, 255, 218); */
 background-color: rgba(209, 255, 215, 0.87);
 text-align: center;
 z-index: 300000;
}

.persentage-header1 {
 display: none;
}
.persentage-header1 img {
 display: none;
}

.currency-header1 {
 display: none;
}
.time-header1 {
 display: none;
}
.info-percentage1 {
 display: none;
}

body {
 margin: 0;
 padding: 0;

 /* make it look decent enough */
 /* background: #232323;
 color: #cdcdcd;
 font-family: "Avenir Next", "Avenir", sans-serif; */
}

/* .date-header-mobile{
   display: none;
} */

/* novi burger menu */

.menu-visible {
 display: none;
}

.navicon-burger {
 width: 29px;
 height: 31px;
 position: relative;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: 0.5s ease-in-out;
 -moz-transition: 0.5s ease-in-out;
 -o-transition: 0.5s ease-in-out;
 transition: 0.5s ease-in-out;
 cursor: pointer;
}

.navicon-burger span {
 display: block;
 position: absolute;
 height: 2.5px;
 width: 100%;
 background: black;
 border-radius: 9px;
 opacity: 1;
 left: 0;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: 0.25s ease-in-out;
 -moz-transition: 0.25s ease-in-out;
 -o-transition: 0.25s ease-in-out;
 transition: 0.25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
 top: 0px;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
 top: 10px;
}

#nav-icon3 span:nth-child(4) {
 top: 20px;
}

#nav-icon3.open span:nth-child(1) {
 top: 18px;
 width: 0%;
 left: 50%;
}

#nav-icon3.open span:nth-child(2) {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
 top: 18px;
 width: 0%;
 left: 50%;
}

.big-menu-container {
 padding: 30px;
 border: 1px solid #cecece;
 /* width: 845px; */
 position: absolute;

 z-index: 40000;
 background-color: white;
}

.big-menu-container-footer {
 padding: 30px;
 border: 1px solid #cecece;
}

#menuToggle {
 display: block;
 position: relative;
 top: -50px;
 left: 0px;

 /* z-index: 1000; */

 -webkit-user-select: none;
 user-select: none;
}

#menuToggle a {
 text-decoration: none;
 color: #232323;

 transition: color 0.3s ease;
}

#menuToggle a:hover {
 color: tomato;
}

#menuToggle input {
 display: block;
 width: 40px;
 height: 32px;
 position: absolute;
 top: -7px;
 left: -5px;

 cursor: pointer;

 opacity: 0; /* hide this */
 z-index: 2; /* and place it over the hamburger */

 -webkit-touch-callout: none;
}

/*
* Just a quick hamburger
*/
#menuToggle span {
 display: block;
 width: 35px;
 height: 2px;
 margin-bottom: 8px;
 position: relative;

 background: black;
 border-radius: 3px;

 z-index: 1000;

 transform-origin: 4px 0px;

 transition: transform 0.5s cubic-bezier(0, 0, 1, 1),
   background 0.5s cubic-bezier(0, 0, 1, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
 transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
 transform-origin: 0% 100%;
}

/* 
* Transform all the slices of hamburger
* into a crossmark.
*/
#menuToggle input:checked ~ span {
 opacity: 1;
 transform: rotate(45deg) translate(-2px, -1px);
 background: #232323;
}

/*
* But let's hide the middle one.
*/
#menuToggle input:checked ~ span:nth-last-child(3) {
 opacity: 0;
 transform: rotate(0deg) scale(0.2, 0.2);
}

/*
* Ohyeah and the last one should go the other direction
*/
#menuToggle input:checked ~ span:nth-last-child(2) {
 transform: rotate(-45deg) translate(0, -1px);
}

/*
* Make this absolute positioned
* at the top left of the screen
*/
#menu {
 position: absolute;
 width: 800px;
 top: 20px;
 margin-left: -50px;
 margin-top: 38.5px;
 padding: 30px 40px 100px 60px;
 /* padding-top: 125px; */
 /* border: 1px solid #cecece; */
 border: none;
 background-color: white;
 list-style-type: none;
 -webkit-font-smoothing: antialiased;
 /* to stop flickering of text in safari */
 /* z-index: 2; */
 transform-origin: 0% 0%;
 transform: translate(0, -100%);

 transition: transform 0.5s cubic-bezier(0, 0, 1, 1),
   border-width 0s linear 0.5s;
}

#menu li {
 padding: 10px 0;
 font-size: 22px;
}

/*
* And let's slide it in from the left
*/
#menuToggle input:checked ~ ul {
 transform: none;
 border: 1px solid #cecece;
}

@font-face {
 font-family: LinLibertine;
 font-style: normal;
 font-weight: normal;
 src: url(../fonts/msr/LinLibertine_R.ttf);
}

@font-face {
 font-family: m900;
 font-style: normal;
 font-weight: normal;
 src: url(../fonts/msr/exljbris_-_museosansrounded-900-webfont.ttf);
}

@font-face {
 font-family: m500;
 font-style: normal;
 font-weight: normal;
 src: url(../fonts/msr/exljbris_-_museosansrounded-500-webfont.ttf);
}

@font-face {
 font-family: m300;
 font-style: normal;
 font-weight: normal;
 src: url(../fonts/msr/exljbris_-_museosansrounded-300-webfont.ttf);
}

@font-face {
 font-family: m700;
 font-style: normal;
 font-weight: normal;
 src: url(../fonts/msr/exljbris_-_museosansrounded-700-webfont.ttf);
}

.show-when-mobile {
 display: none;
}

.persentage-header {
 display: flex;
}

.img-injection {
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 width: 19px;
 height: 19px;
 display: block;
 position: relative;
 margin-right: 10px;
}

.img-injection img {
 position: relative;
 top: 1px;
 left: 1px;
}

.info-percentage {
 padding-top: 3px;
}

.d-cirilica {
 font-family: Arial, Helvetica, sans-serif;
 position: relative;
 right: 12px;
 top: 2px;
}

.currency-header span {
 background-color: #ffffff;

 color: #5e5e5e;
 text-align: center;
 width: 19px;
 height: 19px;
 display: block;
 border-radius: 50%;
 position: relative;
 /* top: -1px; */
 border-style: solid;
 border-width: 1.5px;
 /* border-color: 55ee5e; */
 border-radius: 50%;
}
.currency-header span p {
 position: relative;
 top: 1px;
}

.valuta {
 margin-right: 6px;
}

.valuta-number {
 margin-right: 12px;
 padding-top: 3px;
}

.vreme-span {
 font-family: Arial, Helvetica, sans-serif;
 text-align: center;
 width: 19px;
 height: 19px;
 display: block;
 border-style: solid;
 border-width: 1.5px;
 /* border-color: 55ee5e; */
 border-radius: 50%;
 position: relative;
 top: -1px;
 font-size: 10px;
}

.vreme-span p {
 position: relative;
 top: 1px;
}
.vreme-span {
 position: relative;
 bottom: 5px;
}

.bj-time {
 display: flex;
 margin-right: 12px;
}
.bg-time {
 display: flex;
 margin-right: 12px;
}
.ny-time {
 display: flex;
 margin-right: 12px;
}
.sf-time {
 display: flex;
 margin-right: 12px;
}

.bj-time span {
 margin-right: 6px;
}

.bg-time span {
 margin-right: 6px;
}
.ny-time span {
 margin-right: 6px;
}
.sf-time span {
 margin-right: 6px;
}

.vreme-number {
 padding-top: 2px;
}

.big-menu-wrapper {
 display: flex;
 justify-content: space-evenly;
}

.big-menu-wrapper ul {
 list-style: none;
 font-family: exo500;
 font-style: normal;
 font-weight: normal;
 font-size: 15px;
 line-height: 18px;
 text-transform: uppercase;
 color: #000000;
 margin-right: 20px;
}

.bold-menu-item {
 font-family: m900;
 font-weight: bold;
 font-size: 18px;
 line-height: 22px;
}

.big-menu-wrapper ul li {
 margin-bottom: 25px;
}

.startit-rast-list {
 margin-top: 63px;
}

.close-div {
 margin-left: 50px;
}

.close {
 width: 30px;
 height: 30px;
 position: relative;
 /* margin-top: 15px; */
}

.close:hover {
 cursor: pointer;
}

.close:after {
 content: "";
 height: 30px;
 border-left: 2px solid black;
 position: absolute;
 transform: rotate(45deg);
 /* left: 28px; */
}

.close:before {
 content: "";
 height: 30px;
 border-left: 2px solid black;
 position: absolute;
 transform: rotate(-45deg);
 /* left: 28px; */
}

.social-media-icons {
 display: flex;
 align-items: center;
}

.big-menu-newsletter h2 {
 font-family: m500;
 font-style: normal;
 font-weight: normal;
 font-size: 15px;
 line-height: 18px;
 text-transform: uppercase;

 color: #000000;
}

.big-menu-bottom-section {
 margin-left: 40px;
}

.newsletter-input img {
 float: right;
 margin-top: 11px;
}

.big-menu-newsletter {
 display: flex;
 align-items: center;
 margin-top: 40px;
}

.newsletter-submit-button {
 background-color: transparent;
 border: none;
 outline: none;
 float: right;
}

.newsletter-submit-button:hover {
 cursor: pointer;
}
.big-menu-search {
 margin-top: 40px;
}

.search-button-menu {
 background-color: transparent;
 border: none;
 outline: none;
}

.search-input-menu {
 border: none;
 width: 200px;
 height: 30px;
}

.search-input-menu:active {
 outline: none;
}

.search-input-menu:focus {
 outline: none;
}

.big-menu-search {
 display: inline-block;
 border-bottom: 1px solid #bebebe;
}

.search-input-menu::-webkit-input-placeholder {
 /* Chrome/Opera/Safari */
 font-family: Arial;
 font-style: normal;
 font-weight: normal;
 font-size: 17px;
 line-height: 28px;
 color: #bebebe;
}
.search-input-menu::-moz-placeholder {
 /* Firefox 19+ */
 font-family: Arial;
 font-style: normal;
 font-weight: normal;
 font-size: 17px;
 line-height: 28px;
 color: #bebebe;
}
.search-input-menu:-ms-input-placeholder {
 /* IE 10+ */
 font-family: Arial;
 font-style: normal;
 font-weight: normal;
 font-size: 17px;
 line-height: 28px;
 color: #bebebe;
}
.search-input-menu:-moz-placeholder {
 /* Firefox 18- */
 font-family: Arial;
 font-style: normal;
 font-weight: normal;
 font-size: 17px;
 line-height: 28px;
 color: #bebebe;
}

.newsletter-input-menu {
 width: 370px;
 height: 30px;
 padding-left: 11px;
 padding-top: 3px;
 margin-top: 15px;
}

.newsletter-input-menu::-webkit-input-placeholder {
 font-family: m500;
 font-style: normal;
 font-weight: normal;
 font-size: 15px;
 line-height: 18px;
 text-transform: uppercase;
 color: #5e5e5e;
}

.newsletter-input-menu::-moz-placeholder {
 font-family: m500;
 font-style: normal;
 font-weight: normal;
 font-size: 15px;
 line-height: 18px;
 text-transform: uppercase;
 color: #5e5e5e;
}

.newsletter-input-menu:-ms-input-placeholder {
 font-family: m500;
 font-style: normal;
 font-weight: normal;
 font-size: 15px;
 line-height: 18px;
 text-transform: uppercase;
 color: #5e5e5e;
}

.newsletter-input-menu:-moz-placeholder {
 font-family: m500;
 font-style: normal;
 font-weight: normal;
 font-size: 15px;
 line-height: 18px;
 text-transform: uppercase;
 color: #5e5e5e;
}

.social-media-icons {
 margin-left: 40px;
}

.social-media-icons img {
 margin-right: 22px;
}

.menu-on-click {
 width: 845px;
 height: 731px;
 position: absolute;
 top: 125px;
 /* top: 0px;
 left: 0px; */
 z-index: 6;
 display: none;
 background-color: rgb(255, 255, 255);
 border: 1px solid #cecece;
 padding: 60px 0 0 100px;
}

.exit {
 font-size: 2em;
 font-family: m900;
 position: absolute;
 top: 62px;
 right: 62px;
}

/* TOOLTP */
.tooltip {
 position: relative;
 display: inline-block;
 top: 31px;
}

.tooltip .tooltiptext {
 font-family: m300;
 font-size: 15px;
 line-height: 20px;
 visibility: hidden;
 width: 200px;
 background-color: black;
 color: #fff;
 text-align: center;
 border-radius: 6px;
 padding: 5px 5px;

 /* Position the tooltip */
 position: absolute;
 right: 41px;
 top: -6px;
 z-index: 1;
}

.tooltip .tooltiptext::after {
 content: " ";
 position: absolute;
 top: 50%;
 left: 100%; /* To the right of the tooltip */
 margin-top: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent transparent black;
}

.tooltip:hover .tooltiptext {
 visibility: visible;
}
*/

/* TOOLTP ends */

/* TOOLTP */
.tooltip-vreme-bg {
 position: relative;
 display: inline-block;
 display: flex;
}

.tooltip-vreme-bg .tooltiptext-vreme-bg {
 font-family: m300;
 font-size: 15px;
 line-height: 20px;
 visibility: hidden;
 width: 200px;
 background-color: black;
 color: #fff;
 text-align: center;
 border-radius: 6px;
 padding: 5px 5px;

 position: absolute;
 right: -53px;
 top: 30px;
 z-index: 1;
}

.bg-time {
 position: relative;
}

.tooltip-vreme-bg .tooltiptext-vreme-bg::after {
 content: " ";
 position: absolute;
 bottom: 100%;
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent black transparent;
}

.tooltip-vreme-bg:hover .tooltiptext-vreme-bg {
 visibility: visible;
}

/* TOOLTP ends */

/* TOOLTP */
.tooltip-vreme-ny {
 position: relative;
 display: inline-block;
 display: flex;
}

.tooltip-vreme-ny .tooltiptext-vreme-ny {
 font-family: m300;
 font-size: 15px;
 line-height: 20px;
 visibility: hidden;
 width: 200px;
 background-color: black;
 color: #fff;
 text-align: center;
 border-radius: 6px;
 padding: 5px 5px;

 /* Position the tooltip */
 position: absolute;
 right: -53px;
 top: 30px;
 z-index: 1;
}

.tooltip-vreme-ny .tooltiptext-vreme-ny::after {
 content: " ";
 position: absolute;
 bottom: 100%; /* At the top of the tooltip */
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent black transparent;
}

.tooltip-vreme-ny:hover .tooltiptext-vreme-ny {
 visibility: visible;
}

/* TOOLTP ends */

/* TOOLTP */
.tooltip-vreme-sf {
 position: relative;
 display: inline-block;
 display: flex;
}

.tooltip-vreme-sf .tooltiptext-vreme-sf {
 font-family: m300;
 font-size: 15px;
 line-height: 20px;
 visibility: hidden;
 width: 200px;
 background-color: black;
 color: #fff;
 text-align: center;
 border-radius: 6px;
 padding: 5px 5px;

 /* Position the tooltip */
 position: absolute;
 right: -53px;
 top: 30px;
 z-index: 1;
}

.tooltip-vreme-sf .tooltiptext-vreme-sf::after {
 content: " ";
 position: absolute;
 bottom: 100%; /* At the top of the tooltip */
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent black transparent;
}

.tooltip-vreme-sf:hover .tooltiptext-vreme-sf {
 visibility: visible;
}

/* TOOLTP ends */

/* TOOLTP */
.tooltip-vreme-bj {
 position: relative;
 display: inline-block;
 display: flex;
}

.tooltip-vreme-bj .tooltiptext-vreme-bj {
 font-family: m300;
 font-size: 15px;
 line-height: 20px;
 visibility: hidden;
 width: 200px;
 background-color: black;
 color: #fff;
 text-align: center;
 border-radius: 6px;
 padding: 5px 5px;

 /* Position the tooltip */
 position: absolute;
 right: -53px;
 top: 30px;
 z-index: 1;
}

.tooltip-vreme-bj .tooltiptext-vreme-bj::after {
 content: " ";
 position: absolute;
 bottom: 100%; /* At the top of the tooltip */
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent black transparent;
}

.tooltip-vreme-bj:hover .tooltiptext-vreme-bj {
 visibility: visible;
}

/* TOOLTP ends */

/* TOOLTP */
.tooltip-percentage {
 position: relative;
 display: inline-block;
 display: flex;
}

.tooltip-percentage .tooltip-percentage-text {
 font-family: m300;
 font-size: 15px;
 line-height: 20px;
 visibility: hidden;
 width: 200px;
 background-color: black;
 color: #fff;
 text-align: center;
 border-radius: 6px;
 padding: 5px 5px;

 /* Position the tooltip */
 position: absolute;
 right: 110px;
 top: 30px;
 z-index: 2000;
}

.tooltip-percentage .tooltip-percentage-text::after {
 content: " ";
 position: absolute;
 bottom: 100%; /* At the top of the tooltip */
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: transparent transparent black transparent;
}

.tooltip-percentage:hover .tooltip-percentage-text {
 visibility: visible;
}

/* TOOLTP ends */

header {
 height: auto !important;
 width: 1164px !important;
 margin: auto !important;
}

.vesti-header-naslov p {
 width: 260px !important;
 font-family: m500 !important;
 position: relative;
 top: -5px;
 font-style: normal !important;
 font-weight: 500 !important;
 font-size: 15px !important;
 line-height: 24px !important;
 color: #000000 !important;
}

.dnevnik {
 margin-right: -137px;
 /* padding-left: 110px; */
}

.poslovi {
 margin-left: -137px;
}

.dnevnik a:hover {
 border-bottom: 2px solid black;
}

.poslovi a:hover {
 border-bottom: 2px solid black;
}

.header-top p {
 margin-top: 24px;
 margin-bottom: 0;
}

hr {
 margin: 0 !important;
}

.header-top {
 display: flex;
 justify-content: space-between;
 margin-bottom: 21px;
 z-index: 100;
 background-color: white;
 /* position: relative; */
 /* margin-left: 30px; */
 /* padding-left: 70px; */
 /* margin-top: -30px; */
}
.header-main {
 width: 1164px;
 margin: auto;
}

.dnevnik-title {
 font-family: m900;
 font-style: normal;
 font-weight: bold;
 font-size: 16px;
 line-height: 22px;
 text-align: right;
 text-transform: uppercase;
}
.dnevnik-categories {
 margin-top: -20px;
 font-family: m300;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 18px;
 text-align: right;
 text-transform: uppercase;
 color: #5e5e5e;
}
.dnevnik-categories a {
 color: #5e5e5e;
}
.poslovi-categories a {
 color: #5e5e5e;
}

.poslovi-categories {
 margin-top: -20px;
 font-family: m300;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 18px;
 text-align: right;
 text-transform: uppercase;
 color: #5e5e5e;
}

.poslovi-title {
 font-family: m900 !important;
 font-style: normal !important;
 font-weight: bold !important;
 font-size: 16px !important;
 line-height: 22px !important;
 text-transform: uppercase !important;
}

.account {
 margin-top: 30px;
}

.tooltip img {
 width: 31px;
 height: 31px;
 border-radius: 50%;
}
.burger-header {
 margin-top: -10px;
 position: relative;
 z-index: 5;
 display: none;
}

.logo-header {
 margin-top: 22px;
 width: 50px;
 height: 50px;
}

.date-header {
 font-family: m500;
 padding-top: 3px;
 /* flex: 1; */
}

.date-header-mobile {
 font-family: m500;
 padding-top: 3px;
 text-transform: uppercase;
 display: none;
}

.time-header {
 font-family: m500;
 /* width: 272px; */
 display: flex;
 /* flex: 1; */
 /* margin-right: 30px; */
}
.currency-header {
 font-family: m500;
 display: flex;
 /* width: 195px; */
 /* flex: 1; */
}
.persentage-header {
 font-family: m500;
 /* width: 212px; */
 /* flex: 1; */
}

.info-header {
 display: flex;
 justify-content: space-between;
 font-style: normal;
 font-weight: 500;
 font-size: 13px;
 line-height: 17px;
 margin-top: 13px;
 margin-bottom: 13px;
 width: 1164px;

 /* Tamno siva */

 color: #5e5e5e;
}

.vesti-header-slika img {
 width: 64px;
 height: 69px;
 object-fit: cover;
}

.vesti-header-single-vest {
 font-family: m500;
 display: flex;
 font-family: Museo Sans Rounded;
 font-style: normal;
 font-weight: 500;
 font-size: 15px;
 line-height: 24px;
 /* or 160% */

 color: #000000;
 /* margin-right: 58px; */
 margin-top: 15px;
}

.prazan-div-vertikalna-linija {
 width: 1px;
 height: 69px;
 border-right: 1px solid #cecece;
 margin-top: 15px;
 margin-right: 42px;
 margin-left: 33px;
}

.vesti-header-single-vest a {
 text-decoration: none;
 font-family: m500;
}

.vesti-header-naslov {
 font-style: normal;
 font-weight: 500;
 font-size: 15px;
 line-height: 24px;
 /* or 160% */

 color: #000000;
 text-decoration: none;
 margin-left: 15px;
 width: 260px;
}

.vesti-header-single {
 display: flex;
 margin-bottom: 5px;
}

.hr-right {
 height: 60px;
 display: block;
}

.burger-header {
 width: 31px;
 height: 10px;
}

#dva {
 position: relative;
 top: -8px;
}

#tri {
 position: relative;
 top: -16px;
}

.insta-bottom {
 width: 1140px;
 height: 338px;

 margin-top: 200px;
 margin-bottom: 200px;
}

.slike-insta {
 width: 1140px;
 height: 263px;
 display: flex;
 flex-direction: column;
 overflow: hidden;
 z-index: -4;
}

.slike-insta img {
 height: 112px;
 width: 112px;
}

.slajder {
 position: relative;
}

.flex1 {
 display: flex;
 position: relative;
 left: -40px;
 top: -37px;
}

.info-insta {
 background-color: #eeeeee;
 width: 221px;
 height: 338px;
 position: relative;
 left: 470px;
 top: -88.5%;
}

.info-insta img {
 width: 45px;
 margin-left: 88px;
 margin-top: 29px;
 margin-bottom: -15px;
}

.info-insta h2 {
 font-family: m900;
 font-style: normal;
 font-weight: bold;
 font-size: 30px;
 line-height: 40px;
 /* or 133% */

 display: flex;
 align-items: center;
 text-align: center;
}

.info-insta p {
 font-family: Arial;
 font-style: normal;
 font-weight: normal;
 font-size: 17px;
 line-height: 28px;
 margin-left: 22px;
 margin-right: 22px;
 text-align: center;
}

#eth {
 font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 600px) {
   #info-header-above{
       width: 100% !important;
   }
 .tooltip {
   display: none;
 }
 .tooltip-percentage {
   display: none;
 }
 .tooltip-vreme-bj {
   display: none;
 }
 .tooltip-vreme-bg {
   display: none;
 }
 .tooltip-vreme-ny {
   display: none;
 }
 .tooltip-vreme-sf {
   display: none;
 }
 .header-top-top {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: 700;
   padding: 0.625rem;
   font-size: 14px;
   width: 95%;
   height: 20px;
   /* background-color: RGB(205, 255, 218); */
   background-color: rgb(209, 255, 215);
   text-align: center;
   /* position: fixed;
   top: 0px; */
 }
 .big-menu-container {
   padding: 30px;
   border: none;
   border-bottom: 1px solid #cecece;
   width: 80%;
   position: absolute;
   z-index: 40000;
   background-color: white;
 }

 .persentage-header1 img {
   display: block;
 }
 .bj-time {
   display: flex;
   margin-right: 5px;
 }
 .bg-time {
   display: flex;
   margin-right: 5px;
 }
 .ny-time {
   display: flex;
   margin-right: 5px;
 }
 .sf-time {
   display: flex;
   margin-right: 5px;
 }

 .bj-time span {
   margin-right: 3px;
 }

 .bg-time span {
   margin-right: 3px;
 }
 .ny-time span {
   margin-right: 3px;
 }
 .sf-time span {
   margin-right: 3px;
 }
 .valuta {
   width: 19px;
   height: 19px;
   display: block;
   border-style: solid;
   border-width: 1.5px;
   /* border-color: 55ee5e; */
   border-radius: 50%;
   position: relative;
 }

 .valuta p {
   position: relative;
   top: 2px;
   left: 5px;
   font-size: 13px;
   width: 22px;
 }
 .persentage-header1 {
   display: flex;
   font-family: "m500";
   width: 250px;
 }

 .currency-header1 {
   display: flex;
   font-family: "m500";
 }
 .time-header1 {
   display: flex;
   font-family: "m500";
 }
 .info-percentage1 {
   display: flex;
   margin-top: 3px;
   font-family: "m500";
 }
 /* SLIDER MOBILE  */

 body {
   /* color: #cecece; */
   background: white;
   /* overflow: hidden; */
 }

 .item-1,
 .item-2,
 .item-3 {
   position: absolute;
   right: 50%;
   display: block;
   /* top: 2em; */

   /* width: 40%; */
   height: 20px;
   /* 
   font-size: 16px; */

   animation-duration: 12s;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
 }

 .item-1 {
   animation-name: anim-1;
   width: 30%;
   font-size: 13px;
 }

 .item-2 {
   animation-name: anim-2;
   font-size: 13px;
   width: 30%;
 }

 .item-3 {
   animation-name: anim-3;
   width: 30%;
   font-size: 13px;
 }

 @keyframes anim-1 {
   0%,
   8.3% {
     opacity: 0;
   }
   8.3%,
   25% {
     opacity: 1;
   }
   33.33%,
   100% {
     opacity: 0;
   }
 }

 @keyframes anim-2 {
   0%,
   33.33% {
     opacity: 0;
   }
   41.63%,
   58.29% {
     opacity: 1;
   }
   66.66%,
   100% {
     opacity: 0;
   }
 }

 @keyframes anim-3 {
   0%,
   66.66% {
     opacity: 0;
   }
   74.96%,
   91.62% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 }

 /* SLIDER MOBILE END */

 /* .persentage-header {
   display: none;
 } */
 .date-header {
   display: none;
 }

 .date-header-mobile {
   display: block;
 }

 html {
   margin-top: 0px !important;
 }

 /* .navicon-burger {
   margin-top: 20px;
 } */
 #menuToggle {
   top: -60px;
 }

 .burger-header {
   z-index: 1000;
 }
 header {
   width: 95% !important;
 }
 .menu-on-click {
   width: 80%;
   height: auto;
   padding: 60px;
 }

 .dnevnik-categories {
   display: none;
 }
 .poslovi-categories {
   display: none;
 }
 .vesti-header {
   display: none;
 }

 .time-header {
   display: none !important;
 }
 /* .currency-header {
   display: none;
 } */

 /* .ether{
     display: none;
 } */

 .persentage-header {
   display: none;
 }

 .insta-bottom {
   display: none;
 }

 .header-main {
   width: 100% !important;
 }

 .header-top {
   width: 100% !important;
 }

 .big-menu-wrapper {
   width: 95% !important;
 }

 .logo-header {
   margin-top: 17px;
   width: 31px;
   height: 31px;
 }

 .dnevnik-title {
   font-size: 16px;
   line-height: 19px;
 }

 .dnevnik {
   margin-right: -20px;
   padding-left: 0px;
 }

 .poslovi-title {
   font-size: 16px;
   line-height: 19px !important;
 }
 .poslovi {
   margin-left: -20px;
 }
 .burger-header {
   margin-top: 13px;
 }
 .account {
   margin-top: 17px;
 }
 .header-top {
   margin-left: 0px;
   margin-bottom: 0;
   padding-left: 0px;
 }

 .tooltip {
   position: relative;
   display: inline-block;
   top: 17px;
 }
 /* .dnevnik {
   padding-left: 65px;
 } */

 /* #info-header-above {
   margin-top: 70px !important;
 } */
 .info-header {
   width: 95% !important;
   z-index: 1;
   background: #ffffff;
 }

 #menu {
   padding: 0px 20px 50px 0px;
 }

 .header-top {
   background-color: white;
   display: flex;
   justify-content: space-around;
   z-index: 44;
 }

 .second-row-menu ul {
   background-color: white;
   /* width: 230%; */
 }

 .show-when-mobile {
   background-color: white;
   /* width: 230%; */
 }

 .currency-header {
   display: none;
 }
}
/* 
@media screen and (min-width: 450px) and (max-width: 1000px) {
 @keyframes anim-1 {
   0%,
   8.3% {
     opacity: 0;
   }
   8.3%,
   25% {
     opacity: 1;
   }
   33.33%,
   100% {
     opacity: 0;
   }
 }

 @keyframes anim-2 {
   0%,
   33.33% {
     opacity: 0;
   }
   41.63%,
   58.29% {
     opacity: 1;
   }
   66.66%,
   100% {
     opacity: 0;
   }
 }

 @keyframes anim-3 {
   0%,
   66.66% {
     opacity: 0;
   }
   74.96%,
   91.62% {
     opacity: 1;
   }
   100% {
     opacity: 0;
   }
 } */