/*------------∞
|  reset.css  |
∞------------*/
/* ∞∞ postcss ∞∞ */

/* ∞∞ font ∞∞ */


/* ∞∞ global ∞∞ */
	ul, li, input label, span {
		position: relative;
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-color: inherit;
	}

	body {
/*		width: 100vw;
		height: 100vh;*/
		overflow-x: hidden;
		overflow-y: scroll;
		font-size: 100%;
		font-style: normal;
		font-weight: 300;
		line-height: 1;
		margin: 0;
		padding: 0;
	}
	
/* ∞∞ text styling ∞∞ */

	ul,
	ol,
	menu {
		list-style: none;
	}

	sub,
	sup {
  	font-size: .75em;
  	line-height: 0;
  	position: relative;
  	vertical-align: baseline;
	}
	
	sup {
  	top: -0.5em;
	}
	
	sub {
  	bottom: -0.25em;
	}

	code,
	kbd,
	pre,
	samp {
  	font-family: monospace, monospace;
  	font-size: 1em;
	}

	abbr[title] {
  	border-bottom: 1px dotted;
	}
	
	dfn {
  	font-style: italic;
	}

/* ∞∞ form elements             ################ added type = checkbox   #####∞∞ */    
	select, input {
  	/* color: inherit; */
  	font: inherit;
  	margin: 0;
  	/* background: transparent; */
  	outline: none;
  	border: none;
  	border-radius: 0;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
 }
	
	button,
	select {
  	text-transform: none;
  	cursor: pointer;
	}

	button[disabled],
	html input[disabled] {
  	cursor: default;
	}
	
	fieldset {
  	border: none;
  	margin: 0;
  	padding: 0;
		min-width: 0;
	}

	textarea {
	}

/* ∞∞ link styling ∞∞ */
	a {
		display: inline;
		color: inherit;
		cursor: pointer;
	}

	a:active,
	a:hover {
  	outline: 0;
	}

	/* a::before {
		width: 100%;
		height: .2rem;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: #7ac;
	}

	a:hover::before {
		background-color: #49e;
		height: .35rem;
	} */

/* ∞∞ hr using box ∞∞ */
	hr {
		border: none;
  	-webkit-box-sizing: border-box;
  	        box-sizing: border-box;
  	height: .075rem;
	}

/* ∞∞ hidden ∞∞ */
	[hidden],
	template {
  	display: none;
	}

/* ∞∞ media specific ∞∞ */
	audio:not([controls]) {
  	display: none;
  	height: 0;
	}

/* ∞∞ tables ∞∞ */
	table {
  	border-collapse: collapse;
  	border-spacing: 0;
  	border: none;
	}

	td,
	th {
		margin: 0;
  	padding: 0;
  	font-weight: inherit;
		text-align: inherit;
	}


/*====================================================== ∞∞ browser specific ∞∞ */

/* ∞∞ IE ∞∞ */
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	main,
	menu,
	nav,
	section,
	summary {
  	display: block;
	}
	
	audio,
	canvas,
	progress,
	video {
  	display: inline-block;
  	vertical-align: baseline;
	}

	a {
  	background-color: transparent;
	}

	button {
  	overflow: visible;
	}

	html {
  	-ms-text-size-adjust: 100%;
	}

	img {
  	border: none;
	}

	input[type="checkbox"],
	input[type="radio"] {
  	-webkit-box-sizing: border-box;
  	        box-sizing: border-box;
  	padding: 0;
	}

	legend {
  	border: none;
  	padding: 0;
	}

	mark {
  	background: #ff0;
  	color: #000;
	}

	svg:not(:root) {
  	overflow: hidden;
	}

	textarea {
  	overflow: auto;
 }

/* ∞∞ moz ∞∞ */
	body {
		-moz-osx-font-smoothing: grayscale;
	}

	button::-moz-focus-inner,
	input::-moz-focus-inner {
  	border: none;
  	padding: 0;
	}

	input {
  	line-height: normal;
	}

