* {
    margin: 0;
    padding: 0;
	/* width: 100%; */
}


/*@media screen and (max-width: 10000px) and (min-width: 699px){*/
@media screen and (max-width: 10000px) and (min-width: 700px){
	.pre-header-telefon{
		display: none;
	}
	
	.headerPhoneScroll{
	    display: none;
	}
	
	.MainMenuPhone{
		display: none;
	}
	
	/*.ScrollToTopButton{*/
	    /*display: none;*/
	/*}*/
	
	.PoslednjiRedTelefonNovi{
	    display: none;
	}
	
	.Kategorija .container p#Telefon{
		display: none;
	}
	
	.Kategorija .container p#TelefonPodPodNaslov{
	    display:none;
	}
	
	.Kategorija #Telefon.Pitanje-Uslov{
		display:none;
	}
	
}

body {
	min-width: 100%;
	background-color: var(--background);
}

:root{
	--background: #efefef;
	--blue: #115280;
	--orange: #d0593d;
	--letters: #000;
	--loaderBackground: #efefef9c;
	--selectionBackground: #115280;
	--selectionLetters: #efefef;
	--selectionBackground: #115280;
	--selectionLetters: #efefef;
	--notificationsBackground: #efefefd6;
}

@media (prefers-color-scheme: dark){
	:root{
		--background: #252733;
		--blue: #0d2f4a;
		--orange: #d0593d;
		--letters: #efefef;
		--loaderBackground: #2527339c;
    	--selectionBackground: #efefef;
    	--selectionLetters: #0d2f4a;
    	--selectionBackground: #efefef;
    	--selectionLetters: #0d2f4a;
    	--notificationsBackground: #252733d6;
	}
	
	/*.loader::after{*/
	/*    background-image: url('../images/WEBP/MonakoLogoDarkLIconLoader.webp');*/
	/*}*/
}

@media (prefers-color-scheme: light){
    /*.loader::after{*/
    /*    background-image: url('../images/WEBP/Monako_Ikonica-favicon.webp');*/
    /*}*/
}

@font-face {
	font-family: 'JakartaMedium';
	src: url('../fonts/PlusJakartaSans-Medium.ttf');
}

@font-face {
	font-family: 'JakartaLight';
	src: url('../fonts/PlusJakartaSans-Light.ttf');
}

@font-face {
	font-family: 'JakartaRegular';
	src: url('../fonts/PlusJakartaSans-Regular.ttf');
}

@font-face {
	font-family: 'JakartaSemiBold';
	src: url('../fonts/PlusJakartaSans-SemiBold.ttf');
}

.loader {
    z-index: 2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--loaderBackground);
	/*backdrop-filter: blur(1px);*/
	transition: opacity 0.5s, visibility 0.5s;
}

.loader img{
	width: 4vw;
	aspect-ratio: 1/1;
	animation: loading 1.2s ease infinite;
}

.loader--hidden {
	opacity: 0;
	visibility: hidden;
}

/*.loader::after{*/
/*	content: "";*/
/*	width: 4vw;*/
/*	height: 4vw;*/
/*	background-image: url('../images/Monako_Ikonica-favicon.png');*/
/*	background-size: 4vw ;*/
/*	animation: loading 1.2s ease infinite;*/
/*}*/

@keyframes loading {
  from {transform: rotateY(0deg)}
  to {transform: rotateY(720deg)}
}

.scrollingBar{
	top: 0;
	position: fixed;
	z-index: 3;
	width: 100%;
	transition: top 0.3s ease;
}

.scrollingProgress{
	background-color: var(--orange);
	text-align: right;
	width: 0;
	height: 8px;
	border-radius: 8px;
	color: var(--orange);
}

.ScrollToTopButton{
	position: fixed;
	width: 4vw;
	aspect-ratio: 1/1;
	height: auto;
	background-color: var(--blue);
	cursor: pointer;
	bottom: -100%;
	right: 4vw;
	z-index: 6;
	border-radius: 50%;
	transition: opacity 0.2s ease-out;
	transition: bottom 0.3s cubic-bezier(0.42, 0, 0.39, 1)
}

.ScrollToTopButton img{
	width:100%;
	aspect-ratio: 1/1;
	height: auto;
}

.main{
	min-height: 98vh;
}

@media screen and (max-width: 1800px) and (min-width: 1600px){
	.container {
		max-width: 1500px; 
	}
}

@media screen and (max-width: 2000px) and (min-width: 1800px){
	.container {
		max-width: 1700px !important; 
	}
}

/**/
@media screen and (max-width: 2500px) and (min-width: 2000px){
	.container {
		max-width: 1800px !important; 
	}
}

@media screen and (max-width: 3200px) and (min-width: 2500px){
	.container {
		max-width: 2300px;
	}
}

@media screen and (max-width: 3700px) and (min-width: 3200px){
	.container {
		max-width: 3000px;
	}
}

@media screen and (max-width: 4200px) and (min-width: 3700px){
	.container {
		max-width: 3500px;
	}
}

@media screen and (max-width: 4700px) and (min-width: 4200px){
	.container {
		max-width: 4000px;
	}
}

@media screen and (max-width: 5000px) and (min-width: 4700px){
	.container {
		max-width: 4600px !important;
	}
}

@media screen and (max-width: 5300px) and (min-width: 5000px){
	.container {
		max-width: 4900px !important;
	}
}

@media screen and (min-width: 5300px){
	.container {
		max-width: 5200px !important;
	}
}

/*NOVI HEADER PC*/

.HeaderPc {
	height: 3.4vw;
	width: 100%;
	background-color:var(--blue);
}

.HeaderPc .HeaderContainer{
	width: 90%;
	margin-left: 5%;
	position: relative;
}

.HeaderPc .HeaderContainer .ButtonDiv{
	/* display: inline-block; */
	/* vertical-align: middle; */
	height: 3.4vw;
	aspect-ratio: 640/241;
	width: auto;
	position: relative;
}

.HeaderPc .HeaderContainer .ButtonDiv button{
	border: 0;
	width: 100%;
	height: 100%;
	background-color: unset;
	position: absolute;
	top: 0;
}

.HeaderPc .HeaderContainer .ButtonDiv button picture{
	width: 100%;
	height: 100%;
	display: block;
}

.HeaderPc .HeaderContainer .ButtonDiv button picture img{
	height: 100%;
	width: 100%;
	display: block;
	/* display: inline-block; */
}

.HeaderPc .HeaderContainer .HeaderInformations{
	line-height: 2vw;
	/*display: inline-block;*/
	/*vertical-align: middle;*/
	width: 62vw;
	text-align: right;
	margin-left: 15vw;
    position: absolute;
	right: 0; 
	top: 0.7vw;
}

.HeaderPc .HeaderContainer .HeaderInformations .OneHeaderInformation{
	display: inline-block;
	margin-left: 1.4vw;
	line-height: 2vw;
}

.HeaderPc .HeaderContainer .HeaderInformations .OneHeaderInformation p{
	font-family: 'JakartaMedium';
	font-size: 0.9vw;
	color: #efefef;
	line-height: 2vw;
	vertical-align: middle;
	display: inline;
}

.HeaderPc .HeaderContainer .HeaderInformations .OneHeaderInformation a{
	font-family: 'JakartaMedium';
	font-size: 0.9vw;
	color: var(--orange);
	line-height: 2vw;
	vertical-align: middle;
	display: inline;
	text-decoration: none;
}

.HeaderPc .HeaderContainer .HeaderInformations .HeaderIconsRow{
	display: inline-block;
	margin-left: 1vw;
	line-height: 1.6vw;
	height: 1.6vw;
	vertical-align: middle;
}

