body {margin:0px; 
}
a { text-decoration:none; color:#14233a;
}
a:hover { text-decoration:none; color:#14233a;
}
.banZemi{ width:100%; height:450px; margin:0px auto;  
}
.anaBanner { width:100%; height:450px; margin:0px auto; padding:0px;  background:url(/images/bg.jpg) top left ; border-bottom:1px solid #e5e5e5;
}

.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;
}
     #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: Roboto, "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(0, 0, 0, 0.69);
 
}
 

.banText h3 {
 
    font-weight: 400;
    height: 50px;
    padding: 0px 10px;
    font-family: Roboto,  sans-serif;
    font-size: 27px;
    line-height: 40px;
    color: #fff;
    width: auto;
    border-width: 0px;
 
 

    opacity: 1;
    visibility: visible;
    display:table; 
    margin:0px auto;

}
 
  .banText i {
 
 
padding: 0;
border: 0;
height: 260px; 
font-family: Roboto;
font-size: 95px;
font-weight:900;
color: #fff;
width: auto;
font-style: normal;
width:95%;
max-width:1170px;
    opacity: 1;
    visibility: visible;
    display:table; 
    margin:0px auto;
 margin-top:100px;
     letter-spacing: 0px;

    }
.ortalaBan { width:100%;   display:block; height:100%; margin:0px auto;
}

@media (min-width: 1550px) {
 
          #sync1 .owl-item img {
 position:relative;
  right:0px;
 

} 
   
}

@media (min-width: 1850px) {
    .banText {
     
       
    }
}
@media (min-width: 2150px) {
    .banText {
     
      
    }
}
@media (max-width: 768px) {


    
 

.mutluM {
 
 
    width: 100%;
    height: 470px;
 
 
 
}


    .mutluM .musteri {  width:90%;   height:470px; display:block;   
    }
        .mutluM .musteri h2 {   font-size:23px;   margin-top:14px;
    }
                .mutluM .musteri h3 {   font-size:26px;   margin-top:14px;
    }
                .mutluM .musteri h4 {   font-size:15px; line-height:29px;  margin-top:14px;

    }
                .mutluM .musteri h5 {   font-size:23px;

    }
 

    .banAlt01 {position:absolute;
               display:none;
               visibility:hidden;
    }
.banText { position:relative;display:block; padding-top:320px;  width:100%; 
 
}
.banText span { display:block;      width:100%;
 
}
.banText i {
    line-height:30px;
    font-size:25px;
    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:auto; height:100%; left:0px; }
    .anaBanner { width:100%; height:auto;    left:-75px;
}
.banZemi{ height:auto; width:100%;
}
    #sync1 .item{
      
        height:auto;
    }
}