html {
    font-size: 1em; /* 1 */
    -webkit-text-size-adjust: 1em; /* 2 */
    -ms-text-size-adjust: 1em; /* 2 */
    font-family: "brisa_sansregular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
}

html, body {
  	height: 100%;
  	margin: 0;
	scroll-behavior: smooth;
}

em, cite {
	font-weight: normal;
	font-style: normal;
}

mark {
	background-color: transparent;
  	color: inherit;
}

header, article, section, figure {
	margin: 0;
	padding: 0;
}

figcaption {
	font-size: small;
	margin-top: 6px;
	padding-left: 6px;
	border-left: 2px dotted #313137;
	display: inline-block;
}

.img-border {
	border: 1px solid #313137;
}

@media all and (max-height: 824px) {
	.body-box-2 {
		margin: auto !important;
		height: 564px !important; /* 584px 664px 659px 704px */
		/* display: contents !important; contents */
	}
}

@media all and (max-height: 924px) and (max-width: 540px) {
	.slides-nav {
	top: -75px !important; /* min(max(25px, 4%), 80px) */
}
}

@media all and (max-height: 924px) {  /* 944px 988px 1023px */
.page-box {
    margin: auto !important;
    display: contents !important;
}
.body-box {
    margin: auto !important;
	height: 564px !important; /* 584px 664px 659px 704px */
    /* display: contents !important; contents */
}
.slides-nav {
	top: -60px; /* min(max(25px, 4%), 80px) */
}
.home-container {
    position: relative !important;
    /*display: block !important;*/
    padding-top: 2% !important; /* 6.4453125% */
    padding-bottom: 2% !important;
    -webkit-box-align: initial !important;
    -ms-flex-align: initial !important;
    align-items: initial !important;
    -webkit-box-pack: initial !important;
    -ms-flex-pack: initial !important;
    justify-content: initial !important;
}
.contact-container {
    position: relative !important;
    display: block !important;
    margin-top: 6.4453125% !important;
    margin-bottom: 6.4453125%  !important;
    -webkit-box-align: initial !important;
    -ms-flex-align: initial !important;
    align-items: initial !important;
    -webkit-box-pack: initial !important;
    -ms-flex-pack: initial !important;
    justify-content: initial !important;
}
}

@media all and (max-height: 1080px) {
	.slides-nav {
	bottom: min(max(15px, 7vh), 100px) !important;
}
}

@media all and (max-height: 1260px) {
	.slides-nav-TEMP {
	bottom: min(max(30px, 13vh), 180px) !important;
}
}

@media all and (min-width: 1024px) {
	#bw-header-container,
	.page-container-top,
	.page-container-top-2,
	.page-container,
	.matrix-container,
	#footer-container {
	/*width: 1024px;*/
	width: 1024px;
}
}

@media all and (max-width: 1023px) {
	#bw-header-container,
	.page-container-top,
	.page-container-top-2,
	.page-container,
	.matrix-container,
	#footer-container {
	width: 100%;
}
}

@media all and (max-width: 860px) {
	.txt-container {
  	column-count: 1 !important;
}
	.module-left {
	width: 29.106280193236717% !important;
}
	.module-left img {
	width: 100%;
}
	.p-right {
	width: 27.77777777777778% !important;
}
	.p-right img {
	width: 100% !important;
}
	#bw-header-container {
	/* padding-bottom: 8px !important; */
}
	.h-left {
	display: table-row !important;
}
	.h-left a {
	margin-left: 14px;
	margin-right: 14px;
}
	.h-right {
	text-align: left !important;
	float: left;
	margin-top: 10px;
	margin-bottom: 0;
}
	.main-nav {
	position: relative;
	top: 0px !important;
}
	.main-nav a {
	margin-left: 0 !important;
}
	.m-block-left {
	display: none !important;
}
	.top-dropdown-content a {
	margin-right: 0 !important;
}
 	.f-left {
	width: 70% !important; /*56.97674418604651%*/
}
	.top-dropdown-content {
		left: 0 !important;
}
.body-box {
    height: -o-calc(100vh - 409px) !important; /* opera */
    height: -webkit-calc(100vh - 409px !important); /* google, safari */
    height: -moz-calc(100vh - 409px !important); /* firefox */
    height: calc(100vh - 409px !important);
}
.page-strip-nmaa,
.page-strip-img-contact,
.page-strip-img-studio {
	height: 500px !important;
}
}

@media all and (max-width: 767px) { /*767px*/
    /* .home-container {
    margin-right: 8%;
    margin-left: 8%;
	} */

    .contact-container {
    margin-right: 8%;
    margin-left: 8%;
}
a.tab-label {
	display: flow-root;
}
}

