:root {
  --swiper-navigation-color: #ffd32a;
  --swiper-pagination-color: #ffd32a;
  --swiper-pagination-bullet-inactive-color: #ffffff;
}



body {background-color: #f1f1f1;  overflow-x: hidden;font-family: 'Barlow Semi Condensed', sans-serif; font-size: 16px;} 
.full-screen {width: 100vw; min-height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; background: #f1f1f1}


.main-header {background:#fff; margin-bottom: 50px; padding: 30px 0;}
.main-header .logo {height: 30px; width: auto;}
.main-header .row {align-items: center;}
h4 {font-weight: 600; padding-right: 30px; font-size: 18px;}

.flex-inn {display: flex; align-items: center;}
.logout-text {color: #000; text-decoration: none;  font-size: 18px;}
.logout-text i {color: #c23616; text-decoration: none;}
.logout-text:hover {color: #c23616; text-decoration: none;}



.msg {border-radius: 4px; border: 2px solid #485460; padding: 15px 30px;}
.msg i {margin-right: 20px; color: #ffd32a}


.slide-item {height: 300px; width: 100%; display: block; color: #fff; border-radius: 3px; overflow: hidden; position: relative; transition: color .2s;}
.slide-item:hover {color: #ffd32a}
.slide-item .overlay {width: 100%; top: 0; bottom: 0; position: absolute; background: linear-gradient(16deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); padding: 40px;}
.slide-item .overlay .text {position: absolute; bottom: 40px; font-size: 24px;}
.exit-slide {position: absolute; left: 3px; bottom: 3px; opacity: 0.5; text-decoration: none; z-index: 100}
.exit-slide:hover {opacity: 1;}



section.login-wrapper {width: 100%; max-width: 900px; height: 500px; display: flex; margin-bottom: 100px;}
section.login-wrapper .left {width: 50%; height: 500px; background: #ffffff; padding: 50px; border-radius: 10px 0 0 10px; display: flex; align-items: center;}
section.login-wrapper .right {width: 50%; height: 500px; background: #e9e9e9; padding: 30px 50px; border-radius: 0 10px 10px 0; text-align: center; display: flex; align-items: center;}

section.login-wrapper .left .logo {width: 250px; height: auto; margin-bottom: 70px;}
.login-form {width: 100%;}

.show {
  display: block;
}



.filtr-item {
  width: 100%;
  padding: 12px;
}

@media screen and (min-width: 768px) {
  .filtr-item {
    width: 50%;
  }
}

@media screen and (min-width: 991px) {
  .filtr-item {
    width: 33.3%;
  }
}

.item-desc {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  position: absolute;
  text-transform: uppercase;
  text-align: center;
  padding: 1rem;
  z-index: 1;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
}


/* Filter controls */
.simplefilter {
  padding-left: 0;
}
.simplefilter li {
  cursor: pointer;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 3px;
  font-size: 16px;
  margin: 0 15px 15px 0;
}
.simplefilter li {
  background-color: #ffffff;
  color: #000000;
}
.simplefilter li.active {
  background-color: #212121;
  color: white;
}



/************************************************************************
 *
 * RESPONSIVE           
 *
 ************************************************************************/

.desktop-hide {display: none;}


/* Tablet Landscape (1024px) */
@media only screen and (max-width: 1024px) {
	.calender-grid {grid-template-columns: repeat(2, 1fr);}
}

/* Tablet Portrait (768px) */
@media only screen and (max-width: 768px) {

}

/* Phone Landscape (480px) */
@media only screen and (max-width: 480px) {
	.calender-grid {grid-template-columns: repeat(1, 1fr); }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
}







.swiper-container {
  width: 100vw;
  height: 100vh;
  background: #111;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #111;
}

.swiper-slide img { height: 100vh; width: auto;}

video, iframe {
  height: 100vh;
  width: 100%;
  object-fit: fill;
  position: absolute;
  left: 0;
}

.swiper-slide {
  pointer-events: none;
}