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

html {	background:#FFFFCC;}
body {	font-family: 'Open Sans', Arial, Tahoma;	line-height: 25px;	font-size: 13px;	font-weight: normal;	color: #333333;	background: #dee;}

<!-- ///mobile menu/// -->
ul.cssMenu {
  list-style-type: none;
  padding:0;
  background-color: #00bcd4;
}

ul.cssMenu li {
  font:300 16px  sans-serif;
  color: #333;
  display: inline-block;
  padding: 15px;
  position: relative;
}

ul.cssMenu > li:hover {
  cursor: pointer;
  background-color: #ffeb3b;
  box-shadow:0 0 15px rgba(0,0,0,.6);
}
ul.cssMenu .downarrow {
   border: 4px solid transparent;
   border-top-color: #000;
   display:inline-block;
}
ul.cssMenu li ul {
  display: none;
  padding:0;
}

ul.cssMenu li:hover ul {
  display: table;
  margin-top: 15px;
  min-width: 250px;
  left: 0;
  position: absolute;
}
ul.cssMenu li:hover ul li {
  background-color: white;
  display: block;
}
ul.cssMenu li:hover ul li:hover {
  background-color: #e91e63;
  color:white;
}
input[type='checkbox']#hiddenInput{
   display:none;
}

.showMenu{
  display:none;
  color:white;
  font-size:30px;
  position:absolute;
  right:0px;
  top:0px;
  padding:8px 15px 10px 15px;
  background-color:#e91e63;
  border-radius:100%;
  z-index:1;
  border:5px solid #212121;
  cursor:pointer;
}
@media (max-width: 992px){
  ul.cssMenu,ul.cssMenu .downarrow{
    display:none;
  }
   
  input[type='checkbox']#hiddenInput:checked ~ ul.cssMenu,.showMenu{
    display:block;
  }
   
  ul.cssMenu li {
    display: block;
    text-align:center;
    padding:15px 0;
    border-bottom:1px solid rgba(1,1,1,.1);
  }
   
  ul.cssMenu li:hover {
    box-shadow:0 0 0;
  }
   
  ul.cssMenu li ul {
    display: block;
    background-color: white;
    margin:15px 0 -15px 0;
  }
   
   ul.cssMenu li ul li {
    font-size:80%;
    padding:10px;
  }
   
  ul.cssMenu li:hover ul {
    width: 100%;
    position: relative;
  }
}


