﻿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/bg02.jpg) top left ; border-bottom:1px solid #e5e5e5;
}

     #sync1 .owl-item img {
 
 padding:0px; margin:0px; border:0px; left:50px;
 text-align:center;

}


#sync1 .item {
    padding: 0px 0px;
    margin: 0px;
    display: block;
  
    color: #FFF;
    text-align: left;
    width: 100%;
    max-width: 1111px;
    height: 450px;
}
        #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(4, 4, 4, 0.09);
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(4, 4, 4, 0.09);
border-radius:5px 0px 0px 5px;
}


 
 

.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:50%; color:#242424; z-index:777777; float:right; padding-top: 105px;
padding-right:90px; box-sizing:padding-box;
}

.banText h2{
 
    height: 40px;
    padding: 0px 10px;
     font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size: 37px;
    line-height: 60px;
    color: rgb(0, 0, 0);
    width: auto;
    border-width: 0px;
    margin-left: 0px;
    margin-top: 0px;
 
    opacity: 1;
    visibility: visible;
    display:table;
     margin:0px auto;
 
}

.banText h3 {
 
    font-weight: 700;
    height: 140px;
    padding: 0px 10px;
     font-family: 'Roboto', sans-serif;
    font-size: 40px;
    line-height: 60px;
    color: rgb(0, 0, 0);
    width: auto;
    border-width: 0px;
 
 

    opacity: 1;
    visibility: visible;
    display:table; 
    margin:0px auto;

}


.banText h5{
 
    height: 40px;
    padding: 0px 10px;
     font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size: 37px;
    line-height: 60px;
    color: #fff;
    width: auto;
    border-width: 0px;
    margin-left: 0px;
    margin-top: 0px;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1);
    opacity: 1;
    visibility: visible;
    display:table;
     margin:0px auto;
 
}

.banText h6 {
 
    font-weight: 700;
    height: 140px;
    padding: 0px 10px;
     font-family: 'Roboto', sans-serif;
    font-size: 40px;
    line-height: 60px;
    color: #fff;
    width: auto;
    border-width: 0px;
 
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1);
    opacity: 1;
    visibility: visible;
    display:table; 
    margin:0px auto;

}


    .banText h4 {
        display: inline-block;
        overflow: hidden;
        padding: 0px 40px;
        text-align: center;
        color: #ffffff;
        font-size: 17px;
        line-height: 48px;
        border-radius: 25px;
        background-color: #0096dc;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
        min-width:250px;
    }
      .banText h7 {
    font-weight: 400;
    height: 50px;
    padding: 0px 40px;
     font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 50px;
    color: rgb(255, 255, 255);
    background: rgb(255, 104, 28);
    border-radius: 15px;
    width: 50%;
    border-width: 0px;
    margin-left: 0px;
    margin-top: 0px;
    transform-origin: 50% 50% 0px;
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.002, 0, 0, 0, 1);
    opacity: 1;
    visibility: visible;
    margin:0px auto;
    padding:13px 45px;

    }
  .banText i {
 
    font-weight: 300;
    height: 190px;
    padding: 0px 0px;
     font-family: 'Roboto', sans-serif;
    font-size: 37px;
    line-height: 45px;
    color: rgb(0, 0, 0);
    width: auto;
    border-width: 0px;
 
 width:100%;
 right:0px;

    opacity: 1;
    visibility: visible;
    display:table; 
    margin:0px auto;
  font-style:normal;


    }
.ortalaBan { width:100%; max-width:1151px; display:flex; height:100%; margin:0px auto;
}
 
@media (max-width: 768px) {

 .whats{ top:155px;}
    
 

.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:0px; width:100%; 
 
}
.banText span { display:block;      width:100%;
 
}
.banText i {
    line-height:30px;
    font-size:19px;
    height:120px;
    width:375px;
    display:block;
    margin:0px auto;
    text-align:center;
    text-shadow: 1px 1px 1px rgb(255, 255, 255);
    
 
}
.banText h4 {
    width:305px;
    font-size:17px;
    margin:0px auto;
    display:block;

   
    
}



    .hakBanner {width:97%;  height:251px;
}
 
 .hakBanner   #sync1 .item{
 
        width:100%;
        height:auto;
    }
 .hakBanner   #sync1 .item img{
 
        width:100%;
        height:auto;
     
    }

    #sync1 .item img{ width:70%; height:auto; left:0px; }
    .anaBanner { width:100%; height:auto;    left:-75px;
}
.banZemi{ height:auto; width:100%;
}
    #sync1 .item {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: auto;
        justify-content: center;
    }
}