.can-beyaz{
  background-color:#fff;
}
.can-paylas{
  position:relative;
  margin-bottom: 30px;
  background-color: #fff;
}
.can-paylas .can-foto{
  position:relative;
  width:100%;
  padding-top:33.40%;
  height:0;
  overflow:hidden;
}
.can-paylas .can-foto img{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:auto;
}
.can-paylas-bilgi{
  position:absolute;
  top:10px;
  left:10px;
  width:auto;
  font-size:1.0rem;
  color:#fff;
  font-weight:bold;
  text-shadow:2px 2px 3px rgba(0,0,0,.6);
}
.can-paylas .butonlar{
  position:absolute;
  bottom:5px;
  right:10px;
  width:auto;
}
.can-paylas .butonlar .btn{
  line-height:48px;
  background-color:#0c0;
  padding:0 20px;
}
@media(min-width:414px){
  .can-paylas-bilgi{
	max-width:480px;
	font-size:1.6rem;
  }
  .can-paylas .butonlar{
	left:10px;
	right:auto;
  }
}
@media(min-width:768px){
  .can-paylas-bilgi{
	top:30px;
	left:40px;
	max-width:480px;
	font-size:2.4rem;
  }
  .can-paylas .butonlar{
	bottom:40px;
	left:40px;
  }
}









.form-control {
  display: block;
  width: 100%;
  padding: 6px 5px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
}





/* PAYLASIM ALANI */
  .golge{
	box-shadow:0 1px 2px rgba(0,0,0,.15);
  }
  .dikey{
	width:70%;
	margin:0 auto;
  }
  .pay-liste{
	list-style: none;
	padding: 0;
	margin: 0
  }
  .pay-liste li.yorumli {
	display: block;
	position: relative;
	margin-bottom: 30px;
	padding: 15px;
	min-height: 200px;
	background-color: #fff;
  }

  .pay-uye {
	display: table;
	width: 100%;
	margin-bottom: 10px;
  }
  .pay-isim strong {
	color:#333;
	display: inline-block;
	padding: 5px 10px 5px 0;
  }
  .pay-uye em {
	font-style: normal;
	font-size:12px;
	color: #777;
  }
  .pay-metin{
	margin-bottom:15px;
  }
/* PAYLASIM ALANI BITTI */


/* PAYLASILAN FOTOLAR */
  .pay-imaj{
	overflow:hidden;
	position:relative;
	background-color: #f8f8f8;
  }
  .pay-foto.foto2,
  .pay-foto.foto3,
  .pay-foto.foto4{
	width:50%;
	float:left;
	position:relative;
  }
  .pay-foto.foto2:nth-child(1),
  .pay-foto.foto3:nth-child(2){
	padding-right:2px;
  }
  .pay-foto.foto2:nth-child(2),
  .pay-foto.foto3:nth-child(3){
	padding-left:2px;
  }
  .pay-foto.foto3:nth-child(1){
	width:100%;
	float:none;
	padding-bottom:3px;
  }
  .pay-foto.foto4:nth-child(1),
  .pay-foto.foto4:nth-child(2){
	padding-bottom:4px;
  }
  .pay-foto.foto4:nth-child(1),
  .pay-foto.foto4:nth-child(3){
	padding-right:2px;
  }
  .pay-foto.foto4:nth-child(2),
  .pay-foto.foto4:nth-child(4){
	padding-left:2px;
  }
  .pay-foto div{
	position:relative;
	width:100%;
	padding-top:56.45%;
	height:0;
	overflow:hidden;
	vertical-align:top;
  }
  .pay-foto div img{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:auto;
  }
  .pay-ek-foto{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	right:0;
	bottom:0;
	z-index:10;
	width:50%;
	height:50%;
  }
  .pay-ek-foto strong{
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	padding:30px;
	border-radius:5px;
	background-color:rgba(0,0,0,.5);
	color:#fff;
	font-size:24px;
	vertical-align:middle;
  }
/* PAYLASILAN FOTOLAR BITTI */




.pay-alan{
  font-family: Roboto, san-serif;
}

