/*
@ general css : tema genel style dosyasi
@ front-end dev by alico */

/*
@ bootstrap ozellestime */

@import url('custom.bootstrap.css');


/*
@ fontlar */

@import url(https://fonts.googleapis.com/css?family=Dosis:400,600,300,700,500,800&subset=latin-ext);

/*
@ semboller*/

@import url('fonts/social/ss-social.css');
@import url('fonts/icomoon/style.css');

/*
@ puligns css baglari */

/*@import url('libs/swiper/swiper.css');*/


/*
@ body */

body 									{ color:#555; font-weight:500; font-family: 'Dosis','Arial' }
a,a:hover 								{ text-decoration: none }
a 										{ color:#555; }
a:hover 								{ color:#222; }

/*
@ common > text */

.text .turuncu 							{ color:#ff522e}
.text .acik-turkuaz 					{ color:#52ceba}
.text .koyu-turkuaz 					{ color:#29859b}
.text .larcivert 						{ color:#182349}

.text .weight-600 						{ font-weight: 600 }
.text p 								{ text-align: justify; line-height:22px  }

/*
@ common > word */

.word p 								{ font-size: 16px;  line-height: 29px; font-weight: 400; text-align: justify; margin-bottom: 14px }



/*
@ common > buton  */

.buton 								{ border-radius: 4px; cursor: pointer; font-weight: 700; font-size: 16px; padding: 6px 14px 7px 14px; color:white; text-align: center   }
input.buton 						{ border: 0 }
button.buton 						{ border: 0 }
.buton:hover 						{ color:#fff; }
.buton.medium 						{ width: 128px; display: block }
.buton.turkuaz 						{ background:#1b9d9c }
.buton.acikyesil 					{ background:#7AC793 }
.buton.acikyesil:hover 				{ background:#5FBC7D }
.buton.acikmavi 					{ background:#00CADB }
.buton.acikmavi:hover 				{ background:#00BDCC }
.buton.turkuaz:hover 				{ background:#21C5C5 }
.buton.pembe 						{ background:#F24550 }
.buton.pembe:hover 					{ background:#F02B39 }
.buton-wrap 						{ display: block }
.buton-wrap.center 					{ text-align: center }



/*
@ header */

header 									{  }
header .container						{  }

/*
@ header > us bant */

header .us 								{ top:10px }

/*
@ header > us bant > sol > pohone  */


header .us .sol .tel					{ font-size: 12px; font-weight: 600; top: 1px; z-index: 0  }
header .us .sol .tel b					{ font-weight: 800; font-size: 15px; top:1px; left:2px; }

/*
@ header > us bant > sol > sosyal link  */


header .social-links 					{ margin-right: 5px; z-index: 1}
header .social-links:hover .takip-figur	{ visibility: visible; opacity: 1 }
header .takip-figur						{ top:23px; background:url('image/social-takip.png') no-repeat 0 0; width: 88px; height: 24px; visibility: hidden; opacity: 0; transition:.3s }

/*
@ header > us bant > sag > links */

header .us .sag nav a 					{ font-size:12px; font-weight:500; margin-left: 18px  }
header .us .sag nav a.red  				{ color:#c52233  }
header .us .sag nav a.red s 			{ background: url('image/blog-under.png') no-repeat 0 0; width: 70px; height: 4px; position: absolute; left:-2px; bottom: -7px; }

/*
@ header > tabela logosu  */

header .tabela 					{ top: 23px }
header .tabela a				{ width:70%; display: block;  max-width: 190px; margin: 0 auto }
header .tabela img				{ width: 100% }

/*
@ header > figurler  */

header figure.fly, 						
header figure.bardabas, 				
header figure.yildiz, 				
header figure.bird 	 			{ position: absolute; background-repeat: no-repeat; background-position:  0 0 ; background-size: 100%; auto }

header figure.fly 				{ width: 116px;height: 65px; left:110px;  top:52px; background-image: url('image/figure-fly.png');  }
header figure.bardabas 			{ width: 82px; height: 84px; right: 60px; top:46px; background-image: url('image/figure-bardabas.png'); }
header figure.bird 				{ width:32px;  height: 25px; right: 30px; top:-25px; background-image: url('image/figure-bird.png');}
header figure.yildiz 			{ width:74px;  height: 45px; right: -21px; top:69px; background-image: url('image/figure-yildiz.png');}


/*
@ header > anam menu */

header .menu ul,
header .menu ol 				{ margin: 0; padding: 0 }
header .menu li 				{ margin: 0; padding: 0; list-style-type: none }
header .menu					{ position: absolute; bottom: 0; width: 100%; }
header .menu li h1 				{ font-size: 16px; font-weight: 700; margin: 0; overflow: hidden }
header .menu li h1 a 			{ padding:5px 0 18px 0; display: block }
header .menu li:hover h1 a 		{ color:#32a6a5  }
header .menu ul li h1 i 		{ width: 12px; height: 10px; background: url('image/menu-ok.png') no-repeat 0 0; position: absolute; bottom: -20px; left: 50%; margin-left: -6px; transition:.3s;  }
header .menu li:hover h1 i 		{ bottom: 5px;  }

header .menu li.red a 			{ color:#E51C30 }
header .menu li.red s 			{ background: url('image/under.png') no-repeat 0 0; width:68px; height:4px;  position: absolute; bottom:11px; left:-2px   }
header .menu li.red:hover s  	{ display: none }


/*
@ footer */


footer 							{ height: 317px; background: url('image/footer.png') no-repeat center bottom; margin-top: 70px }

footer .footer-links li 		{ list-style-type: none; padding: 0; margin-bottom: 4px;  }
footer .footer-links ul 		{ padding: 0 ; margin: 0 50px 0 0 }
footer .sol 					{ margin-top: 80px }
footer .sol .as					{ margin-top: 82px }
footer .sag 					{ top:-58px; }
footer .sag nav 				{ right:16.1%; width: 162px }

footer form 					{ margin-right: 20px }
footer form input				{ outline-width: 0  }
footer form input[type="email"]	{ width: 100%; border:1px solid #ADC0BE; padding:8px 6px;  border-radius:3px; z-index: 0 }
footer form input[type="submit"]{ right: 6px; border-radius:3px; border: 0; padding: 0 11px; height: 28px; top:5px; background:#F24550; color:white;  }



/*
@ common > social links */

.social-links a 				{ width: 23px; height: 23px; background: url('image/social-icons.png') no-repeat 0 0; opacity: .8; transition:.2s; margin-right: 4px  }
.social-links a:last-child 		{ margin: 0 }
.social-links a:hover 			{ opacity: 1}
.social-links .face 			{ background-position: 0 0 }
.social-links .instagram 		{ background-position: -27px 0 }
.social-links .twit 			{ background-position: -54px 0 }
.social-links .linkedin 		{ background-position: -81px 0 }
.social-links .pinterest 		{ background-position: -108px 0 }
.social-links .phone 			{ background-position: -136px 0 }


/*
@ section > breadcrumb */

.sec-breadcrumb 				{ background: #eeeeee; background: -moz-linear-gradient(top,  #eeeeee 1%, #ffffff 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(100%,#ffffff));background: -webkit-linear-gradient(top,  #eeeeee 1%,#ffffff 100%);background: -o-linear-gradient(top,  #eeeeee 1%,#ffffff 100%);background: -ms-linear-gradient(top,  #eeeeee 1%,#ffffff 100%);background: linear-gradient(to bottom,  #eeeeee 1%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );}
.sec-breadcrumb 				{ }


/*
@ section > giris  */

.sec-giris 						{ padding-bottom: 40px }
.sec-giris .giris-head			{ margin-bottom: 30px  }
.sec-giris h3 					{ text-align: center; font-sie:22px; font-weight: 800;  }
.sec-giris .sol img				{ width: 100%; max-width: 480px;  }
.sec-giris .sag 				{ padding-top: 25px }
.sec-giris .sag .buton-wrap		{ padding: 10px 0 0 0 }


/*
@ section > kitle   */

.sec-kitle 						{ background:#f7f7f7  url('image/kitle-bg.png') repeat-y center top;  margin-bottom: 35px  }
.sec-kitle .row > div			{ padding: 30px 3% 35px 3%; text-align: center; }
.sec-kitle .row figure			{ padding: 0 }
.sec-kitle .row figure img		{ display: block; margin: 0 auto; max-width: 404px; width: 100%;  }
.sec-kitle  h3					{ font-weight: 700; padding-bottom: 20px }
.sec-kitle .bebek h3			{ color:#31acc2 }
.sec-kitle .cocuk	 h3			{ color:#67a267 }
.sec-kitle blockquote			{ font-size: 16px; font-weight: 600; border: 0; padding:13px 0 5px 0;  }


/*
@ section > uzman   */

.sec-uzman 						{ padding-bottom:46px }
.sec-uzman h3 					{ font-weight: 800;text-align: center;  font-size: 24px; margin-bottom: 24px } 
.sec-uzman figure 				{ border-radius: 6px; overflow: hidden;}
.sec-uzman figure i 			{ visibility: hidden; opacity: 0; transition:.3s; background:rgba(197,34,51,.5); left:50%;   width: 62px; height: 62px; top:50%;  margin-left: -31px; margin-top: -31px; border-radius: 62px; color:white; position: absolute; z-index: 1  } 
.sec-uzman figure:hover i 		{ visibility: visible; opacity: 1} 
.sec-uzman figure span 			{ font-size: 30px; top:0px; left: -1px } 
.sec-uzman figure img 			{ z-index: 0 } 
.sec-uzman article a 			{ display: block; width: 100%; max-width: 262px; margin: 0 auto}
.sec-uzman article   			{ text-align: center  }
.sec-uzman article h4 			{ font-size:18px; font-weight: 700   }
.sec-uzman article small		{ color:#E51C30; font-size: 13px; font-style: italic; }

/*
@ section urun > bant   */

.sec-fiyat-bant 					{ height: 54px; background:#009E9D; color:white; }
.sec-fiyat-bant .sol span b			{ font-weight: 700 }
.sec-fiyat-bant .sol span			{ height: 100%; font-weight: 600; font-size: 20px }
.sec-fiyat-bant .sag .buton-wrap	{ top: 15px }
.sec-fiyat-bant div 				{ height: 100% }


/*
@ section > urun > fiyat   */

.sec-urun .fiyat 					{ text-align: center; padding-top: 20px; margin-bottom:40px; }
.sec-urun .fiyat h3					{ font-weight: 700; font-size: 28px }
.sec-urun .fiyat p					{ font-weight: 700; margin-bottom: 5px; font-size: 15px }
.sec-urun .fiyat p span				{ font-weight: 800}
.sec-urun .fiyat p.green span		{ color:#009E9D}
.sec-urun .fiyat p.pink span		{ color:#F24550 }
.sec-urun .fiyat p  s				{ height: 7px; display: block; position: absolute; left: -10px; bottom: -5px; width: 52px; }
.sec-urun .fiyat p.pink s			{ background: url('image/fiyat-red.jpg') no-repeat 0 0; }
.sec-urun .fiyat p.green s			{ background: url('image/fiyat-green.jpg') no-repeat 0 0; }


/*
@ section > album */

.sec-album								{ padding-top:75px; padding-bottom:0px; background: url('image/album-cicek.png') no-repeat center 12px }

.sec-album .album-title					{ text-align: center; margin-bottom: 40px }
.sec-album .album-title h4				{ font-size: 24px; font-weight: 700;}

.sec-album .album-slide img 			{ width: 100%; z-index: 0 ; border-radius: 4px }
.sec-album .album-slide .row div a 		{ display: block; height: 100%;}
.sec-album .album-slide .row div b		{ position: absolute; z-index: 1;   color:white; width: 100%; height: 100%; background:rgba(242,69,80,.7); transition:.3s; visibility: hidden; opacity: 0  }
.sec-album .album-slide .row a:hover b	{ opacity: 1; visibility: visible; }
.sec-album .album-slide .row div		{ padding:0 10px  }
.sec-album .album-slide .row .sol  		{ padding:0 12px   }
.sec-album .album-slide .sag .row div 	{ margin-bottom: 20px}

.sec-album .swiper-wrapper,
.sec-album .swiper-slide 				{ height: 100% !important }

.sec-album .pagination 					{ margin: 10px 0 0 0 }
.sec-album .pagination .bullet			{ background: #ADB9BF; width: 16px; height: 12px; margin: 0 3px; border-radius: 3px; }
.sec-album .pagination .bullet.on 		{ background: #009E9D; }


/*
@ section > slide  */

.sec-slide 								{ z-index: 0 }

.sec-slide .swiper-slide img 			{ display: block ; width: 100% }
.sec-slide .slides .swiper-wrapper,
.sec-slide .slides .swiper-slide 		{ height: 100%!important }
.sec-slide .slides .swiper-container 	{ z-index: 0}

.sec-slide .slides.bg .swiper-wrapper a { background-position: center center; background-size: 100% auto; display: block; background-repeat: no-repeat; height: 100% }

.sec-slide .slides > a					{ position: absolute; top: 50%; color:white; font-size: 28px; margin-top: -25px;z-index: 1;  cursor:pointer;}
.sec-slide .slides > a:hover			{ color:#222 }
.sec-slide .slides > a.next				{ right: 20px;  }
.sec-slide .slides > a.prev				{ left: 20px }


/*
@ common > urun-list  */

.urun-list article 						{ text-align: center; }
.urun-list figure  						{ width: 100%; max-width: 260px; margin: 0 auto  }
.urun-list figure img 					{ width: 100%; }
.urun-list article a 					{ display: block;  }
.urun-list article 						{ padding: 0 3%;  margin-bottom: 2.8rem  }
.urun-list.coklu article				{ }
.urun-list article 	h4					{ font-weight: 700 }
.urun-list article .buton				{ display: block; margin: 0 auto; width: 100px; margin-top: 15px }
.urun-list article .fiyat 				{ color:#00A1A0; font-size: 17px}
.urun-list .mask-radio 					{ margin:10px auto 0 auto }

.urun-list.paket h4 					{ margin:5px 0 2px 0  }
.urun-list.paket .fiyat 				{ color:#00A1A0; font-size: 17px}
.urun-list.paket label.on .fiyat 		{ color:#F24550 }


.list-title h4 							{ margin:50px 0 30px 0;  text-align: center; font-size: 25px; font-weight: 700 }


/*
@ common > buy-list  */

.buy-list 								{ padding-top:45px; padding-bottom: 45px}
.buy-list article						{ margin-bottom: 2.8rem;   text-align: center; }

.buy-list article > div					{ height: 100%; padding-bottom: 3px }
.buy-list article figure 				{ width: 100%; margin: 0 auto }
.buy-list article figure img			{ width: 100% }
.buy-list article .fiyat				{ display: block; color:#009E9D; font-weight: 700; margin-bottom: 10px; font-size: 15px;}
.buy-list article h4					{ font-weight: 700; font-size: 18px; margin-bottom:2px}
.buy-list article .buton 				{ display: block; width: 95px; margin: 0 auto; }


.buy-list .list-title  						{ text-align: center; margin-bottom:50px }
.buy-list .list-title h2 					{ font-weight: 700 }


/*
@ common > buy-list  */

.buy-list .listmenu li 						{ color:#ddd; padding-right: 10px}
.buy-list .listmenu ul li a 				{  color:#b1b1b1; margin-right: 10px}
.buy-list .listmenu ul li a.on 				{ color:#333; }
.buy-list .listmenu ul li a:hover 			{ color:#333 }
.buy-list .listmenu ul li:last-child 		{ padding-right: 0}
.buy-list .listmenu ul li:last-child  a 	{ margin-right: 0}



/*
@ common > list menu */

.listmenu .boxclose 			{ position: absolute; font-size: 18px; right: 14px; top: 14px ; color:#888 }
.listmenu .boxclose:hover 		{ color:#333 }

.listmenu .click 				{ border:1px solid #ddd;  cursor:pointer; color:#FA7701; border-radius: 5px ; padding:6px 6px;  }
.listmenu .click span			{ color:#555; font-size: 11px; right: 7px; top: 11px }



/*
@ common > buy-list > potrait 160 X 200 */

.buy-list.portrait article figure 			{ max-width: 160px }

/*
@ common > buy-list > fırsat  */

.buy-list .firsat 						{  background:#ECECEF; border-left:15px solid white; border-right: 15px solid white; text-align: left; }
.buy-list .firsat > div					{ padding: 14px; }
.buy-list.portrait .firsat figure		{ max-width: 480px; text-align: center; margin: 40px 0 20px 0  }
.buy-list.portrait .firsat h3			{ color:#009E9D; font-weight: 700 }
.buy-list.portrait .firsat h4			{ font-size: 22px}
.buy-list.portrait .firsat p			{ font-weight: 600; font-size: 17px}
.buy-list.portrait .firsat .fiyat		{ font-size: 20px}
.buy-list.portrait .firsat .buton		{ right: 15px }


/*
@ section  > fig-text */

.sec-figtext 							{ background: #C1F8FF; padding: 20px 0 20px 0 }
.sec-figtext .sol img					{ width: 100%; max-width: 637px; display: block }
.sec-figtext .sag h3 					{ font-weight:700; margin-bottom: 3px }
.sec-figtext .sag blockquote strong		{ font-weight:600 }
.sec-figtext .sag blockquote p			{ text-align: justify; padding-top: 10px  }



/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Aktivite Kutuları */

.aktivite-kutu .buy-list .click 	{ width:55%; margin: 20px auto 0 auto; } 


/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Home Page CSS  */


.home .kargo 						{ background: #188e8d;  background: -moz-linear-gradient(top,  #188e8d 0%, #1b9d9c 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#188e8d), color-stop(100%,#1b9d9c));background: -webkit-linear-gradient(top,  #188e8d 0%,#1b9d9c 100%);background: -o-linear-gradient(top,  #188e8d 0%,#1b9d9c 100%);background: -ms-linear-gradient(top,  #188e8d 0%,#1b9d9c 100%);background: linear-gradient(to bottom,  #188e8d 0%,#1b9d9c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#188e8d', endColorstr='#1b9d9c',GradientType=0 );} 
.home .kargo 						{ height: 50px; color:white;margin: 0;} 
.home .kargo p 						{ height: 100%; font-weight: 700; font-size: 20px }
.home .kargo > div					{ height: 100% } 
.home .kargo > div					{ background: url('image/kargobant-car.png') no-repeat right center; background-size:auto 85% } 

/*
@ home  > section giris */

.home .sec-giris 					{ padding-top:40px }





/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Hakkında > Nedir Sayfası  */

.about .sec-giris 					{ padding-top:0px }


/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Hakkında >  Kutuda Ne Var Sayfası */

.nevar .nevar-giris 								{ padding-bottom: 40px }
.nevar .nevar-giris h2								{ font-weight: 700; text-align: center; }
.nevar .nevar-giris .con 							{ margin-top:42px; margin-bottom: 42px;   }
.nevar .nevar-giris .con div:nth-child(1)			{ }
.nevar .nevar-giris .con div figure					{ width: 100%; max-width: 184px; margin: 0 auto }
.nevar .nevar-giris .con div img					{ width: 100%; }
.nevar .nevar-giris .con > div 						{ text-align: center;  }
.nevar .nevar-giris .con div div					{ width: 70%;  }
.nevar .nevar-giris .con i 							{ width: 28px; height: 33px; background: url('image/figur-nevar-arti.png') no-repeat 0 0; display: block; position: absolute; right: -45px; top: 50%; margin-top: -14px }

.nevar .nevar-giris .con div:nth-child(1) div		{ margin-left:30%;}
.nevar .nevar-giris .con div:nth-child(2) div		{ margin: 0 auto; }
.nevar .nevar-giris .con div:nth-child(3) div		{ margin-right:30%;}
.nevar .nevar-giris .con h3							{ font-size: 18px; font-weight: 600 }
.nevar .nevar-giris .git .pembe						{ margin-left:1.3rem}


.nevar .sec-figtext 								{}
.nevar .sec-figtext.one 							{ background: #EFF3F3; padding-top: 45px; padding-bottom: 30px }
.nevar .sec-figtext.two 							{ background: #F7F7F7; padding-top:60px; padding-bottom: 60px  }




/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@  Bebek > Kutu Nedir Sayfası */


.bebek .sec-album 							{ background: none; padding-top: 40px; }


.sec-kutuicerik 							{ background: #C1F8FF; padding: 20px 0 20px 0 }
.sec-kutuicerik .sol img					{ width: 100%; max-width: 637px; display: block }

.sec-kutuicerik .sag h3 					{ font-weight:700; margin-bottom: 3px }
.sec-kutuicerik .sag blockquote strong		{ font-weight:600 }
.sec-kutuicerik .sag blockquote p			{ text-align: justify; padding-top: 10px  }

/*
@ bebek > kutu nedir > sec-giris */

.bebek.kutu .sec-giris .text 				{ font-size: 15px; }
.bebek.kutu .sec-giris .text p				{ line-height: 26px }

.bebek.kutu .sec-giris .sag .buton-wrap 	{ padding-top: 20px }

/*
@ bebek > kutu nedir > sec-urun */

.bebek.kutu .sec-urun 						{ padding-bottom: 44px }
.bebek.kutu .sec-urun .buton-wrap 			{ display: block; text-align: center; padding-top: 10px }





/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@  Cocuk Kutuları Sayfası */

.cocuk-kutu .sec-breadcrumb 					{ background: none }
.cocuk-kutu .sec-slide-wrap .sec-breadcrumb 	{ position: absolute;width: 100%; z-index: 2; top:0; left: 0 }
.cocuk-kutu .sec-urun 							{ padding-top:40px; padding-bottom: 40px }
.cocuk-kutu .sec-urun  .list-title h4 			{ margin-top: 0}
.cocuk-kutu .sec-urun .buton-wrap 				{ display: block; text-align: center; padding-top: 30px }


/*
@ bebek - cocuk kutuları > section > aktivite kutuları  */


.sec-activitekutu 								{ padding-top: 42px}
.sec-activitekutu h2							{ text-align: center; font-weight: 700; margin-bottom: 20px}
.sec-activitekutu .list article div				{  height: 100% }

.sec-activitekutu .list article div				{ width: 80%;  }
.sec-activitekutu .list article:nth-child(1) div{ margin-left:20%; }
.sec-activitekutu .list article:nth-child(2) div{ margin: 0 auto; }
.sec-activitekutu .list article:nth-child(3) div{ margin-right:20%; }

.sec-activitekutu .list article img 			{ width: 100%  }
.sec-activitekutu .list article h4  			{ font-weight: 700; text-align: center;}
.sec-activitekutu .list article form 			{ margin: 0 auto; padding-top: 8px; width: 90%;  }
.sec-activitekutu .list article li label 		{ font-weight: 600; padding-left: 8px; width: calc( 100% - 24px ) }
.sec-activitekutu .list article li.on label 	{ color:#009E9D; }
.sec-activitekutu .list article li label span	{ position: absolute; right: 0; color:#009E9D; }
.sec-activitekutu .list article li  			{ margin-bottom: 3px }
.sec-activitekutu .list article .mask-radio 	{ top: 2px;}
.sec-activitekutu .list article .buton-wrap 	{ display: block; text-align: center; padding-top:20px}


/*
@ detay sayfalarında orta form turu */

.detay .form h4 								{ text-align: center; font-size: 26px; margin: 0 0 36px 0; font-weight: 700 }
.detay .form textarea 							{ width: 100%; max-width: 100%; max-height: 100%; }
.detay .form .send  							{ text-align: center }

.detay .form .bildirim 							{ font-weight: 400; font-size: 14px; text-align: center; padding-top: 20px}
.detay .form .bildirim span						{ display: block; font-size: 22px }
.detay .form .bildirim.ok span, 
.detay .form .bildirim.ok h5					{ color:#529100; }
.detay .form .bildirim h5						{ font-size: 16px; font-weight: 700; margin: 3px 0 6px 0 }



/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@  Uzman > Detay Sayfası */

.uzman.detay .content 							{ padding-top: 50px; padding-bottom: 40px }

.uzman.detay .content .movie 					{ max-width: 480px; width: 100%; float: left; margin:0 23px 23px 0}
.uzman.detay .content .movie .ratio 			{ z-index: 0 }
.uzman.detay .content .movie  img 				{ width: 100% }
.uzman.detay .content .movie .cover,
.uzman.detay .content .movie iframe 			{ width: 100%; position: absolute; left: 0; display: block; top:0; height: 100% }
.uzman.detay .content .movie iframe 			{ z-index: 1 }
.uzman.detay .content .movie .cover 			{ z-index: 2; cursor: pointer; transition:.3s; visibility: visible; opacity: 1 }
.uzman.detay .content .movie .cover > span		{ height: 100%;}
.uzman.detay .content .movie .cover > span 		{ opacity:.8; transition:.3s; background:rgba(197,34,51,.5); left:50%;   width: 62px; height: 62px; top:50%;  margin-left: -31px; margin-top: -31px; border-radius: 62px; color:white; position: absolute; z-index: 1  } 
.uzman.detay .content .movie .cover:hover > span{ opacity: 1} 
.uzman.detay .content .movie .cover > span span	{ font-size: 30px; top:0px; left: -1px } 
.uzman.detay .content .movie.on .cover 			{ opacity: 0; visibility: hidden;}

.uzman.detay .content h1 						{ margin-top: -5px }
.uzman.detay .content h1 						{ font-size: 24px; font-weight: 700; }
.uzman.detay .content .kunye h2 				{ font-size: 19px; font-weight: 600; margin-bottom: 1px; margin-top: 0 }
.uzman.detay .content .kunye span				{ font-size: 15px }
.uzman.detay .content .kunye 					{ color:#E61C30;  margin-bottom: 13px }

.uzman.detay .post-nav 							{ margin-top: 40px }
.uzman.detay .post-nav .row						{ margin: 0; border-top: 1px solid #e7e7e7; padding-top:13px; padding-bottom: 13px; border-bottom: 1px solid #e7e7e7; font-size: 15px }
.uzman.detay .post-nav .row > div 				{ padding: 0}
.uzman.detay .post-nav p 						{ margin:0}
.uzman.detay .post-nav p a						{ color:#777; margin-left: 3px}
.uzman.detay .post-nav p strong					{ margin-bottom: 0; color:#464646;}

.uzman.detay .post-nav .share 						{ color:#d7d7d7;}
.uzman.detay .post-nav .share strong				{ margin-right: 15px; top:0px; font-weight: 600 }
.uzman.detay .post-nav .share a						{ font-size: 24px; height: 24px; line-height: 30px; margin-left: 6px;  color:#d7d7d7;}
.uzman.detay .post-nav .share a:first-child			{ margin-left: 0}
.uzman.detay .post-nav .share a.ss-facebook:hover	{ color:#3C599F }
.uzman.detay .post-nav .share a.ss-twitter:hover	{ color:#58CCFF }
.uzman.detay .post-nav .share a.ss-googleplus:hover { color:#DD5044 }
.uzman.detay .post-nav .share a.ss-linkedin:hover	{ color:#0274B3 }



/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@  Urun > Detay Sayfası */


.urun.detay .photo img 								{ width: 100%; display: block; margin: 0; padding: 0 }
.urun.detay .photo .thumbs 							{ width: 15%; margin-right: 10px;  }
.urun.detay .photo .thumbs span 					{ border:1px solid #ddd; padding:3px; box-sizing:borde-box; }
.urun.detay .photo .slides 							{ width: calc( 85% - 10px ) }

.urun.detay .photo .slides 							{ width: calc( 85% - 10px ) }

.urun.detay .content 								{ padding-bottom: 80px }
.urun.detay .content h1 							{ font-size: 26px; font-weight: 700; text-align: center; margin-bottom: 40px }
.urun.detay .content h2 							{ color:#F24550; font-weight: 700; font-size: 28px;  margin: 0 }
.urun.detay .content .ciz 							{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 4px; margin-top: 20px; }

.urun.detay .content .stok.var 						{ color:#a7ce40; font-weight: 700 }
.urun.detay .content .stok.yok 						{ color:#D90000; }
.urun.detay .content .stok i						{ width: 14px; display: inline-block; top:2px; margin-right: 10px;  height: 14px; border-radius: 14px }
.urun.detay .content .stok.var i					{ background: #a7ce40 }
.urun.detay .content .stok.yok i					{ background: #D90000 }
.urun.detay .content .text p:last-child				{ margin-bottom: 0}
.urun.detay .content .text							{ margin-top: 10px; font-size: 15px}

.urun.detay .content form							{ padding-top: 24px }
.urun.detay .content form .row > div 				{ margin-bottom: 20px}
.urun.detay .content form label						{ font-weight: 600; top: 3px; width:74px }
.urun.detay .content form .select-mask 				{ width: calc( 100% - 80px );border-bottom: 1px solid #ddd;padding-bottom: 5px }
.urun.detay .content form .select-mask	select		{ z-index: 0; background: none; outline-width: 0; width: 100%;; border: 0;padding:3px 0 }
.urun.detay .content form .select-mask	.ok			{ background: white;  height: 100%; right: 0; position: absolute; width: 22px;z-index: 1; text-align: center; }
.urun.detay .content form .select-mask	.ok span	{ font-size: 12px; top: 5px;  }


.urun.detay .content form .send 					{ padding-top: 20px }

.urun.detay .content form .adet 					{ background: #F0F0F0; height: 35px; margin-right: 16px; border-radius: 4px}
.urun.detay .content form .adet a					{ width: 40px; text-align: center; cursor: pointer }
.urun.detay .content form .adet a:hover				{ background: #DDDDDD }
.urun.detay .content form .adet .eksi				{ border-right: 1px solid #D3D3D3; border-radius: 4px 0 0 4px }
.urun.detay .content form .adet .arti				{ border-left: 1px solid #D3D3D3; border-radius: 0 4px 4px 0}
.urun.detay .content form .adet i					{ font-style: normal; margin-right: 3px }
.urun.detay .content form .adet a i					{ font-size: 20px }
.urun.detay .content form .adet > span				{ padding: 0 20px }
.urun.detay .content form .adet > span	span		{ top:8px }

.urun.detay section.kutu 							{ padding-bottom: 35px}
.urun.detay .kutu .title h3 						{ font-size: 26px; font-weight: 700; text-align:center; margin-bottom: 30px}
.urun.detay .kutu .item 							{ text-align: center; margin-bottom: 40px}
.urun.detay .kutu .item p							{ font-weight: 400;}
.urun.detay .kutu .item h4							{ font-weight: 700}
.urun.detay .kutu .item img							{ width: 100% }
.urun.detay .kutu .item figure						{ border-radius: 4px; margin-bottom: 15px; border: 1px solid #ebebeb; padding:35px 20px}
.urun.detay .kutu .item .buton						{ margin-top: 16px; display: inline-block; }
.urun.detay .kutu .item .buton span  				{ font-size: 12px; top:11px; left: 8px }
.urun.detay .kutu .item .buton   					{ padding-left: 24px }

.urun.detay .kutu .pagination 						{  }
.urun.detay .kutu .pagination .bullet				{ background: #ADB9BF; width: 16px; height: 12px; margin: 0 3px; border-radius: 3px; }
.urun.detay .kutu .pagination .bullet.on 			{ background: #009E9D; }


/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@  İslem Sayfaları > Ortak  Stiller  */

.form 										{ width: 78%; margin: 0 auto}
.form  .row 								{ padding-top: 10px; padding-bottom: 10px }
.form  .row > .space 						{ margin-top: 20px}

.form.hr .row 								{ padding: 18px; padding-bottom: 18px }
.form.hr .row > hr 							{ background: #dcdcdc; margin: 0; padding: 0; border: 0; height: 1px;  width: calc( 100% - 30px ); margin:0 15px; top:18px }

.form .field								{ border:1px solid #ddd; min-height: 48px; border-radius: 3px; padding:8px 6px 8px 8px   }

.form .field								{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.form .field > *							{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }

.form .field label							{ width:118px; border-right: 1px solid #ddd; padding-right: 9px; margin:0 9px 0 0; font-weight: 600  }
.form .field label i 						{ color:red; left: 3px; top:4px; }
.form .field > span							{ width: calc( 100% - 127px ) ;  -webkit-width: -webkit-calc( 100% - 127px ) }

.form input,
.form textarea,.form select 		{ box-sizing:border-box; border: 0; outline-width: 0 }

.form .field select,
.form .field textarea, 
.form .field .textbox 						{ width: 100% }

.form .send .space							{ margin-left: 10px  }
.form .send 								{ padding-top: 20px }


.islem .content 									{ padding-top: 42px }
.islem .content h1 									{ font-weight: 700; text-align: center; font-size: 22px; margin-bottom: 38px }


/* 
@  İslem Sayfaları > Status  */

.islem .status li span 							{ background:#B2B2B2; color:white; margin: 0 auto; width: 50px; font-weight: 700; font-size: 26px;  height: 50px; border-radius: 50px; display: block;  }
.islem .status li span 							{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center;    }
.islem .status li span i						{ font-style:normal; top: -2px }
.islem .status li 								{ text-align:center;  color:#b1b1b1; }
.islem .status li  h6							{ font-weight: 700; font-size: 15px }

.islem .status li.on h6							{ color:#8CD1C6 }
.islem .status li.on span						{ background:#8CD1C6 }
.islem .status li.ranked span					{ background:#545454 }
.islem .status li.ranked h6						{ color:#545454 }
.islem .status 									{ margin-bottom: 35px }



/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@  İslem Sayfaları > Odeme  */

.odeme .form .field label					{ width:130px; font-weight: 600; color:#444; margin-right: 25px }
.odeme .form .field > span				{ width: calc( 100% - 155px ) ;  -webkit-width: -webkit-calc( 100% - 155px ) }
.odeme .form .field-ozet .price 			{ font-weight: 700; padding-right: 8px }
.odeme .form .field-ozet .field-text span	{ display: block }
.odeme .form .field-tarih .line > span 	{ width: 45%  }




/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@  İslem Sayfaları > Hesabım  */

.hesaplink figure 									{ width: 50px; height: 50px; margin: 0 auto; border-radius: 50px; background: #B2B2B2; color:white; }
.hesaplink li 										{ text-align: center; }
.hesaplink 											{ width: 100%; margin:0 auto 20px auto!important; max-width: 400px}
.hesaplink h6										{ font-weight: 700; color:#B2B2B2; font-size: 16px }
.hesaplink li.on h6									{ color:#555;}
.hesaplink li.on figure								{ background:#555;}
.hesaplink li figure i								{ font-size: 28px; top: 12.5px }
.hesaplink li figure i.icon-cog						{ top: 13.5px}
.hesaplink li figure i.icon-man						{ font-size: 32px; top: 10px }


/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@  İslem Sayfaları > Sonuc  */


.islem.finish .bildirim 							{ font-weight: 400; font-size: 14px; text-align: center; padding-top: 20px}
.islem.finish .bildirim span						{ display: block; font-size: 32px }
.islem.finish .bildirim.ok span, 
.islem.finish .bildirim.ok h5					{ color:#529100; }
.islem.finish .bildirim h5						{ font-size: 16px; font-weight: 700; margin: 9px 0 6px 0 }




/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@  User Modal Boxlar */

.modal.user .form 								{ width: 80% }
.modal.user .form .row							{ padding:9px 0 }
.modal.user .form .field-sozlesme 				{ text-align: center; }
.modal.user .form .field-sozlesme label			{ font-weight: 600; padding-left: 2px }
.modal.user .form .field-sozlesme input			{ top:1px}

.modal.login .form .row.send                    { padding-top: 20px}

.modal.login .form .cen 						{ text-align:center }

.modal.login .form .sifre 						{ margin-top: 25px; }
.modal.login .form .sifre a						{ color:#888;cursor: pointer; font-size: 13px  }
.modal.login .form .sifre a:hover				{ color:#333 }

.modal.login .form .connect 					{ margin-top: 13px }
.modal.login .form .connect a					{ max-width: 180px; width: 90%; margin: 0 auto; display: block; border-radius: 4px; padding: 8px  }
.modal.login .form .connect a.face				{ background:#3B579D; color:#fff }
.modal.login .form .connect a.face:hover		{ background:#4261B0 }




/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Form  */

.form .mask-radio 					{ width: 20px; height: 20px; display: block; border:2px solid #00A1A0; border-radius: 20px}
.form .mask-radio.on i 				{ display: block; border-radius:12px; width:12px; height: 12px; background:#F24550; top:2px; left: 2px  }
.form .mask-radio.on  				{ border-color:#F24550 }

.form .mask-radio.black 			{ width: 14px; height: 14px;  border:2px solid #333; border-radius: 14px}
.form .mask-radio.black.on i 		{ border-radius:6px; width:6px; height: 6px; background:#009E9D; top:2px; left: 2px  }
.form .mask-radio.black.on  		{ border-color:#009E9D }
.form .mask-radio input				{ width: 100%; opacity: 0 }

.form .mask-select 					{ width: 100% }
.form .mask-select select			{ border: 0; background: none; z-index: 0  }
.form .mask-select .ok  			{ pointer-events: none; position: absolute; z-index:1;right: 0; height:100%; width: 25px; background: white  }
.form .mask-select .ok  			{ display: flex; align-items:center; justify-content:center }
.form .mask-select .ok span 		{ font-size:11px; top:0; }




/* -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  - 
@ Responsive Aralikları */


@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    
	.social-links a 				{ background-image: url('image/social-icons@2x.png') ; background-size: 158px 23px }
    .home .kargo > div				{ background-image: url('image/kargobant-car@2x.png') } 
    
    /* footer 							{ background-image: url('image/footer@2x.png') } */

    header figure.fly 				{ background-size: 116px 65px; background-image: url('image/figure-fly@2x.png');  }
	header figure.bardabas 			{ background-size: 82px 84px; background-image: url('image/figure-bardabas@2x.png'); }
	header figure.bird 				{ background-size: 32px 25px; background-image: url('image/figure-bird@2x.png');}
	header figure.yildiz 			{ background-size: 74px 45px; background-image: url('image/figure-yildiz@2x.png');}
	
}



@media (min-width: 1400px) {
  
}

@media (min-width: 1200px) {
  
}

@media (min-width: 1200px) {
  
	
}

@media (min-width: 767px) {
	
	
	/*
	@ header ana  menu */

	header .menu li ol 						{ visibility: hidden;z-index: 1;  opacity: 0; width: 140px; position: absolute; top: 41px; background: #edf5f2; left:-20px; transition:.3s ; border:1px solid #eaeaea; border-radius: 0 0 4px 4px; border-top: 0 }
	header .menu li ol li 					{ border-top:1px solid #fff ; border-bottom: 1px solid #e1e3e2;}
	header .menu li ol li a					{ border-top:1px solid #f3f3f3; display: block; padding: 12px 0; font-weight: 500; text-align: center;  }
	header .menu li ol li a:hover			{ background: #eff6f3 }

	header .menu li ol li:first-child,  	
	header .menu li ol li:first-child a 	{ border-top:0; }

	header .menu li ol li:last-child  		{ border-bottom:0; }

	header .menu li:hover ol				{ visibility:visible; opacity:1;  } 

	/*
	@ section urun > bant   */

	.sec-fiyat-bant .sol span				{ font-size: 18px }

	/*
	@ home > slide > kargo  */

	.home .kargo p							{ font-size: 18px }






}




@media (max-width: 767px) {
  
	/*
	@ header */
	
	header 									{ height: 220px; border-bottom: 0; background:url('image/head-bulut-small.jpg'); background-size:100% auto}
	header .us 								{ text-align: center;top:16px; }
	header .us .sol 						{ top: 35px}
	header .us .sag 						{ top: -45px}
	header .us .sag nav a 					{ margin-left: 18px; font-size: 13px}
	header .us .sag nav a:first-child 		{ margin-left: 0}
	
	header .us .sol .tel s 					{ position: absolute; width:40px; height: 1px; top:7px; background:rgb(182, 214, 214) }
	header .us .sol .tel s.c-sol 			{ left: -50px }
	header .us .sol .tel s.c-sag 			{ right: -50px }

	header .us .sol .tel ,
	header .us .sol .tel b 					{ font-size: 12px}
	header .us .sol .tel b 					{ top:0 }
	header .us .sol .tel  					{ top:5px }

	header .tabela a 						{ max-width:152px }
	header .tabela  						{ top:52px; }

	
	/*
	@ header ana  menu */

	header .menu 							{ position: fixed;  margin: 0!important; top: 0; left:0; z-index: 3; width: 100%; background: rgba(255,255,255,.95); height: 100%; overflow: hidden; visibility: hidden; opacity: 0; transition:.3s }
	header .menu > div						{ height: 100%; padding: 0!important; overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;-os-overflow-scrolling: touch; }
	header .menu ul 						{ padding-top: 50px; padding-bottom: 20px; width: 60%; margin: 0 auto }
	header .menu ul	> li					{ text-align: center; border-bottom: 1px solid #ddd; }
	header .menu ul	> li:last-child			{ border:0   }
	header .menu li h1 						{ font-weight:600; font-size: 17px }
	header .menu li h1 a					{ padding: 18px 0; }
	header .menu li h1 i					{ display: none }

	header .menu li ol						{ padding:10px 0 15px 0; display: none; } 
	header .menu li ol li a					{ display: block; padding:8px 0; font-size: 15px } 

	header .menu .close 					{ position: fixed; right: 18px; top: 18px}

	html.menu-on 							{ height: 100%; overflow: hidden }
	html.menu-on header .menu 				{ visibility: visible; opacity: 1 }

	
	header .menu-buton 						{ position: absolute; cursor: pointer; bottom: 0; left: -15px;  text-align: center; width: calc( 100% + 30px ); background:#f2f2f2; letter-spacing: .2px; font-size: 18px; color:#333; border-bottom: 1px solid white; border-top: 1px solid #c7dfdb;padding: 7px 0; font-weight: 600 }
	header .menu-buton:hover 				{ background:#5BC6C6 }
	header .menu-buton .sag					{ margin-top: 30px }
	header .menu-buton .sag					{ margin-top: 30px }

	
	/*
	@ footer */

	footer  								{ height: auto; background-size:230% auto; margin-top: 50px; background-position: 52% top; background-color:#8BD1C6 }
	footer .container  						{ padding: 0 }
	footer form 							{ max-width: 300px; margin: 0 auto }
	footer .sag 							{ top:0 }
	footer .sag nav 						{ right:0; width: auto; padding: 16px 0 }
	footer .sol   							{ margin-top: 35%  }
	footer .sol .as 						{ margin-top: 21px; text-align: center;}
	footer .sol .as ul						{ margin: 0}
	footer .sol .as ul li					{ margin: 7px}
	footer .sol .as a 						{ color:white;   }
	
	footer form input[type="email"] 		{ background-color: #E1FDF9; border:0; font-size: 16px}
	


	/*
	@ section urun > bant   */

	.sec-fiyat-bant 						{ height: auto; padding:15px 0 20px 0; text-align: center }
	.sec-fiyat-bant .sol span 				{ font-size: 18px }
	.sec-fiyat-bant .sag .buton-wrap 		{ top:0 }
	.sec-fiyat-bant .sag 					{ margin-top: 16px }
	.sec-fiyat-bant div 					{ height: auto }

	/*
	@ home > slide > kargo   */

	.home .kargo > div 						{ background: none; text-align: center;  }
	.home .kargo p							{ font-size: 16px; margin: 0;padding: 6px 0 }
	.home .kargo 							{ height: auto;}


	/*
	@ section kitle   */

	.sec-kitle 						{ background:none }
	.sec-kitle .sol					{ background:#F7F7F7 }
	.sec-kitle .sag					{ background:#EFF3F3 }


	/*
	@ section giris */
	.sec-giris .sol					{ text-align: center; }
	.sec-giris .buton-wrap 			{ text-align: center; }

	/*
	@ section uzman */

	.sec-uzman    					{ padding-bottom: 25px }
	.sec-uzman article   				{ margin-bottom: 20px  }
	.sec-uzman article:last-child 	{ margin-bottom: 0  }

	/*
	@ urun list */

	.urun-list article 					{ padding:0 6% 35px 6%; margin-bottom: 12px; border-bottom: 1px solid #ddd;}
	.urun-list article:last-child 		{ margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }

	/*
	@ section album  */

	.sec-album .album-slide .row .sol  	{ margin-bottom: 16px}
	.sec-album .album-slide 			{ max-width: 400px; margin: 0 auto}
	.sec-album .album-slide .row .sol 	{ padding: 0 8px}
	

	.sec-album  .pagination 				{ margin-top: 0 }
	.sec-album .pagination .bullet		{  width: 23px; height: 16px; margin: 05px }
	
	/*
	@ home > slide  */

	.home .slides > a					{ position: absolute; top: 50%; color:white; font-size: 18px; margin-top: -12px;z-index: 1;  cursor:pointer;}
	.home .slides > a.next				{ right: 8px;  }
	.home .slides > a.prev				{ left: 8px }


	/*
	@ section > figtext */

	
	.sec-figtext 							{ text-align: center }
	.sec-figtext .sag blockquote p			{ text-align: center }


	/*
	@ section > breadcrumb */

	.sec-breadcrumb 					{ padding: 0; }
	.sec-breadcrumb li					{ font-size: 12px }
	

	/*
	@ bebek - cocuk kutuları > section > aktivite kutuları  */

	.sec-activitekutu .list article 				{ margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #ddd }
	.sec-activitekutu .list article:last-child 		{ border: 0; padding-bottom:; margin-bottom: 0 }
	.sec-activitekutu .list article div				{ width: 100%;  }
	.sec-activitekutu .list article:nth-child(1) div{ margin-left:0; }
	.sec-activitekutu .list article:nth-child(2) div{ margin: 0 auto; }
	.sec-activitekutu .list article:nth-child(3) div{ margin-right:0; }


	.buy-list  							{ padding-top: 25px ; padding-bottom: 0px }
	.buy-list .firsat 					{ text-align: center; }
	.buy-list article:not(.firsat)		{ border-bottom: 1px solid #ddd; padding-bottom: 2.8rem  }
	.buy-list .sub article:last-child	{ border: 0 }
	.buy-list.portrait .firsat .buton 	{ right: 0; margin-top: 18px}


	/* 
	@ Hakkında >  Kutuda Ne Var > Giris */

	
	.nevar .nevar-giris .con > div 						{  margin-bottom: 70px }
	.nevar .nevar-giris .con > div div					{ width: 100%}
	.nevar .nevar-giris .con i							{ top:auto; right: auto; left: 50%; margin: 0 0 0 -14px;  bottom:-60px }
	.nevar .nevar-giris .con div:nth-child(1) div		{ margin-left:0;}
	.nevar .nevar-giris .con div:nth-child(3) div		{ margin-right:0;}
	
	/*
	@ Uzman Detay > Movie */

	.uzman.detay .content .post-nav 			{ text-align: center;}
	.uzman.detay .content .post-nav nav			{ margin-top: 5px;}
	.uzman.detay .content .post-nav nav strong	{ margin-bottom: 6px; display: block}
	.uzman.detay .content .movie 				{ margin: 0 auto 30px auto }
	.uzman.detay .content h1, 		
	.uzman.detay .content .kunye 				{ text-align: center }


	/*
	@  Urun > Detay Sayfası */


	.urun.detay .photo .thumbs 							{ width: 100%; margin: 0 0 10px 0; position: absolute; bottom: -34px   }
	.urun.detay .photo .thumbs 							{ webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center  }
	.urun.detay .photo .thumbs span 					{ border: 0; padding: 0; background: #ADB9BF; width: 16px; height: 12px; margin: 0 3px; border-radius: 3px; }
	.urun.detay .photo .thumbs span.on 					{ background: #009E9D; }
	.urun.detay .photo .thumbs span img 				{ display: none }
	.urun.detay .photo .slides 							{ width:100% }


	.urun.detay .content h2 							{ margin-top: 50px; text-align: center; }
	.urun.detay .content .ciz 							{ border-top: 0; margin-top: 0 }
	.urun.detay .content .stok 							{ display: block; text-align: center;}
	.urun.detay .content form label 					{ width: 90px; padding-bottom: 4px; border-bottom: 1px solid #ddd; top:5px;}
	.urun.detay .content form .select-mask 				{ width: calc( 100% - 95px )}

	.urun.detay .content form .adet	 					{  margin: 0 auto; height: 50px; width: 190px; text-align: center; margin-bottom: 25px }
	.urun.detay .content form .adet	a 					{  width: 20% }
	.urun.detay .content form .adet	a i					{  top:8px ;}
	.urun.detay .content form .adet	> span 				{  width: 60% }
	.urun.detay .content form .adet	> span span			{ top: 14px}
	.urun.detay .content form button					{ display: block; width: 190px; margin: 0 auto}

	/*
	@  Hesap Formları  */

	.form 											{ width: 100% }
	.form .row  									{ padding: 12px 0  }
	.form .row > div 								{ padding: 0 }
	.form .row .first 								{ margin-bottom: 10px }
	.form .row > .space 							{ margin-top: 0 }
	
	/*
	@  Form > Modal  */

	.modal.user .form 								{ width: 100% }

	.uyelik .content 								{ padding-top: 10px}

	.islem .status li:not(.ranked) span 			{ width: 34px; height: 34px; border-radius: 34px; font-size: 16px}
	.islem .status li:not(.ranked) h6    			{ font-size: 12px; width: 120px; top: 31px; left: -37px; position: absolute; }
	.islem .status li:not(.ranked) h6    			{  -webkit-transform:rotate(-45deg);  -ms-transform:rotate(-45deg);  transform:rotate(-45deg); }
	.islem .status li span i 						{ top: -1px}
	.islem .status li.ranked     					{ position: absolute; width: 160px; bottom: -150px; left: 50%; margin-left: -80px }
	
	
	.islem .status 								{ width: 100%; max-width: 400px; margin: 0 auto 170px auto }


	/*
	@  İslem Sayfaları > Hesabım  */


	.hesaplink figure 									{ width: 40px; height: 40px; border-radius: 40px }
	.hesaplink 											{ width: 100%; margin:0 auto 20px auto!important; max-width: 400px}
	.hesaplink h6										{ font-size: 13px }
	.hesaplink li figure i								{ font-size: 24px; top: 9.5px }
	.hesaplink li figure i.icon-cog						{ top: 9.5px}
	.hesaplink li figure i.icon-man						{ font-size: 28px; top: 6px }


	
	/*
	@  İslem > Form > Field Tarih  */

	.islem.odeme .form .no-flex-xs 						{ display: block!important }
	.islem.odeme .form .field-tarih .line > span 		{ width: 100%; display: block;  }
	.islem.odeme .form .field-tarih .line .field-ay 	{ margin-bottom:15px; }


	/*
	@  aktivite kutuları > buy List > list menu */

	
	.buy-list .listmenu ul li span 			{ display: none }
	.buy-list .listmenu ul 					{ width:90%; margin: 0 auto }
	.buy-list .listmenu ul li  				{ border-bottom: 1px solid #ddd; padding: 0 }
	.buy-list .listmenu ul li a 			{ color:#555; display: block; padding: 12px 0; font-size: 17px; font-weight: 300; margin: 0 }
	.buy-list .listmenu ul li a:hover 		{ color:#111 }
	.buy-list .listmenu ul li:last-child  	{ border-bottom: 0 }

	
	/*
	@  common > list menu */

	.listmenu div 							{ position: fixed; left:0; top:0; background: rgba(255,255,255,.95); width:100%; height: 100%; z-index: 4 ; visibility: hidden; opacity: 0 }
	.listmenu.on div 						{ visibility: visible; opacity: 1 }

	


	
	
}



@media (min-width: 768px) and (max-width: 991px) {

	
	/*
	@ header */

	header 								{ background-size:auto 100% }
	header 								{ height: 175px }
	header .us .sol .tel				{ top:2px; }
	header .us .sol .tel b				{ font-size: 13px}

	header .tabela a 					{ max-width: 162px;  }
	header .tabela  					{ top:37px; }

	header figure.fly 					{ width: 85px; left:70px; top: 59px }
	header figure.bardabas 				{ width: 57px; right: 37px; top:50px; }
	header figure.bird 					{ width: 28px; top:-21px; }

	header .menu li h1 a 				{ padding: 5px 0 14px 0}
	header .menu li h1  				{ font-size: 15px }
	header .menu li:hover h1 i 			{ bottom: 2px;  }

	header .menu li ol 					{ top:36px }


		
	/*
	@ footer */
	
	footer .sag  							{ top:-52px;}
	footer .sag nav 						{ right:0% }
	footer .sol .as							{ top:16px; font-size: 13px}



	/*
	@ bebek - cocuk kutuları > section > aktivite kutuları  */

	
	.sec-activitekutu .list article div				{ width: 100%;  }
	.sec-activitekutu .list article:nth-child(1) div{ margin-left:0; }
	.sec-activitekutu .list article:nth-child(2) div{ margin: 0 auto; }
	.sec-activitekutu .list article:nth-child(3) div{ margin-right:0; }

	.sec-activitekutu .list article h4 				{ font-size: 16px}
	.sec-activitekutu .list article form 			{ width: 83%; font-size: 13px}
	.sec-activitekutu .list article .buton 			{ font-size: 14px}
	.sec-activitekutu .list article img 			{ width: 90%; display: block; margin: 0 auto}
	.sec-activitekutu .list article li label 		{ padding-left: 5px }
	.sec-activitekutu .list article li span 		{ font-size: 12px }



	.buy-list .firsat 					{ text-align: center;}
	.buy-list.portrait .firsat .buton 	{ right: 0; margin-top: 18px}


	/*
	@  Urun > Detay Sayfası */

	.urun.detay .photo .thumbs 							{ width: 100%; margin: 0 0 10px 0; position: absolute; bottom: -34px   }
	.urun.detay .photo .thumbs 							{ webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center  }
	.urun.detay .photo .thumbs span 					{ border: 0; padding: 0; background: #ADB9BF; width: 16px; height: 12px; margin: 0 3px; border-radius: 3px; }
	.urun.detay .photo .thumbs span.on 					{ background: #009E9D; }
	.urun.detay .photo .thumbs span img 				{ display: none }
	.urun.detay .photo .slides 							{ width:100% }


	/*
	@  Hesap Formları  */

	.islem  .form 										{ width: 100% }

}


@media (min-width: 992px) and (max-width: 1199px) {

	/*
	@ footer */

	footer .sag 						{ top:-58px; }
	footer .sag nav 					{ right:11.7% }
}