@font-face {
	    font-family: 'segoeuisl';
	    src: url('../fonts/segoeuisl/segoeuisl.eot');
	    src: url('../fonts/segoeuisl/segoeuisl.eot?iefix') format('eot'),
	         url('../fonts/segoeuisl/segoeuisl.woff') format('woff'),
	         url('../fonts/segoeuisl/segoeuisl2.ttf') format('truetype'), 
	         url('../fonts/segoeuisl/segoeuisl.ttf') format('truetype'),
	         url('../fonts/segoeuisl/segoeuisl.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}	
		
	@font-face {
		font-family: 'segoeui';
		src: url('../fonts/segoeui/segoeui.eot');
		src: url('../fonts/segoeui/segoeui.eot?iefix') format('eot'),
			url('../fonts/segoeui/segoeui.woff') format('woff'),
			url('../fonts/segoeui/segoeui2.ttf') format('truetype'),
		url('../fonts/segoeui/segoeui.ttf') format('truetype'),
			url('../fonts/segoeui/segoeui.svg#webfontZam02nTh') format('svg');
		font-weight: normal;
		font-style: normal; 
	}
		
	@font-face {
	    font-family: 'segoeuib';
	    src: url('../fonts/segoeuib/segoeuib.eot');
	    src: url('../fonts/segoeuib/segoeuib.eot?iefix') format('eot'),
	        url('../fonts/segoeuib/segoeuib.woff') format('woff'),
	        url('../fonts/segoeuib/segoeuib2.ttf') format('truetype'),
		url('../fonts/segoeuib/segoeuib.ttf') format('truetype'),
	        url('../fonts/segoeuib/segoeuib.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
		
	@font-face {
	    font-family: 'seguisb';
	    src: url('../fonts/seguisb/seguisb.eot');
	    src: url('../fonts/seguisb/seguisb.eot?iefix') format('eot'),
	        url('../fonts/seguisb/seguisb.woff') format('woff'),
	        url('../fonts/seguisb/seguisb.ttf') format('truetype'),
		url('../fonts/seguisb/seguisb.ttf') format('truetype'),
	        url('../fonts/seguisb/seguisb.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	body{
		/*background:#e5e5e5;*/  /*odstranjeno 24.06.2020*/
	}

	.fancybox-inner
	{
		background:#e5e5e5;
	}

	#psloader {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  z-index: 1;
	  width: 100px;
	  height: 100px;
	  margin: -75px 0 0 -75px;
	  border: 16px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 16px solid #ffd541;
	  width: 120px;
	  height: 120px;
	  -webkit-animation: spin 2s linear infinite;
	  animation: spin 2s linear infinite;
	}

	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}

	/* Add animation to "page content" */
	div.bootstrap .animate-bottom {
	  position: relative;
	  -webkit-animation-name: animatebottom;
	  -webkit-animation-duration: 1s;
	  animation-name: animatebottom;
	  animation-duration: 1s
	}

	@-webkit-keyframes animatebottom {
	  from { bottom:-100px; opacity:0 } 
	  to { bottom:0px; opacity:1 }
	}

	@keyframes animatebottom { 
	  from{ bottom:-100px; opacity:0 } 
	  to{ bottom:0; opacity:1 }
	}

	.ps-body{
		background:#e5e5e5;
		height:100%;
		font-family: 'segoeui';
		/*margin-top:70px;*/
	}

	.ps-maps{
		display:none;
		height:100%;
	}

	.ps-header{
		background:#fff;
		border:1px solid #d4d5d6;
		height: 59px;
		margin-bottom: 1%;
	}

	.ps-home{
		height:98%;
	}

	.ps-h1{font-family: seguisb; color:#000; font-size:27px; line-height:32px;}
	.ps-h2{font-family: seguisb; color:#000; font-size:19px; line-height:23px;}
	.ps-h3{font-family: seguisb; color:#000; font-size:15px; line-height:18px;}

	.ps-skip,.ps-skip:hover,.ps-skip:active, .ps-skip:focus{
	    font-family: 'segoeui';
		font-size: 12px;
		background:black;
		color:white;
		bottom:0px;
		left:20px;
		padding:10px 35px;
		border:0px;
		text-decoration:none;
		border-radius: 3px;
	}

	.ps-controlls{
		padding: 0 !important;
	    margin: 0 !important;
	    margin-top: 25px !important;
	    margin-bottom: 25px !important;
	    padding-left: 20px !important;
	}

	.ps-back{
		float:left;
		margin-left: 2%;
	}

	.ps-maps-controlls{
		padding: 0 !important;
	    margin: 0 !important;
	    margin-top: 20px !important;   /*50*/
		float: left;
		widows: 100%;
		height:50px;
	}

	.ps-submit,.ps-submit:hover,.ps-submit:active, .ps-submit:focus{
		font-family: 'segoeuib';
		font-size: 12px;
		background:#ffd850;
		color:black;
		bottom:0px;
		right:20px;
		padding:10px 35px;
		border:0px;
		text-decoration:none;
		border-radius: 3px;
		float:right;
		margin-right: 2%;
	}

	.ps-reset,.ps-reset:hover,.ps-reset:active, .ps-reset:focus{
		font-family: 'segoeuib';
		font-size: 12px;
		background:none;
		color:black;
		bottom:30px;
		right:190px;
		padding:10px 35px;
		border:1px solid black;
		text-decoration:none;
		border-radius: 3px;
		display:none;
		float:right;
		margin-right:20px;
	}

	.ps-steps{
		font-family: 'segoeuib';
		float:left;
	    text-align: center;
	    padding: 17px 0px;
		border-left: 1px solid #d4d5d6;
		border-right: 1px solid #d4d5d6;
		width: 50%;
		font-size: 14px;   /*dodano 8.6.2020*/
	}

	#myCursor {
		visibility: hidden;
		z-index: 99;
		position: fixed;
	}

	#ps-logo-img{
		padding-top: 18px;
		margin-left: 3%;
		max-width:90%;
	}

	.ps-logo img{
		/*position: fixed;*/
		position: absolute;
	    top: 20px;
	    left: 15px;
		margin-left: 3%;
		max-width:90%;
	}

	.ps-steps span {
		font-size:14px;
	}

	.ps-boxes-wrapper{
		margin-top:5%; /*3*/
	}

	.ps-boxes, .ps-boxes:hover, .ps-boxes:active, .ps-boxes:focus{
		font-family: 'segoeuib';
		display:block;
		background:white;
		padding:30px 20px;
		font-size:18px;
		color:black;
		margin-bottom:20px; 
		text-decoration:none;
	}

	.ps-box-icon{
		margin-right: 15px;
	}

	.ps-box-arrow{
		float:right;
		margin-top: 8px;
	}

	.ps-steps-icon{
		position: relative;
	    left: -15px;
		padding-bottom: 3px;
	}

	#ps-list .search{
	    width: 90%;
	    height: 33px;
		border: 0;
		padding-left:5px;
		display:initial;  /*dodano 9.6.2020*/
	}

	#ps-list .ps-search{
	    width: 96%;
	    height: 40px;
		border: 3px solid #ffd541;
		background: white;
		border-radius: 5px;
		margin-left: 4%;
		font-size: 18px;   /*dodano 8.6.2020*/
	}

	.ps-search-icon{
		width: 20px;
		height: 20px;
		display:inline;
		margin-left: 10px;
		/*margin-top: 10px;*/
	}

	.ps-close-icon:hover{
		cursor:pointer;
	}


	.ps-close-icon, .ps-close-icon:hover, .ps-close-icon:active, .ps-close-icon:focus{
	    width: 20px;
	    height: 20px;
	    font-family: 'segoeui';
	    float: right;
	    color: #bfbfbf !important;
		text-decoration:none;
		cursor:hand;
		display:inline;
		margin-top:5px;
		font-size:14px; /*dodano 8.6.2020*/
	}

	#ps-list .list{
		margin:0px;
	    padding: 0px;
		height: 100%;
		overflow: scroll
	}

	#ps-list .list li{
		list-style: none;
	    width: 100%;
	    height: 100px;
	    /*padding-left: 20px 10px;*/
	    background: white;
	    margin: 0;
		background:#fff;
		border-bottom:1px solid #d4d5d6;
		border-top:1px solid #d4d5d6;   
		/*padding-top: 25px;*/
		padding-top: 12px;
	    padding-left: 20px;
		font-size: 18px;  /*dodano 8.6.2020*/
		line-height: 1.5; /*dodano 8.6.2020*/
	}
    
    /*
	::-webkit-scrollbar {
	    width: 0px;
	    background: transparent; 
	}
	

	::-webkit-scrollbar-thumb {
	    background: #fff;
	}
	*/

	#ps-list .list{
	    overflow-y: scroll;
		padding-left: 4%;
	    scrollbar-width: none; /* Firefox */
	    -ms-overflow-style: none;  /* IE 10+ */
	}

	#ps-list .list::-webkit-scrollbar { 
	    display: none;  // Safari and Chrome
	}

	.ps-item-wrap{
		float:left;
		padding-left: 20px;
	}

	.ps-item-icon{
		float:left;
		padding-top: 14px;
	}

	.ps-map{
		width:50%;
		height: 440px; /*500*/
		float:right;
		padding-right: 2%;
	}
	#ps-list{
		height: 400px; /*460px*/
		width:50%;
		float:left;
	}

	.ps-full-width{
	    max-width: 100%;
	    padding-top: 5px;
	    padding-bottom: 0px;
	    padding-left: 20px;
	    padding-right: 20px;
	}

	.psnaziv{
		font-family: 'segoeuib';
		font-size: 16px !important;   /*dodano 24.06.2020 za megamiska*/
		margin-bottom: 0px !important;
		margin-top: 0px !important;
		border-bottom: 0px !important;
		position: initial !important;
		padding-bottom: 0px !important;
	}

	.container{
		/*margin-top: -25px;*/  /*odstranjeno 29.06.2020 za megamiska*/
	}

	.ps-maps{
		/*margin-top:120px;*/
	}

	#ps-list .list li:hover{
		background:#ececec;
	}


