/*
Theme Name: theWP - RENT A CAR V2
Theme URI: https://www.rentalv2.thewpdemo.com
Description: Gelişmiş Özellikleriyle Fark Yaratmaya Devam Eden Türkiye'nin En Kaliteli ve Kullanışlı Rent A Car Teması
Author: theWP.com.tr
Author URI: https://thewp.com.tr
Version: V2
License: theWP.com.tr - Tüm Hakları Saklıdır.
Tags: Kadir Kenar, theWP, Wordpress Tema, theWP Rent A Car Temasi, V2, WordPress Rent A Car Temasi
*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
letter-spacing: 0px;
word-spacing: 0px;
}

body {
background:#ffffff;
margin:0 auto;
font-family: 'Montserrat', sans-serif;
color: #565656;
height: auto;
font-size: 14px;
overflow-x: hidden;
}
img {
vertical-align: middle;
border-style: none;
object-fit: cover;
}
a {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
figcaption {
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
input[type="search"]
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="select"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.temizle {
clear:both;
}
.ust40 {
margin-top: 40px;
}
.ust20 {
margin-top: 20px;
}
.ust0 {
margin-top: 0px;
}
.ortala {
text-align: center;
}
.siteyiOrtala {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 0px auto;
padding: 0px 20px;
}
.siteSol {
width: calc(100% - 380px);
height: auto;
display: block;
position: relative;
float: left;
margin-right: 20px;
margin-top: 40px;
}
.siteSag {
width: 360px;
height: auto;
display: inline-block;
position: relative;
margin-top: 40px;
}

header {
width: calc(90% - 0px);
height: auto;
display: flex;
position: relative;
margin: 0px auto 0px auto!important;
padding: 20px 0px;
}
header .logo {
width: calc(200px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 40px;
}
header .logo img {
width: auto;
height: 57px;
}

header .logoSag {
width: calc(100% - 240px);
height: 57px;
display: block;
position: relative;
float: left;
}
header ul.hMenu {
width: calc(100% - 190px);
padding: 0;
margin: 0;
list-style: none;
position: relative;
text-align: center;
float: left;
font-family: 'Montserrat', sans-serif;
}
header ul.hMenu li {
width: auto;
height: 57px;
display: inline-block;
text-align: left;
position: relative;
}
header ul.hMenu li a {
display:block;
padding: 0px 10px;
color: #323232;
font-size: 16px;
font-weight: 600;
line-height: 57px;
text-decoration:none;
position: relative;
letter-spacing: -1px;
word-spacing: 0px;
}
header ul.hMenu li a:hover {
color: #f5c34b;
}
header ul.hMenu li ul {
width: auto;
z-index: 99999;
display: none;
position: absolute;
top: 57px;
padding: 0px 0px;
background: #ffffff;
-webkit-box-shadow: 1px 1px 33px 0px rgb(83 95 159 / 15%);
box-shadow: 1px 1px 33px 0px rgb(83 95 159 / 15%);
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
border-radius: 5px 5px 5px 5px;
}
header ul.hMenu li ul li {
width:auto;
min-width: 250px;
height: 36px;
border: 0px;
margin-left: 0px;
margin-top: 0px;
float: none;
display: block;
position: relative;
padding: 0px 20px;
}
header ul.hMenu li ul li a {
font-size: 14px;
font-weight: 400;
line-height: 36px;
margin: 0px 0px;
color: #323232;
letter-spacing: -1px;
word-spacing: 0px;
}
header ul.hMenu li ul li a:hover {
color: #f5c34b;
padding-left: 15px;
}
header ul.hMenu li ul li a:hover:after {
position: absolute;
content: "\f111";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: calc(50% - 2.5px);
left: 0px;
color: #f5c34b;
font-size: 5px;
}
header ul.hMenu li ul li:last-child a {
margin: 0px;
}
header ul.hMenu li:hover > ul {
display:inherit;
}
header ul.hMenu ul li ul {
position: relative;
top:-36px;
left:230px;
}
header .logoSag .menuYani {
width: 190px;
height: 57px;
overflow: hidden;
display: block;
text-align: right;
}
header .logoSag .menuYani .menuSosyal {
float: right;
text-align: right;
}
header .logoSag .menuYani .menuSosyal a {
width: auto;
height: 57px;
line-height: 57px;
overflow: hidden;
text-align: center;
display: inline-block;
padding: 0px 6px;
color: #323232;
}
header .logoSag .menuYani .menuSosyal a i {
width: auto;
height: auto;
font-size: 18px;
padding: 12px 0px;
display: inline-block;
background: transparent;
margin-right: 0px;
}
header .logoSag .menuYani .menuSosyal a:hover i {
color: #f5c34b;
}

.sliderAlani {
width: calc(90% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto 0px auto!important;
}
.sliderAlani a {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
position: relative;
}
.sliderAlani figure {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
border-radius: 20px;
}
.sliderAlani figure:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.2) 59%,rgba(0,0,0,.9) 100%);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.sliderAlani figure img {
width: 100%;
height: 750px;
}
.sliderAlani .sliderIcerik {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
overflow: hidden;
display: inline-table;
position: absolute;
content: "";
top: calc(50% - 100px);
left: 0px;
right: 0px;
z-index: 99;
margin: 0px auto;
}
.sliderAlani .sliderIcerik strong {
font-size: 48px;
font-weight: 600;
color: #ffffff;
display: block;
}
.sliderAlani .sliderIcerik span {
font-size: 56px;
font-weight: 600;
color: #f5c34b;
display: inline-block;
overflow: hidden;
}
.sliderAlani .sliderIcerik span i {
font-size: 32px;
color: #f5c34b;
margin-left: 5px;
display: inline-block;
overflow: hidden;
}
.sliderAlani .sliderIcerik span font {
font-size: 22px;
font-weight: 300;
color: #ffffff;
margin-left: 10px;
display: inline-block;
overflow: hidden;
}
.sliderAlani .sliderIcerik a {
width: calc(120px - 2px);
height: 44px;
line-height: 44px;
font-size: 14px;
font-weight: 400;
display: block;
overflow: hidden;
position: relative;
background: #ffffff;
color: #323232;
text-align: center;
border-radius: 5px;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 10px 0px 0px 0px;
}
.sliderAlani .sliderIcerik a:before {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: -1;
width: 0%;
height: 100%;
background-color: #f5c34b;
transition: 0.7s all;
-webkit-transition: 0.7s all;
-moz-transition: 0.7s all;
}
.sliderAlani .sliderIcerik a:hover {
color: #ffffff;
}
.sliderAlani .sliderIcerik a:hover:before {
width: 100%;
}
.sliderIleri,
.sliderGeri {
width: 50px;
height: 50px;
line-height: 56px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 25px);
border-radius: 100%;
background: rgb(255 255 255 / 25%);
text-align: center;
cursor: pointer;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.sliderIleri i,
.sliderGeri i {
color: #ffffff;
font-size: 18px;
}
.sliderIleri {
right: 40px;
}
.sliderGeri {
left: 40px;
}
.sliderIleri:hover,
.sliderGeri:hover {
background: #f5c34b;
}


h2.filtreBaslik {
width: auto;
height: auto;
overflow: hidden;
display: inline-table;
position: absolute;
z-index: 10;
top: -90px;
left: 0px;
right: 0px;
margin: 0px auto;
background: #ffffff;
padding: 10px 30px;
font-size: 22px;
font-weight: 600;
color: #323232;
border-radius: 10px 10px 0px 0px;
}
.anasayfaFiltre {
width: calc(100% - 40px);
max-width: calc(1140px - 40px);
height: auto;
overflow: hidden;
display: block;
background: #ffffff;
padding: 20px 20px;
margin-top: 40px;
-webkit-box-shadow: 1px 1px 33px 0px rgb(0 0 0 / 15%);
box-shadow: 1px 1px 33px 0px rgb(0 0 0 / 15%);
border-radius: 10px;
position: absolute;
top: -84px;
z-index: 9;
}
.anasayfaFiltre .select {
width: calc(21% - 10px);
height: 44px;
line-height: 44px;
position: relative;
display: flex;
border-radius: 5px;
overflow: hidden;
float: left;
margin: 0px 20px 0px 0px;
}
.anasayfaFiltre .select:nth-of-type(3n),
.anasayfaFiltre .select:nth-of-type(4n) {
width: calc(90px - 10px);
}
.anasayfaFiltre .select::after {
width: 16px;
height: 36px;
line-height: 40px;
content: '\25BC';
position: absolute;
top: 2px;
right: 5px;
background-color: #ffffff;
transition: .25s all ease;
pointer-events: none;
text-align: center;
font-size: 12px;
color: #747474;
}
.anasayfaFiltre .select:hover::after {
color: #f5c34b;
}
.anasayfaFiltre .select select {
width: calc(100% - 0px);
height: 44px;
line-height: 44px;
appearance: none;
outline: 0;
border: 0;
flex: 1;
color: #747474;
background-color: #ffffff;
background-image: none;
cursor: pointer;
padding: 0px 15px;
border-radius: 5px;
border: 1px solid #e4e4e4;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.anasayfaFiltre .select select::-ms-expand {
display: none;
}
.anasayfaFiltre .select select:focus {
border: 1px solid #f5c34b;
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 5px 20px rgb(0 0 0 / 5%);
}
.anasayfaFiltre input[type=text] {
width: calc(10% - 2px);
height: 42px;
line-height: 42px;
padding: 0px 15px;
margin: 0px 20px 0px 0px;
border: 1px solid #e4e4e4;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
border-radius: 5px;
font-size: 14px;
font-weight: 300;
color: #747474;
float: left;
}
.anasayfaFiltre input[type=text]:focus {
border: 1px solid #f5c34b;
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 5px 20px rgb(0 0 0 / 5%);
}
.anasayfaFiltre button#aracBul {
width: calc(100px - 2px);
height: 44px;
line-height: 44px;
font-size: 14px;
font-weight: 400;
display: inline-block;
overflow: hidden;
position: relative;
background: #f5c34b;
color: #ffffff;
text-align: center;
border-radius: 5px;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 0px 0px 0px;
}
.anasayfaFiltre button#aracBul:before {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: -1;
width: 0%;
height: 100%;
background-color: #142852;
transition: 0.7s all;
-webkit-transition: 0.7s all;
-moz-transition: 0.7s all;
}
.anasayfaFiltre button#aracBul:hover {
color: #ffffff;
}
.anasayfaFiltre button#aracBul:hover:before {
width: 100%;
}

.bilgiKutulari {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 120px auto 0px auto;
padding: 0px 20px;
}
.bilgiKutulari h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 36px;
font-weight: 600;
color: #142852;
text-align: center;
}
.bilgiKutulari .anaKutu {
width: calc(33.333% - 14px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
margin-top: 40px;
}
.bilgiKutulari .anaKutu:nth-of-type(3n) {
margin-right: 0px;
}
.bilgiKutulari .anaKutu i {
width: 90px;
height: 90px;
line-height: 90px;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
font-size: 3em;
color: #ffffff;
text-align: center;
margin-top: 5px;
border-radius: 10px;
}
.bilgiKutulari .anaKutu h3 {
width: calc(100% - 110px);
height: auto;
overflow: hidden;
font-size: 18px;
font-weight: 600;
line-height: 1.6;
color: #18435a;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
}
.bilgiKutulari .anaKutu p {
width: calc(100% - 110px);
height: auto;
overflow: hidden;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
color: #5F6973;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
}
.bilgiKutulari .anaKutu:nth-of-type(1n) i {
background: rgb(119 172 140 / 55%);
}
.bilgiKutulari .anaKutu:nth-of-type(2n) i {
background: rgb(108 160 160 / 55%);
}
.bilgiKutulari .anaKutu:nth-of-type(3n) i {
background: rgb(197 138 150 / 55%);
}
.bilgiKutulari .anaKutu:nth-of-type(4n) i {
background: rgb(165 128 166 / 55%);
}
.bilgiKutulari .anaKutu:nth-of-type(5n) i {
background: rgb(194 131 103 / 55%);
}
.bilgiKutulari .anaKutu:nth-of-type(6n) i {
background: rgb(189 165 99 / 55%);
}



.anasayfaTab {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 80px auto 0px auto;
padding: 0px 20px;
}
.anasayfaTab #tab-button {
display: table;
width: auto;
height: auto;
overflow: hidden;
padding: 10px 30px;
margin: 0px auto;
background: #142852;
border-radius: 30px;
}
.anasayfaTab #tab-button li {
width: auto;
height: auto;
display: inline-table;
width: auto;
position: relative;
margin: 0px 5px 0px 5px;
background: transparent;
border-radius: 20px;
}
.anasayfaTab #tab-button li a {
width: auto;
height: 32px;
line-height: 32px;
overflow: hidden;
display: block;
text-align: center;
position: relative;
font-size: 13px;
font-weight: 500;
color: #ffffff;
text-decoration: none;
padding: 0px 15px;
background: transparent;
}
.anasayfaTab #tab-button li a span {
width: 40px;
height: 40px;
display: block;
float: left;
margin-right: 10px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.anasayfaTab #tab-button li a h2 {
width: auto;
height: 40px;
line-height: 42px;
display: inline-block;
}
.anasayfaTab #tab-button li a:hover,
.anasayfaTab #tab-button .is-active a {
background: #ffffff;
color: #18435a;
border-radius: 20px;
}
.anasayfaTab .tab-button-outer {
position: relative;
z-index: 2;
display: block;
}
.anasayfaTab .tabDiv {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
}
.anasayfaTab .tabDiv .arabaListe {
width: calc(33.333% - 56px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 20px;
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 10px 20px 10px 20px;
margin-top: 40px;
}
.anasayfaTab .tabDiv .arabaListe:nth-of-type(3n) {
margin-right: 0px;
}
.anasayfaTab .tabDiv .arabaListe figure {
width: calc(100% - 0px);
height: auto;
display: block;
position: relative;
text-align: center;
border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
margin-bottom: 10px;
}
.anasayfaTab .tabDiv .arabaListe figure img {
width: 90%;
height: auto;
max-height: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.anasayfaTab .tabDiv .arabaListe:hover figure img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
.anasayfaTab .tabDiv .arabaListe strong.fiyat {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 26px;
font-weight: 600;
color: #18435a;
}
.anasayfaTab .tabDiv .arabaListe strong.fiyat i {
font-size: 16px;
margin: 0px 5px 0px 2px;
color: #18435a;
}
.anasayfaTab .tabDiv .arabaListe strong.fiyat span {
font-size: 13px;
color: #5f6973;
font-weight: 400;
}
.anasayfaTab .tabDiv .arabaListe figcaption {
width: calc(100% - 0px);
height: auto;
line-height: 2;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 600;
color: #18435a;
}
.anasayfaTab .tabDiv .arabaListe:hover figcaption {
color: #f5c34b;
}
.anasayfaTab .tabDiv .arabaListe .ozellikler {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 5px;
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div {
height: auto;
line-height: 16px;
overflow: hidden;
display: block;
position: relative;
float: left;
color: #5f6973;
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div:nth-of-type(1n) {
width: calc(32% - 0px);
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div:nth-of-type(2n) {
width: calc(25% - 0px);
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div:nth-of-type(3n) {
width: calc(25% - 0px);
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div:nth-of-type(4n) {
width: calc(18% - 0px);
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div i {
font-size: 14px;
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div font {
font-size: 12px;
}

.sloganAlani {
width: calc(90% - 0px);
height: 500px;
background-size: cover!important;
margin: 80px auto 0px auto;
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
}
.sloganAlani .slogan {
width: calc(40% - 60px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px auto 0px auto;
z-index: 9;
border-radius: 10px;
padding: 30px 30px;
}
.sloganAlani .slogan:after {
width: calc(100% - 0px);
height: 100%;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 0px;
left: 0px;
opacity: 0.8;
}
.sloganAlani .slogan i {
width: 100px;
height: 100px;
line-height: 100px;
overflow: hidden;
display: block;
position: relative;
text-align: center;
float: left;
font-size: 5em;
color: #ffffff;
opacity: 1;
z-index: 99;
margin-right: 20px;
}
.sloganAlani .slogan h3 {
width: calc(100% - 120px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: left;
font-size: 22px;
color: #ffffff;
opacity: 1;
z-index: 99;
margin-top: 3px;
}
.sloganAlani .slogan p {
width: calc(100% - 140px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
text-align: left;
font-size: 14px;
color: #ffffff;
opacity: 1;
z-index: 99;
margin-top: 8px;
}


.satilikAraclar {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 80px auto 0px auto;
padding: 0px 20px;
}
.satilikAraclar h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 36px;
font-weight: 600;
color: #142852;
text-align: center;
}
.satilikAraclar .arabaListe {
width: calc(50% - 52px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 20px;
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 15px 20px 15px 20px;
margin-top: 40px;
}
.satilikAraclar .arabaListe:nth-of-type(2n) {
margin-right: 0px;
}
.satilikAraclar .arabaListe figure {
width: calc(200px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
border-right: 1px solid #eaeaea;
margin-right: 19px;
float: left;
padding: 5px 10px 5px 0px;
}
.satilikAraclar .arabaListe figure img {
width: 100%;
height: auto;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.satilikAraclar .arabaListe:hover figure img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
.satilikAraclar .arabaListe strong.fiyat {
width: calc(100% - 230px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 26px;
font-weight: 600;
color: #18435a;
}
.satilikAraclar .arabaListe strong.fiyat i {
font-size: 16px;
margin: 0px 5px 0px 2px;
color: #18435a;
}
.satilikAraclar .arabaListe strong.fiyat span {
font-size: 13px;
color: #5f6973;
font-weight: 400;
}
.satilikAraclar .arabaListe figcaption {
width: calc(100% - 230px);
height: auto;
line-height: 2;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 600;
color: #18435a;
}
.satilikAraclar .arabaListe:hover figcaption {
color: #f5c34b;
}
.satilikAraclar .arabaListe .ozellikler {
width: calc(100% - 230px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.satilikAraclar .arabaListe .ozellikler div {
height: auto;
line-height: 16px;
overflow: hidden;
display: block;
position: relative;
float: left;
color: #5f6973;
margin-top: 5px;
}
.satilikAraclar .arabaListe .ozellikler div:nth-of-type(1n) {
width: calc(50% - 0px);
}
.satilikAraclar .arabaListe .ozellikler div:nth-of-type(2n) {
width: calc(50% - 0px);
}
.satilikAraclar .arabaListe .ozellikler div:nth-of-type(3n) {
width: calc(50% - 0px);
}
.satilikAraclar .arabaListe .ozellikler div:nth-of-type(4n) {
width: calc(50% - 0px);
}
.satilikAraclar .arabaListe .ozellikler div i {
font-size: 14px;
}
.satilikAraclar .arabaListe .ozellikler div font {
font-size: 12px;
}

.musteriTemsilcileri {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
overflow: hidden;
margin: 80px auto 40px auto;
padding: 60px 20px 0px 20px;
}
.musteriTemsilcileri h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 36px;
font-weight: 600;
color: #142852;
text-align: center;
}
.musteriTemsilcileri .swiper-slide {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
border-radius: 10px;
padding: 15px 0px 15px 0px;
background: #18435a;
}
.musteriTemsilcileri .swiper-slide figure {
width: calc(75px - 0px);
height: 75px;
overflow: hidden;
display: block;
position: relative;
text-align: center;
margin: 0px 20px 0px 20px;
float: left;
padding: 5px 5px 5px 5px;
border-radius: 100%;
border: 3px solid rgb(255 255 255 / 40%);
}
.musteriTemsilcileri .swiper-slide figure img {
width: 75px;
height: 75px;
border-radius: 100%;
}
.musteriTemsilcileri .swiper-slide figcaption {
width: calc(100% - 150px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 600;
color: #ffffff;
line-height: 2;
}
.musteriTemsilcileri .swiper-slide strong {
width: calc(100% - 150px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
font-weight: 600;
color: #ffffff;
line-height: 1.8;
}
.musteriTemsilcileri .swiper-slide strong a {
font-weight: 400;
color: #ffffff;
margin-left: 5px;
}
.musteriTemsilcileri .swiper-slide strong a:hover {
color: #f5c34b;
}

.musteriTemsilcileri .mNext {
left: 55px;
right: 0px;
}
.musteriTemsilcileri .mPrev {
left: 0px;
right: 55px;
}
.musteriTemsilcileri .mNext,
.musteriTemsilcileri .mPrev {
position: absolute;
top: 0px;
width: 32px;
height: 32px;
line-height: 32px;
z-index: 10;
cursor: pointer;
text-align: center;
background: transparent;
border: 1px solid #18435a;
color: #18435a;
display: block;
outline: none;
transition: 0.4s all;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
margin: 0px auto;
border-radius: 10px;
}
.musteriTemsilcileri .mNext.swiper-button-disabled,
.musteriTemsilcileri .mPrev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.musteriTemsilcileri .mNext:hover,
.musteriTemsilcileri .mPrev:hover {
border: 1px solid #f5c34b;
background: #f5c34b;
color: #ffffff;
}

.otomobilMarkalari {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
overflow: hidden;
margin: 0px auto 0px auto;
padding: 0px 20px 60px 20px;
}
.otomobilMarkalari .swiper-slide {
width: 100%;
height: auto;
display: block;
position: relative;
cursor: pointer;
}
.otomobilMarkalari .swiper-slide img {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.otomobilMarkalari .swiper-slide:hover img {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
}

.otomobilMarkalari .rNext {
left: 55px;
right: 0px;
}
.otomobilMarkalari .rPrev {
left: 0px;
right: 55px;
}
.otomobilMarkalari .rNext,
.otomobilMarkalari .rPrev {
position: absolute;
bottom: 0px;
width: 32px;
height: 32px;
line-height: 32px;
z-index: 10;
cursor: pointer;
text-align: center;
background: transparent;
border: 1px solid #18435a;
color: #18435a;
display: block;
outline: none;
transition: 0.4s all;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
margin: 0px auto;
border-radius: 10px;
}
.otomobilMarkalari .rNext.swiper-button-disabled,
.otomobilMarkalari .rPrev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.otomobilMarkalari .rNext:hover,
.otomobilMarkalari .rPrev:hover {
border: 1px solid #f5c34b;
background: #f5c34b;
color: #ffffff;
}

.sonBlogyazilari {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
overflow: hidden;
margin: 80px auto 0px auto;
padding: 0px 20px 0px 20px;
}
.sonBlogyazilari h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 36px;
font-weight: 600;
color: #142852;
text-align: center;
}
.sonBlogyazilari .sonblog {
width: calc(25% - 57px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 20px;
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 20px 20px 20px 20px;
margin-top: 40px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.sonBlogyazilari .sonblog:nth-of-type(4n) {
margin-right: 0px;
}
.sonBlogyazilari .sonblog figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
margin-bottom: 10px;
}
.sonBlogyazilari .sonblog figure img {
width: 100%;
height: 150px;
border-radius: 10px;
}
.sonBlogyazilari .sonblog figcaption {
width: calc(100% - 0px);
height: 44px;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 600;
color: #18435a;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
margin-bottom: 5px;
}
.sonBlogyazilari .sonblog p {
width: calc(100% - 0px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
font-weight: 400;
color: #5f6973;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
}
.sonBlogyazilari .sonblog a:hover figcaption {
color: #f5c34b;
}
.sonBlogyazilari .sonblog:hover {
border: 1px solid #f5c34b;
}

.sayfaResim {
width: calc(90% - 0px);
height: auto;
background: url(images/sayfaResim.jpg) center center no-repeat;
background-size: cover!important;
margin: 0px auto 0px auto;
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
padding: 50px 0px 80px 0px;
}
.sayfaResim:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
background: #1b4962;
opacity: 0.9;
border-radius: 20px;
}
.sayfaResim h2 {
width: calc(100% - 40%);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
font-size: 26px;
font-weight: 600;
color: #ffffff;
z-index: 999;
}
.sayfaResim h2 a {
font-size: 26px;
font-weight: 600;
color: #ffffff;
}
.sayfaResim ul.breadcrumbs {
width: calc(40% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px;
padding: 0px;
text-align: right;
z-index: 999;
}
.sayfaResim ul.breadcrumbs li {
width: auto;
height: 24px;
line-height: 24px;
display: inline-block;
overflow: hidden;
padding-right: 35px;
position: relative;
list-style: none;
}
.sayfaResim ul.breadcrumbs li:after {
position: absolute;
bottom: -1px;
right: 10px;
font-family: 'Font Awesome 5 Free';
font-size: 12px;
font-weight: 900;
content: "\f5e4";
color: #ffffff;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
}
.sayfaResim ul.breadcrumbs li:last-child{
padding-right: 0;
}
.sayfaResim ul.breadcrumbs li:last-child:after {
display:none;
padding-right:0;
}
.sayfaResim ul.breadcrumbs li a {
font-size: 14px;
font-weight: 400;
color: #ffffff;
}
.sayfaResim ul.breadcrumbs li a:hover {
color: #f5c34b;
}
.sayfaResim ul.breadcrumbs li strong {
font-size: 14px;
font-weight: 400;
color: #ffffff;
}

.icSayfa {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 120px auto 0px auto;
padding: 0px 20px;
}
.kategoriListe {
width: calc(33.333% - 56px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 20px;
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 10px 20px 10px 20px;
margin-bottom: 40px;
}
.kategoriListe:nth-of-type(3n) {
margin-right: 0px;
}
.kategoriListe figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
margin-bottom: 10px;
}
.kategoriListe figure img {
width: 90%;
height: auto;
max-height: 100%;
}
.kategoriListe strong.fiyat {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 26px;
font-weight: 600;
color: #18435a;
}
.kategoriListe strong.fiyat i {
font-size: 16px;
margin: 0px 5px 0px 2px;
color: #18435a;
}
.kategoriListe strong.fiyat span {
font-size: 13px;
color: #5f6973;
font-weight: 400;
}
.kategoriListe figcaption {
width: calc(100% - 0px);
height: auto;
line-height: 2;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 600;
color: #18435a;
}
.kategoriListe:hover figcaption {
color: #f5c34b;
}
.kategoriListe .ozellikler {
width: calc(100% - 0px)!important;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 5px;
}
.kategoriListe .ozellikler div {
height: auto;
line-height: 16px;
overflow: hidden;
display: block;
position: relative;
float: left;
color: #5f6973;
}
.kategoriListe div:nth-of-type(1n) {
width: calc(32% - 0px);
}
.kategoriListe div:nth-of-type(2n) {
width: calc(25% - 0px);
}
.kategoriListe div:nth-of-type(3n) {
width: calc(25% - 0px);
}
.kategoriListe .ozellikler div:nth-of-type(4n) {
width: calc(18% - 0px);
}
.kategoriListe .ozellikler div i {
font-size: 14px;
}
.kategoriListe .ozellikler div font {
font-size: 12px;
}

.pagination {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
text-align: center;
}
.pagination a, .pagination span {
width: auto;
height: 36px;
line-height: 36px;
overflow: hidden;
display: inline-block;
margin-right: 5px;
padding: 0px 15px;
background: #f3f3f3;
font-size: 14px;
font-weight: 400;
color: #323232;
border-radius: 5px;
}
.pagination span, .pagination a:hover {
background: #18435a;
color: #ffffff;
}

.kategoriSol {
width: calc(100% - 320px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
}
.kategoriSag {
width: calc(300px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
}

.sagFiltre {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px 20px 20px;
border-radius: 10px;
border: 1px solid #eaeaea;
background: #f9f9f9;
text-align: center;
}
.sagFiltre h2 {
width: calc(100% - 0px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
border-radius: 0px 0px 10px 10px;
background: #eaeaea;
text-align: center;
color: #18435a;
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
}
.sagFiltre h2 span {
font-weight: 400;
}
.sagFiltre .select {
width: calc(100% - 0px);
height: 44px;
line-height: 44px;
position: relative;
display: flex;
border-radius: 5px;
overflow: hidden;
margin: 0px 0px 20px 0px;
}
.sagFiltre .select::after {
width: 16px;
height: 36px;
line-height: 40px;
content: '\25BC';
position: absolute;
top: 2px;
right: 5px;
background-color: #ffffff;
transition: .25s all ease;
pointer-events: none;
text-align: center;
font-size: 12px;
color: #747474;
}
.sagFiltre .select:hover::after {
color: #f5c34b;
}
.sagFiltre .select select {
width: calc(100% - 0px);
height: 44px;
line-height: 44px;
appearance: none;
outline: 0;
border: 0;
flex: 1;
color: #747474;
background-color: #ffffff;
background-image: none;
cursor: pointer;
padding: 0px 15px;
border-radius: 5px;
border: 1px solid #e4e4e4;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.sagFiltre .select select::-ms-expand {
display: none;
}
.sagFiltre .select select:focus {
border: 1px solid #f5c34b;
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 5px 20px rgb(0 0 0 / 5%);
}
.sagFiltre button#aracBul {
width: 100%;
height: 44px;
line-height: 44px;
font-size: 14px;
font-weight: 400;
display: inline-block;
overflow: hidden;
position: relative;
background: #f5c34b;
color: #ffffff;
text-align: center;
border-radius: 5px;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 0px 0px 0px 0px;
}
.sagFiltre button#aracBul:before {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: -1;
width: 0%;
height: 100%;
background-color: #142852;
transition: 0.7s all;
-webkit-transition: 0.7s all;
-moz-transition: 0.7s all;
}
.sagFiltre button#aracBul:hover {
color: #ffffff;
}
.sagFiltre button#aracBul:hover:before {
width: 100%;
}

.sagKategori {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px 20px 20px;
border-radius: 10px;
border: 1px solid #eaeaea;
background: #f9f9f9;
margin-top: 40px;
}
.sagKategori h2 {
width: calc(100% - 0px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
border-radius: 0px 0px 10px 10px;
background: #eaeaea;
text-align: center;
color: #18435a;
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
}
.sagKategori h2 span {
font-weight: 400;
}
.sagKategori ul {
width: calc(100% - 5px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
}
.sagKategori ul li {
width: calc(100% - 0px);
height: auto;
line-height: 38px;
overflow: hidden;
display: block;
padding: 0px 0px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.sagKategori ul li a {
width: calc(100% - 0px);
height: auto;
display: block;
overflow: hidden;
color: #323232;
line-height: 40px;
padding-left: 0px;
font-size: 14px;
font-weight: 600;
border-bottom: 1px solid #f3f3f3;
}
.sagKategori ul li ul {
padding: 0px 0px 0px 10px;
}
.sagKategori ul li ul li a {
line-height: 30px;
font-size: 13px;
font-weight: 400;
}
.sagKategori ul li a:hover i,
.sagKategori ul li a:hover span {
color: #d73516;
}
.sagKategori ul li a:hover i {
font-size: 22px;
}
.sagKategori ul li a:hover {
color: #f5c34b;
}

.kategoriListeyan {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 15px 20px 15px 20px;
margin-bottom: 40px;
}
.kategoriListeyan:nth-of-type(2n) {
margin-right: 0px;
}
.kategoriListeyan figure {
width: calc(200px - 0px);
height: auto;
display: block;
position: relative;
text-align: center;
border-right: 1px solid #eaeaea;
margin-right: 19px;
float: left;
padding: 5px 10px 5px 0px;
}
.kategoriListeyan:hover figure img {
-webkit-transform: scale(1.07);
-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07);
}
.kategoriListeyan figure img {
width: 100%;
height: auto;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.kategoriListeyan strong.fiyat {
width: calc(100% - 230px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 26px;
font-weight: 600;
color: #18435a;
}
.kategoriListeyan strong.fiyat i {
font-size: 16px;
margin: 0px 5px 0px 2px;
color: #18435a;
}
.kategoriListeyan strong.fiyat span {
font-size: 13px;
color: #5f6973;
font-weight: 400;
}
.kategoriListeyan figcaption {
width: calc(100% - 230px);
height: auto;
line-height: 2;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 600;
color: #18435a;
}
.kategoriListeyan:hover figcaption {
color: #f5c34b;
}
.kategoriListeyan .ozellikler {
width: calc(100% - 230px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.kategoriListeyan .ozellikler div {
height: auto;
line-height: 16px;
overflow: hidden;
display: block;
position: relative;
float: left;
color: #5f6973;
margin-top: 5px;
}
.kategoriListeyan .ozellikler div:nth-of-type(1n) {
width: calc(50% - 0px);
}
.kategoriListeyan .ozellikler div:nth-of-type(2n) {
width: calc(50% - 0px);
}
.kategoriListeyan .ozellikler div:nth-of-type(3n) {
width: calc(50% - 0px);
}
.kategoriListeyan .ozellikler div:nth-of-type(4n) {
width: calc(50% - 0px);
}
.kategoriListeyan .ozellikler div i {
font-size: 14px;
}
.kategoriListeyan .ozellikler div font {
font-size: 12px;
}

.aracDetaySayfasi {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 120px auto 0px auto;
padding: 0px 20px;
}
.detayUst {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.detayUst h2.title {
width: calc(100% - 190px);
height: 52px;
overflow: hidden;
display: block;
position: relative;
float: left;
font-size: 3em;
font-weight: 600;
letter-spacing: -1px;
word-spacing: 0px;
color: #18435a;
margin-right: 20px;
}
.dSosyal {
width: calc(170px - 0px);
height: 52px;
line-height: 52px;
overflow: hidden;
display: block;
position: relative;
text-align: right;
}
.dSosyal a {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
padding: 0px 3px;
font-size: 22px;
color: #747474;
}
.dSosyal a:hover {
color: #323232;
}
.detaySol {
width: calc(100% - 320px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
margin-top: 40px;
}
.detaySag {
width: calc(300px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
margin-top: 40px;
}


.aracDetayGaleri2 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border-radius: 10px;
}
.aracDetayGaleri2 .swiper-slide img {
width: calc(100% - 0px);
height: auto;
max-height: 500px;
border-radius: 10px;
}
.aracDetayGaleri {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 10px;
}
.aracDetayGaleri .swiper-slide {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
border-radius: 10px;
}
.aracDetayGaleri .swiper-slide img {
width: calc(100% - 0px);
height: 100px;
border-radius: 10px;
opacity: 0.5;
cursor: pointer;
}
.aracDetayGaleri .swiper-slide-thumb-active img {
opacity: 1;
}
.aracDetayGaleri2 .galeriIleri,
.aracDetayGaleri2 .galeriGeri {
width: 50px;
height: 50px;
line-height: 56px;
overflow: hidden;
display: block;
position: absolute;
content: "";
z-index: 9;
top: calc(50% - 25px);
border-radius: 100%;
background: #142852;
text-align: center;
cursor: pointer;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
opacity: 0.6;
}
.aracDetayGaleri2 .galeriIleri i,
.aracDetayGaleri2 .galeriGeri i {
color: #ffffff;
font-size: 18px;
}
.aracDetayGaleri2 .galeriIleri {
right: 40px;
}
.aracDetayGaleri2 .galeriGeri {
left: 40px;
}
.aracDetayGaleri2 .galeriIleri:hover,
.aracDetayGaleri2 .galeriGeri:hover {
background: #f5c34b;
opacity: 1;
}

.sagBilgiler {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px 20px 20px;
border-radius: 10px;
border: 1px solid #eaeaea;
background: #ffffff;
}
.sagBilgiler h2 {
width: calc(100% - 0px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
border-radius: 0px 0px 10px 10px;
background: #eaeaea;
text-align: center;
color: #18435a;
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
}
.sagBilgiler h2 span {
font-weight: 400;
}
.sagBilgiler ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sagFiyatlar ul li,
.sagBilgiler ul li {
width: calc(100% - 0px);
height: 38px;
line-height: 38px;
overflow: hidden;
display: block;
position: relative;
border-bottom: 1px solid #eaeaea;
}
.sagFiyatlar ul li:last-child,
.sagBilgiler ul li:last-child {
border-bottom: 0px;
}
.sagFiyatlar ul li strong,
.sagBilgiler ul li strong {
width: calc(110px - 0px);
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 600;
color: #1b4962;
float: left;
}
.sagBilgiler ul li span {
width: calc(100% - 110px);
height: auto;
max-height: 38px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
font-size: 14px;
font-weight: 400;
}

.sagFiyatlar {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 20px 20px 20px;
border-radius: 10px;
border: 1px solid #eaeaea;
background: #ffffff;
margin-top: 40px;
}
.sagFiyatlar h2 {
width: calc(100% - 0px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
position: relative;
border-radius: 0px 0px 10px 10px;
background: #eaeaea;
text-align: center;
color: #18435a;
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
}
.sagFiyatlar h2 span {
font-weight: 400;
}
.sagFiyatlar ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.sagFiyatlar ul li strong {
font-weight: 400;
}
.sagFiyatlar ul li span {
width: calc(100% - 110px);
height: auto;
overflow: hidden;
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #1b4962;
}

.sagTemsilci .musTem {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
float: left;
border-radius: 10px;
padding: 15px 20px 15px 20px;
margin-top: 40px;
background: #18435a;
}
.sagTemsilci .musTem figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
}
.sagTemsilci .musTem figure img {
width: calc(100px - 10px);
height: calc(100px - 10px);
border-radius: 100%;
border: 3px solid rgb(255 255 255 / 40%);
padding: 5px 5px 5px 5px;
}
.sagTemsilci .musTem figcaption {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 600;
color: #ffffff;
line-height: 2;
text-align: center;
}
.sagTemsilci .musTem i {
width: 30px;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
font-weight: 600;
color: #ffffff;
line-height: 1.8;
float: left;
}
.sagTemsilci .musTem a {
width: calc(100% - 30px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
font-weight: 400;
color: #ffffff;
line-height: 1.8;
}
.sagTemsilci .musTem a:hover {
color: #f5c34b;
}

.aracDetayYazi {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 20px 20px 20px;
border-radius: 10px;
border: 1px solid #eaeaea;
background: #ffffff;
margin-top: 40px;
}
.aracDetayYazi p {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px;
color: #323232;
}
.aracDetayYazi p:last-child {
margin-bottom: 0px;
}
.aracDetayYazi a {
color: #18435a;
}
.aracDetayYazi figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
}
.aracDetayYazi figure img {
width: calc(100% - 0px);
height: auto;
}
.aracDetayYazi blockquote {
width: calc(100% - 65px);
height: auto;
overflow: hidden;
position: relative;
font-size: 14px;
margin-top: 5px;
margin-bottom: 15px;
line-height: 1.6;
font-weight: 600;
font-style: italic;
padding: 45px 30px 45px 30px;
color: #18435a;
background: #f3f3f3;
border-left: 5px solid #18435a;
}
.aracDetayYazi blockquote:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 5px;
left: 30px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f10d";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-size: 34px;
color: #18435a;
padding-left: 1px;
}
.aracDetayYazi blockquote p {
margin-bottom: 0px;
}
.aracDetayYazi h1 {
font-size: 2em;
margin-top: 20px;
}
.aracDetayYazi h2 {
font-size: 1.5em;
margin-top: 20px;
}
.aracDetayYazi h3 {
font-size: 1.20em;
margin-top: 20px;
}
.aracDetayYazi h4 {
font-size: 1.05em;
margin-top: 20px;
}
.aracDetayYazi h5 {
font-size: .90em;
margin-top: 20px;
}
.aracDetayYazi h6 {
font-size: .75em;
margin-top: 20px;
}
.aracDetayYazi table {
width: 100%;
border-collapse: collapse;
margin: 20px auto;
}
.aracDetayYazi table td,
.aracDetayYazi table th {
padding: 10px 5px;
border: 1px solid #ccc;
text-align: left;
font-size: 14px;
}
.aracDetayYazi ul {
width: auto;
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px;
margin: 20px 0px 0px 0px;
}
.aracDetayYazi ul li {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
line-height: 1.6;
color: #323232;
background: #f3f3f3;
margin: 0px 0px 10px 0px;
padding: 10px 20px 10px 20px;
}


.rezervasyonAlani {
width: calc(100% - 40px);
height: auto;
background: #eaeaea;
margin: 40px auto 0px auto;
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
padding: 20px 20px 20px 20px;
}
.rezervasyonAlani .select {
width: calc(50% - 10px);
height: 44px;
line-height: 44px;
position: relative;
display: flex;
border-radius: 5px;
overflow: hidden;
float: left;
margin: 0px 20px 10px 0px;
}
.rezervasyonAlani .select:nth-of-type(2n) {
margin: 0px 0px 0px 0px!important;
}
.rezervasyonAlani .select:nth-of-type(3n) {
width: calc(50% - 10px);
margin-right: 0px;
}
.rezervasyonAlani .select::after {
width: 16px;
height: 36px;
line-height: 40px;
content: '\25BC';
position: absolute;
top: 2px;
right: 5px;
background-color: #ffffff;
transition: .25s all ease;
pointer-events: none;
text-align: center;
font-size: 12px;
color: #747474;
}
.rezervasyonAlani .select:hover::after {
color: #f5c34b;
}
.rezervasyonAlani .select select {
width: calc(100% - 0px);
height: 44px;
line-height: 44px;
appearance: none;
outline: 0;
border: 0;
flex: 1;
color: #747474;
background-color: #ffffff;
background-image: none;
cursor: pointer;
padding: 0px 15px;
border-radius: 5px;
border: 1px solid #e4e4e4;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.rezervasyonAlani .select select::-ms-expand {
display: none;
}
.rezervasyonAlani .select select:focus {
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 5px 20px rgb(0 0 0 / 5%);
}
.rezervasyonAlani input[type=text] {
width: calc(50% - 42px);
height: 42px;
line-height: 42px;
padding: 0px 15px;
margin: 0px 20px 0px 0px;
border: 1px solid #e4e4e4;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
border-radius: 5px;
font-size: 14px;
font-weight: 300;
color: #747474;
float: left;
}
.rezervasyonAlani input[type=text]:focus {
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 5px 20px rgb(0 0 0 / 5%);
}
.rezervasyonAlani button#aracBul {
width: calc(100px - 2px);
height: 44px;
line-height: 44px;
font-size: 14px;
font-weight: 400;
display: inline-block;
overflow: hidden;
position: relative;
background: #f5c34b;
color: #ffffff;
text-align: center;
border-radius: 5px;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 10px auto 0px auto;
float: right;
}
.rezervasyonAlani button#aracBul:before {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: -1;
width: 0%;
height: 100%;
background-color: #142852;
transition: 0.7s all;
-webkit-transition: 0.7s all;
-moz-transition: 0.7s all;
}
.rezervasyonAlani button#aracBul:hover {
color: #ffffff;
}
.rezervasyonAlani button#aracBul:hover:before {
width: 100%;
}
#rezsecc {
width: calc(100% - 150px);
float: left;
margin: 10px 0px 0px 0px;
}
.rezervasyonAlani #rezsecc .select {
width: calc(150px - 10px);
height: 44px;
line-height: 44px;
position: relative;
display: block;
border-radius: 5px;
overflow: hidden;
margin: 0px 20px 0px 0px;
float: right;
}
.rezervasyonAlani .rezSol {
width: calc(50% - 20px);
height: auto;
display: block;
position: relative;
float: left;
margin-right: 40px;
margin-top: 0px;
}
.rezervasyonAlani .kisiselBilgiler {
width: calc(50% - 20px);
height: auto;
display: block;
position: relative;
float: right;
margin-top: 0px;
}
.rezervasyonAlani .rezSol .select {
display: block;
margin: 0px 20px 10px 0px;
}
.rezervasyonAlani .rezSol input[type=text]:nth-of-type(2n) {
margin: 0px 0px 10px 0px;
}

.rezervasyonAlani .rezSol h3,
.rezervasyonAlani .kisiselBilgiler h3 {
width: calc(100% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 600;
padding: 0px 0px 15px 10px;
color: #18435a;
}
.rezervasyonAlani .rezSol h3 span,
.rezervasyonAlani .kisiselBilgiler h3 span {
font-weight: 400;
}

.rezervasyonAlani .kisiselBilgiler input[type=text] {
width: calc(50% - 42px);
height: 42px;
line-height: 42px;
padding: 0px 15px;
margin: 0px 20px 10px 0px;
border: 1px solid #e4e4e4;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
border-radius: 5px;
font-size: 14px;
font-weight: 300;
color: #747474;
float: left;
}
.rezervasyonAlani .kisiselBilgiler input[type=text]:nth-of-type(2n),
.rezervasyonAlani .kisiselBilgiler input[type=text]:nth-of-type(5n) {
margin: 0px 0px 10px 0px;
}
.rezervasyonAlani .kisiselBilgiler input[type=text]:nth-of-type(3n) {
width: calc(100% - 32px);
margin: 0px 0px 10px 0px;
}
.rezervasyonAlani .kisiselBilgiler input[type=text]:nth-of-type(4n) {
margin: 0px 20px 0px 0px;
}
.rezervasyonAlani .kisiselBilgiler textarea {
width: calc(100% - 32px);
max-width: calc(100% - 32px);
min-width: calc(100% - 32px);
max-height: 34px;
height: 34px;
padding: 15px 15px;
margin: 0px 0px 0px 0px;
border: 1px solid #e4e4e4;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
border-radius: 5px;
font-size: 14px;
font-weight: 400;
color: #323232;
display: block;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
}
.rezervasyonAlani .kisiselBilgiler textarea:focus {
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 5px 20px rgb(0 0 0 / 5%);
}

.rezervsyonekstraBilgiler {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
}
.ekbilcheck {
width: calc(33.333% - 14px);
height: auto;
position: relative;
display: block;
border-radius: 5px;
overflow: hidden;
float: left;
margin: 0px 20px 10px 0px;
z-index: 9;
}
.ekbilcheck:nth-of-type(3n) {
margin: 0px 0px 10px 0px;
}
.ekbilcheck label {
width: calc(100% - 100px);
height: auto;
overflow: hidden;
display: block;
float: right;
cursor: pointer;
padding-right: 40px;
}
.ekbilcheck label span {
width: calc(100% - 0px);
height: 32px;
overflow: hidden;
font-size: 13px;
cursor: pointer;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
}
.ekbilcheck label strong {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
font-size: 12px;
}
.ekbilcheck label strong i {
font-size: 11px;
margin-left: 3px;
}
input[type="checkbox"].checkboxR{
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 40px!important;
height: 20px;
border-radius: 30px;
background: #ddd;
position: relative;
cursor: pointer;
outline: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
float: left;
margin-right: 10px;
margin-top: 14px;
}
input[type="checkbox"].checkboxR:checked{
background: #18435a;
}
input[type="checkbox"].checkboxR:after{
position: absolute;
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
background: #ffffff;
-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
box-shadow: 0 0 .25em rgba(0,0,0,.3);
-webkit-transform: scale(.7);
transform: scale(.7);
left: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="checkbox"].checkboxR:checked:after{
left: calc(100% - 20px);
}



.aracDetaySayfasi.aracSatisSayfasi h2.title {
font-size: 26px;
line-height: 52px;
}
.aracDetaySayfasi.aracSatisSayfasi .detaySag {
width: calc(380px - 0px);
}
.aracDetaySayfasi.aracSatisSayfasi .detaySol {
width: calc(100% - 400px);
}

.aracDetaySayfasi.aracSatisSayfasi .detaySag .stdtyfiyat {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
padding: 20px 0px;
background: #18435a;
font-size: 14px;
color: #ffffff;
border-radius: 10px;
padding: 15px 20px 15px 20px;
}

.ilanBilgileriDetay {
width: calc(100% - 0px);
height: auto;
margin: 40px 0px 0px 0px;
position: relative;
display: block;
padding: 0px 0px 0px 0px;
}
.ilanBilgileriDetay div {
width: calc(100% - 40px);
height: auto;
background: #eaeaea;
margin: 0px 0px 10px 0px;
position: relative;
display: block;
border-radius: 20px;
padding: 20px 20px 20px 20px;
}
.ilanBilgileriDetay div:last-child {
margin: 0px 0px 0px 0px;
}
.ilanBilgileriDetay label {
width: auto;
height: 30px;
line-height: 1.8;
font-size: 16px;
padding: 0px 0px 0px 0px;
position: relative;
display: block;
cursor: pointer;
color: #18435a;
font-weight: 600;
}
.ilanBilgileriDetay label:after {
width: 30px;
height: 30px;
line-height: 30px!important;
text-align: center;
overflow: hidden;
display: block;
position: absolute;
content: "\f5e4";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: 0px;
right: 0px;
font-size: 22px;
color: #a1a1a1;
}
.ilanBilgileriDetay label span {
font-weight: 400;
}
.ilanBilgileriDetay input {
display: none;
}
.ilanBilgileriDetay article {
overflow: hidden;
height: 0;
}
.ilanBilgileriDetay input:checked ~ article {
height: auto;
border-top: 1px solid #d5d5d5;
}

.ilanBilgileriDetay input:checked ~ label:after {
width: 30px;
height: 30px;
line-height: 30px!important;
text-align: center;
overflow: hidden;
display: block;
position: absolute;
content: "\f1b9";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: 0px;
right: 0px;
font-size: 22px;
color: #18435a;
}

.ilanBilgileriDetay ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
margin: 10px 0px 20px 0px;
}
.ilanBilgileriDetay div:nth-of-type(4n) ul {
margin: 10px 0px 0px 0px;
}
.ilanBilgileriDetay ul li {
width: calc(33.333% - 27px);
height: auto;
line-height: 2;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 10px;
font-size: 14px;
font-weight: 400;
padding-left: 20px;
color: #a1a1a1;
}
.ilanBilgileriDetay ul li:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "\f058";
top: 7px;
left: 0px;
font-size: 10px;
color: #a1a1a1;
font-family: "Font Awesome 6 Free";
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
padding: 2px 2px;
}
.ilanBilgileriDetay ul li.secili {
font-weight: 600;
color: #18435a;
}
.ilanBilgileriDetay ul li.secili:after {
color: #18435a;
}
.ilanBilgileriDetay ul li:nth-of-type(3n) {
margin-right: 0px;
}

.blogSayfasi {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 120px auto 0px auto;
padding: 0px 20px;
}
.blogSag {
width: calc(300px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
}
.blogSol {
width: calc(100% - 320px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
}

.sagArama {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 20px 20px 20px;
border-radius: 10px;
border: 1px solid #eaeaea;
background: #f9f9f9;
margin-top: 0px;
}
.sagArama form input {
width: calc(100% - 66px);
height: 42px;
line-height: 42px;
border: none;
padding: 0px 5px 0px 10px;
margin: 0px 0px 0px 0px;
font-size: 14px;
outline: none;
background: #ffffff;
color: #323232;
font-weight: 400;
float: left;
border-radius: 5px 0px 0px 5px;
border-left: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
border-right: 0px;
}
.sagArama form button.s {
width: 50px;
height: 44px;
line-height: 44px;
overflow: hidden;
display: block;
position: relative;
background: #ffffff;
color: #18435a;
font-size: 18px;
border: 0px;
outline: 0px;
cursor: pointer;
border-radius: 0px 5px 5px 0px;
border-right: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
border-left: 0px;
}
.sagArama form input::-webkit-input-placeholder {
color: #9d9d9d;
font-weight: 400;
}


.blogKatListe {
width: calc(100% - 22px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
background: #ffffff;
border: 1px solid #eaeaea;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
border-radius: 10px;
padding: 10px 10px;
}
.blogKatListe img {
width: 230px;
height: 150px;
overflow: hidden;
display: block;
float: left;
margin-right: 20px;
border-radius: 10px;
}
.blogKatListe figcaption {
width: calc(100% - 250px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
font-size: 18px;
color: #18435a;
font-weight: 700;
margin: 0px 0px 5px 0px;
padding-top: 20px;
}
.blogKatListe p {
width: calc(100% - 265px);
height: auto;
line-height: 1.6;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
font-size: 14px;
color: #323232;
font-weight: 400;
}
.blogKatListe a {
display: block;
}
.blogKatListe:hover figcaption {
color: #f5c34b;
}

.sayfalarIcerik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sayfalarIcerik .baslik {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sayfalarIcerik .baslik h2 {
display: block;
font-size: 28px;
font-weight: 600;
color: #18435a;
margin: 5px 0px 20px 0px;
}
.sayfalarIcerik .baslik h3 {
display: block;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
}
.sayfalarIcerik .baslik h3 a {
color: #18435a;
}
.sayfalarIcerik .hbrTarih {
width: calc(60% - 0px);
margin: 0px 0px 20px 0px;
float: left;
height: 28px;
line-height: 28px;
}
.sayfalarIcerik .hbrTarih time,
.sayfalarIcerik .hbrTarih span {
font-size: 11px;
font-weight: 400;
color: #585858;
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
}
.sayfalarIcerik .hbrTarih time i,
.sayfalarIcerik .hbrTarih span i {
font-size: 14px;
margin-right: 5px;
}
.sayfalarIcerik .hbrTarih span.yorum {
margin: 0px 15px;
}
.sayfalarIcerik .sosyalMedya {
width: calc(40% - 0px);
height: 32px;
margin: 0px 0px 20px 0px;
text-align: right;
float: left;
}
.sayfalarIcerik .sosyalMedya a {
width: 28px;
height: 28px;
line-height: 28px;
overflow: hidden;
display: inline-block;
padding: 0px 0px;
margin: 0px 0px;
border-radius: 4px;
font-size: 12px;
color: #ffffff;
text-align: center;
opacity: 1;
border: 1px solid #ffffff;
border-radius: 100%;
}
.sayfalarIcerik .sosyalMedya a:nth-of-type(1n) {
background: #3c5a98;
}
.sayfalarIcerik .sosyalMedya a:hover:nth-of-type(1n) {
opacity: 0.8;
}
.sayfalarIcerik .sosyalMedya a:nth-of-type(2n) {
background: #1ea1f2;
}
.sayfalarIcerik .sosyalMedya a:hover:nth-of-type(2n) {
opacity: 0.8;
}
.sayfalarIcerik .sosyalMedya a:nth-of-type(3n) {
background: #cb2128;
}
.sayfalarIcerik .sosyalMedya a:hover:nth-of-type(3n) {
opacity: 0.8;
}
.sayfalarIcerik .sosyalMedya a:nth-of-type(4n) {
background: #0177b5;
}
.sayfalarIcerik .sosyalMedya a:hover:nth-of-type(4n) {
opacity: 0.8;
}
.sayfalarIcerik .sosyalMedya a:nth-of-type(5n) {
background: #3ba335;
}
.sayfalarIcerik .sosyalMedya a:hover:nth-of-type(5n) {
opacity: 0.8;
}
.sayfalarIcerik .sosyalMedya a i {
display: block;
height: 28px;
line-height: 28px;
}

.sayfalarIcerik figure img.oneCikanGorsel {
width: 100%;
height: auto;
max-height: 400px;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
border-radius: 10px;
}
.sayfalarIcerik .icerik p {
width: auto;
height: auto;
overflow: hidden;
display: block;
font-size: 15px;
line-height: 1.6;
margin-bottom: 20px;
color: #323232;
}
.sayfalarIcerik .icerik p:last-child {
margin-bottom: 0px;
}
.sayfalarIcerik .icerik a {
color: #18435a;
}
.sayfalarIcerik .icerik figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 0px 0px;
}
.sayfalarIcerik .icerik figure img {
width: calc(100% - 0px);
height: auto;
}
.sayfalarIcerik .icerik blockquote {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
position: relative;
font-size: 15px;
margin-top: 5px;
margin-bottom: 15px;
line-height: 1.6;
font-weight: 400;
font-style: italic;
padding: 40px 20px 40px 20px;
color: #18435a;
background: #eef2f6;
border-radius: 10px;
}
.sayfalarIcerik .icerik blockquote p {
margin-bottom: 0px;
}
.sayfalarIcerik .icerik h1 {
font-size: 2em;
margin-top: 20px;
}
.sayfalarIcerik .icerik h2 {
font-size: 1.5em;
margin-top: 20px;
}
.sayfalarIcerik .icerik h3 {
font-size: 1.20em;
margin-top: 20px;
}
.sayfalarIcerik .icerik h4 {
font-size: 1.05em;
margin-top: 20px;
}
.sayfalarIcerik .icerik h5 {
font-size: .90em;
margin-top: 20px;
}
.sayfalarIcerik .icerik h6 {
font-size: .75em;
margin-top: 20px;
}
.sayfalarIcerik .icerik table {
width: 100%;
border-collapse: collapse;
margin: 20px auto;
}
.sayfalarIcerik .icerik table td,
.sayfalarIcerik .icerik table th {
padding: 10px 5px;
border: 1px solid #ccc;
text-align: left;
font-size: 15px;
}
.sayfalarIcerik .icerik ul {
width: auto;
height: auto;
overflow: hidden;
display: block;
padding: 0px 0px;
margin: 20px 0px 0px 0px;
}
.sayfalarIcerik .icerik ul li {
width: calc(100% - 20px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 15px;
line-height: 1.6;
color: #323232;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 20px;
border-radius: 10px;
}
.sayfalarIcerik .icerik ul li:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
content: "\f192";
top: 6px;
left: 0px;
padding: 2px 2px;
color: #323232;
font-size: 8px;
font-family: "Font Awesome 6 Free";
font-weight: 400;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}

.iletisimSag {
width: calc(50% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: right;
}
.iletisimSol {
width: calc(50% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
}
button.akordiyon {
width: 100%;
background: #f3f3f3;
border: none;
outline: none;
text-align: left;
padding: 15px 20px;
font-size: 16px;
color: #191919;
cursor: pointer;
transition: background-color 0.2s linear;
position: relative;
margin-top: 20px;
border-radius: 10px;
}
button.akordiyon:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
top: 18px;
right: 13px;
font-size: 14px;
color: #18435a;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f1b9";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
padding: 2px 2px;
}
button.akordiyon.akorAcik:after {
content: "\f5e4";
color: #a1a1a1;
}
button.akordiyon:hover,
button.akordiyon.akorAcik {
background: #18435a;
color: #ffffff;
}
.akordiyon-icerik {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
background: #ffffff;
border-left: 1px solid whitesmoke;
border-right: 1px solid whitesmoke;
padding: 0px 20px 0px 20px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-in-out;
font-size: 14px;
font-weight: 400;
color: #191919;
line-height: 1.6;
}

.iletisimSol .ilanBilgileriDetay {
margin-top: 0px;
}
.iletisimSol .ilanBilgileriDetay ul {
margin: 20px 0px 0px 0px;
}
.iletisimSol .ilanBilgileriDetay ul li {
width: calc(50% - 10px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: block;
float: left;
margin: 0px 20px 5px 0px;
padding: 0px;
}
.iletisimSol .ilanBilgileriDetay ul li:nth-of-type(2n) {
margin: 0px 0px 0px 0px!important;
}
.iletisimSol .ilanBilgileriDetay ul li:after {
display: none;
}
.iletisimSol .ilanBilgileriDetay ul li i {
width: 28px;
height: 28px;
line-height: 28px;
overflow: hidden;
display: inline-block;
padding: 0px 0px;
margin: 0px 0px;
border-radius: 5px;
font-size: 12px;
color: #ffffff;
background: #18435a;
text-align: center;
opacity: 1;
border-radius: 100%;
}
.iletisimSol .ilanBilgileriDetay ul li font {
width: calc(100% - 40px);
height: 28px;
line-height: 28px;
overflow: hidden;
display: inline-block;
padding: 0px 0px;
margin: 0px 0px;
font-size: 14px;
color: #323232;
font-weight: 400;
margin-left: 12px;
}
.iletisimSol .ilanBilgileriDetay ul li:last-child {
width: calc(100% - 0px);
margin-right: 0px;
float: left;
}
.iletisimSol .ilanBilgileriDetay ul li:last-child font {
width: calc(100% - 40px);
height: auto;
line-height: 1.4;
overflow: hidden;
display: inline-block;
padding: 0px 0px;
margin: 0px 0px;
font-size: 14px;
color: #323232;
font-weight: 400;
margin-left: 12px;
}
.iletisimSol .ilanBilgileriDetay ul li:last-child i {
float: left;
margin-top: 0px;
}

.iletisimSag h3 {
width: calc(100% - 10px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 600;
padding: 0px 0px 15px 10px;
color: #18435a;
}
.iletisimSag h3 span {
font-weight: 400;
}
.iletisimSag input[type=text] {
width: calc(50% - 42px);
height: 42px;
line-height: 42px;
padding: 0px 15px;
margin: 0px 20px 10px 0px;
border: 1px solid #e4e4e4;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
border-radius: 5px;
font-size: 14px;
font-weight: 300;
color: #747474;
float: left;
}
.iletisimSag input[type=text]:nth-of-type(2n) {
margin: 0px 0px 10px 0px;
}
.iletisimSag input[type=text]:focus {
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 5px 20px rgb(0 0 0 / 5%);
}
.iletisimSag textarea {
width: calc(100% - 32px);
max-width: 560px;
max-height: 70px;
height: 70px;
padding: 15px 15px;
margin: 10px 0px 0px 0px;
border: 1px solid #e4e4e4;
-webkit-transition: 0.5s;
transition: 0.5s;
outline: none;
border-radius: 5px;
font-size: 14px;
font-weight: 400;
color: #323232;
display: block;
overflow: hidden;
font-family: 'Montserrat', sans-serif;
}
.iletisimSag textarea:focus {
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 5px 20px rgb(0 0 0 / 5%);
}
.iletisimSag input {
width: calc(50% - 42px);
height: 42px;
line-height: 42px;
background: transparent;
border: solid 1px #e4e4e4;
transition: all .3s ease;
padding: 0px 15px;
display: block;
font-size: 14px;
font-weight: 400;
border-radius: 5px;
outline: none;
}
.iletisimSag input[type=telefon]:focus {
box-shadow: 0 10px 20px rgb(0 0 0 / 5%), 0 5px 20px rgb(0 0 0 / 5%);
}
.iletisimSag button#iletisimGonder\ submit {
width: calc(100px - 2px);
height: 44px;
line-height: 44px;
font-size: 14px;
font-weight: 400;
display: inline-block;
overflow: hidden;
position: relative;
background: #f5c34b;
color: #ffffff;
text-align: center;
border-radius: 5px;
z-index: 1;
border: 0px;
outline: none;
cursor: pointer;
margin: 10px auto 0px auto;
float: right;
}
.iletisimSag button#iletisimGonder\ submit:before {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: -1;
width: 0%;
height: 100%;
background-color: #142852;
transition: 0.7s all;
-webkit-transition: 0.7s all;
-moz-transition: 0.7s all;
}
.iletisimSag button#iletisimGonder\ submit:hover {
color: #ffffff;
}
.iletisimSag button#iletisimGonder\ submit:hover:before {
width: 100%;
}

.rezekst {
width: calc(100% - 0px);
height: auto;
margin: 40px 0px 0px 0px;
position: relative;
display: block;
padding: 0px 0px 0px 0px;
}
.rezekst label {
width: auto;
height: 30px;
line-height: 1.8;
font-size: 16px;
padding: 0px 0px 0px 0px;
position: relative;
display: block;
cursor: pointer;
color: #18435a;
font-weight: 600;
}
.rezekst label:after {
width: 30px;
height: 30px;
line-height: 30px!important;
text-align: center;
overflow: hidden;
display: block;
position: absolute;
content: "\f5e4";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: 0px;
right: 0px;
font-size: 22px;
color: #a1a1a1;
}
.rezekst label span {
font-weight: 400;
}
.rezekst input {
display: none;
}
.rezekst article {
overflow: hidden;
height: 0;
}
.rezekst input:checked ~ article {
height: auto;
border-top: 1px solid #d5d5d5;
}
.rezekst input:checked ~ label:after {
width: 30px;
height: 30px;
line-height: 30px!important;
text-align: center;
overflow: hidden;
display: block;
position: absolute;
content: "\f1b9";
font-family: "Font Awesome 6 Free";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
top: 0px;
right: 0px;
font-size: 22px;
color: #18435a;
}

.icSayfa.rezervasyonTamam .detaySol,
.icSayfa.rezervasyonTamam .detaySag {
margin-top: 0px;
}

.sagRezBilgi {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 20px 20px 20px;
border-radius: 10px;
border: 1px solid #eaeaea;
background: #eaeaea;
}
.sagRezBilgi h2 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 600;
padding: 0px 0px 15px 0px;
color: #18435a;
}
.sagRezBilgi h2 span {
font-weight: 400;
}
.sagRezBilgi div {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
}
.sagRezBilgi div:last-child {
margin-bottom: 0px;
}
.sagRezBilgi div strong {
font-size: 16px;
font-weight: 600;
display: block;
overflow: hidden;
color: #18435a;
margin-bottom: 10px;
}
.sagRezBilgi div strong font {
font-weight: 400;
}
.sagRezBilgi div i {
width: 18px;
height: auto;
overflow: hidden;
display: block;
float: left;
font-size: 14px;
line-height: 1.6;
text-align: center;
margin-right: 5px;
}
.sagRezBilgi div span {
width: calc(100% - 23px);
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.6;
}

.rezToplamFiyat {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 20px 20px 20px;
border-radius: 10px;
border: 1px solid #18435a;
background: #18435a;
margin-top: 20px;
}
.rezToplamFiyat h4 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 600;
padding: 0px 0px 15px 0px;
color: #ffffff;
}
.rezToplamFiyat h4 font {
font-weight: 400;
}
.rezToplamFiyat ul {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.rezToplamFiyat ul li {
width: calc(100% - 0px);
height: auto;
line-height: 22px;
overflow: hidden;
display: block;
position: relative;
list-style: none;
margin-bottom: 10px;
color: #ffffff;
}
.rezToplamFiyat ul li strong {
width: calc(65px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
text-align: right;
margin-right: 10px;
font-weight: 400;
}
.rezToplamFiyat ul li span {
width: calc(100% - 75px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 18px;
font-weight: 600;
}
.rezToplamFiyat ul li i {
font-size: 12px;
}




.icSayfa.rezervasyonTamam ul.ulrezTam {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
padding: 20px 20px 20px 20px;
margin: 0px 0px 20px 0px;
border-radius: 10px;
border: 1px solid #eaeaea;
background: #ffffff;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(2n),
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(3n) {
width: calc(50% - 10px);
float: left;
margin-right: 20px;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(3n) {
margin-right: 0px;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(4n) {
width: calc(100% - 0px);
}
.icSayfa.rezervasyonTamam ul.ulrezTam h4 {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 16px;
font-weight: 600;
padding: 0px 0px 15px 0px;
color: #18435a;
}
.icSayfa.rezervasyonTamam ul.ulrezTam h4 font {
font-weight: 400;
}
.icSayfa.rezervasyonTamam ul.ulrezTam li {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
list-style: none;
margin-bottom: 10px;
}
.icSayfa.rezervasyonTamam ul.ulrezTam li:last-child {
margin-bottom: 0px;
}
.icSayfa.rezervasyonTamam ul.ulrezTam li strong {
width: calc(80px - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
}
.icSayfa.rezervasyonTamam ul.ulrezTam li span {
width: calc(100% - 80px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(4n) li {
width: calc(50% - 40px);
float: left;
margin-right: 20px;
padding-left: 20px;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(4n) li:nth-of-type(2n) {
margin-right: 0px;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(4n) li p {
font-size: 14px;
font-weight: 400;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(4n) li p font {
font-weight: 600;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(4n) li:after {
width: auto;
height: auto;
overflow: hidden;
display: block;
position: absolute;
top: 1px;
left: 0px;
padding: 2px 2px;
font-family: "Font Awesome 6 Free";
font-weight: 400;
content: "\f058";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-size: 11px;
color: #323232;
}
img.rezFoto {
width: 90%;
max-width: 270px;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
margin-bottom: 20px;
}
.rezBaslik {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-bottom: 20px;
}
.rezBaslik h2 {
width: calc(100% - 200px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
font-size: 28px;
font-weight: 600;
color: #18435a;
}
.rezBaslik h2 span {
font-size: 18px;
font-weight: 400;
margin-left: 10px;
}
.rezBaslik .linkYazdir {
width: calc(200px - 0px);
height: 34px;
line-height: 34px;
overflow: hidden;
display: block;
position: relative;
}
.rezBaslik .linkYazdir a {
height: 32px;
line-height: 34px;
font-size: 14px;
font-weight: 400;
color: #18435a;
display: block;
float: left;
border: 1px solid #18435a;
padding: 0px 10px;
border-radius: 5px;
}
.rezBaslik .linkYazdir button {
width: auto;
height: 34px;
line-height: 34px;
font-size: 22px;
font-weight: 400;
color: #18435a;
border: 0px;
outline: none;
display: inline-block;
background: transparent;
cursor: pointer;
margin-left: 10px;
}

.sayfaTemsilciler {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
}
.sayfaTemsilciler .musTem {
width: calc(50% - 32px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
margin-top: 20px;
border: 1px solid #eaeaea;
padding: 10px 10px;
border-radius: 10px;
}
.sayfaTemsilciler .musTem:nth-of-type(2n) {
margin-right: 0px;
}
.sayfaTemsilciler .musTem figure {
width: calc(80px - 0px);
height: calc(80px - 0px);
overflow: hidden;
display: block;
position: relative;
padding: 0px 0px;
float: left;
margin-right: 20px;
}
.sayfaTemsilciler .musTem figure img {
width: calc(80px - 0px);
height: calc(80px - 0px);
border-radius: 100%;
}
.sayfaTemsilciler .musTem figcaption {
width: calc(100% - 100px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 8px 0px 5px 0px;
font-size: 14px;
font-weight: 600;
color: #323232;
}
.sayfaTemsilciler .musTem strong {
width: calc(100% - 100px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 5px 0px;
font-size: 14px;
font-weight: 600;
color: #323232;
}
.sayfaTemsilciler .musTem strong a {
font-weight: 400;
color: #323232;
}

.sayfaMarkalar {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px;
}
.sayfaMarkalar .saymarka {
width: calc(16.666% - 19px);
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
margin-right: 20px;
margin-top: 20px;
border: 1px solid #eaeaea;
border-radius: 10px;
}
.sayfaMarkalar .saymarka:nth-of-type(6n) {
margin-right: 0px;
}
.sayfaMarkalar .saymarka figure {
width: calc(100% - 40px);
height: auto;
padding: 20px 20px;
overflow: hidden;
display: block;
}
.sayfaMarkalar .saymarka figure img {
width: 100%;
height: auto;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
cursor: pointer;
}
.sayfaMarkalar .saymarka figure img:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
}

.teknikGostergeler {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
display: block;
}
.teknikGostergeler ul {
width: 100%;
height: auto;
overflow: hidden;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}
.teknikGostergeler ul li {
width: calc(100% - 40px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin: 0px 0px 20px 0px;
background: #eaeaea;
padding: 20px 20px;
border-radius: 10px;
}
.teknikGostergeler ul li figure {
width: 80px;
height: 80px;
line-height: 80px;
display: block;
position: relative;
float: left;
margin: 0px 20px 0px 0px;
background: #ffffff;
padding: 10px 10px 10px 10px;
text-align: center;
border-radius: 100%;
}
.teknikGostergeler ul li figure img {
width: 50px;
height: 50px;
object-fit: fill;
}
.teknikGostergeler ul li strong {
width: calc(100% - 120px);
height: auto;
line-height: 1.6;
overflow: hidden;
display: block;
position: relative;
float: none;
margin: 0px 20px 0px 0px;
font-size: 16px;
font-weight: 600;
color: #18435a;
}
.teknikGostergeler ul li p {
width: calc(100% - 120px);
height: auto;
line-height: 1.6;
overflow: hidden;
display: block;
position: relative;
float: none;
margin: 0px 20px 0px 0px;
font-size: 14px;
font-weight: 400;
color: #18435a;
}

.genelListesonuc {
width: calc(33.333% - 36px);
height: auto;
overflow: hidden;
display: block;
float: left;
margin-right: 20px;
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 10px 10px 10px 10px;
margin-bottom: 20px;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
-o-transition: all .25s;
transition: all .25s;
}
.genelListesonuc:nth-of-type(3n) {
margin-right: 0px;
}
.genelListesonuc figure {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
text-align: center;
padding-bottom: 10px;
margin-bottom: 10px;
}
.genelListesonuc figure img {
width: 100%;
height: 150px;
border-radius: 10px;
object-fit: contain;
}
.genelListesonuc figcaption {
width: calc(100% - 0px);
height: 38px;
line-height: 1.4;
overflow: hidden;
display: block;
position: relative;
font-size: 14px;
font-weight: 600;
color: #18435a;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
}
.genelListesonuc a:hover figcaption {
color: #f5c34b;
}
.genelListesonuc:hover {
border: 1px solid #f5c34b;
}

#sipBanka .bankaListele {
width: calc(50% - 52px);
float: left;
margin-right: 20px;
border-bottom: 0px;

padding: 20px 20px 20px 20px;
border-radius: 10px;
border: 1px solid #eaeaea;
}
#sipBanka .bankaListele:nth-of-type(2n) {
margin-right: 0px;
}
#sipBanka .bankaListele figure {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
margin-bottom: 0px;
text-align: left;
}
#sipBanka .bankaListele figure img {
width: auto;
height: auto;
max-width: 100%;
max-height: 60px;
object-fit: contain;
}
#sipBanka .bankaListele ul {
width: calc(100% - 0px);
}
#sipBanka .bankaListele ul li {
line-height: 1.6;
margin-bottom: 5px;
font-size: 12px;
}







.icSayfa.rezervasyonTamam ul.ulrezTam.kkodemesitam {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid #c3e6cb;
border-radius: 0.25rem;
color: #155724;
background-color: #d4edda;
}






.uygunDegildir {
width: 100%;
height: 100%;
overflow: hidden;
display: block;
text-align: center;
position: absolute;
content: "";
top: 0px;
left: 0px;
background: rgb(255 255 255 / 80%);
z-index: 99;
}
.uygunDegildir p {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
position: relative;
top: calc(50% - 40px);
font-size: 1.5em;
color: #18435a;
background: #f5c34b;
padding: 10px 20px;
border-radius: 10px;
}
.uygunDegildir p a {
width: auto;
height: auto;
overflow: hidden;
display: inline-block;
font-size: 14px;
color: #18435a;
margin-top: 10px;
}

.benzerAraclar {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
overflow: hidden;
margin: 120px auto 0px auto;
padding: 0px 20px;
}
.benzerAraclar h2 {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
font-size: 36px;
font-weight: 600;
color: #142852;
text-align: center;
}
.swiper-slide.kategoriListe {
width: calc(100% - 42px);
height: auto;
overflow: hidden;
display: block;
border: 1px solid #eaeaea;
border-radius: 10px;
padding: 10px 20px 10px 20px;
margin-bottom: 40px;
}



footer.footer {
width: calc(90% - 0px);
height: auto;
background: url(images/footerResim.jpg) center center no-repeat;
background-size: cover!important;
margin: 80px auto 40px auto;
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
padding: 100px 0px 100px 0px;
}
footer.footer:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
background: #1b4962;
opacity: 0.7;
border-radius: 20px;
}
footer.footer .nav {
width: calc(100% - 0px);
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 20px;
z-index: 99;
}
footer.footer .nav:last-child {
padding-right: 0px;
}
footer.footer .nav:before {
width: calc(100% - 0px);
height: 12px;
overflow: hidden;
display: block;
position: absolute;
content: "";
top: 6px;
right: -5px;
background-color: transparent;
opacity: 1;
background-image: linear-gradient(
135deg, #bfbfbf 25%, transparent 25%), linear-gradient(
225deg, #bfbfbf 25%, transparent 25%), linear-gradient(
45deg, #bfbfbf 25%, transparent 25%), linear-gradient(
315deg, #bfbfbf 25%, transparent 25%);
background-position: 3px 0, 3px 0, 0 0, 0 0;
background-size: 3px 3px;
background-repeat: repeat;
}
footer.footer .nav:nth-of-type(1n):before,
footer.footer .nav:nth-of-type(2n):before,
footer.footer .nav:nth-of-type(3n):before,
footer.footer .nav:nth-of-type(4n):before {
display: none;
}
footer.footer .nav h4 {
width: auto;
height: 24px;
line-height: 24px;
overflow: hidden;
display: inline-block;
position: relative;
font-size: 16px;
font-weight: 600;
color: #565656;
background: #ffffff;
padding-right: 15px;
}
footer.footer .nav:nth-of-type(1n) h4,
footer.footer .nav:nth-of-type(2n) h4,
footer.footer .nav:nth-of-type(3n) h4,
footer.footer .nav:nth-of-type(4n) h4 {
display: none;
}
footer.footer .nav ul {
width: 100%;
height: auto;
overflow: hidden;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px;
}
footer.footer .yanAciklama {
margin-top: 15px;
padding-top: 40px;
border-top: 1px solid rgb(255 255 255 / 10%);
}
footer.footer .yanAciklama div {
width: calc(25% - 15px);
float: left;
margin-right: 20px;
}
footer.footer .yanAciklama div:last-child {
margin-right: 0px;
}
footer.footer .yanAciklama strong {
color: #ffffff;
margin-top: 0px;
margin-bottom: 5px;
}
footer.footer .yanAciklama strong:nth-of-type(2n),
footer.footer .yanAciklama strong:nth-of-type(3n) {
margin-top: 20px;
}
footer.footer .yanAciklama span {
color: #ffffff;
font-weight: 400;
opacity: 1;
padding-right: 20px;
}
footer.footer .yanAciklama a {
color: #ffffff;
font-weight: 400;
opacity: 1;
font-size: 14px!important;
}
footer.footer .yanAciklama a:hover {
color: #f5c34b;
}
footer.footer .nav ul li {
width: auto;
height: auto;
line-height: 1.8;
overflow: hidden;
display: inline-block;
list-style: none;
margin-right: 15px;
}
footer.footer .nav ul li a {
font-size: 14px;
font-weight: 400;
color: #ffffff;
}
footer.footer .nav ul li a:hover {
color: #f5c34b;
}
footer.footer .nav .adresBilgileri {
width: 100%;
height: auto;
overflow: hidden;
display: block;
position: relative;
margin-top: 15px;
}
footer.footer .footerLogo {
width: auto;
height: auto;
max-width: 153px;
max-height: 45px;
overflow: hidden;
display: inline-block;
float: left;
}
footer.footer .footerLogo img {
width: 100%;
height: auto;
}

footer.footer .eBultenAbone {
width: calc(100% - 0px)!important;
height: auto;
overflow: hidden;
display: block;
position: relative;
float: left;
border-radius: 5px;
margin: 2px 0px 0px 0px;
}
footer.footer .eBultenAbone input {
width: calc(100% - 90px);
height: 40px;
line-height: 40px;
overflow: hidden;
display: block;
position: relative;
font-size: 13px;
color: #565656;
background: #ffffff;
border: 0px;
padding: 0 20px 0 20px;
outline: none;
float: left;
}
footer.footer .eBultenAbone button {
position: relative;
right: 0;
top: 0;
width: 50px;
height: 40px;
line-height: 40px;
font-size: 24px;
color: #9da1a4;
padding: 0px;
border: 0px;
text-align: center;
outline: none;
cursor: pointer;
border-radius: 0px 5px 5px 0px;
color: #18435a;
background: #ffffff;
}
footer.footer .eBultenAbone button:hover {
color: #f5c34b;
}
footer.footer .nav .adresBilgileri div {
width: 100%;
height: auto;
overflow: hidden;
display: block;
}
footer.footer .nav .adresBilgileri p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 14px;
line-height: 1.6;
font-weight: 400;
color: #ffffff;
}
footer.footer .nav .eBultenAbone p {
width: 100%;
height: auto;
overflow: hidden;
display: block;
font-size: 12px;
line-height: 1.6;
font-weight: 400;
color: #ffffff;
margin-top: 10px;
}

@media screen and (min-width: 981px) and (max-width: 1200px) {
header,
.sliderAlani,
.sloganAlani,
footer.footer,
.sayfaResim {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
}
header .logo {
width: calc(210px - 0px);
margin-right: 20px;
}
header .logoSag {
width: calc(100% - 230px);
}
header .logo img,
header .logoSag .menuYani,
header .logoSag {
height: 40px;
}
header .logoSag .menuYani .menuSosyal a,
.menuEk,
header ul.hMenu li,
header ul.hMenu li a {
height: 40px!important;
line-height: 40px!important;
}
.araclar__btn {
top: 20px!important;
}
.sliderAlani figure,
.sayfaResim,
.sayfaResim:after {
border-radius: 10px;
}
.sliderAlani figure img {
height: 470px;
}
.sliderAlani .sliderIcerik {
width: calc(70% - 40px);
max-width: calc(1180px - 40px);
}
.sliderAlani .sliderIcerik strong {
font-size: 2.5em;
font-weight: 600;
}
.sliderAlani .sliderIcerik span {
font-size: 2.5em;
}
.sliderAlani .sliderIcerik span i,
.sliderAlani .sliderIcerik span font {
font-size: 18px;
height: 18px;
line-height: 18px;
}
.sliderAlani .sliderIcerik a {
width: calc(90px - 2px);
height: 32px;
line-height: 32px;
font-size: 12px;
margin: 5px 0px 0px 0px
}
header ul.hMenu {
width: calc(100% - 120px);
}
header ul.hMenu li a {
padding: 0px 5px;
font-size: 14px;
}
header .logoSag .menuYani .menuSosyal {
display: none;
}
header .logoSag .menuYani {
width: calc(120px - 0px);
}
.sayfaResim {
margin-bottom: 40px;
}
h2.filtreBaslik,
.anasayfaFiltre {
position: relative;
top: 0px;
}
h2.filtreBaslik {
-webkit-box-shadow: 1px 1px 33px 0px rgb(0 0 0 / 15%);
box-shadow: 1px 1px 33px 0px rgb(0 0 0 / 15%);
display: block;
margin: 20px auto 0px auto;
z-index: 99;
background: #f5c34b;
color: #ffffff;
text-align: center;
font-size: 22px;
font-weight: 400;
}
.anasayfaFiltre {
margin-top: 0px;
}
.anasayfaFiltre .select {
width: calc(50% - 10px);
}
.anasayfaFiltre .select:nth-of-type(2n) {
margin-right: 0px;
}
.anasayfaFiltre .select:nth-of-type(3n),
.anasayfaFiltre .select:nth-of-type(4n) {
width: calc(20% - 30px);
margin-top: 10px;
}
.anasayfaFiltre .select:nth-of-type(4n) {
margin-right: 20px;
}
.anasayfaFiltre input[type=text] {
width: calc(20% - 30px);
margin-top: 10px;
}
.anasayfaFiltre button#aracBul {
width: calc(20% - 24px);
margin-top: 10px;
}
.detaySag {
width: calc(250px - 0px);
}
.detaySol {
width: calc(100% - 270px);
}
.sagTemsilci .musTem figcaption {
font-size: 14px;
}
.sagTemsilci .musTem i {
display: none;
}

.detayBilgiler ul li {
width: calc(20% - 16px);
font-size: 12px;
margin-right: 15px;
}
.detayBilgiler ul li:nth-of-type(5n),
.detayBilgiler ul li:last-child {
border-right: 0px;
margin-right: 0px;
}
.detayBilgiler ul li:nth-of-type(6n),
.detayBilgiler ul li:nth-of-type(7n),
.detayBilgiler ul li:nth-of-type(8n),
.detayBilgiler ul li:nth-of-type(9n),
.detayBilgiler ul li:nth-of-type(10n) {
margin-top: 10px;
}
.sliderAlani,
.sloganAlani,
.siteyiOrtala,
.bilgiKutulari,
.anasayfaTab,
.satilikAraclar,
.musteriTemsilcileri,
.sonBlogyazilari,
.icSayfa,
.blogSayfasi {
margin: 40px auto 0px auto;
}

}

@media screen and (max-width: 980px) {
header,
.sliderAlani,
.sloganAlani,
.sayfaResim {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
}
header .logo img,
header .logoSag .menuYani,
header .logoSag {
height: 40px;
}
header .logoSag .menuYani .menuSosyal a,
.menuEk {
height: 40px!important;
line-height: 40px!important;
}
.araclar__btn {
top: 20px!important;
}
.siteSol,
.kategoriSol,
.blogSol,
.iletisimSol {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
.siteSag,
.kategoriSag,
.blogSag,
.iletisimSag {
width: calc(100% - 0px);
}
header ul.hMenu {
display: none;
}
header .logoSag .menuYani {
width: 100%;
}
.sliderAlani figure,
.sayfaResim,
.sayfaResim:after {
border-radius: 10px;
}
.sliderAlani figure img {
height: 390px;
}
.sayfaResim {
margin-bottom: 40px;
padding: 40px 0px 40px 0px;
}
.sayfaResim h2,
.sayfaResim ul.breadcrumbs {
width: calc(100% - 0%);
text-align: center;
}
.sliderAlani .sliderIcerik {
width: calc(70% - 40px);
max-width: calc(1180px - 40px);
}
.sliderAlani .sliderIcerik strong {
font-size: 2em;
font-weight: 600;
}
.sliderAlani .sliderIcerik span {
font-size: 2em;
}
.sliderAlani .sliderIcerik span i,
.sliderAlani .sliderIcerik span font {
font-size: 14px;
height: 14px;
line-height: 14px;
}
.sliderAlani .sliderIcerik a {
width: calc(90px - 2px);
height: 32px;
line-height: 32px;
font-size: 12px;
margin: 5px 0px 0px 0px
}

h2.filtreBaslik,
.anasayfaFiltre {
position: relative;
top: 0px;
}
h2.filtreBaslik {
-webkit-box-shadow: 1px 1px 33px 0px rgb(0 0 0 / 15%);
box-shadow: 1px 1px 33px 0px rgb(0 0 0 / 15%);
display: block;
margin: 20px auto 0px auto;
z-index: 99;
background: #f5c34b;
color: #ffffff;
text-align: center;
font-size: 22px;
font-weight: 400;
}
.anasayfaFiltre {
margin-top: 0px;
}
.anasayfaFiltre .select {
width: calc(50% - 10px);
}
.anasayfaFiltre .select:nth-of-type(2n) {
margin-right: 0px;
}
.anasayfaFiltre .select:nth-of-type(3n),
.anasayfaFiltre .select:nth-of-type(4n) {
width: calc(20% - 30px);
margin-top: 10px;
}
.anasayfaFiltre .select:nth-of-type(4n) {
margin-right: 20px;
}
.anasayfaFiltre input[type=text] {
width: calc(20% - 30px);
margin-top: 10px;
}
.anasayfaFiltre button#aracBul {
width: calc(20% - 24px);
margin-top: 10px;
}
.sliderIleri,
.sliderGeri {
width: 32px;
height: 32px;
line-height: 36px;
}
.sliderGeri {
left: 20px;
}
.sliderIleri {
right: 20px;
}
.bilgiKutulari {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
margin: 40px auto 0px auto;
padding: 0px 20px;
}
.bilgiKutulari .anaKutu {
width: calc(50% - 14px);
margin-right: 20px;
margin-top: 20px;
}
.bilgiKutulari .anaKutu:nth-of-type(2n),
.bilgiKutulari .anaKutu:nth-of-type(6n) {
margin-right: 0px!important;
}
.bilgiKutulari .anaKutu:nth-of-type(3n) {
margin-right: 20px;
}
.anasayfaTab .tabDiv .arabaListe {
margin-top: 20px;
}
.kategoriListe {
margin-bottom: 20px;
}
.sloganAlani {
display: grid;
height: 360px;
margin: 40px auto 0px auto;
}
.sloganAlani .slogan {
width: calc(80% - 60px);
padding: 20px 20px;
}
.anasayfaTab {
margin: 40px auto 0px auto;
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div:nth-of-type(1n),
.kategoriListe div:nth-of-type(1n) {
width: calc(50% - 0px);
margin-bottom: 5px;
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div:nth-of-type(2n),
.kategoriListe div:nth-of-type(2n) {
width: calc(50% - 0px);
margin-bottom: 5px;
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div:nth-of-type(3n),
.kategoriListe div:nth-of-type(3n) {
width: calc(50% - 0px);
}
.anasayfaTab .tabDiv .arabaListe .ozellikler div:nth-of-type(4n),
.kategoriListe div:nth-of-type(4n) {
width: calc(50% - 0px);
}
.satilikAraclar,
.sonBlogyazilari,
.icSayfa {
margin: 40px auto 0px auto;
}
.musteriTemsilcileri {
margin: 40px auto 40px auto;
}
.satilikAraclar .arabaListe {
width: calc(100% - 42px);
float: none;
margin-right: 0px;
padding: 15px 20px 15px 20px;
margin-top: 20px;
}
.musteriTemsilcileri .musTem {
width: calc(100% - 40px);
float: none;
margin-right: 0px;
margin-top: 20px;
}
.sonBlogyazilari .sonblog {
width: calc(50% - 52px);
margin-right: 20px;
margin-top: 20px;
}
.sonBlogyazilari .sonblog:nth-of-type(2n) {
margin-right: 0px;
}
.sonBlogyazilari .sonblog figure img {
width: 70%;
height: auto;
}
.anasayfaTab .tabDiv .arabaListe figure img,
.kategoriListe figure img {
width: 90%;
height: auto;
}
.anasayfaTab .tabDiv .arabaListe strong.fiyat,
.satilikAraclar .arabaListe strong.fiyat,
.kategoriListe strong.fiyat {
font-size: 22px;
}
.anasayfaTab .tabDiv .arabaListe figcaption,
.satilikAraclar .arabaListe figcaption,
.kategoriListe figcaption {
font-size: 14px;
}

.aracDetaySayfasi {
margin: 40px auto 0px auto;
}
.icSayfa.rezervasyonTamam .detaySag,
.detaySag {
width: calc(100% - 0px);
margin: 20px 0px 0px 0px;
}
.icSayfa.rezervasyonTamam .detaySol,
.detaySol {
width: calc(100% - 0px);
margin: 20px 0px 0px 0px;
}

.detayUst h2.title {
font-size: 2em;
height: 42px;
line-height: 42px;
}
.dSosyal {
height: 42px;
line-height: 42px;
}
.sagBilgiler,
.sagFiyatlar,
.sagTemsilci .musTem {
width: calc(100% - 22px);
padding: 0px 10px 10px 10px;
float: none;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 10px;
}
.sagTemsilci .musTem {
margin-right: 0px;
}
.sagFiyatlar ul li,
.sagBilgiler ul li {
width: calc(50% - 10px);
float: left;
margin-right: 20px;
}
.sagFiyatlar ul li:nth-of-type(2n),
.sagBilgiler ul li:nth-of-type(2n) {
margin-right: 0px;
}
.sagFiyatlar h2,
.sagBilgiler h2 {
margin-bottom: 10px;
}

.sagTemsilci .musTem {
padding: 10px 10px 10px 10px;
}
.sagTemsilci .musTem figure {
width: 110px;
height: 110px;
float: left;
margin-right: 20px;
}
.sagTemsilci .musTem figcaption,
.sagTemsilci .musTem a {
width: calc(100% - 130px);
text-align: left;
}
.sagTemsilci .musTem i {
display: none;
}
.aracDetayGaleri2 .swiper-slide img {
width: 100%;
}
.rezervasyonAlani {
margin-top: 20px;
}

.sagFiltre {
margin: 0px 0px 20px 0px;
}
.sagFiltre .select {
width: calc(50% - 10px);
margin: 0px 20px 20px 0px;
float: left;
}
.sagFiltre .select:nth-of-type(2n) {
margin: 0px 0px 20px 0px;
}
.sagFiltre button#aracBul {
width: calc(50% - 10px);
margin: 0px 0px 0px 0px;
}
.sagFiltre .select:nth-of-type(5n) {
margin: 0px 20px 0px 0px;
}
.sagKategori {
display: none;
}

.detayBilgiler ul li {
width: calc(20% - 16px);
font-size: 12px;
margin-right: 15px;
}
.detayBilgiler ul li:nth-of-type(5n),
.detayBilgiler ul li:last-child {
border-right: 0px;
margin-right: 0px;
}
.detayBilgiler ul li:nth-of-type(6n),
.detayBilgiler ul li:nth-of-type(7n),
.detayBilgiler ul li:nth-of-type(8n),
.detayBilgiler ul li:nth-of-type(9n),
.detayBilgiler ul li:nth-of-type(10n) {
margin-top: 10px;
}


.aracDetaySayfasi {
margin: 40px auto 0px auto;
}
.aracDetaySayfasi.aracSatisSayfasi .detaySag {
width: calc(100% - 0px);
margin: 20px 0px 0px 0px;
}
.aracDetaySayfasi.aracSatisSayfasi .detaySol {
width: calc(100% - 0px);
margin: 20px 0px 0px 0px;
}
.ilanBilgileriDetay {
margin: 20px auto 0px auto;
}

.ilanBilgileriDetay ul li {
width: calc(50% - 27px);
font-size: 13px;
margin-right: 10px;
line-height: 18px;
margin-bottom: 5px;
}
.ilanBilgileriDetay ul li:nth-of-type(2n) {
margin-right: 0px!important;
}
.ilanBilgileriDetay ul li:nth-of-type(3n) {
margin-right: 10px;
}
.ilanBilgileriDetay ul li:after {
top: 3px;
font-size: 9px;
}
.blogSayfasi {
margin: 40px auto 0px auto
}
.blogSayfasi .blogSag {
margin-bottom: 20px;
}
.iletisimSag {
margin-bottom: 20px;
}
.iletisimSag textarea {
max-width: 980px;
}
.iletisimSol .ilanBilgileriDetay ul li:nth-of-type(3n) {
margin-right: 20px;
}

.sagRezBilgi div:nth-of-type(1n),
.sagRezBilgi div:nth-of-type(2n) {
width: calc(50% - 10px);
margin-bottom: 20px;
margin-right: 20px;
float: left;
}
.sagRezBilgi div:nth-of-type(2n) {
margin-right: 0px;
}
.sagRezBilgi div:nth-of-type(3n) {
width: calc(100% - 0px);
margin-right: 0px;
margin-bottom: 0px;
}
.sagRezBilgi div:nth-of-type(3n) p {
width: calc(33.333% - 0px);
float: left;
}

#sipBanka .bankaListele {
width: calc(50% - 15px);
}
#sipBanka .bankaListele:nth-of-type(2n) {
margin-right: 0px;
}
#sipBanka .bankaListele figure {
text-align: left;
}

footer.footer {
width: calc(100% - 0px);
max-width: calc(1180px - 0px);
border-radius: 0px;
margin: 40px auto 0px auto;
padding: 50px 0px 50px 0px;
}
footer.footer:after {
border-radius: 0px;
}
footer.footer .nav {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
margin-top: 15px;
}
footer.footer .nav h4 {
width: calc(100% - 30px);
height: 50px;
line-height: 50px;
overflow: hidden;
display: block;
cursor: pointer;
background: rgb(255 255 255 / 80%);
padding: 0px 15px;
font-size: 16px;
border-radius: 20px;
color: #18435a;
}
footer.footer .nav:nth-of-type(1n) h4 {
display: block;
}
footer.footer .nav ul {
width: calc(100% - 0px);
padding: 0px 0px;
max-height: 0;
overflow:hidden;
transition: max-height 0.5s ease-out;
margin-top: 20px;
}
footer.footer .nav ul li {
width: calc(50% - 10px);
line-height: 1.8;
margin-right: 15px;
float: left;
line-height: 2;
}
footer.footer .nav ul li:nth-of-type(2n) {
margin-right: 0px;
}
footer.footer .nav:nth-of-type(2n) ul,
footer.footer .nav:nth-of-type(3n) ul {
width: calc(100% - 30px);
padding: 0px 15px;
}
footer.footer .nav h4:after {
width: 20px!important;
height: auto;
content: "+";
float: right;
background: transparent;
left: calc(100% - 20px);
}
footer.footer .nav.open h4:after {
content: "-";
width: 20px!important;
height: auto;
float: right;
background: transparent;
left: calc(100% - 20px);
}
footer.footer .nav.open ul {
height:auto;
max-height: 500px;
transition: max-height 0.5s ease-in !important;
}
footer.footer .nav:last-child h4 {
display: block;
}
footer.footer .nav ul li:last-child {
margin-bottom: 15px;
}
footer.footer .nav .adresBilgileri {
margin-bottom: 0px;
}
footer.footer .yanAciklama {
margin-top: 5px;
padding-top: 0px;
border-top: 0px;
}
footer.footer .yanAciklama div {
width: calc(50% - 10px);
float: left;
margin-right: 20px;
}
footer.footer .yanAciklama div:nth-of-type(2n) {
margin-right: 0px;
}
footer.footer .yanAciklama div:nth-of-type(3n),
footer.footer .yanAciklama div:nth-of-type(4n) {
border-top: 1px solid rgb(255 255 255 / 10%);
margin-top: 20px;
padding-top: 20px;
}
}

@media screen and (max-width: 768px) {
.anasayfaTab .tabDiv .arabaListe,
.kategoriListe {
width: calc(50% - 52px);
}
.anasayfaTab .tabDiv .arabaListe:nth-of-type(2n),
.anasayfaTab .tabDiv .arabaListe:nth-of-type(4n),
.kategoriListe:nth-of-type(2n),
.kategoriListe:nth-of-type(4n) {
margin-right: 0px!important;
}
.anasayfaTab .tabDiv .arabaListe:nth-of-type(3n),
.kategoriListe:nth-of-type(3n) {
margin-right: 20px;
}
.anasayfaTab .tabDiv .arabaListe figure img,
.kategoriListe figure img {
width: 70%;
height: auto;
}
.anasayfaTab .tabDiv .arabaListe strong.fiyat span,
.kategoriListe strong.fiyat span {
font-size: 11px;
}
.sloganAlani {
height: 310px;
background: transparent!important;
}
.sloganAlani .slogan i {
width: 88px;
height: 88px;
line-height: 88px;
font-size: 3em;
}
.sloganAlani .slogan h3 {
width: calc(100% - 120px);
font-size: 18px;
}
.sloganAlani .slogan p {
width: calc(100% - 120px);
font-size: 12px;
}
.musteriTemsilcileri h2,
.satilikAraclar h2,
.bilgiKutulari h2,
.sonBlogyazilari h2 {
font-size: 22px;
}
.sayfaResim h2 {
font-size: 20px;
margin-bottom: 10px;
}
.sayfaResim ul.breadcrumbs li a {
font-size: 12px;
}
.aracDetaySayfasi.aracSatisSayfasi h2.title {
font-size: 26px;
line-height: 1.4;
}
.sagBilgiler ul li {
height: auto;
line-height: 22px;
padding: 5px 0px;
}
.sagBilgiler ul li strong,
.sagBilgiler ul li span {
width: calc(100% - 0px);
display: block;
}
.sagBilgiler ul li span {
font-size: 12px;
}
.sayfalarIcerik .hbrTarih {
width: calc(100% - 0px);
margin: 0px 0px 0px 0px;
float: none;
height: auto;
line-height: 32px;
text-align: center;
}
.sayfalarIcerik .sosyalMedya {
width: calc(100% - 0px);
height: 32px;
margin: 0px 0px 20px 0px;
text-align: center;
float: none;
}
.rezBaslik h2 {
width: calc(100% - 0px);
float: none;
text-align: center;
margin-top: 10px;
}
.rezBaslik .linkYazdir {
width: calc(100% - 0px);
height: 34px;
line-height: 34px;
text-align: center;
margin-top: 10px;
}
.rezBaslik .linkYazdir a {
width: auto!important;
float: none;
display: inline-block;
height: 28px;
line-height: 30px;
}
.aracDetayGaleri2 .swiper-slide img {
height: 300px;
}
.aracDetayGaleri .swiper-slide img {
height: 60px;
}
.sayfaTemsilciler .musTem {
width: calc(100% - 22px);
float: none;
margin-right: 0px;
}

.sayfaMarkalar .saymarka {
width: calc(25% - 19px);
}
.sayfaMarkalar .saymarka:nth-of-type(4n),
.sayfaMarkalar .saymarka:nth-of-type(12n) {
margin-right: 0px!important;
}
.sayfaMarkalar .saymarka:nth-of-type(6n) {
margin-right: 20px;
}

.ekbilcheck {
width: calc(50% - 10px);
margin: 0px 20px 10px 0px;
}
.ekbilcheck:nth-of-type(2n),
.ekbilcheck:nth-of-type(4n),
.ekbilcheck:nth-of-type(6n) {
margin: 0px 0px 10px 0px!important;
}
.ekbilcheck:nth-of-type(3n) {
margin: 0px 20px 10px 0px;
}

.genelListesonuc {
width: calc(50% - 36px);
}
.genelListesonuc:nth-of-type(2n),
.genelListesonuc:nth-of-type(4n),
.genelListesonuc:nth-of-type(6n) {
margin-right: 0px!important;
}
.genelListesonuc:nth-of-type(3n) {
margin-right: 20px;
}
.genelListesonuc figure {
padding-bottom: 0px;
}
.genelListesonuc figure img {
height: 130px;
}

}

@media screen and (max-width: 640px) {
header {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
padding: 20px 10px;
}
.sliderAlani,
.sloganAlani,
.siteyiOrtala,
.bilgiKutulari,
.anasayfaTab,
.satilikAraclar,
.sonBlogyazilari,
.icSayfa,
.blogSayfasi {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
padding: 0px 10px;
}

.musteriTemsilcileri {
padding: 60px 20px 0px 20px;
}
.sayfaResim {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
}
.sliderAlani .sliderIcerik {
top: calc(50% - 25%);
}
.sliderAlani figure img {
height: 250px;
max-height: 250px;
}
.sliderAlani .sliderIcerik strong,
.sliderAlani .sliderIcerik span {
font-size: 1.6em;
}

.anasayfaFiltre input[type=text] {
width: calc(48% - 30px);
margin-top: 10px;
}
.anasayfaFiltre .select:nth-of-type(3n),
.anasayfaFiltre .select:nth-of-type(4n) {
width: calc(53% - 28px);
margin-top: 10px;
margin-right: 0px;
}
.anasayfaFiltre button#aracBul {
width: auto;
float: right;
padding: 0px 30px;
}

.bilgiKutulari .anaKutu {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
margin-top: 20px;
}
.bilgiKutulari .anaKutu i {
width: 70px;
height: 70px;
line-height: 70px;
font-size: 2em;
margin-top: 9px;
margin-right: 10px;
}
.bilgiKutulari .anaKutu h3 {
font-size: 15px;
}
.bilgiKutulari .anaKutu p {
font-size: 13px;
}
.bilgiKutulari .anaKutu p,
.bilgiKutulari .anaKutu h3 {
width: calc(100% - 90px);
}
.anasayfaTab #tab-button {
display: block;
padding: 10px 10px;
margin: 0px 0px;
text-align: center;
}
.anasayfaTab #tab-button li {
display: block;
}
.anasayfaTab #tab-button li a {
font-size: 12px;
padding: 0px 10px;
}
.anasayfaTab .tabDiv .arabaListe,
.kategoriListe {
width: calc(100% - 22px);
float: none;
margin-right: 0px;
padding: 15px 10px 10px 10px;
}
.sloganAlani {
background-image: none;
display: block;
height: auto;
}
.sloganAlani .slogan {
width: calc(100% - 20px);
padding: 10px 10px;
}
.sloganAlani .slogan:after {
opacity: 1;
}
.sloganAlani .slogan:nth-of-type(2n) {
margin-top: 20px;
}
.sloganAlani .slogan i {
float: left;
}
.sloganAlani .slogan h3 {
width: calc(100% - 130px);
line-height: 1.6;
padding-top: 11px;
}
.sloganAlani .slogan p {
width: calc(100% - 0px);
}
.musteriTemsilcileri h2,
.satilikAraclar h2,
.bilgiKutulari h2,
.sonBlogyazilari h2,
h2.filtreBaslik {
font-size: 18px;
}
.anasayfaTab .tabDiv .arabaListe strong.fiyat,
.satilikAraclar .arabaListe strong.fiyat {
font-size: 18px;
}
.satilikAraclar .arabaListe {
width: calc(100% - 22px);
float: none;
margin-right: 0px;
padding: 15px 10px 10px 10px;
}
.satilikAraclar .arabaListe figure {
width: calc(100% - 0px);
border-right: 0px;
border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
margin-bottom: 10px;
}
.satilikAraclar .arabaListe strong.fiyat,
.satilikAraclar .arabaListe figcaption,
.satilikAraclar .arabaListe .ozellikler {
width: calc(100% - 0px);
}
.musteriTemsilcileri .musTem {
width: calc(100% - 20px);
padding: 15px 10px 10px 10px;
}
.musteriTemsilcileri .musTem figure {
width: calc(60px - 0px);
height: 60px;
margin-right: 10px;
}
.musteriTemsilcileri .musTem figure img {
width: 100%;
height: 100%;
}
.musteriTemsilcileri .musTem figcaption,
.musteriTemsilcileri .musTem strong {
width: calc(100% - 90px);
font-size: 13px;
}
.sonBlogyazilari .sonblog {
width: calc(100% - 22px);
float: none;
margin-right: 0px;
padding: 10px 10px 10px 10px;
}
.sonBlogyazilari .sonblog figcaption {
font-size: 16px;
text-align: center;
}
.sonBlogyazilari .sonblog p {
display: none;
}
.anasayfaTab .tabDiv .arabaListe figure img,
.sonBlogyazilari .sonblog figure img,
.satilikAraclar .arabaListe figure img,
.kategoriListe figure img {
width: 50%;
height: auto;
}

.aracDetayGaleri2 .galeriIleri {
right: 20px;
}
.aracDetayGaleri2 .galeriGeri,
.aracDetayGaleri2 .galeriIleri {
width: 32px;
height: 32px;
line-height: 36px;
}
.aracDetayGaleri2 .galeriGeri {
left: 20px;
}
.aracDetayYazi,
.aracDetaySayfasi {
margin-top: 20px;
}
.rezervasyonAlani .kisiselBilgiler {
width: calc(100% - 0px);
float: none;
margin-top: 0px;
}
.rezervasyonAlani .rezSol {
width: calc(100% - 0px);
float: none;
margin-top: 20px;
}

.aracDetaySayfasi {
width: calc(100% - 20px);
max-width: calc(1180px - 20px);
padding: 0px 10px;
}
.rezervasyonAlani .kisiselBilgiler textarea {
max-width: calc(100% - 0px);
}
.detayUst h2.title,
.dSosyal {
width: calc(100% - 0px);
height: auto;
float: none;
margin-right: 0px;
text-align: center;
line-height: 1.6;
}
.detayUst h2.title {
font-size: 28px;
}
.dSosyal a {
font-size: 16px;
}
.kategoriListeyan {
width: calc(100% - 22px);
float: none;
margin-right: 0px;
padding: 15px 10px 10px 10px;
margin-bottom: 20px;
}
.kategoriListeyan figure {
width: calc(100% - 0px);
border-right: 0px;
border-bottom: 1px solid #eaeaea;
padding-bottom: 10px;
margin-bottom: 10px;
margin-right: 0px;
}
.kategoriListeyan figure img {
width: 50%;
height: auto;
}
.kategoriListeyan strong.fiyat {
width: calc(100% - 0px);
font-size: 18px;
}
.kategoriListeyan figcaption {
width: calc(100% - 0px);
font-size: 14px;
}
.kategoriListeyan .ozellikler {
width: calc(100% - 0px);
}
.kategoriListeyan .ozellikler div:nth-of-type(1n) {
width: calc(50% - 0px);
}
.kategoriListeyan .ozellikler div:nth-of-type(2n) {
width: calc(50% - 0px);
}
.kategoriListeyan .ozellikler div:nth-of-type(3n) {
width: calc(50% - 0px);
}
.kategoriListeyan .ozellikler div:nth-of-type(4n) {
width: calc(50% - 0px);
}
.kategoriListeyan .ozellikler div i {
font-size: 14px;
}
.kategoriListeyan .ozellikler div font {
font-size: 12px;
}

.blogKatListe a {
display: -ms-flexbox;
display: -webkit-box;
display: -moz-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blogKatListe figure {
width: 140px;
height: 90px;
float: left;
margin-right: 10px;
}
.blogKatListe img {
width: 140px;
height: 90px;
float: none;
margin-right: 0px;
}
.blogKatListe p {
display: none;
}
.blogKatListe figcaption {
width: calc(100% - 160px);
font-size: 18px;
margin: 0px 0px 0px 0px;
padding-top: 10px;
font-size: 14px;
font-weight: 600;
}

.iletisimSag input[type=text] {
width: calc(100% - 32px);
margin: 0px 0px 10px 0px;
float: none;
}
.iletisimSol .ilanBilgileriDetay ul li:nth-of-type(2n) {
margin-bottom: 5px!important;
}
.iletisimSol .ilanBilgileriDetay ul li {
width: calc(100% - 0px);
float: none;
margin-right: 20px;
}
.iletisimSag input {
width: calc(100% - 32px);
}

.icSayfa.rezervasyonTamam .detaySag {
margin-top: 0px!important;
}
.icSayfa.rezervasyonTamam .detaySol {
margin-top: 10px!important;
}
.sagRezBilgi div:nth-of-type(3n) p {
width: calc(50% - 0px);
float: left;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(2n),
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(3n) {
width: calc(100% - 2px);
float: none;
margin-right: 0px;
}
.icSayfa.rezervasyonTamam ul.ulrezTam:nth-of-type(4n) li {
width: calc(100% - 20px);
float: none;
margin-right: 0px;
padding-left: 20px;
}

.teknikGostergeler ul li figure {
width: 50px;
height: 50px;
line-height: 50px;
}
.teknikGostergeler ul li figure img {
width: 30px;
height: 30px;
}


footer.footer .yanAciklama div {
width: calc(100% - 0px);
float: none;
margin-right: 0px;
}
footer.footer .yanAciklama div:nth-of-type(2n),
footer.footer .yanAciklama div:nth-of-type(3n),
footer.footer .yanAciklama div:nth-of-type(4n) {
border-top: 1px solid rgb(255 255 255 / 10%);
margin-top: 20px;
padding-top: 20px;
}
footer.footer .yanAciklama div .eBultenAbone {
border: 0px;
margin-top: 8px;
padding-top: 0px;
}
}

@media screen and (max-width: 500px) {
.anasayfaTab .tabDiv .arabaListe figure img,
.sonBlogyazilari .sonblog figure img,
.satilikAraclar .arabaListe figure img {
width: 70%;
height: auto;
}
.rezervasyonAlani .kisiselBilgiler input[type=text] {
width: calc(100% - 32px);
height: 42px;
line-height: 42px;
padding: 0px 15px;
margin: 0px 0px 10px 0px;
float: none;
}
.rezervasyonAlani .kisiselBilgiler input[type=text]:nth-of-type(2n) {
margin: 0px 0px 10px 0px;
}
.ekbilcheck {
width: calc(100% - 14px)!important;
float: none!important;
margin: 0px 0px 10px 0px!important;
}
.ekbilcheck label span {
width: calc(100% - 0px);
height: 18px;
line-height: 18px;
font-size: 13px;
-webkit-line-clamp: 1;
}
input[type="checkbox"].checkboxR {
margin-top: 7px;
}


#sipBanka .bankaListele {
width: calc(100% - 0px);
margin-right: 0px;
float: none;
}
#sipBanka .bankaListele figure {
text-align: left;
}


}

@media print {

header,
.sayfaResim,
.anasayfaFiltre,
footer.footer,
.rezBaslik a,
button#btnPrint,
.rezBaslik .linkYazdir,
.detayUst,
.sagTemsilci,
.aracDetayGaleri2 .galeriIleri,
.aracDetayGaleri2 .galeriGeri,
.aracDetayGaleri,
.whatsappFooterButon,
.aracDetayGaleri2,
.rezervasyonAlani,
.aracDetaySayfasi.aracSatisSayfasi .detaySag .stdtyfiyat {
display: none;
}
.aracDetaySayfasi {
margin-top: 0px;
}
.icSayfa {
width: calc(100% - 40px);
max-width: calc(1180px - 40px);
height: auto;
position: relative;
overflow: hidden;
margin: 0px auto 0px auto;
padding: 0px 20px;
}
.rezBaslik h2 {
width: calc(100% - 0px);
float: none;
font-size: 22px;
}
.aracDetaySayfasi.aracSatisSayfasi .detaySol,
.aracDetaySayfasi.aracSatisSayfasi .detaySag {
width: 100%;
height: auto;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.aracDetayYazi {
width: calc(100% - 22px);
margin-top: 20px;
padding: 10px 10px;
font-size: 12px;
}

.ilanBilgileriDetay article {
height: 100%;
}
.ilanBilgileriDetay ul li {
width: calc(25% - 32px);
line-height: 1.8;
font-size: 12px;
display: flex;
align-items: flex-start;
flex-direction: column;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
margin-right: 0px!important;
padding-right: 10px;
}

.sagFiyatlar ul li, .sagBilgiler ul li {
width: calc(33.333% - 8px);
height: auto;
line-height: 1.4;
border-bottom: 1px solid #eaeaea;
margin-right: 10px;
float: left;
padding: 5px 0px;
}
.sagFiyatlar ul li, .sagBilgiler ul li:nth-of-type(3n) {
margin-right: 0px;
}

.sagFiyatlar ul li, .sagBilgiler ul li strong,
.sagFiyatlar ul li, .sagBilgiler ul li span {
width: 100%;
display: block;
}

.icSayfa.rezervasyonTamam .detaySag,
.detaySag {
width: calc(100% - 0px);
margin: 20px 0px 0px 0px;
}
.icSayfa.rezervasyonTamam .detaySol,
.detaySol {
width: calc(100% - 0px);
margin: 20px 0px 0px 0px;
}

.ortala {
width: 200px;
height: auto;
overflow: hidden;
display: block;
float: left;
}
.sagRezBilgi {
width: calc(100% - 242px);
}
img.rezFoto {
max-height: 140px;
}
.rezToplamFiyat {
width: auto;
padding: 0px 0px 0px 0px;
border-radius: 10px;
border: 0px;
background: #ffffff;
margin-top: 0px;
position: absolute;
display: inline-block;
top: 120px;
left: 0px;
}
.rezToplamFiyat h4 {
display: none;
}
.rezToplamFiyat ul li {
line-height: 22px;
margin-bottom: 5px;
color: #323232;
font-size: 14px;
}
.rezToplamFiyat ul li strong {
font-size: 14px;
}
.rezToplamFiyat ul li span {
font-size: 14px;
}

.sagRezBilgi div:nth-of-type(1n),
.sagRezBilgi div:nth-of-type(2n) {
width: calc(50% - 10px);
margin-bottom: 20px;
margin-right: 20px;
float: left;
}
.sagRezBilgi div:nth-of-type(2n) {
margin-right: 0px;
}
.sagRezBilgi div:nth-of-type(3n) {
width: calc(100% - 0px);
margin-right: 0px;
margin-bottom: 0px;
}
.sagRezBilgi div:nth-of-type(3n) p {
width: calc(33.333% - 0px);
float: left;
}

.sagFiyatlar ul li {
width: calc(33.333% - 0px);
height: 38px;
line-height: 38px;
overflow: hidden;
display: block;
position: relative;
border-bottom: 1px solid #eaeaea;
float: left;
}

.detaySag,
.detaySol {
margin-top: 0px;
}
.sagFiyatlar {
margin-top: 20px;
}
.sagBilgiler h2,
.sagFiyatlar h2 {
margin-bottom: 0px;
height: 36px;
line-height: 36px;
}


}