#project-details img {
  width: 100%;
  height: auto;
}

.slick-dots {
  text-align: center;
  margin: 20px 0;
  padding: 0;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.details-text .field__label {
  display: inline-block;
  width: 150px;
  color: gray;
}

.details-text .field__item, .details-text .field__items {
  display: inline-block;
}
.field__items.collaboration {
  display: inline-table;
}

h1, h2 {
  font-size: 1.25rem;
  font-family: 'Univers LT 47 CondensedLt', sans-serif;
  margin-bottom: 20px;
}

body {
  font-size: 16px;
}

.btn-primary,
.btn-primary:hover{
  border-color: #000000;
  background-color: #000000;
  border-radius: 0;
}

a,
a:hover{
  text-decoration: none;
  color: #000000;
}

.iconArchLov {
  background: url("../assets/img/social_archilovers.svg") no-repeat;
  width: 16px;
  height: 16px;
  border: none;
  display: inline-block; }

.slick-arrow-right {
  font-family:initial!important;
  background: url('../assets/img/arrow_icon.svg') no-repeat;
  transform: rotate(270deg);
  content: "";
  height: 20px;
  width: 20px;
}
.slick-arrow-left {
  font-family:initial!important;
  background: url('../assets/img/arrow_icon.svg') no-repeat;
  transform: rotate(90deg);
  content: "";
  height: 20px;
  width: 20px;
}

/* Arrows slick */
.slick-prev,
.slick-next
{
  font-size: 0;
  line-height: 0;

  position: absolute;
  top: 50%;

  display: block;

  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
  opacity: .25;
}

.slick-prev:before{
  background: url('../assets/img/arrow_icon.svg') no-repeat;
  transform: rotate(90deg);
  content: "";
  height: 20px;
  width: 20px;
}
.slick-next:before
{
  background: url('../assets/img/arrow_icon.svg') no-repeat;
  transform: rotate(270deg);
  content: "";
  height: 20px;
  width: 20px;

}

.slick-prev
{
  left: -25px;
}
[dir='rtl'] .slick-prev
{
  right: -25px;
  left: auto;
}
.slick-prev:before
{
  content: '←';
}
[dir='rtl'] .slick-prev:before
{
  content: '→';
}

.slick-next
{
  right: -25px;
}
[dir='rtl'] .slick-next
{
  right: auto;
  left: -25px;
}
.slick-next:before
{
  content: '→';
}
[dir='rtl'] .slick-next:before
{
  content: '←';
}

.fluid img{
  max-width: 100%;
  height: auto;
}

.close-project-detail {
  position: absolute;
  top: -60px;
  right: -23px;
  font-size: 30px;
}

@media only screen and (max-width: 567px) {
  .close-project-detail {
    position: absolute;
    top: -37px;
    right: 7px;
    font-size: 30px;
}
}