* {
    margin:0;
    padding:0;
}
html {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
body {
    width:100%;
    height:100%;
}
#bg {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:667px;  
   -webkit-background-size:100% 100%;
   -moz-background-size:100% 100%;
   -o-background-size:100% 100%;
    background-size:100% 100%;
    background-image:url(../img/anasayfa3.jpg); /*miss2.jpg*/
    background-position: center center;
    z-index:0;   
}
#bg2 {    
      background-image: url(../img/anasayfa3.jpg);
     -webkit-background-size:100% 100%;
     -moz-background-size:100% 100%;
     -o-background-size: 100% 100%;
      background-size:cover;
      display:table;
}
#ortali_sayfa {   
    float:left;
    height:49%;
    margin-top:24.5%;
    background-color:transparent;
}
    #ortali_sayfa .merkez {
        width:90%;
        height:100%;
        margin:0 auto;
        background-color:transparent;
    }
.merkez #yek {
    float:left;
    width:5%;
    height:15%;
    margin-top:8%;
    margin-left:6%;
    background-color:transparent;
}
.merkez #du {
    float:left;
    width:50px;
    height:50px;
    margin-top:16%;
    margin-left:4%;
    background-color:transparent;
}
.merkez #se {
    float:left;
    width:50px;
    height:50px;
    margin-top:20%;
    margin-left:17%;
    background-color:transparent;
}
.merkez #car {
    float:left;
    width:50px;
    height:50px;
    margin-top:22%;
    margin-left:12%;
    background-color:transparent;
}
.merkez #penc {
    float:left;
    width:50px;
    height:50px;
    margin-top:14%;
    margin-left:0;
    background-color:transparent;
}
.merkez #ses {
    float:left;
    width:50px;
    height:50px;
    margin-top:7%;
    margin-left:4%;
    background-color:transparent;
}
.merkez #heft {
    float:left;
    width:50px;
    height:50px;
    margin-top:18%;
    margin-left:7%;
    background-color:transparent;
}
.merkez #hest {
    float:left;
    width:50px;
    height:50px;
    margin-top:17%;
    margin-left:12%;
    background-color:transparent;
}
.merkez #neh {
    float:left;
    width:50px;
    height:50px;
    margin-top:-12%;
    margin-left:2%;
    background-color:transparent;
}
.merkez img { 
    width:20px;
    height:20px;  
    margin-top:15px;
    margin-left:15px;
    padding:0;
}
#birr {
    position:absolute;
    width:50px;
    height:50px;
    top:340px;
    left:150px;
    background-color:red;
}
#plus_container {
    width:100%;
    height:100%;
    overflow:hidden;
    position:fixed;
    min-width:1024px;
    z-index:1; 
    display:none;
}
 #plus_container .plus  {
    width:30px;
    height:30px;
    background-color:transparent;
    z-index:2;
}
 /*Wrap----*/
  .wrap { /*Ana Sayfa Açıklama Yuva*/
     position:absolute;
     left:22px;
     top:20px;    
     width:220px;
     background-color:transparent;
     z-index:110;
     display:none;     
}
  .wrap .title {

        float:left;       
        margin:0 0 0 0;
        padding:0 5px;
        background-color:#003478;
        display:block;
        color:#FFF;
        display:block;       
    }
    .wrap .sub_title {       
        clear:both;
        float:left;        
        padding:0;
        background-color:rgba(255, 255, 255, 0.80);       
        width:auto;           
    }
     .wrap .details {
        clear:both;
        float:left;        
        margin:0 0 0 0;
        padding:0 5px 5px 5px;
        background-color:rgba(255, 255, 255, 0.80);
        font-family:ArialNarrow;
        font-size:20px;
        color:#fff;        
        letter-spacing:1px;
        color:#003478;       
    }
.details strong {
           
        margin:0 0 0 0;
        padding:0 5px 5px 0;
        background-color:rgba(255, 255, 255, 0.80);
        font-family:ArialNarrow;
        font-size:20px;
        font-weight:100;
        color:#fff;        
        letter-spacing:1px;
        color:#003478;  
}
   #bottom .bir img {
        position:relative;
        width:20px;
        height:20px;
        left:50%;
        top:50%;
        margin-left:-10px;
        margin-top:-10px;
        cursor:pointer;
        background-position:center center;       
        z-index:3000;
    }
