@font-face { font-family:'FontAwesome'; src:url('https://static.starshiners.ro/fonts/fontawesome-webfont.eot'); src:url('https://static.starshiners.ro/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('https://static.starshiners.ro/fonts/fontawesome-webfont.woff2') format('woff2'), url('https://static.starshiners.ro/fonts/fontawesome-webfont.woff') format('woff'), url('https://static.starshiners.ro/fonts/fontawesome-webfont.ttf') format('truetype'), url('https://static.starshiners.ro/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); font-style:normal; font-weight:400; font-display:swap; } @font-face { font-family:'FontAwesomeBrands'; src:url('https://static.starshiners.ro/fonts/fa-brands-400.eot'); src:url('https://static.starshiners.ro/fonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('https://static.starshiners.ro/fonts/fa-brands-400.woff2') format('woff2'), url('https://static.starshiners.ro/fonts/fa-brands-400.woff') format('woff'), url('https://static.starshiners.ro/fonts/fa-brands-400.ttf') format('truetype'), url('https://static.starshiners.ro/fonts/fa-brands-400.svg#fontawesomeregular') format('svg'); font-style:normal; font-weight:400; font-display:swap; } @font-face { font-family:'FontAwesome5'; src:url('https://static.starshiners.ro/fonts/fa5/fa-solid-900.eot'); src:url('https://static.starshiners.ro/fonts/fa5/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('https://static.starshiners.ro/fonts/fa5/fa-solid-900.woff2') format('woff2'), url('https://static.starshiners.ro/fonts/fa5/fa-solid-900.woff') format('woff'), url('https://static.starshiners.ro/fonts/fa5/fa-solid-900.ttf') format('truetype'), url('https://static.starshiners.ro/fonts/fa5/fa-solid-900.svg#fontawesomeregular') format('svg'); font-style:normal; font-weight:900; font-display:swap; } @font-face { font-family:'FontAwesome5Reg'; src:url('https://static.starshiners.ro/fonts/fa5/fa-regular-400.eot'); src:url('https://static.starshiners.ro/fonts/fa5/fa-regular-400.eot?#iefix') format('embedded-opentype'), url('https://static.starshiners.ro/fonts/fa5/fa-regular-400.woff2') format('woff2'), url('https://static.starshiners.ro/fonts/fa5/fa-regular-400.woff') format('woff'), url('https://static.starshiners.ro/fonts/fa5/fa-regular-400.ttf') format('truetype'), url('https://static.starshiners.ro/fonts/fa5/fa-regular-400.svg#fontawesomeregular') format('svg'); font-style:normal; font-weight:400; font-display:swap; } html{ overflow-y:scroll; overflow-x:hidden; width:100%; } body{ padding:0; margin:0; font-family:'Poppins','Roboto', sans-serif; } h1,h2,h3,h4{ padding:0; margin:0; } b{ font-weight:600; } .social-sticky{ display:none; } #all-brands{ display:none; } .blue-link{ font-size:13px; color:#4974ff; text-decoration:underline; } .blue-link:hover, .blue-link:active{ color:#3451b2; } .green-text{ color:#11A545 !important; } .red-text{ color:#E72525 !important; } .grey-text{ color:#9FA2A6 !important; } #header-wrapper{ background:#fff; height:56px; position:relative; z-index:104; } #header-wrapper .top-head{ padding:12px 0; position:relative; z-index:3; background:#2d2d2d; } #header-wrapper .top-head .container, #header-wrapper .sub-head .container, #header-wrapper .top-info .container{ padding:0 10px; margin:0 auto; } #header-wrapper .logo{ text-align:left; } #header-wrapper .logo a{ display:block; line-height:0; padding-top:12px; padding-bottom:12px; } #header-wrapper .logo-cnt { height:31px; position:relative; top:-1px; display:inline-block; vertical-align:middle; } #header-wrapper .logo-cnt object { height:100%; } #header-wrapper .user-tools .myaccount{ position:relative; top:-4px; } #header-wrapper .profile-image { height:40px; width:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden; display:block; position:relative; } #header-wrapper .back-button a{ text-decoration:none ; font-style:normal; display:inline-block; margin-left:0px; margin-right:0px } #header-wrapper .back-button i.back-arrow{ position:relative; display:block; width:30px; height:30px; text-decoration:none ; font-style:normal; } #header-wrapper .back-button i.back-arrow:after{ content:'\f060'; font-family:'FontAwesome5'; font-style:normal; position:relative; font-weight:300; font-size:22px; color:#fff; left:4px; top:3px; } #header-wrapper .middle.bg-white .back-button i.back-arrow:after{ color:#242424; } #header-wrapper .user-tools, #header-wrapper .logo, #header-wrapper .back-button{ display:table-cell; vertical-align:top; } .header-messages{ } .header-messages > div{ background:#ffe69d; padding:5px 0; min-height:20px; line-height:20px; font-size:15px; color:#242424; font-weight:normal; } .header-messages.red > div{ background:#da291c; color:#fff; } .header-messages > div > .container{ margin:0 auto; text-align:center; } .header-messages > div > .container > .inner > div{ display:none; } .header-messages > div > .container > .inner > div:first-child{ display:block; } .header-messages > div > .container > .inner .slick-list{ display:block; } .header-messages > div .inner.multiple{ position:relative; margin-left:16px; margin-right:16px; } .header-messages > div .inner.multiple .slick-prev{ left:-32px; } .header-messages > div .inner.multiple .slick-next{ right:-32px; } .header-messages .slick-next:before, .header-messages .slick-next:active:before, .header-messages .slick-next:hover:before{ background:none; color:#808080; font-size:23px; font-weight:normal; } .header-messages .slick-prev:before, .header-messages .slick-prev:active:before, .header-messages .slick-prev:hover:before{ background:none; color:#808080; font-size:23px; font-weight:normal; } .header-messages > div .inner.slick-slider .slick-slide > div > div{ line-height:20px; font-size:15px; } .header-messages.red .slick-next:before, .header-messages.red .slick-next:active:before, .header-messages.red .slick-next:hover:before{ color:#fff; } .header-messages.red .slick-prev:before, .header-messages.red .slick-prev:active:before, .header-messages.red .slick-prev:hover:before{ color:#fff; } .header-messages.red i.icn-clock:after{ color:#fff; } .header-messages .banner-countdown{ display:inline-block; float :none; vertical-align:middle; margin-right:0; margin-left:5px; } .header-messages .banner-countdown span{ background-color:#fff; color:#d7002a; text-align:center; font-size:15px; line-height:17px; font-weight:bold; display:inline-block; } .header-messages .banner-countdown span { background:#fff; font-weight:600; } .header-messages .banner-countdown span .nb-1, .header-messages .banner-countdown span .nb-2{ font-style:normal; display:inline-block; background:#fff; font-weight:600; padding:0; line-height :17px; text-align :center; font-size:15px; width:14px; position:relative; top:-1px; color:#242424; padding-top:1px } .header-messages .banner-countdown span .nb-2{ border-left:1px solid #d7002a; } .header-messages .banner-countdown .hsm{ display:inline-block; font-size:13px; line-height:19px; margin-right:2px!important; margin-left:2px!important; color:#fff; text-decoration:none; } .header-messages .banner-countdown .hsm{ position:relative; top:-1px; padding-right:5px; padding-left:2px; } #main_container{ margin:0 auto; } .table-row{ display:table; width:100%; } .table-row.inline{ width:auto; } .table-row.hightlight{ cursor:pointer; } .table-row.hightlight:hover .cart-line{ text-decoration:underline; } .table-row .col-left{ display:table-cell; vertical-align:top; text-align:left; } .table-row .col-right{ display:table-cell; vertical-align:top; text-align:right; } .table-row .col-middle{ vertical-align:middle; } .table-row.selected .hightlight-selected b, .table-row.selected .hightlight-selected .cart-line b{ color:#11A545 } .bg-white{ background:#fff; } .bg-grey{ background:#f2eeea; } .bg-grey2{ background:#f5f5f5; } .container-rounded{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .free-shipping { color:#45AB69 !important; text-transform:uppercase !important; font-weight:600 !important; } .font26bold{ font-size:26px !important; font-weight:600 !important; } .red-line{ color:#E72525 !important; font-weight:600 !important; } .sep-line{ padding:17px 0; } .sep-line hr{ border:0; border-top:1px solid #CBCBCB; margin:0; } .sep-line.dotted hr{ border-style:dashed } .padd24{ padding:24px; } .padd24-lr{ padding:0 24px; } .padd5-tb{ padding:5px 0; } .bold{ font-weight:600; } .center{ text-align:center; } .font15{ font-size:15px; line-height:19px; } .bottom-dotted-line{ line-height:19px; font-size:15px; padding:5px 0; border-bottom:1px dotted #333; margin-bottom:5px; } .check-icon{ position:relative; width:16px; height:14px; display:inline-block; line-height:14px; margin-right:10px; } .check-icon:after{ content:'\f00c'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:14px; color:#242424; top:0; left:0; } .check-icon.green:after{ color:#11A545; } .delete-icon{ position:relative; width:16px; height:16px; display:inline-block; line-height:16px; top:2px; } .delete-icon:after{ content:'\f1f8'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#9FA2A6; top:0; left:0; } .exchange-icon{ position:relative; width:20px; height:16px; display:inline-block; line-height:16px; top:2px; } .exchange-icon:after{ content:'\f079'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#86898C; top:0; left:0; } .locked-icon{ position:relative; width:20px; height:16px; display:inline-block; line-height:16px; top:2px; } .locked-icon:after{ content:'\f023'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#86898C; top:0; left:0; } .userplus-icon{ position:relative; width:20px; height:16px; display:inline-block; line-height:16px; top:2px; } .userplus-icon:after{ content:'\f234'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#86898C; top:0; left:0; } .plus-icon{ position:relative; width:20px; height:16px; display:inline-block; line-height:16px; top:2px; } .plus-icon:after{ content:'\f055'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#86898C; top:0; left:0; } .pin-icon{ position:relative; width:16px; height:16px; display:inline-block; line-height:16px; top:2px; } .pin-icon:after{ content:'\f3c5'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#9FA2A6; top:0; left:0; } .search-icon{ position:relative; width:16px; height:16px; display:inline-block; line-height:16px; top:2px; } .search-icon:after{ content:'\f002'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:14px; color:#242424; top:0; left:0; } .right-arrow{ position:relative; width:11px; height:16px; display:inline-block; line-height:16px; top:2px; } .right-arrow:after{ content:'\f105'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#86898C; top:0; left:0; } .left-arrow{ position:relative; width:16px; height:16px; display:inline-block; line-height:16px; top:2px; } .left-arrow:after{ content:'\f104'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#86898C; top:0; left:0; } .times-icon{ position:relative; width:12px; height:16px; display:inline-block; line-height:16px; top:2px; margin-right:10px; } .times-icon:after{ content:'\f00d'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#9FA2A6; top:0; left:0; } .times-icon.red:after{ color:#E72525; } .right-icon{ position:relative; width:16px; height:14px; display:inline-block; line-height:14px; margin-left:10px; } .right-icon:after{ content:'\f054'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:14px; color:#242424; top:0; left:0; } .back-icon{ position:relative; width:16px; height:14px; display:inline-block; line-height:14px; margin-left:10px; } .back-icon:after{ content:'\f053'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:14px; color:#4d4d4d; top:0; left:0; } .google-icon{ position:absolute; width:32px; height:32px; display:inline-block; background:url('../img/google-icon-login.jpg'); background-size:32px 32px; left:11px; top:6px; } .facebook-icon{ position:absolute; width:32px; height:32px; display:inline-block; background:url('../img/facebook-icon-login.jpg?1'); background-size:32px 32px; left:11px; top:7px; } .tborder-sep{ border-top:1px solid #d1d1d1; } .bborder-sep{ border-bottom:1px solid #d1d1d1; } ul.no-style, ul.no-padding{ padding:5px 0; margin:0; list-style-type:none; } ul.no-style li, ul.no-padding li{ padding:0; margin:0; line-height:20px; font-size:15px; padding:5px 0; } ul.no-style li .times-icon, ul.no-style li .check-icon{ top:2px; } ul.style-1{ padding:5px 0; margin:0; padding-left:20px; } ul.style-1 li{ padding:0; margin:0; line-height:19px; font-size:14px; padding:5px 0; } ul.style-1 li a{ font-size:17px; } ul.style-2{ padding:5px 0; margin:0; padding-left:20px; } ul.style-2 li{ padding:0; margin:0; line-height:19px; font-size:14px; padding:0; } ul.style-2 li a{ font-size:17px; } h2, h3, .h2{ font-size:20px; line-height:22px; color:#242424; font-weight:600; text-decoration:none; } .show-on-selected{ display:none } .table-row.selected .hightlight-selected .show-on-selected, .payment-row.selected .show-on-selected{ display:block; cursor:default; } .hide-on-selected{ display:block } .table-row.selected .hightlight-selected .hide-on-selected, .payment-row.selected .hide-on-selected{ display:none; } .width-50percent-pc{ width:50%; margin:0 auto; } .affiliate-sticky{ display:none; } .new-icon { background:none repeat scroll 0 0 #ff3dbe; color:#fff; display:inline-block; font-size:10px; font-weight:bold; line-height:14px; margin-left:4px; padding:0 4px; position:relative; text-transform:uppercase; top:-2px; } .clearfix, .clear{ clear:both; display:block; } .load-more-container{ padding-top:20px; margin:0 auto; text-align:center; } ul.tag-boxes{ margin:0; padding:0; } ul.tag-boxes li{ list-style:none; margin-right:8px; margin-bottom:8px; border:1px solid #E8EDF2; padding:0px 10px; display:inline-block; font-size:13px; line-height:28px; background:#E8EDF2; color:#242424; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; white-space:normal } .cnt-x-scroll { overflow-x:auto; } .force-border-top{ border-top:1px solid #d1d1d1; } .like-table{ display:table; width:100%; } .like-table .bborder, .like-table .bborder-forced{ border-bottom:1px solid #d1d1d1; } .like-table .bborder:last-of-type{ border-bottom:0; } .like-table .one-row{ display:table-cell; font-size:13px; line-height:19px; vertical-align:middle; } .like-table .one-row.font15{ font-size:15px; line-height:19px; } .like-table .one-row.w100{ width:100px; overflow:hidden; } .like-table .one-row.w150{width:150px;overflow:hidden; } .like-table .one-row.w200{width:200px;overflow:hidden; } .like-table .one-row.w300{width:300px;overflow:hidden; } .like-table .one-row.w350{width:350px;overflow:hidden; } .like-table .one-row.w400{width:400px;overflow:hidden; } .like-table .one-row.w100p{width:100%;overflow:hidden; } .like-table .one-row.w50p{width:50%;overflow:hidden; } .like-table .one-row.w33p{width:33%;overflow:hidden; } .like-table .one-row.w66p{width:66%;overflow:hidden; } .like-table .one-row.right{ float:none; text-align:right; } .hide-on-mobile{ } .show-on-mobile{ display:none; } @media only screen and (max-width:767px) { .like-table .one-row{ display:block; width:auto !important; } .like-table .one-row.forced-one-row{ display:table-cell !important; } .hide-on-mobile{ display:none; } .show-on-mobile{ display:block; white-space:nowrap; } } @media only screen and (min-width:768px) and (max-width:991px) { .like-table .one-row{ width:auto !important; } .like-table .one-row.w50p{ width:50% !important; } .like-table .one-row.w33p{ width:33% !important; } .like-table .one-row.w66p{ width:66% !important; } .like-table .one-row.forced-one-row{ display:table-cell !important; } .hide-on-mobile{ display:none; } .show-on-mobile{ display:block; white-space:nowrap; } } .simple-table{ width:100%; color:#242424; font-size:15px; border:1px solid #d1d1d1; border-left:0; border-top:0; } .simple-table th, .simple-table thead td, .simple-table thead td { background:#f2eeea; padding:9px 5px; font-size:15px; font-weight:600; } .simple-table th{ border-left:1px solid #cbcbcb; border-top:1px solid #cbcbcb; } .simple-table td { background:#fff; border-left:1px solid #cbcbcb; border-top:1px solid #cbcbcb; padding:9px 5px; font-size:15px; color:#242424; text-align:center; line-height:20px; } .simple-table thead tr:first-child td { background:#E8EDF2; padding:9px 5px; font-size:15px; font-weight:600; } p.no-margin{ margin:0; } #credential_picker_iframe, #credential_picker_container{ z-index:50002 !important; } .message-box{ color:#242424; font-size:15px; padding:12px; line-height:19px; } .message-box.center{ text-align:center; } .message-box.red{ background:rgba(218,41,28,0.7); color:#fff; } .message-box b{ font-weight:600; } .flip-msg{ position:fixed; opacity:0; top:0; left:7px; right:7px; background :#45ab69; z-index:108; padding:18px; color:#fff; font-size:15px; line-height:20px; padding-right:30px; } .flip-msg.bottom{ top:auto; bottom:0; } .flip-msg.top{ top:-100px; bottom:auto; } .flip-msg.black-white{ background :rgba(36,36,36,1); } .flip-msg.red{ background :#D83636; } .flip-msg .close{ position:absolute; right:12px; top:20px; } .flip-msg .close:after{ content:'\f057'; font-family:'FontAwesome'; font-style:normal; position:relative; font-weight:600; font-size:21px; color:#fff; width:21px; height:19px; top:0px; left:0; display:block; line-height:14px; } .flip-msg.black-white .text{ padding-right:20px; padding-left:10px; } .flip-msg.black-white .text a{ text-decoration:underline; } .flip-msg.black-white .footer-popup{ padding-top:10px; } @media only screen and (min-width:768px) { .flip-msg{ left:auto; min-width:300px; padding-right:50px; } } .qtip{position:absolute;left:-28000px;top:-28000px;display:none;max-width:280px;min-width:50px;font-size:10.5px;line-height:11px;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-weight:700}.qtip-titlebar+.qtip-content{border-top-width:0!important}.qtip-close{position:absolute;right:-9px;top:-9px;z-index:11;cursor:pointer;outline:0;border:1px solid transparent}.qtip-titlebar .qtip-close{right:4px;top:50%;margin-top:-9px}* html .qtip-titlebar .qtip-close{top:16px}.qtip-icon .ui-icon,.qtip-titlebar .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:400 bold 10px/13px Tahoma,sans-serif;color:inherit;background:-100em -100em no-repeat}.qtip-default{border:1px solid #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}.qtip-shadow{-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,.15);box-shadow:1px 1px 3px 1px rgba(0,0,0,.15)} .qtip-bootstrap,.qtip-rounded,.qtip-tipsy{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} .qtip-rounded .qtip-titlebar{-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0} .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:#fff;border:0 solid transparent;background:#4A4A4A;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,#000));background-image:-webkit-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-moz-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-ms-linear-gradient(top,#4A4A4A 0,#000 100%);background-image:-o-linear-gradient(top,#4A4A4A 0,#000 100%)} .qtip-youtube .qtip-titlebar{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}.qtip-jtools{background:#232323;background:rgba(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 rgba(241,241,241,1);-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}.qtip-jtools .qtip-titlebar{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-content,.qtip-jtools .qtip-titlebar{background:0 0;color:#fff;border:0 dashed transparent}.qtip-jtools .qtip-icon{border-color:#555}.qtip-jtools .qtip-titlebar .ui-state-hover{border-color:#333}.qtip-cluetip{-webkit-box-shadow:4px 4px 5px rgba(0,0,0,.4);-moz-box-shadow:4px 4px 5px rgba(0,0,0,.4);box-shadow:4px 4px 5px rgba(0,0,0,.4);background-color:#D9D9C2;color:#111;border:0 dashed transparent}.qtip-cluetip .qtip-titlebar{background-color:#87876A;color:#fff;border:0 dashed transparent}.qtip-cluetip .qtip-icon{border-color:#808064}.qtip-cluetip .qtip-titlebar .ui-state-hover{border-color:#696952;color:#696952} .qtip-tipsy:hover{ background:#3f3f3f } .qtip-tipsy{background:#282828;color:#fff;border:0 solid transparent;font-size:12px;line-height:16px; max-width:330px; text-shadow:none; -webkit-box-shadow:1px 1px 3px 1px rgba(32,28,29,.2); -moz-box-shadow:1px 1px 3px 1px rgba(32,28,29,.2); box-shadow:1px 1px 3px 1px rgba(32,28,29,.2); z-index:4 !important; } .qtip-tipsy-grey.qtip-tipsy{background:#5e5e5e;color:#fff;border:0 solid transparent; margin-top:-3px; height:23px; } .qtip-tipsy .qtip-titlebar{padding:6px 35px 0 10px;background-color:transparent} .qtip-tipsy .qtip-content{padding:4px 7px; line-height:14px; position:relative; max-width:350px; } .qtip-tipsy-grey.qtip-tipsy .qtip-content{padding:4px 7px; line-height:12px; position:relative; max-width:350px; height:14px;} .qtip-tipsy-grey.qtip-tipsy .qtip-content:hover{ background:#5e5e5e; background:-moz-linear-gradient(top, #5e5e5e 0%, #3f3f3f 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#3f3f3f)); background:-webkit-linear-gradient(top, #5e5e5e 0%,#3f3f3f 100%); background:-o-linear-gradient(top, #5e5e5e 0%,#3f3f3f 100%); background:-ms-linear-gradient(top, #5e5e5e 0%,#3f3f3f 100%); background:linear-gradient(to bottom, #5e5e5e 0%,#3f3f3f 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#3f3f3f',GradientType=0 ); -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; cursor:pointer; } .qtip-tipsy .qtip-content:hover{ background:#282828; background:-moz-linear-gradient(top, #282828 0%, #3f3f3f 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#282828), color-stop(100%,#3f3f3f)); background:-webkit-linear-gradient(top, #282828 0%,#3f3f3f 100%); background:-o-linear-gradient(top, #282828 0%,#3f3f3f 100%); background:-ms-linear-gradient(top, #282828 0%,#3f3f3f 100%); background:linear-gradient(to bottom, #282828 0%,#3f3f3f 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#3f3f3f',GradientType=0 ); -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; cursor:pointer; } .qtip-tipsy .qtip-icon{border-color:#222;text-shadow:none} .qtip-tipsy .qtip-titlebar .ui-state-hover{border-color:#303030} .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:#fff;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} .qtip-bootstrap{font-size:14px;line-height:20px;color:#333;padding:1px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(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,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box} .qtip-bootstrap .qtip-titlebar{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{right:11px;top:45%;border-style:none} .qtip-bootstrap .qtip-content{padding:9px 14px} .qtip-bootstrap .qtip-icon{background:0 0} .qtip-bootstrap .qtip-icon .ui-icon{width:auto;height:auto;float:right;font-size:20px;font-weight:700;line-height:18px;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)} .qtip-bootstrap .qtip-icon .ui-icon:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)} .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} .qtip .qtip-tip,x:-o-prefocus{visibility:hidden} .qtip .qtip-tip,.qtip .qtip-tip .qtip-vml,.qtip .qtip-tip canvas{position:absolute;color:#123456;background:0 0;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-tipsy.qtyip-detpage { -webkit-box-shadow:1px 1px 3px 1px rgba(32,28,29,.2); -moz-box-shadow:1px 1px 3px 1px rgba(32,28,29,.2); box-shadow:1px 1px 3px 1px rgba(32,28,29,.2); z-index:4 !important; } .qtip-tipsy.qtyip-detpage .qtip-icon.qtip-close{ -webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px; background:rgba(0, 0, 0, 0) url("../img/arrows-sprite-v3.png?2") no-repeat scroll -1px -213px; background-size:60px 229px; cursor:pointer; display:inline-block; height:15px; width:15px; } .qtip-tipsy.qtyip-detpage .qtip-icon.qtip-close .ui-icon-close{ font-size:0; } .qtip-tipsy.qtyip-detpage .qtip-content:hover{ cursor:default; } .qtip-tipsy.qtyip-detmeasure{ font-size:13px; line-height:21px; } .qtip-tipsy.qtyip-detmeasure .qtip-content{ padding:10px 7px; font-weight:600; letter-spacing:0.5px; } .qtip.force-hide-tooltips{ display:none !important; } .first-elements-qtip { margin-left:35px; } .first-elements-qtip .qtip-tip{ left:16px !important; } .lang-hu .first-elements-qtip { margin-left:23px; } .lang-hu .first-elements-qtip .qtip-tip{ left:17px !important; } .first-elements-qtip.first-elements-qtip-onesize { margin-left:24px; } .first-elements-qtip.first-elements-qtip-onesize .qtip-tip{ left:28px !important; } .lang-hu .first-elements-qtip.first-elements-qtip-onesize { margin-left:12px; } .lang-hu .first-elements-qtip.first-elements-qtip-onesize .qtip-tip{ left:27px !important; } .qtip.qtip-tipsy.qtip-item-image{ padding:4px !important; } .qtip.qtip-tipsy.qtip-item-image .qtip-content{ padding:0px !important; line-height:0; } @media (any-pointer:coarse) { } @media (min-device-width:320px) and (max-device-width:768px) { body{ overflow-x:hidden; } } @media only screen and (max-width:767px) { #header-wrapper{ box-shadow:0px 2px 2px rgba(0,0,0,0); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0); -moz-box-shadow:0px 2px 2px rgba(0,0,0,04); border-bottom:0px solid #BBBBBB; } #header-wrapper .logo-cnt { height:28px; top:0px; } #header-wrapper .top-head{ padding:11px 0; padding-left:0px; padding-right:12px; } #header-wrapper .top-head .container, #header-wrapper .sub-head .container, #header-wrapper .top-info .container{ padding:0; margin:0 auto; } #header-wrapper .user-tools .myaccount{ top:-6px; padding-right:16px; } #header-wrapper .back-button a{ position:relative; top:0px; margin-left:10px; } #header-wrapper .back-button a{ margin-left:7px; margin-right:10px } #header-wrapper .logo{ text-align:left; } #main_container{ width:100%; } #detail_main_container{ width:100%; } .cart-item-container{ display:block; width:100%; } .cart-item-container .col-left{ display:block; } .cart-item-container .col-right{ display:block; } .cart-item-container .col-right.cart-item-price{ position:absolute; bottom:3px; right:0; margin-right:0; } .cart-item-container .cart-line.cart-line-firstline{ padding-top:25px; } .cart-item-container .col-right.cart-item-actions{ position:absolute !important; right:0; top:55px; padding-right:0 !important; padding-left:0 !important; } .cart-item-container .col-right.cart-item-actions .cart-item-delete{ display:inline-block; } .col-row{ display:table; width:100%; } .col-row.width-blockmobile{ display:block; } .col-row.width-auto{ width:auto } .col-row .col-xs-3{ width:25%; display:table-cell; } .col-row .col-xs-4{ width:33.33%; display:table-cell; } .col-row .col-xs-5{ width:41.66%; display:table-cell; } .col-row .col-xs-6{ width:50%; display:table-cell; } .col-row .col-xs-7{ width:58.33%; display:table-cell; } .col-row .col-xs-8{ width:66.66%; display:table-cell; } .col-row .col-xs-9{ width:75%; display:table-cell; } .col-row .col-xs-12{ width:100%; } .width-50percent-pc{ width:auto; } .header-messages > div{ padding:8px 16px; } .fixed-on-bottom.active .buttons{ position:fixed !important; bottom:0; left:0; right:0; z-index:100; background:#fff; padding:16px; border-top:1px solid #d1d1d1; } .fixed-on-bottom.active .empty-buttons{ height:48px; } .hidden-container-onmobile{ display:none; } .font26bold{ font-size:24px !important; font-weight:600 !important; } .qtip.qtip-tipsy.qtip-item-image{ display:none !important; } .col-row .col-mob-margin-ltr{ margin:12px 12px 0 12px !important; -webkit-border-radius:6px !important; -moz-border-radius:6px !important; border-radius:6px !important; } .bg-white-mobile{ background:#fff; } } @media only screen and (max-width:320px) { .font26bold{ font-size:22px !important; font-weight:600 !important; } } @media only screen and (min-width:768px) and (max-width:991px) { #header-wrapper .top-head .container, #header-wrapper .sub-head .container, #header-wrapper .top-info .container{ padding:0; margin:0 auto; } #header-wrapper .user-tools .myaccount{ padding-right:16px; } #header-wrapper .top-head{ padding-left:0px; padding-right:12px; } #header-wrapper .top-head .user-tools{ display:none !important; } #main_container{ width:100%; } #main_container .mc-inner.width80, .header-textholder-container .mc-inner.width80, .header-textholder-banner-container .mc-inner.width80{ padding:0 16px; margin:0 auto; } .col-row{ display:table; width:100%; } .col-row.width-auto{ width:auto } .col-row.width-blockmobile{ display:block; } .col-row .col-sm-2{ width:16.66%; display:table-cell; } .col-row .col-sm-3{ width:25%; display:table-cell; } .col-row .col-sm-4{ width:33.33%; display:table-cell; } .col-row .col-sm-5{ width:41.66%; display:table-cell; } .col-row .col-sm-6{ width:50%; display:table-cell; } .col-row .col-sm-7{ width:58.33%; display:table-cell; } .col-row .col-sm-8{ width:66.66%; display:table-cell; } .col-row .col-sm-9{ width:75%; display:table-cell; } .col-row .col-sm-10{ width:83.33%; display:table-cell; } .col-row .col-sm-11{ width:91.66%; display:table-cell; } .col-row .col-sm-12{ width:100%; display:table-cell; } .col-row .col{ display:table-cell; } .col-row .col-mleft{ margin-left:12px; } .col-row .col-mright{ margin-right:12px; } .col-row .col-mright-dbl{ margin-right:24px; } .col-row .col-xs-12{ width:100%; display:block; } .col-row.col-row-sticky, .col-row-sticky{ position:-webkit-sticky; position:-moz-sticky; position:sticky; top:0px; } .header-messages > div{ } .header-messages > div{ padding:8px 16px; } .font26bold{ font-size:24px !important; font-weight:600 !important; } } @media only screen and (min-width:992px) { #header-wrapper .top-head .container, #header-wrapper .sub-head .container, #header-wrapper .top-info .container{ width:auto; padding:0 10px; margin:0 auto; } #header-wrapper .top-head .user-tools{ display:none !important; } #main_container{ width:auto; } #main_container .mc-inner.width80, .header-textholder-container .mc-inner.width80, .header-textholder-banner-container .mc-inner.width80{ width:90%; margin:0 auto; } #detail_main_container .dmc-inner{ width:auto !important; margin:0 auto; } #detail_main_container .dmc-inner.width80{ width:90%; } .col-row{ display:table; width:100%; } .col-row.width-auto{ width:auto } .col-row .col-sm-2{ width:16.66%; display:table-cell; } .col-row .col-sm-3{ width:25%; display:table-cell; } .col-row .col-sm-4{ width:33.33%; display:table-cell; } .col-row .col-sm-5{ width:41.66%; display:table-cell; } .col-row .col-sm-6{ width:50%; display:table-cell; } .col-row .col-sm-7{ width:58.33%; display:table-cell; } .col-row .col-sm-8{ width:66.66%; display:table-cell; } .col-row .col-sm-9{ width:75%; display:table-cell; } .col-row .col-sm-10{ width:83.33%; display:table-cell; } .col-row .col-sm-11{ width:91.66%; display:table-cell; } .col-row .col-sm-12{ width:100%; display:table-cell; } .col-row .col{ display:table-cell; } .col-row .col-mleft{ margin-left:12px; } .col-row .col-mright{ margin-right:12px; } .col-row .col-mright-dbl{ margin-right:24px; } .col-row.col-row-sticky, .col-row-sticky{ position:-webkit-sticky; position:-moz-sticky; position:sticky; top:0px; } .flip-msg{ margin:0 auto; width:auto; } .header-messages > div{ } .header-messages > div > .container{ width:auto; } } @media only screen and (min-width:1200px){ #header-wrapper .top-head .container, #header-wrapper .sub-head .container, #header-wrapper .top-info .container{ width:auto; padding:0 10px; margin:0 auto; margin-left:5%; margin-right:5%; max-width:1920px; } #main_container{ width:auto; } #main_container .mc-inner, .header-textholder-container .mc-inner, .header-textholder-banner-container .mc-inner{ margin-left:5%; margin-right:5%; max-width:1920px; } #main_container .mc-inner.width80, .header-textholder-container .mc-inner.width80, .header-textholder-banner-container .mc-inner.width80{ width:80%; margin:0 auto; } #detail_main_container .dmc-inner{ width:auto; margin:0 auto; margin-left:5%; margin-right:5%; max-width:1920px; } #detail_main_container .dmc-inner.width80{ width:80%; margin:0 auto; } .flip-msg{ margin:0 auto; width:auto; max-width:1920px; } .header-messages > div{ } .header-messages > div > .container{ width:auto; } } @media only screen and (min-width:1921px){ #header-wrapper .top-head .container, #header-wrapper .sub-head .container, #header-wrapper .top-info .container{ margin:0 auto; } #main_container .mc-inner, .header-textholder-container .mc-inner, .header-textholder-banner-container .mc-inner{ margin:0 auto; } #detail_main_container .dmc-inner{ margin:0 auto; } } .price .t { display:none; } .price span.pr .op{ text-align:left; font-size:18px; color:#999; position:relative; font-weight:600; line-height:22px; } .price span.pr .p{ text-align:left; color:#000; display:inline-block; position:relative; line-height:22px; font-size:18px; font-weight:600; color:#242424; } .price span.pr .rrp, .price span.pr .rrp em{ color:#6c757d; font-weight:normal; font-size:14px; } .price span.pr.pr-p .p, .price span.pr.pr-bfr .p, .price span.pr.pr-h .p{ color:#da291c !important; } .price span.pr .p .cnt-discount, .price span.pr .p .cnt-birthday{ display:block; position:absolute; left:-50px; top:3px; background-color:#da291c; color:#ffffff; font-size:10px; font-style:normal; font-weight:600; line-height:14px; margin-left:7px; padding:0 3px; text-shadow:none; text-transform:uppercase; } .price span.pr .cnt-discount.extern, .price span.pr .cnt-birthday.extern{ display:block; position:relative; background-color:#da291c; color:#ffffff; font-size:14px; font-style:normal; font-weight:600; line-height:18px; margin-left:7px; padding:3px 6px; text-shadow:none; text-transform:uppercase; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .price span.pr .p i.info{ display:inline-block; width:16px; height:16px; position:relative; margin-left:5px; cursor:pointer; } .price span.pr .p i.info:after{ content:'\f059'; font-family:'FontAwesome5Reg'; font-style:normal; position:relative; font-weight:300; font-size:13px; color:#242424; left:0px; top:-1px; } .price sup{ font-size:8px; position:relative; top:0px; line-height:8px; padding:0 0 0 2px; margin:0; vertical-align:top; } .price em{ font-size:18px; font-weight:600; font-style:normal; display:inline-block; padding-left:3px; text-transform:capitalize; line-height:22px; } .price .ln-tro{ border-top:1px solid #999; display:block; position:absolute; width:100%; margin-top:10px; margin-left:0px; height:1px; } .price span.pr .p .free-shipping{ font-size:15px; line-height:20px } .price .ln-tro.frc-ln-tro{ border-top:1px solid #242424; margin-top:-10px; } .price.big .pr .p{ font-size:30px; line-height:30px; } .price.big .pr .p sup, .price.big .pr .op sup{ font-size:14px; line-height:14px; } .price.big .pr .p em, .price.big .pr .op em{ font-size:30px; line-height:30px; } .price.big .pr .rrp{ display:block; font-size:14px; color:#6c757d; padding-top:0px; line-height:14px; } .price.big .pr .rrp sup{ top:0px; font-size:9px; line-height:9px; } .price.big .pr .rrp em{ font-size:14px; font-weight:normal; } .price.big .pr .op{ top:0px; display:inline-block; float:left; margin-right:8px; width:auto !important; font-size:30px; line-height:30px; } .price.big .pr .op .ln-tro{ border-top:1px solid #414141; display:block; position:absolute; width:100%; margin-top:-14px; margin-left:0px; height:1px; } .price.big span.pr .p .cnt-discount{ font-size:18px; padding:8px 12px; top:0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:inline-block; left:auto; } .price.halfsize .pr .p{ font-size:14px; line-height:14px; font-weight:normal; } .price.halfsize .pr .p sup, .price.halfsize .pr .op sup{ font-size:7px; line-height:7px; font-weight:normal; } .price.halfsize .pr .p em, .price.halfsize .pr .op em{ font-size:14px; line-height:14px; font-weight:normal; } .price.halfsize .pr .rrp{ display:block; font-size:14px; color:#6c757d; padding-top:0px; line-height:14px; } .price.halfsize .pr .rrp sup{ top:0px; font-size:7px; line-height:7px; } .price.halfsize .pr .rrp em{ font-size:14px; font-weight:normal; } .price.halfsize .pr .op{ top:0px; display:inline-block; float:left; margin-right:8px; width:auto !important; font-size:14px; line-height:14px; } .price.halfsize .pr .op .ln-tro{ border-top:1px solid #414141; display:block; position:absolute; width:100%; margin-top:-14px; margin-left:0px; height:1px; } .price.halfsize span.pr .p .cnt-discount{ font-size:18px; padding:8px 12px; top:0px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:inline-block; left:auto; } .btn-2019{ height:48px !important; line-height:48px !important; letter-spacing:1px !important; font-weight:600 !important; font-size:14px !important; display:block !important; padding :0 15px; cursor:pointer; text-align:center; box-shadow:0px 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,.4); -moz-box-shadow:0px 2px 2px rgba(0,0,0,.4); text-decoration:none !important; position:relative; } .btn-2019:hover, .btn-2019:active{ height:48px !important; line-height:48px !important; letter-spacing:1px !important; font-weight:600 !important; font-size:14px !important; padding :0 15px; opacity:0.8 } .btn-2019.btn-uppercase{ text-transform:uppercase; } .btn-2019.btn-disabled{ opacity:0.4 } .btn-2019.btn-rounded, .btn-2019.btn-rounded:hover, .btn-2019.btn-rounded .loader, .btn-2019.btn-rounded:hover .loader{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .btn-2019.btn-noborder{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; line-height:30px !important; height:30px !important; border:0 !important; } .btn-2019.btn-multiline{ line-height:20px !important; height:auto !important; padding-top:14px; padding-bottom:14px; } .btn-2019.btn-inline, .btn-2019.btn-inlinedesktop{ display:inline-block !important; } .btn-2019.btn-onlyicon{ width:20px; height:50px !important; line-height:50px !important; } .btn-2019.btn-rounded.btn-onlyicon{ -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; } .btn-2019.btn-rounded.btn-onlyicon.btn-onlyicon24{ -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; } .btn-2019.btn-inline, .btn-2019.btn-inlinedesktop{ display:inline-block !important; padding:0 70px; } .btn-2019.btn-onlyicon .search-icon{ width:32px; height:32px; left:-5px; top:8px; } .btn-2019.btn-onlyicon .search-icon:after{ font-size:27px; line-height:32px; top:2px; left:2px; } .btn-2019.btn-onlyicon .check-icon{ width:32px; height:32px; left:-5px; top:8px; } .btn-2019.btn-onlyicon .check-icon:after{ font-size:27px; line-height:32px; top:2px; left:2px; } .btn-2019.btn-halfsize{ height:36px !important; line-height:36px !important; padding:0 15px; } .btn-2019.btn-halfsize.btn-onlyicon{ width:15px; padding:0 10px !important; } .btn-2019.btn-halfsize.btn-onlyicon .icon:after{ margin:0 !important; } .btn-2019.btn-halfsize.btn-multiline{ height:auto !important; line-height:20px !important; } .btn-2019.btn-halfsize.btn-multiline.btn-inline, .btn-2019.btn-halfsize.btn-multiline.btn-inlinedesktop{ padding:5px 15px; } .btn-2019.btn-green, .btn-2019.btn-green .loader{ background:#11A545; color:#fff !important; } .btn-2019.btn-grey, .btn-2019.btn-grey .loader{ background:#F7F7F7; color:#242424 !important; } .btn-2019.btn-grey2, .btn-2019.btn-grey2 .loader{ background:#666; color:#fff !important; } .btn-2019.btn-grey3, .btn-2019.btn-grey3 .loader{ background:#ccc; color:#fff !important; } .btn-2019.btn-pink, .btn-2019.btn-pink .loader{ background:#c8aa8c; color:#fff !important; } .btn-2019.btn-red, .btn-2019.btn-red .loader{ background:#D83636; color:#fff !important; } .btn-2019.btn-black, .btn-2019.btn-black .loader{ background:#4d4d4d; color:#fff !important; } .btn-2019.btn-easybox, .btn-2019.btn-easybox .loader{ background:#0772BA; color:#fff !important; } .btn-2019.btn-packeta, .btn-2019.btn-packeta .loader{ background:#BA1B02; color:#fff !important; } .btn-2019.btn-glslocker, .btn-2019.btn-glslocker .loader{ background:#061ab1; color:#fff !important; } .btn-2019.btn-white{ background:#fff; color:#242424 !important; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border:1px solid #242424; } .btn-2019.btn-google{ background:#fff; color:#000 !important; border:1px solid #747775; font-size:15px !important; letter-spacing:0 !important; padding-right:40px; padding-left:50px !important; box-shadow:0px 0px 0px rgba(0,0,0,.4); -webkit-box-shadow:0px 0px 0px rgba(0,0,0,.4); -moz-box-shadow:0px 0px 0px rgba(0,0,0,.4); } .btn-2019.btn-google:hover{ box-shadow:0px 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,.4); -moz-box-shadow:0px 2px 2px rgba(0,0,0,.4); } .btn-2019.btn-facebook{ background:#fff; color:#000 !important; border:1px solid #747775; font-size:15px !important; letter-spacing:0 !important; padding-right:40px; padding-left:50px !important; box-shadow:0px 0px 0px rgba(0,0,0,.4); -webkit-box-shadow:0px 0px 0px rgba(0,0,0,.4); -moz-box-shadow:0px 0px 0px rgba(0,0,0,.4); } .btn-2019.btn-facebook:hover{ box-shadow:0px 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,.4); -moz-box-shadow:0px 2px 2px rgba(0,0,0,.4); } .btn-2019.btn-green .check-icon, .btn-2019.btn-pink .check-icon, .btn-2019.btn-grey .check-icon, .btn-2019.btn-grey2 .check-icon, .btn-2019.btn-red .check-icon{ top:3px; margin-right:0; left:-10px; } .btn-2019 .exchange-icon, .btn-2019 .locked-icon, .btn-2019 .userplus-icon{ top:3px; margin-right:0; left:-7px; } .btn-2019.btn-green .check-icon:after, .btn-2019.btn-pink .check-icon:after, .btn-2019.btn-grey2 .check-icon:after, .btn-2019.btn-red .check-icon:after{ color:#fff; } .btn-2019.btn-green .search-icon:after, .btn-2019.btn-pink .search-icon:after, .btn-2019.btn-grey2 .search-icon:after, .btn-2019.btn-red .search-icon:after{ color:#fff; } .btn-2019.btn-green .times-icon:after, .btn-2019.btn-pink .times-icon:after, .btn-2019.btn-grey2 .times-icon:after, .btn-2019.btn-red .times-icon:after{ color:#fff; top:1px; } .btn-2019.btn-green .right-arrow:after, .btn-2019.btn-pink .right-arrow:after, .btn-2019.btn-grey2 .right-arrow:after, .btn-2019.btn-red .right-arrow:after{ color:#fff; top:4px; } .btn-2019.btn-green .left-arrow:after, .btn-2019.btn-pink .left-arrow:after, .btn-2019.btn-grey2 .left-arrow:after, .btn-2019.btn-red .left-arrow:after{ color:#fff; top:4px; } .btn-2019.btn-green .right-icon, .btn-2019.btn-pink .right-icon, .btn-2019.btn-grey .right-icon, .btn-2019.btn-grey2 .right-icon, .btn-2019.btn-red .right-icon{ top:3px; margin-right:0; } .btn-2019.btn-green .right-icon:after, .btn-2019.btn-pink .right-icon:after, .btn-2019.btn-grey .right-icon:after, .btn-2019.btn-grey2 .right-icon:after, .btn-2019.btn-red .right-icon:after, .btn-2019.btn-black .right-icon:after{ color:#fff; top:3px; margin-right:0; } .btn-2019 .back-icon{ width:25px; height:25px; line-height:25px; margin-left:0; top:8px; } .btn-2019 .back-icon:after{ font-size:26px; } .btn-2019.btn-halfsize .back-icon{ top:6px; } .btn-2019.btn-halfsize .back-icon:after{ font-size:19px; } .btn-2019:hover .back-icon:after{ color:#242424; } .btn-2019.btn-green .back-icon:after, .btn-2019.btn-pink .back-icon:after, .btn-2019.btn-grey .back-icon:after, .btn-2019.btn-grey2 .back-icon:after, .btn-2019.btn-red .back-icon:after, .btn-2019.btn-black .back-icon:after{ color:#fff; top:3px; margin-right:0; } .btn-2019.btn-green .icn-edit:after, .btn-2019.btn-pink .icn-edit:after, .btn-2019.btn-grey .icn-edit:after, .btn-2019.btn-grey2 .icn-edit:after, .btn-2019.btn-red .icn-edit:after, .btn-2019.btn-black .icn-edit:after{ color:#fff; top:0px; margin-right:5px; } .btn-2019.btn-green .icn-delete:after, .btn-2019.btn-pink .icn-delete:after, .btn-2019.btn-grey .icn-delete:after, .btn-2019.btn-grey2 .icn-delete:after, .btn-2019.btn-red .icn-delete:after, .btn-2019.btn-black .icn-delete:after{ color:#fff; top:0px; margin-right:5px; } .btn-2019.btn-halfsize .right-arrow{ margin-left:5px; } .btn-2019.btn-halfsize .right-arrow:after{ top:1px; } .btn-2019.loader-started{ cursor:wait; opacity:0.7; } .btn-2019 .loader-circ{ position:absolute; z-index:1; top:13px; left:20px; height:24px; width:24px;; } .btn-2019.btn-width50p{ } .one-line-buttons{ display:table; width:100%; padding:0; margin:0; list-style :none; } .one-line-buttons .w50p{ width:50%; padding:10px 0; display:table-cell; } .one-line-buttons .w70p{ width:70%; padding:10px 0; display:table-cell; } .one-line-buttons .w30p{ width:30%; padding:10px 0; display:table-cell; } .one-line-buttons li.selected{ border-bottom:4px solid #11A545; padding-bottom:6px; } .one-line-buttons.hightlight li .btn-2019{ color:#999 !important; } .one-line-buttons.hightlight li.selected .btn-2019{ color:#242424 !important; } @media only screen and (max-width:767px) { .btn-2019.btn-inline { display:inline-block !important; padding:0 30px; } .btn-2019.btn-inlinedesktop { display:block !important; padding:0 30px; } } @media only screen and (min-width:768px) { .btn-2019.btn-pc-inline { display:inline-block !important; padding:0 60px; } } .btn-2019 .loader, .add2cart-btn .loader{ position:absolute; top:0px; left:0px; width:100%; height:100%; } .btn-2019 .loader i, .add2cart-btn .loader i{ width:12px; aspect-ratio:1; border-radius:50%; animation:btn-l5-anim 1s infinite linear alternate; display:inline-block; position:relative; top:2px; } @keyframes btn-l5-anim { 0% {box-shadow:20px 0 #fff, -20px 0 #0002;background:#fff } 33% {box-shadow:20px 0 #fff, -20px 0 #0002;background:#0002} 66% {box-shadow:20px 0 #0002,-20px 0 #fff; background:#0002} 100%{box-shadow:20px 0 #0002,-20px 0 #fff; background:#fff } } .btn-2019.btn-rounded .loader, .btn-2019.btn-rounded:hover .loader{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .btn-2019.multiline .loader i{ top:15px; } .add2cart-btn.multiline .loader i{ top:25px } .form-field{ position:relative; padding:8px 0; margin-bottom:16px; } .form-field.nopadding{ padding:0; margin:0; line-height:0; } .form-field input[type="text"], .form-field input[type="email"], .form-field input[type="password"], .form-field input[type="tel"], .form-field input[type="search"]{ border:2px solid #BBBBBB; height:48px; line-height:48px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:0 10px; font-size:15px; color:#242424; width:calc(100% - 24px); } .form-field input[type="text"].input-halfsize, .form-field input[type="email"].input-halfsize, .form-field input[type="password"].input-halfsize, .form-field input[type="tel"].input-halfsize, .form-field input[type="search"].input-halfsize{ height:36px; line-height:36px; font-size:13px; } .form-field label{ font-size:12px; color:#242424; background:#fff; line-height:16px; padding:0 4px; position:absolute; top:1px; left:10px; } .form-field.error input, .form-field input.error{ border:2px solid #E72525; } .form-field.error label, .form-field label.error{ color:#E72525; } .form-field textarea{ border:2px solid #BBBBBB; min-height:100px; line-height:28px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:5px; font-size:15px; color:#242424; width:calc(100% - 14px); } .form-field textarea.error, .form-field select.error{ border:2px solid #E72525; } .form-field .bottom-text{ color:#242424; font-size:12px; line-height:20px; padding-top:2px; } .form-field.error .error-text{ color:#E72525; font-size:15px; line-height:20px; padding-top:8px; } .form-field input[type="checkbox"]{ margin:0; padding:0; position:relative; z-index:1; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url("../img/fllrsp/checkbox.png"); background-position:-23px 0px; background-size:114px 20px; width:20px; height:20px; cursor:pointer; } .form-field input[type="checkbox"]:hover{ background-position:-46px 0px; } .form-field input[type="checkbox"]:checked{ background-position:-69px 0px; } .form-field input[type="checkbox"]:disabled{ background-position:0px 0px; } .form-field input[type="checkbox"].error{ background-position:-91px 0px; width:21px; border:0; } .form-field input[type="checkbox"].error:checked{ background-position:-69px 0px; } .form-field input[type="radio"]{ margin:0; padding:0; position:relative; z-index:1; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url("../img/fllrsp/radio.png"); background-position:-23px 0px; background-size:90px 20px; width:20px; height:20px; } .form-field input[type="radio"]:hover{ background-position:-46px 0px; } .form-field input[type="radio"]:checked{ background-position:-69px 0px; } .form-field input[type="radio"]:disabled{ background-position:0px 0px; } .form-field select{ border:2px solid #BBBBBB; height:48px; line-height:48px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:0 5px; font-size:15px; color:#242424; width:calc(100% - 14px); background:#fff; } .form-field .inline-error-container{ color:#E72525; font-size:15px; line-height:20px; display:block; position:relative; top:8px } .form-field.eyes input[name$="password"] { display:block; } .form-field.noeyes input[name$="password"] { display:none; } .form-field.eyes input[name$="password-2"] { display:none; } .form-field.noeyes input[name$="password-2"] { display:block; } .form-field .show-hide-password { background-image:url(../img/mobile/checkout-sprite-3x.png?6); background-size:191px 191px; background-position:-108px 2px; display:inline-block; position:absolute; right:21px; top:21px; width:25px; height:21px; cursor:pointer; } .form-field.eyes .show-hide-password { background-position:-108px 2px; } .form-field.noeyes .show-hide-password { background-position:-136px 2px; } .form-field label.for-checkbox{ position:absolute; top:1px; left:25px; line-height:21px; display:inline-block; cursor:pointer; font-size:15px; } #loginPageForm .buttons{ position:relative; } .error_container{ color:#E72525; font-size:15px; line-height:20px; padding-top:8px; } .country-cnt, .county-cnt, .city-cnt, .birthdate-cnt, .language-cnt, .combobox-cnt{ position:relative; } .country-cnt.visible, .county-cnt.visible, .city-cnt.visible, .birthdate-cnt.visible, .language-cnt.visible, .combobox-cnt.visible{ display:block; } .country-cnt .form-field select, .county-cnt .form-field select, .city-cnt .form-field select, .birthdate-cnt .form-field select, .language-cnt .form-field select, .combobox-cnt .form-field select{ position:absolute; top:8px; left:0; height:52px; line-height:52px; width:100%; padding:0; opacity:0.01; z-index:2; } .country-cnt .form-field select optgroup, .county-cnt .form-field select optgroup, .city-cnt .form-field select optgroup, .birthdate-cnt .form-field select optgroup, .language-cnt .form-field select optgroup, .combobox-cnt .form-field select optgroup{ color:grey; font-style:inherit; font-weight:300; text-shadow:none } .country-cnt .form-field select optgroup[label], .county-cnt .form-field select optgroup[label], .city-cnt .form-field select optgroup[label], .birthdate-cnt .form-field select optgroup[label], .language-cnt .form-field select optgroup[label], .combobox-cnt .form-field select optgroup[label]{ color:grey; font-style:inherit; font-weight:300; text-shadow:none } .country-cnt .form-field select:disabled, .county-cnt .form-field select:disabled, .city-cnt .form-field select:disabled, .birthdate-cnt .form-field select:disabled, .language-cnt .form-field select:disabled, .combobox-cnt .form-field select:disabled{ display:none; } .country-cnt .form-field .country, .county-cnt .form-field .county, .city-cnt .form-field .city, .birthdate-cnt .form-field .birthdate, .language-cnt .form-field .language, .combobox-cnt .form-field .combobox-text{ border:2px solid #BBBBBB; height:48px; line-height:48px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:0 10px; font-size:15px; color:#242424; width:calc(100% - 24px); position:relative } .country-cnt .form-field .country .down-arrow-icon, .county-cnt .form-field .county .down-arrow-icon, .city-cnt .form-field .city .down-arrow-icon, .birthdate-cnt .form-field .birthdate .down-arrow-icon, .language-cnt .form-field .language .down-arrow-icon, .combobox-cnt .form-field .combobox-text .down-arrow-icon{ position:absolute; right:20px; top:1px; } .country-cnt .form-field .country .down-arrow-icon:after, .county-cnt .form-field .county .down-arrow-icon:after, .city-cnt .form-field .city .down-arrow-icon:after, .birthdate-cnt .form-field .birthdate .down-arrow-icon:after, .language-cnt .form-field .language .down-arrow-icon:after, .combobox-cnt .form-field .combobox-text .down-arrow-icon:after{ content:'\f107'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:16px; color:#242424; top:0; left:0; } .country-cnt .inline-parent-error-container, .county-cnt .inline-parent-error-container, .city-cnt .inline-parent-error-container, .birthdate-cnt .inline-parent-error-container, .language-cnt .inline-parent-error-container, .combobox-cnt .inline-parent-error-container{ color:#E72525; font-size:15px; line-height:20px; display:block; position:relative; top:-16px } .country-cnt .form-field .input-error-mark, .county-cnt .form-field .input-error-mark, .city-cnt .form-field .input-error-mark, .birthdate-cnt .form-field .input-error-mark, .language-cnt .form-field .input-error-mark, .combobox-cnt .form-field .input-error-mark{ border:2px solid #E72525; } label.for-checkbox{ cursor:pointer; font-size:15px; } label.for-checkbox a.blue-link, label.for-checkbox a.blue-link:active, label.for-checkbox a.blue-link:hover{ color:#242424; font-size:15px; } label.for-checkbox.error, label.for-checkbox.error a.blue-link, label.for-checkbox.error a.blue-link:active, label.for-checkbox.error a.blue-link:hover{ color:#E72525; } .form-field.selected label.for-checkbox{ font-weight:bold } .form-field .btn-2019.forgot-password { position:absolute; right:0; top:-4px; padding-right:0; } .modalFormContainer .form .cart-line { font-size:15px; color:#242424; line-height:20px; padding:5px 0; } .white-box, .new-text-boxes{ background:#fff; padding:16px; margin-top:12px; position:relative; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; box-shadow:0px 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,.4); -moz-box-shadow:0px 2px 2px rgba(0,0,0,.4); } .white-box.closed, .new-text-boxes.closed{ padding-bottom:16px !important; } .white-box.visible, .new-text-boxes.visible{ display:block !important; } .white-box.nopadding, .new-text-boxes.nopadding{ padding:0; } .white-box.nopadding-top, .new-text-boxes.nopadding-top{ padding-top:0; } .white-box.nopadding-bottom, .new-text-boxes.nopadding-bottom{ padding-bottom:0; } .white-box.nopadding-left, .new-text-boxes.nopadding-left{ padding-left:0; } .white-box.nopadding-right, .new-text-boxes.nopadding-right{ padding-right:0; } .white-box.nopadding-tb, .new-text-boxes.nopadding-tb{ padding-top:0; padding-bottom:0; } .white-box.nopadding-tb.closed, .new-text-boxes.nopadding-tb.closed{ padding-top:0 !important; padding-bottom:0 !important; } .white-box.bborder-sep, .new-text-boxes.bborder-sep{ border-bottom:1px solid #bbb; } .white-box.fullbborder, .new-text-boxes.fullborder{ border:1px solid #bbb; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } .new-text-boxes.nopadding-lr{ padding-left:0; padding-right:0; } .white-box.nobackground, .new-text-boxes.nobackground{ background:none; } .white-box.noborder, .new-text-boxes.noborder{ border:none; } .white-box .open-close, .new-text-boxes .open-close{ position:absolute; top:17px; right:16px; height:30px; cursor:pointer; } .white-box .open-close i.button, .new-text-boxes .open-close i.button{ position:absolute; right:0; top:0px; } .white-box .open-close i.button:after, .new-text-boxes .open-close i.button:after{ background:none; content:'\f106'; font-family:'FontAwesome'; height:30px; line-height:30px; width:16px; font-size:1.6em; font-style:normal; display:block; color:#808080; } .white-box .open-close.closed i.button:after, .new-text-boxes .open-close.closed i.button:after{ background:none; content:'\f107'; font-family:'FontAwesome'; height:30px; line-height:30px; width:16px; font-size:1.6em; font-style:normal; display:block; color:#808080; } .white-box .open-close i.button:hover:after, .new-text-boxes .open-close i.button:hover:after{ color:#000; } .white-box.nopadding-right .open-close, .new-text-boxes.nopadding-right .open-close{ right:0px; } .white-box > .title, .new-text-boxes > .title, .new-text-boxes .box-title { font-size:20px; font-weight:600; color:#242424; padding-bottom:20px; line-height:28px; padding-right:20px; } .new-text-boxes .sm-title { font-size:17px; font-weight:600; color:#242424; padding-bottom:20px; line-height:23px; padding-right:20px; } .white-box > .title.small, .new-text-boxes > .title.small, .new-text-boxes .box-title.small { } .white-box > .title.click, .new-text-boxes > .title.click { cursor:pointer; } .white-box > .container, .new-text-boxes > .container { padding-top:16px; font-size:14px; line-height:19px; } .white-box > .container p, .new-text-boxes > .container p { margin:0; padding:10px 0; } .white-box > .container p.no-margin, .new-text-boxes > .container p.no-margin { margin:0; padding:0; } .white-box > .container a, .new-text-boxes > .container a { font-size:15px; line-height:23px; color:#4974ff; } .white-box > .container a:hover, .new-text-boxes > .container a:hover { color:#3451b2; } .white-box > .container a.normal, .new-text-boxes > .container a.normal { font-size:15px; line-height:23px; color:#242424; text-decoration:none } .white-box > .container a.normal:hover, .new-text-boxes > .container a.normal:hover { color:#242424; text-decoration:underline; } .white-box.closed > .container, .new-text-boxes.closed > .container{ display:none; } .white-box.mobile-style-2, .new-text-boxes.mobile-style-2{ margin:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border:0; } .white-box.mobile-style-2.bborder-sep, .new-text-boxes.mobile-style-2.bborder-sep{ border-bottom:1px solid #bbb; } .white-box.mobile-style-3, .new-text-boxes.mobile-style-3, .white-box.mobile-style-4, .new-text-boxes.mobile-style-4{ margin:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-top:1px solid #bbb; } .white-box.mobile-style-3.noborder, .new-text-boxes.mobile-style-3.noborder, .white-box.mobile-style-4.noborder, .new-text-boxes.mobile-style-4.noborder{ border-top:none; } .white-box.mobile-style-4 > .title, .new-text-boxes.mobile-style-4 > .title, .white-box.mobile-style-4 > .title h2, .new-text-boxes.mobile-style-4 > .title h2, .white-box.mobile-style-4 > .title h3, .new-text-boxes.mobile-style-4 > .title h3{ font-size:16px; line-height:28px; padding:0; margin:0; padding-right:20px; } .white-box.mobile-style-3 .open-close, .new-text-boxes.mobile-style-3 .open-close, .white-box.mobile-style-4 .open-close, .new-text-boxes.mobile-style-4 .open-close{ top:17px; } .white-box.bg-grey, .new-text-boxes.bg-grey{ background:#E8EDF2; } .white-box .buttons.with-bottom-border, .new-text-boxes .buttons.with-bottom-border{ border-bottom:1px solid #BBBBBB; } .new-text-boxes .line-1 { font-size:14px; color:#666; line-height:19px; padding:15px 0 2px 0; position:relative; } .new-text-boxes .line-2 { font-size:14px; color:#242424; line-height:19px; position:relative; } .new-text-boxes.mobile-style-4 > .title{ text-transform:uppercase; } .new-text-boxes.mobile-style-5{ background:#f2eeea; padding:12px; } .new-text-boxes.mobile-style-5 > .title, .new-text-boxes.mobile-style-5 .box-title{ background:#f2eeea; } .new-text-boxes.mobile-style-5 > .container{ background:#fff; padding:12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } @media only screen and (max-width:767px) { .white-box.mobile-style-1, .new-text-boxes.mobile-style-1{ margin:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; border-bottom:1px solid #BBBBBB; } .white-box.mobile-style-2, .new-text-boxes.mobile-style-2{ border-bottom:1px solid #BBBBBB; } .white-box.mobile-style-2.noborder, .new-text-boxes.mobile-style-2.noborder{ border:0; } } .inner-box{ padding:16px; margin-top:12px; position:relative; } .inner-box .inner-box-open-close{ position:absolute; top:20px; right:16px; height:30px; cursor:pointer; } .inner-box .inner-box-open-close i.button{ position:absolute; right:0; top:0px; } .inner-box .inner-box-open-close i.button:after{ background:none; content:'\f106'; font-family:'FontAwesome'; height:30px; line-height:30px; width:16px; font-size:1.6em; font-style:normal; display:block; color:#808080; } .inner-box .inner-box-open-close.closed i.button:after{ background:none; content:'\f107'; font-family:'FontAwesome'; height:30px; line-height:30px; width:16px; font-size:1.6em; font-style:normal; display:block; color:#808080; } .inner-box i.button:hover:after{ color:#000; } .inner-box.nopadding{ padding:0; padding-right:32px; } .inner-box.nopadding .inner-box-open-close{ top:-3px; right:8px; } .inner-box > .title, .inner-box .box-title { font-size:15px; font-weight:normal; color:#242424; line-height:25px; } .inner-box > .title.click { cursor:pointer; } .inner-box > .inner-box-container { padding-top:16px; font-size:15px; line-height:21px; color:#242424; } .inner-box > .inner-box-container.hidden { display:none; } @media only screen and (max-width:320px) { .white-box, .new-text-boxes{ padding-left:8px; padding-right:8px; } .white-box > .title, .new-text-boxes > .title, .new-text-boxes .box-title{ font-size:20px } } @media only screen and (max-width:480px) { .new-text-boxes.nopadding-mobile{ padding:0; } .new-text-boxes.nopadding-lr-mobile{ padding-left:0; padding-right:0; } .new-text-boxes.nopadding-bottom-mobile{ padding-bottom:0; } } @media only screen and (max-width:767px) { .new-text-boxes.nopadding-mobile{ padding:0; } .new-text-boxes.nopadding-lr-mobile{ padding-left:0; padding-right:0; } .new-text-boxes.nopadding-bottom-mobile{ padding-bottom:0; } .new-text-boxes.mobile-style-5-mobile{ background:#f2eeea; padding:12px; } .new-text-boxes.mobile-style-5-mobile > .title, .new-text-boxes.mobile-style-5-mobile .box-title{ background:#f2eeea; } .new-text-boxes.mobile-style-5-mobile > .container{ background:#fff; padding:12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } } .default-hidden-text-boxes{ display:none !important; } .loader-circ::before{ content:''; display:block; padding-top:100%; } .loader-action{ z-index:3; position:relative; } .loader-circ .circular{ animation:loader-circ-rotate 2s linear infinite; -webkit-animation:loader-circ-rotate 2s linear infinite; -moz-animation:loader-circ-rotate 2s linear infinite; height:100%; transform-origin:center center; width:100%; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; } .loader-circ .circular .path{ stroke-dasharray:1, 200; stroke-dashoffset:0; animation:loader-circ-dash 1.5s ease-in-out infinite, loader-circ-color-white 6s ease-in-out infinite; -webkit-animation:loader-circ-dash 1.5s ease-in-out infinite, loader-circ-color-white 6s ease-in-out infinite; -moz-animation:loader-circ-dash 1.5s ease-in-out infinite, loader-circ-color-white 6s ease-in-out infinite; stroke-linecap:round; } @keyframes loader-circ-rotate { 100% { transform:rotate(360deg); } } @keyframes loader-circ-dash { 0% { stroke-dasharray:1, 200; stroke-dashoffset:0; } 50% { stroke-dasharray:89, 200; stroke-dashoffset:-35px; } 100% { stroke-dasharray:89, 200; stroke-dashoffset:-124px; } } @keyframes loader-circ-color-white { 100%, 0% { stroke:#fff; } 40% { stroke:#fff; } 66% { stroke:#fff; } 80%, 90% { stroke:#fff; } } @keyframes loader-circ-color-grey { 100%, 0% { stroke:#a4a4a4; } 40% { stroke:#a4a4a4; } 66% { stroke:#a4a4a4; } 80%,90% { stroke:#a4a4a4; } } @keyframes loader-circ-color-pink { 100%, 0% { stroke:#fe2db2; } 40% { stroke:#fe2db2; } 66% { stroke:#fe2db2; } 80%, 90% { stroke:#fe2db2; } } #header-wrapper{ height:auto !important; } #header-wrapper > .top{ background:#c8aa8c; height:30px; position:relative; z-index:5; } #header-wrapper > .top > .container{ margin:0px auto; position:relative; z-index:3; padding-left:12px; padding-right:12px; height:31px; } #header-wrapper > .top ul{ margin:0; padding:0; list-style:none; } #header-wrapper > .top li{ position:relative; z-index:3; padding-right:12px; display:inline-block; color:#fff; font-size:12px; line-height:31px; } #header-wrapper > .top li a{ color:#242424; text-decoration:none; } #header-wrapper > .top li a:hover{ color:#242424; text-decoration:underline; } #header-wrapper > .top li.info.new-collection .star-icon{ display:inline-block; background:url(../img/header/sprite-white.png?5); background-position:-59px -65px; width:16px; height:16px; margin-right:2px; position:relative; top:2px; filter:grayscale(1); } #header-wrapper > .top li.info.delivery .free-shipping-icon{ display:inline-block; background:url(../img/header/sprite-white.png?4); background-position:-108px -67px; width:22px; height:16px; margin-right:2px; position:relative; top:2px; } #header-wrapper > .top li.info.retur .calendar-icon{ display:inline-block; background:url(../img/header/sprite-white.png?4); background-position:-128px -67px; width:22px; height:16px; margin-right:2px; position:relative; top:2px; } #header-wrapper > .top li.info.loyalty .loyalty-icon{ display:inline-block; background-image:url('../img/loyality-star-sprite.png?1'); background-size:62px 14px; background-position:0 0; width:15px; height:14px; margin-right:4px; position:relative; top:2px; filter:grayscale(1); } #header-wrapper > .top li.info.currency{ float:right; display:block; text-align:right; position:relative; padding-right:0; } #header-wrapper > .top li.info.currency.click .bg{ position:fixed; width:100%; background:rgba(0,0,0,0.4); height:100%; z-index:1; left:0; } #header-wrapper > .top li.info.currency ul{ display:none; margin:0; padding:5px 0; position:absolute; background:#fff; list-style-type:none; border:1px solid #d1d1d1; right:0; top:32px; z-index:2; } #header-wrapper > .top li.info.currency .selected-currency{ color:#242424; font-size:12px; line-height:31px; width:80px; cursor:pointer; padding-right:13px; z-index:2; } #header-wrapper > .top li.info.currency .selected-currency:after{ background:none; content:'\f107'; font-family:'FontAwesome'; height:28px; line-height:28px; width:10px; margin-left:3px; font-size:14px; color:#242424; position:absolute; top:2px; } #header-wrapper > .top li.info.currency.click .selected-currency:after{ content:'\f106'; } #header-wrapper > .top li.info.currency.click ul{ display:block; } #header-wrapper > .top li.info.currency ul li{ color:#242424; font-size:12px; line-height:26px; width:70px; padding:0px 10px; cursor:pointer; } #header-wrapper > .top li.info.currency ul li span{ display:inline-block; width:46px; text-align:left; } #header-wrapper > .top li.info.currency ul li:hover{ background:#f7f7f7; } #header-wrapper > .top li.info.currency .flag{ display:inline-block; width:16px; height:11px; margin-right:5px; text-align:left; position:relative; top:1px; } #header-wrapper > .top li.info.currency .flag.ron{ background:url("../img/flags_16/ro.gif"); } #header-wrapper > .top li.info.currency .flag.huf{ background:url("../img/flags_16/hu.gif"); } #header-wrapper > .top li.info.currency .flag.euro{ background:url("../img/flags_16/eu.gif"); } #header-wrapper > .top li.info.currency .flag.czk{ background:url("../img/flags_16/cz.gif"); } #header-wrapper > .top li.info.currency .flag.hr{ background:url("../img/flags_16/hr.gif"); } #header-wrapper > .top li.info.currency ul .dropdown-arrow{ position:absolute; width:0; top:-18px; margin:0; padding:0; left:26px; } #header-wrapper > .top li.info.currency ul .dropdown-arrow:before{ content:''; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:10px solid #f7f7f7; display:block; transform:translateY(100%); -webkit-transform:translateY(100%); } #header-wrapper > .top li.info.currency ul .dropdown-arrow:after{ content:''; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:10px solid #cbcbcb; display:block; margin-top:-2px; } #header-wrapper > .top li.info.currency.close .bg{ display:none; } #header-wrapper > .top li.info.currency.close ul{ display:none; } #header-wrapper > .top li.info.currency[data-c="ron"] li[data-c="ron"]{ display:none; } #header-wrapper > .top li.info.currency[data-c="euro"] li[data-c="eur"]{ display:none; } #header-wrapper > .top li.info.currency[data-c="huf"] li[data-c="huf"]{ display:none; } #header-wrapper > .middle{ background:#2d2d2d; } #header-wrapper > .middle > .container{ margin:0px auto; position:relative; z-index:4; padding-left:12px; padding-right:12px; } #header-wrapper > .middle > .container .logo{ text-align:left; } #header-wrapper > .middle.bg-white{ background:#fff; } #header-wrapper > .bottom{ border-bottom:1px solid #d1d1d1; } #header-wrapper > .bottom > .container{ margin:0px auto; position:relative; z-index:3; padding-left:12px; padding-right:12px; } #header-wrapper > .bottom .nav-close{ display:none; } #header-wrapper nav a, #header-wrapper nav .a{ font-size:13px; color:#242424; text-decoration:none; height:42px; line-height:42px; display:inline-block; letter-spacing:0.4px; font-weight:600; padding:0 13px; cursor:pointer; text-transform:uppercase; } #header-wrapper nav a.latest:hover, #header-wrapper nav a.bestsellers:hover, #header-wrapper nav a.total-looks:hover, #header-wrapper nav a.outlet:hover, #header-wrapper nav a.own-production:hover{ text-decoration:underline; } .navbar-2019{ position:relative; width:100%; } .navbar-2019:after{ clear:both } .navbar-nav{ width:100%; margin:7.5px -15px; padding:0; } .navbar-bar:after{ clear:both; display:table; content:" "; } .navbar-nav > li { position:relative; display:block; padding:0 11px !important; } .navbar-nav > li:first-child{ padding-left:0 !important; } .navbar-nav > li.deals{ background:#fff; color:#da291c; } .navbar-nav > li.deals > a > .txt{ color:#da291c; } .navbar-nav > li.deals > a .deals-icon{ background-image:url(../img/mobile/mobile-icons4-3x.png?5); background-size:217px 84px; background-position:-83px 0; display:inline-block; width:17px; height:17px; margin-right:0px; position:relative; top:4px; } .navbar-nav > li.deals > a .deals-icon:after{ } .navbar-nav > li.dropdown:after{ content:'\f107'; font-family:'FontAwesome'; height:28px; line-height:28px; width:10px; margin-left:3px; font-size:14px; color:#6a6a6a; position:relative; top:0px; } .navbar-nav > li a, .navbar-nav > li .a{ padding:0 !important; white-space:nowrap; transition:all 200ms ease 0s; position:relative; } .navbar-nav > li.deals > a{ } .navbar-nav > li.deals.dropdown:after{ } .navbar-nav > li:hover > a span.txt, .navbar-nav > li:hover > .a span.txt{ text-decoration:underline !important; } .navbar-nav > li.dropdown:hover > a span.txt, .navbar-nav > li.dropdown:hover > .a span.txt{ text-decoration:none !important; } .navbar-nav > li .dropdown-menu{ background:#fff; position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; margin:0 0 0; font-size:14px; text-align:left; list-style:none; padding:10px 0; border:1px solid #cbcbcb; } .navbar-nav > li .dropdown-menu ul{ list-style:none; margin:0 0 0; padding:0; } .navbar-nav > li:hover > a, .navbar-nav > li:hover > .a{ color:#c8aa8c; } .navbar-nav > li:hover .dropdown-menu, .navbar-nav > li.open .dropdown-menu, .navbar-nav > li.active .dropdown-menu{ display:block; } .navbar-nav > li .dropdown-menu li{ padding:0 16px; min-width:150px; } .navbar-nav > li .dropdown-menu li.deals > a > .txt{ color:#e72525 ; } .navbar-nav > li.dropdown.mores .dropdown-menu li span.txt{ text-transform:uppercase; } .navbar-nav > li > .dropdown-menu > ul > li.dropdown i.right-arrow{ background:none; text-decoration:none; font-style:normal; position:absolute; right:-16px; top:0px; } .navbar-nav > li > .dropdown-menu > ul > li.dropdown i.right-arrow:after{ content:'\f105'; font-family:'FontAwesome'; height:28px; line-height:28px; width:10px; margin-left:5px; font-size:14px; color:#6a6a6a; position:absolute; top:0px; text-decoration:none; font-style:normal; right:9px; font-weight:600; } .navbar-nav > li > .dropdown-menu > ul > li.dropdown i.left-arrow{ background:none; text-decoration:none; font-style:normal; position:absolute; left:0px; top:0px; } .navbar-nav > li > .dropdown-menu > ul > li.dropdown i.left-arrow:after{ content:'\f104'; font-family:'FontAwesome'; height:28px; line-height:28px; width:10px; margin-left:5px; font-size:14px; color:#6a6a6a; position:absolute; top:0px; text-decoration:none; font-style:normal; right:9px; font-weight:600; } .navbar-nav > li > .dropdown-menu > ul > li.dropdown:hover{ background:#E8E8E8; } .navbar-nav > li > .dropdown-menu > ul > li.dropdown:hover i.right-arrow:after{ color:#232323; } .navbar-nav > li > .dropdown-menu > ul > li.dropdown:hover > a{ padding-left:3px !important; } .navbar-nav > li .dropdown-menu li .dropdown-menu.level-second{ background:#fff; left:100%; top:-1px; display:none; } .navbar-nav > li .dropdown-menu li:hover .dropdown-menu.level-second, .navbar-nav > li .dropdown-menu li.open .dropdown-menu.level-second, .navbar-nav > li .dropdown-menu li.active .dropdown-menu.level-second{ display:block; } #header-wrapper .navbar-nav > li .dropdown-menu li a, #header-wrapper .navbar-nav > li .dropdown-menu li .a{ color:#242424; font-size:13px; line-height:28px; height:28px; font-weight:normal; text-transform :none; letter-spacing:0; display:block; } .navbar-nav > li .dropdown-menu > ul > li:hover > a .txt{ text-decoration:underline !important; } #header-wrapper .navbar-nav > li .dropdown-menu li a .deals-icon{ background:url(../img/header/sprite-white.png?4) -76px -67px !important; height:18px !important; width:13px !important; margin-right:0 !important; } .navbar-nav > li .dropdown-menu .dropdown-arrow{ position:absolute; top:-18px; left:30px; } .navbar-2019 .mega-menu .dropdown-arrow{ display:none; } .navbar-nav > li .dropdown-menu .dropdown-arrow:before, .navbar-2019 .mega-menu .dropdown-arrow:before{ content:''; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:10px solid #f7f7f7; display:block; transform:translateY(100%); -webkit-transform:translateY(100%); } .navbar-nav > li .dropdown-menu .dropdown-arrow:after, .navbar-2019 .mega-menu .dropdown-arrow:after{ content:''; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:10px solid #cbcbcb; display:block; margin-top:-2px; } .navbar-nav li.blue-link > a{ color:#4974ff !important; } .navbar-nav li.blue-link > a:hover{ color:#3451b2 !important; } .navbar-nav li.deal-link > a{ color:#da291c !important; } .navbar-nav li.deal-link > a:hover{ color:#da291c !important; } .navbar-2019 .mega-menu{ display:none; } .navbar-2019.vertical .mega-menu{ display:inline-block; z-index:3; } .navbar-2019 .mega-menu{ position:relative; height:42px; line-height:42px; padding:0 13px; background:#ff2db2; color:#fff; } .navbar-2019 .mega-menu i.mega-icon{ display:inline-block; vertical-align:middle; margin-right:5px; top:-5px; position:relative; } .navbar-2019 .mega-menu i.mega-icon:after{ content:' '; width:16px; height:12px; position:relative; top:5px; font-size:14px; background:url(../img/header/sprite-white-2.png?5); background-position:-183px -72px; display:block; } .navbar-2019 .mega-menu:after{ content:'\f107'; font-family:'FontAwesome'; height:28px; line-height:28px; width:10px; margin-left:5px; font-size:14px; color:#fff; position:relative; top:0px; } .navbar-2019 .mega-menu span{ color:#fff; display:inline-block; font-size:13px; font-weight:600; height:42px; letter-spacing:1px; line-height:42px; text-decoration:none; cursor:pointer; text-transform:uppercase; } .navbar-2019 .navbar-nav > li > a .right-side-icon{ display:none; } .navbar-2019.vertical{ padding-right:20px; width:auto; } .navbar-2019.vertical .navbar-nav{ display:none; background:#f7f7f7; border:1px solid #d1d1d1; width:auto; position:absolute; top:42px; left:0; padding:10px 0; z-index:2 } .navbar-2019.vertical.active .navbar-nav{ display:block; } .navbar-2019.vertical .navbar-nav > li{ height:28px !important; line-height:28px !important; position:static; display:block !important; padding:0 13px !important; } .navbar-2019.vertical .navbar-nav > li:hover{ background:#e8e8e8; cursor:pointer; } .navbar-2019.vertical .navbar-nav > li:after{ display:none; } .navbar-2019.vertical .navbar-nav > li:hover:after{ color:#242424; } .navbar-2019.vertical .navbar-nav > li > a, .navbar-2019.vertical .navbar-nav > li > .a{ height:28px !important; line-height:28px !important; display:block !important; } .navbar-2019.vertical .navbar-nav > li a .txt, .navbar-2019.vertical .navbar-nav > li .a .txt{ height:28px !important; line-height:28px !important; } .navbar-2019.vertical .navbar-nav > li.dropdown > a:after, .navbar-2019.vertical .navbar-nav > li.dropdown > .a:after{ background:none !important; content:'\f105'; font-family:'FontAwesome'; height:28px; line-height:28px; width:10px; margin-left:5px; font-size:14px; color:#6a6a6a; position:absolute; top:0px; right:0px; text-decoration:none; font-style:normal; font-weight:600; } .navbar-2019.vertical .navbar-nav > li.dropdown:hover > a:after, .navbar-2019.vertical .navbar-nav > li.dropdown:hover > .a:after{ color:#242424; } .navbar-2019.vertical .navbar-nav > li.deals.dropdown a:after, .navbar-2019.vertical .navbar-nav > li.deals.dropdown .a:after{ color:#fff !important; } .navbar-2019.vertical .navbar-nav > li.deals.dropdown:hover a:after, .navbar-2019.vertical .navbar-nav > li.deals.dropdown:hover .a:after{ color:#fff !important; } .navbar-2019.vertical .navbar-nav > li.deals:hover{ background:#e72525; } .navbar-2019.vertical .navbar-nav > li .dropdown-menu{ left:100%; top:-1px; } .navbar-2019.vertical .navbar-nav > li > a{ padding-right:30px !important; } .navbar-2019.vertical .navbar-nav > li > a .left-side-icon{ display:none; } .navbar-2019.vertical .navbar-nav > li > a .new-icon{ } .navbar-2019.vertical .navbar-nav > li > a .right-side-icon{ display:inline-block; } .navbar-2019.vertical .navbar-nav > li > a .new-icon:after{ content:' '; clear:both; } .navbar-2019.vertical:hover .navbar-nav, .navbar-2019.vertical.active .navbar-nav{ display:block; } .navbar-2019.vertical .navbar-nav > li{ float:none; } .navbar-2019.vertical .navbar-nav > li .dropdown-menu .dropdown-arrow{ display:none; } .navbar-2019.vertical:hover .mega-menu .dropdown-arrow, .navbar-2019.vertical.active .mega-menu .dropdown-arrow{ position:absolute; display:block; top:24px; left:50px; } .navbar-2019 .navbar-nav > li.dropdown.mores{ float:right; } .navbar-nav > li.mores .dropdown-menu{ } .navbar-2019 .navbar-nav > li.dropdown.mores > .dropdown-menu li{ } .navbar-2019 .navbar-nav > li.dropdown.mores > .dropdown-menu li a{ } .navbar-2019.vertical .navbar-nav > li.dropdown.mores{ display:none !important; } .navbar-2019 .navbar-nav > li.dropdown.mores > .dropdown-menu{ left:auto; right:0; } .navbar-2019 .navbar-nav > li.hidden{ display:none; } .navbar-2019.vertical .navbar-nav > li.hidden{ display:block; } .navbar-nav .group-dropdown-menu{ margin:0 0 0; font-size:14px; text-align:left; list-style:none; padding:0px 0; display:table-cell; } .navbar-nav .group-dropdown-menu li{ height:28px !important; line-height:28px !important; font-size:13px; min-width:inherit !important; } .navbar-nav .group-dropdown-menu li.group-dropdown-menu-name{ font-size:13px; color:#242424; text-decoration:none; height:28px; line-height:28px; display:inline-block; letter-spacing:1px; font-weight:600; text-transform:uppercase } .navbar-nav > li .group-dropdown-menu > li:hover > a .txt{ text-decoration:underline !important; } .navbar-nav { float:left; margin:0; } .navbar-nav > li { float:left; } .navbar-nav .dropdown-menu .grid{ display:table-cell; vertical-align:top; padding-right:25px; } .navbar-nav > li .dropdown-menu li a:hover .txt{ text-decoration:underline; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu .dropdown-arrow:before{ border-bottom-color:#fff; } .navbar-nav > li.dropdown.mlt-clm > .dropdown-menu{ background:#fff; } .navbar-nav > li.dropdown.mlt-clm > .dropdown-menu, .navbar-nav > li.dropdown.rounded > .dropdown-menu{ } .navbar-nav > li.dropdown.mlt-clm > .dropdown-menu .head{ padding:0 16px; font-size:18px; line-height:26px; font-weight:600; padding-top:10px; padding-bottom:10px; } .navbar-nav > li.dropdown.mlt-clm > .dropdown-menu .head .title{ padding-right:10px; } .navbar-nav > li.dropdown.mlt-clm > .dropdown-menu .head a{ line-height:26px !important; height:auto !important; padding-left:0 !important; } .navbar-nav > li.dropdown.mlt-clm > .dropdown-menu .head a:hover{ text-decoration:underline !important } .navbar-nav > li.dropdown.mlt-clm .uppercase a .txt{ text-transform:uppercase; } .navbar-nav > li.dropdown.mlt-clm > .dropdown-menu ul{ } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li{ } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown, .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title{ clear:both; padding:0; background:none; display:block; float:none; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown:hover{ background:none; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown i.right-arrow{ display:none; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > a, .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > .a, .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title > a, .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title > .a{ padding-left:16px !important; font-weight:bold !important; color:#000 !important; padding-top:28px !important; display:inline-block !important; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > a:not([href]), .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > a:not([href]) .txt{ text-decoration:none !important; cursor:default !important; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > a[href]:hover{ text-decoration:underline !important; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown.notppd > a, .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown.notppd > .a, .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title.notppd > a, .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title.notppd > .a{ padding-top:0px !important; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown .dropdown-menu li a[href]{ margin-left:10px; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown .dropdown-menu li a[href] .txt{ position:relative; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown .dropdown-menu li a[href] .txt:before{ content:'\f105'; font-family:'FontAwesome'; font-style:normal; position:absolute; left:-10px; top:-7px; font-size:10px; color:#242424; width:10px; height:10px; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu ul:first-of-type > li.dropdown:first-of-type > a, .navbar-nav > li.dropdown.mlt-clm .dropdown-menu ul:first-of-type > li.dropdown:first-of-type > .a{ padding-top:0px !important; } .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown .dropdown-menu.level-second { display:block; position:inherit; background:none; border:none; padding:0; float:none; } #hamburger { background:none; line-height:1px; padding:0; border:0; display:none; } #header-wrapper .logo{ } #header-wrapper .center-zone{ display:-ms-flexbox; display:flex; flex:1; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; } #header-wrapper .user-tools{ text-align:right; white-space:nowrap; } #header-wrapper .right-side-inner .user-tools{ } #header-wrapper .user-tools > div{ display:inline-block; vertical-align:top; height:30px; font-size:13px; position:relative; z-index:1; } #header-wrapper .user-tools > div .icon{ position:relative; } #header-wrapper .user-tools > .cart .head-sprite.icon { background:url(../img/mobile/icons/menu-cart-2.svg); background-repeat:no-repeat; background-size:32px 32px; width:30px; height:30px; display:inline-block; margin-top:0px; margin-right:0px; float:left; border:0 } #header-wrapper .user-tools > .cart{ padding-left:7px; position:relative; } #header-wrapper .user-tools > .cart .cnt-top{ position:relative; z-index:2; } #header-wrapper .user-tools > .cart:hover{ } #header-wrapper .user-tools > .favorites .head-sprite.icon { width:28px; height:30px; display:inline-block; margin-top:0px; margin-right:0px; float:left; background:none; border:0; } #header-wrapper .user-tools > .favorites .head-sprite.icon:after{ content:'\f004'; font-family:'FontAwesome5Reg'; height:26px; line-height:26px; width:24px; font-size:28px; font-weight:400; color:#fff; position:absolute; top:2px; z-index:0; left:0; } #header-wrapper .user-tools > .myaccount2 .head-sprite.icon { width:28px; height:30px; display:inline-block; margin-top:0px; margin-right:0px; float:left; background:none; border:0; } #header-wrapper .user-tools > .myaccount2{ padding-left:5px; position:relative; z-index:1; } #header-wrapper .user-tools > .myaccount2 .cnt-top{ position:relative; z-index:2; } #header-wrapper .user-tools > .myaccount2 .head-sprite.icon:after{ content:'\f007'; font-family:'FontAwesome5Reg'; height:26px; line-height:26px; width:24px; font-size:26px; font-weight:400; color:#fff; position:absolute; top:2px; z-index:0; left:0 } #header-wrapper .user-tools > .myaccount2:hover .head-sprite.icon:after{ color:#242424; } #header-wrapper .user-tools > .myaccount .back-link{ } #header-wrapper .user-tools > .myaccount .back-link:hover .text span{ text-decoration:underline; } #header-wrapper .user-tools > .myaccount .back-link .left-arrow:after{ color:#fff; position:relative; top:0px; left:-5px; } #header-wrapper .user-tools > .search .head-sprite.icon { background:url(../img/mobile/icons/menu-search-2.svg); background-repeat:no-repeat; background-size:36px 36px; background-position:top; width:30px; height:32px; display:block; position:relative; top:-3px; margin-right:0px; border:0; font-size:0px; } #header-wrapper .user-tools .text{ margin-left:3px; line-height:28px; color:#fff; display:inline-block; } #header-wrapper .user-tools .text span{ display:inline-block; } #header-wrapper .user-tools .cnt-top{ cursor:pointer; display:inline-block; } #header-wrapper .user-tools .cnt-top:hover .text span, #header-wrapper .user-tools .cart:hover .cnt-top .text span{ text-decoration:underline; } #header-wrapper .user-tools .text:after{ background:none; content:'\f107'; font-family:'FontAwesome'; height:28px; line-height:28px; width:10px; margin-left:5px; font-size:14px; color:#6a6a6a; position:relative; top:2px; display:none; } #header-wrapper .user-tools .cnt-top:hover .text:after{ text-decoration:none; } #header-wrapper .user-tools .cnt-top .notifications { background-color:#ffe69d; color:#242424; font-size:9px; font-weight:bold; position:absolute; padding:0 2px; border-radius:3px; text-align:center; min-width:13px; box-sizing:border-box; line-height:13px; right:-2px; top:-2px; z-index:1; } #header-wrapper .user-tools .cnt-top .notifications.hide{ display:none; } #header-wrapper .user-tools .myaccount2 .cnt-top .notifications{ right:-3px; display:none; } #header-wrapper .user-tools .favorites .cnt-top .notifications{ right:-3px; } #header-wrapper .search-desktop{ padding:0px 10px; height:30px; border:1px solid #fff; box-sizing:border-box; background-color:#fff; width:100%; position:relative; border-radius:17px; -webkit-border-radius:17px; -moz-border-radius:17px; top:0px; margin:0 10px; } #header-wrapper .search-desktop form{ padding:0; margin:0; position:relative } #header-wrapper .search-desktop .textfield{ border:none; line-height:21px; width:calc(100% - 20px); background:none; box-shadow:none; padding:0; margin-top:3px; padding-right:20px; color:#4d4d4d; } #header-wrapper .search-desktop .textfield:focus{ outline:none; } #header-wrapper .search-desktop .search-icon-cnt{ cursor:pointer; position:absolute; top:3px; right:8px; } #header-wrapper .search-desktop .head-sprite.search-icon{ background:url(../img/header/sprite-white.png?4); background-position:-102px -45px; width:20px; height:21px; vertical-align:top; } #header-wrapper .search-desktop .head-sprite.search-icon:after{ display:none; } #header-wrapper .search-desktop form .loader{ position:absolute; top:5px; right:7px; width:21px; background:#fff; } #header-wrapper .container .col-row{ -webkit-box-sizing:border-box; box-sizing:border-box; display:-ms-flexbox; display:flex; -ms-flex:0 1 auto; flex:0 1 auto; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; } #header-wrapper .left-side{ display:-ms-flexbox; display:flex; flex :1 } #header-wrapper .right-side{ -webkit-box-sizing:border-box; box-sizing:border-box; display:-ms-flexbox; display:flex; -ms-flex-pack:end; justify-content:flex-end; -ms-flex-align:center; align-items:center; -ms-flex-wrap:nowrap; flex-wrap:nowrap; } #header-wrapper .right-side .right-side-inner{ } body.finalize-order #header-wrapper .right-side{ display:none; } body.finalize-order.cart-page #header-wrapper .right-side{ display:-ms-flexbox; display:flex; } .breadcrumb{ padding:4px 0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .breadcrumb em{ display:inline; padding:0 5px; } .breadcrumb em:after{ content:'\f105'; font-family:'FontAwesome'; font-style:normal; position:relative; font-weight:300; font-size:19px; color:#666; top:2px; } .breadcrumb a, .breadcrumb .a{ font-size:13px !important; color:#242424 !important; line-height:21px !important; text-decoration:none; display:inline-block; } .breadcrumb a:hover{ text-decoration:underline } .breadcrumb i.circle{ display:block; width:24px; height:24px; font-size:11px; font-weight:600; background:#242424; color:#fff; line-height:24px; font-style:normal; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; margin:0 auto; margin-bottom:5px; } .subheader-breadcrumb{ text-align:center; padding:6px 0; } .subheader-breadcrumb .breadcrumb{ padding:0; } .textholder-two-columns{ margin-left:-4px; width:calc(100% + 8px); margin-right:-4px; } .textholder-two-columns h1{ margin:0; padding:7px 10px; padding-left:4px; color:#242424; font-size:20px; font-weight:600; line-height:28px; } .textholder-one-column{ padding:0; } .textholder-one-column h1{ margin:0; padding:7px 10px; padding-left:4px; color:#242424; font-size:20px; font-weight:600; line-height:28px; text-transform:uppercase; text-align:center; padding-top:20px; } .textholder-one-column #top-slider{ margin-left:0; margin-right:0; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .textholder-banner-container .textholder-banner{ -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; overflow:hidden; line-height:0; font-size:0; } .textholder-banner-container .textholder-banner img{ width:100%; } .subheader-title{ text-align:center; padding-bottom:6px; } .subheader-title h1{ font-size:20px; font-weight:600; color:#242424; line-height:28px; padding-bottom:6px; } .subheader-title .menu-filter-cnt, .subheader-title .menu-filter-h2{ text-align:center; padding:0px; line-height:21px; color:#242424; font-weight:normal; font-size:13px; margin:0; padding-top:0px; } .subheader-description{ font-size:15px; line-height:23px; color:#242424; position:relative; } .subheader-description a{ font-size:15px; line-height:23px; } .subheader-description .open-close { border:1px solid #e6e6e6; padding:2px 4px 8px 4px; background:#f7f7f7; position:absolute; bottom:-20px; right:0px; line-height:1px; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; height:8px; top:auto; } .subheader-description .inner{ max-height:67px; overflow:hidden; margin:16px 0 0; } .subheader-description .inner p{ padding:0; margin:0; } #header-wrapper .bottom.open{ display:block; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10; background:rgba(10,10,0,0.3); } #header-wrapper .bottom.open .container{ padding:0; background:#fff; margin-left:0; margin-right:0; height:calc(100% - 50px); top:54px; overflow:auto; } #header-wrapper .bottom.open .nav-bg{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; } #header-wrapper .bottom.open .nav-close{ position:absolute; background:#c8aa8c; border-bottom:1px solid #bbb; z-index:2; width:100%; top:0; height:53px; margin:0; display:block; } #header-wrapper .bottom.open .nav-close button{ display:inline-block; height:30px; top:11px; width:30px; cursor:pointer; position:absolute; right:17px; z-index:8; background:none; border:0; } #header-wrapper .bottom.open .nav-close i{ display:inline-block; height:19px; top:11px; width:19px; cursor:pointer; position:absolute; right:17px; z-index:8; } #header-wrapper .bottom.open .nav-close button i{ top:2px; right:2px; } #header-wrapper .bottom.open .nav-close i:after{ content:'\f00d'; font-family:'FontAwesome5'; font-style:normal; position:absolute; font-weight:300; font-size:26px; color:#fff; top:0; left:0; } #header-wrapper .bottom.open .navbar-nav{ float:none; } #header-wrapper .bottom.open .navbar-nav li{ float:none; padding:0 !important; border-bottom:1px solid #d1d1d1; } #header-wrapper .bottom.open .navbar-nav li a, #header-wrapper .bottom.open .navbar-nav li .a{ padding:12px 11px !important; line-height:22px; height:auto; white-space:normal; width:calc(100% - 24px); font-size:14px; z-index:2; } #header-wrapper .bottom.open .navbar-nav > li .dropdown-menu{ position:inherit; } #header-wrapper .bottom.open .navbar-nav > li:hover .dropdown-menu{ display:none; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu{ display:block; position:inherit; border:0; border-top:1px solid #fff; padding:0; float:none; padding-left:30px; padding-right:10px; } #header-wrapper .bottom.open .navbar-nav > li.dropdown:after{ position:absolute; right:20px; font-size:19px; color:#242424; font-weight:bold; width:11px; top:9px; z-index:1; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open:after{ content:'\f106'; top:8px; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open > a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.open > .a{ font-weight:600; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu .dropdown-arrow{ display:none; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu .head{ padding:0; border-bottom:1px solid #d1d1d1; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu .head a{ width:auto; text-transform:capitalize; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu .head .title{ display:none; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu > ul > li:last-child{ border-bottom:0; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu table{ width:100%; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu table td{ display:block; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu .dropdown-menu.level-second{ display:none; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu.level-second{ display:block; left:0; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu td:last-child li{ border-bottom:0; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > .a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title > a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title > .a{ padding-top:12px !important; width:auto; position:relative; display:block !important } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu ul:first-of-type > li.dropdown:first-of-type > a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu ul:first-of-type > li.dropdown:first-of-type > .a{ padding-top:12px !important; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown{ position:relative; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown:after{ display:block; content:'\f107'; font-family:'FontAwesome'; font-weight:bold; height:28px; line-height:28px; width:11px; margin-left:3px; font-size:19px; color:#242424; position:absolute; top:9px; right:7px; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu li.dropdown.open:after{ content:'\f106'; top:8px; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > .a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title > a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title > .a{ font-weight:normal !important; text-transform:capitalize } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu li.dropdown.open > .a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu li.dropdown.open > a{ font-weight:600 !important; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu.level-second li{ border-bottom:0; border-top:1px solid #d1d1d1; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown > .a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title > a, #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.bold-title > .a{ padding-left:0px !important; } #header-wrapper.sticky{ position:fixed; top:0; right:0; left:0; z-index:105; box-shadow:0px 2px 2px rgb(0 0 0 / 40%); -webkit-box-shadow:0px 2px 2px rgb(0 0 0 / 40%); -moz-box-shadow:0px 2px 2px rgba(0,0,0,.4); border-bottom:0; } #header-wrapper.sticky .top{ display:none; } #header-wrapper.sticky .bottom{ display:none; } #header-wrapper.sticky .bottom.open{ display:block; } #header-wrapper .bottom.open .navbar-nav li a, #header-wrapper .bottom.open .navbar-nav li .a{ font-weight:normal; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown .dropdown-menu li a[href]{ margin:0; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown .dropdown-menu li a[href]{ padding-left:0 !important; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.mlt-clm .dropdown-menu li.dropdown .dropdown-menu li a[href] .txt:before{ display:none; } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu.level-second{ padding-left:20px } #header-wrapper .bottom.open .navbar-nav > li.dropdown.open .dropdown-menu li.dropdown.open .dropdown-menu.level-second li:first-child{ border-top:0; } .previewUserDropMenu{ position:absolute; top:35px; right:auto; left:0px; bottom:auto; width:auto; display:block; transition:none; z-index:1000; visibility:hidden; } .previewUserDropMenu.show{ visibility:visible; } .previewUserDropMenu .container{ max-width:380px; min-width:300px; background:#fff; width:100%; display:block; -webkit-box-shadow:0px 2px 2px #666; -moz-box-shadow:0px 2px 2px #666; box-shadow:0px 2px 2px #666; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; border-top-left-radius:0; overflow:hidden; } .previewUserDropMenu .container ul{ text-align:left; padding:17px; margin:0; list-style:none; } .previewUserDropMenu .container ul li, .previewUserDropMenu .container ul li a{ color:#242424; font-size:15px; line-height:25px; display:block; position:relative; text-decoration:none; } .previewUserDropMenu .container ul li.title{ border-bottom:1px solid #d1d1d1; position:relative; padding:12px 16px; top:-16px; left:-16px; width:calc(100% + 16px); font-size:13px; } .previewUserDropMenu .container ul li.action:hover, .previewUserDropMenu .container ul li a:hover{ text-decoration:underline; cursor:pointer; } .previewUserDropMenu .container ul li i.login, .previewUserDropMenu .container ul li i.register{ display:inline-block; width:30px; height:25px; } .previewUserDropMenu .container ul li i.login:after{ content:'\f4fc'; font-family:'FontAwesome5'; height:25px; line-height:25px; width:25px; font-size:18px; font-weight:400; color:#242424; position:absolute; top:5px; z-index:0; left:0; font-style:normal; } .previewUserDropMenu .container ul li i.register:after{ content:'\f055'; font-family:'FontAwesome5'; height:25px; line-height:25px; width:25px; font-size:18px; font-weight:400; color:#242424; position:absolute; top:5px; z-index:0; left:0; font-style:normal; } @media only screen and (max-width:360px) { #header-wrapper .middle .logo, #header-wrapper .middle .logo object, #header-wrapper .middle .logo img{ height:26px !important; display:block; top:0px; position:relative; } #header-wrapper .middle .logo{ height:50px !important; } #header-wrapper .middle .logo, #header-wrapper .middle .logo a{ display:-ms-flexbox; display:flex; flex :1; } #header-wrapper .user-tools > div{ padding-left:0; } } @media only screen and (min-width:361px) and (max-width:767px) { #header-wrapper .middle .logo, #header-wrapper .middle .logo object, #header-wrapper .middle .logo img { height:28px !important; display:block; } #header-wrapper .middle .logo{ height:52px !important; } #header-wrapper .middle .logo, #header-wrapper .middle .logo a{ display:-ms-flexbox; display:flex; flex :1; } } @media only screen and (max-width:767px) { #hamburger { background-image:url(../img/mobile/icons/menu-hamburger-2.svg); background-repeat:no-repeat; background-position:center; cursor:pointer; margin-left:0px; display:block; height:52px; width:40px; left:0px; z-index:2; float:left; margin-right:0px; position:relative; } #header-wrapper .middle .logo{ } #header-wrapper .top{ display:none; } #header-wrapper .bottom{ display:none; } #header-wrapper .right-side-inner .user-tools{ } #header-wrapper .user-tools .cnt-top .text{ display:none; } #header-wrapper .user-tools > .myaccount2:hover .head-sprite.icon:after{ color:#fff; } #header-wrapper .center-zone{ display:none; } #header-wrapper .search-desktop{ display:none; } #header-wrapper > .middle > .container{ padding-left:0; } .textholder-two-columns-container{ padding:0; } .textholder-two-columns-container #top-slider{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .textholder-two-columns-container .textholder-two-columns-1 h1{ padding-left:16px; } .textholder-two-columns-container .textholder-two-columns-2{ padding:0 16px; } .textholder-one-column-container{ padding:0; } .textholder-one-column-container #top-slider{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .textholder-one-column-container h1{ padding-left:16px; } .textholder-banner-container{ padding:0; } .textholder-banner-container .textholder-banner{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } } @media only screen and (min-width:768px) and (max-width:991px) { #header-wrapper .user-tools > .search{ display:none; } #header-wrapper .left-side{ } #header-wrapper .right-side{ } #header-wrapper .center-zone{ } #header-wrapper.sticky #hamburger{ background-image:url(../img/mobile/icons/menu-hamburger-2.svg); background-repeat:no-repeat; cursor:pointer; margin-left:0px; display:table-cell; height:30px; width:30px; z-index:2; float:left; margin-right:0px; position:relative; left:-5px; top:15px; } #header-wrapper.sticky .middle .logo{ } #header-wrapper.sticky .left-side{ } #header-wrapper .right-side-inner .user-tools{ } body.finalize-order #header-wrapper .right-side-inner .user-tools{ display:none; } body.finalize-order #header-wrapper .search-desktop{ display:none; } body.finalize-order.cart-page #header-wrapper .right-side-inner .user-tools{ display:block; } body.finalize-order.cart-page #header-wrapper .search-desktop{ display:block; } #header-wrapper .user-tools .cnt-top .text{ display:none; } #header-wrapper .bottom.open .container{ margin-right:40%; } #header-wrapper .bottom.open .nav-close{ width:60%; } #header-wrapper .user-tools > .myaccount2:hover .head-sprite.icon:after{ color:#fff; } } @media only screen and (min-width:992px) { #header-wrapper > .top > .container, #header-wrapper > .middle > .container, #header-wrapper > .bottom > .container{ width:auto; } #header-wrapper .user-tools > .search{ display:none; } #header-wrapper .user-tools{ padding-top:2px; } #header-wrapper.sticky #hamburger{ background-image:url(../img/mobile/icons/menu-hamburger-2.svg); background-repeat:no-repeat; cursor:pointer; margin-left:0px; display:table-cell; height:30px; width:30px; position:absolute; top:13px; left:15px; z-index:2; float:left; margin-right:0px; } #header-wrapper.sticky .middle .logo{ margin-left:40px; display:block; } #header-wrapper.sticky .left-side{ width:230px; } #header-wrapper .bottom.open .container{ margin-right:60%; } #header-wrapper .bottom.open .nav-close{ width:40%; } #header-wrapper .user-tools > .cart:hover .head-sprite.icon { background-image:url(../img/mobile/icons/menu-cart-2-hover.svg); } #header-wrapper .user-tools > .cart:hover .cnt-top .text span, #header-wrapper .user-tools > .myaccount2:hover .cnt-top .text span{ color:#242424; } #header-wrapper .user-tools > .cart .bg-menu, #header-wrapper .user-tools > .myaccount2 .bg-menu{ background:#fff; position:absolute; top:-5px; left:7px; width:calc(100% + 3px); height:45px; z-index:0; -webkit-border-top-right-radius:12px; -moz-border-top-right-radius:12px; border-top-right-radius:12px; -webkit-border-top-left-radius:12px; -moz-border-top-left-radius:12px; border-top-left-radius:12px; visibility:hidden; } #header-wrapper .user-tools > .myaccount2 .bg-menu{ left:0; width:calc(100% + 5px); } #header-wrapper .user-tools > .cart:hover .bg-menu, #header-wrapper .user-tools > .myaccount2:hover .bg-menu{ visibility:visible; } body.finalize-order #header-wrapper .right-side-inner .user-tools{ display:none; } body.finalize-order #header-wrapper .search-desktop{ display:none; } body.finalize-order.cart-page #header-wrapper .right-side-inner .user-tools{ display:block; } body.finalize-order.cart-page #header-wrapper .search-desktop{ display:block; } } @media only screen and (min-width:1200px){ #header-wrapper > .top > .container, #header-wrapper > .middle > .container, #header-wrapper > .bottom > .container{ width:auto; margin:0 5%; max-width:1920px; } #header-wrapper .search-desktop{ max-width:500px; } #header-wrapper .bottom.open .container{ margin-right:70%; } #header-wrapper .bottom.open .nav-close{ width:30%; } } @media only screen and (min-width:1921px){ #header-wrapper > .top > .container, #header-wrapper > .middle > .container, #header-wrapper > .bottom > .container{ margin:0 auto; } } @media (min-device-width:320px) and (max-device-width:768px) and (-webkit-device-pixel-ratio:3) { } footer .footer-inner{ height:inherit; margin:0px auto; } #footer{ background:#f2eeea; width:100%; color:#242424; font-size:11px; position:relative; border-top:1px solid #d1d1d1; } footer p { margin:0; padding:0; } footer a{ color:#242424; text-decoration:none; } .footer-menu{ border-bottom:1px solid #c5c5c5; position:relative; } .footer-menu.no-border{ border:0; } .footer-menu.with-arrow{ position:relative; background:#fff; } .footer-menu.with-arrow .footer-menu-title:after{ font-family:'FontAwesome'; content:'\f106'; position:absolute; top:0px; right:19px; color:#242424; font-style:normal; font-size:19px; } .footer-menu.with-arrow.closed .footer-menu-title:after{ content:'\f107'; } .footer-menu-title{ font-size:15px; font-weight:600; display:block; color:#242424; text-transform:uppercase; line-height:51px; padding-left:16px; cursor:pointer; } .footer-menu .lines{ position:relative; top:0px; } .footer-menu .lines .line{ padding-left:16px; line-height:40px; display:block; font-size:14px; border-top:1px solid #c5c5c5; } .footer-menu .lines .line.email i{ float:left; height:15px; width:19px; margin:0 6px 0 0; } .footer-menu .lines .line.email i:after{ font-family:'FontAwesome'; content:'\f0e0'; position:relative; top:0px; left:2px; color:#979797; font-style:normal; } .footer-menu .lines .line.tel i{ float:left; height:15px; width:19px; margin:0 6px 0 0; } .footer-menu .lines .line.tel i:after{ font-family:'FontAwesome'; content:'\f095'; position:relative; top:0px; left:2px; color:#979797; font-size:17px } .footer-menu .lines .line.noborder{ border-top:0 } .footer-menu .lines .whatsapp{ } .footer-menu .lines .whatsapp i{ position:relative; top:5px; } .footer-menu .lines .whatsapp i, .footer-menu .lines .whatsapp i object,.footer-menu .lines .whatsapp i img{ width:19px; height:19px; } .footer-menu .lines .whatsapp a{ display:inline-block; } .footer-menu .copyright{ padding-top:20px; line-height:21px; padding-bottom:20px; text-align:center; font-size:13px; } .footer-menu .we-love-to-dress-you{ padding:20px 12px 0px; display:inline-block; } #footer .go-to-top{ position:fixed; right:26px; bottom:26px; width:48px; height:48px; background:rgba(255,255,255,0.8); cursor:pointer; -webkit-border-radius:24px; -moz-border-radius:24px; border-radius:24px; overflow:hidden; display:block; box-shadow:0px 2px 2px rgba(0,0,0,.4); -webkit-box-shadow:0px 2px 2px rgba(0,0,0,.4); -moz-box-shadow:0px 2px 2px rgba(0,0,0,.4); transition:transform 300ms linear 0s, opacity 300ms linear 0s; transform:translateX(100px); opacity:0; z-index:5; } #footer .go-to-top.show{ transform:translateX(0px); opacity:1; } #footer .go-to-top i{ font-style:normal; color:#242424; font-size:13px; font-weight:600; text-transform:uppercase; padding-top:15px; text-align:center; display:block; } #footer .go-to-top i:after{ content:'\f106'; font-family:'FontAwesome'; height:48px; line-height:48px; width:10px; margin-left:15px; font-size:26px; color:#242424; position:absolute; top:-1px; left:0; } .footer-menu .shipping, .footer-menu .payment{ padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px; display:inline-block; vertical-align:top } .footer-menu .armo{ padding-top:24px; padding-bottom:20px; padding-left:10px; padding-right:10px; display:inline-block; vertical-align:top } .footer-menu .armo i{ background:url('../img/mobile/3x-footer.jpg'); background-size:170px 184px; background-position:0 -61px; width:167px; height:58px; display:block; } .footer-menu .trusted{ display:inline-block; padding-top:20px; padding-bottom:20px; vertical-align:top; } .footer-menu .trusted a{ display:block; } body.ref2performant #footer .line.tel{ display:none; } body.refProfitshare #footer .line.tel{ display:none; } .footer-submenu{ background:#f1f1f1; display:block; } .closed .footer-submenu{ display:none; } .footer-submenu a{ display:block; border-top:1px solid #c5c5c5; font-size:15px; line-height:40px; padding-left:16px; } .footer-submenu a:hover{ text-decoration:underline; } .footer-submenu a:last-child{ } .footer-submenu .line a{ display:inline-block; padding-left:0px; border-top:0; } .footer-menu-title-newsletter{ line-height:21px; padding:15px 16px; } #subscribe-newsletter-footer{ padding:0 20px; position:relative; } #subscribe-newsletter-footer .buttons{ padding-top:20px; position:relative; } #subscribe-newsletter-footer .buttons .i-agree-terms{ font-size:13px; color:#242424; padding-left:30px; padding-bottom:5px; line-height:23px; position:relative; margin-bottom:10px; } #subscribe-newsletter-footer .buttons .i-agree-terms i{ background-image:url("../img/mobile/checkbox-3x.png"); background-size:50px 23px; display:block; height:23px; position:absolute; left:0; top:0px; width:23px; cursor:pointer; } #subscribe-newsletter-footer .buttons .i-agree-terms.checked i{ background-position:23px 0px; } #subscribe-newsletter-footer .buttons .i-agree-terms .privacy-policy-link{ white-space:nowrap; cursor:pointer; } #subscribe-newsletter-footer .buttons .i-agree-terms .terms-link{ white-space:nowrap; cursor:pointer; } #subscribe-newsletter-footer .form-field{ margin:0; } input.newsletter-email-field{ font-size:15px; background-color:#fff; border:2px solid #bbb; border-radius:0; height:48px; line-height:48px; width:calc( 100% - 24px); padding:0 10px; color:#a6a6a6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0; } #subscribe-newsletter-footer .right-align-loader{ position:absolute; bottom:12px; right:30px; z-index:2; } #subscribe-newsletter-footer .formError .formErrorContent{ font-size:13px !important; line-height:17px !important; padding:6px 12px; white-space:normal; } .footer-menu .social{ display:inline-block; padding:0px 12px 10px; position:relative; top:-5px } .footer-menu .social-inner { display:block; text-align:center; white-space:nowrap; } .footer-menu .social a{ padding:0 7px; display:inline-block; line-height:40px; } .footer-menu .social i { width:20px; height:20px; text-align:center; padding:10px; list-style:none; } .footer-menu .social i:hover:after { color:#242424; } .footer-menu .social .facebook { } .footer-menu .social .facebook:after { color:#4d4d4d; content:'\f082'; font-family:'FontAwesomeBrands'; font-style:normal; position:relative; font-weight:400; font-size:24px; } .footer-menu .social .instagram { } .footer-menu .social .instagram:after { color:#4d4d4d; content:'\f16d'; font-family:'FontAwesomeBrands'; font-style:normal; position:relative; font-weight:400; font-size:24px; } .footer-menu .social .facebook:after { } .footer-menu .social .google { } .footer-menu .social .google:after { color:#4d4d4d; content:'\f0d5'; font-family:'FontAwesomeBrands'; font-style:normal; position:relative; font-weight:400; font-size:24px; } .footer-menu .social .twitter { } .footer-menu .social .twitter:after { color:#4d4d4d; content:'\f099'; font-family:'FontAwesomeBrands'; font-style:normal; position:relative; font-weight:400; font-size:24px; } .footer-menu .social .youtube { } .footer-menu .social .youtube:after { color:#4d4d4d; content:'\f167'; font-family:'FontAwesomeBrands'; font-style:normal; position:relative; font-weight:400; font-size:18px; } .footer-menu .social .pinterest { } .footer-menu .social .pinterest:after { color:#4d4d4d; content:'\f0d2'; font-family:'FontAwesomeBrands'; font-style:normal; position:relative; font-weight:400; font-size:24px; } .footer-menu .lang-selector{ text-align:center; padding-bottom:20px; position:relative; top:-5px; } .footer-menu .lang-selector ul.no-style{ padding:0; margin:0; list-style-type:none; } .footer-menu .lang-selector ul.no-style li{ padding:0; margin:0; line-height:20px; font-size:13px; padding:0px 10px; display:inline-block; } .footer-menu .lang-selector ul.no-style a.selected, .footer-menu .lang-selector ul.no-style a:hover{ text-decoration:underline; } @media only screen and (max-width:320px) { } @media only screen and (max-width:767px) { .footer-menu .go-to-top{ right:auto; left :16px; bottom:16px; transform:translateX(-100px); } .footer-menu .social{ top:0; } } @media only screen and (min-width:768px) and (max-width:991px) { .footer-menu .social{ top:0; } } @media only screen and (min-width:992px) { footer .footer-inner{ min-width:inherit !important; width:auto; padding-left:20px; padding-right:20px; } .closed .footer-submenu { display:block; } .footer-menu.with-arrow{ background:none; } .footer-menu.with-arrow .footer-menu-title:after{ display:none; } .footer-menu-title{ } .footer-menu{ border-bottom:0 none; } .footer-menu .lines{ top:0; } .footer-submenu{ background:none; } .footer-submenu a{ line-height:30px; display:block; font-size:14px; border-top:0 none; } .footer-hr{ border-bottom:1px solid #b1b1b1; } .footer-menu .lines .line{ line-height:30px; border-bottom:0; border-top:0; } } @media only screen and (min-width:1200px){ footer .footer-inner{ width:auto; margin:0 5%; max-width:1920px; } } @media only screen and (min-width:1921px){ footer .footer-inner{ margin:0 auto; } } .dynamic-banner.dynamic-banner-tborder{ } .dynamic-banner > div > div{ background:#fff none repeat scroll 0 0; } .dynamic-banner .product-badges-n2022 { margin:0; padding:0; white-space:nowrap; font-size:0; line-height:0; } .dynamic-banner .product-badges-n2022:before, .dynamic-banner .product-badges-n2022:after { content:' '; clear:both; } .dynamic-banner .product-badges-n2022 .li { padding:12px 24px; background:#fff; display:inline-block; text-align:center; white-space:nowrap; height:35px; } .dynamic-banner .product-badges-n2022 .li:first-child{ padding-left:12px; } .dynamic-banner .product-badges-n2022 .li:last-child{ padding-right:12px; } .dynamic-banner .product-badges-n2022 .li i, .dynamic-banner .product-badges-n2022 .li span { display:inline-block; vertical-align:middle; text-align:left; } .dynamic-banner .product-badges-n2022 .li i{ border-left:1px solid #d1d1d1; } .dynamic-banner .product-badges-n2022 .li.first-badge i{ } .dynamic-banner .product-badges-n2022 .li span{ } .dynamic-banner .product-badges-n2022 .li span { color:#242424; font-size:12px; font-weight:600; text-transform:uppercase; padding-left:8px; line-height:17px; letter-spacing:0.5px; text-align:center; } .dynamic-banner .product-badges-n2022 .li i { width:35px; height:35px; position:relative; } .dynamic-banner .product-badges-n2022 .li i:after{ color:#4d4d4d; font-family:'FontAwesome'; width:35px; height:35px; line-height:35px; font-size:27px; font-style:normal; font-weight:normal; position:absolute; top:0px; right:0; display:none; } .dynamic-banner .product-badges-n2022 .retour i:after{ content:'\f0e2'; width:25px; } .dynamic-banner .product-badges-n2022 .loyalty i:after{ content:'\f005'; width:25px; } .dynamic-banner .product-badges-n2022 .production i:after{ content:'\f0c4'; } .dynamic-banner .product-badges-n2022 .money-back i:after{ content:'\f0d6'; } .dynamic-banner .product-badges-n2022 .free-shipping i:after{ content:'\f0d1'; } .dynamic-banner .product-badges-n2022 .quality i:after{ content:'\f00c'; } .dynamic-banner .product-badges-n2022 .eu-shipping i:after{ content:'\f153'; width:25px; } .dynamic-banner .text-banner-container .inner{ position:relative; overflow:hidden; text-align:center; } .dynamic-banner .text-banner-container .inner a[href]{ display:block; padding:10px 20px; text-align:center; color:#fff; text-decoration:none; font-size:13px; font-weight:600; letter-spacing:0.4px; } .dynamic-banner .text-banner-container .inner a[href] .hightlight{ font-style:normal; font-size:17px; position:relative; top:1px; } .dynamic-banner .text-banner-container .inner a[href]:hover{ } .dynamic-banner .banner-countdown-container{ display:inline-block; padding-top:5px; padding-bottom:5px; } .dynamic-banner .banner-countdown{ display:inline-block; float :none; vertical-align:middle; margin-right:0; margin-left:5px; } .dynamic-banner .banner-countdown span{ background-color:#fff; color:#d7002a; text-align:center; font-size:15px; line-height:17px; font-weight:bold; display:inline-block; } .dynamic-banner .banner-countdown span { background:#fff; font-weight:600; } .dynamic-banner .banner-countdown span .nb-1, .dynamic-banner .banner-countdown span .nb-2{ font-style:normal; display:inline-block; background:#fff; font-weight:600; padding:0; line-height :17px; text-align :center; font-size:15px; width:14px; position:relative; top:-1px; color:#242424; padding-top:1px } .dynamic-banner .banner-countdown span .nb-2{ border-left:1px solid #d7002a; } .dynamic-banner .banner-countdown .hsm{ display:inline-block; font-size:13px; line-height:19px; margin-right:2px!important; margin-left:2px!important; color:#fff; text-decoration:none; } .dynamic-banner .banner-countdown .hsm{ position:relative; top:-1px; padding-right:5px; padding-left:2px; } @media only screen and (min-width:768px) { .dynamic-banner .product-badges-n2022 .li { min-width:150px } } .dynamic-banner .image-banner-container .inner{ position:relative; padding-bottom:calc( (266 / 1141) * 100% ); -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; overflow:hidden; } .dynamic-banner .image-banner-container .inner picture, .dynamic-banner .image-banner-container .inner picture img{ position:absolute; } .dynamic-banner .image-banner-container .inner picture.pc{ display:none; } .dynamic-banner .image-banner-container .inner picture, .dynamic-banner .image-banner-container .inner picture img{ width:100%; max-width:100%; } @media only screen and (max-width:768px) { .dynamic-banner .image-banner-container{ padding:0; } .dynamic-banner .image-banner-container .inner{ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } } @media only screen and (min-width:992px) { .dynamic-banner .image-banner-container .inner{ padding-bottom:calc( (100 / 1200) * 100% ); } .dynamic-banner .image-banner-container .inner picture.pc{ display:block; } .dynamic-banner .image-banner-container .inner picture.mobile{ display:none; } } .item .badge { position:absolute; bottom:32px; z-index:3; left:0px; display:block; } .item .badge span { display:table; position:relative; background:#fff; text-shadow:none; margin-top:5px; background:rgba(255,255,255,0.7); } .item .badge span.b-new { background:rgba(255,255,255,0.7); } .item .badge span.b-new em { color:#242424; } .item .badge span.b-discount, .item .badge span.b-birthday{ background:rgba(218,41,28,0.7); } .item .badge em{ display:block; text-align:left; position:relative; font-style:normal; padding:2px 8px; line-height:17px; font-size:12px; font-weight:600; text-transform:uppercase; color:#242424; } .item .badge span.b-discount em, .item .badge span.b-birthday em{ padding-right:20px; width:26px; text-align:right; color:#fff; } .item .badge span.b-discount.ucfirst em, .item .badge span.b-birthday.ucfirst em{ width:auto; text-transform:capitalize; padding-right:10px; } .item .badge span.b-hbss { display:none; } .item .badge span.b-bestseller, .item .badge span.b-blackfriday { font-size:12px; letter-spacing:0; background:#2d2d2d; } .item .badge span.b-bestseller em, .item .badge span.b-blackfriday em { font-size:12px; letter-spacing:0; font-weight:normal; line-height:14px; text-align:left; color:#fff; } .item .badge span.b-outlet em { letter-spacing:0; font-size:12px; } .badge-extradiscount { position:absolute; bottom:4px; left:0; display:block !important; text-align:left; font-style:normal; padding:2px 8px; line-height:20px; font-size:12px; font-weight:normal; background:rgba(218,41,28,0.7); color:#fff; z-index:3; text-shadow:none; white-space:nowrap; } .item .bottom-badge{ display:none; } .slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } .slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; } .slick-list:focus { outline:none; } .slick-list.dragging { cursor:pointer; cursor:hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .slick-track { position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; } .slick-track:before, .slick-track:after { display:table; content:''; } .slick-track:after { clear:both; } .slick-loading .slick-track { visibility:hidden; } .slick-slide { display:none; float:left; height:100%; min-height:1px; } [dir='rtl'] .slick-slide { float:right; } .slick-slide img { display:block; } .slick-slide.slick-loading img { display:none; } .slick-slide.dragging img { pointer-events:none; } .slick-initialized .slick-slide { display:block; font-size:0; line-height:0; } .slick-loading .slick-slide { visibility:hidden; } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; } .slick-arrow.slick-hidden { display:none; } .slick-prev, .slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:39px; height:39px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; z-index:2; } .slick-prev:hover, .slick-next:hover { color:transparent; outline:none; background:transparent; } .slick-prev:hover:before, .slick-next:hover:before { opacity:1; top:0; left:0; width:37px; height:39px; line-height:38px; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; font-size:17px; background:#242424; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity:0.25; visibility:hidden; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity:0.25; visibility:hidden; } .slick-prev:before, .slick-next:before { font-size:20px; line-height:1; opacity:1; color:white; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .slick-prev { left:3px; } [dir='rtl'] .slick-prev { right:-25px; left:auto; } .slick-prev:before, .slick-prev:active:before { content:'\f104'; font-family:'FontAwesome'; font-style:normal; position:relative; font-weight:600; font-size:17px; height:33px; width:31px; color:#fff; background:#4d4d4d; display:block; line-height:32px; text-align:center; position:absolute; top:3px; left:3px; padding-top:0px; padding-right:2px; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; } [dir='rtl'] .slick-prev:before { content:'→'; } .slick-next { right:3px; } [dir='rtl'] .slick-next { right:auto; left:-25px; } .slick-next:before, .slick-next:active:before { content:'\f105'; font-family:'FontAwesome'; font-style:normal; position:relative; font-weight:600; font-size:17px; height:33px; width:31px; color:#fff; background:#4d4d4d; display:block; line-height:32px; text-align:center; position:absolute; top:3px; right:3px; left:auto; padding-top:0px; padding-left:2px; -webkit-border-radius:17px; -moz-border-radius:17px; border-radius:17px; } [dir='rtl'] .slick-next:before { content:'←'; } .slick-dotted.slick-slider { margin-bottom:30px; } .slick-dots { position:absolute; bottom:-25px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center; } .slick-dots li { position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer; } .slick-dots li button { font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline:none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity:1; } .slick-dots li button:before { font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .slick-dots li.slick-active button:before { opacity:.75; color:black; } .img-slider-cnt .img-slider-cnt-inner > div > div{ display:none; } .img-slider-cnt .img-slider-cnt-inner > div > div:first-child{ display:block; } .img-slider-cnt .img-slider-cnt-inner > div.slick-initialized.slick-slider > div{ display:block; }