/*type
generate yours at http://type-scale.com/
*/
.inter{
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight:100;
  font-variation-settings:
    "slnt" 0;
}


*, div, span, button, textarea, input,a {
	 font-family: "Open Sans", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: 100;
	font-style: normal;
	margin-block-start: 0;
	margin-block-end: 0;
	box-sizing: border-box;
}

html {
	font-size: 1em;
	font-size: 16px;
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	 font-family: "Open Sans", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: 200;
	font-size: 18px;
	line-height: 1.5;
	color: var(--d_c);
	background-color: var(--l_c);
	overflow-x: hidden;
}

:root {
	--t_c: #f8f8f8;
}

/*common*/
section{
	position:relative;
}
a {
	text-decoration: none;
	color: var(--s_c);
	transition: color .4s ease;
}

a:hover {
	color: var(--d_c);
	transition: color .4s ease;
}


/*okraski*/


/*type*/
p {
	margin-bottom: 1.3em;
}

h1, h2, h3, h4 {
	margin: 3rem 0 1.38rem;
	font-weight: 100;
	line-height: 1.3;
}

h1 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 2.488rem;
}

h2 {
	font-size: 2.074rem;
}

h3 {
	font-size: 1.728rem;
}

h4 {
	font-size: 1.44rem;
}

h5 {
	font-size: 1.2rem;
}

small, .text_small {
	font-size: 0.833rem;
}

.center, .aligncenter {
	text-align: center;
}

i,em,.italic{
	 font-family: "Open Sans", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-optical-sizing: auto;
	font-style: italic;
	font-variation-settings:
	"slnt" -4;
}

blockquote {
	margin: 0px auto;
	quotes: "\201C""\201D""\2018""\2019";
	color: var(--l_c);
	display: block;
	position: relative;
	width: 68.1%;
}

blockquote:before {
	color: var(--l_c);
	content: open-quote;
	font-size: 250px;
	line-height: 0.1em;
	position: absolute;
	top: 66px;
	left: -88px;
	vertical-align: -0.4em;
	opacity: .05;
}

blockquote p {
	display: inline;
	font-size: 44px;
	line-height: 66px;
	font-weight: 100;
	margin-bottom: 0px;
}

blockquote footer {
	text-align: right;
	line-height: 1em;
}

blockquote footer:before {
	content: "- ";
}

ul, menu, dir {
	display: block;
	list-style-type: none;
	margin-block-start: 22px;
	margin-block-end: 0em;
	padding-inline-start: 0px;
	padding-left: 0px;
}

ul li {
	padding-left: 0px;
	list-style-type: none;
}

ul li:before {
	margin-right: 0px;
	padding-right: 0px;
	color: var(--p_c);
}

ul {
}

.mobile{
	display: none;
}

strong {
	font-family: "Open Sans", Palatino Linotype, Book Antiqua, Palatino, serif;
	font-weight: 700;
	color: var(--s_c);
}

.ozadje{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-1;
	overflow:hidden;
}

.ozadje img{
		object-fit:cover;
	object-position: 50% 50%;
	width:100%;
	height:100%;
}

.relative{
	position:relative;
}

/*highlighting*/
*:focus {
	outline-width: medium;
	outline-style: solid;
	outline-color: var(--p_c);
}

::selection {
	color: var(--l_c);
	background: var(--s_c);
}

/*general stuff*/
#to_top_arrow {
	display: block;
	position: fixed;
	z-index: 504;
	right: 22px;
	bottom: -66px;
	width: 44px;
	height: 44px;
	padding: 0px;
	border-radius: 50%;
	border: none;
	background-image: url('../svg/ikona-puscica-gor.svg');
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: 50% 45%;
	background-color: var(--p_c);
	cursor: pointer;
	transition: bottom .4s ease;
}

.to_top_arrow_appear {
	bottom: 22px !important;
	transition: bottom .4s ease;
}