@media all and (max-width: 768px) {
	.m-second {
	clear: right;
}
	.matrix-module {
	width: 50% !important;
}
	.mx-theme {
	width: 95.22546419098144% !important;/*94.6949602122016%*/
}
	.main-nav-overlay {
	position: relative;
	top: 10%;
	margin-top: 30px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	.main-nav {
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 1;
	height: 0%; /*0%*/
	width: 100%;
	background-color: rgb(0,0,0) !important;
	background-color: rgba(0,0,0, 0.9) !important;
	overflow-y: hidden;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
  	transition: 0.5s;
  	text-align: center; /* Centered text/links */
}
	.main-nav a {
	display: block !important;
	font: 22px/normal "brisa_sansregular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	padding: 12px !important;
	color: #d4d4e4 !important;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}
	.main-nav a.tdc:hover, 
	.main-nav a.tdc:active,
	.main-nav a.tdc:focus {
	color: white !important;
}
	.drop-menu {
	margin: 0 -26px 0 -10px !important;
}
	.drop-menu::after {
    border-style: none;
    background-image: url(../img-elements/down-arrow-white.png);
    background-size: 15px 9px;
    width: 15px; 
    height: 9px;
    content:"";
	position: relative;
	top: -3px;
	display: inline-block;
	margin-left: 8px;
}
	.top-dropdown {
	display: block !important;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}
	.top-dropdown:hover,
	.top-dropdown:active,
	.top-dropdown:focus {
	background-color: rgb(60,61,70) !important;
	background-color: rgba(60,61,70, 0.7) !important;
}
	.top-dropdown:hover .top-dropdown-content {
	height: 100%;
	
}
	.top-dropdown-content {
	/*display: none !important;*/
  	position: relative !important;
  	top: 0px !important;
  	background-color: rgb(233,233,241) !important;
	background-color: rgba(233,233,241, 0.7) !important;
	transition: 0.3s;
  	box-shadow: none !important;
  	z-index: 1;
	border-radius: initial !important;
	-webkit-border-radius: initial !important;
	-moz-border-radius: initial !important;
	-o-border-radius: initial !important;
	overflow: hidden;
	border-style: none !important;
	min-width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	height: 0;
}
	.top-dropdown-content a {
	text-align: center !important;
	color: black !important;
}
	.top-dropdown-content a:hover
	.top-dropdown-content a:active,
	.top-dropdown-content a:focus {
	color: black !important;
	background-color: rgb(255,255,255) !important;
	background-color: rgba(255,255,255, 0.7) !important;
}
	.menu-icon-open {
	display: block !important;
}
	a.menu-icon-close {
	position: absolute !important;
	right: 16px;
	top: 24px;
	z-index: 2;
}
	.p-left {
	clear: left;
	float: left;
}
	.p-right {
	width: 50% !important;
	float: left;
	margin-top: 40px;
}
    .p-right-2 {
	width: 100% !important;
	float: left;
	margin-top: 40px;
}
	.art-profile,
    .art-profile-2 {
	margin-left: 0 !important;
}
	.p-right img {
	width: 100% !important;
}
	.p-module,
	.p-module-2 {
	float: left;
}
	.module-left,
    .module-left-2,
    .module-left-3,
	.module-left-4 {
	width: 100% !important;
	padding: 40px 0 0 !important;
	vertical-align: top;
	float: left;
	border-right-style: none !important;
}
	.module-top-nospace {
	padding: 0 !important;
	}
	.library-module-container {
	flex-direction: column !important;
}
	.module-left-library {
	width: 100% !important;
	float: left;
	border-right-style: none !important;
	border-bottom: 1px solid #313137;
}
	.library-wrap {
	width: 100% !important;
	min-height: 250px;
}
	.library-wrap-2 {
	width: 100% !important;
	min-height: 350px;
}
	.library-card-background-top {
		background-position-y: -20px !important;
	}
	.audio-wrap {
	min-height: 302px;
}
	.module-right {
	padding: 40px 0 !important;
	border-bottom: 1px solid #313137;
}
	.module-right-2 {
	padding: 40px 0 0 !important;
	border-bottom: 1px solid #313137;
}
	.module-right-last {
	padding: 40px 0 0 !important;
	border-bottom: none !important;
}
	.biblio-wrap {
	display: table;
	width: 100%;
	height: fit-content;
}
	.module-r-biblio {
	padding: 40px 0 24px !important;
	border-bottom: 1px solid #313137;
}
	.module-r-biblio-last {
	padding: 40px 0 0 !important;
	border-bottom: none !important;
}
	a.biblio-download,
    a.biblio-download-full,
	a.biblio-download-full-2 {
	margin-right: 16px;
	margin-left: 0 !important;
}
	.artist-profile-list img {
	width: 50% !important;
}
    .artist-profile-list-2 img {
	width: 100% !important;
}
    .travelogue-img-list img {
	width: 100% !important;
}
	.wrapper {
  	margin-bottom: -160px !important; /* 290 */
}
	footer,
	.push {
  	height: 160px !important; /* 290 */
}
	.f-left {
	width: 100% !important;
	display: table-row !important;
	padding-right: 0 !important;
}
    .f-right {
    display: table-row !important;
    padding-left: 0 !important;
	height: 50px;
}
	.f-menu-block {
	float: left !important;
	top: 0px !important;
	left: 0px;
}

	.f-social {
	display: block !important;
	position: absolute;
	right: 0px;
}
	p.f-txt-r {
	margin-top: 0 !important;
}
	.page-strip-nmaa {
		height: 400px !important;
}
	.page-strip-img-contact,
	.page-strip-img-studio {
		height: 400px !important;
		background-size: 100% !important;
		background-attachment: scroll !important;
}
	.block-container {
		display: none !important;
}
	.block-container-mobile {
	margin: 16px 16px 0;
	box-sizing: border-box;
	display: table;
	width: auto;
	text-align: center;
	background-color: rgba(24,24,27, 0.85); /* #18181b */
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	padding: 20px;
	}
	.block-container-mobile p span {
		margin: 0 12px;
	}
}

@media all and (min-width: 768px) {
	.matrix-block-next .caption-pad,
	.matrix-block-next .mx-theme {
	display: none;
}
	.block-container-mobile {
		display: none;
}
}

@media all and (max-width: 711px) {
	.wrapper {
  	margin-bottom: -160px !important; /* 310 */
}
	footer,
	.push {
  	height: 160px !important; /* 310 */
}
    .body-box {
    height: -o-calc(100vh - 310px) !important; /* opera */
    height: -webkit-calc(100vh - 310px !important); /* google, safari */
    height: -moz-calc(100vh - 310px !important); /* firefox */
    height: calc(100vh - 310px !important);
}
	.page-strip-img-studio {
	height: 290px !important;
	/* background-position: top !important; */
}
}

@media all and (max-width: 680px) {
	.h-header-container,
	.header-container-white {
		padding: 35px 50px 50px !important;
	}
}

@media all and (max-width: 580px) {
	.slides-nav-TEMP {
		bottom: min(max(60px, 12vh), 180px) !important;
	}
	.page-strip-img-studio {
		height: 340px !important;
		background-position: top !important;
	}
	.h-header-container,
	.header-container-white {
		padding: 30px 40px 40px !important;
	}
	.home-title {
    font-size: 40px !important;
	}
  	.home-subtitle,
	.home-subtitle-2 {
    font-size: 18px !important;
	}
	.second-home-subtitle-2 {
	font-size: 16px !important;
	}

	#p-header-container-main {
		margin-bottom: 20px !important;
	}
	h1#central-title {
		font-size: 52px !important;
	}
	.p-header-container-next {
		margin: 0 0 40px !important;
	}
}

@media all and (max-width: 500px) {
	.page-strip-img-studio {
		height: 300px !important;
		background-position: top !important;
	}
}

@media all and (max-width: 480px) {
    #glich-panorama {    
	background: white url(../img-elements/home-glich-small.jpg) no-repeat fixed 0 0 !important;
}
    #h-header-container {
	padding: 25px 35px 35px !important;
}
	.m-first {
	clear: right;
}
	.matrix-module {
	width: 100% !important;
}
	.mx-theme {
	width: 95.70815450643777% !important;
}
	.page-strip-nmaa {
	height: 250px !important;
}
	.page-strip-img-contact {
	height: 300px !important;
	background-position: top !important;
}
	.page-strip-img-studio {
	height: 250px !important;
	background-position: top !important;
}
	.home-subtitle {
    font-size: 16px !important;
}
	.second-home-subtitle {
	font-size: 14px !important;
}
}
@media all and (max-width: 489px) {
	.wrapper {
  	margin-bottom: -160px !important; /* 330 */
}
	footer,
	.push {
  	height: 160px !important; /* 330 */
}
.body-box {
    height: -o-calc(100vh - 330px) !important; /* opera */
    height: -webkit-calc(100vh - 330px !important); /* google, safari */
    height: -moz-calc(100vh - 330px !important); /* firefox */
    height: calc(100vh - 330px !important);
}
}

@media all and (max-width: 370px) {
	.wrapper {
  	margin-bottom: -160px !important; /* 350 */
}
	footer,
	.push {
  	height: 160px !important; /* 350 */
}
.body-box {
    height: -o-calc(100vh - 350px) !important; /* opera */
    height: -webkit-calc(100vh - 350px !important); /* google, safari */
    height: -moz-calc(100vh - 350px !important); /* firefox */
    height: calc(100vh - 350px !important);
}
.slides-nav-TEMP {
	bottom: min(max(60px, 10vh), 100px) !important;
}
}

