body {
 background: #fff;
    margin: 0;
    outline: 0;
    padding: 0;
    height: 100%;
}
a:hover, a:active, a:focus, button, input:hover, input:active, input:focus {
  outline: 0;
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -ms-animation: none !important;
  -o-animation: none !important;
}

.very-specific-design {
  width: 1080px;
  height: 1920px;
  text-align: center;
  background: white;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  overflow: hidden;
  background: url("../img/bg.png") no-repeat center bottom;
}

.scaleable-wrapper {
  width: 100%;
  padding: 0px;
  resize: both;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background: #fff;
  height: 100%;
  background: url("../img/bg.png") center center #fff;
  background-size: cover;
}

.ui-resizable-se {
  width: 10px;
  height: 10px;
  background: orange;
  position: absolute;
  bottom: 0;
  right: 0;
}

.video-content{
  position: absolute;
  width: 1080px;
  height: 511px;
  top: 0;
  left: 0;
}

.video{
  position: absolute;
  width: 1080px;
  height: 511px;
  top: 0;
  left: 0;
  background: url("../img/video-bg.png") no-repeat top center;
}

.video .play{
  position: absolute;
  width: 142px;
  height: 142px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../img/play.png") no-repeat top center;
}

.video::after{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
  background: rgba(23,94,206,.20);
  border-radius: 50%;
  animation: playid 1.4s ease-in-out infinite;
}

.video::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 250px;
  height: 250px;
  background: rgba(23,94,206,.20);
  border-radius: 50%;
  animation: playid 1.5s ease-in-out infinite;
}

.logo{
  position: absolute;
  width: 639px;
  height: 329px;
  top: 76px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/logo.png) no-repeat top center;
  animation: profilePhoto 1.5s;
}

.logo-left{
  position: absolute;
  width: 103px;
  height: 372px;
  top: 48px;
  left: 67px;
  background: url("../img/logo-left.png") no-repeat center center;
  animation: logoLeft 1.5s;
}

.logo-right{
  position: absolute;
  width: 103px;
  height: 372px;
  top: 48px;
  right: 67px;
  background: url("../img/logo-right.png") no-repeat center center;
  animation: logoRight 1.5s;
}

.tikla-dinle-arrow{
  position: absolute;
  width: 198px;
  height: 168px;
  top: 565px;
  left: 80px;
  background: url("../img/tikla-dinle-arrow.png") no-repeat center center;
  animation: tiklaDinleArrow 2s;
  z-index: 99;
}

.tikla-dinle-text{
  position: absolute;
  width: 128px;
  height: 108px;
  top: 448px;
  left: 20px;
  background: url("../img/tikla-dinle-text.png") no-repeat center center;
  animation: whatsapp 7s infinite;
  z-index: 99;
}

.plak-ucu{
  display: block;
  position: absolute;
  width: 862px;
  height: 164px;
  top: 450px;
  right: -431px;
  background: url("../img/plak-ucu.png") no-repeat center center;
  z-index: 120;
}

.donbabadon { animation: 2s rotate360 infinite linear; }
.donucdon {animation: 2s ucdon; transform: rotate(140deg);}
.durucdur {animation: 1s ucdur; transform: rotate(0deg);}

.master-slider {
  width: 576px !important;
  height: 663px !important;
  position: absolute;
  border: 0;
  padding: 0;
  top: 477px;
  opacity: 1;
  animation: fadeIn 4s;
  box-shadow: none!important;
  left: 50%;
  transform: translateX(-50%);
}

.slider img {
  width: 100%
}

.slick-slide{
  position: relative;
}

.slick-slide a{
  display: block;
  width: 497px;
  height: 497px;
  position: absolute;
  z-index: 99;
  border-radius: 50%;
  background: transparent;
  top: 85px;
  left: 37px;
  background: url("../img/plak.png") no-repeat center center;
  opacity: 0;
}

.slick-arrow {
  display: block;
}

.master-slider{
  display: none;
}

.master-slider .slick-prev{
  width: 76px;
  height: 136px;
  left: -195px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/slider-left-arrow.png) no-repeat center center;
  border: 0;
  text-indent: -9999px;
  position: absolute;
  animation: sliderLeft 2s;
}

.master-slider .slick-next{
  width: 76px;
  height: 136px;
  right: -195px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/slider-right-arrow.png) no-repeat center center;
  border: 0;
  text-indent: -9999px;
  position: absolute;
  animation: sliderRight 2s;
}

.slick-slide {
  padding: 2px
}

.bottom-slider{
  position: absolute;
  top: 1685px;
  width: 925px;
  left: 83px;
}

.bottom-slider .slick-slider .slick-list{
  width: 915px;
  display: block;
  margin: 0 auto;
}

.bottom-slider .slick-arrow{
  display: none !important;
}

.bottom-slider .slick-slide{
  padding: 3px 7px;
}

.facebook{
  position: absolute;
  width: 284px;
  height: 187px;
  background: url("../img/facebook.png") no-repeat center center;
  top: 1217px;
  left: 83px;
}

