﻿/* --------------------------------------------------------
--- B2 Yazilim A.S.
--- +90 (212) 320 7356
--- www.b2yazilim.com
--- info@b2yazilim.com
--------------------------------------------------------*/


/* GENERAL
--------------------------------------------------------*/
.carPrice { font-style: normal; }
.carDetailMenu .widget-title { margin-bottom: 10px; }
.carDetailMenu .bayiAdi { text-align: center; font-size: 18px; }
.carDetailMenu .sosyalMedyaMenu li { display: block; }
.carDetailMenu .sosyalMedyaMenu li a { background: none; line-height: normal !important; display: block; height: auto; margin-bottom: 1px; 
    background-color: #f0f0f0; color: #555 !important; padding: 10px 16px; text-shadow: none !important; font-weight: normal;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.carDetailMenu .sosyalMedyaMenu li a:hover { background-color: #000; color: #FFF !important; }
.carDetailMenu .sosyalMedyaMenu li a i { width: 16px; }


/* TITLE
--------------------------------------------------------*/
.pageTitle {  }
.pageTitle h2 { margin: 0px; padding: 0px; }
.pageTitle hr { margin: 5px 0px 20px 0px; }


/* DEALER INFORMATION
--------------------------------------------------------*/
.dealerInformation {  }
.dealerInformation h3 { margin: 0px; padding: 0px; }
.dealerInformation #mapCanvas { width: 100%; height: 133px; }


/* TEKNIK OZELLIKLER
--------------------------------------------------------*/
.teknikOzellikler li { padding: 5px; }
.teknikOzellikler li > div:first-child { font-weight: bold; }
.teknikOzellikler li:nth-child(2n+1) { background-color: #F0F0F0; }


/* TESCIL BILGILERI
--------------------------------------------------------*/
.tescilBilgileri li { padding: 5px; }
.tescilBilgileri li > div:first-child { font-weight: bold; }
.tescilBilgileri li:nth-child(2n+1) { background-color: #F0F0F0; }


/* 3D EKSPERTIZ
--------------------------------------------------------*/
#threesixty { position:absolute; overflow:hidden; width:532px; height:375px; }
#threesixty_images { display: none; }
#threesixty img { position:absolute; top:0; width:100%; height:auto; }
.current-image { visibility:visible; width:100%; }
.previous-image { visibility:hidden; width:0; }
#spinner { position:absolute; left:50%; top:0%; width:90px; height:90px; margin-left:-45px; 
    margin-top:-50px; display:none; }
#spinner span { position:absolute; top:50%; width:100%; color:#333; font:0.8em Arial, Verdana, sans; 
    text-align:center; line-height:0.6em; margin-top:-0.3em; }
#threesixty ol { list-style-type: none; margin:0px; padding:0px; }
#threesixty .previous-image, 
#threesixty .current-image { top: -50px; }

.ekspertizIcon > ul > li > ul { width: 150px; margin-bottom: 5px; cursor: default; }
.ekspertizIcon > ul > li > ul img { margin-right: 5px; }

.ekspertiz3B { position: relative; width: 565px; height: 375px; margin: auto; }
.ekspertiz3B img { top: -50px; }


/* MOBIL ERISIM
--------------------------------------------------------*/
.mobilErisim {  }
.mobilErisim span { display: block; }
.mobilErisim .mobilIcon { margin-right: 10px; display: inline-block; }

.mobilErisim .table, .mobilErisim .table .cell { display: block; }


/* SHARE
--------------------------------------------------------*/
.share {  }
.share li { margin-bottom: 5px; width: 100%; }
.share li a { width: 100%;
    -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/* DONANIMLAR
--------------------------------------------------------*/
.donanimlar .donanimDetayDiv {  }
.donanimlar .donanimDetayDiv h4 { margin: 0px 0px 5px 0px; font-size: 16px; }
.donanimlar .donanimDetayDiv i { font-size: 8px; color: #888; margin-right: 7px; }
.donanimlar .donanimDetayDiv > ul { margin-bottom: 10px; }
.donanimlar .donanimDetayDiv > ul > li { margin-right: 15px; min-width: 350px; }


/* CREDIT CALCULATE
--------------------------------------------------------*/
.calculateCredit .resultText label { font-weight: bold; }
.calculateCredit .resultText table { width: 100%; }
.calculateCredit .resultText table tr:nth-child(2n+1) { background-color: #F0F0F0; }


/* PERSONEL
--------------------------------------------------------*/
.satisDanismanlari .table { border: 1px solid #F0F0F0; margin-right: 15px; margin-bottom: 12px; width: 257px; }
.satisDanismanlari .table .cell { padding: 4px 8px; }
.satisDanismanlari .table .cell img { width: 60px; max-width: none; }
.satisDanismanlari .table .cell .perAdi { font-weight: bold; }
.satisDanismanlari li:last-child .table { margin-right: 0px; }


/* RESPONSIVE
--------------------------------------------------------*/
@media (max-width: 998px) {
    
}

@media (max-width: 850px) {

}

@media (max-width: 780px) {
    .donanimlar .donanimDetayDiv > ul > li { min-width: initial; }

    .teknikOzellikler .column6 ul,
    .tescilBilgileri .column6 ul { margin: 0px; }
    .teknikOzellikler .column6,
    .tescilBilgileri .column6 { margin-top: 10px; }
}

@media (max-width: 450px) {
    .donanimlar .donanimDetayDiv > ul > li { width: 100%; }

    .satisDanismanlari .table { width: 100%; margin-right: 0px; }
    .satisDanismanlari .table .cell { padding: 2px 6px; }
    .satisDanismanlari .table .cell img { width: 30px; }
}