.HeaderPc .HeaderContainer .HeaderInformations .HeaderIconsRow button{
	width: 1.6vw;
	height: 1.6vw;
	margin-left: 0.1vw;
	border: 0;
	border-radius: 0.3vw;
	background-color: red;
	background-color: var(--blue);
	display: inline-block;
	vertical-align: unset;
	position: relative;
}

.HeaderPc .HeaderContainer .HeaderInformations .HeaderIconsRow button:hover{
	background-color: var(--orange);
	transition: ease-out 0.2s;
}

.HeaderPc .HeaderContainer .HeaderInformations .HeaderIconsRow button img{
	width: 1.4vw;
	aspect-ratio: 1/1;
	height: auto;
	position: absolute;
	top: 0.1vw;
	left: 0.1vw;
	/* vertical-align: unset; */
	/* display: unset; */
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* margin-top: auto; */
	/* margin-bottom: auto; */
}

/*NOVI HEADER PC*/

/*newPhoneHeader*/

.headerPhoneScroll{
	height: 23vw;
	background-color: var(--blue);
	position: fixed;
	width: 100%;
	max-height: 0vw;
	top: 0;	
	overflow: hidden;
	transition: max-height 0.3s ease;
	z-index: 4;
}

.headerPhoneScroll img#scrollMenuLogo{
	height: 23vw;
	position: absolute;
	padding-left: 6%;
	/*left: 6%;*/
}

.headerPhoneScroll ul{
	right: 6%;
	list-style: none;
}

.headerPhoneScroll ul a{
	text-decoration: none;
	color: #fff;
}

.headerPhoneScroll .openMenu{
	width: 11vw;
	height: 11vw;
	top: 6vw;
	z-index: 8;
	display: block;
	position: absolute;
	right: 6vw;
	border: 2px solid #efefef;
	border-radius: 1.5vw;
	/*transition: z-index 0.2s ease;*/
	background-color: var(--blue);
}

/*newMenuPhone*/

.headerPhoneScroll .openMenu .openMenuBarDiv{
	position: absolute;
	/*width: 70%;*/
	/*left: 15%;*/
	width: 74%;
	left: 13%;
	/*height: 7vw;*/
	height: 7.6vw;
	/*margin-top: 1.5vw;*/
	margin-top: 1.2vw;
	display: block;
}

.headerPhoneScroll .openMenu .openMenuBarDiv .bar, .openMenuBarDiv:after, .openMenuBarDiv:before{
	content: '';
	display: block;
	width: 100%;
	/*height: 1vw;*/
	height: 1.1vw;
	border-radius: 5vw;
	background-color: #fff;
	/*margin-top: 1vw;*/
	/*margin-bottom: 1vw;*/
	margin-top: 1.2vw;
	margin-bottom: 1.2vw;
	transition: 0.3s;
}

.headerPhoneScroll .openMenu .openMenuBarDiv:before{
	margin-top: 1vw;
	margin-bottom: 0;
}

.headerPhoneScroll .openMenu .openMenuBarDiv:after{
	margin-top: 0;
	margin-bottom: 1vw;
}

.headerPhoneScroll.open .openMenu .bar{
	opacity: 0;
	transition: 0.2s;
}

.headerPhoneScroll.open .openMenu .openMenuBarDiv:before{
	/*transform: translateY(2vw) rotate(-45deg);*/
	transform: translateY(2.3vw) rotate(-45deg);
	transition: 0.3s;
}

.headerPhoneScroll.open .openMenu .openMenuBarDiv:after{
	/*transform: translateY(-2vw) rotate(45deg);*/
	transform: translateY(-2.3vw) rotate(45deg);
	transition: 0.3s;
}

.headerPhoneScroll .Menu{
	max-width: 0vw;
	position: fixed;
	right: 0;
	transition: max-width 0.3s ease;
}

.headerPhoneScroll.open .Menu{
	max-width: 100vw;
	width: 100vw;
	height: 100vh;
	position: fixed;
	overflow: scroll;
}

.headerPhoneScroll.open .Menu .mainMenuScroll{
    max-width: 100vw;
}

.headerPhoneScroll .openMenu img#scrollMenuBars{
	width: 100%;
	height: 100%;
	/*margin-left: 5%;
	margin-top: 5%;*/
	right: 0;
}

.headerPhoneScroll .mainMenuScroll {
	height: 124vh;
	width: 100vw;
	/*position: fixed;*/
	position: absolute;
	top: 0;
	z-index: 7;
	align-items: center;
	/*transition: right 0.5s ease;*/
	background-color: var(--blue);
	padding:0;
	/*right: -100vw;*/
	transition: max-width 0.3s ease;
	right: 0;
	max-width: 0;
}

/* NOVIMENU */

.MenuItems{
	margin-top: 22vw;
}

.MenuItems .MenuItem{
	width: 100vw;
	/* transition: 0.3s ease; */
	/* border-top: solid 2px #efefef; */
	/* border-bottom: solid 2px #efefef; */
	margin-top: -2px;
	margin-bottom: 4vw;
}

.MenuItems .MenuItem .MainMenuItem{
    margin-bottom: 3vw;
	text-align: center;
	transition: 0.2s ease-out;
}

.MenuItems .MenuItem .MainMenuItemHeading{
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 2vw;
	transition: 0.2s ease-out;
}

.Menu .mainMenuScroll .MenuItems .MenuItem .MainMenuItem .OpenSubmenuBarDiv{
	width: 9vw;
	height: 9vw;
    display: inline-block;
	vertical-align: bottom;
	position: relative;
	transition: 0.2s ease-out;
}

.Menu .mainMenuScroll .MenuItems .MenuItem .MainMenuItem .OpenSubmenuBarDiv .bar, .Menu .mainMenuScroll .MenuItems .MenuItem .MainMenuItem .OpenSubmenuBarDiv:after{
	content: '';
    display: block;
    width: 6vw;
    height: 0.5vw;
    border-radius: 2vw;
    background-color: #efefef;
	position: absolute;
	top: 4.4vw;
	/* color: var(--letters); */
    transition: 0.3s ease-out;
	transform: rotate(45deg);
	transition: ease-out 0.2s;
}


.Menu .mainMenuScroll .MenuItems .MenuItem .MainMenuItem .OpenSubmenuBarDiv:after{
	transform: translateX(3.9vw) rotate(-45deg);
	transition: ease-out 0.2s;
}


.MenuItems .MenuItem .MainMenuItemHeading h1{
	/* font-size: 6vw; */
	color: #efefef;
	font-weight: 200;
	font-size: 9vw;
	margin: 0;
	transition: transform 0.1s, color 0.3s;
	font-family: 'JakartaRegular';
}

.MenuItems .MenuItem .MainMenuItemHeading a{
	color: #efefef;
	font-weight: 200;
	font-size: 9vw;
	margin: 0;
	display: inline-block;
	transition: transform 0.1s, color 0.3s;
	text-decoration: none;
	font-family: 'JakartaRegular';
}

.MenuItems .MenuItem .MainMenuItemHeading a:hover{
	/*font-size: 10vw;*/
	color: var(--orange);
	transform: scale(1.2);
}

.MenuItems .MenuItem .SubMenuItems{
	text-align: center;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s;
}

.MenuItems .MenuItem .SubMenuItems ul{
	padding: 0;
	margin: 0;
}

.MenuItems .MenuItem .SubMenuItems ul li{
	margin-bottom: 3vw;
}

.MenuItems .MenuItem .SubMenuItems ul li a{
    font-size: 6vw;
    color: #efefef;
    font-weight: 200;
	text-decoration: none;
	display: inline-block;
	transition: transform 0.1s, color 0.3s;
	font-family: 'JakartaLight';
}

.MenuItems .MenuItem .SubMenuItems ul li a:hover{
	color: var(--orange);
	transform: scale(1.1);
	
}

.Menu .mainMenuScroll .MenuItems .MenuItem.open .MainMenuItem{
    padding-left: 5vw;
    transition: ease-out 0.2s;
}

