@charset "utf-8";
@import url("../_fonts/Mulish/Mulish.css");
@import url("../_fonts/Fontello_arrows/Fontello_arrows.css");

/* =============================================================================
	Author: Nufo Design :. www.nufo.com
   ============================================================================= */
   
/* 	Photos:
	
	Works - 960 x 640 px (100 x 66.67%)
	
	Project Banner - 2880 x 1296 px (100 x 45%)
	S  -  640	640 x 288 px
	SX -  641	960 x 432 px
	M  -  960 	1440 x 648 px
	L  - 1280 	1920 x 864 px
	XL - 1600 	2880 x 1296 px (R 2880 px)
	XXL >1920 	2880 x 1296 px
	
	Project Images - 2880 x 1920 px (100 x 66.67%)
	S   960 x 640 px
	L  1440 x 960 px
	Vertical Images - 1440 x 1936 px (74.38 x 100%)
	S  	720 x 968 px
	L  	960 x 1291 px
	
	Contents:
	== 1. Header
	== 2. Navigation
	== 3. Tagline
	== 4. Banner
	== 5. Founder
	== 6. Edification
	== 7. We can do
	== 8. Pros
	== 9. Closing
	== 10. Footer
	== 11. Bio
	== 9. After work
	== 10. Us
	== 11. Trust
	== 12. Contact
	== 13. Privacy & Cookies
	== 14. Terms */
	
/* == SITE STYLES ======================== */

/* == IDA BEATA ======== */

/* -- Header -- */
body {
	width: 100%;
	max-width: 1920px; /* 2560px */
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	}
header {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	overflow: hidden;
	background: rgba(253,253,253,.99);
	padding-top: 1em;
	padding-right: 10%;
	padding-bottom: 1.2em;
	padding-left: 10%;
	z-index: 10;
	}
	@media screen and (max-width: 800px) {
	header {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
	
header a img.logo {
	width: 102px;
	float: left;
	}	
	@media screen and (max-width: 490px) {
	header a img.logo {
		transition: scroll-progress .3s linear;
		animation-timeline: scroll();
		animation-range-start: 20%;
		animation-range-end: 100%;
		animation-fill-mode: backwards;
		}
		@keyframes scroll-progress {
		  0% {
			width: 102px;
		  }
		  20% {
			width: 82px;
		  }
		  100% {
			width: 82px;
		  }
		}
	}

/* -- Navigation -- */
nav {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 11;
	}
#menu-box {
    position: absolute;
	top: -9999em;
	left: -9999em;
	}
nav #menu {
	width: auto;
	height: auto;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
	padding-top: 2em;
	padding-right: calc(10% - 2em);
	padding-bottom: 2em;
	padding-left: 10%;
	}
	@media screen and (max-width: 1200px) {
	nav #menu {
		padding-right: calc(5% - 1.6em);
		padding-left: 5%;
		}
	}
nav #menu ul {
	width: auto;
	float: right;
		/* middle sample */
		/*top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
	vertical-align: middle;
		/* center sample */
		/*float: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);*/
	}
nav #menu ul li {
	list-style-type: none;
	display: inline;
	}
nav #menu ul li a {
	position: relative;
	width: 100%;
	font-size: 1.3em;
	text-align: center;
	padding-top: 1.5em;
	padding-right: 2em;
	padding-bottom: 1.5em;
	padding-left: 2em;
	}
	@media screen and (max-width: 1200px) {
	nav #menu ul li a {
		padding-right: 1.6em;
		padding-left: 1.6em;
		}
	}
nav #menu ul li a:hover {
	color: #1D1D1D;
	background-color: rgba(135,61,144,.06);
	}
	nav #menu ul li a::before {
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 2.5px;
		bottom: 0px;
		left: 0;
		background-color: #AC31B9;
		transform: scaleX(0);
		/*transform-origin: top left;*/
		transition: transform 0.3s linear;
		}
	nav #menu ul li a:hover::before {
		transform: scaleX(1);
		}
nav #menu ul li a.current {
	color: white;
	background-color: rgba(172,49,185,.9);
	background: linear-gradient(to right, rgba(172,49,185,.7) 0%,rgba(172,49,185,.9) 40%,rgba(172,49,185,1) 100%);
	}
nav #menu ul li.external {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #1D1D1D;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1D1D1D;
}

/* -- Responsive navigation -- */
@media screen and (max-width: 980px) {
	nav {
		z-index: 9;
		}
	#menu-icon {
		width: 35px;
		height: auto;
		position: fixed;
		top: 2em;
		right: calc(10% + 0em);
		z-index: 12;
		cursor: pointer;
		display: block;
		}
	.bar1, .bar2, .bar3 {
		width: 35px;
		height: 4px;
		background-color: #1D1D1D;
		display: block;
		margin: 6px 0;
		transition: 0.4s;
		}
		.bar2 {
			width: 28px;
			}
	
  	nav #menu {
		width: 80%;
		top: 0px;
		left: 10%;
		padding-right: 0;
		padding-left: 0;
		background: rgba(253,253,253,.95);
		z-index: 8;
		}
		
	nav #menu ul {
		width: 100%;
		float: none;
		}
	nav #menu ul li {
		display: block;
		padding-top: .2em;
		padding-bottom: .2em;
		border-bottom: 1.5px solid rgba(137,150,160,.3);
		}
	nav #menu ul li:first-child { 
		border-top: 1.5px solid rgba(137,150,160,.3); 
		}
	nav #menu ul li.external {
		border-left: none;
		border-right: none;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #2E4D5C);
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #2E4D5C;
		border-image: linear-gradient(to right, rgba(0, 0, 0, 0), #2E4D5C, rgba(0, 0, 0, 0) ) 1;
		}
	nav #menu ul li a {
		display: block;
		font-size: 1.4em;
		}
	
