.btn-glass  {
  flex-grow: 1;
  text-align: center;
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  padding:14px 0;
  font-family: Lato;
  font-size:15px;
  font-weight:normal;
  letter-spacing: 0.98pt;
  text-transform: uppercase;
  transition: background-position 2s cubic-bezier(0, 1, 0, 1), border-color 500ms, background-color 500ms;
  position: relative;
  background-attachment: fixed, scroll;
  background-size: 100vw 100vh, cover;
  background-position: center center, 0 0;
  text-shadow:1px 1px 1px #000;
  
  background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0) 8%, rgba(0, 0, 0, 0.075) 10%, rgba(0, 0, 0, 0.075) 14%, rgba(0, 0, 0, 0.15) 14%, rgba(0, 0, 0, 0.15) 15%, rgba(0, 0, 0, 0.075) 17%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0.075) 40%, rgba(0, 0, 0, 0.15) 42%, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.075) 60%, rgba(0, 0, 0, 0.075) 66%, rgba(0, 0, 0, 0.15) 66%, rgba(0, 0, 0, 0.075) 70%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%), radial-gradient(ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.2) 110%);
}
.btn-glass:hover {
  background-position: -100vw 0, 0 0 ;
}
.btn-glass:active {
  background-position: -75vw 0, 0 0;

}



.nav-light {
  background-color:#2a8fbd;
}
.nav-light .btn-glass {
	color:#FFF;
	
  font-weight:800;
  background-color: rgba(17, 17, 17, 0);
  
}
.nav-light .btn-glass:hover {
  color:#fff;
  border-color: #000000;
}
.nav-light .btn-glass:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(17, 17, 17, 0.5);
}
.nav-light .btn-glass.btn-primary {
  background-color: rgba(42, 143, 189, 0);
  
}
.nav-light .btn-glass.btn-primary:hover {
  color:#FFF;
  border-color: #1c607e;
  background-color: #2a8fbd;
}
.nav-light .btn-glass.btn-primary:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(42, 143, 189, 0.5);
}
.nav-light .btn-glass.btn-success {
  background-color: rgba(127, 175, 27, 0);
}
.nav-light .btn-glass.btn-success:hover {
  color:#FFF;
  border-color: #4f6d11;
  background-color: #7faf1b;
}
.nav-light .btn-glass.btn-success:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(127, 175, 27, 0.5);
}
.nav-light .btn-glass.btn-warning {
  background-color: rgba(251, 184, 41, 0);
}
.nav-light .btn-glass.btn-warning:hover {
  color:#FFF;
  border-color: #d49104;
  background-color: #fbb829;
}
.nav-light .btn-glass.btn-warning:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(251, 184, 41, 0.5);
}
.nav-light .btn-glass.btn-danger {
  background-color: rgba(240, 35, 17, 0);
}
.nav-light .btn-glass.btn-danger:hover {
  color:#FFF;
  border-color: #aa180b;
  background-color: #f02311;
}
.nav-light .btn-glass.btn-danger:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(240, 35, 17, 0.5);
}
.nav-light .btn-glass.btn-info {
  background-color: rgba(108, 223, 234, 0);
}
.nav-light .btn-glass.btn-info:hover {
  color:#FFF;
  border-color: #29d0e0;
  background-color: #6cdfea;
}
.nav-light .btn-glass.btn-info:active 
{
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(108, 223, 234, 0.5);
}



.kirmizi {
	
  background-color:#F00;
}
.kirmizi .btn-glass {
  color:#fff;
  font-weight:800;
  background-color: rgba(17, 17, 17, 0);
  
}
.kirmizi .btn-glass:hover {
  color:#fff;
  border-color: #2a8fbd;
}
.kirmizi .btn-glass:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(17, 17, 17, 0.5);
}
.kirmizi .btn-glass.btn-primary {
  color:#FF0;
  background-color: rgba(42, 143, 189, 0);
  
}
.kirmizi .btn-glass.btn-primary:hover {
  color:#FFF;
  border-color: #1c607e;
  background-color: #2a8fbd;
}
.kirmizi .btn-glass.btn-primary:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(42, 143, 189, 0.5);
}
.kirmizi .btn-glass.btn-success {
  color:#fff;
  background-color: rgba(127, 175, 27, 0);
}
.kirmizi .btn-glass.btn-success:hover {
  color:#FFF;
  border-color: #4f6d11;
  background-color: #7faf1b;
}
.kirmizi .btn-glass.btn-success:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(127, 175, 27, 0.5);
}
.kirmizi .btn-glass.btn-warning {
  background-color: rgba(251, 184, 41, 0);
}
.kirmizi .btn-glass.btn-warning:hover {
  border-color: #d49104;
  background-color: #fbb829;
}
.kirmizi .btn-glass.btn-warning:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(251, 184, 41, 0.5);
}
.kirmizi .btn-glass.btn-danger {
  background-color: rgba(240, 35, 17, 0);
}
.kirmizi .btn-glass.btn-danger:hover {
  color:#FFF;
  border-color: #aa180b;
  background-color: #f02311;
}
.kirmizi .btn-glass.btn-danger:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(240, 35, 17, 0.5);
}
.kirmizi .btn-glass.btn-info {
  background-color: rgba(108, 223, 234, 0);
}
.kirmizi .btn-glass.btn-info:hover {
  color:#FFF;
  border-color: #29d0e0;
  background-color: #6cdfea;
}
.kirmizi .btn-glass.btn-info:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(108, 223, 234, 0.5);
}




