@charset "utf-8";
/* CSS Document */
body{font-family: 'Outfit', sans-serif;background: url("../images/dot.png") no-repeat #30006D; background-position: left top; color: aliceblue;}
.wel h1 {color:#FF5EC9; font-weight: bold;}
a {text-decoration:none;}
.header-tp{padding-top: 30px;}
.makale-tp{margin-top:170px;}
.logo{font-size: 35px; text-align: center; position: relative; z-index: 1001;}
@media (min-width: 768px) {.logo {font-size: 35px; text-align: left;position: relative; z-index: 1001;}}
.logo a{color: aliceblue;}
.sag_link{position: relative; z-index: 500; text-align: center; padding-top: 10px;}
@media (min-width: 768px) {.sag_link {position: relative; z-index: 500; text-align: right; padding-top: 10px;}}
.sag_link a{margin-left: 15px; color: aliceblue; }
.logo img{margin-right:4px; margin-top: -4px;}
.circle-img{position: absolute; right: 0; top: 0;}
.wel{margin-top: 60px; position: relative; z-index: 1001; text-align: center;}
@media (min-width: 768px) {.wel {margin-top: 140px;position: relative; z-index: 1001; text-align: left;}}
.wel a{padding: 4px 12px 6px 12px; border-radius: 38px; color: #FF5EC9; border: 1px solid #FF5EC9;}
.wel a img{margin-top: -2px;}
.e-clm{margin-top: 70px;position: relative; z-index: 1001;}
.e-clm h3{padding-bottom: 15px; max-width: 600px; border-bottom: 1px solid #39027f;}
.hikaye-clm{margin-top: -70px;}
@media (min-width: 768px) {.hikaye-clm {margin-top: 80px;}}
.hikaye-clm h2 {margin-top: 50px; margin-bottom: 50px;}
.hikaye-clm h2 small{color:#FF5EC9; font-weight: bold;}
.hikaye-post{width: 250px; min-height: 250px; margin: auto; margin-top: 70px; margin-bottom: 20px; background: url("../images/post.png") no-repeat;color: black;}
.post_img img{border-radius:50%;}
.hikaye-post h4{width: 180px; margin-left: 35px; margin-top: 33px; font-size:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hikaye-post p{width: 190px; margin-left: 35px; margin-top: 1px; font-size:13px;}
.hikaye-post h4 a{color:#000;}
.devami{width: 80px; min-height: 30px; float: right; margin-right: 45px; text-align: center; margin-top: -10px;}
.devami a{color: #ff5ec9; font-weight: bold; font-size: 13px;}
.hikaye-title{margin-bottom:30px; float: left;}
.profil-clm{margin-top:20px;}
.tum{margin-top:30px; display: inline-block; color: aliceblue; font-weight: bold;}
.p-tum{display: inline-block; color: aliceblue; font-weight: bold; margin-left: -20px;}
.my-content{margin-top:100px; margin-bottom: 130px;}
.my-content h2 small{color:#FF5EC9; font-weight: bold;}
.profil-post{margin-top:40px;}
.profil-post-clm img{border-radius:50%; border: 5px solid aliceblue; margin-top: -5px;}
.profil-post-clm figure:before{position: absolute; width: 38px; height: 35px; content: url("../images/img-aff.png");margin-top: -20px;margin-left: -10px}
.profil-post h3{ max-width: 400px; min-height: 45px; margin: auto; border-bottom: 1px solid #39027f;}
.profil-post p{margin-top:20px;}
.profil-post-clm{margin-top:40px; width: 162px; min-height: 151px; margin:auto; margin-bottom: 20px; position: relative; z-index: 1000; background:url("../images/profil_bg.png") no-repeat; color: #000; background-position: top center;}
.profil_row{ min-height: 250px; margin-top: 50px;border-radius: 8px;}
.profil_row a{font-size:12px; width: 90px; min-height: 25px; background: #30006D; border-radius: 38px; padding-top: 4px; display:block; margin-top: -5px; color: #FFF;}
.devami-img{border:none !important; width: 16px; height: 16px; border-radius: 0px;}
.footer{background: #39027f; min-height: 450px; margin-top: 80px; border-top-left-radius: 38px; border-top-right-radius: 38px; padding: 25px;}
.footer h5{font-weight:bold; margin-bottom: 25px;}
.linkler a{color: aliceblue; opacity: 0.9; font-size: 14px;}
.linkler ul{list-style: none;}
.linkler li{margin-top: 8px; margin-bottom: 8px;}
.linkler li a:before{position: absolute; width: 4px; height: 4px; border-radius: 50%; background: aliceblue; content: ""; margin-left: -12px; margin-top: 10px;}
.alerts{position: absolute; color: #39027f; font-weight: bold; font-size: 80px; margin-top: -95px;}
.fo-ust{min-height: 80px;border-top: 2px solid #39027f; border-bottom: 2px solid #39027f; padding: 15px;}
.fo-alt{min-height: 50px;border-top: 1px solid #46029c; margin-top: 20px; padding: 15px;}
.fo-logo{font-size: 27px;}
.fo-link a{background: #39027f; display: inline-block;padding: 8px; border-radius: 4px; margin-top: 7px; margin-left: 2px; color: aliceblue; font-size: 13px;}
.fo-link img{margin-top:-3px;}
.fo-left{margin: auto; margin-top: 15px; text-align: center;}
@media (min-width: 768px) {.fo-left {margin-right:20px; float: left;}}
.hom-img1{margin-top: 40px; margin-left: -30px;}
.hom-img2{margin-top: 30px; position: relative; z-index: 1000;}
.hom-img2 img{margin-left:0px;}
@media (min-width: 768px) {.hom-img2 img {margin-left:45px;}}
.hom-img3{position: absolute; right: 0;  z-index: 1001; margin-top: -50px; display: none;}
@media (min-width: 768px) {.hom-img3 {position: absolute; right: 0; margin-top: -112px; z-index: 1001; display: inline-block;}}
@media (min-width: 992px) {.hom-img3 {position: absolute; right: 0; margin-top: -142px; z-index: 1001;display: inline-block;}}
@media (min-width: 1400px) {.hom-img3 {position: absolute; right: 0; margin-top: -92px; z-index: 1001;display: inline-block;}}
.hom-img4{position: absolute; left: 0; margin-top: -60px; display: none;}
@media (min-width: 768px) {.hom-img4 {position: absolute; left: 0; margin-top: -60px; display: inline-block;}}
.bt{margin-bottom:30px;}
.pad-left{padding-left: 0px;}
@media (min-width: 768px) {.pad-left {padding-left: 70px;}}
.mp{margin-top: -70px; margin-bottom: 80px;}
.left-line{position: absolute; left: 0;}
.post_image{position: relative; z-index: 1002; width:250px; min-height: 250px; margin: auto; background: url("../images/post_ic.png") no-repeat; text-align: center; padding-top: 80px; margin-top: -15px;}
@media (min-width: 768px) {.post_image {width:250px; min-height: 250px; float: left; background: url("../images/post_ic.png") no-repeat; text-align: center; padding-top: 80px; margin-top: -50px;}}
.post_image img{border-radius:50%;-webkit-box-shadow: -1px -1px 29px 5px rgba(0,0,0,0.23);-moz-box-shadow: -1px -1px 29px 5px rgba(0,0,0,0.23);box-shadow: -1px -1px 29px 5px rgba(0,0,0,0.23);}
.nerede{position: relative; z-index: 1003; margin-top: 10px;}
.nerede li {padding-right:15px;}
.nerede li a{color: #FF5EC9;}
.pages{margin-top: -100px; position: relative; z-index: 1003;}
@media (min-width: 768px) {.pages {margin-top: 0px;}}
.profil-kategori .benzer-clm .post_image{margin:auto;}
.post_ic{margin-top:80px;}
.titlem{position: relative; z-index: 1002; min-height: 200px; padding-top: 10px; padding-bottom: 50px; text-align: center;}
@media (min-width: 768px) {.titlem {position: relative; z-index: 1002; min-height: 100px; padding-top: 10px; text-align: left;}}
.post-ic-clm .left-line{margin-top: -120px;display: none;}
@media (min-width: 768px) {.post-ic-clm .left-line {margin-top: -180px; display: inline-block;}}
.profil-info{ min-height: 150px; padding: 0.1rem 1rem;margin-bottom: 20px;color: inherit;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125);}
.onceki_post{ min-height: 50px; margin-top: 20px; padding: 0.1rem 1rem;margin-bottom: 20px;color: inherit;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125);}
.onceki_post a{color: #FF5EC9;}
.profil-title strong{display: block; color: aliceblue; font-size: 20px; margin-bottom: 15px; padding: 10px; text-align: center;border-bottom: 1px solid rgba(0,0,0,.125);}
.benzer_post {min-height: 130px;}
.benzer_post h4 {border-bottom: 1px solid rgba(0,0,0,.125); padding-bottom: 20px;}
.benzer-clm a{color: aliceblue;}
.profil-kategori .benzer-clm a {display: block; margin-top: -20px;}
.benzer{margin-bottom: 80px;}
.yorum{margin-bottom: 80px; min-height: 350px;}
.yorum h5 {border-bottom: 1px solid rgba(0,0,0,.125); padding-bottom: 20px;}
.yorumlar{margin-bottom: 80px; min-height: 350px;}
.yorumlar h5 {border-bottom: 1px solid rgba(0,0,0,.125); padding-bottom: 20px;}
.post-content strong{color: #FF5EC9;}
.pr-clm{padding-bottom:20px;}
.pr-clm strong{display: block;color: #FF5EC9;}
.pr-clm a{color: aliceblue;}
.galeri-img img{border-radius:50%; border: 3px solid aliceblue;}
.msj{min-height: 120px; border-bottom: 1px solid rgba(0,0,0,.125); margin-bottom: 40px;}
.msj a{color:aliceblue;}
.kategori h1 {border-bottom: 1px solid rgba(0,0,0,.125); padding-bottom: 20px;}
.sayfala{margin-top:20px; margin-bottom: 50px;}
.post_image_pr {width:250px; min-height: 250px; margin: auto; background: url("../images/post_ic.png") no-repeat; text-align: center; padding-top: 80px; margin-top: 45px;}
.post_image_pr img{border-radius:50%;-webkit-box-shadow: -1px -1px 29px 5px rgba(0,0,0,0.23);-moz-box-shadow: -1px -1px 29px 5px rgba(0,0,0,0.23);box-shadow: -1px -1px 29px 5px rgba(0,0,0,0.23);}
.frm-in{width: 90%; background-color: #FFF;border: none; outline: none; min-height: 60px; margin-top: 15px; border-radius: 38px; display: block; padding: 15px;}
@media (min-width: 992px) { .frm-in{width: 500px; background-color: #FFF;border: none; outline: none; min-height: 60px; margin-top: 15px; border-radius: 38px; display: block; padding: 15px; }}
.send-msj{width: 90%; min-height: 150px; background: #FFF; margin-top: 20px; margin-bottom: 20px; border-radius: 38px; border: none; outline: none; padding: 20px;}
@media (min-width: 992px) { .send-msj{width: 700px; min-height: 150px; background: #FFF; margin-top: 20px; margin-bottom: 20px; border-radius: 38px; border: none; outline: none; padding: 20px; }}
.send-email{display: block; width: 130px; height: 60px;border-radius: 38px; border: none; outline: none; background-color: #FF5EC9; color: #FFF; font-weight: bold;}




.r-line{ height: 300px; width: 1px; margin-top: 150px; float: left; margin-left: -10px; border-right: 1px solid #39027f;}
.gonder-title form{padding-left: 10px; margin-top: 25px;}
.gonder-title form label{display: block; margin-left: 25px; font-size: 12px; display: none;}
.gonder-title input:-moz-placeholder {color: #240151;}
.gonder-title input::-webkit-input-placeholder {color: #240151;}
.gonder-title textarea::-webkit-input-placeholder {color: #240151;}
.isim{width: 100%; min-height: 50px; background: #39027f; border: none; outline: none; border-radius: 8px; padding-left: 25px; margin-bottom: 10px;}
.gonder{width: 200px; min-height: 50px; background: #FF5EC9; border: none; outline: none; border-radius: 8px; padding-left: 25px; margin-bottom: 10px; margin-top: 20px; color: aliceblue;}
.img_file{max-width: 150px;}
.img_file strong{display: block; margin-bottom: 10px;}
input[type=file]::file-selector-button {
  border:none;
  padding: .2em .4em;
  border-radius: .2em;
  background-color: #39027f;
  transition: 1s;
  color: aliceblue;
    cursor: pointer;
}

input[type=file]::file-selector-button:hover {
  background-color: #FF5EC9;
}
.gonder-title textarea{width: 100%; min-height: 50px; background: #39027f; border: none; outline: none; border-radius: 8px; padding-left: 25px; margin-bottom: 10px;}
.gonder-title h2 small{color:black;}
.custom-select {
  position: relative;
  z-index: 1000;
    margin-bottom: 10px;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: #39027f;
    border-radius: 8px;
    min-height: 50px;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 22px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #240151 transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #240151 transparent;
  top: 16px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #240151;
  padding: 10px 25px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #39027f;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}