.acilsin{ display:none;}
.kapansin{display:block;}

ol{
margin:0 auto;
list-style:none;
padding:0;
}

.mobilmenu{
display:none;
}

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

body{
margin:0 auto;
padding:0;
font-family: 'Roboto', sans-serif;
font-size:14px;
height:100%;
font-weight:400;
}

#top{
overflow:hidden;
background: linear-gradient(40deg,#f7f7f7,#fff,#f2f2f2);
font-family: 'Roboto', sans-serif;
box-shadow: 0px -2px 7px -2px rgba(0,0,0,0.35);
}

#header{
overflow:hidden;
background:url(../images/header.png);
background-position:top center;
background-repeat:no-repeat;
box-shadow: 0px -2px 7px -2px rgba(0,0,0,0.35);
}

.header{
overflow:hidden;
width:1150px;
margin:0 auto;
overflow:hidden;
}

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

.ustu{
color:#fff;
padding:10px 0;
text-align:right;
}

.menu{
float:right;
overflow:hidden;
color:#2d3954;
}

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

.menu li{
float:left;
font-weight:600;
border-right:1px solid #eee;
cursor:pointer;
margin:10px 0 0 0;
}

.menu li a{
text-decoration:none;
color:#000;
display:block;
padding:10px 15px;
}

.menu li a:hover{color:#fff; }

.menu li:hover{
background:#f10d28;
color:#fff;
}

.menu li i{
font-size:24px;
display:block;
float:left;
margin-top:-4px
}

.menu ul span{
display:block;
padding:10px 15px;
float:left;
background:#f10d28;
color:#fff;
border-radius:5px;
margin:10px 0 0 10px;
}


.menu ul span i{
font-size:24px;
display:block;
float:left;
margin-top:-6px
}

.menu ul span:hover{
background:#27b737;
cursor:pointer;
}

#searchbar{
overflow:hidden;
min-height:400px;
background:url(../images/search.jpg);
background-size:cover
}

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

.slogan1{
overflow:hidden;
text-align:center;
font-size:52px;
padding:30px 0 0 0;
font-weight:600;
}

.slogan1 em{
font-style:normal;
color:red;
}

.slogan1 span{
display:block;
font-size:21px;
font-weight:normal;
letter-spacing:0.5px;
padding:5px 0 0 0;
}

.ortabar{
overflow:hidden;
background:#fff;
width:700px;
margin:0 auto;
margin-top:40px;
padding:15px 5px;
border-radius:4px;
}

.ortabar input{
height:40px;
border:none;
outline:none;
padding-left:10px;
width:400px;
font-family: 'Roboto', sans-serif;
font-size:16px;
}

.ortabar .la-pencil-alt{
font-size:25px;
display:block;
float:left;
margin-top:8px
}

.ortabar select{
width:150px;
height:40px;
outline:none;
border:none;
border-left:1px solid #ddd;
font-family: 'Roboto', sans-serif;
font-size:16px;
color:#666
}

.ortabar button{
width:106px;
height:42px;
border:none;
font-family: 'Roboto', sans-serif;
font-size:16px;
outline:none;
cursor:pointer;
color:#666
}

.ortabar button:hover{
background:red;
color:#fff;
}

.anaetiket{
width:710px;
margin:0 auto;
padding:5px;
color:#acacac;
font-size:13px;
}

.hizliarama{
width:740px;
margin:0 auto;
overflow:hidden;
color:#666;
font-family:poppins;
margin-top:50px;
text-align:center;
}

.hizliarama span{
display:block;
font-size:16px;
font-weight:500;
padding:10px 0 10px 0;
}

.hizliarama i{
color:red;
font-size:16px;
}

.hizliarama a{
color:#666;
text-decoration:none;
}

.hizliarama a:hover{
text-decoration:underline;
}

#ortabanner{
overflow:hidden;
background: linear-gradient(40deg,#f1f1f1,#f6f6f6,#eee);
min-height:100px;
}

.ortabanner{
width:900px;
margin:0 auto;
overflow:hidden;
}

.ortabanner strong{
line-height:100px;
display:block;
float:left;
font-family:Poppins;
font-weight:normal;
color:#666;
font-size:16px;
}

.ortabanner span{
float:right;
display:block;
overflow:hidden;
}

.ortabanner b{
display:block;
float:left;
width:150px;
font-weight:normal;
font-size:30px;
color:#000;
padding:25px 0 0 0;
}

.ortabanner em{
display:block;
font-size:12px;
color:#666;
font-style:normal;
padding:5px 0 0 0;
float:left;
}

.ortabanner i{
display:block;
float:left;
font-size:55px;
margin-right:10px;
color:#666
}

.ortabanner a{
display:block;
font-size:24px;
font-weight:500;
padding-bottom:5px;
}

.anavitrin{
overflow:hidden;
min-height:400px;
width:1100px;
margin:0 auto;
padding:50px 0 0 0;
}

.vitrintitle{
border-bottom:1px solid #eee;
}

.vitrintitle button{
background:none;
outline:none;
border:none;
cursor:pointer;
padding:10px 20px;
background:#f7f7f7;
font-family:poppins;
}

.w3-red{
background:red!important;
color:#fff;
font-family:poppins;
}

.city ul{
margin:0 auto;
list-style:none;
padding:0;
padding:20px 0 0 0;
overflow:hidden;
}

.city li{
float:left;
width:208px;
border:1px solid #ddd;
height:220px;
text-align:center;
padding:10px 0;
margin:0 5px 10px 5px
}

.city li img{
width:70%;
height:120px;
object-fit:cover;
border-radius:5px;
}

