/*! project-name v0.0.1 | (c) 2020 Abdeltif Bouziane | MIT License | http://eyetags.net */
/*! project-name v0.0.1 | (c) 2020 Abdeltif Bouziane | MIT License | http://eyetags.net */
/**
 * @section Base Styles
 */
/* line 12, src/sass/components/_base.scss */
/* line 10, src/sass/main.scss */
input,
textarea,
select,
button {
  font: inherit;
}

/**
 * @section Player Styles
 */
/* line 5, src/sass/components/_player.scss */
/* line 21, src/sass/main.scss */
.video-player {
  /*** loader ***/
}

/* line 7, src/sass/components/_player.scss */
/* line 26, src/sass/main.scss */
.video-player.fulls {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: black;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* line 23, src/sass/components/_player.scss */
/* line 49, src/sass/main.scss */
.video-player.fulls #playertwo, .video-player.fulls .controls {
  width: 80%;
  margin: 0 auto;
}

/* line 28, src/sass/components/_player.scss */
/* line 55, src/sass/main.scss */
.video-player.fulls .controls {
  position: absolute;
  bottom: 20px;
}

/* line 34, src/sass/components/_player.scss */
/* line 61, src/sass/main.scss */
.video-player.fulls .fullscreen, .video-player.fulls .mute, .video-player.fulls .btn-play {
  color: white;
}

/* line 40, src/sass/components/_player.scss */
/* line 66, src/sass/main.scss */
.video-player.loop .lds-roller,
.video-player.loop .controls,
.video-player.loop .progress-full,
.video-player.loop .fullscreen {
  display: none !important;
}

/* line 45, src/sass/components/_player.scss */
/* line 71, src/sass/main.scss */
.video-player .fullscreen, .video-player .mute, .video-player .btn-play {
  /*display: block;*/
  text-align: center;
  font-family: 'Pitch Sans', sans-serif;
  font-weight: 500;
  color: #000;
  display: inline-block;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}

/* line 84, src/sass/main.scss */
.video-player .fullscreen, .video-player .mute {
  padding-left: 20px;
}

/* line 85, src/sass/main.scss */
.video-player .btn-play {
  padding-right: 20px;
}

/* line 87, src/sass/main.scss */
.fullscreen .main-player {
  background: #000 !important;
}

/* line 61, src/sass/components/_player.scss */
/* line 92, src/sass/main.scss */
.video-player .progress-full {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  height: 5px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin: 0;
}

/* line 72, src/sass/components/_player.scss */
/* line 102, src/sass/main.scss */
.video-player .progress {
  height: 12px;
  display: block;
  background: url("../img/dot.png") center left repeat-x;
  width: 0%;
}

/* line 82, src/sass/components/_player.scss */
/* line 110, src/sass/main.scss */
.video-player .controls {
  width: 100%;
  z-index: 11;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  position: relative;
}

/* line 89, src/sass/components/_player.scss */
/* line 119, src/sass/main.scss */
.video-player .lds-roller {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  margin: 0 auto;
  z-index: 2;
  display: none;
}

/* line 100, src/sass/components/_player.scss */
/* line 132, src/sass/main.scss */
.video-player .lds-roller div {
  -webkit-animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-transform-origin: 40px 40px;
  transform-origin: 40px 40px;
}

/* line 104, src/sass/components/_player.scss */
/* line 140, src/sass/main.scss */
.video-player .lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  margin: -4px 0 0 -4px;
}

/* line 114, src/sass/components/_player.scss */
/* line 152, src/sass/main.scss */
.video-player .lds-roller div:nth-child(1) {
  -webkit-animation-delay: -0.036s;
  animation-delay: -0.036s;
}

/* line 117, src/sass/components/_player.scss */
/* line 158, src/sass/main.scss */
.video-player .lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

/* line 121, src/sass/components/_player.scss */
/* line 164, src/sass/main.scss */
.video-player .lds-roller div:nth-child(2) {
  -webkit-animation-delay: -0.072s;
  animation-delay: -0.072s;
}

/* line 124, src/sass/components/_player.scss */
/* line 170, src/sass/main.scss */
.video-player .lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

/* line 128, src/sass/components/_player.scss */
/* line 176, src/sass/main.scss */
.video-player .lds-roller div:nth-child(3) {
  -webkit-animation-delay: -0.108s;
  animation-delay: -0.108s;
}

/* line 131, src/sass/components/_player.scss */
/* line 182, src/sass/main.scss */
.video-player .lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

/* line 135, src/sass/components/_player.scss */
/* line 188, src/sass/main.scss */
.video-player .lds-roller div:nth-child(4) {
  -webkit-animation-delay: -0.144s;
  animation-delay: -0.144s;
}

/* line 138, src/sass/components/_player.scss */
/* line 194, src/sass/main.scss */
.video-player .lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

/* line 142, src/sass/components/_player.scss */
/* line 200, src/sass/main.scss */
.video-player .lds-roller div:nth-child(5) {
  -webkit-animation-delay: -0.18s;
  animation-delay: -0.18s;
}

/* line 145, src/sass/components/_player.scss */
/* line 206, src/sass/main.scss */
.video-player .lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

/* line 149, src/sass/components/_player.scss */
/* line 212, src/sass/main.scss */
.video-player .lds-roller div:nth-child(6) {
  -webkit-animation-delay: -0.216s;
  animation-delay: -0.216s;
}

/* line 152, src/sass/components/_player.scss */
/* line 218, src/sass/main.scss */
.video-player .lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

/* line 156, src/sass/components/_player.scss */
/* line 224, src/sass/main.scss */
.video-player .lds-roller div:nth-child(7) {
  -webkit-animation-delay: -0.252s;
  animation-delay: -0.252s;
}

