/*VARIABLES*/ @font-face { font-family: 'open_sansregular'; src: url("../fonts/opensans-regular-webfont.eot"); src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular-webfont.svg#open_sansregular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url("../fonts/opensans-semibold-webfont.eot"); src: url("../fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/opensans-semibold-webfont.woff") format("woff"), url("../fonts/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url("../fonts/opensans-bold-webfont.eot"); src: url("../fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/opensans-bold-webfont.svg#open_sansbold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; src: url("../fonts/opensans-extrabold-webfont.eot"); src: url("../fonts/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-extrabold-webfont.woff2") format("woff2"), url("../fonts/opensans-extrabold-webfont.woff") format("woff"), url("../fonts/opensans-extrabold-webfont.ttf") format("truetype"), url("../fonts/opensans-extrabold-webfont.svg#open_sansextrabold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold_italic'; src: url("../fonts/opensans-extrabolditalic-webfont.eot"); src: url("../fonts/opensans-extrabolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-extrabolditalic-webfont.woff2") format("woff2"), url("../fonts/opensans-extrabolditalic-webfont.woff") format("woff"), url("../fonts/opensans-extrabolditalic-webfont.ttf") format("truetype"), url("../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansitalic'; src: url("../fonts/opensans-italic-webfont.eot"); src: url("../fonts/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-italic-webfont.woff2") format("woff2"), url("../fonts/opensans-italic-webfont.woff") format("woff"), url("../fonts/opensans-italic-webfont.ttf") format("truetype"), url("../fonts/opensans-italic-webfont.svg#open_sansitalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold_italic'; src: url("../fonts/opensans-bolditalic-webfont.eot"); src: url("../fonts/opensans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bolditalic-webfont.woff2") format("woff2"), url("../fonts/opensans-bolditalic-webfont.woff") format("woff"), url("../fonts/opensans-bolditalic-webfont.ttf") format("truetype"), url("../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic") format("svg"); font-weight: normal; font-style: normal; } /* --------------- reset.css --------------- */ html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; text-decoration: none; color: #000; } table { border-collapse: collapse; border-spacing: 0; } td, td img { vertical-align: top; } input, select, button, textarea { margin: 0; font-size: 100%; font-family: "open_sansregular", arial, sans-serif; } input[type="checkbox"] { vertical-align: bottom; } input[type="radio"] { vertical-align: text-bottom; } input::-ms-clear { display: none; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } /* --------------- /reset.css --------------- */ .clearfix:before, .header-banner .item-1:before, .header-banner .item-2:before, .header-banner .item-3:before, .product-list__row:before, .prod-more-box .text:before, .contact-us .row__inp:before, .cart-order:before, .order-tips:before, .qtip-custom .qtip-content ul:before, .clearfix:after, .header-banner .item-1:after, .header-banner .item-2:after, .header-banner .item-3:after, .product-list__row:after, .prod-more-box .text:after, .contact-us .row__inp:after, .cart-order:after, .order-tips:after, .qtip-custom .qtip-content ul:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after, .header-banner .item-1:after, .header-banner .item-2:after, .header-banner .item-3:after, .product-list__row:after, .prod-more-box .text:after, .contact-us .row__inp:after, .cart-order:after, .order-tips:after, .qtip-custom .qtip-content ul:after { clear: both; } .clearfix, .header-banner .item-1, .header-banner .item-2, .header-banner .item-3, .product-list__row, .prod-more-box .text, .contact-us .row__inp, .cart-order, .order-tips, .qtip-custom .qtip-content ul { zoom: 1; } body { position: relative; text-align: left; font: 14px/16px "open_sansregular", arial, sans-serif, Arial, sans-serif; color: #000; background: #fff; } label, input[type="button"], input[type="submit"], button { cursor: pointer; } input:not([type="image"]), textarea { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /*vertical rhythm*/ .post { font-size: 13px; color: #35403e; line-height: 16px; } .post p { font-size: 12px; color: #35403e; line-height: 16px; padding-bottom: 20px; } .post a { color: #2d9683; text-decoration: underline; } .post a:hover { text-decoration: none; } .post.post_page p { font-size: 13px; line-height: 17px; } .post img[lign="left"] { float: left; margin: 0 20px 20px 0; } .post img[lign="right"] { float: left; margin: 0 0 20px 20px; } .post q { font-size: 16px; color: #003399; font-style: italic; line-height: 22px; padding-bottom: 20px; display: block; } .post h1 { font-size: 19px; color: #182422; line-height: 23px; padding-bottom: 15px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .post h2 { font-size: 18px; color: #182422; line-height: 22px; padding-bottom: 20px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .post h3 { font-size: 20px; color: #182422; line-height: 24px; padding-bottom: 20px; font-weight: 400; } .post h4 { font-size: 18px; color: #182422; line-height: 22px; padding-bottom: 20px; font-weight: 400; } .post h5 { font-size: 16px; color: #182422; line-height: 20px; padding-bottom: 20px; font-weight: 400; } .post h6 { font-size: 14px; color: #182422; line-height: 18px; padding-bottom: 20px; font-weight: 400; } .post ul { padding-left: 15px; padding-bottom: 20px; } .post ul li { font-size: 12px; color: #182422; line-height: 18px; } .tab-box__layers .post li { font-size: 12px; line-height: 15px; color: #2d9683; text-decoration: underline; list-style: none; } .tab-box__layers .post li:hover { text-decoration: none; } .post ol { padding-left: 15px; padding-bottom: 20px; } .post ol li { font-size: 12px; color: #182422; line-height: 18px; } .post table { width: 100%; margin-bottom: 20px; } .post table tr td { font-size: 14px; line-height: 18px; padding-bottom: 15px; padding: 10px; } .post table[border="1"] tr td { border: 2px solid #333; } @media only screen and (max-width: 767px) { .post table.ship tr th { padding: 10px 5px; } } @media only screen and (max-width: 767px) { .post table.ship tr td { padding: 10px 5px; } } .post .btn-orange { color: #fff; text-decoration: none; } .hide { display: none; } @media only screen and (max-width: 767px) { .post-table { overflow-x: scroll; } } .btn-orange { display: inline-block; height: 26px; line-height: 26px; border: 1px solid #ff642b; padding: 0 15px; font-size: 13px; color: #fff; background: #ff642b; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; } .btn-orange:hover { background: none; color: #ff642b; } .btns-line .btn-orange { height: 35px; min-width: 180px; padding: 0 5px; float: right; } @media only screen and (max-width: 767px) { .btns-line .btn-orange { float: none; display: block; width: auto; } } .btns-line .btn-orange span { line-height: 35px; position: relative; padding: 0 0 0 20px; } @media only screen and (max-width: 767px) { .btns-line .btn-orange span { font-size: 18px; } } .btns-line .btn-orange .icon-check { background: url('../img/icons-sc42ab473e6.png') 0 -485px no-repeat; width: 14px; height: 12px; display: block; position: absolute; top: 50%; left: 0; margin: -6px 0 0; } .cart-small .btn-orange { padding: 0 10px; font-size: 12px; } .btn-green { display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; font-size: 16px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #fff; background: #3cc9b0; border: 2px solid #3cc9b0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; } .btn-green:hover { background: none; color: #3cc9b0; } .btn-black { display: inline-block; height: 26px; line-height: 26px; padding: 0 15px; font-size: 13px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; border: 1px solid #000; color: #fff; background: #000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; } .btn-black:hover { background: none; color: #000; } .btn_cart i { display: inline-block; background: url('../img/icons-sc42ab473e6.png') 0 -466px no-repeat; width: 18px; height: 14px; margin-right: 10px; text-indent: -999px; overflow: hidden; position: relative; top: 2px; } .btn_cart:hover i { background: url('../img/icons-sc42ab473e6.png') 0 -447px no-repeat; width: 18px; height: 14px; } .icon-white-cart { background: url('../img/icons-sc42ab473e6.png') 0 -466px no-repeat; width: 18px; height: 14px; display: none; } @media only screen and (max-width: 767px) { .icon-white-cart { display: block; } } .btn-black.btn_cart:hover i { background: url('../img/icons-sc42ab473e6.png') 0 -428px no-repeat; width: 18px; height: 14px; } .btn_big { height: 36px; line-height: 36px; font-size: 18px; border-width: 2px; } .btn_small { height: 20px; line-height: 20px; font-size: 12px; } .icon { display: inline-block; zoom: 1; } .icon-white-check { display: block; background: url('../img/icons-sc42ab473e6.png') 0 -1831px no-repeat; width: 26px; height: 26px; } .icon_grey-burger { background: url('../img/icons-sc42ab473e6.png') 0 -820px no-repeat; width: 21px; height: 16px; } .open .icon_grey-burger { background: url('../img/icons-sc42ab473e6.png') 0 -514px no-repeat; width: 20px; height: 20px; } .icon_black-arr-down { background: url('../img/icons-sc42ab473e6.png') 0 -201px no-repeat; width: 7px; height: 4px; } .icon-airmail, .icon-AirMail { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -67px no-repeat; width: 56px; height: 13px; } .icon-prmail, .icon-USPS { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1392px no-repeat; width: 48px; height: 12px; } @media only screen and (max-width: 767px) { .col2 .icon-prmail, .col2 .icon-USPS { position: relative; top: 0px; } } .icon-ems, .icon-EMS { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -720px no-repeat; width: 37px; height: 11px; } .icon-airmail-w, .icon-AirMail-w { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -49px no-repeat; width: 56px; height: 13px; } .icon-prmail-w, .icon-USPS-w { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1375px no-repeat; width: 48px; height: 12px; } .icon-ems-w, .icon-EMS-w { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -704px no-repeat; width: 37px; height: 11px; } .icon-visa { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1758px no-repeat; width: 71px; height: 45px; } .icon-mastercard { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1077px no-repeat; width: 71px; height: 45px; } .icon-dinner { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -607px no-repeat; width: 71px; height: 45px; } .icon-amex { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -151px no-repeat; width: 71px; height: 45px; } .icon-jcb { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -889px no-repeat; width: 71px; height: 45px; } .icon-star { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1630px no-repeat; width: 10px; height: 10px; } .icon-star-inactive { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1662px no-repeat; width: 10px; height: 10px; } .icon-visa-billing { background: url('../img/icons-sc42ab473e6.png') 0 -1727px no-repeat; width: 39px; height: 26px; } .icon-amex-billing { background: url('../img/icons-sc42ab473e6.png') 0 -120px no-repeat; width: 39px; height: 26px; } .icon-dinersclub-billing { background: url('../img/icons-sc42ab473e6.png') 0 -576px no-repeat; width: 39px; height: 26px; } .icon-jcb-billing { background: url('../img/icons-sc42ab473e6.png') 0 -858px no-repeat; width: 39px; height: 26px; } .icon-mastercard-billing { background: url('../img/icons-sc42ab473e6.png') 0 -1046px no-repeat; width: 39px; height: 26px; } .icon-ach-billing { background: url('../img/icons-sc42ab473e6.png') 0 0 no-repeat; width: 39px; height: 26px; } .icon-discover-billing { background: url('../img/icons-sc42ab473e6.png') 0 -657px no-repeat; width: 39px; height: 26px; } .icon-star-big { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1613px no-repeat; width: 13px; height: 12px; } .icon-star-inactive-big { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1645px no-repeat; width: 13px; height: 12px; } .icon-bestbuy { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -396px no-repeat; width: 57px; height: 27px; } .checkbox { position: relative; height: 18px; width: 18px; clear: left; float: left; background: url("../img/checkbox.png") no-repeat; cursor: pointer; text-align: left; overflow: hidden; } .checkbox.disabled { opacity: 0.5; filter: Alpha(opacity="50"); } .checkbox input { position: absolute; left: -400px; top: 0px; } .icon-pill-green { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1224px no-repeat; width: 31px; height: 31px; } .icon-smile-green { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1578px no-repeat; width: 30px; height: 30px; } .icon-secure-green { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1527px no-repeat; width: 24px; height: 30px; } .icon-world-green { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1886px no-repeat; width: 30px; height: 30px; } .icon-like-green { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -992px no-repeat; width: 30px; height: 29px; } .icon-world-green { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1886px no-repeat; width: 30px; height: 30px; } .icon-ambrella-green { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -85px no-repeat; width: 30px; height: 30px; } .icon-phone-green { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1163px no-repeat; width: 29px; height: 28px; } .icon-green-credit { background: url('../img/icons-sc42ab473e6.png') 0 -782px no-repeat; width: 49px; height: 33px; display: block; } .icon-label-green { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -939px no-repeat; width: 30px; height: 30px; } .icon-delete-red { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -502px no-repeat; width: 7px; height: 7px; } .icon_info { background: url('../img/icons-sc42ab473e6.png') 0 -841px no-repeat; width: 12px; height: 12px; display: inline-block; zoom: 1; *display: inline; } .icon_arr-red-back { background: url('../img/icons-sc42ab473e6.png') 0 -1808px no-repeat; width: 27px; height: 18px; } .btn-mint { display: inline-block; zoom: 1; text-align: center; background: #3cc9b0; height: 37px; min-width: 180px; padding: 0 5px; } .btn-mint span { color: #fff; font-size: 18px; line-height: 37px; position: relative; padding: 0 0 0 33px; } .btn-mint .icon-arr-left { display: block; position: absolute; background: url('../img/icons-sc42ab473e6.png') 0 -1808px no-repeat; width: 27px; height: 18px; left: 0; top: 50%; margin: -9px 0 0; } .btns-line .btn-mint { float: left; } @media only screen and (max-width: 767px) { .btns-line .btn-mint { float: none; width: auto; display: block; margin: 0 0 10px 0; } } .billing-cart__title .btn-mint { position: absolute; right: 0; top: -6px; } @media only screen and (max-width: 767px) { .billing-cart__title .btn-mint { top: 0; position: relative; display: block; } } .billing-cart__title .btn-mint span { font-size: 14px; } /* qTip2 - Pretty powerful tooltips - v2.2.0 http://qtip2.com Copyright (c) 2014 Craig Michael Thompson Released under the MIT, GPL licenses http://jquery.org/license Date: Sat Mar 15 2014 09:24 EDT-0400 Plugins: tips viewport imagemap svg modal Styles: basic css3 */ .qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; box-shadow: none; padding: 0; } .qtip-content { position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; } .qtip-titlebar { position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .qtip-titlebar + .qtip-content { border-top-width: 0 !important; } /* Default close button class */ .qtip-close { position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent; } .qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px; } * html .qtip-titlebar .qtip-close { top: 16px; } /* IE fix */ .qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; } .qtip-icon, .qtip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } .qtip-icon .ui-icon { width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } /* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */ /* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */ /* Default tooltip style */ .qtip-default { border-width: 1px; border-style: solid; border-color: #F1D031; background-color: #FFFFA3; color: #555; } .qtip-default .qtip-titlebar { background-color: #FFEF93; } .qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; } .qtip-default .qtip-titlebar .qtip-close { border-color: #AAA; color: #111; } /*! Light tooltip style */ .qtip-light { background-color: white; border-color: #E2E2E2; color: #454545; } .qtip-light .qtip-titlebar { background-color: #f1f1f1; } /*! Dark tooltip style */ .qtip-dark { background-color: #505050; border-color: #303030; color: #f3f3f3; } .qtip-dark .qtip-titlebar { background-color: #404040; } .qtip-dark .qtip-icon { border-color: #444; } .qtip-dark .qtip-titlebar .ui-state-hover { border-color: #303030; } /*! Cream tooltip style */ .qtip-cream { background-color: #FBF7AA; border-color: #F9E98E; color: #A27D35; } .qtip-cream .qtip-titlebar { background-color: #F0DE7D; } .qtip-cream .qtip-close .qtip-icon { background-position: -82px 0; } /*! Red tooltip style */ .qtip-red { background-color: #F78B83; border-color: #D95252; color: #912323; } .qtip-red .qtip-titlebar { background-color: #F06D65; } .qtip-red .qtip-close .qtip-icon { background-position: -102px 0; } .qtip-red .qtip-icon { border-color: #D95252; } .qtip-red .qtip-titlebar .ui-state-hover { border-color: #D95252; } /*! Green tooltip style */ .qtip-green { background-color: #CAED9E; border-color: #90D93F; color: #3F6219; } .qtip-green .qtip-titlebar { background-color: #B0DE78; } .qtip-green .qtip-close .qtip-icon { background-position: -42px 0; } /*! Blue tooltip style */ .qtip-blue { background-color: #E5F6FE; border-color: #ADD9ED; color: #5E99BD; } .qtip-blue .qtip-titlebar { background-color: #D0E9F5; } .qtip-blue .qtip-close .qtip-icon { background-position: -2px 0; } .qtip-shadow { -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); } .qtip-custom { background: #3cc9b0; border: 1px solid #3cc9b0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; max-width: 200px; } .qtip-custom .qtip-titlebar { background-color: #3cc9b0; } /* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */ .qtip-rounded, .qtip-tipsy, .qtip-bootstrap { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .qtip-rounded .qtip-titlebar { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /* Youtube tooltip style */ .qtip-youtube { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; box-shadow: 0 0 3px #333; color: white; border-width: 0; background: #4A4A4A; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black)); background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%); background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%); background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%); background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%); } .qtip-youtube .qtip-titlebar { background-color: #4A4A4A; background-color: transparent; } .qtip-youtube .qtip-content { padding: .75em; font: 12px arial,sans-serif; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"; } .qtip-youtube .qtip-icon { border-color: #222; } .qtip-youtube .qtip-titlebar .ui-state-hover { border-color: #303030; } /* jQuery TOOLS Tooltip style */ .qtip-jtools { background: #232323; background: rgba(0, 0, 0, 0.7); background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323)); background-image: -moz-linear-gradient(top, #717171, #232323); background-image: -webkit-linear-gradient(top, #717171, #232323); background-image: -ms-linear-gradient(top, #717171, #232323); background-image: -o-linear-gradient(top, #717171, #232323); border: 2px solid #ddd; border: 2px solid #f1f1f1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 12px #333; -moz-box-shadow: 0 0 12px #333; box-shadow: 0 0 12px #333; } /* IE Specific */ .qtip-jtools .qtip-titlebar { background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"; } .qtip-jtools .qtip-content { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"; } .qtip-jtools .qtip-titlebar, .qtip-jtools .qtip-content { background: transparent; color: white; border: 0 dashed transparent; } .qtip-jtools .qtip-icon { border-color: #555; } .qtip-jtools .qtip-titlebar .ui-state-hover { border-color: #333; } /* Cluetip style */ .qtip-cluetip { -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); background-color: #D9D9C2; color: #111; border: 0 dashed transparent; } .qtip-cluetip .qtip-titlebar { background-color: #87876A; color: white; border: 0 dashed transparent; } .qtip-cluetip .qtip-icon { border-color: #808064; } .qtip-cluetip .qtip-titlebar .ui-state-hover { border-color: #696952; color: #696952; } /* Tipsy style */ .qtip-tipsy { background: black; background: rgba(0, 0, 0, 0.87); color: white; border: 0 solid transparent; font-size: 11px; font-family: 'Lucida Grande', sans-serif; font-weight: bold; line-height: 16px; text-shadow: 0 1px black; } .qtip-tipsy .qtip-titlebar { padding: 6px 35px 0 10px; background-color: transparent; } .qtip-tipsy .qtip-content { padding: 6px 10px; } .qtip-tipsy .qtip-icon { border-color: #222; text-shadow: none; } .qtip-tipsy .qtip-titlebar .ui-state-hover { border-color: #303030; } /* Tipped style */ .qtip-tipped { border: 3px solid #959FA9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #F9F9F9; color: #454545; font-weight: 400; font-family: serif; } .qtip-tipped .qtip-titlebar { border-bottom-width: 0; color: white; background: #3A79B8; background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D)); background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D); background-image: -moz-linear-gradient(top, #3A79B8, #2E629D); background-image: -ms-linear-gradient(top, #3A79B8, #2E629D); background-image: -o-linear-gradient(top, #3A79B8, #2E629D); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"; } .qtip-tipped .qtip-icon { border: 2px solid #285589; background: #285589; } .qtip-tipped .qtip-icon .ui-icon { background-color: #FBFBFB; color: #555; } /** Twitter Bootstrap style. Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11. Does not work with IE 7. */ .qtip-bootstrap { /** Taken from Bootstrap body */ font-size: 14px; line-height: 20px; color: #333333; /** Taken from Bootstrap .popover */ padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .qtip-bootstrap .qtip-titlebar { /** Taken from Bootstrap .popover-title */ padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .qtip-bootstrap .qtip-titlebar .qtip-close { /** Overrides qTip2: .qtip-titlebar .qtip-close{ [...] right: 4px; top: 50%; [...] border-style: solid; } */ right: 11px; top: 45%; border-style: none; } .qtip-bootstrap .qtip-content { /** Taken from Bootstrap .popover-content */ padding: 9px 14px; } .qtip-bootstrap .qtip-icon { /** Overrides qTip2: .qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777; } */ background: transparent; } .qtip-bootstrap .qtip-icon .ui-icon { /** Overrides qTip2: .qtip-icon .ui-icon{ width: 18px; height: 14px; } */ width: auto; height: auto; /* Taken from Bootstrap .close */ float: right; font-size: 20px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 18px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .qtip-bootstrap .qtip-icon .ui-icon:hover { /* Taken from Bootstrap .close:hover */ color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } /* IE9 fix - removes all filters */ .qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; } .qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10; } /* Opera bug #357 - Incorrect tip position https://github.com/Craga89/qTip2/issues/367 */ x:-o-prefocus, .qtip .qtip-tip { visibility: hidden; } .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; } .qtip .qtip-tip canvas { top: 0; left: 0; } .qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; } #qtip-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } /* Applied to modals with show.modal.blur set to true */ #qtip-overlay.blurs { cursor: pointer; } /* Change opacity of overlay here */ #qtip-overlay div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /*VARIABLES*/ header { background: url(../img/header-bg.png) repeat-x 0 100% transparent; position: relative; z-index: 10; } @media only screen and (min-width: 768px) and (max-width: 1024px) { header { display: block; background: none; } } @media only screen and (max-width: 767px) { header { display: block; background: none; } } .header_i { width: 968px; margin: 0 auto; height: 208px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .header_i { width: auto; padding: 0 9px; height: 108px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; background-color: #f7fbfb; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7FBFB', endColorstr='#FFEBFAF8'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmJmYiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZjJmYmZhIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlZmZhZjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmZhZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7fbfb), color-stop(40%, #f2fbfa), color-stop(60%, #effaf9), color-stop(100%, #ebfaf8)); background-image: -moz-linear-gradient(top, #f7fbfb 0%, #f2fbfa 40%, #effaf9 60%, #ebfaf8 100%); background-image: -webkit-linear-gradient(top, #f7fbfb 0%, #f2fbfa 40%, #effaf9 60%, #ebfaf8 100%); background-image: linear-gradient(to bottom, #f7fbfb 0%, #f2fbfa 40%, #effaf9 60%, #ebfaf8 100%); } } @media only screen and (max-width: 767px) { .header_i { width: auto; padding: 0 15px; height: 108px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; background-color: #f7fbfb; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7FBFB', endColorstr='#FFEBFAF8'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmJmYiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZjJmYmZhIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlZmZhZjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmZhZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7fbfb), color-stop(40%, #f2fbfa), color-stop(60%, #effaf9), color-stop(100%, #ebfaf8)); background-image: -moz-linear-gradient(top, #f7fbfb 0%, #f2fbfa 40%, #effaf9 60%, #ebfaf8 100%); background-image: -webkit-linear-gradient(top, #f7fbfb 0%, #f2fbfa 40%, #effaf9 60%, #ebfaf8 100%); background-image: linear-gradient(to bottom, #f7fbfb 0%, #f2fbfa 40%, #effaf9 60%, #ebfaf8 100%); margin: 46px 0 0 0; } } .header__top { height: 40px; border-bottom: 1px solid #d0e7e6; } @media only screen and (max-width: 767px) { .header__top { border-bottom: none; } } .ww-delivery { width: 340px; float: left; font-size: 12px; color: #35403e; line-height: 14px; padding-top: 16px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .ww-delivery { display: none; } } @media only screen and (max-width: 767px) { .ww-delivery { display: none; } } .lang_it .ww-delivery, .lang_jp .ww-delivery { width: 320px; } .ww-delivery strong { color: #3cc9b0; display: inline-block; padding-left: 20px; position: relative; } .ww-delivery strong i { text-indent: -999px; overflow: hidden; display: block; position: absolute; background: url('../img/icons-sc42ab473e6.png') 0 -1304px no-repeat; width: 9px; height: 12px; left: 5px; top: 2px; } .logo { position: absolute; left: 0; top: 62px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .logo { left: 9px; top: 56px; } } @media only screen and (max-width: 767px) { .logo { left: 0; top: -46px; z-index: 12; right: 0; background: #3cc9b0; height: 46px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 0 15px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .lang_de .logo, .lang_it .logo, .lang_fr .logo { top: 48px; } } .logo .text { display: block; font-size: 12px; color: #858c8b; line-height: 14px; font-family: "PT Sans", sans-serif; position: absolute; left: 47px; top: 28px; } @media only screen and (max-width: 767px) { .logo .text { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .lang_pt .logo .text { font-size: 10px; } } @media only screen and (max-width: 767px) { .logo .big-logo { display: none; } } .logo .mobile-logo { display: none; } @media only screen and (max-width: 767px) { .logo .mobile-logo { display: block; } } .content { width: 968px; margin: 0 auto; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .content { width: auto; margin: 0 9px; } } @media only screen and (max-width: 767px) { .content { width: auto; padding: 0 15px; } } .content__202 { float: left; width: 202px; padding-bottom: 30px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .content__202 { width: auto; float: none; display: none; margin: 0 0 10px; padding: 0; } } @media only screen and (max-width: 767px) { .content__202 { float: none; width: auto; display: none; margin: 0 0 10px; padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .content__202.open { display: block; } } @media only screen and (max-width: 767px) { .content__202.open { display: block; } } .content__748 { float: left; width: 748px; padding-left: 15px; padding-bottom: 30px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .content__748 { width: auto; margin: 0; padding: 0 0 15px 0; float: none; } } @media only screen and (max-width: 767px) { .content__748 { float: none; margin: 0; padding: 0 0 5px 0; width: auto; } } footer { width: 968px; margin: 0 auto; } @media only screen and (min-width: 768px) and (max-width: 1024px) { footer { width: auto; margin: 0 9px; display: block; } } @media only screen and (max-width: 767px) { footer { width: auto; margin: 0; display: block; padding: 0 15px; } } .footer__bott { border-top: 1px solid #d0e7e6; padding-top: 30px; position: relative; padding-bottom: 30px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .footer__bott { text-align: center; } } @media only screen and (max-width: 767px) { .footer__bott { border-top: none; padding: 15px 0; } } .footer__bott .copy { font-size: 12px; color: #35403e; line-height: 14px; position: absolute; left: 30px; top: 44px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .footer__bott .copy { position: static; text-align: center; padding: 0 0 5px; } } @media only screen and (max-width: 767px) { .footer__bott .copy { position: static; text-align: center; padding: 0 0 5px 0; } } /*VARIABLES*/ /* Version: @@ver@@ Timestamp: @@timestamp@@ */ .select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; } .select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html */ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ } .select2-container .select2-choice { display: block; height: 30px; padding: 0 0 0 10px; overflow: hidden; position: relative; border: 1px solid #ffc412; white-space: nowrap; line-height: 28px; color: #a7a7a7; text-decoration: none; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fffefc; } .select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url("../img/select2.png") right top no-repeat; cursor: pointer; outline: 0; } .select2-container.select2-allowclear .select2-choice abbr { display: inline-block; } .select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; } .select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); } .select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #ffc412; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } .open-nav .select2-drop { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; background: #8ce6d4; border: none; } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #ffc412; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); } .select2-drop-active { border-top: none; } .select2-drop-auto-width { border-top: 1px solid #ffc412; width: auto; } .select2-drop-auto-width .select2-search { padding-top: 4px; } .select2-container .select2-choice .select2-arrow { display: inline-block; width: 25px; height: 100%; position: absolute; right: 0; top: 0; } .select2-container .select2-choice .select2-arrow b { display: block; position: absolute; left: 50%; top: 50%; margin: -2px 0 0 -3px; background: url('../img/icons-sc42ab473e6.png') 0 -1562px no-repeat; width: 5px; height: 3px; } .select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; } .open-nav .select2-search { display: none; } .select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #ffc412; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff url("../img/select2.png") no-repeat 100% -22px; background: url("../img/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url("../img/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("../img/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("../img/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px; } .select2-search input.select2-active { background: #fff url("select2-spinner.gif") no-repeat 100%; background: url("../img/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background: url("../img/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("../img/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background: url("../img/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; } .select2-container-active .select2-choice, .select2-container-active .select2-choices { outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #fff; } .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border-top-color: transparent; } .select2-dropdown-open .select2-choice .select2-arrow b { background: url('../img/icons-sc42ab473e6.png') 0 -1570px no-repeat; width: 5px; height: 3px; } .select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* results */ .select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: transparent; } .select2-results ul.select2-result-sub { margin: 0; padding-left: 0; } .select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px; } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px; } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px; } .select2-results li { list-style: none; display: list-item; background-image: none; } .select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; } .select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .open-nav .select2-results .select2-result-label:hover { background: #3cc9b0; color: #fff; } .select2-results .select2-highlighted { background: #3cc9b0; color: #fff; } .select2-results li em { background: #feffde; font-style: normal; } .select2-results .select2-highlighted em { background: transparent; } .select2-results .select2-highlighted ul { background: #fff; color: #000; } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; } /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; } .select2-results .select2-selected { display: none; } .select2-more-results.select2-active { background: #f4f4f4 url("../img/select2-spinner.gif") no-repeat 100%; } .select2-more-results { background: #f4f4f4; display: list-item; } /* disabled styles */ .select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ffc412; cursor: default; } .select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; } .select2-container.select2-container-disabled .select2-choice abbr { display: none; } /* multiselect */ .select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0; position: relative; border: 1px solid #ffc412; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%); } .select2-locked { padding: 3px 5px 3px 5px !important; } .select2-container-multi .select2-choices { min-height: 26px; } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #ffc412; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .select2-container-multi .select2-choices li { float: left; list-style: none; } html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; } .select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #fff url("select2-spinner.gif") no-repeat 100% !important; } .select2-default { color: #35403e; } .select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #ffc412; border-radius: 3px; -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); } html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin-left: 0; margin-right: 5px; } .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; } .select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; } .select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url("../img/select2.png") right top no-repeat; } html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; } .select2-container-multi .select2-search-choice-close { left: 3px; } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; } /* disabled styles */ .select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ffc412; cursor: default; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ffc412; background-image: none; background-color: #f4f4f4; } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; } /* end multiselect */ .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; } .select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; } .select2-display-none { display: none; } .select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; } /*VARIABLES*/ .currency, .lang { float: left; width: 110px; padding-top: 16px; position: relative; z-index: 10; } .lang_es .currency, .lang_es .lang { width: 115px; } @media only screen and (max-width: 767px) { .currency, .lang { display: none; } } .currency .title, .lang .title { font-size: 12px; color: #35403e; line-height: 14px; position: relative; padding-right: 10px; cursor: pointer; } .currency .title i, .lang .title i { display: block; text-indent: -999px; overflow: hidden; position: absolute; right: 15px; top: 5px; background: url('../img/icons-sc42ab473e6.png') 0 -325px no-repeat; width: 6px; height: 3px; } .currency .drop, .lang .drop { display: none; background: #fff; position: absolute; width: 50px; padding: 10px; border: 1px solid #cdd4d9; left: 0; top: 40px; -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); } .currency .drop i, .lang .drop i { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -548px no-repeat; width: 12px; height: 7px; position: absolute; left: 50%; margin-left: -4px; top: -7px; } .currency .drop ul li, .lang .drop ul li { list-style: none; padding-top: 10px; text-align: center; } .currency .drop ul li:first-child, .lang .drop ul li:first-child { padding-top: 0; } .currency .drop ul li a, .lang .drop ul li a { font-size: 13px; color: #818181; line-height: 15px; } .currency .drop ul li a:hover, .lang .drop ul li a:hover { color: #363a3d; } .header__bott { background: #ffffff; } .header__bott_i { width: 968px; margin: 0 auto; position: relative; padding: 18px 0 10px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .header__bott_i { width: auto; margin: 0; padding: 85px 0 0; } } @media only screen and (max-width: 767px) { .header__bott_i { width: auto; margin: 0; padding: 65px 15px 0; } } .cart-small { position: absolute; right: 0; top: 0; padding: 8px 0 0 0; text-align: right; width: 450px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .cart-small { right: 9px; } } @media only screen and (max-width: 767px) { .cart-small { top: 57px; left: 15px; right: 15px; width: auto; padding: 0; } } @media only screen and (max-width: 767px) { .cart-small span { display: none; } } .cart-small .icon-white-cart { position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -9px; } .cart-small p { display: inline-block; font-size: 13px; color: #35403e; line-height: 28px; } @media only screen and (max-width: 767px) { .cart-small p { margin: 0 60px 0 0; display: block; text-align: left; line-height: 17px; padding: 8px 0; } } .cart-small p strong { color: #3cc9b0; margin-left: 5px; } @media only screen and (max-width: 767px) { .cart-small p strong { white-space: nowrap; } } .cart-small p em { font-style: normal; color: #858c8b; margin-left: 5px; } .cart-small .btn-orange { margin-left: 10px; } @media only screen and (max-width: 767px) { .cart-small .btn-orange { width: 50px; margin: 0; position: absolute; right: 0; top: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: -13px 0 0 0; } } .cart-small__icon { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -447px no-repeat; width: 18px; height: 14px; margin-right: 5px; position: relative; top: 2px; } @media only screen and (max-width: 767px) { .cart-small__icon { display: none; } } .promo-text { border-top: 1px solid #d0e7e6; position: absolute; left: 0; top: 122px; width: 100%; padding-top: 12px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .promo-text { display: none; padding-top: 24px; } } @media only screen and (max-width: 767px) { .promo-text { display: none; } } .content .promo-text { display: none; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .content .promo-text { display: block; position: static; } } @media only screen and (max-width: 767px) { .content .promo-text { display: block; position: static; padding-top: 20px; } } .promo-text p { display: inline-block; zoom: 1; padding-left: 40px; font-size: 15px; font-family: "open_sansbold_italic", arial, sans-serif; font-weight: 400; color: #555959; position: relative; } .lang_es .promo-text p, .lang_fr .promo-text p { font-size: 13px; } .lang_pt .promo-text p { font-size: 14px; } @media only screen and (max-width: 767px) { .promo-text p { padding: 0 0 10px 35px; } } .promo-text p i { display: block; text-indent: -999px; overflow: hidden; position: absolute; } .promo-text p.icon-free-del i { left: 10px; top: -5px; background: url('../img/icons-sc42ab473e6.png') 0 -736px no-repeat; width: 24px; height: 23px; } @media only screen and (max-width: 767px) { .promo-text p.icon-free-del i { left: 5px; } } .promo-text p.icon-bigstar i { left: 15px; top: -2px; background: url('../img/icons-sc42ab473e6.png') 0 -1677px no-repeat; width: 20px; height: 19px; } @media only screen and (max-width: 767px) { .promo-text p.icon-bigstar i { left: 2px; } } .promo-text p.icon-medal i { left: 15px; top: -2px; background: url('../img/icons-sc42ab473e6.png') 0 -1127px no-repeat; width: 16px; height: 20px; } @media only screen and (max-width: 767px) { .promo-text p.icon-medal i { left: 4px; } } .promo-text p.icon-tablets i { left: 15px; top: -2px; background: url('../img/icons-sc42ab473e6.png') 0 -1701px no-repeat; width: 20px; height: 21px; } @media only screen and (max-width: 767px) { .promo-text p.icon-tablets i { left: 5px; } } .nav-link { display: none; background: #3cc9b0; width: 46px; height: 46px; position: absolute; right: 9px; top: 52px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .nav-link { display: block; } } @media only screen and (max-width: 767px) { .nav-link { display: block; top: -46px; right: 15px; width: 31px; z-index: 15; } } .nav-link i { background: url('../img/icons-sc42ab473e6.png') 0 -1152px no-repeat; width: 24px; height: 6px; display: block; position: absolute; top: 50%; right: 50%; margin: -3px -12px 0 0; } @media only screen and (max-width: 767px) { .nav-link i { right: 2px; margin: -3px 0 0; } } .open-nav .nav-link i { background: url('../img/icons-sc42ab473e6.png') 0 -1862px no-repeat; width: 20px; height: 19px; position: static; } .open-nav .nav-link { z-index: 100; top: 25px; } @media only screen and (max-width: 767px) { .open-nav .nav-link { top: -29px; right: 17px; background: none; height: auto; width: auto; } } .mnav { position: absolute; width: 733px; padding-right: 235px; left: 0; bottom: 0; background: #3cc9b0; height: 45px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav { position: fixed; top: 0; left: -100%; bottom: 0; height: 0; opacity: 0; width: auto; padding: 0; } } @media only screen and (max-width: 767px) { .mnav { position: fixed; top: 0; left: -100%; bottom: 0; height: 0; opacity: 0; width: auto; padding: 0; } } .mnav table { width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav table { display: block; height: 0; } } @media only screen and (max-width: 767px) { .mnav table { display: block; height: 0; width: auto; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav table tbody { display: block; } } @media only screen and (max-width: 767px) { .mnav table tbody { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav table tbody tr { display: block; } } @media only screen and (max-width: 767px) { .mnav table tbody tr { display: block; } } .mnav table tbody tr td { height: 45px; vertical-align: middle; padding: 0 5px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav table tbody tr td { display: block; text-align: center; } } @media only screen and (max-width: 767px) { .mnav table tbody tr td { display: block; text-align: center; height: auto; padding: 10px 0; } } .mnav table tbody tr td:first-child { padding-left: 20px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav table tbody tr td:first-child { padding: 0; } } @media only screen and (max-width: 767px) { .mnav table tbody tr td:first-child { padding: 10px 0; } } .mnav table tbody tr td a { color: #fff; font-size: 14px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 16px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav table tbody tr td a { font-family: "open_sansregular", arial, sans-serif; } } @media only screen and (max-width: 767px) { .mnav table tbody tr td a { font-family: "open_sansregular", arial, sans-serif; } } .mnav table tbody tr td a:hover { text-decoration: underline; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .open-nav .mnav { opacity: 1; left: 0; right: 0; height: 100%; z-index: 15; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } } @media only screen and (max-width: 767px) { .open-nav .mnav { opacity: 1; left: 0; right: 0; height: 100%; z-index: 15; overflow-y: scroll; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .open-nav .mnav table { width: 400px; margin: 0 auto; height: auto; padding: 80px 0 0; } } @media only screen and (max-width: 767px) { .open-nav .mnav table { width: 320px; margin: 0 auto; height: auto; padding: 100px 0 0; } } .mnav .phone { position: absolute; padding-right: 25px; width: 150px; right: 0; top: 0; height: 40px; padding-top: 2px; border-left: 1px solid #7ad6c5; padding-left: 60px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav .phone { position: relative; margin: 0 auto; border: none; padding-left: 30px; } } @media only screen and (max-width: 767px) { .mnav .phone { position: relative; margin: 0 auto; border: none; padding-bottom: 30px; } } .mnav .phone i { text-indent: -999px; overflow: hidden; display: block; background: url('../img/icons-sc42ab473e6.png') 0 -1196px no-repeat; width: 23px; height: 23px; position: absolute; left: 27px; top: 17px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav .phone i { left: 0; } } .mnav .phone p { font-size: 10px; text-transform: uppercase; line-height: 12px; color: #fff; position: relative; top: 2px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mnav .phone p { text-align: center; } } @media only screen and (max-width: 767px) { .mnav .phone p { text-align: center; left: -15px; } } .mnav .phone strong { display: block; font-size: 20px; color: #fff; line-height: 22px; padding: 3px 0 0 0; white-space: nowrap; } .promo-text__item { display: inline-block; zoom: 1; } .promo-text__item p { zoom: 1; } .promo-text__item a { display: inline-block; zoom: 1; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .promo-text__item { width: 49%; margin: 0 0 10px 0; text-align: center; } } @media only screen and (max-width: 767px) { .promo-text__item { width: auto; display: block; text-align: left; margin: 0 0 10px 0; } } .header-banner { position: absolute; width: 700px; height: 44px; background: #555; right: 0; top: 52px; padding: 8px 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .header-banner { display: none; } } @media only screen and (max-width: 767px) { .header-banner { display: none; padding: 0; } } .content .header-banner { display: none; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .content .header-banner { display: block; position: static; width: auto; } } @media only screen and (max-width: 767px) { .content .header-banner { display: block; position: static; width: auto; height: auto; } } .header-banner .item-1 { float: left; padding-left: 35px; border-right: 1px solid #888; width: 160px; height: 44px; padding-right: 20px; } .header-banner .item-1 .icon-rocket { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1424px no-repeat; width: 32px; height: 30px; float: right; } .header-banner .item-2 { float: left; padding-left: 30px; border-right: 1px solid #888; width: 170px; height: 44px; padding-right: 20px; } .header-banner .item-2 .icon-pills { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1260px no-repeat; width: 40px; height: 39px; float: right; } .header-banner .item-3 { float: left; padding-left: 30px; width: 232px; } .header-banner .item-3 sup { font-size: 13px; color: #ffc412; font-style: italic; float: left; } .header-banner .item-3 .big { font-size: 28px; color: #ffc412; line-height: 30px; font-family: "open_sansextrabold_italic", arial, sans-serif; font-weight: 400; float: left; padding-left: 2px; } .header-banner .item-3 h2 { float: left; padding-left: 4px; padding-top: 4px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .header-banner .item-1, .header-banner .item-2, .header-banner .item-3 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33%; } } @media only screen and (max-width: 767px) { .header-banner .item-1, .header-banner .item-2, .header-banner .item-3 { float: none; width: auto; height: auto; padding: 10px 40px 10px 30px; border-right: none; border-top: 1px solid #888; } } @media only screen and (max-width: 767px) { .header-banner .item-1 { border-top: none; } } .header-banner h1 { font-size: 19px; color: #fff; font-family: "open_sansextrabold_italic", arial, sans-serif; font-weight: 400; line-height: 18px; } .header-banner h2 { font-size: 11px; line-height: 12px; text-transform: uppercase; color: #ffc412; padding-top: 2px; } .header-banner p { font-size: 11px; color: #ffc412; line-height: 12px; } .search { float: left; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .search { float: none; position: absolute; left: 272px; right: 64px; top: -56px; } } @media only screen and (max-width: 767px) { .search { float: none; position: absolute; left: 15px; right: 15px; top: -100px; } } .search > p { font-size: 13px; color: #182422; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 15px; padding-bottom: 5px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .search > p { display: none; } } @media only screen and (max-width: 767px) { .search > p { display: none; } } .search .search_i { position: relative; z-index: 14; } .search input[type="text"] { width: 160px; border: 1px solid #ffc412; height: 29px; line-height: 29px; padding: 0 30px 0 10px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .search input[type="text"] { width: 100%; height: 46px; line-height: 44px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 767px) { .search input[type="text"] { width: 100%; height: 46px; line-height: 44px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } .search input[type="text"]:focus { background: #fffcf2; -moz-box-shadow: 0 0 2px 0 rgba(255, 196, 18, 0.15); -webkit-box-shadow: 0 0 2px 0 rgba(255, 196, 18, 0.15); box-shadow: 0 0 2px 0 rgba(255, 196, 18, 0.15); } .search input[type="submit"] { border: 0; background: url('../img/icons-sc42ab473e6.png') 0 -1503px no-repeat; width: 18px; height: 19px; position: absolute; right: 10px; top: 50%; margin: -9.5px 0 0 0; z-index: 2; } .search input[type="submit"]:hover { background: url('../img/icons-sc42ab473e6.png') 0 -1479px no-repeat; width: 18px; height: 19px; } .search__drop { display: none; position: absolute; left: 0; top: 33px; background: #fff; z-index: 20; -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); width: 400px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .search__drop { top: 47px; } } @media only screen and (max-width: 767px) { .search__drop { top: 47px; width: 100%; } } .search-sugg .title { padding: 13px 10px; background: #ffc412; font-size: 14px; color: #fff; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 16px; } .search-sugg ul { padding-top: 10px; padding-bottom: 5px; } .search-sugg ul li { list-style: none; padding: 0 10px 5px 10px; } .search-sugg ul li a { font-size: 12px; color: #35403e; line-height: 14px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .search-sugg ul li a.active, .search-sugg ul li a:hover { color: #ff642b; } .search-prod .title { padding: 13px 10px; background: #ffc412; font-size: 14px; color: #fff; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 16px; } .search-prod ul li { list-style: none; padding: 8px 0; border-top: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .search-prod ul li { position: relative; padding: 8px 0 8px 80px; } } .search-prod ul li:first-child { border-top: 0; } .search-prod ul li .img { float: left; width: 110px; text-align: center; } @media only screen and (max-width: 767px) { .search-prod ul li .img { width: 65px; position: absolute; float: none; left: 5px; top: 50%; margin: -32.5px 0 0 0; } } .search-prod ul li .img img { display: block; width: 100%; } .search-prod ul li .text { float: left; width: 280px; position: relative; } @media only screen and (max-width: 767px) { .search-prod ul li .text { float: none; width: auto; } } .search-prod ul li .text-title { font-size: 12px; color: #ff642b; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; padding-bottom: 6px; padding-right: 105px; } @media only screen and (max-width: 767px) { .search-prod ul li .text-title { padding: 0 0 5px 0; } } .search-prod ul li .text-delivery { position: absolute; right: 0; top: 0; } @media only screen and (max-width: 767px) { .search-prod ul li .text-delivery { display: block; position: static; padding: 0 0 5px 0; } } .search-prod ul li .text-delivery span { font-size: 10px; color: #666; line-height: 12px; display: inline-block; padding: 0 5px; border-left: 1px solid #666; } @media only screen and (max-width: 767px) { .search-prod ul li .text-delivery span { padding: 0 5px; } } .search-prod ul li .text-delivery span:first-child { border: 0; } @media only screen and (max-width: 767px) { .search-prod ul li .text-delivery span:first-child { padding: 0 5px 0 0; } } .search-prod ul li .text-descr { font-size: 11px; color: #35403e; line-height: 15px; padding-bottom: 5px; } .search-prod ul li .btns .btn-orange { float: left; margin-right: 10px; } .search-prod ul li .btns .text-price { font-size: 12px; color: #666; line-height: 20px; } .lnav { border: 1px solid #edf1f2; padding: 4px; margin-bottom: 10px; } .lnav .title { font-size: 13px; color: #fff; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); display: block; height: 30px; line-height: 30px; background: #3cc9b0; text-align: center; margin-top: 1px; } .lnav .title:first-child { margin-top: 0; } .lnav .title:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .lnav .title.active { background: #edf1f2; color: #000; text-shadow: none; } .lnav ul { padding-top: 10px; } .lnav ul li { list-style: none; padding-bottom: 10px; } .lnav ul li a { font-size: 13px; line-height: 17px; padding-left: 25px; color: #35403e; position: relative; display: block; } .lnav ul li a:hover { text-decoration: underline; } .lnav ul li a i { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -314px no-repeat; width: 4px; height: 6px; position: absolute; left: 12px; top: 6px; } .open .lnav ul { -moz-columns: 2; -webkit-columns: 2; columns: 2; } @media only screen and (max-width: 767px) { .open .lnav ul { -moz-columns: 1; -webkit-columns: 1; columns: 1; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .faq { display: none; } } @media only screen and (max-width: 767px) { .faq { display: none; } } .faq.faq_p { padding-bottom: 30px; } .faq .faq_q { font-size: 12px; color: #3cc9b0; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 14px; } .faq .faq_a { font-size: 12px; color: #858c8b; line-height: 16px; padding-bottom: 15px; } .faq a { font-size: 12px; color: #3cc9b0; line-height: 14px; text-decoration: underline; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .faq a:hover { text-decoration: none; } .faq a i { margin-right: 5px; } .faq table { display: none; } .faq ol { padding: 10px 0 10px 17px; } .faq ul { padding: 10px 0 10px 17px; } .sort { float: left; width: 495px; margin: 0 0 0 20px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .sort { display: none; } } @media only screen and (max-width: 767px) { .sort { display: none; } } .sort p { font-size: 13px; color: #182422; line-height: 15px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; padding-bottom: 14px; } .sort ul { text-align: justify; } .sort ul li { list-style: none; display: inline; margin-left: 7px; } .sort ul li:first-child { margin-left: 0; } .sort ul li a { font-size: 12px; color: #ff642b; line-height: 15px; text-decoration: underline; text-transform: uppercase; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .sort ul li a:hover { text-decoration: none; } .coupon { float: right; width: 242px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .coupon { display: none; position: absolute; } } @media only screen and (max-width: 767px) { .coupon { display: none; position: absolute; } } .coupon > p { font-size: 12px; color: #666; line-height: 15px; padding-bottom: 5px; } .coupon > p strong { font-size: 13px; color: #182422; margin-right: 5px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .coupon.open { display: block; top: 68px; right: 9px; background: #fff; padding: 10px; border: 1px solid #edf1f2; } } @media only screen and (max-width: 767px) { .coupon.open { display: block; top: 54px; right: 15px; left: 15px; width: auto; background: #fff; padding: 10px; border: 1px solid #edf1f2; } } .coupon__enter { position: relative; } @media only screen and (max-width: 767px) { .coupon__enter { margin: 10px 0 0 0; } } .coupon__enter input[type="text"] { width: 200px; height: 29px; line-height: 29px; border: 1px solid #ffc412; padding: 0 30px 0 10px; } @media only screen and (max-width: 767px) { .coupon__enter input[type="text"] { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 31px; } } .lang_de .coupon__enter input[type="text"] { font-size: 11px; } .lang_it .coupon__enter input[type="text"] { font-size: 13px; } .lang_fr .coupon__enter input[type="text"] { font-size: 11px; } .lang_st .coupon__enter input[type="text"] { font-size: 11px; } .lang_es .coupon__enter input[type="text"] { font-size: 13px; } .lang_pt .coupon__enter input[type="text"] { font-size: 11px; } .lang_jp .coupon__enter input[type="text"] { font-size: 9px; } .coupon__enter input[type="submit"] { border: 0; background: url('../img/icons-sc42ab473e6.png') 0 -359px no-repeat; width: 8px; height: 15px; position: absolute; right: 5px; top: 8px; z-index: 2; } .coupon__active p { height: 31px; line-height: 31px; background: #ffc412; font-size: 12px; color: #000; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; text-align: center; } .coupon-not-activated p { padding: 0 0 3px 0; } .coupon__error { height: 29px; border: 1px solid #ff1d12; line-height: 29px; font-size: 12px; color: #ff1d12; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; text-align: center; } .coupon__error a { color: #3cc9b0; text-decoration: underline; font-family: "open_sansregular", arial, sans-serif; font-weight: 400; margin-left: 5px; } .coupon__error a:hover { text-decoration: none; } .coupon__error i { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -1409px no-repeat; width: 9px; height: 10px; margin-left: 5px; position: relative; top: 1px; } .product-list { clear: both; overflow: hidden; } .product-list .product { margin-right: 9px; margin-bottom: 10px; float: left; position: relative; z-index: 9; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-list .product { margin: 0 1% 10px 0; } } @media only screen and (max-width: 767px) { .product-list .product { margin: 0 0 10px 0; float: none; } } .product-list .product .arr { display: none; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -560px no-repeat; width: 20px; height: 11px; position: absolute; left: 50%; bottom: -12px; margin-left: -5px; } @media only screen and (max-width: 767px) { .product-list .product .arr { bottom: -13px; } } .product-list .discount-banner { float: right; margin-right: 12px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-list .discount-banner { width: 48.5%; margin: 0 2% 10px 0; } } @media only screen and (max-width: 767px) { .product-list .discount-banner { margin: 0 0 10px; float: none; } } .product-list_i { width: 760px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-list_i { width: 102%; } } @media only screen and (max-width: 767px) { .product-list_i { width: auto; } } .product-list_i.edpack { width: auto; } @media only screen and (max-width: 767px) { .product-list_i.edpack { width: auto; } } .product { width: 241px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #edf1f2; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product { width: 48.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 767px) { .product { width: auto; } } .product_i .product { float: none; margin: 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product_i .product { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } .open .product .arr { display: block; } @media only screen and (max-width: 767px) { .product.pack-item .product__main .product__main__text .price-spec b { text-align: left; } } .product_i { float: left; width: 32%; padding: 0 0 10px; margin: 0 0 0 2%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product_i { width: 33%; margin: 0 0 0 0.5%; } } @media only screen and (max-width: 767px) { .product_i { float: none; width: auto; margin: 0 0 10px; } } .product_i.open { padding: 0 0 20px; } .product_i:first-child { margin: 0; } .product__title { height: 24px; padding: 0 5px; background: #edf1f2; position: relative; } .product__title strong { font-size: 13px; color: #35403e; line-height: 24px; height: 24px; display: block; padding-right: 40px; text-overflow: ellipsis; overflow: hidden; } .product__title__disc { position: absolute; right: 5px; top: 5px; font-size: 13px; color: #ff642b; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .product__main { border-bottom: 1px solid #f0f0f0; padding-top: 10px; } .product__main__img { float: left; width: 125px; text-align: center; padding-bottom: 5px; } .product__main__img img { max-width: 100%; } .product__main__img .img { width: 75px; height: 75px; margin: 0 auto; margin-bottom: 5px; } .product__main__img .more { font-size: 12px; color: #35403e; line-height: 14px; } .product__main__img .more:hover { text-decoration: underline; } .product__main__img .more i { color: #80d3c9; margin-right: 5px; display: inline-block; text-indent: -999px; overflow: hidden; position: relative; top: -2px; background: url('../img/icons-sc42ab473e6.png') 0 -314px no-repeat; width: 4px; height: 6px; } .product__main__text { width: 106px; float: right; margin-right: 8px; } @media only screen and (max-width: 767px) { .product__main__text { width: 50%; padding: 15px 0 0 0; } } .product__main__text .price { border: 1px solid #edf1f2; padding: 5px; color: #35403e; font-family: Arial, sans-serif; text-align: center; margin-bottom: 10px; position: relative; } .product__main__text .price i { text-indent: -999px; overflow: hidden; display: block; background: url('../img/icons-sc42ab473e6.png') 0 -1337px no-repeat; width: 8px; height: 16px; position: absolute; left: -10px; bottom: -14px; } .product__main__text .price em { font-style: normal; font-size: 11px; line-height: 12px; text-transform: uppercase; display: block; font-weight: bold; } .product__main__text .price strong { font-weight: bold; display: block; font-size: 13px; line-height: 14px; white-space: nowrap; } .currency_cad .product__main__text .price strong, .currency_chf .product__main__text .price strong, .currency_jpy .product__main__text .price strong, .currency_nzd .product__main__text .price strong { font-size: 10px; } .currency_mxn .product__main__text .price strong { font-size: 9px; } @media only screen and (max-width: 767px) { .currency_mxn .product__main__text .price strong { font-size: 12px; } } .product__main__text .new-price { font-size: 11px; color: #35403e; font-weight: bold; font-family: Arial, sans-serif; text-transform: uppercase; line-height: 13px; } .product__main__text .new-price p { display: block; font-size: 13px; line-height: 14px; text-decoration: line-through; } .product__main__text .price-spec strong { display: block; background: #ff642b; font-size: 11px; font-weight: bold; line-height: 16px; height: 16px; text-align: center; color: #fff; text-transform: uppercase; font-family: Arial, sans-serif; } .lang-it .product__main__text .price-spec strong { font-size: 10px; } .product__main__text .price-spec sup { font-size: 14px; color: #ff642b; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; margin-right: 4px; } .product__main__text .price-spec b { font-size: 18px; color: #ff642b; line-height: 20px; position: relative; top: -1px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product__main__text .price-spec b { font-size: 17px; } } @media only screen and (max-width: 767px) { .product__main__text .price-spec b { display: block; text-align: center; } } @media only screen and (max-width: 767px) { .pack-item .product__main__text .price-spec b { text-align: left; } } .product__main__text .price-spec em { display: block; text-align: right; font-size: 11px; color: #444; font-style: normal; line-height: 12px; position: relative; top: -4px; } .product__main__text .price-spec .perpill { text-align: left; font-size: 11px; color: #444; font-family: Arial, sans-serif; line-height: 13px; } .product__delivery { text-align: center; padding: 10px 0; } .product__delivery div { margin-left: 8px; } .product__delivery div:first-child { margin-left: 0; } .product__btn { padding: 0 5px 5px 5px; } .product__btn .btn-orange { display: block; text-align: center; width: auto; padding: 0; } .discount-banner { background: #ffe301; width: 242px; position: relative; height: 426px; margin-bottom: 10px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .discount-banner { width: 48.5%; } } @media only screen and (max-width: 767px) { .discount-banner { width: auto; } } .discount-banner .man { text-indent: -999px; overflow: hidden; display: block; background: url(../img/man.png) no-repeat 0 0 transparent; width: 115px; height: 246px; position: absolute; right: 0; bottom: 0; z-index: 1; } .discount-banner .title { padding: 15px 0; background: #000; color: #fff; font-size: 23px; font-family: serif; text-align: center; margin-bottom: 15px; } .discount-banner .title em { color: #ff4949; font-weight: bold; margin-right: 5px; } .discount-banner .title a { color: #fff; } .discount-banner .img { text-align: center; } .discount-banner .text { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2; } .discount-banner .text .text_i { padding: 5px; } .discount-banner .text .text_i p { font-size: 13px; line-height: 17px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; padding-bottom: 5px; padding-left: 10px; } .discount-banner .text .text_i p strong { color: #c80200; } .discount-banner .text .text_i .old { font-size: 10px; color: #c80200; font-family: Tahoma, sans-serif; line-height: 12px; padding-left: 10px; } .discount-banner .text .text_i .old p { font-size: 10px; padding: 0; display: inline; text-decoration: line-through; } .discount-banner .text .text_i .price { font-size: 28px; line-height: 30px; font-family: Tahoma, sans-serif; padding-bottom: 10px; padding-left: 10px; } .discount-banner .text .text_i .btn-black { width: 100%; padding: 0; } .packs-banner { background: #fcfcfc; border: 1px solid #edf1f2; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .packs-banner { margin: 0 0 15px 0; } } @media only screen and (max-width: 767px) { .packs-banner { margin: 0 0 15px 0; } } .packs-banner table { width: 100%; } @media only screen and (max-width: 767px) { .packs-banner table { width: auto; display: block; } } @media only screen and (max-width: 767px) { .packs-banner table tbody { display: block; } } @media only screen and (max-width: 767px) { .packs-banner table tbody tr { display: block; } } .packs-banner table tbody tr td { width: 50%; text-align: center; height: 125px; } @media only screen and (max-width: 767px) { .packs-banner table tbody tr td { width: auto; display: block; } } .packs-banner table tbody tr td:first-child { border-right: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .packs-banner table tbody tr td:first-child { border-bottom: 1px solid #edf1f2; border-right: none; } } .packs-banner table tbody tr td p { padding-top: 10px; font-size: 18px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #3cc9b0; line-height: 20px; padding-bottom: 5px; } .packs-banner table tbody tr td p strong { color: #ff642b; } .certificate { padding-bottom: 15px; } @media only screen and (max-width: 767px) { .certificate { padding: 0; } } .certificate > p { font-size: 12px; color: #666; line-height: 14px; padding-bottom: 10px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .certificate > p { padding: 0 0 0 5px; } } @media only screen and (max-width: 767px) { .certificate > p { text-align: center; } } .certificate > p > strong { font-size: 13px; color: #182422; } @media only screen and (max-width: 767px) { .certificate > p > strong { display: block; padding: 0 0 5px 0; } } .certificate table { width: 100%; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .certificate table { display: block; width: auto; border-top: none; } } @media only screen and (max-width: 767px) { .certificate table { display: block; width: auto; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .certificate table tbody { display: block; } } @media only screen and (max-width: 767px) { .certificate table tbody { display: block; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .certificate table tbody tr { display: block; text-align: center; padding: 15px 0; } } @media only screen and (max-width: 767px) { .certificate table tbody tr { display: block; text-align: center; padding: 10px 0; } } .certificate table tbody tr td { padding: 20px 0; text-align: center; vertical-align: middle; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .certificate table tbody tr td { display: inline-block; padding: 5px 0; margin: 0 35px; } } @media only screen and (max-width: 767px) { .certificate table tbody tr td { display: inline-block; margin: 0 5px; padding: 5px 0; } } .accept { padding-bottom: 15px; } @media only screen and (max-width: 767px) { .accept { display: none; } } .accept table { width: 100%; } .accept table tbody tr td { vertical-align: middle; } .accept table tbody tr td.col1 { width: 200px; text-align: right; font-size: 13px; color: #35403e; padding-right: 25px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .accept table tbody tr td.col1 { width: auto; padding: 0; text-align: left; padding: 0 0 0 5px; } } .bmenu { text-align: right; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .bmenu { text-align: center; padding-bottom: 50px; } } @media only screen and (max-width: 767px) { .bmenu ul { -moz-columns: 2; -webkit-columns: 2; columns: 2; } } .bmenu ul li { list-style: none; border-left: 1px solid #858c8b; padding: 0 10px; display: inline-block; } @media only screen and (max-width: 767px) { .bmenu ul li { display: block; text-align: center; border-left: none; padding: 0 10px 10px; } } .bmenu ul li:first-child { padding-left: 0; border: 0; } .bmenu ul li a { font-size: 12px; color: #35403e; line-height: 16px; } .bmenu ul li a:hover { text-decoration: underline; } .mobile-nav { position: absolute; bottom: 25px; left: 9px; right: 9px; height: 36px; padding: 4px; border: 1px solid #edf1f2; background: #fcfcfc; display: none; } .mobile-nav .open { background: white; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .mobile-nav { display: block; } } @media only screen and (max-width: 767px) { .mobile-nav { display: block; bottom: 10px; left: 15px; right: 15px; } } .categories-link { background: #edf1f2; margin: 0 195px 0 0; padding: 0 0 0 40px; display: block; height: 36px; } @media only screen and (max-width: 767px) { .categories-link { margin: 0 46px 0 0; } } .categories-link .icon_grey-burger { position: absolute; left: 8px; top: 50%; margin: -8px 0 0 0; } .open .categories-link .icon_grey-burger { margin: -10px 0 0 0; } .categories-link span { font-size: 13px; line-height: 36px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #182422; } .discount-link { position: absolute; right: 4px; top: 4px; width: 190px; height: 36px; line-height: 36px; background: #ffc412; text-align: center; } @media only screen and (max-width: 767px) { .discount-link { width: 42px; } } .discount-link span { position: relative; padding: 0 10px 0 0; font-size: 13px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #182422; } @media only screen and (max-width: 767px) { .discount-link span { padding: 0; } } .discount-link span b { margin: 0 5px; } @media only screen and (max-width: 767px) { .discount-link span b { display: none; } } .discount-link .icon_black-arr-down { position: absolute; top: 50%; right: 0; margin: -1px 0 0 -3.5px; } @media only screen and (max-width: 767px) { .discount-link .icon_black-arr-down { display: none; } } .logo-bott { position: absolute; left: 0; top: 18px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .logo-bott { position: static; width: 145px; margin: 20px auto 0; display: block; } } @media only screen and (max-width: 767px) { .logo-bott { position: static; width: 145px; margin: 10px auto 10px; display: block; } } .breadcrumbs { clear: both; padding-bottom: 20px; } .breadcrumbs ul li { list-style: none; display: inline-block; font-size: 12px; color: #2f2f2f; line-height: 14px; margin-right: 5px; } @media only screen and (max-width: 767px) { .breadcrumbs ul li { margin-right: 2px; } } .breadcrumbs ul li a { color: #2d9683; margin-right: 5px; text-decoration: underline; } .breadcrumbs ul li a:hover { text-decoration: none; } .pack-text { clear: both; padding-bottom: 15px; } .pack-text h2 { font-size: 19px; color: #182422; line-height: 21px; padding-bottom: 15px; display: inline-block; } .pack-text h2 strong { color: #ff642b; } .pack-text p { font-size: 13px; color: #35403e; line-height: 17px; padding-right: 245px; } @media only screen and (max-width: 767px) { .pack-text p { padding: 0; } } .pack-text img { float: right; } @media only screen and (max-width: 767px) { .pack-text img { float: none; display: none; } } .pack-text__disc { display: inline-block; background: #ffc412; padding: 4px 8px; font-size: 11px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 13px; text-transform: uppercase; margin: 0 10px; } .pack-text__disc-tip { display: inline-block; border: 1px solid #3cc9b0; background: #fff; padding: 4px 8px; font-size: 11px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 13px; text-transform: uppercase; color: #3cc9b0; } .rating-box { padding-bottom: 10px; } .rating-box .col { float: left; width: 355px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .rating-box .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; } } @media only screen and (max-width: 767px) { .rating-box .col { float: none; width: auto; padding: 0; } } .rating-box .col:first-child { padding-right: 38px; } @media only screen and (max-width: 767px) { .rating-box .col:first-child { padding: 0; } } .rating-box .col table { width: 100%; } .rating-box .col table tr td { vertical-align: top; padding-bottom: 5px; text-align: right; font-size: 11px; color: #35403e; line-height: 13px; white-space: nowrap; } .rating-box .col table tr td:first-child { text-align: left; } .rating-box .col table tr td:first-child a { color: #2d9683; margin-right: 10px; font-size: 13px; text-decoration: underline; line-height: 16px; } .rating-box .col table tr td:first-child a:hover { text-decoration: none; } .rating-box.rating-box__three .col { width: 230px; padding-left: 29px; padding-right: 0; } @media only screen and (max-width: 767px) { .rating-box.rating-box__three .col { padding-left: 0; } } .rating-box.rating-box__three .col:first-child { padding-left: 0; } .rating-box.rating-box__three .col table tr td { white-space: normal; } .rating-box.rating-box__three .col table tr td a i { display: inline-block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -974px no-repeat; width: 14px; height: 13px; margin-right: 5px; position: relative; top: 3px; } .rating-box.rating-box__three .col table tr td + td { white-space: nowrap; } .product-list__row { position: relative; } .product-big { display: none; top: 217px; position: absolute; width: 744px; border: 1px solid #edf1f2; z-index: 1; margin-bottom: 10px; left: 0; right: 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-big { width: auto; } } @media only screen and (max-width: 767px) { .product-big { width: auto; position: relative; top: 10px; border: 1px solid #edf1f2; } } .open .product-big { display: block; } .product-big .close { position: absolute; right: 10px; top: 10px; display: block; background: url('../img/icons-sc42ab473e6.png') 0 -514px no-repeat; width: 20px; height: 20px; cursor: pointer; z-index: 2; } .product-big__top { padding-top: 25px; position: relative; padding-bottom: 15px; } @media only screen and (max-width: 767px) { .product-big__top { padding: 15px 10px; } } .product-big__top .img { float: left; width: 210px; text-align: center; } @media only screen and (max-width: 767px) { .product-big__top .img { display: none; } } .product-big__top .text { float: left; width: 534px; } @media only screen and (max-width: 767px) { .product-big__top .text { float: none; width: auto; } } .product-big__top .text .title { padding-bottom: 15px; } .product-big__top .text .title h2 { font-size: 19px; color: #182422; line-height: 21px; display: inline-block; margin-right: 10px; } @media only screen and (max-width: 767px) { .product-big__top .text .title h2 { margin: 0 40px 0 0; padding: 0 0 15px 0; display: block; } } .product-big__top .text .title .disc { height: 24px; line-height: 24px; background: #ff642b; color: #fff; padding: 0 8px; display: inline-block; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 10px; } @media only screen and (max-width: 767px) { .product-big__top .text .title .disc { display: inline-block; } } .product-big__top .text .title .rating { display: block; font-size: 12px; color: #666; line-height: 24px; } @media only screen and (max-width: 767px) { .product-big__top .text .title .rating { display: inline-block; } } .product-big__top .text .title .rating em { font-style: normal; } .product-big__top .text .title .rating span { margin-left: 4px; } .product-big__top .text .text__pack { font-size: 13px; color: #35403e; line-height: 15px; padding-bottom: 20px; } .product-big__top .text .text__descr { font-size: 13px; color: #35403e; line-height: 17px; padding-bottom: 10px; } @media only screen and (max-width: 767px) { .product-big__top .text .more-info { text-align: center; } } .product-big__top .text .more-info a { font-size: 13px; color: #2d9683; line-height: 15px; display: inline-block; padding-left: 13px; text-decoration: underline; position: relative; } .product-big__top .text .more-info a:hover { text-decoration: none; } .product-big__top .text .more-info a i { display: block; text-indent: -999px; overflow: hidden; position: absolute; left: 0; top: 5px; background: url('../img/icons-sc42ab473e6.png') 0 -252px no-repeat; width: 9px; height: 5px; } .product-big__top .text .more-info .more-info__hide { display: none; } .product-big__top .text .more-info .more-info__show { display: inline; } .product-big__top .text .more-info.open .more-info__hide { display: inline; } .product-big__top .text .more-info.open .more-info__show { display: none; } .product-big__top .text .more-info.open a i { background: url('../img/icons-sc42ab473e6.png') 0 -304px no-repeat; width: 9px; height: 5px; } .product-big__tabs { display: none; } .product-big__tabs.open { display: block; } .product-big__tabs__controls { background: #edf1f2; padding: 15px 0; text-align: center; } @media only screen and (max-width: 767px) { .product-big__tabs__controls { padding: 0; } } .product-big__tabs__controls ul li { list-style: none; display: inline-block; padding: 0 15px; } @media only screen and (max-width: 767px) { .product-big__tabs__controls ul li { display: block; padding: 0; } } .product-big__tabs__controls ul li a { font-size: 13px; color: #2d9683; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 15px; text-decoration: underline; } @media only screen and (max-width: 767px) { .product-big__tabs__controls ul li a { border-bottom: 1px solid #d2d5d6; display: block; padding: 10px 0; color: #666666; text-decoration: none; } } .product-big__tabs__controls ul li a:hover { text-decoration: none; } .product-big__tabs__controls ul li a.active { text-decoration: none; color: #33414e; } @media only screen and (max-width: 767px) { .product-big__tabs__controls ul li a.active { border-bottom: 1px solid #3cc9b0; } } @media only screen and (max-width: 767px) { .product-big__tabs__controls ul li:last-child a { border-bottom: 1px solid #edf1f2; } } @media only screen and (max-width: 767px) { .product-big__tabs__controls ul li:last-child a.active { border-bottom: 1px solid #3cc9b0; } } .product-big__tabs__layers { height: 500px; overflow: auto; } .product-big__tabs__layers .item { display: none; padding: 30px; } @media only screen and (max-width: 767px) { .product-big__tabs__layers .item { padding: 15px 10px; } } @media only screen and (max-width: 767px) { .product-big__tabs__layers .item .btn-orange { height: auto; } } .product-big__hide { text-align: center; padding: 15px 0; display: none; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-big__hide { text-align: left; } } .product-big__hide a { display: inline-block; position: relative; font-size: 13px; color: #2d9683; line-height: 16px; text-decoration: underline; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-big__hide a { padding: 0 0 0 45px; } } .product-big__hide a:hover { text-decoration: none; } .product-big__hide a i { display: block; text-indent: -999px; overflow: hidden; position: absolute; left: -15px; top: 5px; background: url('../img/icons-sc42ab473e6.png') 0 -304px no-repeat; width: 9px; height: 5px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-big__hide a i { left: 25px; } } .product-big__hide.open { display: block; } .product-big__table__row { border-top: 1px solid #EDF1F2; background: #fcfcfc; padding: 10px 0; } @media only screen and (max-width: 767px) { .product-big__table__row { padding: 0; } } .product-big__table__row table { width: 100%; } @media only screen and (max-width: 767px) { .product-big__table__row table { display: block; width: auto; } } @media only screen and (max-width: 767px) { .product-big__table__row table tbody { display: block; } } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr { display: block; } } .product-big__table__row table tbody tr td { vertical-align: middle; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td { display: block; text-align: center; } } .product-big__table__row table tbody tr td.col1 { width: 220px; padding: 0 20px; border-right: 1px solid #EDF1F2; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col1 { border-bottom: 1px solid #edf1f2; width: auto; padding: 10px; } } .product-big__table__row table tbody tr td.col1 h2 { font-size: 16px; color: #182422; line-height: 20px; padding-bottom: 5px; } .product-big__table__row table tbody tr td.col1 p { font-size: 12px; line-height: 16px; color: #000; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .product-big__table__row table tbody tr td.col1 p strong { color: #ff642b; text-decoration: underline; } .product-big__table__row table tbody tr td.col2 { width: 100px; padding: 0 10px; border-right: 1px solid #EDF1F2; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col2 { border-bottom: 1px solid #edf1f2; width: auto; padding: 10px; } } .product-big__table__row table tbody tr td.col2 em { font-style: normal; display: inline-block; width: 60px; } .product-big__table__row table tbody tr td.col2 p { font-size: 12px; color: #666; line-height: 16px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; padding-bottom: 5px; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col2 .icon-AirMail { position: relative; top: 2px; } } .product-big__table__row table tbody tr td.col3 { padding: 0 10px; border-right: 1px solid #EDF1F2; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col3 { border-bottom: 1px solid #edf1f2; width: auto; padding: 10px; } } .product-big__table__row table tbody tr td.col3 p, .product-big__table__row table tbody tr td.col3 strong { font-size: 18px; color: #3cc9b0; line-height: 20px; text-decoration: line-through; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; display: block; text-align: right; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-big__table__row table tbody tr td.col3 p, .product-big__table__row table tbody tr td.col3 strong { text-align: center; } } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col3 p, .product-big__table__row table tbody tr td.col3 strong { text-align: center; } } .product-big__table__row table tbody tr td.col3 i { font-style: normal; font-size: 12px; color: #2d9683; line-height: 14px; display: block; text-align: right; text-decoration: line-through; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .product-big__table__row table tbody tr td.col3 i { text-align: center; } } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col3 i { text-align: center; } } .product-big__table__row table tbody tr td.col3 strong { text-decoration: none; } .product-big__table__row table tbody tr td.col3 em { font-style: normal; display: block; text-align: right; font-size: 12px; color: #666; line-height: 14px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col3 em { text-align: center; } } .product-big__table__row table tbody tr td.col4 { padding: 0 10px; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col4 { width: auto; padding: 10px; } } .product-big__table__row table tbody tr td.col4 strong { font-size: 18px; color: #ff642b; line-height: 20px; display: block; text-align: right; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col4 strong { text-align: center; } } .product-big__table__row table tbody tr td.col4 em { font-style: normal; display: block; text-align: right; font-size: 12px; color: #666; line-height: 14px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col4 em { text-align: center; } } .product-big__table__row table tbody tr td.col5 { padding: 0 10px 0 0; } @media only screen and (max-width: 767px) { .product-big__table__row table tbody tr td.col5 { width: auto; padding: 10px; } } .product-big__table__row table tbody tr td.col5 a { display: block; text-align: center; } .product-big__table__row table tbody tr td.col5 p { padding-top: 4px; text-align: center; font-size: 12px; color: #ff642b; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .product-big__table__row table tbody tr td .tip-content { display: none; } .prod-info__title { padding-bottom: 25px; } .prod-info__title h1 { display: inline-block; font-size: 19px; color: #182422; line-height: 23px; } .prod-info__title p { display: inline-block; font-size: 12px; color: #666; line-height: 23px; padding-left: 10px; } .prod-info__title p span { margin-left: 5px; } .tab-box { padding-bottom: 30px; } .tab-box__controls { background: #edf1f2; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0; } .tab-box__controls table { width: 100%; } @media only screen and (max-width: 767px) { .tab-box__controls table { display: block; width: auto; } } @media only screen and (max-width: 767px) { .tab-box__controls table tbody { display: block; } } @media only screen and (max-width: 767px) { .tab-box__controls table tbody tr { display: block; } } .tab-box__controls table tbody tr td { text-align: center; height: 25px; vertical-align: middle; } @media only screen and (max-width: 767px) { .tab-box__controls table tbody tr td { display: block; height: auto; } .tab-box__controls table tbody tr td:last-child a { border-bottom: none; } } .tab-box__controls table tbody tr td a { font-size: 13px; color: #666; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 25px; height: 25px; display: inline-block; position: relative; } @media only screen and (max-width: 767px) { .tab-box__controls table tbody tr td a { display: block; border-bottom: 1px solid #BDC0C1; } } .tab-box__controls table tbody tr td a i { display: none; } .tab-box__controls table tbody tr td a:hover { color: #35403e; } .tab-box__controls table tbody tr td a.active { color: #35403e; border-bottom: 1px solid #4DCCB5; } .tab-box__controls table tbody tr td a.active i { display: block; width: 100%; position: absolute; left: 0; bottom: 0; height: 2px; background: #3cc9b0; } .tab-box__layers { border: 1px solid #edf1f2; background: #fcfcfc; } .tab-box__layers .item { display: none; padding: 25px; position: relative; } @media only screen and (max-width: 767px) { .tab-box__layers .item { padding: 10px; } } .tab-box__layers .item .center { text-align: center; } .tab-box__layers .item .center .btn-orange { padding: 0 30px; } @media only screen and (max-width: 767px) { .tab-box__layers .item .center .btn-orange { padding: 0 5px; display: block; } } .prod-more-box { position: absolute; right: 0; top: 0; width: 270px; padding: 30px 20px 20px 20px; background: #fff; border-left: 1px solid #edf1f2; border-bottom: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .prod-more-box { left: -1px; padding: 15px 10px 15px 10px; width: auto; } } .prod-more-box .img { float: left; width: 140px; } @media only screen and (max-width: 767px) { .prod-more-box .img { position: absolute; left: 10px; width: 120px; top: 15px; } } .prod-more-box .text { float: left; width: 110px; padding-left: 20px; } @media only screen and (max-width: 767px) { .prod-more-box .text { float: none; width: auto; margin: 0 0 0 120px; text-align: right; } } .prod-more-box .text .price { border: 1px solid #edf1f2; padding: 5px; color: #35403e; font-family: Arial, sans-serif; text-align: center; margin-bottom: 10px; position: relative; } @media only screen and (max-width: 767px) { .prod-more-box .text .price { width: 128px; float: right; } } .prod-more-box .text .price i { text-indent: -999px; overflow: hidden; display: block; background: url('../img/icons-sc42ab473e6.png') 0 -1337px no-repeat; width: 8px; height: 16px; position: absolute; left: -10px; bottom: -14px; } .prod-more-box .text .price em { font-style: normal; font-size: 11px; line-height: 12px; text-transform: uppercase; display: block; font-weight: bold; } .prod-more-box .text .price strong { font-weight: bold; display: block; font-size: 13px; line-height: 14px; } @media only screen and (max-width: 767px) { .prod-more-box .text .price-spec { float: right; clear: both; width: 138px; } } .prod-more-box .text .price-spec strong { display: block; background: #ff642b; font-size: 11px; font-weight: bold; line-height: 15px; height: 15px; margin: 0 0 5px 0; text-align: center; color: #fff; text-transform: uppercase; font-family: Arial, sans-serif; } .prod-more-box .text .price-spec sup { font-size: 14px; color: #ff642b; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; margin-right: 4px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .prod-more-box .text .price-spec sup { font-size: 18px; position: relative; top: 2px; } } @media only screen and (max-width: 767px) { .prod-more-box .text .price-spec sup { font-size: 18px; position: relative; top: 2px; } } .prod-more-box .text .price-spec b { font-size: 18px; color: #ff642b; line-height: 20px; position: relative; top: -3px; } @media only screen and (max-width: 767px) { .prod-more-box .text .price-spec b { top: 0; margin: 0 0 3px 0; } } .prod-more-box .text .price-spec em { display: block; text-align: right; font-size: 11px; color: #444; font-style: normal; line-height: 12px; position: relative; top: -4px; } .prod-more-box .text .price-spec .perpill { text-align: left; font-size: 11px; color: #444; font-family: Arial, sans-serif; line-height: 13px; } .prod-more-box .btns { clear: both; padding-top: 10px; } .prod-more-box .btns a { width: 100%; padding: 0; text-align: center; } .prod-more-box-helper { float: right; width: 350px; height: 250px; } @media only screen and (max-width: 767px) { .prod-more-box-helper { float: none; width: auto; height: 165px; } } .block-title h2 { font-size: 19px; color: #182422; line-height: 23px; padding-bottom: 10px; } .discount-pack { float: right; width: 242px; min-height: 150px; position: relative; background: #3cc9b0 url("../img/thunder-bg.png") no-repeat 50% 70%; margin: 0 14px 10px 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .discount-pack { width: 48.5%; margin: 0 2% 10px 0; } } @media only screen and (max-width: 767px) { .discount-pack { float: none; display: block; width: auto; min-height: 205px; margin: 0 0 10px; } } .discount-pack .title { display: block; text-align: center; font-size: 24px; font-style: italic; font-family: "open_sansextrabold_italic", arial, sans-serif; font-weight: 400; background: #ff642b; color: #fff; height: 60px; line-height: 60px; } .discount-pack img { position: absolute; left: 20px; top: 50px; z-index: 2; } .discount-pack .man { text-indent: -999px; overflow: hidden; display: block; background: url(../img/man-2.png) no-repeat 0 0 transparent; width: 157px; height: 152px; position: absolute; right: 0; bottom: 0; z-index: 3; } .prod-data { padding-bottom: 10px; } .prod-data .prod-data_i { display: none; position: relative; } .prod-data .title { padding-bottom: 15px; position: relative; } @media only screen and (max-width: 767px) { .prod-data .title { padding: 0; } } .prod-data .title h1 { display: inline-block; font-size: 19px; color: #182422; line-height: 23px; border-bottom: 1px dashed #182422; margin-right: 10px; } @media only screen and (max-width: 767px) { .prod-data .title h1 { float: left; margin: 0 0 10px 0; } } .prod-data .title .title__disc { display: inline-block; background: #ffc412; padding: 4px 8px; font-size: 11px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 13px; text-transform: uppercase; position: absolute; right: 0; top: -5px; } .prod-data .title .bonus { display: inline-block; height: 24px; line-height: 24px; padding: 0 10px; font-size: 16px; font-family: Arial, sans-serif; color: #fff; background: #ff642b; text-transform: uppercase; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin-right: 10px; } @media only screen and (max-width: 767px) { .prod-data .title .bonus { float: left; clear: both; } } .prod-data .title p { display: inline-block; font-size: 12px; color: #666; line-height: 24px; padding-right: 20px; margin-right: 20px; } @media only screen and (max-width: 767px) { .prod-data .title p { border-right: 0; margin-right: 0; display: block; padding: 5px 0 0 0; clear: both; } } .prod-data .title p span { margin-left: 5px; } .prod-data .title .title__btn { display: inline-block; text-indent: -999px; overflow: hidden; position: relative; top: 3px; border-left: 1px solid #edf1f2; padding: 4px 0 4px 15px; float: right; } @media only screen and (max-width: 767px) { .prod-data .title .title__btn { position: absolute; right: 15px; border-left: 1px solid #edf1f2; } } .prod-data .title .title__btn i { background: url('../img/icons-sc42ab473e6.png') 0 -231px no-repeat; width: 16px; height: 16px; display: block; height: 18px; } .prod-data .title .title__btn:hover i { background: url('../img/icons-sc42ab473e6.png') 0 -210px no-repeat; width: 16px; height: 16px; } .prod-data.open .title .title__btn i { background: url('../img/icons-sc42ab473e6.png') 0 -283px no-repeat; width: 16px; height: 16px; } .prod-data.open .title .title__btn:hover i { background: url('../img/icons-sc42ab473e6.png') 0 -262px no-repeat; width: 16px; height: 16px; } .prod-data .img { position: absolute; left: 0; top: 0; } @media only screen and (max-width: 767px) { .prod-data .img { position: static; padding: 5px 0; text-align: center; } } .prod-data .text { padding: 0 20px 0 0; margin: 0 0 0 185px; } @media only screen and (max-width: 767px) { .prod-data .text { padding: 0; margin: 0; } } .prod-data .text p { font-size: 13px; color: #35403e; line-height: 17px; padding-bottom: 15px; } .prod-data .text p strong { color: #182422; } .prod-data .text p a { color: #2d9683; text-decoration: underline; } .prod-data .text p a:hover { text-decoration: none; } .count-table { padding-bottom: 30px; } .count-table .controls { background: #3cc9b0; padding: 2px 20px 0 20px; } @media only screen and (max-width: 767px) { .count-table .controls { padding: 2px 5px; } } .count-table .controls table { width: 100%; } @media only screen and (max-width: 767px) { .count-table .controls table { display: block; width: auto; } } @media only screen and (max-width: 767px) { .count-table .controls table tbody { display: block; } } @media only screen and (max-width: 767px) { .count-table .controls table tbody tr { display: block; } } .count-table .controls table tbody tr td { height: 36px; } @media only screen and (max-width: 767px) { .count-table .controls table tbody tr td { display: inline-block; zoom: 1; width: 49%; } } .count-table .controls table tbody tr td a { display: block; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; font-weight: bold; font-family: Arial, sans-serif; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); position: relative; } .count-table .controls table tbody tr td a:after { content: ""; background: #7ad6c5; display: block; width: 1px; height: 27px; position: absolute; left: 0; top: 4px; } @media only screen and (max-width: 767px) { .count-table .controls table tbody tr td a:after { display: none; } } .count-table .controls table tbody tr td a.active { background: #fff; text-shadow: none; color: #3cc9b0; } .count-table .controls table tbody tr td a.active:after { display: none; } .count-table .controls table tbody tr td:first-child a:after { display: none; } .count-table .layers { border: 1px solid #edf1f2; background: #fcfcfc; } .count-table .layers .item { display: none; } .count-table .layers .item.open { display: block; } .count-table .layers .row { padding: 10px 0; border-top: 1px solid #edf1f2; } .count-table .layers .row .error { color: #E7002E; display: block; } @media only screen and (max-width: 767px) { .count-table .layers .row { padding: 5px 0 10px 0; } } .count-table .layers .row:first-child { border-top: 0; } .count-table .layers .row table { width: 100%; } @media only screen and (max-width: 767px) { .count-table .layers .row table { display: block; width: auto; } } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody { display: block; } } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr { display: block; } } .count-table .layers .row table tbody tr td { border-left: 1px solid #edf1f2; padding: 0 10px; vertical-align: middle; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td { display: block; border-left: none; } } .count-table .layers .row table tbody tr td:first-child { border-left: 0; } .count-table .layers .row table tbody tr td.col1 { padding-left: 25px; width: 140px; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col1 { width: auto; padding: 0 0 10px 0; text-align: center; border-bottom: 1px solid #edf1f2; } } .count-table .layers .row table tbody tr td.col1 strong { display: block; font-size: 16px; color: #182422; line-height: 20px; padding-bottom: 5px; } .count-table .layers .row table tbody tr td.col1 strong .icon-bestbuy { position: relative; top: 6px; } .count-table .layers .row table tbody tr td.col1 p { font-size: 12px; color: #35403e; line-height: 16px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .count-table .layers .row table tbody tr td.col1 p u { color: #ff642b; text-decoration: underline; } .count-table .layers .row table tbody tr td.col1 .gift { font-size: 12px; color: #182422; line-height: 14px; text-decoration: underline; display: inline-block; padding-left: 15px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #ff642b; position: relative; } .count-table .layers .row table tbody tr td.col1 .gift i { display: block; background: url('../img/icons-sc42ab473e6.png') 0 -764px no-repeat; width: 12px; height: 13px; position: absolute; left: 0; top: 0; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col2 { text-align: center; padding: 5px 0; border-bottom: 1px solid #edf1f2; } } .count-table .layers .row table tbody tr td.col2 p { padding-bottom: 5px; width: 95px; margin: 0 auto; font-size: 12px; color: #666; line-height: 14px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col2 p { display: inline-block; margin: 0; padding: 0; width: 85px; } } .count-table .layers .row table tbody tr td.col2 p em { display: inline-block; width: 60px; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col2 p em .icon-EMS, .count-table .layers .row table tbody tr td.col2 p em .icon-ems { position: relative; top: 1px; } } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col2 p em .icon-AirMail, .count-table .layers .row table tbody tr td.col2 p em .icon-airmail { position: relative; top: 2px; } } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col2 p em .icon-prmail { position: relative; top: 2px; } } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col3 { padding: 5px 0; border-bottom: 1px solid #edf1f2; } } .count-table .layers .row table tbody tr td.col3 strong, .count-table .layers .row table tbody tr td.col3 u { display: block; text-align: right; font-size: 18px; color: #3cc9b0; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 22px; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col3 strong, .count-table .layers .row table tbody tr td.col3 u { text-align: center; } } .count-table .layers .row table tbody tr td.col3 u { text-decoration: line-through; } .count-table .layers .row table tbody tr td.col3 b { font-size: 12px; color: #2d9683; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; text-decoration: line-through; line-height: 15px; display: block; text-align: right; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col3 b { text-align: center; } } .count-table .layers .row table tbody tr td.col3 em { display: block; text-align: right; font-size: 12px; color: #666; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; font-style: normal; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col3 em { text-align: center; } } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col4 { padding: 10px 0 5px 0; border-bottom: 1px solid #edf1f2; } } .count-table .layers .row table tbody tr td.col4 u { font-size: 12px; color: #2d9683; line-height: 14px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; display: block; text-align: right; text-decoration: none; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col4 u { text-align: center; } } .count-table .layers .row table tbody tr td.col4 u .price { text-decoration: line-through; } .count-table .layers .row table tbody tr td.col4 u .disc { display: inline-block; height: 14px; padding: 0 4px; background: #ffc412; position: relative; color: #000; font-size: 11px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; -moz-border-radius: 2px 2px 0 2px; -webkit-border-radius: 2px; border-radius: 2px 2px 0 2px; margin-right: 5px; top: -4px; text-decoration: none; } .count-table .layers .row table tbody tr td.col4 u .disc i { overflow: hidden; display: block; background: url('../img/icons-sc42ab473e6.png') 0 -539px no-repeat; width: 4px; height: 4px; position: absolute; right: 0; bottom: -4px; } .count-table .layers .row table tbody tr td.col4 strong { display: block; text-align: right; font-size: 18px; color: #ff642b; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 22px; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col4 strong { text-align: center; } } .count-table .layers .row table tbody tr td.col4 em { display: block; text-align: right; font-size: 12px; color: #666; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; font-style: normal; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col4 em { text-align: center; } } .count-table .layers .row table tbody tr td.col5 { border: 0; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col5 { padding: 10px 15px 0; } } .count-table .layers .row table tbody tr td.col5 a { display: block; padding: 0; text-align: center; } .count-table .layers .row table tbody tr td.col5 p { text-align: center; font-size: 12px; color: #ff642b; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 16px; } @media only screen and (max-width: 767px) { .count-table .layers .row table tbody tr td.col5 p { padding: 10px 0 0 0; } } .count-table__title { height: 40px; line-height: 40px; background: #3cc9b0; padding: 0 25px; position: relative; } .count-table__title h2 { font-size: 16px; color: #fff; line-height: 40px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .count-table__title p { position: absolute; right: 0; top: 0; font-size: 12px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 14px; color: #fff; padding-top: 12px; padding-right: 20px; } .count-table__title p span { margin-left: 10px; } .page-post { padding-bottom: 25px; } .page-post h1 { font-size: 19px; color: #182422; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 23px; padding-bottom: 5px; } .page-post p { font-size: 13px; line-height: 17px; color: #35403e; } .row_pl { text-align: center; padding-bottom: 20px; } .contact-us { margin-bottom: 30px; border: 1px solid #edf1f2; padding: 35px 0 0 0; } @media only screen and (max-width: 767px) { .contact-us { padding: 15px 15px 0 15px; } } .contact-us .row { padding-bottom: 10px; } .contact-us .row.row_pl { padding-left: 210px; padding-bottom: 20px; } .contact-us .row.row_pl span { color: #E7002E; } @media only screen and (max-width: 767px) { .contact-us .row.row_pl { padding-left: 0; } } .contact-us .row_pl { position: relative; text-align: left; } .contact-us .row_pl b { font-size: 12px; color: #c80200; font-weight: normal; line-height: 14px; position: absolute; top: 0px; padding-left: 5px; } @media only screen and (max-width: 767px) { .contact-us .row_pl b { display: none; } } .contact-us .row_pl span { display: block; } .contact-us .row__title { float: left; width: 200px; padding-right: 10px; text-align: right; } @media only screen and (max-width: 767px) { .contact-us .row__title { float: none; width: auto; } } .contact-us .row__title label { font-size: 15px; color: #35403e; line-height: 30px; text-align: right; } @media only screen and (max-width: 767px) { .contact-us .row__title label { font-size: 13px; } } @media only screen and (max-width: 767px) { .contact-us .row__title { text-align: left; width: 100%; } } .contact-us .row__inp { float: left; position: relative; } @media only screen and (max-width: 767px) { .contact-us .row__inp { text-align: center; } } .contact-us .row__inp .error { color: #E7002E; display: block; } .contact-us .row__inp span { color: #E7002E; display: block; } @media only screen and (max-width: 767px) { .contact-us .row__inp { float: none; width: auto; } } .contact-us .row__inp > input[type="text"] { width: 288px; border: 1px solid #ffc412; height: 28px; line-height: 28px; padding: 0 10px; font-size: 13px; color: #35403e; background: #fff; text-align: left; } @media only screen and (max-width: 767px) { .contact-us .row__inp > input[type="text"] { width: 100%; box-sizing: border-box; border-radius: 0; } } .contact-us .row__inp > input[type="text"].tipped { color: #35403e; } .contact-us .row__inp > input[type="text"].small { width: 170px; display: block; float: left; padding: 0 10px; margin: 0 41px 10px 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .contact-us .row__inp > input[type="text"].small { width: 190px; height: 30px; margin: 0 43px 10px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 767px) { .contact-us .row__inp > input[type="text"].small { display: block; width: 100%; height: 30px; padding: 0 38px 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px 0; } } .contact-us .row__inp .btn-refresh { position: absolute; display: block; height: 28px; top: 0; width: 29px; border: 1px solid #ffc412; border-left: none; } @media only screen and (min-width: 1024px) { .contact-us .row__inp .btn-refresh { left: 190px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .contact-us .row__inp .btn-refresh { left: 190px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 30px; } } @media only screen and (max-width: 767px) { .contact-us .row__inp .btn-refresh { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 30px; height: 30px; right: 0; border-left: 1px solid #ffc412; } } .contact-us .row__inp .btn-refresh i { background: url("../img/blue2-refresh.png") no-repeat; width: 18px; height: 20px; display: block; position: absolute; top: 50%; left: 50%; margin: -10.5px 0 0 -8px; } @media only screen and (max-width: 767px) { .contact-us .row__inp .btn-refresh i { margin: -10px 0 0 -9.5px; } } .contact-us .row__inp img { position: relative; top: 5px; float: left; padding: 0 0 15px 0; } @media only screen and (max-width: 767px) { .contact-us .row__inp img { top: 3px; float: none; } } .contact-us .row__inp > b { font-size: 12px; color: #c80200; font-family: "open_sansregular", arial, sans-serif; font-weight: 400; line-height: 14px; position: absolute; right: -11px; top: 1px; } @media only screen and (max-width: 767px) { .contact-us .row__inp > b { position: absolute; right: -11px; top: 2px; } } .contact-us .row__inp .select { width: auto; color: black; width: 310px; } @media only screen and (max-width: 767px) { .contact-us .row__inp .select { width: 100%; } } .contact-us .row__inp .select .ui-btn { width: 100%; border-radius: 0; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .contact-us .row__inp .select .ui-btn span { line-height: 32px; color: #35403e; } .contact-us .row__inp .select b { font-size: 12px; color: #c80200; font-family: "open_sansregular", arial, sans-serif; font-weight: 400; line-height: 14px; position: absolute; right: -11px; top: 1px; } @media only screen and (max-width: 767px) { .contact-us .row__inp .select b { position: absolute; right: -11px; top: 2px; } } .contact-us .row__inp .select2-wrap { width: 310px; color: black; text-align: left; } .contact-us .row__inp .select2-wrap span { color: #35403e; } @media only screen and (max-width: 767px) { .contact-us .row__inp .select2-wrap { width: 100%; } } @media only screen and (max-width: 767px) { .contact-us .row__inp .select2-wrap .select2-container { width: 100% !important; } } .contact-us .row__inp .select2-wrap .select2-container .select2-choice { color: #35403e; background: #fff; } .contact-us .row__inp .select2-wrap select { width: 100%; } .contact-us .row__inp .select2-wrap > b { font-size: 12px; color: #c80200; font-family: "open_sansregular", arial, sans-serif; font-weight: 400; line-height: 14px; position: relative; top: -8px; } @media only screen and (max-width: 767px) { .contact-us .row__inp .select2-wrap > b { position: absolute; right: -11px; top: 2px; } } .contact-us textarea { width: 418px; border: 1px solid #ffc412; height: 178px; line-height: 17px; padding: 10px; font-size: 13px; color: #35403e; resize: none; overflow: auto; background: #fff; } @media only screen and (max-width: 767px) { .contact-us textarea { width: 100%; box-sizing: border-box; } } .contact-us textarea.tipped { color: #35403e; } .contact-us .btn-orange { min-width: 170px; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .contact-us .btn-orange { height: 38px; font-size: 18px; } } @media only screen and (max-width: 767px) { .contact-us .btn-orange { height: 38px; font-size: 18px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } .contact-us .select2-container { margin: 0 5px 0 0; } .comments__title { font-size: 19px; color: #182422; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 23px; padding-bottom: 15px; } .comments__message { padding-bottom: 30px; } .comments__message .name { float: left; width: 220px; padding: 0 10px; border: 2px solid #cdd4d9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 46px; line-height: 46px; font-size: 16px; color: #b2bbc0; margin-right: 10px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .comments__message .name { margin: 0 2% 0 0; width: 23%; height: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 767px) { .comments__message .name { float: none; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px 0; } } .comments__message__text { float: left; width: 494px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .comments__message__text { width: 75%; } } @media only screen and (max-width: 767px) { .comments__message__text { float: none; width: auto; } } .comments__message__text textarea { width: 350px; display: block; height: 20px; padding: 13px 130px 13px 10px; border: 2px solid #cdd4d9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 16px; color: #b2bbc0; line-height: 20px; overflow: auto; resize: none; outline: none; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .comments__message__text textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 767px) { .comments__message__text textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 85px; padding: 13px 10px; margin: 0 0 10px 0; } } .comments__message__text textarea[style="overflow-x: hidden; overflow-y: hidden; word-wrap: break-word; height: 22px"] { height: 20px !important; } .comments__message__text .btn-green { position: absolute; right: 6px; bottom: 5px; z-index: 2; width: 116px; top: 3px; text-align: center; padding: 0; } @media only screen and (max-width: 767px) { .comments__message__text .btn-green { position: static; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } .comments__controls { border-bottom: 2px solid #eaeef0; position: relative; z-index: 10; } .comments__controls .comments__show { position: absolute; right: 0; top: 0; font-size: 13px; color: #a7adb2; line-height: 16px; padding-top: 16px; cursor: pointer; } .comments__controls .comments__show .show { display: none; } @media only screen and (max-width: 767px) { .comments__controls .comments__show .show { position: relative; } } .comments__controls .comments__show .show i { display: inline-block; background: url('../img/icons-sc42ab473e6.png') 0 -1321px no-repeat; width: 11px; height: 11px; overflow: hidden; position: relative; margin: 0 5px 0 0; top: 2px; } @media only screen and (max-width: 767px) { .comments__controls .comments__show .show i { top: 50%; margin: -5.5px 0 0 0; } } .comments__controls .comments__show .close { display: inline; } @media only screen and (max-width: 767px) { .comments__controls .comments__show .close { padding: 0 15px 0 0; position: relative; display: inline-block; zoom: 1; } } .comments__controls .comments__show .close i { width: 12px; height: 3px; background: #a7adb2; display: inline-block; margin-left: 5px; position: relative; top: 6px; } @media only screen and (max-width: 767px) { .comments__controls .comments__show .close i { position: absolute; right: 0; top: 50%; margin: -1.5px 0 0 0; } } .comments__controls .comments__show.closed .show { display: inline; } .comments__controls .comments__show.closed .close { display: none; } .comments__controls .type { height: 40px; border-bottom: 2px solid #3cc9b0; position: relative; bottom: -2px; float: left; } .comments__controls .type__title { height: 40px; line-height: 40px; font-size: 13px; color: #363a3d; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; padding: 0 10px; cursor: pointer; } .comments__controls .type__title i { display: inline-block; background: url('../img/icons-sc42ab473e6.png') 0 -325px no-repeat; width: 6px; height: 3px; margin-left: 5px; position: relative; top: -2px; } .comments__controls .type__drop { display: none; background: #fff; position: absolute; width: 100px; padding: 10px; border: 1px solid #cdd4d9; left: 0; top: 50px; -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3); } .comments__controls .type__drop i { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -548px no-repeat; width: 12px; height: 7px; position: absolute; left: 20px; top: -7px; } .comments__controls .type__drop ul li { list-style: none; padding-top: 10px; } .comments__controls .type__drop ul li:first-child { padding-top: 0; } .comments__controls .type__drop ul li a { font-size: 13px; color: #818181; line-height: 15px; } .comments__controls .type__drop ul li a:hover { color: #363a3d; } .comments__list { padding-top: 15px; } .comments__list .item { padding-bottom: 20px; } .comments__list .item .item__title { padding-bottom: 10px; } .comments__list .item .item__title strong { font-size: 13px; color: #424242; line-height: 17px; } .comments__list .item .item__title em { font-size: 12px; color: #a9b2b9; line-height: 17px; margin-left: 20px; font-style: normal; } .comments__list .item .item__text p { font-size: 13px; color: #41474a; line-height: 17px; } .comments__bott { border-top: 2px solid #eaeef0; padding-top: 25px; padding-bottom: 50px; } @media only screen and (max-width: 767px) { .comments__bott { padding-bottom: 0; } } .comments__bott a { font-size: 12px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #a7b1b7; line-height: 16px; margin-right: 10px; } .comments__bott a:hover { text-decoration: underline; } .comments__bott a i { margin-right: 5px; display: inline-block; text-indent: -999px; overflow: hidden; } .comments__bott a i.fa-rss { background: url('../img/icons-sc42ab473e6.png') 0 -1459px no-repeat; width: 15px; height: 15px; } .comments__bott a i.fa-envelope-o { background: url('../img/icons-sc42ab473e6.png') 0 -1026px no-repeat; width: 20px; height: 15px; } .note { padding-bottom: 15px; } .note em { font-size: 13px; color: #33414e; font-family: Arial, sans-serif; line-height: 17px; font-style: italic; } .cart-title { padding-bottom: 15px; position: relative; } .cart-title h1 { font-size: 19px; color: #182422; line-height: 23px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .cart-title__payment { position: absolute; right: 0; top: 0; } @media only screen and (max-width: 767px) { .cart-title__payment { display: none; } } .cart { padding-bottom: 10px; } .cart table { width: 100%; } @media only screen and (max-width: 767px) { .cart table { width: auto; display: block; border: 1px solid #edf1f2; } } @media only screen and (max-width: 767px) { .cart table tbody { display: block; } } @media only screen and (max-width: 767px) { .cart table tbody tr { display: block; } } .cart table tbody tr th { height: 24px; vertical-align: middle; text-align: center; font-size: 13px; color: #35403e; line-height: 15px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; text-shadow: 0 1px 0 #fff; background: #edf1f2; border: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .cart table tbody tr th { display: none; } } .cart table tbody tr th strong { color: #ff642b; margin-left: 5px; } @media only screen and (max-width: 767px) { .cart table tbody tr.cart__prod { position: relative; background: #fcfcfc; } } .cart table tbody tr.cart__prod td { vertical-align: middle; background: #fcfcfc; border-bottom: 1px solid #edf1f2; padding: 5px; } @media only screen and (max-width: 767px) { .cart table tbody tr.cart__prod td { display: block; border: none; padding: 5px 10px; } } .cart table tbody tr.cart__prod td.col1 { width: 110px; border-left: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .cart table tbody tr.cart__prod td.col1 { width: auto; border: none; position: absolute; left: 0; top: 0; padding: 5px 0 0 10px; } } .cart table tbody tr.cart__prod td.col1 img { display: block; border: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .cart table tbody tr.cart__prod td.col2 { margin: 0 0 0 120px; padding: 7px 5px 5px; min-height: 73px; } } .cart table tbody tr.cart__prod td.col2 p { font-size: 13px; color: #35403e; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 17px; } .cart table tbody tr.cart__prod td.col2 a { text-decoration: underline; font-size: 13px; line-height: 17px; color: #2d9683; } .cart table tbody tr.cart__prod td.col2 a:hover { text-decoration: none; } .cart table tbody tr.cart__prod td.col2 a:hover u { text-decoration: none; } .cart table tbody tr.cart__prod td.col2 a:hover strong { text-decoration: none; } .cart table tbody tr.cart__prod td.col2 a u { color: #ff642b; } .cart table tbody tr.cart__prod td.col2 a strong { color: #ff642b; text-decoration: underline; } @media only screen and (max-width: 767px) { .cart table tbody tr.cart__prod td.col3 .th-title { padding: 0 0 5px 0; } } .cart table tbody tr.cart__prod td.col4 { font-size: 13px; color: #35403e; line-height: 17px; text-align: center; white-space: nowrap; } @media only screen and (max-width: 767px) { .cart table tbody tr.cart__prod td.col4 { text-align: left; } } .cart table tbody tr.cart__prod td.col-disc { font-size: 13px; color: #35403e; line-height: 17px; text-align: center; } @media only screen and (max-width: 767px) { .cart table tbody tr.cart__prod td.col-disc { text-align: left; } } .cart table tbody tr.cart__prod td.col5 { border-left: 1px solid #edf1f2; text-align: center; font-size: 13px; color: #35403e; line-height: 17px; white-space: nowrap; } @media only screen and (max-width: 767px) { .cart table tbody tr.cart__prod td.col5 { border-bottom: 1px solid #edf1f2; border-left: none; text-align: left; position: relative; } } .cart table tbody tr.cart__prod td.col5 .icon-delete-red { margin-left: 5px; } @media only screen and (max-width: 767px) { .cart table tbody tr.cart__prod td.col5 .icon-delete-red { top: 50%; right: 15px; margin: -3px 0 0; position: absolute; } } .cart table tbody tr.shipping td, .cart table tbody tr.bonus td { background: #fcfcfc; vertical-align: middle; border-bottom: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .cart table tbody tr.shipping td, .cart table tbody tr.bonus td { display: block; width: auto; padding: 5px 10px; } } .cart table tbody tr.shipping td.col2, .cart table tbody tr.bonus td.col2 { text-align: center; font-size: 13px; color: #35403e; line-height: 17px; border-right: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .cart table tbody tr.shipping td.col2, .cart table tbody tr.bonus td.col2 { padding: 5px 10px; text-align: left; border-right: none; } } .cart table tbody tr.shipping td.col1, .cart table tbody tr.bonus td.col1 { padding: 5px; border-right: 1px solid #edf1f2; border-left: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .cart table tbody tr.shipping td.col1, .cart table tbody tr.bonus td.col1 { border: none; padding: 5px 10px; } } .cart table tbody tr.shipping td.col1 h2, .cart table tbody tr.bonus td.col1 h2 { font-size: 16px; color: #182422; line-height: 20px; padding-bottom: 10px; } .cart table tbody tr.shipping td.col1 .shipping-type, .cart table tbody tr.bonus td.col1 .shipping-type { float: left; padding-right: 10px; } @media only screen and (max-width: 767px) { .cart table tbody tr.shipping td.col1 .shipping-type, .cart table tbody tr.bonus td.col1 .shipping-type { float: none; padding: 0 0 10px 0; } } .cart table tbody tr.shipping td.col1 .shipping__selected p, .cart table tbody tr.bonus td.col1 .shipping__selected p { font-size: 11px; color: #35403e; line-height: 15px; } .cart table tbody tr.shipping td.col1 .shipping__selected p strong, .cart table tbody tr.bonus td.col1 .shipping__selected p strong { font-size: 13px; color: #ff642b; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; display: block; } .cart table tbody tr.insur { background: #fcfcfc; } .cart table tbody tr.insur .col2 { display: none; } @media only screen and (max-width: 767px) { .cart table tbody tr.insur .col2 { display: block; padding: 5px 10px; } } .cart table tbody tr.insur td { background: #fcfcfc; border-right: 1px solid #edf1f2; border-left: 1px solid #edf1f2; border-bottom: 1px solid #edf1f2; padding: 15px; vertical-align: middle; } @media only screen and (max-width: 767px) { .cart table tbody tr.insur td { border-left: none; border-right: none; border-bottom: none; padding: 15px 15px 5px 15px; } } .cart table tbody tr.insur td .checkbox { top: 0px; } @media only screen and (max-width: 767px) { .cart table tbody tr.insur td .checkbox { top: 0; } } .cart table tbody tr.insur td label { padding-left: 25px; display: block; font-size: 13px; color: #35403e; line-height: 17px; } .cart table tbody tr.insur td label em { font-style: normal; font-size: 11px; color: #666; display: block; } @media only screen and (max-width: 767px) { .cart table tbody tr.bott { background: #edf1f2; position: relative; padding: 5px 0 37px 0; } } .cart table tbody tr.bott td { background: #edf1f2; padding: 8px; } .cart table tbody tr.bott td.col1 { border-left: 1px solid #edf1f2; } @media only screen and (max-width: 767px) { .cart table tbody tr.bott td.col1 { position: absolute; bottom: 0; left: 0; right: 0; } } .cart table tbody tr.bott td.col1 a { float: left; height: 28px; line-height: 28px; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 13px; color: #ff642b; padding-right: 18px; position: relative; } @media only screen and (max-width: 767px) { .cart table tbody tr.bott td.col1 a { float: none; display: block; text-align: center; padding: 0; } } .cart table tbody tr.bott td.col1 a span { display: block; line-height: 28px; padding-left: 45px; font-size: 13px; position: relative; color: #ff642b; } @media only screen and (max-width: 767px) { .cart table tbody tr.bott td.col1 a span { display: inline-block; padding-left: 23px; } } .cart table tbody tr.bott td.col1 a i { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -333px no-repeat; width: 16px; height: 12px; position: absolute; left: 18px; top: 8px; } @media only screen and (max-width: 767px) { .cart table tbody tr.bott td.col1 a i { left: 0; } } .cart table tbody tr.bott td.col2 { text-align: right; font-size: 13px; color: #35403e; text-transform: uppercase; line-height: 15px; vertical-align: middle; } @media only screen and (max-width: 767px) { .cart table tbody tr.bott td.col2 { width: 50%; display: block; text-align: left; font-family: "open_sansregular", arial, sans-serif; font-weight: 400; } } .cart table tbody tr.bott td.col3 { font-size: 15px; color: #ff642b; line-height: 15px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; text-align: center; vertical-align: middle; white-space: nowrap; } @media only screen and (max-width: 767px) { .cart table tbody tr.bott td.col3 { text-align: right; position: absolute; right: 10px; top: 50%; margin: -33px 0 0 0; display: block; } } .th-title { display: none; } @media only screen and (max-width: 767px) { .th-title { display: inline-block; min-width: 85px; } } .th-title p { font-family: "open_sansbold", arial, sans-serif; font-weight: 400; font-size: 13px; line-height: 17px; color: #35403e; } .qty { height: 29px; width: 60px; background: #fff; position: relative; margin: 0 auto; } @media only screen and (max-width: 767px) { .qty { width: auto; } } .qty input { width: 32px; text-align: center; height: 29px; line-height: 29px; font-size: 14px; color: #666; border: 0; padding: 0; background: none; } .qty .plus { display: block; text-indent: -999px; overflow: hidden; position: absolute; right: 10px; top: 5px; background: url('../img/icons-sc42ab473e6.png') 0 -379px no-repeat; width: 7px; height: 4px; cursor: pointer; } .qty .minus { display: block; text-indent: -999px; overflow: hidden; position: absolute; right: 10px; bottom: 5px; background: url('../img/icons-sc42ab473e6.png') 0 -350px no-repeat; width: 7px; height: 4px; cursor: pointer; } .shipping-type a { width: 388px; display: block; padding-left: 40px; height: 29px; line-height: 29px; background: #fff; border: 1px solid #edf1f2; margin-top: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .shipping-type a { width: 325px; } } @media only screen and (max-width: 767px) { .shipping-type a { width: auto; height: auto; line-height: 17px; padding: 5px 5px 5px 40px; } } .shipping-type a:first-child { margin-top: 0; } .shipping-type a em { font-style: normal; color: #35403e; font-size: 13px; margin-right: 5px; } @media only screen and (max-width: 767px) { .shipping-type a em { margin: 0 0 3px 0; display: block; line-height: 17px; } } .shipping-type a .left { display: none; position: absolute; left: 0; top: 0; width: 30px; height: 29px; border-right: 1px solid #5bd9c2; } @media only screen and (max-width: 767px) { .shipping-type a .left { height: 100%; } } .shipping-type a .left i { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -485px no-repeat; width: 14px; height: 12px; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; } .shipping-type a .icon-prmail { position: relative; top: 2px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .shipping-type a .icon-prmail { top: 0; } } @media only screen and (max-width: 767px) { .shipping-type a .icon-prmail { top: 0; } } .shipping-type a .icon-airmail { margin-right: 5px; position: relative; top: 3px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .shipping-type a .icon-airmail { top: 0; } } @media only screen and (max-width: 767px) { .shipping-type a .icon-airmail { top: 0; } } .shipping-type a .icon-ems { position: relative; top: 1px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .shipping-type a .icon-ems { top: 0; } } @media only screen and (max-width: 767px) { .shipping-type a .icon-ems { top: 0; } } .shipping-type a.active { border-color: #3cc9b0; background: #3cc9b0; } .shipping-type a.active .left { display: block; } .shipping-type a.active em { color: #fff; } .shipping-type a.active .icon-prmail, .shipping-type a.active .icon-USPS { background: url('../img/icons-sc42ab473e6.png') 0 -1375px no-repeat; width: 48px; height: 12px; } .shipping-type a.active .icon-airmail, .shipping-type a.active .icon-AirMail { background: url('../img/icons-sc42ab473e6.png') 0 -49px no-repeat; width: 56px; height: 13px; } .shipping-type a.active .icon-ems, .shipping-type a.active .icon-EMS { background: url('../img/icons-sc42ab473e6.png') 0 -704px no-repeat; width: 37px; height: 11px; } .shipping-type a.inactive { background: none; } .shipping-type a.inactive em { color: #a1a6a5; } .shipping-type a.inactive .icon-prmail, .shipping-type a.inactive .icon-USPS { background: url('../img/icons-sc42ab473e6.png') 0 -1358px no-repeat; width: 48px; height: 12px; } .shipping-type a.inactive .icon-airmail, .shipping-type a.inactive .icon-AirMail { background: url('../img/icons-sc42ab473e6.png') 0 -31px no-repeat; width: 56px; height: 13px; } .shipping-type a.inactive .icon-ems, .shipping-type a.inactive .icon-EMS { background: url('../img/icons-sc42ab473e6.png') 0 -688px no-repeat; width: 37px; height: 11px; } .note-right { text-align: right; font-style: italic; font-size: 13px; color: #33414e; line-height: 17px; font-family: Arial, sans-serif; padding-bottom: 10px; } @media only screen and (max-width: 767px) { .note-right { text-align: right; } } .bonus-choose { padding-bottom: 30px; } .cart .bonus-choose { padding: 0; } .bonus-choose h3 { font-size: 16px; color: #182422; line-height: 20px; padding-bottom: 5px; } .bonus-choose a { float: left; width: 330px; height: 28px; border: 1px solid #edf1f2; text-align: left; position: relative; padding: 0 0 0 35px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #35403e; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .bonus-choose a { display: block; float: none; } } @media only screen and (max-width: 767px) { .bonus-choose a { float: none; width: auto; display: block; margin: 0 0 5px 0; } } .cart .bonus-choose a { margin: 5px 0 0 0; width: 388px; padding: 0 0 0 40px; text-align: left; } @media only screen and (max-width: 767px) { .cart .bonus-choose a { width: auto; } } .bonus-choose a:first-child { margin: 0 14px 0 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .bonus-choose a:first-child { margin: 0 0 10px 0; } } @media only screen and (max-width: 767px) { .bonus-choose a:first-child { margin: 0 0 5px 0; } } .bonus-choose a img { position: relative; top: 4px; margin-right: 5px; } .bonus-choose a em { font-style: normal; } .cart .bonus-choose a em { line-height: 28px; } .bonus-choose a .left { display: none; position: absolute; left: 0; top: 0; width: 30px; height: 29px; border-right: 1px solid #5bd9c2; } .bonus-choose a .left i { display: block; text-indent: -999px; overflow: hidden; background: url('../img/icons-sc42ab473e6.png') 0 -485px no-repeat; width: 14px; height: 12px; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -6px; } .bonus-choose a.active { background: #3cc9b0; border-color: #3cc9b0; color: #fff; } .bonus-choose a.active .left { display: block; } .cart-order { text-align: center; padding-bottom: 70px; } .cart-order .btn_red-b { float: left; height: 40px; line-height: 40px; color: white; background: #3cc9b0; padding: 0 10px; font-size: 18px; text-align: center; } @media only screen and (max-width: 767px) { .cart-order .btn_red-b { float: none; display: block; margin: 0 0 10px 0; } } .cart-order .btn_red-b i { position: relative; top: 12px; padding: 0 8px 0 0; } @media only screen and (max-width: 767px) { .cart-order .btn-orange { display: block; float: none; } } .order-tips { border: 1px solid #edf1f2; padding: 25px 25px 0 25px; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .order-tips { padding: 20px 10px 0 10px; } } .order-tips table { width: 50%; float: left; } @media only screen and (max-width: 767px) { .order-tips table { float: none; width: 100%; } } .order-tips table tr td { width: 300px; vertical-align: middle; padding-bottom: 25px; } .order-tips table tr td.col1, .order-tips table tr td.col3 { width: 50px; } @media only screen and (max-width: 767px) { .order-tips table tr td.col1, .order-tips table tr td.col3 { width: 75px; } } .order-tips table tr td.col2 { padding-right: 40px; } @media only screen and (max-width: 767px) { .order-tips table tr td.col2 { padding: 0 10px 20px 0; } } .order-tips table tr td p { font-size: 13px; color: #666; line-height: 17px; } .order-tips table tr td p strong { font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #ff642b; display: block; } .tip-box { display: inline; } @media only screen and (max-width: 767px) { .tip-box { display: block; padding: 0 0 3px 0; } } .tip-box__content { display: none; padding: 5px 5px 0; } .tip-box__content h3 { padding: 0 0 7px; color: #000; } .tip-box__content p { font-weight: bold; padding: 0 0 5px; color: #000; } .tip-box__content p b { color: #ff642b; } .qtip-custom { padding: 15px; } .qtip-custom .qtip-tip { height: 10px; width: 5px; } .qtip-custom .qtip-content { padding: 0; } .qtip-custom .qtip-content p { color: #fff; font-size: 11px; line-height: 16px; padding: 0 0 15px; font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif; } .qtip-custom .qtip-content ul { list-style: none; } .qtip-custom .qtip-content ul li { float: left; padding: 0 0 0 7px; margin: 0 5px 0 0; background: url(../img/icons/arr-right-white.png) 0 6px no-repeat transparent; } .qtip-custom .qtip-content ul li a { font-family: Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif; font-size: 11px; line-height: 13px; text-decoration: underline; color: #fff; } .qtip-custom .qtip-content ul li a:hover { text-decoration: none; } .qtip-custom .qtip-content ul li:first-child { padding: 0; background: none; } .content.text .bonus__wrap > strong { color: #C81818; } .content.text .post > p > strong { color: #C81818; } .content.text .post ul { padding: 0 0 15px 20px; } .content.text .post ul li { padding: 0 0 5px; font-size: 13px; line-height: 15px; } .content.text .post ul li a { text-decoration: none; } .content.text .post ol { padding: 0 0 15px 20px; } .content.text .post ol li { padding: 0 0 5px; font-size: 13px; line-height: 15px; } .content.text .post table { border: 1px solid #888; margin: 0 0 15px; } .content.text .post table th { text-align: left; font-size: 15px; line-height: 18px; padding: 5px 10px; border: 1px solid #888; min-width: 120px; } @media only screen and (max-width: 767px) { .content.text .post table th { min-width: 0; padding: 0; } } .content.text .post table th + th { text-align: center; } .content.text .post table td + td { text-align: center; } .content.text .post table td { text-align: left; font-size: 13px; line-height: 15px; padding: 5px 10px; border: 1px solid #888; vertical-align: middle; } @media only screen and (max-width: 767px) { .content.text .post table td { width: 50%; } } @media only screen and (max-width: 767px) { .content.text .post table td a { display: inline-block; max-width: 145px; word-wrap: break-word; } } .content_202 .faq table { display: none; } .bonus__wrap { position: relative; width: 100%; text-align: left; } @media only screen and (max-width: 767px) { .bonus__wrap { text-align: center; } } .bonus-popup { width: 225px; position: absolute; left: 50%; margin-left: -112px; bottom: 14px; display: none; cursor: auto; z-index: 200; background: #ffffff; } .bonus-popup__title { background: url(../img/bonus-popup-top.png) no-repeat 0 0 transparent; width: 225px; height: 32px; } .bonus-popup__title_i { padding: 12px 0 0 0; text-align: center; font-size: 9px; font-family: Arial, sans-serif; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-align: center; font-weight: bold; } .bonus-popup___title { text-align: center; font-size: 9px; font-family: Arial, sans-serif; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); text-align: center; font-weight: bold; position: relative; top: -27px; z-index: 10; } .bonus-popup__wrap { background: url(../img/bonus-popup-rep.png) repeat-y 0 0 transparent; } .bonus-popup__bott { background: url(../img/bonus-popup-bott.png) no-repeat 0 0 transparent; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; width: 225px; height: 10px; } .bonus-popup__wrap_i { padding: 5px 20px 10px 20px; } .bonus-popup__wrap table tr td { width: auto !important; text-align: center; } .bonus-popup__wrap table { margin-bottom: 10px; } .bonus-popup__wrap table tr td em { font-style: normal; font-size: 11px; color: #2a74ac; text-decoration: underline; line-height: 12px; } .bonus-popup__wrap p { font-size: 11px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #2f2f2f; line-height: 14px; } .bonus-popup__wrap p em { font-style: normal; color: #2a74ac; text-decoration: underline; } .bonus-popup__wrap p em i { text-indent: 100%; white-space: nowrap; overflow: hidden; display: inline-block; background: url(../img/button-cart-inverted.gif) no-repeat 0 0 transparent; width: 13px; height: 10px; position: relative; top: 2px; } .lang_de .ww-delivery { width: 335px; } .count-table .layers .row table tr td img { width: 100%; } .lang_fr .promo-text p { max-width: 214px; vertical-align: middle; } .lang_fr .promo-text p i { top: 50% !important; margin: -10px 0 0 0; } .lang_es .promo-text p { max-width: 214px; vertical-align: middle; } .lang_es .promo-text p i { top: 50% !important; margin: -10px 0 0 0; } .cart table tr.insur td .checkbox { top: 0; } .tooltip { width: 227px; background: url(../img/product-td-what-bg.png) repeat-y; display: none; position: absolute; z-index: 99; } .tooltip .top { width: 227px; height: 10px; background: url(../img/product-td-what-top.png) no-repeat; position: absolute; left: 0; top: -10px; overflow: hidden; } .tooltip .bot { width: 227px; height: 10px; background: url(../img/product-td-what-bot.png) no-repeat; position: absolute; left: 0; bottom: -10px; overflow: hidden; } .tooltip p { font-size: 10px; color: #857254; padding: 0 12px; text-align: center; padding-bottom: 5px; } .tooltip.grey { width: 165px; display: none; position: absolute; z-index: 99999; } .tooltip.grey .top { width: 165px; height: 6px; background: url(../img/tooltip-grey-top.png) no-repeat; position: absolute; left: 0; top: -6px; overflow: hidden; } .tooltip.grey .bot { width: 165px; height: 12px; background: url(../img/tooltip-grey-bottom.png) no-repeat; position: absolute; left: 0; bottom: -12px; overflow: hidden; } .opera12 .tooltip.grey .bot { position: relative; } .tooltip.grey p { font-size: 11px; color: #5b5b5b; text-shadow: 0 1px 1px #fff; padding: 0 12px; text-align: center; padding-bottom: 3px; } .quick-search-open .leftbar { z-index: 9999; position: relative; } .contact-us .row.row_pl .row__text { position: relative; } .contact-us .row.row_pl .row__text b { right: 85px; top: 3px; } .prod-data .title h1 { max-width: 250px; } @media only screen and (max-width: 767px) { .prod-data .title h1 { max-width: 80%; } } .lang_pt .prod-data .title h1 { font-size: 15px; } .lang_pt .prod-data .title .title__disc { top: auto; bottom: 15px; } .currency_cad .count-table .layers .row table tr td.col2 p { width: 100px; } @media only screen and (max-width: 767px) { .currency_cad .count-table .layers .row table tr td.col2 p { width: auto; } } .currency_chf .count-table .layers .row table tr td.col2 p { width: 105px; } @media only screen and (max-width: 767px) { .currency_chf .count-table .layers .row table tr td.col2 p { width: auto; } } .currency_jpy .count-table .layers .row table tr td.col2 p { width: 110px; } @media only screen and (max-width: 767px) { .currency_jpy .count-table .layers .row table tr td.col2 p { width: auto; } } .currency_mxn .count-table .layers .row table tr td.col2 p { width: 115px; } @media only screen and (max-width: 767px) { .currency_mxn .count-table .layers .row table tr td.col2 p { width: auto; } } .currency_nzd .count-table .layers .row table tr td.col2 p { width: 115px; } @media only screen and (max-width: 767px) { .currency_nzd .count-table .layers .row table tr td.col2 p { width: auto; } } .lang_fr .count-table .layers .row table tr td.col5 { width: 225px; } @media only screen and (max-width: 767px) { .lang_fr .count-table .layers .row table tr td.col5 { width: auto; } } .lang_fr .product-big__table__row table tr td.col2 { width: 160px; } @media only screen and (max-width: 767px) { .lang_fr .product-big__table__row table tr td.col2 { width: auto; } } .lang_fr .product-big__table__row table tr td.col1 { width: 200px; } @media only screen and (max-width: 767px) { .lang_fr .product-big__table__row table tr td.col1 { width: auto; } } .lang_it .product-big__table__row table tr td.col2 { width: 160px; } @media only screen and (max-width: 767px) { .lang_it .product-big__table__row table tr td.col2 { width: auto; } } .lang_it .product-big__table__row table tr td.col1 { width: 200px; } @media only screen and (max-width: 767px) { .lang_it .product-big__table__row table tr td.col1 { width: auto; } } .lang_es .product-big__table__row table tr td.col2 { width: 160px; } @media only screen and (max-width: 767px) { .lang_es .product-big__table__row table tr td.col2 { width: auto; } } .lang_es .product-big__table__row table tr td.col1 { width: 200px; } @media only screen and (max-width: 767px) { .lang_es .product-big__table__row table tr td.col1 { width: auto; } } .lang_es .product-big__table__row table tr td.col5 { width: 200px; } @media only screen and (max-width: 767px) { .lang_es .product-big__table__row table tr td.col5 { width: auto; } } .lang_pt .product-big__table__row table tr td.col2 { width: 160px; } @media only screen and (max-width: 767px) { .lang_pt .product-big__table__row table tr td.col2 { width: auto; } } .lang_pt .product-big__table__row table tr td.col1 { width: 200px; } @media only screen and (max-width: 767px) { .lang_pt .product-big__table__row table tr td.col1 { width: auto; } } .lang_pt .product-big__table__row table tr td.col5 { width: 185px; } @media only screen and (max-width: 767px) { .lang_pt .product-big__table__row table tr td.col5 { width: auto; } } .lang_jp .product-big__table__row table tr td.col2 { width: 160px; } @media only screen and (max-width: 767px) { .lang_jp .product-big__table__row table tr td.col2 { width: auto; } } .lang_jp .product-big__table__row table tr td.col1 { width: 200px; } @media only screen and (max-width: 767px) { .lang_jp .product-big__table__row table tr td.col1 { width: auto; } } .lang_jp .product-big__table__row table tr td.col5 { width: 185px; } @media only screen and (max-width: 767px) { .lang_jp .product-big__table__row table tr td.col5 { width: auto; } } .lang_de .product-big__table__row table tr td.col1 { width: 210px; } @media only screen and (max-width: 767px) { .lang_de .product-big__table__row table tr td.col1 { width: auto; } } .lang_de .product-big__table__row table tr td.col2 { width: 140px; } @media only screen and (max-width: 767px) { .lang_de .product-big__table__row table tr td.col2 { width: auto; } } .lang_it .product-big__table__row table tr td.col5 { width: 180px; } @media only screen and (max-width: 767px) { .lang_it .product-big__table__row table tr td.col5 { width: auto; } } .lang_de .product-big__table__row table tr td.col5 { width: 160px; } @media only screen and (max-width: 767px) { .lang_de .product-big__table__row table tr td.col5 { width: auto; } } .lang_fr .product-big__table__row table tr td.col5 .btn-orange { padding: 0 5px; } .lang_fr .product-big__table__row table tr td.col5 { width: 220px; } @media only screen and (max-width: 767px) { .lang_fr .product-big__table__row table tr td.col5 { width: auto; } } .lang_es.currency_jpy .count-table .layers .row table tr td.col4 { width: 120px; } @media only screen and (max-width: 767px) { .lang_es.currency_jpy .count-table .layers .row table tr td.col4 { width: auto; } } .lang_es.currency_jpy .count-table .layers .row table tr td.col5 { width: 190px; } @media only screen and (max-width: 767px) { .lang_es.currency_jpy .count-table .layers .row table tr td.col5 { width: auto; } } .lang_es.currency_mxn .count-table .layers .row table tr td.col4 { width: 127px; } @media only screen and (max-width: 767px) { .lang_es.currency_mxn .count-table .layers .row table tr td.col4 { width: auto; } } .lang_es.currency_mxn .count-table .layers .row table tr td.col5 { width: 190px; } @media only screen and (max-width: 767px) { .lang_es.currency_mxn .count-table .layers .row table tr td.col5 { width: auto; } } .lang_es.currency_mxn .count-table .layers .row table tr td.col5 .btn-orange { width: 178px; } @media only screen and (max-width: 767px) { .lang_es.currency_mxn .count-table .layers .row table tr td.col5 .btn-orange { width: auto; } } .lang_jp .cart-small .btn-orange { margin-left: 5px; } .lang_jp .cart-small p strong { margin-left: 2px; } .lang_jp .cart-small p em { margin-left: 2px; } .lang_jp .cart-small__icon { margin-right: 0; } .promo-text p a { color: #555959; } .discount-banner .title a { color: #fff; } .discount-banner .text .text_i .old a { color: #c80200; } .discount-banner .text .text_i .price a { color: #c80200; } .lang_de .bonus-popup___title { font-size: 8px; } .lang_fr .bonus-popup___title { font-size: 8px; } .accept table tr td { text-align: center; } .cart table tr.cart__prod td.col2 a strong { display: block; } .shipping-type a span { vertical-align: middle; } .count-table .layers .row table tr td.col2 p { white-space: nowrap; } .count-table .layers .row table tr td.col4 u { white-space: nowrap; } .count-table .layers .row table tr td.col5 a { white-space: nowrap; } .lang_fr.currency_mxn .product__main__text .price-spec b { font-size: 17px; line-height: 19px; } .lang_es.currency_jpy .product__main__text .price-spec b { font-size: 17px; line-height: 19px; } .discount-banner .text .text_i .price { font-size: 27px; } .content__748 > .error { clear: both; padding: 20px 0; font-weight: bold; } .content__748 > .error a { color: red; text-decoration: underline; } .content__748 > .error a:hover { text-decoration: none; } .content__748 > p { padding: 0 0 10px; } .content__748 > .error + a { text-decoration: underline; } .content__748 > .error + a:hover { text-decoration: none; } .star-packs__item td:first-child { word-wrap: break-word; } .star-packs__item td + td { width: 55px; max-width: 55px; min-width: 55px; } .star-packs__item td + td + td { max-width: none; min-width: 0; width: 50px; padding: 0 0 0 5px; } .star-packs__item td:first-child a { position: relative; word-wrap: break-word; max-width: 230px; display: inline-block; zoom: 1; *display: inline; } .star-packs__item td:first-child a i { position: absolute; top: 0; left: 0; } .footer__bott .contacts { width: 790px; right: 0; top: 60px; position: absolute; margin: 0 0 10px 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .footer__bott .contacts { width: 100%; margin: 0; } } @media only screen and (max-width: 767px) { .footer__bott .contacts { width: 100%; position: relative; top: 0; margin: 0; } } .footer__bott .contacts td { text-align: center; font-size: 12px; line-height: 16px; padding: 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .footer__bott .contacts td { width: 50%; } } @media only screen and (max-width: 767px) { .footer__bott .contacts td { padding: 0 5px; display: block; line-height: 17px; font-size: 11px; } } .footer__bott .contacts a:hover { text-decoration: underline; } .page-post .contacts { width: 100%; margin: 0 0 10px 0; } .page-post .contacts td { text-align: left; font-size: 13px; line-height: 17px; padding: 5px 5px 5px 0; } @media only screen and (max-width: 767px) { .page-post .contacts td { display: block; padding: 0 0 10px 0; } } .page-post .contacts td + td { padding: 5px; } @media only screen and (max-width: 767px) { .page-post .contacts td + td { padding: 0 0 10px 0; } } .page-post .contacts a { color: #3cc9b0; } .page-post .contacts a:hover { text-decoration: underline; } .contacts td { vertical-align: middle; color: #35403e; padding: 5px; } .contacts td + td { min-width: 120px; } .contacts a { font-family: "open_sanssemibold", arial, sans-serif; font-weight: 400; } .pay-method { position: relative; padding: 0 20px 10px 20px; margin: 0 0 10px 0; } .pay-method p { font-size: 14px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 32px; color: #35403e; } .pay-method .cart-title__payment { right: 20px; height: 35px; } @media only screen and (max-width: 767px) { .pay-method .cart-title__payment { display: block; position: relative; height: auto; } } .pay-method .method { position: relative; float: right; margin: 2px 0 0 5px; width: 45px; padding: 2px; height: 29px; border: 1px solid #fcfcfc; background: #fcfcfc; } .pay-method .method input { width: 0; height: 0; position: absolute; opacity: 0; } .pay-method .method.active { border: 1px solid #F3D98A; border-radius: 4px; padding: 2px; background: #FFEDB8; margin: 2px 0 0 5px; } .pay-method .method img { width: 100%; height: 100%; } .error-span { color: #F76F6F; } .forms__row { padding: 0 0 10px 0; } .forms__row p { font-size: 13px; line-height: 17px; color: #35403e; padding: 0 0 5px 0; } .forms__row p .fill { margin: 0 0 0 3px; color: #c80200; } .forms__row > .forms__row { float: left; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row > .forms__row { width: 34%; } } @media only screen and (max-width: 767px) { .forms__row > .forms__row { width: 34%; } } .forms__row > .forms__row > p { position: absolute; left: 5px; top: -20px; } .forms__row > .forms__row.focus { padding-bottom: 420px; } @media only screen and (max-width: 767px) { .forms__row > .forms__row.focus { padding-bottom: 585px; } } .forms__row > .forms__row.error { padding-bottom: 420px; } @media only screen and (max-width: 767px) { .forms__row > .forms__row.error { padding-bottom: 585px; } } .forms__row .select .ui-btn { width: 100%; border-radius: 0; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .forms__row .select .ui-btn span { line-height: 32px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row .select > .forms__row .select { width: 49%; } } .forms__row.selects { position: relative; } .forms__row.selects .select { width: 111px; float: left; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row.selects .select { width: 32%; margin: 0; } } @media only screen and (max-width: 767px) { .forms__row.selects .select { width: 32%; margin: 0; } } .forms__row.selects .select + .select { margin: 0 0 0 5px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row.selects .select + .select { margin: 0 0 0 2%; } } @media only screen and (max-width: 767px) { .forms__row.selects .select + .select { margin: 0 0 0 2%; } } .forms__row.selects .select .ui-btn { width: 100%; border-radius: 0; height: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .forms__row.selects .select .ui-btn span { line-height: 32px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row.selects .select-row { width: 66%; } } @media only screen and (max-width: 767px) { .forms__row.selects .select-row { width: 66%; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row.selects .select-row .select { width: 48%; } } @media only screen and (max-width: 767px) { .forms__row.selects .select-row .select { width: 48%; } } .forms__row.selects .input { width: 111px; float: left; margin: 0 0 0 5px; height: 30px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row.selects .input { width: 100%; margin: 0 0 0 2%; } } @media only screen and (max-width: 767px) { .forms__row.selects .input { width: 100%; margin: 0 0 0 2%; } } .forms__row.selects .input input { display: block; width: 99px; padding: 0 0 0 10px; height: 30px; } .error .forms__row.selects .input input { border-color: #F76F6F; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row.selects .input input { width: 100%; } } @media only screen and (max-width: 767px) { .forms__row.selects .input input { width: 100%; } } .forms__row.selects .input.error input { border-color: #F76F6F; margin: 0 0 10px; } .forms__row .input { width: 343px; position: relative; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row .input { width: auto; } } @media only screen and (max-width: 767px) { .forms__row .input { width: auto; } } .forms__row .input input { width: 321px; border: 1px solid #ffc412; height: 29px; padding: 0 10px; line-height: 29px; background: #fff; font-size: 14px; color: #35403e; outline: none; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row .input input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 32px; } } @media only screen and (max-width: 767px) { .forms__row .input input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 32px; } } .forms__row .input.visa-bil input { padding: 0 45px 0 10px; width: 286px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row .input.visa-bil input { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 767px) { .forms__row .input.visa-bil input { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } .forms__row .input.visa-bil > i { position: absolute; right: 5px; top: 3px; } .forms__row.focus .input input { margin: 0 0 15px 0; } .forms__row.focus .select-row .input__tip { width: 205px; } .forms__row.focus .select { margin: 0 0 15px; } .forms__row.focus .select + .select { margin: 0 0 15px 5px; } .forms__row.focus > .forms__row .input__tip { display: none; } .forms__row.focus > .forms__row .input input { margin: 0; } .forms__row.focus > .forms__row.focus .input__tip { display: block; } .forms__row.focus > .forms__row.focus .input input { margin: 0 0 15px; } .forms__row.focus > .forms__row.error .input__tip { display: block; } .forms__row.focus > .forms__row.error .input input { border: 1px solid #F76F6F; margin: 0 0 15px; } .forms__row.error .input input { border: 1px solid #f1654c; margin: 0 0 15px 0; } .forms__row.error .select-row .input__tip { width: 205px; } .forms__row.error .select { margin: 0 0 15px; } .forms__row.error .select + .select { margin: 0 0 15px 5px; } .forms__row.error > .forms__row.focus { padding-bottom: 450px; } @media only screen and (max-width: 767px) { .forms__row.error > .forms__row.focus { padding-bottom: 590px; } } .forms__row.error > .forms__row.erorr { padding-bottom: 450px; } @media only screen and (max-width: 767px) { .forms__row.error > .forms__row.erorr { padding-bottom: 600px; } } .forms__row.error > .forms__row .input__tip { display: none; } .forms__row.error > .forms__row .input input { border: 1px solid #ffc412; margin: 0; } .forms__row.error > .forms__row .input .input__tip { background: #f1654c; border: 1px solid #f1654c; top: 92px; display: none; } .forms__row.error > .forms__row .input .input__tip .icon_corner { background: url("../img/red-corner-top.png") no-repeat; } .forms__row.error > .forms__row .input .input__tip p { color: #fff; } .forms__row.error > .forms__row .input .input__tip span { color: #fff; } .forms__row.error > .forms__row.error .input__tip { display: block; top: 92px; background: #f1654c; border: 1px solid #f1654c; } .forms__row.error > .forms__row.error .input__tip .icon_corner { background: url("../img/red-corner-top.png") no-repeat; } .forms__row.error > .forms__row.error .input__tip p { color: #fff; } .forms__row.error > .forms__row.error .input__tip span { color: #fff; } .forms__row.error > .forms__row.error .input input { border: 1px solid #F76F6F; margin: 0 0 15px; } .forms__row.error > .forms__row.focus .input input { background: #fff; border: 1px solid #ffc412; } .forms__row.error > .forms__row.focus .input .input__tip { background: #f8f8f8; border: 1px solid #E3E6E9; } .forms__row.error > .forms__row.focus .input .input__tip .icon_corner { background: url("../img/grey-corner-top.png") no-repeat; } .forms__row.error > .forms__row.focus .input .input__tip p { color: #5e99bd; } .forms__row.error > .forms__row.focus .input .input__tip span { color: #5e99bd; } .forms__row.error > .forms__row.done .input__tip { display: none; background: #f8f8f8; border: 1px solid #E3E6E9; } .forms__row.error > .forms__row.done .input__tip .icon_corner { background: url("../img/grey-corner-top.png") no-repeat; } .forms__row.error > .forms__row.done .input__tip p { color: #5e99bd; } .forms__row.error > .forms__row.done .input__tip span { color: #5e99bd; } .forms__row.error > .forms__row.done .input input { border: 1px solid #14CA80; margin: 0; } .forms__row > .forms__row.error .input__tip { display: block; background: #f1654c; border: 1px solid #f1654c; } .forms__row > .forms__row.error .input__tip p { color: #ffffff; } .forms__row > .forms__row.error .input__tip span { color: #ffffff; } .forms__row > .forms__row.focus .input__tip { display: block; } .forms__row.done .input input { border: 1px solid #14CA80; } .forms__row.done > .forms__row .input__tip { display: none; } .forms__row.done > .forms__row .input input { border: 1px solid #ffc412; margin: 0; } .forms__row.done > .forms__row.done .input__tip { display: none; } .forms__row.done > .forms__row.done .input input { border: 1px solid #14CA80; margin: 0; } .forms__row.done > .forms__row.error .input__tip { display: block; } .forms__row.done > .forms__row.error .input input { border: 1px solid #F76F6F; margin: 0 0 15px; } .forms__row > a { position: absolute; top: 55px; right: 0; text-decoration: underline; color: #2d9683; text-align: right; font-size: 12px; padding: 5px 0 0 0; } @media only screen and (max-width: 767px) { .forms__row > a { top: 47px; } } .forms__row > a:hover { text-decoration: none; } .forms__row.empty { height: 53px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row.empty { height: 54px; } } @media only screen and (max-width: 767px) { .forms__row.empty { height: 0; display: none; } } .forms__row.textrow { padding: 20px 20px 10px; border-top: 1px solid #edf1f2; clear: both; } .forms__row.textrow.error .textarea { margin: 0 0 20px 0; } .forms__row.textrow.error .textarea textarea { border: 1px solid #F76F6F; } .forms__row.textrow.done .textarea textarea { border: 1px solid #14CA80; } .forms__row .textarea textarea { width: 688px; border: 1px solid #ffc412; height: 48px; resize: none; color: #35403e; font-size: 14px; line-height: 20px; outline: none; padding: 5px 10px; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms__row .textarea textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width: 767px) { .forms__row .textarea textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100px; } } .select-row { float: left; } .input__tip { position: relative; display: none; left: 0; right: 0; padding: 5px 10px; clear: both; } .input__tip .icon_corner { width: 23px; height: 12px; display: block; position: absolute; top: -11px; left: 50%; margin: 0 0 0 -11.5px; } .input__tip .icon_info-tip { display: none; } .input__tip p { font-size: 13px; line-height: 17px; } .error .input__tip { background: #f1654c; border: 1px solid #f1654c; } .error .input__tip .icon_corner { background: url("../img/red-corner-top.png") no-repeat; } .error .input__tip p { color: #fff; } .error .input__tip span { color: #fff; } .focus .input__tip, .show-info-only .input__tip { display: block; background: #f8f8f8; border: 1px solid #E3E6E9; } .focus .input__tip .icon_corner, .show-info-only .input__tip .icon_corner { background: url("../img/grey-corner-top.png") no-repeat; } .focus .input__tip .error-m, .show-info-only .input__tip .error-m { display: none; } .focus .input__tip p, .show-info-only .input__tip p { color: #5e99bd; } .focus .input__tip span, .show-info-only .input__tip span { color: #5e99bd; } .done .input__tip { display: none; } .input__tip.cvv { display: none; position: absolute; left: -240px; top: 73px; width: 360px; padding: 15px 20px; z-index: 99; } .show-info-only .input__tip.cvv { display: block; } @media only screen and (max-width: 767px) { .input__tip.cvv { width: 245px; left: inherit; } } .input__tip.cvv .card-info__title { font-size: 13px; line-height: 17px; padding: 0 0 10px 0; } .input__tip.cvv .card-info__content p { float: left; width: 45%; margin: 0 5% 0 0; font-size: 13px; line-height: 17px; padding: 0 0 15px 0; } @media only screen and (max-width: 767px) { .input__tip.cvv .card-info__content p { float: none; width: auto; } } .input__tip.cvv .card-info__content img { float: left; width: 50%; } @media only screen and (max-width: 767px) { .input__tip.cvv .card-info__content img { width: auto; } } .input__tip.cvv .icon_corner { width: 23px; height: 12px; display: block; position: absolute; top: -11px; left: 78%; margin: 0 0 0 -11.5px; } @media only screen and (max-width: 767px) { .input__tip.cvv .icon_corner { left: 90%; } } .forms { background: #fcfcfc; border: 1px solid #edf1f2; padding: 20px 0 10px; margin: 0 0 15px 0; } .forms .cols .col { float: left; width: 343px; padding: 0 20px 0 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms .cols .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 20px 0 10px; } } @media only screen and (max-width: 767px) { .forms .cols .col { width: auto; float: none; padding: 0 10px; } } .forms .cols .col:first-child { padding: 0 20px 0; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .forms .cols .col:first-child { padding: 0 10px 0 20px; } } @media only screen and (max-width: 767px) { .forms .cols .col:first-child { padding: 0 10px; } } .billing-cart__title { padding: 0 0 15px; position: relative; } .billing-cart__title p { font-size: 19px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 24px; color: #35403e; } .decline .billing-cart__title p { margin: 0 200px 0 0; } @media only screen and (max-width: 767px) { .decline .billing-cart__title p { margin: 0 0 10px 0; } } .billing-cart__text { padding: 0 0 20px 0; } .billing-cart__text p { font-size: 13px; line-height: 18px; color: #35403e; } .check-box { padding: 0 0 10px 0; margin: 0 0 0 20px; } .check-box p { padding: 0 0 0 25px; font-size: 13px; line-height: 18px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #35403e; } .order__cols .adress { padding: 20px 18px; border: 1px solid #eeeeee; margin: 0 0 15px 0; background: #fcfcfc; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .order__cols .adress { float: none; margin: 0 0 20px 0; } } @media only screen and (max-width: 767px) { .order__cols .adress { float: none; margin: 0 0 20px 0; } } .order__cols .order-info { margin: 0 0 15px 0; border: 1px solid #eeeeee; background: #fcfcfc; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .order__cols .order-info { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: none; } } @media only screen and (max-width: 767px) { .order__cols .order-info { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: none; } } .adress__col { float: left; width: 50%; } @media only screen and (max-width: 767px) { .adress__col { width: auto; float: none; } } .adress__col table { width: 100%; } .adress__col table tbody tr th { vertical-align: middle; padding: 10px 0 20px 0; text-align: left; } .adress__col table tbody tr th p { font-size: 13px; line-height: 17px; color: #35403e; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .adress__col table tbody tr td { vertical-align: middle; padding: 5px 10px 5px 0; } .adress__col table tbody tr .ad-title { width: 80px; } .adress__col table tbody tr .ad-title p { color: #666666; font-size: 13px; line-height: 17px; } .adress__col table tbody tr .ad-text { width: 160px; } .adress__col table tbody tr .ad-text p { color: #333333; font-size: 13px; line-height: 17px; font-family: "open_sanssemibold", arial, sans-serif; font-weight: 400; } .dashboard .adress__col { width: 50%; } @media only screen and (max-width: 767px) { .dashboard .adress__col { width: auto; } } .order-info__title { padding: 15px 15px 15px 15px; } .order-info__title p { font-size: 13px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; line-height: 17px; color: #35403e; } .order-info__main table { width: 100%; } @media only screen and (max-width: 767px) { .order-info__main table { width: 100%; } } .order-info__main table tbody tr:first-child + tr td { border-top: none; } .order-info__main table tbody tr:first-child th { border: none; padding: 6px 10px 5px 5px; } .order-info__main table tbody tr th { padding: 5px 5px 5px 5px; background: #edf1f2; vertical-align: middle; font-size: 11px; font-family: "open_sanssemibold", arial, sans-serif; font-weight: 400; line-height: 14px; color: #6d7f91; border-top: 1px solid #ffffff; } .order-info__main table tbody tr th.inf-title { padding: 4px 5px 4px 15px; } .order-info__main table tbody tr th.inf-subtotal { padding: 5px 10px 5px 5px; } @media only screen and (max-width: 767px) { .order-info__main table tbody tr th.inf-subtotal { padding: 5px 0px 5px 0px; text-align: center; } } @media only screen and (max-width: 767px) { .order-info__main table tbody tr th[colspan="2"] { text-align: right; padding: 5px 10px 5px 0; } } .order-info__main table tbody tr td { vertical-align: middle; padding: 10px 5px; border-top: 1px solid #eeeeee; } .order-info__main table tbody tr td.inf-title { padding: 5px 5px 5px 15px; } .order-info__main table tbody tr td.inf-subtotal { padding: 5px 10px 5px 5px; } .order-info__main table tbody tr.inf-row th { background: #fff; color: #35403e; } .order-info__main table tbody tr .inf-title { width: 175px; text-align: left; } @media only screen and (max-width: 767px) { .order-info__main table tbody tr .inf-title { width: auto; } } .order-info__main table tbody tr .inf-title p { font-size: 12px; line-height: 15px; color: #666666; white-space: nowrap; } .order-info__main table tbody tr .inf-title p b { color: #35403e; font-size: 12px; line-height: 15px; } .order-info__main table tbody tr .inf-title strong { font-size: 13px; line-height: 17px; color: #595959; } .order-info__main table tbody tr .inf-title b { font-size: 16px; line-height: 21px; color: #595959; } .order-info__main table tbody tr .inf-quantity { width: 55px; text-align: center; } .order-info__main table tbody tr .inf-quantity strong { font-size: 12px; line-height: 17px; color: #595959; } @media only screen and (max-width: 767px) { .order-info__main table tbody tr .inf-quantity { width: auto; } .order-info__main table tbody tr .inf-quantity strong { font-size: 11px; } } .order-info__main table tbody tr .inf-subtotal { width: 85px; text-align: right; } @media only screen and (max-width: 767px) { .order-info__main table tbody tr .inf-subtotal { width: auto; } } .order-info__main table tbody tr .inf-subtotal strong { color: #595959; font-size: 12px; line-height: 15px; text-transform: uppercase; white-space: nowrap; } .order-info__main table tbody tr .inf-subtotal b { color: #ff642b; font-size: 15px; line-height: 19px; text-transform: uppercase; white-space: nowrap; } .pay-info { background: #fcfcfc; border: 1px solid #edf1f2; padding: 20px; margin: 0 0 15px; } .pay-info__title { padding: 0 0 5px 0; } .pay-info__title p { font-size: 13px; line-height: 17px; color: #182422; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .pay-info__content { position: relative; } .pay-info__content__img { position: absolute; left: 0; top: 5px; } .pay-info__content__text { margin: 0 0 0 75px; } .pay-info__content__text p { font-size: 13px; line-height: 22px; color: #35403e; } .pay-info__content__text p > strong { margin: 0 0 0 2px; } .btns-line { margin: 0 0 15px 0; } .billing-status { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; padding: 20px 15px; margin: 0 0 15px; position: relative; } .billing-status i { position: absolute; top: 50%; margin: -13px 0 0 0; left: 21px; } .decline .billing-status { background: #ff642b; } .accepted .billing-status { background: #3cc9b0; } .billing-status p { font-size: 13px; line-height: 20px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; color: #fff; text-align: left; padding: 0 0 0 65px; } .billing-post p { font-size: 13px; line-height: 18px; color: #35403e; padding: 0 0 10px; } .billing-post p b.green { color: #2d9683; } .billing-post a { color: #2d9683; font-size: 13px; line-height: 18px; text-decoration: underline; } .billing-post a:hover { text-decoration: none; } .billing-post a.dark-green { color: #35403e; } .mobile-switches { display: none; } @media only screen and (max-width: 767px) { .mobile-switches { display: block; text-align: center; position: absolute; top: 0; left: 0; right: 0; padding: 45px 0 0; } } .mobile-switches .ui-btn { background: #ffffff; } .mobile-switches .select { display: inline-block; margin: 0 4px; width: 35%; } .mobile-switches .select2-container .select2-choice { height: 46px; line-height: 46px; color: #35403e; font-size: 12px; padding: 0 0 0 20px; width: 100px; text-align: left; border: none; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; background: #8ce6d4; } .text-with-image img { position: relative; top: 5px; } .s-results { padding: 0 0 15px; } .s-results__view p { font-size: 16px; line-height: 20px; font-family: "open_sansbold", arial, sans-serif; font-weight: 400; } .s-results__pages ul { list-style: none; text-align: center; } .s-results__pages li { display: inline-block; zoom: 1; margin: 0 3px; } .s-results__pages li a { font-size: 14px; line-height: 18px; color: #ff642b; } .s-results__pages li a:hover { text-decoration: underline; } .s-results__pages li span { color: #000; font-size: 14px; line-height: 18px; } .input__tip__cvv { display: none; position: absolute; right: -7px; top: 73px; width: 360px; padding: 15px 20px; z-index: 99; background: #f8f8f8; border: 1px solid #E3E6E9; } @media only screen and (max-width: 767px) { .input__tip__cvv { width: 245px; } } .focus .input__tip__cvv { display: block; } .input__tip__cvv .card-info__title { font-size: 13px; line-height: 17px; padding: 0 0 10px 0; } .input__tip__cvv .card-info__content p { float: left; width: 45%; margin: 0 5% 0 0; font-size: 13px; line-height: 17px; padding: 0 0 15px 0; } @media only screen and (max-width: 767px) { .input__tip__cvv .card-info__content p { float: none; width: auto; } } .input__tip__cvv .card-info__content img { float: left; width: 50%; } @media only screen and (max-width: 767px) { .input__tip__cvv .card-info__content img { width: auto; } } .input__tip__cvv .icon_corner { background: url("../img/grey-corner-top.png") no-repeat; width: 23px; height: 12px; display: block; position: absolute; top: -11px; left: 90%; margin: 0 0 0 -11.5px; }