.Menu .mainMenuScroll .MenuItems .MenuItem.open .MainMenuItemHeading{
    margin-right: 7vw;
    transition: 0.2s ease-out;
}

.MenuItems .MenuItem.open .MainMenuItemHeading h1{
	/* font-size: 6vw; */
	color: var(--orange);
	/*font-size: 10vw;*/
	transform: scale(1.2);
	transition: transform 0.1s, color 0.3s;
}

.Menu .mainMenuScroll .MenuItems .MenuItem.open .OpenSubmenuBarDiv{
	transform: rotate(180deg) scale(1.2);
	transition: ease-out 0.2s;
}

.Menu .mainMenuScroll .MenuItems .MenuItem.open .OpenSubmenuBarDiv .bar{
	background-color: var(--orange);
	transition: ease-out 0.2s;
}

.Menu .mainMenuScroll .MenuItems .MenuItem.open .OpenSubmenuBarDiv:after{
	background-color: var(--orange);
	transition: ease-out 0.2s;
} 

.MenuItems .MenuItem.open .SubMenuItems{
	max-height: 50vw;
	/*transition: 0.3s;*/
}


/* NOVIMENU */

.headerPhoneScroll .mainMenuScroll li{
	/*width: 44vw;*/
	/*margin-left: 28vw;*/
	text-align: center;
	margin-bottom: 5vw;
	transition: 1s ease;
}

.headerPhoneScroll .mainMenuScroll li#Prvi{
	margin-top: 22vw;
	/*margin-bottom: 0vw;*/
	transition: 0.75s ease;
}	 

.headerPhoneScroll .mainMenuScroll li#Prvi:hover{
	margin-bottom: 54vw;
	transition: 0.5s ease;
}

.headerPhoneScroll .mainMenuScroll li#Drugi:hover{
	margin-bottom: 54vw;
	transition: 0.5s ease;
}

.headerPhoneScroll .mainMenuScroll li#Treci:hover{
	margin-bottom: 30vw;
	transition: font-size 0.5s ease;
	transition: margin-bottom 0.5s ease;
	width: 48vw;
	margin-left: 26vw;
}

.headerPhoneScroll .mainMenuScroll li a{
    font-weight: 200;
	font-size: 9vw;
	transition: 0.3s ease;
}

.headerPhoneScroll .mainMenuScroll li a:hover{
	color: var(--orange);
	font-size: 10vw;
	transition: 0.3s ease;
}

.headerPhoneScroll .submenuScroll{
	width: 42vw;
	right: 29vw;
	padding: 0;
	margin-bottom: 6vw;
	visibility: hidden;
	position: absolute;
	opacity: 0;
	transition: opacity 0.2s ease;
	margin-top: 3vw;
}

.headerPhoneScroll .mainMenuScroll li:hover .submenuScroll{
	visibility: visible;
	opacity: 1;
	transition: opacity 0.5s ease;
}

.headerPhoneScroll #second.submenuScroll{
	width: 90vw;
	right: 5vw;
}

.headerPhoneScroll #third.submenuScroll{
	width: 40vw;
	right: 30vw;
}

.headerPhoneScroll .submenuScroll li{
	margin: 0;
	width: 42vw;
	transition: 0.1s ease;
	margin-bottom: 3vw;
}

.headerPhoneScroll #second.submenuScroll li{
	width: 90vw;
	/*right: 5vw;*/
	margin-bottom: 3vw;
}

.headerPhoneScroll .submenuScroll li a{
	font-size: 6vw;
	transition: 0.3s ease;
}

.headerPhoneScroll .submenuScroll li a:hover{
	color: var(--orange);
	font-size: 7vw;
}

.headerPhoneScroll .Menu .closeMenu{
	display: block;
	position: absolute;
	z-index: 7;
	top: 6vw;
	right: 6vw;
	width: 11vw;
	height: 11vw;
	border: 2px solid #efefef;
	border-radius: 1.5vw;
	background-color: var(--blue);
}

.headerPhoneScroll .Menu .closeMenu img{
	width: 90%;
	height: 90%;
	margin: 5%;
	left: 0;
}

.headerPhoneScroll .Dugmici{
	margin-top: 12vw;
	background-color: var(--blue);
	margin-bottom: 10vw;
	display: none;
}

.headerPhoneScroll .Dugmici button{
	text-decoration: none;
	border: 2px solid #efefef;
	outline: none;
	width: 14vw;
	height: 14vw;
	color: #efefef;
	border-radius: 50%;
	background-size: 100% 100%;
	margin-left: 5vw;
	background-color: var(--blue);
}

.headerPhoneScroll .Dugmici button#Prvi{
	margin-left: 13vw;
}

.headerPhoneScroll .Dugmici button img{
	width: 10vw;
	height: 10vw;
}

.headerPhoneScroll .Dugmici button:hover{
	border-color: var(--orange);
	border-width: 2px;
	background-color: var(--orange);
	transition: 0.3s ease-out;
}

/*newPhoneHeader*/


/*NOTIFICATIONS*/

.NotificationsWrapper{
    display: none;
}

@keyframes notificationsLoading{
	0%{
		max-width: 0;
		opacity: 0;
	}
	1%{
		max-width: 100vw;
		opacity: 0;
	}
	100%{
		max-width: 100vw;
		opacity: 1;
	}
  }

.headerPhoneScroll .Notifications{
    width: 11vw;
    height: 11vw;
    top: 6vw;
    z-index: 5;
    display: block;
    position: absolute;
    right: 19vw;
    border: 2px solid #efefef;
    border-radius: 1.5vw;
    transition: z-index 0.2s ease;
    background-color: var(--blue);
}

.headerPhoneScroll .Notifications img{
	position: absolute;
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
}

.headerPhoneScroll .Notifications .OrangeDot{
	width: 2.5vw;
	background-color: var(--orange);
	position: absolute;
	top: -1vw;
	right: -1vw;
	aspect-ratio: 1/1;
	border: 1px solid var(--orange);
	border-radius: 1vw;
}

