.mobilmenu{
display:none;
}

body, html{
width: 100%;
height: 100%;
}

body{
margin:0 auto;
padding:0;
font-family:arial;
font-size:14px;
height:100%;
font-weight:400;
}

#header{
background:#00000098;
position:absolute;
width:100%;
padding:10px 0;
z-index:9999999999999999;
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.62);
}

.header{
width:1200px;
margin:0 auto;
color:#fff;
}

.logo{
float:left;
overflow:hidden;
padding:20px 0 20px 0 
}

.logo img{
width:245px;
}

.menu{
float:right;
overflow:hidden;
}

.menu ul{
margin:0 auto;
list-style:none;
padding:0;
float:left;
}

.menu ul ul{display:none;}

.menu ul li:hover ul{display:block;
position:absolute;
margin:0 auto;
padding:0;
margin-left:-20px;
padding-top:34px;
}

.menu li li{
float:none;
margin:0 auto;
padding:10px 20px;
background:#333;
border-right:0px dashed #fff;
}

.menu li{
float:left;
padding:0px 10px;
font-size:12px;
margin-left:10px;
margin-top:30px;
cursor:pointer;
border-right:1px dashed #fff;
font-weight:600;
}

.menu li a{
color:#fff;
text-decoration:none;
}

.menu li a:hover{
color:#ed1c24
}

.aramabar{
float:left;
overflow:hidden;
padding:30px 0 0 10px;
}

#slider{
background-image: radial-gradient(circle at 50% 3%,#676767,#000);
min-height:600px;
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.62);
background-repeat:no-repeat;
}

#content{
overflow:hidden;
min-height:400px;
}

.content{
width:1200px;
margin:0 auto;
}


.kutular{
width:1100px;
margin:0 auto;
overflow:hidden;
padding:50px 0 0 0;
}

.kutu{
float:left;
overflow:hidden;
width:47%;
padding:1%;
margin-bottom:2%;
cursor:pointer;
}


.kutu:nth-child(2){
float:right;
}

.kutu:nth-child(4){
float:right;
}

.kutu:nth-child(6){
float:right;
}

.kutu em{
font-size:18px;
display:block;
font-style:normal;
padding:10px 0;
}

.baslik{
color:#333;
padding:10px;
border-radius:5px;
font-size:34px;
font-weight:bold;
}

.baslik span{
font-size:13px;
background:#000;
color:#fff;
margin-top:2px;
padding:10px 10px;
display:block;
width:300px;
text-align:center;
font-weight:bold;
border-radius:4px;
margin-top:30px;
}

.araresim{
background:url(../images/ara-resim.jpg);
background-position:top center;
min-height:280px;
margin:40px 0 0 0;
object-fit: contain;
}

.araresim2{
background:url(../images/ara-resim-2.jpg);
background-position:top center;
min-height:280px;
margin:40px 0 0 0;
object-fit: contain;
}

.ara-yazi{
width:1100px;
margin:0 auto;
overflow:hidden;
}

.ara-yazi span{
display:block;
float:right;
color:#fff;
font-size:34px;
width:310px;
padding:100px 0 0 0;
text-shadow: 1px 1px 8px rgba(150, 150, 150, 1);
text-align:right
}

.kesfet{
width:1100px;
margin:0 auto;
overflow:hidden;
padding:50px 0;
}

.kesfet h1{
margin:0 auto;
padding:0;
font-size:24px;
font-weight:normal;
font-family:poppins;
color:#333
}

.ciz{
width:110px;
background:red;
height:2px;
margin-top:5px;
margin-bottom:10px;
}

.kesfetyazi{
overflow:hidden;
padding:20px 0;
font-size:18px;
line-height:24px;
}

.other{
overflow:hidden;
}

.other img{
width:100%;
}

.iki{
overflow:hidden;
width:1100px;
margin:0 auto;
}

.ikikutu{
width:47%;
float:left;
padding:50px 0;
line-height:22px;
font-size:15px;
color:#333;
}

.iki h1{
margin:0 auto;
padding:0;
font-size:24px;
font-weight:normal;
font-family:poppins;
color:#333;
margin-bottom:30px;
}

.ikikutu:nth-child(2){
float:right;
}

.ikikutu span{
display:block;
background:#ce0000;
width:150px;
font-size:11px;
color:#fff;
font-weight:600;
text-align:center;
border:1px solid #ce0000;
margin-top:30px;
}

.ikikutu span:hover{
background:#eee;
color:#000;
border:1px solid #ccc;
cursor:pointer;
}

#ust{
background:#222222;
min-height:40px;
}

.ust{
width:1100px;
margin:0 auto;
overflow:hidden;
padding:20px 0
}

.ust span{
float:right;
overflow:hidden;
color:#fff;
padding:7px 0 0 0;
}

.ust span b{
display:block;
float:left;
border:1px solid #666;
width:20px;
text-align:center;
padding:10px 5px;
margin-left:4px
}

#footerbg{
background:url(../images/footer-back.jpg);
background-position:top center;
}

#footer{
min-height:200px;
overflow:hidden;
background:#000000ba;
color:#999;
}

.footer{
overflow:hidden;
min-height:300px;
width:1150px;
margin:0 auto;
padding:50px 0 50px 0;
}

.fo-title{
padding:0 0 40px 0;
color:#fff;
overflow:hidden;
}

.footer ul{
width:250px;
margin:0 auto;
margin-left:15px;
margin-right:20px;
list-style:none;
padding:0;
float:left;
}

.footer li{
border-bottom:1px solid #99999969;
padding:10px 0;
color:#ccc;
}

.footer li em{
display:block;
font-size:10px;
font-weight:bold;
font-style:normal;
padding:3px 0;
color:#999;
}

