﻿body {margin:0px; 

}
a { text-decoration:none; color:#14233a;
}
a:hover { text-decoration:none; color:#14233a;
}
.banZemi{ width:100%; height:420px; margin:0px auto;  overflow:hidden;
}
.anaBanner { width:100%; height:420px; margin:0px auto; padding:0px; 
}


.banAlt01 {
    background: url(/images/bottom.png) center no-repeat rgba(36, 36, 36, 0.62);
    height: 45px;
    display: block;
    cursor: pointer;
    width: 75px;
    margin: 0px auto;
    position: absolute;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.banAlt02{
 
    height: 115px;
    display: block;
    cursor: pointer;
    width: 95%;
    max-width:995px;
    margin: 0px auto;
    margin-top:5px;
     margin-bottom:15px;
    font-size:14px;
    color:#43464b;
        line-height: 25px;
 
}

.banAlt02 h1{
 
    height: 25px;
    display: block;
    
 
    max-width:995px;
    margin: 0px auto;
 
    font-size:17px;
    font-weight:bold;
    color:#43464b;
        line-height: 25px;
 
}
.banAlt02 h2{ margin:0px; padding:0px; text-align:center; color:#43464b; font-size:33px; font-weight:300;}
     #sync1 .owl-item img {
 position:absolute;
 padding:0px; margin:0px; border:0px;  width:100%;   top:0px;
 text-align:center;

}


    #sync1 .item{
  
        padding: 0px 0px;
        margin:0px;
        display:block;
        color: #FFF;
 
        text-align: left;
        width:100%;
       
        height:100%;

    }
        #sync1 .item h1 {
            position:  absolute;z-index:99; left:200px; color:#000;
        }
    #sync2 .item{
    display: block;
    height: 37px;
    background: #fff;
 
    cursor: pointer;
    float: left;
    width: 37px;
    text-align: center;
    line-height: 37px;
    font-size: 19px;
    font-weight: normal;
    }

    
    #sync2 .item h1{
      font-size: 18px; 
      padding:0px; margin:0px;
    
    }
    #sync2 .synced .item{
      background: rgb(20, 35, 58);
 
   color:#fff;
    }



 .owl-prev{   position:absolute; top:10px;  left:0px;   
width:45px; height:65px;      background:url(/images//prev.png) no-repeat center  rgba(128, 128, 128, 0.75);
border-radius:0px 5px 5px 0px;
display:block;
}
.owl-next{ position:absolute; top:10px;  right:0px;    display:block;
width:45px; height:65px;    background:url(/images//next.png) no-repeat  center  rgba(128, 128, 128, 0.75);
border-radius:5px 0px 0px 5px;
}


 

.mutluM {
 float:left;
    display: block;
    width: 675px;
    height: 500px;
    overflow: hidden;
    margin: 0px auto;
    background:#f0f1f2;
 
 
}


    .mutluM .musteri {  width:80%; margin:0px auto; height:500px; display:block;   padding:25px 0px; padding-left:25px; overflow:hidden;
    }
        .mutluM .musteri h2 {  color:#ff681c; margin:0px; font-weight:100; font-size:30px;   margin-top:19px;
    }
                .mutluM .musteri h3 {  color:#636363; margin:0px;  margin-top:19px; font-weight:600; font-size:33px;  
    }
                .mutluM .musteri h4 {  color:#636363; margin:0px;  margin-top:19px; font-weight:100; font-size:21px;   line-height:40px;

    }
                .mutluM .musteri h5 {  color:#14233a; margin:0px; margin-top:15px; font-weight:300; font-size:30px;  

    }
 .mutluM .musteri   h6 {
    font-weight: 300;
    height: 40px;
    padding: 0px 40px;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    line-height: 40px;
    color:  rgb(255, 104, 28);
     
    width: 200px;
  clear:both;
  float:right;
  display:block;
    margin-top: 15px;
    text-align: center;
}


.rakamM1 {

}

.rakamZeminManset {
    max-width: 955px;
    display: block;
 
    height: 38px;
    clear: both;
    margin: 0px auto;
    background: #fff;
    border-top: 1px solid #14233a;
    background: #fff;
    -webkit-box-shadow: 0px 1px 7px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 7px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 7px 0px rgba(50, 50, 50, 0.75);
}
/*
#sync1 .item  h2 {
    position: absolute;
    top: 270px;
    border: 1px solid #e7e9ec;
    border-top: 2px solid #ca0002;
    background: rgba(255, 255, 255, 0.85);
    color: #1f1f1f;
    font-size: 29px;
    padding: 15px 30px;
    font-family: 'Roboto Bold Condensed', Arial;
}
*/

.banText {
display:block;  font-size:15px; text-align:center;  padding:5px;position:relative;  width:100%; height:100%; color:#242424; z-index:777777;  background:rgba(130, 180, 208, 0.09);
 font-family: Arial !important;
}
 

.banText h3 {
 
  
    height: 50px;
    padding: 0px 10px;

    font-size: 21px;
    line-height: 40px;
    color: #fff;
    width: auto;
    border-width: 0px;
    font-weight: 300;
 

    opacity: 1;
    visibility: visible;
    display:table; 
    margin:0px auto;

}
 
  .banText i {
 
 
padding: 0;
border: 0;
height: 120px; 
 
font-size: 95px;
font-weight:700;
color: #fff;
width: auto;
font-style: normal;
width:95%;
max-width:1200px;
    opacity: 1;
    visibility: visible;
    display:table; 
    margin:0px auto;
 margin-top:120px;
     letter-spacing: 0px;

    }
.ortalaBan { width:100%;   display:block; height:400px; margin:0px auto;
}
 
@media (max-width: 768px) {


   
 

    .banAlt01 {position:absolute;
               display:none;
               visibility:hidden;
    }
.ortalaBan {
    
 
    height: 195px;
 
}
.banText { position:relative;display:block; padding-top:190px;  width:100%; 
 
}
.banText span { display:block;      width:100%;
 
}
.banText i {
    line-height:30px;
    font-size:33px;
    height:120px;
    width:400px;
    display:block;
    margin:0px auto;
    text-align:center;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
 
}
.banText h4 {
    width:300px;
    font-size:17px;
    margin:0px auto;
    display:block;
  margin-left:55px;
   
    
}



    .hakBanner {width:97%;  height:251px;
}
 
 .hakBanner   #sync1 .item{
 
        width:100%;
        height:auto;
    }
 .hakBanner   #sync1 .item img{
 
        width:100%;
        height:auto;
     
    }

    #sync1 .item img{ width:100%; height:auto%; left:0px;}
    .anaBanner { width:100%; height:auto;    left:-75px;
}
.banZemi{ height:auto; width:100%;
}
    #sync1 .item{
      
        height:auto;
    }
}