h2 {
    font-family:ArialBlackRegular;
    font-size:18px;
    float:left;    
    text-align:left;
}
h3 {
   
   float:left;
    font-family:ArialBlackRegular;
    font-size:30px;
    color:#003478;
    margin:0 0 -4px 0;
    padding:0 5px;
    width:100%; 
    line-height:110%;

}
.paragraf {   
    font-family:ArialNarrow;
    font-size:21px;
    color:#fff;    
    margin-top:7px;
    width:100%;
    letter-spacing:1px;
    color:#214fbe;  
}  
#plus_container .wrap .details:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
    #plus_container #bir {
 
   margin-top:350px;
   margin-left:150px;
   background-attachment:fixed;
   position:fixed;
}
    #plus_container #iki {
        position:absolute;
        bottom:55px;
        left:190px;       
    }
    #plus_container #uc {
        position:absolute;
        bottom:145px;
        left:450px;       
    }
    #plus_container #dort {
        position:absolute;
        bottom:20px;
        left:728px;       
    }
    #plus_container #bes {
        position:absolute;
        bottom:190px;
        left:705px;        
    }
    #plus_container #alti {
        position:absolute;
        top:335px;
        right:510px;
        width:30px;
        height:30px;
        background-color:transparent;
        z-index:2;
    }
    #plus_container #yedi {
        position:absolute;
        bottom:50px;
        right:320px;      
    }
    #plus_container #sekiz {
        position:absolute;
        top:380px;
        right:255px;       
    }
    #plus_container #dokuz {
        position:absolute;
        bottom:160px;
        right:160px;
        z-index:0;      
    }
.open {
    cursor:pointer;
}
.deneme {
    position:absolute;  
    height:100px;
    top:0;    
    left:0;
    z-index:1000;
    background-color:rgba(255, 255, 255, 0.83);
    display:none;
}
.deneme2 {
    position:absolute;  
    height:100px;
    top:110px;    
    left:0;
    z-index:1000;
    background-color:rgba(255, 255, 255, 0.83);
    display:none;
}
/*URUNLER*/
/*========================================================================================*/
#slideShow {
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    margin:0;
    padding:0;
    z-index:0;
}    
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
#slideShow li {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:0;
   -webkit-transition: opacity 3s;
   -moz-transition: opacity 3s;
	transition: opacity 3s;
   -webkit-background-size: 100% 100%;
   -moz-background-size: cover;
	background-size: 100% 100%;
	background-position: center center;
}
    #slideShow li img {
        margin:0;
        padding:0;
        width:100%;
        height:100%;
    }
   div.aciklama { 

        position:absolute;
        width:450px;  
        height:300px;      
        left:20px;
        bottom:-300px;       
    }
#menu_kapsul {
    position:absolute;
    top:90px;
    left:25px;    
    height:30px;
    padding:0 4px;
    background-color:transparent;
    z-index:100;
    display:table;
}
    #menu_kapsul a {
       
        font-family:Arial;
        font-size:70%;
        float:left;
        margin:7px 1px 0 0;
        text-decoration:none;        
        font-weight:bold;
        color:#003478;
        display:table-cell;
        vertical-align:middle;   
       
       
    }
#slide_next_yuva {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:150px;
    height:100%;
    background-color:transparent;
    z-index:998;
}
    #slide_next_yuva img {
        position:absolute;
        width:78px;
        height:77px;
        top:50%;
        margin-top:-39px;
        right:50%;
        margin-right:-38px;
        padding:0;
        z-index:999;
        cursor:pointer;
    }
#navig_button {
    position:absolute;
    width:80px;
    height:35px;
    bottom:0;
    right:10px;
    background-color:transparent;
}
    #navig_button img {       
        float:left;
        width:24px;
        height:24px;
        top:4px;
        margin-top:5px;
        margin-right:2px;
        cursor:pointer;
    }
