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

/* Başlıklar */
h1{font: 30px/45px; color: #000;}
h2{ font-size: 25px; color: #000; font-weight: normal;}
h3{font: 22px/22px; color: #000;}
h4{font: 20px/20px; color: #000;}
h5{font: 18px/18px; color: #000;}
body{ min-height: 1000px; background: none; overflow-x: hidden;}
@media (min-width: 768px) {body {background: url(../images/bg.jpg) no-repeat; background-position: top right;}}
a{-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration: 0.3s;}
.logo{margin-top: 4px;}
.ust-menu{width: 320px; min-height: 60px; float: right; margin-right: 30px; margin-top: 35px;}
.ust-menu-left{float: left; margin-right: 25px;}
.ust-menu-left img{margin-top: 8px;}
.ust-menu-box{width: 130px; min-height: 50px; margin-left: 50px; background-color: #FFF; border-radius: 38px;box-shadow: 0 10px 32px rgba(0,0,0,0.1), 0 2px 10px rgba(0,0,0,0.05); text-align: center; color: #000; padding-top: 14px; font-size: 14px;}
.ust-menu-box a{color: #000;}
.content{min-height: 860px;}
.home_title{margin-left: 20px; margin-top: 5px;}
@media (min-width: 768px) {.home_title {margin-left: 90px; margin-top: 120px;}}
.home_title h1{color: #000;}
.home_title a{color: #000;}
.home_title a:hover{text-decoration: none;}
.chat_login{width: 95%;min-height: 250px;margin-left: 10px; margin-top: 35px;}
@media (min-width: 768px) {.chat_login {width: 550px; margin-left: 90px;}}
.chat_box{width: 98%; min-height: 70px; border-radius: 38px; border: 1px solid #e1e1e1; margin-top: 15px; margin-bottom: 35px;}
@media (min-width: 768px) {.chat_box {width: 550px;}}
.baglan{float: left; width: 300px; min-height: 75px; border-radius: 38px; background-color: #f2bb20;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration: 0.3s; text-align: center; cursor: pointer;}
.baglan:hover{background-color: #765ded;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration: 0.3s;}
.bagla{ width: 100%; height: 75px; background: none; color: #FFF; cursor: pointer;}
.or{float: left; margin-left: 35px; margin-top: 22px; font-size: 12px; color: #000; text-align: center; padding-top: 7px;}
.or a{color: #000;}
.chat_left{float: left; margin-left: 20px;}
.chat_left img{ margin-top: 21px;}
.hint{ margin-top: 25px; font-size: 11px; margin-left: 40px; color: #CCC;}
.chat_login input{height: 62px; font-size: 18px; background: none; border: none; outline: none;}
@media (min-width: 768px) {.chat_login input {font-size: 22px;}}
.mobil{width: 95%;min-height: 150px; margin: auto; margin-top: 115px;}
@media (min-width: 768px) {.mobil {width: 550px;margin-left: 90px;}}
.mobil img{margin-left: 42px;}

.message{width:330px; min-height: 700px;  margin-top: 150px; float: right; margin-right: 95px; padding: 20px; -moz-transform: rotate(-6deg) translate(80px, 10px) skew(10deg, 10deg);
-webkit-transform: rotate(-6deg) translate(80px, 10px) skew(10deg, 10deg);
-o-transform: rotate(-6deg) translate(80px, 10px) skew(10deg, 10deg);
-ms-transform: rotate(-6deg) translate(80px, 10px) skew(10deg, 10deg);
transform: rotate(-6deg) translate(80px, 10px) skew(10deg, 10deg);
}
.message img {border-radius: 60%; border: 3px solid #ad94f0;box-shadow: 0 15px 55px -10px #ad94f0;}
.message-brand img{border: none; border-radius: 1px; box-shadow: none;}
.message-box{width: 100%; min-height: 90px; margin-top: 5px; margin-bottom: 5px; font-size: 11px; border-bottom: 1px solid #e7e7e7;}
.message-box img{border:none; box-shadow: none; margin-right: 15px;}
.message-box p{ padding-top: 5px; color: #9a9a9a;}


.online{background-color: #009300;}
.mesgul{background-color: #f2599c;}
.disarda{background-color: #eaae12;}
.cevrimds{background-color: #CCC;}

.sender{width: 300px; min-height: 40px; margin: auto; margin-top: 30px; font-size: 11px;}



@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

.chat-message__content {position: relative;width: 45%;}
#send .chat-message__content {width: 40px;}
:root {--loader-size: 0.625rem;--loader-spacing: 0.3125rem;--loader-background: #ad94f0;--loader-background-active: #ad94f0;--loader-animation-duration: 0.8s;}
.loader {position: relative;margin-left: calc(var(--loader-spacing) + var(--loader-size));margin-right: calc(var(--loader-spacing) + var(--loader-size));animation-delay: calc(var(--loader-animation-duration) / 3);}
.loader, .loader::before, .loader::after { display: inline-block; width: var(--loader-size); height: var(--loader-size); background: var(--loader-background); border-radius: 100%;animation-name: loader; animation-duration: var(--loader-animation-duration);animation-iteration-count: infinite;animation-timing-function: linear;}
.loader::before, .loader::after { content: ''; position: absolute; top: 0;}
.loader::before {left: calc((var(--loader-spacing) + var(--loader-size)) * -1);}
.loader::after { right: calc((var(--loader-spacing) + var(--loader-size)) * -1); animation-delay: calc(var(--loader-animation-duration) / 3 * 2);}
@keyframes loader { 0%, 66%, 100% { transform: translateY(10%); background: var(--loader-background);}33% { transform: translateY(-25%); background: var(--loader-background-active);}}
.blog{background-color: #FFF;}
.nerede{width: 100%; min-height: 25px; font-size: 11px; margin-bottom: 15px;}
.breadcrumb {padding: 10px 5px;margin-bottom: 2px;list-style: none;background:none;}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li a {display: inline-block;color:#000;}
.breadcrumb > li a:hover {text-decoration:none;opacity:0.9;}
.breadcrumb > li + li:before {height:100px;padding: 0 5px;color: #000;content: '/';}
.breadcrumb > .active {color: #000;}
.baslik_alt{width: 300px; height: 1px; background-color: #eaeaea; margin: auto;}
.blog-box{width: 100%; min-height: 185px; margin: auto; margin-top: 50px; margin-bottom: 50px; border-bottom: 1px solid #eaeaea;}
@media (min-width: 992px) {.blog-box {width: 950px;}}
.blog-box img{float: left; margin-right: 20px; margin-bottom: 20px;box-shadow: 0 15px 55px -16px #9b9a99; border-radius: 4px;}
.blog-box a{font-size: 20px; font-weight: bold; color: #000;}
.blog-box a:hover{text-decoration: none; color: #CCC;}
.blog-box p{font-size: 14px;}
.sayfala{ width: 100%; text-align: center; margin-bottom: 50px; margin-top: 50px;}

.post img{border-radius: 4px; box-shadow: 0 15px 55px -16px #9b9a99;}
.onceki-post{width: 100%; min-height: 30px; margin: auto; margin-top: 40px; margin-bottom: 40px; text-align: left;}
.etiket{width: 100%; min-height: 30px; margin-top: 40px; margin-bottom: 40px; text-align: left;}
.etiket a{background-color: #765ded;box-shadow: 0 15px 55px -9px #765ded; color: #FFF; padding-left: 10px; padding-right: 10px; padding-top: 2px; border-radius: 2px; padding-bottom: 4px; font-size: 13px; line-height: 25px; margin-left: 5px; margin-right: 5px; }

.benzer-box{width: 300px; min-height: 200px; margin: auto; margin-top: 30px; margin-bottom: 50px;text-align: center;}
.benzer-box img{margin-bottom: 20px;box-shadow: 0 15px 55px -16px #9b9a99; border-radius: 4px; }
.benzer-box a{color: #000; font-weight: bold;}
.single-yorum{width: 100%; min-height: 300px; margin: auto; margin-top: 50px; margin-bottom: 70px;}
@media (min-width: 992px) {.single-yorum {width: 950px;}}
.footer{min-height: 50px; border-top: 1px solid #f0f0f0; text-align:right; padding-right: 150px; padding-top: 10px;}
.footer a{color: #e6a912; margin-left: 10px; font-size: 14px;}