/* ∞∞ webkit ∞∞ */
	* {
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
	}

	html {
  	-webkit-text-size-adjust: 100%;
	}

	body {
		/* -webkit-font-smoothing: antialiased !important; */
	}

	blockquote {
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
	}

	fieldset {
		-webkit-margin-start: 0;
		-webkit-margin-end: 0;
		-webkit-padding-before: 0;
		-webkit-padding-start: 0;
		-webkit-padding-end: 0;
		-webkit-padding-after: 0;
	}

	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
  	-webkit-appearance: none; 
  	margin: 0; 
  	height: auto;
	}

	input[type="search"] {
  	-webkit-appearance: textfield;
  }

  input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration,
	progress {
  	-webkit-appearance: none;
	}
form {
	width: 100%;
	height: 100%;
	/* padding-bottom: 75px; */
	/*	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* background-image: radial-gradient(at top, #b5e6cf, #9dddad); */
}

.select {
	width: 100%;
	height: 44px;                          /*  #################   Visina (original 45)   IE11 Flaxen ako below    ############################### */
	cursor: pointer;
	background-color: white;
	-webkit-box-shadow: 0 2px 0 white;
	/*box-shadow: 0 2px 0 white;*/
	border-radius: 4px;
	z-index: 1;
}

.select_expand {         /*  #################  Strelka i BUG DESNO! top, height(40px) itk changed      ############################### */
		width: 0;
		height: 25px;
		position: absolute;
		top: 10px;
		right: 0px;
	}

/*.select_expand::after { 

  #################  Strelka       ############################### 
    
			content: '\003E';
			position: absolute;
			top: 60%;
			right: 7px;
			-webkit-transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75);
			transform: translate(-50%, -50%) rotate(90deg) scaleY(1.75);
			color: #3e3e3e;
			font-size: 28px;
			pointer-events: none;
			z-index: 2;
			-webkit-transition: all 250ms cubic-bezier(.4,.25,.3,1);
			transition: all 250ms cubic-bezier(.4,.25,.3,1);
			opacity: .6;
}*/

/*.select_expand:hover::after {opacity: 1}

.select_expand:checked::after {-webkit-transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);transform: translate(-50%, -50%) rotate(90deg) scaleX(-1) scaleY(1.75);}*/

.select_expandLabel {
		display: block;
		width: 100%;
		height: 40px;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}

.select_close {display: none}

.select_closeLabel {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		display: none;
	}

.select_items {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		/* border: 1px solid #5ca7b6; */
		border-radius: 3px;
		padding-top: 42px;                    /* ########         Centriranje na selected item od ko ke e selektiran  BORDER RADIUS EFEKT!        ######################*/
	}

.select_input {display: none}

.select_label {
		-webkit-transition: all 250ms cubic-bezier(.4,.25,.3,1);
		transition: all 250ms cubic-bezier(.4,.25,.3,1);
		display: block;
		height: 0;
		font-size: 1.2rem;
		line-height: 43px;         /* ######## Centritanje na anrede i na Izbran kontent !!!!!      #########*/
		overflow: hidden;
		color: #3e3e3e;
		background-color: #fff;
		cursor: pointer;
		padding-left: 15px;
	}

.select_label-placeholder {               /* ########        Anrede Placeholder za necekirano kure          ######################*/
			height: 40px;
			vertical-align: middle;
			position: absolute;
			top: 0;
			left: 0;
			opacity: .6;
			background-color: transparent;
			line-height: 48px;          /* ########        Centriranje na placeholder (mislam!, VAZNO!)         ######################*/
		}

.select_expand:checked + .select_closeLabel {
			display: block;
		}

.select_expand:checked + .select_closeLabel + .select_options .select_label {
					height: 40px;
				}

.select_expand:checked + .select_closeLabel + .select_options .select_label:hover {background-color: #f7f7f7}

.select_expand:checked + .select_closeLabel + .select_options + .select_expandLabel {display: none}

.select_input:checked + .select_label {
		height: 40px;
		margin-top: -40px;
	}