@charset "UTF-8";
/* CSS Document */
*{padding:0;margin:0;list-style:none;border:0;text-decoration:none;}
@font-face{font-family:NexaRegular;src:url(../fonts/Nexa-Regular.otf) format("opentype");}
@font-face{font-family:NexaBold;src:url(../fonts/Nexa-Bold.otf) format("opentype");}
@font-face{font-family:NexaLight;src:url(../fonts/Nexa-Light.otf) format("opentype");}

::selection{background:#3a3e45;}
body{margin:0;padding:0;color:#d0d7e0;font-family:NexaRegular;}

h3 {  }


.menu-mobil {width: 100%; height: 50px; text-align: right; background-color: #000; position: fixed; z-index: 9998; }
.logo-mobil {width: 250px; height: 70px; margin-left: 10px;  text-align: center;  position: fixed; z-index: 9999; }
.mobil-ac { height: 500px; background-color:rgba(0, 0, 0, 0.95);  position: fixed; z-index:9997; width:100%; display: none;  }
.mobil-ac ul {width: 100%; text-align: center; line-height: 36px; margin-top: 90px; color:#c52740; }
@media only screen and (min-width:1199px) {
.menu-mobil { display: none;}
.logo-mobil {display: none; }
.mobil-ac { background-color:rgba(0, 0, 0, 0.0); }
}



header { width:100%;}

a:link{ color:#7c7c7c; }

a:visited { color:#7c7c7c;} 
a:link  {color:#7c7c7c; font-family: 'NexaRegular';}
a:hover { color:#88adc4; }
a:active{ color:#88adc4; }

footer a:link {color:#fff; }
footer a:visited {color:#fff; }
footer a:hover { color:#88adc4; }


.ust { width:100%; height:50px; background-color:#FFF;  }
.logo { margin-left:-150px; position:fixed; z-index:222111; }
.menu-bant {height:65px; z-index: 11; width: 100%; background:#FFF; margin:0 auto; position: fixed;}


nav { background:#FFF; height:50px; width:1200px; margin:0 auto; z-index:105; color:#FFF;  font-size:14px;}
nav ul li {  float:left; padding-left:20px; margin-top:16px; }

nav section { margin-left:400px;}
nav section li ul { display:none;     background-color:#FFF; height:80px; width:120px; margin-left:-18px; margin-right:-120px; padding-bottom:10px; }





.banner{ position:relative; z-index:999; height:auto;}

.banner-alt { width:100%; height:410px; background:url(../img/banner/urunler.jpg); background-size:auto; background-repeat:no-repeat; background-position:center top; }

.banner-alt-2 { width:100%; height:310px; background:url(../img/banner/urunler-2.jpg); background-size:auto; background-repeat:no-repeat; background-position:center top; }

.hizmet-alt { width:100%; height:410px; background:url(../img/banner/hizmetler.jpg); background-size:auto; background-repeat:no-repeat; background-position:center top; }

.container { width:100%; height:auto; float:left; position:relative; }

.orta-bant { width:100%;}

.bant-icerik { width:100%; max-width:1200px; background-color:#f2f2f2; margin:0 auto; } 
.bant-icerik .banner-ustu { position:absolute; width:100%; max-width:1200px;z-index:2000;  height:104px; background-color:#f2f2f2; margin-top:-134px;}
.bant-icerik h3{ text-align:center; color:#7c7c7c; font-size:29px; font-weight:100;   font-family: 'NexaLight';}
.baslik-cizgi {  text-align:center;}

.bant-icerik ul { width:100%; max-width:800px; height:280px;  margin:0 auto; margin-top:40px; }
.bant-icerik ul li { width:160px;  float:left; text-align:center;}
.bant-icerik ul li p { margin-top:10px; line-height:22px; font-size:15px; color:#5c5c5c;}

.bant-icerik ul li:last-child { text-align:center; width:100%; max-width:800px; margin:0 auto;  margin-top:20px; color:#5c5c5c; font-family: 'NexaLight'; font-size:14px;}

.banner-orta { width:100%; position:relative; }

.alper-kara-banner { margin-top:20px; background:url(../img/orta-banner.jpg); width:100%; height:320px; background-position:center; background-repeat:no-repeat;}

.markalar-main{ width:100%; padding-bottom:40px; margin-top:-30px; background-color:#ebf0f0;}
.markalar { width:100%; max-width:1200px; text-align:center; margin:0 auto; margin-top:30px; }
.markalar ul { height:380px;}
.markalar ul li{ display:inline-block; width:300px;}
.markalar p { padding-top:30px; width:100%; max-width:900px; line-height:22px;  margin:0 auto; font-family: 'NexaLight'; color:#5c5c5c}

.markalar h5 { padding-top:30px; font-size:18px;  line-height:32px;  margin:0 auto; font-family: 'NexaLight'; color:#5c5c5c;}

.markalar h3 { padding-bottom:10px; padding-top:30px; width:100%; max-width:900px; font-size:29px; font-weight:100;   font-family: 'NexaLight';margin:0 auto; color:#af8b82; }


.kozmetik { width:100%; max-width:1028px; text-align:center; margin:0 auto; margin-top:30px;}
.kozmetik h3 { padding-bottom:10px; padding-top:10px; width:100%; max-width:900px; font-size:29px; font-weight:100;   font-family: 'NexaLight';margin:0 auto; color:#af8b82; }
.kozmetik img {width:50%;}

.instagram-main { width:100%; margin-top:40px; height:400px; background-color:#f2f2f2;}
.instagram { width:100%; max-width:1200px; text-align:center; margin:0 auto;}

.instagram ul li { padding-top:40px;}
.instagram p {  margin:0 auto; font-family: 'NexaLight'; color:#009;}
.instagram img {width:100%;}

.salon { width:100%;}
.salon ul { width:100%;}
.salon ul li { float:left; width:20%; margin-left:2.5%;margin-right:2.5%;margin-top:5%;}
.salon ul li img { width:100%;}
.salon ul li:last-child { margin-bottom:5%;}

.hakkimizda { width:100%; height:564px; background-color:#000;}
.hakkimizda ul { width:100%; max-width:1200px; margin:0 auto;}
.hakkimizda ul li { width:505px; float:left;text-align: center;}
.hakkimizda ul li:first-child { width:695px;}
.hakkimizda p { font-size:16px; padding-left:50px; padding-right:50px; padding-top:20px; color:#FFF; font-family: 'NexaLight'; line-height:22px; }
.hakkimizda h3{ padding-top:100px; padding-bottom:10px; text-align:center; color:#7c7c7c; font-size:29px; font-weight:100;   font-family: 'NexaLight';}
.hakkimizda h4 { color:#fd875f; padding-top:30px;  padding-left:50px; padding-right:50px; font-size:16px; font-family: 'NexaLight'; line-height:24px; font-style:italic;}


footer{   width:100%;  float:left; position:relative; height:280px;   background-color:#e9e5dc; }

.footer-bg {background:url(../img/footer-bg.png);height:258px;background-repeat:no-repeat;  background-position:center;width:100%; float:left;z-index:113; position:absolute;}

.footer-bg ul {   width:100%; max-width:1200px;  margin:0 auto; }
.footer-bg ul li {   float:left; text-align:center; margin-top:70px; width:162px;}
.footer-bg ul li p { margin-top:10px; font-size:14px; color:#8d8d8d;}

.harita { width:100%; margin-top:210px; position:absolute; z-index:112;}
.iletisim { width:100%; max-width:1200px; margin:0 auto; height:550px; padding-top:100px;}
.iletisim ul li { float:left;}
.iletisim p { font-family: 'NexaLight'; color:#000; line-height:22px; margin-top:12px;}
.iletisim h3 { font-family: 'NexaLight'; color:#000; font-size:22px; padding-bottom:20px; padding-top:12px;}
.iletisim b {font-family: 'NexaBold';}

.formm { width:426px;margin-left:40px;}
.iletisim-bilgi { width:480px; }
.iletisim-resim { width:230px; margin-left:40px; padding-top:24px;}

@media only screen and (max-width : 480px) {
   /* Smartphone view: 1 tile */
   .banner-alt { height:200px; background-size:240%;}
   .banner-alt-2 { height:200px; background-size:300%;}
      .hizmet-alt { height:200px; background-size:240%;}

   
.bant-icerik { width:100%; padding-top:220px;} 
.bant-icerik .banner-ustu { position:absolute; width:100%;z-index:2000;  height:40px; background-color:#f2f2f2; margin-top:0px;}

.bant-icerik ul { width:100%; height:640px;  margin:0 auto; margin-top:20px; }
.bant-icerik ul li { width:50%; margin-top:18px;}
.bant-icerik ul li:last-child {width:100%;}
	
.markalar { width:100%; text-align:center; margin:0 auto; margin-top:30px; }
.markalar p {width:100%; padding-top:10px;}
.markalar img {width:100%;}


.kozmetik { width:100%;}
.kozmetik h3 {width:100%;}
.kozmetik img {width:100%;}

.instagram { width:100%;} 
.instagram img {width:100%;}
nav { display:none;}
.footer-bg { display:none; }
.harita { margin-top:10px; }
.kozmetik img {width:100%;}

.iletisim {padding-top:30px;}
.formm { width:100%;margin-left:0px; margin-top:40px;}

iletisim-bilgi { width:100%; }

.iletisim-resim { width:100%; margin-left:0px; padding-top:24px;}
.iletisim-resim img { width:100%;}


.hakkimizda { width:100%; height:564px; background-color:#000;}
.hakkimizda ul { width:100%; max-width:1200px; margin:0 auto;}
.hakkimizda ul li { width:100%; margin-top:50px; float:left;text-align: center;}
.hakkimizda ul li:first-child { width:100%; margin-top:-50px;}
.hakkimizda p { padding-left:20px; padding-right:20px; }

.hakkimizda h4 { padding-left:20px; padding-right:20px; }
.hakkimizda ul li:last-child img { width:100%;}
}

@media only screen and (min-width:481px) and (max-width: 1200px)  {
	.bant-icerik { width:100%; padding-top:400px;} 
.bant-icerik .banner-ustu { position:absolute; width:100%;z-index:2000;  height:40px; background-color:#f2f2f2; margin-top:0px;}
.footer-bg { display:none; }
.harita { margin-top:10px; }
nav { display:none;}
.bant-icerik ul { height:450px; }
.bant-icerik ul li { width:33%; margin-top:18px;}

.hakkimizda { width:100%; height:564px; background-color:#000;}
.hakkimizda ul { width:100%; max-width:1200px; margin:0 auto;}
.hakkimizda ul li { width:100%; margin-top:50px; float:left;text-align: center;}
.hakkimizda ul li:first-child { width:100%; margin-top:-50px;}

}