/** Shopify CDN: Minification failed Line 51:12 Expected identifier but found "*" Line 60:14 Expected identifier but found "*" Line 73:10 Expected identifier but found "*" Line 147:17 Expected identifier but found "*" Line 167:12 Expected identifier but found "*" Line 206:23 Expected identifier but found "*" Line 224:9 Expected identifier but found "*" Line 244:26 Expected identifier but found "*" Line 254:10 Expected identifier but found "*" Line 255:36 Unexpected ";" ... and 9 more hidden warnings **/ /* ************************************************* ____ ___ _ _ _ _ _____ | _ \ / _ \| \ | | | | |_ _| | | | | | | | \| | | | | | | | |_| | |_| | |\ | |_| | | | |____/ \___/|_| \_|\___/ |_| Lovingly made in Istanbul ************************************************* */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } a:active, a:focus { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } body { background: white; color: #333333; font-size: 14px; line-height: 26px; font-family: Arial, sans-serif; font-weight: 400; font-style: normal; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } ::selection { background: #B4D5FE; color: white; text-shadow: none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .grid { background: white; margin: 0 0 45px 0; } .grid:after:before, .grid:after:after { content: " "; display: table; } .grid:after:after { clear: both; } .grid:after { *zoom: 1; } [class*='col-'] { float: left; padding-right: 45px; } .grid [class*='col-']:last-of-type { padding-right: 0; } .col-1-4 { width: 25%; } .col-2-4 { width: 25%; } .col-3-4 { width: 25%; } .col-4-4 { width: 23%; padding-right:0;} .grid-pad { padding: 45px 0 45px 45px; } .grid-pad [class*='col-']:last-of-type { padding-right: 45px; } .holder { width: 1200px; min-width: 1200px; margin: 0 auto; } .holder:before, .holder:after { content: " "; display: table; } .holder:after { clear: both; } .holder { *zoom: 1; } .content { background-color: white; } h2 { font-family:system-ui; font-weight:800; font-size:30px; font-family:Arial, sans-serif; padding: 30px; } h1 { font-size: 30px; } p { font-size: 14px; font-family: system-ui, Arial, sans-serif; line-height: 20px; } /* RIBBON RELATED STUFF */ .ribbon-wrap { display: block; position: relative; z-index: 1; } .ribbon { display: inline-block; background: #ffcc33; color: #202020; position: relative; text-align: center; } .ribbon:before, .ribbon:after { content: ""; position: absolute; display: block; bottom: 0; z-index: -1; } .ribbon:before { left: -40px; border: 21px solid white; border-left-color: transparent; } .ribbon:after { border: 21px solid white; border-right-color: transparent; right: -40px; } .subscribe { background: #ec439b url("//www.donut.com.tr/cdn/shop/t/85/assets/button-subscribe.png?v=9246898977682705231792942387") no-repeat left top; width: 89px; height: 32px; text-indent: -9999px; } /* HOME LAYOUT */ .home h2 { text-align: center; } /* HEADER */ header .user { height: 40px; background: black; position: relative; width:100%;} header .user .user-account p { font-size:12px; } header .user .search-input { width: 40px; height: 40px; background: #333; border: none; color: white; background: #333333 url(//www.donut.com.tr/cdn/shop/t/85/assets/icon-search.png?v=65169992279752672731792942387) no-repeat left top; background-position: 15px; padding: 10px; -webkit-transition: width 0.1s linear; -moz-transition: width 0.1s linear; -o-transition: width 0.1s linear; transition: width 0.1s linear; } header .user .search-input:focus { background: #F14297 url(//www.donut.com.tr/cdn/shop/t/85/assets/icon-search.png?v=65169992279752672731792942387) no-repeat left top; background-position: 15px; padding: 10px; color: white; border: none; width: 280px; padding-left: 40px;} header .logo { background-color: white; height: 165px; text-align: center; } header .logo img { padding: 25px; } header .user-cart-summary { width: 120px; background-color: #F14297; font-size: 10px; font-weight: bold; text-align: center; } header .user-cart-summary a { color: white; text-decoration: none; } header .user-cart-summary-wrapper { width: 115px; padding: 7px; } /* HOME HERO SLIDER WITH NAVIGATION */ .hero { position: relative; height: 423px; background-color: #000; } .hero nav { background-color: white; width: 704px; display: block; margin: 0 auto; z-index: 56; position: relative; height:42px;} nav ul { display: block; margin: auto; height: 42px; position: relative;} nav ul li { float: left; padding: 8px 15px 8px 15px; } nav ul li a { display: block; font-family:system-ui; font-weight:500; font-family:Arial, sans-serif; color: #333333; } nav ul li a:hover { color: #ec439b; } nav ul li a.active { color: #ec439b; } .slider { overflow: hidden; width: 1200px; height: 423px; } .slider img { display: block; float: left; } /*.no-ribbon { height: 42px; width: 100%; margin:0 auto; background-color: black; border: 1px solid #707070; } */ .no-ribbon { height: 42px; width: 100%; margin:0 auto; background-color: black; } .no-ribbon nav { color: white; background-color: black; margin: 0 auto; } .no-ribbon nav ul li a { color: white; } .no-ribbon nav ul li a:hover { color: #ec439b; } .menu-over { background:rgba(205,205,205,1); } .no-ribbon nav ul li.menu-over { background:rgba(32,32,32,1); } nav ul:after { content: ""; clear: both; display: block; } nav ul ul{ display:none; position:absolute; top:42px; left:52px; opacity:0.95;} nav ul li:hover >ul{ display:block} nav ul ul li{ float:none; position:relative; font-size:12px; width:204px; height:40px; text-align:left} nav ul ul ul{ display:none; position:absolute; left:100%; top:0; opacity:1;} nav ul ul li.menu-arrow:hover{ background:url('//www.donut.com.tr/cdn/shop/t/85/assets/dropdown-arrow-hover.png?v=17188310243037164211792942387') no-repeat right center; background-position:95%} .menu-arrow{ background:url('//www.donut.com.tr/cdn/shop/t/85/assets/dropdown-arrow-solid.png?v=39468888591853460971792942387') no-repeat right center; background-position:95%} .odd{background-color:rgba(16,16,16,1) !important} .even{background-color:rgba(32,32,32,1) !important} .no-ribbon nav ul ul li a, .hero nav ul ul li:visited{ color:#FFF} .odd-nr { background-color:rgba(205,205,205,1) !important; } .even-nr { background-color:rgba(219,219,219,1) !important; } /* HOME CONTENT HOLDER */ .content section { background-color: white; } .content section.black { background-color:black;} .articles-wrapper { width: 955px; margin: 0 auto; } #posts-excerpt { background: #252525 url(//www.donut.com.tr/cdn/shop/t/85/assets/pattern-background-dark.jpg?v=40263122579885175921792942387) left top; border-top: 1px solid #8C8C8C; width:100%; height: 431px; position: relative; } #posts-excerpt:before, #posts-excerpt:after { content: " "; display: table; } #posts-excerpt:after { clear: both; } #posts-excerpt { *zoom: 1; } #posts-excerpt h2 { color: white; } #posts-excerpt ul { display: inline-block; } #posts-excerpt ul li { background: transparent url(//www.donut.com.tr/cdn/shop/t/85/assets/placeholder-blog-articles.png?v=132273520621891577721792942387) no-repeat center center; float: left; width: 305px; height: 290px; margin-right: 20px; display: inline; } #posts-excerpt ul li .article-image { margin: 19px 19px 0px 19px; opacity: 1; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } #posts-excerpt ul li .article-image:hover { opacity:0.8; } #posts-excerpt ul li .article-title { display: block; padding: 0px 20px; text-transform:uppercase;} #posts-excerpt ul li .article-title a { color:black; } #posts-excerpt ul li .article-title p { font-size:10px; line-height:0; } #posts-excerpt ul li:last-child { margin-right: 0; } #posts-excerpt .prev { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/pagination-ribbons-blog.png?v=120759106686923125191792942387) no-repeat left top; background-position: -74px 0px; display: block; top: 50%; left: 0; height: 22px; position: absolute; width: 74px; } #posts-excerpt .prev:hover { cursor:pointer; opacity: 0.7; } #posts-excerpt .next { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/pagination-ribbons-blog.png?v=120759106686923125191792942387) no-repeat left top; background-position: 0px 0px; display: block; top: 50%; right: 0; height: 22px; position: absolute; width: 74px; } #posts-excerpt .next:hover { cursor:pointer; opacity: 0.7; } /*.products { width:960px}*/ .products { width:880px;} .products {margin-left: auto; margin-right: auto; } .products:before, .products:after { content: " "; display: table; } .products:after { clear: both; } .products { *zoom: 1; } .products tr { float: left; text-align: center; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; min-height: 290px; } .products tr td { border-right: 1px solid #EEEEEE; padding-bottom: 15px; -webkit-transition: background .25s linear;} .products tr td:first-child { border-right: 1px solid #EEEEEE ; } .products tr td:last-child { border-right: 0; } .products tr td p { line-height: 16px; font-family: system-ui, Arial, sans-serif; font-size: 12px; text-transform: uppercase; text-align: center; } .products tr td p.title { color: #505050; } .products tr td p.brand { color: #bab9b9; font-style: italic; } .products tr td p.price { color: #505050; position:relative;} .text-sale { text-decoration: line-through; color: #bab9b9; margin-right: 5px; } .products td:hover { background: #f4f3f3 } .product-show-more { text-align: right; width: 883px; margin: 0 auto; padding: 0px 0px 10px 0px; margin-top: -2px; display: block; position: relative; z-index: 1; } .ribbon-button-medium { display: inline-flex; align-items: center; justify-content: center; background: #E43A95; color: white; position: relative; text-align: center; font-size: 13px; font-weight: bold; padding: 0px 14px; min-height: 44px; height: 44px; } .ribbon-button-medium:before { content: ""; position: absolute; display: block; bottom: 0; z-index: -1; } .ribbon-button-medium:before { left: -24px; border: 22px solid #E43A95; border-left-color: transparent; } .ribbon-button-medium:hover { background:#ea67ad; } .ribbon-button-medium:hover:before { border:22px solid #ea67ad; border-left-color: transparent; } .ribbon-button-small-left, .ribbon-button-small-right { display: inline-flex; align-items: center; justify-content: center; background: #E43A95; color: white; position: relative; text-align: center; font-size: 12px; font-weight: bold; padding: 0 12px; min-height: 44px; height: 44px; z-index: 1; } .ribbon-button-small-left:before, .ribbon-button-small-right:after { content: ""; position: absolute; display: block; bottom: 0; z-index: -1; } .ribbon-button-small-left:before { left: -24px; border: 22px solid #E43A95; border-left-color: transparent; } .ribbon-button-small-right:after { right: -24px; border: 22px solid #E43A95; border-right-color: transparent; } .ribbon-button-small-left:hover, .ribbon-button-small-right:hover { background:#ea67ad; } .ribbon-button-small-right:hover:after { border:22px solid #ea67ad; border-right-color: transparent; } .ribbon-button-small-left:hover:before { border:22px solid #ea67ad; border-left-color: transparent; } .subnav { margin: 20px 0px 50px 0px; text-align: center; } .subnav ul { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; display: inline-block; } .subnav li { float: left; border-right: 1px solid #EEEEEE; padding: 4px 15px; } .subnav li:last-child { border: 0 } .subnav li a { color: #BFBEBE } .subnav li a:hover { color: #013668 } #featured-categories { max-width: 1200px; line-height: 16px; margin: 0 auto;} #featured-categories:before, #featured-categories:after { content: " "; display: table; } #featured-categories:after { clear: both; } #featured-categories { *zoom: 1; } #featured-categories ul { position: relative; overflow: auto; margin: 0 auto; width: 85%; } #featured-categories ul li { padding-top: 30px; padding-bottom: 20px; float: left; width: 49%; border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; padding-right: 10px; } #featured-categories ul li:last-child { border-right: none; padding-right: 0px; padding-left: 10px; } #featured-categories ul li .category-info { width: 65%; } #featured-categories ul li .category-info .description { line-height: 16px; color: #9f999f; font-size: 13px; padding-bottom: 20px; padding-top: 5px;} #featured-categories ul li .category-info h4 { font-size: 20px;} #featured-categories ul li .category-info.left { float: left; text-align: right; } #featured-categories ul li .category-info.right { float: right; text-align: left; } #featured-categories ul li .category-image.left { float: left; } #featured-categories ul li .category-image.right { float: right; } .category-ribbon { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/ribbon-category-show.png?v=171819086756841157971792942387) no-repeat; width: 115px; height: 22px; } .category-ribbon.left { background-position: 0px 0px; float: right; } .category-ribbon.right { background-position: -114px 0px; float: left; } .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } .clear { *zoom: 1; } /* FOOTER */ footer { height: 330px; color: #f8f8f8; padding: 55px 125px; width: 1200px; margin: 0 auto;} footer h4 { font-size: 16px; font-family: system-ui, Arial, sans-serif; line-height: 28px; padding-bottom: 14px; border-bottom: 1px solid grey; } footer p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; padding-top: 5px; padding-bottom: 5px; } footer ul { padding-top: 5px; } footer ul li { font-size: 13px; line-height: 26px; } footer ul li a { color: #f8f8f8; color: #f8f8f8; } footer ul li a:hover { color: #ec439b; } .copyright{ background:url(//www.donut.com.tr/cdn/shop/t/85/assets/background-copyright.jpg?v=91091075087097333461792942387) repeat-x; height:94px; width:100%} .copyright .inner{ width:940px; margin:0 auto; padding-top:44px} .copyright .inner .text{ float:right; color:white; font-size:13px; padding:3px 0px} .copyright .inner .we-accept{ float:left; margin-left:-5px;} /* MAIL LIST SUBSC */ .mail-list-subscription { width: 217px; } .mail-list-subscription:before, .mail-list-subscription:after { content: " "; display: table; } .mail-list-subscription:after { clear: both; } .mail-list-subscription { *zoom: 1; } .mail-list-subscription .btn { text-indent: -9999px; background-image: url(//www.donut.com.tr/cdn/shop/t/85/assets/button-subscribe.png?v=9246898977682705231792942387); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 126px; min-height: 44px; height: 44px; } .mail-list-subscription .btn:hover {opacity:0.7;} .mail-list-subscription input[type="submit"] { padding: 5px 40px 5px 15px; border: none; font-weight: 700; font-style: normal; font-size: 1em; color: #202020; cursor: pointer; background-color: transparent; float: right; } .mail-list-subscription input[type="text"] { width: 217px; height: 30px; padding-left:5px; font-size:12px; } /* BRANDS PAGE */ #brands { background-color: white; height: auto; max-width: 960px; } #brands:before, #brands:after { content: " "; display: table; } #brands:after { clear: both; } #brands { *zoom: 1; } #brands table { margin: 0px 120px; }; #brands tr { border-top: 1px solid #EEEEEE; } #brands td { border-right: 1px solid #EEEEEE; } #brands td:last-child { border-right: 0; } #brands .brand { display: inline-block; float: left; width: 240px; padding-top: 30px; padding-bottom: 30px; min-height: 250px; text-align: center; } #brands .brand:hover { background-color: #f8f8f8; } #brands h4 { text-align: center; font-family: system-ui, Arial, sans-serif; font-size: 20px; color: #333333; border-bottom: 1px solid #EEEEEE; width: 60px; margin: 0 auto; padding-bottom: 5px; margin-bottom: 10px; } #brands .brand-list li { color: #555555; float: none; font-size: 12px; line-height: 16px; text-align: center; } #brands .brand-list li a { color: #505050; } #brands .brand-list li a:hover { color: #013668; } /* PRODUCTS */ #products { height: auto; background-color: white; } #products:before, #products:after { content: " "; display: table; } #products:after { clear: both; } #products { *zoom: 1; } #products h2 { text-transform: uppercase; } /* ABOUT */ .about-hero { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/hero-about.jpg?v=150447911954607308621792942387) no-repeat center center, url(//www.donut.com.tr/cdn/shop/t/85/assets/pattern-background-dark.jpg?v=40263122579885175921792942387); color: white; height: 589px; text-align: center; border-top: 1px solid #949493; margin: 0 auto; } .about-hero p { text-transform: uppercase; font-style: italic; text-align: center; width: 828px; margin: 0 auto; } .about-hero p:after, .about-hero p:before { content: ""; display: block; width: 60px; height: 1px; background-color: #EEEEEE; margin: 0 auto; } .about-hero p:after { margin-top: 10px; } .about-hero p:before { margin-bottom: 10px; } .about-hero ul { margin-top: 45px; display: inline-block; } .about-hero ul li { background: transparent url(//www.donut.com.tr/cdn/shop/t/85/assets/placeholder-blog-articles.png?v=132273520621891577721792942387) no-repeat center center; float: left; width: 305px; height: 290px; margin-right: 20px; display: inline; } .about-hero ul li img { margin: 19px; } .about-hero ul li:last-child { margin-right: 0; } .about-list { width: 920px; margin: 0 auto; min-height: 220px; } .about-list ul { display: inline-block; } .about-list ul li { color: #505050; border-right: 1px solid #EEEEEE; float: left; text-align: center; padding: 0px 70px; height: auto; min-height: 280px; position:relative;} .about-list ul li:last-child { padding-right: 0; border-right: 0; } .about-list ul li p { line-height: 20px; font-family: Arial, sans-serif; font-size: 12px; } .about-list ul li h4:after { content: ""; display: block; width: 60px; height: 1px; background-color: #EEE; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; } .transportation { margin-top: 0px; margin-bottom: 0px; } .transportation:before, .transportation:after { content: " "; display: table; } .transportation:after { clear: both; } .transportation { *zoom: 1; } .transportation ul.tabs li { width: 220px; padding: 0px 10px; border-top: 1px solid #EEEEEE; min-height: 360px; } div#bus-lines {display:none;} #show-bus-list { font-weight: bold; display: inline-block; cursor: pointer; width: 100%; } #show-bus-list:hover > div#bus-lines { display:block;} #bus-lines { display: none; position: absolute; top: -34px; left: -105px; z-index: 1; } #bus-lines:after { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F2F2F2; display: block; margin: 0 auto; position: relative; top: -8px; } .bombo { display: inline-block; position: relative; background-color: #F2F2F2; width: 425px; color: #505050; padding: 20px; } .bombo p { padding: 0; border: none; float: none; font-size: 10px !important; line-height: 20px; text-align: left; } .bombo p b { font-weight:bold; } .bombo-left { float: left } .bombo-right { float: right } .why-donut { margin-top: 0px; margin-bottom: 0px; } .why-donut:before, .why-donut:after { content: " "; display: table; } .why-donut:after { clear: both; } .why-donut { *zoom: 1; } .why-donut ul li { width: 220px; padding: 0px 10px; border-top: 1px solid #EEEEEE; min-height: 260px; } .about-info { margin-top: -16px; } .about-distribution { margin: 0 auto; background:url(//www.donut.com.tr/cdn/shop/t/85/assets/hero-distribution.jpg?v=172581237176700377101792942387) no-repeat center center,url(//www.donut.com.tr/cdn/shop/t/85/assets/pattern-background-dark.jpg?v=40263122579885175921792942387);color: white; height: 589px; text-align: center; } .about-distribution p { text-transform: uppercase; text-align: center; width: 667px; margin: 0 auto; font-style: italic; } .about-distribution p:after, .about-distribution p:before { content: ""; display: block; width: 60px; height: 1px; background-color: #EEEEEE; margin: 0 auto; } .about-distribution p:after { margin-top: 10px; } .about-distribution p:before { margin-bottom: 10px; } .about-distribution ul { display: inline-block; margin-top: 20px; } .about-distribution ul li { background: transparent url(//www.donut.com.tr/cdn/shop/t/85/assets/placeholder-blog-articles.png?v=132273520621891577721792942387) no-repeat center center; float: left; width: 305px; height: 290px; margin-right: 20px; display: inline; } .about-distribution ul li img { margin: 19px; } .about-distribution ul li:last-child { margin-right: 0; } .about-why-donut { height: 500px; } .about-brands { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/hero-brands.jpg?v=127437303711326790341792942387) no-repeat center center, url(//www.donut.com.tr/cdn/shop/t/85/assets/pattern-background-dark.jpg?v=40263122579885175921792942387); color: white; height: 466px; padding-top: 50px; margin: 0 auto; text-align: center; } .about-brands:before, .about-brands:after { content: " "; display: table; } .about-brands:after { clear: both; } .about-brands { *zoom: 1; } .about-brands ul { display: inline-block; } .about-brands ul li { text-align: center; width: 310px; min-height: 353px; float: left; padding: 0px 20px; border-right: 1px solid #4c4c49; } .about-brands ul li a { text-decoration: underline; color: #eeeeee; } .about-brands ul li a:hover { color: #eeeeee; } .about-brands ul li p:before { content: ""; display: block; width: 60px; height: 1px; margin: 10px auto; background-color: #EEEEEE; } .about-brands ul li:last-child { border-right: 0; } .about-form { text-align: center; width: 1200px; margin: 0 auto;} .about-form p { width: 570px; margin: 0 auto; color: #333333; } /* ICONS AND SHIT */ .product-social-icon { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/sprite-social-icons.png?v=130146800108355145781792942387) no-repeat left top; cursor:pointer;} .product-social-icon.facebook { background-position: 0px -10px; } .product-social-icon.facebook:hover { background-position: 0px 0px; } .product-social-icon.twitter { background-position: -20px -10px; } .product-social-icon.twitter:hover { background-position: -20px 0px; } .product-social-icon.email { background-position: -40px -10px; } .product-social-icon.email:hover { background-position: -40px 0px; } .social-icons-wrapper { float: right; display: inline-block; margin-top: 25px; } .donut-social-icons { background: url("//www.donut.com.tr/cdn/shop/t/85/assets/social-icons.png?v=49510795014921194071792942387") no-repeat left top; width: 25px; height: 25px; display: block; float: left; margin: 0px 3px; } .donut-social-icons.facebook { background-position: 0px 0px; } .donut-social-icons.twitter { background-position: -25px 0px; } .about-icon { margin: 0 auto; margin-top: 30px; width: 100px; height: 100px; background: url(//www.donut.com.tr/cdn/shop/t/85/assets/sprite-about-icons.png?v=34552273063972293481792942387) no-repeat left center; } .about-icon.clock { background-position: 0px 0px; } .about-icon.pin { background-position: -100px 0px; } .about-icon.phone { background-position: -200px 0px; } .about-icon.metro { background-position: -300px 0px; } .about-icon.metrobus { background-position: -400px 0px; } .about-icon.otobus { background-position: -400px 0px; } .about-icon.car { background-position: -500px 0px; } .about-icon.tick { background-position: -600px 0px; } .about-icon.arrow { background-position: -700px 0px; } .about-icon.people { background-position: -800px 0px; } .about-icon.plane { background-position: -900px 0px; } .about-brand-icon { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/sprite-about-brands.png?v=17248909175815318581792942387) no-repeat left top; width: 125px; height: 95px; } .about-brand-icon.mtn { background-position: 0px 0px; } .about-brand-icon.on-the-run { background-position: 0px 0px; } .about-brand-icon.grog { background-position: -135px 0px; width: 250px; } /* variant grid */ .col-3-1-1 { width: 42%; padding: 0px; } .col-3-1-2 { width: 20%; padding: 0px; } .col-3-1-3 { width: 38%; padding: 0px; } /* PRODUCT */ .single-product { background-color: white; padding-top: 50px; width: 80%; margin: 0 auto; } .single-product .product-table { width: 100%; } .single-product .product-table tr { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .single-product .product-table td { width: 31%; padding:5px 0px;} .single-product .product-table td:first-child { text-align: left; width:55%; } .single-product .product-table td:last-child { text-align: right; } .product-photos { width: 380px; float: left; } #image-wrapper:hover {cursor:pointer;} .product-details { width: 540px; float: right; } .product-details h1 { text-transform: uppercase; } .product-details p { font-family: system-ui, Arial, sans-serif; font-size: 12px; color: #bab9b9; } .product-details .price { margin: 15px 0px; background-color: #E93A90; color: white; min-width: 50px; text-align: left; padding-left: 5px; } .product-details .price-bar { border-top: 1px solid #EEEEEE; } .product-details .product-info { font-family: Arial, sans-serif; font-size: 14px; } .product-details .product-info p { color: #505050; font-size: 14px; } .product-details .product-info div { display: none; padding: 15px 0px; line-height: 18px; color: #505050; } .product-details .product-info div .warning { color: red; } .product-details .product-info .tabs { border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .product-details .product-info .tabs:before, .product-details .product-info .tabs:after { content: " "; display: table; } .product-details .product-info .tabs:after { clear: both; } .product-details .product-info .tabs { *zoom: 1; } .product-details .product-info .tabs li { float: left; padding: 5px 20px; border-right: 1px solid #EEEEEE; color: #505050;} .product-details .product-info .tabs li:first-child { padding-left: 1s0px; } .product-details .product-info .tabs li a { color: #bfbebe; color: #bfbebe; } .product-details .product-info .tabs li a:hover { color: #013668; } .product-details .product-info .tabs li:last-child { border-right: 0; } .product-details .product-info .tabs li:hover { background-color: #fafafa; } .product-details .product-info .tabs li.active a { color: #013668; color: #013668; } .product-details .btn { text-indent: -9999px; background: url(//www.donut.com.tr/cdn/shop/t/85/assets/buttton-add-to-cart.png?v=16488392690419456841792942387); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 182px; min-height: 44px; height: 44px; border:none; } .product-details input[type="submit"] { margin-bottom: 10px; padding: 5px 40px 5px 15px; border: none; font-weight: 700; font-style: normal; font-size: 1em; color: #202020; cursor: pointer; background-color: transparent; float: right; } .product-details .cart-action { float: right; text-align: right; } #tab-product-details > ul { margin-bottom: 10px; margin-left: 25px; } #tab-product-details li { list-style: disc !important; } #tab-product-description ul { margin-left: 25px; margin-bottom: 10px; } #tab-product-description li { list-style: disc !important; } #tab-usage-suggestions ul { margin-left: 25px; margin-bottom: 10px; } #tab-usage-suggestions li { list-style: disc !important; } .vendor-title { text-transform:uppercase; } input.input-quantity { width: 34px; padding: 4px; border:1px solid #EEEEEE; text-align:center; font-weight: bold; font-size:12px; color:#505050;} .color-ribbon { position: relative; height: 24px; font-family: Arial, sans-serif; font-size: 10px; width:80px; color: white; padding-left: 6px; font-size:12px; font-weight: bold; } .color-ribbon:after { content: ""; position: absolute; display: block; bottom: 0; right: -20px; } .price-ribbon { display: inline-block; background: #E93A90; position: relative; } .price-ribbon:after { content: ""; position: absolute; display: block; bottom: 0; border: 13px solid #E93A90; border-right-color: transparent; right: -26px; } .product-description p { font-size: 12px; font-family: Arial, sans-serif; color: #505050; line-height: 18px; } .product-description b { font-weight: bold } .strong-italic { font-weight:bold; font-style:italic; } /* PRODUCT SINGLE LEFT */ h6 { padding: 10px 0px; color: #BAB9B9; border-top: 1px solid #EEEEEE; } .other-photos, .recomended-products { font-family: system-ui, Arial, sans-serif;} .other-photos ul:before, .other-photos ul:after, .recomended-products ul:before, .recomended-products ul:after { content: " "; display: table; } .other-photos ul:after, .recomended-products ul:after { clear: both; } .other-photos ul, .recomended-products ul { *zoom: 1; } .other-photos ul li, .recomended-products ul li { float: left; margin-right: 10px; } .other-photos ul li:last-child, .recomended-products ul li:last-child { margin-right: 0; } .photo-overlay { opacity:0.7; } .share-product { position: relative; height: 155px; } .share-product .social-icons { position: absolute; right: 0; top: -2px; } .share-product ul li { height: 62px; width: 20px; float: left; text-indent: -9999px; margin-right: 3px; } /* CART */ #cart { width: 81%; margin: 0 auto; margin-bottom: 70px; } #cart ul:before, #cart ul:after { content: " "; display: table; } #cart ul:after { clear: both; } #cart ul { *zoom: 1; } #cart ul li { float: left; padding:20px; border-right: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; } #cart ul li:nth-child(2n+2) { border-right: 0; } #cart .cart-summary p { padding: 10px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; font-family: system-ui, Arial, sans-serif; font-size: 14px; color: #505050; text-align: center; } #cart .cart-summary .cart-submit p { float: left; color: #d0cfcf; font-weight: bold; font-size: 10px; font-style: italic; border: 0; } #cart .cart-summary .cart-submit p a { color: #d0cfcf; } #cart .cart-summary .cart-submit p a:hover{ color: #013668; } #cart .cart-summary .cart-submit .btn { float: none; } #cart .cart-product-image { float: left; } #cart .cart-product-details { float: right; width: 340px; padding-left: 10px; } #cart .cart-product-details .cart-product-info { font-family: Arial, sans-serif; font-size: 14px; color: #505050; } #cart .cart-product-details .cart-product-info:before, #cart .cart-product-details .cart-product-info:after { content: " "; display: table; } #cart .cart-product-details .cart-product-info:after { clear: both; } #cart .cart-product-details .cart-product-info { *zoom: 1; } #cart .cart-product-details .cart-product-variant { position: relative; border-top: 1px solid #EEEEEE; } #cart .cart-product-details .cart-product-variant a.remove-item { font-size: 11px; padding: 0px 9px; border: 1px solid #EEE; position: absolute; top: 0; right: 0; font-weight: bold; text-decoration: none; color: #505050; } #cart .cart-product-details .cart-product-variant.left { float: left; } #cart .cart-product-details .cart-product-variant.right { float: right; } #cart .cart-product-details .cart-product-variant .variant-color-ribbon { width: 87px; height: 24px; display: inline-block; background: #ffcc33; color: #202020; position: relative; font-size: 12px; font-weight: bold; padding-left: 10px; } #cart .cart-product-details .cart-product-variant .add-ribbon:after { content: ""; position: absolute; display: block; bottom: 0; border: 12px solid #FFF386; border-right-color: transparent; right: -22px; } #cart .cart-product-details .cart-product-variant-size { display: block; font-size: 12px; color: #505050; } #cart .cart-product-details .cart-product-quantity { float: right; margin-top: 35px;} #cart .cart-product-details .cart-product-title a { float: left; font-weight: bold; color:#505050; text-decoration: none} #cart .cart-product-details .cart-product-price { float: right; } #cart .button-checkout { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/button-cart-agree-and-continue.png?v=33731939914339841131792942387) no-repeat center center; background-size: 100% 100%; width: 398px; min-height: 44px; height: 44px; border: none; text-indent: -9999px; cursor: pointer; } #cart .button-cart-update { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/button-update-cart-items.png?v=84550734746599050621792942387) no-repeat center center; background-size: 100% 100%; width: 188px; min-height: 44px; height: 44px; border: none; text-indent: -9999px; cursor: pointer; } #cart .submit-buttons { float:right;} .btn:hover { opacity:0.9; } /* PAGINATION */ .pagination { text-align: center; background-color: white; padding: 25px; } .pagination a, .pagination span { text-decoration: none; padding: 5px 10px; background-color: #F0F0F0; color: #717171; min-width: 10px; min-height: 10px; border-radius: 3px; } .pagination a.current, .pagination span.current { background-color: #606060; color: #f2f2f2; } .pagination a:hover, .pagination span:hover { background-color: #606060; color: #f2f2f2; } /* CONTACT FORM */ .form-wrapper { width: 75%; margin: 0 auto; margin-top: 30px; } .form-wrapper .wide { width: 500px; } .about-form { padding: 30px 100px 100px; } .about-form input { text-align: center; height: 35px; width: 220px; border: none; border-bottom: 1px solid #EEE; } .about-form p:after, .about-form p:before { content: ""; display: block; width: 60px; height: 1px; background-color: #EEEEEE; margin: 0 auto; } .about-form p:after { margin-top: 26px; } .about-form p:before { margin-bottom: 26px; } .about-form .btn { text-indent: -9999px; background-image: url(//www.donut.com.tr/cdn/shop/t/85/assets/button-send.png?v=126750685677207906761792942387); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 182px; min-height: 44px; height: 44px; } .about-form input[type="submit"] { padding: 5px 40px 5px 15px; border: none; font-weight: 700; font-style: normal; font-size: 1em; color: #202020; cursor: pointer; background-color: transparent; float: right; } .about-form .submit { border-top: 1px solid #EEE; margin-top: 50px; } .about-form .last { padding-right: 0px; } .slider-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slider-wrapper div { position: absolute; display:block; float:left; } .slide-mouse-over{ background:#F34C9F; opacity:0; z-index:4; position:absolute; top:0; display:inline-block; width:100%; height:100%; display:none} .slider-wrapper .slider-pagination { text-align: center; position: absolute; top: 393px; height: 30px; width: 60px; background: white; z-index: 3; left: 0; right: 0; margin-left: auto; margin-right: auto; padding: 0; } .slider-wrapper .slider-pagination:before, .slider-wrapper .slider-pagination:after { content: ""; position: absolute; display: block; bottom: 0; z-index: -1; } .slider-wrapper .slider-pagination:before { left: -30px; border: 15px solid white; border-left-color: transparent; } .slider-wrapper .slider-pagination:after { border: 15px solid white; border-right-color: transparent; right: -30px; } .slider-wrapper .slider-pagination a { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/bullets-promo.png?v=974815140226808031792942387) no-repeat transparent; width: 7px; height: 7px; margin: 0 2px; display: inline-block; } .slider-wrapper .slider-pagination a.selected { background-position: 0 -7px; cursor: default; } .slider-wrapper .slider-pagination a span { display: none; } #carousel { overflow: hidden; width:100%; height: 290px; } /* SEARCH */ .accent-text { text-align: center; width: 100%; padding: 10px; } .search-wrapper { text-align: center; margin: 0 auto; width: 350px; padding-bottom: 60px; } .search-wrapper input { width: 350px; height: 50px; font-size: 20px; padding: 10px; } .search-wrapper .search-button { border: none; background: url("//www.donut.com.tr/cdn/shop/t/85/assets/button-search.png?v=153557421067648059911792942387") no-repeat center center; background-size: 100% 100%; min-height: 44px; height: 44px; width: 123px; text-indent: -9999px; cursor: pointer; float: right; } /* NOTIFICATIONS */ .notification { background-color: #003768; height: 50px; position: absolute; left: 0; top: 0; width: 100%; z-index: 999999999999; display: none; } .notification p { text-align: center; color: #FFFFFF; padding: 14px 0; } #close-notification { background: url("//www.donut.com.tr/cdn/shop/t/85/assets/sprite-storebar-actions.png?v=170909934883044847101792942387") no-repeat 6px 5px; height: 20px; width: 20px; margin-right: 0px; display: block; text-indent: -99999px; top: 0; right: 0; margin: 14px; position: absolute; } #close-notification:hover { background-position: -19px 5px; cursor: pointer; } /* INDEX MORE */ .full-width-with-background {width:100%; min-height: 330px; background: #252525 url(//www.donut.com.tr/cdn/shop/t/85/assets/pattern-background-dark.jpg?v=40263122579885175921792942387) left top; } .full-width { width:100%; } /* PAGE STATIC */ #page-static { color: #333333 } #page-static header { font-size: 13px; font-family: Arial, sans-serif; line-height: 20px; padding: 20px 0px; border-top: 1px solid #EEEEEE; } #page-static header p { margin-bottom: 0 } #page-static p { margin-top: 20px; font-size: 13px; font-family: Arial, sans-serif; line-height: 20px; margin: 0px auto 10px auto; width: 98%; } #page-static h5 { font-size: 16px; font-family: Arial, sans-serif; line-height: 20px; font-weight: bold; padding: 20px 0px; border-top: 1px solid #EEEEEE; color: #505050; margin-left: 10px;} #page-static .separator { height: 1px; background: #EEEEEE; width: 960px; } .faq li { } .faq li h5 { color: #505050; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; padding: 20px 20px; border-top: 1px solid #EEEEEE; } .faq li h5:hover { color: #ec4399; cursor: pointer; } .faq li p { display: none } .faq li.active { background: #F4F4F4 } .faq li.active h5 { color: #505050; border-bottom: 0; } .faq li.active p { background-color: #F4F4F4; color: #333333; font-size: 13px; font-family: Arial, sans-serif; line-height: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } /* CUSTOMER */ /* BLOG */ .blog-wrapper { width: 960px; margin: 0 auto; } .blog { width: 635px; float: left; height: auto; border-right: 1px solid #EEE; margin-right: 10px; padding-right: 25px; } .article { border-bottom: 1px solid #EEEEEE; padding-bottom: 10px; padding-top: 20px; } .article h1 { padding: 10px 0px 18px 0px; text-transform: uppercase; } .article h1 a { color: rgba(51,51,51,1) } .article ul { } .article-featured-image { position: relative } .article-meta { border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; position:relative;} .article-meta li { float: left; border-right: 1px solid #EEE; padding: 4px 10px; color: #bab9b9; } .article-meta li:last-child { border-right: 0 } .article-meta li a { color: #013668; text-decoration: none; } .article-meta .date { color: #013668; text-transform: uppercase; } .article-meta .social-icons { position: absolute; right: 20px; border: 0; background: white; top: -1px; padding: 0px 7px 0px 10px; } .article-meta .social-icons li { height: 62px; width: 20px; float: left; text-indent: -9999px; margin-right: 3px; } .article-content { float: none; font-family: Arial, sans-serif; font-size: 13px; line-height: 18px; color: #505050; padding-top: 27px; } .article-content p { font-family: Arial, sans-serif; font-size: 13px; line-height: 18px; color: #505050; } .article-read-more { font-style: italic; font-size: 12px; } .article-read-more a { color: #013668; text-decoration: none; } .sidebar { float: right; width: 300px; height: 100px; margin-top: 20px; } .sidebar h6 { color: #bab9b9 } .unknown-box { width: 300px; height: 250px; background-color: #333333; display: block; overflow:hidden; } .unknown-box a { display:block; float:left; } .product-promo { margin-top: 10px; display: inline-block; } .product-promo li { float: left; width: 100px; height: 100px; background-color: white; } .product-promo img:hover { opacity: 0.7 } .comment { display: inline-block; padding: 20px 0px; border-top: 1px solid #EEE; } .comments h3 { font-size: 20px; color: #333333; padding: 10px 0px; } .comment-author-avatar { float: left } .comment-content { float: left; width: 558px; padding-left: 10px; } .comment-content p { font-size: 12px; line-height: 18px; } .comment-meta { font-size: 12px; color: #bab9b9; } .comment-meta:after { content: ""; display: table; clear: both; } .comment-author-name { float: left } .comment-posted-at { float: right } .comments .add-comment input { text-align: center; height: 35px; width: 220px; border: none; border-bottom: 1px solid #EEE; } .comments .form-wrapper { float: left } .comments .add-comment textarea { text-align: left; height: 35px; padding-top: 10px; border: none; border-bottom: 1px solid #EEE; } .comments .btn { text-indent: -9999px; background-image: url(//www.donut.com.tr/cdn/shop/t/85/assets/button-send.png?v=126750685677207906761792942387); background-repeat: no-repeat; background-position: center center; width: 120px; height: 29px; } .comments input[type="submit"] { width: 116px; border-bottom: none; background-color: transparent; float: right; } .scroller { display: none; background-color: transparent; position: fixed; right: 0; bottom: 0; color: white; z-index: 9999999999; display: none; color: #ec479b; font-size: 12px; text-align: center; right: 10px; cursor: pointer; } .scroller .circle { width: 83px; height: 83px; background: #f0f0f0; padding: 12px 17px; border-radius: 44px; position: relative; top: -10px; } .scroller .circle::before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 17px solid #F0F0F0; position: absolute; top: -10px; left: 30px; } /* HACKS AND ZERTS */ #test-sub-nav { height: 42px; background: #F2F2F2; color: white; text-align: center; display: none; z-index:1;} #test-sub-nav nav { display: block; margin: 0 auto; z-index: 5; position: relative; } #test-sub-nav nav ul { display: inline-block; margin: auto; height: 40px; } #test-sub-nav nav ul li { float: left; padding: 8px 15px 8px 15px; } #test-sub-nav nav ul li a { display: block; font-family:system-ui; font-weight:500; font-family:Arial, sans-serif; color: #454545; } #test-sub-nav nav ul li a:hover { color: #EB5CA5; } #test-sub-nav nav ul li a.active { color: black; } .overline { height: 1px; width: 50px; background: #505050; position: absolute; top: 8px; } .errors { text-align:center; } #donut-dude{-webkit-animation-duration:1s; -webkit-animation-delay:1s; -moz-animation-duration:1s; -moz-animation-delay:1s; -o-animation-duration:1s; -o-animation-delay:1s; animation-duration:1s; animation-delay:1s} .list-products { width:884px;} .list-products {margin-left: auto; margin-right: auto; } .list-products:before, .products:after { content: " "; display: table; } .list-products:after { clear: both; } .list-products { *zoom: 1; } .list-products a { float: left; text-align: center; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; min-height: 290px; width:221px; -webkit-transition: background .25s linear;} .list-products a p { line-height: 16px; font-family: system-ui, Arial, sans-serif; font-size: 12px; text-transform: uppercase; text-align: center; } .list-products a p.title { color: #505050; } .list-products a p.brand { color: #bab9b9; font-style: italic; } .list-products a p.price { color: #505050; position:relative;} .list-products a {border-right: 1px solid #EEEEEE; padding-bottom: 15px;} .list-products a:nth-child(4n+4){border-right:0} .list-products a:hover{background:#f4f3f3} /* ORDER */ .orders {margin: 0 auto;} .orders tr { text-align: center; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; } .orders th, .orders tr, .orders td { text-align: center;padding: 5px 20px;} #customer-info { width: 200px; float: left; border: 1px solid #EEE; padding: 10px; } #customer-info p { font-size: 12px } #customer-info .title { text-transform: uppercase; font-size: 14px; } /* CUST LOGIN */ #forgot-password a { color: #D0CFCF; font-weight: bold; font-size: 10px; font-style: italic; text-decoration: none; } #forgot-password a:hover { color: #013668 } /* CUST REGISTER */ #create-customer { margin: 0 auto; width: 75%; position:relative;} /*#create-customer { margin: 0 auto; width: 75%; width: 358px; float: left; }*/ #create-customer .input-submit { border-top: 1px solid #EEE; margin-top: 50px; } #create-customer .btn { text-indent: -9999px; background-image: url(//www.donut.com.tr/cdn/shop/t/85/assets/button-login.png?v=10173432446437197161792942387); background-repeat: no-repeat; background-position: center center; width: 120px; height: 31px; } #create-customer input[type="submit"] { padding: 5px 40px 5px 15px; border: none; font-weight: 700; font-style: normal; font-size: 1em; color: #202020; cursor: pointer; background-color: transparent; float: right; } #create-customer input { text-align: center; height: 35px; width: 220px; border: none; border-bottom: 1px solid #EEE; } .lefty-back { margin: 0 auto; width: 75%; width: 358px; float: left; } #recover-password { margin: 0 auto; width: 75%; } #recover-password .input-submit { border-top: 1px solid #EEE; margin-top: 50px; } #recover-password .btn { text-indent: -9999px; background-image: url(/cdn/shop/t/3/assets/button-send.png?3404); background-repeat: no-repeat; background-position: center center; width: 120px; height: 31px; } #recover-password input[type="submit"] { padding: 5px 40px 5px 15px; border: none; font-weight: 700; font-style: normal; font-size: 1em; color: #202020; cursor: pointer; background-color: transparent; float: right; } #recover-password input { text-align: center; height: 35px; width: 220px; border: none; border-bottom: 1px solid #EEE; } #guest { position: absolute; bottom: -4px; right: 6px; } /* FANCYBOX CSS */ /*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{ padding:0; margin:0; border:0; outline:none; vertical-align:top} .fancybox-wrap{ position:absolute; top:0; left:0; z-index:8020} .fancybox-skin{ position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px} .fancybox-opened{ z-index:8030} .fancybox-opened .fancybox-skin{ -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5)} .fancybox-outer, .fancybox-inner{ position:relative} .fancybox-inner{ overflow:hidden} .fancybox-type-iframe .fancybox-inner{ -webkit-overflow-scrolling:touch} .fancybox-error{ color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap} .fancybox-image, .fancybox-iframe{ display:block; width:100%; height:100%} .fancybox-image{ max-width:100%; max-height:100%} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{ background-image:url(//www.donut.com.tr/cdn/shop/t/85/assets/fancybox_sprite.png?v=30059930562004970911792942387)} #fancybox-loading{ position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060} #fancybox-loading div{ width:44px; height:44px; background:url(//www.donut.com.tr/cdn/shop/t/85/assets/fancybox_loading.gif?v=46521309367622064361792942387) center center no-repeat} .fancybox-close{ position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040} .fancybox-nav{ position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(//www.donut.com.tr/cdn/shop/t/85/assets/blank.gif?v=164826798765693215961792942387); -webkit-tap-highlight-color:rgba(0, 0, 0, 0); z-index:8040} .fancybox-prev{ left:0} .fancybox-next{ right:0} .fancybox-nav span{ position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden} .fancybox-prev span{ left:10px; background-position:0 -36px} .fancybox-next span{ right:10px; background-position:0 -72px} .fancybox-nav:hover span{ visibility:visible} .fancybox-tmp{ position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important} .fancybox-lock{ overflow:hidden} .fancybox-overlay{ position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(//www.donut.com.tr/cdn/shop/t/85/assets/fancybox_overlay.png?v=61793926319831825281792942387)} .fancybox-overlay-fixed{ position:fixed; bottom:0; right:0} .fancybox-lock .fancybox-overlay{ overflow:auto; overflow-y:scroll} .fancybox-title{ visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050} .fancybox-opened .fancybox-title{ visibility:visible} .fancybox-title-float-wrap{ position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center} .fancybox-title-float-wrap .child{ display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap} .fancybox-title-outside-wrap{ position:relative; margin-top:10px; color:#fff} .fancybox-title-inside-wrap{ padding-top:10px} .fancybox-title-over-wrap{ position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8)} #fancybox-buttons{ position:fixed; left:0; width:100%; z-index:8050} #fancybox-buttons.top{ top:10px} #fancybox-buttons.bottom{ bottom:10px} #fancybox-buttons ul{ display:block; width:166px; height:30px; margin:0 auto; padding:0; list-style:none; border:1px solid #111; border-radius:3px; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); background:rgb(50,50,50); background:-moz-linear-gradient(top,rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgb(68,68,68)),color-stop(50%,rgb(52,52,52)),color-stop(50%,rgb(41,41,41)),color-stop(100%,rgb(51,51,51))); background:-webkit-linear-gradient(top,rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background:-o-linear-gradient(top,rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background:-ms-linear-gradient(top,rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background:linear-gradient(top,rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444',endColorstr='#222',GradientType=0 )} #fancybox-buttons ul li{ float:left; margin:0; padding:0} #fancybox-buttons a{ display:block; width:30px; height:30px; text-indent:-9999px; background-image:url(//www.donut.com.tr/cdn/shop/t/85/assets/fancybox_buttons.png?v=101532773284664096361792942387); background-repeat:no-repeat; outline:none; opacity:0.8} #fancybox-buttons a:hover{ opacity:1} #fancybox-buttons a.btnPrev{ background-position:5px 0} #fancybox-buttons a.btnNext{ background-position:-33px 0; border-right:1px solid #3e3e3e} #fancybox-buttons a.btnPlay{ background-position:0 -30px} #fancybox-buttons a.btnPlayOn{ background-position:-30px -30px} #fancybox-buttons a.btnToggle{ background-position:3px -60px; border-left:1px solid #111; border-right:1px solid #3e3e3e; width:35px} #fancybox-buttons a.btnToggleOn{ background-position:-27px -60px} #fancybox-buttons a.btnClose{ border-left:1px solid #111; width:35px; background-position:-56px 0px} #fancybox-buttons a.btnDisabled{ opacity:0.4; cursor:default} /* VARIANTS */ i { font-style:italic; } .pinky { color:#F14297; } .article-date { color: #808080; } .textile-size { width: 230px; margin-bottom: 20px; float:left; } .size-pix { float:left; margin-left: 40px; } .size-chart-background { background: url(//www.donut.com.tr/cdn/shop/t/85/assets/size_chart.png?v=52444979798331718051792942387) no-repeat center center; width:260px; height:187px; } .textile-size td { border:1px solid #E7E7E7; text-align:center; width:31%; padding: 5px; } .textile-size .first-child { border:none; border-right:1px solid #E7E7E7; border-bottom:1px solid #E7E7E7; } .textile-size td span { display: block; font-size: 10px ; line-height: 0px; margin-bottom: 10px; margin-left: -5px; } b { font-weight:bold; } /* filter-gradient needs this */ #variant-271537346 { color: #505050; background: #ff9d9b !important; background: -moz-linear-gradient(-45deg, #ff9d9b 0%, white 46%, #ff9d9b 70%, #ff9d9b 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff9d9b), color-stop(46%, white), color-stop(70%, #ff9d9b), color-stop(100%, #ff9d9b)) !important; background: -webkit-linear-gradient(-45deg, #ff9d9b 0%, white 46%, #ff9d9b 70%, #ff9d9b 100%) !important; background: -o-linear-gradient(-45deg, #ff9d9b 0%, white 46%, #ff9d9b 70%, #ff9d9b 100%) !important; background: -ms-linear-gradient(-45deg, #ff9d9b 0%, white 46%, #ff9d9b 70%, #ff9d9b 100%) !important; background: linear-gradient(135deg, #ff9d9b 0%, #ffffff 46%, #ff9d9b 70%, #ff9d9b 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-280785504 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-280659820 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-280659822 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279604488 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279604490 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279602954 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279602956 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279607988 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279607990 { color: #505050; background: #9d662f !important; background: -moz-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9d662f), color-stop(46%, white), color-stop(70%, #9d662f), color-stop(100%, #9d662f)) !important; background: -webkit-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -o-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -ms-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: linear-gradient(135deg, #9d662f 0%, #ffffff 46%, #9d662f 70%, #9d662f 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279607992 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279607994 { color: #505050; background: #6fb573 !important; background: -moz-linear-gradient(-45deg, #6fb573 0%, white 46%, #6fb573 70%, #6fb573 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6fb573), color-stop(46%, white), color-stop(70%, #6fb573), color-stop(100%, #6fb573)) !important; background: -webkit-linear-gradient(-45deg, #6fb573 0%, white 46%, #6fb573 70%, #6fb573 100%) !important; background: -o-linear-gradient(-45deg, #6fb573 0%, white 46%, #6fb573 70%, #6fb573 100%) !important; background: -ms-linear-gradient(-45deg, #6fb573 0%, white 46%, #6fb573 70%, #6fb573 100%) !important; background: linear-gradient(135deg, #6fb573 0%, #ffffff 46%, #6fb573 70%, #6fb573 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279607996 { color: #505050; background: #36aebc !important; background: -moz-linear-gradient(-45deg, #36aebc 0%, white 46%, #36aebc 70%, #36aebc 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #36aebc), color-stop(46%, white), color-stop(70%, #36aebc), color-stop(100%, #36aebc)) !important; background: -webkit-linear-gradient(-45deg, #36aebc 0%, white 46%, #36aebc 70%, #36aebc 100%) !important; background: -o-linear-gradient(-45deg, #36aebc 0%, white 46%, #36aebc 70%, #36aebc 100%) !important; background: -ms-linear-gradient(-45deg, #36aebc 0%, white 46%, #36aebc 70%, #36aebc 100%) !important; background: linear-gradient(135deg, #36aebc 0%, #ffffff 46%, #36aebc 70%, #36aebc 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279590964 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279590972 { color: #505050; background: #9d662f !important; background: -moz-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9d662f), color-stop(46%, white), color-stop(70%, #9d662f), color-stop(100%, #9d662f)) !important; background: -webkit-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -o-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -ms-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: linear-gradient(135deg, #9d662f 0%, #ffffff 46%, #9d662f 70%, #9d662f 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279590980 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279590988 { color: #505050; background: #6fb573 !important; background: -moz-linear-gradient(-45deg, #6fb573 0%, white 46%, #6fb573 70%, #6fb573 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #6fb573), color-stop(46%, white), color-stop(70%, #6fb573), color-stop(100%, #6fb573)) !important; background: -webkit-linear-gradient(-45deg, #6fb573 0%, white 46%, #6fb573 70%, #6fb573 100%) !important; background: -o-linear-gradient(-45deg, #6fb573 0%, white 46%, #6fb573 70%, #6fb573 100%) !important; background: -ms-linear-gradient(-45deg, #6fb573 0%, white 46%, #6fb573 70%, #6fb573 100%) !important; background: linear-gradient(135deg, #6fb573 0%, #ffffff 46%, #6fb573 70%, #6fb573 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279591018 { color: #505050; background: #36aebc !important; background: -moz-linear-gradient(-45deg, #36aebc 0%, white 46%, #36aebc 70%, #36aebc 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #36aebc), color-stop(46%, white), color-stop(70%, #36aebc), color-stop(100%, #36aebc)) !important; background: -webkit-linear-gradient(-45deg, #36aebc 0%, white 46%, #36aebc 70%, #36aebc 100%) !important; background: -o-linear-gradient(-45deg, #36aebc 0%, white 46%, #36aebc 70%, #36aebc 100%) !important; background: -ms-linear-gradient(-45deg, #36aebc 0%, white 46%, #36aebc 70%, #36aebc 100%) !important; background: linear-gradient(135deg, #36aebc 0%, #ffffff 46%, #36aebc 70%, #36aebc 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279376140 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279335552 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279335554 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-279335556 { color: #505050; background: #9d662f !important; background: -moz-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9d662f), color-stop(46%, white), color-stop(70%, #9d662f), color-stop(100%, #9d662f)) !important; background: -webkit-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -o-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -ms-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: linear-gradient(135deg, #9d662f 0%, #ffffff 46%, #9d662f 70%, #9d662f 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-278554322 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-278554324 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-275202388 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-275202390 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-275200388 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-275200400 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-275200408 { color: #505050; background: #9d662f !important; background: -moz-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9d662f), color-stop(46%, white), color-stop(70%, #9d662f), color-stop(100%, #9d662f)) !important; background: -webkit-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -o-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -ms-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: linear-gradient(135deg, #9d662f 0%, #ffffff 46%, #9d662f 70%, #9d662f 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273142802 { color: #505050; background: #c85a29 !important; background: -moz-linear-gradient(-45deg, #c85a29 0%, white 46%, #c85a29 70%, #c85a29 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c85a29), color-stop(46%, white), color-stop(70%, #c85a29), color-stop(100%, #c85a29)) !important; background: -webkit-linear-gradient(-45deg, #c85a29 0%, white 46%, #c85a29 70%, #c85a29 100%) !important; background: -o-linear-gradient(-45deg, #c85a29 0%, white 46%, #c85a29 70%, #c85a29 100%) !important; background: -ms-linear-gradient(-45deg, #c85a29 0%, white 46%, #c85a29 70%, #c85a29 100%) !important; background: linear-gradient(135deg, #c85a29 0%, #ffffff 46%, #c85a29 70%, #c85a29 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273142888 { color: #505050; background: #648f49 !important; background: -moz-linear-gradient(-45deg, #648f49 0%, white 46%, #648f49 70%, #648f49 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #648f49), color-stop(46%, white), color-stop(70%, #648f49), color-stop(100%, #648f49)) !important; background: -webkit-linear-gradient(-45deg, #648f49 0%, white 46%, #648f49 70%, #648f49 100%) !important; background: -o-linear-gradient(-45deg, #648f49 0%, white 46%, #648f49 70%, #648f49 100%) !important; background: -ms-linear-gradient(-45deg, #648f49 0%, white 46%, #648f49 70%, #648f49 100%) !important; background: linear-gradient(135deg, #648f49 0%, #ffffff 46%, #648f49 70%, #648f49 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273143040 { color: #505050; background: #4590a8 !important; background: -moz-linear-gradient(-45deg, #4590a8 0%, white 46%, #4590a8 70%, #4590a8 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4590a8), color-stop(46%, white), color-stop(70%, #4590a8), color-stop(100%, #4590a8)) !important; background: -webkit-linear-gradient(-45deg, #4590a8 0%, white 46%, #4590a8 70%, #4590a8 100%) !important; background: -o-linear-gradient(-45deg, #4590a8 0%, white 46%, #4590a8 70%, #4590a8 100%) !important; background: -ms-linear-gradient(-45deg, #4590a8 0%, white 46%, #4590a8 70%, #4590a8 100%) !important; background: linear-gradient(135deg, #4590a8 0%, #ffffff 46%, #4590a8 70%, #4590a8 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273143150 { color: #505050; background: #7062a0 !important; background: -moz-linear-gradient(-45deg, #7062a0 0%, white 46%, #7062a0 70%, #7062a0 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7062a0), color-stop(46%, white), color-stop(70%, #7062a0), color-stop(100%, #7062a0)) !important; background: -webkit-linear-gradient(-45deg, #7062a0 0%, white 46%, #7062a0 70%, #7062a0 100%) !important; background: -o-linear-gradient(-45deg, #7062a0 0%, white 46%, #7062a0 70%, #7062a0 100%) !important; background: -ms-linear-gradient(-45deg, #7062a0 0%, white 46%, #7062a0 70%, #7062a0 100%) !important; background: linear-gradient(135deg, #7062a0 0%, #ffffff 46%, #7062a0 70%, #7062a0 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273140972 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273143198 { color: #505050; background: #9d662f !important; background: -moz-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9d662f), color-stop(46%, white), color-stop(70%, #9d662f), color-stop(100%, #9d662f)) !important; background: -webkit-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -o-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -ms-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: linear-gradient(135deg, #9d662f 0%, #ffffff 46%, #9d662f 70%, #9d662f 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273140974 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273136460 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273136532 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-272183518 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-272183608 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-271936382 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-271924512 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-271541622 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-270666488 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-270534878 { color: #505050; background: #9d662f !important; background: -moz-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9d662f), color-stop(46%, white), color-stop(70%, #9d662f), color-stop(100%, #9d662f)) !important; background: -webkit-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -o-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: -ms-linear-gradient(-45deg, #9d662f 0%, white 46%, #9d662f 70%, #9d662f 100%) !important; background: linear-gradient(135deg, #9d662f 0%, #ffffff 46%, #9d662f 70%, #9d662f 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273133618 { color: #505050; background: #949494 !important; background: -moz-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #949494), color-stop(46%, white), color-stop(70%, #949494), color-stop(100%, #949494)) !important; background: -webkit-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -o-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: -ms-linear-gradient(-45deg, #949494 0%, white 46%, #949494 70%, #949494 100%) !important; background: linear-gradient(135deg, #949494 0%, #ffffff 46%, #949494 70%, #949494 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-273133528 { color: #505050; background: #ddab45 !important; background: -moz-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ddab45), color-stop(46%, white), color-stop(70%, #ddab45), color-stop(100%, #ddab45)) !important; background: -webkit-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -o-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: -ms-linear-gradient(-45deg, #ddab45 0%, white 46%, #ddab45 70%, #ddab45 100%) !important; background: linear-gradient(135deg, #ddab45 0%, #ffffff 46%, #ddab45 70%, #ddab45 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-290934876 { color: #505050; background: gray !important; background: -moz-linear-gradient(-45deg, gray 0%, white 46%, gray 70%, gray 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, gray), color-stop(46%, white), color-stop(70%, gray), color-stop(100%, gray)) !important; background: -webkit-linear-gradient(-45deg, gray 0%, white 46%, gray 70%, gray 100%) !important; background: -o-linear-gradient(-45deg, gray 0%, white 46%, gray 70%, gray 100%) !important; background: -ms-linear-gradient(-45deg, gray 0%, white 46%, gray 70%, gray 100%) !important; background: linear-gradient(135deg, #808080 0%, #ffffff 46%, #808080 70%, #808080 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-290934878 { color: #505050; background: #c09335 !important; background: -moz-linear-gradient(-45deg, #c09335 0%, white 46%, #c09335 70%, #c09335 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c09335), color-stop(46%, white), color-stop(70%, #c09335), color-stop(100%, #c09335)) !important; background: -webkit-linear-gradient(-45deg, #c09335 0%, white 46%, #c09335 70%, #c09335 100%) !important; background: -o-linear-gradient(-45deg, #c09335 0%, white 46%, #c09335 70%, #c09335 100%) !important; background: -ms-linear-gradient(-45deg, #c09335 0%, white 46%, #c09335 70%, #c09335 100%) !important; background: linear-gradient(135deg, #c09335 0%, #ffffff 46%, #c09335 70%, #c09335 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='color-for($variant)', endColorstr='color-for($variant)',GradientType=1 ) !important; } #variant-280785506 { color: #505050; background: #191919 !important; background: -moz-linear-gradient(-45deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #8b7252), color-stop(46%, #191919), color-stop(70%, #8b7252), color-stop(100%, #8b7252)) !important; background: -webkit-linear-gradient(-45deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; background: -o-linear-gradient(-45deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; background: -ms-linear-gradient(-45deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; background: linear-gradient(135deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b7252', endColorstr='#8b7252',GradientType=1 ) !important; } #variant-280785506, #variant-273147254, #variant-273144846 { color: #505050; background: #191919 !important; background: -moz-linear-gradient(-45deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #8b7252), color-stop(46%, #191919), color-stop(70%, #8b7252), color-stop(100%, #8b7252)) !important; background: -webkit-linear-gradient(-45deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; background: -o-linear-gradient(-45deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; background: -ms-linear-gradient(-45deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; background: linear-gradient(135deg, #8b7252 0%, #191919 46%, #8b7252 70%, #8b7252 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b7252', endColorstr='#8b7252',GradientType=1 ) !important; } /* TRANSPARAN RENKLERDE COLOR SIYAH OLACAK */ /* Animate.css - http://daneden.me/animate LICENSED UNDER THE MIT LICENSE (MIT) Copyright (c) 2012 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated{-webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s} .animated.hinge{-webkit-animation-duration:2s; -moz-animation-duration:2s; -ms-animation-duration:2s; -o-animation-duration:2s; animation-duration:2s} @-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translateX(-3px)} 20%, 40%, 60%, 80%{-webkit-transform:translateX(3px)} } @-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)} 10%, 30%, 50%, 70%, 90%{-moz-transform:translateX(-3px)} 20%, 40%, 60%, 80%{-moz-transform:translateX(3px)} } @-o-keyframes shake{0%,100%{-o-transform:translateX(0)} 10%, 30%, 50%, 70%, 90%{-o-transform:translateX(-3px)} 20%, 40%, 60%, 80%{-o-transform:translateX(3px)} } @keyframes shake{0%,100%{transform:translateX(0)} 10%, 30%, 50%, 70%, 90%{transform:translateX(-3px)} 20%, 40%, 60%, 80%{transform:translateX(3px)} } .shake{-webkit-animation-name:shake; -moz-animation-name:shake; -o-animation-name:shake; animation-name:shake} .continue-as-guest { text-indent: -9999px; background-image: url(//www.donut.com.tr/cdn/shop/t/85/assets/button-continue-as-guest.png?v=41853869502806613471792942387); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 322px; min-height: 44px; height: 44px; border: none; } .highlight { color:#003768 !important; } .competition { width: 960px; margin: 0 auto; } .competition img { width: 100%; height: auto; } .competition ol { list-style-type: decimal; margin-left: 25px; } .competition strong { font-weight:bold; } .competition ol.list-bold { font-weight: bold; font-size: 14px; } #page-static { color: #333333; min-width: 885px; margin: 0 auto; max-width: 885px; }/* Theme-wide UI fixes */ .site-header__logo-image, .header-logo img { display: block !important; width: auto !important; max-height: 45px !important; margin: 0 auto !important; padding: 0 !important; object-fit: contain !important; } header .logo { display: flex; align-items: center; justify-content: center; } header .logo a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .search-modal__suggestions, .search-bar__popular, .search-results-suggested, [class*="search"] .popular-tags, [class*="search"] [class*="suggested"], .header-search-suggestions { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; } .header-search:focus-within, [class*="search-modal"], [class*="search-drawer"] { z-index: 999999 !important; } .header-search { position: relative; } .header-search-close { display: none; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; z-index: 1000002 !important; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: #ffffff; font: 400 28px/1 Arial, sans-serif; cursor: pointer; } .header-search:focus-within .header-search-close { display: flex !important; } .category-title, .category-card h3, #featured-categories .category-info h4 { color: #222222 !important; font-family: inherit !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; } .grid-product__title, .product-item__title, .products tr td p.title, .list-products > a p.title, .single-product .recomended-products p.title { color: #222222 !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; } #featured-categories .category-info a.ribbon-button-small-left, #featured-categories .category-info a.ribbon-button-small-right { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 10px 20px !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; box-sizing: border-box !important; } .product-info ul.tabs, .product-tabs, .tabs-wrapper, ul.tabs { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; width: 100%; margin: 0 !important; padding: 0 !important; overflow-x: auto !important; border-bottom: 1px solid #e1e1e1 !important; white-space: nowrap !important; -webkit-overflow-scrolling: touch !important; } .product-info ul.tabs li, .product-tabs li, ul.tabs li { flex: 1 0 auto !important; padding: 10px 8px !important; text-align: center !important; white-space: nowrap !important; } .single-product .product-details .price-bar, .product-details .price-bar { margin: 0 !important; text-align: center !important; } .price-bar .price-ribbon { display: inline-block !important; position: relative !important; margin: 0 auto !important; vertical-align: middle; } .price-bar > span:not(.price-ribbon) { margin-left: 0 !important; } .add-to-cart, #add-to-cart-btn, #button-add-to-cart, .custom-add-to-cart-btn, button[name="add"] { display: block !important; width: 100% !important; padding: 15px !important; border: none !important; border-radius: 4px !important; background: #e6007e !important; background-image: none !important; color: #ffffff !important; font-size: 16px !important; font-weight: 800 !important; text-align: center !important; text-indent: 0 !important; cursor: pointer !important; box-sizing: border-box !important; } .payment-icons-container img { height: 22px !important; object-fit: contain !important; } .user-cart-summary a { position: relative !important; } .cart-count-badge { position: absolute !important; top: 4px !important; right: 4px !important; z-index: 10 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; background-color: #ffffff !important; color: #e6007e !important; font-size: 11px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important; } .notification { position: fixed !important; top: 24px !important; left: 50% !important; z-index: 2147483000 !important; display: none; width: calc(100vw - 32px) !important; max-width: 440px !important; height: auto !important; min-height: 56px; padding: 0 !important; overflow: hidden; transform: translateX(-50%); border: 1px solid #e6007e; border-radius: 8px; background: #1a1a1a !important; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); } .notification p { padding: 16px 48px 16px 20px !important; color: #ffffff !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.5 !important; text-align: center !important; } #close-notification { top: 50% !important; right: 8px !important; margin: 0 !important; transform: translateY(-50%); } .product-single__price-container, .price-ribbon-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 10px auto !important; } .price-ribbon, .price-bar .price-ribbon { position: relative !important; display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 6px 14px !important; border-radius: 2px 0 0 2px !important; background-color: #e6007e !important; color: #ffffff !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.5 !important; } .price-ribbon::after, .price-ribbon:after { position: absolute !important; top: 0 !important; right: -12px !important; bottom: auto !important; display: block !important; width: 0 !important; height: 0 !important; border: 0 !important; border-top: 15px solid transparent !important; border-right: 0 !important; border-bottom: 15px solid transparent !important; border-left: 12px solid #e6007e !important; content: '' !important; } .price-bar > span:not(.price-ribbon) { margin: 0 0 0 24px !important; } .grid-product__title, .product-item__title, .product-card__title, [class*="product-title"], .products tr td p.title, .list-products > a p.title, .product-grid p.title, .collection-matrix p.title { color: #222222 !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.3px !important; text-transform: uppercase !important; } .grid-product__title, .product-item__title, .product-card__title, [class*="product-title"] a, .category-title a { text-decoration: none !important; } .grid-product__title, .product-item__title, .product-card__title, .product-title, a.product-title, .grid-product [class*="product-title"], .product-item [class*="product-title"], .product-card [class*="product-title"], .quick-view-card-wrap > a [class*="product-title"], .products tr td p.title, .list-products > a p.title, .list-products .quick-view-card-wrap > a p.title, .product-grid p.title, .collection-matrix p.title { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 44px !important; margin-bottom: 5px !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-sizing: border-box !important; } .list-products > a, .list-products .quick-view-card-wrap > a, .products a, .product-grid a, .collection-matrix a { text-decoration: none !important; } .category-title, .category-title a, .grid-product__title a, .product-item__title a, .product-card__title a, a.product-title { text-decoration: none !important; } [class*="product-title"] a { text-decoration: none !important; } .product-details .product-info ul.tabs, .product-details .product-info .product-tabs, .product-details .product-info .tabs-wrapper, .product-details .product-info > ul.tabs { flex-wrap: wrap !important; overflow-x: hidden !important; overflow-y: hidden !important; white-space: normal !important; margin-bottom: 15px !important; scrollbar-width: none !important; } .product-details .product-info ul.tabs::-webkit-scrollbar, .product-details .product-info .product-tabs::-webkit-scrollbar, .product-details .product-info .tabs-wrapper::-webkit-scrollbar { display: none !important; } .product-details .product-info ul.tabs li, .product-details .product-info .product-tabs li { flex: 0 1 auto !important; white-space: normal !important; } .product-details .product-info .product-description, .product-details .product-info .rte, .product-details .product-info .tab-content, .product-details .product-info [id^="tab-"] { display: block !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 10px 0 !important; overflow: visible !important; color: #222222 !important; font-size: 14px !important; line-height: 1.6 !important; opacity: 1 !important; visibility: visible !important; } .product-details .product-info div { display: block !important; height: auto !important; max-height: none !important; overflow: visible !important; color: #222222 !important; font-size: 14px !important; line-height: 1.6 !important; opacity: 1 !important; visibility: visible !important; } a, button, input[type="submit"] { text-decoration: none !important; } .grid-product__title, .product-item__title, .product-card__title, .grid-product p.title, .product-grid p.title, .collection-matrix p.title, .list-products > a p.title, .products tr td p.title, .single-product .product-details h1 { font-size: 15px !important; font-weight: 700 !important; }