.btn.pay-gonder {
  width:36px;
  height:36px;
  line-height:36px;
  padding:0;
  background-color: #0c0;
  color: #fff;
  margin: 0 1px;
  border-radius:50%;
}
.pay-yorum-satir {
  border-radius: 4px;
  padding: 5px 5px 5px 10px;
  background-color: #f8f8f8;
  overflow:hidden;
  user-select: none;
  user-select:none;
  -webkit-user-select: none;
  -moz-user-select: none;
  cursor:pointer;
}
.pay-yorum-satir span{
  display:inline-block;
  line-height:36px;
}
.pay-yorum-satir div{
  float:right;
  width:48px;
  margin:5px 7px 5px 0;
}
/*
.pay-yorum-satir textarea.form-control {
  border: none;
  box-shadow: none;
  min-height: 32px;
  padding: 18px 10px;
  font-size:16px;
  resize: none;
  border-radius: 0;
  background-color: transparent;
}
textarea::-webkit-scrollbar {
	width: 10px;
}
textarea::-webkit-scrollbar-track {
	background-color:#e5e5e5;
	border-radius: 10px;
}
textarea::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color:#999;
}
*/


.begen-satir{
  position: relative;
  left: 50%;
  width: 260px;
  transform: translateX(-50%);
}
.btn.begenbuton,
.btn.yorum-yap-buton{
  background-color: transparent;
  font-size: 14px;
  margin:5px 0;
  padding: 14px 5px;
  color:#222;
}

.btn.yorum-yap-buton{
  font-weight:bold;
  float:right;
}
.btn.yorum-yap-buton:hover{
  color:#000;
}
.fancybox-caption__body .btn.begenbuton{
  color: #fff;
}
.btn.begenbuton .fa{
  color: rgb(3, 182, 3);
}
.btn.begenbuton:hover{
  /*background-color:#0c0;*/
  color: #000;
}
.btn.begenbuton:hover .fa{
  color: #0f0;
}
.fancybox-caption__body .btn.begenbuton:hover{
  color:#fff;
}
.begeni-sayi{
  color:#666;
  font-size:14px;
  padding-left:10px;
}
.begeni-sayi strong{
  color:#0c0;
}
.fancybox-caption__body .begeni-sayi{
  color:#fff;
}
.fancybox-caption__body .begeni-sayi strong{
  color:#fff;
}

.surukle-birak{
  border:#39b311 2px dashed;
		background:#f1ffef;
}



.a-yorumlar{
    list-style:none;
    padding:0;
    margin:0;
}
.a-yorumlar li{
margin-bottom:15px;
}
.a-yorumlar li .a-yorum{
display:inline-block;
background-color:#f0f2f5;
border-radius:8px;
padding:12px;
font-size:14px;
}

.a-yorumlar li .paylasan{
overflow:hidden;
line-height:18px;
}
.a-yorumlar li .paylasan span{
color:#888;
padding-left:20px;
font-size:12px;
}
.a-yorumlar li .a-metin{
margin-top:5px;
}



.modal-open {
  overflow: hidden
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  color:#333;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%)
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0)
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}
.modal-dialog {
  position: relative;
  width: auto
}
@media(min-width:414px) {
.modal-dialog {
  margin: 10px
}
}
.modal-content {
  position: relative;
  background-color:#fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5
}
.modal-header {
  padding: 10px 20px;
  background-color: #e5e5e5;
  border-top: 2px solid #f00;
}
.modal-header .close {
  margin-top: -5px;
  padding: 5px 10px;
  float:right;
  background:none;
  border:none;
  color:#f00;
  font-weight:bold;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143
}
.modal-body {
  position: relative;
  padding: 15px 20px 15px 20px
}
.modal-footer {
  padding: 5px 20px;
  background-color: #e5e5e5;
  overflow:hidden;
}
.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
  margin-left: 0
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}
.modal-foto-alan{
  display:table;
  width:100%;
  border-radius:3px;
  min-height:200px;
  vertical-align:middle;
}
.modal-foto-ekle{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  background-color:#f8f8f8;
  color:#333;
  cursor:pointer;
}
.modal-foto-ekle:hover{
  background-color:#e5e5e5;
}
.modal-foto-ekle strong{

}
.modal-foto-ekle span{
  color:#999;
  font-size:14px;  
}
.modal .eklenenler{
  /*display:table;*/
}
.modal .eklenenler .esitle{
  position:relative;
  display:inline-block;
  width:20%;
  background-color:#e5e5e5;
  border:#eee solid 1px;
  padding:5px;
}
.modal .eklenenler div span{
  display:block;
  position:relative;
  padding-top:100%;
  height:0;
  overflow:hidden;
}
.modal .eklenenler .fotosil{
  position: absolute;
  top: 3px;
  right: 3px;
  width: 36px;
  line-height: 36px;
  background-color: #f00;
  color: #fff;
  border-radius: 18px;
  font-size: 14px;
  text-align: center;
  z-index:2;
}
.modal .eklenenler div img{
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  max-width:100%;
  max-height:100%;
}
.isim-alan,
.modal-yorum-satir{
  margin-top:15px;
}
@media (min-width:768px) {
  .modal-dialog {
	width: 600px;
	margin: 30px auto
  }
  .modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5)
  }
  .modal-sm {
	width: 300px
  }
  .modal-giris {
	width: 440px
  }
}
@media (min-width:992px) {
  .modal-lg {
	width: 900px
  }
}