.headerPhoneScroll .NotificationsWrapper .NotificationsList{
	max-width: 0;
	opacity: 0;
	position: fixed;
	/* width: 100vw; */
	width: 100vw;
	height: 100vh;
	right: 0;
	top: 0;
	background-color: var(--notificationsBackground);
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList{
	max-width: 100vw;
	opacity: 1;
	animation: notificationsLoading 0.2s ease 1;
	/*backdrop-filter: blur(1px);*/
	z-index: 6;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper{
	position: absolute;
    top: 30%;
    width: 90%;
    left: 5%;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper .Notification{
    background-color: var(--blue);
    color: #efefef;
    border: 2px solid #efefef;
    border-radius: 3vw;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper .Notification h1{
	margin-top: 3vw;
	margin-bottom: 3vw;
	text-align: center;
	font-family: 'JakartaSemiBold';
	font-size: 7vw;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper .Notification .NotificationTextWrapper{
	width: 92%;
	margin-left: 4%;
	margin-bottom: 2vw;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper .Notification .NotificationTextWrapper p{
    font-family: 'JakartaMedium';
	font-size: 3.8vw;
	line-height: 6vw;
	margin: 0;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper .Notification .NotificationSignatureWrapper{
	width: 90%;
	margin-left: 5%;
	margin-bottom: 3vw;
	text-align: right;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper .Notification .NotificationSignatureWrapper p{
    font-family: 'JakartaMedium';
	font-size: 3.8vw;
	line-height: 6vw;
	margin: 0;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper .CloseNotifications{
	width: 11vw;
	height: 11vw;
	margin-left: 79vw;
	position: relative;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper .CloseNotifications .CloseNotificationsBarDiv{
	position: absolute;	
	/*width: 70%;*/
	/*left: 15%;*/
	width: 84%;
	left: 8%;
	/*height: 7vw;*/
	height: 7.6vw;
	/*margin-top: 1.5vw;*/
	margin-top: 1.4vw;
	display: block;
}

.headerPhoneScroll .NotificationsWrapper.open .NotificationsList .AllNotificationsWrapper .CloseNotifications .CloseNotificationsBarDiv .bar, .CloseNotificationsBarDiv:before{
	content: '';
	display: block;
	width: 100%;
	height: 1.1vw;
	border-radius: 5vw;
	background-color: var(--selectionBackground);
	margin-top: 1.2vw;
	margin-bottom: 1.2vw;
}

.CloseNotificationsBarDiv .bar{
	transform: rotate(45deg);
}

.CloseNotificationsBarDiv:before{
	transform: rotate(-45deg) translateY(1.7vw) translateX(-1.5vw);
}

/*NOTIFICATIONS*/

/*NOVI MAIN MENU PC*/

.MainMenuPc{
    background-color: var(--background);
	border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: var(--blue);
}

.MainMenuPc .MainMenuContainer{
	width: 90%;
	margin-left: 5%;
}

.MainMenuPc .MainMenuContainer > ul{
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0;
	width: 100%; 
}

.MainMenuPc .MainMenuContainer > ul li{
    display: inline-block;
	vertical-align: middle;
    width: auto;
	color: var(--letters);
	background-color: var(--background);
	position: relative;
}

.MainMenuPc .MainMenuContainer > ul li .SpanDiv{
	font-family: 'JakartaRegular';
	font-size: 1vw;
	display: inline-block;
	vertical-align: middle;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.MainMenuPc .MainMenuContainer > ul li .SpanDiv{
	font-size: 1vw;
}

.MainMenuPc .MainMenuContainer > ul li .SpanDiv span{
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.MainMenuPc .MainMenuContainer > ul li .SpanDiv .OpenSubmenuBarDiv{
	width: 1.2vw;
	height: 1.2vw;
    display: inline-block;
	vertical-align: middle;
	position: relative;
	transition: 0.2s ease-out;
	margin-left: 0.2vw;
}

.MainMenuPc .MainMenuContainer > ul li .SpanDiv .OpenSubmenuBarDiv .bar, .MainMenuPc .MainMenuContainer > ul li .SpanDiv .OpenSubmenuBarDiv:after{
	content: '';
    display: block;
    width: 0.8vw;
    height: 0.1vw;
    border-radius: 2vw;
    background-color: var(--letters);
	position: absolute;
	top: 0.5vw;
	color: var(--letters);
    transition: 0.3s ease-out;
	transform: rotate(45deg);
	transition: ease-out 0.2s;
}


.MainMenuPc .MainMenuContainer > ul li .SpanDiv .OpenSubmenuBarDiv:after{
	transform: translateX(0.55vw) rotate(-45deg);
	transition: ease-out 0.2s;
}

.MainMenuPc .MainMenuContainer > ul li a{
	font-family: 'JakartaRegular';
	font-size: 1vw;
	text-decoration: none;
	color: var(--letters);
	display: inline-block;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

.MainMenuPc .MainMenuContainer > ul li a:hover{
	color: #efefef;
	background-color: var(--blue);
}

.MainMenuPc .MainMenuContainer ul li ul{
	display: none;
}

.MainMenuPc .MainMenuContainer ul li ul li{
	display: block;
	background-color: var(--blue);
	text-align: left;
}

.MainMenuPc .MainMenuContainer ul li ul li a{
    padding-top: 1.2vw;
    padding-bottom: 1.2vw;
    display: block;
    padding-left: 2vw;
	color: #efefef;
	padding-right: 2vw;
}

.MainMenuPc .MainMenuContainer ul li:hover{
	color: #efefef;
	background-color: var(--blue);
	cursor: pointer;
}

.MainMenuPc .MainMenuContainer ul li:hover .SpanDiv .OpenSubmenuBarDiv{
	transform: rotate(180deg);
	transition: ease-out 0.2s;
}

.MainMenuPc .MainMenuContainer ul li:hover .SpanDiv .OpenSubmenuBarDiv .bar{
	background-color: #efefef;
	transition: ease-out 0.2s;
}

.MainMenuPc .MainMenuContainer ul li:hover .SpanDiv .OpenSubmenuBarDiv:after{
	background-color: #efefef;
	transition: ease-out 0.2s;
}

.MainMenuPc .MainMenuContainer ul li:hover ul{
	display: block;
	position: absolute;
	background-color: var(--blue);
	width: 125%;
	padding-left: 0;
	text-align: left;
	z-index: 2;
}

.MainMenuPc .MainMenuContainer ul li:hover ul li a:hover{
	background-color: var(--background);
	color: var(--letters);
}

/*NOVI MAIN MENU PC*/

.Pocetni-Naslov .container .row {
	margin-top: 2%;
	margin-bottom: 2%;
}

.Pocetni-Naslov .container ul{
	/* float: center; */
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 2%;
	margin-bottom: 2%;
	/* width: 80%; */
	list-style: none;
	text-align: center;
	/* display: inline; */
}

.Pocetni-Naslov .container ul li{
	display: inline;
	text-align: center;
}

.Pocetni-Naslov .container ul li p{
	font-size: 2vw;
	text-decoration: bold;
	margin: 0;
	padding-right: 5px;
	text-align: center;
	color: var(--letters);
}

.Pocetni-Naslov .container ul li a{
	font-size: 2vw;
	padding-left: 10px;
	text-decoration: none;
	color: black;
	text-align: center;
}

.Pocetni-Naslov .container ul li a:hover{
	text-decoration: none;
	color: #f45922;
	transition:0.2s;
}


.Kategorija .container h1{
	text-align: center;
	margin-bottom: 3%;
	margin-top: 3%;
	font-family: 'JakartaSemiBold';
	font-size: 3vw;
	line-height: 170%;
	color: var(--letters);
}

.Kategorija .container .Pitanje-Uslov ul{
	/* float: center; */
	/* padding-left: 10%; */
	/* padding-right: 10%; */
	/* margin-top: 2%; */
	margin-bottom: 1%;
	padding: 0;
	/* width: 80%; */
	list-style: none;
	text-align: center;
	/* display: inline; */
}

.Kategorija .container .Pitanje-Uslov ul li{
	display: inline;
}

.Kategorija .container .Pitanje-Uslov ul li p{
	font-family: 'JakartaRegular';
	font-size: 1.2vw;
	line-height: 170%;
	margin: 0;
	padding-right: 5px;
	color: var(--letters);
}

.Kategorija .container .Pitanje-Uslov ul li a{
	font-family: 'JakartaRegular';
	font-size: 1.2vw;
	line-height: 170%;
	padding-left: 10px;
	text-decoration: none;
	color: var(--orange);
	text-align: center;
}

.Kategorija .container .Pitanje-Uslov ul li a:hover{
	text-decoration: none;
	color: var(--blue);
	transition:0.2s;
}

.Kategorija .container p{
	margin-bottom: 3%;
	font-family: 'JakartaRegular';
	font-size: 1vw;
	line-height: 170%;
	color: var(--letters);
}

.Kategorija .container .Slucaj {
	text-align: center;
}

.Kategorija .container .Slucaj p{
    font-family: 'JakartaMedium';
	font-size: 1.7vw;
	line-height: 170%;
	font-weight: bold;
	margin-top: 5%;
	margin-bottom: 2%;
	color: var(--blue);
}

.Kategorija .container .Slucaj #Uspravno p{
	font-size: 1.7vw;
	font-weight: bold;
	margin-top: 3%;
	margin-left: 40%;
}

.Kategorija .container #Desktop p {
    color: var(--letters);
}

.Kategorija .container .Vozila-Obuka ul{
	/* float: center; */
	/* padding-left: 10%; */
	/* padding-right: 10%; */
	/* margin-top: 2%; */
	margin-bottom: 1%;
	padding: 0;
	/* width: 80%; */
	list-style: none;
	/* text-align: center; */
	/* display: inline; */
}

.Kategorija .container .Vozila-Obuka ul li{
	display: inline;
	text-align: center;
}

.Kategorija .container .Vozila-Obuka ul li p{
    font-family: 'JakartaRegular';
	font-size: 1.2vw;
	line-height: 170%;
	margin: 0;
	padding-right: 5px;
	text-align: center;
	color: var(--letters);
}

.Kategorija .container .Vozila-Obuka ul li a{
    font-family: 'JakartaRegular';
	font-size: 1.2vw;
	line-height: 170%;
	padding-left: 10px;
	text-decoration: none;
	color: var(--orange);
	text-align: center;
}

.Kategorija .container .Vozila-Obuka ul li a:hover{
	text-decoration: none;
	color: var(--blue);
	transition:0.2s;
}

.Kategorija .container .Poligon-Obuka ul{
	/* float: center; */
	/* padding-left: 10%; */
	/* padding-right: 10%; */
	/* margin-top: 2%; */
	margin-bottom: 1%;
	padding: 0;
	/* width: 80%; */
	list-style: none;
	/* text-align: center; */
	/* display: inline; */
}

.Kategorija .container .Poligon-Obuka ul li{
	display: inline;
	text-align: center;
}

.Kategorija .container .Poligon-Obuka ul li p{
    font-family: 'JakartaRegular';
	font-size: 1.2vw;
	line-height: 170%;
	margin: 0;
	padding-right: 5px;
	text-align: center;
	color: var(--letters)
}

.Kategorija .container .Poligon-Obuka ul li a{
    font-family: 'JakartaRegular';
	font-size: 1.2vw;
	line-height: 170%;
	padding-left: 10px;
	text-decoration: none;
	color: var(--orange);
	text-align: center;
}

.Kategorija .container .Poligon-Obuka ul li a:hover{
	text-decoration: none;
	color: var(--blue);
	transition:0.2s;
}

.Kategorija .container .Cena-Uslova ul{
	/* float: center; */
	/* padding-left: 10%; */
	/* padding-right: 10%; */
	/* margin-top: 2%; */
	margin-bottom: 2%;
	padding: 0;
	/* width: 80%; */
	list-style: none;
	/* text-align: center; */
	/* display: inline; */
}

.Kategorija .container .Cena-Uslova ul li{
	display: inline;
	text-align: center;
}

.Kategorija .container .Cena-Uslova ul li p{
    font-family: 'JakartaRegular';
	font-size: 1.2vw;
	line-height: 170%;
	margin: 0;
	padding-right: 5px;
	text-align: center;
	color: var(--letters);
}

.Kategorija .container .Cena-Uslova ul li a{
    font-family: 'JakartaRegular';
	font-size: 1.2vw;
	line-height: 170%;
	padding-left: 10px;
	text-decoration: none;
	color: var(--orange);
	text-align: center;
}

.Kategorija .container .Cena-Uslova ul li a:hover{
	text-decoration: none;
	color: var(--blue);
	transition:0.2s;
}

/*NOV FOOTER*/

.PoslednjiRed{
	background-color: var(--blue);
	max-width: 100%;
}

.PoslednjiRed .GornjiDeo{
    width: 100%;
    background-color: var(--blue);
    height: 24vw;
}

.PoslednjiRed .GornjiDeo .LeviDeo{
    width: 50%;
    height: 24vw;
	display: inline-block;
	vertical-align: middle;
}
.PoslednjiRed .GornjiDeo .LeviDeo .LeviNaslovDiv{
	margin-left: 13%;
	margin-top: 4vw;
	margin-bottom: 1.4vw;
}

.PoslednjiRed .GornjiDeo .LeviDeo .LeviNaslovDiv h1{
	font-family: 'JakartaSemiBold';
	font-size: 2.4vw;
    color: #efefef;
	line-height: 2.6vw;
}

.PoslednjiRed .GornjiDeo .LeviDeo .InformacijeDiv{
	margin-left: 13%;
	margin-top: 1vw;
}

.PoslednjiRed .GornjiDeo .LeviDeo .InformacijeDiv .Informacija{
	margin-top: 1vw;
	line-height: 1.2vw;
}

.PoslednjiRed .GornjiDeo .LeviDeo .InformacijeDiv .Informacija img{
	width: 1.6vw;
	aspect-ratio: 1/1;
	display: inline;
	vertical-align: middle;
}

.PoslednjiRed .GornjiDeo .LeviDeo .InformacijeDiv .Informacija p{
	font-family: 'Jakartamedium';
	font-size: 1.1vw;
	color: #efefef;
	display: inline;
	vertical-align: middle;
	margin-left: 1%;
}

.PoslednjiRed .GornjiDeo .LeviDeo .InformacijeDiv .Informacija a{
	font-family: 'Jakartamedium';
	font-size: 1.1vw;
	text-decoration: none;
	color: var(--orange);
	display: inline;
	vertical-align: middle;
}

.PoslednjiRed .GornjiDeo .DesniDeo{
    width: 48.6%;
    height: 24vw;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.PoslednjiRed .GornjiDeo .DesniDeo h1{
	font-family: 'JakartaSemiBold';
	font-size: 2.8vw;
	color: #efefef;
	margin-top: 4vw;
	line-height: 3vw;
	margin-bottom: 1vw;
}

.PoslednjiRed .GornjiDeo .DesniDeo p{
	font-family: 'Jakartamedium';
	font-size: 1.1vw;
	line-height: 2vw;
	width: 74%;
	margin-left: 13%;
	color: #efefef;
	margin-bottom: 0;
}

.PoslednjiRed .GornjiDeo .DesniDeo .DrustveneMrezeDiv{
	line-height: 2.3vw;
	margin-top: 2vw;
}

.PoslednjiRed .GornjiDeo .DesniDeo .DrustveneMrezeDiv p{
	margin-bottom: 0;
	margin-left: 0 !important;
	font-weight: 600;
	font-family: 'JakartaSemiBold';
	font-size: 2.3vw;
	line-height: 2.3vw;
	color: #efefef;
	display: inline;
	vertical-align: middle;
}

.PoslednjiRed .GornjiDeo .DesniDeo .DrustveneMrezeDiv .IkoniceDiv{
	display: inline-block;
	vertical-align: middle;
	height: 2vw;
	line-height: 2.3vw;
}

.PoslednjiRed .GornjiDeo .DesniDeo .DrustveneMrezeDiv .IkoniceDiv button{
	width: 2vw;
	height: 2vw;
	margin-left: 0.5vw;
	display: inline-block;
	vertical-align: middle;
	background-color: unset;
	border: 0;
	border-radius: 20%;
}

.PoslednjiRed .GornjiDeo .DesniDeo .DrustveneMrezeDiv .IkoniceDiv button:hover{
	background-color: var(--orange);
	transition: 0.2s ease-out;
}

.PoslednjiRed .GornjiDeo .DesniDeo .DrustveneMrezeDiv .IkoniceDiv button img{
	width: 100%;
	aspect-ratio: 1/1;
	vertical-align: unset;
}

.PoslednjiRed .DonjiDeo{
    width: 100%;
    height: 4vw;
    text-align: center;
    background-color: #00000087;
	line-height: 1.2vw;
}

.PoslednjiRed .DonjiDeo{
	font-family: 'JakartaMedium';
	font-size: 1.1vw;
	color: #efefef;
	padding-top: 1.4vw;
	margin: 0;
}

.PoslednjiRed #PravaPc.DonjiDeo{
	background-color: #000000ad;
}

/*NOV FOOTER*/


/* LAP-TOP */ /* LAP-TOP */ /* LAP-TOP */ /* LAP-TOP */ /* LAP-TOP */

@media screen and (max-width: 1900px) and (min-width: 701px){
    
    .Kategorija .container .Pitanje-Uslov ul li p {
        font-size: 1.4vw;
    }
    
    .Kategorija .container .Pitanje-Uslov ul li a {
        font-size: 1.4vw;
        color: var(--orange);
    }
    
    .Kategorija .container .Pitanje-Uslov ul li a:hover {
        color: var(--blue);
    }
    
    .Kategorija .container .Slucaj p {
        font-size: 2vw;
        color: var(--blue);
    }
    
    .Kategorija .container p {
        font-size: 1.2vw;
    }
    
    .Kategorija .container .Vozila-Obuka ul li a {
        color: var(--orange);
    }
    
    .Kategorija .container .Vozila-Obuka ul li a:hover {
        color: var(--blue);
    }
    
    .Kategorija .container .Poligon-Obuka ul li a {
        color: var(--orange);
    }
    
    .Kategorija .container .Poligon-Obuka ul li a:hover {
        color: var(--blue);
    }
    
    .Kategorija .container .Cena-Uslova ul li a {
        color: var(--orange);
    }
    
    .Kategorija .container .Cena-Uslova ul li a:hover {
        color: var(--blue);
    }
    
}

/* LAP-TOP */ /* LAP-TOP */ /* LAP-TOP */ /* LAP-TOP */ /* LAP-TOP */

/* TELEFON */

body .Podnaslov-Teorija .row{
	/* margin-left: 20%; */
	/* margin-right: 20%;	 */
	margin-bottom: 3%;
	color: black;
}

body .Podnaslov-Teorija .kartica{
	width: 24%;
	/* max-width: 110px; */
	border-style: solid;
	/*border-left-style: none;*/
	border-color: black;
	text-align: center;
    /* margin-left: 0.2%; */
    margin-left: 0.5%;
	background-color: var(--blue);
}

body .Podnaslov-Teorija .kartica{
	display: table;
    padding: 0;
    border-radius: 3%;
}

body .Podnaslov-Teorija #prazan1.kartica{
    border-style: none;
}

body .Podnaslov-Teorija #prazan2.kartica{
    border-style: none;
}

.Podnaslov-Teorija .kartica a{
    text-decoration: none;
    display: table-cell;
    color: var(--background);
}

.Podnaslov-Teorija .kartica a h1{
	font-size: 3vw;
    text-decoration: none;
    /*display: table-cell;*/
    margin-top: 5%;
    margin-bottom: 10%;
}

.Podnaslov-Teorija .kartica a p{
    font-size: 2vw;
}

.Podnaslov-Teorija .kartica a:hover{
    text-decoration: none;
    display: table-cell;
    background-color: #f16f1a;
    border-radius: 1%;
    color: #2e2ccb;
}
/* .Podnaslov-Teorija .kartica a:hover{ */
    /* text-decoration: none; */
    /* display: table-cell; */
    /* background-color: #f85920; */
    /* border-radius: 1%; */
    /* color: var(--blue); */
/* } */

.Podnaslov-Teorija .kartica a:hover ~ .Podnaslov-Teorija .kartica a h4{
    color: red;
}


@media screen and (max-width: 699px){
	
    .main{
        margin-bottom: 14vw;
    }
    
    .headerPhoneScroll{
        display: block;
    }
	
	.HeaderPc{
	    display: none;
	}
	
    .MainMenuPc{
        display: none;
    }
	
	.PoslednjiRed{
		display: none;
	}
	
    .ScrollToTopButton{
    	position: fixed;
    	width: 16vw;
    	aspect-ratio: 1/1;
    	height: auto;
    	background-color: var(--blue);
    	bottom: -100%;
    	right: 6vw;
    	z-index: 6;
    	border-radius: 50%;
    	transition: opacity 0.2s ease-out;
    	transition: bottom 0.6s ease;
    }
    
    .ScrollToTopButton img{
    	width:100%;
    	aspect-ratio: 1/1;
    	height: auto;
    }
	
	.Kategorija .container h1{
		text-align: center;
		margin-bottom: 4%;
		margin-top: 6%;
		font-size: 7vw;
    	font-family: 'JakartaSemiBold';
	}
	
	.Kategorija .container p#Telefon{
		margin-bottom: 5%;
    	font-size: 3.8vw;
    	line-height: 6.6vw;
    	font-family: 'JakartaMedium';
		padding-left: 1vw;
		/* display: none; */
	}
	
	.Kategorija #Telefon.Pitanje-Uslov .container ul {
    	text-align: center;
    	width: 100%;
    }
	
	.Kategorija #Telefon.Pitanje-Uslov .container ul p{
    	font-size: 3.8vw;
    	line-height: 6.6vw;
    	font-family: 'JakartaMedium';
    	color: var(--letters);
    }
	
	.Kategorija #Telefon.Pitanje-Uslov ul {
    	width: 100%;
    	padding: 0;
    	text-align: center;
    }
    
	.Kategorija #Telefon.Pitanje-Uslov ul li{
        display: inline;
    }
	
	.Kategorija #Telefon.Pitanje-Uslov ul p{
    	font-size: 3.8vw;
    	line-height: 6.6vw;
    	font-family: 'JakartaMedium';
    	color: var(--letters);
    }
    
    .Kategorija #Telefon.Pitanje-Uslov ul a{
        text-decoration: none;
    	font-size: 3.8vw;
    	line-height: 6.6vw;
    	font-family: 'JakartaMedium';
    	color: var(--orange);
    	/*padding-left: 5px;*/
    	padding-left: 2%;
    }
    
    .Kategorija #Telefon.Pitanje-Uslov ul a:hover{
    	color: var(--orange);
    }
	
	.Kategorija .container p#Desktop{
		display: none;
	}
	
	.Kategorija .container #Desktop.Pitanje-Uslov{
		display:none;
	}
	
	#ContainerObukaUslovi.container {
	    scroll-snap-type: y mandatory;
	}
	
	.Slucaj{
	    scroll-snap-align: start none;
	    scroll-margin-block-start: 26vw;
	}
	
	.Kategorija .container .Slucaj p{
		font-size: 6vw;
		margin-top: 14%;
		color: #0a5e99;
		font-family: 'JakartaMedium';
	}
	
	.Kategorija .container p#TelefonPodPodNaslov{
	    font-size: 5vw;
    	font-family: 'JakartaMedium';
	    text-align: center;
	    margin-top: 6vw;
	}
	
	.Kategorija .container p{
        color: var(--letters);	    
	}
	
	/*
	.Kategorija .container #B-NISTA.Slucaj p{
	    margin-top:6%;
	}
	
	.Kategorija .container #A-A2.Slucaj p{
	    margin-top:6%;
	}
	
	.Kategorija .container #A2-A1.Slucaj p{
	    margin-top:6%;
	}
	
	.Kategorija .container #A1-AM.Slucaj p{
	    margin-top:6%;
	}
	*/
	
	.Kategorija .container .Vozila-Obuka ul li p{
    	font-size: 3.8vw;
    	line-height: 6.6vw;
    	font-family: 'JakartaMedium';
		color: var(--letters);
	}
	
	/*
	.Kategorija .container #A-B.Slucaj p{
	    width: 64%;
	    margin-left: 18%;
	}
	
	.Kategorija .container #A2-B.Slucaj p{
	    width: 64%;
	    margin-left: 18%;
	}
	
	.Kategorija .container #A1-B.Slucaj p{
	    width: 64%;
	    margin-left: 18%;	    
	}
	
	.Kategorija .container #A-A2.Slucaj p{
	    width: 80%;
	    margin-left: 10%;
	}
	*/

	.Kategorija .container .Vozila-Obuka ul li a{
    	font-size: 3.8vw;
    	line-height: 6.6vw;
    	font-family: 'JakartaMedium';
		padding-left: 0;
		color: var(--orange);
	}

	.Kategorija .container .Vozila-Obuka ul li a:hover{
		color: var(--orange);
	}

    .Kategorija .container .Vozila-Obuka ul{
	    padding-left: 1vw;
	    margin-bottom: 3vw;
	}
	
	.Kategorija .container .Poligon-Obuka ul li p{
    	font-size: 3.8vw;
    	line-height: 6.6vw;
    	font-family: 'JakartaMedium';
		color: var(--letters);
	}

	.Kategorija .container .Poligon-Obuka ul li a{
    	font-size: 3.8vw;
    	line-height: 6.6vw;
    	font-family: 'JakartaMedium';
		padding-left: 0;
		color: var(--orange);
	}

	.Kategorija .container .Poligon-Obuka ul li a:hover{
		color: var(--orange);
	}
	
	.Kategorija .container .Poligon-Obuka ul{
	    padding-left: 1vw;
	    margin-bottom: 3vw;
	}
	
	.Kategorija .container .Cena-Uslova ul{
		margin-bottom: 8%;
	}
	
	.Kategorija .container .Cena-Uslova ul li p{
    	font-size: 3.8vw;
    	line-height: 6.6vw;
    	font-family: 'JakartaMedium';
		color: var(--letters);
	}

	.Kategorija .container .Cena-Uslova ul li a{
	    font-size: 3.8vw;
    	line-height: 6.6vw;
	    font-family: 'JakartaMedium';
		padding-left: 0;
		color: var(--orange);
	}

	.Kategorija .container .Cena-Uslova ul li a:hover{
		color: var(--orange);
	}
	
	.Kategorija .container .Cena-Uslova ul{
	    padding-left: 1vw;
	}
	
}

