/* - Tasarım ve Kodlama Serdar ATAN tarafından hazırlanmıştır. Facebook.com/serdarsed - */

html, body { height: 100%; padding: 0; margin: 0; }
.body1 { font-size:16px; letter-spacing:-0.5px; font-family: 'Open Sans', sans-serif; background-color:#e6e6e6; }
.clear { clear:both;}
.height { height:50px;}
.left { float:left;}
.right { float:right;}
.relative { position:relative;}
.absolute { position:absolute;}
::-webkit-scrollbar { width: 8px; margin-left:5px; background-color: #eaeaea; border-left: 1px solid #ccc;}
::-webkit-scrollbar-thumb { background-color: #596971;}
::-webkit-scrollbar-thumb:hover { background-color: #2E3944;}



/* HEADER */


header { width:100%; height:165px; float:left;}
header > section { width:1200px; margin:0 auto;}
header > section > .logo { width:327px; height:165px; float:left; position:relative; z-index:11;}
header > section > .logo > a > img { margin:18px 0 0 94px;}
header > section > .slide2 { float:right; margin-top:258px; width:800px; height:437px; position:relative; z-index:12; background-image:url(../resimler/arababg.png);}
header > section > .slide2 > img { width:800px;}

.slide { width:1053px; height:617px; position:absolute !important; right:0; top:0; z-index:1; overflow:hidden;}
.maske { width:1053px; height:617px; background-image:url(../resimler/slidebg.png); z-index:10; position:absolute; right:0; top:0;}
nav { width:1053px; height:60px; background-image:url(../resimler/nav.png);z-index: 20; position:absolute; right:0; top:0;   overflow: hidden;}
nav > ul { position:relative; top:20px; left:10px;}
nav > ul > li { float:left; position:relative; left:100px;}
nav > ul > li > a { color:#fff; font-family:Gotham-Medium_1; letter-spacing:-1px; padding: 26px 27px;}
nav > ul > li > a:hover { color:#ed1c24;}
nav > ul > li:hover > a { color:#ed1c24;}
nav > #dl-menu { display:none;}

.yazislide{ width:79%; height:141px; float:left; background:#1a1a1a; margin-top:130px;}
.yazislide > section { width:740px; margin:0 auto;}
.yazislide > section > .yazislide1 {width: 100% !important; position:relative; z-index:99;}
.yazislide > section > .yazislide1 > div {width: 100% !important; position:relative; z-index:99; }
.yazislide > section > .yazislide1 > div > h2 { font-size:32px; width:100%; color:#fff; font-family:Gotham-Light; margin-top:18px; position:relative; z-index:13;}
.yazislide > section > .yazislide1 > div > h2 > b { font-family:Gotham-Medium_1;}
.yazislide > section > .yazislide1 > div > p { font-size:16px; width:100%; color:#fff; font-family:Gotham-Light; margin-top:10px; position:relative; z-index:23;}

.hakkimizda { width:100%;min-height: 200px; height:auto; float:left; margin-top:270px; padding-bottom:20px;}
.hakkimizda > .hakgorsel {position: absolute;left: 0;}
.hakkimizda > section { width:1146px; margin:0 auto;}
.hakkimizda > section > h3 { font-family:Gotham-Light; font-size:30px; letter-spacing:-1px; text-align:right; line-height:40px; margin-top:90px; margin-bottom:20px;}
.hakkimizda > section > h3 > b { font-weight:bold; font-family:Gotham-Medium_1; font-size:40px;}
.hakkimizda > section > p { font-family:Gotham-Light; font-size:16px; letter-spacing:-1px; text-align:right; float:right; line-height:23px; margin-top:30px; width:90%;}

.hakkimizdaalt { width:100%; height:auto; float:left; margin-top:140px;min-height: 200px;}
.hakkimizdaalt > .hakkimizdaaltimg { width:100%;min-height: 200px;}
.otokiralamaalt { width:100%;min-height: 200px; height:auto; float:left; margin-top:0px;}
.otokiralamaalt > .otokiralamaimg { float:right; width:70%;}

.hizmetler { width:100%;min-height: 650px; height:auto; float:left;margin-top: -131px;}
.hizmetler > .hakgorsel {position: absolute;left: 0;}
.hizmetler > section { width:1200px; margin:0 auto;}
.hizmetler > section > h3 { font-family:Gotham-Light; font-size:30px; letter-spacing:-1px; text-align:right; line-height:40px; margin-top:90px; margin-bottom:20px;}
.hizmetler > section > h3 > b { font-weight:bold; font-family:Gotham-Medium_1; font-size:40px;}
.hizmetler > section > p { font-family:Gotham-Light; font-size:16px; letter-spacing:-1px; text-align:right; float:right; line-height:23px; margin-top:30px; width:90%;}
.hizmetler > section > #tabs { margin-top:50px;}
.hizmetler > section > #tabs > .ui-tabs-nav > li:last-child {border-bottom:1px solid #ccc;}

.hizmetler > section > #tabs > div > h3 { font-family:Gotham-Medium_1; font-size:18px; letter-spacing:-1px; margin-bottom:10px; margin-top:-33px; position:relative; top:-6px;}
.hizmetler > section > #tabs > div > img { float:left; margin-right:15px;width: 289px;height: 400px;}
.hizmetler > section > #tabs > div > p {font-family:Gotham-Light;font-size:16px;letter-spacing:-1px;line-height:23px;margin-top: 55px;position:relative;top:-23px;}



.otokiralama { width:100%;min-height: 500px; height:auto; float:left;margin-top: -101px;}
.otokiralama > .hakgorsel {position: absolute;left: 0;}
.otokiralama > section { width:1200px; margin:0 auto;}
.otokiralama > section > h3 { font-family:Gotham-Light; font-size:30px; letter-spacing:-1px; text-align:right; line-height:40px; margin-top:90px; margin-bottom:40px;}
.otokiralama > section > h3 > b { font-weight:bold; font-family:Gotham-Medium_1; font-size:40px;}
.otokiralama > section > p { font-family:Gotham-Light; font-size:16px; letter-spacing:-1px; line-height:23px; float:left; width:58%; margin-bottom:18px;}
.otokiralama > section > .slide3 { float:left; margin-right:15px;}


.aracfilomuz { width:100%;min-height: 200px; height:auto; float:left; margin-top:50px; padding-bottom:30px;}
.aracfilomuz > .hakgorsel {position: absolute;left: 0;}
.aracfilomuz > section { width:1200px; margin:0 auto;}
.aracfilomuz > .section { width:1100px; margin:0 auto;}
.aracfilomuz > section > h3 { font-family:Gotham-Light; font-size:30px; letter-spacing:-1px; text-align:right; line-height:40px; margin-top:30px; margin-bottom:20px;}
.aracfilomuz > section > h3 > b { font-weight:bold; font-family:Gotham-Medium_1; font-size:40px;}
.aracfilomuz > section > p { font-family:Gotham-Light; font-size:16px; letter-spacing:-1px; text-align:right; float:right; line-height:23px; margin-top:30px; width:90%;}

.bx-viewport  ul li{width: 4% !important}
.haberslider  .vitrindetay {width: 335px; height:320px;margin-top: 15px;}
.haberslider  .vitrindetay > img {width: 335px !important;/* padding: 5px; */ margin-right:7px;}
.haberslider  .vitrindetay > h2 { font-family:Gotham-Medium_1; color:#ed1c24;font-weight: 600;font-size: 15px;letter-spacing:-0.5px;margin-top: 16px;}
.haberslider  .vitrindetay > .ozellik { font-size:16px; width:100%; color:#222; font-family:Gotham-Light; margin-top:2px; position:relative; z-index:23; position:relative; top:10px;float: left;width: 219px;}
.haberslider  .vitrindetay > .ozellik > .bold { font-family:Gotham-Medium_1; float:left; width:80px;}
.haberslider  .vitrindetay > a {padding: 5px 91.4px; font-family:Gotham-Light; background:#636363;position: relative;top: 29px;color: #fff;letter-spacing: -0.5px;left: 1px;}
.haberslider  .vitrindetay > .araclogo { width:45px !important; margin-top:-40px; float:right;}
.haberslider > .owl-controls > .owl-nav > .owl-prev { top:-194px  !important;}
.haberslider > .owl-controls > .owl-nav > .owl-next { top:-194px  !important;}
.bx-wrapper{margin: 0px !important;}
.owl-theme .owl-controls .owl-nav  .owl-prev{ background: url(../resimler/slide/habersliderprev.png) no-repeat; position: relative; top: -64px;left: -46px; padding: 12px 11px; text-indent: -9999px; z-index: 9999;  bottom: 10%;float: left;}
.owl-theme .owl-controls .owl-nav .owl-next{background: url(../resimler/slide/haberslidernext.png) no-repeat;width: 61px;height: 42px;text-indent: -131px;overflow: hidden;position: relative;top: -64px;right: -98px;padding: 12px 11px;text-indent: -9999px;z-index: 9999;bottom: 10%;float: right;}
#habergeri .bx-prev:hover { background-position: 0 0;}
#haberileri .bx-next:hover {   background-position: 0px 0;}
#haberileri .bx-next {  }
#habergeri .bx-prev { }



.rezervasyon { width:100%; height:440px; background-color:#222222; float:left;}
.rezervasyon > section { width:1200px; margin:0 auto;    margin-top: 36px;}
.rezervasyon > section > .form { width:800px; padding-left:35px; height:313px; padding-top:50px; float:left; }
.rezervasyon > section > .form > form > input[type=text] { height:54px; float:left; border:none; color:#222; font-family:Gotham-Light; font-weight:400; padding:3px;background-color:#e6e6e6; font-size:16px; letter-spacing:-0.5px; width:238px; margin-right:20px; margin-bottom:11px;}
.rezervasyon > section > .form > form > input[type=submit] { height:60px; float:left; border:none; color:#fff; font-family:Gotham-Medium_1; font-weight:400; padding:3px;background-color:#ed1c24; font-size:16px; letter-spacing:-0.5px; width:244px; margin-right:20px; margin-bottom:11px;}
.rezervasyon > section > .form > form > textarea { height:117px; float:left; border:none; color:#222; font-family:Gotham-Light; font-weight:400; padding:3px;background-color:#e6e6e6; font-size:16px; letter-spacing:-0.5px; width:238px; margin-right:20px; margin-bottom:11px; padding-top:10px;}
.rezervasyon > section > .form > form > .yukari { position:relative;top:-71px;}
.rezervasyon > section > .form > form > select {float:left; border:none; color:#222; font-family:Gotham-Light; font-size:16px; letter-spacing:-0.5px; width: 244px; padding:3px;margin: 0;outline:none;display: inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background: url(../resimler/ok.png) center right no-repeat;background-color:#e6e6e6;position: relative; height: 60px;background-size: 21px 8px; margin-right:20px; margin-bottom:11px;}
.rezervasyon > section > .formsag { width:329px; padding-left:35px; height:313px; padding-top:50px; float:left; }
.rezervasyon > section > .formsag > h3 { font-family:Gotham-Light; font-size:21px; color:#fff; letter-spacing:-1px; text-align:right; line-height:30px; margin-top:50px; margin-bottom:20px;}
.rezervasyon > section > .formsag > h3 > b { font-weight:bold; font-family:Gotham-Medium_1; font-size:28px;}
.rezervasyon > section > .formsag > p { font-family:Gotham-Light; font-size:16px; color:#fff; letter-spacing:-1px; text-align:right; float:right; line-height:23px; width:95%;}


.iletisim { width:100%;  height:auto; float:left; background-image:url(../resimler/iletisim.png); background-position:center right; position:relative; z-index:99;}
.iletisim > section { width:1200px; margin:0 auto;}
.iletisim > section > h3 { font-family:Gotham-Light; font-size:30px; color:#222; letter-spacing:-1px; text-align:right; float:right; line-height:40px; margin-top:50px; margin-bottom:20px;}
.iletisim > section > h3 > b { font-weight:bold; font-family:Gotham-Medium_1; font-size:40px;}
.iletisim > section > p { font-family:Gotham-Light; font-size:16px; color:#222; letter-spacing:-0.5px; float:left; text-align:left; line-height:23px; width:75%; margin-top:80px;}
.iletisim > section > .iletisim { float:left; width:75%; margin-top:0; position:relative;top: 1px;left: 12px;height: 36px;}
.iletisim > section > img { float:left; }
.fixed{position:fixed ;  z-index:9999;background:#e6e6e6;height:110px; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;    transition: all 0.5s ease;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.33);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.33);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.33);    height: 74px !important;width:100%;right:0px;}
.fixed > ul{width: 1053px;right: 10% !important;float:right;top:27px;}

.fixed > ul > li > a{color:#000;}
.logofixed{  position: fixed !important;    z-index: 99999 !important; -webkit-transition: all 0.5s ease;   -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease;    transition: all 0.5s ease;height: 73px !important;}

header > section > .logofixed > a > img{width:80px !important; margin:3px 0px !important;}
.mobilmenu{position:fixed !important;right:0px !important;top:0px !important;max-width:100% !important;background:#e6e6e6;height:80px;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.33);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.33);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.33); }
.mobilmenu  button{margin-top:13px !important;margin-right:15px !important;}
.mobilmenu .dl-menu.dl-menuopen{margin-top:80px !important;}
.anasayfa{display:none;}
.anasayfavisible{display:block !important;}
.hakkimizdacover{float:left;max-width: 100%;    overflow: hidden;}
.aracfilomuzcover{float:left;max-width: 100%;    overflow: hidden;position: absolute;}
.otokiralamacover{float:right;max-width: 100%;    overflow: hidden;}
.bg1 {background: url(../resimler/hakkimizdacover.jpg) no-repeat;    line-height: 0 !important;}
.bg2 {background: url(../resimler/hakkimizda-bg.jpg) no-repeat;    background-size:100%;    line-height: 0 !important;}
.bg3{background: url(../resimler/otokiralamacover.jpg) no-repeat;     background-size:100%;     line-height: 0 !important;}
.bg4{background: url(../resimler/aracfilomuzcover.jpg) no-repeat;     line-height: 0 !important;}
.cover{width: 250px;  height: 70px;  background-color: transparent;  top: -146px;  display: none;  position: relative;  float: right;  right: 27px;}
/*form validation*/
.border_red{border:1px solid red !important;}
.errors{ display: block;color: #000;text-align: center;padding: 5px;border: 1px solid red;position: relative;top: -73px;font-size: 15px;margin: 0 auto;width: 96%;color: #fff;float: left;}
.gonderiliyor{ display: block;color: #fff;text-align: center;padding: 5px;border: 1px solid white;position: relative;top: -73px;font-size: 15px;margin: 0 auto;width: 96%;color: #fff;float: left;}
.success{ display: block;color: #000;text-align: center;padding: 5px;border: 1px solid green;position: relative;top: -73px;font-size: 15px;margin: 0 auto;width: 96%;color: #fff;float: left;}
.backgorundfif{background:#c7a75e url(loading.gif)  no-repeat !important;background-position: 185px 14px !important;}
.black{color:#000 !important;}