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


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

:root{
	--background: #efefef;
	--blue: #115280;
	--orange: #d0593d;
	--letters: #000;
	--loaderBackground: #efefef9c;
	--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;
    	--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);
	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-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;
	margin-bottom: 2vw;
}

@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;
	}
	
	.O-Auto-Skoli-Telefon {
		display: none;
	}
	
}

@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);
}

.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: 2vw;
	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*/

.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);
}

.Naslov .container h1{
    font-family: 'JakartaSemiBold';
	font-size: 3vw;
	line-height: 170%;
	margin-top: 3%;
	margin-bottom: 3%;
	text-align: center;
	color: var(--letters) !important;
}
 
.O-Auto-Skoli .container p{
    font-family: 'JakartaRegular';
	font-size: 1vw;
	line-height: 170%;
	margin-bottom: 3%;
	color: var(--letters) !important;
}

.Mapa-Auto-Skole .container .MapaDesktop{
    width: 100%;
    aspect-ratio: 2 / 1;
    height: auto;
}

/*.Mapa-Auto-Skole .container iframe{
	height: 50vw;
	margin-bottom: 3%;
}*/

/*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){
    
    .O-Auto-Skoli .container p {
        font-size: 1.2vw;
    }
    
}

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

/* TELEFON */

@media screen and (max-width: 699px){
    
    .headerPhoneScroll{
        display: block;
    }
    
    .HeaderPc{
        display: none;
    }
    
    .main{
        margin-bottom: 14vw;
    }
	
	.MainMenuPc{
		display: none;
	}
	
	#Desktop.Mapa-Auto-Skole{
		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;
    }
	
	.Mapa-Auto-Skole .container .MapaTelefon{
	    width: 100%;
	    aspect-ratio: 2 / 3;
	    height: auto;
	}

    .PoslednjiRed{
        display: none;
    }
	
	.Naslov .container h1{
    	font-size: 9vw;
    	margin-bottom: 6%;
    	margin-top: 6%;
		font-family: 'JakartaSemiBold';
    }
	
	.O-Auto-Skoli {
    	display: none;
    }
}

@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) !important;
    color: aliceblue;
	overflow:hidden;
}

.pre-header-telefon .container ul{
	margin: 0;
	padding:0;
}

.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: 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%;
}

.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;
	vertical-align: middle;
	margin-bottom: 2%;
}

.pre-header-telefon .container ul .Top-right-1 .Top-right li a{
    color: aliceblue;
    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{
    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*/

.O-Auto-Skoli-Telefon p {
	font-size: 3.8vw;
	line-height: 6.6vw;
	color: var(--letters) !important;
	font-family: 'JakartaMedium';
}

@media screen and (max-width: 1400px) and (min-width: 700px){
	#Desktop.Mapa-Auto-Skole{
		display: none;
	}
	
	.Mapa-Auto-Skole .container .MapaTelefon{
	    width: 100%;
	    aspect-ratio: 3 / 2;
	    height: auto;
	}
	
	/*.Mapa-Auto-Skole .container iframe{
	    height: 120vw;
	}*/
}

@media screen and (max-width: 10000px) and (min-width: 1401px){
	#Telefon.Mapa-Auto-Skole{
		display: none;
	}
}

.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;
}