/*
header.fixed {position:fixed; top:0; left:0; width:100%; box-shadow:0 8px 32px rgba(0,0,0,.07); animation:uptodownnav ease .5s; -webkit-animation:uptodownnav ease .5s;}
*/
  header .row>* {clear:none!important;}

  header .top-text {background-color:#ffdc00; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; width:100%; height:40px; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; -webkit-box-align: center;-ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; padding:2px 15px; font-size:16px; color:#000; line-height:18px; text-align:center; margin:0; position:relative; z-index:3;}
  header .top-text:empty {display:none;}
  header .header-inner {background-color:#1d1d1d; padding:34px 0; position:relative; z-index:3;}
  header .nav-col {display:none;}
	header .logo {height:42px; position:relative;}
		header .logo a {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; width:100%; height:100%; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center;}
    header .logo img {display:block;}

  header .search {}
    header .search form {display:block; position:relative;}
    header .search .form-control {height:42px; border:none; border-radius:21px; padding:0 20px; font-size:15px;}
    header .search button {position:absolute; top:4px; right:4px; width:68px; height:34px; padding:0 20px; background-color:#ffdc00; border-radius:17px;}
    header .search button svg {display:block; width:18px; height:18px; fill:#1d1d1d; margin:0 auto;}
      .ui-menu.ui-widget.ui-widget-content.ui-autocomplete {border:1px solid #e8eef3; border-radius:10px; box-shadow:0 0 35px rgba(213,213,213,.4); padding:15px; max-height:calc(100vh - 215px); overflow:auto; font-size:16px; font-weight:500; color:#1d1d1d; line-height:20px;}
      .ui-autocomplete-category {display:none;}
      .ui-menu-item {border-bottom:1px solid #e8eef3;}
      .ui-menu-item:last-child {border-bottom:none;}
      .ui-menu-item div {transition:background-color .4s; -webkit-transition:background-color .4s;}
      .ui-menu-item-wrapper {padding:10px; border-radius:5px;}
      .ui-menu-item-wrapper.ui-state-active {background-color:#f2f2f2;}
      .ui-menu-item-wrapper span.image img {border-radius:5px;}
      .ui-menu-item-wrapper span.text {width:calc(100% - 60px);}
      .ui-menu-item-wrapper {font-size:inherit;}

  header .user-col {float:right;}
	header .user-nav {list-style:none; float:right; font-size:0; line-height:0; margin:-3px -10px; padding:0;}
		header .dropdown-shadow {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(10,11,17,.4); opacity:0; pointer-events:none; transition:opacity .4s; -webkit-transition:opacity .4s;}
		header .dropdown.open>.dropdown-shadow {pointer-events:auto; opacity:1;}
    header .user-nav>li {display:inline-block; vertical-align:top; margin:0 10px;}
      header .user-nav>li>a, header .user-nav .dropdown-toggle {display:block; position:relative;}
        header .user-nav .text {font-size:15px; font-weight:300; color:#fff; line-height:18px; opacity:.5; margin-top:4px;}
        header .favourite-amount, header .cart-amount {position:absolute; top:-4px; right:-2px; width:16px; background-color:#ffdc00; border-radius:100%; font-size:12px; font-weight:500; color:#444; line-height:16px; text-align:center; pointer-events:none;}
        header .favourite-amount {right:10px;}
        header .user-nav svg {display:block; width:26px; height:26px; fill:#fff; margin:0 auto; padding:3px;}
        header .user-nav .account svg {padding:2px 2px 3px;}
        header .user-nav .cart svg {padding:1px 0 0;}

    header .account .dropdown-menu {border:2px solid #ddd; border-radius:10px; padding:20px 10px; min-width:200px; font-size:16px; font-weight:500; color:#323232; line-height:120%; text-align:center;}
      header .account .dropdown-menu ul {margin:0;}
      header .account .dropdown-menu li+li {margin-top:2px;}
      header .account .dropdown-menu a {display:block; padding:8px 4px; background-color:#ffdc00; border-radius:5px; color:#1d1d1d; text-transform:uppercase; font-size:96%; font-weight:normal;}
      header .account .dropdown-menu a:hover {opacity:.9;}

		header .cart .dropdown-menu {width:340px; border:2px solid #ddd; border-radius:10px; padding:30px 20px; font-size:16px; font-weight:500; color:#323232; line-height:20px; max-width:calc(100vw - 30px); left:auto; right:-10px; -webkit-transform:translate(0,0); transform:translate(0,0);}
      header .cart .dropdown-menu p {margin:15px 0; text-align:center;}
      header .cart .dropdown-menu ul {max-height:323px; overflow:auto; margin-bottom:20px;}
      header .cart .dropdown-menu li {border-bottom:1px solid #eaeaea; padding-bottom:18px; position:relative; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; text-align:center;}
      header .cart .dropdown-menu li+li {padding-top:18px;}
      header .cart .dropdown-menu li:after, header .cart .dropdown-menu .total:after {content:''; clear:both; display:block;}
      header .cart .dropdown-menu .image {width:100px; overflow:hidden; border:1px solid #ddd; border-radius:10px;}
      header .cart .dropdown-menu .detail {width:198px; padding:2px 0 8px 10px; text-align:left;}
      header .cart .dropdown-menu .UrunSil {position:absolute; top:0; right:0; padding:8px; cursor:pointer;}
      header .cart .dropdown-menu li+li .UrunSil {top:10px;}
      header .cart .dropdown-menu .UrunSil svg {display:block; width:12px; height:11px; fill:#1d1d1d;}
      header .cart .dropdown-menu .detail a {display:block; color:inherit; margin-bottom:5px; padding-right:25px;}
      header .cart .dropdown-menu .price div {float:left; margin-right:10px; font-size:112%;}
      header .cart .dropdown-menu .price div.old {position:relative; color:#8f8e90;}
      header .cart .dropdown-menu .price div.old:after {content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background-color:#53626e; opacity:.5;}
      header .cart .dropdown-menu .price div.last {color:#2c4ece;}
      header .cart .dropdown-menu .price i {font-size:80%; margin-left:-3px;}
      header .cart .dropdown-menu .total {text-align:center; margin:0 0 22px;}
      header .cart .dropdown-menu .total .text, header .cart .dropdown-menu .total .value {display:inline-block; vertical-align:top; font-size:113%; font-weight:inherit; color:inherit; line-height:20px; margin:0; opacity:1;}
      header .cart .dropdown-menu .total .text:after {content:': ';}
      header .cart .dropdown-menu .total .value {margin-left:4px;}
      header .cart .dropdown-menu .total .value i {font-size:80%;}
      header .cart .dropdown-menu .total+.btn {display:block; width:100%; height:46px; max-width:254px; padding:12px; margin:0 auto; font-size:116%; line-height:22px; box-shadow:0 0 35px rgba(213,213,213,.4);}

    header .dropdown-menu {top:50px;}

	header .main-nav {clear:both; }
		header .main-nav nav {position:relative;}
		header .main-nav .top-nav, header .main-nav .top-nav ul {list-style:none; margin:0; padding:0;}
		header .main-nav .top-nav i, header .main-nav .top-nav>li>a svg, header .main-nav .sub-nav, header .main-nav .sub-nav ul ul {display:none;}
		header .main-nav .top-nav a {display:block; font-size:15px; color:#fff; line-height:18px; padding:8px 0; position:relative;}
    header .main-nav .top-nav>li>a {text-transform:uppercase;}
    header .main-nav .top-nav>li>a .image {display:block; width:46px; height:41px; overflow:hidden;}
    header .main-nav .top-nav>li>a .image img.white {display:block; -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1); transition:margin-top .4s; -webkit-transition:margin-top .4s;}
    header .main-nav .top-nav>li>a .image img.yellow {display:block;}
    header .main-nav .top-nav>li>a .text {display:block;}
    header .main-nav .image-wrapper ul {margin:0 -10px;}
    header .main-nav .image-wrapper li {width:50%; float:left; padding:0 10px 20px;}
    header .main-nav .image-wrapper a {padding:0!important; border-radius:10px; overflow:hidden; position:relative;}
    header .main-nav .image-wrapper img {display:block;}
    header .main-nav .image-wrapper .desc {position:absolute; top:20px; left:10px; right:10px; z-index:1; font-size:18px; font-weight:500; color:#323232; line-height:120%; text-transform:uppercase; text-align:center; pointer-events:none;}
    header .main-nav .image-wrapper .button {background-color:#ffdc00; border-radius:10px; max-width:70%; margin:12px auto 0; font-size:76%; line-height:140%; padding:6px;}

.header-shadow {position:fixed; top:0; left:0; z-index:2; width:100%; height:100%; background-color:rgba(10,11,17,.4); opacity:0; pointer-events:none; transition:opacity .4s; -webkit-transition:opacity .4s;}
  .main-nav-opened header+.header-shadow {opacity:1; pointer-events:auto;}

@media (max-width:1199px){
	body, .form-control {font-size:15px;}
	.form-control {height:40px; padding-left:10px; padding-right:10px;}
	button, .btn, .btn-primary {padding:12px 20px; font-size:16px;}
	/*
	body {padding-top:90px;}
	header {position:absolute; top:0; left:0; width:100%; padding:10px 0; margin-bottom:0;}
	header.fixed {position:fixed; animation:uptodownnav ease .5s; -webkit-animation:uptodownnav ease .5s;}
	*/
	html.main-nav-opened {overflow-y:hidden;}
  header .top-text {font-size:15px; line-height:16px; height:36px; padding:1px 15px;}
  header .header-inner {padding:26px 0;}
  header .container-fluid {position:relative;}
  header .nav-col {display:block;}
	header .main-nav-toggle {display:block; width:40px; height:40px; padding:13px 10px; margin:0; background-color:#ffdc00; border-radius:100%; cursor:pointer;}
	header .main-nav-toggle span {display:block; height:2px; border-radius:2px; background-color:#000; transition:opacity .4s, transform .4s; -webkit-transition:opacity .4s, transform .4s;}
	header .main-nav-toggle span+span {margin-top:4px;}
	header .main-nav-toggle.open span:nth-child(1), header .main-nav-toggle.open span:nth-child(4) {opacity:0;}
	header .main-nav-toggle.open span:nth-child(2) {-webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; margin:5px 0 0;}
	header .main-nav-toggle.open span:nth-child(3) {-webkit-transform:rotate(135deg); transform:rotate(135deg); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; margin:-2px 0 0;}
  header .logo a {-webkit-justify-content:center; -moz-justify-content:center; justify-content:center;}
  header .search button {width:52px; padding:0 5px;}
  header .user-nav {margin:-1px -8px;}
  header .user-nav>li {margin:0 8px;}
  header .user-nav .text {font-size:13px; line-height:16px; margin-top:2px;}
  header .account .dropdown-menu {font-size:15px; min-width:150px; padding:10px 5px;}
  header .favourite-amount, header .cart-amount {width:14px; line-height:14px; top:-3px; right:-2px;}
  header .favourite-amount {right:7px;}
  header .cart .dropdown-menu {width:300px; padding:20px; font-size:15px;}
  header .cart .dropdown-menu li {padding-bottom:10px;}
  header .cart .dropdown-menu li+li {padding-top:10px;}
  header .cart .dropdown-menu .image {width:70px;}
  .ui-menu.ui-widget.ui-widget-content.ui-autocomplete {font-size:15px; font-weight:normal; line-height:18px;}
	header .main-nav {clear:both; position:absolute; top:130px; left:-100%; width:94%; max-width:300px; height:calc(100vh - 130px); margin:0; padding:0; overflow:auto; z-index:5; transition:left .6s; -webkit-transition:left .6s;}
  header .top-text:empty+.container-fluid+.main-nav {top:94px; height:calc(100vh - 94px);}
	header .main-nav.open {left:0;}
  header .main-nav .container-fluid {padding-left:15px; padding-right:15px;}
	header .main-nav .top-nav li {position:relative;}
	header .main-nav .top-nav>li {border-bottom:1px solid #474747;}
	header .main-nav .top-nav>li>a {padding:5px 45px 5px 5px; height:55px; font-weight:300;}
  header .main-nav .top-nav>li.open>a {color:#ffdc00;}
  header .main-nav .top-nav>li>a>div {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; height:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center;}
  header .main-nav .top-nav>li>a .image {width:40px; height:36px; margin-right:15px;}
  header .main-nav .top-nav>li.open>a .image img.white {margin-top:-36px;}
  header .main-nav .top-nav>li>a .image+.text {width:calc(100% - 55px);}
	header .main-nav .top-nav i {display:block; width:45px; height:55px; position:absolute; top:0; right:0;}
	header .main-nav .top-nav .sub-nav i {height:38px;}
	header .main-nav .top-nav i:before {content:''; width:12px; height:2px; background-color:#808080; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
	header .main-nav .top-nav i:after {content:''; width:2px; height:12px; background-color:#808080; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); transition:height .4s; -webkit-transition:height .4s;}
	header .main-nav .top-nav li.open>a>i:after {height:0;}
  header .main-nav .sub-nav {margin:0 0 15px 60px;}
  header .main-nav .sub-nav ul ul {margin:0 0 0 10px;}
	header .main-nav .sub-nav a {padding:10px 45px 10px 0;}
  header .main-nav .sub-nav li.open>a {color:#ffdc00;}
  header .main-nav .sub-nav .image-wrapper {display:none;}
}
@media (max-width:991px){
  header .user-nav {margin:-1px -28px;}
}
@media (max-width:767px){
	.container {max-width:460px;}
	html.main-nav-opened {overflow-y:hidden;}
  header {margin-bottom:15px;}
  header .header-inner {padding:15px 0;}
  header .container-fluid {padding-left:10px; padding-right:10px;}
  header .nav-col {width:56px;}
  header .logo-col {width:calc(100% - 212px);}
  header .logo {max-width:180px; margin:0 auto;}
  header .user-col {width:156px;}
  header .user-nav {margin:-2px -5px;}
  header .user-nav>li {margin:0 5px; width:40px;}
  header .user-nav>li>a, header .user-nav .dropdown-toggle {padding:0; text-align:center;}
  header .user-nav .text {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
  header .search {margin-top:15px;}
	header .main-nav {top:165px; height:calc(100vh - 165px);}
  header .top-text:empty+.container-fluid+.main-nav {top:129px; height:calc(100vh - 129px);}
}
@supports (-webkit-overflow-scrolling:touch){
	/* CSS specific to iOS devices */
	header .main-nav .top-nav, header.fixed .main-nav .top-nav {padding-bottom:80px;}
}
@supports not (-webkit-overflow-scrolling:touch){
	/* CSS for other than iOS devices */
}
@media (min-width:992px){
	header .logo {max-width:206px;}
  header .search {margin:0 -9% 0 9%;}
}
@media (min-width:1200px){
	header.nav-hovered+.header-shadow {opacity:1; pointer-events:auto;}
  header.nav-hovered .main-nav {position:relative; z-index:3;}
  header .dropdown-menu {top:65px;}
	header .main-nav {background: #424242; background-position:center center; background-repeat:no-repeat; height:auto!important;}
	header .main-nav .top-nav {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; height:106px; margin:0 -12px; position:relative;}
	header .main-nav .top-nav>li {padding:0;}
	header .main-nav .top-nav>li.narrow {position:relative;}
	header .main-nav .top-nav>li>a {text-align:center; position:relative; padding:0 12px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; height:100%; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center;}
  header .main-nav .top-nav>li.has-sub>a:after {content:''; width:0; height:0; border-style:solid; border-width:0 12px 10px 12px; border-color:transparent transparent #ffffff transparent; position:absolute; bottom:0; left:50%; margin-left:-12px; display:none; animation:downtoupcenter ease .5s; -webkit-animation:downtoupcenter ease .5s;}
  header .main-nav .top-nav>li.has-sub:hover>a:after {display:block;}
  header .main-nav .top-nav>li:hover>a {color:#ffdc00;}
  header .main-nav .top-nav>li>a .image {margin:0 auto 8px;}
  header .main-nav .top-nav>li:hover>a .image img.white {margin-top:-41px;}
	header .main-nav .sub-nav {position:absolute; top:100%; left:0; right:0; z-index:5; background-color:#fff; border-radius:0 0 15px 15px; padding:20px 20px 0; animation:downtoupcenter ease .5s; -webkit-animation:downtoupcenter ease .5s;}
	header .main-nav .narrow .sub-nav {top:100%; left:50%; right:auto; margin-left:-100px; width:200px; min-width:auto; padding:20px 15px;}
  header .main-nav .narrow:hover>.sub-nav {display:block;}
	header .main-nav .mega .sub-nav {left:12px; right:12px;     z-index: 999; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center;}
  header .main-nav .mega:hover>.sub-nav {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
	header .main-nav .mega .sub-nav>ul {-webkit-column-count:4; column-count:4; -webkit-column-gap:60px; column-gap:60px; -webkit-column-rule:1px solid #ddd; column-rule:1px solid #ddd; padding:0 15px; margin-bottom:20px;}
	header .main-nav .mega.has-image .sub-nav>ul {-webkit-column-count:2; column-count:2; width:45%;}  
	header .main-nav .sub-nav>ul>li {display:inline-block; vertical-align:top; width:100%;}  
	header .main-nav .narrow .sub-nav>ul {text-align:center;}
  header .main-nav .sub-nav a {color:#323232; padding:8px 0;}
  header .main-nav .sub-nav a span {display:inline-block; vertical-align:top; position:relative;}
  header .main-nav .sub-nav a span:after {content:''; width:0; height:1px; background-color:#989898; position:absolute; left:0; bottom:0; transition:width .4s; -webkit-transition:width .4s;}
  header .main-nav .narrow .sub-nav a span:after {left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
  header .main-nav .sub-nav a:hover span:after {width:100%;}
  header .main-nav .image-wrapper {width:55%;}


	header .logo {max-width:300px; height:46px;}
  header .search {margin:0;}
  header .search .form-control {height:46px; border-radius:23px; font-size:16px; padding:0 30px;}
  header .search button {height:38px; border-radius:19px; margin:0;}
	header .user-nav {margin:-2px -12px;}
  header .user-nav>li {margin:0 12px;}
  header .user-nav .text {font-size:16px;}
  header .user-nav svg {width:28px; height:28px;}
  header .main-nav .top-nav {margin:0 -20px; height:110px;}
  header .main-nav .top-nav a {font-size:16px; line-height:19px;}
  header .main-nav .top-nav>li>a {padding:0 20px;}
  header .main-nav .top-nav>li>a .image {width:50px; height:45px; margin:0 auto 12px;}
  header .main-nav .top-nav>li:hover>a .image img.white {margin-top:-45px;}
	header .main-nav .sub-nav {padding:30px 30px 0;}
  header .main-nav .sub-nav a {padding:11px 0;}
  header .main-nav .mega .sub-nav {left:20px; right:20px;}
	header .main-nav .mega .sub-nav>ul {-webkit-column-gap:80px; column-gap:80px; padding:10px 30px; margin-bottom:30px;}
  header .main-nav .image-wrapper ul {margin:0 -15px;}
  header .main-nav .image-wrapper li {padding:0 15px 30px;}
  header .main-nav .image-wrapper .desc {top:25px; font-size:20px;}
  header .main-nav .image-wrapper .button {padding:8px;}
}
@media (min-width:1400px){
  header .top-text {height:50px; padding:5px 15px; font-size:16px; line-height:20px;}
  header .header-inner {padding:45px 0;}
	header .logo {height:50px;}
  header .search .form-control {height:50px; border-radius:25px; padding:0 40px;}
  header .search button {height:42px; border-radius:21px;}
	header .user-nav {margin:-3px -18px;}
  header .user-nav>li {margin:0 18px;}
  header .favourite-amount, header .cart-amount {top:-5px; right:-3px; width:20px; font-size:14px; line-height:20px;}
  header .favourite-amount {right:9px;}
  header .user-nav .text {font-size:18px; line-height:20px;}
  header .user-nav svg {width:30px; height:30px;}
	header .main-nav .top-nav {margin:0 -22px; height:120px;}
  header .main-nav .top-nav a {font-size:18px; line-height:21px;}
  header .main-nav .top-nav>li>a {padding:0 22px;}
  header .main-nav .top-nav>li>a .image {width:56px; height:50px;}
  header .main-nav .top-nav>li:hover>a .image img.white {margin-top:-50px;}
	header .main-nav .narrow .sub-nav {margin-left:-120px; width:240px;}
  header .main-nav .mega .sub-nav {left:22px; right:22px;}
	header .main-nav .mega .sub-nav>ul {padding:20px 60px; -webkit-column-gap:120px; column-gap:120px;}
	header .main-nav .mega.has-image .sub-nav>ul, header .main-nav .image-wrapper {width:50%;}
  header .main-nav .sub-nav a span:after {bottom:-1px; height:2px;}
}
@media (min-width:1600px){
	header .main-nav .top-nav {margin:0 -28px; height:140px;}
  header .main-nav .top-nav a {font-size:18px; line-height:23px;}
  header .main-nav .top-nav>li>a {padding:0 28px;}
  header .main-nav .top-nav>li>a .image {width:60px; height:54px;}
  header .main-nav .top-nav>li:hover>a .image img.white {margin-top:-54px;}
  header .main-nav .mega .sub-nav {left:28px; right:28px;}
  header .main-nav .image-wrapper .desc {top:30px; left:30px; right:30px; font-size:25px;}
  header .main-nav .image-wrapper .button {padding:10px; max-width:80%; font-size:65%;}
}



@media (max-width:991px){
	header .navbar-default .navbar-header {float:none;}
	header .navbar-default .navbar-left, header .navbar-default .navbar-right {float:none!important;}
	header .navbar-default .navbar-toggle {display:block;}
	header .navbar-default .navbar-fixed-top {top:0; border-width:0;}
	header .navbar-default .navbar-collapse.collapse {display:none!important;}
	header .navbar-default .navbar-nav {float:none!important; margin:10px 0!important;}
	header .navbar-default .navbar-nav>li {float:none;}
	header .navbar-default .navbar-nav>li>a {padding-top:10px; padding-bottom:10px;}
	header .navbar-default .collapse.in {display:block!important;}
}