#scroll_down_arrow {
	display: block;
	position: fixed;
	z-index: 505;
	left: 44px;
	bottom: 44px;
	width: 44px;
	height: 44px;
	padding: 0px;
	border: none;
	background-color: var(--p_c);
	background-image: url('../svg/ikona-puscica-dol.svg');
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	cursor: pointer;
	background-color: transparent;
	transition: bottom .4s ease,  background-position .4s ease;
}

#scroll_down_arrow:hover {
	background-position: 0% 100%;
	transition: background-position .4s ease;
}

.scroll_down_arrow_hidden {
	transition: bottom .4s ease;
	bottom: -66px !important;
}

/*buttons*/

.button,
a.button {
	display: inline-block;
	font-size: 22px;
	line-height: 22px;
	padding: 22px 44px;
	background: var(--p_c);
	font-weight: 400;
	color: var(--l_c);
	text-align: center;
	text-transform: uppercase;
	border-radius: 10px;
	/*box-shadow: 5px 5px 0px var(--l_c);*/
		transition: box-shadow .1s ease;
		border: none;
		cursor:pointer;
}

.button-download:before {
	display: inline-block;
	content: ' ';
	height: 20px;
	width: 20px;
	margin-right: 11px;
	background-image: url('../svg/download-bel.svg');
	background-size: contain;
	background-position: 50% 50%;
}

.button:hover,
a.button:hover {
	background: #27aae1;
	/*box-shadow: 0px 0px 0px var(--p_c);*/
	transition: box-shadow .3s ease,background-color .3s ease;
}

/*header*/

html,
body,
#header {
	height: 100%;
	min-height: 100%;
	position: relative;
}

#header_float {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: transparent;
	font-size: 0;
	transition: background-color .2s ease-in, box-shadow .2s ease-in;
	z-index: 1500;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

#header_float.header_pobarvaj {
	background-color: var(--l_c);
	transition: background-color .4s ease-in, box-shadow .4s ease-in;
	box-shadow: 0px 0px 3px rgba(0,0,0,.2);
}

#header_float.header_pobarvaj ul li a {
	color: var(--d_c);
	transition: color .4s ease-in;
}

#header_float.header_pobarvaj  a.menu_lang_link {
	color: var(--l_c);
}

#header_frame {
	position: relative;
}

/*landing */

#landing{
	
}
.header-background{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	z-index: -1;
}

.header-background img{
	object-fit:cover;
	object-position: 50% 50%;
	width:100%;
	height:100%;
}



#front_logo{
	width: 33.333vw;
	margin: 0 auto;
}

#front_logo svg {
	width:100%;
	height:auto;
}

.landing-content{
align-self: center;
text-align: center;
}


/*logo barvanje*/


/*branding*/

#site_branding {
	position: absolute;
	left: 0px;
	padding-left: 44px;
	top: -150px;
	height: 22px;
	line-height: 22px;
	width: 20%;
	z-index: 501;
	display: table;
	transition: top .2s linear;
	line-height:22px;
	font-size: 0px;
	height: 33px
}

#site_branding.logo_prikazan {
	top: 0px;
	transition: top .2s linear;
}

#site_logo {
	vertical-align: middle;
	display: table-cell;
	height: 33px;
}

#site_logo svg {
	height: 100%;
	width: auto;
	margin-top: 7px;
}

h1.stran-naslov {
	 font-family: "Open Sans", Palatino Linotype, Book Antiqua, Palatino, serif;
	vertical-align: top;
	display: block;
	font-size: 1em;
	line-height: 44px;
	color: var(--l_c);
	font-weight: 400;
	letter-spacing: 0;
}

/*navigation*/
#navigation {
	position: relative;
	display: block;
	height:44px;
}

#navigation ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 44px;
	text-align: right;
	line-height: 22px;
	height:44px;
	display: block;
}

#navigation ul li {
	display: inline-block;
	margin-left: 22px; 
	padding-left: 0;
	height:22px;
}

#navigation ul li a {
	text-transform: uppercase;
	color: var(--d_c);
	font-size:18px;
	line-height:22px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 22px;
	padding-right: 22px;
	display: block;
}

#navigation ul li a:hover {
	color: var(--s_c);
	transition: color .3s linear;
}


.menu_appear {
	top: 0px!important;
	transition: top .4s ease;
}

