.slogan { padding:80px 10px 40px 10px; text-align:center;font-weight:300; color:#D39E0A; text-shadow:-1px -1px 1px #000; }
.slogan small { display:block; color:#fff; font-size:14px; }
.slogan small a { cursor:pointer; color:#fff; }
.slogan small a span { text-decoration:underline; transition:color ease .5s; }
.slogan small a:hover span { color:#D39E0A; }

/* MAIN MENU -START */
header {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;width: 100%;height: 80px;margin: auto;border-bottom: 1px solid #000;position: fixed;top: 0;left: 0;z-index: 5;background-color: rgba(0,0,0,0.95);}
header #logo {display: inline-block;height: 100%;padding: 3px;}
header #logo img {height: 50px;margin-top: 12px;margin-left: 20px;}
header #logo span {display: none;}
header div#mobileButton {display: none;width: 50px;padding: 7px;margin-right: 20px;border: 1px solid #f1c40f;align-self: center;cursor: pointer;transition: border ease .5s;}
header div#mobileButton span {display: block;height: 7px;margin: 5px 0;background-color: #f1c40f;transition: background ease .5s;}
header div#mobileButton span:first-child {margin-top: 0;}
header div#mobileButton span:last-child {margin-bottom: 0;}
header div#mobileButton:hover, header div#mobileButton.active {border-color: #fff;}
header div#mobileButton:hover span, header div#mobileButton.active span {background-color: #fff;}
header nav {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: flex-end;align-items: center;}
header nav a {display: inline-block; border-bottom:3px solid #000;padding: 30px 20px 27px 20px;line-height: 20px;text-align: center;color: #f8f8f8;transition: color ease .3s,background ease .5s, border ease .3s;}
header nav a:hover {color: #eb0;border-bottom: 3px solid #eb0;}
header nav a.active {color: #f1c40f;}
header nav a.lang {padding: 5px;margin-bottom: -5px;}
header nav a.lang img {width: 30px;border: 2px solid #000;border-radius: 50px;opacity: .9;box-shadow: 0 0 10px #000 inset;transition: border ease .5s, opacity ease .5s;}
header nav a.lang:hover {border-color: #000;}
header nav a.lang:hover img {border:2px solid #f1c40f;opacity:1;}
@media (max-width:1300px) {
    header nav a { padding:30px 10px 27px 10px; }
}
@media (max-width:1000px) {
    header { text-align:center; }
    header div#mobileButton { display:inline-block; }
    header nav { display:block;position:absolute; top:79px; width:100%; border-bottom:1px solid #000; background-color:rgba(0,0,0,0.9); z-index:999; overflow:hidden; height:0; opacity:.3; transition:all ease .5s;}
    header nav.active { height:135px; opacity:1; }
    header nav a { display:block; padding:10px 10px 10px 10px; border:none; transition:padding-top ease .5s; }
    header nav.active a { padding:10px; }
    header nav a.lang { display:inline-block; padding: 10px; }
    header nav a:hover { background-color:rgba(0,0,0,0.5); border:none;}
    header nav a.lang:hover { background-color: transparent; border:none;}
}
@media (max-width:600px) {
    header {height: 60px;}
    header #logo img {display: none;}
    header #logo span {display: block;font-size: 18px;line-height: 55px;padding-left: 10px;color: #f1c40f;}
    header nav {top: 60px;}
    header nav a {display: block;}
}
@media (max-width:500px) {
    #mobileLogo img {width: 90%;}
    footer .footerSection {padding: 10px;}
}
/* MAIN MENU -END */

#wSayfa { display:table; width:100%; height:100%; padding-bottom:100px; }
#wSayfa #sayfa { display:table-cell; text-align:center; vertical-align:middle; }
#wSayfa #sayfa h1 { padding:20px; color:#eb0; font-size:20px; font-weight:normal; }
#wSayfa #sayfa h2 { padding:20px; color:#f2f2f2; font-size:18px; font-weight:normal; }
#wSayfa #sayfa p { padding:20px; color:#f8f8f8; line-height:25px; }

#t1, #t2, #t3 { display:table; width:270px; margin:5px auto; }
#c1, #c2 { display:table-cell; color:#fff; text-align:left; vertical-align:middle; }

#t3 { margin-top:20px; }

#t1 #c1 { min-width:150px; transition:color ease .5s; }
#t2 #c1 { min-width:150px; transition:color ease .5s; }
#t1 #c1:hover, #t2 #c1:hover { color:#eb0; }
#t3 #c1 { text-align:center; }

#t1 #c2 input, #t2 #c2 input { width:100%; padding:5px; border:1px solid #777; cursor:pointer; }
#t3 #c1 button { padding:10px 15px; border:none; background:#eb0; cursor:pointer; transition:background ease .5s; }
#t3 #c1 button:hover { background:#fb1; }