::-moz-selection { /* Code for Firefox */
  background: gainsboro;
}

::selection {
  background: gainsboro;
}

body {
background-color:#fff;
margin:10px 12px;
padding:0;
color: rgb(0,0,0);
font-family: helvetica,arial,sanserif;
font-weight: 400;
font-size: 13px;
line-height: 1.35em;
letter-spacing:0.04em;
font-style: normal;
}

main{
overflow: hidden;
}

p {
margin-block-start: 0em;
margin-block-end: 1em;
}


/* INTRO TEXT */

.intro-text{
position: absolute;
top: 150px;
left: 150px;
width: 220px !important;
text-wrap: wrap;
z-index:200;
}




/* SLIDER SET */


.slider{
width: 100%;
height: 100%;
}

.slide{
width: 100%;
height: 100%;
}

.card {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0px;
}

.bx-viewport, .bx-wrapper{
  position:relative;
  width:100%;
  height:100% !important;
  top:0;
  left:0;
}

.bx-wrapper img {
max-height: 75%;
}

.bx-wrapper .bx-pager {
position:absolute;
top:0px;
left:0px;
}

.overlay{
position: absolute;
width: 215px;
left: 72px;
top: 12.2%;
}

.full-caption{
position:absolute;
left:72px;
top:0;
}

.work-title, .work-caption{
display: inline-block;
}

.work-title {
text-transform: uppercase;
margin-right: 2em;
}



/* NEW SLIDER */

.card img {
max-height: 75%;
max-width: 100%;
display: block;
} 

.caption {
position:absolute;
left: 72px;
top: 85.65%;
width: 180px;
}

#counter{
position:absolute;
top:0;
left: 0;
margin: 10px 12px;
}

.controlz a{
position: absolute;
top: 8%;
outline: 0;
width: 48.5%;
height: 80%;
z-index: 9999;
}

 

#cycle-prev{
left:1%;
/* background: url(../img/arrow-left.svg) no-repeat; */
}

#cycle-next{
right:1%;
/* background: url(../img/arrow-right.svg) no-repeat; */
}


#arrow-prev{
left:10px;
top:45%;
position: absolute;
width: 50px;
height: 50px;
text-indent: -9999px;
z-index: 9999;
background: url(../img/arrow-left.svg) no-repeat; 
}

#arrow-next{
right:10px;
top:45%;
position: absolute;
width: 50px;
height: 50px;
text-indent: -9999px;
z-index: 9999;
background: url(../img/arrow-right.svg) no-repeat; 
}



/* END SLIDER SET */


a{
color: rgb(0,0,0);
text-decoration: none;
}

a:visited{
color: rgba(0,0,0,0.7);
}



/* HEADER */

.counter{
position:absolute;
top:0;
left:0;
display: inline-block;
z-index: 200;}
}

.full-caption {
position:absolute;
top:0;
left:100px;
display: inline-block;
z-index: 200;}

nav {
position: absolute;
right: 0px;
margin: 0;
padding:0;
display: inline-block;
z-index:200;
}

nav ul, li {
 list-style-type: none;
 display: inline-block;
 margin:0 0 0 1em;
 padding:0;
}


footer {
position:absolute;
}

.menu{
position: absolute;
top:0;
right: 0px;
margin: 0;
padding:0;
display: inline-block;
z-index:200;
}

.menu ul, li {
 list-style-type: none;
 display: inline-block;
 margin:0 0 0 1em;
 padding:0;
}





@media only screen and (max-width: 1230px) {

.caption {
visibility: hidden;
}

.overlay{
visibility: hidden;
}

}

@media only screen and (max-width: 780px) {

body {
font-size: 13px;
}

.full-caption, .caption{
left: 60px;
}

.caption {
visibility: hidden;
}

.menu{
  position: absolute;
  top: 33px;
  left: 60px;
  margin: 0;
  padding: 0;
  display: inline-block;
  z-index: 200;
  }
  
  .menu ul,li{
  display:block;
  margin:0;
  padding:0;
  }
  
nav {
left: 1em;
bottom: 30px;
}

nav ul, li {
margin:0 1em 0 0;
}

.bx-controls-direction {
position: absolute;
top: 90%;
width: 100%;
}

.bx-wrapper .bx-controls-direction a{

}

.overlay{
visibility: hidden;
}

.work-title, .work-caption {
display: block;
}

#cycle-prev{
left:10px;
background: url(../img/arrow-left.svg) no-repeat;
}

#cycle-next{
right:10px;
background: url(../img/arrow-right.svg) no-repeat;
}

.controlz a {
top: 87%;
position: absolute;
outline: 0;
width: 50px;
height: 50px;
text-indent: -9999px;
z-index: 9999;
}

#arrow-prev{
visibility: hidden; 
}

#arrow-next{
visibility: hidden;
}
}