/*
#mobile_button {
	display: none;
	width: 0px;
	height: 0px;
}
*/
#mobile_button {
	display: none;
	position: fixed;
	z-index: 503;
	right: 22px;
	top: 22px;
	width: 44px;
	border-radius: 50%;
	height: 44px;
	padding: 0px;
	border: none;
	background-image: url('../img/menu_icon.png');
	background-size: 22px 18px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: var(--s_c);
	cursor: pointer;
}

.close_button {
		background-image: url('../img/close_icon.png') !important;
		background-size: 18px 18px !important;
	}
	
/*language*/

#navigation a.menu_lang_link{
	font-weight:500;
	position:relative;
	color: var(--l_c)
}

#navigation a.menu_lang_link:before{
	content:' ';
	position: absolute;
	top:6px;
	left:18px;
	width:33px;
	height:33px;
	z-index:-1;
	border-radius: 33px;
	background: var(--s_c);
		transition: background-color .3s linear;
}

.lang-en #navigation a.menu_lang_link:before{
	left:13px;
}

#navigation a.menu_lang_link:hover:before{
		background: var(--p_c);
		color: var(--l_c);
		transition: background-color .3s linear;
}

#navigation a.menu_lang_link:hover{
			color: var(--l_c);	transition: color .3s linear;
}

/*skupne stvari*/

.naslov-sekcije {
	font-size: 66px;
	margin-bottom: 88px;
	color: var(--p_c);
	max-width: 600px;
	font-weight: 600;
	margin-left: auto;
	margin-right: auto;
}


h3 {
	font-size: 40px;

	color: var(--s_c);
	font-weight: 300;
	margin-bottom: 22px;
	margin-top: 44px;
}

.invert-colors {
	background: var(--p_c);
	color: var(--l_c);
}

.prozoren {
	opacity: 0;
}

.gray-background {
	background: var(--t_c);
}
/*home*/

#site_description {
	color: var(--d_c);
	font-size: 1.5vw;
	line-height: 2vw;
}

/*kdo smo*/

.kdo-smo-text{
	font-size: 22px;
}

.kdo-smo-ozadje,
 .okvir-ozadje{
	position: absolute;
	bottom:10%;
	left:20%;
	width:100px;
	height:100px;
	background: var(--l_c);
	z-index:-1;
	overflow:hidden;
}

.kdo-smo-ozadje svg{
	width:100%;
	height: auto;
}

.kdo-smo-ozadje-1{ bottom: 20%; left: 25%; opacity: .2; filter: blur(2px); transform: scale(1.1);}
.kdo-smo-ozadje-2{bottom: 40%; left: 75%; opacity: .4; filter: blur(0px); transform:  scale(1.2);}
.kdo-smo-ozadje-3{bottom: 60%; left: 40%; opacity: .5; filter: blur(1px); transform: scale(.6);}
.kdo-smo-ozadje-4{bottom: 80%; left: 52%; opacity: .2; filter: blur(2px); transform:  scale(1);}
.kdo-smo-ozadje-5{bottom: 36%; left: 10%; opacity: .8; filter: blur(1px); transform: scale(1.5);}
.kdo-smo-ozadje-6{bottom: 90%; left: 3%; opacity: .2; filter: blur(0px); transform: scale(0.9);}
.kdo-smo-ozadje-7{bottom: 3%; left: 60%; opacity: .3; filter: blur(2px); transform:  scale(1.4);}
.kdo-smo-ozadje-8{bottom: 0%; left: 80%; opacity: .1; filter: blur(1px); transform:  scale(1.1);}


/*prednosti*/
.prednosti-text{
	text-align: left;
}

.prednosti-text h3{
	margin-bottom: 11px;
  font-weight: 400;
  font-style: normal;
}

.prednosti-image{
		object-fit:cover;
	object-position: 50% 50%;
	width:100%;
	height:100%;
	
}

p.prepletanje{
	font-size: 22px;
	text-align: center;
	display: both;
	margin-top: 220px
}