@media all and (max-width: 317px) {
	.wrapper {
  	margin-bottom: -160px !important; /* 370 */
}
	footer,
	.push {
  	height: 160px !important; /* 370 */
}
.body-box {
    height: -o-calc(100vh - 370px) !important; /* opera */
    height: -webkit-calc(100vh - 370px !important); /* google, safari */
    height: -moz-calc(100vh - 370px !important); /* firefox */
    height: calc(100vh - 370px !important);
}
}

/* @group General */

p, ul, ol {
	font-size: 18px;
	line-height: 1.3em;
	color: #18181b;
	margin: 0;
	padding: 0;
}

p em, ul em, em {
	font-family: "victor_monomedium_oblique", Courier New, Courier, mono; /* font-family: "victor_monoitalic", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important; */
	font-size: 0.95em;
}

p em a, ul em a, em a {
	font-family: inherit;
	text-decoration: none;
}

p cite, ul cite {
	font: normal normal 17px/1.3em "victor_monoitalic", Courier New, Courier, mono;
}

p cite a, ul cite a {
	font-family: inherit;
	text-decoration: none;
}

ul {
	list-style-type: none;
}

a {
	color: #9800eb;
    text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.link-size-18 {
	font-size: 18px;
}

p a, ul a, ol a {
	font: normal normal 17px/1.3em "victor_monoregular", Courier New, Courier, mono;
	color: #9800eb;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a:hover,
p a:hover,
ul a:hover,
ol a:hover {
	color: #ff4d1e;
}

p a cite,
ul a cite,
ol a cite {
	font: normal normal 17px/1.3em "victor_monoitalic", Courier New, Courier, mono !important;
}

p a em,
ul a em,
ol a em {
	font: normal normal 17px/1.3em "victor_monooblique", Courier New, Courier, mono !important;
}

abbr {
	text-underline-offset: 8px;
	cursor: default;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

abbr:hover {
	text-decoration-color: #9494bc;
}

.txt-color-black {
	color: black !important;
}

.txt-capitalized {
	text-transform: capitalize;
}

.large-txt {
	font: normal normal 22px/1.3em "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
}

.small-txt {
	font-size: smaller;
}

.label-font-regular {
	font-family: "victor_monoregular", Courier New, Courier, mono;
}

b.main-font,
strong.main-font {
	font-family: "brisa_sansmedium", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
}

strong.secondary-font {
	font-family: "victor_monobold", Courier New, Courier, mono !important;
}

p a.meta-label {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: white;
	padding: 8px 12px 10px;
	background-color: #9800eb;
	margin-right: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

p a.meta-label:hover {
	background-color: #ff4d1e;
}

a.meta-button {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: white;
	padding: 8px 12px 8px;
	background-color: #9800eb;
	margin-right: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a.meta-button:hover {
	background-color: #ff4d1e;
}

a.meta-button-center {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: white;
	display: table;
	padding: 8px 12px 10px;
	background-color: #9800eb;
	margin: auto;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a.meta-button-center:hover {
	background-color: #ff4d1e;
}

.button-outline {
	outline: 2px solid white;
}

a#back-button-top {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: #313137;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	margin-bottom: 14px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 8px 12px 8px;
	display: inline-block;
	text-decoration: none;
	height: 42px;
	border: 2px solid #9494bc;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a#back-button-top:hover {
	color: white;
	background-color: #313137;
	border: 2px solid #313137;
}

.button-top {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: #313137;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	margin-bottom: 14px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 8px 12px 8px;
	display: inline-block;
	text-decoration: none;
	height: 42px;
	border: 2px solid #9494bc;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.button-top:hover,
.button-top-active {
	color: white;
	background-color: #313137;
	border: 2px solid #313137;
}

a.biblio-download,
a.biblio-download-full {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: #313137;
	border-radius: 10px; /*10px*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
	border: 2px solid #9494bc;
    box-sizing: border-box;
	padding: 17px 20px 18px; /*17px 20px 18px*/
	float: left;
    display: table;
	margin-bottom: 16px;
	margin-left: 16px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a.biblio-download-full,
a.biblio-download-full-2 {
    padding: 0px 20px 0px;
}

a.biblio-download:hover,
a.biblio-download-full:hover {
	color: white;
	background-color: #313137;
	border: 2px solid #313137;
}

a.biblio-download-full span.b-category {
	text-transform: uppercase;
	border-right: 2px solid #9494bc;
	padding: 17px 20px 18px 0px; /*17px 20px 0*/
    box-sizing: border-box;
    display: table-cell;
}

a.biblio-download-full:hover span.b-category {
	border-right: 2px dotted white;
	box-sizing: border-box;
}

a.biblio-download-full span.b-title {
	padding: 17px 0px 18px 18px; /*18*/
    display: table-cell;
    overflow-wrap: break-word;
}

a.biblio-download-2,
a.biblio-download-full-2 {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: #9800eb;
	border-radius: 10px; /*10px*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
	border: 2px solid #9800eb;
    box-sizing: border-box;
	 /*17px 20px 18px*/
	float: left;
    display: table;
	margin-bottom: 16px;
	margin-left: 16px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a.biblio-download-2:hover,
a.biblio-download-full-2:hover {
	color: white;
	background-color: #ff4d1e;
	border: 2px solid #ff4d1e;
}

a.biblio-download-full-2 span.b-category {
	text-transform: uppercase;
	border-right: 2px solid #9800eb;
	padding: 17px 20px 16px 0px; /*17px 20px 0*/
    box-sizing: border-box;
    display: table-cell;
}

a.biblio-download-full-2:hover span.b-category {
	border-right: 2px dotted white;
	box-sizing: border-box;
}

a.biblio-download-full-2 span.b-title {
	padding: 17px 0px 16px 18px; /*18*/
    display: table-cell;
    overflow-wrap: break-word;
}

a.biblio-download-full-2 span.b-title cite {
	font: normal normal 17px/1.3em "victor_monomedium_italic", Courier New, Courier, mono !important;
}

.audio-wrap {
	height: 100%;
	position: relative;
	bottom: 0px;
}

audio {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.art-record span,
.library-record span {
	display: inline-block;
	padding: 2px 6px 2px 8px;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	background-color: #9494bc;
	color: white;
	/*font-size: 20px;*/
	line-height: 1.3em;
	vertical-align: top;
    position: relative;
    top: -3px;
}

.art-record a,
.art-record a:visited,
a.inner-txt-link,
a.library-record {
	color: #9800eb;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a.inner-txt-link:hover,
.art-record a:hover,
.art-record a:active {
	color: #ff4d1e;
}

/*a.inner-txt-link {
    color: white;
    background-color: #9800eb;
    overflow-wrap: break-word;
    display: inline-block;
	padding: 2px 6px 2px 8px;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	line-height: 1.3em;
	vertical-align: top;
    position: relative;
    top: -3px;
}*/

/*a.inner-txt-link:hover {
    background-color: #ff4d1e;
    color: white !important;
}*/

h1 {
	font: normal normal 60px/1.2em "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	margin: 0;
	padding: 0;
	color: black;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

h2,
#artist-year,
#artist-link,
#artist-link-2,
.art-record {
	font: normal normal 24px/1.3em "victor_monoregular", Courier New, Courier, mono !important;
	margin: 0;
	padding: 0;
	color: #313137;
}

.library-record {
	font: normal normal 21px/1.3em "victor_monoregular", Courier New, Courier, mono !important;
	margin: 0;
	padding: 0;
	color: #313137;
}

h3 {
	font: normal normal 24px "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	margin: 0;
	padding: 0;
	color: #313137;
}

h4 {
	font: normal normal 36px "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	margin: 0;
	padding: 0;
	color: black;
}

h5 {
	font: normal normal 24px/1.4em "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	margin: 0;
	padding: 0;
}

h6 {
	font: normal normal 22px/1.4em "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	margin: 0;
	padding: 0;
}

h6 span {
	font: normal normal 21px/1.3em "victor_monoregular", Courier New, Courier, mono !important;
}

/* @end */

/* @group Header */

#bw-header-strip {
	background-color: #313137;
	width: 100%; /*height: 100px;*/
	box-sizing: border-box;
}

#bw-header-container {
	/*width: 1024px; */
	margin: auto;
	box-sizing: border-box;
	display: table;
	padding: 30px 6px 18px 2px;
}

#bw-header {
	display: table-row-group;
}

.h-left {
	text-align: left;
	padding-left: 14px;
	display: table-cell;
}

.h-right {
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}

a#bw-logo {
	text-decoration: none;
	float: left;
}

a#bw-logo img {
	border-style: none;
	height: 48px;
	display: inline-block;
}

.main-nav {
	font-family: "brisa_sansmedium", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	color: white;
	position: relative;
	top: 5px;
}

.main-nav a.tdc {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	display: inline-block;
	line-height: 40px;
	padding: 0 9px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.main-nav a.tdc:hover, 
.main-nav a.tdc:active,
.main-nav a.tdc:focus {
	color: black;
}


.top-dropdown {
	position: relative;
	display: inline-block;
	font-family: inherit;
}

.top-dropdown:hover .top-dropdown-content,
.top-dropdown:hover .top-dropdown-content a {
	visibility: visible;
	opacity: 1;
}

.drop-menu {
	margin-bottom: 10px;
}

.top-dropdown-content {
	-display: none;
  	position: absolute;
  	background-color: white;
	width: max-content;
  	min-width: 160px;
	max-width: 320px;
  	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  	zoom: 1;
  	z-index: 1;
	margin: 0 9px;                           
	border-top: 6px solid #ff4d1e;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	overflow: hidden;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0.3s, opacity 0.8s;
	-moz-transition: visibility 0.3s, opacity 0.8s;
	-o-transition: visibility 0.3s, opacity 0.8s;
  	transition: visibility 0.3s, opacity 0.8s;
}

.top-dropdown-content a {
  	color: #313137;
  	padding: 12px 16px;
  	text-decoration: none;
  	display: block;
  	text-align: left;
	margin: 0;
	text-transform: none;
	line-height: normal;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s,,visibility 0.3s, opacity 0.8s;
	-moz-transition: 0.3s, visibility 0.3s, opacity 0.8s;
	-o-transition: 0.3s, visibility 0.3s, opacity 0.8s;
  	transition: 0.3s, visibility 0.3s, opacity 0.8s;
}

.top-dropdown-content a:hover {
	color: black;
	background-color: #e9e9f1;
}

.menu-icon-open {
	text-decoration: none;
	color: white;
	padding: 12px;
	display: none;
	float: right;
	margin-right: 10px;
	margin-top: -4px;
}

a.menu-icon-close {
	display: none;
}

a.menu-icon-open img,
a.menu-icon-close img {
	float: left;
	border-style: none;
	width: 24px;
}

/* @end */

/* @group Home Content */

#glich-panorama {
    -moz-background-size: cover!important;
	-webkit-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover!important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background: white url(../img-elements/home-glich-big-all.jpg) no-repeat fixed 0 0;
}

#w-map-background {
    -moz-background-size: cover!important;
	-webkit-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover!important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background: #474759 url(../img/w-map-backgound-web.png) no-repeat fixed 0 0;
}

.home-project-logo {
	max-width: 100%;
}

#big-waters-background {
    -moz-background-size: cover!important;
	-webkit-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover!important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background: #474759 url(../img/big-waters-background.jpg) no-repeat fixed 0 0;
}

#nmaa-home-background {
    -moz-background-size: cover!important;
	-webkit-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover!important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background: #474759 url(../img-nmaa/map-nodes.png) no-repeat fixed 0 0;
}

.home-strip-transparent {
    width: 100%;
}

.body-box {
    height: -o-calc(100vh - 360px); /* opera */
    height: -webkit-calc(100vh - 360px); /* google, safari */
    height: -moz-calc(100vh - 360px); /* firefox */
    height: calc(100vh - 360px);
    margin: 0;
    position: relative;
}

.body-box-2 {
    height: -o-calc(100vh - 260px); /* opera */
    height: -webkit-calc(100vh - 260px); /* google, safari */
    height: -moz-calc(100vh - 260px); /* firefox */
    height: calc(100vh - 260px);
    margin: 0;
    position: relative;
}

.mySlides {
	display: none;
}

.slides-nav {
	box-sizing: border-box;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	background-color: rgba(24,24,27, 0.85); /* #18181b */
	display: flex;
	width: max-content;
	padding: 4px 8px 4px 8px;
	margin: auto;
	position: relative;
	bottom: min(max(30px, 18.5%), 200px); /* min(max(60px, 30vw), 240px) */
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}

.slides-nav:hover {
	background-color: rgba(24,24,27, 1.0); /* #18181b */
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  	zoom: 1;
}

.slides-nav-dots {
	width: 28px;
	height: 28px;
	margin: 8px;
	fill: transparent;
	stroke: white;
	stroke-width: 3px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	cursor: pointer;
}

.slides-nav-dots:hover {
	fill: #ff4d1e;
	stroke: #ff4d1e;
}

.slides-nav-dots-active {
	fill: white;
	stroke-width: transparent;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2s;
	animation-name: fade;
	animation-duration: 2s;
}

	@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

	@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

.home-container {
    padding: 16px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.h-header-container {
    margin: auto;
	box-sizing: border-box;
	display: table;
	max-width: 585px; /* 552 - 585 - 605 */
	text-align: center;
	background-color: rgba(24,24,27, 0.85); /* #18181b */
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	padding: 40px 60px 60px; /* 40px 60px 60px */
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.h-header-container:hover {
	background-color: rgba(24,24,27, 1.0); /* #18181b */
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  	zoom: 1;
}

.big-strapline {
	font: normal normal 36px/1.3em "victor_monomedium_italic", Courier New, Courier, mono;
    color: #313137;
    margin-bottom: 20px;
}

.home-strapline {
	font: normal normal 17px/1.3em "victor_monoitalic", Courier New, Courier, mono;
    color: #bbee00;
    margin-bottom: 20px;
}

.mobile-strapline {
	font: normal normal 17px/1.3em "victor_monoitalic", Courier New, Courier, mono;
    color: #ff4d1e;
}

.home-title {
    color: white;
    margin-bottom: 30px;
}

.home-title-2 {
	font-size: min(max(30px, 8vw), 60px) !important;
	margin-bottom: 30px;
}

.home-subtitle {
    color: #b4b4d0;
	margin-bottom: 30px;
	
}

.home-subtitle-2 {
	color: black;
}

.second-home-subtitle {
	font-size: 16px;
	font-family: "brisa_sanslight", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	color: #b4b4d0;
}

.home-description {
	font-size: small !important;
	font-family: "brisa_sanslight", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: #b4b4d0;
}

a.matrix-button-home {
	font-family: "brisa_sansmedium", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: white;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	padding: 6px 12px 8px;
	display: table;
	text-decoration: none;
	height: 42px;
	border: 2px solid #d4d4e4;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	margin: 30px auto 0px;
}

a.matrix-button-home:hover {
	color: #18181b;
	background-color: white;
	border: 2px solid white;
}

/* @end */

/* @group Contact Content */

#plain-gray {
    background-color: #e9e9f1;
}

.plain-purple {
    background-color: #9800eb;
}

.page-dark-background {
	background-color: #313137;
}

.p404-background {
	-moz-background-size: cover!important;
	-webkit-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover!important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background: white url(../img/memoduct-studio-1.jpg) no-repeat fixed 0 0;
}

#page-box {
    height: -o-calc(100vh - 470px); /* opera */
    height: -webkit-calc(100vh - 470px); /* google, safari */
    height: -moz-calc(100vh - 470px); /* firefox */
    height: calc(100vh - 470px);
    margin: 0;
    position: relative;
}

.contact-container {
    padding: 16px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#c-header-container {
    margin: auto;
	box-sizing: border-box;
	display: table;
	text-align: center;
	background-color: white;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	padding: 40px 60px 60px;
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

#c-header-container:hover {
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  	zoom: 1;
}

#contact-info {
	font-size: 18px !important;
    line-height: 1.3em;
	font-family: "brisa_sansregular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
}

.p-button {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: #313137;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	padding: 6px 12px 8px;
	display: table;
	text-decoration: none;
	height: 42px;
	border: 2px solid #9494bc;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
    margin: 30px auto 0;
    overflow-wrap: break-word;
}

.p-button:hover {
	color: white;
	background-color: #313137;
	border: 2px solid #313137;
}

.header-container-white {
    margin: auto;
	box-sizing: border-box;
	display: table;
	text-align: center;
	background-color:  rgba(255,255,255, 0.8);
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	padding: 40px 60px 60px;
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.header-container-white:hover {
	background-color:  rgba(255,255,255, 1.0);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  	zoom: 1;
}

/* @end */

/* @group Page Content */

#page-header-strip {
	/*color: black;*/
	background-color: black;
	box-sizing: border-box; /*height: 140px;*/
	padding-bottom: 46px;
	padding-top: 41px;
}

#page-header-strip #page-header-title {
	color: #ff4d1e;
	margin: 0;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	font: normal normal 36px/46px "victor_monomedium_italic", Courier New, Courier, mono;
	padding: 0 16px 5px;
}

.page-strip-gray {
	background-color: #e9e9f1;
	color: #18181b;
}

.page-strip-white {
	background-color: white;
	color: #18181b;
}

.page-strip-img-contact {
	display: flex;
	background-image: url("../img/memoduct-studio-2.jpg");
	height: 600px;
	position: relative;
	flex-direction: column;
	background-color: #474759;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.page-strip-img-studio {
	display: flex;
	background-image: url("../img/memoduct-studio-3.jpg");
	height: 600px;
	position: relative;
	flex-direction: column;
	background-color: #474759;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.page-strip-img-violeta {
	display: flex;
	background-image: url("../img/violeta-bogdanka-exhibition-ns-1.jpg");
	height: 600px;
	position: relative;
	flex-direction: column;
	background-color: #474759;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.block-container {
    margin: auto;
	box-sizing: border-box;
	display: table;
	min-width: 320px;
	max-width: 585px;
	text-align: center;
	background-color: rgba(24,24,27, 0.85); /* #18181b */
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	padding: 40px;
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.block-container:hover {
	background-color: rgba(24,24,27, 1.0); /* #18181b */
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  	zoom: 1;
}

.page-strip-nmaa {
	height: 600px;
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	-o-transition: height 1s;
	transition: height 1s;
	display: flex;
	position: relative;
	flex-direction: column;
	background-color: #474759;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.nmaa-background {
	background-image: url("../img-nmaa/map-nodes.png");
}

.snmaa-background {
	background-image: url("../img-nmaa/snmaa-background.jpg");
}

.wnmaa-background {
	background: linear-gradient(rgba(24,24,27, 0.35), rgba(24,24,27, 0.35)), url('../img-nmaa/Connecting-Archives-Workshop-photo-2.jpg') center/cover no-repeat fixed;
}

.nmaa-people {
	margin: auto auto 0px;
	width: 100%;
	float: left;
	display: flex;
	background-color: #151A3B;
	position: relative;
}

.nmaa-people img {
	max-width: 1024px;
	width: 100%;
	margin: auto;
}

.nmaa-logo {
	max-width: 500px;
	width: 60%;
	position: relative;
	top: 5%;
	margin: auto;
	float: left;
	z-index: 1;
}

.snmaa-logo {
	max-width: 800px;
	width: 90%;
	position: relative;
	margin: auto;
	float: left;
	z-index: 1;
}

.wnmaa-logo {
	max-width: 800px;
	width: 90%;
	position: relative;
	margin: auto;
	float: left;
	z-index: 1;
}

.nmaa-logo img,
.snmaa-logo img,
.wnmaa-logo img {
	width: 100%;
}

.page-container-top {
	/*width: 1024px; */
	margin: auto;
	box-sizing: border-box;
	display: table;
	padding: 16px 16px 80px;
}

.page-container-top-2 {
	/*width: 1024px; */
	margin: auto;
	box-sizing: border-box;
	display: table;
	padding: 0 16px 80px;
}

.page-container {
	/*width: 1024px; */
	margin: auto;
	box-sizing: border-box;
	display: table;
	padding: 72px 16px 80px;
}

.chapter-container {
	margin: auto;
	box-sizing: border-box;
	display: table;
	padding: 47px 16px 60px;
	height: 160px;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #313137;
}

.p-first-block-spacer {
	padding-bottom: 80px;
}

.p-first-block-nonspacer {
	padding-bottom: 0px;
}

#p-header-container {
	width: 100%;
	display: table;
	margin-top: 46px;
	margin-bottom: 60px;
}

#p-header-container-main {
	width: 100%;
	display: table;
	margin-top: 46px;
	margin-bottom: 60px;
}

