body
{
margin:0 auto;
width: 100%;
display:table;
font-size:13px;
font-family:Poppins;
}
*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;text-decoration:none;list-style:none;border:none;outline:0; -webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
a.SayfaLink
{
color:#DDD;
margin:0 10px 0 0;
text-decoration:none;
}
.UstBolum
{
width:100%;
height:154px;
background:url(https://www.optimumotokiralama.com/images/ust-back.jpg);
background-size:cover;
}
.Anahtar1
{
color:#ffcc66;
margin: 0 0 0 42px;
}
.Anahtar2
{
color:#fff;
margin: 0 0 0 45px;
}
.Ortala
{
width:1188px;
margin:0 auto;	
}
.SiteUst
{
width:100%;
height:41px;
}
.LogoBar
{
width:100%;
height:113px;
text-align:right;
}
.Container
{
width: auto;
max-width: 1188px;
}
.UstLinkBar
{
width:100%;
height:52px;
background: rgba(234, 237, 240, 0.8);	
}
.SliderArka
{
width:100%;
height:510px;
background:url(images/slider-back.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.RezervasyonBar
{
width:100%;
height:150px;
background: url(images/ara-back.jpg) repeat-x;
background-size:contain;
border-bottom: #08abf2 7px solid;
}
.KiralikAraclar
{
margin:0 auto;
margin-top:33px;
width:1188px;
height:auto;
overflow:auto;
}
.AracBlok
{
width: 275px;
height: 220px;
float: left;
margin: 0 29px 15px 0;
border-bottom: solid 1px #d4d4d4;
}
.AracResim
{
width: 100%;
height: 150px;
float: left;
margin: 0 0 15px 0;
overflow:hidden;
}
.KucukArac
{
width:100%;
}
.BlokAlt
{
width: 100%;
height: 41px;
float: left;
}
.MarkaModel
{
width: 200px;
height: 33px;
line-height: 33px;
font-weight: 700;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 16px;
color: #444;
}
.Ucret
{
width: 75px;
height: 33px;
float: right;
background: url(images/UcretArka.png) no-repeat;
}
.Ucret1
{
width: 66px;
height: 15px;
float: right;
text-align: center;
font-size: 14px;
text-decoration: line-through;
color: #000;
}
.Ucret2
{
width: 66px;
height: 17px;
float: right;
color: #FFF;
text-align: center;
font-size: 15px;
line-height: 17px;
}
.Haberler {
width: 1188px;
margin:0 auto;
margin-top: 10px;
display: grid;
grid-template-columns: auto auto auto auto;
grid-column-gap: 19px;
grid-row-gap: 10px;
}
.HaberBlok {
max-width:283px;
height:425px;
border: solid 1px #d4d4d4;
padding: 2px;
overflow:hidden;
}
.haber-resim-container
{
width:275px;
height:183px;
float:left;
margin-bottom: 10px;
overflow:hidden;
}
#p-ust{width:100%;justify-content:center;align-items:flex-start;display:flex;overflow:hidden;}
#p-orta{width:100%;justify-content:center;align-items:center;display:flex;overflow:hidden;}
#p-alt{width:100%;justify-content:center;align-items:flex-end;display:flex;overflow:hidden;}
#p-tum{width:100%;justify-content:center;display:flex;overflow:hidden;}
.full-width{width:100%;height:auto;}
.full-height{height:100%;width:auto;}

.HaberResmi
{
width:100%;
}
.HaberlerBasligi {
color: #d00e29;
font-size: 15px;
font-weight: 700;
text-decoration: none;
height: 45px;
float: left;
width: 100%;
align-items: center;
display: flex;
align-content: center;
justify-content: flex-start;
line-height: 18px;
}
.HaberlerIcerigi
{
margin-bottom: 10px;
height: 140px;
float:left;
overflow:hidden;
}
.HaberSayfalari {
width: 1188px;
margin: 0 auto;
margin-top: 15px;
text-align: right;
color: #DDD;
overflow: hidden;
}
.HaberPasif
{
padding: 0 19px;
height: 25px;
border: solid 1px #E8E8E8;
text-align: center;
line-height: 25px;
box-shadow: inset 0 0 9px 1px #999;
float: right;
}
.HaberPasif:hover
{
box-shadow: inset 0 0 9px 1px #d00e29;
}
.Active
{
padding: 0 19px;
height: 25px;
border: solid 1px #E8E8E8;
text-align: center;
line-height: 25px;
box-shadow: inset 0 0 9px 1px #999;
float: right;
}
.Active:hover
{
box-shadow: inset 0 0 9px 1px #d00e29;
}
.HaberAktif
{
text-decoration:none;
color:#656565;
}
.Devami
{
width: 100%;
height: 29px;
line-height: 29px;
background: #d00e29;
text-align: center;
float: right;
}
.DevamLink
{
color:#FFF;
text-decoration:none;
}
.Bloklar
{
margin:0 auto;
width:1188px;
margin-bottom: 10px;	
}
.Blok {
float: left;
width: 32.48%;
height: 180px;
border-right: dashed 1px #666;
border-bottom: dashed 1px #666;
padding: 5px;
display: flex;
align-content: center;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
overflow:hidden;
}
.YorumResim
{
float: left;
margin: 0 10px 7px 0;
}
.YorumBaslik
{
float: left;
border-bottom: #d4d4d4;
width: 295px;
font-weight: 700;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.YorumKutu {
margin: 7px;
display: flex;
flex-wrap: wrap;
}
.Mesajlar
{
background-color: #f0f2f5;
width:100%;
height:auto;
border-top: solid 3px #444;
border-bottom: solid 3px #444;
}
.SiteAlt
{
background-color: #000;
width:100%;
height:150px;
color: #CCC;
background: url(images/ara-back.jpg) repeat-x;
background-size:contain;
border-top: #08abf2 7px solid;
}
.Copyright
{
margin: 0 auto;
text-align: center;
width: 1188px;
height: 150px;
background: url(images/araclar-icon.png) no-repeat;
background-position: 0px 52px;
}
.Logo
{
width: 359px;
height: 78px;
float: left;
margin: 11px 0 0 0;
background:url(images/optimum-oto-kiralama-logo.png) no-repeat;
}
.Adres
{
float:left;
width:250px;
height:60px;
margin: 15px 0 0 41px;
color:#FFF;
background:url(images/KonumIcon.png) no-repeat;
background-position: 18px 0;
}
.Gsm
{
float:left;
width:250px;
height:60px;
margin: 15px 0 0 30px;
color:#FFF;
background:url(images/TelefonIcon.png) no-repeat;
background-position: 18px 0;
}
.Telefon
{
float:right;
width:250px;
height:60px;
margin: 15px 0 0 0;
color:#FFF;
background:url(images/TelefonIcon.png) no-repeat;
background-position: 18px 0;
}
.Kirmizi
{
display:block;
font-weight:700;
color:#ffcc66;
}
.BeyazTel
{
display:block;
font-weight:900;
font-size:22px;
}
.AdresSatiri
{
float:left;
width:90%;
color:#ffcc66;
line-height:41px;
}
.SosyalIconlar
{
float:right;
width:10%;
text-align: right;
}
ul.Sosyal
{
width: 100%;
margin: 0;
padding: 0;
display: inline;
}
ul.Sosyal li
{
width: 20px;
height: 20px;
float: right;
list-style-type: none;
margin: 10px 0 0 5px;
text-align: right;
cursor: pointer;
}
ul.UstLinkler
{
margin:0;
padding:0;
}
ul.UstLinkler li
{
list-style-type: none;
line-height: 52px;
height:52px;
display: inline;
font-size: 16px;
float:left;
}
ul.UstLinkler li a
{
color:#000;
text-decoration:none;
font-weight:800;
line-height: 52px;
height:52px;
float:left;
padding:0 25px 0 25px;
}
ul.UstLinkler li a:hover
{
background-color:#08abf2;
line-height: 52px;
height:52px;
color:#FFF;
}
.Slayt
{
width:100%;
height:455px;
margin-top: 15px;
float:left;
}
.BarSol
{
width:25%;
float:left;
height:99px;
margin: 25px 0 0 0;
}
.BarOrta
{
width: 42%;
float: left;
height: 123px;
margin: 15px 0 0 0;
background: url(images/araclar-icon.png) no-repeat;
background-position: 0 28px;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.BarSag
{
width:33%;
float:left;
margin: 13px 0 0 0;
}
.BarBaslik
{
font-size: 38px;
color: #FFF;
display: block;
margin: 10px 0 0 0;
font-weight: 700;
}
.BarUst
{
font-size:25px;
color:#FFF;
display:block;
width: 309px;
float: left;
margin: 3px 0 0 0;
}
.BarAlt
{
color: #ffcc66;
display: block;
width: 309px;
float: left;
line-height: 18px;
}
.jssorl-009-spin img{animation-name:jssorl-009-spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes jssorl-009-spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}.jssorb032{position:absolute}.jssorb032 .i{position:absolute;cursor:pointer}.jssorb032 .i .b{fill:#fff;fill-opacity:.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:.25}.jssorb032 .i:hover .b{fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35}.jssorb032 .iav .b{fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35}.jssorb032 .i.idn{opacity:.3}.jssora051{display:block;position:absolute;cursor:pointer}.jssora051 .a{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10}.jssora051:hover{opacity:.8}.jssora051.jssora051dn{opacity:.5}.jssora051.jssora051ds{opacity:.3;pointer-events:none}
.Mesaj
{
float: left;
height: 126px;
width: 396px;
}
.MesajResmi
{
float: left;
margin: 15px 15px 0 15px;
max-width: 99px;
max-height: 99px;
}
.MesajlarBasligi
{
float: left;
font-weight: 600;
font-size: 19px;
margin: 15px 0 0 0;
display: block;
width: 260px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #444;
}
.MesajlarBasligi a
{
color: #444;
text-decoration:none;
}
.MesajlarIcerigi
{
margin: 0 10px 0 0;
width: 260px;
color: #444;
float: left;
}
.Govde
{
margin: 0 auto;
margin-top: 25px;
width: 1188px;
margin-bottom: 41px;
display: table;
}
.KutuBosluk
{
padding: 25px;
overflow: auto;
}
.AltBlok
{
float: left;
height: auto;
margin: 3% 8.713% 0 0%;
border: solid 1px #E8E8E8;
background: #FFF;
}
.AltHaberlerIcerigi
{
width:100%;
height:41px;
line-height:41px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.Makale
{
text-align: justify;
font-size: 16px;
}
.link
{
font-weight:bold;
text-decoration:none;
cursor:pointer;
color:#000;
}
.BuyukResim
{
float: left;
border: solid 1px #E8E8E8;
padding: 2px;
margin: 5px 15px 7px 0px;
}
.glink
{
font-weight:700;
color:#bb0000;
}
h1 a
{
width: 100%;
display: inline-grid;
color: #d00e29;
border-bottom: solid 1px #e8e8e8;
text-decoration: none;
font-size: 19px;
margin: 11px 0 0 0;
}
h1 a:hover
{
color: #d00e29;
}
h2 a:hover
{
color: #d00e29;
}
h2
{
margin: 0;
padding: 0;
margin-top: 15px;
margin-bottom: 15px;
font-size: 20px;
}
h2 a
{
width: 100%;
display: inline-grid;
color: #d00e29;
border-bottom: solid 1px #e8e8e8;
text-decoration: none;
font-size: 20px;
font-weight: 400;
margin: 11px 0 0 0;
}
ul.NaviMenu
{
margin:0;
padding:0;
}
ul.NaviMenu li
{
display: inline;
list-style-type: none;
float: left;
margin: 0 25px 0 0;
}
ul.NaviMenu li a
{
color: #222;
text-decoration: none;
}
.Sayfa
{
float: left;
width: 100%;
height:auto;
margin:1.6% 0 25px 0;
min-height: 100px;
border: solid 1px #E8E8E8;
background: #FFF;
}
.Golge
{
position: relative;
}
.Golge:before, .Golge:after {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.Golge:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
.AracBlokDetay
{
width:100%;
overflow:auto;
margin-bottom:15px;
}
.AracDetaySol
{
float: left;
width: 635px;
height: 350px;
overflow: hidden;
}
.AracDetaySag
{
float: right;
width: 400px;
}
.AracResimDetay
{
width:100%;
}
.AracDetaySagi
{
float: right;
width: 400px;
background: rgba(234, 237, 240, 0.5);
}
.FiyatSatir
{
width: 360px;
background-color: #00b2ff;
height: 52px;
line-height: 52px;
padding: 0 20px;
font-size: 23px;
font-weight: 700;
}
.DetaySatir
{
float: left;
width: 360px;
height: 45px;
line-height: 45px;
padding: 0 20px;
border-bottom: solid 1px #d4d4d4;
font-size: 16px;
font-weight: 700;
color: #444;
}
.DetaySatirSol
{
width:40%;
float:left;
}
.DetaySatirSag
{
width:60%;
float:right;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.UcretDetay1
{
float:right;
color:#FFF;
}
.UcretDetay2
{
float: right;
font-size: 18px;
margin: 0 45px 0 0;
font-weight: 700;
color: #000;
}
.UcretDetay3
{
float: right;
text-decoration: line-through;
font-size: 18px;
margin: 0 40px 0 0;
}
.DetayMetin
{
float: left;
border: solid 1px #d4d4d4;
padding: 5px;
margin: 15px 0 0 0;
width: 388px;
overflow:hidden;
max-height: 78px;
background: rgba(234, 237, 240, 0.5);
}
.AltMetin
{
margin: 48px 0 0 535px;
float: left;
}
.collapsible
{
font-family:Poppins;
background:url(images/otometin-bg.png) no-repeat;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}
.content
{
padding: 0 18px;
display: none;
overflow: hidden;
background: rgba(234, 237, 240, 0.5);
text-align: justify;
font-size: 15px;
letter-spacing: 0.5px;
}
.OzetTitle
{
margin: 0 20px 0px 41px;
color: #fff;
float: left;
}
.OzetBar
{
float: right;
color: #ffcc66;
}
.resimiki
{
float: right;
width: 400px;
margin: 15px 0 7px 15px;
border: solid 1px #d4d4d4;
padding: 3px;
box-shadow: 0 0 4px #d4d4d4;
}
.resimuc
{
float: left;
width: 400px;
margin: 15px 15px 7px 0;
border: solid 1px #d4d4d4;
padding: 3px;
box-shadow: 0 0 4px #d4d4d4;
}