.prednsoti-img-okvir{
	display: block;
	width:300px;
	height:300px;
	border-radius: 50%;
	overflow:hidden;
	position: absolute;
	top: -33px;
	right: -33px;
	
}

.prednosti-text ul li{
	display: block;
	position:relative;
	margin-bottom: 88px;
}

.prednosti-text ul li h3,
.prednosti-text ul li p{
	width: 66%;
	width: calc(100% - 300px);
	display: inline-block;
	vertical-align: top;
	text-align: right;
}


.prednosti-text ul li:nth-child(even){
	text-align: right;
}

.prednosti-text ul li:nth-child(even) p,
.prednosti-text ul li:nth-child(even) h3{
		text-align: left;
}

.prednosti-text ul li:nth-child(even) .prednsoti-img-okvir{
	right: auto; left: -33px;
}
/*predprijave*/
.naslov-predprijave{
	padding: 110px 44px 0 0;
}

.predprijave-tekst{
	padding: 110px
}

h2.naslov-predprijave{
	margin-top: 0;
	text-align: right;
	word-break: break-all; 
}

.predprijave-tekst,
.predprijave-tekst strong{
	color: var(--l_c);
}

.predprijava-gumbi  a:first-child,
.predprijava-gumbi  a:nth-child(2){
	margin-right:22px;
}


/*video*/
.video_div {
	width: 100%;
	height: 0px;
	background: #eee;
	position: relative;
	overflow: hidden;
}

.video_div iframe {
  position: absolute;
  width: 100%;
height: 100%;
}


/*galerija*/
#galerija{
	text-align: center;
}

.naslov-sekcije{
	font-weight: 100;
	text-align: center;
}

.galerija-vsebina{
	width:100%;
	height: auto;
	overflow:hidden;
	font-size: 0;
	line-height:0;
	position: relative;
}

.galerija-float{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

.galerija-float:after{
	content: ' ';
	background-color: blue;
	position: absolute;
	bottom:0;
	left:0;
	display: block;
	width:100%;
	height:50px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f4f3+0,f6f4f3+100&0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(246,244,243,0) 0%,rgba(246,244,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#galerija-odpri{
	position:absolute;
	bottom: 11px;
	left:50%;
	margin-left:-75px;
	padding: 11px;
	width:150px;
	background-color: var(--s_c);
	color: var(--l_c);
	border-radius: 22px;
	box-shadow: 2px 2px 0px var(--p_c);
	cursor: pointer;
	text-align:center;
	transition: box-shadow .1s linear;
}

#galerija-odpri:before{
	
	
}

#galerija-odpri:after{
	content: 'pokaži več';
	font-size: 16px;
	line-height:16px;
	display: block;
	text-transform: uppercase;
	font-weight:300;
}

#galerija-odpri:hover{
	box-shadow: 0px 0px 0px var(--p_c);
	transition: box-shadow .3s linear;
}

.galerija-odprta .galerija-float:after{
	height:0;
	transition: height .3s linear;
}



.galerija-odprta #galerija-odpri{
	opacity: 0;
	transition: opacity .3s linear;
	pointer-events: none;
}


#imagelightbox{
  position: fixed;
  z-index: 9999;
  -ms-touch-action: none;
  touch-action: none;
}

.galerija-okvir{
	display: grid;
	grid-gap:11px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.gallery-image-frame{
	height:300px;
}

img.gallery-image{
	width:100%;
	height:auto; transition: opacity .3s linear;
}
img.gallery-image:hover{
opacity: .8; transition: opacity .3s linear;
}

/*zastarse*/

.ikona-pdf:before{
	display: inline-block;
	margin-right: 8px;
	content:'PDF';
	width: 22px;
	height: 30px;
	background-color: var(--p_c);
	border-radius: 0 4px 0 0;
	line-height: 10px;
	font-size: 10px;
	padding-bottom: 2px;
	padding-top: 18px;
	color: var(--l_c) !important;
	font-family: Lucida Console, Monaco, monospace;
	font-weight:bold;
	vertical-align: bottom;
	text-align:center;
	box-sizing:border-box;
}

.seznam-datotek li{
	margin-bottom: 22px
}
.seznam-datotek li:last-child{
	margin-bottom: 0px
}



/*forms*/

#contact_form,.passform  {
	width: 100%;
	margin: 0;
	max-width: 100%;
	margin-top:44px;
}

