body 
{
  font-family: 'Baloo 2', cursive !important;
}
.lp-form
{
	width:320px;
	position:fixed;
	right:0;
	top:0;
	bottom:0;
	height:-webkit-fill-available;
  background-size:cover;
  background:white
}
.uk-list > li > span {
  color :red;
}
.logol 
{
  background:#111111;
  padding-top: 20px;
  padding-bottom: 20px;
}
.mobile-image{
  display: none;
}
.main-image {
  display: block;
}
.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: 220px;

}


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

}

.anim span 
{
  color:#c83c7b
}

.uk-icon-button 
{
  width:auto
}

.uk-divider-small
{
  margin:0
}

.uk-divider-small:after 
{
  border-top:1px solid #4e1e67
}
.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: #c71300;
    border: 1px solid #c71300;
    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: 350px;
    left: 390px;
    bottom: 70px;
  }

  .headline 
  {
    position: absolute;
    left: 400px;
    width: 550px;
    top: 50%;
    margin-top: -65px;

  }

  .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: 170px;
  position: absolute;
  right: 0;
  bottom:50px

}

.online 
{
  position: absolute;
    left: 30px;
    top: 15px;
    width: 100px;
}

.uk-card 
{
  background:#efefef
}

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

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


.lp-animation 
{
  width: 100px;
    margin: auto;
    margin-top: 30px;
}
.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;
}
 .mobile-display{
    display: none;
  }
   .desktop-display{
    display: block;
  }

@media screen and (max-width:800px){
  .mobile-display{
    display: block!important;
  }
    .desktop-display{
    display: none !important;
  }
  .mobile-image{
  display: block;
}
.main-image {
  display: none;
}
  .mob-disabled {
    display: none !important;
  }
  .mob-outer {
    height: 300px;
    position: relative;
  }
  .mob-video {
    position: absolute;
    height: 300px;
  }
  .paddingt 
  {
    padding-top:120px
  }
  .lp-width 
  {
    background-image: url(../images/mobile.jpg) !important;
    background-size: cover;
  }

  .logol
  {
    display:none
  }

  .online, .headline
  {
    display:none
  }

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

  .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
}
.mouse{
  bottom: 10px !important;
}
.mobile-disabled {
  display: none !important;
}
video{
  height: 220px;
}
  .mobile-phone 
  {
    position:fixed;
    bottom:0;
    width:100%;
    background:#c71300;
    display:block;
    z-index: 9999;
    text-align: center;
    border-top: solid 1px #c71300;
    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
		}
		.edgtf-social-share-holder
		{
			position: relative;
			margin-top:50px;
		}

		
        
        .lp-width
        {
            width:100%
        }

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