.tarih{
float:right;
width:30px;
height:30px;
background:#333;
color:#fff;
text-align:center;
line-height:30px;
position:absolute;
margin-left:220px;
margin-top:-30px;
}

.more{
width:100px;
padding:10px 20px;
color:#fff;
background:#f00;
margin:40px 0 0 0;
text-align:center;
font-size:12px;
}

#copy{
background:#1b1b1b;
color:#fff;
padding:30px 0;
text-align:center;
color:#999;
font-size:12px
}

#copy b{
color:#fff;
}

#footer strong{color:#fff; }

/*KATLAR*/
.ismi{
width:1100px;
margin:0 auto;
overflow:hidden;
margin-top:-50px;
text-shadow: 1px 1px #000;
font-weight:600;
color:#fff;
font-size:45px;
}

#kategori{
overflow:hidden;
width:1100px;
margin:0 auto;
padding:30px 0;
}

.kategori{
overflow:hidden;
padding:50px 0 0 0;
}

.solacek{
width:300px;
float:left;
overflow:hidden;
font-size:21px;
min-height:200px;
}

.sagacek{
width:800px;
float:left;
overflow:hidden;
}

#kategori h1{
text-align:center;
margin:0 auto;
padding:0;
overflow:hidden;
color:#333;
font-size:21px;
}

.carousel{
overflow:hidden;
min-height:150px;
}

.carousel-cell{
overflow:hidden;
width:350px;
padding:0 25px;
}

.carousel-cell img{
width:100%;
}

.carousel-cell span{
display:block;
font-weight:600;
text-align:center;
color:#333;
display:block;
}

.carousel-cell em{
font-style:normal;
font-weight:normal;
display:block;
padding:10px 0 0 0;
}

.detay{
width:1100px;
margin:0 auto;
overflow:hidden;
padding:50px 0;
}

.dsol{
width:250px;
float:left;
overflow:hidden;
background:#eee;
min-height:600px;
padding:20px 10px;
}

.dsag{
float:right;
width:810px;
overflow:hidden;
}

.dsol h2{
margin:0 auto;
overflow:hidden;
padding:0;
font-size:16px;
padding:0 0 5px 0;
color:#333;
}

.dsol ul{
margin:0 auto;
list-style:none;
padding:0;
}

.dsol li{
padding:7px 10px;
font-weight:bold;
color:#333;
}

.dsol li a{
color:#333;
text-decoration:none;
}

.dsol li a:hover i{
color:red;
}

.dsol li a:hover{
color:#000;
}

#banner{
overflow:hidden;
background:url(../images/banner.jpg);
height:210px;
background-size:cover;
background-repeat:no-repeat;
}

.banner{
width:1100px;
margin:0 auto;
overflow:hidden;
padding:160px 0 0 0;
font-size:44px;
font-weight:bold;
color:#fff;
text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}

.banner span{
float:right;
color:red;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.dresim{
overflow:hidden;
}

.dtitle{
font-size:21px;
padding:20px 0 20px 0;
overflow:hidden;
}

.accordion {
  color: #ce0000;
  cursor: pointer;
  padding:10px 5px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-top:1px solid #ddd;
  font-weight:500;
  font-family:poppins;
  background:none;
}

.active, .accordion span:hover {
  color: #ce0000;
}

.panel {
  padding:0 0 15px 5px;
  background-color: white;
  display: block;
  overflow: hidden;
}

.accordion span{
display:block;
float:right;
font-size:20px;
display:none;
}


.benzer{
width:1100px;
margin:0 auto;
padding:20px 0;
}

.benzer h1{
margin:0 auto;
padding:0;
font-size:21px;
margin-bottom:10px;
}

.urunaciklama{
overflow:hidden;
margin-top:30px;
}

.urunaciklama h1{
margin:0 auto;
padding:0;
font-size:21px;
margin-bottom:10px;
}

.modul{
border:1px solid #eee;
overflow:hidden;
padding:10px;
line-height:20px;
color:#333;
font-family:poppins;
}

.ust a{
color:#fff;
text-decoration:none;
}

.ust a:hover{
color:red
}

.detay2{
width:1100px;
margin:0 auto;
overflow:hidden;
padding:20px 0;
}

.detay2 p{
line-height:24px;
font-family:poppins;
color:#333;
}

/**/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  width: 40%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}

.modal-content input{
width:70%;
height:50px;
background:#fff;
outline:none;
font-size:18px;
font-family:poppins;
padding-left:2%;
}

.modal-content button{
background:#f00;
color:#fff;
height:47px;
width:20%;
border:none;
outline:none;
font-family:poppins;
font-size:18px;
cursor:pointer;
}

.isol{
width:40%;
float:left;
overflow:hidden;
}

.isag{
width:48%;
float:right;
overflow:hidden;
}

.forla{
overflow:hidden;
margin-bottom:10px;
}

.forla input{
width:70%;
height:40px;
border:1px solid #ddd;
padding-left:2%;
border-radius:5px;
font-family:poppins
}

.forla textarea{
width:70%;
height:40px;
border:1px solid #ddd;
padding-left:2%;
border-radius:5px;
font-family:poppins;
height:100px;
resize:none;
}

.forla button{
width:70%;
height:40px;
border:1px solid #ddd;
padding-left:2%;
border-radius:5px;
font-family:poppins;
background:#eee;
cursor:pointer;
outline:none;
}

.forla button:hover{
background:#f00;
color:#fff;
outline:none;
}

.ikikutu span a:hover{
color:#333;text-decoration:none;
display:block;

}

.ikikutu span a{
color:#fff;
text-decoration:none;
padding:5px 10px;
display:block;
}