.passform .field_pack,
#contact_form .field_pack {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 44px;
	color:var(--d_c);
	align-items: center;
}

.passform .field_pack input[type="password"],
#contact_form .field_pack input[type="email"],
#contact_form .field_pack input[type="number"], 
#contact_form .field_pack input[type="date"], 
#contact_form .field_pack input[type="tel"],
#contact_form .field_pack input[type="text"] {
	display: block;
	width: 100%;
	float: none;
	border: 0px;
	text-align: left;
	font-size: 22px;
	background: var(--s_c);
	color: var(--l_c);
	font-weight:300;
	border-radius: 10px;
	padding: 11px 22px;
}

#checkmark{
	
	background: var(--s_c);
}

#contact_form .field_pack textarea{
	display: block;
	width: 100%;
	float: none;
	border: 0px;
	text-align: left;
	font-size: 22px;
	background: var(--s_c);
	color: var(--l_c);
	font-weight:300;
	border-radius: 10px;
	padding: 11px 22px;
}

.passform  .submit_okrog ,
#contact_form .submit_okrog {
	border: 0px solid var(--l_c);
	padding: 0px;
	width: 100%;
	margin: 0px auto;
	transition: border-color .4s ease-in, color .4s ease-in;
}

.passform .submit_button,
#contact_form .submit_button {
	width: 100%;
	background-color: var(--p_c);
	box-sizing: border-box;
	clear: both;
	height: auto;
	cursor: pointer;
	display: block;
	text-transform: uppercase;
	color: var(--p_c);
	text-align: center;
	border: 0px solid var(--l_c);
	border-radius: 33px;
	transition: background-color .4s ease-in, color .4s ease-in;
	font-size: 22px;
	line-height: 22px;
	padding: 11px 44px;
}

.passform  label,
#contact_form label{
	font-weight: 200;
	vertical-align: middle;
}

.passform .submit_button:hover,
#contact_form .submit_button:hover {
background: #27aae1;
	transition: background-color .4s ease-in, color .4s ease-in;
}

#contact_form_message {
	background-color: rgba(245,245,245,.8);  /* #f5f5f5*/

}



#contact_form_message_text{
	border-radius:11px;
	font-weight:300;
}

#contact .contact-form #contact_form_message_close,
#kontakt .contact-form #contact_form_message_close {
	top: 3px;
	right: 3px;
}


#kontakt form.zaklenjen:before{
	background-color: rgba(245,245,245,.8);  /* #f5f5f5*/
	z-index: 5;
}


#m_m {
	background-color: var(--t_c);	border-radius:11px;
}


.obrazec_pojasnilo a{
	color: var(--s_c);
}

.obrazec_pojasnilo a:hover{
	color: var(--p_c);
}

input[type="submit"]{
	border: none;
} 
 
#contact_form #contact-submit-frame{
	text-align: center;
	grid-gap: 0;
	grid-template-columns: 1fr;
}

#contact_form  #contact-submit-frame #send{
	margin: 0px auto;
	display: block;
	color: var(--l_c);
	background-color: var(--p_c);
	box-shadow: 5px 5px 0px var(--l_c);
	 font-family: "Open Sans", Palatino Linotype, Book Antiqua, Palatino, serif; 
	cursor: pointer;
	letter-spacing: 0px;
	transform: box-shadow .3s linear;
}

#contact_form  #contact-submit-frame #send:hover{
		box-shadow: 0px 0px 0px var(--l_c);
		transform: box-shadow .3s linear;
		background: #27aae1;
}


#contact .input-pojasnilo,
#kontakt .input-pojasnilo{
	text-align: left;
	font-size: 14px;
	margin: 5px 0 0 0;
	width: 100%;
}


#contact p.obrazec_pojasnilo,
#kontakt p.obrazec_pojasnilo{
  font-size: 14px;
  width:100%;
  text-align: left;
  margin: 5px 0 0 auto;
 
}