.p-header-container-next {
	width: 100%;
	display: table;
	margin-top: 20px;
	margin-bottom: 60px;
}

#p-header-container-last {
    width: 100%;
	display: table;
	margin-top: 46px;
	margin-bottom: 0px;
}

#p-header {
	display: table-row-group;
}

.p-left {
	text-align: left;
	display: table-cell;
}

.p-right,
.p-right-2 {
	vertical-align: top;
	display: table-cell;
    text-align: right;
}

.p-right-2 {
    width: 40%;
}

.p-module-container {
	width: 100%;
	display: table;
}

.library-container {
	
}

.library-module-container {
	width: 100%;
	display: flex; /* table */
	flex-direction: row;
	border-radius: 10px; /*10px*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	text-decoration: none;
	background-color: #e9e9f1;
	/*border: 1px solid #313137;*/
    box-sizing: border-box;
	margin-bottom: 40px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
	overflow: hidden;
}

.library-module-container:hover {
	/*border: 1px solid transparent;*/
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  	zoom: 1;
}

.library-module-container:hover .library-card-background,
.library-module-container:hover .library-card-background-left,
.library-module-container:hover .library-card-background-top {
	background-color: rgba(49, 49, 55, 0.3); /* Adds a 40% opaque black overlay - rgb (49, 49, 55) rgb(255, 77, 30) */
}