.nav-dark 
{
  background-color:#2a8fbd;
}
.nav-dark .btn-glass 
{
  color:#fff;
  font-weight:800;
  background-color: rgba(17, 17, 17, 0);
  
}
.nav-dark .btn-glass:hover {
  color:#fff;
  border-color: #000000;
}
.nav-dark .btn-glass:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(17, 17, 17, 0.5);
}
.nav-dark .btn-glass.btn-primary {
  color:#fff;
  background-color: rgba(42, 143, 189, 0);
}
.nav-dark .btn-glass.btn-primary:hover {
  border-color: #1c607e;
  background-color: #2a8fbd;
}
.nav-dark .btn-glass.btn-primary:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(42, 143, 189, 0.5);
}
.nav-dark .btn-glass.btn-success {
  color:#fff;
  background-color: rgba(127, 175, 27, 0);
}
.nav-dark .btn-glass.btn-success:hover {
  border-color: #4f6d11;
  background-color: #7faf1b;
}
.nav-dark .btn-glass.btn-success:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(127, 175, 27, 0.5);
}
.nav-dark .btn-glass.btn-warning {
  color:#fff;
  background-color: rgba(251, 184, 41, 0);
}
.nav-dark .btn-glass.btn-warning:hover {
  border-color: #d49104;
  background-color: #fbb829;
}
.nav-dark .btn-glass.btn-warning:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(251, 184, 41, 0.5);
}
.nav-dark .btn-glass.btn-danger {
  color:#fff;
  background-color: rgba(240, 35, 17, 0);
}
.nav-dark .btn-glass.btn-danger:hover {
  border-color: #aa180b;
  background-color: #f02311;
}
.nav-dark .btn-glass.btn-danger:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(240, 35, 17, 0.5);
}
.nav-dark .btn-glass.btn-info {
  color:#fff;
  background-color: rgba(108, 223, 234, 0);
}
.nav-dark .btn-glass.btn-info:hover {
  border-color: #29d0e0;
  background-color: #6cdfea;
}
.nav-dark .btn-glass.btn-info:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(108, 223, 234, 0.5);
}
nav.btn-bar {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;


}






.sag_menu {
  background-color:#7BA229;
}
.sag_menu .btn-glass {
  color:#fff;
  font-weight:800;
  background-color: rgba(17, 17, 17, 0);
  
}
.sag_menu .btn-glass:hover {
  color:#fff;
  border-color: #000000;
}
.sag_menu .btn-glass:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(17, 17, 17, 0.5);
}
.sag_menu .btn-glass.btn-primary {
  color:#FF0;
  background-color: rgba(42, 143, 189, 0);
  
}
.sag_menu .btn-glass.btn-primary:hover {
  color:#FFF;
  border-color: #1c607e;
  background-color: #2a8fbd;
}
.sag_menu .btn-glass.btn-primary:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(42, 143, 189, 0.5);
}
.sag_menu .btn-glass.btn-success {
  color:#fff;
  background-color: rgba(127, 175, 27, 0);
}
.sag_menu .btn-glass.btn-success:hover {
  color:#FFF;
  border-color: #4f6d11;
  background-color: rgba(17, 17, 255, 0.5);
  
}
.sag_menu .btn-glass.btn-success:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(127, 175, 27, 0.5);
}
.sag_menu .btn-glass.btn-warning {
  color:#F90;
  background-color: rgba(251, 184, 41, 0);
}
.sag_menu .btn-glass.btn-warning:hover {
  color:#FFF;
  border-color: #d49104;
  background-color: #fbb829;
}
.sag_menu .btn-glass.btn-warning:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(251, 184, 41, 0.5);
}
.sag_menu .btn-glass.btn-danger {
  color:#0FF;
  background-color: rgba(240, 35, 17, 0);
}
.sag_menu .btn-glass.btn-danger:hover {
  color:#FFF;
  border-color: #aa180b;
  background-color: #f02311;
}
.sag_menu .btn-glass.btn-danger:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(240, 35, 17, 0.5);
}
.sag_menu .btn-glass.btn-info {
  color: #fff;
  background-color: rgba(108, 223, 234, 0);
}
.sag_menu .btn-glass.btn-info:hover {
  color:#FFF;
  border-color: #29d0e0;
  background-color: #6cdfea;
}
.sag_menu .btn-glass.btn-info:active {
  position: relative;
  z-index: 1;
  box-shadow: 0 0 1em 0.5ex rgba(108, 223, 234, 0.5);
}





article 
{
	box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
	border-radius: 5px;
	border: 4px solid rgba(245,245,245,0.5);
	
	max-width:1210px;
	margin:0 auto; 
}

article_dark
{
	box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
}

article_formuller
{
	box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
	border-radius: 5px;
	border: 4px solid rgba(245,245,245,0.5);
}

article_formuller
{
	display:none;
}

code {
  font-family: monospace;
  display: inline-block;
  padding: 0.5ex 1ch 0.25ex 1ch;
  background-color: #ccc;
  border-radius: 1ex;
  margin: 0 0.5ch;
}
article + article {
  margin-top: 4em;
}
article section {
  margin: 2em;
}
article > section > h2 {
  font-family: "Lato";
  font-weight: 800;
  font-size: 1.3em;
  margin-bottom: 0.8em;
}
article > section > p {
  margin-bottom: 1em;
  text-indent: 2ch;
}
article > section > p:first-child,
article > section > h2 + p {
  text-indent: 0;
}
	@media only screen and (min-width: 1030px) 
	{
		.fixed_menu 
		{
			display:block;
			margin:0 auto;
			position:fixed;
			top:0;
			width:100% !important;/*boyutunu yap*/
			border:none;
		}
	}