@charset "utf-8";
/* CSS Document */

@media screen and (-webkit-min-device-pixel-ratio:0) {

html {
    margin-left: 0px;
    display: block !important;
}

}
.siparis {
  margin: 0 auto;
max-width: 750px;
}
#sabit
{
display:block;
bottom:10px;
right: 5px;
width:90px;
height: 46px;
position:fixed;
border:0px;
text-align:right;
font-weight:bold;
background: url(../img/whatsapp.png)no-repeat;
background-size: 100%;
z-index: 99999;
}
body { padding: 0 0 0 0;margin: 0 auto;background: #ffffff;}
.clear {clear: both;}

#cc1 { padding: 0 0 0 0;margin: 0 auto;position: relative;width: 100%;min-width: 1100px;height:630px; background: url(images/web_01.jpg) center top no-repeat;}
#cc1 #menualan { margin-left:730px; margin-top:0px; position: absolute; width: 550px; height: 90px;}
#cc2 { padding: 0 0 0 0; margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:613px;  background: url(images/web_02.jpg) center top;}
#cc3 { padding: 0 0 0 0; margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:720px;  background: url(images/web_03.jpg) center top;}
#cc4 { padding: 0 0 0 0; margin: 0 auto; position: relative;width: 100%; min-width: 1100px;height:698px; background: url(images/web_04.jpg) center top;}
#cc5 { padding: 0 0 0 0; margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:754px;  background: url(images/web_05.jpg) center top;}
#cc6 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:690px;  background: url(images/web_06.jpg) center top;}
#cc7 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:792px;  background: url(images/web_07.jpg) center top;}
#cc8 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:809px;  background: url(images/web_08.jpg) center top no-repeat #FFF;}
#cc9 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:796px;  background: url(images/web_09.jpg) center top;}
#cc10 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:988px;  background: url(images/web_10.jpg) center top;}
#cc11 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:719px;  background: url(images/web_11.jpg) center top;}
#cc12 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:694px;  background: url(images/web_12.jpg) center top;}
#cc13 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:2409px;  background: url(images/web_13.jpg) center top no-repeat #fff;}
#cc14 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:778px;  background: url(images/web_14.jpg) center top;}
#cc15 {padding: 0 0 0 0;margin: 0 auto; position: relative; width: 100%; min-width: 1100px; height:1021px;  background: url(images/web_15.jpg) center top;}

.form { position: relative; top: 130px; border:0px solid #000; width:820px; height:auto; margin-left:auto; margin-right:auto; }
.form .formicerik{ border:0px solid #000; width:1157px; height:auto;}
.baslik { width: 540px; height:20px; float: left; font-weight: normal; margin-bottom: 10px; font-family:"Century Gothic"; font-size: 16px; font-weight:bold;  line-height: 24px; background: none; border: 0; color: #52421c;}
.line-one { border:1px solid #cfc8bc; border-radius:5px; padding-left: 10px; width: 315px; height: 40px;float: left; line-height: 26px; margin-left: 0px; margin-top:2px;  margin-bottom: 20px; font-family:"Century Gothic";  font-size: 14px; background: none;  color: #000; font-weight: normal;}
.sline-one { border:1px solid #cfc8bc; border-radius:5px; padding-left: 10px; width: 355px; height: 40px;float: left; line-height: 26px; margin-right: 15px; margin-bottom: 14px; margin-top:1px; font-family:"Century Gothic";  font-size: 14px; background: none; color: #52421c; font-weight: normal;}
.bline-one { border:1px solid #cfc8bc; border-radius:5px; padding-left: 10px; width: 680px; height: 40px;float: left; line-height: 26px; margin-right: 15px; margin-bottom: 24px; margin-top:1px; font-family:"Century Gothic";  font-size: 14px; background: none; color: #52421c; font-weight: normal;}
.iline-one { border:1px solid #cfc8bc; border-radius:5px; padding-left: 10px; width: 330px; height: 42px;float: left; line-height: 36px; margin-right: 10px; margin-top:4px; margin-bottom: 12px; font-family:"Century Gothic";  font-size: 14px; background: none;  color: #52421c; font-weight: normal;}
.kline-one { border:1px solid #cfc8bc; padding-left: 10px; width: 150px; height: 38px;float: left; line-height: 36px; margin-right: 15px; margin-top:4px; margin-bottom: 22px; font-family:"Century Gothic";  font-size: 14px; background: none;  color: #52421c; font-weight: normal;}
.message { border:1px solid #cfc8bc; border-radius:5px; padding-top: 5px; padding-left: 10px; width: 660px; height: 180px; float: left; font-weight: normal; margin-top:0px; margin-bottom: 27px; font-family:"Century Gothic"; font-size: 14px;  line-height: 24px; background: none; color: #52421c;}
.urunmessage { border:0px solid #cfc8bc; width: 250px; height: 45px; float: left; font-weight: normal; margin-left:300px; margin-bottom: 7px; font-family:"Century Gothic"; font-size: 18px;  line-height: 24px; background: none; color: #bf1a20;}
.aciklama { margin-right: 25px; padding-top: 5px; padding-left: 10px; width: 540px; height: 50px; float: left; font-weight: normal; margin-bottom: 20px; font-family:"Century Gothic"; font-size: 14px;  line-height: 24px; background: none; border: 0; color: #52421c;}
.gonder { width: 815px; height: 60px; border: 0; margin-top:-70px; cursor: pointer;  background:transparent; }

.payment-hold { width: 400px; height:120px; margin-top: 0px; margin-left: 0px;}

.payment-hold label {width: 50px; height: 34px; cursor: pointer;  float: left; background: url(images/radio.png) 0px 0px no-repeat;}
.payment-hold .text {width: 450px; height: 14px; float: left; font-family:"Century Gothic"; font-size: 16px; position: relative; margin-left:35px; margin-top:-29px;}

.form-mobile { position: relative; border:0px solid #000; width:99%; height:auto; margin-left:auto; margin-right:auto;}
.baslik-mobile { width: auto; height:15px; float: left; font-weight: normal; padding-bottom:5px; margin-bottom: 3px; font-family:"Century Gothic"; font-size: 16px; font-weight:bold;  line-height: 24px; background: none;  color: #52421c; }
.line-one-mobile { border:1px solid #cfc8bc; border-radius:5px; width: 96%; height: 28px;float: left; line-height: 26px; margin-left: 0px; margin-bottom: 16px; font-family:"Century Gothic";  font-size: 14px; background: none;  color: #000; font-weight: normal;}
.sline-one-mobile { border:1px solid #cfc8bc; border-radius:5px; width: 96%; height: 34px; float: left; line-height: 26px; margin-left:5px; margin-bottom: 24px; font-family:"Century Gothic";  font-size: 14px; background: none; color: #52421c; font-weight: normal;}
.bline-one-mobile { border:1px solid #cfc8bc; border-radius:5px; padding-left: 10px; width:  96%; height: 34px;float: left; line-height: 26px; margin-right: 15px; margin-bottom: 24px; margin-top:1px; font-family:"Century Gothic";  font-size: 14px; background: none; color: #52421c; font-weight: normal;}
.yline-one-mobile { border:1px solid #cfc8bc; border-radius:5px; padding-left: 10px; width:  96%; height: 34px;float: left; line-height: 26px; margin-right: 15px; margin-bottom: 14px; margin-top:1px; font-family:"Century Gothic";  font-size: 14px; background: none; color: #52421c; font-weight: normal;}

.iline-one-mobile { border:1px solid #cfc8bc; border-radius:5px; width: 47%; height: 32px;float: left; line-height: 36px; margin-left:5px; margin-right:5px; margin-bottom: 5px; font-family:"Century Gothic";  font-size: 14px; background: none;  color: #52421c; font-weight: normal;}
.kline-one-mobile { border:1px solid #cfc8bc; padding-left: 10px; width: 38%; height: 38px;float: left; line-height: 36px; margin-right: 15px; margin-top:4px; margin-bottom: 22px; font-family:"Century Gothic";  font-size: 14px; background: none;  color: #52421c; font-weight: normal;}
.message-mobile { border:1px solid #cfc8bc; border-radius:5px; width: 96%; height: 120px; float: left; font-weight: normal; margin-top:0px; margin-bottom: 32px; font-family:"Century Gothic"; font-size: 14px;  line-height: 24px; background: none; color: #52421c;}
.urunmessage-mobile {border:0px solid #cfc8bc;  padding-top: 5px; padding-left: 0px; width: 94%; height:25px; float: left; font-weight: normal; margin-top:-22px; margin-bottom: 7px; font-family:"Century Gothic"; font-size: 14px;  line-height: 24px; background: none; color: #bf1a20;}
.gonder-mobile {clear:both; width: 100%; height: 100px; border: 0; cursor: pointer; background-image:url(images/gonder-mobile.jpg); background-repeat:no-repeat;}

.payment-hold-mobile { width: 90%; height:40px; margin-top: 10px; margin-left: 0px; }
.payment-hold-mobile input[type="radio"] {  display: none;}
.payment-hold-mobile input[type="radio"]:checked + label {  background: url(images/radio-secili.png) 0px 0px no-repeat;}
.payment-hold-mobile label {width: 50px; height: 37px; cursor: pointer;  float: left; background: url(images/radio.png) 0px 0px no-repeat;}
.payment-hold-mobile .text {width: 320px; height: 14px; float: left; font-family:"Century Gothic"; font-size: 13px; position: relative; margin-left:28px; margin-top:-32px;}

*{cursor:default;}
p{font:10pt verdana;}
#top{bottom:5px;right:5px;padding:5px;color:#fff;font:bold 14pt verdana;position:fixed;display:none;}

/* mobile */
.winchesters {clear:both;}
.content {width:100%;height:100%;text-align: left;font-size: 0.8em; }
.contentimg, .contentimg img{width:100%;}
.mline-one { margin-left:-40px; padding-left: 5px; width: 200px; height: 25px;float: left; line-height: 26px;  margin-bottom: 10px; font-family:"Century Gothic";  font-size: 14px; background: none;  border: 0; color: #52421c; font-weight: normal;}
.miline-one {  margin-left:-40px;padding-left: 5px; width: 105px; height: 23px;float: left; line-height: 26px; margin-right: 25px; margin-top:9px; margin-bottom: 22px; font-family:"Century Gothic";  font-size: 14px; background: none;  border: 0; color: #52421c; font-weight: normal;}
.mmessage {  margin-left:-40px; padding-left: 5px; width: 200px; height: 50px; float: left; font-weight: normal; font-family:"Century Gothic"; font-size: 14px;  line-height: 24px; background: none; border: 0; color: #52421c;}
.mgonder { width: 130px; height: 50px; border: 0; margin-left: 90px; margin-top:3px; cursor: pointer; background: none;}
.mpayment-hold { width: 300px; margin-top: -5px; margin-left: -35px;}
.mpayment-hold input[type="radio"] {  display: none;}
.mpayment-hold input[type="radio"]:checked + label {  background: url(images/b.png) 0px 0px no-repeat;}
.mpayment-hold label {width: 250px; height: 26px; cursor: pointer;  float: left;}


.hareketsiparis {
    background: -webkit-linear-gradient(#f38712, #fff200);
    -webkit-background-clip: text;
    font-size: 24px;
    -webkit-text-fill-color: transparent;
    -webkit-animation-name: hareketsiparis;
    animation-name: hareketsiparis;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@media only screen and (min-width: 799px) {

.winchesters-mobile{ display:none}
.winchesters { display:block;
  margin: 0 auto;
max-width: 750px;}

}
@media only screen and (max-width: 799px) {
.beniara-orta, .form-group{
  padding: 4px !important;
}
.questionOneO {
  width: 100% !important;
  float: none !important;
}
.winchesters-mobile{ display:block}
.winchesters { display:none}

.sbtmenu .menuic img{
float:left;
display:block;
max-width:800px;
    width: 100%;
}

.sbtmenu.menu_goster .menuic{ width:100%;

display:block;
}

.menuic{ width:100%;

	display:block !important;


}

}


#menusb{position:fixed;top:0;left:auto; right:auto;z-index: 999999;}



h2{
	margin: 40px 0;
	font-size: 2.5rem;
}
h3{
	margin: 10px 0;
	font-size: 2rem;
}

h2 {
	font-weight: bold;
}
span {
	opacity: 0.5;
}
@media (max-width: 767px) {
  .hareket {
font-size: 24px !important;
}
.hareketsiparis{
  font-size: 16px !important;
}

#map {
	width: 500px;
	height: 350px;
	margin: auto;
}
}


.hareket {
  background: -webkit-linear-gradient(#28a3e5, #006fab);
-webkit-background-clip: text;
font-size: 36px;
-webkit-text-fill-color: transparent;
  -webkit-animation-name: hareket;
          animation-name: hareket;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out; }

@-webkit-keyframes hareket {
  from {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0); }
  50% {
    -webkit-transform: translate(0%, 20px);
            transform: translate(0%, 20px); }
  to {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0); } }

@keyframes hareket {
  from {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0); }
  50% {
    -webkit-transform: translate(0%, 20px);
            transform: translate(0%, 20px); }
  to {
    -webkit-transform: translate(0%, 0);
            transform: translate(0%, 0); } }




            @-webkit-keyframes hareketsiparis {
              from {
                -webkit-transform: translate(0%, 0);
                        transform: translate(0%, 0); }
              50% {
                -webkit-transform: translate(0%, 10px);
                        transform: translate(0%, 10px); }
              to {
                -webkit-transform: translate(0%, 0);
                        transform: translate(0%, 0); } }

            @keyframes hareketsiparis {
              from {
                -webkit-transform: translate(0%, 0);
                        transform: translate(0%, 0); }
              50% {
                -webkit-transform: translate(0%, 10px);
                        transform: translate(0%, 10px); }
              to {
                -webkit-transform: translate(0%, 0);
                        transform: translate(0%, 0); } }

#progressbar{
	margin:0;
	padding:0;
	font-size:18px;
	}
.active{
	color:red;
	}

fieldset{
	display:none;
	width: 100%;

	}

#first{
    display:block;
	width: 100;


	}
label{
  font-size: 17px;
}
input[type=text],
input[type=password],
{
	width:100%;
	margin:10px 0;
	height:40px;
	padding:5px;
	border: 3px solid rgb(236, 176, 220);
	border-radius: 4px;
	}

  select{
  	margin:10px 0;
  	height:40px;
  	padding:5px;
  	border: 3px solid rgb(236, 176, 220);
  	border-radius: 4px;
  	}

textarea{
	width:100%;
	margin:10px 0;
	height:70px;
	padding:5px;
	border: 3px solid rgb(236, 176, 220);
	border-radius: 4px;
	}

input[type=submit],
input[type=button]{
	width: 120px;
	margin:15px 0;
	padding: 5px;
	height: 40px;
	border: none;
	border-radius: 4px;
	color: white;
  font-size: 18px;
	}


li{
	margin-right:52px;
	display:inline;
	color:#c1c5cc;

	}



  .form{
  width:200px; padding-left:10px; padding-top:20px;
  }
  .form fieldset{border:0px; padding:0px; margin:0px;}
  .form p.contact { font-size: 12px; margin:0px 0px 10px 0;line-height: 14px; font-family:Arial, Helvetica;}

  .form input[type="text"] { width: 200px; }
  .form input[type="tel"] { width: 200px; }
  .form input[type="email"] { width: 200px; }
  .form input[type="password"] { width: 200px; }
  .form input.ilce{width:100%;}
  .form input.birthyear{width:100%;}
  .form label { color: #000; font-weight:bold;font-size: 12px;font-family:Arial, Helvetica; }
  .form label.month {width: 135px;}
  .form input, textarea {border: 1px solid rgba(122, 192, 0, 0.15); padding: 7px; font-family: Keffeesatz, Arial; color: #4b4b4b; font-size: 14px; -webkit-border-radius: 5px; margin-bottom: 15px; margin-top: -10px; }
  .form input:focus, textarea:focus { border: 1px solid #ff5400; background-color: rgba(255, 255, 255, 1); }
  .form .select-style {
    -webkit-appearance: button;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    -webkit-user-select: none;
    background-image: url(images/select-arrow.png),
      -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-position: center right;
    background-repeat: no-repeat;
    border: 0px solid #FFF;
    color: #555;
    font-size: inherit;
    margin: 0;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;}
  .form .gender {
  width: 135px;
    }
  .form input.buttom{ background: #fcb904; display: inline-block; padding: 5px 10px 6px; width:100%; z-index:9999999; color: #28395c; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif;}
  .form input.buttom:hover	{ background-color: #ff7713; color:#FFFFFF }
  * FORM */

  .formt{ background-color:#f1f1f1; margin-top:57px; padding:10px 0 10px 0; margin-left:
  }

  .form-basic{
      max-width: 1000px;
      margin: 0 auto;
      box-sizing: border-box;

      background-color: #fff;
border-radius: 20px;

      font: bold 14px sans-serif;
      text-align: left;
  }

  .form-basic .form-row{
      text-align: left;
      margin-bottom: 22px;
  }

  .form-basic .form-title-row{
      text-align: left;
      margin-bottom: 55px;
  }

  /* The form title */

  .form-basic h1{
      display: inline-block;
      box-sizing: border-box;
      color:  #4c565e;
      font-size: 24px;
      padding: 0 10px 15px;
      border-bottom: 2px solid #e51858;
      margin: 0;
  }

  .form-basic .form-row > label span{
      display: inline-block;
      box-sizing: border-box;
      color: #3e3a3a;
      width: 180px;
      text-align: left;
      vertical-align: top;
      padding: 12px 25px;
  }

  .form-basic input{
      color:  #5f5f5f;
      box-sizing: border-box;
      width: 240px;
      box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
      padding: 12px;
      border: 1px solid #dbdbdb;
  }

  .form-basic input[type=radio],
  .form-basic input[type=checkbox]{
      box-shadow: none;
      width: auto;
  }



  /*	Making the form responsive. Remove this media query
      if you don't need the form to work on mobile devices. */



  @media (max-width: 975px) {

  .enes {width:100%; }

      .form-basic{
          padding: 0px;
          max-width: 480px;
      }

      .form-basic .form-row{
          max-width: 90%;
          margin: 15px auto;
          text-align: left;
  		padding-left:5%;
  		padding-right:5%;

      }

      .form-basic .form-title-row{
          margin-bottom: 50px;
      }

      .form-basic .form-row > label span{
          display: block;
          text-align: left;
          padding: 0 0 15px;
      }

      .form-basic select{
          width: 100%;
  		max-width: 100%;
      }

      .form-basic input[type=checkbox]{
          margin-top:0;
      }

      .form-basic .form-radio-buttons > div{
          margin: 0 0 10px;
      }

      .form-basic button{
          margin: 0;
  		width:100%;
      }

  	.form-basic input{

      width: 100%;
  }

  .form-basic textarea{

      width: 100%;


  }





  }


  .quiz {
      width 100%;
  	text-align:center;
  }
  .clear {
      clear: both;
  }
  .quiz label {
      max-width:100%;
  }
  .quiz img {
  	max-width:96% !important;
      height:auto;
      display:block;
      margin: auto;
  }
  .questionOneO {
  	width: 50%;
    float: left;
  }
  .questionOneI {
  	padding: 5px;
  	width: 100%;
  	background: black;
  }
  .quiz input[type="radio"]{
      display:none;
  }

  .quiz input[type="radio"] + label
  {
      display: inline-block;
  	padding: 5px;
    border-radius: 20px;
  	box-sizing: border-box;
  	-moz-box-sizing:border-box;
  }

  .quiz input[type="radio"]:checked + label
  {
      background: #b71b1b;
      display: inline-block;
  	padding: 5px;
  	box-sizing: border-box;
  	-moz-box-sizing:border-box;
    border-radius: 20px;
  }
.centerimg{
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 100%
}



.submit_btn, .next_btn{
  background-color: #5eab76;

}


label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}

div[data-toggle="buttons"] label.active{
    color: #000000;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid #000000;
border-radius: 3px;
color: #000000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #000000;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}
.pre_btn{
  margin-right: 10px;
}
.sbtmenu .menuic{

    transition:all .5s ease;
    display:none;

}

.siparis .row {
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
}
.siparis input[type="text"], .siparis input[type="password"], .siparis textarea, select {
  width: 100%;
  height: 40px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 3px;
  -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
  transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
}

select {
  width: 100%;
  height: 40px;
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 3px;
  -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
  transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
}

.siparis textarea {
  height: auto;
  min-height: 100px;
  padding: 10px;
}
.siparis input[type="text"] + label, .siparis input[type="password"] + label, .siparis textarea + label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  font-weight: bold;
  width: 160px;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: white;
  background: #3c746b;
  border-radius: 3px 0 0 3px;
  -webkit-transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
  transition: all 0.3s cubic-bezier(1, 0.1, 0, 0.9);
  -webkit-transform: translateZ(0) translateX(0);
          transform: translateZ(0) translateX(0);
}
.siparis textarea + label {
  width: 100%;
  border-radius: 3px 3px 0 0;
}
.siparis input[type="text"]:focus, .siparis input[type="password"]:focus {
  padding-left: 10px;
}
.siparis textarea:focus {
  padding-top: 10px;
}
.siparis input[type="text"]:focus + label, .siparis input[type="password"]:focus + label {
  -webkit-transform: translateZ(0) translateX(-100%);
          transform: translateZ(0) translateX(-100%);
}
.siparis textarea:focus + label {
  -webkit-transform: translateZ(0) translateY(-100%);
          transform: translateZ(0) translateY(-100%);

}

.siparis textarea:focus{
  padding-top: 20px;
}
.form-basic button {
    display: block;
    border-radius: 2px;
    background-color: #e51858;
    color: #fff;
    font-weight: bold;
    padding: 14px 22px;
    border: 0;
    width: 100%;
}

.beniara{
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a9db80+0,96c56f+100;Green+3D+%232 */
background: #a9db80; /* Old browsers */
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a9db80 0%,#96c56f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); /* IE6-9 */
width: 100%;
min-height: 50px;
-webkit-box-shadow: 0px -2px 31px 1px rgba(0,0,0,0.45);
-moz-box-shadow: 0px -2px 31px 1px rgba(0,0,0,0.45);
box-shadow: 0px -2px 31px 1px rgba(0,0,0,0.45);
position: fixed;
bottom: 0;
z-index: 99999;
}
.beniara-orta{
  max-width: 1000px;
  margin: 0px auto;
  padding: 10px;
}
.beniaraimg{
  float: right;
  margin: -10px 0 -5px 0px;
}
/* why not try uncommenting
    /* one of these lovely colors? */
/* if you are experiencing the
    /* radios and the button being
    /* slightly misaligned (and moving
    /* by 1px(ish)) then resize your browser.
    /* Codepen's frames seem to be the
    /* culprit */
label.chkbox {
  display: inline-block;
      position: relative;
      height: 30px;
      line-height: 30px;
      margin-right: 20px;
      z-index: 2;
      float: left;
      vertical-align: top;
      width: 66px;
      /* height: 16px; */
  border-radius: 5px;
  margin: 0 5px 5px 0;
  padding: 7px 10px;
  cursor: pointer;
  overflow: hidden;
  background-color: #cfcfcf;
  color: white;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  -ms-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}
label.chkbox .yes,
label.chkbox .no {
  position: absolute;
  right: 8px;
  text-indent: -999em;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
}
label.chkbox .no {
  margin-top: -2px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM1RDY0NDE2RDhGMTFFMjgxM0ZCNTVDNUM0QjlEREIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM1RDY0NDI2RDhGMTFFMjgxM0ZCNTVDNUM0QjlEREIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzVENjQzRjZEOEYxMUUyODEzRkI1NUM1QzRCOUREQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzVENjQ0MDZEOEYxMUUyODEzRkI1NUM1QzRCOUREQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppxje+AAAAF/SURBVHjaYvz//z8DNQETA5XB4DeQBV2AkZERRDEDMRsQgwL4FxD/Q3IASByk6DcQ/0GPAxYsloAUcwOxGJT/Gog/Q9k8QCwKNfgNEH9Esgynl0EGcty7d6/n6NGjZUC2NBDzQQ2T2r59ezZQrjs/P18MqhYVgJyMjEGKLl26ZPcfCoAG9AHF9IBYG8SGid+8eTMApBZDPxYDwWH46dOnhTDNGzdunFxeXp4L43/8+HERLLiINRAEWN+9e7cEZMDPnz+/gDCI/ePHj0t79uwRx+lDfAYmJyfrfPjw4SbMZSB2QkKCLjSmsRqIKx2Ckg3/gwcPRP/9+wdXA2I/fPgQFBmCOFII9kiBxqre/fv3D4Fc9ufPn48gDGIDg+G2m5ubHVBegNhIAblIDGjYephXnzx5Eg+KeZihwGSzAahGAuQTYgxkvHr1qi3MsDdv3uRBLWECsdGSDROxkcL0/fv36q9fv2ahJX4mYJKJAsb43HPnzoliCzLG0fKQYgAQYAAqwK1lMkf1cgAAAABJRU5ErkJggg==');
}
label.chkbox .yes {
  margin-top: -1px;
  left: 8px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUM1RDY0M0Q2RDhGMTFFMjgxM0ZCNTVDNUM0QjlEREIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUM1RDY0M0U2RDhGMTFFMjgxM0ZCNTVDNUM0QjlEREIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQzVENjQzQjZEOEYxMUUyODEzRkI1NUM1QzRCOUREQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQzVENjQzQzZEOEYxMUUyODEzRkI1NUM1QzRCOUREQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrTLJacAAAGWSURBVHjaYvz//z8DCDAyMjKQAECKmYAYpPkfzAwQYGEgHTADMTcQcwHxTyD+AsS/YZJMJBrGCDVMds6cOeH+/v5qQDY7igqQc5GdTABwALHyuXPnVgD1/H/16tVOIJ8HZgbYHBIMBPlGDOiy/P9Q8PHjxy1AMVZyDAR5lQeIdb58+fIcZNifP38+Hj16VAckh89AkCvYoBg5fEF8OaABs2Cue/nyZRNMDS4D4QEOxApAzA/VAMLCOTk5ATDDvn//fhk5MnAZCA6jDRs2VG/fvr0PyNYCYl6oVzWeP39+Dmbg7du3/aEOwGsg46pVq4xhmo4cOTIbKAZKFkq7du3qgYkDY3YKevrFGYZr166V/Pv37weY5pqamkwLCwu/X79+fYZFxPLly6XQYwxfpDDeu3fPD2bg58+fXwC9dwzGv3//fiK2zEAo2TC9fv268T8a+Pr162FobDOQaiAIsALT2yaYYchpjlwDGfbs2SMONOgBNEfU4cv3ROeUJ0+eCP/48cMNl8uwGchIQsHAQGyGH2EGAgQYANGzvfuxqx8aAAAAAElFTkSuQmCC');
}
label.chkbox .toggle {
  content: " ";
  width: 30px;
  height: 24px;
  border-radius: 3px;
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: 3;
  left: 3px;
  top: 3px;
  background: transparent;
  box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2), 0 0 1px #ffffff inset;
  transform: translateX(1px);
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  -ms-transition: -ms-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  background-image: linear-gradient(white 0%, #e7e7e7 100%);
}
label.chkbox .toggle:after {
  content: " ";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 7px;
  top: 4px;
  border-radius: 100%;
  background-image: linear-gradient(#ddd 0%, #fff 100%);
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
}
label.chkbox.on {
  background-color: #05abe0;
}
label.chkbox.on .toggle {
  transform: translateX(31px);
}
label.chkbox.focus {
  outline: 0;
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.1) inset, 1px -1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #52a8ec, 0 0 1px 1px rgba(0, 0, 0, 0.75) inset;
}

input[type=checkbox].replaced,
input[type=radio].replaced {
  position: absolute;
  left: -9999em;
}

.chkbox label {
  height: 30px;
  line-height: 30px;
  margin-right: 20px;
}