@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
body{background-color: #f3f4f5;}

    
.colorWhite {color: #FFF;}
.colorRed {color :#dd3333!important;}
.colorBlack {background-color :#222222!important;}
.mt-60 {    margin-bottom: 60px;}
/* banner */
.fMenu {width: 100%; height: 100%; opacity: 0; visibility: hidden; display: none;}
.h100p {height: 100%;}
.mobilMenu {text-align: center;}
.mobilMenu li {list-style-type: none; margin-bottom: 10px;}
.mobilMenu li a {color: #ffffff; text-transform: uppercase; font-weight: bold; font-size: 25px;}
.menu li{font-family: 'Open Sans Condensed', sans-serif; list-style-type: none;padding-right: 10px; float: left; padding-left: 10px;}
.menu li a{color:#f3f4f5; text-decoration: none;}
.menuBtn {display: none;border: none; background-color: transparent; color: #FFF; font-size: 30px; height: 45px; line-height: 0px;}
.menuBtn .openMenu {display: block; visibility: visible;}
.menuBtn .closeMenu { display: none; visibility: hidden;}
.menuBtn:focus {outline: none;}
.nav-open .fMenu {z-index: 25; position: absolute; opacity: 0.95; visibility: visible; background-color:#0c0c0c; display: block; }
.nav-open .menuBtn {position: relative; z-index: 30;}
.nav-open .menuBtn .openMenu{display: none; visibility: hidden;}
.nav-open .menuBtn .closeMenu{display: block; visibility: visible;}
.logo img{height: 40px; margin-top: 10px;}
.sosyal li{list-style-type: none;padding-left: 20px; float: left;}
.sosyal li a{color: #f3f4f5;text-decoration: none;}
.banner{padding-left: 0px;padding-right: 0px;height: 657px; }
.lh45{line-height: 45px;}
.unt {z-index: 50;position: absolute;}
.banner-boy {max-height: 868px;}
.bannerRes {height: 868px;}
.ikon{font-size: 45px; background-color: gray;width: 45px; height: 45px; text-align: center;  border-radius:50%;}
.mask {margin-bottom: 10px!important;z-index: inherit;position: absolute!important; width: inherit; left: 0; top: 0; right: 0; bottom: 0;  }
.mask .leftMask {width: 50%; height: 100px; position: absolute; bottom: -50px; left: 0; -webkit-transform: skew(0deg,6deg); transform: skew(0deg,6deg);background-color: #f3f4f5;}
.mask .rightMask {width: 50%; height: 100px; position: absolute; bottom: -50px; right: 0; -webkit-transform: skew(0deg,-6deg); transform: skew(0deg,-6deg); left: unset; background-color: #f3f4f5;}
/*  hakkımızda */
.hak{text-align: center; color:#222222;font-family: 'Open Sans Condensed', sans-serif; background-color:transparent; font-size: 18px; position: relative;  margin-top: -60px;  }
.hak-bas{text-align: center;padding-top: 70px; display: inline-block;margin-bottom: 40px; font-size: 28px; color: #dd3333; letter-spacing: 3px;}
.hak-bas span{border-bottom: 2px solid #222222;display:block;}
.detay{border-radius:25px; min-width: 150px;font-family: 'Open Sans Condensed', sans-serif; }
.cizgi{margin-bottom: 140px;}
.ucgen img {position: absolute;z-index: 60;margin-top:-70px; height: 150px;margin-left: 308px;margin-top: -50px; height: 100px;}
.btnCustom {background-color: #dd3333;color: #f3f4f5; }
.btnCustom:hover {border:2px solid #dd3333; background-color: #f3f4f5;color: #dd3333;}
.btnCustom:focus { outline: none; box-shadow:none;}
.aboutHide {display: none;}
.aboutShow {display: block;}
.sosyal ul {float: right;}
/* otomobil logoları  */
.otolog{ margin-top:45px; z-index: 50; background-color: #dd3333;padding: 10px;}
.otol{margin-top:45px; margin:0 auto; }
.carLogo {margin-bottom: -50px; z-index: 60; position: relative; padding-left: 0px;padding-right: 0px;}
.brandSlider img {width: 77px!important;}
/* hizmetler */
.hiz-rs{    background-attachment: fixed;background-image: url('../img/mercedes1.jpg'); background-size: cover;background-repeat: no-repeat;background-position: center; min-height: 550px;border-top: 5px solid #dd3333; padding-top: 90px;}
.hizmet-text{ text-align: center; color: #f3f4f5; font-family: 'Open Sans Condensed', sans-serif;display: inline-block; padding-bottom: 2px;border-bottom: 2px solid #f3f4f5; letter-spacing: 5px;}
.hizmet-text  span{border-bottom:2x solid #f3f4f5; display: block;position: absolute;}
.hizmet-item .card{padding-top: 15px;min-height: 240px; border-radius: 15px; background-color: #222222; color: #f3f4f5; text-align: center; font-family: 'Open Sans Condensed', sans-serif; margin-top: 50px;  }
.hizmet-item .card .card-text{display: none; visibility: hidden; }
.hizmet-item .card:hover .card-text {display: block; visibility: visible; }
.hizmet-kart .card:hover{background-color: #f3f4f5;color:#222222;font-family: 'Open Sans Condensed', sans-serif; display: block;}
.hizmet-kart{margin:0 auto;}
.hizmet-item .card-title{ letter-spacing: 3px; padding-top: 20px;}
.service_kemer span {background: url(../img/kemer1.png);background-size: cover;background-repeat: no-repeat;background-position: center;height: 100px;width: 200px;display: block; margin: 0 auto;}
.service_kemer:hover span {background: url(../img/kemer2.png); background-size: cover; background-repeat: no-repeat;background-position: center;height: 100px;width: 200px; display: block; margin: 0 auto;}
.torpido_icon span {background: url(../img/torpido1.png);background-size: cover;background-repeat: no-repeat;background-position: center; height: 100px; width: 100px;display: block; margin: 0 auto;}
.torpido_icon:hover span {background: url(../img/torpido2.png); background-size: cover; background-repeat: no-repeat;background-position: center;height: 100px;width: 100px; display: block; margin: 0 auto;}
.airbag_icon span {background: url(../img/airbag1.png);background-size: cover;background-repeat: no-repeat;background-position: center; height: 100px; width: 100px;display: block; margin: 0 auto;}
.airbag_icon:hover span {background: url(../img/airbag2.png); background-size: cover; background-repeat: no-repeat;background-position: center;height: 100px;width: 100px; display: block; margin: 0 auto;}
.cikmaAirbag span {background: url(../img/cikmaAirbag1.png);background-size: cover;background-repeat: no-repeat;background-position: center; height: 100px; width: 100px;display: block; margin: 0 auto;}
.cikmaAirbag:hover span {background: url(../img/cikmaAirbag2.png); background-size: cover; background-repeat: no-repeat;background-position: center;height: 100px;width: 100px; display: block; margin: 0 auto;}

/* istasitikler */
.istk-bas{ text-align: center; color: #dd3333; font-family: 'Open Sans Condensed', sans-serif;display: inline-block; padding-bottom: 2px;border-bottom: 2px solid #222222; letter-spacing: 5px; margin-top: 30px;}
.istk-bas  span{border-bottom:2x solid #222222; display: block; position: absolute;}
.istk-rov{margin-top: 45px;}
.istk-item .card{background-color: #222222;color: #f3f4f5; text-align: center; font-family: 'Open Sans Condensed', sans-serif;font-size: 24 px;}
.istk-item .card-title{letter-spacing: 5px; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px;}
.istk-item .card .istk-ikon{ color:#f3f4f5; text-align: center; font-size: 40px; padding-top: 25px;}
.cardCustom {margin: 0 auto; border-radius: 15px;}
/* müşteri yorumları */
.mus-ark{background-color: #dd3333;margin: 45px auto;}
.mus-yor{text-align: center; color: #f3f4f5; font-family: 'Open Sans Condensed', sans-serif;display: inline-block; padding-bottom: 2px;border-bottom: 2px solid #222222; letter-spacing: 5px; margin-top: 30px;}
.mus-yor  span{border-bottom:2x solid #222222; display: block; position: absolute;}
.mus-text .item p{text-align: center;color: #f3f4f5; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; margin-top:40px;}
.mus-text .item .item-baslik{font-size: 26px; letter-spacing: 3px;}
.mus-yorum{margin-bottom: 20px;}
.owl-dot.active span {background-color: #222222!important;}
.owl-dot span {width: 15px!important;height: 15px!important;}
/* iletişim */
.iletisim{margin-top: 45px;}
.iletisim-kart .card{background-color: #222222; color: #f3f4f5;  font-family: 'Open Sans Condensed', sans-serif;font-size: 20px;text-align: center;  text-decoration: none; max-height: 150px;}
.iletisim-kart .card .iletisim-ikon{font-size: 40px; padding-top: 30px;}
.iletisim-kart .card a{color:#f3f4f5;}
.iletisim-kart .card a:hover{text-decoration: none;}
.ileh{min-height: 150px; margin:0 auto; border-radius: 15px;}
/* harita */
.harita{margin-top: 45px;}
.harita .harita-if{width:100%; }
/* alt kısım */
.alt_kisim{font-family: 'Open Sans Condensed', sans-serif; padding: 5px;margin-bottom: -15px; font-size: 20px;text-align: center; color: #222222; }
.alt_kisim1{border-top: 2px solid #22222259; }
.alt_kisim a:hover {text-decoration: none;}
.anka{color:#dd3333; font-family: 'Open Sans Condensed', sans-serif;font-size: 20px;}
/* Ürünler Page */
.productCard {    border-radius: 20px;
    overflow: hidden;background-color: #222222;color: #f3f4f5; text-align: center; font-family: 'Open Sans Condensed', sans-serif; margin-top: 50px;margin-bottom: 50px;}
.productCard img{height: 300px;}
.productCard .card-yazi {float: left;}
.productCard .card-fiyat {font-size: 40px;float: right;}

/* Yukarı Çık */

.car-top { width: 85px; position: fixed; bottom: -180px; right: 30px; z-index: 9999; opacity: 1; cursor: pointer; }
.car-top.show { bottom: 5% !important; -webkit-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; }
.car-top.car-run { bottom: 100% !important; -webkit-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; }
.car-top.car-down { -webkit-transition: 1.0s; -ms-transition: 1.0s; -o-transition: 1.0s; -moz-transition: 1.0s; transition: 1.0s; }
.car-top:before, .car-top:after { content: ""; position: absolute; -o-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; opacity: 0; }
.car-top:hover:before, .car-top:hover:after, .car-top.car-run:before, .car-top.car-run:after { opacity: 1; }
.car-top:before, .car-top.car-run:before { top: -1px; left: 0px; width: 85px; height: 89px; background: url(../img/car-focus.png) no-repeat 0 0; }


.productA {    position: absolute!important;
    color: #222222;
    z-index: 500;
    bottom: 250px;
    left: 100px;
    padding: 10px;
    height: 100px;
    background-color: #f3f4f5;
    border-radius: 5px;}
.carousel-caption {
    bottom: 42%!important;
    padding-top: 0px; 
    padding-bottom: 0px;
}
.productPage {color: #ffffff;}
.productPage:hover {color: #ffffff;text-decoration: none;}
.productPage h3 {font-size: 45px;}
/* İphone 5 */
@media (max-width: 346px) {
    .cardCustom {margin-bottom: 20px;}
    .ileh {margin-bottom: 20px;}
    .hiz-rs {padding-bottom:90px;}
    .bannerRes {height: 450px;}
    .cizgi{margin-bottom: 85px;}
    .menu ul {display: none;}
    .menuBtn {display: block;}
    .logo img {height: 30px; margin-top: 0px;}
    .sosyal {    max-height: 40px;
        border-bottom: 2px solid #f3f4f540;}
    .logo a {float: right;}
    .sosyal ul {float: right;}

}

@media (min-width: 346px) and (max-width: 576px) {
    .cardCustom {margin-bottom: 20px;}
    .ileh {margin-bottom: 20px;}
    .hiz-rs {padding-bottom:90px;}
    .bannerRes {height: 450px;}
    .cizgi{margin-bottom: 85px;}
    .menu ul {display: none;}
    .menuBtn {display: block;}
    .logo img {height: 30px; margin-top: 0px; }
    .sosyal { max-height: 40px;  border-bottom: 2px solid #f3f4f540;}
    .logo a {float: right;}
    .sosyal ul {float: right;}

}

@media  (min-width: 576px) and (max-width: 768px) {
    .cardCustom {margin-bottom: 20px;}
    .ileh {margin-bottom: 20px;}
    .hiz-rs {padding-bottom:90px;}
    .cizgi{margin-bottom: 75px;}
    .bannerRes {height: 600px;}
    .menu ul {display: none;}
    .menuBtn {display: block;}

}

@media  (min-width: 768px) and (max-width: 992px) {
     .ileh{margin-top: -15px; max-height: 185px!important; min-height: 185px!important;}
    .hiz-rs {padding-bottom:90px;}
    .bannerRes {height: 650px;}
    .cizgi{margin-bottom: 70px;}
    .menu ul {display: none;}
    .menuBtn {display: block;}
    .sosyal ul {float: right!important;}
}
 
@media (min-width: 992px) and (max-width: 1200px) {
     .bannerRes {height: 750px;}
     .cizgi{margin-bottom: 70px;}
     .sosyal ul {float: right!important;}

}