/* Navigation transition */
	#menu-box:checked ~ nav,
	#menu-box ~ nav {
		-webkit-transition: all .4s ease-out 0s;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s;
		}
	#menu-box:checked ~ nav {
		top: 85px;
		}
	#menu-box ~ nav {
		top: -500px;
		}
	
	.change .bar1 {
		transform: translate(0, 11px) rotate(-45deg);
		background-color: #AC31B9;
		}
	.change .bar2 {opacity: 0;}
	.change .bar3 {
		transform: translate(0, -11px) rotate(45deg);
		background-color: #AC31B9;
		}
}
@media screen and (max-width: 800px) {
	nav #menu {
		width: 90%;
		left: 5%;
		}
	#menu-icon {
		right: calc(5% + 0em);
		}
}

/* -- Tagline -- */
#tagline {
	width: 100%;
	height: auto;
	position: relative;
	/*padding-top: 1em;*/
	padding-right: 10%;
	padding-bottom: 20px;
	padding-left: 10%;
	margin-top: 155px;
	text-align: center;
	}
	@media screen and (max-width: 800px) {
	#tagline {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
#tagline h1 {
	font-weight: 900;
	color: #1D1D1D; /* black */
	font-size: 11.5em;
	line-height: 1.3;
	}
	@media screen and (max-width: 960px) {
	#tagline h1 {
		font-size: 11.97923vw;
		}
	}

/* -- Banner -- */
#about-slideshow {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 8em;
	margin-right: auto;
	margin-left: auto;
	}
	
/* -- Founder -- */
#founder {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center; /* middle */
	/*justify-items: center;*/
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 3.5em;
	}
	@media screen and (max-width: 800px) {
	#founder {
		padding-right: 5%;
		padding-left: 5%;
		flex-direction: column;
		}
	}
#founder .left {
	width: 42%;
	}
#founder .right {
	width: 48%;
	margin-left: 8%;
	}
	@media screen and (max-width: 800px) {
	#founder .left {
		width: 90%;
		margin-bottom: 6.5em;
		}
	#founder .right {
		width: 100%;
		margin-left: 0;
		}
	}
	
#founder .left .founder-photo {
	position: relative;
	object-fit: contain;
	overflow: hidden;
	border-radius: 50%;
		-webkit-box-shadow: 0px 11px 12px -2px rgba(137, 150, 160, 0.45);
		-moz-box-shadow: 0px 11px 12px -2px rgba(137, 150, 160, 0.45);
		box-shadow: 0px 11px 12px -2px rgba(137, 150, 160, 0.45);
	}
#founder .left .founder-photo img {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	/* Animation 2 */
	transition: transform 2s ease-in-out;
	}

/* slide right */
.overlay-right {	
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background-color: rgba(219,166,0,.9);
	background: linear-gradient(to right, rgba(219,166,0,.8) 0%,rgba(219,166,0,.95) 40%,rgba(219,166,0,1) 100%);
	overflow: hidden;
	/* Animation */
	transition: .4s ease;
	}
#founder .left .founder-photo:hover .overlay-right {
	width: 100%;
	}
#founder .left .image-text {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 3em;
	font-style: normal;
	color: #1D1D1D;
	white-space: nowrap; 
	overflow: hidden;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	}
	@media screen and (max-width: 1440px) {
		#founder .left .image-text {
			font-size: 2.0833vw;
		}
	}
	@media screen and (max-width: 800px) {
		#founder .left .image-text {
			text-align: center;
			font-size: 5.0000vw;
		}
	}

#founder h2 {
	font-size: 318%;
	font-style: normal;
	line-height: 1.3;
	margin-bottom: 1.3em;
	}
	@media screen and (max-width: 800px) {
	#founder h2 {
		font-size: 5.2250vw;
		}
	}
#founder .motto {
	position: relative;
	padding: 3.5em;
	background-color: transparent;
	background-image: url(../_img/motto.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	margin-bottom: -.5em;
	}
#founder p {
	font-style: italic;
	font-size: 2.5em;
	background-color: rgba(223,175,26,.1);
	background: linear-gradient(to right, rgba(223,175,26,.05) 0%,rgba(223,175,26,.1) 40%,rgba(223,175,26,.2) 100%);
	padding: 1em;
	}
	@media screen and (max-width: 490px) {
	#founder p {
		font-size: 5.1020vw;
		}
	}

/* -- Edification -- */
#edification {
	width: 88%;
	height: auto;
	position: relative;
	padding-right: 10%;
	padding-left: 10%;
	margin-top: 10em;
	margin-bottom: 3.5em;
	}
	@media screen and (max-width: 800px) {
	#edification {
		width: 100%;
		padding-right: 5%;
		padding-left: 5%;
		}
	}
#edification h2 {
	font-size: 490%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3;
	margin-bottom: .9em;
	}
	@media screen and (max-width: 540px) {
	#edification h2 {
		font-size: 9.0741vw;
		}
	}
#edification p {
	font-size: 2.2em;
	font-style: normal;
	padding-right: .5em;
	margin-bottom: .6em;
	}
	
/* -- We can do -- */
#we-can-do {
	width: 100%;
	height: auto;
	position: relative;
	background-color: rgba(135,61,144,.1);
	background: linear-gradient(to right, rgba(135,61,144,.05) 0%,rgba(135,61,144,.1) 40%,rgba(135,61,144,.2) 100%);
	padding-top: 4em;
	padding-right: 10%;
	padding-bottom: 7.5em;
	padding-left: 10%;
	margin-bottom: 4.5em;
	}
	@media screen and (max-width: 800px) {
	#we-can-do {
		padding-right: 5%;
		padding-left: 5%;
		}
	}

#we-can-do h1 {
	font-size: 480%;
	font-style: normal;
	line-height: 1.3;
	color: #AC31B9;
	margin-bottom: .6em;
	}