.p-module,
.p-module-2,
.p-module-3 {
	display: table-row-group;
}

.p-module ul li,
.p-module-2 ul li,
.txt-container ul li,
.library-module-container ul li {
	margin-bottom: 14px;
}

.spacer-break-20 {
	margin-right: 20px;
}

.spacer-break-20::after {
    display: inline-block;
    width: 10px;
    content:"";
}

.spacer-small {
	margin-bottom: 7px !important;
}

.spacer-14 {
	margin-bottom: 14px;
}

.spacer-28 {
	margin-bottom: 28px;
}

.spacer-block {
	margin-bottom: 34px;
}

.spacer-min-max {
	margin-bottom: min(max(14px, 10vw), 28px) !important;
}

.spacer-clear {
	clear: left;
	display: block;
}

.spacer-tabs {
	margin-bottom: 60px;
}

.module-left {
	text-align: left;
	box-sizing: border-box;
	display: table-cell;
	width: 241px;
	border-right: 1px solid #313137;
	padding: 40px 40px 40px 0;
	vertical-align: top;
}

.module-left-2 {
	text-align: left;
	box-sizing: border-box;
	display: table-cell;
	width: 34%;
	border-right: 1px solid #313137;
	padding: 40px 40px 40px 0;
	vertical-align: top;
}

