/* Theme Name: Silver Tema 
Theme URI: www.QBilisim.com
Author: QBilisim
Author URI: Geliştirici Web Sayfası
Description: Qbilisim.com tema "Silver" serisi.
Version: v1 */

@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);
body{
	font-family:Roboto,sans-serif;
	background:#011238
}
.nav-bar {
	border-top: 5px solid #002b49;
	padding: 5px;
	margin-bottom: 20px;
}

.nav-bar .wimg {
	width: 100px;
}
.nav-bar .w-a {
	color: white;
    font-size: 25px;
    letter-spacing: 3px;
	font-weight: bold;
}
.nav-bar .w-a:hover {
	text-decoration: none;
}
.nav-li ul {
	display: block;
	height: 45px;
	text-align: right;
	margin-top: 15px;
}
.nav-li ul li {
	display: inline-block;
	padding: 10px 5px;
	font-weight: bold;
	list-style-type: none;
}
.nav-li ul li i {
	margin-right: 5px;
	color: #f8573a;
	margin-right: 5px;
}
.nav-li ul li a {
	color: white;
	font-size: 20px;
	font-weight: bold;
}
.nav-li ul li a:hover {
	color: silver;
	text-decoration: none;
}

.nav-li .hizli {
	background: #ff0404;
	color: #f7f7f7;
	border: 2px solid #ff0404;
	padding: 15px;
	border-radius: 10px;
	margin-left: 31px;
	font-size: 20px;
	transition: all 0.5s ease;
}
.nav-li .hizli:hover {
	background: #f7f7f7;
	color: #002b49;
	transition: all 0.5s ease;
	z-index: 1;
}
.ustbar {
	margin-left: 20px;
	margin-right: 20px;
}
.bg-arka{
	background:#011238;
	transition:all 1s
}
.bg-orgin{
	background:#ff0404
}
.text-blue{
	color:#011238
}
.text-orgin{
	color:#ff0404
}
.text-arka{
	color:#fff
}
.sayfalar ul li{
	padding-left:15px;
	color:#ff0404;
	font-size:20px;
	font-weight:600;
	list-style-type:none;
	text-decoration:none
}
.sayfalar ul li a{
	color:#ff0404;
	text-decoration:none
}
.sayfalar ul li a:hover{
	border-bottom:1px solid #fff;
	text-decoration:none
}
.logo{
	font-size:25px
}
.logoimg{
	width:90px;
	height:90px
}
.headerimg{
	width:500px;
	height:500px
}
.formlogin input{
	width:%100;
	padding:10px;
	margin:10px;
	border-radius:10px;
	outline:0
}
.formlogin i{
	color:#011238;
	font-size:30px;
	padding:10px
}
.formbaglan{
	width:100%;
	padding:10px;
	background:#ff0404;
	color:#febdbd;
	letter-spacing:16px;
	font-weight:900;
	border-radius:10px
}
.formbaglan2{
	width:100%;
	padding:10px;
	background:#74c0d6;
	color:#011238;
	font-weight:600;
	border-radius:10px
}
.formback{
	background:#fff;
	margin:10px;
	border-radius:10px
}
.sosyal{
	background:#011238;
	color:#fff;
	width:40px;
	height:40px;
	padding:5px;
	font-size:20px;
	border-radius:10px
}
.gorselkutu{
	border-radius:10px;
	font-size:20px
}
.gorselicon{
	width:100px;
	height:100px
}
.gorselmetin{
	color:#fff
}
.blogkonu{
	background:#cbcdfe;
	padding:10px;
	color:#011238;
	border-radius:10px
}
.blogkonu:hover{
	background:#a9b205;
	padding:10px;
	color:#011238;
	border-radius:10px;
	border:1px solid #fff;
	transition:all 1s
}
.blogkonu h3{
	font-size:20px;
	border-bottom:1px solid #ff0404
}
.blogkonu img{
	width:70px;
	height:70px;
	padding:5px;
	border:1px dashed #ff0404
}
.blogkonu a{
	font-size:20px;
	color:#ff0404;
	text-align:left
}
.blogkisa{
	color:#000
}
.blogmesaj p{
	color:#fff;
	text-align:left
}
.blogmesaj span{
	color:#fff;
	text-align:left
}
.blogmesaj h2,.blogmesaj h3{
	color:#ff0404;
	text-align:left
}
.uygulama{
	width:120px;
	height:120px
}
#sorucevap{
	text-align:center
}
#sorucevap .s{
	border-radius:10px;
	font-size:20px;
	margin:5px;
	cursor:pointer;
	color:#011238;
	border-bottom:1px solid #ff0404
}
#sorucevap .s:hover{
	background:#011238;
	color:#fff
}
#sorucevap .c{
	display:none;
	background:#fff;
	border-radius:10px;
	color:#ff0404;
	margin:5px;
	padding:10px;
	border-top:none
}
.bg-soru{
	background:#fff;
	border-radius:10px;
	padding:10px
}
.imza{
	width:140px;
	height:140px
}
.navsabit{
	position:fixed;
	top:0;
	background:#fff;
	width:100%;
	z-index:100;
	transition:all 1s
}
.yukari{
	display:none;
	position:fixed;
	bottom:0;
	right:0;
	margin:10px;
	background:#ff0404;
	color:#fff;
	z-index:100;
	transition:all 1s
}
.yorum{
	color:#ff0404
}
.yorum li{
	margin-bottom:10px;
	padding:10px;
	border:1px solid #fff;
	list-style-type:none;
	border-radius:5px
}
.yorum textarea{
	width:100%;
	border-radius:5px
}
.yorum input[type=text]{
	width:100%;
	border-radius:5px
}
.yorum input[type=submit]{
	background:#ff0404;
	color:#011238;
	width:100%;
	border-radius:10px;
	text-align:center
}
.yorum .comment-form-url{
	display:none
}
.yontus a{
	color:#FF0000;
	text-decoration:none
}
.yontus a:hover{
	color:#fff;
	text-decoration:none
}
.bars {
	margin-left: -15px;
	background: #ff0404;
	padding: 10px;
	color: #fff8dc;
}
.yukari {
	display: none;
	position: fixed;
	bottom: 110px;
	right: 0;
	border: none;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	background: #fc583b;
	border-radius: 5px;
	color: white;
	font-size: 20px;
}
@media screen and (max-width:1044px){ 
.nav-bar .wimg {
    width: 70px;
}
.nav-bar .w-a {
    font-size: 20px;
}
	.nav-li ul {
		display: none;
		float: none;
		height: 100%;
	}
	.nav-li ul li {
		display: block;
		margin-right: 10px;
		border: none;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: bold;
		color: #777777;
		list-style-type: none;
		text-align: center;
		width: 100%;
		margin-left: -20px;
	}
	.nav-li ul li a {
    margin-left: 30px;
}
	.nav-li .hizli {
		font-size: 15px;
	}
}