/* Accordion */
#we-can-do #we-can-do-accordion {
	width: 100%;
	height: 550px;
	position: relative;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-direction: row;
	box-sizing: border-box;
	align-items: stretch;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	overflow: hidden;
		-webkit-box-shadow: 0px 11px 12px -2px rgba(137, 150, 160, 0.45);
		-moz-box-shadow: 0px 11px 12px -2px rgba(137, 150, 160, 0.45);
		box-shadow: 0px 11px 12px -2px rgba(137, 150, 160, 0.45);
	}
	@media screen and (max-width: 1320px) {
	#we-can-do #we-can-do-accordion {
		height: 610px;
		}
	}
	@media screen and (max-width: 1220px) {
	#we-can-do #we-can-do-accordion {
		height: 650px;
		}
	}
	@media screen and (max-width: 1120px) {
	#we-can-do #we-can-do-accordion {
		height: 700px;
		}
	}
	@media screen and (max-width: 1020px) {
	#we-can-do #we-can-do-accordion {
		height: 700px;
		}
	}
	@media screen and (max-width: 920px) {
	#we-can-do #we-can-do-accordion {
		height: 750px;
		}
	}
	@media screen and (max-width: 910px) {
	#we-can-do #we-can-do-accordion {
		flex-direction: column;
		height: 900px;
		}
	}
	@media screen and (max-width: 810px) {
	#we-can-do #we-can-do-accordion {
		height: 910px;
		}
	}
	@media screen and (max-width: 710px) {
	#we-can-do #we-can-do-accordion {
		height: 980px;
		}
	}
	@media screen and (max-width: 610px) {
	#we-can-do #we-can-do-accordion {
		height: 1020px;
		}
	}
	@media screen and (max-width: 510px) {
	#we-can-do #we-can-do-accordion {
		height: 1050px;
		}
	}
	@media screen and (max-width: 460px) {
	#we-can-do #we-can-do-accordion {
		height: 1110px;
		}
	}
#we-can-do-accordion .item {
	/*background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;*/
	position: relative;
	flex: 1;
	transition: flex 400ms;
	color: white;
	overflow: hidden;
	padding: 4em;
	padding-top: 3em;
		-webkit-box-shadow: -12px 0px 12px 0px rgba(66, 68, 90, 0.17);
		-moz-box-shadow: -12px 0px 12px 0px rgba(66, 68, 90, 0.17);
		box-shadow: -12px 0px 12px 0px rgba(66, 68, 90, 0.17);
	cursor: url('../_img/cursor.png'), auto;
}
	@media screen and (max-width: 800px){
		#we-can-do-accordion .item {
			-webkit-box-shadow: 0px -12px 12px 0px rgba(66, 68, 90, 0.17);
			-moz-box-shadow: 0px -12px 12px 0px rgba(66, 68, 90, 0.17);
			box-shadow: 0px -12px 12px 0px rgba(66, 68, 90, 0.17);
			padding-top: 2.5em;
			padding-right: 3em;
			padding-left: 3em;
		}
	}
	
	.bg-communication {
		background-color: rgba(223,175,26,.9);
		background: linear-gradient(to right, rgba(223,175,26,.8) 0%,rgba(223,175,26,.95) 40%,rgba(223,175,26,1) 100%);
		/*background-image: url(../_img/Communication_bgd.png);*/
		}
	#we-can-do-accordion .item:hover .overlay-fade {
		opacity: 1;
		}
	.bg-design {
		background-color: rgba(45,134,114,.9);
		background: linear-gradient(to right, rgba(45,134,114,.8) 0%,rgba(45,134,114,.95) 40%,rgba(45,134,114,1) 100%);
		/*background-image: url(../_img/Design_Banner.png);*/
	}
	.bg-emotions {
		background-color: rgba(172,49,185,.9);
		background: linear-gradient(to right, rgba(172,49,185,.8) 0%,rgba(172,49,185,.95) 40%,rgba(172,49,185,1) 100%);
		/*background-image: url(../_img/Emotions_Banner.png);*/
	}
		
/* Acordion animation */
#we-can-do-accordion .item:hover {
	flex: 4.5;
}

/* Accordion content */
#we-can-do #we-can-do-accordion h2 {
	font-weight: bold; /* Bold */
	font-style: normal;
	font-size: 300%;
	line-height: 1.8;
	color: #1D1D1D;
	margin-bottom: 1.5em;
	}
	#we-can-do #we-can-do-accordion .item.bg-design h2, 
	#we-can-do #we-can-do-accordion .item.bg-emotions h2 { 
		color: white; 
		}
	
#we-can-do #we-can-do-accordion h2::before {
	content: '';
	display: inline-block;
	width: 2.2em;
	height: 2.2em;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: .5em;
	margin-bottom: -.7em;
	margin-left: -.35em;
	}
	#we-can-do #we-can-do-accordion h2.communication::before {
		background-image: url('../_img/communication-ico.png');
		}
	#we-can-do #we-can-do-accordion h2.design::before {
		background-image: url('../_img/design-ico.png');
		}
	#we-can-do #we-can-do-accordion h2.emotions::before {
		background-image: url('../_img/emotions-ico.png');
		}
#we-can-do #we-can-do-accordion .content {
	margin-left: 4.5rem;
	z-index: 1;
	}
	@media screen and (max-width: 1021px) {
	#we-can-do #we-can-do-accordion .content {
		margin-left: 1.5rem;
		}
	}
	@media screen and (max-width: 1020px) {
	#we-can-do #we-can-do-accordion .content {
		margin-left: .8rem;
		}
	}
	@media screen and (max-width: 460px) {
	#we-can-do #we-can-do-accordion .content {
		margin-left: .2;
		}
	#we-can-do #we-can-do-accordion h2 {
		margin-bottom: 1em;
		}
	}
	
/* fade Tekst w środku */
	#we-can-do-accordion .item .overlay-fade {
		/* Animation */
		opacity: 0;
		transition: .15s linear;
		transition-delay: .45s;
		}
	#we-can-do-accordion .item:hover .overlay-fade {
		opacity: 1;
		}
	#we-can-do-accordion .item:not(:hover) .overlay-fade {
		transition-delay: 0s;
		}
	
