#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; z-index: 1; }
    #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; }

#masterImg { height: 310px; overflow: hidden; width: 100%; z-index: 1; }
    #masterImg > img { left: 0; position: absolute; top: 0; z-index: -1; }
    #masterImg .page-title { display: table-cell; height: 310px; vertical-align: middle; width: 9999999px; }
        #masterImg .page-title h2 { background-color: #af2c36; color: #fff; display: inline-block; font-size: 30px; font-weight: 600; margin: 40px 0 0 -15px; padding: 10px 10px 3px; position: relative; z-index: 6; letter-spacing: 0.5px; }
            #masterImg .page-title h2::before { background-color: #af2c36; content: ""; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 500%; z-index: -1; }

.icerik { font-size: 14px; font-weight: 400; padding: 30px 10px 50px 0; text-align: justify; }

.logoHolder {
    margin-bottom: 5px;
    background: #fff;
    border: solid 2px #eee;
    padding: 5px;
    font-size: 18px;
    color: #656868;
}
.logoHolder span {
    display: inline-block;
    margin-left: 5px;
    border-left: solid 2px #eee;
    padding-left: 10px;
}
.breadcrumb { background-color: transparent; border-radius: 0; list-style: outside none none; margin-bottom: 0; padding: 10px 0 0; }
    .breadcrumb a { color: #656868; 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: #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 #982730; }
.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 .page-title h2 { font-size: 30px; padding: 10px 0; margin: 0; position: relative; float: left; color: #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 .page-title h2:after { background: #656868; content: ''; height: 4px; width: 3000px; position: absolute; left: 0; bottom: 0; z-index: -1; }
.masterRight .breadcrumb { margin: 0; padding: 8px 0; position: relative; float: left; clear: left; background: none; }
.proTitle .breadcrumb { float: none; display: inline-block; padding: 5px; margin: 0; position: relative; background: none; }
/*.masterRight .breadcrumb:after { background: #656868; content: ''; height: 100%; width: 3000px; position: absolute; left: 0; top: 0; z-index: -1; }*/
#masterImg .breadcrumb { float: none; display: block; padding: 0; margin: 0; position: relative; }
    #masterImg .breadcrumb:after { content: '>'; }
.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:0px 30px; 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; }
#masterContent .icerik .sube td { padding: 10px; text-align:left }
.sube td:first-child{width:140px}
#masterContent .icerik .sube th h4 { color: #fff; padding: 0px; }
#masterContent .icerik .others th h4 { color: #fff; padding: 5px; margin:0; max-height:50px; font-size:16px}
#masterContent .icerik .others{height:250px}

.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; border-bottom: solid 1px #eee; padding: 7px 0 15px; }
            #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: 0; min-height: 0; padding: 0; }

.sayfagaleri { margin-top: 20px; }
    .sayfagaleri hr { margin-bottom: 40px; }
    .sayfagaleri .img-thumbnail { margin-bottom: 5px; 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; -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 a{display: block;max-height: 295px}
    .proHolder .proName { padding: 6px; background: #af2c36; color: #fff; font-size: 16px; font-weight: 500; transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; min-height: 58px; }
    .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}*/

.catGeneral { margin-bottom: 8px; }

#masterContent .icerik .pdfBtn { background: #656868; display: block; margin-bottom: 10px; padding: 10px; color: #fff; font-weight: 600; text-align: center; -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; }
    #masterContent .icerik .pdfBtn:hover { background: #af2c36; color: #fff; }

#masterContent .icerik .infoMap { background: #af2c36; color: #fff; padding:20px; margin-top: 31px; position:relative }
    #masterContent .icerik .infoMap:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(175, 44, 54, 0); border-left-color: #af2c36; border-width: 20px; margin-top: -20px; }
    #masterContent .icerik .infoMap ul { list-style-image: url(/images/ok.png); }
    #masterContent .icerik .infoMap ul li{text-align:left; padding-bottom:10px; border-bottom:solid 1px #982730}
     #masterContent .icerik .infoMap ul li:last-child{ border-bottom:none}
     #masterContent .icerik .btnMap{display:block; padding:5px; background:#656868; color:#fff; text-align:center}