body 
{
  font-family: 'Baloo 2', cursive !important;
}
.lp-form
{
	width:320px;
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	height:-webkit-fill-available;
	background:white;
}

.logol 
{
  background:#111111;
  padding-top: 20px;
  padding-bottom: 20px;
}

.submit
{
    background-color: #c71300;
    color: #fff;
    border: 1px solid transparent;
    margin: 0;
    border: none;
    overflow: visible;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 34px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    transition: .1s ease-in-out;
    transition-property: color,background-color,background-position,border-color,box-shadow;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 4px;
    background-origin: border-box;
    padding: 0 56px;
    line-height: 48px;
    font-size: 12px;
    border-radius: 4px;
    cursor:pointer;
    display:block;
    margin:auto;
    margin-top:-15px
}

form
{
	width:80%;
	margin:auto;
}


.lp-logo
{
  margin: auto;
  display: block;
  /* margin-top: 20px; */
 width: 180px;

}


.lp-company
{
  font-weight: bold;
  width: 90%;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  margin: auto;
  margin-top: 10px;
  color: #333;

}

.anim span 
{
  display: flex;
  position: absolute;
  z-index: 9999;
  background:#ffffff85;
  border-radius: 100%;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
  cursor:pointer
}

.uk-icon-button 
{
  width:auto
}

.uk-divider-small
{
  margin:0
}

.uk-divider-small:after 
{
  border-top:1px solid #6e0011
}
.scroll
{
	background: #fff;
    border-radius: 300px;
    width: 30px;
    height: 45px;
    z-index: 9;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin: 0 0 0 -20px;
    display: block;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}
.edgtf-social-share-holder
{
	position: absolute;
    bottom: 0px;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.edgtf-social-share-holder.edgtf-list li a
{
	font-size:16px;
}

.lp-company span
{
	background:#ffb300;
	color:white;
	    padding: 2px 7px;
}

.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.lp-scontent
{
	    width: calc(100% - 320px);
}

.mouse
{
	position:absolute;
	left:0;
	right:0;
	text-align:center;
	bottom:10px;
}

#kupon
{
	    display: block;
    width: 90%;
    text-align: center;
    border-top: dotted 1;
    background: #ffae00;
    color: white;
    font-weight: bold;
    padding: 10px;
    margin: auto;
}

.form-rules
{
	text-align:center;
	font-size:12px;
}

.call-to-button {
    width: 100%;
    float: right;
    color: #fff;
    background-color: #e73bad;
    border: 1px solid #990a76;
    font-size: 15px;
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
}


.lp-width 
{
    width:calc(100% - 320px);
}

.uk-input, .uk-select, .uk-textarea
{
    padding-top:5px
}

[class*=uk-inline]
{
    width:100%
}

.uk-form-icon:not(.uk-form-icon-flip)~.uk-input
{
    border: none;
    border-bottom: solid 1px #33333340;
    font-size:14px
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #333;
  }


  .uk-card-title
  {
    font-size: 2.2rem;
    line-height: 1.4;
    color: #000;
  }

  .text 
  {
    position: absolute;
    width: 320px;
    right: 120px;
    bottom: 120px;
  }

  .paket 
  {
    position: absolute;
    width: 480px;
    right: 50px;
    top: 50%;
    margin-top: -250px;

  }

  .soylem 
  {
    width: 90%;
    font-size: 9px;
    color: white;
    position: absolute;
    bottom: 10px;
    user-select: 0;
    right: 0;
    left: 50px;

  }

  .uk-card-body 
{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;

}


.submit:hover 
{
  box-shadow:5px 5px 12px #33333385;
  -webkit-transition:.3s
}

.flex-right 
{
  align-items:flex-end
}

.mobile-phone 
{
  display:none
}


#message 
{
  display: block;
  width: 90%;
  text-align: center;
  margin: auto;
  margin-bottom: 20px;
}

.uk-card-body p
{
  font-size:18px !important
}

.tarih 
{
  width: 250px;
  position: absolute;
  right: 0;
  top: 0px;

}

.uk-card 
{
  background:#ffffff;
}

.uk-icon-button
{
  color:black;
  font-size: 12px;
}

.mouse 
{
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 10px;
}


.lp-animation 
{
  margin: auto;
  text-align: center;
  margin-top: 30px;
  font-weight: bolder;
  color: #cd2f2d;
  font-size: 24px;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.mdesktop 
{
  display:none
}
@media screen and (max-width:800px){
  .padding-m 
  {
    padding-top:20px;
    padding-bottom:30px
  }
  .mpadding 
  {
    padding-bottom:50px
  }
  
  .lp-width 
  {
    background-image: url(../images/bgbgbg1.jpg) !important;
    background-size: cover;
  }

  .logol
  {
    display:none
  }

  .paket 
  {
    position: absolute;
    width: 90%;
    right: 0px;
    top: 80px;
    /* margin-top: -250px; */
    left: 0px;
    margin: auto;
  }

  .mmdisplay 
  {
    display:none
  }

  .mdesktop 
  {
    display:block;
    background:white
  }

  .tarih 
  {
    display:none;
  }

  .text 
  {
    position: absolute;
    width: 90%;
    left: 0px;
    bottom: 160px;
    top: auto;
    right: 0px;
    margin: auto;
    bottom: 90px;
    display:none
  }

  .soylem 
  {

    display:none
  }

  .uk-icon-button
  {
    font-size:16px
  }

  .mdisplay 
  {
    display:none
  }

  .uk-flex-top iframe 
{
  width:100%;
  height:220px
}
  .mobile-phone 
  {
    position:fixed;
    bottom:0;
    width:100%;
    background:#080413;
    display:block;
    z-index: 9999;
    text-align: center;
    border-top: solid 1px #080413;
    font-size:14px
  }

  .padding-bottom-m 
  {
    padding-bottom:80px
  }

  .mobile-phone .uk-icon-button
  {
    width: 50%;
    background: none;
    color: white;
    border-right: solid 1px white;
    border-radius: 0px;
    line-height: 50px;
    height: 50px;
  }

  .mobile-phone svg 
  {
    margin-left:7px
  }


  .mobile-phone .uk-panel 
  {
    display:flex
  }
  .edgtf-social-share-holder.edgtf-list{
    display:none
  }
		.lp-form
		{
			    width: 100%;
			    position: relative;
			    height: auto;
			    margin-top: -20px;
          padding-top: 20px;
          padding-bottom:20px;
          background:white
		}
		.edgtf-social-share-holder
		{
			position: relative;
			margin-top:50px;
		}

		
        
        .lp-width
        {
            width:100%
        }

		.lp-scontent
		{
			width:100%;
		}
    }
    

    .displaynone 
    {
      display:none !important
    }

    .kazananlar-play 
    {
      display:block !important
    }

    video {
      object-fit: cover;
    }
    
    #video {
      object-fit: fill;
    }