#masterContent { margin-bottom: 30px; color: #717171; overflow: hidden; }
    #masterContent .icerik h1, #masterContent .icerik h2, #masterContent .icerik h3, #masterContent .icerik h4, #masterContent .icerik h5, #masterContent .icerik h6 { color: #af2c36; }
    #masterContent .icerik h4 { color: #656868; }
    #masterContent .icerik p { min-height: 10px; }
    #masterContent .icerik a { color: #af2c36; }

#masterImg { background: #af2c36; position: relative; height: 305px; overflow: hidden; }
#masterImg.smallMaster{height:180px}
    #masterImg > img { object-fit: cover; height: 100%; width: 100%; }
    #masterImg:after { content: ''; width: 100%; opacity: .5; z-index: 3; height: 100%; position: absolute; left: 0; bottom: 0; background: rgba(212,228,239,0); background: -moz-linear-gradient(top, rgba(212,228,239,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,228,239,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(212,228,239,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(212,228,239,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(212,228,239,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(212,228,239,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#000000', GradientType=0 ); z-index: 2; pointer-events: none; }
.masterLeft #leftMenu h2 { display: none; }

.icerik { font-size: 14px; font-weight: 400; padding: 50px 10px 50px 0; text-align: justify; }

.breadcrumb { background-color: transparent; border-radius: 0; list-style: outside none none; margin-bottom: 0; padding: 10px 0 0; }
    .breadcrumb a { color: #ccc; font-weight: 400; }
        .breadcrumb a:hover { color: #eee; }
    .breadcrumb li { margin-bottom: 1px; }

    .breadcrumb > li + li::before { background: url("../images/breadcrumb-splitter.png") no-repeat scroll center center; content: ""; padding: 0 10px; }

.ie #masterImg { background-image: none !important; }
    .ie #masterImg > img { display: block !important; animation-name: empty; z-index: 0; opacity: 0.5 !important; }

#leftMenu { background: #656868; border-top: 10px solid #af2c36; padding: 30px 0 100px; z-index: 5; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; }
/*#leftMenu:after{width:300%; height:100%; content:''; left:100%; top:0; position:absolute; background:#656868;  }*/

.nav-pills > li > a { border-radius: 0; border-bottom: solid 1px #777777; }
.nav-pills > li > a { background: url(../images/ok.png) no-repeat left -20px center; color: #fff; display: block; font-size: 15px; font-weight: 400; margin: 0 0 -2px; padding: 10px 15px; position: relative; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .nav-pills > li > a:focus, .nav-pills > li > a:hover { background: #982730 url(../images/ok.png) no-repeat left 15px center; padding-left: 25px; text-decoration: none; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
.nav-pills > li:last-child > a { border: none; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background: url(../images/ok.png) no-repeat left 15px center; color: #fff; padding-left: 25px; }


#masterContent .icerik ul { list-style-image: url(../images/rok.png); padding: 0; list-style-position: inside; }
    #masterContent .icerik ul li { margin-bottom: 10px; font-size: 14px; }

        #masterContent .icerik ul li a { color: #656868; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
            #masterContent .icerik ul li a:hover { color: #af2c36; }

.masterRight .page-title, #masterContent .page-title { position: relative; padding-top: 30px; }
#masterImg .page-title { position: absolute; left: 0; top: 50%; margin-top: -50px; width: 100%; z-index: 3; }
.masterRight h2{ font-size: 30px; color: #fff; padding: 10px; margin: 0; position: relative; float: left; background: #af2c36; }
#masterContent .proTitle{text-align:center}
.proTitle h2 {font-size: 30px; color: #fff; padding: 10px; margin: 0; display:inline-block; background: #af2c36; }
#masterImg.productBanner .page-title h2 {background:none}
#masterImg { text-align: center; }
#masterImg.productBanner .breadcrumb {background:none}
    #masterImg h2 { display: inline-block; font-size: 30px; color: #fff; padding: 10px; margin: 0; position: relative; background: #af2c36; }
.masterRight .breadcrumb { margin: 0; padding: 16px 10px; position: relative; float: left; background: #656868; }
.proTitle .breadcrumb{float: none; display: inline-block; padding: 5px; margin: 0; position: relative; background: #656868; }
    .masterRight .breadcrumb:after { background: #656868; content: ''; height: 100%; width: 3000px; position: absolute; left: 0; top: 0; z-index: -1; }
#masterImg .breadcrumb { float: none; display: inline-block; padding: 5px; margin: 0; position: relative; background: #656868; }
    #masterImg .breadcrumb:after { display: none; }
.haber-item h4 { margin-top: 20px; height: 80px; text-align: left; }
.haber-item p { font-size: 14px; font-weight: 400; }

.g-recaptcha { border-radius: 10px; height: 73px; text-align: right; width: 290px; max-width: 100%; }
    .g-recaptcha div { margin: -2px 0 0 -1px; }
.form-controlC { border: 1px solid #e8e8e8; border-radius: 4px; background: #f9f9f9; }

.mapHolder { border: 1px solid #eee; padding: 10px; margin-bottom: 20px; }
.form-group { margin-bottom: 0; min-height: 60px; }
.form-control { padding: 10px 10px; height: 50px; color: #666; border-radius: 4px; box-shadow: none; font-size: 14px; }
.send { width: 100%; display: block; color: #fff !important; font-size: 16px; font-weight: 600; padding: 21px 20px; border-radius: 4px; margin-top: 10px; background: #656868; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; }
    .send:hover { background: #af2c36; color: #fff; }
    .send:hover, .send:focus, .send.focus { color: #fff; }
.capHolder { overflow: hidden; width: 296px; max-width: 100%; }


.sube th { background: #af2c36; color: #fff; }
.sube td { padding: 10px; }
#masterContent .icerik .sube th h4 { color: #fff; padding: 20px; }

.pro { position: relative; overflow: hidden; background: #af2c36; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; }
    .pro img { transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; height: 200px; width: 100%; object-fit: cover; }
.proName { color: #fff; position: relative; padding: 10px; font-size: 18px; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; }
.pro:hover img { opacity: .7; }
.pro:after { z-index: 2; pointer-events: none; opacity: 0; content: ''; position: absolute; right: 0; top: -40px; margin-left: -20px; width: 40px; height: 40px; background: #af2c36 url(../images/magnify.png) center no-repeat; transition: .3s ease-in; -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; }
.pro:hover:after { opacity: 1; top: 0; }

#masterContent .icerik .document { background: #656868; padding: 10px; color: #fff; display: block; margin-top: 10px; }
    #masterContent .icerik .document:hover { background: #af2c36; }

#timeline .timeline-item:before { content: ''; display: block; width: 100%; clear: both; position: relative; }
#timeline { width: 100%; margin: 30px auto 0; position: relative; padding: 0 0 0 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
    #timeline .timeline-year { position: absolute; content: ''; left: 5px; top: -7px; font-size: 16px; color: #af2c36; font-weight: 600; }

    #timeline .timeline-item:first-child .timeline-year { font-size: 20px; top: -10px; }
    #timeline .timeline-item:last-child .timeline-year { font-size: 20px; top: -10px; }

    #timeline:before { content: ""; width: 2px; height: 100%; background: #af2c36; left: 4px; top: 0; position: absolute; }
    #timeline:after { content: ""; clear: both; display: table; width: 100%; }
    #timeline .timeline-item { margin-bottom: 50px; width: 100%; position: relative; float: right; }
        #timeline .timeline-item .timeline-icon { background: #af2c36; width: 10px; height: 10px; position: absolute; top: 0; left: 4px; overflow: hidden; margin-left: -14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
            #timeline .timeline-item .timeline-icon img { position: relative; }
        #timeline .timeline-item .timeline-content { width: 90%; float: right; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; margin-top: -13px; }
            #timeline .timeline-item .timeline-content h2 { font-size: 14px; background: #656868; color: #fff; font-weight: 600; -webkit-border-radius: 3px; 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; float: left; }

            #timeline .timeline-item .timeline-content p { margin-top: 10px; clear: left; float: left; }

.sayfagaleri { margin-top: 20px; }
    .sayfagaleri hr { margin-bottom: 40px; }
    .sayfagaleri .img-thumbnail { margin-bottom: 5px; height: 120px; width: 100%; overflow: hidden; position: relative; }
        .sayfagaleri .img-thumbnail:after { background: #fff; height: 5px; width: 100%; position: absolute; left: 0; bottom: 0; content: ''; }
        .sayfagaleri .img-thumbnail img { width: 100%; object-fit: cover; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
            .sayfagaleri .img-thumbnail img:hover { opacity: .7; }

.mappa { border: solid 1px #eee; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }

.proHolder { text-align: center; margin-bottom:30px; padding: 10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .proHolder .proName { padding: 10px; background: #af2c36; color: #fff; font-size: 18px; font-weight: 600; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .proHolder img { transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; }
    .proHolder:hover img { opacity: .7; }
    .proHolder:hover { -webkit-box-shadow: 0px 4px 10px 4px rgba(0,0,0,0.15); -moz-box-shadow: 0px 4px 10px 4px rgba(0,0,0,0.15); box-shadow: 0px 4px 10px 4px rgba(0,0,0,0.15); }

    .icerik .newsHolder{border:5px #eee solid; height:320px; overflow:hidden; padding:20px; margin-bottom:20px; text-align: left; }
    .icerik .newsHolder .newsImg{height:120px; width:100%; text-align:center}
    .icerik .newsImg img{object-fit:cover; margin:auto; height:100%}
     .icerik .newsHolder h3{font-size:18px}


.icerik .all { width: 100%; display: block; color: #fff !important; font-size: 16px; text-align:center; font-weight: 600; padding: 5px; border-radius: 4px; margin-top: 10px; background: #656868; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; margin-top:20px}
    .all:hover { background: #af2c36; color: #fff; }
    .all:hover, .all:focus, .all.focus { color: #fff; }

    .galHolder { margin-bottom: 20px; height: 150px; overflow: hidden; padding: 0; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; }
    .galHolder img { object-fit: cover; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; }
    .galHolder:hover img { opacity: .4; }
    .galHolder:after { opacity: 0; content: ''; top: 0; left: 0; position: absolute; width: 100%; height: 100%; background: url(../images/magnify.png) no-repeat center; pointer-events: none; z-index: -1; -webkit-transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; }
    .galHolder:hover:after { opacity: 1; z-index: 2; }

    #sayfagaleriCarousel{padding:20px; border: 3px #eee solid; position:relative}
    #sayfagaleriCarousel .owl-controls{ position:absolute; right:25px; bottom:20px}
    #sayfagaleriCarousel .owl-dots .owl-dot span{background:#dadada; width:25px; border-radius:5px; height:5px}
    #sayfagaleriCarousel .owl-dots .owl-dot.active span,#news .owl-theme .owl-dots .owl-dot:hover span{background:#af2c36}

    #masterContent .icerik #tabs{list-style-image:none; list-style-position:inside; text-align:left; margin-top:20px}
#masterContent .icerik #tabs li { cursor: pointer; color: #656868; font-size: 18px;  background-color:#eee; padding:10px}
   #masterContent .icerik #tabs li.active { color: #fff; background:#af2c36 url(../images/ok.png) no-repeat right 10px center; }  
   
   .tabWrapper{padding:20px 15px}

   #katalog li{font-size:16px; border-bottom:solid 1px #eee;display:block;position:relative}
      #katalog li a{display:block;padding:10px 10px 10px 30px; }
      #katalog li.link{background:url(../images/link.png) no-repeat left center;}
      #katalog li.pdf{background:url(../images/pdf.png) no-repeat left center;}

      #ikIframe{border:solid 3px #eee}
     #masterImg.productBanner{height:150px}
     /*#masterImg.productBanner:after{display:none}*/