@import './normalize.css';

:root {
  --white: #fff;
  --yellow: #EBB11F;
  --green: #76bc21;
  --gray: #555555;
  --main: #007E7A;
}

@font-face {
  font-family: 'ValeSans';
  src: url('font/WOFF2/ValeSans-Regular.woff2') format('woff2'),
      url('font/WOFF/ValeSans-Regular.woff') format('woff');
/*  font-weight: 900;
  font-style: normal;
  font-display: swap;*/
}
/*
@font-face {
  font-family: 'Caecilia Bold';
  src: url('../fonts/CaeciliaLTStd-Bold.woff2') format('woff2'),
      url('../fonts/CaeciliaLTStd-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Semibold';
  src: url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
      url('../fonts/MyriadPro-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Myriad Regular';
  src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
      url('../fonts/MyriadPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
*/

body {
  font-family: "ValeSans";
  background-color: var(--main);
  width: 100%;
  height: 100%;
  color: var(--gray);
  font-size: 14px;
  line-height: 16px;
  margin:0px;
  padding:0px;
}

.wrapper {
  width: 100%;
  max-width: 1280px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 0 20px;
  background-color: var(--white);
  position: relative;
}



/* banner */
.wrapper-header {
  width: 100%;
  height: 486px;

  background-image: url('banner-jungle.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.image-once {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
}

.wrap-nav-header {
  display: flex;
  justify-content: flex-end;
  padding: 20px 50px;
}

.wrap-nav-header a {
  text-decoration: none;
  color: var(--white);
  font-size: 16px;
  /* font-family: 'Myriad Regular', sans-serif; */
}

.wrap-nav-header a:hover {
  text-decoration: underline;
  opacity: 0.8;
}

.wrap-content-header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 50px;
}

.wrap-content-header .subtitle {
  font-size: 34px;
  /* font-family: 'Caecilia Bold', sans-serif; */
  color: var(--yellow);
  line-height: 1;
}

.wrap-content-header .title {
  font-size: 54px;
  /* font-family: 'Caecilia Heavy', sans-serif; */
  color: var(--yellow);
  line-height: 1px;
}

.wrap-content-header .description {
  font-size: 34px;
  /* font-family: 'Myriad Regular', sans-serif; */
  color: var(--white);
  line-height: 1;
}

.wrap-logos-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 80px;
}

.logo-partners {
  max-width: 100%;
  height: 160px;
}


/* Filter */
.wrapper-filter {
  width: 100%;
  /* height: 20vh; */
  background-color: var(--main);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position:relative;
  z-index:10;
}

.wrap-content-filter {
  display: flex;
  align-items: center;
  margin-left: 30px;
}