@media screen and (max-width: 389px) and (min-width: 0px){
    
    /*.loader::after{*/
    /*	content: "";*/
    /*	width: 7vh;*/
    /*	height: 7vh;*/
    /*	background-size: 7vh ;*/
    /*	animation: loading 1.2s ease infinite;*/
    /*}*/
    
    .loader img{
    	width: 7vh;
    	aspect-ratio: 1/1;
    	animation: loading 1.2s ease infinite;
    }
    
}

@media screen and (max-width: 699px) and (min-width: 390px){
    
    /*.loader::after{*/
    /*	content: "";*/
    /*	width: 6vh;*/
    /*	height: 6vh;*/
    /*	background-size: 6vh ;*/
    /*	animation: loading 1.2s ease infinite;*/
    /*}*/
    
    .loader img{
    	width: 6vh;
    	aspect-ratio: 1/1;
    	animation: loading 1.2s ease infinite;
    }
    
}

.pre-header-telefon{
    background-color: var(--blue);
    /* height: auto; */
    color: aliceblue;
	overflow:hidden;
}

.pre-header-telefon .container ul{
	margin: 0;
	padding:0;
	/* display: inline; */
	/* padding-top: 2%; */
	/* padding-bottom: 2%; */
}

.pre-header-telefon .container ul li{ 
	display: inline;
}

