* {
	font-family: 'Noto Serif', sans-serif ; 

}
.tamorta {display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

-webkit-box-align: center; -moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;

-webkit-box-pack: center; -moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.line {
  -webkit-transition-duration: 0.45s;
  -webkit-transition-property: top,right,bottom,left,width,height;
  -webkit-transition-delay: 0s;
  -webkit-transition-timing-function: 'ease-in-out';
  transition-duration: 0.45s;
  transition-property: top,right,bottom,left,width,height;
  transition-delay: 0s;
  transition-timing-function: 'ease-in-out';
  display: block;
  position: absolute;
  background: #fff;
}
.line.top {
  left: 1%;
  top: 1%;
  width: 0;
  height: 2px;
}
.line.right {
  right: 1%;
  top: 1%;
  width: 2px;
  height: 0;
}
.line.bottom {
  right: 1%;
  bottom: 1%;
  width: 0;
  height: 2px;
}
.line.left {
  left: 1%;
  bottom: 1%;
  width: 2px;
  height: 0;
}
 .buton:hover .line.top {
  width: 98%;
}
 .buton:hover .line.right {
  height: 98%;
}
 .buton:hover .line.bottom {
  width: 98%;
}
 .buton:hover .line.left {
  height: 98%;
}

#video {transition:all 2s; filter:blur(100px)}
.altcizgi {display:none !important; bottom:1%; right:1%; width:0%; position:fixed; z-index:-5; background:#fff; height:2px; opacity:0.2;}
.ustcizgi {display:none !important; top:1%; left:1%; width:0%; position:fixed; z-index:-5; background:#fff; height:2px; opacity:0.2;}
.sagcizgi {display:none !important; right:1%; top:1%; width:2px; position:fixed; z-index:-5; background:#fff; height:0%; opacity:0.2;}
.solcizgi {display:none !important; left:1%; bottom:1%; width:2px; position:fixed; z-index:-5; background:#fff; height:0%; opacity:0.2;}
.on {left:0px; top:0px; width:100%; height:100%; position:fixed; z-index:1; }
.logoaltcizgi {position:absolute; width:2px; height:0px; opacity:0.8;  transition:all 1s; background:#e30613; margin-top:150px}
.logoustcizgi {position:absolute; width:2px; height:0px; opacity:0.8;  transition:all 1s; background:#e30613; margin-top: -150px}
.kapsa {position:fixed; top:0px; z-index:-9; height:100%; background:rgba(0,0,0,1); transition:all 4s; left:0px; width:100%;}
.yazi {transition:all .5s; opacity:0; margin-top:100px; position:absolute; font-size:20px; color:#fff; filter: blur(5px);}
.alt {color:rgba(255,255,255,0.5); z-index:10; font-weight:600; position:fixed; bottom:7%; left:0px; width:100%;}
.altdiv {transition:all .5s; width:90%; left:5%; opacity:0;  position:absolute; font-size:20px;   margin-top:150px; filter: blur(5px);}
.sosyal {text-align:left;  z-index:11; width:30%; }
.button {text-align:center;}
.altsag {text-align:right; width:30%; right:5%; left:initial;}
.sosyal i {margin:10px 5px; transition:all .5s;}
.sosyal i:hover {color:#fff;}
.altdiv * {transition:all .5s}
.altdiv *:hover {color:#fff;}
.buton {display: inline-block;}
.buton:hover { color:#fff;}
.buton { position:relative;  transition:all .5s; padding:10px 50px;  font-size:18px;}
.buton:after {content:""; opacity:0; top:-10px; transition:all .5s; position:absolute; width:0px; height:2px;  left:-2%; background:rgba(255,255,255,0.5);}
.buton:before {content:""; opacity:0; bottom:-10px; transition:all .5s;  position:absolute; width:0px; height:2px;  right:-2%; background:rgba(255,255,255,0.5);}
canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ position:absolute; width: 100%; height: 100%; background-color: transparent; z-index:-9; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }
.ses {position:relative;  margin:5px; cursor:pointer;}
.ses:after {content:""; position:absolute;  top:49%; left:-3%; width:0%; transition:all .5s; height:2px; background:#fff;}
.sessiz:after {content:"";  width:106% !important;}.ses {position:relative; cursor:pointer;}
.altyazi {position:relative; margin:5px; cursor:pointer;}
.altyazi:after {content:""; position:absolute;  top:49%; left:-3%; width:0%; transition:all .5s; height:2px; background:#fff;}
.altyazix:after {content:"";  width:106% !important;}


@media only screen and (max-width: 1200px) {
.altdiv * {font-size:12px !important;}
}