.wrap-icon-camera {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapt-title-filter {
  margin-left: 40px;
}

.title-filter {
  font-size: 24px;
 /* font-family: 'Myriad Semibold', sans-serif; */
  margin-bottom: 0;
  margin-top: 0;
  color:var(--yellow);
  font-weight:bold;

}

.description-filter {
  /* font-family: 'Myriad Regular', sans-serif; */
  line-height: 20px;
  margin-bottom: 0;
  width: 385px;
  color:white;
  font-size:16px;
}

.wrap-filter {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 50px;
}

.wrap-filter--calendar {
  background-image: url('calendar.jpg?wq');
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  width: 180px;
  height: 180px;
  position: relative;
  margin-right:30px;
}

.month {
  position: absolute;
  top: 78px;
  left: 50%;
  /* font-family: 'Myriad Semibold', sans-serif; */
  font-size: 12px;
  font-weight:bold;
  transform: translateX(-50%);
  color: black;
  line-height:15px;
}

.btn-filter {
  position: absolute;
  top: 56%;
  left: -10px;
  transform: translate(0, -55%);
  background-color: transparent;
  border: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: var(--white);
  font-size: 0;
  padding: 0;
  cursor: pointer;
  width: 45px;
  height: 50px;
}

.btn-filter:hover {
  filter: grayscale(0.5);
}

.btn-filter.disabled {
  filter: grayscale(1);
  opacity:0.2;
  cursor: default;
}

.btn-filter:active,
.btn-filter:focus {
  outline: none;
  box-shadow: none;
}

.btn-filter.prev {
  background-image: url('icon-prev.png');
}

.btn-filter.next {
  background-image: url('icon-next.png');
  right: -10px;
  left: initial;
}

.wrap-calendar-filter {
  width: 113px;
  height: 70px;
  position: absolute;
  top: 65px;
  left: 33px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

.days-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.day-list {
  display: none;
  margin: 0 20px;
  text-align: center;
}

.day-list.show {
  display: block;
}

.wrap-calendar-filter .dd {
  font-size: 35px;
  display:block;
  /* font-family: 'Myriad Semibold', sans-serif; */
  color: var(--main);
  line-height: 1;
  margin-top: 36px;
  margin-bottom: 0;
  font-weight:bold;
}

.wrap-calendar-filter .day {
  font-size: 9px;
  /* font-family: 'Myriad Regular', sans-serif; */
  line-height: 1;
  color:#666;
  font-weight:bold;
}


.wrap-filter--timer {
  margin: 0;
  display: flex;
}

.wrap-from-time {
  display: flex;
  flex-direction: column;
}

.wrap-time {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.wrap-time .title-time {
  font-size: 18px;
  /* font-family: 'Myriad Regular', sans-serif; */
  line-height: 1;
  width: 45px;
  text-align: right;
  margin-right: 15px;
  color:white;
}

.wrap-time span {
  font-size: 16px;
  /* font-family: 'Myriad Regular', sans-serif; */
  line-height: 1;
  width: 10px;
  text-align: center;
  margin: 0 5px;
}

.wrap-time-select {
  display: flex;
  align-items: center;
  color:white;
}


select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  margin: 0;
  font-family: "ValeSans";
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;

  width: 38px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  color: var(--gray);
  border: none;
  cursor: pointer;
  box-shadow: 2px 0 8px rgb(0 0 0 / 50%);
  font-weight: bold;
  /* font-family: 'Myriad semibold', sans-serif; */
  font-size:16px;
}

option{
  font-family: "ValeSans";
  padding:10px;
}

select::-ms-expand {
  display: none;
}

.wrap-select {
  position: relative;
  /* font-family: 'Myriad Regular', sans-serif; */
}

.wrap-select select {
  /* display: none; hide original SELECT element: */
  background-color:white;
}

.select-selected {
  background-color: var(--white);
}

.wrap-filter-clock {
  height: 130px;
  margin-left: 35px;
}

.wrap-filter-clock img {
  max-width: 100%;
  height: inherit;
}


/* Custom Select */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent var(--gray) transparent;
  top: 7px;
}

.select-selected {
  color: var(--gray);
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  box-shadow: 2px 0 8px rgb(0 0 0 / 50%);
  font-weight: bold;
  /* font-family: 'Myriad semibold', sans-serif; */

}

.select-items div {
  color: var(--gray);
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) transparent rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.select-items div:last-child {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.select-items {
  position: absolute;
  background-color: var(--white);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


/* Gallery */
/* .wrapper-gallery {
  margin: 50px 0 0; 
} */

.list-photos {
  list-style: none;
  padding: 0 15px;
  min-height:265px;
  display: grid; /* (1) */
  grid-template-columns: 212px 212px repeat(auto-fill, 212px); /* (2) */
  grid-template-rows: repeat(auto-fill, 212px); /* (3) */
  grid-gap: 1rem; /* (4) */
  justify-content: space-between; /* (5) */
  padding:0px 48px;
  margin: 0px 0px 64px 25px;
}

/* .list-photos--item:first-child { */
.photo-highlight{
  grid-column: 1 / 3;  
  grid-row:  1 / 3; 
}

.list-photos--item {
  /* margin: 15px; */
  box-shadow: 2px 0 8px rgb(0 0 0 / 50%);
  flex: 0 0 17%;
  position: relative;
  overflow: hidden;
}

.list-photos--item.hidden {
  display: none;
}

.list-photos--item.show {
  display: flex;
}

.list-photos--item .photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  background-repeat: no-repeat;
  /* transform: scale(1); */


}

.list-photos--item:hover .photo {
  transition: all 0.5s ease-in-out;
  opacity: 0.5;
  transform: scale(1.1);
}

.wrap-message {
  padding: 20px;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  /* font-family: 'Myriad Regular', sans-serif; */
}

.wrap-message.show {
  display: flex;
}

/* pagination */
.wrap-pagination {
  width: 100% !important;
  background: var(--green);
  text-align: center;
  min-height: 35px;
  display: flex;
  align-content: center;
  justify-content: center;
  color: var(--white);
  flex-wrap: wrap;
  padding: 15px 0;

}

.wrap-pagination button {
  padding: 8px;
  color: var(--white);
  text-decoration: none;
  font-size: 16px;
  /* font-family: 'Myriad Regular', sans-serif; */
  text-shadow: 2px 0 8px rgb(0 0 0 / 50%);
  background: transparent;
  border: none;
  cursor: pointer;
}

.wrap-pagination button:hover {
  text-decoration: underline;
}

.wrap-pagination button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.wrap-pagination a.current {
  /* font-family: 'Myriad Semibold', sans-serif; */
  text-decoration:underline;
}



/* @media (min-width: 180px) and (max-width: 767px) {
  .wrapper {
    max-width: 100%;
  }

  .wrapper-header {
    height: 280px;
    position: relative;
  }

  .image-once {
    left: initial;
    transform: translateX(0%);
    width: 120px;
    top: 80px;
    right: 30px;
  }

  .wrap-nav-header {
    display: none;
  }

  .wrap-logos-header {
    margin-top: 50px;
  }

  .wrap-logos-header .logo-partners.expo {
    position: absolute;
    top: -7px;
    right: 0;
    height: 80px;
  }

  .logo-partners {
    height: 80px;
  }

  .wrap-content-header {
    padding: 15px;
  }

  .wrap-content-header .description,
  .wrap-content-header .subtitle {
    font-size: 20px;
  }

  .wrapper-filter {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 0 20px;
    position:relative;
    z-index:10;
  }

  .wrap-content-filter {
    display: flex;
    align-items: center;
    width: 100%;
    margin-left: 0;
  }

  .wrap-icon-camera {
    width: 70px;
    height: 70px;
    margin-left: 15px;
  }

  .wrap-icon-camera img {
    width: 40px;
  }

  .wrapt-title-filter {
    margin-left: 20px
  }

  .title-filter {
    font-size: 20px;
    margin-bottom: 0;
  }

  .description-filter {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 22px;
    width: 260px;
  }

  .wrap-filter--calendar {
    width: 180px;
    height: 200px;
    background-size: 170px;
    left: -10px;
  }

  .month {
    top: 59px;
    font-size: 14px;
  }

  .btn-filter {
    width: 35px;
  }

  .wrap-calendar-filter .dd {
    font-size: 28px;
  }

  .wrap-calendar-filter .day {
    font-size: 12px;
  }

  .wrap-filter {
    justify-content: space-between;
    width: 100%;
    display: flex;
    padding: 0 15px;
  }

  .wrap-filter--timer {
    position: relative;
    left: -10px;
  }

  .wrap-time .title-time {
    font-size: 12px;
    width: 35px;
    margin-right: 10px;
  }

  .select-items div {
    padding: 6px 12px;
  }

  .select-selected {
    padding: 6px 12px;
    box-shadow: 2px 0 7px rgb(0 0 0 / 50%);
  }

  .wrap-filter-clock {
    display: none;
  }

  .list-photos {
    padding: 0;
    margin: 0;
  }

  .list-photos--item {
    width: 100%;

    margin: 15px;
    flex: 1 auto;
    max-width: 100%;
  }

  .wrap-message {
    padding: 20px 0;
    font-size: 16px;
  }
} */

/* @media (min-width: 180px) and (max-width: 320px) {
  .image-once {
    left: initial;
    transform: translateX(0%);
    width: 100px;
    top: 115px;
    right: 20px;
  }

  .wrap-content-header .description, 
  .wrap-content-header .subtitle {
    font-size: 18px;
    text-shadow: 0 0 14px black;
  }

  .wrap-content-header .title {
    font-size: 44px;
    text-shadow: 0 0 14px black;
  }

  .wrapper-filter {
    padding: 20px 0 30px;
  }

  .description-filter {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    width: 80%;
    margin: 15px auto 0;
  }

  .wrap-content-filter,
  .wrap-filter {
    flex-direction: column;
    margin: 0 auto;
    padding: 0;
  }

  .wrapt-title-filter {
    margin-left: 0;
    text-align: center;
    margin-top: 20px;
  }

  .wrap-filter--calendar {
    width: 180px;
    height: 200px;
    background-size: 180px;
    left: 0;
  }

  .wrap-calendar-filter {
    width: 113px;
    height: 68px;
    top: 75px;
    left: 33px;
  }

  .wrap-filter--timer {
    position: relative;
    left: -17px;
  }

  .wrapper-gallery {
    margin: 35px 0 0;
  }

  .list-photos--item {
    width: auto;
    height: 150px;
    margin: 10px;
    flex: 1 auto;
  }

  .list-photos--item .photo {
    width: 100%;
    height: 100%;
    filter: opacity(0.5);
    object-fit: cover;
  }
} */


/* @media (min-width: 768px) and (max-width: 991px) {
  .wrapper {
    max-width: 720px;
  }

  .wrapper-header {
    height: 280px;
    position: relative;
  }

  .image-once {
    left: initial;
    transform: translateX(0%);
    width: 120px;
    top: 80px;
    right: 30px;
  }

  .wrap-nav-header {
    display: none;
  }

  .wrap-logos-header {
    margin-top: 50px;
  }

  .wrap-logos-header .logo-partners.expo {
    position: absolute;
    top: -7px;
    right: 0;
    height: 80px;
  }

  .logo-partners {
    height: 80px;
  }

  .wrap-content-header {
    padding: 15px;
  }

  .wrap-content-header .description,
  .wrap-content-header .subtitle {
    font-size: 20px;
  }

  .wrapper-filter {
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 0 0;
  }

  .wrap-content-filter {
    display: flex;
    align-items: center;
    margin-left: 15px;
    width: 100%;
  }

  .wrap-icon-camera {
    width: 70px;
    height: 70px;
  }

  .wrap-icon-camera img {
    width: 40px;
  }

  .wrapt-title-filter {
    margin-left: 20px
  }

  .title-filter {
    font-size: 20px;
    margin-bottom: 0;
  }

  .description-filter {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 26px;
    width: 260px;
  }

  .wrap-filter--calendar {
    width: 180px;
    height: 200px;
    background-size: 170px;
    left: -10px;
  }

  .btn-filter {
    width: 35px;
  }

  .wrap-calendar-filter .dd {
    font-size: 28px;
  }

  .wrap-calendar-filter .day {
    font-size: 12px;
  }

  .wrap-filter {
    justify-content: space-between;
    width: 100%;
    display: flex;
    padding: 0 ;
  }

  .wrap-filter--timer {
    position: relative;
    left: -10px;
  }

  .wrap-time .title-time {
    font-size: 12px;
    width: 35px;
    margin-right: 10px;
  }

  .select-items div {
    padding: 6px 12px;
  }

  .select-selected {
    padding: 6px 12px;
    box-shadow: 2px 0 7px rgb(0 0 0 / 50%);
  }

  .wrap-filter-clock {
    display: flex;
  }

  .list-photos--item {
    width: 50%;
    height: 210px;
    margin: 20px 15px;
    flex: 1 0 40%;
    max-width: 46%;
  }
} */

/* @media (min-width: 992px) and (max-width: 1199px) {
  .wrapper {
    max-width: 960px;
  }

  .image-once {
    max-width: 210px;
    top: 90px;
    z-index: 9;
  }

  .wrap-content-header,
  .wrap-nav-header {
    padding: 15px 30px;
  }

  .wrap-content-header .subtitle,
  .wrap-content-header .description {
    font-size: 30px;
  }

  .wrap-logos-header {
    margin-top: 85px;
  }

  .wrapper-filter {
    padding: 20px 0 0;
  }

  .description-filter {
    line-height: 26px;
    width: 280px;
  }

  .wrap-content-filter {
    display: flex;
    align-items: center;
    margin-left: 30px;
    width: 100%;
  }

  .wrap-icon-camera {
    width: 100px;
    height: 100px;
  }

  .wrap-icon-camera img {
    width: 50px;
  }

  .wrapt-title-filter {
    margin-left: 20px;
  }

  .wrap-filter {
    margin-right: 30px;
  }

  .wrap-filter--calendar {
    background-size: 180px;
    left: -25px;
  }

  .btn-filter.prev {
    left: -35px;
  }

  .btn-filter.next {
    right: -40px;
    left: initial;
  }

  .list-photos--item {
    flex: 0 0 29%;
  }
} */

/* @media (min-width: 1200px) {
  .wrapper {
    max-width: 1140px;
  }
}

@media (min-width: 1399px)  {
  .wrapper {
    max-width: 1380px;
  }
}

@media (min-width: 1439px)  {
  .wrapper {
    max-width: 1440px;
  }
} */

/* loading */
.wrap-loading {
  display: none;
  align-items: center;
  justify-content: center;
  height: 450px;
}

.wrap-loading.show {
  display: flex;
}

.loading {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.loading span {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--green);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loading span:nth-child(1) {
  left: 8px;
  animation: loadingAnimation1 0.6s infinite;
}

.loading span:nth-child(2) {
  left: 8px;
  animation: loadingAnimation2 0.6s infinite;
}

.loading span:nth-child(3) {
  left: 32px;
  animation: loadingAnimation2 0.6s infinite;
}

.loading span:nth-child(4) {
  left: 56px;
  animation: loadingAnimation3 0.6s infinite;
}


@keyframes loadingAnimation1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loadingAnimation3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes loadingAnimation2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

/* modal share */
.wrapper-share-social {
  position: fixed;
  background-color: rgba(0,0,0,0.6);
  width: 100vw;
  height: 100vh;
  z-index: 9;
  display: none;
  top: 0;
  left: 0;
  margin: 0 auto;
  z-index: 100001;
}

.wrapper-share-social.show {
  display: block;
}

.wrap-share-social {
  background: white;
  width: 350px;
  height: 120px;
  border-radius: 4px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);


  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.wrap-share-social h4 {
  font-size: 18px;
  /* font-family: 'Caecilia Bold', sans-serif; */
  margin: 15px 0 0;
}

.close-modal {
  background: transparent;
  border: transparent;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
}

.close-modal:hover {
  opacity: 0.7;
}


button.close-modal img {
  width: 24px;
  filter: contrast(0.1);
}

.list-social {
  padding: 0;
  list-style: none;

  display: flex;
  justify-content: center;
  align-items: center;
}

.social-item {
  margin: 10px;
}

.social-item img {
  width: 30px;
}

.lateral-line{
  width:31px;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  background-color:var(--yellow);
}



.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: black;
  border: 1px solid #ccc;
  font-size:16px;
  padding:2px;
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  padding: 10px;
  text-align:center;
}

.styledSelect:after {

  display:none;
}

.styledSelect:active,
.styledSelect.active {
  background-color: #fff;
}

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  text-align:center;
  list-style: none;
  border: 1px solid #ccc;
  background-color: white;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
  margin: 0 0;
  padding: 10px;
}

.options li:hover {
  background-color: #0EBC9B;
  color: #333;
}

.seeAll{
  position: relative;
  padding: 20px;
  text-align: center;
  color: white;
  height: auto;
  background-color: #BF305E;
  left: 0px;
  z-index: 10;
  margin: 0px;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}


.header-mobile{
  display:none;
}

.wrap-content-filter-mobile{
  display: none;
  align-items: center;
  margin-left: 0px;
} 
.wrapt-title-filter-mobile{
  margin-left: 0px;
  padding:0px 10px;
}
.wrap-icon-camera-mobile {
  width: 140px;
  height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  display: flex;
  align-items: center;
  justify-content: center;
}


.container-photos{
  padding: 40px 0 0;
}


.modal-window{
  position:relative;
  margin-top:150px;
  background-color:white;
  display:inline-block;
}

.nothingText{
  color:#555;
  text-align:center;
  padding:50px 0px;
  font-size: 24px;
  display:none;
}

#fotoAberta{
  width:64vh;
  height:64vh;
  background-size:100%;  
}


