body { margin: 0; padding: 0; background-color: #f1f1f1; font-family: 'PT Sans', sans-serif; font-size: 14px; }



.sprite { background: url(../images/geveze_sprite.png) no-repeat; }



@media (min-width: 767px) and (max-width: 992px) {

    .left-column, .right-column {

        display: none;

    }

}



header {
    background: url(../images/background_top_purple.jpg) no-repeat;
    background-size: cover; /* Ekran boyutuna göre arka plan resmi boyutlandırma */
    padding-bottom: 60px;
    height: 100vh; /* Ekran yüksekliği kadar genişlik */
    margin: 0; /* Sayfa kenar boşluksuz olsun */
}

header .top .logo { background-position: 0 0; width: 170px; height: 90px; }

header .top .logo a { display: block; width: 170px; height: 90px; }

header .top .logo a:hover { text-decoration: none; }

header .top .menu { float: right; margin-top: 30px; }

header .top .menu .navbar-collapse.desktop ul { list-style-type: none; }

header .top .menu .navbar-collapse.desktop ul li { float: left; border-bottom: 1px solid rgba(255,255,255,0.6); padding: 0 20px; }

header .top .menu .navbar-collapse.desktop ul li a { font-weight: 700; font-size: 18px; color: rgba(255,255,255,0.6); display: block; padding: 5px 0; }

header .top .menu .navbar-collapse.desktop ul li a:hover { color: rgba(255,255,255,1); text-decoration: none; background-color: rgba(0,0,0,0); }

header .top .menu .navbar-collapse.desktop ul li.active { border-color: rgba(255,255,255,1); }

header .top .menu .navbar-collapse.desktop ul li.active a { color: rgba(255,255,255,1); }



header .middle { margin-top: 40px; }

header .middle .left-column {}

header .middle .left-column h2 { font-weight: 700; font-size: 36px; color: #ffffff; }

header .middle .left-column p { font-size: 20px; color: #ffffff; }

header .middle .left-column ul { list-style-type: none; margin: 0 0 0 18px; padding: 0; }

header .middle .left-column ul li { padding: 10px 0; font-size: 20px; color: #ffffff; border-bottom: 1px dotted #ffffff; }

header .middle .left-column ul li:last-child { border-bottom: 0; }

header .middle .left-column ul li:after { clear: both; content: ''; display: block; }

header .middle .left-column ul li i { position: relative; margin-left: -18px; }

header .middle .left-column ul li span { display: inline-block; padding-left: 10px; }

header .middle .chat-form { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background: #ffffff; }

header .middle .chat-form .char-form-inner { padding: 30px; }

header .middle .chat-form .char-form-inner h3 { font-family: 'Roboto Slab', sans-serif; font-size: 18px; color: #111111; text-align: center; margin: 0 0 25px 0; padding: 0; }

header .middle .chat-form .char-form-inner p {
    font-family: sans-serif;
    font-size: 18px;
    color: #666666;
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
}

header .middle .chat-form .char-form-inner .other-option .or { width:100%; text-align:center; border-bottom: 1px solid #ddd; line-height:0.1em; margin: 20px 0 20px; }

header .middle .chat-form .char-form-inner .other-option .or span { background: #ffffff; padding: 0 10px; color: #999; font-family: "Roboto Slab", sans-serif; }

header .middle .chat-form .char-form-inner .other-option .mirc-option { }

header .middle .chat-form .char-form-inner .other-option .mirc-option:after { display: block; content: ''; clear: both; }

header .middle .chat-form .char-form-inner .other-option .mirc-option .mirc-logo { float: left; width: 21%; height: 70px; background-position: -22px -340px; }

header .middle .chat-form .char-form-inner .other-option .mirc-option .mirc-details { float: left; width: 79%; }

header .middle .chat-form .char-form-inner .other-option .mirc-option .mirc-details p { color: #333333; font-family: 'Roboto Slab', sans-serif; font-size: 12px; text-align: left; padding-left: 15px; }

header .middle .chat-form .char-form-inner .other-option .mirc-option .mirc-details p a { font-weight: 700; color: #333333; }

header .middle .chat-form .char-form-inner .other-option .mirc-option .mirc-details p a:hover { color: #ff4500; text-decoration: none; }

header .middle .right-column .box { background: rgba(0,0,0,0.5); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding: 20px; margin-bottom: 20px; }

header .middle .right-column .box h3 { font-size: 24px; font-weight: 700; text-shadow: 0 3px 0 rgba(0, 0, 0, 0.35); color: #ffffff; margin: 0 0 15px 0; padding: 0; }

header .middle .right-column .box .box-content {}

header .middle .right-column .box .box-content:after { display: block; content: ''; clear: both; }

header .middle .right-column .box .box-content .box-icon { float: left; width: 28%; height: 80px; }

header .middle .right-column .box .box-content .box-icon i { color: #ffffff; font-size: 24px; }

header .middle .right-column .box.mobile-chat .box-content .box-icon { height: 120px; background-position: -23px -106px; }

header .middle .right-column .box.add-chat .box-content .box-icon { height: 82px; background-position: -21px -246px; }

header .middle .right-column .box.faq .box-content .box-icon { width: 7%; height: auto; }

header .middle .right-column .box .box-content .box-content-details { float: left; width: 72%; padding-left: 10px; }

header .middle .right-column .box .box-content .box-content-details p { color: #ffffff; }

header .middle .right-column .box .box-content .box-content-details p a { display: block; }

header .middle .right-column .box .box-content .box-content-details h3 { margin: 0; padding: 0; }

header .middle .right-column .box .box-content .box-content-details a { color: #ffffff; text-decoration: none; }



aside .content { -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.15); box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.15); background: #ffffff; padding: 40px; margin-top: 10px; }

aside .content h3 { margin: 0 0 20px 0; color: #1252b2; font-family: 'PT Sans Narrow', sans-serif; font-weight: 700; font-size: 30px; border-bottom: 1px solid #d0dcf0; }

aside .content h3 span { border-bottom: 1px solid #1252b2; margin-bottom: -1px; display: inline-block; padding-bottom: 10px; }

aside .content p { font-size: 16px; color: #222222; }

aside .content p a { display: block; }


.form { border-top: 1px solid #dddddd; padding-top: 20px; }

.form.contact-form { border: 0; padding-top: 0; }

.form .form-item { margin-bottom: 15px; }

.form .form-item label { display: block; color: #000000; font-size: 14px; font-weight: 400; padding-left: 15px; }

.form .form-item input, .form .form-item textarea { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #dddddd; width: 100%; padding: 10px 15px; outline: none; }

.form .form-item textarea { height: 80px; resize: none; }

.form .form-item input:focus, .form .form-item textarea:focus { border-color: #ff4500; }

.form .form-submit input { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #36b100; border: 0; color: #ffffff; width: 100%; padding: 8px; font-size: 18px; font-weight: 700; outline: none; }

.form .form-item label.error { background: #ff0000; color: #ffffff; padding: 8px; font-size: 11px; font-weight: bold; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin: 0 20px; }

.form .form-submit input:hover { background: #359100;  }



.success-message { background: #ceeed6; border: 1px solid darkgreen; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.success-message p { font-size: 14px; color: darkgreen; margin: 0; padding: 0; }



.error-message { background: #eecbca; border: 1px solid #4d0013; padding: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.error-message p { font-size: 14px; color: #4d0013; margin: 0; padding: 0; }



footer { background: url('../images/background_bottom_purple.jpg') no-repeat; }

footer .social-networks-area {}

footer .social-networks-area .social-networks-list { margin-top: 25px; }

footer .social-networks-area .social-networks-list:after { display: block; content: ''; clear: both; }

footer .social-networks-area .social-networks-list .social-network-item { float: left; margin-right: 15px; }

footer .social-networks-area .social-networks-list .social-network-item a { color: rgba(255,255,255,0.6); font-size: 36px; text-decoration: none; }

footer .social-networks-area .social-networks-list .social-network-item a:hover { color: rgba(255,255,255,1); }

footer .social-networks-area p { color: rgba(255,255,255,1); font-size: 12px; margin: 0; }

.android-link { width: 126px; height: 33px; background-position: -20px -432px; }

footer .logo { background-position: 0 0; width: 170px; height: 90px; float: right; }

footer .footer-separator { border-bottom: 1px solid rgba(255,255,255,0.2); padding: 10px 0 0; margin: 0 0 10px; }

footer .copyright-area p { color: rgba(255,255,255,0.5); font-size: 12px; }

footer .footer-menu { float: right; }

footer .footer-menu ul { list-style-type: none; }

footer .footer-menu ul li { float: left; margin-left: 20px; }

footer .footer-menu ul li a { font-size: 12px; text-decoration: none; color: #ffffff; }



.transition, .transition * {

    -webkit-transition: all 400ms ease-out;

    -moz-transition: all 400ms ease-out;

    -o-transition: all 400ms ease-out;

    transition: all 400ms ease-out;

}

@media screen and (min-width:1020px) {
.uygulama-eter{display:none}
}

@media screen and (max-width:1020px) {
.mirc-eter{display:none}
}
#ftext {
    color: rgba(255,255,255,1) !important;
    font-size: 12px !important;
    margin: 0 !important;
}