.pre-header-telefon .container ul .Slika-Logoa {
	vertical-align: middle;
	list-style: none;
	display: inline-block;
	padding-left: 3%;
    padding-right: 2%;
    background-image: linear-gradient(to right, var(--blue) 50%, #fff 50%);
}

@media screen and (max-width: 300px) { 
	.pre-header-telefon .container ul .Slika-Logoa img{
		width: 76px !important;	
	}
}

@media screen and (max-width: 400px) and (min-width: 300px) { 

	.pre-header-telefon .container ul .Slika-Logoa img{
		width: 85px !important;	
	}
	
	.pre-header-telefon .container ul .Slika-Logoa {
		padding-left: 4%;
		padding-right: 4%;
	}
}

@media screen and (max-width: 600px) and (min-width: 400px) { 

	.pre-header-telefon .container ul .Slika-Logoa img{
		width: 107px !important;	
	}
	
	.pre-header-telefon .container ul .Slika-Logoa {
		padding-left: 6%;
		padding-right: 4%;
	}
}

@media screen and (max-width: 600px) and (min-width: 500px) { 

	.pre-header-telefon .container ul .Slika-Logoa img{
		width: 126px !important;	
	}
	
	.pre-header-telefon .container ul .Slika-Logoa {
		padding-left: 6%;
		padding-right: 4%;
	}
}

@media screen and (max-width: 700px) and (min-width: 600px) { 
	.container{
		max-width: 650px !Important;
	}
	
	.pre-header-telefon .container ul .Slika-Logoa img{
		width: 148px !important;	
	}
	
	.pre-header-telefon .container ul .Slika-Logoa {
		padding-left: 6%;
		padding-right: 4%;
	}
}

/* @media screen and (max-width: 1024px) and (min-width: 500px){ */
	/* .pre-header-telefon .container ul .Slika-Logoa img{ */
		/* width: 142px !important; */
	/* } */
/* } */

@media screen and (max-width: 1440px) and (min-width: 1024px){
	.pre-header-telefon .container ul .Slika-Logoa img{
		width: 166px;
	}
}

@media screen and (max-width: 1802px) and (min-width: 1440px){
	.pre-header-telefon .container ul .Slika-Logoa img{
		width: 166px;
	}
}

.pre-header-telefon .container ul .Top-right-1 {
    list-style: none;
	float: right;
	vertical-align: middle;
	margin: 0;
	height: auto;
	margin-top: 1%;
	margin-bottom: 1%;
	/* padding-top: 3%; */
	/* padding-bottom: 2%; */
}

.pre-header-telefon .container ul .Top-right-1 .Top-right{
	padding:0;
	vertical-align: middle;
	display: inline;
}

.pre-header-telefon .container ul .Top-right-1 .Top-right li{
    display: table;
    color: aliceblue;
	font-size: 2.5vw;
	/* float: center; */
	vertical-align: middle;
	/* padding-top: 10%; */
	/* padding-bottom: 10%; */
	margin-bottom: 2%;
}

.pre-header-telefon .container ul .Top-right-1 .Top-right li a{
    color: aliceblue;
    /* text-transform: uppercase; */
    text-decoration: none;
	font-size: 2.5vw;
	margin-right: 1vw;
	color: #f45922;
	font-family: 'JakartaRegular';
}

.pre-header-telefon .container ul .Top-right-1 .Top-right li p{
	/* display: inline; */
    color: aliceblue;
    text-decoration: none;
	font-size: 2.5vw;
	margin-bottom: 0;
	font-family: 'JakartaRegular';
}

/*NOVI MAIN MENU PHONE*/

.MainMenuPhone{
    background-color: var(--background);
	border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
    border-color: var(--blue);
}

.MainMenuPhone .MainMenuPhoneContainer{
	width: 100%;
}

.MainMenuPhone .MainMenuPhoneContainer > ul{
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0;
	width: 100%; 
	text-align: center;
}

.MainMenuPhone .MainMenuPhoneContainer > ul li{
    display: inline-block;
	vertical-align: top;
    width: auto;
	color: var(--letters);
	background-color: var(--background);
	position: relative;
	line-height: 3vw;
}

.MainMenuPhone .MainMenuPhoneContainer > ul li#MenuButton5,
.MainMenuPhone .MainMenuPhoneContainer > ul li#MenuButton6,
.MainMenuPhone .MainMenuPhoneContainer > ul li#MenuButton7{
	vertical-align: bottom;
}

