@font-face {
  font-family: NextExit;
  font-weight: 100;
  src: url(/scss/font/NextExitLight.otf);
}
@font-face {
  font-family: NextExit;
  src: url(/scss/font/NextExitRegular.otf);
}
@font-face {
  font-family: NextExit;
  font-weight: 500;
  src: url(/scss/font/NextExitBold.otf);
}
@font-face {
  font-family: NextExit;
  font-weight: bold;
  src: url(/scss/font/NextExitExtraBold.otf);
}
/* Slides background colors */
/* line 13, scss/_colors.scss */
.yellow {
  color: #FBFF27;
}

/* line 14, scss/_colors.scss */
.not-yellow {
  color: #FCF2D8;
}

/* line 1, scss/_filters.scss */
.filters {
  position: fixed;
  width: 90px;
  top: calc( 50% - 90px);
  left: 0;
  transition: all .4s;
  -webkit-transition: all .4s;
  z-index: 99;
}
/* line 10, scss/_filters.scss */
.filters ul {
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
}
/* line 16, scss/_filters.scss */
.filters ul li {
  display: inline-block;
  padding: 8px 10px 6px;
  margin: 6px 0;
  font-size: 20px;
  color: #FBFF27;
  border: 1px solid transparent;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
/* line 26, scss/_filters.scss */
.filters ul li.text {
  padding: 8px 0 6px;
}
/* line 27, scss/_filters.scss */
.filters ul li.active {
  border-color: grey;
}
/* line 30, scss/_filters.scss */
.filters ul li.haziz_v_raam img {
  max-width: 16px;
}
/* line 33, scss/_filters.scss */
.filters ul li.shod_v_shever img {
  width: 20px;
}
/* line 36, scss/_filters.scss */
.filters ul li img {
  height: auto;
}

/**
 * Musical slides
 */
@keyframes musical_kaftor_v_perach {
  from {
    opacity: 0;
    transform: translate(120px, 60px) rotate(-60deg);
  }
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes musical_haziz_v_raam {
  from {
    opacity: 0;
    transform: translate(40px, 80px) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes musical_shod_v_shever {
  from {
    opacity: 0;
    transform: translate(90px, 40px) rotate(60deg);
  }
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(0);
  }
}
/**
 * Political slides
 */
@keyframes political_kaftor_v_perach {
  from {
    opacity: 0;
    transform: translate(20px, -60px) rotate(-60deg);
  }
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes political_haziz_v_raam {
  from {
    opacity: 0;
    transform: translate(-40px, 50px) rotate(-120deg);
  }
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes political_shod_v_shever {
  from {
    opacity: 0;
    transform: translate(-80px, 120px) rotate(60deg);
  }
  to {
    opacity: 1;
    transform: translate(0, 0) rotate(0);
  }
}
/**
 * All slides
 */
@keyframes musical_item {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  50% {
    transform: translate(4px, 6px) rotate(8deg);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
@keyframes political_item {
  0% {
    transform: translate(0, 0) rotate(0);
  }
  50% {
    transform: translate(-6px, -3px) rotate(-4deg);
  }
  100% {
    transform: translate(0, 0) rotate(0);
  }
}
/**
 * Composed popup
 */
@keyframes pulse {
  0% {
    transform: scale(1) translateY(-50%);
  }
  70% {
    transform: scale(1.05) translateY(-50%);
  }
  100% {
    transform: scale(1) translateY(-50%);
  }
}
/* line 1, scss/_slides.scss */
.slide {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
/* line 8, scss/_slides.scss */
.slide.slide_0 {
  background-image: linear-gradient(#F94B14, #CBC8AA);
}
/* line 9, scss/_slides.scss */
.slide.slide_1 {
  background: #CBC8AA;
}
/* line 10, scss/_slides.scss */
.slide.slide_2 {
  background: #BA9E82;
}
/* line 11, scss/_slides.scss */
.slide.slide_3 {
  background: #E3885D;
}
/* line 12, scss/_slides.scss */
.slide.slide_4 {
  background: #E76E3D;
}
/* line 13, scss/_slides.scss */
.slide.slide_5 {
  background: #F45D2D;
}
/* line 14, scss/_slides.scss */
.slide.slide_6 {
  background: #FF462B;
}
/* line 15, scss/_slides.scss */
.slide.slide_7 {
  background: #FF2D0D;
}
/* line 18, scss/_slides.scss */
.slide.slide_7 .year.end {
  bottom: -8px;
}
/* line 21, scss/_slides.scss */
.slide .logo-big {
  position: absolute;
  width: 320px;
  height: auto;
  top: calc( 50% - 160px);
  left: calc( 50% - 160px);
}
/* line 28, scss/_slides.scss */
.slide .logo-text {
  position: absolute;
  top: 60%;
  left: 48.8%;
  font-size: 30px;
  color: #FCF2D8;
}
@media screen and (max-width: 1400px) {
  /* line 39, scss/_slides.scss */
  .slide .center-div .item:nth-child(n+13) {
    display: none !important;
  }
}
/* line 46, scss/_slides.scss */
.slide div.center-div {
  position: absolute !important;
  width: 952px !important;
  max-width: 80% !important;
  height: 59% !important;
  max-height: 59% !important;
  top: 20%;
  left: 50%;
  padding-bottom: 60px;
  transform: translateX(-58%);
  text-align: right;
  overflow: hidden;
}
/* line 59, scss/_slides.scss */
.slide div.center-div p.yellow {
  position: absolute;
  right: 10%;
  bottom: 0;
  margin: 0;
  font-size: 24px;
  text-align: right;
}
@media screen and (max-width: 1800px) {
  /* line 68, scss/_slides.scss */
  .slide div.center-div p.yellow {
    right: 12%;
  }
}
@media screen and (max-width: 1550px) {
  /* line 71, scss/_slides.scss */
  .slide div.center-div p.yellow {
    right: 16%;
    bottom: 10px;
  }
}
/* line 77, scss/_slides.scss */
.slide div.center-div .item {
  display: inline-table;
  position: static !important;
  height: 150px !important;
  animation: none !important;
}
/* line 82, scss/_slides.scss */
.slide div.center-div .item * {
  animation: none !important;
}
/* line 83, scss/_slides.scss */
.slide div.center-div .item:nth-child(n+17) {
  display: none;
}
/* line 85, scss/_slides.scss */
.slide div.center-div .item div.highlight-title {
  color: #FBFF27;
  text-align: right !important;
}
/* line 92, scss/_slides.scss */
.slide .year {
  position: absolute;
  width: 100%;
  height: auto;
  text-align: center;
}
/* line 98, scss/_slides.scss */
.slide .year.start {
  top: 0;
  left: 0;
}
/* line 102, scss/_slides.scss */
.slide .year.start img {
  position: relative;
  top: 0;
}
/* line 107, scss/_slides.scss */
.slide .year.end {
  bottom: 0;
  left: 0;
}
/* line 111, scss/_slides.scss */
.slide .year.end img {
  position: relative;
  bottom: 0;
}
/* line 117, scss/_slides.scss */
.slide .year img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
/* line 124, scss/_slides.scss */
.slide .container, .slide .center-div {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
/* line 130, scss/_slides.scss */
.slide .container div.item, .slide .center-div div.item {
  position: absolute;
  width: 200px;
  height: auto;
  text-align: center;
  transition: all .4s;
  -webkit-transition: all .4s;
  z-index: 10;
}
/* line 140, scss/_slides.scss */
.slide .container div.item.haziz_v_raam img, .slide .center-div div.item.haziz_v_raam img {
  max-width: 50px;
}
/* line 143, scss/_slides.scss */
.slide .container div.item.kaftor_v_perach img, .slide .center-div div.item.kaftor_v_perach img {
  max-width: 64px;
}
/* line 146, scss/_slides.scss */
.slide .container div.item.drag, .slide .center-div div.item.drag {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  overflow: hidden;
}
/* line 153, scss/_slides.scss */
.slide .container div.item.drag .highlight-title, .slide .center-div div.item.drag .highlight-title {
  position: absolute;
  width: 80px;
  top: 50%;
  right: 10%;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateY(-50%);
  z-index: 999;
}
/* line 165, scss/_slides.scss */
.slide .container div.item video, .slide .center-div div.item video {
  position: absolute;
  min-width: 100%;
  height: auto;
  max-height: 120px;
  top: 0;
  left: -20px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
}
/* line 176, scss/_slides.scss */
.slide .container div.item img, .slide .center-div div.item img {
  transition: all .2s;
  -webkit-transition: all .2s;
}
/* line 182, scss/_slides.scss */
.slide .container div.item:hover img, .slide .center-div div.item:hover img {
  transform: scale(1.1);
}
/* line 185, scss/_slides.scss */
.slide .container div.item.semi-fade, .slide .center-div div.item.semi-fade {
  opacity: .1 !important;
}
/* line 188, scss/_slides.scss */
.slide .container div.item.musical.kaftor_v_perach, .slide .center-div div.item.musical.kaftor_v_perach {
  animation: musical_kaftor_v_perach 2s;
  animation-iteration-count: 1;
}
/* line 192, scss/_slides.scss */
.slide .container div.item.musical.haziz_v_raam, .slide .center-div div.item.musical.haziz_v_raam {
  animation: musical_haziz_v_raam 2s;
  animation-iteration-count: 1;
}
/* line 196, scss/_slides.scss */
.slide .container div.item.musical.shod_v_shever, .slide .center-div div.item.musical.shod_v_shever {
  animation: musical_shod_v_shever 2s;
  animation-iteration-count: 1;
}
/* line 201, scss/_slides.scss */
.slide .container div.item.musical.ready, .slide .center-div div.item.musical.ready {
  animation: musical_item 3s infinite;
}
/* line 204, scss/_slides.scss */
.slide .container div.item.political.kaftor_v_perach, .slide .center-div div.item.political.kaftor_v_perach {
  animation: political_kaftor_v_perach 2s;
  animation-iteration-count: 1;
}
/* line 208, scss/_slides.scss */
.slide .container div.item.political.haziz_v_raam, .slide .center-div div.item.political.haziz_v_raam {
  animation: political_haziz_v_raam 2s;
  animation-iteration-count: 1;
}
/* line 212, scss/_slides.scss */
.slide .container div.item.political.shod_v_shever, .slide .center-div div.item.political.shod_v_shever {
  animation: political_shod_v_shever 2s;
  animation-iteration-count: 1;
}
/* line 217, scss/_slides.scss */
.slide .container div.item.political.ready, .slide .center-div div.item.political.ready {
  animation: political_item 3s infinite;
}
/* line 220, scss/_slides.scss */
.slide .container div.item .highlight-title, .slide .center-div div.item .highlight-title {
  position: relative;
  width: 160px;
  padding: 5px 10px;
  margin: 0 auto;
  font-size: 16px;
  text-align: center !important;
  color: #FBFF27;
}
/* line 230, scss/_slides.scss */
.slide .container div.item img, .slide .center-div div.item img {
  width: 70px;
  height: auto;
  margin: 0 auto;
}

/* line 1, scss/_presentation.scss */
.presentation {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: #000;
  overflow: hidden;
  z-index: 99;
}
/* line 12, scss/_presentation.scss */
.presentation:after {
  content: '';
  opacity: .7;
  position: absolute;
  width: 100%;
  height: 300px;
  bottom: 0;
  left: 0;
}
/* line 23, scss/_presentation.scss */
.presentation.gradient_1:after {
  background: url("images/gradients/gradient_1.png") no-repeat;
  background-size: cover;
}
/* line 29, scss/_presentation.scss */
.presentation.gradient_2:after {
  background: url("images/gradients/gradient_2.png") no-repeat;
  background-size: cover;
}
/* line 35, scss/_presentation.scss */
.presentation.gradient_3:after {
  background: url("images/gradients/gradient_3.png") no-repeat;
  background-size: cover;
}
/* line 41, scss/_presentation.scss */
.presentation.gradient_4:after {
  background: url("images/gradients/gradient_4.png") no-repeat;
  background-size: cover;
}
/* line 47, scss/_presentation.scss */
.presentation.gradient_5:after {
  background: url("images/gradients/gradient_5.png") no-repeat;
  background-size: cover;
}
/* line 53, scss/_presentation.scss */
.presentation.gradient_6:after {
  background: url("images/gradients/gradient_6.png") no-repeat;
  background-size: cover;
}
/* line 59, scss/_presentation.scss */
.presentation.gradient_7:after {
  background: url("images/gradients/gradient_7.png") no-repeat;
  background-size: cover;
}
/* line 65, scss/_presentation.scss */
.presentation.gradient_8:after {
  background: url("images/gradients/gradient_8.png") no-repeat;
  background-size: cover;
}
/* line 71, scss/_presentation.scss */
.presentation .logo {
  position: absolute;
  width: 48px;
  height: auto;
  top: 30px;
  left: 45px;
  margin: 0;
  transform: none;
  -webkit-transform: none;
  z-index: 99;
}
/* line 83, scss/_presentation.scss */
.presentation p {
  position: absolute;
  bottom: 40px;
  font-size: 26px;
  color: #FCF2D8;
  z-index: 99;
}
/* line 90, scss/_presentation.scss */
.presentation p.right {
  right: 80px;
}
/* line 91, scss/_presentation.scss */
.presentation p.left {
  left: 80px;
}
/* line 94, scss/_presentation.scss */
.presentation > img:not(.logo) {
  position: absolute;
  width: 400px;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 50%;
  margin-left: -200px;
  z-index: 99;
}
/* line 104, scss/_presentation.scss */
.presentation > img:not(.logo):hover {
  animation: pulse 1s infinite;
}
/* line 107, scss/_presentation.scss */
.presentation > video, .presentation > video source {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
/* line 114, scss/_presentation.scss */
.presentation .speaker {
  position: relative;
  width: 18px;
  height: auto;
  top: 2px;
  margin-left: 14px;
  transition: all .2s;
  -webkit-transition: all .2s;
}
/* line 123, scss/_presentation.scss */
.presentation .speaker:hover {
  transform: scale(1.1);
}

/* line 8, scss/style.scss */
html, body {
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  font-family: NextExit;
  text-align: right;
  direction: rtl;
  cursor: url("images/cursor.png"), auto;
}
/* line 18, scss/style.scss */
html::-webkit-scrollbar, html::-webkit-scrollbar-thumb, html::-webkit-scrollbar-track-piece, body::-webkit-scrollbar, body::-webkit-scrollbar-thumb, body::-webkit-scrollbar-track-piece {
  width: 0;
}
/* line 20, scss/style.scss */
html::-webkit-scrollbar *, html::-webkit-scrollbar-thumb *, html::-webkit-scrollbar-track-piece *, body::-webkit-scrollbar *, body::-webkit-scrollbar-thumb *, body::-webkit-scrollbar-track-piece * {
  width: 0;
}

/* line 24, scss/style.scss */
.header {
  position: fixed;
  width: 100%;
  height: 40px;
  top: 10px;
  padding: 20px 0;
  z-index: 10;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/* line 34, scss/style.scss */
.header img {
  float: left;
  width: 48px;
  height: auto;
  margin-left: 45px;
}

/* line 42, scss/style.scss */
.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  text-align: center;
}
/* line 51, scss/style.scss */
.loading img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 90px;
  height: auto;
}