#durumd {
  display: inline-block;
  width: 100%;
  margin-top:10px;
}
#durum-aland{
  background-color: #f8f8f8;
}
#durum-cubukd {
  width: 0;
  height: 10px;
  background-color:#0f0;
}
#durum-toplamd{
  font-size:12px;
}
#sonuc-bilgi{
  background-color:#d6ffd1;
  color:#0b5501;
  padding:20px 30px;
}

.kalp-anim-ikon {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 100%;
  left: 20px;
  margin-left: -20px;
  z-index: 2;
  opacity: 0;
  background-color: #f00;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  color: #fff
}
.kalp-anim-ikon:before {
  font-family: 'fontawesome';
  content: "\f004";
}
@-webkit-keyframes begen-anim {
0% {
-webkit-transform:translateY(0);
opacity:0
}
50% {
-webkit-transform:translateY(-100px);
opacity:1
}
100% {
-webkit-transform:translateY(-200px);
opacity:0
}
}
@keyframes begen-anim {
0% {
transform:translateY(0);
opacity:0
}
50% {
transform:translateY(-100px);
opacity:1
}
100% {
transform:translateY(-200px);
opacity:0
}
}
.begen-anim {
  -webkit-animation: begen-anim 1.500s linear 0s 1 normal both;
  -webkit-transform-origin: 20% 20%;
  animation: begen-anim 1.500s linear 0s 1 normal both;
  transform-origin: 50% 50%
}



.alertify-notifier {
  position: fixed;
  width: 0;
  overflow: visible;
  z-index: 121982;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.alertify-notifier .ajs-message {
  position: relative;
  width: 330px;
  max-height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}
.alertify-notifier .ajs-message.ajs-visible {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
  max-height: 100%;
  padding: 15px;
  margin-top: 10px
}
.alertify-notifier .ajs-message.ajs-success {
  background: rgb(0,201,47);
  color: #fff
}
.alertify-notifier .ajs-message.ajs-error {
  background: rgb(206,1,1);
  color: #fff
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgb(250,232,71)
}
.alertify-notifier.ajs-top {
  top: 10px
}
.alertify-notifier.ajs-bottom {
  bottom: 10px
}
.alertify-notifier.ajs-right {
  right: 10px
}
.alertify-notifier.ajs-right .ajs-message {
  right: -320px
}
.alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 330px
}
.alertify-notifier.ajs-left {
  left: 10px
}
.alertify-notifier.ajs-left .ajs-message {
  left: -300px
}
.alertify-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0
}
.alertify-notifier.ajs-center {
  left: 50%
}
.alertify-notifier.ajs-center .ajs-message {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.alertify-notifier.ajs-center .ajs-message.ajs-visible {
  left: 50%;
  -webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
  transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65)
}
.alertify-notifier.ajs-center.ajs-top .ajs-message {
  top: -300px
}
.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
  top: 0
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
  bottom: -300px
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
  bottom: 0
}

.fancybox-caption__body{
  overflow:unset
}