#we-can-do #we-can-do-accordion p, 
#we-can-do #we-can-do-accordion ul {
	font-size: 2.2em;
	font-style: normal;
	color: #1D1D1D;
	line-height: 1.3;
	margin-bottom: .9em;
	}
	#we-can-do #we-can-do-accordion .item.bg-design p, 
	#we-can-do #we-can-do-accordion .item.bg-design ul, 
	#we-can-do #we-can-do-accordion .item.bg-emotions p, 
	#we-can-do #we-can-do-accordion .item.bg-emotions ul { 
		color: white; 
		}
#we-can-do #we-can-do-accordion ul li {
		list-style-type: square;
		}
#we-can-do #we-can-do-accordion ul li {
	margin-bottom: .6em;
	}
	#we-can-do #we-can-do-accordion ul ul li {
		margin-bottom: .3em;
		}
		#we-can-do #we-can-do-accordion ul ul li:last-child  {
			margin-bottom: .6em;
			}
	#we-can-do #we-can-do-accordion ul ul li {
		list-style-type: lower-alpha;
	}

#more-link {
	width: 100%;
	height: auto;
	position: relative;
	font-weight: bold; /* Bold */
    font-style: normal;
	text-align: left;
	font-size: 2.2em;
	padding-top: .8em;
	padding-bottom: .8em;
	margin-top: 1.15em;
	}
	@media screen and (max-width: 460px) {
	#more-link {
		font-size: 4.7826vw;
		}
	}
	#we-can-do #we-can-do-accordion #more-link a {
		color: #1D1D1D; /* black */
		padding-top: .6em;
		padding-right: 1em;
		padding-bottom: .6em;
		padding-left: 1em;
		border-radius: 25px;
		background-color: rgba(253,253,253,.6);
			-webkit-box-shadow: 0px 6px 12px 0px rgba(137, 150, 160, 0.35);
			-moz-box-shadow: 0px 6px 12px 0px rgba(137, 150, 160, 0.35);
			box-shadow: 0px 6px 12px 0px rgba(137, 150, 160, 0.35);
		}
		#we-can-do #we-can-do-accordion #more-link a:hover {
			background-color: rgba(253,253,253,.9);
			}
			#we-can-do #we-can-do-accordion .item.bg-design #more-link a:hover {
				color: #2D8672;
			}
			#we-can-do #we-can-do-accordion .item.bg-emotions #more-link a:hover {
				color: #AC31B9;
			}

/*Arrow*/
.icon-left, .icon-right, 
.icon-bottom, icon-top,
.prev, .next, 
.icon-resize-horizontal, .icon-resize-vertical {
		font-family: 'fontello';
		font-weight: normal;
		font-style: normal;
		}
		
		@keyframes mymove {
			0% { left: 78%; }
			50% { left: 87%; }
			100% { left: 78%; }
		}
		#we-can-do-accordion .item::after {
			content: "\f006\f006";
			font-family: 'fontello';
			font-weight: normal;
			font-style: normal;
			font-size: 4.5em;
			color: #1D1D1D;
			position: absolute;
			top: 485px;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 2;
			animation: mymove 2s ease-in-out infinite;
			animation-direction: alternate;
			opacity: 1;
			transition: opacity .4s ease;
		}
		#we-can-do-accordion .item.bg-design::after, 
		#we-can-do-accordion .item.bg-emotions::after { 
			color: white; 
			}
			/*#we-can-do-accordion .item:hover + .item::after {
				opacity: 0;
			}*/
		
@media screen and (max-width: 1320px) {
	#we-can-do-accordion .item::after {
		top: 550px;
		}
	}
	@media screen and (max-width: 1220px) {
	#we-can-do-accordion .item::after {
		top: 580px;
		}
	}
	@media screen and (max-width: 1120px) {
	#we-can-do-accordion .item::after {
		top: 640px;
		}
	}
	@media screen and (max-width: 1020px) {
	#we-can-do-accordion .item::after {
		top: 640px;
		}
	}
	@media screen and (max-width: 920px) {
	#we-can-do-accordion .item::after {
		top: 690px;
		}
	}
		
		@media screen and (max-width: 910px){ 
			@keyframes mymove {
				0% { top: 85%; }
				50% { top: 95%; }
				100% { top: 85%; }
			}
			#we-can-do-accordion .item::after {
				content: "\f004
				\f004";
				font-family: 'fontello';
				font-weight: normal;
				font-style: normal;
				font-size: 4.5em;
				position: absolute;
				top: 460px;
				left: 93%;
				transform: translate(-93%, -93%);
				z-index: 2;
				animation: mymove 2s ease-in-out infinite;
				animation-direction: alternate;
				opacity: 1;
				transition: opacity .4s ease;
				line-height: .45;
				}
		}

/* -- Pros -- */	
#pros,
#closing-contact {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	padding-right: 10%;
	padding-left: 10%;
	padding-bottom: 3.5em;
	}
	@media screen and (max-width: 800px) {
	#pros,
	#closing-contact {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
	@media screen and (max-width: 800px) {
	#closing-contact {
		padding-bottom: 5.5em;
		}
	}

#pros h2,
#closing-contact h2,
#after-hours h2 {
	font-size: 480%;
	font-style: normal;
	line-height: 1.3;
	color: #AC31B9;
	margin-bottom: .6em;
	}
#pros p,
#closing-contact p {
	font-size: 2.2em;
	font-style: normal;
	margin-bottom: .3em;
	}
	
#pros .row {
	display: flex;
	display: -ms-flexbox; /* IE10 */
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	padding: .6em 0; /* top and bottom, right and left */
	margin-bottom: .5em;
	}

#pros .row .column {
	display: grid;
 	grid-template-columns: auto auto;
	/*gap: 1.2em;*/
  	}
	@media screen and (max-width: 640px) {
	#pros .row .column {
		grid-template-columns: auto;
		}
	}

#pros .row .column div {
	position: relative;
	display: block;
	vertical-align: top;
	object-fit: cover;
	padding: 3em;
	margin: .6em;
	/*border-radius: 0 0 15px 15px;*/
	/* Animation 1 */
	transition: transform .2s ease-in-out;
		box-shadow: 0 5px 15px rgba(137, 150, 160, 0.18);
		transition: box-shadow .2s ease-in-out;
	}
	