.MainMenuPhone .MainMenuPhoneContainer > ul li .SpanDiv{
	font-family: 'JakartaMedium';
	font-size: 3vw;
	/* line-height: 3vw; */
	display: inline-block;
	vertical-align: middle;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 5.6vw;
    padding-bottom: 5.6vw;
}

.MainMenuPhone .MainMenuPhoneContainer > ul li .SpanDiv span{
	font-size: 3vw;
	line-height: 3vw;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.MainMenuPhone .MainMenuPhoneContainer > ul li .SpanDiv .OpenSubmenuBarDiv{
	width: 3vw;
	height: 3vw;
    display: inline-block;
	vertical-align: middle;
	position: relative;
	transition: 0.2s ease-out;
	margin-left: 0.2vw;
}

.MainMenuPhone .MainMenuPhoneContainer > ul li .SpanDiv .OpenSubmenuBarDiv .bar, .MainMenuPhone .MainMenuPhoneContainer > ul li .SpanDiv .OpenSubmenuBarDiv:after{
	content: '';
    display: block;
    width: 2vw;
    height: 0.3vw;
    border-radius: 2vw;
    background-color: var(--letters);
	position: absolute;
	top: 1.25vw;
	color: var(--letters);
    transition: 0.3s ease-out;
	transform: rotate(45deg);
	transition: ease-out 0.2s;
}


.MainMenuPhone .MainMenuPhoneContainer > ul li .SpanDiv .OpenSubmenuBarDiv:after{
	transform: translateX(1.3vw) rotate(-45deg);
	transition: ease-out 0.2s;
}

.MainMenuPhone .MainMenuPhoneContainer > ul li a{
	font-family: 'JakartaMedium';
	font-size: 3vw;
	line-height: 3vw;
	text-decoration: none;
	color: var(--letters);
	display: inline-block;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 5.6vw;
    padding-bottom: 5.6vw;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.MainMenuPhone .MainMenuPhoneContainer > ul li a:hover{
	color: #efefef;
	background-color: var(--blue);
}

.MainMenuPhone .MainMenuPhoneContainer ul li ul{
	display: none;
}

.MainMenuPhone .MainMenuPhoneContainer ul li ul li{
	display: block;
	background-color: var(--blue);
	text-align: left;
}

.MainMenuPhone .MainMenuPhoneContainer ul li ul li a{
    padding-top: 3.8vw;
    padding-bottom: 3.8vw;
    display: block;
    padding-left: 3vw;
	color: #efefef;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.MainMenuPhone .MainMenuPhoneContainer ul li:hover{
	color: #efefef;
	background-color: var(--blue);
	cursor: pointer;
}

.MainMenuPhone .MainMenuPhoneContainer ul li:hover .SpanDiv .OpenSubmenuBarDiv{
	transform: rotate(180deg);
	transition: ease-out 0.2s;
}

.MainMenuPhone .MainMenuPhoneContainer ul li:hover .SpanDiv .OpenSubmenuBarDiv .bar{
	background-color: #efefef;
	transition: ease-out 0.2s;
}

.MainMenuPhone .MainMenuPhoneContainer ul li:hover .SpanDiv .OpenSubmenuBarDiv:after{
	background-color: #efefef;
	transition: ease-out 0.2s;
}

.MainMenuPhone .MainMenuPhoneContainer ul li:hover ul{
	display: block;
	position: absolute;
	background-color: var(--blue);
	width: 125%;
	padding-left: 0;
	text-align: left;
	z-index: 2;
}

.MainMenuPhone .MainMenuPhoneContainer ul li:hover ul li a:hover{
	background-color: var(--background);
	color: var(--letters);
}

/*NOVI MAIN MENU PHONE*/

.PoslednjiRedTelefonNovi{
	background-color: var(--blue);
	text-align: center;
}

.PoslednjiRedTelefonNovi .Slika{
	text-align: center;
}

.PoslednjiRedTelefonNovi .Slika img { 
	width: 40vw;
	margin-top: 10vw;
	margin-bottom: 6vw;
}

.PoslednjiRedTelefonNovi #PrviNaslov.Naslov h1{
	margin-top: 10vw;
	padding-top: 10vw;
	font-size: 9vw;
	margin-bottom: 4vw;
	font-family: 'JakartaSemiBold';
}

.PoslednjiRedTelefonNovi .Tekst p{
	color: #efefef;
	margin-bottom: 10vw;
	font-size: 3.8vw;
	line-height: 6.6vw;
	font-family: 'JakartaMedium';
}

.PoslednjiRedTelefonNovi .Naslov h1{
	color: #efefef;
	font-size: 8vw;
	margin-bottom: 4vw;
	font-family: 'JakartaSemiBold';
}

.PoslednjiRedTelefonNovi .Informacije .JednaInformacija{
	margin-top: 3vw;
}

.PoslednjiRedTelefonNovi .Informacije .JednaInformacija p{
	display: inline;
	color: #efefef;
	font-size: 3.8vw;
	line-height: 6.6vw;
	font-family: 'JakartaMedium';
}

.PoslednjiRedTelefonNovi .Informacije .JednaInformacija a{
	text-decoration: none;
	color: var(--orange);
	font-size: 3.8vw;
	line-height: 6.6vw;
	font-family: 'JakartaMedium';
}

.PoslednjiRedTelefonNovi .Dugmici{
	margin-top: 15vw;
	background-color: var(--blue);
	margin-bottom: 10vw;
}

.PoslednjiRedTelefonNovi .Dugmici .DugmiciPrviRed button{
	text-decoration: none;
	border: 2px solid #efefef;
	outline: none;
	width: 14vw;
	height: 14vw;
	color: #efefef;
	border-radius: 50%;
	background-size: 100% 100%;
	margin-left: 5vw;
	background-color: var(--blue);
}

.PoslednjiRedTelefonNovi .Dugmici .DugmiciPrviRed button#PrviButton, .PoslednjiRedTelefonNovi .Dugmici .DugmiciDrugiRed button#DrugiRedPrviButton{
	margin-left: 0;
}