.module-left-3 {
	text-align: left;
	box-sizing: border-box;
	display: table-cell;
	width: 50%;
	border-right: 1px solid #313137;
	padding: 40px 40px 40px 0;
	vertical-align: top;
}

.module-left-4 {
	text-align: left;
	box-sizing: border-box;
	display: table-cell;
	width: 70%;
	border-right: 1px solid #313137;
	padding: 40px 40px 40px 0;
	vertical-align: top;
}

.module-left-library {
	text-align: left;
	box-sizing: border-box;
	width: 70%;
	border-right: 1px solid #313137;
	padding: 24px;
	vertical-align: top;
}

.module-right,
.module-right-last,
.module-right-2 {
	text-align: left;
	box-sizing: border-box;
	display: table-cell;
	padding: 40px 0 40px 40px;
	vertical-align: top;
}

.module-r-biblio,
.module-r-biblio-last {
	text-align: left;
	box-sizing: border-box;
	display: table-cell;
	padding: 40px 0 24px 24px;
	vertical-align: top;
}

.module-r-library,
.module-r-library-last {
	text-align: left;
	box-sizing: border-box;
	padding: 24px;
	vertical-align: top;
	height: 100%;
}

.module-r-library-2,
.module-r-library-2-last {
	text-align: left;
	box-sizing: border-box;
	padding: 24px;
	vertical-align: bottom;
	height: 100%;
}

.library-card-background {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(255, 255, 255, 0);
  	background-blend-mode: overlay; /* Blends the color and image */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.library-card-background-left {
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(255, 255, 255, 0);
  	background-blend-mode: overlay; /* Blends the color and image */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.library-card-background-top {
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(255, 255, 255, 0);
  	background-blend-mode: overlay; /* Blends the color and image */
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.bogdanka-card {
	background-image: url("../img-library/bogdanka-media-art.jpg");
}

.isea-symposium-2023-card {
	background-image: url("../img-library/3rd-Summit-Proceedings-Final-Papers-2023-cover.jpg");
}

.isea-symposium-2022-card {
	background-image: url("../img-library/ISEA2022-Proceedings-cover+.jpg");
}

.ciha-card-2022 {
	background-image: url("../img-library/08-Session-5-35th-Congress-Violeta-cover.jpg");
	background-color: rgba(49, 49, 55, 0.05);
}

.digital-art-nomads-2020-card {
	background-image: url("../img-library/card-biblio-digital-art-nomads.jpg");
}

.one-kilobyte-2018-19-card {
	background-image: url("../img-library/1-kb-interviews-img-3580-small.jpg");
}

.darija-card {
	background-image: url("../img-library/darija-img-3502.jpg");
}

.joler-card {
	background-image: url("../img-library/joler-img-3479.jpg");
}

.sanja-card {
	background-image: url("../img-library/sanja-img-3579.jpg");
}

.library-wrap {
	width: 30%;
}

.library-wrap-2 {
	width: 40%;
}

.module-bullets {
	font-size: 18px;
	line-height: 1.3em;
	float: left;
	margin-right: 20px;
}

.module-bullets-item {
	display: flow-root;
}

.inline-arrow {
	position: relative;
	top: -3px;
}

#last-updated {
	font: 14px "victor_monoregular", Courier New, Courier, mono;
	text-align: right;
	color: #313137;
}

.h-copyright {
	font: normal normal 15px/0.8em "brisa_sansregular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	float: left;
	
}

.h-note {
	font-family: "brisa_sanslight";
	position: relative;
	top: -7px;
	line-height: 0;
	vertical-align: baseline;

}

.footnote-1 {
	/* font-size: 14px; */
	border-left: 2px dotted #313137;
	padding-left: 15px;
	display: flex;
}

.footnote-1::before {
    padding-right: 5px;
	font-size: 1.3em;
    content:"*";
	position: relative;
	top: -2px;
}

.list-style-1 {
	/* font-size: 14px; */
	border-left: 4px solid #9494bc;
	padding-left: 15px;
	display: flex;
}

.list-style-2 {
	/* font-size: 14px; */
	border-left: 6px solid #9494bc;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	padding-left: 15px;
	display: flex;
}

h1#central-title {
	text-align: center;
	margin: 0 0 30px;
}

h2#central-subtitle {
	text-align: center;
}

h3#second-subtitle {
	text-align: center;
	margin: 46px 0 0;
}

h3.third-subtitle {
    font: normal normal 36px "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
    text-align: center;
    color: black;
    margin: 40px 0 0;
}

.fourth-subtitle {
    font: normal normal 36px "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
    text-align: center;
    color: black;
}

.label-highlight {
	display: inline-block;
	padding: 2px 6px 2px 8px;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	background-color: #9494bc;
	color: white;
	/*font-size: 20px;*/
	line-height: 1.3em;
	vertical-align: top;
    position: relative;
    top: -3px;
}

.label-highlight-2 {
	display: inline-block;
	padding: 4px 6px 1px 8px;
	box-sizing: border-box;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	background-color: #9494bc;
	color: white;
	/*font-size: 20px;*/
	line-height: 1.3em;
	vertical-align: top;
    position: relative;
    top: 2px;
}

.word-highlight {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	float: left;
	margin-right: 10px;
	margin-bottom: 0.3em;
	padding: 8px 12px 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	background-color: #6C6C87;
	color: white;
	/*font-size: 20px;*/
	line-height: 1.3em;
	vertical-align: top;
    position: relative;
    top: 3px;
}

