@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@1,700&display=swap');
body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  font-family: 'Titillium Web', sans-serif;
  background-color: #f5f5f5;
  width:100%;
  height:100%
}
html{width:100%;
  height:100%}
.telefon a{font-family: 'Roboto Condensed', sans-serif;color:#db6c00;font-size: 120%;float: left;}
.kapsam{width:100%;max-width: 1140px;margin:auto;background-color:#fff;position: relative;}
.govde{width:100%;max-width: 1140px;margin:auto;background-color:#fff;position: relative;}
.urunkutusu{font-family: 'Roboto Condensed', sans-serif;width:31%;min-height:200px;display:table;margin:10px;border:1px solid #ddd;float:left;display:block;border-radius:10px}
.urunkutusu img{width:100%;max-width:150px;margin:5px 5px;float: left;}
.urunkutusu h2{font-size:90%;color:#363636;}
.urunkutusu h3{font-size:90%;color:#363636;}
.urunkutusu a{text-decoration:none;color:363636;}
.urunkutusu p{font-size:80%;color:#696969}
.makalegovdesi{width:100%;max-width:1140px;display:table;padding:8px;}
.makalegovdesi img{width:95%;max-width:500px;float:left;margin:10px 10px;display: table}
.makalegovdesi p{text-align:justify;padding:10px;}
.makalegovdesi h1{font-size:140%;color:#363636;}
.makalegovdesi h2{font-size:120%;color:#363636;}
.makalegovdesi a{color:#363636;text-decoration: none;}
h1{font-size:150%}
h2{font-size:130%;font-family: 'Roboto Condensed', sans-serif;}
h3{font-size:110%;font-family: 'Roboto Condensed', sans-serif;}
a{color:#363636;}
.rastgelediv{
  width: 100%;
  max-width:1140px;
  padding:15px;
  margin:auto;
  text-align:center;
  display:table;
  overflow: hidden;
  background-color:#d2d2d2
 
}
.topresim{width: 100%;
  max-width:1140px;
  margin:auto;
  height:300px;
  text-align:center;
  display:table;
  overflow: hidden;
  background-color:#d2d2d2;
  background-size:100% auto;
}
.sabit {
    position: fixed;
    bottom: 10px;
    width: 100%;
    max-width:800px;
    display: none;
}
.sabit1{float:left;display: none;}
.sabit2{float:right;display: none;}
@media only screen and (max-width: 800px) {
.topresim{height:150px;}
.sabit{display: table;}
.sabit1{display: table;}
.sabit2{display: table;}
}
.news {
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4), 0 5px 10px rgba(0,0,0,0.5);
  width: 350px;
  height: 30px;
  margin: 2px auto;
  overflow: hidden;
  border-radius: 4px;
  padding: 3px;
  -webkit-user-select: none
} 
.full-width{
    width: 100%;
}
.news span {
  float: left;
  color: #fff;
  padding: 6px;
  position: relative;
  top: 1%;
  border-radius: 4px;
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);
  font: 16px 'Source Sans Pro', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  cursor: pointer
}
.news ul {
  float: left;
  padding-left: 20px;
  animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none
}

.news ul li {line-height: 30px; list-style: none }

.news ul li a {
  color: #fff;
  text-decoration: none;
  font: 14px Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none
}

.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }
.red { background: #003355 }
@keyframes ticker {
  0%   {margin-top: 0}
  25%  {margin-top: -30px}
  50%  {margin-top: -60px}
  75%  {margin-top: -90px}
  100% {margin-top: 0}
}