/*kontakt*/
#contact,
#kontakt{
	position: relative;
	/*color: var(--l_c);
	padding-bottom:220px;*/
	text-align: center;
}


#kontakt-ozadje img{ 
	width:100%;
	height:100%;
	object-fit:cover;
	object-position: 50% 50%;
}


.jp_social{
	margin:0 0 88px 0;
}

.jp_social  li{
	font-size:0;
	line-height:0;
	display: inline-block;
}

.kontakt-okvir .jp_social li a{
	display: block;
	font-size:44px;
	color: var(--l_c);
	width:66px;
	height:66px;
	line-height:66px;
	background: var(--s_c);
	text-align: center;
	margin: 0 11px;
	border-radius: 33px;
	transition: background-color .3s ease;
}

.kontakt-okvir .jp_social li a:hover{
	background: var(--p_c);
	transition: background-color .3s ease;
}

.jp-social-text{
	display: none;
}

.kontakt-okvir{
	text-align: center;
}

.kontakt-okvir p{
	font-size: 22px;
	font-weight: 300;
	font-size: 22px;
  width: 25%;
  min-width: 500px;
	margin-left:  auto;
	margin-right:  auto;
}
 

.kontakt-okvir ul.kontakti-lsit li a{
	font-size: 3vw;
	color: var(--s_c);
	font-weight:100; 
	line-height:5vw; 
	
	transition: color .3s ease;
} 

.kontakt-okvir ul.kontakti-lsit li a:hover{
	color: var(--p_c);
	transition: color .3s ease;
}

/*ikone*/

/*footer*/ 
#footer {
	text-align: center;
	font-size: 22px;
}

#footer a {
	color: var(--l_c);
	transition: color .4s ease;
}

#footer a:hover {
	color: var(--s_c);
	transition: color .4s ease;
}

.footer_links {
}

.footer_links ul {
	margin-bottom: 22px;
	margin-top: 0;
}

.footer_links ul li {
	display: inline;
}

.footer_links ul li:after{
	content: ' | ';
}
.footer_links ul li:last-child:after{
	content: ''!important;
}

.footer_logo svg {
	width: 25%;
	height: auto;
	min-width:200px;
}

.footer_logo svg path{
	fill: var(--l_c);
}



.footer_logo {
	margin-bottom: 22px;
}

.footer-razdelek {
	margin-bottom: 22px;
}

#credits_okrog {
	margin: 0px auto;
}

#janezpolc {
	width: 22px;
  height: 22px;
display:inline-block;
	background-color: var(--p_c);
	background-image: url('../svg/jp_logo_2020_mono_bel.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	vertical-align:middle;
}

#copyright,
#copyright a {
	color: var(--p_c);
}

#cookie_settings_link {
	cursor: pointer;
	color: var(--d_c);
	transition: color .4s ease;
}

#cookie_settings_link a:hover {
	color: var(--d_c);
	transition: color .4s ease;
}

.logo-footer {
	margin: 0 auto 22px;
	max-width: 250px;
}

.footer-left {
	text-align: left;
}

.footer-right {
	text-align: right;
}

/*cookies popup*/
#cookies_popup {
	position: fixed;
	height: auto;
	padding: 11px;
	bottom: 22px;
	right: 22px;
	background: #ccc;
	z-index: 506;
	width: auto;
}

#cookies_buttons {
	display: block;
}

.cookies_unit {
	display: block;
}

.cookies_button {
	padding: 11px 11px 9px 11px;
	background-color: #000;
	color: var(--l_c);
	display: inline-block;
	width: auto;
	cursor: pointer;
	transition: .4s ease;
}

.cookies_button:hover {
	background-color: #333;
	transition: .4s ease;
}

#cookies_accept {
	border-bottom: 2px solid green;
}

#cookies_deny {
	border-bottom: 2px solid red;
}

#cookies_text {
	margin-bottom: 11px;
}

#cookie_small_print {
	font-size: .75em;
}

.notice_hide {
	right: -500px !important;
	transition: right .3s ease;
}

.notice_appear {
	right: 11px;
	transition: right .3s ease;
}