.inline-icon-linkedin {
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
	border-style: none;
}

.inline-icon-linkedin::after {
	background-image: url(../img-elements/InBug-Black+.png);
	float: left;
	border-style: none;
    background-size: 25px 25px;
    display: inline-block;
    width: 25px; 
    height: 25px;
    content:"";
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.reader-only {
	display: none;
	margin: 0;
}

.inline-icon-linkedin:hover::after {
	background-image: url(../img-elements/InBug-Blue+.png);
}

.tab-container {
	padding: 20px 0 20px;
	width: 100%;
	display: flex;
}

.tab-block {
	margin: auto;
}

a.tab-label {
	font-family: "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	text-align: center;
	color: white;
	padding: 8px 12px 8px;
	background-color: #9800eb;
	margin: 5px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a.tab-label:hover {
	background-color: #ff4d1e;
}

a.tab-label:active {
	background-color: #ff4d1e;
}

.top-buttons-container {
	width: 100%;
	display: flex;
}

.top-buttons-block {
	margin: auto;
}

.txt-container {
  	/*column-width: 30em;*/
  	column-count: 2;
  	column-gap: 2em;
}

.txt-container-no-column {
    column-count: 1;
}

.txt-devider {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 28px;
}

.txt-spacer {
	padding-top: 28px;
	padding-bottom: 28px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.txt-spacer-last {
	padding-top: 28px;
	padding-bottom: 0;
}

.txt-container p.txt-next {
    margin-top: 1.4375em;
}

.p-module h6 {
	margin-bottom: 28px;
}

.p-module p,
.p-module-2 p,
.p-module ul,
.p-module-2 ul,
.library-module-container ul {
	margin-bottom: 28px;
}

.p-module-2 h6 {
	margin-bottom: 14px;
}

.txt-container,
.txt-container-no-column,
.p-module .last,
.last {
	margin-bottom: 0 !important;
}

h1#left-title,
.h-title {
	text-align: left;
	font-size: 48px !important;
	margin-bottom: 30px !important;
}

.h-title-2 {
	text-align: left;
	font-size: 42px !important;
	margin-bottom: 30px !important;
}

#left-subtitle,
.h-subtitle,
.subtitle-label,
#artist-year,
.art-record {
	margin-bottom: 30px;
}

.h-block-spacer {
	margin-bottom: 60px;
}

a#artist-link,
a#artist-link-2 {
	font-size: 16px !important;
	color: #9800eb;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a#artist-link:hover,
a#artist-link-2:hover {
	color: #ff4d1e;
}

a#artist-link-2 {
    display: inline-block;
    margin-bottom: 30px !important;
}

.art-profile,
.art-profile-2 {
	text-align: right;
	margin: 0 0 0 30px;
}

.art-profile img {
	width: 200px;
	display: block;
    float: right;
}

.art-profile-2 img {
    width: 100%;
	display: block;
    float: right;
}

.artist-profile-list img,
.artist-profile-list-2 img,
.travelogue-img-list img {
	width: 100%;
	display: block;
}

.art-photo {
	display: block;
	margin: 60px 0 0 !important;
}

.art-photo img {
	width: 100%;
	display: block;
}

/* @end */

/* @group Matrix */

.matrix-container {
	margin: auto;
	box-sizing: border-box;
	display: table;
	padding: 80px 7px;
}

.matrix-block-first,
.matrix-block-next {
	display: table-row-group;
}

.m-block-left {
	text-align: center;
	display: table-cell;
	width: 90px;
	vertical-align: top;
	padding: 0;
}

.m-block-right {
	display: table-cell;
	padding: 0;
	vertical-align: top;
}

.side-element,
.mx-theme,
.mx-card,
.mx-card-empty {
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-o-border-radius: 16px;
	box-sizing: border-box;
	margin: 9px;
	float: left;
}

.side-element {
	width: 72px;
	background-color: #e9e9f1;
	padding: 16px;
}

.caption-pad {
	height: 212px;
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.author-pad {
	height: 320px;
}

.side-element p {
	transform-origin: center;
  	transform: rotate(90deg);
	white-space: nowrap;
	margin-top: 20px;
	font: 16px "brisa_sansmedium", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: .05em;
}

a.side-element {
	text-decoration: none;
	background-color: #9800eb;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

a.side-element:hover {
	background-color: #ff4d1e;
}

a.side-element p  {
	color: white;
}

a.side-element img {
	display: inline-block;
	border-style: none;
	width: 40px;
}

.matrix-module {
	width: 25%;
	float: left;
}

.matrix-module p {
	display: inline-block;
}

.mx-theme {
    width: 92.17391304347827%;
	border: 2px solid #18181b;
    box-sizing: border-box;
	height: 212px;
	text-align: center;
	padding: 13px;
	display: inline-block;
	position: relative;
	background-color: white;
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.mx-theme:hover {
	border: 2px solid transparent;
}

.mx-card {
	background-color: #18181b; /*min-height: 320px*/
	position: relative;
	padding-top: 16px;
	padding-bottom: 16px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.side-element:hover,
.mx-card:hover,
.mx-theme:hover,
.mx-card-empty:hover {
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6);
  	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  	-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  	zoom: 1;
}

.mx-card-empty {
	background-color: #e9e9f1;
	padding-top: 16px;
	padding-bottom: 16px;
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

.empty-wrap {
	width: 100%;
	display: block;
}

.mx-card-empty img {
	width: 100%;
	box-sizing: border-box;
	margin-top: 227px;
	margin-bottom: 35px;
	padding: 0;
	float: left;
}

.theme-caption {
	font: normal normal 17px/1.3em "victor_monomedium", Courier New, Courier, mono;
	text-align: center;
	margin-bottom: 16px;
	display: inline-block;
	width: 100%;
	margin-top: 3px;
}

a.theme-title {
	font: 24px/1.3em "brisa_sansmedium", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	color: #313137;
    width: 100%;
	display: block;
	margin-left: 3px;
	margin-right: 3px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

a.theme-title:hover {
	color: #ff4d1e;
}

.t-tags-all  {
	text-align: left;
	position: absolute;
	bottom: 0;
	margin-right: 13px;
	margin-bottom: 13px;
}

a.theme-tag {
	font: normal normal 14px/1.3em "victor_monomedium", Courier New, Courier, mono;
	text-decoration: none;
	color: #4a4a53;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	box-sizing: border-box;
	border: 1px solid #9494bc;
	padding: 4px 5px;
	display: inline-block;
	margin: 3px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

a.theme-tag:hover {
	color: white;
	background-color: #ff4d1e;
	border-color: transparent;
}

.mx-card p {
	color: white;
}

a.card-author {
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
	margin-bottom: 12px;
	height: 54px;
	margin-right: 16px;
	margin-left: 16px;
	border-style: none;
    display: relative;
}

a.card-author::before {
	float: left;
	border-style: none;
    background-size: 40px 40px;
    display: inline-block;
    width: 40px; 
    height: 40px;
    content:"";
}

#a-apsolutno::before {
	background-image: url(../img-nsdigipovera/autor-apsolutno-white.png);
}

#a-apsolutno:hover::before {
	background-image: url(../img-nsdigipovera/autor-apsolutno-orange.png);
}

#a-eastwood::before {
	background-image: url(../img-nsdigipovera/autor-eastwood-white.png);
}

#a-eastwood:hover::before {
	background-image: url(../img-nsdigipovera/autor-eastwood-orange.png);
}

#a-joler-01::before {
	background-image: url(../img-nsdigipovera/autor-joler-01-white.png);
}

#a-joler-01:hover::before {
	background-image: url(../img-nsdigipovera/autor-joler-01-orange.png);
}

#a-joler-kate::before {
	background-image: url(../img-nsdigipovera/autor-joler-kate-white.png);
}