.city li h1{
margin:0 auto;
padding:0;
font-size:14px;
text-align:center;
font-weight:normal;
color:#555;
padding:20px 5px 5px 5px;
min-height:50px
}

.city li span{
overflow:hidden;
display:block;
font-family:poppins;
color:#999;
font-size:13px;
}

.city li:hover{
border:1px solid #666;
cursor:pointer;
}

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

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

.populerarama h1{
margin:0 auto;
padding:0;
display:block;
text-align:center;
font-size:21px;
padding:10px 0;
margin-bottom:5px;
border-bottom:1px solid #eee;
color:#f00
}

.populerarama ul{
margin:0 auto;
list-style:none;
padding:0;
padding:0 10px;
}

.populerarama li{
width:250px;
padding:10px 0;
border-bottom:1px dashed #eee;
font-size:13px;
color:#666;
float:left;
}

.populerarama li:hover i{
color:#f00
}

#footer{
border-top:3px solid #eee;
background:url(../images/footer.jpg);
background-position:top center;
margin-top:30px;
overflow:hidden;
}

.footer{
width:1100px;
margin:0 auto;
list-style:none;
padding:20px 0;
overflow:hidden;
}

#copy{
background:#eee;
border-top:1px solid #ddd;
overflow:hidden;
padding:10px 0;
}

.copy{
width:1100px;
margin:0 auto;
overflow:hidden;
font-size:12px;
padding:10px 0;
color:#666;
}

.copy span{
float:right;
}

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

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


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

.fo-title{
font-size:18px;
overflow:hidden;
padding:5px 0;
}

.footer span{
display:block;
padding:10px 0;
color:#333;
}

/*sayfalar*/

#ortala{
width:1100px;
margin:0 auto;
overflow:hidden;
}

/*kategoriler*/
.kategori{
overflow:hidden;
width:1100px;
margin:0 auto;
}

.kategori h1{
margin:0 auto;
padding:0;
text-align:center;
font-size:21px;
padding:20px 0;
}

.katsol{
width:780px;
float:left;
overflow:hidden;
}

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

.katsol li{
border:1px solid #eee;
padding:5px;
border-radius:5px;
overflow:hidden;
background:#f9f9f9;
margin-bottom:20px;
}

.katsol li span{
display:block;
float:left;
}

.katsol li span img{
width:120px;
height:90px;
border-radius:5px;
margin-right:10px;
}

.katsol li h2{
margin:0 auto;
padding:0;
font-size:14px;
padding:5px 0;
font-weight:bold;
}

.katsol li em{
font-style:normal;
display:block;
min-height:45px;
font-size:13px;
line-height:20px;
color:#666;
}

.katsol li b{
font-size:12px
}

.katsol li i{
font-style:normal;
color:#ff0000
}

.katsol a{
color:#000;
text-decoration:none;
}

.katsag{
float:right;
overflow:hidden;
width:300px;
background:#f9f9f9;
border:1px solid #eee;
border-radius:5px;
}

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

.katsag li{

border-top:1px solid #eee;
}

.katsag h2{
margin:0 auto;
padding:10px 0;
text-align:center;
font-size:16px;
font-family:poppins;
background:#fff;
}

.katsag li a{
color:#555;
padding:10px;
display:block;
text-decoration:none;
}

.katsag li span{
display:block;
float:right;
}

.katsag li a:hover{
background:#f00;
color:#fff;
}

.kataktif{
background:#f00;
color:#fff;
}

.kataktif a{
color:#fff!important
}

#dbread{
overflow:hidden;
padding:15px 0 10px 0;
background:#efefef;
margin-bottom:20px;
}

.dbread{
width:1100px;
margin:0 auto;
overflow:hidden;
color:#999;
}

.dbread i{
font-size:20px;
display:block;
float:left
}

.dbread a{
color:#999;
text-decoration:none;
display:block;
float:left;
padding:0 20px;
}

#detay{
width:1100px;
margin:0 auto;
overflow:hidden;
min-height:400px;
}

.dsol{
overflow:hidden;
float:left;
width:650px;
}

.dresim{
overflow:hidden;
}

.dresim img{
width:100%;
height:450px;
object-fit:cover;
}

.dbaslik{
position:absolute;
background: linear-gradient(0deg,#333,#f001);
font-size:21px;
color:#fff!important;
font-weight:600;
padding:10px 0 0 0!important;
text-align:center;
margin-top:-60px;
min-height:50px;
width:649px;
}

.modul{
overflow:hidden;
background:#f9f9f9;
min-height:100px;
border:1px solid #f9f9f9;
margin-top:10px;
}

.modul h1{
margin:0 auto;
padding:0;
font-size:17px;
padding:10px;
border-bottom:1px solid #eee;
background:#fff;
color:#555;
}

.modul h1 i{
color:#f00;
font-size:21px;
}

.modul div{
padding:0px;
line-height:20px;
color:#666;
}

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

.dilet{
overflow:hidden;
font-family:poppins;
}

.dilet ul{
margin:0 auto;
padding:0;
list-style:none;
overflow:hidden;
border:1px solid #eee;
border-radius:5px;
}

.dilet li{
overflow:hidden;
border-bottom:1px solid #eee;
}

.dilet li span{
display:block;
float:left;
width:120px;
background:#27b73700;
color:#000;
border-right:1px solid #eee;
padding:10px 5px;
font-weight:500;
font-size:13px;
}

.dilet li b{
display:block;
float:left;
padding:10px 5px;
font-weight:normal;
background:#fff;
width:265px
}

.dilet li i{
display:block;
font-size:21px;
float:left;
color:#ff0000;
margin-right:5px;
}

.field-item{
float:left;
padding:10px!important;
display:block;
overflow:hidden;
}

.paddle{
padding:10px!important;
}