.play {
        background-image:url(../img/play.png);
        background-position:center center;
        background-repeat:no-repeat;
        width:24px;
        height:24px;
        top:4px;
        margin-top:5px;    
}
.pause {
    background-image:url(../img/pause.png);
    background-position:center center;
    width:24px;
        height:24px;
        top:4px;
        margin-top:5px;
}
/*Hakkımızda*/
 #resim {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:667px;  
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
    background-size:100% 100%;
    background-image:url(../slide_images/hakkimizda.jpg);
    background-position: center center;
    z-index:0;
    overflow:hidden;
 }
 /*Cntact*/
#contact_main {
    position:absolute;
    width:400px;
    height:400px;
    left:50%;
    top:60%;
    margin-left:-275px;
    margin-top:-250px;
    padding:50px;
    background-color:#fff;
    z-index:9999999;
    display:none;
    
}
    #contact_main > .baslik {
        position:absolute;
        width:300px;
        height:50px;
        top:-50px;
        left:0;
        background-color:rgba(0, 0, 0, 0.74);
    }
        #contact_main > .baslik > h5 {
             float:left;
            font-family:ArialBlackRegular;
            font-size:24px;
            margin: 10px 0 0 10px;
            color:#FFFFFF;
        }
    #contact_main #contain {
        width:100%;
        height:100%;
        min-width:100%;
        margin:0;
        background-color:transparent;
    }
      
    #contact_main > #map {
        position:absolute;
        width:40px;
        height:40px;
        top:50%;
        right:-15px;
        margin-top:-25px;
        z-index:-10000000;
    }
#button > h5 {
    float:left;
    font-family:ArialBlackRegular;
    font-size:16px;
    margin: 10px 20%;
    color:#fff;
}
#map_contain {
    position:absolute;
    width:450px;
    height:498px;
    top:49%;
    margin-top:-175px;
    background-color:#fff;
    z-index:9999;
    display:none;    
}

/*Tabela*/
#tabela {
    position:fixed;
    width:25%; /*Old 324px*/
    height:35%; /*Old 270px*/
    left:50%;
    top:-50px; /*20px içerde*/
    margin-left:-12.5%;  
    background-image:url(../img/tabelaSon.png);
    background-repeat:no-repeat;
    
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
   
    z-index:0;
}
/*Tabela*/
#logo {
    position:absolute;
    width:220px;
    height:87px;
    top:10px; /*10px*/
    left:20px;
    padding:0;
    background-image:url(../img/logo.png);
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
}
#anaSayfaMenuYuva {
    position:absolute;
    padding:4px 2px 0 2px;
    width:470px;
    height:30px;
    left:50%;
    top:28.5%; /*210px*/
    margin-left:-235px;
    background-color:transparent;
    z-index:500;
    text-align:center;
}
    #anaSayfaMenuYuva a {
       
        font-family:Arial;
        font-size:75%;       
        margin:7px 1px 0 0;
        text-decoration:none;        
        font-weight:bold;
        color:#214fbe;
        text-align:center;      
    }