#pros .row .column div:hover {
	color: #1D1D1D;
	background-color: rgb(253,253,253);
	/* Animation 1-2 */
	/*-webkit-transform: scale(1.05);
	transform: scale(1.05);*/
	-webkit-transform: translate(0, -6px);
	transform: translate(0, -6px);
		box-shadow: 0 16px 25px rgba(137, 150, 160, 0.36);
		cursor: url('../_img/cursor.png'), auto;
	}
	
#pros .row .column h3 {
	font-size: 310%;
	font-weight: 500;
	font-style: normal;
	line-height: 1;
	margin-bottom: .5em;
	}
	#pros .row .column h3::first-letter { 
		font-size: 240%;
		font-weight: 600;
		margin-right: .15em;
		}
		
/* Button */
.button {
	width: 380px;
	font-size: 2.2em;
	font-style: normal;
	color: #1D1D1D;
	text-align: center;
	background-color: rgba(223,175,26,.9);
	background: linear-gradient(to right, rgba(223,175,26,.7) 0%,rgba(223,175,26,.9) 40%,rgba(223,175,26,1) 100%);
	padding-top: .6em;
	padding-right: 1em;
	padding-bottom: .6em;
	padding-left: 1em;
	margin-top: 1.2em;
	margin-bottom: 1.6em;
	border-radius: 25px;
		-webkit-box-shadow: 0px 6px 12px 0px rgba(137, 150, 160, 0.35);
		-moz-box-shadow: 0px 6px 12px 0px rgba(137, 150, 160, 0.35);
		box-shadow: 0px 6px 12px 0px rgba(137, 150, 160, 0.35);
	}
	@media screen and (max-width: 490px) {
	.button {
		width: 77.5510vw;
		}
	}
.button:hover {
	background-color: rgba(45,134,114,.9);
	background: linear-gradient(to right, rgba(45,134,114,.7) 0%,rgba(45,134,114,.9) 40%,rgba(45,134,114,1) 100%);
	}
	.button:hover a {
		color: #FDFDFD;
	}

/* -- Go top button -- */
#go-top_btn {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgba(219,166,0,.8);
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FDFDFD;
	border-bottom-color: #FDFDFD;
	border-left-color: #FDFDFD;
	border-radius: 25px 0 0 25px;
	text-align: center;
		-webkit-box-shadow: 0px 6px 10px -2px rgba(137, 150, 160, 0.45);
		-moz-box-shadow: 0px 6px 10px -2px rgba(137, 150, 160, 0.45);
		box-shadow: 0px 6px 10px -2px rgba(137, 150, 160, 0.45);
	transition: .8s ease;
	}
	#go-top_btn a  {
		/*color: #FDFDFD;*/
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		font-size: 1.5em;
		font-style: normal;
		line-height: 1.3;
		padding-top: .8em;
		padding-right: 1.5em;
		padding-bottom: .5em;
		padding-left: 1.5em;
		}
	#go-top_btn a #arrow {
		position: relative;
		font-family: 'fontello';
		font-weight: normal;
		font-style: normal;
		font-size: 1.95em;
		animation: topdown .5s ease-in-out infinite;
		animation-direction: alternate;
		}
		@keyframes topdown {
		from  {top: 0px;}
		to    {top: -7px;}
		}
#go-top_btn:hover {
	background-color: rgba(45,134,114,.9);
	background: linear-gradient(to right, rgba(45,134,114,.7) 0%,rgba(45,134,114,.9) 40%,rgba(45,134,114,1) 100%);
	}
	#go-top_btn a:hover {
	color: white;
	}
	
/* -- Footer -- */
footer {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	color: rgb(255,255,255);
	font-style: normal;
	font-size: 1.4em;
	font-style: normal;
	background-color: #661D6E;
	padding-top: 1.5em;
	padding-right: 5%;
	padding-bottom: 1.5em;
	padding-left: 10%;
	line-height: 1.7;
	}
	@media screen and (max-width: 800px) {
	footer {
		padding-top: .5em;
		padding-right: 5%;
		padding-bottom: .5em;
		padding-left: 5%;
		}
	}

footer div {
	width: 50%;
	float: left;
	padding-top: .7em;
	padding-bottom: .7em;
	}
footer ul {
	width: 50%;
	float: right;
	
	}
footer ul li {
	float: left;
	list-style: none;
	margin-left: 1em;
	}
footer ul li a,
footer a {
	position: relative;
	color: rgb(255,255,255) !important;
	padding: .8em;
	}
	footer ul li a {
		display: inline-block;
		}
	@media screen and (max-width: 490px) {
	footer ul li a,
	footer a {
		padding-top: .6em;
		padding-bottom: .6em;
		}
	}
footer ul li a:hover,
footer a:hover {
	color: #1D1D1D !important;
	background-color: rgba(253,253,253,.55);
	}
	footer ul li a::before,
	footer a::before {
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 2.5px;
		bottom: 0px;
		left: 0;
		background-color: #AC31B9;
		transform: scaleX(0);
		/*transform-origin: top left;*/
		transition: transform 0.3s linear;
		}
	footer ul li a:hover::before,
	footer a:hover::before {
		transform: scaleX(1);
		}
footer ul li a.current {
	background-color: rgba(172,49,185,.9);
	background: linear-gradient(to right, rgba(172,49,185,.7) 0%,rgba(172,49,185,.9) 40%,rgba(172,49,185,1) 100%);
	color: rgb(255,255,255) !important;
	}

/* == BIO ======== */

/* -- Bio header -- */
#bio-header {
	width: 100%;
	height: auto;
	/*width: 100vw;*/
	/*height: 50vh;*/
	position: relative;
	margin-top: 89px;
	overflow: hidden;
	margin-bottom: 2.5em;
	/*z-index: -1;*/
	}
	#bio-header {
		background-attachment: fixed;
		background-position: center 89px;
		background-repeat: no-repeat;
		background-size: 100% auto;
		}
	
