<title>Şifremi Unuttum</title>
<meta name="keywords" content="<?php echo $ayar['sitekey']; ?>">
<meta name="description" content="<?php echo $ayar['sitedesc']; ?>">
<meta property="og:url" content="<?php echo $url; ?>"/>
<meta property="og:title" content="Üyelik Sözleşmesi ve Rıza Metni"/>
<meta property="og:description" content="<?php echo $ayar['sitedesc']; ?>"/>

	
	
	<main id="MainContent">
   <!-- Created by Andy 06/08/2017 -->
   <div id="shopify-section-breadcrumb" class="shopify-section laber_section laber-breadcrumb">
      <div class="breadcrumbs">
         <div class="container">
            <div class="outline-breadcrum">
               <div class="wrap-breadcrum h_left v_middle">
                  <div class="breadcrum text_left">
                     <ul class="list-unstyled ">
                        <li><a href="<?php echo $url;?>">Anasayfa</a></li>
                        <li><span>Şifremi Unuttum</span></li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>

   </div>
 <div  id="shopify-section-template--18643475824925__main" class="shopify-section cms_section contact-page">
   <section id="laber_template--18643475824925__main">
      <div class="container ">
       
         <!-- End Map Element -->  
         <div class="main-content shop-page">
            <div class="content-form" style="padding-top: 30px;">
               <div class="row pr_center ">
                <div class="col-sm-12">
      <ul class="nav nav-tabs">
         <li class="active"><a data-toggle="tab" href="#uye-girisi">ŞİFREMİ UNUTTUM</a>
       
      </ul>
      <div class="tab-content">
         <div id="uye-girisi" class="tab-pane fade in active">
            <div class="well">
               
               <form action="" method="POST" enctype="multipart/form-data">
               
                  <div class="form-group has-feedback">
                  <div class="col-lg-12">
                     <input placeholder="Adınız Soyadınız" name="sadsoyad" value="" class="required input-info " required="" type="text" data-bv-emailaddress-message="Lütfen adınızı ve soyadınızı giriniz" data-bv-field="text" maxlength="60">
                   </div>
				  </div>
				   
				  
				 <div class="col-lg-12">
    <?php if($system['sifrehatirlat'] == '1'): ?>
    <label class="checkbox-container">
        <input value="0" name="yeniletip" type="radio" class="required input-info " id="register-check-20" required>
        <span class="checkmark"></span>
        Eposta ile Şifre Alma
    </label>
    <?php endif; ?>
    <?php if($system['ssifrehatirlat'] == '1'): ?>
    <label class="checkbox-container">
        <input value="1" name="yeniletip" type="radio" class="required input-info " id="register-check-21" required>
        <span class="checkmark"></span>
        SMS ile Şifre Alma
    </label>
    <?php endif; ?>
</div>


				  
					<div class="col-lg-12" id="bireysel" style="display:none;">			
						   <input placeholder="Eposta Adresiniz" name="seposta" type="email" class="required input-info ">
                         
                            </div>
				            </div>
							
							<div class="col-lg-12" id="kurumsal" style="display:none;">			
						   <input placeholder="Telefon Numaranız" name="stelefon" type="tel"  class="required input-info " size="11" maxlength="11">
                         
                            </div>
				            </div>  
				  
				  
                  
                  <input style="width: 100%; margin-top: 10px;" type="submit" name="sifremiunuttum" value="Şifremi Unuttum" class="butonok btn-primary">
               </form>
            </div>
         </div>
      
			   
               </div>
            </div>
         </div>
      </div>
   </section>
   <style data-shopify="">#laber_template--18643475824925__main {padding-top:;		 padding-right:; padding-bottom: 80px ; padding-left:;		 	 	}@media only screen and (max-width: 1024px) {		#laber_template--18643475824925__main {padding-top: ;padding-right: ;padding-bottom: 40px;padding-left: ;}	}</style>
</div>

</main>
  
<style>

.fade:not(.show) {
  opacity: 1 !important;
}

.tab-content {
  background: #fff;
  border-color: #eee;
  width: 36%;
  margin: auto;
}

.nav-tabs {
  border-bottom-color: #eee;
  padding: 6px 8px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  border-radius: 5px;
  text-align: center;
  width: 36%;
  margin: auto;
}


.nav li{
	
  font-size: calc(var(--standart-font-size) * 1.14);
  padding: 10px;
  width: 50%;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 5px;
}


.nav li.active{
	
background-color: #f1f5f6;
  width: 100%;
  display: inline-block;
  font-size: calc(var(--standart-font-size) * 1.14);
  padding: 10px;	
	
}
@media screen and (max-device-width: 480px) and (orientation: portrait){
.tab-content {
  background: #fff;
  border-color: #eee;
  width: 100% !important;
  margin: auto;
}
.nav-tabs {
  border-bottom-color: #eee;
  padding: 6px 8px;
  background-color: #f5f5f5;
  cursor: pointer;
  display: flex;
  border-radius: 5px;
  text-align: center;
  width: 100% !important;
  margin: auto;
}
}

.checkbox-container {
 display: block;
  position: relative;
  cursor: pointer;
  font-size: 13px;
  background: #faf7f7;
  padding: 5px;
  padding-left: 40px;
  border: 1px solid #ffd369 !important;
  border-radius: 5px;
  font-weight: 500;
  height: 50px;
  padding-top: 12px;
  margin-bottom: 10px;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 9px;
    left: 8px;
    height: 25px;
    width: 25px;
    background-color: #ccc;
    border-radius: 3px;
}

.checkbox-container:hover input ~ .checkmark {
    background-color: #ddd;
}

.checkbox-container input:checked ~ .checkmark {
    background-color: #2196F3;
}

.checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}


</style>