#iletisim_yuva {  /*İletişim MAİN*/
    position:absolute;
    width:730px;
    height:544px;
    left:50%;
    margin-left:-355px;
    bottom:0;
    background-color:transparent;
    z-index:100;
    overflow:hidden;
    display:none;
}
   
   
    #iletisim_yuva #form {
        position:absolute;
        float:left;
        width:354px;
        height:520px;
        margin:0 1px 0 0;
        padding:0;
       background-color:rgba(255, 255, 255, 0.90);       
        bottom:-520px;
        
    }
        #iletisim_yuva #form #panel {
            float:left;
            width:300px;
            height:350px;
            margin:25px;
            padding:0;
            background-color:transparent;
        }
          .txt {
            float:left;
            width:360px; /*370px*/
            height:30px;
            border:solid 1px #ccc;
            display:block;           
            margin:1px 5px 7px 5px;
            text-indent:15px;
            font-size:15px;
        }
        #button {
            position:relative;
            float:left;
            width:75px;
            height:15px;
            margin:1px 0 0 5px;
            padding:0;
            display:block;           
           /* background-color:rgba(0, 0, 0, 0.74);*/
            background-color:#214fbe; 
            text-align:center;
            cursor:pointer;    
            display:table;      
        }
            #button:hover {
                top:1px;
            }
            #button h5 {
                font-family:Arial, Tahoma, sans-serif;
                font-size:13px;
                color:#fff;
                display:table-cell;
                vertical-align:middle;
                text-align:center;
                
            }
             #button2 {
            position:relative;
            float:left;
            width:75px;
            height:35px;
            margin:1px 0 0 5px;
            padding:0;
            display:block;           
           /* background-color:rgba(0, 0, 0, 0.74);*/
            background-color:#214fbe; 
            text-align:center;
            cursor:pointer;    
            display:table;      
        }
            #button2:hover {
                top:1px;
            }
            #button2 h5 {
                font-family:Arial, Tahoma, sans-serif;
                font-size:13px;
                color:#fff;
                display:table-cell;
                vertical-align:middle;
                text-align:center;
                
            }
       
   
    
    /*İletişim Kapsul MAP - Adres*/
    #iletisim_yuva #iletisim_bilgi {
        clear:both;
        position:absolute;
        float:left;
        width:354px;
        height:520px;
        margin:0 0 0 1px;
        padding:0;
       background-color:rgba(255, 255, 255, 0.90);
        bottom:-540px;
        right:21px;    
         
    }
     #iletisim_yuva #iletisim_bilgi #close {
        position:absolute;
        width:24px;
        height:24px;
        top:0;
        right:0;  
     margin-top:-20px;
     margin-right:-20px;
     -webkit-transform:rotate(45deg);
     -moz-transform:rotate(45deg);
     -ms-transform:rotate(60deg);
     transform:rotate(45deg);
        z-index:1005;
        cursor:pointer;
    }
        #iletisim_yuva #iletisim_bilgi #kapsul {
            float:left;
            width:300px;
            height:350px;
            margin:25px;
            padding:0;
            background-color:transparent;
        }
            #iletisim_yuva #iletisim_bilgi #kapsul #harita {
                float:left;
                width:290px;
                height:192px;
                margin:1px 5px;
                padding:0;
                background-color:transparent;

            }
            #iletisim_yuva #iletisim_bilgi #kapsul h6 {
                float:left;
                font-family:Arial, Tahoma, sans-serif;
                font-size:14px;
                margin:4px 5px 0 5px;
                color:#999;
                display:block;
                font-weight:700;
            }
            #iletisim_yuva #iletisim_bilgi #kapsul p {
                float:left;
                font-family:Arial, Tahoma, sans-serif;
                font-size:13px;
                margin:3px 5px 6px 5px;
                padding-bottom:4px;
                color:#777;
                display:block;
                line-height:140%;
                width:100%;
                border-bottom:solid 1px #eee;
            }
            #iletisim_yuva #iletisim_bilgi #kapsul a {
                float:left;
                font-family:Arial, Tahoma, sans-serif;
                font-size:13px;              
                color:#214fbe;
                display:block;               
                width:100%;
                text-decoration:none;              
            }

/*About US*/
#about_kapsul {
    position:absolute;
    width:600px;
    height:444px;
    max-height:444px;
    left:50%;
    margin-left:-280px;
    bottom:0;
    background-color:transparent;
    background:none !important;
    overflow:hidden;
    display:none;
    z-index:1000;
  
}
#about_us {
    position:absolute;
    width:560px;
    height:420px;
    left:50%;
    margin-left:-280px;
    bottom:-440px;
    background-color:rgba(255, 255, 255, 0.90);   
}
    #about_us p {
        font-family:ArialNarrow;
        font-size:15px;
        color:#777;
        float:left;
        margin:25px 25px 4px 25px;
        line-height:140%;
        display:block;
        padding:0;
    }
    #about_us img {
        float:left;
        width:90%;
        height:200px;
        padding:0;
        margin:10px 25px 0 25px;
       
    }
    #about_us #close2 {
        position:absolute;
        width:24px;
        height:24px;
        top:0;
        right:0;  
        margin-top:-12px;
        margin-right:-12px;
       -webkit-transform:rotate(45deg);
       -moz-transform:rotate(45deg);
       -ms-transform:rotate(60deg);
       transform:rotate(45deg);
        z-index:1005;
        cursor:pointer;
        background:none !important;
       
        
    }