.whatsapp{
  position: absolute;
  width: 284px;
  height: 190px;
  background: url("../img/whatsapp.png") no-repeat center center;
  top: 1215px;
  left: 406px;
}

.instagram{
  position: absolute;
  width: 284px;
  height: 190px;
  background: url("../img/instagram.png") no-repeat center center;
  top: 1215px;
  left: 723px;
}

.phone{
  position: absolute;
  width: 284px;
  height: 187px;
  background: url("../img/telefon.png") no-repeat center center;
  top: 1413px;
  left: 83px;
}

.map{
  position: absolute;
  width: 284px;
  height: 187px;
  background: url("../img/konum.png") no-repeat center center;
  top: 1413px;
  left: 406px;
}

.video-btn{
  position: absolute;
  width: 284px;
  height: 187px;
  background: url("../img/anket.png") no-repeat center center;
  top: 1413px;
  left: 723px;
}

.sponsor-text{
  position: absolute;
  width: 269px;
  height: 27px;
  background: url("../img/sponsorlar-text.png") no-repeat center center;
  top: 1601px;
  left: 407px;
  animation: fadeIn 4s;
}

.sponsor-left{
  position: absolute;
  width: 311px;
  height: 26px;
  background: url("../img/sponsor-left.png") no-repeat center center;
  top: 1601px;
  left: 83px;
  animation: sponsorleft 3s;
}

.sponsor-right{
  position: absolute;
  width: 311px;
  height: 26px;
  background: url("../img/sponsor-right.png") no-repeat center center;
  top: 1601px;
  right: 83px;
  animation: sponsorright 3s;
}

.bilet-text{
  position: absolute;
  width: 269px;
  height: 86px;
  background: url("../img/bilet-text.png") no-repeat center center;
  top: 1192px;
  left: 407px;
  animation: fadeIn 4s;
}

.bilet-left{
  position: absolute;
  width: 311px;
  height: 26px;
  background: url("../img/sponsor-left.png") no-repeat center center;
  top: 1227px;
  left: 83px;
  animation: sponsorleft 3s;
}

.bilet-right{
  position: absolute;
  width: 311px;
  height: 26px;
  background: url("../img/sponsor-right.png") no-repeat center center;
  top: 1227px;
  right: 83px;
  animation: sponsorright 3s;
}

.konser-text{
  position: absolute;
  width: 927px;
  height: 32px;
  background: url("../img/konser-text.png") no-repeat center center;
  bottom: 35px;
  left: 83px;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: absolute;
  left: 0px;
  top: 0px;
  margin:0;
  padding:0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("../img/loading.gif") no-repeat center center;
  background-size: cover;
}

.survey-content{
  position: absolute;
  width: 908px;
  height: 269px;
  top: -440px /*25px*/;
  left: 31px;
  background: url("../img/survey-bg.png") no-repeat top center;
  z-index: 9999;
  padding: 155px 54px  0px 54px;
}

.survey-input{
  display: block;
  float: left;
  margin-left: 2px;
  padding-bottom: 8px;
  width: 903px;
  height: 95px;
  background: url(../img/survey-input-bg.png) no-repeat center top;
  border: 0;
  font-size: 54px;
  text-align: center;
}

.survey-no{
  display: block;
  width: 433px;
  height: 103px;
  float: left;
  margin-left: 2px;
  margin-top: 21px;
  background: url("../img/survey-no.png") no-repeat center top;
}

.survey-yes{
  display: block;
  width: 433px;
  height: 103px;
  float: left;
  margin-left: 230px;
  margin-top: 21px;
  background: url("../img/survey-yes.png") no-repeat center top;
}

.survey-exit{
  position: absolute;
  display: block;
  width: 78px;
  height: 84px;
  background: url("../img/survey-exit.png") no-repeat center center;
  right: -22px;
  top: -18px;
}