/* line 159, src/sass/components/_player.scss */
/* line 230, src/sass/main.scss */
.video-player .lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

/* line 163, src/sass/components/_player.scss */
/* line 236, src/sass/main.scss */
.video-player .lds-roller div:nth-child(8) {
  -webkit-animation-delay: -0.288s;
  animation-delay: -0.288s;
}

/* line 166, src/sass/components/_player.scss */
/* line 242, src/sass/main.scss */
.video-player .lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@-webkit-keyframes lds-roller {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes lds-roller {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* line 271, src/sass/main.scss */
.loaderhome {
  display: none;
}

/* line 274, src/sass/main.scss */
.loaderimg img {
  opacity: 0;
}

/* line 279, src/sass/main.scss */
.fullscreen .slick-active {
  width: 100vw;
}

/* line 8, src/sass/components/_sliderhack.scss */
/* line 284, src/sass/main.scss */
.loaderhome {
  display: none;
}

/* line 12, src/sass/components/_sliderhack.scss */
/* line 289, src/sass/main.scss */
.loaderhome .loaderimg img {
  opacity: 0;
}

/* line 19, src/sass/components/_sliderhack.scss */
/* line 294, src/sass/main.scss */
.container.fullscreen {
  padding: 0;
}

.container.fullscreen .item.slick-slide.slick-current.slick-active{
  width: 100vw !important;
}

/* line 22, src/sass/components/_sliderhack.scss */
/* line 299, src/sass/main.scss */
.container.fullscreen .item.slick-slide {
  background-color: #000;
  height: 100vh;
  position: fixed;
}

/* line 28, src/sass/components/_sliderhack.scss */
/* line 306, src/sass/main.scss */
.container.fullscreen .slider {
  height: 100vh;
}

/* line 31, src/sass/components/_sliderhack.scss */
/* line 311, src/sass/main.scss */
.container.fullscreen .video-player {
  position: relative;
}

/* line 35, src/sass/components/_sliderhack.scss */
/* line 316, src/sass/main.scss */
.container.fullscreen .video-player .fullscreen, .container.fullscreen .video-player .mute, .container.fullscreen .video-player .btn-play {
  color: #fff;
}

/* line 38, src/sass/components/_sliderhack.scss */
/* line 321, src/sass/main.scss */
.container.fullscreen .video-player .controls {
  width: calc(100vw - 76px) !important;
  left: inherit  !important;
  z-index: 11;
  position: fixed;
  bottom: 5px;
  text-align: left;
  max-width: 1200px;
}

/* line 48, src/sass/components/_sliderhack.scss */
/* line 332, src/sass/main.scss */
.container.fullscreen .slider .item .counter-info, .container.fullscreen .slider .item .video-player {
  display: block !important;
  max-width: 1200px;
  margin: 0 auto;
}

/* line 54, src/sass/components/_sliderhack.scss */
/* line 339, src/sass/main.scss */
.container.fullscreen .video-player .progress {
  -webkit-filter: invert(1);
  filter: invert(1);
}

/* line 59, src/sass/components/_sliderhack.scss */
/* line 345, src/sass/main.scss */
.navigation.fullscreen {
  display: none;
}

/*****home loader *****/
/* line 350, src/sass/main.scss */
.lds-ellipsis.loading-project {
  display: none;
}

/* line 353, src/sass/main.scss */
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* line 361, src/sass/main.scss */
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #000;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

/* line 370, src/sass/main.scss */
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite;
}

/* line 374, src/sass/main.scss */
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

/* line 378, src/sass/main.scss */
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite;
}

/* line 382, src/sass/main.scss */
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite;
}

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(24px, 0);
            transform: translate(24px, 0);
  }
}

/*** hack vimeo ***/
/* line 412, src/sass/main.scss */
.main-player {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  position: relative;
  z-index: -1;
}

/* line 420, src/sass/main.scss */
iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 428, src/sass/main.scss */
.main-player > div:nth-child(2) {
  position: relative;
  padding-bottom: 200%;
  -webkit-transform: translateY(-35.95%);
          transform: translateY(-35.95%);
}

/* line 434, src/sass/main.scss */
.main-player > div:nth-child(2) {
  padding: 0 0 200% 0 !important;
    /*border: 1px solid red;*/
}

/* line 438, src/sass/main.scss */
.video-link {
  padding: 56.25% 0 0 0;
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
    /*background-color: rgba(0, 0, 0, 0.2);*/
}

/* line 447, src/sass/main.scss */
.video-player.loop {
  padding: 20px 40px 40px 40px;
  display: block;
  position: relative;
}

/* line 452, src/sass/main.scss */
.vplaceholder {
  padding: 56.25% 0 0 0;
  position: relative;
}

/* line 457, src/sass/main.scss */
.main-player.carree > div:nth-child(2) {
  position: initial !important;
  padding-bottom: 200%;
  -webkit-transform: none;
          transform: none;
}

/* line 463, src/sass/main.scss */
#bio.hidded {
  visibility: hidden;
  position: absolute;
}

/* line 468, src/sass/main.scss */
.slider-project {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 9999;
  overflow-y: scroll;
    /*opacity: 0;*/
    /*transform: scale(1.3);*/
}

/* line 480, src/sass/main.scss */
.slider-mode {
  overflow: hidden;
}

/* line 483, src/sass/main.scss */
.slider-mode .slider-project {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 9999;
  overflow-y: scroll;
}

/* line 495, src/sass/main.scss */
.slider-mode header.visiblebio .elm {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.container .thumbnails .item {
    cursor: pointer;
}