#close3 {
        position:absolute;
        width:24px;
        height:24px;
        top:0;
        right:0;  
        margin-top:-20px;
        margin-right:-20px;
       -webkit-transform:rotate(45deg);
        z-index:1005;
        cursor:pointer;
}

#top {
    
   position:absolute;
   width:100%;
   height:50%;
   min-width:100%;
   background-image: url(../resim/gokyuzu.png);
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  -o-background-size: 100% 100%;
   background-size:100% 100%;  
}
#bottom {
    position:fixed;
    width:100%;
    height:100%; 
    background-color:transparent;
   -webkit-background-size:100% 100%;
   -moz-background-size:100% 100%;
   -o-background-size: 100% 100%;
    background-size:100% 100%;  
    min-width:1024px;     
    z-index:0;
}
    #bottom #bg_image {
       position:absolute;
       width:100%;
       height:100%;
       background-image: url(../resim/missea-anasayfa-background-optimized.jpg);
      -webkit-background-size:100% 100%;
      -moz-background-size:100% 100%;
      -o-background-size: 100% 100%;
       background-size:100% 100%;  
       min-width:1024px;   
       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='resim/missea-anasayfa-background-optimized.jpg',
        sizingMethod='scale');
      z-index:0;
    }
    #bottom .bir {
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        height:50%;
        background-color:transparent;
        z-index:55550;
    }
#yek {
    position:absolute;
    top:7%;
    left:20%;
    width:24px;
    height:24px;
    background-color:transparent;
}
#du {
    position:absolute;
    top:40%;
    left:16%;
    width:24px;
    height:24px;
    background-color:transparent;
}
#uc {
    position:absolute;
    top:39%;
    left:33%;
    width:24px;
    height:24px;
    background-color:transparent;
}
#dort {
    position:absolute;
    top:20%;
    left:50%;
    width:24px;
    height:24px;
    background-color:transparent;
}
#bes {
    position:absolute;
    top:62%;/*70%*/
    left:18%; /*53.5%*/
    width:24px;
    height:24px;
    background-color:transparent;
}
#alti {
    position:absolute;
    top:-8%;
    left:64%;
    width:24px;
    height:24px;
    background-color:transparent;
}
#yedi {
    position:absolute;
    top:64.2%;
    left:78%;
    width:24px;
    height:24px;
    background-color:transparent;
}
#sekiz {
    position:absolute;
    top:-3%;
    left:90%;
    width:24px;
    height:24px;
    background-color:transparent;
}
#dokuz {
   position:absolute;
    top:40%;
    left:90%; /*87%*/
    width:24px;
    height:24px;
    background-color:transparent;  
}

#on {
    position:absolute;
     top:42%;
     left:57%; /*87%*/
     width:24px;
     height:24px;
     background-color:transparent;  
 }

 #homePage {
            position:absolute;
            width:150px;
            height:35px;
            left:50%;
            margin-left:-75px;
            background-color:gray;
            top:0;
            top:0;
            z-index:10;
            display:none;
           
            
        }
            #homePage p {
                font-family:Arial, Tahoma, sans-serif;
                font-size:18px;
                color:#ccc;
                float:left;
                margin:7px 0 0 10px;
                display:inline;
                width:70%;
            }
    #homePage img {
        float:left;
        width:24px;
        height:24px;
        margin:5px 0 0 5px;
        display:inline; 
    }

.fullPage_mask {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background-color:#111;
    z-index:1000000;
}
.fullPage_mask .load{
    position:absolute;
    width:250px;
    height:250px;
    left:50%;
    top:50%;
    margin-left:-125px;
    margin-top:-125px;
}