.se-pre-con img{
  width: 40%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.master-slider .slick-slider .slick-list{
  width: 576px;
  display: block;
  margin: 0 auto;
}

.admin-pass{
  display: block;
  margin: 500px auto 0;
  padding-bottom: 8px;
  width: 903px;
  height: 95px;
  background: url(../img/survey-input-bg.png) no-repeat center top;
  border: 0;
  font-size: 54px;
  text-align: center;
}

.admin-come-content{
  
}

.admin-survey-text{
  width: 1080px;
  height: 200px;
  background: url("../img/admin-survey-text.png") no-repeat center center #252525;
}

.admin-coming{
  width: 540px;
  height: 200px;
  background: url("../img/admin-coming-bg.png") #79b200;
  color: #fff;
  text-align: center;
  line-height: 200px;
  font-size: 100px;
  float: left;
  font-weight: bold;
  font-family: sans-serif;
  border-bottom-left-radius: 45px;
}

.admin-notcoming{
  width: 540px;
  height: 200px;
  background: url("../img/admin-coming-bg.png") #e30613;
  color: #fff;
  text-align: center;
  line-height: 200px;
  font-size: 100px;
  float: right;
  font-weight: bold;
  font-family: sans-serif;
  border-bottom-right-radius: 45px;
}

.admin-pass-btn{
  display: block;
  width: 433px;
  height: 103px;
  margin: 50px auto;
  background: url("../img/admin-giris.png") no-repeat center top;
  border: 0;
  text-indent: -9999px;
}

.admin-come-list{
  width: 1020px;
  height: 1471px;
  margin: 220px auto 0;
  overflow: auto;
}

.admin-come-list .list-item{
  width: 100%;
  border-bottom: 2px solid #ffcd07;
  overflow: hidden;
  background: #1b1b1b;
}

.admin-come-list .list-item span:first-child{
      width: 600px;
    display: block;
    float: left;
    text-indent: 30px;
    text-align: left;
    padding: 40px 0;
    color: #fff;
    font-family: sans-serif;
    font-size: 45px;
    letter-spacing: 2px;
}

.admin-come-list .list-item span:last-child{
   width: 385px;
  display: block;
  float: left;
  padding: 30px 0;
  text-align: left;
  color: #fff;
  font-family: sans-serif;
  font-size: 30px;
  text-align: center;
  background: #83b616;
  border-radius: 66px;
  margin-top: 17px;
  margin-left: 15px;
}

.error{
    position: absolute;
    display: none;
    width: 123px;
    height: 103px;
    top: 154px;
    left: 55px;
    background: url(../img/input-error.png) no-repeat center center;
}

.biletix img,
.skm img,
.akilli-platform img{
  width: 270px;
}

.biletix{
  position: absolute;
  left: 90px;
  top: 1340px;
  animation: biletix 4s;
}

.skm{
  position: absolute;
  left: 411px;
  top: 1340px;
  animation: fadeIn 5s;
}

.akilli-platform{
  position: absolute;
  right: 90px;
  top: 1340px;
  animation: akilli 4s;
}

@keyframes rotate360 {
  to { transform: rotate(360deg); }
}

@keyframes ucdon {
   0% { transform: rotate(0deg);}
  100% { transform: rotate(140deg); }
}

@keyframes ucdur {
   0% { transform: rotate(140deg);}
  100% { transform: rotate(0deg); }
}

@keyframes playid {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes whatsapp
{
  0%
  {
    transform: scale( .8 );
  }
  20%
  {
    transform: scale( 1 );
  }
  40%
  {
    transform: scale( .8 );
  }
  60%
  {
    transform: scale( 1 );
  }
  80%
  {
    transform: scale( .9 );
  }
  100%
  {
    transform: scale( .9 );
  }
}
@keyframes sponsorleft {
  0% { left: -340px; }
  100% { left: 83px; }
}

@keyframes biletix {
  0% { left: -340px; }
  100% { left: 90px; }
}

@keyframes akilli {
  0% { right: -340px; }
  100% { right: 90px; }
}

@keyframes sponsorright {
 0% { right: -340px; }
  100% { right: 83px; }
}

@keyframes profilePhoto {
  0% { top: -350px; opacity: 0;}
  100% { top: 76px; opacity: 1; }
}

@keyframes name {
  0% { top: 800px; opacity: 0;}
  100% { top: 700px; opacity: 1; }
}

@keyframes logoLeft {
  0% { left: -120px; opacity: 0;}
  100% { left: 67px; opacity: 1; }
}

@keyframes tiklaDinleArrow {
  0% { left: -290px; opacity: 0; transform: rotate(-120deg);}
  100% { left: 80px; opacity: 1; transform: rotate(0deg);}
}

@keyframes logoRight {
  0% { right: -120px; opacity: 0;}
  100% { right: 67px; opacity: 1; }
}

@keyframes leftSlide {
  0% { left: -454px; opacity: 0;}
  100% { left: 90px; opacity: 1; }
}

@keyframes sliderLeft {
  0% { left: -340px; }
  100% { left: -195px; }
}

@keyframes sliderRight {
  0% { right: -340px; }
  100% { right: -195px; }
}

@keyframes fadeIn {
  0% { opacity: 0;}
  100% { opacity: 1; }
}

@keyframes rightSlide {
  0% { right: -454px; opacity: 0;}
  100% { right: 90px; opacity: 1; }
}

@keyframes instagram-btn {
  0% { right: -850px; opacity: 0;}
  100% { right: 73px; opacity: 1; }
}

@keyframes twitter-btn {
  0% { left: -850px; opacity: 0;}
  100% { left: 73px; opacity: 1; }
}

@keyframes phone-btn {
  0% { left: -454px; opacity: 0;}
  100% { left: 244px; opacity: 1; }
}

@keyframes map-btn {
  0% { right: -454px; opacity: 0;}
  100% { right: 244px; opacity: 1; }
}

@keyframes website-btn {
  0% { left: -454px; opacity: 0;}
  100% { left: 244px; opacity: 1; }
}

@keyframes facebook-btn {
  0% { right: -454px; opacity: 0;}
  100% { right: 244px; opacity: 1; }
}

@keyframes movieleft {
  0% { left: -400px; opacity: 0;}
  100% { left: 80px; opacity: 1; }
}

@keyframes movieright {
  0% { right: -400px; opacity: 0;}
  100% { right: 80px; opacity: 1; }
}