/* -- Loader --*/
.loader {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 35%;
	-ms-transform: translateY(-35%);
	transform: translateY(-35%);
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	/*transform: translate(-50%, -35%);*/
	border: 16px solid #AC31B9;
	border-radius: 50%;
	border-top: 16px solid #f3f3f3;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 1.5s linear infinite;
	z-index: -2;
	}
	/* Safari */
	@-webkit-keyframes spin {
		0% { -webkit-transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); }
	}
	
	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}

/* -- Content -- */
#bio-content {
	width: 100%;
	height: auto;
	position: relative;
	padding-right: 10%;
	padding-left: 10%;
	margin-top: 10em;
	margin-bottom: 3.5em;
	}
	@media screen and (max-width: 800px) {
	#bio-content {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
#bio-content h1 {
	width: 88%;
	font-size: 490%;
	font-weight: normal;
	line-height: 1.3;
	margin-bottom: .9em;
	}
	@media screen and (max-width: 800px) {
	#bio-content h1 {
		width: 100%;
		}
	}
	@media screen and (max-width: 540px) {
	#bio-content h1 {
		font-size: 9.0741vw;
		}
	}
#bio-content p {
	font-size: 2.2em;
	padding-right: .5em;
	margin-bottom: .9em;
	}

/* -- After hours -- */
#after-hours {
	width: 100%;
	height: auto;
	position: relative;
	padding-right: 5%;
	padding-left: 5%;
	margin-bottom: 5.5em;
	}
	
#after-hours h2 {
	margin-left: 5.5%;
	}
	@media screen and (max-width: 800px) {
	#after-hours h2 {
		margin-left: 0;
		}
	}
	
#after-hours .after-hours-photo {
	width: 100%;
	position: relative;
	object-fit: contain;
	overflow: hidden;
	margin-bottom: 2.5em;
		-webkit-box-shadow: 0px 11px 12px -2px rgba(137, 150, 160, 0.45);
		-moz-box-shadow: 0px 11px 12px -2px rgba(137, 150, 160, 0.45);
		box-shadow: 0px 11px 12px -2px rgba(137, 150, 160, 0.45);
	}

.after-hours-photo img {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	/* Animation 2 */
	/*transition: transform 2s ease-in-out;*/
	}

/* overlay */
.after-hours-photo .photo-overlay {	
	position: absolute;
	left: 5%;
	top: 50%;
	width: 20%;
	/*height: 40%;*/
	height: 65%;
	background-color: rgba(253,253,253,.6);
	overflow: hidden;
	transform: translate(-5%, -50%);
	-ms-transform: translate(-5%, -50%);
	/* Animation */
	/*transition: .4s ease;*/
	}
/*#after-hours .after-hours-photo:hover .photo-overlay {
	width: 100%;
	}*/
	.after-hours-photo.rysunek .photo-overlay { 
		top: 0;
		height: 40%;
		transform: translate(-10%, 0);
		-ms-transform: translate(-10%, 0);
		}
	
.after-hours-photo .photo-text {
	position: absolute;
	top: 50%;
	left: 50%;
    font-weight: bold;
	font-size: 4em;
	color: #1D1D1D;
	text-align: center;
	white-space: nowrap; 
	overflow: hidden;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	}
	@media screen and (max-width: 1200px) {
	.after-hours-photo .photo-text {
		font-size: 2.7778vw;
		}
	}
	@media screen and (max-width: 490px) {
	.after-hours-photo .photo-overlay  {
		width: 28%;
		}
	}

/* == INSPIRATIONS ======== */
/* -- Inspirations header -- */
#inspirations-header {
	width: 100%;
	height: auto;
	/*width: 100vw;*/
	/*height: 50vh;*/
	position: relative;
	margin-top: 89px;
	overflow: hidden;
	margin-bottom: 2.5em;
	/*z-index: -1;*/
	}
	#inspirations-header {
		background-attachment: fixed;
		background-position: center 89px;
		background-repeat: no-repeat;
		background-size: 100% auto;
		}

/* -- Legend -- */
#legend {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	padding-right: 9%;
	padding-left: 10%;
	padding-bottom: 1.8em;
	}
	@media screen and (max-width: 800px) {
	#legend {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
	
#legend-button {
	float: right;
	font-weight: bold; /* Bold */
    font-style: normal;
	color: #1D1D1D; /* black */
	font-size: 1.75em;
	text-align: right;
	cursor: pointer;
	}
	#legend-button:hover,
	#legend-button:focus,
	#legend-button:active,
	#legend-button.active {
		color: #AC31B9; /* purple */
	}
	#legend-button.non-active::before {
		content: "\f004";
		font-family: 'fontello';
		font-weight: normal;
		font-style: normal;
		margin-right: .5em;
		}
		/*#legend-button:hover #legend-button.non-active::before,
		#legend-button:hover #legend-button::before,*/
		#legend-button:focus #legend-button::before,
		#legend-button:active #legend-button::before,
		#legend-button.active::before {
			content: "\e801";
			font-family: 'fontello';
			font-weight: normal;
			font-style: normal;
			margin-right: .5em;	
			}
	
#legend-content {
	width: 90%;
	float: left;
	column-count: 4;
	column-gap: 5em;
	}
	@media screen and (max-width: 1200px) {
	#legend-content {
		column-count: 3;
		column-gap: 4em;
		}
	}
	@media screen and (max-width: 800px) {
	#legend-content {
		column-count: 2;
		column-gap: 2em;
		}
	}
	@media screen and (max-width: 460px) {
	#legend-content {
		column-count: 1;
		column-gap: none;
		}
	}

#legend-content.hide {
	height: 0;
    overflow: hidden;
	opacity: 0;
	animation-name: slide-top;
	transition: .4s ease;
  	transition-property: height, opacity, transform;
	}
	/*#legend-button:hover + #legend-content.hide,*/
	#legend-content.show {
		height: auto;
		opacity: 1;
		}
	@keyframes slide-top {
	  0% {
		transform: translateY(-100%);
	  }
	  100% {
		transform: translateY(0);
	  }
	}

