@import url('bootstrap.min.css');
@import url('fontawesome.all.min.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.maximage.min.css');
@import url('royalslider.css');
@import url('rs-minimal-white.css');

body { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000;}
html { scroll-behavior: smooth;}
a:hover { text-decoration: none;}
.btn.focus, .btn:focus { box-shadow: none;}

#return-to-top { position: fixed; bottom: 90px; right: 30px; background: #84754d; width: 40px; height: 40px; text-decoration: none; display: none; border-radius: 10px; z-index : 999; }
#return-to-top i { font-size: 25px; color: #fff; position: relative; margin: 0; left: 9px; top: 7px; }

.navbar { background-color: #000; border-bottom: 3px solid #d8c137; height: 90px;}
.navbar-nav .nav-link { font-family: 'Sumana', serif; font-size: 16px; color: #fff!important; text-transform: uppercase;}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover { color: #d8c137!important;}
a.navbar-brand > img { top: -40px; z-index: 3;}

.navbar-toggler.animate { border: 0; padding: 0; width: 35px; }
.navbar-toggler.animate:after, .navbar-toggler.animate:before, .navbar-toggler.animate > span { content: ''; display: block; background-color: #d8c137; height: 5px; margin: 5px 0; border-radius: .25rem; transition: all .2s ease-in-out;}
.navbar-toggler.animate.active:before { transform: translateY(10px) rotate(135deg); }
.navbar-toggler.animate.active:after { transform: translateY(-10px) rotate(-135deg); }
.navbar-toggler.animate.active > span {transform: scale(0); }

.dropdown-menu { background: #000; border-radius: 0; padding-bottom: 0;}
.dropdown-item { font-family: 'Sumana', serif; color: #fff!important; border-bottom: 1px solid #d8c137; padding: 0.55rem;}
.dropdown:hover>.dropdown-menu { display: block;}
.dropdown-item:focus, .dropdown-item:hover { background: transparent; color: #d8c137!important;}

.sosyal-medya { position: absolute; z-index: 2; right: 0; width: 15%; height: 28px; background: #d8c137; padding-right: 40px;}
.sosyal-medya:before { position: absolute; content:"";  width: 80px; height: 28px; left: -30px; background: url('../img/sosyal-bg.png') no-repeat left top;}
.sosyal-medya a { width: 23px; height: 23px; border-radius: 23px; display: inline-block; border: 2px solid #000; color: #000; text-align: center; font-size: 13px; margin-right: 5px;}

.header-banner-baslik { position: absolute; top: -35px; z-index: 2; left: 0; width: 35%; height: 35px; line-height: 35px; background: #d8c137; padding-right: 80px; font-size: 20px; text-transform: uppercase;}
.header-banner-baslik:before { position: absolute; content:"";  width: 80px; height: 35px; right: -55px; background: url('../img/sayfa-baslik-bg.png') no-repeat right top;}

.nav-alan { height: 35px; background-color: rgba(0, 0, 0, 0.3);}
#promonav a { width: 20px; height: 20px; float: left; margin: 0 5px; padding: 1px 0 0 4px; text-decoration:none; outline: 0; color:#fff; font-size:10px; background:url(../img/nav-yeni.png) no-repeat; }
#promoindex a.activeSlide { background:url('../img/nav-active-yeni.png'); color:#d8c137;}

.anasayfa-fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030;}
.anasayfa-tanitim{ min-height: 116px; border-top:3px solid #d8c137; background: #000;}
.anasayfa-tanitim a { font-family: 'Sumana', serif; font-size: 17px; line-height: 25px; color: #d8c137;}
.anasayfa-tanitim p { height: 63px; overflow: hidden; box-sizing: border-box; font-size: 12px; color: #fff; line-height: 15px;}
.anasayfa-tanitim img { margin-top: -10px;}

.personel-table tr th{ color: #fff; background: #575757; border: 1px solid #8c8c8c;}
.calisma-baslik { background: #d8c137;}

.filtre-alan { background: #a47c48;}
.filtre-alan .form-control { height: 50px;}
.filtre-btn { width: 155px; height: 50px; font-size: 20px; color: #fff; background: url(../img/filtre-bg.png) no-repeat;}

.arac-marka { display: inline-block; overflow: hidden; position: relative;}
.arac-marka img { text-align: center; margin: 0 auto; transform: scaleY(1); transition: all .7s ease-in-out;}

.arac-marka .marka-kapsa { color: #000; padding: 10px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fefefe; transition: all 0.5s linear; opacity: 0;}
.arac-marka .marka-baslik { font-size: 22px; border-bottom: 1px solid #dcdddd;}
.arac-marka:hover span { transform: scale(1); opacity: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.arac-marka:hover a > img { -webkit-transform: scale(10); transform: scale(10); opacity: 0;}
.arac-marka .marka-sayi { width: 28px; height: 28px; line-height: 28px; border: 1px solid #dcdddd; font-size: 16px; display: inline-block; background: #d8c137; color: #000; border-radius: 100%;}

.arac-liste-gorsel { box-sizing: border-box; border-bottom: 1px solid #d8c137; overflow: hidden; position: relative;}
.arac-liste-gorsel img { -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease;}
.arac-liste-gorsel:before { content: ''; position: absolute; left: 50%; right: 50%; bottom: 0; opacity: 0; height: 7px; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; background: transparent; z-index: 1;}
.arac-liste-gorsel:hover:before { opacity: 1; left: 0 ; right: 0; background: #d8c137;}
.arac-liste:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.arac-liste .card-title { height: 85px; font-size: 14px; overflow: hidden;}
.arac-liste span.portfoy { color: #D8C137;}
.arac-ozellik-list div:nth-child(2) { color: #000;}
.arac-ozellik-list div:last-child { color: #5c5c5a;}
.detay-ozellik-btn .btn { width: 185px; height: 46px; line-height: 33px; font-size: 13px; color: #000; background: #d8c137;}
.detay-ozellik-btn .btn img { filter: brightness(0) saturate(100%);}
.detay-ozellik-btn .btn:hover img { filter : none;} 
.detay-ozellik-btn .btn:hover { background: #000; color: #d8c137; }
#haber-ver-btn:hover { background: #d8c137}

.ekspertiz-renk { display: inline-block; width: 22px; height: 22px; border-radius: 50%;}

#arac-foto { padding: 120px 0;}
#donanim { padding: 120px 0;}
#ekspertiz { padding: 120px 0;}

.tramer_yerlesim { height: 300px; margin:0 0 80px 0; overflow: hidden; position: relative;}
.tramer-sol{ width: 60%; height: 300px; padding: 0 230px 0 0; position:absolute; z-index:3; left:0; box-sizing: border-box; background:url('../img/tramer_solbg.png') no-repeat center right;}
.tramersol_aciklama_alan{ height: 300px; background: #000;}
.tramer-sag { width: 60%; height: 300px; position: absolute; z-index:1; right:0; overflow:hidden;}
.tramer-sagbg { height: 300px; background-repeat: no-repeat; background-position: center center;}
.tramerbg-cerceve { width: 100%; height: 100%; position: absolute; background:url('../img/tramerbg_cerceve.png');}
.tramer_aciklama_yerlesim { width: 490px; height: 300px; position: relative; z-index:4;}
.tramer_baslik { padding: 60px 0 0 0; font-size: 34px; color:#d8c137;}
.tramer_aciklama { padding: 80px 0 0 0; font-size:30px; color:#fff; font-weight:300; line-height:40px;}

.border-bottom-fiyat { border-bottom: 1px solid #d8c137!important;}
.karsilastir-btn { background: #845422; height: 40px; line-height: 25px; font-size: 12px; color: #fff; cursor: move; border-bottom-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 0; border-top-left-radius: 0;}
.detay-btn { background: #D8C137; width: 45px; border-top-left-radius: 50px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.incele-btn { height: 50px; line-height: 45px; padding: 0 50px; display: inline-block; font-size: 22px; color: #000; background: #d8c137;}

#sigorta-form { background: #ff7e47;}
#sigorta-form button { background: #d33f01; height: 50px;}

.iletisim { font-size: 16px; color: #000;}
.iletisim-baslik { font-size: 20px; color: #000; line-height: 25px;}

.kampanya-liste:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}
.kampanya-liste .card-title { height: 30px; font-size: 14px; overflow: hidden;}
.kampanya-detay-baslik h1 { height: 46px; line-height: 46px; background: #000; padding: 0; position: relative; font-size: 20px; font-weight: bold;}
.kampanya-detay-baslik h1 span { position: absolute; top: 0; left: 0; color: #000; height: 46px; line-height: 46px; padding: 0 50px; display: inline-block; background: #d8c137 url('../img/hizmet-baslik-bg.png') top right no-repeat;}
.kampanya-detay-fiyat { font-size: 24px; font-weight: bold; color: #000;}

#sssAccordion .card-header { font-size: 16px; color: #000; background: #CBB533; border-bottom: 2px solid #fff!important; }
#sssAccordion .card-header i { font-size: 14px;}
#sssAccordion .card-body { font-size: 14px; color: #6d6d6d;}

.karsilastirma_surukle{position:absolute;bottom:0;left:16px;z-index:100;cursor:move;width:100px;height:39px;background:url(../img/arac_karsilastir_btn.png) no-repeat;}
.aracliste_yerlesim:hover .karsilastirma_surukle{display:inline-block;}
.karsilastir_kapsayici{position:fixed;z-index:5;top:200px;right:0;}
.karsilastir_btn{}
.karsilastir_icerik{width:0;background:#d8c137}
#karsilastir{position:relative;padding:5px;width:150px;height:169px;margin:10px 10px 10px 0;border:1px dotted #837209;}
#karsilastir_msg{margin-top:50px;font-size:14px;}
#karsilastir ul{}
#karsilastir ul li{margin:5px 0;}
#karsilastir ul li .karsilastir_resim{width:30px;margin-right:5px;}
#karsilastir ul li .karsilastir_arac{width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#karsilastir ul li .karsilastir_kaldir a{color:#000;font-weight:bold;font-size:20px;}
#karsilastir ul li .karsilastir_kaldir a:hover{color:#333;}
#karsilastir_sonuc{position:absolute;bottom:5px;left:5px;right:5px;}
#karsilastir_sonuc a{display:block;padding:2px;background:#000;color:#fff;}
#karsilastir_sonuc a:hover{background:#333;}

.sayfa-basliklar { font-size: 30px; color: #000; line-height: 25px;}
.sayfa-basliklar.ilgili-baslik { position: relative; font-size: 24px; line-height: 30px;}
.sayfa-basliklar.ilgili-baslik span:before { position: absolute; z-index: 2; content:""; left: 0; top: 13px; background: #d8c137; width: 250px; height: 2px}
.sayfa-basliklar.ilgili-baslik span:after { position: absolute; z-index: 2; content:""; right: 0; top: 13px; background: #d8c137; width: 250px; height: 2px}
.sayfa-basliklar.ilgili-baslik span { position: relative;  width: 100%; display: inline-block; background: url('../img/ad_benzerbaslikbg.png') no-repeat center center #fff;}
.form-baslik { font-size: 20px; color: #000; line-height: 25px;}
.form-control { border: 1px solid #939292; color: #a7a7a7; height: 50px; border-radius: 0; font-size: 14px;}
.gonder-btn { background: #d8c137;}

.btn-groups .btn { background: transparent; font-size: 14px; color: #545454; border: 1px solid #000;}
.btn-groups .active { background: #d8c137; color: #000; font-weight: bold;}

footer { background: #000; border-top: 3px solid #d8c137; margin-top: 50px;}
footer p { color: #6d6d6d; font-size: 11px;}

.bg-gold { background: #d8c137;}
.bg-orange { background: #d33f01;}
.bg-light-gray { background: #ebebeb;}
.bg-gray { background: #d2d2d2;}
.text-black { color: #000;}
.text-gold { color: #b7a225;}
.text-red { color: red;}


@media (min-width: 1920px) {

}

@media (max-width: 575.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 991.98px) {
	.navbar { height: auto;}
	.navbar-nav { text-align: center; padding-top: 80px;}
	.nav-link { padding: 0.35rem 1rem; border-bottom: 1px solid #d8c137;}
	.dropdown-menu { padding: 0; margin: 0;}
	.dropdown-item { text-align: center;}
	a.navbar-brand > img { top: -40px;}
	.anasayfa-fixed-bottom { position: relative; z-index: 2;}
	.anasayfa-tanitim .col-lg-3 { border-bottom: 1px solid #D8C137;}
	.anasayfa-tanitim img { margin-top: 0;}
	.header-banner-baslik { width: 100%; text-align: center!important; padding-right: 0;}
	.header-banner-baslik:before { display: none;}
	.sosyal-medya { position: relative; z-index: 9999; width: 100%; height: 40px; padding-top: 10px; padding-right: 0;}
	.sosyal-medya:before { display: none;}
	.karsilastir-btn { display: none;}
	.sayfa-basliklar { font-size: 26px;}
	.sayfa-basliklar.ilgili-baslik span:before { width: 100%; top: 65px;}
	.sayfa-basliklar.ilgili-baslik span:after { display: none;}
	.detay-ozellik-btn .btn { width: 100%; margin-bottom: 5px;}
	.btn-groups { text-align: center;}
	.btn-groups .btn { width: 50%; margin-bottom: 10px;}
}