﻿/* --------------------------------------------------------
--- B2 Yazilim A.S.
--- www.b2yazilim.com
--------------------------------------------------------*/


/* GENERAL
--------------------------------------------------------*/
.red { color: #CC0000; }
.backButton { display: inline-block; width: 114px; padding: 18px 0px 14px 14px; margin-top: 36px; background-image: url(/images/icons/back-btn-arrow.png); background-repeat: no-repeat; background-position: 10px 13px; text-decoration: none; background-color: #071689; color: #FFF; font-size: 14px; font-weight: 600; border-radius: 4px; text-align: center; }

.form input[type="text"], .form input[type="password"], .form input[type="file"], .form input[type="radio"], .form textarea, .form .input,
#ContactContent .Col #FormWrapper input,
#ContactContent .Col #FormWrapper .Phone select,
#ContactContent .Col #FormWrapper textarea,
.form .dropdown select,
#OdemeSecCont .Left .FieldValue input,
#OdemeSecCont .Left .FieldValue select { color: #555; font-size: 15px; }
/*#ContactContent .Col #FormWrapper input { padding: 15px 22px; }*/
.scrollTop { display: none; }

/* Loading */
.general-loading { position: fixed; width: 100%; height: 100%; z-index: 1100; left: 0px; right: 0px; top: 0px; bottom: 0px; display: none; }
.general-loading-anim { position: absolute; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 150px; height: 100px; z-index: 1099; /*background-color: #FFF; border-radius: 5px;
    -webkit-box-shadow: 0px 0px 16px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 16px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 16px 0px rgba(50, 50, 50, 0.5);
    */ }
.general-loading-bg { position: absolute; z-index: 1098; width: 100%; height: 100%; background-color: #000; opacity: 0.5; top: 0px; }


/* HEADER
--------------------------------------------------------*/
/* Search */
#OrangeBar #SearchWrapper #SearchBox input[type="submit"] { float: right; background-color: #fe5e00; color: #FFF; font-family: 'Fira Sans', sans-serif; font-size: 13px; font-weight: 600; border: none; border-radius: 3px; outline: none; cursor: pointer; padding: 6px 8px 4px 8px; margin-top: 7px; margin-right: 6px; }
.Safari #OrangeBar #SearchWrapper #SearchBox input[type="submit"],
.Safari.MacOS #OrangeBar #SearchWrapper #SearchBox input[type="submit"],
.Chrome.MacOS #OrangeBar #SearchWrapper #SearchBox input[type="submit"] { margin-top: 5px; }
#TopMenu { font-size: 12px; }


/* CONTENT
--------------------------------------------------------*/
#CarListResults .slick-slider .slick-list { height: 150px; }
#SimilarCarWrapper .CarContent { margin: 10px 0px 5px 0px; }
#SimilarCarWrapper .CarItem { height: 325px; }
#BrandCarList .CarItem { height: 315px; }
#DealerCarList .CarItem { height: 310px; }
.CarCarousel .slick-list { height: auto; }
.form .time { display: inline-block; padding: 15px 0px; }
.gsm-confirm .popupTitle > div > div { background-color: transparent; }

/* Loading Bar */
.loading-bar { width: 100%; height: 3px; opacity: 0.20; margin: auto; 
    background-image: url("data:image/gif;base64,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");
}
.loading-bar-hide { background-image: none; }

/* Mask */
.mask { background-position: center; background-size: cover; }

/* Search */
#FilterSearch .CollapseContent { padding: 18px 24px 16px 24px; }
.search { position: relative; }
.search .dropdown { width: 100%; }
.search .searchStogaGirisTarihi { width: 100%; }
/*.notFoundBody { position: absolute; left: 65px; bottom: -150px; }*/

/* Photo Gallery */
#CarGalleryCont { overflow: hidden; }
#CarGallery { width: auto; height: 100%; }

/* Credit */
#OdemeSecCont .Left .FieldValue input { width: 100%; }
.paymentTable { border: 0px; }
.paymentTable td { border: 0px; }
.paymentTable > tbody > tr > th,
.paymentTable > tbody > tr > td { border: 2px solid #FFF; }
.paymentTable .paymentTablePage td { background-color: transparent !important; border: 0px !important; }
.paymentTable .paymentTablePage td table { margin: auto !important; width: auto !important; }
.paymentTable .paymentTablePage > td > table { margin: 0px auto; width: auto; border-style: hidden; background-color: transparent; }
.paymentTable .paymentTablePage > td > table tr { background-color: transparent !important; }
.paymentTable .paymentTablePage > td > table tr td { border-style: hidden; }
.paymentTable .paymentTablePage > td span { display: block; color: #fe5e00; padding: 3px 10px; cursor: default; font-weight: bold; margin: 2px; }
.paymentTable .paymentTablePage > td a { display: block; color: #555; padding: 3px 10px; margin: 2px; text-decoration: none; }
.paymentTable .paymentTablePage > td a:hover { color: #111; }
.paymentTable .paymentTablePage > td { text-align: center !important; }
.paymentTable .paymentTablePage table { border: 0px; }
.paymentTable .paymentTablePage td { padding-left: 0px !important; border: 0px !important; }
.paymentTable .paymentTablePage table { display: inline-block !important; }
.paymentTable .paymentTablePage table tr { border: 0px !important; }
.paymentTable .paymentTablePage table tr td { display: inline-block !important; }
.paymentTable .paymentTablePage td:before { content: '' !important; padding-left: 0px !important; }

/* Car Detail */
.CarCartContent #TaksitTable td { padding-left: 31px; }
#SellerInfo a { color: #555; text-decoration: none; }
#SellerInfo a:hover { color: #fe5e00; }
#Pagination a { cursor: pointer; }
.DonanimList li { width: 145px; }
#SellerBtn { cursor: pointer; }
.calculateCredit .creditText { font-size: 12px; display: block; margin-top: 20px; font-weight: bold; }
#CarInfo td { text-transform: capitalize; }
.CarCartContent #CarInfo tr:first-child { font-weight: normal; }
.TextBigFont strong { font-size: 16px; }
.PhoneNoWrapper a { cursor: pointer; }

/* Popup */
.popupMain .Title { font-size: 30px; font-weight: 600; color: #fe5e00; }
.PopupContent .button,
.PopupContent input[type="text"] { width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.popupBody .popupFix > div { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.paymentPopup { top: 0px; left: 0px; position: fixed; }

/* İkinci El Alım Rehberi */
#RehberGallery a { color: #FFF; text-decoration: none; }
#RehberGallery a:hover { color: #F0F0F0; }
/*
#RehberHomeContent .Right .Box .Content { padding-top: 5px; }
#RehberHomeContent .Right .Box.Top .Content { bottom: auto; top: 88px; }
*/
#RehberHomeContent .Top .Image a { display: inline-block; overflow: hidden; width: 100%; height: 200px; }
#RehberHomeContent .Top .Image a img { width: auto !important; height: 100%; }

/* Formlar */
/*.PopupContent input[type="password"] { color: #b3b3b3; outline: none; border:2px solid #FFF; padding: 14px 0px 14px 18px; margin-bottom: 20px; width: 362px; }*/

/* Markalar */
.markList li a { display: inline-block; border: 1px solid #E0E0E0; padding: 1px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.markList li a:hover { opacity: 0.7; }
.popupModelContent,
.popupModelContent div,
.popupModelContent span,
.popupModelContent p { color: #999; }
#BrandWrapper .Link { cursor: pointer; }
#BrandWrapper #List .Box h2 a { color: #FFF; text-decoration: none; }

/* Profil */
#ProfileForm .FieldValue textarea { width: 75%; font-family: 'Fira Sans', sans-serif; font-size: 14px; font-weight: 500; color: #646464; opacity: 0.6; outline: none; border: none; margin-left: 20px; margin-top: 16px; }
.user-ddl { width: 100% !important; background-position: -20px 0px; }

/* Mask */
.carousel-item { display: inline-block; width: 263px; height: 150px; background-size: cover; background-position: center; }
#BrandCarList .carousel-item { width: 276px; }
#SimilarCarWrapper .carousel-item { width: 265px; }

/* Forms */
.Block { margin-bottom: 10px; }

/* Yetkili Satıcılar */
.DealerItem .Info td { white-space: nowrap; }

/* Ana Sayfa H1 */
#HomeAnimationWrapper h1 { margin: 0px; }

/* Marka / Model Sayfası H2 */
#BrandWrapper h2 { font-size: 20px; margin-top: 37px; }

/* CustomCheck */
.CustomCheck span { display: inline-block; }
.CustomCheck span [type="checkbox"] { display: inline-block; margin: 10px 5px 5px 0px !important; width: auto !important; }
.CustomCheck span label { display: inline-block; margin-right: 15px; color: #999; font-size: 14px; }

/* Inputs */
[readonly="readonly"] { background-color: #F5F5F5; }

/* Buttons */
.button-input { margin: 0px !important; padding: 19px 22px !important; text-decoration: none; }
.Btn { cursor: pointer; }

/* Üyelik */
.sozlesme-bullet { margin-top: 10px !important; }
.uyelik-iptali { text-decoration: none; display: block; text-align: center; color: #C0C0C0; }
.uyelik-iptali:hover { color: #111; }

/* Çerçeve */
.cerceve { display: inline-block; padding: 10px; border: 1px solid #999; }

/* Rehber / Haber Slider */
#RehberSlider .Box .Image,
#HaberSlider .Box .Image { height: 155px; }

/* Ana Sayfa İçerik */
.anasayfaDetay { display: none; }

/* Owl Carousel */
.grabbing { cursor: move; }

/* Araç Detay Kredi Butonları*/
#OdemeSecCont .Left .KrediBtn { width: 45% !important; color: #FFF !important; font-size: 14px !important; padding: 8px 0px 6px 0px !important; white-space: unset !important; vertical-align: top !important; }

/* Araç Detay Popup Iframe */
@media (max-width: 1100px) {
    .popupWindow { width: 100% !important; }
}
@media (max-width: 760px) {
    .popupWindow,
    .popupWindow .popupContent,
    .popupMain .popupWindow .popupContent>.popupFix { height: 500px !important; }
}

/* Radio Button TekSatir */
.tekSatir li { width: 100% !important; }

/* Custom UL-List */
#FiyatTeklifWrapper .Standart .ListWrapper ul { width: 100%; }
#FiyatTeklifWrapper .Standart .ListWrapper ul li { display: inline-block; vertical-align: top; width: 490px; }
#FiyatTeklifWrapper .checkboxList li label { text-overflow: ellipsis; overflow: hidden; width: 90%; white-space: nowrap; }
#FiyatTeklifWrapper .loading-bar { max-width: 770px; }

/* Aracımı Fiyatla */
#FiyatTeklifWrapper #RadioButtons span { font-size: 13px; }
#FiyatTeklifWrapper #RadioButtons span > span { font-size: inherit; display: inline-block; background-image: none; padding-left: 0px; margin-bottom: 0px; color: #001588; cursor: pointer; }
#FiyatTeklifWrapper #RadioButtons span > span:hover { color: #0320bd; }


/* FOOTER
--------------------------------------------------------*/
/*#FooterMarkalar { font-size: 9.8px; }*/


/* RESPONSIVE
--------------------------------------------------------*/
@media only screen and (max-width: 1170px) {
}

@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 780px) {
    .form .columnEmpty { display: none; }
    .form .marginRight { margin: 0px 0px 5px 0px; }
}

@media only screen and (max-width: 750px) {
    /* Custom UL-List */
    #FiyatTeklifWrapper .checkboxList li { width: 100%; }
    #FiyatTeklifWrapper .checkboxList li label { text-overflow: initial; overflow: auto; width: 100%; white-space: normal; }
}

@media only screen and (max-width: 530px) {
    /* Kampanya */
    #Btn input { width: 100%; }

    /* Custom UL-List */
    #FiyatTeklifWrapper .Standart .ListWrapper ul li,
    .form .checkboxList li { width: 100%; }
}