#legend #legend-content li {
	font-size: 1.65em;
	list-style: none;
	margin-bottom: .5em;
	}
	#legend #legend-content li::before {
		content: '';
		display: inline-block;
		height: 1em;
		width: 1em;
		background-image: url(../_img/star.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		margin-right: .5em;	
		}
	#legend #legend-content li.baloon::before {
		background-image: url(../_img/baloon.svg);
		}

/* -- Inspirations gallery -- */
#inspirations {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 3.5em;
	}
	@media screen and (max-width: 800px) {
	#inspirations {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
	
#inspirations .item-row { 
	width: 100%;
	overflow: hidden;
	padding-top: 3em;
	padding-right: .5em;
	padding-bottom: 3em;
	padding-left: .5em;
	}

#inspirations .text h2 {
	font-size: 318%;
	line-height: 1.3;
	margin-bottom: .5em;
	}
#inspirations .text p {
	font-size: 2.2em;
	}
#inspirations .photo { width: 70%; }
#inspirations .text { width: 26%; }
#inspirations .left { float: left; }
#inspirations .right { float: right; }
	
	@media screen and (max-width: 640px) {
		#inspirations .left, 
		#inspirations .right { float: none; }
		#inspirations .photo,
		#inspirations .text { width: 100%; }
		#inspirations .photo { margin-bottom: 3em; }
	}

/* == CONTACT ======== */
/* -- Contact header -- */
#welcome-title {
	width: 100%;
	height: auto;
	position: relative;
	padding-right: 10%;
	padding-left: 10%;
	margin-top: 160px;
	}
	@media screen and (max-width: 800px) {
	#welcome-title {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
#welcome-title h1 {	
	font-size: 600%;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: .9em;
	}
	
#welcome-message {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 4.8em;
	line-height: 1.32;
	color: rgb(255,255,255);
	/*background-color: rgba(172,49,185,.9);
	background: linear-gradient(to right, rgba(172,49,185,.7) 0%,rgba(172,49,185,.9) 40%,rgba(172,49,185,1) 100%);*/
	/*background-color: rgba(0,0,0,.1);*/
	padding-top: 1em;
	padding-right: 10%;
	padding-bottom: 1em;
	padding-left: 10%;
	margin-bottom: 1.2em;
		text-shadow: 4px 4px 6px rgba(66, 68, 90, 0.35);
		/* Silver - For white background */
		/*text-shadow: 4px 4px 6px rgba(137, 150, 160, 1);*/
	}
	@media screen and (max-width: 800px) {
	#welcome-message {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
	@media screen and (max-width: 490px) {
	#welcome-title h1 {
		font-size: 12.2449vw;
		}
	#welcome-message {
		font-size: 9.7959vw;
		}
	}
#welcome-message img {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	}

/* -- Contact form -- */
#contact-form {
	width: 50%;
	height: auto;
	float: left;
	padding-left: 10%;
	margin-bottom: 5.5em;
	}
#contact-data {
	width: 42%;
	height: auto;
	float: right;
	padding-right: 10%;
	margin-bottom: 5.5em;
	}
	@media screen and (max-width: 800px) {
	#contact-form,
	#contact-data {
		width: 100%;
		float: none;
		padding-right: 5%;
		padding-left: 5%;
		}
	}

#contact-data h2 {
	font-size: 480%;
	line-height: 1.3;
	color: #AC31B9;
	margin-bottom: .6em;
	}
#contact-form h3,
#contact-data h3 {
	font-size: 300%;
	line-height: 1.3;
	}
	#contact-form h3 {
		font-weight: bold;
		margin-bottom: 2em;
		}
	#contact-data h3 {
		font-weight: 600;
		margin-bottom: .2em;
		}
#contact-data p {
	font-size: 2.2em;
	line-height: 1.3;
	margin-bottom: 1.5em;
	}
	
#contact-data .data-area p .link .form-arrow::before {
	content: "\e80e";
	font-family: 'fontello';
	font-weight: normal;
	font-style: normal;
	position: relative;
	animation: leftright .5s ease-in-out infinite;
	animation-direction: alternate;
	}
	@keyframes leftright {
	  from {left: 0px;}
	  to   {left: -7px;}
	}
	@media screen and (max-width: 800px) {
		#contact-data .data-area p .link .form-arrow::before {
		content: "\e810";
		animation: topdown .73s ease-in-out infinite;
		margin-bottom: .15em;
		}
		@keyframes topdown {
		from  {top: 0px;}
		to    {top: -7px;}
		}
		}
#contact-data .data-area p .link .form-arrow::before, 
#contact-data .data-area p .link .icon-right {
	margin-right: .15em;
	}

/* -- Contact closing -- */
#contact-closing {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	overflow: hidden;
	color: #AC31B9;
	padding-top: 3.8em;
	padding-right: 10%;
	padding-bottom: 3.8em;
	padding-left: 10%;
	background-color: rgba(135,61,144,.1);
	background: linear-gradient(to right, rgba(135,61,144,.05) 0%,rgba(135,61,144,.1) 40%,rgba(135,61,144,.2) 100%);
	}
	@media screen and (max-width: 800px) {
	#contact-closing {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
#contact-closing img {
	position: absolute;
	left: 40%;
	right: 50%;
	transform: translate(-40%, -50%);
	-ms-transform: translate(-40%, -50%);
	height: 240%;
	width: auto;
	z-index: -1;
	opacity: .11;
	object-fit: cover;
	}
#contact-closing p {
	font-family: 'Mulish ExtraBold';
	font-weight: bold;
	font-size: 480%;
	}
	@media screen and (max-width: 960px) {
	#contact-closing img { left: 55%; }
	}
	@media screen and (max-width: 800px) {
	#contact-closing img { left: 30%; }
	#contact-closing p { width: 80%; }
	}

