@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700,900&subset=latin-ext');
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:wght@300;400;500;600;700;800&subset=latin-ext';

body {
    background: #eee;
    padding:  0;
    color: #686b70;
    font-size: 15px;
    font-family: Open Sans, sans-serif;
    line-height: 1.80857;
    margin: 0;
	position: relative;
}
*{ outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }

.clear {
    clear: both;
}
img {
    border: 0px !important;
}
a {
    text-decoration: none;
    outline: 0;
}
.trans,
.trans a,
.trans li,
.trans div,
.trans strong,
.trans span,
.trans button,
.trans h1,
.trans h2,
.trans h3,
.trans h4,
.trans i,
.trans p,
.trans a:after,
.trans img,
.trans input {
    transition: all 400ms;
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
}
hr {
    border: 0;
    height: 1px;
    background: #ececec;
}


.site {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}

.site_urun {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.header{padding:10px 0px;height:99px;background: rgb(255, 255, 255);position: fixed;width: 100%;left: 0px;right: 0px;z-index: 9999;box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important;}
.header .logo{display:block;width: 326px;float:left;}
.header .header-right{ display:block; float:right;  }
.header .header-right .social-icon{ text-align:right;padding-top:5px; padding-bottom:10px; }
.header .header-right .social-icon a{ color:#fff; padding:10px }


.header .header-right .menu ul{ padding:0; margin:0; list-style:none; }
.header .header-right .menu ul li { display:inline-block; vertical-align:top;  }
.header .header-right .menu ul li a{color: #515151;font: 600 16px/3 Open Sans,arial,sans-serif;text-transform:uppercase;padding:6px 14px;position:relative;}
.header .header-right .menu ul li a:after{position: absolute;content: '';display: block;height: 2px;width: 0;bottom: 0;left: 0;right: 0;margin: auto;background: #f2c542;-webkit-transition: width, 0.2s;transition: width, 0.2s;}
.header .header-right .menu ul li:hover > a:after{ width: 2.5em !important; }
.header .header-right .menu ul li:hover ul{ display:block; }
.header .header-right .menu ul li ul{ position:absolute; display:none; z-index:99999; overflow:hidden; }
.header .header-right .menu ul li ul li{background: #767676;display:block;}
.header .header-right .menu ul li ul li a{color:#fff;font: 15px/3 Open Sans,arial,sans-serif;display:block;padding:4px 14px !important;}
.header .header-right .menu ul li ul li a:after{ left:0; margin:0; height:1px;}
.header .header-right .menu ul li ul li a:hover:after{width:300% !important;background: #ffffff;}


.header.headerTam{background: #fff;position:relative;border-bottom:2px solid #222;}
.header.headerTam .logo{/* background:#832C67; */padding-left:5%;padding-top:20px;margin-top:-10px;height:100px;}
.header.headerTam .logo img{
    max-width: 100%;
}


.manset{ width:100%; height:100vh;  position:absolute; left:0; top:0; z-index:1; overflow:hidden; text-align:center }
.manset img{ max-width:100%; height:auto; }
.banner-text{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0;right: 0;max-width: 1300px; margin:0 auto; width: 100%;z-index: 999; text-align:left; }
.basliks {text-transform: uppercase;color: #2c3740 !important;font-size: 13px;font-family:Open Sans,arial,sans-serif; background: #ffffff;display: block;width: 162px;text-align: center;padding: 8px 0; padding-bottom:8.6px; position: relative;margin-bottom: 10px;transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;}
.basliks:after {border-left: 8px solid #ffffff;border-right: 8px solid transparent;border-top: 20px solid transparent;border-bottom: 20px solid #ffffff;content: "";position: absolute;right: -16px;top: 0;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
.banner-text h3 {font-weight: 900;letter-spacing: -0.9px;white-space: normal;color: #fff;padding:0;margin:0;font:normal 48px 'Open Sans', sans-serif;margin-bottom: 20px;line-height:1.2;text-transform: uppercase;margin-bottom:10px;}
.banner-text a {font-weight: 900;white-space: normal;color: #fff;padding:0;margin:0;font:normal 14px 'Open Sans',Arial, sans-serif;margin-bottom: 10px;line-height:1.2;text-transform: uppercase;padding:15px 20px;background:#222;display:inline-block;}
.banner-text a:hover{ background:#fff; color:#222; }
.caption {width: 476px;position:relative;}

.swiper-container {width: 100%;height: 100vh;}
.swiper-slide {background-position: center;background-size: cover; }
.swiper-slide:before{ background:rgba(0,0,0,.1); content:''; left:0; top:0; width:100%; height:100%; position:absolute; z-index:10}
.swiper-slide .caption{  }
.swiper-slide .banner-text{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0;right: 0;max-width: 1300px;margin: 0 auto;margin-top:70px;width: 100%;z-index: 999; text-align:left;	}


.sayfaO{ position:relative; z-index:5; background:#fff; }

.centerBar{ background:#222; margin-top:-2px; }
.centerBar a{ display:inline-block;  color:#fff; font:normal 13px/5em Open Sans,arial,sans-serif; text-transform:uppercase; max-width:280px; padding:0px 35px; position:relative; vertical-align:top; 
text-align:center;    } 
.centerBar a:hover{ background:#141414; }

#title{ font:normal 24px Open Sans,arial,sans-serif; color:#222; text-transform:uppercase; position:relative; padding-bottom:10px; margin-bottom:5px;  }
#title span{ font-family:Open Sans; }
.titleB:before{   position: absolute; content: ''; display: block; height: 2px; width: 2.5em !important;bottom: 0;left: 0;right: 0;background: #AE0000; -webkit-transition: width, 0.2s;transition: width, 0.2s; }

.customNavigation{ text-align:right; position:absolute; right:0; top:0; }
.customNavigation a{ display:inline-block; padding:10px 20px; background:#e3e3e3; color:#222; font-size:18px; cursor:pointer; }
.customNavigation a:hover{ background:#f5f5f5; }

.urunler { padding:20px 0px; position:relative;}
.urunler .urunler-ic { padding:10px 0px;  background:#fff; margin-top:20px; }
.urunler .urunler-ic .urunPen{display:inline-block;position:relative;width: 225px;vertical-align:middle;background:#fff;}
.urunler .urunler-ic .urunPen.renk-kirmizi .urunPen-ic{ background:#e1e1e1; }
.urunler .urunler-ic .urunPen.renk-siyah .urunPen-ic{ background:#222; }
.urunler .urunler-ic .urunPen .urunPen-ic{ background:#E9E9E9; min-height:100px; }
.urunler .urunler-ic .urunPen .urunPen-ic:hover{ background:#bbb; -webkit-transition: width, 0.4s; transition: width, 0.4s; }
/*.urunler .urunler-ic .urunPen:last-child .urunPen-ic{ margin-right:0; }*/
.urunler .urunler-ic .urunPen a.urunLink .urunResim{background:#fff;text-align:center;height: 15em;position:relative;}
.urunler .urunler-ic .urunPen a.urunLink .urunResim img{display: block;text-align: center;margin: 0 auto;max-width: 100%;margin: auto;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 100%;width: auto;}
.urunler .urunler-ic .urunPen a.urunLink strong{font: normal 16px Open Sans,arial,sans-serif;color:#222;display:block;padding:10px 15px;}
.urunler .urunler-ic .urunPen a.urunLink p{font: normal 13px/28px Open Sans,arial,sans-serif;color:#444;display:block;padding:10px 15px;margin:0;padding-top:0;}
.urunler .urunler-ic .urunPen a.detayliIncele{ margin-top:20px; padding:10px; display:block; text-align:right; color:#222; }
.urunler .urunler-ic .urunPen.renk-kirmizi a,.urunler .urunler-ic .urunPen.renk-siyah a{ color:#fff; }
.urunler .urunler-ic .urunPen.renk-kirmizi a.urunLink strong,.urunler .urunler-ic .urunPen.renk-siyah a.urunLink strong{ color:#fff; }
.urunler .urunler-ic .urunPen.renk-kirmizi a.urunLink p,.urunler .urunler-ic .urunPen.renk-siyah a.urunLink p{ color:#fff; }

.urunler .urunler-ic.urunler-ic-p .urunPen a.urunLink strong{ font-size:15px; text-align:center }


.owl-carousel .owl-item img { -webkit-transform-style: flat !important; }
#tumUrunler{ display:block; padding:10px 20px; width:20em; background:#ededed; margin:0 auto; text-align:center; margin-top:20px; border-radius:4px; color:#222; font:normal 14px/28px Open Sans,arial,sans-serif; text-transform:uppercase}
#tumUrunler:hover{ background:#222; color:#fff; }
.haberList #tumUrunler{ background:#fff; }

.gatasesIsitme{background:#ededed;padding:20px 0px;/* margin:20px 0px; */}
.gatasesIsitme .gatasesIsitme-Ic{}
.gatasesIsitme .gatasesIsitme-Ic .gatases-resim { width:30em; display:inline-block; margin-right:20px; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-resim img{ max-width:100%; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-icerik { width:55em; display:inline-block; color:#333}


.gatasesIsitme-video{background: url(/res/kitchen.jpg);background-size: 100%;background-position: center center;padding: 8rem 0px;}
.gatasesIsitme-video .gatasesIsitme-Ic{ padding:10px 0px; }
.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list { margin-top:20px; }
.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen{ display:inline-block; position:relative; width:315px; vertical-align:middle; background:#fff;  }
.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen a .videoResim{}
.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen a .videoResim img{ max-width:100%; }
.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen a .videoBilgi strong{ font:normal 18px Open Sans,arial,sans-serif; color:#222; display:block; padding:10px 0px; } 
.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen a .videoBilgi p{ padding:0; margin:0; color:#444;  }

.evinizeGelelim{ position:relative; }
.evinizeGelelim-banner { display: inherit; } 
.evinizeGelelim-banner img{ top: 0;left: 0; width: 100%;background-size: cover;background-position: 50% 0%; background-repeat: no-repeat;display: block;}
.evinizeGelelim-icerik {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.evinizeGelelim-icerik-alan {position: relative;width: 74rem; max-width: 90%;margin: 0 auto;min-height: 100%;} 
.evinizeGelelim-icerik-alan-ic {float: none;right: 0;max-width: 40%;width: 40%;padding: 0;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);	position:absolute;}
.evinizeGelelim-icerik-yazi{display: inline-block;width: 100%;color:#fff;}
.evinizeGelelim-icerik-yazi h2{ font:800 40px Roboto Slab,Open Sans,arial,sans-serif;  }
.evinizeGelelim-icerik-yazi p{ font:normal 20px Roboto Slab,Open Sans,arial,sans-serif; padding:0; margin-bottom:30px;  }
.evinizeGelelim-icerik-yazi a{ display:inline-block;   padding:15px 20px; font:normal 16px Roboto Slab,Open Sans,arial,sans-serif; color:#222; margin-left:-1px; }
.evinizeGelelim-icerik-yazi a:first-child{ margin-right:5px; border:4px solid #eee; color:#fff; }
.evinizeGelelim-icerik-yazi a:last-child{margin-left:5px;border: 4px solid #F1BB1B;color:#fff;}
.evinizeGelelim-icerik-yazi a:first-child:hover{ border:4px solid transparent; background:#fff; color:#222 }
.evinizeGelelim-icerik-yazi a:last-child:hover{ border:4px solid transparent; background:#222; color:#fff }


.gatasesHaberleri{ padding:25px 0px; background:#EEEEEE }
.gatasesHaberleri ul{ padding:0px; margin:0px; margin-top:20px; list-style:none; position:relative; }
.gatasesHaberleri ul li{ width:33%; margin-left:-3px; display:inline-block; vertical-align:top;position:relative; margin-bottom:20px; }
.gatasesHaberleri ul li .haberListA{ color:#2c3740; padding-right:15px;}
.gatasesHaberleri ul li .haberListA a{ color:#2c3740; }
.gatasesHaberleri ul li .haberListA a:hover{ color:#555; }
.gatasesHaberleri ul li .haberBilgi{ padding:15px; background:#fefefe;   }
.gatasesHaberleri ul li .haberResim img{ width:100%; height:auto; }
.gatasesHaberleri ul li strong{ font:normal 19px 'Open Sans',Arial, sans-serif; display:block; padding:10px 0px; min-height:70px; }
.gatasesHaberleri ul li p{ padding:0; margin:0; font:normal 15px/29px 'Open Sans',Arial, sans-serif; min-height:110px; }
.gatasesHaberleri ul li .haberAlt{ padding:10px 15px; position:relative; }
.gatasesHaberleri ul li .haberAlt a{ position:absolute; right:10px; top:15px; font:normal 12px 'Open Sans',Arial, sans-serif; color:#000; }
.gatasesHaberleri ul li .haberAlt a i{ margin-left:6px; font-size:12px; }
.gatasesHaberleri ul li .haberAlt a:hover{ color:#555; }
.gatasesHaberleri ul li .haberAlt a:hover i{ margin-left:30px;  }



.bizSiziArayalim{ padding:30px 0px; background:#222; }
.bizSiziArayalim .siziArayalimSol{ color:#fff;font:normal 19px 'Open Sans',Arial, sans-serif; display:inline-block; }
.bizSiziArayalim .siziArayalimSag{  display:inline-block; padding-left:65px; }
.bizSiziArayalim .siziArayalimSag .formIn{ display:inline-block; width:390px; }
.bizSiziArayalim .siziArayalimSag .formIn input{ padding:10px; background:#fff; width:97%; border:0px;font:normal 14px 'Open Sans',Arial, sans-serif; }
.bizSiziArayalim .siziArayalimSag button{  padding:9px 15px; background:#e1e1e1; color:#fff;  border:0px;font:normal 14px 'Open Sans',Arial, sans-serif; display:inline-block; }

.iletisimBar{background: #787878;color:#fff;position:relative;overflow:hidden;padding:20px 0px;}
.iletisimBar strong{text-transform:uppercase;font: 16px/22px Open Sans, sans-serif;}
.iletisimBar p{font: 13px/22px Open Sans, sans-serif;padding:5px 0px;margin:0;color:#ddd;}
.iletisimBar  a{position:absolute;right:0;top:6px;background:#222;padding:10px 30px;font: 15px/22px Open Sans, sans-serif;color:#fff;}

/* SAYFA */

.sayfa-ust{-webkit-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;-webkit-overflow-scrolling:touch;position:absolute;top:0;width:100%;left:0}
.sayfa-resim{position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-position:center top;background-repeat:no-repeat;background-size:cover;min-height:30em;width:100%; background-size:100% auto; background-attachment:fixed; }
.sayfa-baslik{font-family:Open Sans,Helvetica,Arial,sans-serif;position:absolute;bottom:0;left:0;width:100%;box-sizing:inherit}
.sayfa-baslik .sayfa-baslik-ust{background:linear-gradient(to right,#efefef 0%,#efefef 25%,transparent 25%,transparent 100%);display:block;position:relative}
.sayfa-baslik .sayfa-baslik-ust h1{display:inline-block;position:relative;background-color:#efefef;min-width:300px;z-index:2;font-weight:900;margin:0;padding:30px 0;font-size:41px;text-transform:uppercase;font-family:Open Sans;color:#222; padding-top:16px; padding-bottom:40px;}
.sayfa-baslik .sayfa-baslik-ust h1:after{background:linear-gradient(to top right,#efefef 0%,#efefef 50%,transparent 50%,transparent 100%);content:'';width:72px;height:100%;position:absolute;top:0;right:-72px}

.sayfa-baslik-alt{position:relative;background:#efefef;margin-top:-50px;z-index:3}
.sayfa-baslik-alt p{padding:0;margin:0;font:18px Open Sans}



.sayfa-icerik{ min-height:25em; }
.sayfa-icerik .sayfa-yazi{ padding:0;margin:0;font:16px/29px Open Sans; color:#222 }
.sayfa-icerik .sayfa-yazi.sayfa-yazi-sol{ width:56em; display:inline-block; vertical-align:top; margin-right:1em; }
.sayfa-icerik .sayfa-sag{ width:24em; display:inline-block; vertical-align:top; }
.sayfa-icerik .sayfa-gorsel{  }
.sayfa-icerik .sayfa-gorsel img{ max-width:100%; height:auto; }
.sayfa-icerik .sayfa-randevu{ background:#fff; padding:10px 20px; position:relative; overflow:hidden; }
.sayfa-icerik .sayfa-randevu h2{ padding:0px;  margin-bottom:20px; font:normal 19px Open Sans; color:#222; text-transform:uppercase; position:relative; z-index:5 } 
.sayfa-icerik .sayfa-randevu p{ color:#222; font-size:12px; line-height:1.4em; margin-bottom:20px; }
.sayfa-icerik .sayfa-randevu form{ padding-bottom:15px; }
.sayfa-icerik .sayfa-randevu form .formIn{ background:#dedede; }
.sayfa-icerik .sayfa-randevu form .formIn input,.sayfa-icerik .sayfa-randevu form .formIn textarea{ color:#222; }
.sayfa-icerik .sayfa-iletisim{background: #333;padding:10px 20px;position:relative;overflow:hidden;color:#fff;margin-bottom:10px;}
.sayfa-icerik .sayfa-iletisim p#sayfaBaslik{ font:normal 18px Open Sans; text-transform:uppercase; display:block; border-bottom:1px solid #701f55; padding-bottom:8px; }
.sayfa-icerik .sayfa-iletisim p#sayfaBaslik strong{ font:normal 18px Open Sans;}
.sayfa-icerik .sayfa-iletisim  span{ width:60px; display:inline-block; font-weight:800; }
/* SAYFA */



.sayfaBar{ background:#fff !important; }
.form-ust .form-kontrol{ display:block; width:95%; padding:10px;  border:1px solid #ccc; border-radius:5px; margin-bottom:15px; font:12px arial,sans-serif; }
.form-ust label{ margin-bottom:10px; display:block;font:bold 13px Arial,sans-serif;  }
.form-ust button{ transition-property: background-color,border-color;background-color: #595959; font:bold 15px Roboto Slab,sans-serif; white-space: nowrap;color: #fff;border: 0;border-radius: 5px;outline: 0;cursor: pointer; width:100%; line-height: 1; display: block !important;padding: 10px 0;line-height: 1.1; border:0; margin-top:10px;}
.form-ust button:hover{ background:#555; }
.form-ust a.form-link{ font:bold 12px Arial,sans-serif; display:block; padding-bottom:10px; padding-top:10px; color:#555 }
.form-ust label#bilgis{ text-align:left; }
.form-ust label#bilgis span{ display:block; font:11px arial,sans-serif; margin:2px 0px;}



.buton{ display:inline-block; padding:10px 15px; font:600 14px Source Sans Pro,sans-serif; color:#fff; border:0; background:none; border-radius:4px; cursor:pointer }
.buton.buton-mavi{ background:#004E90;}
.buton.buton-mavi:hover{ background:#035ba6; }
.buton.buton-gri{ background:#dadada; color:#616161}

.pozisyon-list div.ustpen{ background:#222; padding:10px 15px; color:#fff; border-bottom:2px solid #bbb; margin-bottom:10px; cursor:pointer }
.pozisyon-list div.ustpen span{  padding:5px 0; font:300 15px Pt Sans,sans-serif;}
.pozisyon-list div.ustpen i{ float:right; }
.pozisyon-list div.ustpen strong#sure{ font-weight:500; color:#EE1A30; vertical-align:top; margin-left:10px; }
.pozisyon-list div.ustpen .pozisyon-aciklama{ clear:both; background:#fff; margin:0 -20px; margin-bottom:-20px; margin-top:12px; font:normal 14px Arial,sans-serif; line-height:22px; color:#222; padding:10px 20px; display:none; border-top:1px solid #ebebeb }
.pozisyon-list div.ustpen  b{  display:inline-table; position:relative; top:-2px; font-weight:normal; font-size:12px; color:#fff; margin-left:20px; }
.pozisyon-list .pozisyon-aciklama ul{list-style-type: disc;   list-style-position: inside; }
.pozisyon-list .pozisyon-aciklama ol{   list-style-type: decimal;    list-style-position: inside;  }


.table-style {font-family: Arial,verdana,sans-serif;font-size:13px;color:#fff;border-width: 1px;border-color: #eee;border-collapse: collapse;}
.table-style th {border-width: 1px;padding: 8px;border-style: solid;border-color: #eee;background-color: #555;}
.table-style td {border-width: 1px;padding: 8px;border-style: solid;border-color: #eee;color:#222;background-color: #ffffff;}



.urunBar .penAyir {
    background: #787878;
    height: 130px;
    border-bottom: 2px inset #666;
}

.urunBar .penAyir2 {
    width: 100%;
    height: 370px;
    overflow: hidden;
    margin-bottom: 6px;
}

.urunBar { height:100%; background:#e5e5e5; position:relative;}
.urunBar hr{ height:1px; background:#cbcbcb; border:0; margin:10px 0px; }
.urunBar .urunSayfaBaslik{padding:  20px 50px; background:#fff;-webkit-box-shadow: 0 1px 2px #ccc;box-shadow: 0 1px 2px #ccc;}
.urunBar .urunSayfaBaslik h2{padding:0px;margin:0px;list-style:none;font: 30px Open Sans,sans-serif;color:#333}
.urunBar .urunSayfaBaslik h3#aranan{ padding:10px 15px; margin:0px; list-style:none; font:18px Pt Sans,sans-serif; color:#888; }
.urunBar .urunSayfaBaslik p{font: 15px Open Sans,sans-serif;color:#777;padding:10px 0px;margin:0;}
.urunBar .urunBarDetayAlan{-moz-box-sizing: border-box; position:relative;-webkit-box-sizing: border-box;box-sizing: border-box; max-width:1900px; margin:0px auto; padding-left:400px;}
.urunBar .urunBarResim{ height:73px;  overflow:hidden;}

.urunBar .urunSolBar{ background:#fff; width:349px; position:absolute; top:0px; left:30px; height:100%; border-right:1px solid #dbdbdb; z-index:999 }
.urunBar .urunSolBar a{display:block;font: 300 15px Open Sans,Arial,sans-serif;color:#666;padding: 20px 0;border-top:1px solid #ededed;border-right:2px solid transparent;border-left:0px;padding-left:20px;letter-spacing:-.4px}
.urunBar .urunSolBar a:hover, .urunBar .urunSolBar a.aktif{border-right-color: #F1BB1B;color: #F1BB1B;}
.urunBar .urunSolBar ul{ padding:0; margin:0; list-style:none;}
.urunBar .urunSolBar ul li ul{ display:block; margin:10px 10px;}
.urunBar .urunSolBar ul li ul li a{ font:400 15px Oswald,Pt Sans,sans-serif;text-transform:uppercase; position:relative; }

.urunBar .urunSolBar ul li{ position:relative; }
.urunBar .urunSolBar ul li i{ position:absolute; right:20px; top:25px;}
.urunBar .urunSolBar ul li ul li a.aktif{ border-right:0; border-bottom:1px solid #ddd; }
.urunBar .urunSagBar{width:calc(100%);position:relative; min-height:1100px}
.urunBar .urunSagBar .urunBarDetay-ic{ font:17px PT Sans,sans-serif; color:#555; line-height:1.8; }

.urunBar .urunSolBar .urunBarArama{ padding:10px 20px; position:relative; background:#ececec}
.urunBar .urunSolBar .urunBarArama input{padding:12px 12px;border:1px solid #ddd;font: 16px Open Sans,sans-serif;color:#444;width: calc(100% - 24px);}
.urunBar .urunSolBar .urunBarArama button{ padding:12px 12px; background:none; border:0; position:absolute; color:#777; right:40px; top:13px;}

.urunBar .urunListBar{ padding:  30px 40px; margin:0; list-style:none}
.urunBar .urunListBar li{display: inline-block;padding: 0 0 25px; margin-right:15px;  vertical-align:top;}
.urunBar .urunListBar li a{display: inline-block;background: #fff;text-align:center;padding-bottom:20px;-webkit-box-shadow: 0 1px 2px #ccc;box-shadow: 0 1px 2px #ccc;color:#111;margin-bottom:0px;width:200px;min-height:320px;}
.urunBar .urunListBar li .urunListRes{ height:220px; overflow:hidden; position: relative;}
.urunBar .urunListBar li img{ display:block; text-align:center; margin:0 auto;  max-width:100%; margin: auto;position: absolute;bottom: 0;left: 0;right: 0;top: 0;max-height: 100%;width: auto;}
.urunBar .urunListBar li:hover a{ color:#8E306F; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; }
.urunBar .urunListBar li:hover hr{ background:#8E306F; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms;}

.urunBar .urunListBar li hr{ height:1px; border:0; background:#dbdbdb; margin:15px 20px; padding:0px; }
.urunBar .urunListBar li strong{ padding:10px 15px; display:block; font:500 15px Oswald,Open Sans,sans-serif; color:#222}

/* ÃœRÃœNLER */
.form-ust .formIn{ background:#efefef; margin-bottom:10px; }
.form-ust .formIn input, .form-ust .formIn textarea{ display:block; width:95%; background:none; padding:10px;  border:0;  font:normal 14px Open Sans }
.form-ust label{ margin-bottom:10px; display:block;font:bold 13px Arial,sans-serif;  }
.form-ust button{ background-color: #333333; font:normal 13px Open Sans,Arial,sans-serif; white-space: nowrap;color: #fff;border: 0;outline: 0;cursor: pointer;  line-height: 1; display: block !important;padding: 15px;line-height: 1.1; border:0; margin-top:10px;}
.form-ust button:hover{ background:#555; }
.form-ust a.form-link{ font:bold 12px Arial,sans-serif; display:block; padding-bottom:10px; padding-top:10px; color:#555 }
.form-ust label#bilgis{ text-align:left; }
.form-ust label#bilgis span{ display:block; font:11px arial,sans-serif; margin:2px 0px;}



.urunBarDetayAlan .urunYol{ padding:10px 0px; font:12px Arial, Helvetica, sans-serif; color:#999 }
.urunBarDetayAlan .urunYol i{ margin:0 10px; }
.urunBarDetayAlan .urunYol a{ color:#666; }
.urunBarDetayAlan .urunYol a:hover{ text-decoration:underline; }
.urunDetayBilgi{ }
.urunDetayBilgi .urunDetayBilgiAlan{ margin:15px 0px; padding:20px 0px; background:#fff; }

.urunDetayBilgi .urunDetayBilgiSol{ width:24%;height:100%; display:inline-block; vertical-align:top }
.urunDetayBilgi .urunDetayResim{ max-height:288px; padding-bottom:20px; border-bottom:1px solid #ddd; text-align:center; line-height:320px;  }
.urunDetayBilgi .urunDetayResim img{ width:auto; max-width:100%; max-height:288px; }
.urunDetayBilgi .urunDetayBilgiBolum{ display:inline-block; width:65%; vertical-align:top; padding-left:20px;   border-left:1px solid #dedede; }
.urunDetayBilgi .urunDetayBilgiBolum h3{ font:normal 17px Open Sans,sans-serif; padding:0; margin:0; color:#444 }
.urunDetayBilgi .urunDetayBilgiBolum #urunAciklama{ font:14px/1.6 Arial, Helvetica, sans-serif; color:#444; }
.urunDetayDigerLink a{ display:block;padding:15px 20px; background:#eee; color:#222; font:normal 14px Open Sans,Arial,sans-serif;  margin:4px; }
.urunDetayDigerLink a i{ font-size:19px; margin-right:4px; vertical-align:middle;}
.urunDetayDigerLink a:hover{ background:#f9f9f9; color:#555;}

.benzerUrunler .urunBenzerBaslik{ padding:15px; font:16px Open Sans,sans-serif; background:#fff; border-bottom:1px solid #ccc; border-right:1px solid #ccc;  }
.benzerUrunler .urunBenzerBaslik h4{ display:inline-block; padding:0; margin:0;}
.benzerUrunler .urunListBar{ padding:10px 0; }


.sayfaBar .sayfaBarDetay{ padding:10px 20px; position:relative }
.sayfaBar .sayfaBarDetay h1{ font:300 36px Oswald,sans-serif; color:#555; border-bottom:1px solid #e8e8e8; display:block; padding:10px 0px; margin:0; margin-bottom:20px; padding-right:100px;}
.sayfaBar .sayfaBarDetay .sayfaBarDetay-ic{ }

.sayfaBar .sayfaSolBar{ float:left; width:280px; background:#f2f2f2; margin-bottom:20px;}
.sayfaBar .sayfaSolBar a{ display:block; font:normal 16px Open Sans,Arial,sans-serif; color:#666; padding: 17px 0 18px; text-transform:uppercase; border-bottom: 1px solid #e8e8e8; padding-left:20px;}
.sayfaBar .sayfaSolBar a:hover, .sayfaBar .sayfaSolBar a.aktif{background: #F1BB1B;color:#fff;border-bottom: 1px solid #836200;}
.sayfaBar .sayfaSolBar ul{ padding:0; margin:0; list-style:none;}
.sayfaBar .sayfaSolBar ul li a{ padding-left:0px; letter-spacing:-.3px}
.sayfaBar .sayfaSolBar ul li ul{ display:none;}

.sayfaBar .sayfaSagBar{ float:right; width: 75%;}
.sayfaBar .sayfaSagBar .sayfaBarDetay-ic{ font:17px Open Sans,sans-serif; color:#555; line-height:1.8; }

.haber-sol{ background:#fff; padding:15px !important; } 
.haber-sol .haber-resim{ text-align:center; }
.haber-sol .haber-resim img{ max-width:100%; }
.haber-sol h2{ font-weight:normal; font-family:Open Sans; }
.haber-sol .haberYol{ padding:10px; background:#efefef; font:11px Tahoma,arial,sans-serif; color:#555 }
.haber-sol .haberYol a{ color:#222; }
.haber-sol .haberYol span{ color:#555; }
.haber-sol .haberYol i{ margin-right:10px; }

.iletisim-harita iframe{ width:100%}
.iletisim-bilgi ul{ padding:0px; margin:0; list-style:none; margin-bottom:20px;}
.iletisim-bilgi ul li b{  font:700 24px Pt Sans,sans-serif;}
.iletisim-bilgi ul li { font:15px Pt Sans,sans-serif; color:#222; letter-spacing:0 !important; padding:10px; color:#444; border-bottom:1px solid #ededed }


.isbasvuru-sol{ width:45%; float:left; }
.isbasvuru-sol label { font:500 14px Roboto Slab,sans-serif;}
.isbasvuru-sag{ width:51%; float:right; font:500 14px Roboto Slab,sans-serif; text-align:center; line-height:24px; color:#313131 }
.isbasvuru-sag i{ display:block; text-align:center; font-size:37px; margin:15px 0; color:#FC0 }
.isbasvuru-sag a{ color:#222; text-decoration:underline }


.footer {background: #333;color: #efefef;padding: 45px 0px;position:relative;z-index:97;}
.footer .site{ overflow:hidden;}
.footer h4 {font: normal 16px Open Sans, sans-serif;color: #efefef;padding: 0px;margin: 0px;padding-bottom: 10px;margin-bottom: 10px;position:relative;text-transform:uppercase;margin-bottom:20px;}
.footer h4:after {content:'';width:2em;height:1px;position:absolute;left:0;bottom:0;background: #F1BB1B;}
.footer .foP{display:inline-block;vertical-align:top;margin-right: 12rem;max-width:300px;}
.footer .foP ul{ padding:0; list-style-type:none; margin:0;}
.footer .foP ul li{ display:block; vertical-align:top;  }
.footer .foP ul li a{display:block;font: normal 15px/23px Open Sans,Arial,sans-serif;color:#ddd;padding:10px 5px;margin-right:5px;border-bottom:1px solid #444;}
.footer .foP ul li a:hover{ background:#252525; color:#fff; transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms; -o-transition: all 400ms;}
.footer .foP ul li a:hover i{ color:#98F442; }
.footer .foP ul li a i{ color:#8494a0; margin-right:5px; font-size:12px; line-height }
.footer .iletisimBilgileri {width: 350px;display:inline-block;vertical-align:top;margin-right:25px;}
.footer .iletisimBilgileri  p{ padding:0; margin:0;  color:#8494a0; margin-bottom:20px;  }
.footer .iletisimBilgileri strong{ display:block; padding:15px 0px; font:normal 15px/23px 'Open Sans',Open Sans,Arial,sans-serif; color:#fff; text-transform:uppercase  }
.footer .iletisimBilgileri ul {padding: 0;margin: 0;list-style: none;}
.footer .iletisimBilgileri ul li {padding: 10px 0px;font:normal 14px/22px 'Open Sans',Arial,sans-serif; color:#8494a0; }
.footer .iletisimBilgileri ul li i {width: 20px; color:#fff; }
.footer .footerBilgi{color:#222;padding:0 20px;font:13px arial,sans-serif;display:inline-block;width:330px;text-align:center;right: 0;position: absolute;}
.footer .footerBilgi .footerLogo{ text-align:center;  top:3em; }
.footer .footerBilgi p { line-height:22px; color:#999;  }

.footerBar{background:#222;font: 12px/20px Open Sans,sans-serif;padding:20px 0px;color:#fff;}



.solkat, .sagara{ display:none; }
.solkat{ position:absolute; left:0px; top:0; width:auto; z-index:9999999999999; cursor:pointer; font-size:1.2em;}
.solkat a{padding:10px 20px; color:#ddd;  display:block;height:68px;  line-height:2.5em}
.solkat.aktif a{  color:#111; background:#E9E9E9;  }

.sagara{ position:absolute; right:0px; top:0; width:auto; z-index:9999999999999; cursor:pointer; font-size:1.2em;}
.sagara a{padding:10px 20px; color:#ddd;  display:block;height:68px;  line-height:2.5em}
.sagara.aktif a{  color:#fff; background:#e1e1e1;  }

.mobilMenu, .mobilArama{ position:fixed; top:4.8em; left:0; right:0; bottom:0;  width:100%; color:#222; z-index:999; background:rgba(0,0,0,.3); display:none; overflow:scroll; }
.mobilMenu .mobilMenu-ust{ padding:0 25px; border-bottom:1px solid #ccc; background:#E9E9E9;}
.mobilMenu .mobilMenu-ust a{ display:inline-block; padding:15px 15px; margin-left:-3px; width:calc(100% / 2);  font:normal 14px Open Sans,Arial,sans-serif; color:#555; }
.mobilMenu .mobilMenu-ust a:first-child{ border-right:1px solid #ccc; }
.mobilMenu .mobilMenu-ust a i{ margin-right:5px;}
.mobilMenu .sosyalMedya{ padding:0 25px; border-bottom:1px solid #A43C55; background:#222; text-align:center;}
.mobilMenu .sosyalMedya a{ color:#fff; display:inline-block; font-size:14px; padding:10px 15px; }

.mobilMenu .mobilMenu-orta{ background:#E9E9E9;  padding:0 15px;}
.mobilMenu .mobilMenu-orta ul{ padding:0; margin:0; list-style:none;}
.mobilMenu .mobilMenu-orta ul li { display:block; padding:0 10px; background:#fff; }
.mobilMenu .mobilMenu-orta ul li:last-child a{ border-bottom:0;}
.mobilMenu .mobilMenu-orta ul li a{ display:block; position:relative; padding:15px; color:#333;  font:normal 14px Open Sans,Arial,sans-serif; color:#555; border-bottom:1px solid #ececec; }
.mobilMenu .mobilMenu-orta ul li a span{ position:absolute; right:15px; margin-top:-10px; top:50%; }
.mobilMenu .mobilMenu-orta ul li .mobilMenu-diger { margin:0 -10px; display:none; }
.mobilMenu .mobilMenu-orta ul li .mobilMenu-diger ul{ }
.mobilMenu .mobilMenu-orta ul li .mobilMenu-diger li{ background:#e1e1e1;  }
.mobilMenu .mobilMenu-orta ul li .mobilMenu-diger li a{ border-bottom:1px solid #ccc;}
.mobilMenu .mobilMenu-orta ul li a.aktif { border-bottom:none; color:#000;}
.mobilMenu .mobilMenu-orta ul li .mobilMenu-diger li:last-child a{ border-bottom:0;}

.toggleMenu{ display:none; width:100%;  font:normal 14px Open Sans,Arial,sans-serif; color:#fff; padding: 14px  10px; border-radius:0; border:0; background:#222 }

.mobilArama .mobilArama-ic{ display:block; background:#e1e1e1; color:#fff; padding:20px; }
.mobilArama .aramaIn{ display:inline-block; width:80%; background:#fff; text-align:left;  vertical-align:top; }
.mobilArama .aramaIn input{ width:100%; padding:10px 6px; olor:#222;  border:0; font:13px Open Sans,arial,sans-serif; }
.mobilArama .aramaBu{ display:inline-block; width:17%; background:#222; line-height:20px;  vertical-align:top;  text-align:center; margin-left:-4px; border-radius:0 5px 5px 0;}
.mobilArama .aramaBu button{padding:10px 6px; text-align:center; font:normal 14px Open Sans,sans-serif; color:#222; border:0; background:none; color:#fff; cursor:pointer; }
.mobilLogo{ display:none; }


.mansetArama{ position:absolute; padding-top:28em; top:0; z-index:6; right:0; width:100%; }
.mansetArama .mansetAramaIc{ display:table; padding:30px 15px; background:#222; border-radius:4px; width:600px; position:relative; overflow:hidden; position: absolute;right: 0;}
.mansetArama .mansetAramaIc span#kapat{ position:absolute; right:1px; top:15px; color:#fff;  padding:10px 17px; padding-left:30px; border-radius:0 0  0 220px; text-transform:uppercase; font-size:12px; cursor:pointer}
.mansetArama .mansetAramaIc span#kapat i{ font-size:11px; vertical-align:middle; margin-top:-5px; }
.mansetArama .mansetAramaIc h4{ padding:0; margin:0;  font:normal 17px Open Sans,sans-serif; margin-bottom:25px; text-transform:uppercase; color:#fff; display:inline-block; }
.mansetArama .mansetAramaIc form{ display:inline-block; }
.mansetArama .mansetAramaIc .aramaIn{ background:#777; width:470px; display:inline-block; vertical-align:top; position:relative; border-radius:5px 0 0 5px;  }
.mansetArama .mansetAramaIc .aramaIn input{ border:0;padding:15px;  padding-left:40px; width:100%;background:none; font:normal 15px Open Sans,sans-serif; display:block; color:#fff  }
.mansetArama .mansetAramaIc .aramaIn:before {content: "\f002";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;/*--adjust as necessary--*/
 font-size: 18px;padding-right: 0.5em;position: absolute;top: 8px;color:#fff;left: 8px;border-right:1px solid #555;}
.mansetArama .mansetAramaIc .aramaBu{ background:#e1e1e1; width:95px; display:inline-block; vertical-align:top; margin-left:-3px; border-radius:0 5px 5px 0;  }
.mansetArama .mansetAramaIc .aramaBu input{border:0;padding:14px 15px;width:100%;color: #000;background:none;font:normal 15px Open Sans,sans-serif;display:block;}


/* Bilgilendirme */
.alert{ padding: 15px;border: 1px solid transparent; margin:10px 0px; font:15px Roboto Slab,Arial,sans-serif; margin-bottom:15px; border-radius:4px;}
.alert-error{color: #A94442; background-color: #F2DEDE;border-color: #EBCCD1; }
.alert-info{color: #4288a9; background-color: #deecf2;border-color: #cce0eb; }
.alert-success{    color: #3C763D;background-color: #DFF0D8;border-color: #D6E9C6;}
.alert h3{ padding:0; margin:0;}
.alert a{ color:#000; text-decoration:underline}
/* Bilgilendirme */


#videolist{ padding:0; margin:0; list-style:none;}
#videolist li{ display:inline-block; width:23%; background:#fefefe; margin:0 10px; color:#000; vertical-align:top; }
#videolist li img{ max-width:100%; }
#videolist li strong{ display:block; padding:10px 15px; color:#222; font: 700 16px Roboto,Open Sans, sans-serif; }
#videolist li a{ color:#222; }

.proje-list .proje-pencere{background:#fff;padding:10px;border:1px solid #dedede;width:320px;display:inline-block;margin-right:14px;margin-bottom:10px;vertical-align:top;overflow: hidden;}
.proje-list .proje-pencere:hover{ background:#dedede; }
.proje-list .proje-pencere:nth-child(3n){ margin-right:0px; }
.proje-list .proje-pencere .proje-resim {overflow: hidden;height: 198px;}
.proje-list .proje-pencere .proje-resim img{height: 203px;overflow:hidden}
.proje-list .proje-pencere .proje-isim{font:700 18px Pt Sans,sans-serif; color:#454545; padding:10px 0; }

.katalog-list .proje-pencere{width: 220px;text-align:center;height: 220px;overflow: hidden;}
.katalog-list .proje-pencere .proje-resim img{/* max-width:100%; *//* height:auto; */overflow:hidden}

#kadRoList{ padding:0; margin:0; list-style:none; display:table; margin:0 auto; margin-bottom:20px;}
#kadRoList li{ display:inline-block; width:300px; background:#fefefe; margin:0 10px; color:#000; }
#kadRoList li img{ max-width:100%; }
#kadRoList li strong{ display:block; padding:10px 15px; color:#222; font: normal 19px Open Sans, sans-serif; }
#kadRoList li p{ display:block; padding:10px 15px; color:#222; font: normal 14px Open Sans, sans-serif; }
#kadRoList li span{ display:block; padding:9px 15px; color:#222; font: normal 14px Open Sans, sans-serif; }
#kadRoList li span i{ font-size:17px; margin-right:7px; }
#kadRoList li a{ color:#222; }

.grup-list{ padding:0; margin:0; list-style:none; letter-spacing:0;}
.grup-list li{ background:#fff; padding:20px; border-bottom:2px solid #bbb; margin-bottom:10px; display:inline-block; width:49%; vertical-align:top; }
.grup-list li strong{ background:#fff; padding:10px 0; font:700 22px Roboto Slab,sans-serif; line-height:1.7}
.grup-list li p{ font:normal 13px Arial,tahoma,sans-serif; line-height:21px}
.grup-list li .grup-sol{ display:inline-block; width:60%; vertical-align:top;/*! background: red; */}
.grup-list li .grup-sol span.tarih{ font:11px Tahoma,sans-serif; display:block; padding:10px 0; color:#777 }
.grup-list li .grup-sol p{ padding:5px 0; margin:5px 0; }
.grup-list li .grup-sol a, .grup-list li .grup-tam a{ color:#777; }
.grup-list li .grup-sol a:hover, .grup-list li .grup-tam a:hover{ color:#005094}
.grup-list li .grup-sag{ display:inline-block; width:38%; vertical-align:top;  text-align:center; border-left:1px solid #ddd; /*! margin-left:10px; */ padding:10px;}
.grup-list li .grup-sag img{ max-width:100%; /*! height:165px; */ height:auto; }
/*.grup-list.haber-list li .grup-sag img{ height:120px}*/
.grup-list li .grup-sol .urunYol{ margin-top:5px; font:11px tahoma,arial,sans-serif; color:#555;}
.grup-list li .grup-sol .urunYol i{ margin:0 4px;}

#sagHaber { padding:0; margin:0; list-style:none; padding-top:10px; margin-bottom:6px; }
#sagHaber #tekLink{ padding:10px; background:#222; color:#fff; display:block; }
#sagHaber li{ padding:0px; }
#sagHaber li .haberSagLi{ background:#fff; padding:25px; }
#sagHaber li:hover .haberSagLi{ background:#832C67; }
#sagHaber li .haberSagLi .haberRes{ }
#sagHaber li .haberSagLi .haberRes img{ max-width:100%; }
#sagHaber li .haberSagLi strong{ display:block; padding:0 6px;font:15px/24px Open Sans,Arial,sans-serif; color:#222; }
#sagHaber li:hover .haberSagLi strong{ color:#fff; }


.bilgiIcerik{ background:#fff; padding:25px; font:13px/20px Arial,Open Sans,Arial,sans-serif; color:#444}
.bilgiIcerik h2{ padding:20px 0px}



.basvuruAlan{ margin:15px auto; background:#fff; padding:50px; width:1100px;}
.basvuruSol{ width:500px; display:inline-block; vertical-align:middle;  color:#222;}
.basvuruSol h2{ font: 700 33px/43px Raleway,Open Sans, sans-serif; }
.basvuruSol h4{ font: 400 23px/33px Raleway,Open Sans, sans-serif; }
.basvuruSol p{ font: 300 19px/30px Raleway,Open Sans, sans-serif; color:#666 }
.basvuruSag{ width:450px; display:inline-block; vertical-align:middle;border-left:1px solid #ccc; padding-left:30px; margin-left:30px;   }
.basvuruSag h2{ font: 700 25px/35px Raleway,Open Sans, sans-serif; color:#222 }



.basvuruForm form {
    display: block;
}
.basvuruForm form h3 {
    font: normal 24px Raleway,Open Sans, sans-serif;
    padding: 20px 0px;
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
    background: #efefef;
    color: #777;
}
.basvuruForm form h3 span {
    font-family: Raleway,Open Sans, sans-serif;
    display: block;
    padding-top: 10px;
    font-size: 17px;
}
.basvuruForm form p {
    padding: 15px;
    margin: 0;
    font: normal 15px Raleway,Open Sans, sans-serif;
}
.basvuruForm form .basvuruPo {
    padding: 0px;
    margin: 5px 0;
    display: block;
}
.basvuruForm form .basvuruPo input,
.basvuruForm form .basvuruPo textarea {
    border: 0px;
    resize: none;
    width: calc(100% - 0px);
    padding: 15px;
    font: normal 15px Raleway,Open Sans, sans-serif;
    border: 1px solid transparent;
    color: #333;
    background: #efefef;
}


.basvuruForm form .basvuruPo button {
    padding: 10px 15px;
    text-align: center;
    background: #222222;
    color: #fff;
    border: 0px;
    display: inline-block;
    font: normal 14px Raleway,Open Sans, sans-serif;
    cursor: pointer;
}
.basvuruForm form .basvuruPo button:hover {
    background: #832C67;
}



/* Tablet */
@media only screen and (min-width: 0px) and (max-width: 480px) {

.urunBar .penAyir{ height:auto;}

.toggleMenu{ display:block !important;} 
.site{ width:100%; }
.header{ background:#fff; height:auto; position:fixed; width:100%;  }
.solkat, .sagara{ display:block; }
.header .logo{ display:none; }
.header .mobilLogo{ display:block; position:relative;  padding:7px 0px; text-align:center; width:100%; float:none; }
.header .mobilLogo img{ max-width:45%; }
.header .header-right{ display:none; }

.mansetArama{ display:none; }

.banner-text {top: calc(50% + 70px);left: 6%;width: auto;padding:0 20px;}
.caption {width: auto;}
.banner-text h3 { font:normal 30px 'Open Sans', sans-serif;}
.basliks {padding: 10px 0;}
.basliks:after {display: none;}
	
.urunler{ padding:20px 15px; }
.gatasesIsitme, .gatasesIsitme-video{ padding:20px; }
.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen, .urunler .urunler-ic .urunPen{  width:100%; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-resim{ width:100%; margin:0; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-icerik{ width:100%; }
.customNavigation{ position:relative; display:block; }

.bizSiziArayalim{ padding:20px 15px; }
.bizSiziArayalim .siziArayalimSol, .bizSiziArayalim .siziArayalimSag{ display:block; padding:0; }
.bizSiziArayalim .siziArayalimSol{ padding:10px 0px; }
.bizSiziArayalim .siziArayalimSag .formIn{ padding:10px 5px; width:100%; display:block; }
.bizSiziArayalim .siziArayalimSag .formIn input{ display:block; width:100%; }
.bizSiziArayalim .siziArayalimSag button{ display:table; margin:0 auto; width:calc(100% - 10px ); }

.gatasesHaberleri{ padding:20px 15px; }
.gatasesHaberleri ul li{ display:block; width:100%; margin-left:0; margin-bottom:10px; }
.gatasesHaberleri ul li .haberListA{ padding-right:0; }
.gatasesHaberleri ul li .haberAlt{  color:#222; border-bottom:2px solid #ccc;  }


.iletisimBar{ padding:25px 20px; text-align:left; }
.iletisimBar a{ position:relative; padding:10px 50px; margin-top:15px; display:inline-block; }

.evinizeGelelim-banner{ display:block; }
.evinizeGelelim-icerik{ position:relative; overflow:hidden; }
.evinizeGelelim-icerik-alan{ width:100%; margin:0; max-width:100%; padding:10px 15px;  }
.evinizeGelelim-icerik-alan-ic{ position:relative;width:100%; max-width:100%; -webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%); }
.evinizeGelelim-icerik-yazi{ display:block;position:relative; color:#222; }
.evinizeGelelim-icerik-yazi a{display:block; margin:7px 0px !important; background:#222; border:0 !important; }
.evinizeGelelim-icerik-yazi a:hover{ background:#444 !important; }


.sayfaBar .sayfaSolBar, .urunBar .urunSolBar{ display:none; float:none; width:100%; position:relative; left:0; border:0; border-bottom:5px solid #222}
.sayfaBar .sayfaSolBar a{ padding:10px 20px;}
.sayfaBar .sayfaSagBar{ float:none; width:98%; margin:0 auto;}
.urunBar .urunSagBar{ min-height:auto;}
.urunBar .urunBarDetayAlan{ width:100%; padding-left: 0; }
.urunBar .urunSayfaBaslik{ padding:10px 15px;  }
.urunBar .urunSayfaBaslik h2{font-size:22px; padding:0; margin:0; }
.urunBar .urunListBar{ padding:20px 10px; }
.urunBar .urunListBar li strong{ font-size:13px; padding:10px 6px;}

.urunBar .urunListBar li{ display:block; margin:0; width:50%; float:left; }
.urunBar .urunListBar li a{ width:90%; display:block; margin:0 4px;min-height:310px  }



.sayfa-icerik{ min-height:25em; padding:10px 15px; }
.sayfa-icerik .sayfa-yazi{ padding:0;margin:0;font:16px/29px Open Sans; color:#222 }
.sayfa-icerik .sayfa-yazi.sayfa-yazi-sol{ width:100%; display:block; margin-right:0; }
.sayfa-icerik .sayfa-sag{ width:100%; display:block; vertical-align:top; }


.pageBol{ height:auto !important; }
.sayfa-ust{position:relative; background:none; }
.sayfa-resim{position:relative; background:#ddd; min-height:auto; overflow:hidden;}
.sayfa-baslik{position:relative;bottom:0;left:0;width:100%;box-sizing:inherit}

.sayfa-baslik .sayfa-baslik-ust{ background:#ddd; display:block;position:relative; padding:10px 15px; }
.sayfa-baslik .sayfa-baslik-ust h1{display:block;position:relative;background-color:#ddd;min-width:100%;z-index:2;font-weight:900;margin:0;padding:30px 0;font-size:2em;text-transform:uppercase;font-family:Open Sans;color:#222; padding-top:16px; padding-bottom:40px;}
.sayfa-baslik .sayfa-baslik-ust h1:after{ display:none;}

.sayfa-baslik-alt{position:relative;background:#ddd;margin-top:-50px;z-index:3;padding:10px 15px;}
.sayfa-baslik-alt p{padding:0;margin:0;font:18px Open Sans}

.urunDetayBilgi .urunDetayBilgiSol, .urunDetayBilgi .urunDetayBilgiBolum{ width:95%; display:block; margin:0 auto;}
.urunDetayBilgi .urunDetayBilgiSol{ margin-bottom:15px; }
.urunDetayBilgi .urunDetayBilgiBolum{ padding-left:0;  border:0; padding:6px 15px; }



/* SAYFA */



.footer .foP{ display:block; margin:0; margin-bottom:20px; padding:0 10px; max-width:100% !important; width:auto; }
.footer .foP ul{ padding:0; list-style-type:none; margin:0;}
.footer .foP ul li{ display:block; }
.footer .foP ul li a{ margin-right:0; }
.footer .foP ul li a:hover{ background:#252525; color:#fff; transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms; -o-transition: all 400ms;}
.footer .foP ul li a:hover i{ color:#98F442; }
.footer .foP ul li a i{ color:#8494a0; margin-right:5px; font-size:12px; line-height }
.footer .footerBilgi{ width: 100%; padding: 15px 30px; }
.footerBar{ padding:10px 15px; }

}

/* Tablet */
@media only screen and (min-width: 650px) and (max-width: 950px) {

.site { width:650px; }
.solkat, .sagara{ display:block; }
.header .logo{ display:none; }
.header .mobilLogo{ display:block; position:relative;  padding:7px 0px; text-align:center; width:100%; float:none; }
.header .mobilLogo img{ max-width:45%; }
.header .header-right{ display:none; }
.header.headerTam{ background:rgba(0,0,0,.5);border-bottom: 2px solid rgba(0,0,0,.3); }

.swiper-slide .banner-text{ max-width:650px; }
.mansetArama{ display:none; }
.header .header-right { display:none; }
.urunBar .urunSolBar{ width:240px; }
.urunBar .urunBarDetayAlan{ padding-left:290px; }
.urunDetayBilgi .urunDetayBilgiSol{ width:100%; display:block; }
.urunDetayBilgi .urunDetayBilgiBolum{ width:100%; display:block; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-resim{ width:100%; vertical-align:top; display:block; text-align:center; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-resim img{ max-width:50%; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-icerik{ width:100%; vertical-align:top; display:block; text-align:center; }
.gatasesHaberleri ul li{ width: 50%; }

.centerBar{ display:none; }

.evinizeGelelim-banner{ display:block; }
.evinizeGelelim-icerik{ position:relative; overflow:hidden; }
.evinizeGelelim-icerik-alan{ width:100%; margin:0; max-width:100%; padding:10px 15px;  }
.evinizeGelelim-icerik-alan-ic{ position:relative;width:100%; max-width:100%; -webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%); }
.evinizeGelelim-icerik-yazi{ display:block;position:relative; color:#222; }
.evinizeGelelim-icerik-yazi a{display:block; margin:7px 0px !important; background:#222; border:0 !important; }
.evinizeGelelim-icerik-yazi a:hover{ background:#444 !important; }

.sayfa-icerik{ min-height:25em; padding:10px 15px; }
.sayfa-icerik .sayfa-yazi{ padding:0;margin:0;font:16px/29px Open Sans; color:#222 }
.sayfa-icerik .sayfa-yazi.sayfa-yazi-sol{ width:100%; display:block; margin-right:0; }
.sayfa-icerik .sayfa-sag{ width:100%; display:block; vertical-align:top; }

.sayfa-resim{ min-height:20em; }
.pageBol{ height:13em !important; }

.urunBar .urunListBar li{ width:45%; }
.urunBar .urunListBar li a{ width:100%; }
.urunBar .urunListBar li img{ max-width:100%; height:auto;  }
}

@media only screen and (min-width: 480px) and (max-width: 650px) {
	
	
.urunBar .penAyir{ height:auto;}

.toggleMenu{ display:block !important;} 
.site{ width:450px; }

.swiper-slide .banner-text{ max-width:450px; }
.header{ background:#fff; height:auto; position:fixed; width:100%;  }
.solkat, .sagara{ display:block; }
.header .logo{ display:none; }
.header .mobilLogo{ display:block; position:relative;  padding:7px 0px; text-align:center; width:100%; float:none; }
.header .mobilLogo img{ max-width:45%; }
.header .header-right{ display:none; }

.mansetArama{ display:none; }

.banner-text {top: calc(50% + 70px);left: 6%;width: auto;padding:0 20px;}
.caption {width: auto;}
.banner-text h3 { font:normal 30px 'Open Sans', sans-serif;}
.basliks {padding: 10px 0;}
.basliks:after {display: none;}
	
.urunler{ padding:20px 15px; }
.gatasesIsitme, .gatasesIsitme-video{ padding:20px; }
.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen, .urunler .urunler-ic .urunPen{  width:100%; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-resim{ width:100%; margin:0; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-icerik{ width:100%; }
.customNavigation{ position:relative; display:block; }

.bizSiziArayalim{ padding:20px 15px; }
.bizSiziArayalim .siziArayalimSol, .bizSiziArayalim .siziArayalimSag{ display:block; padding:0; }
.bizSiziArayalim .siziArayalimSol{ padding:10px 0px; }
.bizSiziArayalim .siziArayalimSag .formIn{ padding:10px 5px; width:100%; display:block; }
.bizSiziArayalim .siziArayalimSag .formIn input{ display:block; width:100%; }
.bizSiziArayalim .siziArayalimSag button{ display:table; margin:0 auto; width:calc(100% - 10px ); }

.gatasesHaberleri{ padding:20px 15px; }
.gatasesHaberleri ul li{ display:block; width:100%; margin-left:0; margin-bottom:10px; }
.gatasesHaberleri ul li .haberListA{ padding-right:0; }
.gatasesHaberleri ul li .haberAlt{  color:#222; border-bottom:2px solid #ccc;  }


.iletisimBar{ padding:25px 20px; text-align:left; }
.iletisimBar a{ position:relative; padding:10px 50px; margin-top:15px; display:inline-block; }

.evinizeGelelim-banner{ display:block; }
.evinizeGelelim-icerik{ position:relative; overflow:hidden; }
.evinizeGelelim-icerik-alan{ width:100%; margin:0; max-width:100%; padding:10px 15px;  }
.evinizeGelelim-icerik-alan-ic{ position:relative;width:100%; max-width:100%; -webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%); }
.evinizeGelelim-icerik-yazi{ display:block;position:relative; color:#222; }
.evinizeGelelim-icerik-yazi a{display:block; margin:7px 0px !important; background:#222; border:0 !important; }
.evinizeGelelim-icerik-yazi a:hover{ background:#444 !important; }


.sayfaBar .sayfaSolBar, .urunBar .urunSolBar{ display:none; float:none; width:100%; position:relative; left:0; border:0; border-bottom:5px solid #222}
.sayfaBar .sayfaSolBar a{ padding:10px 20px;}
.sayfaBar .sayfaSagBar{ float:none; width:98%; margin:0 auto;}
.urunBar .urunSagBar{ min-height:auto;}
.urunBar .urunBarDetayAlan{ width:100%; padding-left: 0; }
.urunBar .urunSayfaBaslik{ padding:10px 15px;  }
.urunBar .urunSayfaBaslik h2{font-size:22px; padding:0; margin:0; }
.urunBar .urunListBar{ padding:20px 10px; }
.urunBar .urunListBar li strong{ font-size:13px; padding:10px 6px;}
.urunBar .urunListBar li{ display:block; margin:0; width:50%; float:left; }
.urunBar .urunListBar li a{ width:90%; display:block; margin:0 4px;min-height:310px  }


.sayfa-icerik{ min-height:25em; padding:10px 15px; }
.sayfa-icerik .sayfa-yazi{ padding:0;margin:0;font:16px/29px Open Sans; color:#222 }
.sayfa-icerik .sayfa-yazi.sayfa-yazi-sol{ width:100%; display:block; margin-right:0; }
.sayfa-icerik .sayfa-sag{ width:100%; display:block; vertical-align:top; }


.pageBol{ height:auto !important; }
.sayfa-ust{position:relative; background:none; }
.sayfa-resim{position:relative; background:#ddd; min-height:auto; overflow:hidden;}
.sayfa-baslik{position:relative;bottom:0;left:0;width:100%;box-sizing:inherit}

.sayfa-baslik .sayfa-baslik-ust{ background:#ddd; display:block;position:relative; padding:10px 15px; }
.sayfa-baslik .sayfa-baslik-ust h1{display:block;position:relative;background-color:#ddd;min-width:100%;z-index:2;font-weight:900;margin:0;padding:30px 0;font-size:2em;text-transform:uppercase;font-family:Open Sans;color:#222; padding-top:16px; padding-bottom:40px;}
.sayfa-baslik .sayfa-baslik-ust h1:after{ display:none;}

.sayfa-baslik-alt{position:relative;background:#ddd;margin-top:-50px;z-index:3;padding:10px 15px;}
.sayfa-baslik-alt p{padding:0;margin:0;font:18px Open Sans}

.urunDetayBilgi .urunDetayBilgiSol, .urunDetayBilgi .urunDetayBilgiBolum{ width:95%; display:block; margin:0 auto;}
.urunDetayBilgi .urunDetayBilgiSol{ margin-bottom:15px; }
.urunDetayBilgi .urunDetayBilgiBolum{ padding-left:0;  border:0; padding:6px 15px; }



/* SAYFA */



.footer .foP{ display:block; margin:0; margin-bottom:20px; padding:0 10px; max-width:100% !important; width:auto; }
.footer .foP ul{ padding:0; list-style-type:none; margin:0;}
.footer .foP ul li{ display:block; }
.footer .foP ul li a{ margin-right:0; }
.footer .foP ul li a:hover{ background:#252525; color:#fff; transition: all 400ms;-moz-transition: all 400ms;-webkit-transition: all 400ms; -o-transition: all 400ms;}
.footer .foP ul li a:hover i{ color:#98F442; }
.footer .foP ul li a i{ color:#8494a0; margin-right:5px; font-size:12px; line-height }
.footer .footerBilgi{ width:100%; padding:15px 30px; }
.footerBar{ padding:10px 15px; }
	
}
.count-box{background: #0000006b; border-radius: 1rem;}
		.counters {
			color: #fff;
		}

		.counters .container {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			grid-gap: 30px;
			text-align: center;
		}

		.counters i {
			color: lightskyblue;
			margin-bottom: 5px;
		}

		.counters .counter {
			font-size: 45px;
			margin: 10px 0;
		}

		@media (max-width: 700px) {
			.counters .container {
				grid-template-columns: repeat(2, 1fr);
			}

			.counters .container>div:nth-of-type(1),
			.counters .container>div:nth-of-type(2) {
				border-bottom: 1px lightskyblue solid;
				padding-bottom: 20px;
			}
		}

@media only screen and (min-width: 950px) and (max-width: 1280px) {
	
.site { width:950px; }
.header .logo{ width:180px; }
.header .logo img{ max-width:80% }
.header .header-right .menu ul li a{ font-size:13px; }	
.swiper-slide .banner-text{ max-width:950px; }
.centerBar a{ font-size:13px; padding:0 20px; }
.urunler .urunler-ic .urunPen, .gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen{ width:235px; }
.urunler .urunler-ic .urunPen a.urunLink strong,.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen a .videoBilgi strong{ font-size:16px; }
.urunler .urunler-ic .urunPen a.urunLink p,.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen a .videoBilgi p{ font-size:14px; height:6em; }
.urunler .urunler-ic .urunPen a.urunLink .urunResim,.gatasesIsitme-video .gatasesIsitme-Ic .gatasesVideo-list .videoPen a .videoResim{ height:10em; }
.urunler .urunler-ic .urunPen .urunPen-ic{ min-height:20em; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-resim{ width:100%; vertical-align:top; display:block; text-align:center; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-resim img{ max-width:50%; }
.gatasesIsitme .gatasesIsitme-Ic .gatases-icerik{ width:100%; vertical-align:top; display:block; text-align:center; }
.bizSiziArayalim .siziArayalimSol{font: normal 16px 'Open Sans',Arial, sans-serif;}
.bizSiziArayalim .siziArayalimSag{ padding-left:25px; }
.bizSiziArayalim .siziArayalimSag .formIn{width: 271px;}

.footer .foP{ margin-right: 20px;max-width: auto; min-width:210px; }
.footer .foP ul li a{ font-size:13px; }
.footer .footerBilgi{ display:block; width:100%; text-align:center; }
.sayfa-icerik .sayfa-yazi.sayfa-yazi-sol{ width:650px; }
.sayfa-icerik .sayfa-sag{ width:280px; }
.urunBar .urunListBar li a{ width:192px; }
.urunBar .urunSolBar{ width:300px; }
.urunBar .urunBarDetayAlan{ padding-left:350px; }
.urunDetayBilgi .urunDetayBilgiSol{ width:35%; }
.urunDetayBilgi .urunDetayBilgiBolum{ width:54%; }

.mansetArama .mansetAramaIc { width:400px; }
.mansetArama .mansetAramaIc .aramaIn{ width: 270px;}
.mansetArama .mansetAramaIc span#kapat{ top:22px; }

.anabol{ height:82.9vh !important; }
}