#a-joler-kate:hover::before {
	background-image: url(../img-nsdigipovera/autor-joler-kate-orange.png);
}

#a-joler::before {
	background-image: url(../img-nsdigipovera/autor-joler-white.png);
}

#a-joler:hover::before {
	background-image: url(../img-nsdigipovera/autor-joler-orange.png);
}

#a-kojic-konjovic::before {
	background-image: url(../img-nsdigipovera/autor-kojic-konjovic-white.png);
}

#a-kojic-konjovic:hover::before {
	background-image: url(../img-nsdigipovera/autor-kojic-konjovic-orange.png);
}

#a-kojic::before {
	background-image: url(../img-nsdigipovera/autor-kojic-white.png);
}

#a-kojic:hover::before {
	background-image: url(../img-nsdigipovera/autor-kojic-orange.png);
}

#a-pd::before {
	background-image: url(../img-nsdigipovera/autor-pd-white.png);
}

#a-pd:hover::before {
	background-image: url(../img-nsdigipovera/autor-pd-orange.png);
}

#a-pdm::before {
	background-image: url(../img-nsdigipovera/autor-pdm-white.png);
}

#a-pdm:hover::before {
	background-image: url(../img-nsdigipovera/autor-pdm-orange.png);
}

#a-sd::before {
	background-image: url(../img-nsdigipovera/autor-sd-white.png);
}

#a-sd:hover::before {
	background-image: url(../img-nsdigipovera/autor-sd-orange.png);
}

#a-urtica::before {
	background-image: url(../img-nsdigipovera/autor-urtica-white.png);
}

#a-urtica:hover::before {
	background-image: url(../img-nsdigipovera/autor-urtica-orange.png);
}

a.card-author p {
	display: table-cell;
	padding-left: 16px;
	font: 14px/1.3em "brisa_sansregular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

a.card-author p span.txt-squeezed {
    word-break: break-all;
	letter-spacing: -1px;
}

a.card-author:hover p {
	color: #ff4d1e;
}

a.card-title {
	font: 18px/1.3em "brisa_sansmedium", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
	height: 71px;
	color: white;
	text-decoration: none;
	display: block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
  	transition: 0.3s;
}

a.card-title:hover {
	color: #ff4d1e;
}

a.card-casestudy-wrap {
	width: 100%;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	display: block;
}

a.card-casestudy-wrap .cs-overlay {
	width: 100%;
	position: absolute;
	top: 0;
	display: block;
	overflow: hidden;
	height: 100%;
	background-color: rgb(255, 77, 30);
	background-color: rgba(255, 77, 30, 0.85);
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*first!*/
	filter: alpha(opacity=0);
	text-align: center;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

a.card-casestudy-wrap:hover .cs-overlay {
	
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*first!*/
	filter: alpha(opacity=100);
}

.cs-overlay p {
	font: 18px/1.3em "brisa_sansbold", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	margin: 45% 0 0;
	text-transform: uppercase;
	color: white;
}

a.card-casestudy-wrap img {
	border-style: none;
	border-width: 0;
	width: 100%;
	float: left;
}

.card-technique-wrap {
	display: block;
	position: relative;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
	height: 54px;
}

p.c-technique {
	font: normal normal 14px/1.3em "victor_monoregular", Courier New, Courier, mono;
	position: absolute;
	bottom: 0;
}

.card-year {
	font: normal normal 14px/1.3em "victor_monoregular", Courier New, Courier, mono;
	margin: 16px 16px 0;
}

/* @end */

/* @group Footer */

.wrapper {
  	min-height: 100%;
  	/* Equal to height of footer */
  	/* But also accounting for potential margin-bottom of last child */
  	margin-bottom: -160px; /* 260 */
}

footer,
.push {
  	height: 160px; /* 260 */
}

footer {
	background-color: #313137;
	position: relative;
	/* padding-bottom: 30px; */
}

#footer-container {
	box-sizing: border-box;
	display: table;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding: 40px 16px 0; /* 40px 16px 60px */
}

#bw-footer {
	display: table-row-group;
}

#f-logo {
	height: 38px;
	text-decoration: none;
	border-style: none;
	float: left;
}

.f-full {
	display: table-row;
	position: relative;
}

.f-social {
	text-align: right;
	vertical-align: top;
	position: absolute;
	right: 0
	;
}

.f-inline-icon-linkedin,
.f-inline-icon-facebook {
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
	border-style: none;
}

.f-inline-icon-facebook::after {
	background-image: url(../img-elements/Facebook-Logo-White.png);
	float: left;
	border-style: none;
    background-size: 22px 22px;
    display: inline-block;
    width: 22px; 
    height: 22px;
    content:"";
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.f-inline-icon-facebook:hover::after {
	background-image: url(../img-elements/Facebook-Logo-LightGray.png);
}

.f-inline-icon-linkedin::after {
	background-image: url(../img-elements/InBug-White+.png);
	float: left;
	border-style: none;
    background-size: 22px 22px;
    display: inline-block;
    width: 22px; 
    height: 22px;
    content:"";
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.f-inline-icon-linkedin:hover::after {
	background-image: url(../img-elements/InBug-LightGray+.png);
}

.f-social a {
	text-decoration: none;
	margin-left: 20px;
	box-sizing: border-box;
}

.f-social a img {
	height: 16px;
	border-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}

.f-left {
	text-align: left;
	width: 560px;
	display: table-cell;
	padding-right: 20px;
}

.f-right {
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
	position: relative;
}

.f-txt-l, .f-txt-r {
	color: white;
	font: normal normal 14px/1.4em "brisa_sanslight", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	margin-top: 20px;
	margin-bottom: 30px;
}

.f-txt-l {
	text-align: left;
}

.f-txt-r {
	text-align: right;
}

.f-menu-block {
	position: absolute;
	top: 20px;
	right: 0px;
}

.f-menu-block a {
	margin-right: 20px;
}

.f-menu-block a.f-last-item {
	margin-right: 0px !important;
}

#f-copyright {
	display: table-row;
	color: #9494bc;
	font: normal normal 14px/1.4em "brisa_sanslight", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
}

footer a {
	font: normal normal 14px/1.3em "victor_monoregular", Courier New, Courier, mono;;
	color: white !important; /* #b4b4d0 */
}

footer a:hover {
	color: #d4d4e4 !important; /* #d4d4e4 */
	
}

footer a.f2 {
	font: normal normal 14px/1.4em "brisa_sanslight", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif !important;
	color: #d4d4e4 !important;
}

footer a.f2:hover {
	color: white !important; /* #d4d4e4 */
	
}

/* @end */