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

body{font-family: 'Poppins', sans-serif; min-height: 500px; color: #FFF;}
h1{font-weight: bold;}
.hasbody{background: url("../images/bg.png") no-repeat left top #3ddec3; background-size: contain;}
.pagebody{background: url("../images/bgpage.png") no-repeat left top #3ddec3; background-size: contain;}

::-webkit-scrollbar {
	cursor: pointer;
    width: 10px;
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
	cursor: pointer;
    background-color: #333;
	border-radius: 22px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #ff4397;

}
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;}
a:hover{text-decoration: none;}
a{text-decoration: none;}
.logo{position: relative; margin-top: 10px; width: 280px; min-height: 84px; float:right; z-index: 999;}
@media (min-width: 992px) {.logo{position: relative; width: 280px; min-height: 84px; float:none;margin: auto; margin-top: 30px;}}
.menu{position: absolute; left: 0; top: 0; padding: 10px;}
@media (min-width: 992px) { .menu {position: relative;margin-top: 8px; padding: 15px; }}
.menu .navbar-collapse{position: fixed; top: -20px; bottom: 0px; left: 0; right: 0; background: #3ddec3; padding: 35px 15px; z-index: 1000;}
@media (min-width: 992px) { .menu .navbar-collapse {position: relative; background: none; padding: 0px; margin-top: 37px; }}
.menu a{color: #FFF !important; font-weight: 400; }

.m-logo{display: block;}
@media (min-width: 992px) { .m-logo{display: none; }}
.hom{margin-top: -3px;}
.navbar-light .navbar-toggler-icon {background: url("../images/menu.png") no-repeat;}
.bg-light {background: none !important;  border-radius: 38px; padding-left: 0px;}
.mn-kapa{position: absolute; right: 20px; top: 70px;}
.login-before h1{font-size: 2rem;}
.login-before span{font-size: 2rem; line-height: 36px; font-weight: bold;}
.login-before{margin-top: 10px; text-align: center;}
@media (min-width: 992px) {.login-before{margin-top: 40px; text-align: left;}}
.login{width: 100%; min-height: 375px; background:none; margin-top: 20px; padding-top: 0px; padding-left: 0px;}
@media (min-width: 992px) { .login{ position: relative; width: 450px; min-height: 375px; background: url("../images/login-bg.png") no-repeat; margin-top: 20px; padding-top: 80px; padding-left: 70px;}}
.login .nav-link.active {color: #FFF;background: #ff42bf !important;border-color: #FFF;border-radius: 38px;}
.login .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:before {position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #333; border: 3px solid #FFF; content: ""; margin-left: -15px; margin-top: 2px;}
.login .nav-tabs{border-bottom: none; width: 220px; margin: auto;}
@media (min-width: 992px) { .login .nav-tabs{width: 100%; margin: auto; }}
.login  .nav-link {border: none; background: #33d1b6 !important; border-radius: 38px; color: #FFF; margin-left: 10px; font-size: 10px; padding: 10px 20px;}
.login-form {width: 100%;}
@media (min-width: 992px) { .login-form{width: 230px; }}
.login-forms {width: 100%;}
@media (min-width: 992px) { .login-forms{width: 230px; }}
.login-form label{ position: absolute; font-weight: 200;font-size: 12px; padding-top: 4px;color: #6c757d; margin-left: 105px; margin-top: 30px;}
@media (min-width: 992px) { .login-form label{position: absolute; font-weight: 200;font-size: 12px; padding-top: 4px;color: #6c757d; margin-left: 125px; margin-top: 41px; }}
.login-forms label{ position: absolute; font-weight: 200;font-size: 12px; padding-top: 4px;color: #6c757d; margin-left: 105px; margin-top: 17px;}
@media (min-width: 992px) { .login-forms label {position: absolute; font-weight: 200;font-size: 12px; padding-top: 4px;color: #6c757d; margin-left: 110px; margin-top: 19px; }}
.nick{width: 300px; min-height: 90px; margin: auto; background: url("../images/nick-bg.png") no-repeat; margin-top: 20px;color: #6c757d; font-weight: bold; padding-top: 0px;  padding-left: 105px; border: none; outline: none; border-radius: 38px;}

@media (min-width: 992px) {.nick {width: 230px; min-height: 45px; background: #f4f4f4; margin-top: 30px;color: #6c757d; font-weight: bold; padding-top: 5px; border-left: 3px solid #CCC; padding-left: 10px; border-top: none; border-bottom: none; border-right: none; outline: none;border-radius: 0px;}}



.sifre{width: 300px; min-height: 90px; margin: auto; background: url("../images/sifre-bg.png") no-repeat; margin-top: 8px;color: #6c757d; font-weight: bold; padding-top: 0px;  padding-left: 105px;border-top: none; border: none; outline: none;}

@media (min-width: 992px) { .sifre {width: 230px; min-height: 45px; background: #f4f4f4; margin-top: 8px;color: #6c757d; font-weight: bold; padding-top: 5px; border-left: 3px solid #CCC; padding-left: 10px;border-top: none; border-bottom: none; border-right: none; outline: none; }}


.baglan{width: 300px; height: 90px; background: url("../images/baglan.png") no-repeat; margin: auto;  border-radius: 8px; color: #FFF; text-align: center; font-weight: bold; border:none; font-size: 22px;}
@media (min-width: 992px) {.baglan{width: 85px; height: 50px; background: #333; margin-left: -15px; margin-top: 50px; border-radius: 8px; color: #FFF; text-align: center; font-weight: bold; border:none; font-size: inherit;}}
.m-apk{margin-top: 30px;}
@media (min-width: 992px) { .m-apk{margin-top: 70px; }}
.m-and{margin-top: 2px;}
.m-apk-title{display: block;}
@media (min-width: 992px) { .m-apk-title{display: none; }}
.wel-bg{min-height: 500px; background: url("../images/heart-bg.png") no-repeat; background-position: left 100px top;}

.wel-bg a:hover{color: #FFF;}
.wel-mac{margin-top: 15px;}
@media (min-width: 1700px) { .wel-mac{margin-top: 160px; }}
.wel-mac-img{margin-top: 50px;}
.app-link-clm{margin-top: 100px;}
.play-link{padding: 5px 15px; border-radius: 38px; color: #FFF; background-color:#ff61cc; margin-top: 30px; display: inline-block; margin-right: 40px;}
.app-link{padding: 5px 15px; border-radius: 38px; color: #FFF; background-color:#333; margin-top: 30px; display: inline-block; margin-right: 40px;}
.content-swrap{background: url("../images/test.png") no-repeat; min-height: 885px; background-position: center top;}
.content{ min-height: 900px; padding: 15px; margin-top: 5px;}
.send-clm{position: relative; width: 250px; min-height: 400px; margin: auto; margin-top: 35px; background: url("../images/send-bg.png") no-repeat; background-position: top; color: #6c757d; padding-top: 50px; font-weight: 400; font-size: 13px;}
.send-post-bir{min-height: 40px; }
.send-post-iki{min-height: 40px; margin-top: 40px; margin-left: 104px; }
.send-post-uc{min-height: 40px; margin-top: 48px; margin-left: -17px; }
.send-post-dort{min-height: 40px; margin-top: 42px; margin-left: 110px; }
.plus{margin-top: 155px;}
.tp{margin-top: 150px;}
.img-tp{margin-bottom: 20px; margin-top: 20px;}
.ic-l{background: #46d6c1; min-height: 250px; padding-top: 20px; margin-top: 100px; border-radius: 38px;}
.ic-l  .nav-link.active {color: #FFF;background: #46d6c1 !important;border-color: #FFF;border-radius: 38px;}
.ic-l  .nav-link.active:before {position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #ff61cc; border: 3px solid #FFF; content: ""; margin-left: -18px; margin-top: 6px;}
.ic-l .nav-tabs{border-bottom: none;  margin: auto;}
@media (min-width: 992px) { .ic-l .nav-tabs{ margin: auto; }}
.ic-l  .nav-link {border: none; background-color: #46d6c1; border-radius: 38px; color: #FFF; margin-left: 10px; font-size: 17px; padding: 10px 20px;}



.ic-bir-clm{width: 100%; min-height: 200px; margin: auto; background: url("../images/soru-bg.png") no-repeat; background-position: center; padding-top: 100px;}
.ic-title{position: absolute; margin-top: -25px; margin-left: -10px; font-weight: bold;}
.ic-link{width: 180px; min-height: 30px; margin: auto;margin-top: 30px; background: #FFF; border-bottom-left-radius: 38px; border-bottom-right-radius: 38px; text-align: center;}
.ic-link a{padding: 3px 10px; color: #6c757d; background-color: #efefef; border-radius: 4px; font-size: 12px; font-weight: bold;}
.ic-iki-clm{width: 100%; min-height: 200px; margin: auto; background: url("../images/komut-bg.png") no-repeat; background-position: center; padding-top: 100px;}
.ic-uc-clm{width: 100%; min-height: 200px; margin: auto; background: url("../images/c-bg.png") no-repeat; background-position: center; padding-top: 100px;}

.artic{min-height: 500px; margin-top: 100px; background: url("../images/left-arrow.png") no-repeat; background-position: left top; background-size: contain; padding-top: 150px;}
@media (min-width: 992px) { .artic{min-height: 500px; margin-top: 100px; background: url("../images/left-arrow.png") no-repeat; background-position: left top; background-size: contain; padding-top: 250px; }}
.foo-login{margin-top: 50px;}
.foo-login a{ display: block; width: 210px; min-height: 50px; margin: auto; padding: 10px 20px; color: #FFF;border: 2px dashed #FFF; border-radius: 38px; margin-top: 20px; font-size: 20px;}
.fo-apk .play-link{ margin-top: 5px !important;}
.fo-apk .app-link{ margin-top: 15px !important;}
.fo-apk .play-link:hover{color: #FFF;}
.fo-apk .app-link:hover{color: #FFF;}
.fo-apk a{ margin-left: 30px; margin-right: 30px;}
.fo-apk p{ margin-top: 20px; margin-bottom: 20px;}
.fo-link{margin-top: 20px; margin-bottom: 20px;}
@media (min-width: 992px) { .fo-link{margin-top: 0px; margin-bottom: 0px; }}
.fo-link a{display: block; color: #FFF; line-height: 30px;}
.fo-link a:hover{color: #FFF;}
.fo-apk cite{font-size: 12px; font-weight: 200;}
.bilgi-chat{position: absolute !important; margin-top: -50px !important;}
.page-content{min-height: 800px; margin-top: 100px;}
@media (min-width: 1700px) { .page-content{min-height: 800px; margin-top: 250px; }}
.page-content .ic-bir-clm{width: 280px;}
.page-content .ic-iki-clm{width: 280px;}
.page-content .ic-uc-clm{width: 280px;}
.page-content .accordion-item{background: none; border: none;}
.page-content .accordion-button{background: #3fcab6; border-radius: 38px !important; border: none; color: #FFF; font-weight: 500; box-shadow: none; margin-top: 10px;}
.page-content .accordion-button img{margin-right: 5px;}
.page-content .accordion-button:after{background-image:url("../images/arrow.png");}
.page-content code{color: #6c757d;}
.page-article{min-height: 800px; background: #46d6c1; border-radius: 38px; padding: 30px;}

.page-article ul{ margin-top: 40px; list-style: none;}
.page-article ul li{ min-height: 50px; border-radius: 38px;background: #3fcab6; margin-top: 15px; padding: 15px;}
.page-img-left{position: absolute; margin-top: -241px; margin-left: 0px; z-index: -1;}
@media (min-width: 992px) { .page-img-left{position: absolute; margin-top: -241px; margin-left: -80px; }}
.page-img-right{position: absolute; margin-left: -25px; margin-top: 40px;}
@media (min-width: 992px) { .page-img-right{position: absolute; margin-left: -25px; margin-top: -60px; }}
.tp-ic{margin-top: 200px;}
@media (min-width: 992px) { .tp-ic{margin-top: 120px; }}
.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: #ff42bf; color: #FFF; font-weight: bold;}
.page-odalar .nav-link.active {color: #FFF;background: #ff42bf !important;border-color: #FFF;border-radius: 38px;}
.page-odalar .nav-link.active:before {position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #333; border: 3px solid #FFF; content: ""; margin-left: -15px; margin-top: 4px;}
.page-odalar .nav-tabs{border-bottom: none; width: 100%; margin: auto;}
@media (min-width: 992px) { .page-odalar .nav-tabs{width: 100%; margin: auto; }}
.page-odalar  .nav-link {border: none; background: #33d1b6 !important; border-radius: 38px; color: #FFF; margin-left: 10px; font-size: 14px; padding: 10px 20px; margin-top: 15px;}
.page-odalar-clm{width: 100%; min-height: 100px; margin: auto;}
@media (min-width: 992px) { .page-odalar-clm{width: 640px; min-height: 100px; margin: auto; }}
.page-odalar-link { margin: auto;margin-top: 50px;}
@media (min-width: 992px) { .page-odalar-link{width: 100%; margin: auto;  margin-top: 10px;}}
.page-odalar-link a strong{font-size: 18px; font-weight: bold; margin-bottom: 5px; display: block;}
.page-odalar-link a span{display: block; text-align: right; margin-top: 10px; margin-right: 20px;opacity: 0.9;font-weight: bold;} 
.page-odalar-link a{position: relative;display: inline-block;width: 180px;min-height: 120px; padding: 10px 4px 10px 4px;color: #FFF;border: 2px dashed #FFF;border-radius: 38px; margin-right: 20px; margin-left: 20px; margin-bottom: 30px;}
.page-odalar-link a:before{position: absolute;content: ""; width: 35px; height: 35px; background: url("../images/odalar-heart.png") no-repeat; margin-top: -30px;left: 4px;}
.main-tp{position: fixed; right: 15px; bottom: 20px;}
.odalogin-before{text-align: center;}
.odalogin{width: 100%; min-height: 375px; background:none; margin-top: 20px; padding-top: 0px; padding-left: 0px;}
.odalogin .nav-link.active {color: #FFF;background: #ff42bf !important;border-color: #FFF;border-radius: 38px;}
.odalogin .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:before {position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #333; border: 3px solid #FFF; content: ""; margin-left: -15px; margin-top: 2px;}
.odalogin .nav-tabs{width: 225px; margin: auto;border-bottom: none; }
.odalogin  .nav-link {border: none; background: #33d1b6 !important; border-radius: 38px; color: #FFF; margin-left: 10px; font-size: 10px; padding: 10px 20px;}
.odalogin-form {width: 100%;}
.odalogin-forms {width: 100%;}
.odalogin-form label{ position: absolute; font-weight: 200;font-size: 12px;color: #6c757d; margin-left: 105px; margin-top: 30px;}
.odalogin-forms label{ position: absolute; font-weight: 200;font-size: 12px; padding-top: 4px;color: #6c757d; margin-left: 105px; margin-top: 17px;}
.odalogin-forms label {position: absolute; font-weight: 200;font-size: 12px; padding-top: 4px;color: #6c757d; margin-left: 110px; margin-top: 19px; }
.odanick{width: 300px; min-height: 90px; margin: auto; background: url("../images/nick-bg.png") no-repeat; margin-top: 20px;color: #6c757d; font-weight: bold; padding-top: 0px;  padding-left: 105px; border: none; outline: none; border-radius: 38px;}
.odatp{margin-top: 30px;}



.odasifre{width: 300px; min-height: 90px; margin: auto; background: url("../images/sifre-bg.png") no-repeat; margin-top: 8px;color: #6c757d; font-weight: bold; padding-top: 0px;  padding-left: 105px;border-top: none; border: none; outline: none;}
.odabaglan{width: 300px; height: 90px; background: url("../images/baglan.png") no-repeat; margin: auto;  border-radius: 8px; color: #FFF; text-align: center; font-weight: bold; border:none; font-size: 22px;}

@media (min-width: 992px) { .oda-sec{margin-left: 143px;}}
.modal-content {
    color: #3a3a3a;
}
.btn-hayir {
    background-color: #ff42bf;
    color: #FFF;
    border-radius: 38px;
    font-weight: bold;
}
.btn-onay {
    background-color: #3ddec3;
    border-radius: 38px;
    color: #FFF;
   font-weight: bold;
}