.btConfira{
  cursor: pointer;
  color: white;
  background-color: var(--main);
  padding: 10px 20px;
  position: absolute;
  top: 298px;
  left: 70px;
  font-size: 17px;
  line-height: 100%;
}

@media(max-width:1270px)
{
  .btConfira{
    top: 10px;
    right:10px;
    left:auto;
    font-size:1.5vw;
    padding:5px;
  }
  
  .lateral-line{
    display:none;
  }

  .wrapper-header {
    width: 100%;
    height: auto;
    background-image: 'none';
  }

  .header-mobile{
    display:block;
    width: 100%;
  }
  .wrap-content-filter{
    margin-left:-20px;
    margin-top:-15px;
  }
  .wrap-content-filter-elements{
    display:none;
  }
  .wrapt-title-filter{
    margin-left:-25px;
    display:none;
  }
  .wrap-icon-camera{
    display:none;
  }  
  .wrap-icon-camera-mobile img{
    width:70%;
    margin-left:10px;
  }
  .description-filter{
    font-size:12px;
    width:auto;
    padding-right:10px;
  }
  .title-filter{
    font-size:16px;
    line-height: 17px;
  }
  .wrap-content-filter-mobile{
    display: flex;
    padding-top:20px;
  }
  .wrapper-filter {
    display:block;
  }
  .wrap-filter--timer{
    position: absolute;
    right: 20px;
    bottom: 35px;      
  }
  .wrap-filter--calendar{
    margin-left:10px;
  }
  .wrap-filter--calendar{
    background-size:53% 60%;
  }
  .btn-filter{
    left:7px;
  }
  .btn-filter.next {
    right:7px;
    z-index:2;
  }
  .wrap-time .title-time{
    margin-right:8px;
  }
  .container-photos{
    padding: 20px 0 0;
  }
  .list-photos {
    padding:0px 20px;
    margin:0px 0px 64px 0px;
    min-height:265px;
    display:flex;
    grid-gap: 15px;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
  }
  .list-photos--item {
    flex: unset;
    width:152px;
    height:152px;
  }
  .photo-highlight{
    width:100% !important;
    height: 89vw !important;
  }

  .modal-window{
    width:95%;
  } 
  .nothingText{
    font-size:16px;
  }
  .wrap-calendar-filter .dd{
    line-height:73%;
  }
  #fotoAberta{
    height:86vw;
    width:100%;
    background-repeat: no-repeat;
  }
  
 
}