/* ------------------------------------------- Name: Kroon Bier Date: 2016/09/29 Author: http://psdhtml.me --------------------------------------------- */ .gui-account-cart{ display:none; } * { margin: 0; padding: 0; } *, :before, :after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .gui-popover { z-index:9999 !important; } html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; } body { min-height: 100%; margin-top: 0 !important; background: #222324; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html.menu-active, html.menu-active body, html.menu-active #root { overflow: hidden; max-width: 100%; max-height: 100%; } html.menu-active #root { position: absolute; } button { background: #3aaa35 !important;} body, textarea, input, select, option, button { color: #2c2e33; font-family: Museo, Arial, Helvetica, sans-serif; line-height: 2.22222222222; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 18px; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 40px; } article, aside, details, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } label[for="gui-form-comment"], #gui-form-comment { display: none !important; } .gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action { border: none !important; background-color: #3aaa35 !important; } .gui a.gui-button-large.gui-button-action:hover, .gui a.gui-button-small.gui-button-action:hover, .double .collection .amount a:after { border: none !important; background-color: #1a8615 !important; } /*! Layout --------- */ #root { overflow: hidden; position: relative; left: 0; right: 0; top: 0; bottom: 0; width: 100%; padding: 0; background: #fff; } html.js #root { position: absolute; } html.js.fh #root, html.js.age-access #root { position: relative; } #top { position: fixed; left: 0; top: 0; right: 0; z-index: 9; height: 63px; box-shadow: 0 1px 9px rgba(0,0,0,.06); background: #fff; } #logo { position: absolute; left: 20px; top: 0; bottom: 0; z-index: 4; width: 153px; margin: 0; } #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -30000px; } #logo a:before, #logo a:after { display: block; position: absolute; top: 14px; font-weight: 400; font-family: i; text-indent: 0; text-align: center; } #logo a:before { content: "\e91b"; left: 0; width: 35px; height: 35px; padding: 0 0 0 1px; border-radius: 20px; border: 3px solid #be9f56; background: #fff; color: #ce1417; font-size: 17px; line-height: 27px; } #logo a:after { content: "\e91c"; right: 0; font-size: 28px; line-height: 35px; } .show-logo #logo, #cart > form.loading p:before, .custom #logo { visibility: visible; opacity: 1; } #skip { position: fixed; top: 0; left: -10000px; z-index: 3; } #skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 11px; text-align: center; text-decoration: none; } .notify-active #notify {display: block;top: 0;transition: all 0.5s;} #notify { overflow: hidden; position: fixed; left: 0; right: 0; top: -150px; z-index: 99997; /*height: 60px;*/ margin: 0; padding: 6.5px 20px; background: #27AE60; color: #fff; font-size: 14px; font-weight: 600; text-align: center; /*text-overflow: ellipsis; white-space: nowrap;*/ } #notify:before { z-index: -1; background: #3aaa35; } #notify a.close { display: block; position: absolute; right: 0; top: 0; bottom: 0; z-index: 4; width: 60px; color: #fff; font-weight: 400; font-size: 13px; text-decoration: none; opacity: 1; } #notify a.close:before { content: "\e918"; } #notify.error { background: #fff; color: #EB5757; } .notify-active #notify.error, .notify-active #notify.failure { box-shadow: 0 4px 4px rgba(0,0,0,.08); } #nav { position: relative; z-index: 2; padding: 0 0 0 225px; } #nav > ul { float: right; list-style: none; margin: 0; padding: 0; color: #2c2e33; } #nav > ul > li { position: relative; float: left; margin: 0 27px 0 0; font-size: 16px; } #nav > ul > li > a { display: block; overflow: hidden; position: relative; z-index: 1; float: left; color: #2c2e33; font-weight: 700; line-height: 63px; text-decoration: none; text-align: left; } #nav > ul > li.active > a, #nav > ul > li > a:hover { color: #ce1417; } #nav > ul > li.active > a, #nav:not(.dropdown) > ul > li > ul li.active > a, #mobile > ul > li.active > a, #mobile > ul > li > ul li.active > a { cursor: default; } #nav > ul > li.a { margin: 0; padding: 0; } #nav > ul > li.a > a { padding: 0 40px; background: #ce1417; color: #fff; } #nav:not(.dropdown) > ul > li > ul { position: fixed; left: 0; top: 0; bottom: 0; z-index: 2; list-style: none; width: 220px; margin: 0; padding: 180px 0 0; background: #eb0029; color: #fff; font-weight: 500; text-transform: uppercase; } #nav:not(.dropdown) > ul > li > ul { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #nav:not(.dropdown) > ul > li > ul:after { content: "\e91d"; display: block; position: absolute; left: 0; top: 0; width: 73px; height: 73px; font-family: i; font-weight: 400; font-size: 19px; line-height: 73px; text-align: center; } #nav:not(.dropdown) > ul > li > ul:before { content: ""; display: block; position: absolute; left: 100%; top: 34px; width: 129px; height: 129px; margin: 0 0 0 -64.5px; background: url(emblem.png) no-repeat; background-size: contain; } #nav:not(.dropdown) > ul > li > ul:before { -webkit-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); } #nav:not(.dropdown) > ul > li > ul li { margin: 0 0 15px; font-size: 14px; } #nav:not(.dropdown) > ul > li > ul li a { display: block; padding: 0 30px; color: #fff; text-decoration: none; } #nav:not(.dropdown) > ul > li > ul li.active > a, #nav:not(.dropdown) > ul > li > ul li a:hover, #mobile > ul > li > a:hover, #mobile > ul > li > ul li a:hover { color: #7a232e; } .no-mobile #nav > ul > li:hover > ul, .no-mobile #nav > ul > li:hover > ul:before, .cart-active #cart > form { -webkit-transform: none; -ms-transform: none; transform: none; } #nav > ul:first-child { float: left; } #nav > ul:first-child > li:first-child { margin-right: 35px; } #nav > ul:first-child > li:first-child > a { width: 63px; height: 63px; background: #ce1417; color: #fff; text-indent: -30000px; text-decoration: none; } #nav > ul:first-child > li:first-child > a:before { content: "\e914"; display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; margin: -15px 0 0; font-family: i; font-weight: 400; font-size: 22px; line-height: 30px; text-align: center; text-indent: 0; } #nav > ul > li.score { height: 63px; margin: 0; padding: 16px 166px 0 0; font-size: 12px; font-family: Muli, Museo, Arial, Helvetica, sans-serif; } #nav > ul > li.score:before { content: ""; display: block; position: absolute; left: -59px; top: 50%; width: 100%; height: 37px; margin: -18.5px 0 0; background: url(untappd.svg) no-repeat; background-size: auto 100%; color: #fff; font-weight: 400; line-height: 37px; text-align: center; } #nav > ul > li.score > a { float: none; width: auto; color: #a4a4a4; font-weight: 700; line-height: 1.1; } #nav > ul > li.score > a:hover, #nav > ul > li.score > a span { text-decoration: underline; } #nav > ul > li.score > a:first-child, #nav > ul > li.score .rating + a { color: #2c2e33; font-size: 15px; } #nav > ul > li.score .rating { display: block; position: absolute; left: -16px; bottom: 17px; float: left; width: 67px; height: 12px; } #nav > ul > li.score .rating > .a { display: block; height: 12px; background: url(rating-b.png) no-repeat; background-size: auto 100%; } #nav > ul > li.score .rating > .b { display: none; } #nav > ul > li.user { margin: 0; } #nav > ul > li.user > a { overflow: hidden; width: 63px; height: 63px; text-align: left; text-indent: -3000em; } #nav > ul > li.user > a:before { content: "\e930"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -20px 0 0; font-family: i; font-weight: 400; font-size: 28px; line-height: 40px; text-align: center; text-indent: 0; } #nav #cart { padding: 0; } #nav #cart > a { overflow: hidden; width: 63px; background: #ce1417; color: #fff; text-align: left; text-indent: -30000px; } #nav #cart > a:before { content: "\e904"; display: block; position: absolute; right: 0; top: 0; z-index: 2; width: 63px; height: 63px; background: #2c2e33; color: #fff; font-family: i; font-weight: 400; font-size: 21px; line-height: 63px; text-align: center; text-indent: 0; } #nav #cart > a > .fit { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 63px; } #nav #cart > a .inner span { display: block; position: absolute; right: 5px; top: 13px; z-index: 9; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 12px; background: #3aaa35; color: #fff; font-size: 15px; font-weight: 500; line-height: 22px; text-align: left; text-indent: -3000em; } #nav #cart > a .inner span:before { content: "\e903"; display: block; position: absolute; left: 0; top: 0; width: 100%; font-family: i; font-weight: 400; font-size: 8px; text-align: center; text-indent: 0; } .cart-empty #nav #cart > a .inner span { top: -1000em; } #cart > form { position: absolute; right: -587px; top: 100%; width: 587px; background: #ebebeb; } .cart-active #cart > form { right: 0; } #cart > form h1, #cart > form h2, #cart > form h3, #cart > form h4, #cart > form h5, #cart > form h6 { margin: 0; padding: 27px 24px 25px; background: #2c2e33; color: #fff; font-size: 27.5px; font-weight: 700; text-transform: uppercase; } #cart > form .list-cart, #cart > form .list-total { margin: 0; } #cart > form p { position: relative; margin: 0; padding: 20px; } #cart > form button { float: right; width: 100%; max-width: 364px; margin: 0 auto; padding-top: 12px; padding-bottom: 12px; font-size: 17px; font-weight: 700; text-transform: none; } #top > .menu { display: block; overflow: hidden; position: absolute; left: 0; top: -30000px; z-index: 9; width: 50px; height: 50px; background: #ce1417; color: #fff; cursor: pointer; } #top > .menu:before { content: "\e91d"; display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; margin: -20px 0 0; font-weight: 400; font-size: 18px; font-family: i; line-height: 40px; text-align: center; } #mobile { overflow-x: hidden; overflow-y: auto; visibility: hidden; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; margin: 0; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.1; text-align: center; text-transform: uppercase; opacity: 0; } #mobile > .inner { display: block; position: absolute; left: 0; top: 50%; right: 0; } #mobile ul { list-style: none; margin: 0; padding: 0; } #mobile ul > li { margin: 0; padding: 0; font-size: 25px; } #root #mobile ul > li > a { display: block; padding: 26px 20px; border-bottom: 1px solid rgba(255,255,255,.12); color: #fff; font-weight: 700; text-decoration: none; } #root #mobile ul.social-a { padding: 30px 0 0; } #root #mobile ul.social-a > li { margin: 0 12.5px; font-size: 18px; } #root #mobile ul.social-a > li > a { display: inline-block; padding: 0; border: 0; font-weight: 400; } #mobile > a.close { display: block; position: absolute; left: 0; top: 0; width: 60px; height: 60px; color: #fff; font-weight: 400; font-family: i; font-size: 22px; text-align: center; text-decoration: none; } #mobile > a.close:before { content: "\e91a"; display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; margin: -20px 0 0; font-family: i; line-height: 40px; text-align: center; } #shadow { visibility: hidden; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; background: rgba(206,5,29,.95); opacity: 0; cursor: pointer; } #featured { position: relative; z-index: 4; width: 100%; margin: 0 0 82px; padding: 29px 0 146px; font-weight: 500; line-height: 1.33; text-transform: uppercase; text-align: center; } #featured > *, #featured-new article > div { position: relative; z-index: 4; width: 1326px; margin-left: auto; margin-right: auto; } #featured > figure, #featured-new article > figure { overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; width: auto; margin: 0; background-position: bottom center; background-size: cover; background-repeat: no-repeat; } #featured-new article > figure a { display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-indent: -3000em; text-align: left; } .no-mobile #featured > figure { background-attachment: fixed; } #featured > figure img, #featured-new article > figure img { display: block; position: relative; width: 100% !important; } #featured:before { content: ""; display: block; position: absolute; left: -10000px; top: 0; bottom: 0; z-index: 1; width: 30000px; background: #f7f7f7; } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6 { margin-bottom: 14px; padding: 0; font-size: 60px; } #featured h1:before, #featured h2:before, #featured h3:before, #featured h4:before, #featured h5:before, #featured h6:before { display: block; position: relative; left: 0; top: 0; width: 100%; height: 190px; margin: 0 0 73px; border-radius: 0; /*background: url(logo-small.svg) center center no-repeat; */background-size: auto 100%; opacity: 0; } #featured p { margin-bottom: 38px; color: #2c2e33; font-size: 24.5px; letter-spacing: .05em; } #featured p.link-a, #featured-new p.link-a { margin-top: 0; font-size: 17px; font-style: normal; } #featured p.link-a a, #featured-new p.link-a a { display: inline-block; float: none; min-width: 220px; padding: 20px 30px; font-size: 1em; text-transform: none; } #featured:after { content: "\e90c"; display: block; position: absolute; left: 0; bottom: 36px; z-index: 5; width: 100%; color: #fff; font-family: i; font-weight: 400; font-size: 28px; line-height: 28px; text-align: center; } #featured:after { -moz-animation: upside 0.75s ease-in-out infinite; -webkit-animation: upside 0.75s ease-in-out infinite; -o-animation: upside 0.75s ease-in-out infinite; -ms-animation: upside 0.75s ease-in-out infinite; animation: upside 0.75s ease-in-out infinite; } /*#content > #featured:first-child, #root > #featured, #content > #featured-new:first-child, #root > #featured-new { margin-top: -50px; }*/ #featured-new { position: relative; z-index: 4; width: 100%; margin: 0 0 67px; padding: 0; background: #eaeaea; font-weight: 500; line-height: 1.33; text-transform: uppercase; } #featured-new:before { content: "\e90c"; display: block; position: absolute; left: 0; right: 0; bottom: 18px; z-index: 31; color: #2c2e33; font-weight: 400; font-family: i; font-size: 15px; line-height: 28px; text-align: center;} #featured-new article { overflow: hidden; position: relative; padding: 110px 0 191px; } #featured-new article > * { position: relative; z-index: 5; } #featured-new article > div > * { position: relative; z-index: 2; } #featured-new article > div > a.link { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; text-align: left; text-indent: -3000em; } #featured-new h1, #featured-new h2, #featured-new h3, #featured-new h4, #featured-new h5, #featured-new h6 { display: inline-block; margin: 0 0 22px; padding: 0; border-top: 2px solid #ce9f58; color: #ce051d; font-weight: 500; font-size: 65px; line-height: 1; letter-spacing: .0em; } #featured-new h1 span, #featured-new h2 span, #featured-new h3 span, #featured-new h4 span, #featured-new h5 span, #featured-new h6 span { display: block; padding: 11px 0; border-bottom: 2px solid #ce9f58; } #featured-new p { max-width: 445px; margin-bottom: 30px; color: #ce051d; font-size: 24px; text-transform: none; } #featured-new p.link-a { max-width: none; } #featured-new article.a { color: #fff; } #featured-new article.a p, #featured-new article.a h1, #featured-new article.a h2, #featured-new article.a h3, #featured-new article.a h4, #featured-new article.a h5, #featured-new article.a h6, #featured-new article.a h1 span, #featured-new article.a h2 span, #featured-new article.a h3 span, #featured-new article.a h4 span, #featured-new article.a h5 span, #featured-new article.a h6 span { border-color: #f6f6f6; color: #f6f6f6; } #featured-new article > * > *:last-child { margin-bottom: 0; } #featured-new aside { overflow: hidden; position: absolute; right: 0; top: 63px; bottom: 0; z-index: 99; width: 370px; padding: 25px 25px 0; background: #fff; font-family: Museo, Arial, Helvetica, sans-serif; } #featured-new aside section { overflow: hidden; margin: 0 0 30px; padding: 32px 15px 0 15px; box-shadow: -1px 1px 9px rgba(0,0,0,.06); background: #fff; } #featured-new aside section:first-child { background: #f6f6f6; } #featured-new aside section:last-child { margin-bottom: 10px; background:#fff; } #featured-new aside div.inner { overflow: visible; left: 0; right: 0; top: 0; bottom: 0; margin: 0; padding: 0; box-shadow: none; } #featured-new aside h1, #featured-new aside h2, #featured-new aside h3, #featured-new aside h4, #featured-new aside h5, #featured-new aside h6 { display: block; margin: 0 0 38px; padding: 0; border: 0; color: #ce051d; font-size: 20px; font-weight: 600; text-transform: uppercase; } #featured-new aside ul { list-style: none; margin: 0; padding: 0; color: #2c2e33; font-weight: 500; text-transform: none;} #featured-new aside ul li { position: relative; margin: 0 0 32px; padding: 0 0 0 55px; font-size: 13px; } #featured-new aside ul li .img { display: block; position: absolute; left: 0; top: 50%; width: 40px; text-align: center; } #featured-new aside ul li .img { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #featured-new aside ul li i { display: block; position: absolute; left: 0; top: 50%; width: 40px; margin: -12px 0 0; line-height: 24px; text-align: center; } #featured-new aside ul li i.icon-facebook { left: 8px; width: 24px; height: 24px; border-radius: 24px; background: #3b5998; color: #fff; font-size: 15px; } #featured-new aside ul li a { display: block; color: #2c2e33; } #featured-new aside ul li a:before { content: ""; display: block; position: absolute; left: 0; top: -15px; bottom: -15px; right: 0; } #featured-new aside.scrolled div.inner { overflow-x: hidden; overflow-y: auto; position: absolute; padding: 30px 30px 0; outline: none; } #featured-new aside .jspPane { padding: 30px 30px 0 !important; } #featured-new aside .jspVerticalBar { width: 8px; } #featured-new aside .jspDrag { background: #2c2e33; } .featured-sidebar #nav > ul > li.score, #root #mobile .score { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } @media only screen and (max-width: 87.5em) { /* 1400 */ #featured-new aside h1, #featured-new aside h2, #featured-new aside h3, #featured-new aside h4, #featured-new aside h5, #featured-new aside h6 { margin-bottom: 25px; } #featured-new aside, #featured-new aside.scrolled div.inner, #featured-new aside .jspPane { padding: 15px 15px 0 !important; } #featured-new aside section { margin-bottom: 15px; padding: 20px 15px 0 20px; } #featured-new aside ul li { margin-bottom: 28px; } #featured-new aside ul li a:before { top: -5px; bottom: -5px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #featured-new aside { position: absolute; left: -30000px; top: -30000px; bottom: inherit; right: inherit; } } #featured-new.emblem { } #featured-new.emblem article:before { content: ""; display: block; position: absolute; left: 60%; top: 35%; z-index: 5; width: 160px; height: 158px; margin: -88px 0 0 -90px; background: url(emblem-header.svg) center center no-repeat; background-size: auto 100%; } #messages { position: relative; z-index: 3; width: 1326px; margin: 0 auto; } #content { position: relative; z-index: 3; width: 1326px; margin: 0 auto; padding: 63px 0 0; } #content:after, #top:after, #footer:after, form p:after, .cols-a:after, #nav:after, #breadcrumbs ul:after, #breadcrumbs ol:after, .collection:after, .collection form:after, .module-a:after, .double:after, .link-a:after, .accordion-a li > div:after, #nav > ul:after, #nav > ul > li:after, .image-a:after, .module-b:after, .list-amount:after, .gallery-a:after, .module-d:after, .list-amount.a .amount:after, #featured-new article:after, .gallery-b:after, .module-e:after, .list-e:after, .gui-cart-sum:after, .module-f:after, .news-a article:after, .news-b:after, #footer > div:after, #footer > div > nav:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #breadcrumbs { position: relative; z-index: 1; margin: 0 0 50px; padding: 154px 0 29px; background: #f7f7f7; } #breadcrumbs:before { content: ""; display: block; position: absolute; left: -10000px; right: -10000px; top: 0; bottom: 0; z-index: 1; background-color:#f7f7f7;/*background: url(logo-small.svg) center center no-repeat #f7f7f7;*/ background-size: auto 190px; } #breadcrumbs ul, #breadcrumbs ol { position: relative; z-index: 3; list-style: none; margin: 0; padding: 0; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.1; text-transform: uppercase; } #breadcrumbs li { display: block; position: relative; float: left; margin: 0 20px 0 0; font-size: 16.06px; } #breadcrumbs li:before { content: "/"; display: block; position: absolute; left: 100%; top: 0; width: 20px; color: #be9f57; text-align: center; } #breadcrumbs li a { color: #be9f57; } #breadcrumbs li:last-child { clear: both; float: none; font-size: 28.79px; font-weight: 700; } #breadcrumbs li:last-child a { color: #2c2e33; text-decoration: none; cursor: default; } #breadcrumbs figure { overflow: hidden; position: absolute; left: 50%; top: 0; bottom: 0; z-index: 2; width: 2120px; margin: 0 0 0 -1060px; background-position: center 0; background-size: cover; background-repeat: no-repeat; } #breadcrumbs figure img { display: block; position: relative; z-index: 1; width: 100% !important; } #breadcrumbs figure:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: url() center 29px no-repeat; background-size: auto 190px; } #breadcrumbs figure .fit { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center 0; background-size: cover; background-repeat: no-repeat; } #breadcrumbs.has-img { padding-top: 280px; } #breadcrumbs.has-img li:last-child a { color: #fff; } #breadcrumbs p { position: absolute; right: 0; top: 50%; z-index: 5; margin: 0; font-size: 14.25px; font-weight: 500; } #breadcrumbs p { transform: translateY(-50%); } #breadcrumbs p a { display: block; overflow: hidden; position: relative; padding: 6px 25px; background: #3baa36; color: #fff; text-decoration: none; text-align: center; } #breadcrumbs p a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; background: red; } #breadcrumbs + * { z-index: 2; } .custom #breadcrumbs, .custom #breadcrumbs.mb-e { margin-bottom: 40px; padding-top: 32px; padding-bottom: 24px; } .custom #breadcrumbs:before, .custom #breadcrumbs figure:before { background-position: -3000em -3000em; } .custom #breadcrumbs li { margin-right: 28px; } .custom #breadcrumbs li:before { width: 28px; } .custom #breadcrumbs li:last-child { clear: none; float: left; font-size: 1.35784557908em; line-height: 12px; } #content.low-index { z-index: 1; } #content.low-index.mb-a > .module-a:last-child { padding-bottom: 88px; } #content.low-index.mb-a + #footer { margin-top: -60px; } #footer { overflow: hidden; position: relative; z-index: 4; margin: 100px 0 0; padding: 58px 0 0; color: #fff; text-align: center; } #footer > * { position: relative; z-index: 2; width: 1326px; margin-left: auto; margin-right: auto; } #footer:before { content: ""; display: block; position: absolute; left: -1000px; top: 31px; right: -1000px; bottom: 0; z-index: 1; background: #28292a; } #footer:before { transform: rotate(-1.6deg); } #footer nav { position: relative; padding: 54px 0 0; } /* #footer nav:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; z-index: 1; height: 135px; background: url(emblem.svg) center center no-repeat; background-size: auto 100%; } */ #footer nav a.home { display: block; position: absolute; left: 50%; top: 0; z-index: 9; width: 150px; height: 135px; margin: 0 0 0 -75px; } #footer nav ul { position: relative; z-index: 2; list-style: none; margin: 0 0 34px; padding: 0; font-weight: 700; text-transform: uppercase; } #footer nav ul + ul { padding-top: 42px; } #footer nav li { display: inline-block; margin: 0; padding: 0 51px; font-size: 15px; } #footer nav li:nth-child(2) { padding-right: 130px; } #footer nav li:nth-child(3) { padding-left: 130px; } #footer nav li:first-child { padding-left: 0; } #footer nav li:last-child { padding-right: 0; } #footer .social-a { } #footer .social-a a { display: inline-block; width: 25px; height: 25px; border-radius: 40px; background: #fff; color: #28292a; line-height: 25px; text-align: center; } #footer .social-a a i { display: block; position: absolute; left: 0; top: 0; width: 100%; line-height: 25px; text-align: center; } #footer a { color: #fff; text-decoration: none; } #footer a:hover, #footer a.overlay-a { color: #be9f57; } #footer > p { margin-bottom: 0; padding: 25px 0 25px 0; background: #222324; font-size: 13px; font-weight: 500; } #footer > p:before, #footer > p:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 1000px; background: #222324; } #footer > p:before { left: 100%; } #footer > p:after { right: 100%; } #footer > div { padding: 72px 0 21px; line-height: 1.42857142857; text-align: left; } #footer > div > div { float: left; width: 22%; background: none; } #footer > div > nav { float: right; width: 78%; padding: 0; } #footer > div > nav:before { background: none; } #footer > div > nav > div { float: left; width: 25%; padding: 0 0 10px; border-left: 0 solid rgba(0,0,0,0); } #footer > div > nav > div:nth-child(4n) + * { clear: both; } #footer > div nav ul { margin: 0; font-weight: 300; text-transform: none; } #footer > div nav a.home { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; background: red; } #root #footer > div nav ul li { display: block; margin: 0; padding: 0; font-size: 14px; } #footer > div h1, #footer > div h2, #footer > div h3, #footer > div h4, #footer > div h5, #footer > div h6 { margin: 10px 0 0; font-family: Museo, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.42857142857; text-transform: none; } #footer nav > div:first-child h1:first-child, #footer nav > div:first-child h2:first-child, #footer nav > div:first-child h3:first-child, #footer nav > div:first-child + div h1:first-child, #footer nav > div:first-child + div h2:first-child, #footer nav > div:first-child + div h3:first-child, #footer nav > div:first-child + div + div h1:first-child, #footer nav > div:first-child + div + div h2:first-child, #footer nav > div:first-child + div + div h3:first-child, #footer nav > div:first-child + div + div + div h1:first-child, #footer nav > div:first-child + div + div + div h2:first-child, #footer nav > div:first-child + div + div + div h3:first-child { margin: 0 0 20px; font-size: 15px; text-transform: uppercase; letter-spacing: .1em; } #footer .vcard { position: relative; padding: 31px 0 0; } #footer .vcard:before { content: "\e91c"; display: block; position: absolute; left: 0; top: -20px; padding: 0 0 0 40px; background: url(logo-small.svg) 0 center no-repeat; background-size: auto 100%; font-family: i; font-weight: 400; font-size: 25px; line-height: 32px; } #footer .vcard p { margin: 0; font-size: 14px; } #root #footer > div .social-a { margin-top: 17px; margin-right: -7px; } #root #footer > div .social-a:first-child { margin-top: 0; } #root #footer > div .social-a li { margin: 0 7px 0 0; padding: 0; } #root #footer > div .social-a a { width: 28px; height: 28px; line-height: 28px; } #root #footer > div .social-a a i { display: block; font-size: 16px; line-height: 28px; } html.splash body { background: url(splash.jpg) center center no-repeat; background-attachment: fixed; } html.splash #root { background: none; } #splash { position: absolute; left: 0; top: 50%; width: 100%; padding: 0 20px; color: #fff; line-height: 1.20833333333; text-align: center; text-transform: uppercase; } #splash { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #splash h1, #splash h2 { display: block; overflow: hidden; height: 194px; margin: 0 0 33px; background: url(logo-inv.svg) center 0 no-repeat; background-size: auto 100%; text-align: left; text-indent: -3000em; } #splash p { margin: 0; font-size: 36px; font-weight: 300; } #splash p span { display: block; font-weight: 700; } /*! Columns --------- */ .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child { float: right; width: 1038px; } .cols-a > header:first-child, .cols-a > aside { float: left; width: 250px; } .double { display: block; position: relative; z-index: 2; } .double > * { display: block; position: relative; z-index: 1; float: right; border-left: 0 solid rgba(0,0,0,0); } .double > *:first-child { z-index: 2; float: left; } .double > figure.offset > .inner, .double.a.inv > figure.offset:first-child > .inner { display: block; position: relative; margin-left: 0; margin-right: -80px; } .double > figure.offset:first-child > .inner, .double.a.inv > figure.offset > .inner { display: block; margin-right: 0; margin-left: -80px; } .double > figure.middle { position: absolute; left: 0; top: -150px; bottom: -100px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .double > figure.middle + * { float: right; } .double > figure.offset.a > .inner { margin-top: -100px /*-38px*/; } .double > figure.offset.a > .inner, .double.a.inv > figure.offset.a:first-child > .inner { margin-right: -350px; margin-left: -64px; } .double > figure.offset.a:first-child > .inner, .double.a.inv > figure.offset.a > .inner { margin-left: -350px; margin-right: -64px; } .double.a { margin-left: -120px; } .double.a > * { width: 50%; border-left-width: 120px; } .double.a + .double.module-a { z-index: 1; margin-top: -110px; } .double.a + .double.module-a > figure { margin-top: -300px; } #content > .double.a:first-child, #breadcrumbs + .double.a { padding-top: 0; } .double.inv { } .double.inv > * { float: left; } .double.inv > *:first-child { float: right; } /*! Modules --------- */ [data-parallax-ratio] { will-change: transform; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .accordion-a { list-style: none; margin: 0 0 45px; padding: 0; line-height: 1.6666666666; } .accordion-a li { position: relative; margin: 0; } .accordion-a li:before { content: ""; display: block; position: absolute; left: -50px; top: 0; right: -50px; bottom: 0; z-index: 1; } .accordion-a li.toggle:before { background: #f6f6f6; } .accordion-a li > * { position: relative; z-index: 3; } .accordion-a h1, .accordion-a h2, .accordion-a h3, .accordion-a h4, .accordion-a h5, .accordion-a h6 { margin: 0; padding: 28px 26px 24px 0; border-top: 1px solid #e9e9e9; color: #ce051d; font-family: Museo, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 500; text-transform: none; cursor: pointer; } .accordion-a li.toggle h1, .accordion-a li.toggle h2, .accordion-a li.toggle h3, .accordion-a li.toggle h4, .accordion-a li.toggle h5, .accordion-a li.toggle h6 { color: #2c2e33; font-weight: 700; } .accordion-a li:first-child h1, .accordion-a li:first-child h2, .accordion-a li:first-child h3, .accordion-a li:first-child h4, .accordion-a li:first-child h5, .accordion-a li:first-child h6 { border-top-width: 0; } .accordion-a .fit { display: block; position: absolute; right: 0; top: 50%; width: 16px; height: 16px; margin: -7px 0 0; } .accordion-a .fit:before, .accordion-a .fit:after { content: ""; display: block; position: absolute; top: 3px; width: 13px; height: 2px; border-radius: 3px; background: #000; } .accordion-a .fit:before { left: 0; } .accordion-a .fit:after { right: 0; } .accordion-a .fit:before { -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .accordion-a .fit:after { -moz-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; -o-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .accordion-a .toggle .fit:before, .accordion-a .toggle .fit:after { top: -1px; width: 25px; background: #ce1417; } .accordion-a li > div { padding: 8px 26px 0 0; } .accordion-a p, .accordion-a ul, .accordion-a ol { margin-bottom: 30px; } h1 + .accordion-a, h2 + .accordion-a { margin-top: -20px; } .cart { margin-left: auto; margin-right: auto; } #root .cart + .module-a { margin-top: 100px; padding-top: 150px; } .cart .gui-table { overflow: visible; } .collection { list-style: none; margin: 0 0 18px -62px; padding: 0; } .collection li { position: relative; float: left; width: 33.3333333333%; margin: 0 0 62px; border-left: 62px solid rgba(0,0,0,0); } .collection li { -moz-animation-duration: 0.5s; -webkit-animation-duration: 0.5s; -o-animation-duration: 0.5s; -ms-animation-duration: 0.5s; animation-duration: 0.5s; -moz-animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards; } .js .collection li { opacity: 0; } .collection.b li:nth-child(3n) + li { clear: none; } .collection li:nth-child(3n) + li, .gallery-a li:nth-child(5n) + li, .double .collection li:nth-child(2n) + li, .collection.b li:nth-child(4n) + li { clear: both; } .collection li.show { -moz-animation-name: show; -webkit-animation-name: show; -o-animation-name: show; -ms-animation-name: show; animation-name: show; } .collection li:nth-child(3n-1) { -moz-animation-delay: 0.25s; -webkit-animation-delay: 0.25s; -o-animation-delay: 0.25s; -ms-animation-delay: 0.25s; animation-delay: 0.25s; } .collection li:nth-child(3n-0) { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; animation-delay: 0.5s; } .collection.b li:nth-child(4n-2) { -moz-animation-delay: 0.25s; -webkit-animation-delay: 0.25s; -o-animation-delay: 0.25s; -ms-animation-delay: 0.25s; animation-delay: 0.25s; } .collection.b li:nth-child(4n-1) { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; animation-delay: 0.5s; } .collection.b li:nth-child(4n-0) { -moz-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -o-animation-delay: 0.75s; -ms-animation-delay: 0.75s; animation-delay: 0.75s; } .collection .img { display: block; position: relative; z-index: 1; height: 274px; margin: 0 0 58px; border: 3px solid #ebebeb; background: #fff; } .collection .img a { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 25px; text-decoration: none; } .collection .img img, .list-cart span.img img, .table-b .img img, .gui-table tr td .gui-image img { display: block; position: absolute; left: 50%; top: 50%; width: auto !important; max-width: 90% !important; max-height: 90% !important; } /* .collection .img img, .table-b .img img { max-height: 80% !important; } */ .collection .img img, .list-cart span.img img, .table-b .img img, .gui-table tr td .gui-image img { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .collection form { position: relative; width: 277px; margin: -86px auto 22px; } .collection .amount { float: left; } .collection button { float: right; min-width: 0; width: 102px; height: 50px; margin: 0; padding: 0; border: 0; background: #ce051d; color: #fff; font-weight: 400; font-size: 20px; text-align: left; text-indent: -30000px; } .collection button:before { content: "\e926"; display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; margin: -12px 0 0; font-family: i; line-height: 20px; text-align: center; text-indent: 0; } .collection .title { display: block; overflow: hidden; float: left; padding: 4px 0 16px; color: #ce051d; font-size: 23px; font-weight: 700; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.33; text-transform: uppercase; text-overflow: ellipsis; } .collection .price { display: block; float: right; padding: 0 0 16px; font-size: 23px; font-weight: 700; line-height: 1.7; } .collection .price span { font-size: .51428571428em; font-weight: 500; } .collection .price span.sub, .collection.b .price span.sub { font-size: 1em; font-weight: 700; } .collection .desc, .related-product .desc { display: block; overflow: hidden; position: relative; z-index: 9; clear: both; width: 100%; /*max-height: 115px;*/ /*padding: 34px 0 0;*/ border-top: 1px solid #ebebeb; } .collection .desc a, .related-product .desc a { display: block; color: #ce051d; } .collection .desc a.more, .related-product .desc a.more { display: block; position: absolute; right: 3000em; bottom: 0; font-weight: 600; } .collection li.long .desc, .related-product li.long .desc { padding-right: 90px; } .collection li.long .desc a.more, .related-product li.long .desc a.more { right: 0; } .collection .desc .inner, .related-product .desc .inner { display: block; overflow: hidden; } .collection li.long .desc .inner, .related-product li.long .desc .inner { height: 80px; } .collection li.long.more-clicked .desc .inner, .related-product li.long.more-clicked .desc .inner { height: auto; white-space: normal; } .collection li.long.more-clicked .desc, .related-product li.long.more-clicked .desc { padding-right: 0; } .collection li.long.more-clicked .desc a.more, .related-product li.long.more-clicked .desc a.more { position: relative; right: 0; text-align: right; } .double .collection li { width: 50%; } .double .collection li:nth-child(3n) + li { clear: none; } .double .collection form { width: 175px; } .collection.b { margin-left: -38px; margin-top: 59px; } .collection.b li { width: 25%; border-left-width: 38px; } .collection.b .img { height: 303px; margin: 0; border-bottom-width: 0; } .collection.b form { width: auto; margin: 0 0 17px; padding-right: 102px; } .collection.b button { position: absolute; right: 0; top: 0; } .collection.b .amount { float: none; width: auto; } .collection.b .title { float: none; max-width: none; } .collection.b .price { float: none; padding: 13px 0 0; border-top: 1px solid #ebebeb; font-size: 25px; } .collection.b .price span { font-size: .52em; } .gallery-a { list-style: none; margin: 0 0 90px -30px; padding: 0; text-align: center; } .gallery-a li { float: left; width: 20%; margin: 0 0 30px; border-left: 30px solid rgba(0,0,0,0); } .gallery-a a { display: block; } .gallery-a img { display: block; margin: 0 auto; } .gallery-a img { filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); } .gallery-a a:hover { -moz-transform: scale(1.23,1.23); -webkit-transform: scale(1.23,1.23); -o-transform: scale(1.23,1.23); -ms-transform: scale(1.23,1.23); transform: scale(1.23,1.23); } .gallery-a a:hover img { filter: none; -webkit-filter: grayscale(0); } .gallery-a.mobile-only { margin-left: 0; margin-top: -20px; } .gallery-a.mobile-only li { padding: 20px 0; } .gallery-b { position: relative; list-style: none; margin: 0 0 50px -45px; padding: 0; color: #000; line-height: 1.4; text-align: center; } .gallery-b li { position: relative; z-index: 4; float: left; width: 20%; min-height: 330px; margin: 0; padding: 0; border-left: 45px solid rgba(0,0,0,0); font-size: 15px; } .gallery-b li:nth-child(5n) + li { clear: both; } .gallery-b .item li { float: none; width: auto; } #root .gallery-b a { display: block; color: #000; text-decoration: none; } .gallery-b .img { display: block; position: relative; height: 134px; margin: 0 0 22px; } .gallery-b .img img { display: block; position: absolute; left: 50%; bottom: 0; } .gallery-b .img img { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .gallery-b .title { display: block; max-width: 202px; margin: 0 auto; padding: 7px 0; border-top: 1px solid #d22027; border-bottom: 1px solid #d22027; color: #cf222e; font-weight: 500; font-size: 1.60733333333em; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: .99543757776; text-transform: uppercase; } .gallery-b .desc { display: block; overflow: hidden; max-height: 0; } .gallery-b li:hover .img { margin-top: -51px; } .gallery-b li:hover .desc, .mobile .gallery-b .desc, .gallery-b .item .desc { max-height: 200px; padding: 22.5px 0 0; } .mobile .gallery-b li:hover .img, .gallery-b .item li .img { margin-top: 0; } .mobile .gallery-b .desc, .gallery-b .item .desc { max-height: none; } #content > .gallery-b:first-child { margin-top: -60px; } #content > .gallery-b:first-child + .gallery-b.mobile-only { margin-top: -40px; } .gallery-b.mobile-only { margin-left: 0; } .gallery-b.mobile-only li { border-left-width: 0; } .gallery-b .bx-prev, .gallery-b .bx-next { display: block; position: absolute; top: 50%; width: 30px; height: 30px; margin: -15px 0 0; text-align: left; text-indent: -3000em; } .gallery-b .bx-prev { left: 0; } .gallery-b .bx-next { right: 0; } .gallery-b .bx-prev:before, .gallery-b .bx-next:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -12px 0 0; color: #ce051d; font-family: i; font-weight: 400; line-height: 24px; text-align: center; text-indent: 0; } .gallery-b .bx-prev:before { content: "\e92d"; text-align: left; } .gallery-b .bx-next:before { content: "\e92c"; text-align: right; } .gallery-b.a { z-index: 99; margin-bottom: 60px; padding: 74px 0 7px; } .gallery-b.a:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; bottom: 0; right: -1000em; z-index: 1; background: #f6f6f6; } .module-a + .gallery-b.a { margin-top: -212px; } .gallery-b.a > .fit { display: block; overflow: hidden; position: absolute; left: -2000px; top: 0; bottom: 0; z-index: 2; width: 2678px; } .gallery-b.a > .fit > div { display: block; position: absolute; left: -100px; top: -134px; right: -100px; height: 200px; background: #ce051d; } .gallery-b.a > .fit > div { -moz-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); -o-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); } @media only screen and (max-width: 87.5em) { /* 1400 */ .gallery-b.a > .fit { width: 2525px; } } @media only screen and (max-width: 62.5em) { /* 1000 */ .module-a + .gallery-b.a { margin-top: -75px; } .gallery-b.a > .fit { left: -1000px; top: 0; right: -1000px; } .gallery-b.a > .fit > div { top: -160px; } } @media only screen and (max-width: 47.5em) { /* 760 */ .module-a + .gallery-b.a, .module-a + .gallery-b.a + .gallery-b.a { margin-top: -50px; } .gallery-b.a > .fit { left: -1000px; top: 0; right: -1000px; } .gallery-b.a > .fit > div { top: -160px; } } .featured-aside { position: relative; z-index: 4; margin: 0; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; font-weight: 500; line-height: 1.25; text-transform: uppercase; text-align: center; } .featured-aside .inner { overflow: hidden; padding: 8px 8px 8px 0; background: #fff; } .featured-aside section { position: relative; float: left; width: 50%; padding: 10px 30px 0; border-left: 8px solid rgba(0,0,0,0); } .featured-aside section:last-child { margin-bottom: 0; } .featured-aside section:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; box-shadow: -1px 1px 9px rgba(0,0,0,.06); } .featured-aside h1, .featured-aside h2, .featured-aside h3, .featured-aside h4, .featured-aside h5, .featured-aside h6 { position: relative; z-index: 9; margin: 0 -20px 13px; padding: 0; border: 0; color: #ce051d; font-size: 20px; font-weight: 600; text-align: center; text-transform: uppercase; } .featured-aside ul { list-style: none; margin: 0; padding: 0; } .featured-aside ul:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .featured-aside li { position: relative; z-index: 9; float: left; width: 50%; margin: 0; padding: 0 0 7px; font-size: 14px; } .featured-aside li:nth-child(2n) + li { clear: both; } .featured-aside .item { overflow: hidden; padding: 0 0 20px; } .featured-aside .item li { float: none; width: auto; max-width: 140px; height: 98px; margin: 0 auto; padding: 0; } .featured-aside a { display: block; color: #2c2e33; } .featured-aside span.img { display: block; position: relative; height: 38px; margin: 0 0 16px; } .featured-aside span.img img { display: block; position: absolute; left: 50%; bottom: 0; } .featured-aside span.img img { -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .featured-aside i.icon-facebook { display: block; position: relative; top: 8px; width: 30px; height: 30px; margin: 0 auto 24px; border-radius: 30px; background: #3b5998; color: #fff; font-size: 19px; line-height: 30px; } .featured-aside ul .bx-prev, .featured-aside ul .bx-next { display: block; position: absolute; top: 0; bottom: 0; z-index: 9; width: 30px; color: #cf0004; font-size: 17px; font-weight: 400; line-height: 20px; text-align: left; text-indent: -3000em; } .featured-aside ul .bx-prev { left: 0; } .featured-aside ul .bx-next { right: 0; } .featured-aside ul .bx-prev:before, .featured-aside ul .bx-next:before { display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; font-family: i; text-align: center; text-indent: 0; } .featured-aside ul .bx-prev:before { content: "\e92d"; } .featured-aside ul .bx-next:before { content: "\e92c"; } #root .featured-aside.mobile-only, #root .featured-aside.tablet-only { visibility: hidden; position: absolute; left: -3000em; top: 0; opacity: 0; } @media only screen and (max-width: 62.5em) { /* 1000 */ #root .featured-aside.tablet-only { visibility: visible; position: relative; left: 0; opacity: 1; } } @media only screen and (max-width: 47.5em) { /* 760 */ .featured-aside { } .featured-aside section { height: 118px; padding-top: 0; } .featured-aside span.img { margin-bottom: 7px; } .featured-aside span.img img { bottom: auto; top: 50%; } .featured-aside span.img img { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .featured-aside i.icon-facebook { margin-top: 4px; margin-bottom: 11px; } #featured-new + .featured-aside, #featured-new + .featured-aside + .featured-aside { margin-top: -30px; } .featured-aside h1, .featured-aside h2, .featured-aside h3, .featured-aside h4, .featured-aside h5, .featured-aside h6 { position: absolute; left: -3000em; top: 0; right: auto; bottom: auto; } #root .featured-aside.tablet-only { visibility: hidden; position: absolute; left: -3000em; top: 0; opacity: 0; } #root .featured-aside.mobile-only { visibility: visible; position: relative; left: 0; opacity: 1; } } @media only screen and (max-width: 25em) { /* 400 */ .featured-aside { } /*.featured-aside section { float: none; width: auto; margin: 0 0 8px; }*/ } .cart { } .cart .gui-block { margin: 0 0 20px; border-width: 0; } .cart .gui-block .gui-block-title, .cart .gui-block .gui-block-content { margin: 0; padding: 0; border-width: 0; } .cart .gui-block .gui-block-title { display: block; margin: 0; padding: 6px 0 9px; background: none; color: #a6abb0; font-weight: 300; font-size: 20px; line-height: 1.2; } .cart .gui-block .gui-block-title strong { color: #a6abb0; font-weight: 300; } .cart .gui-block .gui-block-content .gui-input { border-width: 0; } #root .cart .gui-block .gui-block-content input { display: block; width: 250px; height: 50px; margin: 0 0 0 0; padding: 1px 20px 0; border-width: 0; background: #f6f6f6; font-size: 18px; } .cart .gui-block .gui-block-content table, .cart .gui-block .gui-block-content th, .cart .gui-block .gui-block-content td, .cart .gui-block .gui-block-content tbody, .cart .gui-block .gui-block-content tr { margin: 0; padding: 0; } .cart .gui-block .gui-block-content table a { display: block; overflow: hidden; position: relative; width: 130px; height: 50px; margin: 0; background: #a6abb0; color: #fff; font-weight: 700; font-size: 17px; line-height: 50px; text-align: center; text-decoration: none; } .cart .gui-block .gui-block-content .gui-input ::-webkit-input-placeholder { opacity: 0; } .cart .gui-block .gui-block-content .gui-input ::-moz-placeholder { opacity: 0; } .cart .gui-block .gui-block-content .gui-input :-moz-placeholder { opacity: 0; } .cart .gui-block .gui-block-content .gui-input :-ms-input-placeholder { opacity: 0; } .gui-cart-sum { position: relative; } .gui-cart-sum .gui-item { position: relative; clear: both; float: right; width: 220px; padding: 0; color: #a6abb0; font-size: 25px; font-weight: 700; line-height: 1.4; text-align: left; } .gui-cart-sum .gui-item .gui-desc { display: block; position: absolute; right: 100%; top: 5px; width: 210px; font-size: .7em; padding-right:20px;} .gui-cart-sum .gui-item .gui-price { display: inline; float: none; width: auto; /*text-align: left;*/ } /*.gui-cart-sum .gui-item:first-child .gui-desc { top: 12px; }*/ .cartbold{ color: #0e161f !important; } .gui-cart-sum .gui-item.gui-big { margin-top: 18px; padding-top: 22px; border-top: 1px solid #e9e9e9; } .gui-cart-sum .gui-item.gui-big:before { content: ""; display: block; position: absolute; right: 0; top: -1px; width: 100%; height: 1px; background: #e9e9e9; } .gui-cart-sum .gui-item.gui-big span { font-size: .8em; } .gui-cart-sum .gui-item.gui-big .gui-desc { top: 27px; width: 150px; } .gui-cart-sum .gui-item.gui-big .gui-clear { position: absolute; left: -3000em; top: 0; } .gui-col3-equal .gui-cart-sum .gui-item.gui-big:before { width: 1326px; } .gui-checkout { } #root .gui-checkout .gui-checkout-steps { width: auto; margin: 0 0 0 -31px; } #root .gui-checkout .gui-checkout-steps > * { display: block; float: left; width: 33.3333333333%; margin: 0; border-left: 31px solid rgba(0,0,0,0); } #root .gui-checkout .gui-checkout-steps > .gui-col3-equal-col1 { } #root .gui-checkout .gui-checkout-steps > .gui-col3-equal-col1 { } #root .gui-checkout .gui-checkout-steps > .gui-col3-equal-col1 { } .gui-checkout .gui-block-subtitle { position: relative; margin: 30px 0 17px; padding: 0 0 11px; border-bottom: 1px solid #c4c4c4; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; font-size: 22px; text-transform: uppercase; letter-spacing: .05em; } .gui-checkout .gui-block-subtitle a { display: block; position: absolute; right: 0; bottom: 13px; color: #fff; font-size: .63636363636em; font-weight: 500; font-family: Museo, Arial, Helvetica, sans-serif; text-transform: none; letter-spacing: normal; background: #3aaa35; padding: 5px 13px; } .gui-checkout .gui-block-subtitle a:hover {background: #1a8615; text-decoration:none; } .gui-checkout .gui-block-subtitle:first-child { margin-top: 0; } .gui-checkout label { display: block; margin: 0 0 6px; padding: 0; color: #333; font-weight: 700; font-size: 14px; } .gui-checkout .gui-form label em { color: #333 !important; } .gui-checkout input, #root .gui-checkout select, .cart .gui-block .gui-block-content .gui-input input { display: block; width: 100%; height: 27px; padding: 1px 10px 0; font-size: 12px; font-weight: 300; line-height: normal; } #root .gui-checkout select { height: auto; padding: 7px 20px 6px 6px; border-radius: 2px; border-color: #d9d9d9; color: #c3c3c3; } #root .gui-checkout select:focus { color: #333; } #root .gui-checkout select.selected { color: #333; } #root .gui-checkout textarea { display: block; width: 100%; height: 97px; min-height: 97px; padding: 7px 7px 7px 10px; border-radius: 2px; border: 1px solid #d9d9d9; background: #fff; color: #333; font-size: 12px; font-weight: 300; line-height: normal; } #root .gui-checkout .gui-input textarea, #root .gui-checkout .gui-text textarea { border-width: 0; } .gui-checkout .gui-input, .gui-checkout .gui-text, .gui-checkout .gui-select, .gui-checkout .gui-number, .cart .gui-input { display: block; border-radius: 2px; border-color: #d9d9d9; } .gui-checkout ::-webkit-input-placeholder, .cart .gui-block ::-webkit-input-placeholder { color: #c3c3c3; } .gui-checkout ::-moz-placeholder, .cart .gui-block ::-moz-placeholder { color: #c3c3c3; } .gui-checkout :-moz-placeholder, .cart .gui-block :-moz-placeholder { color: #c3c3c3; } .gui-checkout :-ms-input-placeholder, .cart .gui-block :-ms-input-placeholder { color: #c3c3c3; } .gui-checkout .gui-spacer { height: 7px; } .gui-checkout .gui-col2-equal { margin-left: -13px; } .gui-checkout .gui-col2-equal:after, .gui-checkout .gui-col2-rightm:after, .gui-checkout .gui-col3-center:after, .gui-checkout .gui-payment-method-service > label:after, .gui-checkout .gui-checkout-steps:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } .gui-checkout .gui-col2-equal > * { float: left; width: 50%; border-left: 13px solid rgba(0,0,0,0); } .gui-checkout .gui-col2-equal > .alone { float: none; width: 100%; } .gui-checkout .gui-col2-rightm { } .gui-checkout .gui-col2-rightm > * { float: left; width: 40%; border-left: 13px solid rgba(0,0,0,0); } .gui-checkout .gui-col2-rightm > *:first-child { width: 60%; border-left-width: 0; } .gui-checkout .gui-col3-center { margin-left: -13px; } .gui-checkout .gui-col3-center > * { float: left; width: 26%; margin-right: 0; border-left: 13px solid rgba(0,0,0,0); } .gui-checkout .gui-col3-center > *:first-child + * { width: 48%; } #root .gui-checkout .gui-radio label, #root .gui-checkout .gui-checkbox label { display: block; position: relative; width: auto; margin: 0 0 11px; padding: 0 0 0 25px; font-weight: 300; font-size: 14px; line-height: 1.4; } .gui-checkout .gui-radio label .input, .gui-checkout .gui-payment-method-service > label .input, #root .gui-checkout .gui-checkbox label .input { display: block; position: absolute; left: -3000em; top: 1px; width: 16px; height: 16px; border-radius: 10px; border: 1px solid #dcdcdc; cursor: pointer; } #root .gui-checkout .gui-radio label input.hidden, #root .gui-checkout .gui-payment-method-service > label input.hidden, #root .gui-checkout .gui-checkbox label input.hidden { display: block; position: absolute; left: 0; top: 0; } #root .gui-checkout .gui-form input.gui-left { position: absolute; left: 0; top: 50%; height: 10px; margin: -5px 0 0; padding: 0; line-height: 10px; } .gui-radio { position: relative; } #root .gui-checkout .gui-form .gui-radio input.gui-left { top: 2px; margin: 0; } .gui-checkout .gui-radio label.active .input:before, .gui-checkout .gui-payment-method-service > label.active .input:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 10px; background: #ce051d; } .gui-checkout .gui-radio label.active.radio, .gui-checkout .gui-radio label.active.radio .input, .gui-checkout .gui-payment-method-service > label.radio.active .input, .gui-checkout .gui-payment-method-service > label.radio.active { cursor: default; } .gui-checkout .gui-spacer + .gui-field > .gui-radio:first-child { margin-top: 8px; } #root .gui-checkout .gui-checkbox label { font-size: 12px; line-height: 1.5416666666; } #root .gui-checkout .gui-checkbox label .input { top: 4px; border-radius: 0; } #root .gui-checkout .gui-checkbox label .input:before { content: "\e92f"; display: block; position: absolute; left: -3000em; top: 50%; width: 100%; margin: -10px 0 0; color: #fff; font-size: 8px; font-family: i; font-weight: 400; line-height: 20px; text-align: center; } #root .gui-checkout .gui-checkbox label.active .input { background: #ce051d; } #root .gui-checkout .gui-checkbox label.active .input:before { left: 0; } .gui-checkout .gui-block-subcontent { margin-top: -2px; padding: 0; } .gui-checkout .gui-block-subtitle + .gui-block-subcontent { margin-top: 22px; } .gui-checkout .gui-block-subtitle + #gui-form-payment-method, .gui-checkout .gui-block-subtitle + .gui-clear + .gui-block-subcontent { margin-top: 0; } .gui-checkout .gui-block-subtitle + .gui-block-subcontent > .order-summary:first-child { margin-top: -10px; } .gui-checkout * + #gui-block-payment-method { margin-top: 22px; } .gui-checkout .gui-field { position: relative; } #root .gui-checkout .gui-field .gui-right { display: block; position: absolute; right: 0; top: 0; margin: 0; font-size: 14px; line-height: 1.4; } .gui-checkout .gui-field tr, .gui-checkout .gui-field td { display: block; padding: 0; } .gui-checkout .gui-field td[width="10"], .gui-checkout .gui-field td:empty, .cart .gui-block .gui-block-content table td[width="10"], .cart .gui-block .gui-block-content table td:empty { display: none; } .gui-checkout .gui-field td .gui-input { margin: 0 0 18px; } .gui-checkout .gui-field td a.gui-button-small { min-width: 156px; padding: 5px; font-size: 14.67px; font-weight: 700; } .gui-checkout .gui-payment-method-wrapper { } .gui-checkout .gui-payment-methods > * { border-bottom: 1px solid #efefef; } .gui-checkout .gui-payment-methods > *:last-child { border-bottom-width: 0; } .gui-checkout * + .gui-checkout-payment-provider { border-top: 1px solid #efefef; } .gui-checkout .gui-payment-method-service > label { display: block; overflow: hidden; position: relative; width: auto; margin: 0; padding: 14px 0 13px 35px; font-weight: 300; font-size: 14px; line-height: 1.4; } .gui-checkout .gui-payment-method-service > label:before { content: ''; display: block; width: 20px; height: 20px; background: #fff; border-radius: 100%; position: absolute; left: 0; top: 15px; border: 1px solid #333; } .gui-checkout .gui-payment-method-service.gui-is-selected > label:after { content: ''; left: 5px; top: 20px; width: 10px; height: 10px; background: #000; display: block; position: absolute; border-radius: 100%;} .gui-checkout .gui-payment-method-service > label > span { display: block; float: left; color: #333; } .gui-checkout .gui-payment-method-service .gui-payment-method-name { display: inline; max-width: none; height: auto; line-height: 1.4; } .gui-checkout .gui-payment-method-service > label img { display: block; position: relative; top: 1px; float: left; width: auto !important; height: 18px !important; margin: 0 18px 0 18px; } .gui-checkout .gui-payment-method.gui-is-selected .gui-payment-method-form { margin: 0; padding: 7px 0 19px; border-top: 1px solid #efefef; } .gui-checkout .gui-payment-method-service > label .input { top: 16px; } .gui-checkout .gui-block-subtitle + #gui-form-payment-method { margin-top: -10px; } .gui-checkout .gui-payment-method-service input { position: absolute; left: 0; top: 0; visibility: hidden; opacity: 0; } .gui-checkout .gui-inactive { opacity: 1; } /*.gui-checkout .gui-message { display: block; font-size: 12px; }*/ .gui-checkout .gui-confirm-buttons { } .gui-checkout .gui-confirm-buttons a { display: block; width: 100%; margin: 20px 0 0; padding: 18px; font-weight: 700; font-size: 17px; } .gui-checkout .order-summary { } .gui-checkout .order-summary table { margin: 0 0 26px; } .gui-checkout .order-summary th, .gui-checkout .order-summary td { padding: 0 10px; border: 0; background: none; font-size: 14px; text-align: center; vertical-align: middle; } .gui-checkout .order-summary th:first-child, .gui-checkout .order-summary td:first-child { padding-left: 0; text-align: left; } .gui-checkout .order-summary th:last-child, .gui-checkout .order-summary td:last-child { padding-right: 0; text-align: right; } .gui-checkout .order-summary th { font-weight: 700; } .gui-checkout .order-summary th:first-child { padding-left: 66px; } #root .gui-checkout .order-summary td { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #efefef; font-weight: 300; } .gui-checkout .order-summary td span { font-weight: 700; } .gui-checkout .order-summary td small, .gui-checkout .order-summary td br { display: none; } #root .gui-checkout .order-summary tbody > tr:first-child td { padding-top: 20px; } .gui-checkout .gui-table tr td .gui-image { display: block; overflow: hidden; position: relative; float: left; width: 38px; height: 38px; margin: 0 28px 0 0; } /*.gui-checkout .gui-table tr td .gui-image + span { display: inline-block; padding: 10px 0 0; }*/ .gui-checkout .gui-cart-sum { overflow: hidden; padding: 25px 0; background: #f5f5f5; color: #333; font-weight: 700; font-size: 14px; } .gui-checkout .gui-cart-sum * { font-weight: 700; } .gui-checkout .gui-cart-sum .gui-item, .gui-checkout .gui-cart-sum .gui-taxes-details { display: block; position: relative; width: 132px; margin: 0 0 10px; padding: 0 16px 0 0; color: #333; font-weight: 700; font-size: 14px; text-align: right; } .gui-checkout .gui-cart-sum .gui-item .gui-desc, .gui-checkout .gui-cart-sum .gui-taxes-details .gui-desc, .gui-checkout .gui-cart-sum .gui-item.gui-big .gui-desc { display: block; position: absolute; left: auto; top: 0; font-size: 1em; font-weight: 700; text-transform: none; } .gui-checkout .gui-cart-sum .gui-item .gui-desc p { font-size: 1em; } .gui-checkout .gui-cart-sum .gui-item .gui-price, .gui-checkout .gui-cart-sum .gui-taxes-details .gui-price { display: block; font-weight: 700; } .gui-checkout .gui-cart-sum .gui-item.gui-big { margin: 8px 0 0; padding-top: 25px; color: #333; font-size: 21px; } .gui-checkout .gui-cart-sum .gui-item.gui-big:before { content: ""; display: block; position: absolute; left: -1000em; top: 0; right: -1000em; height: 1px; background: #e4e4e4; } .gui-checkout .gui-cart-sum .gui-item.gui-big .gui-desc { top: 25px; } .gui-checkout .gui-field + .gui-confirm { margin-top: 7px; } #gui-block-method .gui-section { min-height: 210px !important; } .gui-checkout .gui-form a.gui-button-fb { color: #fff !important; } .gui-checkout .gui-form a.gui-button-small.gui-button-social.gui-button-fb.gui-button-block { background-color: #3B5998 !important; font-size: 10px !important; padding-left: 24px; } .gui-form td a { display: block; } .gui-cart .gui-page-title, .gui-checkout #gui-block-shipping-address .gui-block-subtitle, .gui-checkout .gui-payment-method-price, .gui-checkout .gui-cart-sum .gui-item.gui-big span, .gui-checkout .gui-cart-sum .gui-item .gui-desc p + p { position: absolute; left: -3000em; top: 0; } .gui-login { } .gui-login p { height: auto !important; } .gui-login .gui-buttons > .gui-right:first-child { float: left; margin: 0; padding: 0; } .gui-login * + .gui-buttons { margin: 45px 0 25px; padding: 0; } .gui-login form * + .gui-buttons { margin-top: 0; } .jspScrollable { width: auto !important; } .jspContainer, .jspPane { width: 100% !important; } .jspContainer { position: relative; z-index: 1; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; right: 0; top: 0; z-index: 2; width: 4px; height: 100%; } .jspTrack { position: relative; background: #d9d9d9; } .jspDrag { position: relative; background: #ce051d; left: 0; top: 0; cursor: pointer; } .jspHorizontalBar { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 16px; } .jspHorizontalBar .jspTrack { float: left; height: 100%; } .loader { } #root:before, #root:after { content: ""; display: block; position: fixed; left: -100px; top: -100px; right: -100px; bottom: -100px; visibility: hidden; opacity: 0; } #root:after { z-index: 9998; background: #f7f7f7; } #root:before { z-index: 99999; background: url(logo-small.svg) center center no-repeat; background-size: auto 100px; } #root:before { -moz-animation: lol 1s linear infinite; -webkit-animation: lol 1s linear infinite; -o-animation: lol 1s linear infinite; -ms-animation: lol 1s linear infinite; animation: lol 1s linear infinite; } /*.domloaded #root:before, .domloaded #root:after { visibility: hidden; opacity: 0; } .domloaded.clicked #root:before, .domloaded.clicked #root:after { visibility: visible; opacity: 1; }*/ .messages { position: relative; z-index: 9999999999; list-style: none; width: 300px; margin: 0; padding: 0; border: 0; color: #fff; } .messages ul { position: relative; list-style: none; margin: 0; padding: 20px 30px 20px 54px; border-radius: 3px; border: 0; } .messages ul.success { background: #3aaa35 !important; } .messages ul.error { background: #b20609 !important;} .messages ul.info { background: #f7ca4d !important; } .messages ul:before { display: block; position: absolute; left: 0; top: 50%; width: 54px; margin: -20px 0 0; color: #fff; font-family: i; font-weight: 400; font-size: 20px; line-height: 40px; text-align: center; } .messages ul.success:before { content: "\e903"; font-size: 16px; } .messages ul.error:before, .messages ul.gui-error:before { content: "\e917"; font-size: 18px; } .messages ul.info:before { content: "\e91e"; font-size: 20px; } .messages li { margin: 0; padding: 0; color: #fff; font-weight: 700; font-size: 14px; line-height: 1.42857142857; } #root > .messages { position: fixed; right: 20px; top: 80px; } .module-a { position: relative; padding: 84px 0 42px; } .module-a > * { position: relative; z-index: 3; } .module-a:before { content: ""; display: block; position: absolute; left: -10000px; right: -10000px; top: 0; bottom: 0; z-index: 2; background: #f6f6f6; } .module-a > .double + .double { margin-top: 52px; } .module-a h2, .module-a h3, .module-a h4, .module-a h5, .module-a h6 { margin-bottom: 20px; } .module-a * + .link-a { margin-top: 0; } .news-b + .module-a:before, .news-b + .module-a.img > figure:before { background: #fff; } .module-a.text-center > * { max-width: 1000px; margin-left: auto; margin-right: auto; } .module-a.a { padding-top: 200px; padding-bottom: 30px; } .module-a.a:before, .module-a.img:before, .module-c.a header:before, .module-c.a:after { -moz-transform: rotate(-3.43deg); -webkit-transform: rotate(-3.43deg); -o-transform: rotate(-3.43deg); -ms-transform: rotate(-3.43deg); transform: rotate(-3.43deg); } .module-a.va { margin-left: -97px; margin-right: -97px; padding-top: 121px; padding-bottom: 230px; } .module-a.va.double { margin-left: -217px; } .double.a + .double.module-a.va, .module-c.desktop-hide + .double.module-a.va { z-index: 2; margin-top: 255px; } .module-a.va > .fit { display: block; position: absolute; right: 0; top: -340px; z-index: 1; width: 603px; height: 603px; background: url() center 0 no-repeat; background-size: contain; } .module-a.va .collection .img { height: 319px; } .module-a.vb { padding-top: 36px; } .module-a.vb:before { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .module-a.vb .collection { padding-top: 140px; } .module-a.vb .collection > li:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #ebebeb; } #root .module-a.vc { padding-top: 0; } .module-a.vc:before { background: #fff; } .module-a.img, #content.low-index.mb-a > .module-a.img:last-child { z-index: 1; margin-top: 40px; margin-left: -1000px; margin-right: -1000px; padding: 155px 1000px 105px; background: #f6f6f6; } .module-a.img > * { width: 50%; margin-left: -60px; border-left: 60px solid rgba(0,0,0,0); } .module-a.img > figure { position: absolute; left: 50%; top: -136px; bottom: -50px; float: none; width: auto; max-width: none; width: 1271px; margin: 0; border-left-width: 0; border-color: #f7f7f7; background-position: center center; background-repeat: no-repeat; background-size: cover; } .module-a.img > figure img { position: relative; z-index: 1; width: 100% !important; } .js .module-a.img > figure img { left: -30000px; } .module-a.img:after { content: ""; display: block; position: absolute; left: -10000px; right: -10000px; top: -140px; bottom: auto; z-index: 9; height: 140px; background: #fff; } .module-a.img:after, .module-f:before { -moz-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); -o-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); } .module-a.img.img-a, .module-a.img.img-a:before, #content.low-index.mb-a > .module-a.img.img-a:last-child { background: #fff; } .module-a.img.img-a > figure { border-color: #fff; } .double + .module-a.img { margin-top: -50px; } .module-b { position: relative; z-index: 0; margin: 100px 0 150px; padding: 0 0 184px; color: #fff; } .module-b:before { content: ""; display: block; position: absolute; left: -800px; top: -1px; right: -800px; z-index: 4; height: 100px; background: url(shape-c.svg) no-repeat; background-size: 100% 100%; } .module-b > *, .module-c.a header > * { position: relative; z-index: 4; } .module-b .double > * { clear: both; } .module-b > figure { position: absolute; left: 50%; bottom: 0; top: 0; z-index: 1; width: 2400px; margin: 0 0 0 -1200px; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; } .module-b h1, .module-b h2, .module-b h3, .module-b h4, .module-b h5, .module-b h6 { margin-left: -120px; color: #fff; } .module-b h1:before, .module-b h2:before, .module-b h3:before, .module-b h4:before, .module-b h5:before, .module-b h6:before { background: #fff; } .module-b .quote-a { margin-bottom: 177px; padding-top: 130px; padding-bottom: 128px; background: #fff; } .module-b .quote-a:before { top: 80px; } .module-b .quote-a:after { bottom: 80px; } .module-b .quote-a > .fit { display: block; position: absolute; left: -1000px; top: 0; right: -60px; bottom: 0; z-index: -1; background: #fff; } .module-b > .fit { display: block; position: absolute; left: 50%; top: 0; bottom: 0; right: -1000px; z-index: 3; background: rgba(206,5,29,.8); } .module-c { position: relative; margin: 0 -97px 116px 0; padding: 57px 62px 14px; background: #2c2e33; color: #fff; } .module-c:first-child:before { content: ""; display: block; position: absolute; left: 50%; top: 100%; width: 54px; height: 54px; margin: -27px 0 0 -27px; background: #2c2e33; } .module-c:first-child:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .module-a .module-c { margin-left: 0; margin-right: 0; } .module-a .module-c:first-child { margin-top: -558px; } .module-c .link-a:last-child { margin-bottom: 255px; } .module-c a { color: #fff; } .module-c .scheme-a, .module-e .scheme-a { position: relative; max-width: 652px; padding: 27px 0; } .module-c .scheme-a:before, .module-c .scheme-a:after, .module-e .scheme-a:before, .module-e .scheme-a:after { content: ""; display: block; position: absolute; left: -6px; right: -6px; height: 2px; border-radius: 3px; background: #fff; opacity: .2; } .module-c .scheme-a:before, .module-e .scheme-a:before { top: 0; } .module-c .scheme-a:after, .module-e .scheme-a:after { bottom: 0; } .double .module-c { margin-left: 0; } .double > * + * .module-c { padding-left: 112px; } .double > * + * .module-c.a:first-child { margin-top: -100px; } .double > * + * .module-c.a header { margin-left: -112px; } .module-c + .collection { margin-top: 171px; } .module-c.a { margin-bottom: 136px; background: #ce051d; } .module-c.a:after { content: ""; display: block; position: absolute; left: -20px; top: 100%; right: -20px; height: 50px; margin: -25px 0 0; background: #fff; } .module-c.a header { overflow: hidden; position: relative; z-index: 9; margin: -57px -62px 70px; padding: 57px 62px 140px; background: #2c2e33; } .module-c.a header h1:before { background: #ce051d; } .module-c.a header:before { content: ""; display: block; position: absolute; left: -20px; right: -20px; bottom: -50px; z-index: 1; height: 170px; margin: -35px 0 0; border-top: 70px solid #fff; background: #ce051d; } .module-c.a .link-a a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; border: 1px solid #fff; } .module-c.a { margin-right: -597px; padding-right: 562px; } .module-c.a:after { left: -2000px; right: -2000px; width: auto; margin-top: -40px; height: 80px; } .module-c.a header { margin-right: -562px; padding-right: 562px; } .module-c.a header:before { bottom: -35px; } .module-d { padding: 0 25px 16px; background: #e1e1e1; } .module-d h1, .module-d h2, .module-d h3, .module-d h4, .module-d h5, .module-d h6 { margin: 0 -25px 50px; padding: 16px 25px; background: #b49759; color: #f7f7f7; font-weight: 500; font-size: 22px; font-family: Museo, Arial, Helvetica, sans-serif; text-transform: none; text-align: center; } .module-d h1 span, .module-d h2 span, .module-d h3 span, .module-d h4 span, .module-d h5 span { font-weight: 900; } .module-d .double { } .module-d .double > .submit { float: left; width: 220px; } .module-d .double > .price-a { float: right; width: 390px; } /*.module-d .submit > span { display: block; position: absolute; right: 100%; top: 100%; margin: -43px 0 0; padding: 0 243px 0 0; color: #ce051d; font-size: 30.265px; font-weight: 400; font-family: Marydale; text-align: left; text-transform: none; white-space: nowrap; cursor: default; } .module-d .submit > span:before { content: "\e927"; display: block; position: absolute; right: 38px; top: 15px; margin: 0 0 0 -40px; font-size: 27px; font-weight: 400; font-family: i; line-height: 27px; }*/ .module-d .submit > span { display: block; position: absolute; left: 50%; top: 100%; margin: 0; padding: 35px 0 0 148px; color: #ce051d; font-size: 30.265px; font-weight: 400; font-family: Marydale; text-align: left; text-transform: none; white-space: nowrap; cursor: default; } .module-d .submit > span:before { content: "\e929"; display: block; position: absolute; left: 0; top: 10px; margin: 0; font-size: 66px; font-weight: 400; font-family: i; line-height: 66px; } .module-d .price-a { display: block; position: relative; padding: 18px 0 0; } .module-d .price-a > span.tot { position: absolute; right: 0; top: 3px; } .module-d button { float: none; width: 100%; min-width: 0; padding-left: 20px; padding-right: 20px; } .module-d.a { padding: 0; background: none; } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { margin: 0 0 30px; padding: 30px 0 29px; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; background: none; color: #2c2e33; font-size: 22px; font-weight: 500; white-space: normal; text-transform: uppercase; letter-spacing: .1em; } .module-d.a h1 span, .module-d.a h2 span, .module-d.a h3 span, .module-d.a h4 span, .module-d.a h5 span, .module-d.a h5 span { color: #3aaa35; font-weight: 700; } .module-e { position: relative; min-height: 321px; padding: 88px 10px 0 0; background: #ce051d; color: #fff; } .module-e > * { position: relative; z-index: 2; } .module-e > *:last-child { margin-bottom: 15px; } .module-e:before { content: ""; display: block; position: absolute; left: -1000px; top: 0; bottom: -100px; right: -30px; z-index: 1; background: #ce051d; } .double.has-module-e > figure { display: block; position: absolute; right: 20px; top: 100%; width: auto; max-width: none; margin: -293px 0 0; } .double.has-module-e > figure img { position: relative; z-index: 1; } .double.has-module-e > figure a:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; } .double.has-module-e > figure:before { content: ""; display: block; position: absolute; right: -25px; top: 16px; z-index: 2; width: 188px; height: 183px; background: url(badge.svg) no-repeat; background-size: contain; } .module-f { position: relative; z-index: 9; margin: 0 0 0 -60px; padding: 0 0 25px; background: #fff; } .module-f:before { content: ""; display: block; position: absolute; left: -1000px; top: -155px; right: -1000px; bottom: 0; z-index: 1; background: #fff; } .module-f > * { position: relative; z-index: 2; width: 50%; border-left: 60px solid rgba(0,0,0,0); } .module-f > figure { position: absolute; right: 0; top: 0; bottom: 0; margin: 0; } .module-f > figure img { display: block; position: absolute; right: 0; top: 50%; } .module-f > figure img, .news-a article > figure { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .module-a.va + .module-f { margin-top: -15px; } .news-a { position: relative; z-index: 2; } .news-a article { position: relative; padding: 190px 0 110px; } .news-a article > *, .news-b article > * { position: relative; z-index: 3; } .news-a article:nth-child(2n):before { content: ""; display: block; position: absolute; left: -1000px; top: 0; bottom: 0; right: -1000px; z-index: 1; background: #f6f6f6; } .news-a article:nth-child(2n):before, .news-b article:before, .news-b article.a > figure { -moz-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); -o-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); } .news-a article > div { float: left; width: 51%; padding: 0 60px 0 0; } .news-a article:nth-child(2n) > div { float: right; width: 46%; padding-left: 60px; padding-right: 0; } .news-a article > figure { position: absolute; right: 0; top: 50%; max-width: 600px; } .news-a article > figure { -moz-transform: rotate(1.75deg) translateY(-50%); -webkit-transform: rotate(1.75deg) translateY(-50%); -o-transform: rotate(1.75deg) translateY(-50%); transform: rotate(1.75deg) translateY(-50%); } .news-a article:nth-child(2n) > figure { right: auto; left: 0; } .news-a article:nth-child(2n) > figure { -moz-transform: rotate(-1.75deg) translateY(-50%); -webkit-transform: rotate(-1.75deg) translateY(-50%); -o-transform: rotate(-1.75deg) translateY(-50%); transform: rotate(-1.75deg) translateY(-50%); } .news-a + .module-a.img, #content.low-index.mb-a > .news-a + .module-a.img { margin-top: 0; } .news-b { position: relative; z-index: 2; margin: 0 0 0 -200px; } .news-b article { position: relative; z-index: 1; float: left; width: 50%; padding: 105px 0 25px; border-left: 200px solid rgba(0,0,0,0); } .news-b article:before { content: ""; display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; } .news-b article:nth-child(2n) + * { clear: both; } .news-b article:nth-child(4n-3), .news-b article:nth-child(4n-0) { z-index: 2; } .news-b article:nth-child(4n-3):before, .news-b article:nth-child(4n-0):before { background: #f6f6f6; } .news-b article:nth-child(4n-3):before { left: -1000px; right: -100px; } .news-b article:nth-child(4n-0):before { right: -1000px; left: -100px; } .news-b article:nth-child(4n-3):first-child:before, .news-b article:nth-child(4n-3):first-child > figure { top: -80px; } .news-b article:nth-child(4n-3):before, .news-b article.a:nth-child(4n-3) > figure { -moz-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; -o-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .news-b article:nth-child(4n-0):before, .news-b article.a:nth-child(4n-0) > figure { -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .news-b h1, .news-b h2 { position: relative; margin: 0 -50px 50px 0; padding: 0 0 64px; font-weight: 700; font-size: 38px; } .news-b h1:before, .news-b h2:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 205px; height: 5px; border-radius: 5px; background: #ce1417; } .news-b * + figure { margin-top: 45px; } .news-b + .module-a.img, #content.low-index.mb-a > .news-b + .module-a.img { margin-top: -1px; } .news-b article.a { padding-top: 190px; color: #fff; } .news-b article.a > figure { overflow: hidden; position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index: 2; margin: 0; } .news-b article.a > figure .inner { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .news-b article.a:nth-child(4n-3) > figure { left: -500px; right: -100px; } .news-b article.a:nth-child(4n-0) > figure { right: -500px; left: -100px; } .news-b article.a > figure img { display: block; width: 100% !important; } .news-b article.a h1, .news-b article.a h2 { font-size: 48px; } .news-b article.a h1, .news-b article.a h2, .news-b article.a h3, .news-b article.a h4, .news-b article.a h5, .news-b article.a h6, .news-b article.a a { color: #fff; } .news-b article.a h1:before, .news-b article.a h2:before { background: #fff; } #content > .news-b:first-child { margin-top: -185px; } .news-b article.full > figure { position: absolute; left: 0; top: 0; right: -600px; bottom: -4px; z-index: 2; margin: 0 0 0 -100px; background-size: cover; background-repeat: no-repeat; } .news-b article.full > figure { -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -moz-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); -o-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); } #content.news-b-last > .news-b { top: 35px; margin-top: -35px; } #content.news-b-last > .news-b:first-child { margin-top: -220px; } #content.news-b-last + #footer { margin-top: 0; } .pattern-a { position: relative; } .pattern-a > .fit { display: block; position: absolute; left: 0; bottom: 0; right: 0; z-index: 0; width: 100%; height: 300px; border: 0; background: #fff; } .popup-a { visibility: hidden; position: fixed; left: -100px; right: -100px; top: 0; bottom: 0; z-index: 99999999999; color: #fff; } .popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; } .popup-a .box-outer > .close { display: block; position: fixed; left: 0; right: 0; top: 0; visibility: hidden; z-index: 1; height: 100%; background: rgba(206,5,29,.85); color: #fff; font-weight: 700; font-size: 18px; text-decoration: underline; text-indent: -30000px; cursor: pointer; opacity: 0; } .popup-a .box-outer > .close > span { display: block; position: absolute; right: 60px; top: 47px; padding: 0 0 0 18px; text-indent: 0; text-decoration: underline; } .popup-a .box-outer > .close > span:hover { text-decoration: none; } .popup-a .box-outer > .close > span:before { content: "\e917"; display: block; position: absolute; left: 0; top: 50%; margin: -10px 0 0; font-family: i; font-weight: 400; font-size: 10px; line-height: 20px; text-indent: 0; } .popup-a .box-inner { position: fixed; left: 50%; top: 50%; z-index: 2; width: 720px; margin: 0 auto; text-align: center; } .popup-a .box-inner { -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .popup-a .box-inner.absolute { position: relative; left: 0; top: 0; margin-top: 20px; margin-bottom: 20px; } .popup-a .box-inner.absolute { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .popup-a .box-inset { visibility: hidden; padding: 20px 0 0; opacity: 0; } .popup-a .box-inset { -moz-transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); } .popup-a header { margin: 0 -100px 42px; } .popup-a h1, .popup-a h2, .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { margin: 0 0 19px; padding: 0; font-size: 57.5px; } .popup-a header p { /*max-width: 550px; margin-left: auto; margin-right: auto;*/ font-size: 17.5px; font-weight: 500; line-height: 1.2; } .popup-shown { } .popup-a.shown { overflow-y: scroll; } .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .close { visibility: visible; opacity: 1; } .popup-a.shown .box-inset { -moz-transform: scale(1.01,1.01); -webkit-transform: scale(1.01,1.01); -o-transform: scale(1.01,1.01); -ms-transform: scale(1.01,1.01); transform: scale(1.01,1.01); } .price-a { color: #0e161f; font-size: 20px; font-weight: 700; line-height: 1.05; } .price-a span { font-size: 44.515px; text-align: right; } .price-a span.grey { display: block; color: #7f8183; font-size: 20px; text-align: right; margin-top:10px;} .rating-a { overflow: hidden; position: relative; max-width: 426px; margin-top: 65px; margin-left: auto; margin-right: auto; color: #2c2e33; font-size: 35px; font-weight: 700; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.22857142857; text-transform: uppercase; } .rating-a:before { content: ""; display: block; width: 100%; height: 190px; margin: 0 0 32px; /*background: url(logo-small.svg) center 0 no-repeat;*/ background-size: auto 100%; } .rating-a:after { content: ""; display: block; position: absolute; left: 0; bottom: 83px; width: 102px; height: 2px; border-radius: 3px; background: #ce051d; } .rating-a > span { display: block; clear: both; width: 100%; padding: 0 0 50px; white-space: nowrap; } .rating-a a { display: block; overflow: hidden; position: relative; z-index: 2; float: right; padding: 21px 34px; border: 0; background: #28292a; color: #fff; font-family: Museo, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 700; text-align: center; text-decoration: none; text-transform: none; } .rating-a a:hover { text-decoration: none; } .rating-a .rating { display: block; position: absolute; left: 0; bottom: 13px; z-index: 1; width: 100%; height: 32px; background: url(rating-a.svg) no-repeat; background-size: auto 100%; } .quote-a { position: relative; padding: 50px 0 48px; color: #2c2e33; font-size: 35px; font-weight: 700; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.22857142857; text-transform: uppercase; } .quote-a:before, .quote-a:after { content: ""; display: block; position: absolute; left: 50%; z-index: 1; width: 102px; height: 2px; margin: 0 0 0 -51px; border-radius: 2px; background: #ce1417; } .quote-a:before { top: 0; } .quote-a:after { bottom: 0; } .quote-a q { display: block; quotes: none; } .quote-a q:before, .quote-a q:after { display: block; position: absolute; z-index: 0; color: #f7f7f7; font-family: i; font-size: 82px; font-weight: 400; line-height: 82px; } .quote-a q:before { content: "\e924"; left: 0; top: 70px; } .quote-a q:after { content: "\e923"; right: 0; bottom: 83px; } .social-a { list-style: none; padding: 0; } .social-a li, #root #footer .social-a li { display: inline-block; padding: 0 15px; font-size: 14px; } .tip { display: inline-block; position: relative; z-index: 100000; min-width: 17px; min-height: 17px; text-indent: -30000px; text-align: left; cursor: help; } .tip:before { content: "\e91f"; display: block; position: absolute; left: 0; top: 50%; width: 17px; height: 17px; margin: 0; border-radius: 10px; background: #eb0029; color: #fff; font-size: 10px; font-weight: 400; font-family: i; line-height: 17px; text-align: center; text-indent: 0; cursor: help; } .tip > .inner { visibility: hidden; position: absolute; left: 50%; top: 0; width: 290px; margin: -6px 0 0 -145px; padding: 13px 18px; border-radius: 5px; background: #2c2e33; color: #fff; color: #f6f6f6; font-size: 13px; font-weight: 300; line-height: 1.46153846154; text-align: left; text-indent: 0; opacity: 0; cursor: default; } .tip > .inner { transform: translateY(-100%); } .tip > .inner:before { content: ""; display: block; position: absolute; left: 50%; top: 100%; width: 16px; height: 16px; margin: -10px 0 0 -8px; background: #2c2e33; } .tip > .inner:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .no-mobile .tip:hover > .inner, .mobile .tip.toggle > .inner { visibility: visible; opacity: 1; } .tip > a { display: block; position: absolute; left: -3000em; top: 0; z-index: 200000 !important; width: 100%; height: 100%; } .ui-datepicker { position: absolute; left: -30000px; top: 0; z-index: 9999999 !important; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6, .gui-page-title, .gui-content-title { position: relative; margin: 0 0 35px; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.33; text-transform: uppercase; } h1, .h1, .gui-page-title { padding: 0 0 27px; font-size: 50px; } /* h1:before, .gui-page.title:before, .h1:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 112px; height: 3px; background: #ce051d; } */ h1.text-center:before, .gui-page-title.text-center:before, .h1.text-center:before, .text-center h1:before, .text-center .gui-page-title:before,.text-center .h1:before { left: 50%; margin-left: -56px; } h1 + h2, .h1 + h2 { margin-top: 44px; } h2, .h2 { font-size: 34px; } h3, .gui-content-title { font-size: 33px; } h4 { font-size: 31px; } h5 { font-size: 29px; } h6 { font-size: 27px; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .gui-page-title .small, .gui-content-title .small, .h1 .small { display: block; margin: 0 0 14px; color: #b49759; font-size: 15px; font-weight: 700; font-family: Museo, Arial, Helvetica, sans-serif; letter-spacing: .1em; } h1 .small.sticky, h2 .small.sticky, h3 .small.sticky, h4 .small.sticky, h5 .small.sticky, h6 .small.sticky, .gui-page-title .small.sticky, .gui-content-title .small.sticky, .h1 .small.sticky { display: inline; margin: 0 0 0 44px; color: #ce051d; font-size: 15px; font-weight: 300; } h1 .sticky.a, h2 .sticky.a, h3 .sticky.a, h4 .sticky.a, h5 .sticky.a, h6 .sticky.a, .gui-page-title .sticky.a, .gui-content-title .sticky.a, .h1 .small.sticky.a { display: block; position: absolute; right: 0; top: 31px; color: #24292e; font-family: Museo, Arial, Helvetica, sans-serif; font-size: .4em; text-transform: none; } h1 a.sticky.a:before, h2 a.sticky.a:before, h3 a.sticky.a:before, h4 a.sticky.a:before, h5 a.sticky.a:before, h6 a.sticky.a:before, .gui-page-title a.sticky.a:before, .gui-content-title a.sticky.a:before, .h1 .small.sticky.a:before { content: ">> "; margin: 0 10px 0 0; color: #ce051d; } .header-a { display: inline-block; padding: 12px 0 10px; border-top: 2px solid #cea052; border-bottom: 2px solid #cea052; color: #2c2e33; font-size: 48.715px; font-weight: 700; } .header-a:before { background: none; } .js .header-a { display: block; padding: 0; border: 0; } .header-a .inner { display: inline-block; padding: 12px 0 10px; border-top: 2px solid #cea052; border-bottom: 2px solid #cea052; } #content > .header-a:first-child { margin-top: -40px; } .header-a + .news-a { margin-top: -35px; } /*! Content --------- */ b, strong, .strong { font-weight: 700; } blockquote { margin: 1em 40px; } dfn, em, i, .em { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } strike, del, .strike { text-decoration: line-through; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-justify { text-align: justify; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } #root .size-a { font-size: 25px; } h1.size-a, h2.size-a, h3.size-a, h4.size-a, h5.size-a, h6.size-b { text-transform: none; } #root .size-b { font-size: 33px; } .overlay-a { color: #ce051d; } .overlay-b { color: #2c2e33; } .scheme-a { font-family: Cervo, Museo, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.33; text-transform: uppercase; } /*! Links --------- */ a { background: none; color: #ce051d; text-decoration: none; cursor: pointer; } /*---*/ a span { cursor: pointer; } a:hover, a:focus, a:active { text-decoration: underline; outline: none; } .link-a { margin-top: 45px; } .link-a.text-center { display: inline-block; } #root .link-a > * + *, input + button, button + button, button + input { margin-left: 47px; } .link-a i { position: relative; top: -1px; margin: 0 12px 0 0; font-size: 10px; } #root .link-a a.a { border-color: #3baa36; background: #3baa36; } #root .link-a a.a:before { border-color: #3baa36; } #root .link-a a { margin-top: 0; } .link-b { } .link-b a { display: inline-block; position: relative; padding: 0 39px 0 0; color: #2c2e33; font-weight: 700; } .link-b a:before { content: "\e90e"; display: block; position: absolute; right: 0; top: 50%; margin: -10px 0 0; color: #ce051d; font-size: 14px; font-family: i; font-weight: 400; line-height: 20px; } .link-b a:hover:before { -moz-animation: left 0.5s ease-in-out infinite; -webkit-animation: left 0.5s ease-in-out infinite; -o-animation: left 0.5s ease-in-out infinite; -ms-animation: left 0.5s ease-in-out infinite; animation: left 0.5s ease-in-out infinite; } #root .gui-button-small { overflow: hidden; position: relative; font-family: Museo, Arial, Helvetica, sans-serif; } #nav #cart > a .inner, .list-b a .inner, .amount a span, .link-a a .inner, button .inner, .quote-a q .inner, .rating-a a .inner, #nav li.a > a .inner, .gui-button-small .inner, .gui-button-large .inner, .cart .gui-block .gui-block-content table a .inner, .table-b tr.has-buttons a .inner, #breadcrumbs p a span, #breadcrumbs p a .inner { display: block; position: relative; z-index: 3; } #nav #cart > a:after, #nav > ul:first-child > li:first-child > a:after, #top > .menu:after, .collection button:after, .amount a:after, .link-a a:after, button:after, .rating-a a:after, #nav li.a > a:after, .gui-button-small:after, .gui-handle a:after, .cart a.gui-button-large:after, .cart .gui-block .gui-block-content table a:after, #breadcrumbs p a:after, .cart .cart-btn:after, .change a.down:after, .change a.up:after { content: ""; display: block; position: absolute; left: 100%; top: 0; bottom: 0; z-index: 1; width: 350%; background: #1a8615; } .double .collection .amount a:after { background: #ce051d; } #root .gui-button-fb:after { left: -3000em; top: -3000em; bottom: auto; } .table-b tr.has-buttons a:after { background: #fafafa; } .form-a button:after, .popup-a button:after, .popup-a .link-a a:after, .module-c.a .link-a a:after { background: #fff; } #nav #cart > a:after, #nav > ul:first-child > li:first-child > a:after, #top > .menu:after, .collection button:after, .amount a:after, .link-a a:after, button:after, .rating-a a:after, #nav li.a > a:after, .gui-button-small:after, .gui-handle a:after, .cart a.gui-button-large:after, .cart .gui-block .gui-block-content table a:after, .table-b tr.has-buttons a:after, #breadcrumbs p a:after, .cart .cart-btn:after, .change a.down:after, .cart .change a.up:after { -moz-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); -o-transform: skewX(-45deg); -ms-transform: skewX(-45deg); transform: skewX(-45deg); -moz-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; -o-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } #nav > ul:first-child > li:first-child > a:hover:after, #top > .menu:hover:after, .collection button:hover:after, #nav #cart > a:hover:after, .amount a:hover:after, .link-a a:hover:after, button:hover:after, .rating-a a:hover:after, #nav li.a > a:hover:after, .cart .cart-btn:hover:after, .change a.down:hover:after, .change a.up:hover:after/*, .gui-button-small:hover:after, .gui-handle a:hover:after, .cart a.gui-button-large:hover:after, .cart .gui-block .gui-block-content table a:hover:after*/, .table-b tr.has-buttons a:hover:after, #breadcrumbs p a:hover:after { left: -100px; } .cart .gui-option{display:none!important;} .gui-button-small:hover, .cart .gui-block .gui-block-content table a:hover { background-color:#b1061b !important; } .cart a.gui-button-large { background-color:#3aaa35 !important; } .gui-handle a:hover, .cart a.gui-button-large:hover { background-color:#1a8615 !important; } /*! Lists --------- */ ul, ol, dd, blockquote { padding-left: 28px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul { list-style: none; } li { position: relative; margin-bottom: 4px; } /* ul li:after { content: ""; display: block; position: absolute; left: -28px; top: 18px; width: 11px; height: 3px; background: #ce051d; }*/ #top li:after, #breadcrumbs li:after, #footer li:after, #mobile li:after, .social-a li:after, .list-a li:after, .list-e li:after, .list-b li:after, .collection li:after, .accordion-a li:after, .list-cart li:after, .list-total li:after, .list-amount li:after, .gallery-a li:after, .messages li:after, .gallery-b li:after, .gui-info li:after, .gui-messages li:after { left: -30000px; } .list-a { list-style: none; padding-left: 0; font-weight: 700; line-height: 2.22222222222; } .list-a a { color: #2c2e33; } .list-a .active a, .list-a a:hover { color: #ce051d; text-decoration: none; } .list-a .active a { cursor: default; } .list-a a:hover:after, .list-a .active a:after { visibility: visible; left: -28px; opacity: 1; } .list-amount { list-style: none; margin: 42px 0 2px -40px; padding: 0; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; font-weight: 700; line-height: 1.33; text-transform: uppercase; } .list-amount li { position: relative; float: left; width: 50%; margin: 0 0 40px; border-left: 40px solid rgba(0,0,0,0); font-size: 45px; } .list-amount li > *:first-child { display: block; position: relative; z-index: 1; max-width: 300px; height: 216px; margin: 0 auto 35px; border: 1px solid #fff; background: #b91114; color: #fff; font-weight: 700; font-size: 120px; line-height: 214px; text-align: center; } .list-amount .amount { position: relative; z-index: 2; margin: -60px auto 35px; } .list-amount.a { margin-top: 38px; margin-bottom: 18px; margin-left: 0; text-align: left; } .list-amount.a li { float: none; width: auto; max-width: 565px; margin: 0 auto 30px; padding: 0 280px 0 0; border-left-width: 0; } .list-amount.a .amount { position: absolute; right: 0; top: 50%; } .list-amount.a .amount, .list-amount.a li > *:first-child { max-width: none; height: auto; margin: -25px 0 0; border: 0; background: none; font-weight: 500; font-size: 22.5px; line-height: 51px; text-align: left; } #root .list-amount.a .mobile-hide { display: inline; width: auto; height: auto; margin: 0; padding: 0; font-weight: 700; font-size: 1em; line-height: 1.33; } .list-amount.a label { position: absolute; right: 100%; left: auto; top: 0; padding: 0 25px 0 0; } .list-amount.a .number { width: 175px; } .list-b { list-style: none; margin: 0 0 110px; padding: 0; font-weight: 700; font-size: 0; line-height: 1.33; text-align: center; } .list-b li { display: inline-block; position: relative; margin: 0 29px; border-left: 0 solid rgba(0,0,0,0); font-size: 18px; } .list-b a { display: inline-block; position: relative; min-width: 205px; padding: 12px 55px; border-radius: 4px; border: 1px solid #bdbec0; color: #24292e; text-decoration: none; } .list-b li.active a, .list-b a:hover { border-color: #ce051d; background: #ce051d; color: #fff; } .list-b li.active a { cursor: default; } .list-b li:nth-child(2) span { display: block; } .list-b li.active a:before { content: ""; display: block; position: absolute; left: 50%; top: 100%; width: 20px; height: 20px; margin: -10px 0 0 -10px; background: #ce051d; } .list-b li.active a:before { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .list-b li > span { display: block; position: absolute; left: 100%; top: 100%; margin: 0 0 0 -48px; padding: 34px 0 0 93px; color: #ce051d; font-size: 30.265px; font-weight: 400; font-family: Marydale, Arial, Helvetica, sans-serif; white-space: nowrap; } .list-b li > span:before { content: "\e929"; display: block; position: absolute; left: 0; top: 19px; color: #ce0e1a; font-size: 36px; font-weight: 400; font-family: i; line-height: 36px; } .list-b li:first-child > span { left: -3000em; top: -3000em; } .list-c { list-style: none; margin-top: 35px; margin-bottom: 70px; padding: 0; line-height: 1.33; } .list-c li { position: relative; margin: 0 0 9px; padding: 0 0 0 100px; font-size: 20px; } .list-c li > span:first-child { display: block; position: absolute; left: 0; top: 0; font-weight: 700; } .list-d { } .list-d li:before { content: ""; display: block; position: absolute; left: -24px; top: 14px; width: 3px; height: 11px; background: #3ab54a; } .list-d li:after { background: #3ab54a; } .list-e { list-style: none; width: auto; padding: 0; color: #a6abb0; font-weight: 300; line-height: 1.1; text-align: right; } .list-e li { position: relative; float: right; clear: both; width: 220px; margin: 0 0 12px; padding: 0; font-size: 25px; } .list-e li > span:first-child { display: block; position: absolute; right: 100%; top: 4px; width: auto; font-size: .8em; white-space: nowrap; } .list-e li.a { margin: 30px 0 26px; color: #0e161f; font-size: 45px; font-weight: 700; } .list-e li.a span { display: block; color: #909294; font-weight: 300; font-size: .5em; } .list-e li.a > span:first-child { top: 21px; color: #0e161f; font-weight: 700; font-size: .44444444444em; font-weight: 900; text-transform: uppercase; } .list-e li button { font-size: .68em; } .list-cart, .list-total { overflow: visible; position: relative; z-index: 1; list-style: none; padding: 0; font-weight: 700; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.2; text-transform: uppercase; outline: none;} .list-cart li, .list-total li { min-height: 100px; margin: 0; padding: 38px 250px 35px 106px; font-size: 22.5px; } .list-cart li:nth-child(2n) { background: #d9d9d9; } .list-cart li.no-thumb { padding-left: 24px; } .list-cart a { display: block; color: #2c2e33; text-decoration: none; } .list-cart span { display: block; } .list-cart span.img { position: absolute; left: 24px; top: 50%; width: 65px; height: 65px; margin: -32.5px 0 0; border: 3px solid #ebebeb; background: #fff; } .list-cart span.price, .list-total span.price { display: block; position: absolute; right: 35px; top: 50%; z-index: 1; padding: 0; font-size: 20px; font-weight: 700; font-family: Museo, Arial, Helvetica, sans-serif; text-transform: none; text-align: right; } .list-cart span.price, .list-total span.price, #mobile > .inner { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .list-cart span.price span, .list-total span.price span, .list-total li.total span { display: block; padding: 0; font-weight: 300; font-size: 13px; text-transform: none; } .list-total li.total span { padding-top: 4px; } .list-total li.total span.price, .list-total li.total span.price span { padding: 0; } .list-cart input { display: block; position: absolute; right: 158px; top: 50%; width: 42px; height: 42px; margin: -21px 0 0; padding: 0 5px; border: 0; border-radius: 20px; background: #f3f3f3; color: #2c2e33; font-weight: 700; font-size: 21.745px; text-align: center; } .list-cart li:nth-child(2n) input { background: #e8e8e8; } .list-cart .tip, .list-total .tip { display: inline-block; position: relative; top: -4px; margin: 0 0 0 15px; } .mobile .list-cart.scrolled { overflow-y: scroll; } #cart .list-cart.scrolled { height: 250px; } .list-total { z-index: 112 !important; } .list-total li { margin: 0; padding-left: 24px; border-top: 0 solid #d9d9d9; font-size: 22.5px; } .list-total li + li { border-top-width: 1px; } .list-total li.a { min-height: 0; padding-top: 20px; padding-bottom: 17px; min-height: 0; font-family: Museo, Arial, Helvetica, sans-serif; font-size: 16px; text-transform: none; } .list-total li.b { min-height: 0; padding: 21px 20px 20px; background: #be9f57; color: #fff; font-size: 12px; font-weight: 500; font-family: Museo, Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: .1em; } .list-total li.b .strong { font-size: 1.13710012464em; } .list-total li.total { min-height: 0; padding-top: 26px; padding-bottom: 24px; border-top-width: 0; background: #c4c4c4; font-size: 22px; font-weight: 900; font-family: Museo, Arial, Helvetica, sans-serif; text-transform: uppercase; } .list-total li.total span.price { font-size: 30px; font-weight: 700; } /*! Media --------- */ img, iframe, object, embed { max-width: 100% !important; } img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; } .lt-ie9 img, .gui-table img { max-width: none !important; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } figure { } figure span { display: block; } figure.wide { position: relative; z-index: 2; margin-right: -170px; } .image-a { } .image-a img { display: block; position: relative; z-index: 1; box-shadow: 0 1px 2px rgba(0,0,0,.25); border: 30px solid #fff; } .image-a img + img { z-index: 2; margin-top: 30px; } .image-a img.inv { float: right; } .image-a img.inv { -moz-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; -o-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -moz-transform: rotate(7.3deg); -webkit-transform: rotate(7.3deg); -o-transform: rotate(7.3deg); -ms-transform: rotate(7.3deg); transform: rotate(7.3deg); } .image-a img + img.inv { z-index: 2; margin-top: -150px; } /*! Forms --------- */ fieldset, hr { border-width: 0; } legend { position: absolute; left: 0; top: -30000px; padding: 0; border: 0; white-space: normal; } input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline: none; } input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } input { } input[type="search"], input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; } input::-o-outer-spin-button, input::-o-inner-spin-button { -o-appearance: none; margin: 0; } input[type="checkbox"], input[type="radio"] { height: auto; padding: 0; border: 0; background: none; line-height: 1; } input[type="color"] { padding: 0; cursor: pointer; } textarea { overflow: auto; vertical-align: top; resize: vertical; } select { line-height: 1; text-overflow: ''; text-indent: 0.01px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select::-ms-expand { display: none; } button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline: none; -webkit-appearance: button; -webkit-font-smoothing: inherit; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; } form [disabled] { cursor: default; } form > div { position: relative; } ::-webkit-input-placeholder { opacity: 1; color: inherit; } ::-moz-placeholder { opacity: 1; color: inherit; } :-moz-placeholder { opacity: 1; color: inherit; } :-ms-input-placeholder { opacity: 1; color: inherit; } :focus::-webkit-input-placeholder { opacity: 0; } :focus::-moz-placeholder { opacity: 0; } :focus:-moz-placeholder { opacity: 0; } :focus:-ms-placeholder { opacity: 0; } form { } label { display: block; position: relative; left: 0; top: 0; z-index: 2; margin: 0 0 11px; padding: 0 2px; font-weight: 400; font-size: 1.11111111111em; font-weight: 500; } form p { position: relative; clear: both; margin-bottom: 25px; } input { height: 56px; padding: 0 15px; } select { height: 56px; padding: 14px 70px 14px 11px; } textarea { height: 225px; min-height: 225px; padding: 15px 15px 15px 15px; } input, select, textarea { border: 1px solid #ebebeb; background: #f6f6f6; color: #2c2e33; font-weight: 500; font-size: 14px; } button, input[type="button"], input[type="reset"], input[type="submit"], .link-a a, .cart a.gui-button-large, .form-a button, .gui-login a.gui-button-small { display: block; overflow: hidden; position: relative; float: left; min-width: 220px; margin: 7px 0 0; padding: 11px 25px; border: 0; background: #ce051d; color: #fff; font-weight: 700; text-align: center; text-decoration: none; } button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled], .form-a button[disabled] { border-color: #ccc; background: #ccc; cursor: default; } .gui-login a.gui-button-small { line-height: 2.22222222222; } .gui-select + .gui-select, .gui-select + .gui-input, .gui-input + .gui-input, .gui-input + .gui-select { margin-top: 10px; } .gui-field select { display: block; width: 100%; height: 34px; padding: 0 0 0 6px; border-radius: 2px; border: 1px solid #8d8d8d; background: #fff; color: #000; } /*#root .gui-value { position: absolute; left: -3000em; top: 0; }*/ .amount { display: block; position: relative; width: 175px; } .amount input { display: block; position: relative; z-index: 1; width: 100%; height: 50px; padding: 0 10px; border-color: #0e161f; background: #0e161f; color: #fff; font-size: 20px; text-align: center; } .amount .number { display: block; position: relative; padding: 0 54px; } .amount .plus-one, .amount .minus-one, .amount .first-add-three, .amount .first-remove-three{ display: block; overflow: hidden; position: absolute; top: 0; z-index: 2; width: 54px; height: 50px; background: #3f4247; color: #fff; font-size: 10px; font-weight: 400; line-height: 50px; text-align: left; text-indent: -30000px; text-decoration: none; } .amount .plus-one, .amount .first-add-three { right: 0; } .amount .minus-one, .amount .first-remove-three { left: 0; } .amount .plus-one:before, .amount .minus-one:before, .amount .first-add-three:before, .amount .first-remove-three:before { display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; margin: -25px 0 0; font-family: i; text-align: center; text-indent: 0; } .amount .plus-one:before, .amount .first-add-three:before { content: "\e902"; } .amount .minus-one:before, .amount .first-remove-three:before { content: "\e900"; } .amount .first-add-three {z-index:3} .amount .plus-one {z-index:2} .amount .minus-one {z-index:2} .amount .first-add-three.down-onePlus {z-index:-1;} .amount .first-remove-three.up-onePlus {z-index:3} .amount .first-remove-three {z-index:-1} .check-a, .check-a + a { font-size: 15px; } .check-a label { margin: 0; padding: 0 0 0 35px; font-size: 1em; } .check-a input { position: absolute; left: 0; top: 6px; margin: 0; padding: 0; line-height: 20px; } .check-a .input { display: block; position: absolute; left: 0; top: 6px; width: 20px; height: 20px; border: 1px solid #ebebeb; background: #f6f6f6; color: #2c2e33; font-family: i; font-weight: 400; font-style: normal; font-size: 10px; line-height: 20px; cursor: pointer; } .check-a .input:before { content: "\e903"; display: block; visibility: hidden; position: absolute; left: 0; top: 50%; width: 100%; margin: -10px 0 0; text-align: center; opacity: 0; } .check-a .input:before { -moz-transform: scale(0,0); -webkit-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); } .check-a label.active .input:before { visibility: visible; opacity: 1; } .check-a label.active .input:before { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .form-a { position: relative; margin: 0 -100px 100px 0; padding: 111px 100px 75px 62px; background: #ce051d; color: #fff; line-height: 2.22222222222; } .form-a:before, .form-a:after { content: ""; display: block; position: absolute; left: 0; right: 0; } .form-a:before { top: -8px; height: 10px; border-bottom: 2px solid #ce051d; background: url(shape-b.svg) no-repeat; background-size: 100% 100%; } .form-a:after { top: 100%; height: 32px; margin: -2px 0 0; border-top: 2px solid #ce051d; background: url(shape-a.svg) no-repeat; background-size: 100% 100%; } .form-a > * { position: relative; z-index: 2; } .form-a h2 { margin-bottom: 36px; padding-bottom: 36px; font-size: 35px; } .form-a h1:before { background: #fff; } .form-a h2:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 102px; height: 2px; background: #fff; } #root .form-a p > label, #root .form-a .gui-field > label { margin: 0 0 11px; padding: 0 2px; color: #fff; line-height: 2.22222; } .form-a input, .form-a select, .form-a textarea { display: block; width: 100%; border-color: #f6f6f6; } .form-a input { padding: 0 15px; } .form-a button, .form-a input[type="button"], .form-a input[type="reset"], .form-a input[type="submit"], .popup-a .link-a a, .popup-a button, .popup-a input[type="submit"], .popup-a input[type="button"], .popup-a input[type="reset"] { background: none; text-decoration: none !important; } .form-a button:before, .popup-a .link-a a:before, .popup-a button:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; border: 1px solid #fff; } .form-a input[type="button"], .form-a input[type="reset"], .form-a input[type="submit"], .popup-a input[type="submit"], .popup-a input[type="button"], .popup-a input[type="reset"] { padding: 10px 24px; border: 1px solid #fff; } .form-a input[type="button"]:hover, .form-a input[type="reset"]:hover, .form-a input[type="submit"]:hover, .popup-a input[type="submit"]:hover, .popup-a input[type="button"]:hover, .popup-a input[type="reset"]:hover { background: #fff; } .form-a button:hover, .form-a input[type="button"]:hover, .form-a input[type="reset"]:hover, .form-a input[type="submit"]:hover, .popup-a .link-a a:hover, .popup-a button:hover, .popup-a input[type="submit"]:hover, .popup-a input[type="button"]:hover, .popup-a input[type="reset"]:hover, .module-c.a .link-a a:hover { color: #ce051d; } .popup-a .link-a a, .popup-a button, .popup-a input[type="submit"], .popup-a input[type="button"], .popup-a input[type="reset"] .form-a a, .form-a .list-c a:hover { color: #fff; text-decoration: underline; } .form-a a:hover, .form-a .list-c a { text-decoration: none; } .gui .form-a a { color:# fff; } .form-a p { margin-bottom: 25px; } .form-a p.double { padding-top: 3px; } .form-a .check-a .input { border-color: #f6f6f6; background: #b91114; color: #fff; } .form-a .list-c + * { margin-top: 80px; } .double > .form-a, .double > * > .form-a:first-child { margin-top: -88px; } #root .form-a a { color: #fff; } .form-a .gui-block-content { padding: 0; } .form-a .gui-required, .form-a label em, .form-a .gui-right { position: absolute; left: -3000em; top: 0; } .form-a .gui-buttons { font-size: 15px; } .form-a .gui-buttons .gui-left { margin-bottom: 25px; text-align: right; } .form-a .gui-left { display: block; width: auto; float: none; font-size: 15px; } .form-a .gui-buttons .gui-left a { font-size: 15px; } .form-a .gui-form { padding-top: 5px; } .form-a.a { padding-top: 74px; padding-bottom: 48px; } .double > .form-a.a, .double > * > .form-a.a:first-child { margin-top: -90px; } .form-intro { visibility: hidden; position: fixed; left: -3000em; top: -3000em; right: auto; bottom: auto; opacity: 0; } .domloaded .form-intro { overflow: hidden; visibility: visible; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999999; background: url(intro.jpg) center center no-repeat #ce051d; background-attachment: fixed; background-size: cover; color: #fff; text-align: center; opacity: 1; } .form-intro > div { position: absolute; left: 50%; top: 50%; z-index: 1 !important; width: 800px; margin: 0 0 0 -400px; padding: 0 0 30px; } .form-intro > div { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /*.mobile .form-intro.focus > div { margin-top: -50px; }*/ .form-intro header { margin: 0 0 32px; } .form-intro h1, .form-intro h2, .form-intro h3, .form-intro h4, .form-intro h5, .form-intro h6, .form-intro .h1 { margin: 0 0 20px; padding: 0; font-size: 62.675px; font-weight: 700; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.09293976865; text-transform: uppercase; } .form-intro h1:before, .form-intro h2:before, .form-intro h3:before, .form-intro h4:before, .form-intro h5:before, .form-intro h6:before, .form-intro .h1:before { position: relative; width: auto; height: 285px; margin: 0 0 50px; border-radius: 0; background: url(logo-inv.svg) center center no-repeat; background-size: auto 100%; opacity: 0; } .form-intro h1:before, .form-intro h2:before, .form-intro h3:before, .form-intro h4:before, .form-intro h5:before, .form-intro h6:before, #featured h1:before, #featured h2:before, #featured h3:before, #featured h4:before, #featured h5:before, #featured h6:before, .form-intro .h1:before { -moz-animation: show .5s linear forwards; -webkit-animation: show .5s linear forwards; -oanimation: show .5s linear forwards; -ms-animation: show .5s linear forwards; animation: show .5s linear forwards; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; -o-animation-delay: .5s; -ms-animation-delay: .5s; animation-delay: .5s; } .form-intro header p { font-weight: 500; font-style: normal; } .form-intro footer { position: absolute; left: 50%; bottom: 0; z-index: 2 !important; width: 600px; margin: 0 0 0 -300px; opacity: .6; } .form-intro footer p { font-size: 12px; font-style: normal; font-weight: 500; line-height: 1.4; } .form-intro .date { position: relative; width: 700px; margin: 0 auto; } .form-intro .date > * { display: block; clear: none; float: left; width: 100%; margin: 0; } .form-intro .date > .month { visibility: hidden; position: absolute; left: 100%; top: 0; opacity: 0; } .form-intro .date > .day { visibility: hidden; position: absolute; left: 200%; top: 0; opacity: 0; } .form-intro.month-active .date > .month, .form-intro.day-active .date > *, .domloaded .form-intro { visibility: visible; opacity: 1; } .form-intro.month-active .date > .year > span:first-child + span, .form-intro.day-active .date > .year > span:first-child + span, .form-intro.day-active .date > .month > span:first-child + span, .form-intro.month-active .date > .year span.error { opacity: 0; } .form-intro.month-active .date { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .form-intro.day-active .date { -moz-transform: translateX(-200%); -webkit-transform: translateX(-200%); -o-transform: translateX(-200%); -ms-transform: translateX(-200%); transform: translateX(-200%); } .form-intro .check-a { padding: 61px 0 0; font-size: 15px; font-weight: 300; font-style: normal; } .form-intro .check-a label { display: inline-block; } .form-intro .check-a .input { border-color: #fff; background: #b91114; color: #fff; } .form-intro p { font-size: 22.5px; font-weight: 300; font-style: italic; } .form-intro p span { display: block; } .form-intro p > span + span { padding-top: 20px; } .form-intro p span span { display: inline-block; position: relative; } .form-intro p span span:before { content: ""; display: block; visibility: hidden; position: absolute; left: 50%; bottom: 56px; z-index: 1; width: 65px; height: 10px; margin: 0 0 0 -32.5px; background: #fff; opacity: 0; } .form-intro p span span:before { -moz-animation: show .75s linear infinite; -webkit-animation: show .75s linear infinite; -o-animation: show .75s linear infinite; -ms-animation: show .75s linear infinite; animation: show .75s linear infinite; } .form-intro p span span.focus:before { visibility: visible; opacity: 1; } .form-intro a { color: #fff; } .form-intro input { display: inline-block; position: relative; z-index: 2; width: 130px; height: 217px; margin: 0 10px; padding: 0; border: 1px solid #fff; background: none; color: rgba(255,255,255,0); font-size: 120px; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; font-weight: 700; text-align: center; text-shadow: 0 0 0 gray; outline: none; } .form-intro input.filled { background: #b91114; color: #fff; } .form-intro span.error { display: block; position: absolute; left: -30000px; top: 0; font-weight: 700; font-size: 13px; font-style: normal; text-transform: uppercase; } .form-intro.has-error .error { position: relative; left: 0; } .age-access .form-intro, .form-intro, .age-access.domloaded .form-intro { -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .domloaded .form-intro { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } th, td { padding: 22px 10px; border: 0; border-bottom: 1px solid #b1b1b1; font-weight: 400; line-height: 1.33; text-align: left; } th { padding: 0 10px 2px; } tr > *:first-child { padding-left: 25px; } tr > *:last-child { padding-right: 10px; } tr:last-child > * { border-bottom: 0; } .table-a { } .table-a th { border: 0; font-size: 18px; font-weight: 500; } .table-a td { font-size: 22.5px; font-weight: 700; text-transform: uppercase; } .table-a td:first-child { font-size: 20px; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.1; text-transform: uppercase; } .table-a tr > *:last-child { text-align: right; } .table-a tr:last-child > * { border-bottom-width: 0; } /*.table-a tr.a > * { background: #e9e9e9; }*/ .table-a a { display: block; color: #24292e; } .table-a input { display: block; width: 42px; height: 42px; margin: 0 auto; padding: 0 5px; border-radius: 40px; border: 0; background: #dfe0e1; color: #24292e; font-size: 21.745px; line-height: 42px; text-align: center; } .table-a + .module-d.a, .table-a-wrapper + .module-d.a { margin-top: -40px; } .table-a .amount { width: auto; } .table-a .number { padding: 0; } .table-a .remove a, .table-a .gui-action-delete { display: block; position: relative; width: 24px; height: 24px; margin: 0 auto; color: #ce051d; font-weight: 400; font-size: 24px; line-height: 40px; text-align: left; text-indent: -30000px; text-decoration: none; } .table-a .remove { padding-left: 5px; } .table-a .remove a:before, .table-a .gui-action-delete:before { content: "\e921"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -20px 0 0; font-family: i; text-align: center; text-indent: 0; } .cart .gui-table { width: auto; margin: 0; padding: 0; border: 0; } .table-b { margin: 72px 0 5px; background: #ededed; } .table-b th, .table-b td { width: auto !important; padding: 15px; border-color: #d9d9d9; white-space: nowrap; } .table-b th, .cart .gui-table thead tr th, .cart .gui-table thead tr th { padding-top: 22px; padding-bottom: 22px; background: #2c2e33; height: auto; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.33 !important; } .table-b td { box-shadow: inset 0 2px 0 #fff, inset 0 -2px 0 #fff; background: #f6f6f6; font-weight: 700; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 1.1; text-transform: uppercase; } .table-b tbody tr td { padding: 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .table-b td:first-child, .table-b td:first-child + td { white-space: normal; } .table-b tr > *:first-child { padding-left: 37px; } .table-b tr > td:first-child { width: 60px !important; } .table-b tbody tr:first-child td { border-top-width: 0; } .table-b tr > th:first-child + th { text-align: center; } .table-b tr > *:last-child { padding-right: 37px; } .table-b tr:nth-child(2n+1) td, .table-b tbody tr:nth-child(2n+1) td { border: 0; background: #fff; } .table-b tr:nth-child(2n+1) .img span { border-color: #ebebeb; } #root .table-b tr.a > * { height: 117px; background: #ededed; } #root .table-b tr.b > * { border: 0; background: #b49759; color: #fff; font-family: Museo, Arial, Helvetica, sans-serif; font-weight: 500; text-transform: none; text-align: center; } .table-b tr.b .text-uppercase { font-weight: 900; } .table-b td > input { display: block; width: 42px; height: 42px; margin: 0 auto; padding: 0 10px; border-radius: 30px; border: 0; background: #d6d7d8; color: #24292e; font-size: .96644444444em; text-align: center; } .table-b .amount { display: block; margin: 0 auto; } .table-b .img span, .gui-table tr td .gui-image { display: block; position: relative; width: 50px; height: 50px; border-radius: 0; border: 1px solid #d5d6d6; background: #fff; } .table-b .img { padding-right: 5px; } .table-b .remove a, .table-b .gui-action-delete { display: block; position: relative; width: 28px; height: 28px; margin: 0 auto; color: #eb0029; font-weight: 400; font-size: 16px; line-height: 40px; text-align: left; text-indent: -30000px; text-decoration: none; } .table-b .remove { padding-left: 5px; } .table-b .remove a:before, .table-b .gui-action-delete:before { content: "\e918"; display: block; position: absolute; left: 0; top: 50%; width: 100%; margin: -20px 0 0; font-family: i; text-align: center; text-indent: 0; } .table-b .gui-number { margin-left: auto; margin-right: auto; } .table-b p { margin: 0; } .cart .gui-number { width: auto; height: auto; border-width: 0; font-family: Museo, Arial, Helvetica, sans-serif; } #root .table-b tr.has-buttons td { padding: 30px 37px 26px; border: 0; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-left-width: 0; background: #fff; text-align: right; } #root .table-b tr.has-buttons td:first-child { border-left-width: 2px; border-right-width: 0; text-align: left; } .table-b tr.has-buttons a { display: inline-block; overflow: hidden; position: relative; background: none; font-size: 18.625px; font-weight: 700; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.1; text-transform: uppercase; text-align: center; } /* cart /* --------------------------- */ .gui-progressbar {display: none;} .gui-products li {padding: 10px!important; height: 100%!important; border: 0!important;} .gui-products li:after,.gui-success li:after {display: none!important;} .gui-border {border-width: 0!important;} .gui-number { display: block; position: relative; width: 175px!important; height: 50px!important; border: 0!important; line-height: 50px;} .gui-number input { display: block; position: relative; z-index: 1; width: 100%; height: 50px!important; padding: 0 10px; border-color: #0e161f!important; background: #0e161f!important; color: #fff!important; font-size: 20px; text-align: center; } .gui-number .gui-value { display: block; position: relative; padding: 0 54px; } .gui-number .gui-handle{ width: 100%; position: absolute; top: 0; left: 0;} .gui-number .gui-up, .gui-number .gui-down { display: block; overflow: hidden; position: absolute; top: 0; z-index: 2; width: 54px!important; height: 50px!important; background: #3f4247!important; color: #fff!important; font-size: 10px; font-weight: 400; line-height: 50px; text-align: left; text-indent: -30000px; text-decoration: none; } .gui-number .gui-up { right: 0; } .gui-number .gui-down { left: 0; } .gui-number .gui-up:before, .gui-number .gui-down:before { display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; margin: -25px 0 0; font-family: i; text-align: center; text-indent: 0; } .gui-number .gui-up:before { content: "\e902"; } .gui-number .gui-down:before { content: "\e900"; } .gui-table .gui-button-small {display: block; overflow: hidden; position: relative; float: right; margin: 7px 0 0; padding: 20px 25px!important; border: 0!important; background: #ce051d!important; color: #fff!important; font-weight: 700; text-align: center; text-decoration: none; } /*! Helpers --------- */ *, *:before, *:after { -webkit-transition: visibility 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; transition: visibility 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, border-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; -webkit-transform-origin: center center; -ms-transform-origin: center center; -webkit-transition-delay: -0.1s; } #mobile, #shadow, #nav #cart > a:after, #logo, .list-a a:after, #root:before, #root:after, #nav a:after, #top > .menu:after, .collection button:after, .list-b a:after, .amount a:after, .link-a a:after, button:after, .check-a .input:before, .accordion-a .fit:before, .accordion-a .fit:after, #nav:not(.dropdown) > ul > li > ul, #nav:not(.dropdown) > ul > li > ul:before, .list-cart .amount, .list-cart li, .list-cart .img, #cart > form, .rating-a a:after, #nav li.a > a:after, .gui-button-small:after, .gui-handle a:after, .cart a.gui-button-large:after, .cart .gui-block .gui-block-content table a:after, .table-b tr.has-buttons a:after, #breadcrumbs p a:after, .cart .cart-btn:after, .change a.down:after, .cart .change a.up:after { -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .domloaded .form-intro { -webkit-transition: transform 0.4s ease-in-out 0s; transition: transform 0.4s ease-in-out 0s; } .form-intro .date, .popup-a .box-inset, .popup-a .close, .gallery-a a, .gallery-a img, .gallery-b .desc, .gallery-b .img { -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .gui-messages, .messages, option/*, .old-enough .form-intro */ { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, [hidden], template, #nav em, #mobile em, .social-a span, #breadcrumbs li:last-child:before, #breadcrumbs li.last:before, .js .check-a input, .js #breadcrumbs figure img, .js .double > figure.middle img, .js .module-b > figure img, .popup-a h1:before, .popup-a h2:before, .fh .form-intro, .domloaded.fh .form-intro, .popup-a .box-inset > .close, .js #featured > figure img, .double .collection button, .module-c:last-child:before, .list-cart a.remove, .table-a .number > a, .collection.b .desc, .js #featured-new article > figure img, #featured-new h1:before, #featured-new h2:before, #featured-new h3:before, #featured-new h4:before, #featured-new h5:before, #featured-new h6:before, .module-a.vb > .fit, .gui-div-cart-shipping, .cart .gui-page-title, .cart .cart_variant, .mobile #nav #cart > a:after, .mobile #nav > ul:first-child > li:first-child > a:after, .mobile #top > .menu:after, .mobile .collection button:after, .mobile .amount a:after, .mobile .link-a a:after, .mobile button:after, .mobile .rating-a a:after, .mobile #nav li.a > a:after, .mobile .gui-button-small:after, .mobile .gui-handle a:after, .gui-cart-sum .gui-line, .cart .gui-spacer, #root #nav > ul > li.mobile-hide, #mobile li.user, .js .news-b article.a > figure img, #splash h1:before, #splash h2:before, .js .news-b article.full > figure img, body > img { position: absolute; left: -30000px; top: 0; right: auto; bottom: auto; } hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; } #root .mb-a + *, .link-a:first-child, .accordion-a:first-child, .module-b:first-child, .list-amount:first-child, figure:first-child, .rating-a:first-child, .module-c.a:first-child, .module-a.va:first-child, .module-a.img:first-child, .list-amount.a:first-child, .table-b:first-child, .collection.b:first-child, #root .mb-a + *, #root .mb-b + *, #root .mb-c + *, #root .mb-c + *, #root .mb-e + *, #root .mb-f + * { margin-top: 0; } #root .mb-a, .list-amount.a li:last-child { margin-bottom: 0; } #nav > ul > li:last-child, #breadcrumbs li:last-child, #breadcrumbs li.last { margin-right: 0; } #root .mb-b { margin-bottom: 32px; } #root .mb-c { margin-bottom: 188px; } #root .mb-d { margin-bottom: 70px; } #root .mb-e { margin-bottom: 140px; } #root .mb-f { margin-bottom: 20px; } #root .pt-a { padding-top: 143px; } /*! Warnings --------- */ p.lt-ie9 { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 28px; background: #333; color: #fff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 28px; text-align: center; } p.lt-ie9 a { color: #fff; font-weight: 700; text-decoration: underline; } p.lt-ie9 a:hover, p.lt-ie9 a:focus, p.lt-ie9 a:active { text-decoration: none; } .lt-ie9 body { padding-top: 28px; } /*! Miscellaneous --------- */ audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } @-ms-viewport { width: auto; } ::selection { background: #ce051d; color: #fff; text-shadow: none; } ::-moz-selection { background: #ce051d; color: #fff; text-shadow: none; } #root .desktop-hide, #root .tablet-only, #root .mobile-only, #featured > figure.tablet-only, #featured > figure.mobile-only { position: absolute; left: -30000px; top: -30000px; bottom: inherit; right: inherit; } /*! Fonts --------- */ @font-face { font-family: 'Cervo'; src: url('cervoneue-regularneue.eot'); src: url('cervoneue-regularneue.eot?#iefix') format('embedded-opentype'), url('cervoneue-regularneue.woff') format('woff'), url('cervoneue-regularneue.ttf') format('truetype'), url('cervoneue-regularneue.svg#cervo_neueregular_neue') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Cervo'; src: url('cervoneue-regularneueitalic.eot'); src: url('cervoneue-regularneueitalic.eot?#iefix') format('embedded-opentype'), url('cervoneue-regularneueitalic.woff') format('woff'), url('cervoneue-regularneueitalic.ttf') format('truetype'), url('cervoneue-regularneueitalic.svg#cervo_neueregular_neue-italic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Cervo'; src: url('cervoneue-mediumneue.eot'); src: url('cervoneue-mediumneue.eot?#iefix') format('embedded-opentype'), url('cervoneue-mediumneue.woff') format('woff'), url('cervoneue-mediumneue.ttf') format('truetype'), url('cervoneue-mediumneue.svg#cervo_neuemedium_neue') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Cervo'; src: url('cervoneue-mediumneueitalic.eot'); src: url('cervoneue-mediumneueitalic.eot?#iefix') format('embedded-opentype'), url('cervoneue-mediumneueitalic.woff') format('woff'), url('cervoneue-mediumneueitalic.ttf') format('truetype'), url('cervoneue-mediumneueitalic.svg#cervo_neuemedium_neue-italic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Cervo'; src: url('cervoneue-boldneue.eot'); src: url('cervoneue-boldneue.eot?#iefix') format('embedded-opentype'), url('cervoneue-boldneue.woff') format('woff'), url('cervoneue-boldneue.ttf') format('truetype'), url('cervoneue-boldneue.svg#cervo_neuebold_neue') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Cervo'; src: url('cervoneue-boldneueitalic.eot'); src: url('cervoneue-boldneueitalic.eot?#iefix') format('embedded-opentype'), url('cervoneue-boldneueitalic.woff') format('woff'), url('cervoneue-boldneueitalic.ttf') format('truetype'), url('cervoneue-boldneueitalic.svg#cervo_neuebold_neue-italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Marydale'; src: url('marydale-regular.eot'); src: url('marydale-regular.eot?#iefix') format('embedded-opentype'), url('marydale-regular.woff') format('woff'), url('marydale-regular.ttf') format('truetype'), url('marydale-regular.svg#marydaleregular') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Marydale'; src: url('marydale-bold.eot'); src: url('marydale-bold.eot?#iefix') format('embedded-opentype'), url('marydale-bold.woff') format('woff'), url('marydale-bold.ttf') format('truetype'), url('marydale-bold.svg#marydalebold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v10/z6c3Zzm51I2zB_Gi7146Bg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Muli'; font-style: normal; font-weight: 700; src: local('Muli Bold'), local('Muli-Bold'), url(https://fonts.gstatic.com/s/muli/v10/WQIsflEaABH2ETkzZKPChw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Muli'; font-style: italic; font-weight: 400; src: local('Muli Italic'), local('Muli-Italic'), url(https://fonts.gstatic.com/s/muli/v10/RGzT9VzvdKojoeSA3nPC6Q.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Muli'; font-style: italic; font-weight: 700; src: local('Muli Bold Italic'), local('Muli-BoldItalic'), url(https://fonts.gstatic.com/s/muli/v10/nzxeg9Hd0-hLTMmG-EAtNFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Museo'; src: url('museosans-300.eot'); src: url('museosans-300.eot?#iefix') format('embedded-opentype'), url('museosans-300.woff') format('woff'), url('museosans-300.ttf') format('truetype'), url('museosans-300.svg#museo_sans300') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Museo'; src: url('museosans-300-italic.eot'); src: url('museosans-300-italic.eot?#iefix') format('embedded-opentype'), url('museosans-300-italic.woff') format('woff'), url('museosans-300-italic.ttf') format('truetype'), url('museosans-300-italic.svg#museo_sans300-italic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Museo'; src: url('museosans-500.eot'); src: url('museosans-500.eot?#iefix') format('embedded-opentype'), url('museosans-500.woff') format('woff'), url('museosans-500.ttf') format('truetype'), url('museosans-500.svg#museo_sans500') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Museo'; src: url('museosans-500-italic.eot'); src: url('museosans-500-italic.eot?#iefix') format('embedded-opentype'), url('museosans-500-italic.woff') format('woff'), url('museosans-500-italic.ttf') format('truetype'), url('museosans-500-italic.svg#museo_sans500-italic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Museo'; src: url('museosans-700.eot'); src: url('museosans-700.eot?#iefix') format('embedded-opentype'), url('museosans-700.woff') format('woff'), url('museosans-700.ttf') format('truetype'), url('museosans-700.svg#museo_sans700') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Museo'; src: url('museosans-700-italic.eot'); src: url('museosans-700-italic.eot?#iefix') format('embedded-opentype'), url('museosans-700-italic.woff') format('woff'), url('museosans-700-italic.ttf') format('truetype'), url('museosans-700-italic.svg#museo_sans700-italic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Museo'; src: url('museosans-900.eot'); src: url('museosans-900.eot?#iefix') format('embedded-opentype'), url('museosans-900.woff') format('woff'), url('museosans-900.ttf') format('truetype'), url('museosans-900.svg#museo_sans900') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Museo'; src: url('museosans-900-italic.eot'); src: url('museosans-900-italic.eot?#iefix') format('embedded-opentype'), url('museosans-900-italic.woff') format('woff'), url('museosans-900-italic.ttf') format('truetype'), url('museosans-900-italic.svg#museo_sans900-italic') format('svg'); font-weight: 900; font-style: italic; } /*! Icons --------- */ @font-face { font-family: 'i'; src: url('icons.eot'); src: url('icons.eot#iefix') format('embedded-opentype'), url('icons.ttf') format('truetype'), url('icons.woff') format('woff'), url('icons.svg#icons') format('svg'); font-weight: 400; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: 'i' !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-custom-right:before { content: "\e927"; } .icon-arrow-custom-left:before { content: "\e928"; } .icon-arrow-custom2-left:before { content: "\e929"; } .icon-arrow-custom2-right:before { content: "\e92a"; } .icon-arrow-down:before { content: "\e90c"; } .icon-arrow-left:before { content: "\e90d"; } .icon-arrow-right:before { content: "\e90e"; } .icon-arrow-tl:before { content: "\e90a"; } .icon-arrow-tr:before { content: "\e90b"; } .icon-arrow-up:before { content: "\e909"; } .icon-caret-down:before { content: "\e905"; } .icon-caret-left:before { content: "\e908"; } .icon-caret-right:before { content: "\e907"; } .icon-caret-up:before { content: "\e906"; } .icon-cart:before { content: "\e904"; } .icon-cart-minus:before { content: "\e925"; } .icon-cart-plus:before { content: "\e926"; } .icon-check:before { content: "\e903"; } .icon-check2:before { content: "\e92f"; } .icon-chevron-down:before { content: "\e911"; } .icon-chevron-left:before { content: "\e912"; } .icon-chevron-right:before { content: "\e90f"; } .icon-chevron-up:before { content: "\e910"; } .icon-chevron2-up:before { content: "\e92b"; } .icon-chevron2-right:before { content: "\e92c"; } .icon-chevron2-left:before { content: "\e92d"; } .icon-chevron2-down:before { content: "\e92e"; } .icon-facebook:before { content: "\e915"; } .icon-home:before { content: "\e914"; } .icon-info:before { content: "\e91f"; } .icon-info-circle:before { content: "\e91e"; } .icon-instagram:before { content: "\e919"; } .icon-logo:before { content: "\e91b"; } .icon-logo-text:before { content: "\e91c"; } .icon-menu:before { content: "\e91d"; } .icon-minus:before { content: "\e900"; } .icon-mouse:before { content: "\e901"; } .icon-quote-close:before { content: "\e924"; } .icon-quote-open:before { content: "\e923"; } .icon-plus:before { content: "\e902"; } .icon-refresh:before { content: "\e922"; } .icon-star:before { content: "\e913"; } .icon-twitter:before { content: "\e916"; } .icon-untappd:before { content: "\e932"; } .icon-user:before { content: "\e930"; } .icon-x:before { content: "\e917"; } .icon-x2:before { content: "\e918"; } .icon-x3:before { content: "\e920"; } .icon-x3-circle:before { content: "\e921"; } .icon-x4:before { content: "\e91a"; } .icon-youtube:before { content: "\e931"; } /* Animations --------- */ @-moz-keyframes lol { 0% { -moz-transform: none; transform: none; } 100% { -moz-transform: scaleX(-1); transform: scaleX(-1); } } @-webkit-keyframes lol { 0% { -webkit-transform: none; transform: none; } 100% { -webkit-transform: scaleX(-1); transform: scaleX(-1); } } @-o-keyframes lol { 0% { -o-transform: none; transform: none; } 100% { -o-transform: scaleX(-1); transform: scaleX(-1); } } @-ms-keyframes lol { 0% { -ms-transform: none; transform: none; } 100% { -ms-transform: scaleX(-1); transform: scaleX(-1); } } @keyframes lol { 0% { -webkit-transform: none; transform: none; } 100% { -webkit-transform: scaleX(-1); transform: scaleX(-1); } } @-moz-keyframes rotate { 0% { -moz-transform: none; transform: none; } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotate { 0% { -webkit-transform: none; transform: none; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes rotate { 0% { -o-transform: none; transform: none; } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes rotate { 0% { -ms-transform: none; transform: none; } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: none; transform: none; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes upside { 0% { -moz-transform: none; transform: none; } 50% { -moz-transform: translateY(-4px); transform: translateY(-4px); } 100% { -moz-transform: none; transform: none; } } @-webkit-keyframes upside { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: none; transform: none; } } @-o-keyframes upside { 0% { -o-transform: none; transform: none; } 50% { -o-transform: translateY(-4px); transform: translateY(-4px); } 100% { -o-transform: none; transform: none; } } @-ms-keyframes upside { 0% { -ms-transform: none; transform: none; } 50% { -ms-transform: translateY(-4px); transform: translateY(-4px); } 100% { -ms-transform: none; transform: none; } } @keyframes upside { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: none; transform: none; } } @-moz-keyframes left { 0% { -moz-transform: none; transform: none; } 50% { -moz-transform: translateX(4px); transform: translateX(4px); } 100% { -moz-transform: none; transform: none; } } @-webkit-keyframes left { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(4px); transform: translateX(4px); } 100% { -webkit-transform: none; transform: none; } } @-o-keyframes left { 0% { -o-transform: none; transform: none; } 50% { -o-transform: translateX(4px); transform: translateX(4px); } 100% { -o-transform: none; transform: none; } } @-ms-keyframes left { 0% { -ms-transform: none; transform: none; } 50% { -ms-transform: translateX(4px); transform: translateX(4px); } 100% { -ms-transform: none; transform: none; } } @keyframes left { 0% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: translateX(4px); transform: translateX(4px); } 100% { -webkit-transform: none; transform: none; } } /*! Fancybox --------- */ .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-overlay, .fancybox-overlay * { -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .fancybox-wrap, .fancybox-wrap * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition: none; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #444; text-shadow: none; } .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-loading { display: block; position: fixed; top: 50%; left: 50%; z-index: 8060; width: 100px; height: 100px; margin: -50px 0 0 -50px; cursor: pointer; } #fancybox-loading:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; z-index: 90000001; width: 100px; height: 100px; margin: -50px 0 0 -50px; border-radius: 100px; border: 2px solid rgba(255,255,255,.2); border-left-color: #fff; } #fancybox-loading:before { -moz-transform: translateZ(0); -webkit-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); -moz-animation: spin 1.1s infinite linear; -webkit-animation: spin 1.1s infinite linear; -o-animation: spin 1.1s infinite linear; -ms-animation: spin 1.1s infinite linear; animation: spin 1.1s infinite linear; } .fancybox-close { position: absolute; top: -14px; right: -14px; width: 28px; height: 28px; z-index: 8040; width: 28px; height: 28px; box-shadow: -1px 1px 2px rgba(0,0,0,.5); border-radius: 20px; border: 2px solid #fff; background: #000; color: #fff; font-family: i; font-size: 10px; font-weight: 400; line-height: 23px; text-align: center; cursor: pointer; } .fancybox-close:before, .fancybox-close:after { content: ""; display: block; position: absolute; left: 50%; top: 50%; border-radius: 4px; background: #fff; } .fancybox-close:before, .fancybox-close:after { transform: rotate(45deg); } .fancybox-close:before { width: 14px; height: 4px; margin: -2px 0 0 -7px; } .fancybox-close:after { width: 4px; height: 14px; margin: -7px 0 0 -2px; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-nav span { display: block; position: absolute; top: 50%; z-index: 8040; width: 28px; height: 28px; margin-top: -14px; border-radius: 20px; border: 2px solid #fff; background: #000; color: #fff; font-family: i; font-size: 10px; font-weight: 400; line-height: 23px; opacity: 0; text-align: center; cursor: pointer; } .fancybox-nav:hover span { opacity: 1; } .fancybox-nav span:before, .fancybox-nav span:after { content: ""; display: block; position: absolute; background: #fff; } .fancybox-nav span:before { top: 11px; width: 9px; height: 3px; } .fancybox-nav span:after { bottom: 11px; width: 9px; height: 3px; } .fancybox-prev span:before, .fancybox-next span:after { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-prev span:after, .fancybox-next span:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-prev span { left: 14px; box-shadow: -1px 1px 2px rgba(0,0,0,.5); } .fancybox-prev span:before, .fancybox-prev span:after { left: 9px; } .fancybox-prev span:before { -moz-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; -o-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; } .fancybox-prev span:after { -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .fancybox-next span { right: 14px; box-shadow: 1px 1px 2px rgba(0,0,0,.5); } .fancybox-next span:before, .fancybox-next span:after { right: 9px; } .fancybox-next span:before { -moz-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } .fancybox-next span:after { -moz-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; -o-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /*.fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; }*/ .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,.7); } .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; /* Fallback for web browsers that doesn't support RGBa */ 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='#444444', endColorstr='#222222',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-color: transparent; background-image: url(../images/fancybox/fancybox_buttons.png); 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; } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } /* Responsive --------- */ @media only screen and (max-height: 50em) { /* height - 800 */ #breadcrumbs { } #breadcrumbs, #breadcrumbs.mb-e, #breadcrumbs.has-img { margin-bottom: 40px; padding-top: 32px; padding-bottom: 24px; } #breadcrumbs:before, #breadcrumbs.has-im:before, #breadcrumbs.has-img figure:before { background-position: -3000em -3000em !important; } #breadcrumbs li { margin-right: 28px; } #breadcrumbs li:before { width: 28px; } #breadcrumbs li:last-child { clear: none; float: left; font-size: 1.65784557908em; line-height: 8px; } #breadcrumbs + .double > .form-a.a, .double > * > .form-a.a:first-child { margin-top: -88px; } } @media only screen and (max-width: 118.75em) { /* 1900 */ .module-b > figure { width: 2000px; margin-left: -1000px; } } @media only screen and (max-width: 100em) { /* 1600 */ .module-a.va { margin-left: 0; margin-right: 0; } .module-a.va.double { margin-left: -120px; } .module-a.va.double > * { width: 40%; } .module-a.va.double > *:first-child { width: 60%; } .module-a.va .collection { margin-left: -40px; } .module-a.va .collection li { border-left-width: 40px; } .module-a.va .collection .img { height: 354px; } .module-d .double > .price-a { width: 350px; } .module-c { } .module-a .module-c { margin-left: 0; margin-right: 124px; } .module-c.a { margin-bottom: 49px; padding-right: 597px; } .module-d { } .module-d h1, .module-d h2, .module-d h3, .module-d h4, .module-d h5, .module-d h6 { margin-bottom: 20px; } .module-d.a { } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { font-size: 15px; } h1 { } h1 .small.sticky, h2 .small.sticky, h3 .small.sticky, h4 .small.sticky, h5 .small.sticky, h6 .small.sticky, .gui-page-title .small.sticky, .gui-content-title .small.sticky { display: block; margin: 0; } table { } tr > *:first-child { padding-left: 10px; } .table-a { } .table-a th { font-size: 14px; white-space: nowrap; } .table-a td { font-size: 16px; white-space: nowrap; } .table-a td:first-child { font-size: 16px; white-space: normal; } .table-a .sub { font-size: 1em; } .table-a input { width: 32px; height: 32px; font-size: 1em; line-height: 32px; } } @media only screen and (max-width: 87.5em) { /* 1400 */ #content, #footer > *, #messages, #featured > *, #featured-new article > div { width: 980px; } #root { } #top { height: 63px; } #logo { } #logo a:before, #logo a:after { top: 14px; } #nav { padding-left: 200px; } #nav > ul > li { font-size: 15px; } #nav > ul > li > a { line-height: 63px; } #nav > ul > li, #nav > ul:first-child > li:first-child { margin-right: 20px; } #nav > ul:first-child > li:first-child > a, #nav #cart > a:before, #nav:not(.dropdown) > ul > li > ul:after { width: 63px; height: 63px; line-height: 63px; } #nav:not(.dropdown) > ul > li > ul { padding-top: 73px; } #nav:not(.dropdown) > ul > li > ul li a { padding: 0 20px; } #nav > ul > li.score { padding-right: 50px; } #nav #cart, #nav > ul > li.a { padding: 0; } #nav #cart > a { width: 63px; } #nav #cart > a .inner span { right: 11px; top: 13px; z-index: 9; min-width: 20px; height: 20px; padding: 0 4px; border-radius: 12px; font-size: 13.5px; line-height: 20px; } #nav > ul > li.a > a { padding: 0 25px; } #featured-new { } #featured-new article { padding-top: 150px; padding-bottom: 100px; } #featured-new h1, #featured-new h2, #featured-new h3, #featured-new h4, #featured-new h5, #featured-new h6 { font-size: 60px; } #featured-new p { font-size: 16px; } #content { padding-top: 63px; } #breadcrumbs.mb-e { margin-bottom: 50px; } #breadcrumbs:before { background-position: center 29px; background-size: auto 140px; } #footer { } #footer nav li { padding: 0 40px; } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child { width: 692px; } .double.a { margin-left: -50px; } .double.a > * { border-left-width: 50px; } .double.a + .double.module-a { margin-top: 50px; } .double.a + .double.module-a > figure { margin-top: 0; } .double > figure.offset > .inner, .double.a.inv > figure.offset:first-child > .inner, .double > figure.offset:first-child > .inner, .double.a.inv > figure.offset > .inner { margin-right: 0; margin-left: 0; } h1, .gui-page-title, .h1, .news-b article.a h1, .news-b article.a h2 { font-size: 45px; } h1 .sticky.a, h2 .sticky.a, h3 .sticky.a, h4 .sticky.a, h5 .sticky.a, h6 .sticky.a, .gui-page-title .sticky.a, .gui-content-title .sticky.a, .h1 .sticky.a { top: 29px; } .amount { width: 167px; } .amount .number { padding: 0 50px; } .amount .plus-one, .amount .minus-one { width: 50px; } .cart { } #root .cart + .module-a { margin-top: 100px; padding-top: 100px; } #root .cart .gui-block .gui-block-content input { width: 300px; } .collection { margin-left: -40px; } .collection li { border-left-width: 40px; } .collection .title { font-size: 21px; } .collection .price { font-size: 21px; } .collection form { width: 227px; } .collection button { width: 60px; } .collection.b { margin-top: 40px; margin-left: -20px; } .collection.b li { border-left-width: 20px; } .collection.b .img { height: 230px; } .collection.b form { padding-right: 60px; } .double { } .double > figure.offset.a { } .double > figure.offset.a > .inner, .double.a.inv > figure.offset.a:first-child > .inner { margin-right: -350px; margin-left: 0; } .double > figure.offset.a:first-child > .inner, .double.a.inv > figure.offset.a > .inner { margin-left: -350px; margin-right: 0; } .gallery-b { margin-left: -30px; } .gallery-b li { border-left-width: 30px; font-size: 12px; } .gui-checkout { } .gui-checkout .gui-block-subtitle a { bottom: 14px; font-size: .55em; } .gui-checkout .gui-cart-sum .gui-item, .gui-checkout .gui-cart-sum .gui-taxes-details { width: 100px; padding-right: 10px; } .gui-checkout .gui-cart-sum .gui-item.gui-big { width: 120px; } .gui-checkout .gui-table tr td .gui-image { margin-right: 10px; } .gui-checkout .order-summary th:first-child { padding-left: 0; } .gui-checkout .order-summary td:first-child { padding-right: 0; } .gui-cart-sum { } .gui-col3-equal .gui-cart-sum .gui-item.gui-big:before { width: 980px; } .image-a { } .image-a img { border-width: 15px; } #root .mb-c { margin-bottom: 140px; } .module-a.a { padding-top: 84px; padding-bottom: 30px; } .module-a.img, #content.low-index.mb-a > .module-a.img:last-child { padding-top: 140px; padding-bottom: 100px; } .module-a.img > * { margin-left: -25px; border-left-width: 25px; } .module-a.img > figure { border-left-width: 0; } .module-a.va { padding-bottom: 180px; } .module-a.va.double > *, .module-a.va.double > *:first-child { width: 50%; } .module-a.va.double > * { width: 40%; } .module-a.va.double > *:first-child { width: 60%; } .module-a.va .collection .img { height: 249px; } .double.a + .double.module-a.va, .module-c.desktop-hide + .double.module-a.va { margin-top: 300px; } .module-a.va > .fit { top: -290px; width: 465px; } .module-a.va .module-d .double > * { float: none; width: auto; } .module-a.va .module-d .double > * + * { margin-top: 50px; } .module-d .submit > span { left: auto; right: 0; } .module-a.va.double { margin-left: 0; margin-right: 0; } .module-b { margin-top: 100px; padding-bottom: 1px; } .module-b .quote-a > .fit { right: -25px; } .module-b h1, .module-b h2, .module-b h3, .module-b h4, .module-b h5, .module-b h6 { margin-left: 0; } .module-b .quote-a { margin-bottom: 40px; } .module-b .double > * { clear: none; margin-top: 108px; } .module-b .double > .quote-a { margin-top: 0; } .module-c { padding-top: 36px; padding-left: 40px; padding-bottom: 1px; padding-right: 40px; } .module-c.a header { margin: -36px -340px 60px -40px; padding-top: 36px; padding-left: 40px; padding-bottom: 80px; padding-right: 340px; } .double > * + * .module-c { padding-left: 100px; } .double > * + * .module-c.a header { margin-left: -100px; } .module-c .link-a:last-child { margin-bottom: 120px; } .module-a .module-c { margin-left: 0; margin-right: 100px; } .module-c + .collection { margin-top: 145px; } .module-c.a { margin-bottom: 82px; } .module-c.a header:before { bottom: -50px; z-index: 1; height: 150px; margin: -35px 0 0; border-top-width: 50px; } .module-d.a { } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { font-size: 13px; } .module-e { padding-top: 40px; } .double.has-module-e > figure { max-width: 500px; } .module-f { margin-left: -40px; padding-bottom: 1px; } .module-f:before { top: -105px; } .module-f > * { border-left-width: 40px; } .module-a.va + .module-f { margin-top: -65px; } .module-f h1 { margin-right: -50px; } .news-a { } .news-a article { padding: 100px 0 65px; } .news-a article > div, .news-a article:nth-child(2n) > div { width: 50%; } .news-a article > figure { width: 50%; } .news-b { margin-left: -100px; } .news-b h1, .news-b h2 { margin-bottom: 35px; margin-right: 0; padding: 0 0 27px; font-size: 35px; } .news-b h1:before, .news-b h2:before { width: 112px; height: 3px; } .news-b article, .news-b article.a { padding-top: 55px; border-left-width: 100px; } .news-b article:nth-child(4n-3):before, .news-b article.a:nth-child(4n-3) > figure { right: -50px; } .news-b article:nth-child(4n-0):before, .news-b article.a:nth-child(4n-0) > figure { left: -50px; } .news-b article.a:nth-child(4n-3) > figure { left: -200px; } .news-b article.a:nth-child(4n-0) > figure { right: -200px; } .news-b article:nth-child(4n-3):first-child:before, .news-b article:nth-child(4n-3):first-child > figure { top: -40px; } #content > .news-b:first-child { margin-top: -125px; } .quote-a { font-size: 25px; } .quote-a q:before, .quote-a q:after { font-size: 70px; line-height: 70px; } .table-a { } .table-a .amount .number { padding: 0; } .table-b { } .table-b th, .cart .gui-table thead tr th, .cart .gui-table thead tr th, .table-b td { font-size: 18.625px; } .table-b tr > *:first-child { padding-left: 15px; } .table-b tr > td:first-child { width: 38px !important; } .table-b tr > *:last-child { padding-right: 0; } #root .table-b tr.has-buttons td { padding: 18px; } figure.wide { margin-right: -100px; } .form-a { margin-right: 0; padding-top: 70px; padding-bottom: 35px; } .double > .form-a, .double > * > .form-a:first-child { margin-top: -54px; } #nav:not(.dropdown) > ul > li > ul:before { position: absolute; left: -30000px; top: -30000px; bottom: inherit; right: inherit; } } @media only screen and (max-width: 75em) { /* 1200 */ .popup-a { } .popup-a .box-outer > .close > span { right: 0; top: 0; width: 40px; height: 40px; padding: 0; text-decoration: none; text-indent: -30000px; } .popup-a .box-outer > .close > span:before { width: 100%; font-size: 12px; text-align: center; } #nav > ul > li.score { position: absolute; left: -30000px; top: -30000px; bottom: inherit; right: inherit; } } @media only screen and (max-width: 62.5em) { /* 1000 */ #content, #footer > *, #messages, #featured > *, #featured-new article > div { width: 720px; } #top { height: 50px; } #logo { left: 50%; margin-left: -76.5px; } #logo a:before, #logo a:after { top: 9px; } #nav { } #nav > ul > li { font-size: 13px; } #nav > ul > li > a { line-height: 50px; } #nav > ul > li, #nav > ul:first-child > li:first-child { margin-right: 15px; } #nav > ul:first-child > li:first-child > a, #nav #cart > a:before, #nav > ul:first-child > li:first-child > a:before, #nav:not(.dropdown) > ul > li > ul:after { top: 0; width: 50px; height: 50px; margin-top: 0; font-size: 18px; line-height: 50px; } #nav:not(.dropdown) > ul > li > ul { overflow-y: auto; padding-top: 60px; } #nav:not(.dropdown) > ul > li > ul li { margin-bottom: 5px; font-size: 1em; } #nav > ul > li.user > a { width: 50px; height: 50px; } #nav > ul > li.user > a:before { font-size: 22px; } #nav #cart { padding: 0; } #nav #cart > a { width: 50px; } #nav #cart > a .inner span { right: 6px; top: 6px; min-width: 18px; height: 18px; padding: 0 3px; border-radius: 9px; font-size: 12px; line-height: 18px; } #cart > form { width: 400px; } #cart > form h1, #cart > form h2, #cart > form h3, #cart > form h4, #cart > form h5, #cart > form h6 { padding: 14px 20px 12px; font-size: 15px; } #cart > form p { padding: 15px; } #breadcrumbs.mb-e { margin-bottom: 50px; } #breadcrumbs.has-img { padding-top: 154px; } #breadcrumbs.has-img li:last-child a { color: #2c2e33; } #top > .menu { top: 0; } .menu-active #mobile, .menu-active #shadow, .not-index #logo { visibility: visible; opacity: 1; } #featured { padding-bottom: 60px; } #featured > figure.tablet-only, #featured-new article > figure.tablet-only { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #featured-new article { padding-top: 120px; padding-bottom: 70px; } #content { padding-top: 50px; } #footer { margin-top: 10px; } #footer nav { } #footer nav li, #footer nav li:nth-child(2), #footer nav li:nth-child(3) { padding: 0 20px; } #footer nav ul + ul { padding-top: 0; } #footer > div { } #footer > div > div, #footer > div > nav { float: none; clear: both; width: auto; } #footer > div > nav { margin-left: -10px; } #footer > div > nav > div { border-left-width: 10px; } .cols-a { } .cols-a > header:first-child + *, .cols-a > *:first-child { width: 482px; } .cols-a > header:first-child, .cols-a > aside { width: 200px; } .double.a { margin-left: 0; } #root .double.a > * { float: none; width: auto; border-left-width: 0; } #root .double.a > * + * { margin-top: 100px; } #root .double.a > .desktop-only + * { margin-top: 0; } .double > figure.middle { position: relative; top: 0; bottom: 0; background-position: -30000px -30000px; } #content > .double.a:first-child, #breadcrumbs + .double.a { padding-top: 0; } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 15px; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 25px; } .header-a { font-size: 35px; } h1, .gui-page-title, #breadcrumbs li:last-child, .h1, .news-b h1, .news-b h2, .news-b article.a h1, .news-b article.a h2 { font-size: 25px; } h1, .gui-page-title, .h2 { padding-bottom: 19px; font-size: 25px; } h2 { font-size: 25px; } h3, .gui-content-title { font-size: 23px; } h4 { font-size: 21px; } h5, .module-d h1, .module-d h2, .module-d h3, .module-d h4, .module-d h5, .module-d h6 { font-size: 19px; } h6 { font-size: 17px; } h1 + h2 { margin-top: 35px; } h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .gui-page-title .small, .gui-content-title .small { margin-bottom: 8px; font-size: 14px; } h1 .sticky.a, h2 .sticky.a, h3 .sticky.a, h4 .sticky.a, h5 .sticky.a, h6 .sticky.a, .gui-page-title .sticky.a, .gui-content-title .sticky.a { top: 12px; font-size: 14px; } .gui-page-title, .gui h1, .gui-content-title { margin-bottom: 20px; } /*#root .gui-buttons .gui-right { margin-top: 20px; }*/ ul li:after, .list-a a:after { top: 16px; } .accordion-a { margin-top: 0; } .double .accordion-a:last-child { margin-bottom: -20px; } h1 + .accordion-a, h2 + .accordion-a, h3 + .accordion-a, h4 + .accordion-a, h5 + .accordion-a, h6 + .accordion-a { margin-top: -20px; } .cart { } #root .cart + .module-a { margin-top: 75px; padding-top: 75px; } #root .cart .gui-block .gui-block-content input { width: 582px; } .collection { margin-left: -30px; } .collection li { width: 50%; border-left-width: 30px; } .collection li:nth-child(3n) + li { clear: none; } .collection li:nth-child(2n) + li { clear: both; } .collection li:nth-child(2n-1) { animation-delay: 0.25s; } .collection li:nth-child(2n-0) { animation-delay: 0.5s; } .collection li.long .desc .inner { height: 67px; } .collection.b { margin-left: -40px; } .collection.b .img { height: 332px; } .collection.b form { padding-right: 102px; } .collection.b button { width: 102px; } .collection.b li { width: 50%; border-left-width: 40px; } .collection.b li:nth-child(2n) + li { clear: both; } .collection.b li:nth-child(2n-1) { -moz-animation-delay: 0.25s; -webkit-animation-delay: 0.25s; -o-animation-delay: 0.25s; -ms-animation-delay: 0.25s; animation-delay: 0.25s; } .collection.b li:nth-child(2n-0) { -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -o-animation-delay: 0.5s; -ms-animation-delay: 0.5s; animation-delay: 0.5s; } .cols-a, .resize, .resize p, .resize li { line-height: 1.6666666666; } .cols-a ul li:after, .resize ul li:after { top: 11px; } .resize .list-d li:before { left: -24px; top: 7px; } .double { } .double > figure.offset.a > .inner { margin-top: 0; } .double > figure.offset.a > .inner, .double.a.inv > figure.offset.a:first-child > .inner, .double > figure.offset.a:first-child > .inner, .double.a.inv > figure.offset.a > .inner { margin-left: 0; margin-right: 0; } .gallery-a { margin-bottom: 52px; } .gallery-b { } .gallery-b li { width: 33.333333333%; font-size: 14px; } .gallery-b li:nth-child(5n) + li { clear: none; } .gallery-b li:nth-child(3n) + li { clear: both; } .gui-checkout { } #root .gui-checkout .gui-checkout-steps > .gui-col3-equal-col1 { width: 50%; } #root .gui-checkout .gui-checkout-steps > .gui-col3-equal-col2 { width: 50%; } #root .gui-checkout .gui-checkout-steps > .gui-col3-equal-col3 { clear: both; width: 100%; padding-top: 40px; } .gui-checkout { padding-bottom: 40px; } .gui-checkout .gui-block-subtitle a { bottom: 13px; font-size: .63636363636em; } .gui-checkout .gui-cart-sum .gui-item, .gui-checkout .gui-cart-sum .gui-taxes-details { width: 132px; padding-right: 16px; } .gui-checkout .gui-cart-sum .gui-item.gui-big { width: 132px; } .gui-checkout .gui-table tr td .gui-image { margin-right: 28px; } .gui-checkout .order-summary th:first-child { padding-left: 66px; } .gui-checkout .order-summary td:first-child { padding-right: 0; } .gui-cart-sum { clear: both; position: relative; } .gui-col3-equal .gui-cart-sum { padding-top: 17px; } .gui-col3-equal .gui-cart-sum:before { content: ""; display: block; position: absolute; right: 0; top: 0; width: 100%; height: 1px; background: #e9e9e9; } .gui-col3-equal .gui-cart-sum .gui-item.gui-big:before { width: 720px; } #root .image-set-a { position: relative; margin-top: 233px; } .image-set-a > * { position: relative; z-index: 2; } #root .image-set-a figure { position: absolute; left: auto; right: 0; bottom: 100%; top: auto; z-index: 1; max-width: 290px; margin: 0 0 -87px; } .link-a, .gui-login * + .gui-buttons { margin-top: 0; } .link-a a, .gui-login a.gui-button-small { min-width: 0; font-size: 12px; } .list-a { padding: 0; } .list-amount { } .list-amount li { font-size: 30px; } .list-amount li > *:first-child { max-width: 200px; height: 144px; margin-bottom: 22px; font-size: 80px; line-height: 142px; } .list-amount .amount { margin-top: -47px; margin-bottom: 22px; } .list-amount.a { } .list-amount.a li { max-width: 500px; } .list-b { } .list-b li { margin: 0 10px; } .list-b a { min-width: 150px; padding-left: 24px; padding-right: 24px; } .list-b li > span { padding: 40px 0 0 102px; font-size: 20px; } .list-b li > span:before { top: 10px; font-size: 43px; line-height: 43px; } .list-e { } .list-e li, .gui-thankyou .gui-cart-sum .gui-item { margin-bottom: 8px; font-size: 18px; } .list-e li > span:first-child { right: auto; left: 0; top: 3px; font-size: 1em; white-space: normal; } .gui-thankyou .gui-cart-sum .gui-item { width: 180px; } .gui-thankyou .gui-cart-sum .gui-item .gui-desc { top: 3px; font-size: 1em; } .list-e li.a, .gui-thankyou .gui-cart-sum .gui-item.gui-big { margin: 15px 0 13px; font-size: 25px; } .list-e li.a > span:first-child, .gui-thankyou .gui-cart-sum .gui-item.gui-big .gui-desc { top: 12px; font-size: .5em; } .list-cart { } .list-cart li, .list-total li { min-height: 0; padding: 28px 150px 25px 20px; font-size: 15px; } .list-cart span.img { left: 20px; } .list-cart span.price, .list-total span.price { right: 20px; padding-top: 4px; font-size: 1em; } .list-cart span.price span, .list-total span.price span { font-size: 11px; } .list-cart input { right: 100px; width: 32px; height: 32px; margin: -14px 0 0; font-size: 1em; } .list-total li.a { padding-right: 50px; font-size: 14px; } .list-total li.total { padding-top: 24px; padding-right: 50px; padding-bottom: 23px; font-size: 20px; } .list-total li.total span.price { padding: 0; font-size: 24px; } #root .mb-c { margin-bottom: 50px; } .pattern-a > .fit { background: none; } .module-a { } .module-a.img, #content.low-index.mb-a > .module-a.img:last-child { margin-top: -90px; padding-top: 70px; padding-bottom: 0; } .module-a.img > *, .module-a.img > figure { position: relative; z-index: 9; float: none; width: auto; margin-left: 0; border-left-width: 0; } .module-a.img > figure { overflow: hidden; position: relative; top: -40px; left: 0; right: 0; bottom: 0; z-index: 8; min-width: 0; height: 420px; margin: 50px -130px 0; background-position: center center; background-size: cover; } .module-a.img > figure:before { content: ""; display: block; position: absolute; left: 0; top: -40px; right: 0; height: 80px; background: #f6f6f6; } .module-a.img.img-a > figure:before { background: #fff; } .module-a.img > figure:before { -moz-transform: skewY(-2deg); -webkit-transform: skewY(-2deg); -o-transform: skewY(-2deg); -ms-transform: skewY(-2deg); transform: skewY(-2deg); } #content.low-index.mb-a > .module-a.img:last-child { margin-bottom: -80px; } .module-c .scheme-a, .module-e .scheme-a { margin-left: auto; margin-right: auto; } .module-a > .double + .double { margin-top: 140px; } .module-a.va { padding-bottom: 105px; } .module-a.va.double > * { border-left-width: 0; } .module-a.va .collection .img { height: 340px; } .module-a + .module-c.desktop-hide { z-index: 9; } .module-a.vb { padding-top: 50px; } .module-b { margin: 20px 0 55px; } .module-b > .fit { left: -1000px; } #root .module-b .double > * { margin-top: 0; } .module-b .quote-a { margin-bottom: 50px; } .module-b .quote-a > .fit { right: -1000px; } .module-b .double > div { padding: 20px 42px 40px; } .module-c { margin-right: 0; /*padding-right: 0;*/ } .module-a .module-c:first-child { margin-top: -50px; } .module-a .module-c { margin-left: 0; margin-right: 0; } .module-c.a header { margin-bottom: 20px; padding-bottom: 100px; } .double > * + * .module-c.a:first-child { margin-top: 0; } .double > * + * .module-c { padding-left: 40px; } .double > * + * .module-c.a:first-child { margin-top: -40px; } .double > * + * .module-c.a header { margin-left: -40px; } figure + .module-c { z-index: 9; margin-top: -75px; } figure + .module-c:before { content: ""; display: block; position: absolute; left: 50%; top: 100%; width: 54px; height: 54px; margin: -27px 0 0 -27px; background: #2c2e33; } figure + .module-c:before { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .double.a + .double.module-a.va, .module-c.desktop-hide + .double.module-a.va { margin-top: -30px; } .module-c + .rating-a { margin-top: -70px; } .module-c + .collection { margin-top: 0; } .module-c.a { margin-right: 0; padding-right: 40px; } .module-c.a:after { left: -2000px; right: -2000px; width: auto; margin-top: -40px; height: 80px; } .module-c.a header { margin-right: -40px; padding-right: 40px; } .module-c.a header:before { bottom: -35px; } .module-c > * { position: relative; z-index: 3; } .double + .module-c.desktop-hide { margin-top: 90px; margin-bottom: 30px; padding-top: 100px; padding-bottom: 80px; background: none; } .double + .module-c.desktop-hide:before, .module-c.was-in-double2:after { content: ""; display: block; position: absolute; left: -1000px; top: 0; right: -1000px; bottom: 0; z-index: 2; width: auto; height: auto; border-width: 0; background: #2c2e33; } .double + .module-c.desktop-hide:before, .module-c.was-in-double2:after { -moz-transform: skewY(-3.5deg); -webkit-transform: skewY(-3.5deg); -o-transform: skewY(-3.5deg); -ms-transform: skewY(-3.5deg); transform: skewY(-3.5deg); } .double + .module-c.desktop-hide:after { content: ""; display: block; position: absolute; right: 50%; top: -140px; z-index: 1; width: 300px; height: 200px; margin: 0 -356px 0 0; background: url(module-a.png) no-repeat; background-size: 100% auto; } .module-c.was-in-double2 { margin-top: -30px; background: none; } .module-c.was-in-double2:after { background: #ce051d; } .module-d { } .module-a.va .module-d .double { max-width: 588px; margin-left: auto; margin-right: auto; } .module-a.va .module-d .double > * { float: right; width: 220px; text-align: left; } .module-a.va .module-d .double > *:first-child { float: left; width: 330px; } .module-a.va .module-d .double > * + * { margin-top: 0; } .module-d .submit > span { display: block; position: absolute; right: auto; left: 100%; top: 100%; margin: 0; padding: 38px 0 0 62px; color: #ce051d; font-size: 30.265px; font-weight: 400; font-family: Marydale; text-align: left; text-transform: none; white-space: nowrap; cursor: default; } .module-d .submit > span:before { content: "\e90a"; display: block; position: absolute; right: 100%; left: auto; top: 9px; margin: 0 0 0 -40px; font-size: 65px; font-weight: 400; font-family: i; line-height: 65px; } .module-d .submit > span { left: auto; right: 100%; padding-left: 0; padding-right: 62px; } .module-d .submit > span:before { content: "\e90b"; right: auto; left: 100%; } .module-a.va .module-d .double .submit > span { right: 100%; } #root .double.a.module-a.va > * + * { margin-top: 0; } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { margin-bottom: 48px; } .module-a.img, #content.low-index.mb-a > .module-a.img:last-child { margin-top: 0; } .table-a + .module-d.a, .table-a-wrapper + .module-d.a { margin-top: -24px; } .module-d.a { } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { font-size: 18px; } .module-e { min-height: 0; padding: 20px 0 1px; } .module-e:before { left: -1000px; right: -1000px; } .module-e > *:last-child { margin-bottom: 0; } .module-f { margin-left: -40px; padding-bottom: 1px; } .module-f:before { top: -30px; bottom: -20px; } .module-f > *, .module-f > figure { position: relative; float: none; width: auto; border-left-width: 40px; } .module-f > figure { margin-bottom: 30px; text-align: center; } .module-f > figure img { display: block; position: relative; top: 0; margin: 0 auto; } .module-a.va + .module-f { margin-top: 0; } .module-f h1 { margin-right: 0; } .news-a { } .news-a article { padding: 60px 0 25px; } .header-a + .news-a { margin-top: -15px; } .news-b { margin-left: -100px; } .news-b h1, .news-b h2 { margin-bottom: 20px; } .news-b * + figure { margin-top: 0; } .popup-a { } .popup-a header, .popup-a .link-a { margin-left: 0; margin-right: 0; } .popup-a h1, .popup-a h2, .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { margin-bottom: 10px; font-size: 45px; } .popup-a header p { max-width: 500px; font-size: 18px; } #root .pt-a { padding-top: 75px; } .rating-a { margin-top: 0; } #root .rating-a:last-child { margin-bottom: 100px; } .double.resize > * { float: none; width: auto; } .double.resize > * + * { margin-top: 100px; } .resize { line-height: 1.6666666666; } .resize h1, .resize h2, .resize h3, .resize h4, .resize h5, .resize h6 { } .resize h1, .resize .gui-page-title { padding-bottom: 18px; font-size: 30px; } .resize h1:before, .resize .gui-page.title:before { width: 102px; height: 2px; } .resize p, .resize li { font-size: 16px; } .resize .check-a .input { top: 4px; } .resize ul li:after { top: 11px; } .resize .list-d li:before { left: -24px; top: 7px; } .resize .link-a { margin-top: 0; } .table-a { } .table-a th { font-size: 18px; white-space: normal; } .table-a td { font-size: 20px; white-space: normal; } .table-a td:first-child { font-size: 22.5px; } .table-a .sub { font-size: 1em; } .table-a input { width: 42px; height: 42px; font-size: 21.745px; line-height: 42px; } h1 + .table-a, h1 + .table-a-wrapper { margin-top: -30px; } .table-a tr.a > * { background: none; } .table-a tr > *:first-child { padding-left: 0; } .table-a tr > *:last-child { padding-right: 0; } .table-a .amount { width: 152px; } .table-a .number { padding: 0 44px; } .table-a .number input { width: 100%; height: 44px; padding: 0 10px; border-radius: 0; background: #0e161f; color: #fff; font-size: 20px; line-height: 40px; } .table-a .number > a { top: 0; width: 44px; height: 44px; } .table-a .number > a.plus-one, .table-a .number > a.first-add-three { right: 0; left: auto; } .table-a .number > a.minus-one, .table-a .number > a.first-remove-three { left: 0; } .table-b { margin-top: 0; } .table-b th, .table-b td, .table-b tr > *:first-child, .table-b tr > *:last-child { padding: 15px; } .table-b th, .cart .gui-table thead tr th, .cart .gui-table thead tr th { font-size: 16px; } .table-b td { font-size: 18px; } #root .table-b tr.a > * { height: 90px; } .table-b tr.has-buttons a { width: auto; } .tablet-text-center { text-align: center; } .tablet-text-center h1:before, .tablet-text-center h2:before { left: 50%; margin-left: -56px; } .tablet-text-center .link-a a { display: inline-block; float: none; } figure.wide { margin-left: -135px; margin-right: -135px; } figure.wide.desktop-hide { margin-left: -135px; margin-right: -135px; } * + figure.wide { margin-top: 85px; } .double + figure.wide.desktop-hide { margin-top: 18px; } .gui-col3-equal .gui-col3-equal-col3.gui-div-cart-sum { width: auto; float: none; } .form-a, .form-a.a { top: 0 !important; margin-right: -150px; margin-left: -150px; padding-right: 150px; padding-left: 150px; padding-top: 74px; padding-bottom: 48px; } .double > .form-a, .double > * > .form-a:first-child, .double > .form-a.a, .double > * > .form-a.a:first-child, .double > .form-a.a, .double > * > .form-a.a:first-child { margin-top: 0; } .form-intro { } .form-intro header { margin-bottom: 36px; } .form-intro h1, .form-intro h2, .form-intro h3, .form-intro h4, .form-intro h5, .form-intro h6, .form-intro .h1 { font-size: 50px; } .form-intro h1:before, .form-intro h2:before, .form-intro h3:before, .form-intro h4:before, .form-intro h5:before, .form-intro h6:before, .form-intro .h1:before { height: 190px; margin-bottom: 36px; } .form-intro p { font-size: 15px; } .form-intro input { width: 87px; height: 145px; margin: 0 6px; font-size: 80px; } .form-intro p span span:before { bottom: 38px; width: 43px; height: 7px; margin-left: -19px; } .form-intro .check-a { padding-top: 30px; } .form-intro footer { bottom: 10px; } .form-intro footer p { margin-bottom: 0; } .module-f > figure img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } #root .desktop-hide, #root .tablet-only, .js .double > figure.middle img, #root #nav > ul > #cart, #root #nav > ul > li.user { position: relative; left: 0; top: 0; } #root .desktop-only, #root .tablet-hide, #footer nav:before, #breadcrumbs figure, .list-cart span.img, #root .was-in-double2 > header, #root .module-c.was-in-double2:before, .list-a li a:after, #root #nav > ul > li, #featured > figure.desktop-only, #featured-new article > figure.desktop-only, #footer nav a.home { position: absolute; left: -30000px; top: -30000px; bottom: inherit; right: inherit; } } @media only screen and (max-width: 47.5em) { /* 760 */ .gui-cart-sum .gui-item .gui-desc {text-align:left; padding-left:20px !important;/*right: auto;*/ } .gui-thankyou .gui-cart-sum .gui-item .gui-price { float:right; width:200px;} #content, #footer > *, #messages, #featured > *, #featured-new article > div { width: auto; } #content, #footer > *, #featured, #featured-new article > div, #footer > p { padding-left: 20px; padding-right: 20px; } #top { height: 40px; } #logo { left: 50%; width: 102px; margin-left: -51px; } .no-top #logo { visibility: visible; opacity: 1; } #logo a:before, #logo a:after { top: 8px; } #logo a:before { width: 23px; height: 23px; padding: 0; border: 2px solid #be9f56; font-size: 11px; line-height: 17px; } #logo a:after { font-size: 19px; line-height: 23px; } #nav { } #nav > ul { float: none; } #nav > ul > li, #nav > ul:first-child > li:first-child { margin-right: 0; } #nav #cart > a { text-align: left; text-indent: -30000px; } #nav > ul:first-child > li:first-child > a, #nav #cart > a:before, #nav > ul:first-child > li:first-child > a:before, #nav #cart > a { top: 0; width: 40px; height: 40px; margin-top: 0; padding: 0; font-size: 16px; line-height: 40px; } #nav > ul > li.user { z-index: 9; float: right; } #nav > ul > li.user { -moz-transform: translateX(-40px); -webkit-transform: translateX(-40px); -o-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); } #nav > ul > li.user > a { width: 40px; height: 40px; } #nav > ul > li.user > a:before { font-size: 18px; } #top > .menu { top: 0; width: 40px; height: 40px; } #root > .gui-messages, #root > .messages { top: 60px; } #cart { } #root #nav #cart { position: static; float: right; } #nav #cart > a { -moz-transform: translateX(40px); -webkit-transform: translateX(40px); -o-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } #nav #cart > a .inner span { right: 4px; top: 4px; min-width: 14px; height: 14px; padding: 0 2px; border-radius: 10px; font-size: 10px; line-height: 14px; } #cart > form { overflow-y: auto; position: fixed; left: 0; top: 40px; bottom: 0; right: 0; width: 100%; } #cart > form { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } #cart > form h1, #cart > form h2, #cart > form h3, #cart > form h4, #cart > form h5, #cart > form h6 { padding: 14px 20px 12px; font-size: 15px; } #cart > form p { padding: 15px; } #root #featured { margin-bottom: 30px; padding-bottom: 74px; } #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6, #featured-new h1, #featured-new h2, #featured-new h3, #featured-new h4, #featured-new h5, #featured-new h6 { font-size: 55px; } #featured h1:before, #featured h2:before, #featured h3:before, #featured h4:before, #featured h5:before, #featured h6:before { margin-bottom: 20px; } #featured p { margin-bottom: 20px; font-size: 18px; } #featured p.link-a, #featured-new p.link-a { font-size: 16px; } #featured > figure.mobile-only, #featured-new article > figure.mobile-only { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } #root #featured-new { margin-bottom: 30px; } #featured-new article { min-height: 0 !important; } /*#featured-new article { padding-top: 0; padding-bottom: 0; } #featured-new article > div { padding-top: 40px; padding-bottom: 40px; } #featured-new article > div > *:last-child { margin-bottom: 0; } #featured-new article.middle > div { position: absolute; left: 0; right: 0; top: 50%; } #featured-new article.middle > div { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }*/ #featured-new p { margin-bottom: 19px; font-size: 15px; } #featured-new.emblem article:before { left: auto; right: 15px; top: 55px; margin: 0; } #featured-new.emblem article:before { -moz-transform-origin: 100% 0; -webkit-transform-origin: 100% 0; -o-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -moz-transform: scale(.75,.75); -webkit-transform: scale(.75,.75); -o-transform: scale(.75,.75); -ms-transform: scale(.75,.75); transform: scale(.75,.75); } #featured p.link-a, #featured-new p.link-a { font-size: 12px; } #root #featured p.link-a a, #root #featured-new p.link-a a { min-width: 154px; margin-right: 10px; margin-bottom: 10px; padding: 14px 21px; } #root #featured p.link-a a + a, #root #featured-new p.link-a a + a { margin-left: 0; } /*#featured-new p.link-a, #featured-new p.link-a a { margin-top: 0; font-size: 16px; } #featured-new p.link-a a { min-width: 216px; margin-bottom: 15px; padding: 21px 52px 20px; }*/ #featured-new h1, #featured-new h2, #featured-new h3, #featured-new h4, #featured-new h5, #featured-new h6 { margin-bottom: 17px; } #featured-new h1 span, #featured-new h2 span, #featured-new h3 span, #featured-new h4 span, #featured-new h5 span, #featured-new h6 span { padding: 7px 0; } #breadcrumbs, #breadcrumbs.has-img, #breadcrumbs.mb-e, .custom #breadcrumbs, .custom #breadcrumbs.mb-e { margin: 0 -20px 20px; padding: 20px; } /*.custom #breadcrumbs, .custom #breadcrumbs.mb-e { margin-top: -20px; }*/ #breadcrumbs li, #breadcrumbs li:last-child, .custom #breadcrumbs li:last-child { float: left; clear: none; font-size: 16px; font-weight: 500; line-height: 1; } #breadcrumbs li.last { margin-right: 20px; } #breadcrumbs li.last:before { left: 100%; } #breadcrumbs p { position: relative; right: 0; top: 0; margin-top: 10px; } #root .mb-c { margin-bottom: 20px; } #content { padding-top: 40px; } #footer { padding-top: 10px; } .form-a-last #footer { margin-top: 0; padding-top: 0; background: #ce051d; } #footer > div { padding: 60px 20px 0; } #footer nav { } #footer nav li, #footer nav li:nth-child(2), #footer nav li:nth-child(3) { display: block; padding: 0; } #footer > div > nav { padding-bottom: 20px; } #footer > div > nav > div { padding: 0; } #footer > div > nav > div + div { margin-top: 20px; } #footer nav > div:first-child h1:first-child, #footer nav > div:first-child h2:first-child, #footer nav > div:first-child h3:first-child, #footer nav > div:first-child + div h1:first-child, #footer nav > div:first-child + div h2:first-child, #footer nav > div:first-child + div h3:first-child, #footer nav > div:first-child + div + div h1:first-child, #footer nav > div:first-child + div + div h2:first-child, #footer nav > div:first-child + div + div h3:first-child, #footer nav > div:first-child + div + div + div h1:first-child, #footer nav > div:first-child + div + div + div h2:first-child, #footer nav > div:first-child + div + div + div h3:first-child { margin-bottom: 0; font-size: 14px; text-transform: none; letter-spacing: normal; } #footer .vcard { } #footer .vcard:before { top: 0; } #root .cols-a > *, #root .double > *, #root #footer > div > nav > div { float: none; width: auto; } #root .double > * + *, #root .double.a > figure + *, .double.a + .double.module-a { margin-top: 20px; } #root .cols-a > * + * { margin-top: 40px; } #root .double.a > * + * { margin-top: 60px; } h1 .sticky.a, h2 .sticky.a, h3 .sticky.a, h4 .sticky.a, h5 .sticky.a, h6 .sticky.a, .gui-page-title .sticky.a, .gui-content-title .sticky.a { position: relative; top: 0; color: #ce051d; font-size: 15px; font-weight: 500; text-transform: uppercase; } .header-a { font-size: 25px; } .accordion-a { margin-top: 0; } .double .accordion-a:last-child { margin-bottom: -20px; } h1 + .accordion-a, h2 + .accordion-a, h3 + .accordion-a, h4 + .accordion-a, h5 + .accordion-a, h6 + .accordion-a { margin-top: 0; } .accordion-a li > div { padding-right: 0; } .amount { } .amount a:after { width: 300px; } .amount a:hover:after { left: -60px; } .cart { } #root .cart + .module-a { margin-top: 50px; padding-top: 50px; } .cart .gui-col3-equal .gui-col3-equal-col2.gui-div-cart-coupons { float: none; width: auto; margin: 0 0 20px; } .cart .gui-block .gui-block-title { padding-top: 0; font-size: 16px; } #root .cart .gui-block .gui-block-content input { display: block; width: 100%; height: 40px; margin: 0; padding-left: 15px; padding-right: 15px; font-size: 16px; } .cart .gui-block .gui-block-content table, .cart .gui-block .gui-block-content th, .cart .gui-block .gui-block-content td, .cart .gui-block .gui-block-content tbody, .cart .gui-block .gui-block-content tr { display: block; width: 100%; } .cart .gui-block .gui-block-content td { text-align: right; } .cart .gui-block .gui-block-content table a { display: inline-block; width: auto; height: 40px; margin-top: 6px; padding: 0 15px; line-height: 40px; } .collection { } .collection li, .double .collection li { float: none; width: auto; margin-bottom: 20px; } .collection .img { margin-bottom: 28px; } .collection .img a { bottom: 0; } .collection form { margin: -56px auto 28px; } .collection .desc { padding-top: 15px; } .collection.a, .collection.b { margin-top: 0; margin-left: 0; line-height: 1.23333333333; } .collection.a li, .collection.b li { position: relative; float: none; width: auto; min-height: 303px; margin: 0 -20px; padding: 63px 20px 43px 253px; border-bottom: 1px solid #abacae; border-left-width: 0; font-size: 15px; } .collection.a .img, .collection.b .img { position: absolute; left: 20px; top: 0; bottom: 0; width: 188px; height: auto; margin: 0; border-width: 0; background: none; } .collection.a form, .collection.b form { clear: both; position: relative; width: 276px; margin: 0 0 34px; padding: 0 102px 0 0; } .collection.a .amount, .collection.b .amount { position: relative; float: none; width: auto; } .collection.a button, .collection.b button { position: absolute; right: 0; top: 0; z-index: 100; width: 102px; margin: 0; } .collection.a .desc, .collection.b .desc { position: relative; left: 0; top: 0; padding: 0; border: 0; } .collection.a .title, .collection.b .title { float: none; margin: 0 0 18px; padding: 0 130px 0 0; font-size: 30px; white-space: normal; } #root .collection.a .price.mobile-only, #root .collection.b .price.mobile-only { position: absolute; right: 12px; top: 63px; left: auto; margin: 0; } .collection.a .price, .collection.b .price { float: right; margin: -24px 0 18px; padding: 0; border-width: 0; font-size: 35px; line-height: 1.1; text-align: center; } .collection.a .price span:first-child, .collection.b .price span:first-child { display: inline; padding: 0; font-size: 1em; } .collection.a .amount input, .collection.b .amount input { padding: 0; } .collection li.long .desc, .collection li.long .desc .inner { padding-right: 0; white-space: normal; } .collection li.long .desc a.more { position: relative; margin-top: 12px; text-transform: uppercase; } .collection li.long .desc .inner { height: 55px; } .collection li.long.more-clicked .desc .inner { height: auto; } .gallery-a { margin-bottom: 20px; } .gallery-b { } .gallery-b li { width: 50%; } .gallery-b li:nth-child(3n) + li { clear: none; } .gallery-b li:nth-child(2n) + li { clear: both; } .gui-cart-sum { } .gui-cart-sum .gui-item { width: 140px; font-size: 18px; } .gui-cart-sum .gui-item .gui-desc { top: 4px; width: 225px; } .gui-cart-sum .gui-item:first-child .gui-desc { top: 8px; } .gui-col3-equal .gui-cart-sum .gui-item.gui-big:before { right: -20px; } .gui-col3-equal .gui-cart-sum:before { left: -1000px; right: -1000px; width: auto; } /*.gui-cart-sum .gui-item .gui-desc { right: auto; }*/ .gui-checkout { } .gui-checkout .gui-table { padding-bottom: 0; } .gui-checkout .gui-checkout-steps .gui-cart-sum { margin-top: 0; } .gui-login p { line-height: 1.5; } .image-a { } .image-a img + img.inv { margin-top: 20px; } .image-a img.inv:last-child { margin-bottom: 40px; } .link-a { margin-top: 0; } .link-a a { min-width: 0; font-size: 12px; } .link-a.text-center { display: block; } .link-a.text-center > * { float: none; width: 100%; } #root .link-a > * + *, input + button, button + button, button + input { display: block; clear: both; margin: 8px 0 0; } .list-a { } .cols-a > * + * > .list-a:first-child, .cols-a > * + * > nav:first-child > .list-a:first-child { padding-top: 20px; border-top: 1px solid #ddd; } .list-amount.a { margin-top: 45px; margin-bottom: 60px; } .list-amount.a li { max-width: none; margin-bottom: 25px; padding-right: 120px; } .list-amount.a .amount { width: auto; margin: -16.5px 0 0; } .list-amount.a .number { width: auto; padding: 0 33px; } .list-amount.a .number input { width: 43px; height: 33px; padding: 0 5px; font-size: 13px; line-height: 33px; } .list-amount.a .number > a { top: 0; width: 33px; height: 33px; } .list-amount.a .number > a:before { font-size: 7px; } .list-b { margin: 0 0 10px -12px; } .list-b { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-justify-content: space-between; -webkit-justify-content: space-between; -o-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -moz-align-content: stretch; -webkit-align-content: stretch; -o-align-content: stretch; -ms-align-content: stretch; align-content: stretch; -moz-flex-direction: row; -webkit-flex-direction: row; -o-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-b li { display: block; float: left; margin: 0 0 6px; border-left-width: 12px; } .list-b li { -moz-flex-grow: 4; -webkit-flex-grow: 4; -o-flex-grow: 4; -ms-flex-grow: 4; flex-grow: 4; } .list-b a { display: block; min-width: 0; padding: 12px; } .list-b li.active a:before { width: 10px; height: 10px; margin: -5px 0 0 -5px; } .list-b + .collection.a { margin-top: -20px; } .list-c { } .list-c li { padding-left: 80px; font-size: 16px; } .list-cart { } .list-cart li, .list-total li { min-height: 0; padding: 28px 150px 25px 20px; font-size: 15px; } .list-cart span.img { left: 20px; } .list-cart span.price, .list-total span.price { right: 20px; padding-top: 4px; font-size: 1em; } .list-cart span.price span, .list-total span.price span, .list-total li.total span { display: block; font-size: 11px; } .list-cart input { right: 100px; width: 32px; height: 32px; margin: -14px 0 0; font-size: 1em; } .list-total li.a { padding-right: 50px; font-size: 14px; } .list-total li.total { padding-top: 24px; padding-right: 50px; padding-bottom: 23px; font-size: 20px; } .list-total li.total span.price { padding: 0; font-size: 24px; } .list-e li { width: 240px; } .mobile-text-right { text-align: right; } .module-a, .module-a.a { } #content.low-index.mb-a > .module-a:last-child { padding-bottom: 70px; } .module-a .module-c:first-child { margin-top: -250px; } .module-a > .double + .double { margin-top: 100px; } .module-a.va { } #root .module-a.va .module-d .double > * + * { margin-top: 50px; } .module-b { margin-bottom: 30px; } .module-b .quote-a { margin-bottom: 20px; } #root .module-b .double.a > * + *, h1 + .table-a { margin-top: 0; } .module-b .double > div { padding: 0; } #root .module-c { margin-left: 0; margin-right: 0; padding-left: 20px; padding-right: 20px; } .module-c:first-child:before { z-index: 0; margin-top: -50px; } .module-c .link-a:last-child { margin-bottom: 70px; } .module-c.a { } .module-c.a header { padding-bottom: 150px; } .double > * + * .module-c.a:first-child { margin-top: 0; } .module-d { padding-bottom: 1px; } #root .module-a.va .module-d .double > * { float: left; clear: none; width: 185px; margin-top: 0; } #root .module-a.va .module-d .double > *:first-child { float: right; width: 140px; } #root #content .module-d .price-a { margin-top: -6px; padding: 0; } .module-d .price-a > span.tot { position: relative; right: 0; top: 0; float: none; text-align: right; } #root .module-d .submit, #root .module-a.va .module-d .double > .submit { width: auto; } #root .module-d .submit button { min-width: 230px; padding: 11px; font-size: 14px; } #root .module-d .submit > span { right: auto; left: 50%; margin: 0; padding: 33px 0 0 94px; font-size: 23.24px; } .module-d .submit > span:before { content: "\e90a"; right: auto; left: 0; top: 19px; margin: 0; font-size: 40px; line-height: 40px; } .double + .module-c.desktop-hide:after { right: -75px; margin: 0; } .module-d.a { } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { margin-bottom: 35px; margin-left: -20px; margin-right: -20px; padding: 18px 0; font-size: 14px; } .module-a.va { padding-bottom: 70px; } .news-a { } .news-a article > div, .news-a article:nth-child(2n) > div { float: none; width: auto; padding-left: 0; } .news-a article > figure { position: relative; top: 0; max-width: none; width: 100%; margin-bottom: 30px; } .header-a + .news-a { margin-top: -35px; } .news-b { } .news-b article, .news-b article.a { float: none; width: auto; padding: 40px 0 10px; } #content > .news-b:first-child, #content.news-b-last > .news-b:first-child { margin-top: -60px; } .news-b article:nth-child(4n-3):before, .news-b article:nth-child(4n-0):before { left: -20px; right: -20px; background: none; } .news-b article:nth-child(2n):before { left: -20px; right: -20px; background: #f6f6f6; } .news-b article.full { height: 300px; margin: 0; padding: 0; } .news-b article.full > figure { left: 0; right: -30px; bottom: -60px; background-position: center center; } #content.news-b-last > .news-b { top: 0; margin-top: 0; } #content.news-b-last + #footer { margin-top: 0; } .popup-a { left: 0; } .popup-a .box-inner { left: 20px; right: 20px; width: auto; } .popup-a .box-inner { -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .popup-a .box-inner.absolute { margin-left: 20px; margin-right: 100px; } .popup-a .box-inner.absolute .box-inset { padding-top: 40px; } .popup-a h1, .popup-a h2, .popup-a h3, .popup-a h4, .popup-a h5, .popup-a h6 { font-size: 30px; } .popup-a header p { max-width: none; font-size: 15px; } .popup-a .link-a a { font-size: 17px; } .popup-a .link-a a + a { margin-top: 15px; } .popup-a .box-outer > .close > span:before { font-size: 18px; } .mobile .popup-a { overflow-x: hidden; right: 0; } .mobile .box-inner, .mobile .popup-a.a .box-inner { right: 20px; } .mobile .popup-a .box-inner.absolute { margin-right: 20px; } .price-a { font-size: 15.61px; } .price-a span { display: block; padding: 5px 0 0; font-size: 30.06px; } .price-a span span { padding: 5px 0 0; font-size: 13.13px; text-align: right; } #root #content .module-d .price-a { text-align: right; } .resize { } .resize h1, .resize h2, .resize h3, .resize h4, .resize h5, .resize h6 { } .resize h1, .resize .gui-page-title { font-size: 19px; } .resize p, .resize li { font-size: 13px; } .resize .check-a .input { top: 3px; } .resize ul li:after { top: 9px; } .resize .list-d li:before { left: -24px; top: 5px; } .resize .link-a { margin-top: 0; } .table-a { } .table-a th { padding: 0 4px; font-size: 14.01px; white-space: nowrap; } .table-a td, .table-b th, .cart .gui-table thead tr th, .cart .gui-table .table-a thead tr th { padding: 13px 4px; background: none; color: #2c2e33; font-weight: 700; font-size: 17.74px; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; white-space: nowrap; } .table-b th, .cart .gui-table thead tr th, .cart .gui-table .table-a thead tr th { padding: 0 4px; font-weight: 500; font-size: 14.0167px; font-family: Museo, Arial, Helvetica, sans-serif; text-align: right; } .table-a td:first-child { font-size: 17.74px; white-space: normal; } .table-a td span.inner { display: inline; font-size: 1em; } #root .table-a td span.inner p { display: inline; position: relative; left: 0; top: 0; color: #3aaa35; font-size: 1em; } .table-a .sub { font-size: 1em; } .table-a a { display: inline; } .table-a input { width: 40px; height: 40px; font-size: 1em; line-height: 40px; } .table-a .amount, .gui-number { width: 105px !important; height: 30px !important; font-size: 12.08px !important; line-height: 30px; } .table-a .number, .gui-number .gui-value { padding: 0 30px; } .table-a .number input, .gui-number input { width: 100%; height: 30px !important; padding: 0 5px; border-radius: 0; font-weight: 700; font-size: 12.08px !important; line-height: 30px; } .table-a .number > a, .gui-number .gui-up, .gui-number .gui-down { top: 0; width: 30px !important; height: 30px !important; } .table-a .number > a:before, .gui-number .gui-up:before, .gui-number .gui-down:before { font-size: 6px; } .table-a td[width="1"]:last-child { width: 40px !important; } #root .table-a th, #root .table-a td { display: table-cell; position: relative; left: 0; top: 0; } #root .table-a td.has-img { display: none; } #root .table-a .im-not-here { padding: 0; } .table-a th span, #root .table-a .im-not-here * { position: absolute; left: -3000em; top: 0; } .table-a th.mobile-text-right span { position: relative; left: 0; top: 0; } #root .table-a tr.has-buttons td { padding: 10px 0 5px; border-color: #eee; border-bottom: 1px solid #eee; } #root .table-a tr.has-buttons td:first-child { padding-left: 20px; text-align: left; } #root .table-a tr.has-buttons td:last-child { padding-right: 20px; text-align: right; } #root .table-a tr.has-buttons td a { display: inline-block; overflow: hidden; position: relative; background: none; color: #ce051d; font-size: 16px; font-weight: 700; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.1; text-transform: uppercase; text-align: center; } .table-a-wrapper { margin-left: -20px; margin-right: -20px; } .table-a tr > *:first-child { padding-left: 20px; } .table-a tr > *:last-child { padding-right: 20px; } .table-a tr.a > * { background: #e9e9e9; } .table-a + .module-d.a, .table-a-wrapper + .module-d.a { margin-top: -24px; } h1 + .table-a, h1 + .table-a-wrapper { margin-top: -20px; } /*.table-a th { text-indent: -30000px; text-align: left; } .table-a th.text-right { text-indent: 0; text-align: right; }*/ .table-a.after-table-b tr.a > *:first-child { color: #ce051d; } .table-a.after-table-b tr.a + tr.a > td { background: none; } .table-a.after-table-b tr.a > *:first-child .inner, .table-a.after-table-b tr.a td > input { display: none; } #root .double.a > * + .table-a-wrapper, #root .double.a > * + .module-d { margin-top: 0; } #root #content .table-a-wrapper + .module-d, #root #content .table-a + .module-d { margin-top: -25px; } .table-b { } #root .table-b tr.a > * { height: auto; } .table-a .remove { padding-left: 0; } .table-a .remove a, .table-a .gui-action-delete { width: 14px; height: 14px; font-size: 14px; } .tip { } .tip > a { left: -5px; top: -5px; right: -5px; bottom: -5px; width: auto; height: auto; } .no-mobile .tip:hover > .inner, .mobile .tip.toggle > .inner { visibility: hidden; } form { } label { margin-bottom: 2px; font-size: 1em; } input { height: 45px; } select { height: 45px; padding: 11px 45px 11px 11px; } textarea { padding: 12px 12px 12px 15px; } input, select, textarea { font-size: 1em; } .form-a, .form-a.a { margin-left: -20px; margin-right: -20px; padding: 30px 20px 1px; } .form-a:last-child { margin-bottom: 0; } #content > .double .form-a:last-child, #content > .form-a:last-child { margin-bottom: -15px; } #root .form-a p.double { } #root .form-a p.double > * { float: right; } #root .form-a p.double > *:first-child { float: left; } #root .form-a p.double > * + * { margin-top: 0; } .form-a .list-c + * { margin-top: 40px; } .form-intro > div { padding-bottom: 0; } #root .form-intro .check-a { padding-top: 10px; } .age-access .form-intro, .form-intro, .age-access.domloaded .form-intro { visibility: hidden; opacity: 0; } #logo, #breadcrumbs p { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } [data-parallax-ratio], .news-a article:nth-child(2n) > figure, .news-a article > figure { -moz-transform: none !important; -webkit-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; } #root .tablet-hide, #root .mobile-only, #nav #cart, #root #nav > ul > li.user { position: relative; left: 0; top: 0; } #root .tablet-only, #root .mobile-hide, #root #mobile .mobile-hide, #root #nav > ul > li, #breadcrumbs:before, .list-b li > span, #content > .double:last-child .form-a:last-child:after, #content > .form-a:last-child:after, #cart > form.loading p:before, #root .list-cart span.img, .rating-a:after, #root .table-a td.overlay-a span.inner, .list-amount.a label, #featured > figure.tablet-only, #featured-new article > figure.tablet-only, h1 a.sticky.a:before, h2 a.sticky.a:before, h3 a.sticky.a:before, h4 a.sticky.a:before, h5 a.sticky.a:before, h6 a.sticky.a:before, .gui-page-title a.sticky.a:before, .gui-content-title a.sticky.a:before { position: absolute; left: -30000px; top: -30000px; bottom: inherit; right: inherit; } } @media only screen and (max-width: 40.625em) { /* 650 */ .collection.a { } .collection.a li { padding-left: 180px; } .collection.a .img { width: 130px; } .collection.a form { width: auto; max-width: 276px; } .gui-checkout { } #root .gui-checkout .gui-col2-equal .gui-col2-equal-col1 { margin-bottom: 7px; } #root .image-set-a { margin-top: 0; } .module-d { } #root .module-d .submit > span { left: 50%; padding: 28px 0 0 74px; font-size: 18px; } .module-d .submit > span:before { top: 19px; font-size: 30px; line-height: 30px; } #root .image-set-a figure { position: absolute; left: -30000px; top: -30000px; bottom: inherit; right: inherit; } } @media only screen and (max-width: 31.25em) { /* 500 */ .collection.a, .collection.b { } .collection.a li, .collection.b li { min-height: 0; padding: 21px 70px 14px 77px; } .collection.a .img, .collection.b .img { left: 10px; width: 57px; } .collection.a .title, .collection.b .title { margin: 0 -70px 10px 0; padding-right: 80px; font-size: 17.5px; line-height: 1.2; white-space: normal; } .collection.a .desc, .collection.b .desc { font-size: 14px; } #root .collection.a .price.mobile-only, #root .collection.b .price.mobile-only { position: absolute; right: 12px; top: 23px; left: auto; margin: 0 0 12px; font-size: 17.5px; } .collection.a .price span:first-child, .collection.b .price span:first-child { padding: 0 0 1px; font-size: 1em; } .collection.a form, .collection.b form { width: auto; width: 250px; margin: 0 0 13px; padding: 0 92px 0 0; } .collection.a form button, .collection.b form button { width: 92px; height: 46px; } .collection.a form button:before, .collection.b form button:before { margin-top: -10px; font-size: 20px; } .collection.a .amount, .collection.b .amount { } .collection.a .number, .collection.b .number { padding: 0 46px; } .collection.a .amount a, .collection.b .amount a { width: 46px; height: 46px; font-size: 9px; } .collection.a .amount input, .collection.b .amount input { height: 46px; font-size: 18px; } .collection li.long .desc { padding-right: 0; white-space: normal; } .collection .desc { min-width: 190px; } .collection li.long .desc .inner, .collection li.longer.more-clicked .desc .inner { height: auto; } .collection li.longer .desc .inner { height: 37px; } #root .collection li.long .desc a.more { position: absolute; left: auto; right: 0; top: -3000em; } #root .collection li.longer .desc a.more { position: relative; right: 0; top: 0; margin-top: 6px; text-transform: uppercase; } .gallery-b { } .gallery-b li { font-size: 13px; } .list-b { margin-left: -10px; margin-bottom: 0; } .list-b li { border-left-width: 10px; font-size: 14px; } .list-b a { padding: 10px 8px; } .list-amount { } .list-amount li { float: none; width: auto; } .module-d { } #root .module-d .submit button { min-width: 200px; padding-left: 25px; padding-right: 25px; } #root .module-a.va .module-d .double > *, #root .module-a.va .module-d .double > *:first-child { width: auto; } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { font-size: 12px; } #root .module-d .submit > span { left: 0; padding-left: 80px; padding-top: 35px; font-size: 18px; } .module-d .submit > span:before { top: 24px; font-size: 34px; line-height: 34px; } /* #root .module-d .submit, #root .module-a.va .module-d .double > .submit { width: auto; } #root .module-d .submit button { min-width: 230px; padding: 11px; font-size: 14px; } #root .module-d .submit > span { right: auto; left: 50%; margin: 0; padding: 33px 0 0 94px; font-size: 23.24px; } .module-d .submit > span:before { content: "\e90a"; right: auto; left: 0; top: 19px; margin: 0; font-size: 40px; line-height: 40px; } .double + .module-c.desktop-hide:after { right: -75px; margin: 0; } */ .rating-a { font-size: 30px; text-align: center; } .rating-a > span { position: relative; margin: 0 0 22px; padding: 0 0 22px; white-space: normal; } .rating-a > span:after { content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 52px; height: 2px; margin: 0 0 0 -26px; border-radius: 3px; background: #ce051d; } .rating-a .rating { left: 50%; } .rating-a a { display: inline-block; position: relative; float: none; width: auto; margin-top: 80px; } .rating-a .rating { left: 0; bottom: 100px; background-position: center 0; } #root .list-cart span.img { position: absolute; left: -30000px; top: -30000px; bottom: inherit; right: inherit; } } @media only screen and (max-width: 27.5em) { /* 440 */ .module-d.a { } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { font-size: 11px; } } @media only screen and (max-width: 25em) { /* 400 */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } .collection { } .collection .img { height: 310px; } .gallery-b { } .gallery-b li { font-size: 12px; } .gui-checkout { } .gui-checkout .gui-block-subtitle a { bottom: 14px; font-size: .55em; } .gui-cart-sum { } .gui-cart-sum .gui-item { float: none; width: 100%; text-align: right; } .gui-cart-sum .gui-item .gui-desc { left: 0; right: auto; width: auto; } .list-b { margin-left: -8px; } .list-b li { border-left-width: 8px; font-size: 12px; } .list-b a { padding: 10px 6px; } .module-d { } .module-d h1, .module-d h2, .module-d h3, .module-d h4, .module-d h5, .module-d h6 { font-size: 16px; } #root .module-d .submit button { min-width: 170px; padding-left: 16px; padding-right: 16px; font-size: 12px; } .module-d.a { } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { padding: 15px 0; font-size: 10px; } #root .module-d .submit > span { left: 0; padding-left: 70px; padding-top: 30px; font-size: 16px; } .module-d .submit > span:before { top: 20px; font-size: 28px; line-height: 28px; } .price-a { font-size: 14px; } .price-a span { font-size: 25px; } .price-a span span { font-size: 12px; } .table-a { } .table-a td, .table-a td:first-child { font-size: 16px; } .table-a th { font-size: 14px; } .table-a tr > :first-child { padding-left: 10px; } .table-a tr > :last-child { padding-right: 10px; } .table-a .amount { width: 95px; } /*.table-a .amount { width: 60px; } .table-a .number { padding: 0 20px; } .table-a .number input { width: 100%; height: 20px; padding: 0 5px; font-size: 10px; line-height: 20px; } .table-a .number > a { top: 0; width: 20px; height: 20px; } .table-a .number > a:before { font-size: 5px; }*/ .form-a { } #root .form-a p.double { } #root .form-a p.double > *, #root .form-a p.double > *:first-child { float: none; } } @media only screen and (max-width: 23.75em) { /* 380 */ #featured h1, #featured h2, #featured h3, #featured h4, #featured h5, #featured h6, #featured-new h1, #featured-new h2, #featured-new h3, #featured-new h4, #featured-new h5, #featured-new h6 { font-size: 40px; } .gui-checkout { } .gui-checkout .gui-block-subtitle a { display: block; position: relative; right: 0; top: 0; bottom: 0; float: none; margin: 0 0 10px; font-size: .63636363636em; text-align: center; } .gui-checkout .gui-cart-sum { margin-left: -20px; margin-right: -20px; } .gui-checkout .gui-cart-sum .gui-item, .gui-checkout .gui-cart-sum .gui-taxes-details { padding-right: 20px; } .module-d.a { } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { padding: 10px 0; font-size: 9px; } #root .module-d .submit button { min-width: 140px; } #root .module-d .submit > span { left: -10px; padding-left: 55px; padding-top: 28px; font-size: 13px; } .module-d .submit > span:before { top: 20px; font-size: 24px; line-height: 24px; } .table-a { } .table-a th { font-size: 10px; } .table-a td, .table-a td:first-child { font-size: 12.5px; } .table-a .amount, .gui-number { width: 64px !important; height: 20px !important; font-size: 10px !important; line-height: 20px; } .table-a .number, .gui-number .gui-value { padding: 0 20px; } .table-a .number input, .gui-number input { width: 100%; height: 20px !important; padding: 0 5px; border-radius: 0; font-weight: 700; font-size: 10px !important; line-height: 20px; } .table-a .number > a, .gui-number .gui-up, .gui-number .gui-down { top: 0; width: 20px !important; height: 20px !important; } } @media only screen and (max-width: 20.625em) { /* 330 */ .collection { } .collection.a form, .collection.b form { width: 185px; padding-right: 70px; } .collection.a form button, .collection.b form button { width: 70px; height: 34px; } .collection.a form button:before, .collection.b form button:before { margin-top: -12px; font-size: 15px; } .collection.a .number, .collection.b .number { padding: 0 34px; } .collection.a .amount a, .collection.b .amount a { width: 34px; height: 34px; font-size: 7px; } .collection.a .amount input, .collection.b .amount input { height: 34px; font-size: 13.5px; } .module-d.a { } .module-d.a h1, .module-d.a h2, .module-d.a h3, .module-d.a h4, .module-d.a h5, .module-d.a h5 { font-size: 8px; } #root .module-d .submit button { min-width: 120px; } #root .module-d .submit > span { left: 5%; } .gui-messages, .messages { width: auto; max-width: 300px; } .gui-messages ul, .messages ul { padding-right: 20px; } #root > .gui-messages, #root > .messages { left: 10px; right: 10px; top: 10px; } } @media only screen and (max-height: 66.875em) { /* height - 1070 */ .form-intro { } .form-intro header { margin-bottom: 36px; } .form-intro h1, .form-intro h2, .form-intro h3, .form-intro h4, .form-intro h5, .form-intro h6, .form-intro .h1 { font-size: 50px; } .form-intro h1:before, .form-intro h2:before, .form-intro h3:before, .form-intro h4:before, .form-intro h5:before, .form-intro h6:before, .form-intro .h1:before { height: 190px; margin-bottom: 36px; } .form-intro p { font-size: 15px; } .form-intro input { width: 87px; height: 145px; margin: 0 6px; font-size: 80px; } .form-intro p span span:before { bottom: 38px; width: 44px; height: 7px; margin-left: -22px; } .form-intro > div { padding-bottom: 0; } #root .form-intro .check-a { padding-top: 10px; } .form-intro footer { bottom: 10px; } .form-intro footer p { margin-bottom: 0; } } @media only screen and (max-height: 56.25em) { /* height - 900 */ #top { } #cart > form { width: 400px; } #cart > form h1, #cart > form h2, #cart > form h3, #cart > form h4, #cart > form h5, #cart > form h6 { padding: 14px 20px 12px; font-size: 15px; } #cart > form p { padding: 15px; } .list-cart { } .list-cart li, .list-total li { min-height: 0; padding: 28px 150px 25px 20px; font-size: 15px; } .list-cart span.img { left: 20px; } .list-cart span.price, .list-total span.price { right: 20px; padding-top: 4px; font-size: 1em; } .list-cart span.price span, .list-total span.price span { font-size: 11px; } .list-cart input { right: 100px; width: 32px; height: 32px; margin: -14px 0 0; font-size: 1em; } .list-total li.a { padding-right: 50px; font-size: 14px; } .list-total li.total { padding-top: 24px; padding-right: 50px; padding-bottom: 23px; font-size: 20px; } .list-total li.total span.price { padding: 0; font-size: 24px; } #root .list-cart span.img { position: absolute; left: -30000px; top: -30000px; bottom: inherit; right: inherit; } } @media only screen and (max-height: 50em) { /* height - 800 */ #top { } #cart > form { overflow-y: auto; position: fixed; top: 63px; bottom: 0; } .form-intro { } .form-intro header { margin-bottom: 22px; } .form-intro h1, .form-intro h2, .form-intro h3, .form-intro h4, .form-intro h5, .form-intro h6, .form-intro .h1 { font-size: 30px; } .form-intro h1:before, .form-intro h2:before, .form-intro h3:before, .form-intro h4:before, .form-intro h5:before, .form-intro h6:before, .form-intro .h1:before { height: 115px; margin-bottom: 22px; } .form-intro p { font-size: 13px; } .form-intro input { width: 52px; height: 87px; margin: 0 4px; font-size: 48px; } .form-intro p span span:before { bottom: 24px; width: 26px; height: 4px; margin-left: -13px; } .form-intro footer { bottom: 20px; } .form-intro footer p { margin-bottom: 0; } } @media only screen and (max-height: 50em) and (max-width: 87.5em) { /* height - 800 - 1400 */ #top { } #cart > form { top: 63px; } } @media only screen and (max-height: 50em) and (max-width: 62.5em) { /* height - 800 - 1000 */ #top { } #cart > form { top: 50px; } } @media only screen and (max-height: 50em) and (max-width: 47.5em) { /* height - 800 - 760 */ #top { } #cart > form { overflow-y: auto; position: fixed; left: 0; top: 40px; bottom: 0; right: 0; width: 100%; } #cart > form { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } @media only screen and (max-width: 47.5em) { /* 760 */ .form-intro { } .form-intro > div, .form-intro footer { left: 0; width: 100%; margin: 0; padding-left: 20px; padding-right: 20px; } .form-intro .date { width: auto; } .form-intro .date > p > span:first-child { display: block; width: auto; margin-left: -40px; margin-right: -40px; } .form-intro .date > * { float: none; } .form-intro .date > .month, .form-intro .date > .day, .form-intro.month-active .date > .year, .form-intro.day-active .date > .year { position: absolute; left: -30000px; top: 0; } .form-intro.month-active .date > .month, .form-intro.day-active .date > .day { position: relative; left: 0; top: 0; } .form-intro header { margin-bottom: 22px; } .form-intro h1, .form-intro h2, .form-intro h3, .form-intro h4, .form-intro h5, .form-intro h6, .form-intro .h1 { font-size: 30px; } .form-intro h1:before, .form-intro h2:before, .form-intro h3:before, .form-intro h4:before, .form-intro h5:before, .form-intro h6:before, .form-intro .h1:before { height: 115px; margin-bottom: 22px; } .form-intro p { font-size: 13px; } .form-intro input { width: 52px; height: 87px; margin: 0 4px; font-size: 48px; } .form-intro p span span:before { bottom: 24px; width: 26px; height: 4px; margin-left: -13px; } .form-intro footer { } .form-intro footer p { margin-bottom: 0; } .form-intro.month-active .date, .form-intro.day-active .date { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @media only screen and (max-height: 50em) { /* height - 760 */ .form-intro { overflow-y: auto; } .form-intro > div { padding-top: 20px; } .form-intro > div, .form-intro footer { position: relative; top: 0; bottom: 0; } .form-intro > div, .form-intro footer { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .form-intro footer p { margin-bottom: 20px; } } @media only screen and (max-height: 31.25em) { /* height - 500 */ #splash { } #splash h1, #splash h2 { height: 150px; margin: 0 0 18px; } #splash p { font-size: 20px; } } @media only screen and (max-width: 47.5em) { /* 760 */ #top { } #cart > form { overflow-y: auto; position: fixed; left: 0; top: 40px; bottom: 0; right: 0; width: 100%; } #cart > form { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } } /* gui /* --------------------------- */ .table-b .gui-buttons .gui-right a {display: block; overflow: hidden; position: relative; float: left; margin: 7px 0 0; padding: 20px 25px; border: 0; background: #ce051d!important; color: #fff!important; font-weight: 700; text-align: center; text-decoration: none; } .gui-col2-big-col1 .gui-buttons .gui-right:nth-child(2) {display: none;} /*.gui-login-registered form:before {top: -8px;height: 10px;border-bottom: 2px solid #ce051d;background: url(shape-b.svg) no-repeat;background-size: 100% 100%; content: "";display: block;position: absolute;left: 0;right: 0;} .gui-login-registered form:after {top: 100%; height: 32px; margin: -2px 0 0; border-top: 2px solid #ce051d; background: url(shape-a.svg) no-repeat; background-size: 100% 100%; content: "";display: block;position: absolute;left: 0;right: 0;} .gui-login-registered .gui-block {border: 0; padding: 25px;} .gui-login-registered .gui-block-title {font-size: 40px; line-height: 40px; border: 0; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; font-weight: 700; background: #ce051d; color: #fff!important; text-transform: uppercase;} .gui-login-registered .gui-block-title strong {color: #fff!important;} .gui-login-registered .gui-block-content {} .gui-login-registered .gui-block-content p {padding: 0 0 30px 0;} .gui-login-registered .gui-field label {color: #fff; font-size: 18px; padding: 0 4px 15px 5px;} .gui-login-registered .gui-input {border: 0!important; padding: 20px 15px!important; margin: 0 0 27px 0;} .gui-login-registered .gui-required {color: #fff; text-align: left; margin: 0!important; padding: 0!important;} .gui-login-registered .gui-buttons {margin: 0!important; padding: 0!important;} .gui-login-registered .gui-button-link {color: #fff;} .gui-login-registered .gui-right {width: 100%!important; padding: 20px 0 0 0; float: none!important; clear: both;} .gui-login-registered .gui-button-small {width: 100%!important; padding: 20px 0!important; margin: 0!important; border: 1px solid #fff!important;}*/ .gui-buttons .gui-right { margin-right: 0; } @media only screen and (max-width: 62.5em) { /* 1000 */ .gui-login-registered .gui-block-title { font-size: 23px; } } @media only screen and (max-width: 47.5em) { /* 760 */ .gui-col2-big-col1 {width: 100%!important; float: none!important; margin: 0 0 30px 0!important;} .gui-login-registered {width: 100%!important; float: none!important;} .gui-login-registered .gui-block-title { margin-bottom: 10px; padding: 0; } .gui-login-registered .gui-block-content, .gui-login-registered .gui-input, .gui-login-registered .gui-right { padding: 0 !important; } .gui-login-registered .gui-field label { padding: 0 0 5px; font-size: 15px; } } /*product page layout*/ .product-template { margin-top: 63px; } .product-template .breadcrumbs { background: #F7F7F7; height: 80px; font-size: 18px; color: #BE9F57; } .wide-container{ margin: 0 auto; max-width:1326px; } .product-template .breadcrumbs { font-size: 16.06px; } .product-template .breadcrumbs a{ display: inline-block; line-height:21px; padding: 28px 10px 28px 10px; padding-left: 10px; text-transform: uppercase; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; } .product-template .breadcrumbs a.home { padding-left: 0px; color: #BE9F57; } .product-template .breadcrumbs a.active-breadcrumbs { padding-left: 10px; color: #000000; font-size: 21.552px; font-weight: 700; } .product-template .breadcrumbs a:hover{ text-decoration: none; } .product-template .title-wrap { margin-top: 33px; } .product-template .title-wrap h1 { /* font-size: 34px; */ line-height: 40px; color: #CE1417; padding: 0; margin: 0; } .product-template .score-wrap .product-stars i { margin-left: 2.49px; color: #F2CA50; } .product-template .score-wrap .product-stars .review-text{ font-size: 13px; line-height:15px; color: #BDBDBD; margin-left:11px; } .product-template .score-wrap .product-stars .review-link { font-size: 14px; line-height:16px; color: #4F4F4F; margin-left:11px; } .product-template .score-wrap .product-stars .review-link:hover { text-decoration: underline; } .product-template .score-wrap .product-stars .p-article { padding-left: 38px; font-size: 14px; color: #4f4f4f; font-weight: 600; } .product-template .score-wrap .product-stars .p-article-number { font-weight: 100; } .product-template .score-wrap .stock span{ color: #27ae60; font-size: 14px; line-height: 36px; text-transform: uppercase; } .product-template .score-wrap .stock-un span { color: #CE1417 !important; font-size: 14px; line-height: 36px; text-transform: uppercase; } .stock-un.stock-mobile { color: #CE1417 !important; text-transform: uppercase; } .product-template .product-wrap { margin-top: 30px; } #product_configure_form .product-price { z-index: 1!important; } #product_configure_form .product-price span.old-price { font-size: 24px; line-height: 28px; color: #707070; text-decoration: line-through; vertical-align: bottom; } #product_configure_form .product-price span.price { font-size: 40px; line-height: 47px; color: #000000; font-weight: 700; margin-left: 15px; } #product_configure_form .product-price span.excl-btw { font-size: 12px; line-height: 14px; color: #ABABAB; margin-left: 15px; vertical-align: super; } #product_configure_form .cart { margin-top: 10px; } #product_configure_form .cart .change { display: inline-block; margin-right: -4px; } #product_configure_form .cart .change a.down{ width: 60px; height: 60px; background: #3F4247; font-size: 50px; display: inline-block; text-align: center; color: #fff; vertical-align: top; line-height: 60px; margin-right: -4px; overflow: hidden; z-index: 1; position: relative; } #product_configure_form .cart .change a.up span, #product_configure_form .cart .change a.down span { display: block; position: relative; z-index: 3; } #product_configure_form .cart .change a.up{ width: 60px; height: 60px; background: #3F4247; font-size: 30px; display: inline-block; text-align: center; color: #fff; vertical-align: top; line-height: 60px; font-weight: 600; overflow: hidden; z-index: 1; position: relative; } #product_configure_form .cart .change input{ width: 60px; height: 60px; background: #0E161f; font-size: 28px; display: inline-block; text-align: center; color: #fff; vertical-align: top; line-height: 28px; border: none; margin-right: -5px; } #product_configure_form .cart .change a:hover, #product_configure_form .cart .change a:focus, #product_configure_form .cart .change a:active { text-decoration: none; } #product_configure_form .cart .cart-btn { display: inline-block; background: #3aaa35; border-radius: 0; vertical-align: top; height: 60px; width: calc(100% - 350px); line-height: 60px; padding: 0; font-size: 16px; color: #ffffff; overflow: hidden; z-index: 1; position: relative; } #product_configure_form .cart .cart-btn span{ display: block; position: relative; z-index: 3; } .product-divider { margin-top: 20px; margin-bottom: 20px; } .product-wrap .product-meta { margin-top: 40px; padding: 0; } .product-wrap .product-meta li{ margin: 0; line-height: 25px; margin: 10px 0px; } .product-wrap .product-meta li .spec { display: flex; } .product-wrap .product-meta li .spec .check-icon { color: #5BA746; line-height: 25px; /* margin-right: 20px; */ font-size: 16px; } .product-wrap .product-meta li .spec div.text { font-size: 16px; line-height: 25px; } .product-wrap a.in-stock:hover { text-decoration: none; background: #3aaa35; color: #ffffff; } .product-wrap a.in-stock { padding: 22px 49px 24px 50px; border: 1px solid #bdbec0; font-size: 16px; color: #2c2c33; margin-top: 10px; display: block; max-width: 280px; line-height: 19px; border-radius: 4px; } .product-description { padding-left: 0; } .product-description, .product-spec{ margin-top: 40px; } .product-description p { line-height: 24px; margin-bottom: 12px; font-size: 14px; } .product-description p strong { font-size: 16px; } .product-description h2, .product-spec h2 { font-size: 22px; line-height: 26px; color: #0E161F; padding: 0; margin-bottom: 10px; margin-top:15px; } .product-spec table tbody tr.odd { background: #fff; } .product-spec table tbody tr.even { background:#fafafa; } .product-spec table tbody tr td{ border: none; line-height: 13px; font-size: 14px; color:#000000; cursor: pointer; padding: 20px 10px; } .product-spec table tbody tr td.spec-title { font-weight: 700; } .product-spec .spec-hover { display: inline-block; margin-left: 10px; opacity: 0; } @media (min-width:1200px) { .product-spec .spec-hover.show-attr { opacity: 1; z-index:1; } } @media (max-width:768px) { .product-spec .spec-hover.show-attr { opacity: 1; z-index:2; } } .product-spec .spec-hover span.icon { font-size: 16px; color: #ce1417; vertical-align: text-bottom; } .product-spec .spec-hover span.spec-hover-text { margin-left: 10px; -webkit-box-shadow: 2px 4px 9px #f0f0f0; -moz-box-shadow: 2px 4px 9px #f0f0f0; box-shadow: 2px 4px 9px #f0f0f0; border: 1px solid #f0f0f0; padding: 10px 22px; border-radius: 4px; position: relative; background: #ffffff; font-weight: 100; } .product-spec .spec-hover span.spec-hover-text:before, .product-spec .spec-hover span.spec-hover-text:after { right: 100%; top: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; } .product-spec .spec-hover span.spec-hover-text:before { border-color: transparent; border-right-color: #f0f0f0; border-width: 8px; margin-top: -8px; } .product-spec .spec-hover span.spec-hover-text:after { border-color: transparent; border-right-color: #ffffff; border-width: 6px; margin-top: -6px; } .reviews .review-head { margin-bottom: 10px; } .reviews .review-head .title{ display: inline-block; } .reviews .review-head .title h1{ margin: 0; } .reviews .review-head .review-result { display: inline-block; float: right; } .reviews .review-head .review-result .review-score{ color: #828282; font-size: 14px; float: left; } .reviews .review-head .review-result .review-score{ } .reviews .review-head .review-result .review-score span.star{ color: #f2ca50; margin-left: 6px; margin-right: 14px; } .reviews .review-head .review-result .review-score .review-count{ color: #BDBDBD; font-size: 13px; } .reviews .review-body .review { border-bottom: 1px solid #EBEBEB; margin-top: 20px; } .reviews .review-body .review .col-sm-3 { padding:0; } .reviews .review-body .review:last-child { border: none; } .reviews .review-body { height: 270px; overflow-y: scroll; } .reviews .review-body::-webkit-track { border-radius: 10px; } .reviews .review-body::-webkit-scrollbar { width: 9px; background-color: #ffffff; } .reviews .review-body::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #C4C4C4; } .reviews .review-body .review .review-date span{ font-size: 17px; color: #CE1417; } .reviews .review-body .review .review-starts span{ color: #F2CA50; } .reviews .review-body .review .review-content h5{ font-size: 14px; line-height: 16px; margin-bottom: 12px; padding-top: 9px; } .reviews .review-body .review .review-content p{ font-size: 14px; line-height: 21px; } .reviews .review-body.no-review span.star { color: #D4D4D4; } .reviews .review-body.no-review span.review-count { padding-left: 14px; color: #BDBDBD; } .reviews .review-body.no-review div span { color: #828282; font-size: 14px; } .reviews .review-body.no-review a { padding: 22px 49px 24px 50px; border: 1px solid #bdbec0; font-size: 16px; color: #2c2c33; margin-top: 30px; display: block; max-width: 280px; line-height: 19px; border-radius: 4px; text-align: center; } .reviews .review-body.no-review a:hover { text-decoration: none; background: #3aaa35; color: #ffffff; } .related-products { margin-top: 40px; } .related-products > div { padding: 0; } .related-products .related-product { padding-left: 14px; padding-right: 14px; } .related-products .related-product li span.img { display: block; border: 2px solid #ebebeb; } .related-products .related-product li span.img img{ margin: 20px auto; margin-bottom: 40px; width: 50%; } .related-products .related-product form { } .related-products .related-product form .feature-cart { margin: 0 auto; text-align: center; margin-top: -30px; } .related-products .related-product form .feature-cart span.amount{ width: auto; display: inline-block; } .related-products .related-product form .feature-cart span.amount .number { padding: 0 40px; } .related-products .related-product form .feature-cart span.amount .number input { width: 55px; height: 41px; } .related-products .related-product form .feature-cart span.amount .number .plus-one{ width: 40px; height: 41px; } .related-products .related-product form .feature-cart span.amount .number .minus-one{ width: 40px; height: 41px; } .related-products .amount { float: left; } .related-products form { position: relative; width: 277px; margin: -26px auto 22px; } .related-products .title { display: block; overflow: hidden; float: left; padding: 4px 0 10px; color: #ce051d; font-size: 18px; font-weight: 700; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; line-height: 1.33; text-transform: uppercase; text-overflow: ellipsis; margin-top: 35px; } .related-products .price { display: block; float: right; padding: 0 0 10px; font-size: 20px; font-weight: 700; line-height: 1.7; margin-top: 35px; } .related-products .desc { display: block; overflow: hidden; position: relative; z-index: 9; clear: both; width: 100%; border-top: 1px solid #ebebeb; font-size: 14px; } .related-products .related-product form button { z-index: 8; float: right; min-width: 0; width: 102px; height: 50px; margin: 0; padding: 0; border: 0; background: #ce051d; color: #fff; font-weight: 400; font-size: 20px; text-align: left; text-indent: -30000px; } .related-products .related-product form button:before { content: "\e926"; display: block; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; margin: -12px 0 0; font-family: i; line-height: 20px; text-align: center; text-indent: 0; } .related-products .related-product .detail { border-bottom: 1px solid #ebebeb; padding-bottom: 20px; padding-top: 35px; } .related-products .related-product .detail .title { line-height: 21px; font-size: 18px; color: #ce051d; float: left; font-weight: 600; } .related-products .related-product .detail .price { float: right; font-size: 20px; line-height: 21px; color: #000000; } .related-products .related-product .desc { font-size: 14px; line-height: 21px; display: block; padding-top: 13px; } .product-usp-bar ul { margin: 0; padding: 0; } .product-usp-bar ul li { padding: 0; } .product-usp-bar ul li span{ font-size: 16px; line-height: 19px; padding: 0; } .product-usp-bar ul li span.img { margin-right: 10px; } .popup-video { margin-top: 60px; } .popup-video > div { padding: 0px; } .popup-video h2 { margin-bottom: 30px; font-size: 22px; line-height: #0e161f; } .popup-video figure { margin-bottom: 0px; position: relative; padding: 20px 60px; background: #f5f5f5; } .popup-video figure a{ display: block; } .owl-controls .owl-nav .owl-prev { position: absolute; left: 0; top: 50%; color: #ce051d; } .owl-controls .owl-nav .owl-next { position: absolute; right: 0; top: 50%; color: #ce051d; } .popup-video article { height: 350px; padding-right: 21px; } .product-img .bx-wrapper { box-shadow: none; } .product-img .bx-wrapper .bx-controls-direction a.bx-prev { top: -1%; left: 45%; } .product-img .bx-wrapper .bx-controls-direction a.bx-next { top: 103%; left: 45%; } .product-img, .product-img >div:nth-child(1) { padding-left: 0px; } .product-group { position: absolute; top: 3%; z-index: 2; right: 13%; } .product-img .slider a { display: block; margin: 50px 80px; } .product-img .bx-wrapper .bx-controls-direction a { text-indent:0; } .product-img .thumbs-slider { margin: 0 auto; } .product-img .thumbs-slider.active a{ border-color: #5BA746; } .product-img .thumbs-slider a{ display: block; border: 1px solid #f2f2f2; margin: 4px 0px; } .product-img .thumbs-slider a img{ margin: 0px auto; padding:5px; } .product-img .thumbs-slider a.pop-up-video img { padding: 25px 20px; } .product-img #sync1 .owl-prev, .product-img #sync1 .owl-next, .related-product .owl-prev, .related-product .owl-next { border: 1px solid #F2F2F2; border-radius: 4px; width: 30px; height: 30px; line-height:30px; } .related-product .owl-prev{ left: -25px!important; } .related-product .owl-next { right: -25px!important; } .product-img #sync1 .owl-prev i.glyphicon , .product-img #sync1 .owl-next i.glyphicon, .related-product .owl-prev i.glyphicon , .related-product .owl-next i.glyphicon { left: 9px; font-size: 10px; top: 0px; } .product-price .cart-btn-layout { margin-top: 28px; } @media only screen and (max-width: 87.5em) { /* 1400 */ .wide-container { padding: 0px 25px; } .product-img .slider a { display: block; margin: 50px 70px; } .related-products form { width: 269px; } .product-usp-bar ul li span { font-size: 14px; } } @media only screen and (max-width: 1300px) { .product-img .slider a { display: block; margin: 30px 40px; } #product_configure_form .cart .cart-btn { width: calc(100% - 240px); } } @media only screen and (max-width: 1300px) { .product-usp-bar ul li span { font-size: 12px; } } @media only screen and (max-width: 1200px) { .product-usp-bar ul li span { font-size: 11px; } } @media only screen and (max-width: 1024px) { .product-img .slider a { display: block; margin: 0; } .product-usp-bar ul li span { font-size: 10px; } } @media only screen and (max-width: 767px) { .spec-hover.show-attr.show-attr-tablet{ position: fixed; left: 0; top: 0!important; z-index: 9999999; height: 100vh; background: rgba(0,0,0,0.5); width: 100%; } .product-spec .spec-hover{ margin-left:0; } .product-spec .spec-hover span.spec-hover-text{ box-shadow: none; width: 90%; margin-left: 5%; padding: 25px 20px } .product-spec .spec-hover span.spec-hover-text:before{ content: none; } .product-spec .spec-hover span.spec-hover-text:after{ content: none; } #notify { padding:6.5px 40px; } .product-group { position: absolute; top: -15%; z-index: 2; right: 20%; width: 25%; } .product-template .breadcrumbs a.active-breadcrumbs { padding-left: 0px; } .owl-carousel .owl-item img { display: block; width: 43%; margin: 0 auto; } .wide-container { padding: 0px 16px; } .product-template { margin-top: 40px; } .product-template .breadcrumbs { height: auto; font-size: 10px; } .product-template .breadcrumbs a.active-breadcrumbs { font-size: 12px; } .product-template .breadcrumbs a { padding: 12px 3px 12px 3px; font-size: 12px; } .product-template .title-wrap { margin-top: 30px; } .product-template .title-wrap h1 { font-size: 18px; line-height: 21px; } .product-template .score-wrap .stock span { font-size: 13px; } .product-price { margin-top: 30px; } .product-price .cart-btn-layout { margin-top: 26px; } #product_configure_form .cart .change a.down { height: 65px; line-height: 65px; width: 60px; } #product_configure_form .cart .change input { height: 65px; line-height: 65px; font-size: 25px; } #product_configure_form .cart .change a.up { height: 65px; line-height: 65px; width: 60px; overflow: hidden; z-index: 1; position: relative; } #product_configure_form .cart .cart-btn { height: 65px; width: calc(100% - 200px); line-height: 65px } .product-wrap .product-info { padding: 0; } .product-wrap .product-meta li .spec div.text { font-size: 13px; } .product-wrap a.in-stock { padding: 20px 26px 21px 50px; } .description-spec .product-spec { padding: 0; margin-left: -16px; margin-right: -16px; } .product-description, .product-spec { margin-top: 26px; } .product-spec table tbody tr td { padding: 20px 16px; width: 50%; } .product-spec h3 { padding-left: 16px; } .related-products .related-product { padding-right: 60px; padding-left: 60px; } .related-products .related-product .detail .title { line-height: 21px; font-size: 18px; color: #ce051d; font-weight: 600; text-transform: uppercase; display: block; float: none; } .related-products .related-product .detail .price { font-size: 20px; line-height: 21px; color: #000000; display: block; float: none; margin-top: 3px; } .related-products .related-product .desc { padding-top: 12px; } .reviews .review-body .review > div:nth-child(2) { padding: 0; } .product-usp-bar ul li .img img { width: 28px; height: 29px!important; } .product-usp-bar ul li { display: flex; margin-right: 20px; margin-left: 20px; justify-content: center; } .product-usp-bar .owl-controls .owl-nav .owl-prev { top: 0; } .product-usp-bar .owl-controls .owl-nav .owl-next { top: 0; } .product-usp-bar ul li span { font-size: 15px; line-height: 19px; padding-left: 10px; padding-top: 6px; } .product-img, .product-img >div:nth-child(1) { padding-right: 0px; } .static-spec-height { display: block; height: 250px; overflow: hidden; } .static-desc-height { display: block; height: 230px; overflow: hidden; } .mobile-spec-more, .mobile-desc-more, .mobile-review-more { cursor: pointer; margin-top: 20px; } .mobile-spec-more { margin-left: 18px; } .reviews .review-body { height: auto; overflow: hidden; } .reviews .review-head { margin-bottom: 0px; } .reviews .review-body.static-review-height { height: 230px!important; } .mobile-spec-more span, .mobile-desc-more span, .mobile-review-more span{ font-size: 14px; line-height: 21px; color: #CE1417; } .mobile-spec-more .arrow-icon, .mobile-desc-more .arrow-icon,.mobile-review-more .arrow-icon { margin-left: 10px; vertical-align: -2px; } .mobile-spec .spec-element .odd, .mobile-spec .spec-element .even{ padding: 13px 20px; display: flex; } .mobile-spec .spec-element .spec-title, .mobile-spec .spec-element .spec-value { width: 50%; } .mobile-spec .spec-element .odd { background: #ffffff; } .mobile-spec .spec-element .even { background: #fafafa; } .related-products .related-product form { width: 220px; } .related-products .related-product form button { width: 53px; } .related-product .owl-prev { left: 0!important; } .related-product .owl-next { right: 0!important; } } @media only screen and (min-width: 600px) and (max-width: 700px) { .popup-video article { height: 320px; padding-right: 0px; } } @media only screen and (min-width: 500px) and (max-width: 600px) { .popup-video article { height: 270px; padding-right: 0px; } } @media only screen and (min-width: 400px) and (max-width: 500px) { .popup-video article { height: 250px; padding-right: 0px; } } @media only screen and (max-width: 400px) { .popup-video article { height: 210px; padding-right: 0px; } } .product-spec table tbody tr td { padding:0; padding-left:10px; height:53px; line-height:53px; } .spec-title-text { position:relative; display:inline-block; } .spec-title-text .spec-hover { position:absolute; left:100%; top:0; height:53px; line-height:20px; min-width:450px; display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -o-display:flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; } .info-sign-mobile { font-size: 16px; color: #ce1417; cursor:pointer; margin-left:6px; vertical-align: text-bottom; z-index:1; } #content { padding-top:0; } .product-template { margin-top:0; } @media(min-width:768px) { .spec-title-text .spec-hover { min-width:300px; } } @media(min-width:991px) { .spec-title-text .spec-hover { min-width:400px; } } @media(min-width:1200px) { .spec-title-text .spec-hover { min-width:478px; } } @media(min-width:1400px) { .spec-title-text .spec-hover { min-width:576px; } } @media(max-width:767px) { .product-img .owl-carousel .owl-item img { width:80%; } .mobile-spec .spec-element .odd, .mobile-spec .spec-element .even { padding:0; padding-left:10px; height:53px; line-height:53px; } .product-price-mobile { text-align: right; margin-right:38px; width:calc(60% - 53px); width:-webkit-calc(60% - 53px); width:-moz-calc(60% - 53px); max-width:calc(60% - 53px); max-width:-webkit-calc(60% - 53px); max-width:-moz-calc(60% - 53px); } #product_configure_form .product-price span.price { font-size:20px; margin-left:7px; flex: 0 0 auto; } #product_configure_form .product-price span.old-price { font-size:14px; text-align:left; flex: 0 0 auto; } #product_configure_form .product-price span.excl-btw { width:100%; } .product-price-mobile { display:flex; flex-wrap:wrap; justify-content: flex-end; padding:0; } .product-price-mobile .old-price, .product-price-mobile .price { /* width:50%; max-width:50%; */ margin:0; flex: 0 0 auto; } .product-price-mobile .price { margin-left:6px; } .product-price-mobile > span { margin-bottom:0px; display:inline-block; } .stock-mobile { color: #27ae60; font-size: 11px; line-height: 15px; text-transform: uppercase; margin-left: 0px; align-self:flex-end; -webkit-align-self:flex-end; -moz-align-self:flex-end; -ms-align-self:flex-end; -o-align-self:flex-end; width:40%; max-width:40%; text-align:left; padding-left:8px; } .mobile-cart-icon:before { content: "\e926"; font-family: i; font-size:21px; line-height:60px; } .product-price .cart-btn-layout { margin-top:0px; } #product_configure_form .cart .cart-btn, #product_configure_form .cart .change a.down, #product_configure_form .cart .change a.up, #product_configure_form .cart .change input { height:60px; line-height:60px; } .product-price { display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -o-display:flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -o-flex-wrap:wrap; justify-content: space-between; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; } #product_configure_form .product-price span.excl-btw { margin-bottom:0; } .tooltip-mobile-closer { position: absolute; right: 5px; top: 11px; margin-top: -9px; color: #ABABAB; } .mobile-flexbox { display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -o-display:flex; } .review-title-mobile { align-self:center; } .review-title-mobile b { font-size:23px; text-transform:uppercase; line-height:25px; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; } .review-date-star-wrapper { flex:0 0 auto; margin-right:10px; } .review-date-star-wrapper .review-date, .review-date-star-wrapper .review-starts { line-height:20px; } .spec-element.static-spec-height > div:nth-child(5) .spec-title-text .spec-hover { top: -45px; } .spec-element.static-spec-height > div:nth-child(5) .spec-hover span.spec-hover-text:before { left: 20px; top: inherit; right: inherit; bottom: -16px; transform: rotate(180deg); border-bottom-color: #fff; } .spec-title-text .spec-hover { height:auto; } } @media(max-width:576px) { .spec-title-text .spec-hover { min-width:300px; left: -24px; top: 80%; margin: 0; } .product-spec .spec-hover span.spec-hover-text:before, .product-spec .spec-hover span.spec-hover-text:after { left:20px; top:0; right:inherit; } .product-spec .spec-hover span.spec-hover-text:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 8px; margin-top: -16px; } .product-spec .spec-hover span.spec-hover-text:after { opacity:0; } } .purchase-tablet-icon { display:none; } @media(min-width:768px) and (max-width:1200px) { #product_configure_form .cart .cart-btn span.purchase-tablet-text { display:none; } .purchase-tablet-icon { display:block; } .product-wrap .product-meta li .spec div.text { font-size:13px; } .spec-hover-text { display:none; } .spec-hover { opacity:0; visibility:hidden; } .spec-hover.show-attr-tablet { opacity:1; visibility:visible; } .spec-hover.show-attr-tablet .spec-hover-text { display:block; } .tooltip-mobile-closer { position: absolute; right: 5px; top: 11px; margin-top: -9px; color: #ABABAB; } .productpage-bottom-tips.popup-video article { height: auto; margin-bottom: 35px; max-height:350px; } .mobile-cart-icon:before { content: "\e926"; font-family: i; font-size: 21px; line-height: 60px; } .spec-title-text .spec-hover { top:40px; left:0; z-index:2; margin-left:0; } .spec-title-text .spec-hover .spec-hover-text { margin-left:0 !important; } .product-spec .spec-hover span.spec-hover-text:before { border-color: transparent; border-bottom-color: #f0f0f0; border-width: 8px; margin-top: -16px; } .product-spec .spec-hover span.spec-hover-text:before, .product-spec .spec-hover span.spec-hover-text:after { left: 20px; top: 0; right: inherit; border-right-color:transparent; } .product-usp-bar ul li span { font-size:13px; } .spec-title-text .spec-hover { height:auto; } } @media(max-width:400px) { .review-title-mobile h2 { font-size:21px; } } ul.product-meta ul { padding-left:0; } .less-text { display:none; } /* UPDATE 6.18.2018 (USP HEADER, and right blog) */ .header-usp { padding:0 20px; border-bottom: 1px solid #dedede73; background:#FAFAFA; } .header-usp { margin-top:63px; } .header-usp ul, .header-usp ul li { background:#FAFAFA; } .header-usp ul:not(.slider-start) { display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -o-display:flex; align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; justify-content:space-between; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; -o-justify-content:space-between; margin:0; padding:0; height:63px; } .header-usp ul.slider-start { height:52px; margin:0; padding:0; } .header-usp ul.slider-start li { font-size:16px; margin:0; } .header-usp ul.slider-start li img { display:inline-block; } .header-usp ul:not(.slider-start) li { flex:0 0 auto; -webkit-flex:0 0 auto; -moz-flex:0 0 auto; -ms-flex:0 0 auto; -o-flex:0 0 auto; font-size:1vw; margin:0; } #featured-new aside section:first-child { background:#fff; box-shadow:none; padding-top:0; padding:0; margin-bottom:0; } #featured-new aside section:last-child { padding-top:0; } #featured-new aside { width:445px; top:0; } .blog-right, .aside-socials { z-index: 9999; position: relative; } #featured-new aside .blog-right li { padding: 5px 0px 5px 125px; min-height:100px; background:#f6f6f6; margin-bottom:15px; display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -o-display:flex; align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; } #featured-new aside section { padding-top:15px; margin-bottom:15px; } #featured-new aside section { } #featured-new aside .blog-right .article-img { width:100px; } #featured-new aside .blog-right .article-img img { width:100px; height:100px !important; } #featured-new aside .blog-right .article-content { display:inline-block; max-width:280px; } #featured-new aside .blog-right .article-content p.blog-info_title { font-size:16px; font-weight:bold; color:#2C2E33; margin-bottom:5px; text-transform:uppercase; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; } #featured-new aside .blog-right .article-content p.blog-info_desc { font-size:14px; font-weight:400; color:#2C2E33; margin-bottom:5px; } #featured-new aside .blog-right .article-content a { font-size:14px; font-weight:600; color:#CE051D; } #featured-new aside h2 { margin:20px 0; } .aside-blog_title { text-indent:15px; } @media (min-width:1250px) and(max-width:1400px) { #featured-new article > figure { background-position: -50px 100%; } } @media (min-width:1000px) and (max-width:1250px) { #featured-new article > figure { background-position: -130px 100%; } } @media (min-width:62.5em) and (max-width: 87.5em) { #featured-new article { padding: 110px 0 191px; } } @media(min-width:62.5em) { #blog-usp_block > .inner { display: flex; -webkit-display: flex; -moz-display: flex; -ms-display: flex; -o-display: flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; } } @media(max-width:62.5em) { .featured-aside ul .bx-prev { left: -28px; } .featured-aside ul .bx-next { right: -28px; } #root .double.a > div.table-a-wrapper { margin-top:25px; } #root .double.a > .desktop-only + h1 { margin-top:25px; } .header-usp .bx-wrapper { border: none; } .header-usp ul.slider-start { height:50px; line-height: 50px; } .header-usp { margin-top:50px; } .header-usp ul.slider-start li { padding:0 25px; white-space:nowrap; } .tablet-only.featured-aside .blog-right li { display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -o-display:flex; align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; width:100%; max-width:100%; padding-bottom: 4px; } .tablet-only.featured-aside .blog-right .article-img { width:114px; min-width:114px; height:114px; margin:0; } .tablet-only.featured-aside .blog-right img { width:114px; min-width:114px; height:114px !important; -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); left:0; } .tablet-only.featured-aside .blog-right .article-content { display:inline-block; text-align: left; padding-left: 25px; } .tablet-only.featured-aside .blog-right .article-content p.blog-info_title { font-size:13px; font-weight:bold; color:#2C2E33; margin-bottom:10px; text-transform:uppercase; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; } .tablet-only.featured-aside .blog-right .article-content p.blog-info_desc { font-size:12px; font-weight:400; color:#2C2E33; margin-bottom:15px; } .tablet-only.featured-aside .blog-right .article-content a { font-size:13px; font-weight:600; color:#CE051D; } .featured-aside h2 a { color: #ce051d; } } @media(max-width:47.5em) { .featured-aside h2 a { color: #ce051d; } .featured-aside ul .bx-prev { left: -35px; } .featured-aside ul .bx-next { right: -35px; } .header-usp .bx-wrapper { border: none; } .header-usp ul.slider-start { height:45px; } .header-usp ul.slider-start li { font-size:13px; text-align:center; margin:0; padding:0; line-height:45px; } .header-usp { margin-top:40px; } .featured-aside section:first-child { height:135px; width:100%; } .featured-aside section:last-child { width:100%; } .mobile-only.featured-aside .blog-right li { display:flex; -webkit-display:flex; -moz-display:flex; -ms-display:flex; -o-display:flex; align-items:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; -o-align-items:center; width:100%; max-width:100%; padding-bottom: 4px; height:110px; } .mobile-only.featured-aside .blog-right .article-img { width:100px; min-width:100px; height:100px; margin:0; } .mobile-only.featured-aside .blog-right img { width:100px; min-width:100px; height:100px !important; -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); left:0; top:0; } .mobile-only.featured-aside .blog-right .article-content { display:inline-block; text-align: left; padding-left: 25px; } .mobile-only.featured-aside .blog-right .article-content p.blog-info_title { font-size:14px; font-weight:bold; color:#2C2E33; margin-bottom:10px; text-transform:uppercase; font-family: Cervo, Museo, Arial, Helvetica, sans-serif; } .mobile-only.featured-aside .blog-right .article-content p.blog-info_desc { font-size:13px; font-weight:400; color:#2C2E33; margin-bottom:15px; } .mobile-only.featured-aside .blog-right .article-content a { font-size:13px; font-weight:600; color:#CE051D; } } @media(max-width:400px) { .featured-aside section:first-child { height:145px; width:100%; } .featured-aside section:last-child { width:100%; } .mobile-only.featured-aside .blog-right li { height:120px; } .mobile-only.featured-aside .blog-right .article-img { width:80px; min-width:80px; height:80px !important; } .mobile-only.featured-aside .blog-right img { width:80px; min-width:80px; height:80px !important; } } /* END UPDATE 6.18.2018 (USP HEADER, and right blog) */ /* Announcement bar update */ .notify-active #top { top:44px; } .notify-active #root { margin-top:44px; } #notify { text-transform:uppercase; min-height:44px; } #notify i { font-weight: 200; text-shadow: none; float: right; font-size: 18px; line-height: 1; color: #fff; opacity: .8; top: 50%; position: absolute; right: 20px; margin-top: -9px; } /* Announcement bar update */ .popup-a.shown .box-inset p.link-a > a > span { line-height:40px; } @media screen and (max-width:400px) { .gui-checkout .gui-cart-sum .gui-item, .gui-checkout .gui-cart-sum .gui-taxes-details, .gui-checkout .gui-cart-sum .gui-item.gui-big, .gui-thankyou .gui-cart-sum .gui-item { width:100%;} } @media (max-width: 380px) { .mobile-spec .spec-element .odd, .mobile-spec .spec-element .even { font-size:13px; } } @media (max-width: 480px){ .gui-col3-center-col1, .gui-col3-center-col2, .gui-col3-center-col3{ width: 100%!important; float: left!important; margin-bottom: 5px!important; } }