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



.sprite { background: url(../images/sprite.png?v=1) no-repeat; }

header { background: url(../images/background.jpg) no-repeat; padding-bottom: 100px; }

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 .right-column { text-align: right; }

header .middle .right-column h2 { font-weight: 700; font-family: 'Oswald', sans-serif; font-size: 60px; color: #ffffff; }

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

header .middle .right-column p.android-area { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(0,0,0,0.5); font-size: 12px; line-height: 15px; float: right; padding: 15px; text-align: left; }

header .middle .right-column p a { display: inline-block; float: left; margin-right: 10px; }

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

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

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

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

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

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

header .middle .chat-form { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: rgba(0,0,0, 0.2); border: 1px solid rgba(255,255,255,0.6); text-align: left; }

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

header .middle .chat-form .char-form-inner h3 { font-family: 'PT Sans', sans-serif; font-weight: bold; font-size: 24px; color: #ffd800; margin: 0 0 25px 0; padding: 0; }

header .middle .chat-form .char-form-inner h3 span { float: right; font-size: 15px; color: #ffffff; text-align: right; line-height: 11px; }

header .middle .chat-form .char-form-inner h3 span i { font-size: 12px; }

header .middle .chat-form .char-form-inner h3 span small { font-size: 11px; color: #ffffff; }

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

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

header .middle .chat-form .char-form-inner .other-option .or span { padding: 0 10px; color: #fff; font-family: "PT Sans", 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: #ffffff; 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: #ffffff; }

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



.box { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px; margin-bottom: 20px; position: relative; overflow: hidden; }

.box h3 { font-size: 24px; font-weight: 700; color: #ffffff; margin: 0 0 15px 0; padding: 0; }

.box .box-content {}

.box .box-content:after { display: block; content: ''; clear: both; }

.box.rules { background: #1365a4; color: #d3e9fa; }

.box.rules .icon { position: absolute; bottom: -50px; left: -50px; }

.box.faq { background: #d95951; color: #fad3d3; }

.box.faq .icon { position: absolute; bottom: -50px; left: -50px; }

.box .icon { z-index: 0; }

.box .icon i { font-size: 260px; color: rgba(255, 255, 255, 0.1); }

.box .box-content .box-content-details { position: relative; z-index: 1; }

.box .box-content .box-content-details ul { margin: 0 0 0 20px; padding: 0; }

.box .box-content .box-content-details ul li { margin: 15px 0; }

.box .box-content .box-content-details p { color: #ffffff; }

.box .box-content .box-content-details p a { display: block; }

.box .box-content .box-content-details h3 { margin: 0; padding: 0; }

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



.mask { width: 100%; height: 96px; background: url('../images/mask.png') no-repeat top center; margin-top: -72px; }



aside .content {  }

aside .content h3 { margin: 0 0 20px 0; color: #15869a; 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 #15869a; margin-bottom: -1px; display: inline-block; padding-bottom: 10px; }

aside .content p { font-size: 15px; color: #66889b; margin: 15px 0; }

aside .content p a { display: block; }



.form { padding-top: 20px; }

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

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

.form .form-item i { position: absolute; right: 16px; top: 16px; font-size: 18px; color: #2c3e50; }

.form .form-item input, .form .form-item textarea { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0; width: 100%; padding: 15px; outline: none; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);

    -moz-box-shadow:    0px 2px 3px 0px rgba(0, 0, 0, 0.3);

    box-shadow:         0px 2px 3px 0px rgba(0, 0, 0, 0.3); color: #2c3e50; }

.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: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #00d8ff; border: 0; color: #ffffff; width: 100%; padding: 8px; font-size: 24px; font-weight: 700; outline: none; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);

    -moz-box-shadow:    0px 2px 3px 0px rgba(0, 0, 0, 0.3);

    box-shadow:         0px 2px 3px 0px rgba(0, 0, 0, 0.3); text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15); }

.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: #01c0e2;  }



.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.jpg') no-repeat; padding-bottom: 100px; -webkit-box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.2);

    -moz-box-shadow:    0px -4px 10px 0px rgba(0, 0, 0, 0.2);

    box-shadow:         0px -4px 10px 0px rgba(0, 0, 0, 0.2); margin-top: 40px; }

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}
}