strong, b {	font-weight: 600;}
a {	color: #333333;	-webkit-transition: color .3s ease-in-out;	-moz-transition: color .3s ease-in-out;	transition: color .3s ease-in-out;}
a:hover {	color: #9929A1;}
.konteyner {	position: relative;	width: 98%;	margin: auto auto; top:5px; 		padding: auto auto;}
.konteyner1 {	position: relative;	width: 98%;	margin: auto auto; top:50px; 	padding: auto auto; background-color:#FFFF99; border:solid;}
.konteyner2 {	position: relative;	width: 98%;	margin: auto auto; top:300px; 	padding: auto auto; background-color:#FFFF99; border:solid;}
.konteyner3 {	position: relative;	width: 98%;	margin: auto auto; top:600px; 	padding: auto auto; background-color:#9999ff; border:solid;}
.konteyner4 {	position: relative;	width: 98%;	margin: auto auto; top:900px; 	padding: auto auto; background-color:#33ff33; border:solid;}

.filterBY {	position: relative;	width: 100%; margin: auto auto; top:2px; padding: auto auto;}
.filterBYresult {	position: absolute;	width: 100%; margin: 10px 10px; top:220px; padding: 5px 10px;}


.kapat {	float: left;	width: 98%;	padding: 15px 15px;}
.uyekayit-form {	float: left;	width: 98%;	padding: 5px 5px;}
.filter-form {float: left; margin: inherit; width: 75%;	padding: inherit; background: transparent; border:0; font-style: normal;	color: #bb0002;	text-decoration: none;}
.filter-form placeholder {	font-style: italic;	color: #bb0002;	text-decoration: none;	font-size:6px;}
.filter-form button[type="submit"] {	float:left;	margin: 0;	padding: 0;	border: 0;	background: transparent; font-size:8px;}
.filter-form select{font-size:8px;}
.filter-form button[type="submit"] span {	display: block;	line-height: 12px;	font-size: 8px;	font-weight: bold;	color: #fff;	padding: 1px 2px;	background-color: #999999;	-webkit-transition: all .3s ease-in-out;	-moz-transition: all .3s ease-in-out;	transition: all .3s ease-in-out;}


.bilgibank-form {	float: left; margin:auto;	width: 98%;	padding: 5px 5px;}
.bilgibank-form h4 {	font-size: 12px;}
.bilgibank-form h1 {	font-size: 8px;}
.bilgibank-form .grup {	float: center;	width: 60%;}
.bilgibank-form .button[type="submit"] {	float:right;	margin: 0;	padding: 0;	border: 0;	background: transparent;}
.bilgibank-form .grup-iki {	float: left;	width: 85%;}
.bilgibank-form .grup-uc {	float: left;	width: 100%;}
.bilgibank-form .devami {	font-style: italic;	color: #bb0002;	text-decoration: none;	font-size:10px;}
.bilgibank-form .placeholder {	font-style: italic;	color: #bb0002;	text-decoration: none;	font-size:10px;}
form {	background-color: #d1d1d1;}
form label {	position: relative;	display: block;	margin-bottom: 8px;}
form label input[type="text"],
form label input[type="password"],
form label select,
form label option,
form label value,
form label textarea {	display: block;	width: 98%;	height: 30px;	line-height: 10px;	margin: 0px;	padding: 5px 5px;	font-family: Arial;	border: 2px solid #eee;	background: #fff;}
form label textarea {	height: 100%;}
form button[type="submit"] {	float:right;	margin: 0;	padding: 0;	border: 0;	background: transparent;}
form button[type="submit"] span {	display: block;	line-height: 24px;	font-size: 9px;	font-weight: normal;	color: #fff;	padding: 0px 10px;	background-color: #0000CC;	-webkit-transition: all .3s ease-in-out;	-moz-transition: all .3s ease-in-out;	transition: all .3s ease-in-out;}
form button[type="submit"] h {	display: block;	line-height: 16px;	font-size: 8px;	font-weight: normal;	color: #999999;	padding: 0px 10px;	background-color: #000033;	-webkit-transition: all .3s ease-in-out;	-moz-transition: all .3s ease-in-out;	transition: all .3s ease-in-out;}
form button[type="submit"]:hover span {	background-color: #8d0309;}
.placeholder {	position: absolute;	top: 10px;	left: 13px;	font-family: Arial;	font-size: 13px;	font-weight: normal;	font-style: normal;	color: #999;	cursor: text;	text-decoration: none !important;}
b ~ .placeholder {	top: 20px;}
.placeholder.aktif {	color: #ccc;}
.form-baslik {font-size:16px; font-family:Impact, Cambria; font-weight:bolder; font-style:oblique; color:#FF6666; background-color:#000066;}
table{font-family:calibri; font-size:8px; color:#000033;}

td{background-color:#FFFFCC; font-family:"Arial Narrow"; font-size:9px; color:#330066;}
h{background-color: #333333; font-family: Helvetica; font-size:10px; color: #FFFFFF;}
h1{background-color: #FFCCFF; font-family: sans-serif; font-size:8px; color: #000066;}
h2{background-color: #99FFFF; font-family: Consolas; font-size:8px; color: #FF0000;}
h3{background-color: #99FF66; font-family: Cambria; font-size:12px; color: #000099;}
h4{background-color: #CCFF99; font-family: Tahoma; font-size:12px; color: #333333;}
h5{background-color: #FFFF00; font-family: georgia; font-size:14px; color: #FF0000;}
h6{background-color: #999999; font-family: calibri; font-size:10px; color: #000033;}
h7{background-color:; font-family: calibri; font-size:16px; color: #FF0000;}