/* == PRIVACY POLICY ======== */
/* -- Policy header -- */	
#policy-title {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 4.8em;
	line-height: 1.32;
	color: rgb(255,255,255);
	/*background-color: rgba(45,134,114,.9);
	background: linear-gradient(to right, rgba(45,134,114,.7) 0%,rgba(45,134,114,.9) 40%,rgba(45,134,114,1) 100%);*/
	background-color: rgba(172,49,185,.9);
	background: linear-gradient(to right, rgba(172,49,185,.7) 0%,rgba(172,49,185,.9) 40%,rgba(172,49,185,1) 100%);
	padding-top: 1em;
	padding-right: 10%;
	padding-bottom: 1em;
	padding-left: 10%;
	margin-bottom: 1.2em;
	}
	@media screen and (max-width: 800px) {
	#policy-title {
		padding-right: 5%;
		padding-left: 5%;
		}
	}
	@media screen and (max-width: 490px) {
	#policy-title {
		font-size: 9.7959vw;
		}
	}

/* -- Policy Policy -- */
#privacy-policy {
	width: 100%;
	height: auto;
	position: relative;
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 5.5em;
	}
	@media screen and (max-width: 800px) {
	#privacy-policy {
		padding-right: 5%;
		padding-left: 5%;
		}
	}

#privacy-policy h2 {
	font-size: 480%;
	line-height: 1.3;
	color: #AC31B9;
	margin-top: .5em;
	margin-bottom: .6em;
	}
#privacy-policy h3 {
	font-family: 'Mulish ExtraBold';
	font-weight: bold;
	font-size: 325%;
	line-height: 1.3;
	margin-top: 1.1em;
	margin-bottom: .9em;
	}
	
#privacy-policy p, 
#privacy-policy ul,
#privacy-policy ol {
	font-size: 2.2em;
	}
	#privacy-policy ul,
	#privacy-policy ol {
		margin-left: 1.2em;
		}
		#privacy-policy p, 
		#privacy-policy ul li,
		#privacy-policy ol li {
			margin-bottom: .6em;
			}
#privacy-policy ul ul,
#privacy-policy ol ol {
	font-size: 1em;
}
	#privacy-policy ul ul li,
	#privacy-policy ol ol li {
		list-style-type: lower-alpha;
		margin-bottom: .3em;
		}
		#privacy-policy ul ul li:last-child,
		#privacy-policy ol ol li:last-child {
			margin-bottom: .6em;
			}
	
#privacy-policy p, 
#privacy-policy li {
	-webkit-text-wrap: pretty;
	text-wrap: pretty;
	widows: 3;
	orphans: 3;
	}



/* == ERROR 404 ======== */
#error404-message {
	width: 100%;
	height: auto;
	position: relative;
	font-size: 4.8em;
	line-height: 1.32;
	color: rgb(255,255,255);
	background-color: rgba(176,0,23,.9);
	background: linear-gradient(to right, rgba(176,0,23,.7) 0%,rgba(176,0,23,.9) 40%,rgba(176,0,23,1) 100%);
	padding-top: 1em;
	padding-right: 10%;
	padding-bottom: 1em;
	padding-left: 10%;
	margin-bottom: 1.2em;
	}
	@media screen and (max-width: 800px) {
	#error404-message {
		padding-right: 5%;
		padding-left: 5%;
		}
	}

/* == GENERAL ======== */
.newspaper {
	column-count: 2;
	column-gap: 5em;
	orphans: 3;
    widows: 3;
	/*column-rule: 1px solid rgba(137,150,160,.5);*/
  	}
	.newspaper h1,
	.newspaper h2,
	.newspaper h3 {
		column-span: all;
	}
	@media screen and (max-width: 640px) {
	.newspaper {
		column-count: 1;
		column-gap: none;
		}
	}

.link {
	white-space: nowrap;
	}
.link:hover {
	color: #1D1D1D;
	background-color: rgba(135,61,144,.06);
	}
	.link::before {
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 2.5px;
		bottom: 0px;
		left: 0;
		background-color: #AC31B9;
		transform: scaleX(0);
		transform-origin: top left;
		transition: transform 0.3s linear;
		}
	.link:hover::before {
		transform: scaleX(1);
		}
.link.current {
	color: white;
	background-color: rgba(172,49,185,.9);
	background: linear-gradient(to right, rgba(172,49,185,.7) 0%,rgba(172,49,185,.9) 40%,rgba(172,49,185,1) 100%);
	}

.cursor-prev:hover {
	cursor: url('../_img/cursor-prev.png'), auto;
	}
	.cursor-next:hover {
	cursor: url('../_img/cursor-next.png'), auto;
	}

/*:target::before { 
	content: ''; 
	display: block; 
	height: 120px; 
	margin: -120px 0 0 0; 
	}*/

/* Anchor offset */
#cookies,
#contact-form {
    scroll-margin-top: 120px; /* Adjust to your header height */
}



/* -- Tooltip -- */
/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Position
 * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially
 * 4. Dimensions
 * 5. Style
 */
.uk-tooltip {
    font-weight: bold; /* Bold */
    font-style: normal;
	display: none;
	position: absolute;
	z-index: 10;
	--uk-position-offset: 10px;
	--uk-position-viewport-offset: 10;
	top: 0;
	box-sizing: border-box;
	max-width: 200px;
	padding: .5em 1em;
	/*background-color: rgba(223,175,26,.95);*/
	background-color: rgba(219,166,0,.8);
	/*border-radius: 7px;*/
	text-align: center;
	color: #1D1D1D;
	font-size: 1.5em;
		-webkit-box-shadow: 0px 6px 10px -2px rgba(137, 150, 160, 0.45);
		-moz-box-shadow: 0px 6px 10px -2px rgba(137, 150, 160, 0.45);
		box-shadow: 0px 6px 10px -2px rgba(137, 150, 160, 0.45);
}
/* Show */
.uk-tooltip.uk-active {
	display: block;
}