@media only screen and (max-width: 1200px) {
  .ps-boxes, .ps-boxes:hover, .ps-boxes:active, .ps-boxes:focus {
    font-size: 14px;
  }
  
  #ps-list .search{
		width: 80%;
  }

  #myCursor {
  	visibility: hidden;
  	z-index: 99;
  	position: fixed;
  }
}

@media only screen and (max-width: 1100px) {
  .ps-boxes, .ps-boxes:hover, .ps-boxes:active, .ps-boxes:focus {
    font-size: 12px;
  }

  .ps-body p {
    font-size: 12px;
  }
  
  #ps-list .search{
		width: 75%;
  }

  #myCursor {
  	visibility: hidden;
  	z-index: 99;
  	position: fixed;
  }
}

@media only screen and (max-width: 990px) {
  
  .ps-boxes, .ps-boxes:hover, .ps-boxes:active, .ps-boxes:focus {
    font-size: 10px;
  }

  .psnaziv{
	  font-size:14px;
  }

  .ps-steps a {
	font-size:12px;
  }
  
  #myCursor {
  	visibility: hidden;
  	z-index: 99;
  	position: fixed;
  }
}

@media only screen and (max-width: 767px) {

	#myCursor {
	  visibility: visible;
	  position: fixed;
	  top: 160px;
	  left: 35px;
	  z-index: 99;
	  border: none;
	  outline: none;
	  cursor: pointer;
	}

	.ps-body .container {
		margin-top: 5px;
	}

	.posta{
		font-size: 12px;								
	}

	.psposta{
		font-size: 12px;								
	}

	#ps-logo-img{
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 28%;
	}

	.ps-full-width{
	    max-width: 100%;
	    padding-left: 0px;
	    padding-right: 0px;
	}

	.ps-logo img {
		left: 40% !important;
		width: 20% !important;
		margin-left: 3%;
	}
		
	.ps-steps{
		font-family: 'segoeuib';
		float: left;
		text-align: center;
		padding: 5px 0px;
		border-top: 2px solid #d4d5d6;
		border-left: 1px solid #d4d5d6;
		border-right: 1px solid #d4d5d6;
		width: 50%;
		border-bottom: 2px solid #d4d5d6;
	}

	.ps-maps{
	/*	margin-top: 58px !important;*/
	}

	.ps-header {
		height: 63px;
		border: 0px solid #d4d5d6;
		margin-bottom: 1%;
	}

	.container{
		padding: 0px;
		margin: 0px;
		margin-top: 15px;
		max-width: 768px;
	}
	
	.ps-logo img {
		position: fixed;
		top: 10px;
		left: 33%;
		width:33%
	}
	
	.ps-header .container .ps-step-cols, .ps-header .container .ps-steps-col{
		width:100%;    
		border-top: 2px solid #d4d5d6;
	}
	
	.ps-body{
		overflow:hidden;
		/*margin-top: 20px;*/
		background: #fff;
	}

	.step2-buttons{
		display:none;
	}
	
	.ps-boxes-wrapper {
		margin-top: 35px;
	}
	
	.ps-boxes, .ps-boxes:hover, .ps-boxes:active, .ps-boxes:focus {
		margin-bottom:1px;
		font-size: 14px;
	}
	
	.ps-back, .ps-back:hover, .ps-back:active, .ps-back:focus {
		font-family: 'segoeui';
		font-size: 10px;
		background: black;
		color: white;
		position: initial;
		width: 96%;
		margin-left:2%;
		text-align:center;
	}
	
	.ps-reset, .ps-reset:hover, .ps-reset:active, .ps-reset:focus {
		font-size: 10px;
		position: initial;
		left: 0px;
		width: 45%;
		margin-left:2%;
		text-align:center;
		display:none;
		float:left;
	}
	
	.ps-skip, .ps-skip:hover, .ps-skip:active, .ps-skip:focus {
		font-family: 'segoeui';
		font-size: 10px;
		background: black;
		color: white;
		position: initial;
		width: 96%;
		margin-left:2%;
		text-align:center;
		margin-top:10px;
		/*width: 40%;*/
		display: block;
		/*margin: 0 auto;*/
	}

	.list .ps-skip, .list .ps-skip:hover, .list .ps-skip:active, .list .ps-skip:focus {
		margin-left:2% !important;
		width: 96%;
		margin-top:10px;
	}

	.ps-maps-controlls{
		border:0 !important;
	}
	
	.ps-submit,.ps-submit:hover,.ps-submit:active, .ps-submit:focus{
		font-family: 'segoeuib';
		font-size: 10px;
		background:#ffd850;
		color:black;
		position:initial;
		padding:11px 35px;
		border:0px;
		text-decoration:none;
		border-radius: 3px;
		width: 45%;
		margin-right:2%;
		text-align:center;
		display:none;
	}
	
	.ps-map{
		width:100%;
		height: 200px;
		float:left;
		padding-right: 0%;
		padding-top:2%; /*add*/
	}
	#ps-list{
		width: 100%;
	}
	
	#ps-list .list {
		overflow: overlay;
		margin-bottom:50px;
		padding-left: 0%;
	}

	#ps-list {
		height: 300px;
	}

	#ps-list .ps-search{
		margin-left: 0%;
		width:100%;
	}

	.psasset{
		font-size: 12px;
	}
	
	.ps-boxes, .ps-boxes:hover, .ps-boxes:active, .ps-boxes:focus{
		font-size:10px;
		padding: 20px 20px;
		border-bottom: 1px solid #d4d5d6;
	}
	
	.ps-maps{
		background:#fff;
	}

	.ps-controlls {
		padding-left: 0px !important;
	}
}

@media only screen and (max-width: 500px) {
	.ps-reset, .ps-reset:hover, .ps-reset:active, .ps-reset:focus {
		font-size: 9px;
	}

	#ps-logo-img{
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.ps-logo img {
		left: 33% !important;
		width: 33% !important;
	}

	.ps-reset, .ps-reset:hover, .ps-reset:active, .ps-reset:focus {
		width: 43%;
	}

	.ps-maps-controlls{
		margin-top: 12px !important;
	}
}

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

	#ps-logo-img{
		padding-top: 10px;
		padding-bottom: 10px;
		 margin: auto;
		 width:70%;
	}

	.ps-box-icon
	{
		width: 40px;
	}

	.ps-box-arrow
	{
		width: 40px;
	}

	.ps-steps a {
		font-size: 9px;
	}
}