.PoslednjiRedTelefonNovi .Dugmici button img{
	width: 9vw;
	height: 9vw;
}

.PoslednjiRedTelefonNovi .Dugmici .DugmiciDrugiRed button{
	text-decoration: none;
	border: 2px solid #efefef;
	outline: none;
	width: 14vw;
	height: 14vw;
	color: #efefef;
	margin-left: 5vw;
	border-radius: 50%;
	background-size: 100% 100%;
	background-color: var(--blue);
}

.PoslednjiRedTelefonNovi .Dugmici .DugmiciDrugiRed{
	margin-top: 3.2vw;
}

.PoslednjiRedTelefonNovi .Dugmici button:hover{
	border-color: var(--orange);
	border-width: 2px;
	background-color: var(--orange);
	transition: 0.3s ease-out;
}

.PoslednjiRedTelefonNovi .Prava {
	background-color: #00000094;
	vertical-align: center;
}

.PoslednjiRedTelefonNovi .MaliTekst p{
	font-size: 3.3vw;
	line-height: 6.6vw;
	color: #efefef;
	font-family: 'JakartaMedium';
}

.PoslednjiRedTelefonNovi .Prava p{
	color: #efefef;
	margin: 0;
	padding: 4vw 0 4vw 0;
	font-family: 'JakartaMedium';
	font-size: 3.8vw;
	line-height: 6.6vw;
}

/* TELEFON */


*::selection{
    color: var(--selectionLetters);
    background-color: var(--selectionBackground);
}

.HeaderPc p::selection, .HeaderPc a::selection, .PoslednjiRed h1::selection, .PoslednjiRed p::selection, .PoslednjiRed a::selection, .PoslednjiRed img::selection,
.pre-header-telefon p::selection, .pre-header-telefon a::selection, 
.headerPhoneScroll p::selection, .headerPhoneScroll a::selection, 
.PoslednjiRedTelefonNovi h1::selection, .PoslednjiRedTelefonNovi p::selection, .PoslednjiRedTelefonNovi a::selection, 
.mainMenuScroll p::selection, .mainMenuScroll a::selection{
    color: var(--blue);
    background-color: #efefef;
}