@charset "UTF-8";
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 100%;
	color: #000;
	transition: .3s all;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-variant-ligatures: no-common-ligatures;
	font-variant-ligatures: no-common-ligatures;
	font-family: 'PxG', "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
html {
	background-color: #000
}
body {
	background-color: #fff
}
*, *:focus {
	outline: none;
	border: none;
	background: none;
	transition: .3s;
}
section {
	clear: left;
	display: table;
	width: 100%;
}
section a {
	color: #c49d67;
}
h1, h2, h3, h4, h5, a, p, ul, li, ol {
	margin: 0;
	padding: 0;
	font-weight: normal
}
h1 {
	line-height: 1;
	clear: both;
	position: relative;
	text-transform: uppercase;
	font-size: calc(52px + 72*(100vw - 320px)/1600);
}
h2 {
	font-weight: bold;
	clear: both;
	letter-spacing: 1px;
	position: relative;
	text-transform: uppercase;
  font-size: calc(16px + 4*(100vw - 320px)/1600);
}
h2::before {
	content: "_";
	-webkit-animation: blinker 3s linear infinite;
	-moz-animation: blinker 3s linear infinite;
	animation: blinker 3s linear infinite !important;
}

h2 font {
	font-family: initial;
	margin: 0 3px
}
h3 {
	clear: both;
	font-weight: 300;
	font-family: 'PxG';
	font-size: calc(38px + 76*(100vw - 320px)/1600);
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: .6
}
h4 {
  font-size: calc(14px + 6*(100vw - 320px)/1600);
	margin-bottom: 15px !important;
	clear: both;
	letter-spacing: 1px;
	text-transform: uppercase;
}
p {
	width: 100%;
	font-size: calc(28px + 50*(100vw - 320px)/1600);
}
p.bleeding {
  text-indent: 20%;
}
p.small {
	margin: 20% 0 10%;
  font-size: calc(20px + 28*(100vw - 320px)/1600);
	letter-spacing: normal;
	line-height: 1.2;
	font-weight: 300
}
p.small:last-of-type {
	margin-bottom: 0
}
p.contentMain {
	line-height: 1
}
ul:not(.legal ul):not(.footerAlt ul):not(ul.tags):not(.wrap_filter ul) {
	margin: 20% 0 10%;
}
li:not(.footerAlt li):not(.tags li) {
	font-size: calc(20px + 28*(100vw - 320px)/1600);
	letter-spacing: normal;
	line-height: 1.2;
	font-weight: 300;
  text-indent: 20%;
}
strong {
	font-weight: 600;
	color: #333
}
.lighter {
	font-weight: 200;
	width: auto !important;
	float: initial !important;
}
li {
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #000;
	font-weight: 500
}
a:hover:not(.aLink):not(header a) {
	text-decoration: underline;
}
img {
	border: none;
	vertical-align: middle;
}
label {
	float: left;
	clear: both;
	height: auto;
  font-size: calc(15px + 4*(100vw - 320px)/1600);
}
em {
	color: #8c8c8c;
	font-style: italic
}
sup {
	font-size: 50%
}
::-moz-selection {
	background-color: #ffff00;
	color: #000;
	background-image: none
}
::-webkit-selection {
	background-color: #ffff00;
	color: #000;
	background-image: none
}
::selection {
	background-color: #ffff00;
	color: #000;
	background-image: none
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  PRINCIPAL CLASS/ID  */
.h1_mobile {
	display: none;
}
.h1_desk {
	display: block;
}
.blurW {
  background-color: rgba(255,255,255,.6);
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
}
.whiteFont {
	color: #fff
}
.wrap_all {
	width: calc(100vw - 90px);
	margin: 0 auto;
	position: relative;
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #eaeaea;
	display: table;
	box-sizing: border-box;
}
.wrap_allBck {
	border-right: 1px solid #333;
	border-left: 1px solid #333
}
.center {
	text-align: center;
	margin: 0 auto
}
.center * {
	margin: 0 auto;
}
.center-x {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.center-y {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.left {
	text-align: left
}
.right {
	float: right !important;
}
.hidden {
	display: none;
}
.visible {
	opacity: 1;
}
.content {
	padding: 200px 0;
}
.contentInfo {
	padding: 30px;
	box-sizing: border-box;
}
.contentMain {
	max-width: 600px;
	width: 95%;
}
.aurea_38 {
	width: 38.1953%;
	height: 100%;
	display: block;
	box-sizing: border-box;
}
.aurea_61 {
	width: 61.8047%;
	height: 100%;
	display: block;
	box-sizing: border-box;
}
.wrap_all .aurea_38 {
  display: inline-grid;
}
.wrap_all .aurea_61 {
	display: inline-grid;
	float: right;
}
.fullH {
	height: 100vh
}
.midH {
	height: 50vh
}
.jump_fullH {
	margin-top: 100vh
}
#loader {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999999;
	background: #000;
	overflow: hidden;
	top: 0
}
#loader_logo {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
	background: url(../img/_assets/NVN_loader.png) no-repeat center center;
	background-size: cover;
	z-index: 999999;
	-webkit-animation: blinker 2s linear infinite;
	-moz-animation: blinker 2s linear infinite;
	animation: blinker 2s linear infinite !important;
}
@-moz-keyframes blinker {
	0%   { opacity: 1.0; }
	50%  { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
	0%   { opacity: 1.0; }
	50%  { opacity: 0.0; }
	100% { opacity: 1.0; }
}
@keyframes blinker {
	0%   { opacity: 1.0; }
	50%  { opacity: 0.0; }
	100% { opacity: 1.0; }
}
.col-2 {
	float: left;
	width: 50% !important;
	box-sizing: border-box;
}
.col-2 .content {
	width: 90%;
	clear: left;
	margin: 0 auto;
	display: table
}
.col-2 .content p {
	margin: 0 auto;
	width: 90%
}
.col-3 {
	float: left;
	width: 33.33%;
	box-sizing: border-box;
}
.col-4 {
	float: left;
	width: 40%;
	box-sizing: border-box;
}
.col-6 {
	float: left;
	width: 60%;
	box-sizing: border-box;
}
.section_grey {
	background: #181818;
}
.preContent * {
	letter-spacing: normal;
}
.preContent *:not(.wrapTag div) {
	display: inline-block;
	margin: 30px;
	float: left;
}
.preContent span {
  font-size: calc(13px + 4*(100vw - 320px)/1600);
}
.preContent .wrapTag {
	float: right !important;
}
.aLink {
	position: relative;
	padding-right: 40px;
	display: table-caption !important;
	padding-right: 20px;
}
.aLink::after {
	content: "";
	background-image: url(../img/_icons/arrow-url.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	height: 60%;
	max-height: 20px;
	width: 30px;
	top: 20%;
  background-size: contain;
  transform: scale(.99);
  transition: all .2s cubic-bezier(.25,1,.5,1);
}
.aLink:hover::after {
  -webkit-transform: rotate(45deg) translatez(0);
  transform: rotate(45deg) translatez(0);
  -webkit-transform-origin: 50% 51%;
}
.magLink {
  font-size: calc(42px + 100*(100vw - 320px)/1600);
	line-height: 1;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	letter-spacing: normal;
	font-weight: bold
}
.minInfo {
	display: block;
	color: #8c8c8c;
  font-size: calc(14px + 4*(100vw - 320px)/1600);
	text-transform: uppercase;
	margin-top: 10px;
	line-height: 1.2
}
.borderT {
	border-top: 1px solid;
	border-color: #eaeaea
}
.borderB {
	border-bottom: 1px solid;
	border-color: #eaeaea
}
.borderL {
	border-left: 1px solid;
	border-color: #eaeaea
}
.borderR {
	border-right: 1px solid;
	border-color: #eaeaea
}
.noBorderT {
	border-top: none !important
}
.noBorderB {
	border-bottom: none !important
}
.noBorderL {
	border-left: none !important
}
.noBorderR {
	border-right: none !important
}
.foil{
	color: #fff;
	background-image: url(../img/_assets/foilgold.webp);
	background-repeat: no-repeat;
  background-size: cover;
	background-attachment: ;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	max-width: 950px;
  font-size: calc(35px + 40*(100vw - 320px)/1600);
}
.spaceW, .spaceK {
	position: relative;
	height: 80px;
	width: 100%;
	background-color: #fff;
	display: block;
}
.spaceK {
	background-color: #000;
	width: 500px;
	width: 100vw
}
.cubeLink span {
	background-position: center;
	background-repeat: no-repeat;
	position: relative
}
.cubeLink span:hover {
	background-color: #fff;
}
.cubeLink span svg {
	left: 0;
	right: 0;
	margin: 0 auto
}
.cubeLink span:hover * {
	fill: #c49d67;
}
.arrow {
	font-weight: 600;
  font-family: 'PX';
	display: inline-block;
	line-height: 50%;
	background-image: url(../img/_icons/arrow-url.svg);
	background-repeat: no-repeat;
	background-position: center;
	height: 10px;
	width: 20px;
	-webkit-transform: rotate(45deg) translatez(0);
  transform: rotate(45deg) translatez(0);
}
.arrowM {
	background-image: url(../img/_icons/arrow-urlM.svg);
}
.blackpage {
	background-color: #000 !important;
	color: #fff !important
}
.blackpage .wrap_all:not(.jump_fullH .wrap_all) {
	background: #000
}
.gridFuture {
  display: grid;
	grid-template-columns: 1fr;
  grid-template-rows: auto auto auto;
	font-size: calc(13px + 3*(100vw - 320px)/1600);
	line-height: 1.3em;
	letter-spacing: 1px;
	width: 100%
}
.gridFuture:not(.legal .gridFuture) {
	text-transform: uppercase;
}
.gridFuture * {
	font-weight: 300;
}
.gridFuture .grid {
  display: grid;
}
.grid div {
	padding-right: 0.5rem
}
.grid div:first-child {
	color: #8c8c8c
}
.one_one_one_grid {
  grid-template-columns: 1fr 1fr 1fr;
}
.one_two_one_grid {
  grid-template-columns: 1fr 2fr 1fr;
}
.one_one_two_grid {
  grid-template-columns: 1fr 1fr 2fr;
}
.one_three_grid {
  grid-template-columns: 1fr 3fr;
}
.one_two_grid {
  grid-template-columns: 1fr 2fr;
}
.one_one_grid {
  grid-template-columns: 1fr 1fr;
}
.main_grid {
	margin-bottom: 80px
}
.inicial {
	color: #8c8c8c
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  TAGS  */
.wrapTag * {
	display: inline-block !important;
  vertical-align: middle;
}
.tag {
	border: 1px solid #fff;
	border-radius: 100px;
	padding: calc(4px + 3.5*(100vw - 320px)/1600) 12px calc(3px + 3.5*(100vw - 320px)/1600);
	position: relative;
  font-size: calc(13px + 4*(100vw - 320px)/1600);
	width: auto !important;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: normal;
}
.tagIcon {
	content: "";
	border: 1px solid #fff;
	border-radius: 100px;
	height: calc(3px + 3*(100vw - 320px)/1600);
	width: calc(3px + 3*(100vw - 320px)/1600);
	padding: calc(9px + 3*(100vw - 320px)/1600);
  background-size: 100%;
	background-repeat: no-repeat;
}
.tagApproach {
	background-image: url("../img/_icons/tagApproach.gif");
}
.tagSocial {
	background-image: url("../img/_icons/tagSocial.gif");
}
.tagHashtag {
	background-image: url("../img/_icons/tagHashtag.gif");
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  MARQUEE  */
.wrap_mainMarquee {
	width: 100%;
	overflow: hidden;
}
#mainMarquee{
  overflow: hidden;
  white-space: nowrap;
  background: black;
  width: 100%;
}
#mainMarquee img {
  height: 90px;
  padding: 30px
}
#mainMarquee div:first-child {
  display: inline-block;
  animation: marquee 18s linear infinite;
}
#mainMarquee div:last-child {
  display: inline-block;
  animation: marquee2 18s linear infinite;
  animation-delay: 9s;
}
@keyframes marquee {
  from { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}
@keyframes marquee2 {
  from { transform: translateX(0%); }
  to { transform: translateX(-200%); }
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  INDEX  */
.NVN_icon_index{
	display:none
}
.index {
	height: 100vh
}
.index h4 {
	color: #8c8c8c
}
.index h1 {
	font-size: calc(52px + 72*(100vw - 320px)/1600);
	letter-spacing: -0.05em;
	line-height: 0.6em;
}
.Iam {
	width: 95% !important;
	text-align: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-transform: uppercase;
}
.Iam *:not(.arrow) {
	width: auto !important;
}
.index h1 {
  display: inline-block;
  line-height: .9
}
.Iam {
  text-align: left
}
.Iam .text, .Iam .text2 {
  font-weight: bold;
  margin-left: 10px
}
.Iam h4 {
  text-align: center;
  padding-bottom: 14px
}
.Iam .no {
	margin-left: calc(10px + 500*(100vw - 320px)/1600)
}
.Iam .yes {
	margin-left: calc(10px + 540*(100vw - 320px)/1600)
}
.Iam a {
	display: none;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  ABOUT  */
.wrap_marquee {
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #000;
	z-index: 0;
}
.wrap_marquee video {
  width: auto;
  height: 100%;
  filter: grayscale(100%) brightness(120%) contrast(150%) saturate(100%);
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.backFuture {
	width: 100%;
	height: 100%;
}
#containM {
	text-align:center;
	margin:0 auto;
	width: 550px;
	-moz-perspective: 900px;
	-webkit-perspective: 900;
	left: 0;
	right: 0;
	top: calc(50% - 100px)
}
#frame {
	width: 33px;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;  /* translate must be last */
	-moz-transform: rotateX(328deg) rotateY(330deg) rotateZ(340deg) translate3d(325px,-70px,50px);
	-webkit-transform: rotateX(328deg) rotateY(330deg) rotateZ(340deg) translate3d(325px,-70px,50px);
}
.strip {
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-animation: spin 5s infinite linear;
	-webkit-animation: spin 5s infinite linear
}
.strip div {
	position: absolute;
	background: rgba(255,255,255,0.0) url(../img/about/NVN_software_design_agency.png);  /* background image is 792px 320px, try with green-hills or thailand-sunrise.jpg */
	height: 320px;
	width: 34px;
	opacity: 1;
	background-size: cover;
}
.strip .a {
	background-position: 0 0;
	transition: all 0s;
	   -moz-transform: rotateY(0deg) translateZ(124px);
	-webkit-transform: rotateY(0deg) translateZ(124px);
	-webkit-animation: aMove 1s linear infinite;
	-moz-animation: aMove 1s linear infinite;
	animation: aMove 1s linear infinite !important;
}
@-moz-keyframes aMove {
	15% { background-position: -66px 0; }
	20% { background-position: 264px 0; }
	25% { background-position: 0 0; }
	40% { background-position: 0 0; }
	60% {
		   -moz-transform: rotateY(0deg) translateZ(124px);
		-webkit-transform: rotateY(0deg) translateZ(124px);
	}
	65% {
		   -moz-transform: rotateY(0deg) translateZ(30px);
		-webkit-transform: rotateY(0deg) translateZ(30px);
	}
	90% {
		   -moz-transform: rotateY(0deg) translateZ(30px);
		-webkit-transform: rotateY(0deg) translateZ(30px);
	}
}
@-webkit-keyframes aMove {
	15% { background-position: -66px 0; }
	20% { background-position: 264px 0; }
	25% { background-position: 0 0; }
	40% { background-position: 0 0; }
	60% {
		   -moz-transform: rotateY(0deg) translateZ(124px);
		-webkit-transform: rotateY(0deg) translateZ(124px);
	}
	65% {
		   -moz-transform: rotateY(0deg) translateZ(30px);
		-webkit-transform: rotateY(0deg) translateZ(30px);
	}
	90% {
		   -moz-transform: rotateY(0deg) translateZ(30px);
		-webkit-transform: rotateY(0deg) translateZ(30px);
	}
}
@keyframes aMove {
	15% { background-position: -66px 0; }
	20% { background-position: 264px 0; }
	25% { background-position: 0 0; }
	40% { background-position: 0 0; }
	60% {
		   -moz-transform: rotateY(0deg) translateZ(124px);
		-webkit-transform: rotateY(0deg) translateZ(124px);
	}
	65% {
		   -moz-transform: rotateY(0deg) translateZ(30px);
		-webkit-transform: rotateY(0deg) translateZ(30px);
	}
	90% {
		   -moz-transform: rotateY(0deg) translateZ(30px);
		-webkit-transform: rotateY(0deg) translateZ(30px);
	}
}
.strip .b {background-position: 759px 0;
	   -moz-transform: rotateY(15deg) translateZ(124px);
	-webkit-transform: rotateY(15deg) translateZ(124px)}

.strip .c {background-position: 726px 0;
	   -moz-transform: rotateY(30deg) translateZ(124px);
	-webkit-transform: rotateY(30deg) translateZ(124px)}

.strip .d {background-position: 693px 0;
	   -moz-transform: rotateY(45deg) translateZ(124px);
	-webkit-transform: rotateY(45deg) translateZ(124px)}

.strip .e {background-position: 660px 0;
	   -moz-transform: rotateY(60deg) translateZ(124px);
	-webkit-transform: rotateY(60deg) translateZ(124px)}

.strip .f {background-position: 627px 0;
	   -moz-transform: rotateY(75deg) translateZ(124px);
	-webkit-transform: rotateY(75deg) translateZ(124px)}

.strip .g {background-position: 594px 0;
	   -moz-transform: rotateY(90deg) translateZ(124px);
	-webkit-transform: rotateY(90deg) translateZ(124px)}

.strip .h {background-position: 561px 0;
	   -moz-transform: rotateY(105deg) translateZ(124px);
	-webkit-transform: rotateY(105deg) translateZ(124px)}

.strip .i {background-position: 528px 0;
	   -moz-transform: rotateY(120deg) translateZ(124px);
	-webkit-transform: rotateY(120deg) translateZ(124px)}

.strip .j {background-position: 495px 0;
	   -moz-transform: rotateY(135deg) translateZ(124px);
	-webkit-transform: rotateY(135deg) translateZ(124px)}

.strip .k {background-position: 462px 0;
	   -moz-transform: rotateY(150deg) translateZ(124px);
	-webkit-transform: rotateY(150deg) translateZ(124px)}

.strip .l {background-position: 429px 0;
	   -moz-transform: rotateY(165deg) translateZ(124px);
	-webkit-transform: rotateY(165deg) translateZ(124px)}

.strip .m {background-position: 396px 0;
	   -moz-transform: rotateY(180deg) translateZ(124px);
	-webkit-transform: rotateY(180deg) translateZ(124px)}

.strip .n {background-position: 363px 0;
	   -moz-transform: rotateY(195deg) translateZ(124px);
	-webkit-transform: rotateY(195deg) translateZ(124px)}

.strip .o {background-position: 330px 0;
	   -moz-transform: rotateY(210deg) translateZ(124px);
	-webkit-transform: rotateY(210deg) translateZ(124px)}

.strip .p {
	background-position: 297px 0;
	-moz-transform: rotateY(225deg) translateZ(124px);
	-webkit-transform: rotateY(225deg) translateZ(124px);
}

.strip .q {
	background-position: 264px 0;
	   -moz-transform: rotateY(240deg) translateZ(124px);
	-webkit-transform: rotateY(240deg) translateZ(124px);
	-webkit-animation: pMove 1s linear infinite;
	-moz-animation: pMove 1s linear infinite;
	animation: pMove 1s linear infinite !important;

}
@-moz-keyframes pMove {
	70% { background-position: 264px 0; }
	72% { background-position: 0px 0; }
	75% { background-position: 0px 0; }
	80% { background-position: 2097px 0; }
	85% { background-position: 0px 0; }
	90% { background-position: 264px 0; }
}
@-webkit-keyframes pMove {
	70% { background-position: 264px 0; }
	72% { background-position: 0px 0; }
	75% { background-position: 0px 0; }
	80% { background-position: 2097px 0; }
	85% { background-position: 0px 0; }
	90% { background-position: 264px 0; }
}
@keyframes pMove {
	70% { background-position: 264px 0; }
	72% { background-position: 0px 0; }
	75% { background-position: 0px 0; }
	80% { background-position: 2097px 0; }
	85% { background-position: 0px 0; }
	90% { background-position: 264px 0; }
}

.strip .r {background-position: 231px 0;
	   -moz-transform: rotateY(255deg) translateZ(124px);
	-webkit-transform: rotateY(255deg) translateZ(124px)}

.strip .s {background-position: 198px 0;
	   -moz-transform: rotateY(270deg) translateZ(124px);
	-webkit-transform: rotateY(270deg) translateZ(124px)}

.strip .t {background-position: 165px 0;
	   -moz-transform: rotateY(285deg) translateZ(124px);
	-webkit-transform: rotateY(285deg) translateZ(124px)}

.strip .u {background-position: 132px 0;
	   -moz-transform: rotateY(300deg) translateZ(124px);
	-webkit-transform: rotateY(300deg) translateZ(124px)}

.strip .v {background-position: 99px 0;
	   -moz-transform: rotateY(315deg) translateZ(124px);
	-webkit-transform: rotateY(315deg) translateZ(124px)}

.strip .w {background-position: 66px 0;
	   -moz-transform: rotateY(330deg) translateZ(124px);
	-webkit-transform: rotateY(330deg) translateZ(124px)}

.strip .x {background-position: 33px 0;
	   -moz-transform: rotateY(345deg) translateZ(124px);
	-webkit-transform: rotateY(345deg) translateZ(124px)}

@-moz-keyframes spin {
	from { -moz-transform: rotateY(0)}
	to   { -moz-transform: rotateY(-360deg)}
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotateY(0)}
	to   { -webkit-transform: rotateY(-360deg)}
}
.approach  {
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
.clients, .who, .services, .goSoftDes {
	background-color: #000;
	position: relative;
}
.who img {
	height: 30px;
	float: right;
	margin-top: 90px
}
.services .grid {
	margin-bottom: 20px
}
.services h2 {
	margin-bottom: 20%
}
.kindService {
	width: 100%;
	display: table;
}
.human_robot {
	background-image: url(../img/about/humanrobot.webp);
	background-size: cover;
	background-position: center;
	position: relative;
	background-repeat: no-repeat;
	height: 80vh;
  border: 10vw solid #000 !important;
}
.clients .swiper img {
	height: 90px;
	padding: 30px 0
}
.aboutSD a:first-of-type span {
  border-right: 1px solid #222;
}
.aboutSD svg {
	height: 90px
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  DESIGN  */
.portfolio {
	height: 100vh;
	width: 100%
}
.wrap_portfolio {
	height: calc(100vh - 20px);
	width: calc(100vw - 20px);
	background: #000;
	padding: 60px 30px;
	box-sizing: border-box;
	margin: 10px auto 0;
	-webkit-clip-path: polygon(30px 0, calc(100% - 30px) 0, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 30px), 0 30px);
	clip-path: polygon(30px 0, calc(100% - 30px) 0, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 30px), 0 30px);
}
.portfolio footer div:first-child {
	left: -9px
}
.portfolio footer div:last-child {
	right: -17px
}
.columns ul {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
.two_columns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.three_columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
.four_columns {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}
.no_gap {
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
}
.wrap_filter {
	position: absolute;
	bottom: 20px;
	color: #fff;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-transform: uppercase;
	z-index: 9
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  SWIPER  */
.swiper {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.swiper-slide {
	text-align: center;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-radius: 5px
}
.portfolio .swiper-slide {
	background: #000
}
.portfolio .swiper-slide a, .portfolio .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px
}
.portfolio .swiper-slide span:not(.swiperPrincipal span) {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #fff;
	text-align: left;
	mix-blend-mode: difference;
	font-size: calc(13px + 3*(100vw - 320px)/1600);
}
.portfolio .swiper-slide a:hover *:not(span):not(.swiperPrincipal *) {
	opacity: .5
}
.portfolio .swiper-slide a:hover span {
	mix-blend-mode: normal
}
.portfolio .swiper-slide span font {
	font-weight: 900
}
.swiperPrincipal {
	width: 50% !important;
	background-color: transparent;
	position: relative;
	color: #fff;
  -webkit-justify-content: left;
  justify-content: left;
	text-align: left;
}
.swiperPrincipal:first-child {
	-ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.swiperPrincipal:last-child .relatedProject {
	position: absolute;
	bottom: 0;
	left: 0
}
.swiperPrincipal:last-child .gridFuture a{
	color: #fff;
	width: auto;
}
.portfolio .swiper-slide:hover::after {
	content: "+";
	color: #fff;
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: calc(16px + 4*(100vw - 320px)/1600);
}
.swiperPrincipal:hover::after {
	content: "" !important;
}
.swiperPrincipal h1{
	position: absolute;
	left: 0;
	bottom: 0;
	text-align:left;
	line-height: 0.8
}
.marqSlide {
	min-width: 544px;
	width: 40% !important
}
.citaSlide {
	min-width: 680px;
	width: 50% !important;
	height: 60% !important
}
.getgSlide, .siraSlide, .bilaSlide {
	min-width: 680px;
	width: 50% !important;
}
.playSlide, .aluzSlide, .perrwSlide, .vnaSlide, .bareSlide, .lissSlide {
	min-width: 408px;
	width: 30% !important;
	height: 60% !important;
	top: 40%
}
.perrSlide, .imodSlide, .siguSlide {
	min-width: 615px;
	width: 45% !important;
	height: 80% !important;
}
.fillSlide {
	min-width: 408px;
	width: 30% !important
}
.cineSlide {
	min-width: 408px;
	width: 30% !important;
	height: 60% !important;
}
.mikSlide {
	min-width: 680px;
	width: 50% !important;
	height: 60% !important;
	top: 40% !important
}
@media (max-width: 860px) {
	.swiper-slide {
		min-width: 100% !important;
		width: 100% !important;
		top: 0% !important
	}
	.marqSlide {
		height: 90% !important
	}
	.getgSlide, .siraSlide, .bilaSlide {
		height: 50% !important
	}
	.aluzSlide, .cineSlide, .perrwSlide, .vnaSlide, .bareSlide, .lissSlide {
		height: 40% !important
	}
	.playSlide, .fillSlide {
		height: 60% !important
	}
	.swiperPrincipal {
		height: 60% !important
	}
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
	content: '' !important;
}

.swiper-button-prev, .swiper-button-next {
	background-position: center center;
	background-repeat: no-repeat;
}
.swiper-button-next {
	background-image: url("../img/_icons/next.svg")
}
.swiper-button-prev {
	background-image: url("../img/_icons/prev.svg")
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  COVER CASE  */
.ALUZAR {
	background-color: #e2dddb;
}
.BARETTI {
	background-image: url("../img/_covers/NVN_BARETTI_premium_bakery.webp");
}
.BILATENTE {
	background-image: url("../img/_covers/NVN_Bilatente_multimedia_company.gif");
	background-color: #000;
}
.CITAMEDIC {
	background-image: url("../img/_covers/NVN_CitaMedic_medical_platform.webp");
	background-color: #8cd3b5;
}
.CINEMAFEST {
	background-image: url("../img/_covers/NVN_CINEMAFEST_international_film_festival.webp");
}
.FillGas {
	background-image: url("../img/_covers/NVN_FillGas_app_lpg_replenishment.webp");
	background-repeat: repeat-x !important;
}
.GETGUIDED {
	background-image: url("../img/_covers/NVN_GETGUIDED_tour_platform.gif");
	background-color: #e8e8e8;
}
.IMODAL {
	background-image: url("../img/_covers/NVN_iModalAir_air_travel_company.gif");
}
.Liss {
	background-image: url("../img/_covers/NVN_Liss_towny_cafeteria.gif");
	background-color: #fff;
}
.MIK {
	background-image: url("../img/_covers/NVN_MIK_day_of_dead_festival.webp");
}
.PERRANEGRA_WEB {
	background-image: url("../img/_covers/NVN_PERRA_NEGRA_mezcal_web.webp");
	background-color: #000
}

.PLAYGROUND {
	background-color: #8cd3b5;
	background-image: url(../img/_covers/R_play/rotator.php);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.SIGUIENTESCENA {
	background-image: url("../img/_covers/NVN_Siguientescena_arts_culture_festival.webp");
	background-color: #fbfbfb
}
.SIRA {
	background-image: url("../img/_covers/NVN_Sira_project_management_software.gif");
	background-color: #eee;
}
.VNA {
	background-image: url("../img/_covers/NVN_VNA_invoicing_software.webp");
	background-color: #012bbc;
}
.coverCaseH {
	background-size: auto 100% !important;
}
.coverCaseW {
	background-size: 100% auto !important;
}
.FillGas h1 {
	color: white
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CASE  */

.logos p {
	position: fixed;
	font-size: 40vh;
	letter-spacing: -0.03em
}

.logos .layers::before {
  content: "";
}
.content_case h1 {
	text-transform: inherit;
	letter-spacing: 0;
	z-index: 9;
	display: block;
}
.coverCase {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 100%
}
.content_case h1:not(.soft_slide .swiper-wrapper h1) {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
  overflow-wrap: anywhere;
	width: calc(100vw - 90px);
	margin: 0 auto;
}
.all_case {
	margin-top: 100vh;
	position: relative;
}
.all_caseContent {
	background-color: #fff;
	position: relative;
	z-index: 1
}
.wrap_case {
	width: 100%;
	display: table;
}
.read-more-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease;
}
.read-more-toggle {
  display: none;
}
.read-more-toggle-label {
  display: inline-block;
  user-select: none;
  cursor: pointer;
  border: none;
  color: #c49d67;
	margin-top: 30px
}
.read-more-toggle-label:after {
  content: "MORE";
  display: inline-block;
	background-image: url(../img/_icons/btn_moreInfo.svg);
	background-position: left 30%;
	background-repeat: no-repeat;
  background-size: auto 60%;
	padding-left: 24px
}
.read-more-toggle:checked + .read-more-content {
  display: block;
  /* css animation won't work with "auto"; set to some height larger
	than the content */
  max-height: 1500px;
}
.read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after {
  content: "LESS";
	background-image: url(../img/_icons/btn_lessInfo.svg);
}
.tags {
	width: 100%;
	margin: 0 auto;
}
.tags li {
	display: inline-block;
	color: #8c8c8c;
	letter-spacing: 0.01em;
	font-weight: 400;
	text-transform: uppercase;
	padding: 5px 10px 4px;
  font-size: calc(12px + 3*(100vw - 320px)/1600);
	font-weight: 300;
	margin: 4px 5px 4px 0;
	background-repeat: no-repeat;
	background-image: linear-gradient(#8c8c8c, #8c8c8c), linear-gradient(#8c8c8c, #8c8c8c), linear-gradient(#8c8c8c, #8c8c8c), linear-gradient(#8c8c8c, #8c8c8c), linear-gradient(to bottom right, transparent calc(50%), #8c8c8c calc(50%), #8c8c8c calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(to bottom right, transparent calc(50%), #8c8c8c calc(50%), #8c8c8c calc(50% + 1px), transparent calc(50% + 1px));
	background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 9px 9px, 9px 9px;
	background-position: 0% 9px, 100% -8px, 9px 0%, -8px 100%, 0% 0%, 100% 100%;
}
.tags li:last-child {
	margin-right: 0
}

.wrap_img_case {
	width: 100% !important;
	position: relative;
	margin: 0 auto;
	display: table;
	padding: 40px 50px
}
.wrap_img_caseQuote {
	display: flex;
	flex-wrap: wrap
}
.wrap_img_case div:first-child {
	order: 2;
}
.wrap_img_case div:nth-of-type(2) {
	order: 1
}
.wrap_img_case div:last-child {
	order: 3;
}
.quote {
	padding: 80px 0;
}
.quote p {
	width: calc(50% - 8px);
	margin: 0 auto !important
}
.qRight {
	float: right;
}
.qLeft {
	float: left;
}
.wrap_img_case img, .wrap_img_case video {
	width: 100%;
	float: left;
	clear: left;
	margin: 8px 0;
	border-radius: 5px
}
.case_footer {
	width: 100vw;
	position: relative;
	margin: 0 auto;
}
.case_footer .wrap_all {
	height: 100%
}
.spaceW .to_back {
	left: 30px;
	background: url("../img/btn_prev.svg") no-repeat;
	background-size: auto 80%;
	background-position: center;
	height: 45%;
	max-height:50px
}
.spaceW .to_next {
	right: 30px;
	background: url("../img/btn_2next.svg") no-repeat;
	background-size: auto 80%;
	background-position: center;
	height: 45%;
	max-height:50px
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CASE > RELATED  */
.relatedProject {
	background: ;
	display: table;
	width: 100%
}
.relatedInfo {
	float: left;
}
.relatedInfo h3{
	display: flex;
	margin: 0;
	line-height: 1;
	overflow-wrap: anywhere;
}
.relatedInfo .minInfo {
	margin: 0
}
.relatedTitle span{
  position: relative;
  overflow: hidden;
  display: block;
}
.relatedProject a:hover h3 {
	text-decoration: underline;
}
.animaReveal .anima span::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: black;
  animation: a-ltr-after 2s cubic-bezier(.77,0,.18,1) forwards;
  transform: translateX(-101%);
}
.animaReveal .anima span::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  animation: a-ltr-before 2s cubic-bezier(.77,0,.18,1) forwards;
  transform: translateX(0);
}

@keyframes a-ltr-after{
  0% {transform: translateX(-100%)}
  100% {transform: translateX(101%)}
}
@keyframes a-ltr-before{
  0% {transform: translateX(0)}
  100% {transform: translateX(200%)}
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CASE > SHARE  */
.sticky {
  position: -webkit-sticky;
	position: sticky;
}
.shareOptions {
  display: flex;
  perspective: 10px;
  will-change: perspective;
  perspective-origin: center center;
  transition: all .3s ease-out;
  justify-content: center;
  transform-style: preserve-3d;
  align-self: flex-end;
	margin: 30px auto;
	bottom: 1rem;
	max-width: 250px
}
.shareOptions .opCenter svg {
	opacity: 0
}
.shareOptions:hover {
  perspective: 1000px;
  transition: all .7s ease-in;
  transform: perspective(10000px) rotateX(0deg);
	will-change: perspective;
  transform-style: flat;
}
.shareOptions:hover > div, .shareOptions:hover > .opCenter svg{
  opacity: 1;
  transition-delay: 0s;
}
.shareOptions:hover .explainer {
  opacity: 0;
	transition: all 0s
}

.shareOptions:hover .opCenter {
}

.shareOptions div {
  width: 38px;
  height: 38px;
  transform-style: preserve-3d;
  border-radius: 100px;
  opacity: 0;
  transition: all .3s ease;
  position: relative;
  cursor: pointer;
  border: 1px solid rgba(0,0,0,.1);
  background-color: rgba(255,255,255,.6);
}
.shareOptions div svg {
	width: 55%;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.shareOptions div:hover svg {
	fill: #c49d67;
	transition: all 0s
}
.shareOptions span {
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;

}
.shareOptions .opL eft:hover {
    box-shadow: 0 0 30px 10px rgba(100, 100, 255, .6);
  background-color: #ccf;
}
.shareOptions .opLefter {
  transform: translateX(-60px) translateZ(-50px) rotateY(0deg);
}
.shareOptions .opLeft {
  transform: translateX(-30px) translateZ(-25px) rotateY(0deg);
}
.shareOptions .opCenter {
  opacity: 1
}
.shareOptions .opRight {
  transform: translateX(30px) translateZ(-25px) rotateY(0deg);
}
.shareOptions .opRighter {
  transform: translateX(60px) translateZ(-50px) rotateY(0deg);
}
.shareOptions .explainer {
  transition: all .6s ease;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
	background-image: url(../img/_icons/icon_share.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  SOFTWARE  */
.SOFTWARE_cover {
	background-color: #8cd3b5;
	background-image: url(../img/_covers/R/rotator.php);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.wrap_swiperSoft .minInfo {
	padding-top: 50px
}
.soft_slide {
	width: calc(100vw - 60px);
  font-size: calc(40px + 28*(100vw - 320px)/1600);
	margin: 0 auto;
	padding: 150px 0 !important
}
.soft_slide .swiper {
}
.swiper-wrapper h1 {
	letter-spacing: -1px;
	padding: 50px 0
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CONTACT  */
.contact {
	height: 100%;
	width: 100%;
}
.contact a {
	color: #fff
}
.contact_links .center-x {
	width: 100%;
}
.contact_links .arrow {
	opacity: .6
}
.jobs .minInfo {
	margin-bottom: 15px
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  FOOTER  */
footer {
	color: #8c8c8c;
	width: 100%;
	font-size: 1.5vh;
	text-align: center;
	z-index: 1;
	text-transform: uppercase;
	letter-spacing: normal;
}
footer div {
	position: fixed;
	top: 49%;
	z-index: 2
}
footer div:first-child {
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left: -12px;
	    mix-blend-mode: exclusion;
}
footer div:last-child {
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	right: -20px
}
footer a {
	color: #c49d67
}
.footerAlt {
	background: #000;
	color: #fff;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	border-top: 1px solid #222
}
.footerAlt * {
	margin: 0 auto;
}
.footerAlt *:not(.wrapTag *) {
	border-color: #222
}
.footerAlt .wrap_all {
	padding: 90px 0 0;
	box-sizing: border-box;
	height: 100%
}
.footerAlt .col-3 * {
  font-size: calc(20px + 6*(100vw - 320px)/1600);
}
.footerRS {
	text-align: right;
}
.footerLink {
	text-align: left;
}
.allLinks {
	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 30px;
	box-sizing: border-box;
}
.footerAlt a {
	color: #fff;
  font-size: calc(35px + 10*(100vw - 320px)/1600);
	letter-spacing: 1px
}
.footerAlt span {
	width: 100%;
	display: table;
	text-align: right;
}
.footerAlt img {
	height: 120px;
  margin: 4vh auto;
	display: table;
}
.legal_links {
	margin: 60px auto 0;
	padding: 30px 0;
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0
}
.legal_links span {
  font-size: calc(12px + 2*(100vw - 320px)/1600);
	color: #8c8c8c;
	text-align: center;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  LEGALES  */
.legal {
	padding-top: 40vh
}
.legal h3 {
	margin-bottom: 40px;
	line-height: 0.8;
}
.legal h4 {
	color: #999;
	line-height: 1.8
}
.legal p, .legal li {
	margin-bottom: 24px ;
	font-size: calc(16px + 20*(100vw - 320px)/1600) !important;
	letter-spacing: normal;
	line-height: 1.2;
	font-weight: 300;
	text-indent: inherit;
}
.legal li {
	margin-left: 22px;
	list-style-type: square;
	padding-left: 30px;
	text-indent: 0 !important
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  ERRORS  */
.wrap_errors {
	width: 100%;
	height: 100%;
	position: relative;
	background: #000;
	text-transform: uppercase;
}
.wrap_errors body {
	height: 100%;
  background-color: #000000;
  background-image: radial-gradient(#4b380c, #190900), url(https://media.giphy.com/media/oEI9uBYSzLpBK/giphy.gif);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 1.5rem;
  color: rgb(255 207 128 / 80%);
  text-shadow: 0 0 1ex rgb(255 179 51), 0 0 2px rgb(255 255 255 / 80%);
}
.wrap_errors h1 {
	font-size: calc(48px + 60*(100vw - 320px)/1600);
	margin-bottom: 50px
}
.noise {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://media.giphy.com/media/oEI9uBYSzLpBK/giphy.gif");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  opacity: .02;
}
.overlay {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.3) 50%,
      rgba(0, 0, 0, 0) 100%);
  background-size: auto 4px;
  z-index: 1;
}
.overlay::before {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient( 0deg, transparent 0%, rgb(128 113 32 / 20%) 2%, rgb(128 99 32 / 80%) 3%, rgb(128 109 32 / 20%) 3%, transparent 100%);
  background-repeat: no-repeat;
  animation: scan 7.5s linear 0s infinite;
}

@keyframes scan {
  0%        { background-position: 0 -100vh; }
  35%, 100% { background-position: 0 100vh; }
}
.terminal {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
	height: 100%;
  max-width: 700px;
	position: relative;
}
.output {
  color: rgb(255 185 128 / 80%);
  text-shadow: 0 0 1px rgb(255 114 51 / 40%), 0 0 2px rgb(255 255 255 / 80%);
  font-size: calc(18px + 30*(100vw - 320px)/1600);
  mix-blend-mode: exclusion;
	margin-top: 30px;
	position: relative;
	text-indent: 130px
}
.output::before {
  content: "¬ ";
	position: absolute;
	top: -11px;
	left: -130px
}
.output .aLink {
	display: inline-table;
}
.terminal span {
	position: absolute;
	bottom: 15px;
	left: 15px
}
.e403 p:nth-of-type(3) {
	position: absolute;
	top: calc(40vh - (14px + 20*(100vw - 320px)/1600));

}

.wrap_errors .aLink {
	color: #fff;
  position: ;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  BLACK PAGES  */
.blurK {
  background-color: rgba(0,0,0,.6) !important;
}
.borderAlt {
	border-color: #222 !important
}
.blackShare {
	background-color: rgba(0,0,0,.6) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
}
.blackShare svg {
	fill: #fff
}
.case_info_K {
	background-color: #000 !important;
	color: #fff !important
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  COOKIES  */
#div-cookies {
	position: fixed;
	bottom: 15px;
	left: 0;
	right: 0;
	width: 208px;
	background-color: #1b1b1b;
	text-align: center;
	z-index: 99999;
	margin: 0 auto;
	color: #fff;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 5px;
	border-radius: 50px
}
#div-cookies * {
	display: inline;
	font-family: 'PxG', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
  font-size: 12px;
	line-height: 1.5;
	vertical-align: middle;
}
#div-cookies button {
	color: #c49d67;
  border-radius: 90px;
	height: 24px;
	width: 24px;
	margin-left: 20px;
	cursor: pointer;
	font-family: 'PxGroteskRegular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	border: 1px solid #c49d67;
	background-image: url(../img/_icons/icon_OK.svg);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
#div-cookies button:hover {
	border-color: #1b1b1b;
}
#div-cookies a {
	color: #8c8c8c
}
#div-cookies a:hover {
	color: #fff
}