@import url('../../../own/fonts/fontawesome-4.7.0/css/font-awesome.min.css');
@import url('bootstrap.css');
@import url('../../../../!common_packages/jquery/plugins/slick/slick.css');
@import url('../../../../!common_packages/jquery/plugins/perfectscrollbar/perfect-scrollbar.css');
@import url("../../../../!common_packages/css/payment-redirection-popup/payment_redirection_popup.css");
/*** GLOBALS ***//* ĂĄltalĂĄnos formĂĄzĂĄsok, input-ok, gombok */
/*** OVERLAY ***//* felugrĂł ablakok: figyelmeztetĂŠsek, belĂŠpĂŠs, ajĂĄnlatok */
/*** OVERLAY / LOGIN ***//* felugrĂł ablak / belĂŠpĂŠs */
/*** OVERLAY NEW PASSWORD ***//* felugrĂł ablak / Ăşj jelszĂł */
/*** OVERLAY / INTELLIGENT OFFER ***//*felugrĂł ablak /intelligens ajĂĄnlat */
/*** BOTTOM DIALOG ***//* alsĂł dialĂłgus ablak, pl. cookie figyelmeztetĂŠs ĂŠs bezĂĄrĂĄs*/
/*** LAYOUT ***//* webĂĄruhĂĄz szerkezet */
/*** HEADER ***//* fejlĂŠc szerkezet ĂŠs ĂĄltalĂĄnos */
/*** HEADER / MONEY & LANG ***//* fejlĂŠc / nyelv- ĂŠs valuta vĂĄlasztĂł */
/*** HEADER / TOP MENU ***//* fejlĂŠc tetejĂŠn a menĂź */
/*** HEADER / LOGO ***//* fejlĂŠc logĂł */
/*** HEADER BANNER ***//* fejlĂŠc banner (logĂł mellett) */
/*** HEADER / SEARCH ***//* fejlĂŠc keresĹ */
/*** HEADER / CART ***//* fejlĂŠc kosĂĄr */
/*** HEADER / MAINMENU ***//* fejlĂŠc fĹmenĂź (teljes kategĂłriamenĂź + sajĂĄt menĂźpontok) */
/*** HEADER / MOBILE MAINMENU ***//* fejlĂŠc fĹmenĂź mobil vĂĄltozata */
/*** CONTENT ***//* tartalom szerkezet ĂŠs ĂĄltalĂĄnos */
/*** CONTENT / SLIDESHOW ***//* tartalom / nagy slideshow */
/*** CONTENT / START BANNERS ***//* tartalom nyitĂłlapi kis bannerek */
/*** CONTENT / NOBOX ***//* olyan oldal amelyiken nincs bal oldali sĂĄv */
/*** CONTENT / LEFT ***//* tartalom bal oldala */
/*** CONTENT / LEFT / CATEGORY MENU ***//* tartalom bal oldal / kategĂłria menĂź */
/*** CONTENT / LEFT / TOPLIST ***//* tartalom bal oldal / toplista, utoljĂĄra megtekintett, termĂŠkajĂĄnlĂł */
/*** CONTENT / LEFT / TOP PRODUCTS ***//* tartalom bal oldal / top termĂŠkek */
/*** CONTENT / LEFT / NEWS ***//* tartalom bal oldal / hĂrek */
/*** CONTENT / LEFT / FORUM ***//* tartalom bal oldal / fĂłrum */
/*** CONTENT / LEFT / CALENDAR ***//* tartalom bal oldal / naptĂĄrfunkciĂł */
/*** CONTENT / LEFT / VISITORS ***//* tartalom bal oldal / lĂĄtogatĂłszĂĄmlĂĄlĂł */
/*** CONTENT / LEFT / CHECKOUT ***//* tartalom bal oldal / fizetĂŠsi mĂłdok */
/*** CONTENT / LEFT / PARTNER ***//* tartalom bal oldal / partner logĂłk */
/*** CONTENT / LEFT / FILTER ***//* tartalom bal oldal / paramĂŠter szĹąrĹk */
/*** CONTENT / NEWS ***//* tartalom / hĂrek lista ĂŠs rĂŠszletek */
/*** CONTENT / BLOG ***//* tartalom / blog lista ĂŠs rĂŠszletek */
/*** FILTER MOBILE ***//* paramĂŠter szĹąrĹk mobilnĂŠzetben */
/*** CONTENT / LEFT / VOTE ***//* tartalom bal oldal / szavazĂĄs */
/*** CONTENT / RIGHT ***//* tartalom jobb oldala */
/*** CONTENT / NEWSLETTER ***//* tartalom / hĂrlevĂŠl box */
/*** CONTENT VOTE ***//* tartalom /szavazĂĄs lista ĂŠs rĂŠszletek */
/*** FOOTER ***//* lĂĄblĂŠc szerkezet ĂŠs ĂĄltalĂĄnos */
/*** FOOTER / MENU ***//* lĂĄblĂŠc / menĂźk */
/*** FOOTER / CONTACT ***//* lĂĄblĂŠc / elĂŠrhetĹsĂŠgi adatok */
/*** PROVIDER ***//* unas logĂł a lĂĄblĂŠc alatt */
/*** BREADCRUMB ***//* elĂŠrĂŠsi Ăştvonal */
/*** PRODUCT TOOLTIP ***//* felugrĂł termĂŠk rĂŠszletek */
/*** LIGHTBOX ***//* kĂŠpnagyĂtĂł funkciĂł */
/*** ADD-TO-CART ANIMATION ***//* kosĂĄrba dobĂĄs animĂĄciĂłhoz kiegĂŠszĂtĂŠs */
/*** PAGE CART 1 ***//* kosĂĄr oldal */
/*** PAGE CART 1 MOBILE ***//* kosĂĄr oldal mobilnĂŠzet */
/*** PAGE REG 1 ***//* regisztrĂĄciĂłs oldal #1 */
/*** PAGE REG 2 ***//* regisztrĂĄciĂłs oldal #2 */
/*** ORDER STEPS ***//* vĂĄsĂĄrlĂĄsi lĂŠpĂŠsek karikĂĄi */
/*** ORDER STEPS / MODS ***//* vĂĄsĂĄrlĂĄsi lĂŠpĂŠsek mĂłdosĂtĂĄs oldal */
/*** ORDER STEPS / CONTROL ***//* vĂĄsĂĄrlĂĄsi lĂŠpĂŠsek atadellenĹrzĂŠs oldal */
/*** ORDER STEPS / CHECKOUT ***//* vĂĄsĂĄrlĂĄsi lĂŠpĂŠsek checkout */
/*** ORDER STEPS / SEND ***//* vĂĄsĂĄrlĂĄsi lĂŠpĂŠsek kĂśszĂśnĹ oldal */
/*** INFO PAGE ***//* informĂĄciĂłk oldal */
/*** INFO PAGE / TABBED VERSION ***//* informĂĄciĂłk oldal fĂźles vĂĄltozat */
/*** FORUM ***//* fĂłrum szerkezet ĂŠs ĂĄltalĂĄnos */
/*** PAGING ***//* lapozĂĄs - minden lapozĂĄs! */
/*** FORUM / FORUM POST ***//* fĂłrum / Ăźzenet */
/*** FORUM / ARTDET / FORUM POST ***//* fĂłrum / termĂŠkvĂŠlemĂŠnyek */
/*** RATING STARS ***//* ĂŠrtĂŠkelĹ csillagok */
/*** SEARCH COMPLEX ***//* Ăśsszetett keresĹ */
/*** PAGE ORDER TRACK ***//* profil oldal, korĂĄbbi megrendelĂŠsek kĂśvetĂŠse */
/*** PAGE ORDER TRACK / DETAILS ***//* korĂĄbbi megrendelĂŠsek rĂŠszletes oldala */
/*** PAGE HELP ***//* vĂĄsĂĄrlĂĄsi feltĂŠtelek oldal */
/*** PAGE CALENDAR ***//* esemĂŠnynaptĂĄr oldal, hĂrekkel egybefĹązve */
/*** PAGELIST / ARTDET 1 ***//* integrĂĄlt termĂŠklista */
/*** POPUPLIST ***//* felugrĂł termĂŠklista */
/*** POPUPCONTAINER ***//* felugrĂł tartalmak */
/*** POPUPCONTAINER / MOBILE ***//* felugrĂł tartalmak mobilnĂŠzetben */
/*** POPUPCONTAINER / RECOMMEND ***//* felugrĂł ablak / ajĂĄnlom a termĂŠket funkciĂłhoz */
/*** POPUPCONTAINER / PRINT ***//* felugrĂł ablak / nyomtatĂĄs funkciĂłhoz */
/*** POPUPCONTAINER / COMPARISON ***//* felugrĂł ablak / ĂśsszhasonlĂtĂĄs funkciĂłhoz */
/*** POPUPCONTAINER / QUESTION ***//* felugrĂł ablak / kĂŠrdĂŠs a termĂŠkrĹl funkciĂłhoz */
/*** RESPONSIVE CAT MENU ***//* kategĂłria menĂź kisebb kĂŠpernyĹnĂŠzetekhez */
/*** LOGIN PAGE ***//* belĂŠpĂŠs oldal */
/*** LOGIN WHOLESALE ***//* belĂŠpĂŠs viszonteladĂłkĂŠnt */
/*** CREDIT ***//* hitelkalkulĂĄtorok */
/*** ARTLIST ***//* globĂĄlisan minden termĂŠklistĂĄkra vonatkozĂł beszĂşrĂĄsok */
/*** RESPONSIVE BREAKPOINTS ***//* reszponzĂv tĂśrĂŠspontok mindenre vonatkozĂłan */
/*** GLOBALS ***/
* {
padding: 0;
margin: 0;
font-family:'Open Sans' ,sans-serif;
}
*, *:focus, *:hover {
outline:none!important;
}
body {
text-align: center;
background:#FFFFFF;
width: 100%;
padding: 0;
margin: 0;
border: 0;
overflow-x: hidden;
overflow-y: scroll;
color:#333;
}
div, p, a, input, ul, li, h1, h2, h3, h4, h5, label, select, textarea {
font-weight:400;
font-size:13px;
}
a, a:hover, a:focus {
text-decoration:none;
}
a {
transition:all 0.4s ease;
color:#0275d8;
}
a:hover {
color:#333;
}
ul {
list-style-position: inside;
}
.touch-device *:hover {
opacity:1!important;
}
form {
padding: 0;
margin: 0;
border: 0;
}
.clear_fix {
clear:both;
font-size:0;
}
input[type=text], input[type=password], input[type=email], textarea {
padding:0 20px;
height:36px;
border:1px solid #ddd;
width: 100%;
}
.InputBlock input[type=text], .InputBlock input[type=password], .InputBlock textarea {
max-width:400px;
width:70%;
}
.InputBlock textarea {
height:9em;
font-size:13px;
}
.InputBlock {
margin-bottom:10px;
font-size:0px;
}
.InputBlock label {
width:30%;
text-align:right;
padding:8px 40px 0 0;
vertical-align: top;
}
.InputBlock .Description {
margin-left:30%;
}
legend {
font-size:18px;
}
select {
padding: 0 30px 0 20px;
height:36px;
max-width: 100%;
width: 100%;
border: 1px solid #ddd;
font-size: 13px;
letter-spacing: 0.5px;
}
textarea {
padding:10px 20px;
}
input[type=submit], input[type=button], input[type=reset], button, #page_artdet_inquire a {
height:36px;
border:none;
background:#333;
color:#fff;
padding:0 20px;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
cursor:pointer;
transition:all 0.4s ease;
display: inline-block;
vertical-align: top;
max-width:100%;
}
input[type=submit]:disabled, input[type=button]:disabled, input[type=reset]:disabled, button:disabled, #page_artdet_inquire a:disabled {
opacity: 0.5;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:not(.pswp__button):hover, #page_artdet_inquire a:hover {
background:#0275d8;
}
#page_artdet_inquire a span {
line-height:36px;
}
input[type=checkbox], input[type=radio]:not(.rating-input), .text_input_checkbox_checked input, .text_input_checkbox_unchecked input, .text_input_radio_checked input, .text_input_radio_unchecked input {
display: block;
width: 18px;
height: 18px;
margin: 0;
opacity: 1;
cursor: pointer;
border-color:transparent;
background-color:transparent;
-webkit-appearance: none;
outline: none!important;
}
.text_input_checkbox {
display:inline-block;
width:20px;
height:20px;
border-radius:3px;
background:#fff;
border:1px solid #ddd;
cursor:pointer;
position:relative;
transition:0.4s;
}
.text_input_checkbox:hover {
border-color:#0275d8;
}
.text_input_checkbox:active, .text_input_checkbox:focus {
border-color:#ddd;
}
.text_input_checkbox.text_input_checkbox_unchecked:after, .text_input_checkbox.text_input_checkbox_checked:after {
content:'';
position:absolute;
top:4px;
left:4px;
transform:rotate(-45deg);
width:11px;
height:7px;
border:3px solid transparent;
border-width:0 0 3px 3px;
}
.text_input_checkbox.text_input_checkbox_checked:after {
border-color:#0275d8;
}
.text_input_radio {
display:inline-block;
vertical-align:top;
width:20px;
height:20px;
border-radius:50%;
background:#fff;
border:1px solid #ddd;
cursor:pointer;
position:relative;
transition:0.4s;
}
.text_input_radio:hover {
border-color:#0275d8;
}
.text_input_radio:active, .text_input_radio:focus {
border-color:#ddd;
}
.text_input_radio.text_input_radio_checked:after {
content:'';
position:absolute;
width:10px;
height:10px;
border-radius:50%;
background:#0275d8;
top:4px;
left:4px;
}
img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
transition:all 0.4s ease;
}
label {
padding-right:10px;
}
.icon--image::before{
content: '\f03e';
font-family: 'FontAwesome';
}
/* MASK */
#exposeMask, #exposeMaskOverlay {
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
width: auto !important;
height: auto !important;
position: fixed !important;
}
#container {
width:100%;
overflow:hidden;
}
.box_content {
width:100%;
padding:0;
text-align:left;
overflow: hidden;
}
#box_money_content.box_content, #box_art_data_content.box_content {
overflow:visible;
}
.back_to_top {
position: fixed;
bottom: 100px;
right: 20px;
background-color:rgba(255,255,255,0.8);
font-size: 0px;
padding: 1em;
display: none;
width:50px;
height:50px;
text-align:center;
transition:border-color 0.4s;
z-index: 1000;
border-radius:50%;
border:6px solid #333;
}
.back_to_top:after {
content:'\f106';
font-family:'FontAwesome';
font-size:24px;
color:#333;
line-height:36px;
transition:color 0.4s;
}
.back_to_top:hover {
border-color:#0275d8;
}
.back_to_top:hover:after {
color:#0275d8;
}
.select-hidden {
display: none;
visibility: hidden;
padding-right: 10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
width: 300px;
height: 36px;
}
#left .select {
width:100%;
}
.text_select {
font-size:0;
}
.select-styled {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
transition:0.4s;
line-height: 36px;
height:36px;
text-align: left;
padding: 0 30px 0 20px;
font-size: 13px;
letter-spacing: 0.5px;
color: #333;
border: 1px solid #ddd;
overflow: hidden;
}
.select-styled:after {
content: '\f107';
font-family:'FontAwesome';
font-size:22px;
color:#333;
position: absolute;
top: 0px;
right: 10px;
line-height: inherit;
}
.select-styled:active:after, .select-styled.active:after {
content:'\f106';
}
.select-styled.disabled {
opacity: 0.7;
cursor: default;
}
.select-options .ez {
background:#0275d8;
}
.select-styled:hover, .select-styled:active, .select-styled.focus {
color: #0275d8;
}
.select-styled.disabled:hover {
color: #333;
}
.select-styled.disabled:active:after {
content: '\f107';
}
.select-options {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
margin: 0;
padding: 0;
list-style: none;
background-color: #333;
color:#fff;
max-height:30em;
overflow-y: auto;
overflow-x: hidden;
}
.select-options li {
margin: 0;
padding: 10px 20px;
transition: 0.4s;
text-align: left;
font-size: 13px;
letter-spacing: 0.5px;
line-height: 14px;
}
.select-options li:hover {
color: #fff;
background: #0275d8;
}
.select-options li[rel="hide"] {
display: none;
}
.text_style_line {
text-decoration:line-through;
}
.page_hr {
width:100%;
height:1px;
background:#ddd;
margin:20px 0;
}
.page_hr hr {
border:none;
}
.page_content_item {
text-align:justify;
clear: both;
margin-bottom: 30px;
}
@media (min-width: 576px) {
.page_content_item {
margin-bottom: 60px;
}
}
table td p {
margin:0;
}
#page_notfound_title {
margin-bottom: 30px;
padding-bottom: 10px;
font-size: 18px;
text-transform: uppercase;
color: #f22;
border-bottom: 1px solid #ddd;
line-height: 18px;
}
#page_PopupContainer_ajax, #page_PopupContainer_tooltip_ajax, .box_content_ajax, .page_content_ajax, #resp_logout_tab {
margin:50px auto;
width:30px;
height:30px;
position:relative;
}
#page_PopupContainer_ajax:after, #page_PopupContainer_tooltip_ajax:after, .box_content_ajax:after, .page_content_ajax:after, #resp_logout_tab:after {
content:'\f110';
font-family:'FontAwesome';
color:#333;
font-size:30px;
position:absolute;
top:0;
left:0;
display:block;
width:30px;
height:30px;
line-height: 30px;
text-align:center;
animation:spin 1.5s linear infinite;
}
@keyframes spin {
100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); }
}
.container {
width:100%;
padding:0;
}
.video-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.video-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
.invisible {
visibility: hidden;
}
/*** OVERLAY ***/
.overlay_warning, #overlay_login_outer, .overlay_info, .overlay_error, .overlay_ok, .overlay_dialog {
display:none;
}
.overlay_error, .overlay_warning, .overlay_info, .overlay_ok, .overlay_dialog {
width:40%;
background:#fff;
}
.overlay_title {
min-height:60px;
height:auto;
width:100%;
color:#fff;
line-height:18px;
padding: 21px 60px;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
}
.overlay_login .overlay_title {
background:#333;
}
#overlay_login1 .overlay_title {
padding:21px 20px;
}
.page_space {
height:20px;
}
.overlay_error {
background:#f22;
}
.overlay_warning {
background:#f70;
}
.overlay_ok {
background:#ac0;
}
.overlay_info, .overlay_dialog {
background:#08f;
}
.overlay_text {
padding:20px;
text-align:center;
font-size:13px;
}
.overlay_common .overlay_text, .overlay_error .overlay_text, .overlay_warning .overlay_text, .overlay_info .overlay_text, .overlay_ok .overlay_text, .overlay_dialog .overlay_text {
color:#fff;
}
.overlay_button_close {
display:none;
}
button.overlay_button_1, button.overlay_button_2, button.overlay_button_3, .overlay_dialog button, button.close {
width:auto;
padding:0 20px;
height:36px;
background:#333;
color:#fff;
font-size:10px;
letter-spacing:1px;
opacity:1;
text-shadow:none;
font-weight:400;
margin:20px 10px 20px 0;
}
button.overlay_button_1:hover, button.overlay_button_2:hover, button.overlay_button_3:hover, .overlay_dialog button:hover, button.close:hover {
background:#0275d8;
color:#fff;
opacity:1;
}
.overlay_row {
width: 80%;
margin: 0 auto;
font-size:0;
text-align:center;
}
.overlay_row * {
display:inline-block;
vertical-align:top;
}
.overlay_row label {
width: 30%;
line-height: 36px;
color: #fff;
text-align: right;
padding-right: 5%;
background: rgba(255,255,255,0.15);
}
.overlay_row input {
width:70%;
border: none;
}
.overlay_privacy_policy, .overlay_privacy_policy a {
color:#FFFFFF;
}
.overlay_privacy_policy .text_input_checkbox {
display: inline-block;
top:5px;
right:5px;
}
.box_newsletter_privacy_policy label, .box_newsletter_privacy_policy label a {
font-size:11px;
}
.overlay_common a, .overlay_common a:hover, .overlay_common a:focus, .overlay_common a:active {
color:#fff;
text-decoration:underline;
}
.overlay_common .overlay_close a {
text-decoration:none!important;
}
.overlay_common.overlay_order_parameter__weekend_error {
position: fixed;
left: 50% !important;
transform: translateX(-50%) !important;
background-color: #666;
}
/*** OVERLAY / LOGIN ***/
#overlay_login_outer {
width:610px;
}
.overlay_login {
width:300px;
float:left;
background:#fff;
}
.overlay_login:nth-child(2) {
margin-left:10px;
}
.overlay_login .overlay_title:before {
content: '\f090';
font-family: 'FontAwesome';
font-size: 16px;
padding-right: 10px;
padding-top: 0px;
vertical-align: top;
}
.overlay_login .overlay_text {
padding:0;
}
#overlay_login2 .overlay_title:before {
content:'\f2bc';
}
.overlay_login_input {
margin-top:10px;
height:36px;
}
.overlay_text .overlay_login_input {
width:270px;
margin-left:15px;
display:flex;
align-items:center;
}
.overlay_text .overlay_login_input label {
width:70px;
float:left;
padding:0 15px 0 0;
line-height:15px;
text-align:right;
margin: 0;
}
.overlay_text .overlay_login_input input {
width:200px;
float:left;
}
.overlay_login_reminder {
text-align:center;
width:200px;
float:right;
padding:0;
margin:10px 15px;
}
.overlay_login button.close {
background:#333;
height:36px;
padding:0 20px;
color:#fff;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
opacity:1;
text-shadow:none;
display:block;
margin:0 5% 10px 5%;
width:200px;
}
.overlay_login button.close:hover {
background:#0275d8;
}
#overlay_login2 button.close {
width:270px;
}
#overlay_login2 .overlay_text {
width:270px;
margin:10px 15px 20px 15px;
text-align:left;
}
.overlay_login_list_title {
font-weight:700;
font-size:13px;
text-transform:uppercase;
text-align:center;
letter-spacing:1px;
line-height:30px;
}
.overlay_login_list:before {
content:'\f105';
font-family:'FontAwesome';
padding-right:10px;
}
.overlay_login iframe {
width:200px;
height:30px;
border:none;
float:right;
margin-right:15px;
margin-bottom:10px;
}
.overlay_reg_buttons {
padding-top:10px;
}
/*** OVERLAY NEW PASSWORD ***/
form[name=form_remind_overlay] .overlay_text .overlay_login_input {
width:100%;
margin:0;
}
form[name=form_remind_overlay] .overlay_text .overlay_login_input label {
width:30%;
background: rgba(0,0,0,0.1);
}
form[name=form_remind_overlay] .overlay_text .overlay_login_input input {
width:70%;
color:#333;
border: none;
}
#overlay_remind button.close {
background: #333;
height: 36px;
padding: 0 20px;
color: #fff;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
opacity: 1;
text-shadow: none;
display: block;
margin: 0 auto 20px auto;
width: 80%;
max-width: 200px;
float: none;
}
#overlay_remind button.close:hover {
background:#0275d8;
}
/*** OVERLAY / INTELLIGENT OFFER ***/
.page_exitpopup_end {
display:none;
padding:20px 40px;
}
.page_exitpopup_start {
display:block;
}
.page_exitpopup_wheel .page_exitpopup_form,
.page_exitpopup_newsletter .page_exitpopup_form,
.page_exitpopup_newsletter_coupon .page_exitpopup_form_wrap {
padding: 20px 40px;
}
@media (max-width: 767px){
.page_exitpopup_wheel .page_exitpopup_form,
.page_exitpopup_newsletter .page_exitpopup_form,
.page_exitpopup_newsletter_coupon .page_exitpopup_form_wrap {
padding: 10px 20px;
}
}
.page_exitpopup_newsletter_coupon .page_exitpopup_form_wrap {
background:#f1f1f1;
}
.page_exitpopup_title1 {
color:#0275d8;
font-size:14px;
font-weight:700;
text-transform:uppercase;
text-align:center;
letter-spacing:0.5px;
margin:20px 0 10px 0;
padding:0 50px;
line-height:18px;
}
.page_exitpopup_title2 {
color:#333;
font-size:24px;
line-height:28px;
font-weight:700;
letter-spacing:1px;
margin-bottom:20px;
padding:0 20px;
text-transform:uppercase;
}
.page_exitpopup_title3 {
font-size:13px;
line-height:16px;
color:#888;
margin-bottom:20px;
padding:0 20px;
}
.page_exitpopup_start .page_exitpopup_fault {
margin:10px 0;
font-size:16px;
color:#F00;
display: none;
}
.page_exitpopup_form .page_exitpopup_form_name input, .page_exitpopup_form .page_exitpopup_form_email input, .page_exitpopup_form .page_exitpopup_form_addr input {
height:36px;
border:1px solid #ddd;
font-size:12px;
padding:0 20px;
width:100%;
}
.page_exitpopup_form .page_exitpopup_form_button input {
width:100%;
}
.page_exitpopup_form .page_exitpopup_form_button {
margin-top:10px;
}
.page_exitpopup_newsletter_coupon .page_exitpopup_form {
float:left;
width:50%;
margin:0 10% 0 0;
}
.page_exitpopup_newsletter_coupon .page_exitpopup_form input {
width:100%;
max-width:none;
}
.page_exitpopup_newsletter_coupon .page_exitpopup_coupon_outer {
float:left;
width:40%;
border: 3px dashed #0275d8;
background: #fff;
padding:20px;
}
.page_exitpopup_coupon1 {
color:#888;
font-size:13px;
}
@media (max-width: 767px){
.page_exitpopup_newsletter_coupon .page_exitpopup_form{
width: 100%;
margin: 0 auto 30px auto;
}
.page_exitpopup_newsletter_coupon .page_exitpopup_coupon_outer {
width: 100%;
}
}
.page_exitpopup_coupon2 {
font-size:24px;
line-height:24px;
font-weight:700;
color:#0275d8;
letter-spacing:1px;
margin:5px 0;
}
.page_exitpopup_coupon3 {
font-size:16px;
color:#0275d8;
font-weight:700;
letter-spacing:0.5px;
}
.page_exitpopup_end .page_exitpopup_form {
width:100%;
float:none;
}
.page_exitpopup_end .page_exitpopup_form input {
max-width:220px;
}
@media (max-width: 767px) {
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_form {
float: none;
width: 100%;
}
#page_PopupContainer .page_exitpopup_newsletter_coupon .page_exitpopup_coupon_outer {
margin-top: 10px;
float: none;
width: 100%;
}
}
/*** OVERLAY / PRODUCT SUBSCRIBE ***/
#overlay_product_subscription {
padding-bottom:20px;
}
.subscribe_validation_error {
display: none;
color:#FFAAAA;
font-weight: 700;
}
.overlay_subscribe_button {
margin-top:10px;
}
/*** RECAPCHA ***/
.g-recaptcha {
border-width: 0px;
background-color: transparent;
padding:0px;
margin:0px;
}
.grecaptcha-badge {
z-index: 1000;
background: #fff;
}
/*** COOKIE_ALERT ***/
.cookie-alert-popup {
display: none;
}
.cookie-alert__consent-data {
margin-top:5px;
text-align:left;
}
.cookie-alert__consent-data div {
font-size: 7px;
}
.cookie-alert__btn-save-wrap {
margin-top:15px;
}
.cookie-alert__btn-decline {
margin-top:10px;
}
.cookie-alert__btn-config {
display:inline-block;
margin-top:10px;
}
#overlay_cookie_alert {
max-width:60rem;
background: #fff;
border: 2px solid #333;
padding: 20px;
max-height: calc(90vh - 50px);
overflow-x: hidden;
overflow-y: auto;
}
#overlay_cookie_alert .cookie-alert__btn-grant{
background: #0a66c2;
}
#overlay_cookie_alert .cookie-alert__btn-grant:hover{
background: #333;
}
#overlay_cookie_alert .cookie-alert__title{
font-weight: bold;
font-size: 15px;
}
#overlay_cookie_alert a{
color: #0275d8;
}
.cookie-alert__checkboxes-outer{
padding: 15px;
}
#overlay_cookie_alert + .cookie-alert__btn-open{
position: fixed;
top: 100%;
left: 50%;
transform: translate(-50%,0);
font-size: 11px;
z-index: 2147483647;
transition: all 0.4s ease;
color: #fff;
background: rgba(34,34,34,0.3);
border-color: transparent;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding: 5px 10px;
cursor: pointer;
}
#overlay_cookie_alert.cookie-alert-closed + .cookie-alert__btn-open{
transform: translate(-50%,-100%);
}
#cookie_alert {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: rgba(34,34,34,0.95);
padding: 20px;
color: #fff;
z-index: 2147483647;
}
#cookie_alert.cookie_alert_close {
padding: 5px 10px;
width:auto;
right: 0px;
/*left:auto;*/
border-top-left-radius: 7px;
border-top-right-radius: 7px;
right:auto;
left: 50%;
transform: translateX(-50%);
background: rgba(34,34,34,0.3);
}
#cookie_alert #cookie_alert_open {
margin: 0 auto;
max-width:700px;
}
#cookie_alert #cookie_alert_close {
display: none;
text-align: center;
font-size: 11px;
text-align: center;
font-weight: normal;
cursor: pointer;
}
#cookie_alert.cookie_alert_close #cookie_alert_open {
display: none;
}
#cookie_alert.cookie_alert_close #cookie_alert_close {
display: block;
}
#cookie_alert.cookie_alert_close.cookie_alert_3 {
display: none !important;
}
.cookie_alert_title {
text-align: left;
font-size: 14px;
font-weight: bold;
}
.cookie_alert_text {
text-align: justify;
font-size: 12px;
line-height: 14px;
padding-bottom:2px;
padding-top: 5px;
}
.cookie_alert_text a {
color: #fff;
}
.cookie_alert_button {
text-align: right;
position: relative;
}
.cookie_alert_button a {
color:#FFFFFF;
text-decoration: underline;
display: inline-block;
vertical-align: bottom;
padding-right:10px;
padding-left:10px;
opacity: 0.7;
font-size:12px;
}
.cookie_alert_button input:not([type="checkbox"]) {
background:#0275d8;
margin-top: 10px;
}
.cookie_alert_button_left {
float:left;
width:70%;
text-align: left;
position: absolute;
bottom:0px;
}
.cookie_alert_checkbox {
padding-right: 10px;
font-size: 12px;
/*white-space:nowrap;*/
}
.cookie_alert_checkbox .text_input_checkbox {
display: inline-block;
top:5px;
margin-right:5px;
}
.cookie_alert_checkbox_working .text_input_checkbox {
opacity: 0.5;
}
.cookie_alert_button_right {
float:right;
width:30%;
text-align: right;
}
/*** ***/
.newcust_col2.textarea textarea {
height:9em;
}
.newcust_col2 input {
color:#333;
}
#newcust_checkbox #terms .newcust_col3 > div {
padding-bottom:10px;
}
/*** LAYOUT ***/
/*** HEADER ***/
#header {
position:relative;
z-index:2;
}
#header_top {
height:34px;
background:#f5f5f5;
}
#header_content {
width:100%;;
}
#header_bottom {
min-height:50px;
height:auto;
width:100%;
background:#fff;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
transition: min-height 0.4s;
}
#header_bottom.header_fixed {
position:fixed;
top:0;
width:100%;
z-index:99;
border-top:none;
}
#header_top_wrap, #header_content_wrap, #header_bottom_wrap {
width:100%;
max-width:1200px;
margin:0 auto;
}
#header_top_wrap {
height:34px;
}
#header_content_wrap {
height:140px;
z-index: 1;
text-align:left;
font-size:0px;
}
#header_bottom_wrap {
min-height:50px;
height:auto;
}
#header_content_right {
width:auto;
float:right;
height:36px;
margin-top:52px;
}
/*** HEADER / MONEY & LANG ***/
#money, #lang {
float:left;
width:auto;
}
#lang {
margin-right:5px;
height: 34px;
}
#lang a {
float:left;
padding:11px 0 0 0;
margin-right:10px;
}
.current_flag {
display:none;
float:left;
padding:11px 0 0 0;
cursor:pointer;
height:34px;
overflow: hidden;
}
.flag_list {
display:block;
}
#lang a img, #lang img {
max-height:12px;
vertical-align: top;
}
.current_flag {
display:block;
padding-left: 3px;
margin-left: 6px;
margin-right:10px;
}
.current_flag.grey {
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.current_flag.grey img {
opacity:0.5;
}
.flag_list {
display:none;
}
#lang a, .current_flag {
float:none;
display:block;
width:34px;
height:34px;
text-align:center;
padding-top:11px;
}
.box_lang_flag {
filter: none;
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.box_lang_type_flag {
width:34px;
position:relative;
z-index: 10;
text-align: left;
}
.box_lang_type_flag.flag_list {
background:#333;
}
.box_lang_type_flag.current_flag:after {
content:'\f107';
font-family:'FontAwesome';
color:#666;
font-size:18px;
line-height:34px;
font-weight: 700;
position:absolute;
right:0;
top:0;
}
.box_lang_type_flag.current_flag.grey:after {
content:'\f106';
}
#money select {
height:20px;
font-size:11px;
margin:7px 0 0 0;
visibility: hidden;
}
#money .select {
width:100px;
height:20px;
margin-top:7px;
}
#money .select-styled {
height:20px;
width:100px;
font-size:11px;
line-height:20px;
padding:0 10px;
background:none;
border:none;
color:#666;
text-align: right;
padding-right: 25px;
}
#money .select-styled:after {
border:none;
content:'\f107';
font-family:'FontAwesome';
top:0;
right:0;
color: #666;
font-size: 18px;
line-height: 20px;
font-weight: 700;
width: 20px;
height: 20px;
text-align: center;
}
#money .select-options li {
padding:6px 10px;
font-size:11px;
}
#money .select-styled:active:after, #money .select-styled.active:after {
content:'\f106';
border:none;
}
#money .select-options {
max-height:none;
overflow:visible;
}
/*** HEADER / TOP MENU ***/
#header_menu, #header_menu li {
padding:0;
vertical-align: top;
height: 34px;
}
#header_menu a {
line-height:32px;
font-size:10px;
text-transform:uppercase;
transition:all 0.4s ease, font-size 0s;
letter-spacing:0.5px;
color: #666;
}
#header_menu a:hover {
color:#0275d8;
}
#header_menu .list-inline-item a, #header_menu .box_compare_button {
margin:0 15px;
}
#header_menu .list-inline {
float:right;
width: 100%;
text-align: right;
margin-bottom: 0;
height: 34px;
white-space: nowrap;
font-size: 0;
}
.facebook_login, .google_login {
width:200px;
height:30px;
border:none;
margin:10px 5px 0 5px;
}
.overlay_login .facebook_login, .overlay_login .google_login {
margin-top:0;
margin-left:0;
}
#header_menu .list-inline-item a:before {
content:'';
font-family:'FontAwesome';
font-size:11px;
padding-right:6px;
}
#header_menu .login a:before {
content:'\f090';
}
#header_menu .login a.menu_logout:before {
content:'\f08b';
}
#header_menu .reg a:before {
content:'\f044';
}
#header_menu .profil a:before {
content:'\f2bc';
}
#header_menu .fav a:before {
content:'\f08a';
}
#header_menu .saved_filters a:before {
content:'\f0c7';
}
#header_menu .box_compare_header_menu a:before {
content:'\f080';
}
#header_menu .box_compare_header_menu {
display:inline-block;
vertical-align: top;
}
.box_compare_element, .box_compare_button {
display:none;
}
.box_compare_button_num {
display:inline-block;
vertical-align: top;
margin:7px 0 7px -14px;
}
#header_menu .box_compare_button_num a {
display:block;
margin:0;
background:#0275d8;
width:18px;
height:18px;
border-radius:50%;
line-height:16px;
text-align:center;
color:#fff;
font-size:10px;
transition:all 0.4s ease;
}
.box_compare_button_num a:before {
display:none;
}
/*** HEADER / LOGO ***/
#logo {
max-width:300px;
max-height:100px;
overflow:hidden;
text-align:center;
display:inline-block;
margin-top:20px;
vertical-align:top;
}
#logo a {
font-size:24px;
text-transform:uppercase;
font-weight:700;
transition:all 0.4s ease;
}
/*** HEADER BANNER ***/
#header_banner {
height:100px;
width:360px;
overflow:hidden;
display:inline-block;
margin:20px 0 0 40px;
vertical-align:top;
}
#header_banner p {
margin:0;
text-align:justify;
font-size:13px;
line-height:20px;
}
/*** HEADER / SEARCH ***/
#search {
float:left;
width:auto;
margin-right:20px;
}
.box_search_field, .box_search_button {
float:left;
}
.box_search_field label {
padding-right:10px;
}
.box_search_field input {
width: 256px;
padding: 0 76px 0 20px;
}
#box_search_input {
font-size: 16px;
cursor: pointer;
}
#box_search_input:focus {
cursor: text;
}
#box_search_input[readonly] {
opacity: 1;
}
#box_search_input::placeholder {
font-size: 13px;
}
#box_search_input::-webkit-input-placeholder {
font-size: 13px;
}
#box_search_input::-moz-placeholder {
font-size: 13px;
}
#box_search_input:-ms-input-placeholder {
font-size: 13px;
}
#box_search_input:-moz-placeholder {
font-size: 13px;
}
button.box_search_button {
font-size:16px;
margin-left: -56px;
}
.ac_results.small_search_box {
/*width:auto!important;
padding:5px;*/
z-index:9000;
}
/*** HEADER / CART ***/
#cart {
float:left;
width:auto;
height:36px;
position: relative;
}
#box_cart_content_full {
padding-right:40px;
line-height:36px;
cursor:pointer;
position:relative;
width:auto;
height:36px;
}
#box_cart_content_full:after {
content:'\f291';
font-family:'FontAwesome';
font-size:24px;
line-height:36px;
position:absolute;
top:48%;
right:0;
transform:translateY(-50%);
transition:all 0.4s ease;
}
#cart:hover #box_cart_content_full:after {
color:#0275d8;
}
.box_cart_item, .box_cart_price {
float:left;
}
.box_cart_item a:hover {
color:#0275d8;
}
.box_cart_price {
margin-left:10px;
color:#0275d8;
transition:0.4s;
}
.box_cart_itemlist {
position:absolute;
top:46px;
right:0;
background:#333;
z-index:100;
cursor:default;
color:#fff;
width:420px;
max-height: 450px;
display:none;
}
.box_cart_itemlist_list {
max-height:336px;
width:420px;
padding:0 20px;
margin-top:20px;
position:relative;
overflow:hidden;
}
.box_cart_element_outer:not(.box_cart_package_offer_item_outer) {
border-bottom:1px solid #444;
}
.box_cart_element_outer {
margin-bottom:10px;
padding-bottom:10px;
}
.box_cart_element td {
font-size:11px;
height:46px;
line-height:normal;
vertical-align:middle;
text-align:center;
position:relative;
}
.box_cart_element td a {
color:#fff;
font-size:11px;
}
.box_cart_element td a:after {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
content: '';
}
.box_cart_element td:not(:first-child) {
padding-left:10px;
}
.box_cart_volume, .box_cart_item_price_full {
white-space:nowrap;
}
.box_cart_element .box_cart_pic {
width:46px;
}
.box_cart_pic img:hover {
opacity:0.6;
}
.box_cart_element .box_cart_volume {
width:64px;
text-align:center;
}
.box_cart_element .box_cart_name {
width:130px;
text-align:center;
}
.box_cart_element .box_cart_variants {
font-size:10px;
color:#aaa;
}
.box_cart_name a {
line-height: 15px;
font-size: 11px;
color: #fff;
display: block;
width: 100%;
}
.box_cart_element .box_cart_item_price_full {
width:90px;
text-align:center;
}
.box_cart_itemlist .box_cart_price_label {
width:240px;
text-align:right;
float:left;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
}
.box_cart_itemlist .box_cart_price {
float:left;
width:80px;
text-align:center;
color:#fff;
font-weight:700;
font-size: 11px;
}
.box_cart_sum_row {
margin-bottom:10px;
padding: 0 20px;
width: 420px;
}
.box_cart_itemlist .box_cart_button {
padding: 0 20px 20px 20px;
width: 100%;
}
.box_cart_itemlist .box_cart_button input {
background:#0275d8;
width:100%;
}
.box_cart_itemlist .box_cart_button input:hover {
background:#333;
}
.ps > .ps__scrollbar-y-rail, .ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail {
opacity:1!important;
}
.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail,
.ps:hover > .ps__scrollbar-y-rail:hover,
.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail
{
background:none!important;
}
.box_cart_element .box_cart_delete {
width:28px;
margin-right:2px;
text-align:center;
}
.box_cart_itemlist .box_cart_delete a {
display:block;
width: 28px;
height: 28px;
background: transparent;
border-radius: 50%;
cursor: pointer;
z-index:1;
opacity:1;
box-shadow: inset 0px 0px 0px -1px #f22;
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
text-align:center;
line-height:28px;
font-size:18px;
color:#f22;
}
.box_cart_itemlist .box_cart_delete a:hover {
box-shadow: inset 0px 0px 0px 5px #f22;
font-size:12px;
}
.box_cart_item_icon {
display: none;
position: absolute;
top: 0px;
right: -8px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #0275d8;
color: #fff;
text-align: center;
line-height: 20px;
z-index: 1;
font-size: 11px;
}
li.catmenu_more a {
font-size:10px;
color:#888;
line-height:14px;
margin-top:10px;
}
li.catmenu_more a:hover {
color:#0275d8;
}
li.catmenu_more a:after {
content:'\f105';
font-family:'FontAwesome';
font-size:13px;
padding-left:6px;
line-height:14px;
vertical-align: middle;
transition:padding 0.2s ease;
}
li.catmenu_more a:hover:after {
padding-left:10px;
}
/*** HEADER / MAINMENU ***/
#mainmenu {
position:relative;
}
#mainmenu li {
list-style:none;
}
#mainmenu, #mainmenu ul {
margin:0;
}
#mainmenu > li {
float:left;
}
#mainmenu > li > a {
line-height:50px;
text-transform:uppercase;
letter-spacing:0.5px;
font-size:12px;
display:block;
width:100%;
height:50px;
padding:0 20px;
font-weight: 700;
}
#mainmenu > li:hover > a {
color: #333;
}
#mainmenu > li:hover > a {
background:#f5f5f5;
}
#mainmenu > li > div, #mainmenu > li > ul {
display:none;
position:absolute;
top:50px;
left:0px;
width:100%;
background:#fff;
padding:0;
box-sizing: content-box;
z-index: 1;
max-height:500px;
overflow-x:hidden;
overflow-y:auto;
background: #f5f5f5;
}
#mainmenu li ul li ul li ul {
display:none;
}
#mainmenu > li > div > ul > li {
float:left;
width:20%;
text-align:left;
overflow-x:hidden;
}
#mainmenu > li > div > ul.bannerexists > li {
width:25%;
}
#mainmenu > li > div > ul > li > ul {
margin-bottom:40px;
display: block;
}
#mainmenu > li > div > ul:not(.bannerexists) > li:not(:nth-child(5n)) {
padding-right:40px;
}
#mainmenu > li > div > ul.bannerexists > li:not(:nth-child(4n)) {
padding-right:40px;
}
#mainmenu > li > div > ul:not(.bannerexists) > li:nth-child(5n+1) {
clear:both;
}
#mainmenu > li > div > ul.bannerexists > li:nth-child(4n+1) {
clear:both;
}
.catmenu_lvl2 {
padding:30px 5%;
float:left;
width:100%;
}
.catmenu_lvl2.bannerexists {
padding: 30px 20px 30px 5%;
width:80%;
}
.catmenu_lvl2_banner {
width:20%;
background:#f1f1f1;
height:100%;
padding:0;
text-align:center;
overflow: hidden;
float:right;
}
.catmenu_lvl2_banner img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}
.catmenu_lvl2_banner p {
line-height:18px;
margin:0;
}
.catmenu_lvl2 a {
font-weight:700;
text-transform:uppercase;
letter-spacing:0.5px;
line-height:20px;
display:block;
width:100%;
margin-bottom:20px;
}
.catmenu_lvl3 a {
font-weight:400;
font-size:11px;
text-transform:none;
line-height:16px;
display:block;
letter-spacing:0.5px;
}
ul.catmenu_lvl3 li:not(:last-child) a {
margin-bottom:5px;
}
.menu_item_plus {
position:relative;
}
#mainmenu > li.menu_item_plus > ul {
width:auto;
min-width:100%;
padding: 20px;
box-sizing: border-box;
}
#mainmenu > li.menu_item_plus > ul > li {
float:none;
text-align:left;
width:100%;
padding:10px 0!important;
line-height:14px;
height:auto;
white-space: nowrap;
}
#mainmenu > li.menu_item_plus > ul > li a {
font-size:11px;
text-transform:uppercase;
line-height:14px;
}
#mainmenu > li.menu_item_plus > ul > li > ul {
display:none;
}
.catmenu_lvl2_banner_box {
float:right;
width:20%;
background:#ddd;
}
/*** HEADER / MOBILE MAINMENU ***/
#mobile_mainmenu {
display:none;
text-align:center;
height:50px;
width:auto;
}
.mobile_mainmenu_icon {
width:50px;
height:50px;
display:inline-block;
cursor:pointer;
text-align:center;
line-height:50px;
transition: 0.4s;
margin:0 2%;
position:relative;
vertical-align: top;
}
.mobile_mainmenu_icon:hover, .mobile_icon_opened {
background:#fff;
}
.mobile_mainmenu_icon:after {
content:'';
font-family:'FontAwesome';
color:#0275d8;
font-size:24px;
transition:all 0.4s ease, font-size 0s;
}
#mobile_cat_icon:after {
content:'\f0c9';
}
#mobile_search_icon:after {
content:'\f002';
}
#mobile_search_icon.mobile_icon_opened:after {
content:'\f106';
font-size:32px;
}
#mobile_cart_icon:after {
content:'\f291';
}
#mobile_filter_icon:after {
content:'\f0b0';
}
#mobile_filter_icon {
display:none;
}
#mobile_cart_icon .box_cart_item_icon {
right: 5px;
top: 10px;
display: block;
width: 18px;
height: 18px;
line-height:18px;
background: #333;
color: #fff;
font-size: 10px;
}
#mobile_cart_icon .box_cart_item, #mobile_cart_icon .box_cart_price {
display:none;
}
/*** CONTENT ***/
#content {
width:100%;
margin:30px 0 0 0;
padding:0;
}
#content_wrap {
width:100%;
max-width:1200px;
margin:0 auto;
padding:0;
}
#body_bottom {
margin-bottom:30px;
}
#body_bottom > div {
margin-top:30px;
}
.page_headbutton {
text-align:center;
}
.page_headbutton button:not(.order-send__change-payment-method-btn):not(.order-send__pay-btn) {
padding:0;
background:none;
}
.page_page_nocontent_outer {
display:none;
}
.page_page_pic_main {
font-size:0px;
text-align:center;
}
.page_page_pic_element {
width:15%;
display:inline-block;
vertical-align:top;
margin-bottom:20px;
}
.page_page_pic_element img {
transition:0.4s;
}
.page_page_pic_element img:hover {
opacity:0.6;
}
.page_page_pic_element a {
position:relative;
}
.page_page_pic_element a:after {
content:'\f00e';
font-family:'FontAwesome';
color:#333;
opacity:0;
font-size:24px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(2);
transition:0.4s;
}
.page_page_pic_element a:hover:after {
opacity:1;
transform:translate(-50%,-50%) scale(1);
}
@media only screen and (min-width:780px) {
.page_page_pic_element {
width:15%;
}
.page_page_pic_element:not(:nth-child(6n+1)) {
margin-left:2%;
}
}
@media only screen and (min-width:481px) and (max-width:779px) {
.page_page_pic_element {
width:22%;
}
.page_page_pic_element:not(:nth-child(4n+1)) {
margin-left:4%;
}
}
@media only screen and (max-width:480px) {
.cookie_alert_button {
text-align: center;
}
.cookie_alert_button_left {
position: inherit;
width:100%;
}
.cookie_alert_button_right {
width:100%;
}
.page_page_pic_element {
width:29.3333%;
}
.page_page_pic_element:not(:nth-child(3n+1)) {
margin-left:4%;
}
.page_page_pic_text {
font-size:11px;
}
}
.page_page_pic_main .slick-track img {
margin:0 auto;
}
.page_page_pic_main .slider-nav {
width:94%;
margin:0 3%;
}
.page_page_pic_main .slider-nav img {
padding:0 10px;
max-height:128px;
transition:0.4s;
cursor:pointer;
}
.page_page_pic_main .slider-nav img:hover {
opacity:0.6;
}
.page_page_pic_main .slick-arrow {
position:absolute;
top:50%;
left:-3%;
z-index:9;
transform:translateY(-50%);
font-size:0px;
padding:0;
background:none;
letter-spacing: 0;
}
.page_page_pic_main .slick-next.slick-arrow {
left:auto;
right:-3%;
}
.page_page_pic_main .slick-arrow:before {
content:'\f104';
font-family:'FontAwesome';
font-size:36px;
color:#333;
transition:0.4s;
}
.page_page_pic_main .slick-next.slick-arrow:before {
content:'\f105';
}
.page_page_pic_main .slick-arrow:hover:before {
color:#0275d8;
}
.slider-for .page_page_pic_text {
margin:10px 0;
}
/*** PSWP GLOBAL ***/
.pswp__caption__center {
text-align: center !important;
}
.pswp img {
max-width:unset;
max-height:unset;
transition:none;
}
/*** GALLERY (GLOBAL) ***/
.pswp--gallery .pswp__preloader {
top: 50%;
transform: translateY(-50%);
}
.gallery img {
transition: 0.4s;
user-select: none;
}
.gallery .gallery__img-link {
position: relative;
transition: none;
}
.gallery .gallery__img-link::after {
content: "\f00e";
font-family: "FontAwesome";
color: #333;
opacity: 0;
font-size: 24px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(2);
transition: 0.4s;
}
.gallery .gallery__img-link:hover::after {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.gallery .gallery__img-link:hover:hover img {
opacity: 0.6;
}
/*** GALLERY 1 ***/
.gallery--type-1 {
height: 200px;
}
.gallery--type-1 .gallery__carousel {
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
.gallery--type-1 .gallery__img {
max-width: none;
}
.gallery--type-1 .gallery__img-link {
height: 200px;
display: flex;
align-items: center;
flex: 0 0 auto;
margin-right: 20px;
}
.gallery--type-1 .flickity-slider {
display: flex;
align-items: center;
}
.gallery--type-1 .flickity-button {
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
letter-spacing: 0;
}
.gallery--type-1 .flickity-button::before {
content: "\f105";
font-family: "FontAwesome";
font-size: 23px;
}
.gallery--type-1 .flickity-button.previous::before {
content: "\f104";
}
.gallery--type-1 .flickity-button svg {
display: none;
}
.gallery--type-1 .flickity-button:hover {
color: #ffffff;
}
/*** GALLERY 2 ***/
.gallery--type-2 .gallery__container {
justify-content: center;
}
@media (min-width: 581px ) {
.gallery--type-2 .gallery__container {
justify-content: flex-start;
}
}
.gallery--type-2 .gallery__img-link {
height: 80px;
display: flex;
align-items: center;
}
@supports not (display: grid) {
.gallery--type-2 .gallery__img-link {
margin-bottom: 20px;
}
@media (max-width: 580px ) {
.gallery--type-2 .gallery__img-link {
margin: 0 10px;
}
}
@media (min-width: 581px ) {
.gallery--type-2 .gallery__img-link {
margin-right: 20px;
}
}
}
@supports (display: grid) {
.gallery--type-2 .gallery__container {
grid-row-gap: 20px;
grid-column-gap: 20px;
row-gap: 20px;
column-gap: 20px;
}
}
/*** CONTENT / SLIDESHOW ***/
#slideshow {
width:100%;
height:auto;
position: relative;
display:none;
}
#ud_shop_start #slideshow {
display:block;
}
.slider-pro p.sp-layer.sp-big, .slider-pro p.sp-layer.sp-big a {
font-size:48px;
font-weight:400;
letter-spacing:2px;
color:#fff;
text-transform:uppercase;
}
.slider-pro p.sp-layer.sp-big {
visibility:hidden;
}
.slider-pro p.sp-layer.sp-medium, .slider-pro p.sp-layer.sp-medium a {
font-size:24px;
font-weight:400;
letter-spacing:1px;
color:#fff;
}
.slider-pro p.sp-layer.sp-small, .slider-pro p.sp-layer.sp-small a {
font-size:16px;
font-weight:400;
letter-spacing:0.5px;
color:#fff;
}
.slider-pro p.sp-layer.sp-small a {
text-transform:uppercase;
letter-spacing:2px;
display:block;
padding:10px 20px;
}
.slider-pro p.sp-layer {
transition:background 0.4s, border-color 0.4s;
}
.slider-pro p.sp-padding {
padding:10px 20px;
}
.sp-grab {
cursor: url('../image/openhand.cur'), auto;
}
.sp-grabbing, .sp-grabbing a {
cursor: url('../image/closedhand.cur'), auto;
}
.sp-buttons {
width:auto;
position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
padding:0;
}
.sp-button {
border:4px solid rgba(255,255,255,0.15);
border-width:0 0 4px 0;
border-radius:0px;
height:15px;
width:60px;
background:none;
margin:0 20px;
}
.sp-button.sp-selected-button {
border-color:#fff;
}
.sp-arrows {
display:none;
}
.sp-arrow {
width:auto;
height:auto;
}
.sp-arrow:after {
display:none;
}
.sp-arrow:before {
content:'\f104';
font-family:'FontAwesome';
font-size:48px;
line-height:33.5px;
height:36px;
width:36px;
transform:none;
background:none;
color:#fff;
vertical-align:top;
position:static;
display:block;
}
.banner_start_big-wrapper {
position:relative;
}
/*** CONTENT / START BANNERS ***/
#start_banners {
display:none;
width:100%;
max-width:1200px;
margin:3% auto;
}
#ud_shop_start #start_banners {
display:block;
}
.start_banner_box {
float:left;
height:auto;
overflow: hidden;
}
.start_banner_box:hover img {
transform: scale(1.1);
}
.start_banner_box p {
margin:0;
padding:10px 20px;
text-align:center;
}
/*
.start_banner_box_inner {
position: relative;
padding-top: 100%;
}
.start_banner_box_inner > div {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}*/
/*** CONTENT / NOBOX ***/
#content_wrap_nobox {
margin: 0 auto;
max-width: 1200px;
float: none;
}
/*** CONTENT / LEFT ***/
#left {
float:right;
}
#ud_shop_start #left {
display:none;
}
.box_left_title {
text-align:left;
margin:0 0 25px 0;
font-size:18px;
line-height:18px;
text-transform:uppercase;
letter-spacing:1px;
}
.box_left_bottom {
height:40px;
}
/*** CONTENT / LEFT / CATEGORY MENU ***/
#box_cat_main {
width:100%;
}
#box_cat_main li {
list-style:none;
text-align:left;
margin:0;
padding:0;
height:auto;
width:auto;
line-height:initial;
}
#box_cat_main li .box_cat_click_level0, #box_cat_main li .box_cat_spec a {
display:block;
width:100%;
padding:8px 20px;
line-height:18px;
font-size:13px;
text-transform:uppercase;
transition:all 0.4s ease;
cursor:pointer;
color:#333;
}
#box_cat_main li .box_cat_spec a {
color:#f00;
}
#box_cat_main li .box_cat_spec a strong {
font-weight:400;
}
#box_cat_main li .box_cat_click_level0:hover, #box_cat_main li .box_cat_spec a:hover, .box_cat_click_level2:hover, .box_cat_click_level3:hover, .box_cat_click_level4:hover {
background:#0275d8;
color:#fff;
}
.box_cat_click_level2,.box_cat_click_level3, .box_cat_click_level4 {
padding:8px 20px 8px 40px;
display:block;
width:100%;
line-height:18px;
font-size:13px;
text-transform:uppercase;
transition:0.4s;
cursor:pointer;
color:#333;
}
.box_cat_click_level3 {
padding-left:60px;
}
.box_cat_click_level4 {
padding-left:80px;
}
#box_cat_main li .text_style_strong {
color:#0275d8;
}
#box_cat_main .box_cat_click_level0.text_style_strong {
color:#333;
}
/*** CONTENT / LEFT / TOPLIST ***/
.box_art_element {
width:100%;
}
.box_art_element:not(:first-child) {
border-top:1px solid #ddd;
padding-top:20px;
margin-top:20px;
}
.element_status {
width:100%;
height:36px;
}
.element_status_icon {
width:36px;
height:36px;
border-radius:50%;
float:left;
margin-right:5px;
font-weight:700;
line-height:28px;
text-align:center;
font-size:12px;
background:#fff;
}
@media (min-width:951px) {
.element_status {
height: auto;
}
.element_status_icon {
margin-bottom: 10px;
}
}
.element_status_save {
color:#f22;
border:4px solid #f22;
letter-spacing:-1px;
font-size:11px;
}
.element_status_new {
color:#333;
border:4px solid #333;
text-transform:lowercase;
}
.element_pic {
width:38%;
max-width:100px;
float:left;
}
.element_pic img {
transition:0.4s;
opacity:1;
}
.element_pic img:hover {
opacity:0.6;
}
.element_text {
width:62%;
float:left;
padding:0 0 0 20px;
}
.element_name a {
font-size:12px;
line-height:14px;
display:block;
padding-bottom:10px;
}
.element_price {
display:block;
font-weight:700;
font-size:14px;
}
.element_price.discount {
color:#f22;
}
.element_unit_price {
font-size: 10px;
color: #888;
line-height: 13px;
}
@media (max-width: 950px){
.element_price {
margin-top: 10px;
}
}
/*** CONTENT / LEFT / TOP PRODUCTS ***/
#box_container_shop_top {
width:100%;
}
/*** CONTENT / LEFT / NEWS ***/
.box_news_item {
text-align:left;
}
.box_news_item:not(:first-child) {
padding-top:10px;
margin-top:10px;
border-top:1px solid #ddd;
}
.box_news_date {
font-size:11px;
font-weight:400;
letter-spacing:0.5px;
line-height:14px;
}
.box_news_title a {
display:block;
width:100%;
line-height:14px;
font-size:13px;
font-weight:700;
}
.box_news_hidden_link {
width:100%;
margin-top:10px;
padding-top:20px;
border-top:1px solid #ddd;
text-align:center;
}
.box_news_hidden_link_button {
display:inline-block;
vertical-align:top;
width:auto;
height:36px;
padding:0 20px;
background:#333;
color:#fff;
font-size:11px;
text-transform:uppercase;
letter-spacing:0.5px;
text-align:center;
line-height:36px;
cursor:pointer;
transition:0.4s;
}
.box_news_hidden_link_button:hover {
background:#0275d8;
}
/*** CONTENT / LEFT / FORUM ***/
#box_forum_content {
width:100%;
}
.box_forum_item, .box_forum_link {
padding:6px 0;
line-height:18px;
font-size:13px;
letter-spacing:0.5px;
}
.box_forum_item:not(:first-child), .box_forum_link {
border-top:1px solid #ddd;
}
/*** CONTENT / LEFT / CALENDAR ***/
#box_calendar_content {
width:100%;
}
.box_calendar_header {
width:100%;
height:38px;
}
.box_calendar_header > div {
float:left;
line-height:18px;
height:38px;
overflow:hidden;
background:#f1f1f1;
padding:10px 0;
}
.box_calendar_header_left {
width:10%;
text-align:left;
padding-left:10px;
}
.box_calendar_header_right {
width:10%;
text-align:right;
}
.box_calendar_header_left span, .box_calendar_header_right span {
font-size:0px;
}
.box_calendar_header_left a:before {
content:'\f104';
font-family:'FontAwesome';
font-size:18px;
padding-left:10px;
}
.box_calendar_header_right a:before {
content:'\f105';
font-family:'FontAwesome';
font-size:18px;
padding-right:10px;
}
.box_calendar_header_center {
width:80%;
text-align:center;
font-weight:700;
text-transform:uppercase;
font-size:11px;
}
.box_calendar_week {
width:100%;
padding:10px 0;
height:38px;
border-bottom:1px solid #ddd;
}
.box_calendar_week_outer {
width:14.2857%;
float:left;
text-align:center;
font-size:13px;
line-height:18px;
}
.box_calendar_week_outer:nth-child(7n), .box_calendar_week_outer:nth-child(7n-1) {
color:#aaa;
}
.box_calendar_day .box_calendar_element_outer {
float:left;
width:14.2857%;
text-align:center;
line-height:38px;
margin-bottom:1px;
}
.box_calendar_element .text_color_white strong {
color:#0275d8;
}
.box_calendar_element_outer:nth-child(7n) span, .box_calendar_element_outer:nth-child(7n-1) span {
color:#aaa;
}
.box_calendar_element_select.bg_color_dark2 a {
display:block;
width:100%;
background:#0275d8;
color:#fff;
line-height:38px;
}
.box_calendar_element_select.bg_color_dark2 a:hover {
background:#333;
}
/*** CONTENT / LEFT / VISITORS ***/
.box_counter_main {
margin:0 auto;
text-align:center;
background: #f5f5f5;
}
.box_counter_element_outer {
display:inline-block;
}
.box_counter_element {
padding:5px;
background:#ddd;
}
/*** CONTENT / LEFT / CHECKOUT ***/
#box_checkout_content {
text-align:center;
}
.box_checkout_element {
display:inline-block;
vertical-align:top;
margin:0 10px 20px 10px;
height:50px;
background-position:top center;
background-repeat:no-repeat;
cursor:pointer;
transition:0.4s;
}
#box_checkout_paypal {
background-image:url('../image/logo_checkout_paypal_box.png?ver=2');
width:124px;
}
#box_checkout_cib {
background-image:url('../image/logo_checkout_cib_box.png');
width:190px;
}
#box_checkout_otp {
background-image:url('../image/logo_checkout_otp_box.png');
width:200px;
}
#box_checkout_otp_without_amex {
background-image:url('../image/logo_checkout_otp_box_without_amex.png');
width:200px;
}
html:lang(hu) #box_checkout_kandh {
background-image:url('../image/logo_checkout_kandh_box.png');
width:140px;
}
#box_checkout_kandh {
background-image:url('../image/logo_checkout_kandh_en_box.png');
width:50px;
}
html:lang(hu) #box_checkout_kandh_v2 {
background-image:url('../image/logo_checkout_kandh_v2_box.png');
width:140px;
}
#box_checkout_kandh_v2 {
background-image:url('../image/logo_checkout_kandh_v2_en_box.png');
width:50px;
}
#box_checkout_simplepay_hu {
width:96px;
background-image:url('../image/logo_checkout_simplepay_hu_box.png');
}
#box_checkout_simplepay_hu_v2 {
width:96px;
background-image:url('../image/logo_checkout_simplepay_hu_v2_box.png');
}
#box_checkout_epay_bg {
background-image:url('../image/logo_checkout_epay_bg_box.png');
width:131px;
}
#box_checkout_easypay_bg {
background-image:url('../image/logo_checkout_easypay_bg_box.png');
width:40px;
}
#box_checkout_cofidis_bank {
background-image:url('../image/logo_checkout_cofidis_bank_box.png');
width:100px;
}
#box_checkout_cofidis_hu {
background-image:url('../image/logo_checkout_cofidis_hu_box.png');
width:160px;
}
#box_checkout_tatrabanka_sk {
background-image:url('../image/logo_checkout_tatrabanka_sk_box.png');
width:391px;
height:60px;
}
#box_checkout_unicreditbank_hu {
background-image:url('../image/logo_checkout_unicreditbank_hu_box.png');
width:200px;
height:50px;
}
#box_checkout_wirecard_at {
width:160px;
background-image:url('../image/logo_checkout_wirecard_at_box.png');
}
#box_checkout_wirecard_hosted {
width:160px;
background-image:url('../image/logo_checkout_wirecard_hosted_box.png');
}
#box_checkout_stripe_com {
width:160px;
background-image:url('../image/logo_checkout_stripe_com_box.png');
}
#box_checkout_qenta_qpay_checkout_page {
width:160px;
background-image:url('../image/logo_checkout_qenta_qpay_checkout_page_box.png');
}
#box_checkout_mobilpay_ro {
background-image:url('../image/logo_checkout_mobilpay_ro_box.png');
width:134px;
}
#box_checkout_plationline_ro {
background-image:url('../image/logo_checkout_plationline_ro_box.png');
width:103px;
}
#box_checkout_otpay {
background-image:url('../image/logo_checkout_otpay_box.png');
width:150px;
}
#box_checkout_cellum_masterpass {
width:145px;
background-image:url('../image/logo_checkout_cellum_masterpass_box.png');
}
#box_checkout_sofortuberweisung {
background-image:url('../image/logo_checkout_sofortbanking_box.png');
width:132px;
}
#box_checkout_sofortuberweisung:lang(de) {
background-image:url('../image/logo_checkout_sofortuberweisung_box.png');
width:130px;
}
#box_checkout_sofortbanking {
background-image:url('../image/logo_checkout_sofortbanking_box.png');
width:132px;
}
#box_checkout_sofortbanking:lang(de) {
background-image:url('../image/logo_checkout_sofortuberweisung_box.png');
width:130px;
}
#box_checkout_barion_com {
background-image:url('../image/logo_checkout_barion_com_box.png');
width:391px;
}
#box_checkout_barion_com:lang(cz), #box_checkout_barion_com:lang(sk) {
background-image:url('../image/logo_checkout_barion_com_box_cz.png');
width:330px;
}
#box_checkout_borgun_hu {
background-image:url('../image/logo_checkout_borgun_hu_box.png');
width:189px;
}
#box_checkout_borica_bg {
background-image:url('../image/logo_checkout_borica_bg_box.png');
width:158px;
}
#box_checkout_sponsorem_hu {
background-image:url('../image/logo_checkout_sponsorem_hu_box.png');
width: 160px;
}
#box_checkout_sagepay_co_uk {
background-image:url('../image/logo_checkout_sagepay_co_uk_box.png');
width: 119px;
}
#box_checkout_paysafecard_com {
background-image:url('../image/logo_checkout_paysafecard_com_box.png');
height: 40px;
}
#box_checkout_paysafecash_com {
background-image:url('../image/logo_checkout_paysafecash_com_box.png');
width: 160px;
}
#box_checkout_gpwebpay {
background-image:url('../image/logo_checkout_gpwebpay_box.png');
width: 100px;
}
#box_checkout_sixpayment {
background-image:url('../image/logo_checkout_sixpayment_box.png');
width: 87px;
}
#box_checkout_sixpayment_new {
background-image:url('../image/logo_checkout_sixpayment_new_box.png');
width: 87px;
}
#box_checkout_paylike_hu {
background-image:url('../image/logo_checkout_paylike_hu_box.png');
width:124px;
}
#box_checkout_otp_aruhitel {
background-image:url('../image/logo_checkout_otp_aruhitel_box.png');
width: 120px;
}
#box_checkout_viva_com {
background-image:url('../image/logo_checkout_viva_com_box.png');
width:50px;
}
#box_checkout_raiffeisen_hu {
width:96px;
background-image:url('../image/logo_checkout_raiffeisen_hu_box.png');
}
#box_checkout_raiffeisen_hu_ofo {
width:96px;
background-image:url('../image/logo_checkout_raiffeisen_hu_ofo_box.png');
}
#box_checkout_gopay_com {
background-image:url('../image/logo_checkout_gopay_com_box.png');
width:40px;
}
/*** CONTENT / LEFT / PARTNER ***/
#box_partner_content, #box_cert_content {
text-align:center;
}
#box_partner_content > a, #box_partner_content > div {
display:inline-block;
vertical-align:top;
margin:0 10px 20px 10px!important;
width:auto;
height:auto;
background-position:top center;
background-repeat:no-repeat;
cursor:pointer;
transition:0.4s;
}
#box_partner_content > div {
margin:0 0 10px 0!important;
}
#partners {
font-size:0px;
width:100%;
max-width:1200px;
margin:20px auto 10px auto;
}
#partners > * {
display:inline-block;
vertical-align:middle;
font-size: 0px;
width: auto;
margin:5px 10px;
}
#box_partner_content img {
max-height:40px;
}
#partners .biano_partner_box_img {
height: 46px;
width: 46px;
}
/*** CONTENT / LEFT / FILTER ***/
#box_filter_content {
border-bottom:1px solid #ddd;
}
#box_container_shop_filter .box_content {
overflow:visible;
}
.product_filter_title {
text-transform:uppercase;
letter-spacing:1px;
line-height:18px;
padding:10px 0;
border:1px solid #ddd;
border-width:1px 0 0 0;
cursor:pointer;
}
.product_filter_title:before {
content:'\f107';
font-family:'FontAwesome';
display:block;
float:right;
line-height:20px;
color:#ccc;
font-size: 20px;
}
.saved_filters_outer .product_filter_title:before {
content:"";
}
.js-filter-box-wrapper {
display: none;
}
.page_artdet_param_desc {
display: inline-block;
width: 18px;
height: 18px;
border: 2px solid #ccc;
border-radius: 50%;
text-align:center;
line-height:12px;
letter-spacing: normal;
padding-right: 1px;
position:relative;
flex-shrink: 0;
}
.page_artdet_param_desc a{
color: #fff;
font-weight: bold;
}
.page_artdet_param_desc:after {
content:'\f129';
font-family:'FontAwesome';
color:#333;
font-size:10px;
transition:0.4s;
}
.page_artdet_param_desc:hover {
background:#0275d8;
border-color:#0275d8;
}
.page_artdet_param_desc:hover:after {
color:#fff;
}
.page_artdet_param_desc > span {
display:none;
border-radius:5px;
padding:10px;
max-width:220px;
text-align:justify;
height:auto;
overflow-x:hidden;
overflow-y:scroll;
z-index:10001;
background:#0275d8;
color:#fff;
font-size:11px;
position:absolute;
transform:translate(-50%,-100%);
top:0px;
left:50%;
text-transform:none;
min-width:160px;
max-height:180px;
}
.popup_compare_content .page_artdet_param_desc > span {
max-height:100px;
}
.page_artdet_param_desc:hover > span {
display:block;
}
.popup_compare_content .page_artdet_param_desc:hover > span {
display:none;
}
.page_artdet_param_desc > span p {
font-size:11px;
margin-bottom:0;
}
.param_desc_tooltip, .warehouse_tooltip {
border-radius:5px;
padding:10px;
max-width:220px;
max-height:120px;
text-align:justify;
height:auto;
overflow-x:hidden;
overflow-y:scroll;
z-index:10001;
background:#0275d8;
color:#fff;
}
.param_desc_tooltip p {
font-size:11px;
}
.warehouse_tooltip {
max-width: 200px;
max-height: 100%;
width: 100%;
overflow: unset;
transition: all 300ms ease;
}
.param_desc_tooltip a, .param_desc_tooltip a:hover, .param_desc_tooltip a:active, .param_desc_tooltip a:focus {
color:#fff;
text-decoration:underline;
}
.page_artdet_param_desc > span::-webkit-scrollbar, .param_desc_tooltip::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.page_artdet_param_desc > span::-webkit-scrollbar-button, .param_desc_tooltip::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
.page_artdet_param_desc > span::-webkit-scrollbar-thumb, .param_desc_tooltip::-webkit-scrollbar-thumb {
background: #ddd;
border: 3px solid #0275d8;
border-radius: 5px;
}
.page_artdet_param_desc > span::-webkit-scrollbar-thumb:hover, .param_desc_tooltip::-webkit-scrollbar-thumb:hover {
background: #ddd;
}
.page_artdet_param_desc > span::-webkit-scrollbar-thumb:active, .param_desc_tooltip::-webkit-scrollbar-thumb:active {
background: #ddd;
}
.page_artdet_param_desc > span::-webkit-scrollbar-track, .param_desc_tooltip::-webkit-scrollbar-track {
background: #0275d8;
border: 3px solid #0275d8;
border-radius: 5px;
}
.page_artdet_param_desc > span::-webkit-scrollbar-track:hover, .param_desc_tooltip::-webkit-scrollbar-track:hover {
background: #0275d8;
}
.page_artdet_param_desc > span::-webkit-scrollbar-track:active, .param_desc_tooltip::-webkit-scrollbar-track:active {
background: #0275d8;
}
.page_artdet_param_desc > span::-webkit-scrollbar-corner, .param_desc_tooltip::-webkit-scrollbar-corner {
background: transparent;
}
.filter_opened:before {
content:'\f106';
}
.product_filter_content {
width:100%;
margin:16px 0;
display:block;
overflow:hidden;
max-height:368px;
position: relative;
}
#box_filter_content .product_filter_content {
display:none;
}
#box_filter_content .product_filter_content:nth-child(2) {
display:block;
}
.product_filter_text {
padding:6px 20px;
}
.product_filter_checkbox, .product_filter_text_inner {
float:left;
}
.product_filter_checkbox {
font-size:0px;
}
.product_filter_text_inner {
padding-left:10px;
line-height:20px;
width:auto;
max-width: 70%;
color:#333;
}
.product_filter_text_inner label {
padding:0;
margin: 0;
line-height: normal;
cursor: pointer;
}
.product_filter_num.ui-slider {
background:#ddd;
height:8px;
width:calc(100% - 10px);
position:relative;
margin: 10px 0;
}
.product_filter_num.ui-slider:before {
width:100%;
position:absolute;
top:0;
left:8px;
background:#ddd;
height:8px;
content:'';
}
.product_filter_text_count {
padding-left: 5px;
float: left;
color:#aaa;
line-height: 20px;
position:relative;
}
.ui-slider-range {
background:#0275d8;
height:8px;
position:absolute;
}
.ui-slider-handle {
display:inline-block;
border-radius:3px;
width:10px;
height:16px;
border:1px solid #333;
background:#fff;
position:absolute;
top:-4px;
cursor:pointer;
}
.product_filter_price_content {
text-align:center;
font-size:13px;
}
.product_filter_num_text {
text-align:center;
}
.product_filter_color {
margin-bottom:10px;
display: inline-block;
width: 50%;
padding-left: 20px;
}
.product_filter_color .text_input_checkbox {
margin: 7px 0;
}
.product_filter_color.color_text {
width: 100% !important;
}
.product_filter_color.color_text .product_filter_color_text {
float: left;
height: 32px;
line-height: 32px;
margin-left: 5px;
}
.product_filter_color .product_filter_text_count {
line-height:32px;
}
.product_filter_color a {
float: left;
margin-left: 14px;
}
.product_filter_color_inner {
border:none;
width:32px;
height:32px;
border:1px solid #ddd;
}
.product_filter_color.color_text .product_filter_color_inner {
float: left;
}
/*
#ud_shop_artspec .product_filter_group_disabled {
display:none;
}*/
.product_filter_more {
display:none;
}
.product_filter_value_disabled {
opacity: 0.5;
}
.product_filter_value_disabled a {
color:#666;
}
.product_filter_value_disabled .product_filter_text_count, .product_filter_value_refreshing_disabled .product_filter_text_count span {
display:none;
}
.product_filter_value_refreshing .product_filter_text_count span {
display:none;
}
.product_filter_value_refreshing .product_filter_text_count:after {
width:20px;
height:20px;
content:'\f110';
font-family:'FontAwesome';
color:#333;
font-size:14px;
line-height: 20px;
text-align:center;
animation:spin 1.5s linear infinite;
position:absolute;
top:0;
left:3px;
}
.product_filter_value_disabled .text_input_checkbox:hover {
border-color:#ddd;
cursor:default;
}
.product_filter_value_disabled a {
cursor:default;
}
.product_filter_icon {
cursor:pointer;
padding-left:3px;
}
.product_filter_icon_unchecked_grayscale {
filter: gray;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.4;
}
.product_filter_delete_all_outer {
width: 100%;
text-align: center;
padding: 10px 0;
border: 1px solid #ddd;
border-width: 1px 0 0 0;
}
.saved_filters_outer {
margin-bottom: 10px;
}
.product_filter_save_all_outer {
width: 100%;
text-align: center;
padding: 10px 0 0 0;
border: 1px solid #ddd;
border-width: 1px 0 0 0;
}
.product_filter_delete_all_outer {
width: 100%;
text-align: center;
border: none !important;
padding: 0 !important;
}
.product_filter_delete_all.btn--secondary:hover,
.product_filter_delete_all.btn--secondary {
background: none !important;
color: #333;
}
.product_filter_delete_all.btn--secondary:hover {
text-decoration: underline;
}
#overlay_save_filter .error_filter_exists,
#overlay_save_filter .error_name_exists,
#overlay_save_filter .error_empty_input,
#overlay_save_filter #filter_save_errors {
display: none;
}
#filter_save_errors {
margin-top: 15px;
margin-bottom: 15px;
font-size: 13px;
color: #fff;
}
.saved_filter_url {
display: block;
color: #333;
}
.saved_filter_wrapper {
padding: 6px 20px;
}
.saved_filter_row .saved_filter_name {
width:30%;
max-width:30%;
}
.saved_filter_row .saved_filter_icons {
width: 150px;
max-width: 150px;
}
.saved_filter_row .saved_filter_name a {
color: #333;
}
.no_favourites {
display: none;
margin-top: 5px;
margin-bottom: 5px;
}
.saved_filter_visit,
.saved_filter_delete {
margin-top: 8px;
display: inline-block;
margin-left: 4px;
margin-right: 4px;
width: auto !important;
padding: 0 !important;
vertical-align: unset !important;
color: #333;
transition:0.4s;
}
.page_icon.page_icon_filter:after {
content:'\f0b0';
font-family:'FontAwesome';
font-size:16px;
display:inline-block;
cursor:pointer;
}
.page_order_track_tr_body:hover .saved_filter_delete:after {
color: #fff;
transition:0.4s;
}
.d-block {
display: block !important;
}
.d-none {
display: none !important;
}
/*** CONTENT / NEWS ***/
.page_news_header {
height:auto;
line-height:18px;
padding:9px 0;
background:#f1f1f1;
text-align:left;
margin-bottom:20px;
}
.page_news_date {
float:left;
width:20%;
padding:0 20px;
font-weight:700;
}
.page_news_title {
float:left;
width:80%;
text-transform:uppercase;
letter-spacing:1px;
font-weight:700;
}
.page_news_content {
text-align:justify;
}
#page_news_content .page_calendar_title {
height:auto;
line-height:18px;
padding:9px 0;
background:transparent;
border-bottom:1px solid #ddd;
}
#page_news_content .page_calendar_name {
width:calc(100% - 110px);
}
.page_news_intro_pic {
float: left;
padding: 0 20px;
}
.page_news_intro_pic_nopadding {
float: left;
}
.page_news_intro_pic img,
.page_news_intro_pic_nopadding img {
max-width: 500px;
height: auto;
width: 100%;
}
/*** CONTENT / BLOG ***/
.page_page_blog_header {
width:100%;
display:flex;
align-items:stretch;
margin-bottom:20px;
flex-wrap: wrap;
}
.page_page_blog_header.mb {
margin-bottom:0;
}
.page_content_item:not(:first-child) .page_page_blog_header {
margin-top:60px;
}
.page_content_item:nth-last-child(2) .page_page_blog_intro:not(.details) {
margin-bottom:60px;
}
.page_page_blog_header > div {
align-items: center;
display: flex;
}
.page_page_blog_title {
flex:1 0 auto;
padding:10px 4%;
background:#f1f1f1;
}
.page_page_blog_title h1, .page_page_blog_title a {
font-weight:700;
text-transform:uppercase;
font-size:18px;
line-height:20px;
margin:0;
}
.blog_header_inner_wrap {
flex:0 0 auto;
flex-direction:row;
}
.page_page_blog_date {
flex:1 0 auto;
padding:10px 20px;
white-space:nowrap;
background:#f1f1f1;
margin-left:1px;
height: 100%;
display: flex;
align-items: center;
}
.blog_author_name {
flex:1 0 auto;
padding:10px 20px;
font-weight:700;
white-space:nowrap;
text-align:right;
background:#f1f1f1;
margin-left:1px;
height: 100%;
display: flex;
align-items: center;
}
.blog_author_pic {
flex:0 0 auto;
max-width:100px;
background:#f1f1f1;
padding:5px 20px 5px 0;
}
.blog_author_pic_wrap {
border:5px solid rgba(255,255,255,0.8);
border-radius:50%;
overflow:hidden;
max-height:60px;
max-width:60px;
}
.page_page_blog_intro {
display:flex;
margin-bottom:20px;
}
.blog_intro_pic {
flex:0 0 25%;
max-width:300px;
padding-right:40px;
}
.blog_intro_txt {
flex:1 0 75%;
}
.page_page_blog_intro, .page_page_blog_message {
text-align:justify;
}
.page_page_blog_intro.details {
align-items:flex-end;
}
.page_page_blog_intro.details .blog_intro_txt p {
font-style:italic;
font-size:14px;
margin:0;
}
.page_page_blog_intro.details .blog_intro_txt {
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}
.page_page_blog_next, .page_page_blog_back {
margin:10px 0 0 0;
text-align:right;
}
.page_page_blog_next a, .page_page_blog_back a {
display: inline-block;
padding: 10px 20px;
background: #222;
width: auto;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
transition: 0.4s;
}
.page_page_blog_next a:hover, .page_page_blog_back a:hover {
background: #0275d8;
}
.page_page_blog_back {
border-top: 1px solid #ddd;
padding-top: 20px;
}
.blog_social {
margin-bottom:20px;
margin-top: 5px;
display:flex;
}
.social_icons {
width:22px;
height:25px;
text-align:center;
margin-right:2px;
cursor:pointer;
}
.social_icons:after {
font-family:'FontAwesome';
font-size:13px;
color:#888;
transition:.4s;
line-height:25px;
}
.social_icons:hover:after {
color:#0275d8;
}
.icon_facebook:after {
content:'\f09a';
}
.icon_pinterest:after {
content:'\f231';
}
.icon_linkedin:after {
content:'\f08c';
}
.js-active-filter {
background-color: #0275d8;
color: #fff !important;
}
.js-tags {
margin-bottom: 15px;
text-align: left;
}
.js-filter-by-tag {
display: inline-block;
border: solid 1px black;
padding: 5px 10px;
cursor: pointer;
margin-bottom: 5px;
margin-right: 5px;
}
.js-clear-tag-filter {
display:none;
}
.js-do-filter {
display:inline-block;
transition: all 0.4s ease;
}
.js-do-filter::before {
font-family: 'FontAwesome';
content: '\f0b0';
color: #0275d8;
font-size: 12px;
transition: all 0.4s ease, font-size 0s;
}
.js-do-filter:hover::before {
color: #fff;
}
.js-do-filter:hover {
color: #fff;
background-color: #0275d8;
}
.js-do-filter,
.js-clear-tag-filter {
border: solid 1px #0275d8;
padding: 5px 10px;
cursor: pointer;
margin-right: 5px;
color: #0275d8;
}
.js-clear-tag-filter::before {
content:"\f00d";
color: #0275d8;
font-family: "FontAwesome";
margin-bottom: 5px;
margin-right: 5px;
}
.js-filterable-elements-wrapper.loading::before {
content:'\f110';
font-family:'FontAwesome';
color:#333;
font-size:30px;
display:block;
margin: 20px auto;
width:30px;
height:30px;
line-height: 30px;
text-align:center;
animation:spin 1.5s linear infinite;
}
.paging_num a.pointer,
.page_select_right a.pointer,
.page_select_left a.pointer {
cursor: pointer;
}
/*** FILTER MOBILE ***/
#filter_mobile {
position:fixed;
top:0;
left:-325px;
width:320px;
height:auto;
z-index:100;
background:#fff;
height: 100%;
box-shadow: 0 0 0 5px rgba(0,0,0,0.2);
overflow-x: hidden;
overflow-y: auto;
}
.filter_mobile_head {
padding:10px;
width:100%;
height:60px;
}
#filter_mobile .param_desc_popup {
display:none;
}
#filter_mobile .param_desc_popup.param_desc_popup_ver4 {
display:inline-block;
position:relative;
}
#filter_mobile_close {
position: relative;
float:left;
display: block;
width: 40px;
height: 40px;
background: transparent;
border-radius: 50%;
cursor: pointer;
z-index: 1;
opacity: 1;
box-shadow: inset 0px 0px 0px -1px #f22;
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
#filter_mobile_close:before {
width: 24px;
height: 4px;
background-color: #f22;
content: '';
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -2px;
transform: rotate(45deg);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
#filter_mobile_close:after {
width: 24px;
height: 4px;
background-color: #f22;
content: '';
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -2px;
transform: rotate(-45deg);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
#filter_mobile_close:hover {
box-shadow: inset 0px 0px 0px 6px #f22;
}
#filter_mobile_close:hover:before {
transform: scale(0.7) rotate(45deg);
transition-delay: 0.1s;
}
#filter_mobile_close:hover:after {
transform: scale(0.7) rotate(-45deg);
transition-delay: 0.1s;
}
.filter_mobile_title {
line-height:40px;
font-size:18px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
float:left;
width: calc(100% - 80px);
margin-left:40px;
}
.filter_mobile_content {
padding: 0 20px;
}
#filter_mobile .param_desc_popup.param_desc_popup_ver4 > span {
display:none;
position: absolute;
top: -4px;
left: 50%;
transform: translate(-50%,-100%);
background: #0275d8;
z-index: 1;
padding: 10px;
box-sizing: border-box;
text-transform: none;
color: #fff;
font-size: 10px;
line-height: 13px;
text-align: left;
min-width: 120px;
}
#filter_mobile .param_desc_popup.param_desc_popup_ver4 > span p {
margin:0;
color:#fff;
font-size:10px;
line-height:13px;
text-align:left;
text-transform:none;
}
.filter_mobile_content .box_content {
overflow:visible;
}
/*** CONTENT / LEFT / VOTE ***/
.box_vote_item_title {
font-weight:700;
margin-bottom:10px;
}
.box_vote_item {
border-bottom:1px solid #ddd;
line-height:18px;
padding:5px 0;
}
.box_vote_item_left {
float:left;
width:15px;
text-align:center;
}
.box_vote_item_right {
float:left;
width:calc(100% - 15px);
text-align:left;
padding:0 10px;
}
.box_vote_item.input_checkbox {
border:none;
margin-top: 20px;
}
.input_checkbox .box_vote_item_right * {
font-size:11px;
}
.box_vote_item_row {
background:#ddd;
}
.box_vote_item_bar {
height:20px;
background:#0275d8;
position:relative;
}
.box_vote_item_bar_percent {
color:#fff;
font-weight:700;
position:absolute;
top:0;
left:10px;
line-height:20px;
font-size:13px;
}
.box_vote_button {
width:fit-content;
margin:10px auto 0 auto;
text-align: center;
}
.box_vote_button input[type=submit]:disabled {
background:#333!important;
}
.box_vote_link {
padding-top:10px;
text-align:center;
}
/*** CONTENT / RIGHT ***/
#right {
float:right;
}
#ud_shop_start #right {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
#body_title h1, #title_content {
text-align:left;
font-size:24px;
text-transform:uppercase;
font-weight:400;
letter-spacing:1.5px;
line-height:28px;
margin: 0 0 1em 0;
}
#ud_shop_start #body_title h1 {
text-align:center;
margin-top: 30px;
}
#page_start_content p {
margin-bottom:2em;
}
/*** CONTENT / NEWSLETTER ***/
#newsletter {
background:#333;
width:100%;
}
#newsletter_wrap {
max-width:1200px;
margin:0 auto;
float:none;
height:auto;
text-align: center;
padding:20px 0;
}
.newsletter_title:before {
font-family:'FontAwesome';
content:'\f003';
color:#fff;
font-size:32px;
padding-right:20px;
display: inline-block;
vertical-align: top;
line-height: 36px;
}
.newsletter_title {
color:#fff;
text-transform:uppercase;
font-size:18px;
text-align:left;
display:inline-block;
letter-spacing:2px;
padding-left:20px;
vertical-align:top;
font-weight:700;
white-space: nowrap;
line-height:36px;
margin:5px;
}
.newsletter_text {
display:inline-block;
vertical-align:top;
color:#fff;
padding:9px 20px;
width:auto;
max-width:50%;
line-height:18px;
letter-spacing:0.5px;
margin:5px;
}
.newsletter_text > div {
display:table-cell;
vertical-align:middle;
text-align:left;
word-wrap: break-word;
}
.newsletter_text p {
margin:0;
}
#box_newsletter_content {
display:inline-block;
vertical-align:top;
width:auto;
min-width: 50%;
font-size:0px;
position: relative;
}
.box_newsletter_field {
display:inline-block;
width:38%;
margin:5px 1%;
}
.box_newsletter_field.newsletter_3 {
width:24.6666%;
}
.box_newsletter_field.newsletter_1 {
width:78%;
}
.box_newsletter_button {
display:inline-block;
width:18%;
margin:5px 1%;
margin-bottom:30px;
}
.box_newsletter_field input {
border:none;
width:100%;
}
.box_newsletter_button, .box_newsletter_button .text_button {
display:inline-block;
vertical-align:top;
}
.box_newsletter_button input {
width:auto;
background:#0275d8;
}
.box_newsletter_button input#box_newsletter_button_down {
background:#aaa;
color:#fff;
margin-left:10px;
}
.box_newsletter_button input:hover {
background:#333;
}
.box_newsletter_button input#box_newsletter_button_down:hover {
color:#fff;
background:#333;
}
.box_newsletter_privacy_policy {
position: absolute;
top:45px;
left:10px;
}
.box_newsletter_privacy_policy .text_input_checkbox {
display:inline-block;
right:5px;
top:5px;
}
.box_newsletter_privacy_policy label, .box_newsletter_privacy_policy label a {
color:#FFF;
}
/*** CONTENT VOTE ***/
.page_vote_title {
line-height:18px;
padding:9px 0;
text-transform:uppercase;
text-align:center;
background:#f1f1f1;
letter-spacing:1px;
margin-bottom:20px;
}
.page_vote_item {
margin-bottom:40px;
}
.page_vote_item_left {
float:left;
width:15px;
height: 18px;
text-align:center;
}
.page_vote_item_right {
float:left;
width:calc(100% - 15px);
padding-left:10px;
text-align:left;
}
.page_vote_item_opinion {
width:30%;
float:left;
}
.page_vote_item_bar {
width:70%;
float:left;
position:relative;
}
.page_vote_item_bar_left {
background:#ddd;
}
.page_vote_item_bar_left_center {
height:18px;
background:#0275d8;
}
.page_vote_item_bar_right {
position:absolute;
top:0;
left:0;
color:#fff;
line-height:18px;
padding-left:10px;
font-weight:700;
}
.page_vote_item_bar_yes {
padding:5px 0;
border-bottom:1px solid #f1f1f1;
}
.page_vote_item input[type=submit] {
margin-top:10px;
}
.page_vote_item input[type=submit]:disabled {
background:#ccc;
}
#page_vote_content {
margin-bottom:20px;
}
.page_vote_privacy_policy {
padding-top:15px;
padding-bottom:5px;
}
/*** FOOTER ***/
#footer {
width:100%;
height:auto;
background:#f1f1f1;
}
#footer_inner {
width:100%;
max-width:1200px;
margin:0 auto;
padding:40px 0 20px 0;
}
/*** FOOTER / MENU ***/
.footer_menu {
float:left;
width:20%;
text-align:left;
vertical-align:top;
margin-left:3%;
}
.footer_menu:first-child {
margin-left:0%;
}
.footer_menu ul {
margin:0;
}
.footer_menu ul li {
list-style:none;
line-height:16px;
padding-bottom:10px;
box-sizing: content-box;
color:#888;
}
.footer_menu strong {
font-size:16px;
text-transform:uppercase;
letter-spacing:1px;
color:#333;
display:block;
margin-bottom:20px;
}
.footer_menu ul li a {
font-size:11px;
text-transform:uppercase;
letter-spacing:0.5px;
}
/*** FOOTER / CONTACT ***/
.footer_contact {
width:31%;
}
.footer_contact li span#footer_address strong, .footer_contact li span#footer_mobile strong, .footer_contact li span#footer_phone strong, .footer_contact li span#footer_email strong {
display:none;
}
.footer_contact li {
padding-left:21px;
position:relative;
}
.footer_contact li span#footer_address, .footer_contact li span#footer_mobile, .footer_contact li span#footer_phone, .footer_contact li span#footer_email {
display:inline-block;
width:11px;
text-align:center;
line-height: 16px;
box-sizing: content-box;
position:absolute;
top:0;
left:0;
}
.footer_contact .em_replace {
padding-right:0px;
}
.footer_contact li span#footer_address:before, .footer_contact li span#footer_mobile:before, .footer_contact li span#footer_phone:before, .footer_contact li span#footer_email:before {
content:'';
font-family:'FontAwesome';
color:#888;
font-size:13px;
line-height:16px;
}
.footer_contact li span#footer_address:before {
content:'\f041';
}
.footer_contact li span#footer_mobile:before {
content:'\f10b';
font-size: 18px;
}
.footer_contact li span#footer_phone:before {
content:'\f095';
}
.footer_contact li span#footer_email:before {
content:'\f003';
font-size: 11px;
}
/*** PROVIDER ***/
#provider {
width:100%;
background:#f1f1f1;
}
#provider_inner {
width:100%;
max-width:1200px;
margin:0 auto;
height:24px;
text-align: right;
}
#provider_content {
max-width:10%;
float:right;
}
/*** BREADCRUMB ***/
#breadcrumb {
text-align:left;
margin-bottom:0;
padding:0 0 20px 0;
background:transparent;
}
#breadcrumb > * {
padding-right:10px;
}
#breadcrumb a, .breadcrumb_item {
font-size:11px;
}
.breadcrumb_sep {
font-size:0px;
}
.breadcrumb_sep:after {
content:'\f105';
font-family:'FontAwesome';
font-size:14px;
color:#666;
}
#breadcrumb .breadcrumb_main {
font-size:0px;
}
#breadcrumb .breadcrumb_main:after {
content:'\f015';
font-family:'FontAwesome';
font-size:14px;
}
/*** PRODUCT TOOLTIP ***/
#page_PopupContainer_tooltip, #page_PopupContainer {
width:100%!important;
max-width:640px;
background:rgba(0,0,0,0.2);
padding:5px;
max-height:680px;
}
#page_PopupContainer {
overflow:hidden;
}
#page_PopupContainer_tooltip_inner, #page_PopupContainer_inner {
background:#fff;
padding:20px;
position:relative;
max-height: 660px;
overflow-x:hidden;
overflow-y:auto;
}
#page_PopupContainer_inner {
padding:0;
overflow-y:auto!important;
overflow-x:hidden!important;
max-height: 670px;
}
#page_PopupContainer_tooltip a.close, #page_PopupContainer a.close, #lightbox-close, .overlay_close a, .package-offer-item a.close {
position:absolute;
right:25px;
top:20px;
display:block;
width: 40px;
height: 40px;
background: transparent;
border-radius: 50%;
cursor: pointer;
z-index:11;
opacity:1;
box-shadow: inset 0px 0px 0px -1px #f22;
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
.overlay_close a {
box-shadow: inset 0px 0px 0px -1px #fff;
}
#page_PopupContainer a.close, .overlay_close a {
top:10px;
right:15px;
}
#page_PopupContainer_tooltip a.close:hover, #page_PopupContainer a.close:hover, #lightbox-close:hover {
box-shadow: inset 0px 0px 0px 6px #f22;
}
.overlay_close a:hover {
box-shadow: inset 0px 0px 0px 6px #fff;
}
#overlay_close .close {
display: none !important;
}
#page_PopupContainer_tooltip a.close:before, #page_PopupContainer a.close:before, #lightbox-close:before, .overlay_close a:before {
width:24px;
height:4px;
background-color:#f22;
content:'';
position: absolute;
left:50%;
top:50%;
margin-left:-12px;
margin-top:-2px;
transform: rotate(45deg);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
#page_PopupContainer_tooltip a.close:after, #page_PopupContainer a.close:after, #lightbox-close:after, .overlay_close a:after {
width:24px;
height:4px;
background-color:#f22;
content:'';
position:absolute;
left:50%;
top:50%;
margin-left:-12px;
margin-top:-2px;
transform:rotate(-45deg);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
.overlay_close a:before, .overlay_close a:after {
background-color:#fff;
}
#page_PopupContainer_tooltip a.close:hover:before, #page_PopupContainer a.close:hover:before, #lightbox-close:hover:before, .overlay_close a:hover:before {
transform:scale(0.7) rotate(45deg);
transition-delay:0.1s;
}
#page_PopupContainer_tooltip a.close:hover:after, #page_PopupContainer a.close:hover:after, #lightbox-close:hover:after, .overlay_close a:hover:after {
transform: scale(0.7) rotate(-45deg);
transition-delay:0.1s;
}
.page_tooltip_name_1 {
height:40px;
text-align:left;
width: calc(100% - 60px);
margin-top: 5px;
overflow:hidden;
}
.page_tooltip_name_1 h2 {
text-transform:uppercase;
font-size:18px;
letter-spacing:1px;
line-height:20px;
margin:0;
}
.page_tooltip_content_inner_left {
float:left;
width:45%;
margin-right:5%;
position:relative;
}
.page_tooltip_content_inner_right {
float:left;
width:50%;
}
.page_tooltip_content_inner_left a img:hover {
opacity:0.6;
}
.page_tooltip_price_unit{
text-align: left;
}
.page_tooltip_price_save {
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
background:#fff;
color:#f22;
font-size:12px;
font-weight:700;
text-align:center;
line-height:30px;
margin:0 2px 10px 2px;
vertical-align: top;
border:5px solid #f22;
}
.page_tooltip_status_new {
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
background:#fff;
color:#333;
font-size:12px;
font-weight:700;
text-align:center;
line-height:30px;
margin:0 2px 10px 2px;
text-transform:lowercase;
vertical-align: top;
border:5px solid #333;
}
.page_tooltip_stock_available {
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
background:#fff;
color:#af0;
font-size:0px;
margin:0 2px 10px 2px;
vertical-align: top;
border:5px solid #af0;
}
.page_tooltip_stock_available:before {
content:'\f00c';
font-family:'FontAwesome';
color:#af0;
font-size:18px;
display: inline-block;
width: 30px;
height:30px;
text-align: center;
line-height: 30px;
}
.page_tooltip_stock_unavailable {
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
background:#fff;
font-size:0px;
margin:0 2px 10px 2px;
vertical-align: top;
border:5px solid #f22;
}
.page_tooltip_stock_unavailable:before {
content:'\f00d';
font-family:'FontAwesome';
color:#f22;
font-size:18px;
display: inline-block;
width: 30px;
height:30px;
text-align: center;
line-height: 30px;
}
.page_tooltip_stock_to_order {
display:inline-block;
width:40px;
height:40px;
border-radius:50%;
background:#fff;
font-size:0px;
margin:0 2px 10px 2px;
vertical-align: top;
border:5px solid #f5c056;
}
.page_tooltip_stock_to_order:before {
content:'\f12a';
font-family:'FontAwesome';
color:#f5c056;
font-size:18px;
display: inline-block;
width: 30px;
height:30px;
text-align: center;
line-height: 30px;
}
.page_tooltip_separator {
width:100%;
height:1px;
background:#ddd;
margin: 10px 0 20px 0;
}
.page_tooltip_pic_1 table {
width:100%;
text-align:center;
}
#page_tooltip_rovleir {
max-height: 7em;
overflow: hidden;
line-height: 1.4em;
text-align:justify;
position:relative;
margin-bottom:20px;
}
#page_tooltip_rovleir p {
margin:0;
}
#page_tooltip_rovleir #page_tooltip_rovleir_cover {
position:absolute;
top:73px;
right:0;
width:100%;
height:18px;
display:block;
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.page_tooltip_price_net {
font-size:20px;
letter-spacing:1px;
text-align:left;
font-weight:700;
line-height:20px;
}
.page_tooltip_price_net .text_style_line {
font-size:16px;
text-decoration:line-through;
letter-spacing:0.5px;
font-weight:400;
}
.page_tooltip_price_akcio {
font-size:20px;
color:#f22;
letter-spacing:1px;
text-align:left;
font-weight:700;
line-height:20px;
}
#page_tooltip_content_inner_right_functions {
width:100%;
margin-top:20px;
}
.page_tooltip_cart_nostock {
height: 36px;
font-size:0px;
width:20%;
border-right:1px solid #ddd;
}
.page_tooltip_cart_nostock:after {
content:'\f291';
font-family:'FontAwesome';
font-size: 22px;
line-height: 36px;
color:#ccc;
}
.page_tooltip_akcio {
font-size:11px;
text-align:left;
}
.tooltip_icon {
float:right;
position:relative;
}
#page_tooltip_cart {
width:40%;
}
.page_tooltip_func_det, .page_tooltip_func_fav, .page_tooltip_func_compare {
width: 20%;
border-left: 1px solid #ddd;
}
.page_tooltip_func_det {
border:none;
}
.tooltip_icon .artdet_tooltip {
background: #0275d8;
border-radius: 4px;
position: absolute;
visibility: hidden;
left: 50%;
font-size: 11px;
letter-spacing: 1px;
line-height: 22px;
width: auto;
height: auto;
top: 0;
z-index: 2;
text-transform: uppercase;
color: #fff;
padding: 10px;
overflow: visible;
white-space: nowrap;
display: inline-block;
clear: both;
opacity: 0;
transform: translate(-50%,-100%);
transition: all 0.3s ease;
}
.tooltip_icon .artdet_tooltip:after {
content: '';
display: block;
width: 10px;
height: 10px;
background: #0275d8;
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
.tooltip_icon.short:hover .artdet_tooltip, #page_tooltip_cart_input:hover .artdet_tooltip, #page_tooltip_cart_button:hover .artdet_tooltip {
visibility: visible;
top: -20px;
opacity: 1;
}
.page_tooltip_cart_nostock .artdet_tooltip, .page_tooltip_cart_nostock .artdet_tooltip:after {
background:#f22;
}
.page_tooltip_func_compare .artdet_tooltip {
left: -10px;
}
.page_tooltip_func_compare .artdet_tooltip:after {
left:78%;
}
#page_tooltip_cart_input span.cart_input_unit {
display:none;
}
#page_tooltip_cart_input span, .page_tooltip_qtybuttons {
float:left;
}
#page_tooltip_cart_input span {
width: calc(100% - 20px);
}
#page_tooltip_cart_input input {
width: 100%;
padding: 0;
text-align: center;
border-right:none;
font-weight:700;
}
.page_tooltip_qtybuttons {
width:20px;
}
#page_tooltip_cart .qtyplus, #page_tooltip_cart .qtyminus {
font-family:'FontAwesome';
background:#fff;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
color:#333;
height: 18px;
float: left;
width: 20px;
padding: 0;
font-size: 11px;
}
#page_tooltip_cart .qtyplus:hover, #page_tooltip_cart .qtyminus:hover {
color:#0275d8;
}
#page_tooltip_cart .qtyminus {
border-top:0;
border-bottom:1px solid #ddd;
}
button.qtyplus.qty_disable, button.qtyminus.qty_disable {
color:#ccc!important;
}
#page_tooltip_cart_input, #page_tooltip_cart_button {
float:left;
width:50%;
position:relative;
}
#page_tooltip_cart_button {
background:#0275d8;
transition:0.4s;
}
#page_tooltip_cart_button:hover {
background:#333;
}
#page_tooltip_cart_button a, .page_tooltip_func_det a, .page_tooltip_func_fav a {
font-size:0;
display: block;
}
#page_tooltip_cart_button a:after {
color:#fff;
}
#page_tooltip_cart_button a:after, .page_tooltip_func_det a:after, .page_tooltip_func_fav a:after, .page_tooltip_func_compare a:after {
content:'\f291';
font-family:'FontAwesome';
font-size:22px;
line-height:36px;
}
.page_tooltip_func_det a:after {
content:'\f06e';
font-size:28px;
}
.page_tooltip_func_fav a:after {
content:'\f08a';
font-size:24px;
}
#page_tooltip .page_tooltip_func_fav a:before {
display:none;
}
.page_tooltip_func_compare a:after {
content:'\f080';
font-size:24px;
}
#page_tooltip .page_tooltip_func_compare a:before {
display:none;
}
.page_tooltip_func_fav a.remove_favourites:after {
color:#f22;
content:'\f004'
}
.page_artdet_func_compare_checked:after {
color:#f22;
}
#page_tooltip .page_artdet_func_icon:not(.warehouse_info) {
width:auto;
height:auto;
border-radius:0;
box-shadow:none;
}
#page_artdet_egyebtul {
margin-bottom:20px;
text-align:left;
}
#page_tooltip_price {
padding: 10px 20px;
background: rgba(0,0,0,0.06);
width:100%;
}
#page_tooltip_params {
margin-bottom:20px;
}
#page_tooltip_params > .page_tooltip_param_spec_item {
width:100%;
display:none;
}
#page_tooltip_params > .page_tooltip_param_spec_item:nth-child(-n+6) {
display:table;
}
#page_tooltip_params > .page_tooltip_param_spec_item div {
padding: 5px 10px;
text-align:left;
width:60%;
font-weight:700;
vertical-align:middle;
float:left;
}
#page_tooltip_params .page_tooltip_param_spec_item table td {
padding:0;
width:100%;
}
#page_tooltip_params .page_artdet_product_param_color {
width:32px;
height:32px;
}
.page_artdet_product_param_color_text {
height:32px;
line-height: 32px;
margin-left: 5px;
float: left;
}
#page_tooltip_params > .page_tooltip_param_spec_item div:first-child {
width:40%;
font-weight:400;
}
#page_tooltip_params > .page_tooltip_param_spec_item:nth-child(2n-3) {
background:rgba(0,0,0,0.04);
}
.page_tooltip_select label {
width:35%;
display: inline-block;
text-align: left;
padding-left:10px;
vertical-align:top;
line-height:36px;
margin:0;
}
.page_tooltip_select .text_select {
width:65%;
display: inline-block;
text-align: left;
vertical-align:top;
}
.page_tooltip_select .text_select select {
width:100%;
}
.page_tooltip_select {
margin-bottom: 10px;
font-size: 0px;
}
.page_tooltip_pic_1 .slider-for, .page_tooltip_pic_1 .slider-for img {
max-height:266px;
}
.page_tooltip_pic_1 .slick-slide img {
display:inline-block;
padding:0 5px;
cursor:pointer;
}
.page_tooltip_pic_1 .slider-for .slick-slide img {
padding:0;
}
.page_tooltip_pic_1 .slider-nav .slick-slide img {
max-height:80px;
}
.page_tooltip_pic_1 .slick-initialized .slick-slide {
display:inline-block;
vertical-align:middle;
}
.page_tooltip_pic_1 .slick-slide {
float:none;
}
.page_tooltip_pic_1 .slick-prev, .page_tooltip_pic_1 .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width:16px;
height:20px;
transform:translateY(-50%);
padding: 0;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent!important;
}
.page_tooltip_pic_1 .slick-prev {
left: -16px;
}
.page_tooltip_pic_1 .slick-next {
right: -16px;
}
.page_tooltip_pic_1 .slick-prev:before, .page_tooltip_pic_1 .slick-next:before {
font-family: 'FontAwesome';
font-size: 20px;
color:#333;
content:'\f053';
display:inline-block;
width:16px;
text-align:center;
line-height:20px;
transition:all 0.4s ease;
}
.page_tooltip_pic_1 .slick-prev:hover:before, .page_tooltip_pic_1 .slick-prev:active:before, .page_tooltip_pic_1 .slick-next:hover:before, .page_tooltip_pic_1 .slick-next:active:before {
color:#0275d8;
}
.page_tooltip_pic_1 .slick-next:before {
content:'\f054';
}
.page_tooltip_pic_1 .slick-dots, .page_tooltip_pic_1 .slick-dots li {
height:8px;
}
.slick-dots {
margin-top:10px;
}
.page_tooltip_pic_1 .slick-dots li {
list-style:none;
display:inline-block;
}
.page_tooltip_pic_1 .slick-dots li button {
margin:0 8px;
font-size:0px;
border-radius:50%;
width:8px;
height:8px;
padding: 0;
}
.page_tooltip_pic_1 .slider-nav {
margin-top:20px;
}
#page_PopupContainer_tooltip .select {
width:100%;
height:36px;
}
.common_tooltip {
background: #f1f1f1;
border-radius:4px;
position: absolute;
visibility: hidden;
left: -980%;
font-size: 11px;
letter-spacing:1px;
line-height: 22px;
width: auto;
height: auto;
top: 0;
z-index: 2;
text-transform: uppercase;
color: #333;
padding:10px;
overflow: visible;
white-space: nowrap;
display: inline-block;
clear: both;
opacity: 0;
transform: translate(-50%,-100%);
transition: all 0.3s ease;
-webkit-box-shadow: 0px 0px 10px 0px #bbbbbb;
-moz-box-shadow: 0px 0px 10px 0px #bbb;
box-shadow: 0px 0px 10px 0px #bbb;
}
.common_tooltip_inner {
min-width: 265px;
text-align: left;
}
.page_order_track_status_history:hover .common_tooltip:after {
right: 20px;
}
.page_order_track_status_history {
position: relative;
color: #0275d8;
transition: all 0.3s ease;
}
body:not(.design_subver3) .page_order_track_status_history {
display: inline-block;
}
#ud_shop_order_track_det .page_order_track_status_history {
margin: 0;
}
.page_order_track_tr_body:hover .page_order_track_status_history {
color: white;
}
.page_order_track_status_history.has_tooltip::before {
font-family: "FontAwesome";
font-size: 13px;
content:"\f1da";
}
.page_order_track_status_history:hover .common_tooltip {
visibility: visible;
top: -15px;
opacity: 1;
}
.page_order_track_status_history_name,
.page_order_track_status_history_date {
display: inline-block;
font-size: 10px;
}
.page_order_track_status_history_date {
margin-right: 15px;
}
.page_order_track_tr_body.has_status_history a {
width: auto;
}
@media(max-width:460px) {
#ud_shop_order_track_det .common_tooltip {
left: -400%;
}
}
/*** LIGHTBOX ***/
#lightbox-wrap {
border-radius:0px;
box-shadow:none;
background:rgba(0,0,0,0.2);
padding:0px;
margin:20px;
}
#lightbox-outer {
border-radius:0px;
box-shadow:none;
background:#fff;
margin:5px;
width:auto;
height:auto;
}
#lightbox-content {
border-radius:0px;
border:none;
}
#lightbox-wrap, #lightbox-wrap a, #lightbox-wrap img {
box-sizing:initial!important;
}
#lightbox-close {
box-shadow:none;
background:transparent;
top: 0;
right: -56px;
}
#lightbox-close:hover {
background:transparent;
}
#lightbox-close span {
background:none;
}
#lightbox-left {
left: 0;
top: 0;
bottom: 0;
width: 48%;
background:none;
}
#lightbox-right {
left:auto;
right: 0;
top: 0;
bottom: 0;
width: 48%;
background:none;
}
#lightbox-left:hover, #lightbox-right:hover {
background:none;
}
#lightbox-left span, #lightbox-right span {
display:none;
}
#lightbox-left:before, #lightbox-right:before {
content:'\f104';
font-family:'FontAwesome';
color:#333;
font-size:40px;
position:absolute;
transform:translateY(-50%);
top:50%;
left:20px;
transition:0.4s;
}
#lightbox-right:before {
left:auto;
right:20px;
content:'\f105';
}
#lightbox-left:hover:before, #lightbox-right:hover:before {
color:#0257d8;
}
/*** ADD-TO-CART ANIMATION ***/
#image_to_cart img {
transition:none!important;
}
/*** PAGE CART 1 ***/
[name=form_temp2] {
display:none;
}
#overlay_cart_empty {
display:none;
}
.page_cart_tr_head td {
padding:0px 5px 10px 5px;
text-align:center;
line-height:14px;
text-transform:uppercase;
font-size:11px;
vertical-align:bottom;
}
.page_cart_tr_item td {
transition: 0.4s;
text-align:center;
vertical-align:middle;
padding:5px;
}
.page_cart_tr_item:not(.cart-package-offer-item) td {
border-top:1px solid #ddd;
}
.page_cart_tr_item:hover td {
background:#0275d8;
color:#fff;
}
.page_cart_tr_item:hover td a, .page_cart_tr_item:hover td span {
color:#fff;
}
.page_cart_td_pic {
max-width:10%;
height:100px;
}
.page_cart_tr_head .page_cart_td_pic {
height:auto;
}
.page_cart_td_nev {
width:30%;
}
.page_cart_td_netto, .page_cart_td_brutto, .page_cart_td_menny, .page_cart_td_sum {
width:14%;
}
.page_cart_td_button {
width:4%;
}
.page_cart_table {
width:100%;
}
.page_cart_menny {
display:inline-block;
font-weight: 700;
}
.desktop .cart-package-offer-item .page_cart_menny {
display: inline-flex !important;
align-items: baseline;
}
.cart-package-offer-item .page_cart_td_menny .text_smaller{
font-size: 11px;
line-height: 11px;
}
.cart-package-offer-item .page_qty_input{
opacity: 1;
background: transparent;
text-align: right !important;
padding: 0 !important;
border: none !important;
}
.page_cart_tr_item.cart-package-offer-item:hover .page_qty_input{
color: #fff;
}
.page_cart_tr_item:not(.cart-package-offer-item) .page_cart_menny.page_cart_item_nomod .text_color_white{
font-weight: 700;
}
.page_cart_menny.page_cart_item_nomod, .page_cart_unit.page_cart_item_nomod {
display:inline-flex;
vertical-align:baseline;
}
.page_cart_tr_item:not(.cart-package-offer-item) .page_cart_menny.page_cart_item_nomod{
width: 34px;
justify-content: end;
}
.page_cart_menny.page_cart_item_nomod .text_color_white {
font-weight:400;
}
.page_cart_td_menny [type=text] {
text-align:center;
width:34px;
font-weight:700;
padding:0 5px;
border-right:none;
color:#333;
}
.cart-package-offer-item .page_cart_td_menny [type=text] {
border: none;
}
.page_cart_unit {
font-size: 11px;
line-height: 11px;
}
.page_cart2_qty, .page_cart2_button {
float:left;
position:relative;
}
.page_cart2_unit {
background: #0275d8;
border-radius: 4px;
position: absolute;
visibility: hidden;
left: 50%;
font-size: 11px;
letter-spacing: 1px;
line-height: 22px;
width: auto;
height: auto;
top: 0;
z-index: 2;
text-transform: uppercase;
color: #fff;
padding: 10px;
overflow: visible;
white-space: nowrap;
display: inline-block;
clear: both;
opacity: 0;
transform: translate(-50%,-100%);
transition: all 0.3s ease;
}
.page_cart2_unit:after {
content: '';
display: block;
width: 10px;
height: 10px;
background: #0275d8;
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
}
.page_cart2_qty:hover .page_cart2_unit {
visibility: visible;
top: -20px;
opacity: 1;
}
button.qtyplus, button.qtyminus {
padding:0;
background:#fff;
font-family:'FontAwesome';
color:#333;
height: 18px;
line-height:18px;
width: 20px;
display: block;
border-right:1px solid #ddd;
}
span.max_qty_raw, span.min_qty_raw, span.unit_step_raw {
display:none;
}
button.qtyplus:before {
content:'\f077';
}
button.qtyminus:before {
content:'\f078';
}
button.qtyplus {
border-top:1px solid #ddd;
}
button.qtyminus {
border-bottom:1px solid #ddd;
}
.page_cart_td_menny .text_input, .page_cart_td_menny .cart_qty_buttons {
float:left
}
button.qtyplus:hover, button.qtyminus:hover, button.qtyplus:active, button.qtyminus:active {
background:#fff;
color:#0275d8;
}
.page_icon.page_cart_icon_delete:after, .page_icon.page_cart_icon_refresh:after {
content:'\f014';
font-family:'FontAwesome';
font-size:16px;
display:inline-block;
cursor:pointer;
}
.page_icon.page_cart_icon_delete.disabled:after, .page_icon.page_cart_icon_refresh.disabled:after {
cursor: inherit;
}
.page_icon.page_cart_icon_refresh {
float:left;
}
.page_icon.page_cart_icon_refresh:after {
content:'\f021';
line-height:36px;
margin-left:6px;
}
.page_cart_td_menny .text_smaller {
display:none;
}
.cart-package-offer-item .page_cart_td_menny .text_smaller {
display:inline-flex;
}
#page_cart_sum {
background:#f5f5f5;
padding:20px;
}
.page_cart_sum_row {
padding: 5px 0;
}
#page_cart_coupon {
margin-top: 10px;
padding: 0px 20px;
background:#f5f5f5;
text-align:right;
height:auto;
}
.page_cart_sum_row.total div {
font-weight:700;
color:#0275d8;
font-size:16px;
}
.page_cart_sum_row .text_button input {
position: absolute;
top: 0;
left: 0;
font-size: 0;
padding: 0;
display: block;
height: auto;
width: 100%;
background: none;
}
.page_cart_sum1, .page_cart_sum2, .page_cart_sum3 {
float:left;
}
.page_cart_sumbox {
float:left;
width:45%;
}
.page_cart_sumbox.noinfo {
margin-left:55%;
}
.page_cart_sum1 {
width:58%;
text-align:right;
padding-right:20px;
text-align:right;
text-transform:uppercase;
}
.page_cart_sum2 {
width:42%;
text-align:center;
}
.page_cart_sum3 {
width:50%;
border:3px solid rgba(51,122,183,0.05);
padding: 40px 20px 40px 70px;
border-radius:4px;
position:relative;
background:rgba(2,117,216,0.05);
margin-right:5%;
}
.page_cart_sum3:before {
content:'\f129';
font-family:'FontAwesome';
color:#337ab7;
font-size:18px;
line-height:32px;
text-align:center;
position:absolute;
top:50%;
left:5%;
transform:translateY(-50%);
display:block;
width:40px;
height:40px;
border:5px solid rgba(51,122,183,0.2);
border-radius:50%;
}
#page_cart_foot_functions {
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
width:100%;
padding: 0 20px;
margin-top:10px;
}
.page_cart_foot .text_button {
display:inline-block;
vertical-align:middle;
margin:0 15px;
cursor:pointer;
}
.page_cart_foot #page_cart_foot_button_order {
width:auto;
float:right;
margin-top:10px;
}
.page_cart_foot #page_cart_foot_button_order input {
background:#333;
padding: 0 40px;
min-width:280px;
font-size:14px;
}
.page_cart_foot #page_cart_foot_button_order input:hover {
background:#0275d8;
}
.page_cart_foot .text_button input {
padding:0;
background:none;
color:#333;
letter-spacing:0.5px;
}
.page_cart_foot .text_button:hover input {
color:#0275d8;
}
.page_cart_foot .text_button:before {
content:'';
font-size:16px;
color:#333;
font-family:'FontAwesome';
display: inline-block;
vertical-align: top;
line-height: 36px;
margin-right: 8px;
transition:0.4s;
}
.page_cart_foot .text_button:hover:before {
color:#0275d8;
}
#cart_button_back:before, #page_cart2_button_back:before {
content:'\f104';
font-size:22px;
}
#page_cart_bid:before, #page_cart2_bid:before {
content:'\f0f6';
font-size:15px;
}
#cart_button_mod:before, #page_cart2_button_mod:before {
content:'\f021';
}
#page_cart_store:before, #page_cart2_store:before {
content:'\f0c7';
}
#page_cart_restore:before, #page_cart2_restore:before {
content:'\f291';
font-size:15px;
}
#page_cart2_restore2 input {
margin-top:20px;
}
#page_cart_empty:before, #page_cart2_empty:before {
content:'\f014';
font-size:17px;
}
#page_cart_main {
margin-bottom:40px;
}
.page_cart_store, .page_cart_shipping_title {
width:100%;
height:auto;
background:#f5f5f5;
position:relative;
margin-top:10px;
line-height:16px;
padding:11px 0;
}
.page_cart_store.order-verification{
margin: 0;
}
.page_cart_store.cart{
margin-bottom: 20px;
}
.page_cart_store_button {
padding:0 20px;
}
#page_cart_weight {
padding:11px 20px 11px 60px;
}
.page_cart_sum_row input[type=text] {
width:200px;
height:28px;
font-weight:700;
display: block;
margin-top: 5px;
}
.page_cart_store input[type=button] {
height:26px;
width:38px;
background:none;
padding:0;
font-size:0px;
position:absolute;
top:0;
left:0;
}
#page_cart_coupon .text_button {
width:40px;
height:28px;
border:1px solid #ccc;
line-height:26px;
margin-top: 5px;
text-align:center;
position:relative;
transition:0.4s;
cursor:pointer;
}
#page_cart_coupon .text_button:before {
font-family:'FontAwesome';
content:'\f00c';
font-size:16px;
color:#333;
transition:0.4s;
}
#page_cart_coupon .text_button:hover {
border-color:#0275d8;
background:#0275d8;
}
#page_cart_coupon .text_button:hover:before {
color:#fff;
}
#page_cart_coupon .text_input {
margin:0 0 0 10px;
}
.page_cart_sum_row > span {
line-height:38px;
display:inline-block;
vertical-align:top;
}
#page_cart_weight:before {
content: 'kg';
border-bottom: 16px solid #0275d8;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
height: 0;
width: 26px;
text-align: center;
line-height: 16px;
font-size: 11px;
color: #fff;
border-radius: 3px;
top: 14px;
left:20px;
position:absolute;
}
#page_cart_weight:after {
content: '';
border: 4px solid #0275d8;
border-radius: 50%;
width: 12px;
height: 12px;
display: block;
position: absolute;
top: 6px;
left: 27px;
}
#page_cart_shipping_free {
font-weight:700;
text-align:left;
padding-left:10px;
}
#page_cart_shipping_cost_all {
background:#f5f5f5;
padding:0 20px;
}
.page_cart_shipping_row:not(:first-child) {
border-top:1px solid #ddd;
}
.page_cart_shipping_title {
text-transform:uppercase;
font-weight:700;
letter-spacing:1px;
font-size:14px;
}
.page_cart_shipping_name, .page_cart_shipping_value {
width:50%;
float:left;
padding:10px 20px;
text-align:left;
}
.page_cart_shipping_name {
text-align:right;
}
.page_cart_shipping_value {
font-weight:700;
}
.page_cart_td_menny [type=text].page_cart_db_error {
color:#fff;
background:#f22;
}
.js-clock {
font-size:1.4rem;
font-weight:700;
margin:0 3px;
letter-spacing:.1rem;
}
@media (max-width:640px) {
.cart-item__counter {
color: #333;
}
}
@media (max-width:480px) {
.cart-item__counter {
font-size:11px;
}
.js-clock {
margin:0 2px;
}
}
/*** PAGE CART 1 MOBILE ***/
.page_cart2_items {
border-bottom:1px solid #ddd;
margin-bottom:10px;
padding-bottom:10px;
}
.page_cart2_pic {
width:35%;
float:left;
padding:0 10px;
min-height: 10px;
}
.page_cart2_data {
width:65%;
float:left;
padding-left: 10px;
}
.page_cart2_nev {
margin-bottom:10px;
}
.page_cart2_nev a {
display:block;
font-weight:700;
line-height:18px;
}
.page_cart2_nev > span > span {
font-weight:700;
}
.page_cart2_nev span.name_plus_variant {
font-weight:400;
}
.page_cart2_nev .text_small {
font-size:11px;
line-height:12px;
display:block;
color:#888;
}
.page_cart2_nev .text_small br {
display:none;
}
.page_cart2_title, .page_cart2_content {
float:left;
display:block;
width:50%;
line-height:14px;
}
.page_cart2_title {
text-align:right;
padding-right:10px;
font-size:11px;
}
.page_cart2_content {
text-align:left;
}
.page_cart2_menny .page_cart2_content {
text-align:center;
}
.page_cart2_menny .page_cart2_content {
width:100%;
background:#f5f5f5;
display: block;
margin: 10px 0;
height: 36px;
}
.page_cart2_menny .text_input input {
width:40px;
padding:0;
text-align:center;
font-weight:700;
font-size:13px;
}
.page_cart2_menny .text_smaller {
display:none;
}
.page_cart2_menny .page_cart2_title {
line-height:36px;
}
.page_cart2_qty .text_normal {
line-height: 36px;
font-weight: 700;
display:inline-block;
vertical-align:baseline;
}
.page_cart2_unit_nomod {
font-size:11px;
line-height:36px;
display:inline-block;
vertical-align:baseline;
margin-left: 5px;
}
.page_cart2_content .plus, .page_cart2_content .minus, .page_cart2_content .text_input {
float:left;
}
.page_cart2_content .plus button, .page_cart2_content .minus button {
width:28px;
height:36px;
border:none;
font-size:14px;
font-weight:400;
background:transparent;
}
.page_cart2_content .page_icon:after {
display:block;
width:34px;
height:36px;
float: left;
line-height:36px;
text-align:center;
}
.page_cart2_summaries {
background:#f1f1f1;
padding:10px;
}
.page_cart2_footer {
margin-top:10px;
}
.page_cart2_foot {
width:100%;
margin-top:10px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.page_cart2_footer #page_cart_tr_foot_button_order {
display:block;
margin:10px 20px 20px 20px;
}
.page_cart2_footer #page_cart_tr_foot_button_order input {
width:100%;
background: #333;
font-size:15px;
}
.page_cart2_content .page_icon {
float:left;
}
.page_cart2_wrap {
display:inline-block;
}
.page_cart2_foot .text_button:before {
content: '';
font-size: 16px;
color: #333;
font-family: 'FontAwesome';
display: inline-block;
vertical-align: top;
line-height: 40px;
width:40px;
height:40px;
transition: 0.4s;
margin:0 15px;
}
.page_cart2_foot .text_button input {
display:none;
}
/*** PAGE REG 1 ***/
.newcust_section {
background:#f1f1f1;
margin-bottom:40px;
width:100%;
padding-bottom:20px;
}
#newcust_checkbox.newcust_section {
padding-bottom: 0px;
}
#newcust_checkbox .newcust_row {
padding-bottom:0px;
}
.page_headtext {
background:#333;
min-height:40px;
line-height:18px;
padding:11px 0;
text-transform:uppercase;
color:#fff;
font-size:16px;
letter-spacing:1px;
text-align:center;
}
.page_design_fault_out {
display:table;
width:100%;
height:auto;
margin-top:10px;
}
#newcust_checkbox .page_design_fault_out {
margin-top:0px;
}
.newcust_col1 {
width:35%;
padding:0 5% 0 0;
text-align:right;
min-height:36px;
display:table-cell;
vertical-align:middle;
line-height:14px;
}
.newcust_col2 {
display:table-cell;
width:65%;
padding:0;
text-align:left;
}
.page_design_fault .text_input_radio {
border: solid 1px #f22 !important;
}
.page_newcust_input [type=text], .page_newcust_input [type=password] {
width:80%;
}
.page_newcust_input [type=text].page_input_width_phone_country {
width:15%;
min-width:60px;
text-align:center;
padding:0 10px;
}
.page_newcust_input [type=text].page_input_width_phone {
width:63%;
}
.customer_address_row_data.with-checkbox{
padding-top: 8px;
}
.customer_address_row_data .select,
.newcust_col2 .select {
width:80%;
}
.newcust_col2 table {
height:36px;
}
.newcust_col2 table td {
vertical-align:middle;
}
.newcust_col3 table {
height:36px;
text-align:left;
}
.newcust_col3 table td {
padding:10px 20px 10px 20px;
}
.page_design_fault_text {
color:#f22;
display:table-caption;
}
.page_design_fault .newcust_col1, .page_design_fault .newcust_col2, .page_design_fault .newcust_col3 {
padding-top:5px;
padding-bottom:5px;
background:#f22;
}
#page_order_control_cart2 .control_cart2_item.page_design_fault {
padding-top:5px;
padding-bottom:5px;
background:#f22 !important;
}
.page_design_fault .newcust_col1, .page_design_fault .newcust_col1 a, .page_design_fault .newcust_col2, .page_design_fault .newcust_col2 a, .page_design_fault .newcust_col3, .page_design_fault .newcust_col3 a {
color:#fff;
}
#button_del {
background:#ccc;
}
#button_del:hover {
background:#0275d8;
}
#page_reg_content #tab2_reg, #page_reg_ok_content #tab2_reg, #page_reg_content #page_tabs_outer, #page_reg_ok_content #page_tabs_outer {
margin-bottom:40px;
}
/*** PAGE REG 2 ***/
.newcust_section_2 {
margin-bottom:40px;
display: flex;
flex-wrap: wrap;
}
.page_headtext_2 {
text-transform:uppercase;
font-size:15px;
font-weight:bold;
text-align:left;
letter-spacing:1px;
border-bottom:1px solid #333;
width: 100%;
margin-bottom: 15px;
}
.newcust_row_2 {
float:left;
margin-bottom:5px;
}
#newcust_reg .newcust_row_2 {
width:30.3333%;
margin:0 1.5%;
}
.newcust_2_col1 {
line-height:14px;
text-align:left;
padding-bottom:5px;
}
.newcust_2_col2 input[type=text], .newcust_2_col2 input[type=password] {
width:100%;
}
#newcust_contact .newcust_row_2 {
width:30.3333%;
margin:0 1.5%;
}
#newcust_contact .newcust_2_col2 span.text_input {
float:left;
}
#newcust_contact .newcust_2_col2 span.text_input:first-child {
width:30%;
}
#newcust_contact .newcust_2_col2 span.text_input:last-child {
width:68.5%;
margin-left:1.5%;
}
.newcust_2_col2 [type=text].page_input_width_phone_country, .newcust_2_col2 [type=text].page_input_width_phone {
width:100%;
min-width:inherit;
}
.newcust_section_2 #div_out_default_name, .newcust_section_2 #div_out_default_country, .newcust_section_2 #div_out_other_name, .newcust_section_2 #div_out_other_country, .newcust_section_2 #div_out_default_address, .newcust_section_2 #div_out_other_address {
width:47%;
margin:0 1.5%;
}
.newcust_section_2 #div_out_email .newcust_2_col2 span.text_input:last-child, .newcust_section_2 #div_out_contact_name .newcust_2_col2 span.text_input:last-child, .newcust_section_2 #div_out_contact_email .newcust_2_col2 span.text_input:last-child {
width:100%;
margin:0;
}
.newcust_section_2 #div_out_default_country .select, .newcust_section_2 #div_out_other_country .select {
width:100%;
}
.newcust_section_2 #div_out_other_address .select,
.newcust_section_2 #div_out_default_address .select {
width: 84%;
}
.newcust_section_2 #div_out_default_zip, .newcust_section_2 #div_out_other_zip {
width:12%;
margin:0 1.5%;
}
.newcust_section_2 #div_out_default_county, .newcust_section_2 #div_out_default_city, .newcust_section_2 #div_out_other_county, .newcust_section_2 #div_out_other_city, .newcust_section_2 #div_out_other_vat {
width:22%;
margin:0 1.5%;
}
.newcust_section_2 #div_out_default_street, .newcust_section_2 #div_out_other_street {
width:32%;
margin:0 1.5%;
}
.newcust_section_2 #div_out_default_vat, .newcust_section_2 #div_out_default_eu_vat {
width:22%;
margin:0 1.5%;
}
.newcust_section_2 #div_out_default_same {
float:none;
width:97%;
margin:0 1.5%;
}
.newcust_2_col2 {
text-align:left;
}
.newcust_2_col2 .customer_row{
margin-top: 5px;
}
.newcust_section_2 #div_out_newsletter {
width:97%;
margin:0 1.5%;
}
.newcust_row_2 .page_design_fault input {
border-color:#f22;
}
.newcust_section_2 .page_design_fault_text {
display:block;
text-align:left;
font-weight:700;
}
.page_design_fault_section {
width:100%;
margin:20px 1.5% 0 1.5%;
}
.company_type {
display:inline-block;
vertical-align:top;
max-width: calc(100% - 30px);
}
#div_out_company_choose .newcust_2_col2 > *:nth-child(2n) {
margin-right:20px;
}
#newcust_other .newcust_row_2 {
margin:0 1.5%;
}
#newcust_other .page_headtext_2 {
margin-bottom:20px;
}
#newcust_other .newcust_col2 br, #newcust_other .newcust_2_col2 br {
display:none;
}
.newcust.other_radio, .newcust_2.other_radio {
display:inline-block;
vertical-align:top;
margin:8px 20px 8px 0;
}
.newcust .other_radio.text, .newcust_2 .other_radio.text {
padding-left:5px;
}
/*** ORDER STEPS ***/
#page_orderflow_outer {
width:100%;
margin:40px 0 80px 0;
height:30px;
}
.page_orderflow_item {
width:24%;
float:left;
height:30px;
background-color:#f1f1f1;
position:relative;
margin-right:2%;
}
.page_orderflow_step_3 .page_orderflow_item {
width:32%;
}
.page_orderflow_step_5 .page_orderflow_item {
width:19%;
}
.page_orderflow_item:not(:last-child) {
margin-right:0;
}
.page_orderflow_step_4 .page_orderflow_item:first-child {
width:23%;
}
.page_orderflow_step_3 .page_orderflow_item:first-child {
width:31%;
}
.page_orderflow_step_5 .page_orderflow_item:first-child {
width:18%;
}
.page_orderflow_item_ok, .page_orderflow_item_select {
background-color:#0275d8;
border-color:#0275d8;
}
.page_orderflow_item_num {
font-size:24px;
font-weight:700;
width:60px;
height:60px;
border-radius:50%;
border:6px solid #f1f1f1;
background:#fff;
position:absolute;
transform:translateY(-50%);
right:-8%;
top:50%;
line-height:46px;
text-align:center;
z-index:1;
transition:0.4s;
}
#page_orderflow_send .page_orderflow_item_num {
right:-8%;
}
.page_orderflow_item_ok .page_orderflow_item_num, .page_orderflow_item_select .page_orderflow_item_num {
color:#0275d8;
border-color:#0275d8;
}
.page_orderflow_item_ok .page_orderflow_item_num:hover {
background-color:#0275d8;
color:#fff;
}
.page_orderflow_item_text {
position: absolute;
top: 60px;
left: 50%;
transform: translateX(-50%);
line-height: 12px;
color: #333;
min-width: 50px;
font-size: 10px;
text-transform: uppercase;
}
.page_headbutton #button_prev, .page_headbutton #button_back {
background:#ccc;
}
.page_headbutton #button_prev:hover, .page_headbutton #button_back:hover {
background:#0275d8;
}
.terms_no_checkbox {
padding: 10px;
}
/*** ORDER STEPS / MODS ***/
.page_order_mods_table, .page_order_control_table {
width:100%;
margin-bottom:40px;
background:#f1f1f1;
}
.page_order_mods_tr_head td, .page_order_control_tr_head td {
line-height:18px;
padding:11px 0;
text-align:center;
background:#333;
color:#fff;
font-size:16px;
text-transform:uppercase;
letter-spacing:1px;
}
.page_order_mods_tr_text td, .page_order_mods_tr_body td {
padding:10px;
}
.border_fault .page_order_mods_tr_body td {
background:#f22;
}
.page_order_mods_tr_body input[type=text] {
width:80%;
min-width:200px;
}
.page_order_mods_td_1, .page_order_mods_td_2, .page_order_control_td_1, .page_order_control_td_2, .page_order_control_td_3, .page_order_control_tr_body td, .page_order_control_tr_footer td {
padding:10px;
height: 40px;
}
.page_order_mods_td_1 {
width:15%;
min-width:40px;
text-align:right;
vertical-align:top;
}
.page_order_mods_td_2 {
text-align:left;
width:85%;
}
#page_order_mods_shipping .page_order_mods_td_2 {
width:55%;
}
#ud_shop_order_return #page_order_mods_payment .page_order_mods_td_2 {
width:55% !important;
}
#order_return_send{
margin-bottom: 10px;
}
.page_order_mods_td_3 {
width:30%;
background:rgba(0,0,0,0.05);
}
.page_newcust_button_left {
float:left;
}
.page_newcust_button_right {
float:right;
}
#page_order_terms_check td {
text-align:left;
padding:9px 20px 9px 0;
}
#page_order_terms_check .text_input_checkbox {
padding-left:20px;
}
.page_order_mods_table .page_order_fault_text {
color:#f22;
text-align:center;
padding:5px 0;
}
.page_order_mods_deliverypoint_text {
padding-right: 40px;
position: relative;
}
.page_order_mods_deliverypoint_widget {
display: block;
position: absolute;
top: 15px;
right: -10px;
}
.page_order_mods_deliverypoint_select {
padding-right: 40px;
}
.page_order_mods_deliverypoint, .page_order_mods_deliverypoint_select {
margin-top:10px;
}
.page_order_mods_deliverypoint_select .select {
margin-bottom:6px;
width:100%;
max-width:300px;
}
.page_order_mods_deliverypoint_widget a:before {
content:'\f278';
font-family:'FontAwesome';
font-size:24px;
color:#333;
}
.page_order_mods_deliverypoint_widget a:after {
content:'\f041';
font-family:'FontAwesome';
font-size:24px;
color:#333;
position: absolute;
top: -12px;
left: 7px;
}
.page_order_mods_deliverypoint_widget a {
float: right;
padding-right: 10px;
position:relative;
}
.font-weight-bold {
font-weight: 700 !important;
}
/*** ORDER STEPS / CONTROL ***/
.page_order_control_td_1.stock-alert::before{
content: '* ';
}
#page_order_control_main {
padding-top:40px;
}
#page_order_control_szam, #page_order_control_szall, #page_order_control_modfiz, #page_order_control_modszall {
float:left;
width:calc(50% - 1px);
}
#page_order_control_szall, #page_order_control_modszall {
margin-left:2px;
}
#page_order_control_kap .page_order_control_tr_body td {
font-weight:700;
width:33.33%;
text-align:center;
}
#page_order_control_szam .page_order_control_td_1, #page_order_control_szall .page_order_control_td_1 {
text-align:right;
}
#page_order_control_szam .page_order_control_td_2, #page_order_control_szall .page_order_control_td_2 {
text-align:left;
font-weight:700;
}
.page_icon_modify {
color: #029aff;
cursor:pointer;
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
.page_icon_modify:hover {
transform:scale(1.2);
}
#page_order_control_cart .page_order_control_td_pic {
max-width: 80px;
padding: 0;
width: 80px;
}
#page_order_control_cart .page_order_control_td_1 span {
font-size:10px;
display:block;
}
#page_order_control_cart .page_order_control_td_1 span.variant_1_value,
#page_order_control_cart .page_order_control_td_1 span.variant_2_value,
#page_order_control_cart .page_order_control_td_1 span.variant_3_value {
display: inline-block;
}
#page_order_control_cart .page_order_control_td_1 span br {
display:none;
}
#page_order_control_cart .page_order_control_tr_title td {
font-weight:700;
}
#page_order_control_cart .page_order_control_tr_body:not(.cart-package-offer-item) td {
border-top:1px solid #ddd;
}
#page_order_control_cart2 {
margin-bottom:40px;
background:#f5f5f5;
display:none;
}
#page_order_control_cart2 .page_order_control_tr_head {
height:40px;
text-align:center;
background:#333;
color:#fff;
text-transform:uppercase;
letter-spacing:1px;
font-size:11px;
line-height:40px;
}
.control_cart2_item {
clear:both;
width:100%;
font-size: 0px;
padding-bottom:10px;
}
#page_order_control_cart2 .control_cart2_item:nth-child(2n-3) {
background:#eee;
}
.control_cart2_name {
color:#337ab7;
line-height:14px;
padding:10px;
}
.control_cart2_name span {
font-size: 11px;
line-height: 12px;
color: #888;
display:inline-block;
}
input[readonly] {
opacity: 0.7;
cursor: default;
}
.control_cart2_name span br {
display:none;
}
.control_cart2_pic, .control_cart2_itemdata {
display:inline-block;
vertical-align:top;
}
.control_cart2_pic {
width:80px;
margin:0 20px;
}
.control_cart2_itemdata {
width:calc(100% - 140px);
}
.control_cart2_title, .control_cart2_value {
float: left;
width: 50%;
line-height: 11px;
text-align:left;
padding:4px 0;
}
.control_cart2_title {
text-align: right;
padding-right: 10px;
font-size: 11px;
}
.control_cart2_brutprice_total div {
font-weight:700;
}
.control_cart2_summary {
padding:0 10px;
}
.control_cart2_summary div {
font-weight:700;
font-size:12px;
text-transform:uppercase;
}
.control_cart2_summary > div {
border-top:1px solid #ccc;
}
.control_cart2_summary .fullsum {
color:#0275d8;
}
.control_cart2_summary > div:not(:last-child) {
border-bottom:1px solid rgba(255,255,255,0.3);
}
.control_cart_2_summary_title, .control_cart_2_summary_value {
float:left;
width:50%;
text-align:right;
padding:5px 0;
}
.control_cart_2_summary_value {
min-width:30%;
}
.page_order_control_td_footer {
text-align:right;
text-transform:uppercase;
font-weight:700;
}
.page_order_control_td_footer2 {
font-weight:700;
text-align:center;
}
#page_order_control_sum_net td {
border-top:1px solid #ddd;
}
.page_order_control_tr_body td {
text-align:center;
}
#page_order_control_modfiz .page_order_control_tr_body td, #page_order_control_modszall .page_order_control_tr_body td {
text-align:left;
padding-left:20px;
font-weight:700;
}
#page_order_control_megj textarea, #page_order_control_szall_megj textarea {
width:90%;
height:10em;
}
.terms_table {
background:#f1f1f1;
margin-bottom:20px;
width:100%;
}
.terms_table td {
padding:10px;
text-align:left;
vertical-align: middle;
}
.terms_table td:nth-child(1) {
width:40px;
}
#page_order_control_kap2 {
display:none;
}
#page_order_control_kap2 .page_order_control_td_1 {
width:35%;
text-align:right;
}
#page_order_control_kap2 .page_order_control_td_2 {
width:65%;
text-align:left;
font-weight:700;
}
/*** ORDER STEPS / CHECKOUT ***/
.sponzorem-row{
background: #f1f1f1;
padding-bottom: 20px;
}
.page_titletext.payment_change {
background:#f22;
margin-bottom: 0;
}
.page_titletext.payment_finish {
background:#ac0;
margin-bottom:0;
}
.page_titletext.payment_pending {
background:#f70;
margin-bottom:0;
}
.page_titletext.payment_change:before, .page_titletext.payment_finish:before, .page_titletext.payment_pending:before {
content:'\f071';
font-family:'FontAwesome';
color:#fff;
font-size:14px;
padding-right:10px;
}
.page_titletext.payment_finish:before {
content:'\f05d';
}
.page_titletext.payment_pending:before {
content:'\f017';
}
#page_order_checkout_content .page_headtext {
height: auto;
line-height: 16px;
padding: 12px 0;
font-size:14px;
}
#page_order_checkout_content .page_order_mods_tr_head td {
font-size:14px;
}
.page_titletext_info {
margin-bottom:10px;
}
table.payment_change, table.payment_pending, table.payment_finish {
margin-bottom:10px;
}
table.payment_change .page_order_mods_td_1, table.payment_change .page_order_mods_td_2 {
width:50%;
}
.payment_change .page_order_mods_td_2, .payment_finish .page_order_mods_td_2, .payment_pending .page_order_mods_td_2 {
font-weight:700;
}
.page_text_warning {
font-weight:700;
text-transform:uppercase;
color:#f22;
font-size:16px;
}
.checkout_repay_box {
width:49%;
float:right;
margin-left:2%;
}
.checkout_repay_box.only {
width:100%;
}
.checkout_changepayment_box {
width:49%;
float:left;
}
.checkout_repay_box .checkout_logos {
background:#f1f1f1;
padding:20px 0;
}
.checkout_changepayment_box table {
margin-bottom:0;
}
.checkout_changepayment_box .page_headbutton, .checkout_repay_box .page_headbutton {
margin:0 auto 20px auto;
padding:20px 0;
background:#f1f1f1;
border-top:1px solid #ddd;
}
/*** ORDER STEPS / SEND ***/
.page_order_send_key_outer {
background:#f1f1f1;
padding:10px;
margin-bottom:40px;
}
.order_send_key_code {
font-size:16px;
font-weight:700;
color:#0275d8;
}
#page_order_send_loveallhelpall {
margin:20px 0;
}
#thx_laha_banner_hu {
display: block;
margin: 0 auto;
width: 100%;
height: 90px;
text-align: center;
background-image: url("../../../own/image/laha_banner_720_hu.jpg");
background-position: center;
background-repeat: no-repeat;
}
#thx_laha_banner_en {
display: block;
margin: 0 auto;
width: 100%;
height: 90px;
text-align: center;
background-image: url("../../../own/image/laha_banner_720_en.jpg");
background-position: center;
background-repeat: no-repeat;
}
.page_space2 {
height:30px;
}
.page_text_highlight {
text-transform:uppercase;
margin:10px 0;
font-weight:700;
font-size:16px;
color:#0275d8;
}
.page_text_common {
margin-bottom:10px;
}
.payment_logos {
width:100%;
text-align: center;
}
.payment_method {
width:49%;
float:left;
margin-left:2%;
}
#page_order_send_content .payment_method {
width:100%;
margin:0 auto;
}
.payment_method .page_headbutton {
text-align:center;
}
.payment_method .page_newcust_button_left, .payment_method .page_newcust_button_right {
float:none;
display:inline-block;
vertical-align:top;
margin:0 10px;
}
.payment_method .page_headbutton #button_prev {
background:#ccc;
}
.payment_method .page_headbutton #button_prev:hover {
background:#0275d8;
}
.payment_method .text_input_checkbox {
display: inline-block;
vertical-align: bottom;
}
/*** INFO PAGE ***/
.page_contact_main_table {
width:100%;
}
.page_contact_main_table tr:nth-child(2n-3) td {
background:#f5f5f5;
}
.page_contact_main_td1 {
padding:10px 20px 10px 10px;
text-align:right;
width:35%;
}
.page_contact_main_td2 {
width:65%;
text-align:left;
padding:10px 10px 10px 20px;
font-weight:700;
}
.page_titletext {
width:100%;
height:40px;
background:#333;
color:#fff;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
line-height:40px;
text-align:center;
margin:50px 0 20px 0;
}
.page_contact_mod_1 {
width:100%;
padding:10px 10% 10px 10%;
text-align:left;
}
.page_contact_mod_1 {
border-bottom:1px solid #ddd;
}
.page_contact_payment_name {
font-size:14px;
text-transform:uppercase;
font-weight:700;
}
.page_contact_mod_table {
width:100%;
background:#f5f5f5;
margin:20px 0;
}
.page_contact_mod_table td {
padding:10px 20px;
border:1px solid #ddd;
text-align:center;
}
.contact_form {
width:100%;
border-bottom:1px solid #ddd;
margin-bottom:20px;
}
form[name=form_contact_mail] {
width:80%;
margin:0 auto;
}
.contact_form_label {
float:left;
width:30%;
line-height:36px;
text-align:right;
padding-right:20px;
}
.contact_form_input {
float:left;
width:70%;
padding-left:20px;
margin-bottom:20px;
}
.contact_form_input [type=text], .contact_form_input textarea {
width:100%;
}
.contact_form_input textarea {
height:10em;
}
.contact_form_privacy_policy {
text-align: center;
padding-bottom:10px;
}
.contact_form_privacy_policy .text_input_checkbox {
display: inline-block;
top:5px;
right:5px;
}
.page_tabbed_area em {
font-style: normal;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
}
/*** INFO PAGE / TABBED VERSION ***/
.page_tab_content {
display:none;
padding:20px;
}
.page_tabs {
text-align:center;
border-bottom: 1px solid #ddd;
height: 37px;
font-size:0px;
}
.page_tab {
display:inline-block;
margin: 0 3%;
line-height: 36px;
background: #fff;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
transition: 0.4s;
border-bottom:1px solid #ddd;
}
.page_tab:hover, .page_tab:hover a {
color: #0275d8;
}
.page_tab.page_tab_active {
border-bottom: 1px solid #0275d8;
}
.page_tab.page_tab_active, .page_tab.page_tab_active a {
color: #0275d8;
}
.page_tab_content .page_contact_main_table tr:nth-child(2n-3) td {
background:rgba(0,0,0,0.03);
}
.page_tab_content .page_contact_mod_table {
background:rgba(0,0,0,0.03);
margin-bottom:0;
}
.page_tab_content .page_contact_mod_table td {
border: 1px solid #ccc;
}
.page_contact_mod_2 {
border-bottom:1px solid #ccc;
padding:20px 0;
text-align:left;
}
.page_tab2 {
display:none;
}
.overlay_text #opening_hours {
margin:0 auto;
}
#opening_hours td {
padding: 5px 10px;
background: none;
font-weight: 400;
font-size: 11px;
letter-spacing: 0.5px;
text-align: left;
}
#opening_hours tr:nth-child(2n) td {
background: rgba(0,0,0,0.03);
}
/*** FORUM ***/
.page_forum_topic_head_title {
height:40px;
line-height:40px;
color:#fff;
font-size:16px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
background:#333;
}
.page_forum_topic_topic {
width:100%;
height:40px;
line-height:40px;
background:#f1f1f1;
margin-bottom:2px;
text-align:left;
padding:0 10%;
text-transform:uppercase;
letter-spacing:0.5px;
}
.page_forum_newtopic {
margin-top:20px;
}
.page_forum_newtopic > span {
display:inline-block;
vertical-align:top;
margin:0 1% 10px 1%;
}
.page_forum_newtopic .text_title {
line-height:36px;
text-transform:uppercase;
}
/*** PAGING ***/
.paging {
margin:0;
text-align: center;
}
.paging_left, .paging_num, .paging_right {
float:left;
width:10%;
}
.paging_num {
width:80%;
}
.paging_num.mobile {
display:none;
}
.paging_left, .paging_right {
font-size: 30px;
line-height: 28px;
text-align:left;
height: 28px;
}
.paging_left a {
float:left;
}
.paging_right a {
float:right;
}
.paging_left a:after, .paging_right a:after {
content: '';
font-family: 'FontAwesome';
font-size: 30px;
line-height: 28px;
}
.paging_left a:after {
content: '\f104';
}
.paging_right a:after {
content: '\f105';
}
.page_select_normal a, .page_select_active {
display: inline-block;
height: 28px;
line-height: 28px;
width: auto;
min-width: 28px;
margin: 2px;
padding: 0 5px;
}
.page_select_active {
background:#f1f1f1;
}
.page_select_normal a:hover {
color:#fff;
background:#0275d8;
}
/*** FORUM / FORUM POST ***/
.page_forum_newnote {
background:#f1f1f1;
margin-top:40px;
}
#page_forum_topic_content #page_headbutton {
text-align:right;
}
.page_forum_newnote #page_header, .page_forum_topic_title {
height:40px;
line-height:40px;
text-align:center;
background:#333;
color:#fff;
font-size:16px;
text-transform:uppercase;
letter-spacing:1px;
}
.page_forum_topic_title {
margin-top:20px;
}
.forum_sendpost_col1 {
float: left;
width: 35%;
padding: 0 5% 0 0;
line-height: 36px;
text-align: right;
}
.page_forum_newnote_privacy_policy .forum_sendpost_col1 {
width: 100%;
padding:0px;
text-align: center;
}
.page_forum_newnote_privacy_policy .forum_sendpost_col1 .text_input_checkbox {
top:5px;
right:5px;
display: inline-block;
}
.forum_sendpost_col2 {
float: left;
width: 65%;
padding: 0;
text-align: left;
}
.page_design_fault .forum_sendpost_col1, .page_design_fault .forum_sendpost_col2 {
padding-top:5px;
padding-bottom:5px;
background: #f22;
}
.page_design_fault .forum_sendpost_col2 {
padding-left:5px;
}
.page_design_fault .forum_sendpost_col1, .page_design_fault .forum_sendpost_col1 a {
color: #fff;
}
.page_forum_newnote [type=text], .page_forum_newnote textarea {
width:80%;
}
.page_forum_newnote textarea {
height:10em;
}
.page_forum_newnote_name {
margin-top:40px;
}
.page_forum_newnote_button {
padding:15px 0 40px 0;
}
.page_artforum_element_head {
height:auto;
line-height:18px;
text-align:left;
background:#f1f1f1;
width:100%;
padding:0 20px;
margin-top:20px;
}
.page_artforum_element_head_left, .page_artforum_element_head_right {
float:left;
}
.page_artforum_element_message {
text-align:justify;
padding:10px 20px;
}
/*** FORUM / ARTDET / FORUM POST ***/
.page_artforum_left {
float:left;
width:25%;
margin-right:5%;
}
.page_artforum_right {
float:left;
width:70%;
text-align:left;
}
#page_artforum_content .page_artdet_head {
display:table;
width:100%;
}
#page_artforum_content .page_artdet_name {
text-align:left;
text-transform:uppercase;
display:table-cell;
min-height:48px;
vertical-align:bottom;
width:calc(100% - 88px);
}
#page_artforum_content .page_artdet_buttonback_wrap {
display:table-cell;
vertical-align:top;
width:88px;
}
#page_artforum_content .page_artdet_name h1 {
letter-spacing:1.5px;
font-size:24px;
line-height:28px;
margin:0;
}
#page_artforum_content .page_artdet_buttonback input {
font-size:0px;
padding:0;
width:48px;
height:48px;
background:none;
border-radius:50%;
}
#page_artforum_content .page_artdet_buttonback {
display: block;
height: 48px;
width: 48px;
text-align: center;
line-height: 48px;
box-shadow: inset 0px 0px 0px 5px #f1f1f1;
border-radius: 50%;
font-size: 0px;
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
position: relative;
z-index: 1;
opacity: 1;
margin: 0;
background:none;
float:right;
margin-left:40px;
}
#page_artforum_content .page_artdet_buttonback:before {
content: '\f104';
font-family: 'Fontawesome';
font-size: 26px;
transform: translate(-50%,-50%) scale(1);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
position: absolute;
top: 49%;
left: 50%;
padding-right: 3px;
color:#0275d8;
z-index:-1;
}
#page_artforum_content .page_artdet_buttonback:hover {
box-shadow: inset 0px 0px 0px 8px #0275d8;
}
#page_artforum_content .page_artdet_buttonback:hover:before {
transform: translate(-50%,-50%) scale(0.7);
transition-delay: 0.1s;
}
.page_artforum_right p {
text-align:left;
color:#888;
line-height:24px;
font-size:13px;
}
.page_artforum_title {
height: auto;
line-height: 20px;
padding:10px 0;
width: 100%;
background: #f1f1f1;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 2px;
color: #0275d8;
font-weight: 700;
margin: 40px 0;
}
.page_artforum_titlesub .artdet_rating_box, .page_artforum_titlesub .page_artforum_text {
float: left;
}
.page_artforum_text {
line-height: 24px;
margin-right: 20px;
}
#page_artforum_form_wrap {
width:100%;
max-width:640px;
margin:0 auto;
}
.artforum_newmessage_col1 {
float:left;
width:30%;
text-align:right;
line-height:36px;
padding-right:5%;
}
.artforum_newmessage_col2 {
float:left;
width:65%;
text-align:left;
}
.artforum_newmessage_col2.input_checkbox label {
padding-top: 4px;
}
.page_design_fault .artforum_newmessage_col1, .page_design_fault .artforum_newmessage_col2 {
padding-top: 5px;
padding-bottom: 5px;
background: #f22;
}
.page_design_fault .artforum_newmessage_col1, .page_design_fault .artforum_newmessage_col1 a {
color: #fff;
}
.artforum_newmessage_col2 input, .artforum_newmessage_col2 select, .artforum_newmessage_col2 textarea {
width:96%;
margin-left: 2%;
}
.artforum_newmessage_col2 textarea {
height:10em;
overflow: auto;
resize: vertical;
}
#page_artforum_write_pros .artforum_newmessage_col2 textarea {
height:5em;
background:rgba(170,221,0,0.33);
border:none;
color:#333;
}
#page_artforum_write_cons .artforum_newmessage_col2 textarea {
height:5em;
background:rgba(255,34,34,0.33);
border:none;
color:#333;
}
#page_artforum_write_score .artforum_newmessage_col1, #page_artforum_write_score .artforum_newmessage_col2 {
height:45px;
margin-top:12px;
}
#page_artforum_write_score .artforum_newmessage_col1{
line-height: 41px;
}
.page_artforum_write_score_wrap {
float:left;
width:auto;
}
.rating-input {
display:none;
}
.rating-star {
float:right;
padding:0;
}
.rating-star:before {
content:'\f006';
font-family:'FontAwesome';
color:#bbb;
font-size:18px;
white-space:nowrap;
letter-spacing:3px;
transition:0.4s;
cursor:pointer;
line-height:36px;
}
#page_artforum_write_score .rating-star:hover:before, #page_artforum_write_score .rating-star:hover ~ .rating-star:before, #page_artforum_write_score .rating-input:checked ~ .rating-star:before {
content:'\f005';
color:#0275d8;
}
.page_artforum_ratingvalue {
line-height: 24px;
margin-left: 10px;
}
.page_artforum_titlesub {
text-align:left;
}
.page_artforum_write {
padding:20px;
background:#f1f1f1;
}
#page_artforum_title_write {
font-size:18px;
text-transform:uppercase;
letter-spacing:2px;
color:#0275d8;
font-weight:700;
margin-bottom: 20px;
}
.page_artforum_element_num, .artdet_rating_box, .page_artforum_element_head_date, .page_artforum_element_head_name {
float:left;
}
#page_artforum_content .page_artforum_element_head {
padding:0;
display:flex;
}
#page_artforum_content .page_artforum_element_txt {
flex: 0 0 auto;
max-width: 100%;
height: auto;
padding: 9px 10px 9px 0;
}
#page_artforum_content .page_artforum_element_num {
flex: 0 0 24px;
max-width: 24px;
padding:9px 20px;
text-align:center;
font-weight:700;
box-sizing: content-box;
border-right:2px solid #fff;
margin-right:20px;
}
#page_artforum_content .artdet_rating_box {
width:96px;
}
#page_artforum_content .page_artforum_element_head .artdet_rating_box {
margin: 0 20px 0 0;
}
#page_artforum_content .page_artforum_element_head_date {
padding:0;
}
#page_artforum_content .page_artforum_element_head_name {
padding:0;
}
#page_artforum_content .page_artforum_element_message {
padding-left:88px;
}
#ud_shop_artdet .page_artforum_element_message {
padding-top: 10px;
}
.page_artforum_element_images_wrapper {
padding: 0 20px;
}
.js-review-images {
display: flex;
flex-wrap: wrap;
}
.js-review-image {
position: relative;
margin-bottom: 10px;
width: 50%;
padding: 5px;
}
.js-review-image-wrapper {
padding: 5px;
}
@media (max-width: 790px) {
.js-review-image {
position: relative;
width: 100%;
}
}
.js-review-image-upload-outer {
display: flex;
align-items: center;
justify-content: center;
border: dashed 1px gray;
min-height: 222px;
}
.js-review-image-upload {
margin: 0;
padding: 0;
}
.js-review-image-upload:before {
font-family: "FontAwesome";
content: "\f067";
font-size: 3.5rem;
cursor: pointer;
font-weight: 400;
}
.js-review-image.has-fault .js-review-image-upload-outer {
border-color: red;
}
.js-review-image-delete {
position: absolute;
top: -5px;
right: 0;
}
.js-review-image-delete:before {
content: "\f00d";
font-family: "FontAwesome";
background-color: red;
color: white;
padding: 0.3rem;
cursor: pointer;
font-weight: 400;
}
.js-review-image-content img {
max-height: 200px;
}
.loading-spinner:before {
content:'\f110';
font-family:'FontAwesome';
color:#333;
font-size:30px;
display:block;
margin: 20px auto;
width:30px;
height:30px;
line-height: 30px;
text-align:center;
animation:spin 1.5s linear infinite;
}
.page_artforum_element_images_inner {
display: block;
text-align: left;
margin-left: -5px;
}
.page_artforum_element_images_title {
font-weight: bold;
}
.page_artforum_element_image {
display: inline-block;
padding: 5px;
cursor: pointer;
}
.page_artforum_element_image img {
max-height: 200px;
}
#page_artforum_upload_images {
margin-top: 10px;
}
.page_artforum_element_verified_customer {
display: flex;
min-height: 20px;
align-items: center;
justify-content: flex-start;
}
#ud_shop_artdet .page_artforum_element_verified_customer {
padding-left: 20px;
padding-top: 5px;
}
.page_artforum_element_verified_customer .page_artforum_element_verified_customer_badge {
display: block;
padding: 3px 8px;
color: #fff;
font-size: 10px;
background-color: #28a745;
text-align: center;
margin-bottom: 5px;
font-weight: bold;
}
.page_artforum_element_head_name.mobile,
.page_artforum_element_head_date.mobile {
display: none;
}
@media (max-width: 480px) {
#page_artforum_content.with-verified-opinions .page_artforum_element_message{
padding-left: 20px;
}
#page_artforum_content.with-verified-opinions .page_artforum_element_head_name,
#page_artforum_content.with-verified-opinions .page_artforum_element_head_date {
display: none;
}
.with-verified-opinions .page_artforum_element_head_name.mobile,
.with-verified-opinions .page_artforum_element_head_date.mobile {
display: block;
float: none;
font-weight: bold;
font-size: 12px;
padding-left: 20px;
}
.page_artforum_element_head_date.mobile {
margin-bottom: 5px;
}
}
.page_artforum_element_admin_answer_wrapper {
border: solid 1px #ccc;
padding: 10px;
background: #eee;
margin-top: 10px;
}
#ud_shop_artdet .page_artforum_element_admin_answer_wrapper {
margin-left: 20px;
}
#container.logged-in .writing-review__info{
display: none;
}
.writing-review__verification-info,
.writing-review__info{
font-size: 13px;
}
.writing-review__info br {
display: none;
}
#page_artforum_form_wrap input[readonly]{
background-color: #fafafa;
}
/*** RATING STARS ***/
.artdet_rating_box {
height:18px;
position:relative;
margin-top: 3px;
}
.artdet_rating_empty {
position:relative;
width:auto;
display:inline-block;
vertical-align:top;
font-size:0;
}
.artdet_rating_full {
overflow:hidden;
text-align:left;
position:absolute;
top:0;
left:0;
font-size:0;
white-space: nowrap;
}
.artdet_rating_empty > div:not(:last-child) {
display:inline-block;
vertical-align:top;
white-space:nowrap;
}
.artdet_rating_empty .fa-star-o, .artdet_rating_full .fa-star {
display:inline-block;
vertical-align: top;
font-size:18px;
line-height:18px;
color:#bbb;
letter-spacing:0;
text-align:center;
margin:0 1px;
}
.artdet_rating_full .fa-star {
color:#0275d8;
width:0;
overflow:hidden;
}
/*** SEARCH COMPLEX ***/
#page_searchcomplex_content {
background:#f1f1f1;
width:100%;
padding-top:40px;
padding-bottom:40px;
}
#page_searchcomplex_content .page_headtext {
line-height:normal;
height:auto;
padding:9px 20px;
}
#page_searchcomplex_include_content {
margin-top:20px;
}
#page_art_head_box .page_headtext {
margin-bottom:20px;
}
#page_searchcomplex_content .page_txt {
padding:20px;
text-align:center;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.newcust_col2 [type=text], .newcust_col2 [type=password], .newcust_col2 select, .newcust_col2 textarea {
width:80%;
}
#page_searchcomplex_cat .newcust_col2 span {
display:inline-block;
}
#page_searchcomplex_cat .newcust_col2 span.text_select {
display:block;
}
#page_searchcomplex_cat .newcust_col2 {
padding-top:9px;
}
.page_searchcomplex_section {
margin-bottom:10px;
display: table;
width: 100%;
}
.searchcomplex_cat_item {
font-size:0px;
}
.searchcomplex_cat_item:before {
content:'\f105';
font-family:'FontAwesome';
font-size:13px;
padding:0 10px;
}
#page_searchcomplex_price_min [type=text], #page_searchcomplex_price_max [type=text] {
width:40%;
}
.page_headbutton {
margin-top:20px;
}
#page_searchcomplex_include_content .text_input_checkbox {
float: left;
margin-right: 10px;
}
.newcust_col2 > div:not(:last-child) {
margin-bottom:10px;
}
/*** PAGE ORDER TRACK ***/
.page_order_track_tr_head td {
padding:9px 0;
text-transform:uppercase;
font-size:10px;
letter-spacing:0.5px;
font-weight:700;
}
.page_tab a {
font-size:11px;
display: block;
width: 100%;
height: 36px;
color:#333;
}
#tab_logout a {
font-weight:700;
}
.page_tab:hover a {
color:#0275d8;
}
.page_order_track_table {
width:100%;
border-spacing: 0 2px;
border-collapse: separate;
}
#page_order_track_saved_filters .page_order_track_table .page_order_track_tr_body:hover {
color:#fff;
}
#page_order_track_saved_filters .page_order_track_table td {
padding: 10px;
}
.page_order_track_tr_body {
background:rgba(0,0,0,0.05);
transition:0.4s;
}
.page_order_track_tr_body a {
display: inline-block;
width: 100%;
height: auto;
padding:10px;
vertical-align:top;
line-height:18px;
}
.page_order_track_table .page_order_track_tr_body:hover {
background:#0275d8;
}
.page_order_track_table .page_order_track_tr_body:hover a {
color:#fff;
}
.order_payed, .order_notpayed {
font-family:'FontAwesome';
font-size:14px;
line-height:18px;
color:#0275d8;
display: inline-block;
vertical-align: top;
padding-left:4px;
transition:0.4s;
}
.page_order_track_table .page_order_track_tr_body:hover .order_payed, .page_order_track_table .page_order_track_tr_body:hover .order_notpayed {
color:#fff;
}
#page_order_track_returnnum,
#page_order_track_returnfull,
#page_order_track_ordernum, #page_order_track_orderfull {
margin-top:10px;
text-align:left;
}
.ordernum_title, .orderfull_title {
display: inline-block;
vertical-align: baseline;
line-height: 18px;
font-weight: 700;
text-align: left;
font-size: 11px;
text-transform: uppercase;
width: 59%;
}
#page_order_track_returnnum,
#page_order_track_returnfull,
#page_order_track_ordernum,
#page_order_track_orderfull {
width: 100%;
max-width: 320px;
}
.ordernum_num, .orderfull_full {
display: inline-block;
vertical-align: top;
line-height: 18px;
text-align: left;
width: 39%;
}
@media (max-width: 375px) {
.ordernum_title, .orderfull_title,
.ordernum_num, .orderfull_full {
width: 100%;
display: block;
text-align: left;
}
}
#tab_favorites_content .page_artlist_listing_order {
display:none;
}
/*** PAGE ORDER TRACK / DETAILS ***/
#ud_shop_order_track_det #page_order_control_orderkey {
width: 25%;
float:left;
}
#ud_shop_order_track_det #page_order_control_tracking_information, #ud_shop_order_track_det #page_order_control_invoice_number, #ud_shop_order_track_det #page_order_control_orderstat, #ud_shop_order_track_det #page_order_control_orderdate, #ud_shop_order_track_det #page_order_control_lang, #ud_shop_order_track_det #page_order_control_package_number{
width:calc(25% - 2px);
float:left;
margin-left:2px;
}
#ud_shop_order_track_det #page_order_control_modfiz, #ud_shop_order_track_det #page_order_control_modszall {
width:calc(50% - 1px);
float:left;
}
#ud_shop_order_track_det #page_order_control_modszall {
margin-left: 2px;
}
#page_order_control_invoice_number .page_order_control_tr_body, #page_order_control_orderkey .page_order_control_tr_body, #page_order_control_orderstat .page_order_control_tr_body, #page_order_control_orderdate .page_order_control_tr_body, #page_order_control_package_number .page_order_control_tr_body {
font-weight:700;
color:#0275d8;
}
#page_order_control_package_number .page_order_control_tr_body a {
font-weight: bold;
}
#page_order_control_invoice_number .page_order_control_tr_body a:before {
font-family: FontAwesome;
font-size: 13px;
content: '\f1c1'
}
#page_order_control_cart .page_order_control_td_1 {
text-align:left;
padding-left:20px;
}
#page_order_control_cart .page_order_control_tr_footer {
background:rgba(0,0,0,0.05);
}
#page_order_control_sum_full {
font-size: 16px;
color: #0275d8;
}
#ud_shop_order_track_det #page_order_control_modfiz td, #ud_shop_order_track_det #page_order_control_modszall td {
text-align:center;
}
#ud_shop_order_track_det .page_headbutton {
padding-bottom:30px;
}
#page_order_track_det_content .page_headbutton input {
margin-bottom:5px;
}
.control_cart_title {
display: inline-block;
padding: 9px 10px;
vertical-align: top;
margin: 10px;
}
.control_cart_value {
display: inline-block;
vertical-align: top;
margin: 10px;
}
.prod_stat td > div {
display:flex;
align-items:center;
}
.prod_stat .control_cart_title {
padding:0;
line-height:18px;
margin:0 0 0 20px;
flex:0 0 auto;
}
.prod_stat .control_cart_value {
line-height:18px;
font-weight:700;
margin:0 0 0 20px;
flex:0 0 auto;
}
.prod_stat td input {
height:26px;
}
.prod_stat td > div {
margin-bottom:3px;
}
.prod_stat td > div:first-child {
margin-top:10px;
}
.prod_stat td > div:last-child {
margin-bottom:10px;
}
.control_cart2_download {
margin-top:10px;
padding:0 10px;
}
.control_cart2_title_download {
text-align:center;
}
.control_cart2_value_download {
text-align:center;
}
.control_cart2_value_download input {
margin:0 auto;
}
#page_order_control_main [class*="comment__count"]{
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 11px;
padding: 0 3px;
margin-bottom: 10px;
}
/*** PAGE HELP ***/
#page_help_tabs {
margin-bottom:20px;
width:100%;
}
.page_help_tab {
display:inline-block;
padding:9px 10px;
cursor:pointer;
transition:0.4s;
text-transform:uppercase;
font-size:11px;
letter-spacing:0.5px;
}
.page_tab_active {
color:#0275d8;
}
.page_help_tab:hover {
background:#0275d8;
color:#fff;
}
#page_help_icon, .page_help_icon {
text-align:right;
}
.page_help_icon_print, .page_help_icon_pdf {
font-size:16px;
background:#333;
color:#fff;
height:36px;
line-height:36px;
width:36px;
text-align:center;
display:inline-block;
}
.page_help_icon_print:hover, .page_help_icon_pdf:hover {
color:#fff;
background:#0275d8;
}
.page_help_title {
line-height:36px;
border:1px solid #ddd;
padding:0 5%;
margin:30px 0 20px 0;
text-transform:uppercase;
letter-spacing:1px;
font-weight:700;
text-align:left;
}
.page_help_content {
text-align:justify;
}
.page_help_content h2 {
font-weight:700;
margin:0 5%;
}
.page_help_tab_content {
text-align: justify;
}
/*** PAGE CALENDAR ***/
.page_calendar_title {
height:36px;
background:#f1f1f1;
line-height:36px;
text-align:left;
margin-bottom: 1px;
}
.page_calendar_date {
float:left;
padding:0 20px;
}
.page_calendar_name {
float:left;
padding:0 20px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}
.page_calendar_message {
text-align:justify;
padding:20px;
}
/*** PAGELIST / ARTDET 1 ***/
.page_pagelist_content {
margin:30px 0;
}
.page_pagelist_price_unit{
height: 15px;
font-size: 11px;
margin-bottom: 3px;
}
.page_pagelist_item {
width:50%;
float:left;
padding:10px;
border-bottom:1px solid #ddd;
}
.page_pagelist_item:nth-last-child(3), .page_pagelist_item:nth-last-child(2) {
border-bottom:none;
}
.page_pagelist_item:nth-last-child(3):nth-child(even) {
border-bottom:1px solid #ddd;
}
.page_pagelist_item:nth-child(2n-1) {
border-right:1px solid #ddd;
}
.page_pagelist_left, .page_pagelist_right {
float:left;
width:50%;
height:218px;
}
.page_pagelist_left img:hover {
opacity:0.6;
}
.page_pagelist_right {
padding:10px;
position:relative;
}
.page_pagelist_name {
text-align:center;
line-height:14px;
height:28px;
overflow:hidden;
margin-bottom:10px;
}
.page_pagelist_name a {
text-transform:uppercase;
letter-spacing:1px;
display: block;
}
.page_pagelist_cart a {
display:block;
height:auto;
background:#333;
padding:11px 5px;
width:100%;
color:#fff;
text-transform:uppercase;
font-size:10px;
line-height:14px;
margin: 0 auto;
overflow:hidden;
text-align: center;
}
.page_pagelist_cart a:before {
content:'\f291';
font-family:'FontAwesome';
font-size:10px;
color:#fff;
padding-right:5px;
}
.page_pagelist_cart a:hover {
background:#0275d8;
}
.page_pagelist_price {
text-align:center;
font-size:14px;
font-weight:700;
line-height:20px;
height:20px;
margin:5px 0;
overflow: hidden;
}
.page_pagelist_price_akcio {
color:#f22;
}
.page_pagelist_variant {
height:84px;
width:100%;
display: table;
}
.page_pagelist_variant_inner {
display: table-cell;
vertical-align: bottom;
}
.page_pagelist_variant_items {
width:100%;
position:relative;
}
.page_pagelist_variant_items .text_select_label, .page_pagelist_variant_items .text_select {
float:left;
}
.page_pagelist_variant_items .text_select_label {
line-height:24px;
margin-right:3%;
font-size:11px;
width:23%;
text-align:right;
overflow:hidden;
}
.page_pagelist_variant_items .text_select {
width: 90%;
margin: 0 auto;
float: none;
}
.page_pagelist_variant_items .text_input.text_select select {
width:100%;
}
.page_pagelist_variant .select {
width:100%;
height:24px;
}
.page_pagelist_variant .select .select-styled {
overflow:hidden;
font-size:11px;
padding:0 24px 0 10px;
height:24px;
line-height:24px;
}
.page_pagelist_variant_items .text_input.text_select {
width:100%;
padding:0;
}
.page_pagelist_variant_items .text_input.text_select:not(:last-child) {
margin-bottom:3px;
}
.page_pagelist_variant .select .select-styled:after {
font-size:18px;
line-height:22px;
}
#page_cross_content .page_pagelist_title, #page_up_content .page_pagelist_title, #page_artpack_content .page_pagelist_title, .page_gift_content .page_pagelist_title {
text-transform:uppercase;
font-size:14px;
letter-spacing:1px;
min-height:40px;
line-height:18px;
background:#f1f1f1;
width:100%;
margin:20px 0;
padding:11px 10px;
}
/*postsale_popup*/
#page_PopupContainer.shop_popup_postsale .close {
display:none;
}
#page_PopupContainer.shop_popup_postsale{
height: auto !important;
}
@media (max-width: 680px) {
#page_PopupContainer.shop_popup_postsale #page_PopupContainer_inner{
max-height: unset;
}
}
#page_postsale_popup_content {
padding-top: 15px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
#page_postsale_popup_content .page_postsale_popuplist_left,
#page_postsale_popup_content .page_postsale_popuplist_right{
width: 50%;
display: block;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 480px) {
#page_postsale_popup_content .page_postsale_popuplist_left,
#page_postsale_popup_content .page_postsale_popuplist_right {
width: 100%;
padding:0 !important;
}
.page_postsale_popuplist_left #main_image {
max-height: 150px !important;
width: auto !important;
}
.shop_popup_postsale #page_PopupContainer_inner {
max-height: unset !important;
}
}
#page_postsale_popup_content .page_postsale_popuplist_left {
padding-right: 20px;
}
#page_postsale_popup_content .page_postsale_popuplist_right{
padding-left: 20px;
}
#popup_postsale_content .page_postsale_product_name {
color: #333333;
text-align: left;
border-bottom: 1px solid #dddddd;
padding-bottom: 10px;
}
#popup_postsale_content .page_postsale_product_name h1 {
font-size: 18px;
letter-spacing: 0.5px;
line-height: 18px;
margin-top: 0 !important;
margin-bottom: 5px !important;
}
#popup_postsale_content .page_popuplist_name h1 {
font-size: 16px;
font-weight: 700;
}
#page_postsale_popup_content .page_postsale_product_prices {
text-align: left;
margin-top: 20px;
font-size: 13px;
line-height: 16px;
}
#page_postsale_popup_content .page_postsale_product_prices .price_title {
width: 30%;
font-size: 13px;
}
#page_postsale_popup_content .page_postsale_product_prices .price_amount {
width: 70%;
font-size: 18px;
}
#page_postsale_popup_content .page_postsale_product_prices .price_title,
#page_postsale_popup_content .page_postsale_product_prices .price_amount {
display: block;
float: left;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_original_price,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price {
margin-bottom: 5px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_original_price .price_amount {
color: #333;
font-size: 18px;
line-height: 18px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price .price_amount {
color: #333;
font-size: 13px;
line-height: 18px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price .price_amount {
font-size: 18px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price.no_postsale_price,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price.no_postsale_price .price_amount {
color: #ff2222;
font-size: 13px;
line-height: 18px;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price.no_postsale_price .price_amount {
font-size: 24px;
font-weight: bold;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price {
font-size: 13px;
font-weight: bold;
line-height: 18px;
color: #ff2222;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_sale_price.no_postsale_price .price_title,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_title,
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_amount {
font-weight: bold;
}
#page_postsale_popup_content .page_postsale_product_prices .page_postsale_product_price .price_amount {
font-size: 24px;
}
#page_postsale_popup_content .page_postsale_information_text {
background-color: #f1f1f1;
font-size: 13px;
font-weight: bold;
line-height: 18px;
color: #ff2222;
padding: 16px;
margin-top: 20px;
}
#page_postsale_popup_content .page_postsale_buttons .page_postsale_button {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
line-height: 18px;
color: #fff;
background-color: #0275d8;
margin-bottom: 10px;
}
#page_postsale_popup_content .page_postsale_order_sum_information {
text-align: left;
font-size: 13px;
line-height: 16px;
color: #333;
margin-top: 20px;
margin-bottom: 10px;
}
#page_postsale_popup_content .page_postsale_close_overlay_link {
width: 100%;
margin-top: 10px;
float: left;
}
#popup_postsale_content .beforesend {
margin: 10px auto;
display:none;
}
#popup_postsale_content .beforesend,
#popup_postsale_content .success {
width:30px;
height:30px;
position:relative;
}
#popup_postsale_content .success_wrapper {
display:none;
}
#popup_postsale_content .success {
float: left;
border: solid 3px #ad0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 20px;
}
#popup_postsale_content .success_text {
float: left;
padding: 5px 10px;
box-sizing: border-box;
width: 80%;
text-align: left;
font-weight: bold;
}
.page_postsale_popuplist_left #main_image {
width: 100%;
height: 100%;
max-height: 300px;
}
#popup_postsale_content .beforesend:after,
#popup_postsale_content .success:after {
font-family:'FontAwesome';
font-size:30px;
position:absolute;
top:0;
left:0;
display:block;
width:30px;
height:30px;
line-height: 30px;
text-align:center;
}
#popup_postsale_content .success:after {
content: '\f00c';
color: #ad0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
#popup_postsale_content .beforesend:after {
content: '\f110';
color:#333;
animation: spin 1.5s linear infinite;
}
/*postsale_popup end*/
/*additional, similar products; package offers, artpack ajax loader*/
.related_loader_wrapper,
.artpack_loader_wrapper,
.package_offers_loader_wrapper,
.similar_loader_wrapper {
text-align: center;
}
.related_loader:after,
.artpack_loader:after,
.package_offers_loader:after,
.similar_loader:after {
width:30px;
height:30px;
content:'\f110';
font-family:'FontAwesome';
color:#333;
font-size:30px;
line-height: 30px;
text-align:center;
animation:spin 1.5s linear infinite;
display: inline-block;
}
/*additional, similar products; package offers, artpack ajax loader end*/
#ud_shop_artdet .page_gift_content .page_pagelist_title {
font-size: 18px;
}
.page_pagelist_variant .select-options li {
font-size:11px;
padding:5px 10px;
}
.text_select_tooltip {
background: #0275d8;
border-radius: 4px;
position: absolute;
visibility: hidden;
left: 5px;
font-size: 10px;
letter-spacing: 1px;
line-height: 12px;
width: auto;
height: auto;
top:0;
z-index: 2;
text-transform: uppercase;
color: #fff;
padding: 6px 10px;
overflow: visible;
white-space: nowrap;
display: inline-block;
clear: both;
opacity: 0;
transition: all 0.3s ease;
transform: translateX(-100%);
}
.text_select_tooltip:after {
content: '';
display: block;
width: 8px;
height: 8px;
background: #0275d8;
position: absolute;
top: 50%;
right: -4px;
transform: translateY(-50%) rotate(45deg);
transition:0s;
}
.page_pagelist_variant_items:hover .text_select_tooltip {
visibility: visible;
left:-10px;
opacity: 1;
}
/*** POPUPLIST ***/
.page_popuplist_price_unit{
height: 15px;
font-size: 11px;
margin-bottom: 3px;
}
.page_popuplist_item {
width:100%;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #ddd;
}
.page_popuplist_item:last-child {
border:none;
}
.page_popuplist_table {
width:100%;
}
.page_popuplist_left {
width:40%;
}
.page_popuplist_right {
width:60%;
}
.page_popuplist_name a {
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
}
.page_popuplist_cart a {
display:block;
width:160px;
height:auto;
line-height:14px;
background:#333;
color:#fff;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
margin:0 auto;
padding:11px 0;
}
.page_popuplist_cart a:hover {
background:#0275d8;
}
.page_popuplist_cart a:before {
content:'\f291';
font-family:'FontAwesome';
color:#fff;
font-size:10px;
}
.page_popuplist_price {
font-size:16px;
font-weight:700;
height:auto;
line-height:20px;
margin: 10px 0;
}
.page_popuplist_price_akcio {
color:#f22;
}
.page_popuplist_price .text_style_line {
font-weight:400;
font-size:13px;
}
.page_popuplist_variant .text_select_label, .page_popuplist_variant .text_select {
float:left;
}
.page_popuplist_variant_items .text_select_label {
line-height:24px;
margin-right:3%;
font-size:11px;
width:23%;
text-align:right;
overflow:hidden;
}
.page_popuplist_variant_items .text_select {
width:50%;
}
.page_popuplist_right .page_popuplist_name {
height:40px;
margin:5px 0;
line-height:20px;
}
.page_popuplist_variant .select {
width:100%;
height:24px;
}
.page_popuplist_variant .select .select-styled {
white-space:nowrap;
overflow:hidden;
font-size:11px;
padding:0 10px;
height:24px;
line-height:24px;
}
.page_popuplist_variant .select .select-styled:after {
font-size:18px;
}
.page_popuplist_variant_inner {
display: table-cell;
vertical-align: bottom;
}
.page_popuplist_variant_items {
width:100%;
position:relative;
}
.page_popuplist_variant .select-options li {
font-size:11px;
padding:5px 10px;
}
.page_popuplist_left img:hover {
opacity:0.6;
}
/*** POPUPCONTAINER ***/
#page_PopupConatiner_content {
position:relative;
padding-top:50px;
}
.popup_title {
line-height:18px;
color:#fff;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
display:inline-block;
position:relative;
width:100%;
height:auto;
background:#333;
text-align: center;
padding: 16px 50px;
}
#popup_up_content .page_popuplist_item {
margin-bottom: 0;
padding-top: 20px;
}
.popup_title_button a {
display:block;
position:absolute;
top:50%;
left:10px;
height:36px;
background:#0275d8;
width:auto;
padding:0 20px;
font-size:11px;
text-transform:uppercase;
color:#fff;
letter-spacing:1px;
text-align:center;
line-height: 36px;
transform: translateY(-50%);
-webkit-backface-visibility: hidden;
}
.popup_title_button2 a {
display:block;
height:36px;
background:#0275d8;
width:auto;
padding:0 20px;
font-size:11px;
text-transform:uppercase;
color:#fff;
letter-spacing:1px;
text-align:center;
line-height: 36px;
margin: 10px 0 0 35%;
}
.popup_title_button a:hover, .popup_title_button2 a:hover {
background:#333;
}
/*** EXITPOPUP ***/
#page_PopupContainer.shop_popup_exitpopup {
width: auto !important;
left: 0 !important;
transform: translate(calc((100vw - 100%) / 2), -50%) !important;
max-width: 90vw;
max-height: 90vh;
}
#page_PopupContainer.shop_popup_exitpopup #page_PopupContainer_inner {
max-height: 90vh;
overflow-y: auto !important;
}
@media only screen and (max-width:680px) {
#page_PopupContainer.shop_popup_exitpopup {
transform: translate(calc((100vw - 100%) / 2), 0%) !important;
}
}
/*** POPUPCONTAINER / MOBILE ***/
#page_PopupContainer:not(.shop_popup_exitpopup) {
background: #fff;
}
.page_exitpopup_form_name {
margin-bottom:10px;
}
.page_exitpopup_form_addr{
margin-top:10px;
}
.page_exitpopup_form_privacy_policy {
text-align: left;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
display: flex;
align-items: center;
}
.page_exitpopup_form_privacy_policy label, .page_exitpopup_form_privacy_policy label{
margin-bottom: 0;
}
.page_exitpopup_form_privacy_policy label, .page_exitpopup_form_privacy_policy label a {
font-size: 11px;
}
.page_exitpopup_form_privacy_policy .text_input_checkbox {
display: inline-block;
flex: 0 0 20px;
margin-right: 5px;
}
.page_exitpopup_newsletter .page_exitpopup_form_privacy_policy {
margin-left:0px;
text-align: center;
}
#page_PopupContainerMobile:not(.shop_popup_exitpopup) .page_exitpopup_title1 {
padding-right: 60px;
}
#page_PopupContainerMobile:not(.shop_popup_exitpopup) a.close {
position: absolute;
right: 10px;
top: 10px;
display: block;
width: 40px;
height: 40px;
background: transparent;
border-radius: 50%;
cursor: pointer;
z-index: 11;
opacity: 1;
box-shadow: inset 0px 0px 0px -1px #f22;
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
#page_PopupContainerMobile:not(.shop_popup_exitpopup) a.close:hover {
box-shadow: inset 0px 0px 0px 6px #f22;
}
#page_PopupContainerMobile:not(.shop_popup_exitpopup) a.close:before {
width: 24px;
height: 4px;
background-color: #f22;
content: '';
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -2px;
transform: rotate(45deg);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
#page_PopupContainerMobile:not(.shop_popup_exitpopup) a.close:after {
width: 24px;
height: 4px;
background-color: #f22;
content: '';
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -2px;
transform: rotate(-45deg);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
#page_PopupContainerMobile:not(.shop_popup_exitpopup) a.close:hover:before {
transform: scale(0.7) rotate(45deg);
transition-delay: 0.1s;
}
#page_PopupContainerMobile:not(.shop_popup_exitpopup) a.close:hover:after {
transform: scale(0.7) rotate(-45deg);
transition-delay: 0.1s;
}
/*** POPUPCONTAINER / RECOMMEND ***/
#recommend_title:before {
content:'\f003';
font-family:'FontAwesome';
color:#fff;
font-size:16px;
padding-right: 10px;
line-height: 18px;
}
#recommend_form {
width:100%;
padding:20px 0;
background:#f1f1f1;
}
.recommend_label_input label {
float:left;
display:table;
width:35%;
text-align:right;
padding-right:20px;
margin:0;
min-height: 36px;
}
.recommend_label_input label > div {
display: table-cell;
min-height: 36px;
vertical-align: middle;
line-height: 11px;
font-size: 11px;
height: 100%;
}
.recommend_label_input .text_input {
float:left;
display:block;
width:65%;
text-align:left;
}
.recommend_label_input {
margin-bottom:10px;
}
.recommend_label_input .text_input input {
width:100%;
}
#recommend_label_privacy_policy {
padding-bottom:10px;
text-align: left;
}
#recommend_label_privacy_policy div {
width:65%;
margin-left:35%;
}
#recommend_label_privacy_policy span {
margin-left:4px;
}
#recommend_label_privacy_policy.recommend_label_input label {
width:auto;
float:none;
display: inline;
}
#recommend_label_privacy_policy.recommend_label_input .text_input {
top:5px;
right:5px;
display: inline-block;
width: 20px;
float:none;
}
.recommend_label_input .text_input textarea {
width:100%!important;
height:10em;
min-height:10em!important;
}
.recommend_text {
width:100%;
text-align:center;
}
.recommend_text_wrap {
line-height: 18px;
font-size: 13px;
margin: 6px 0;
}
#recommend_send_button {
height:36px;
padding:0 20px;
}
#recommend_send_button a {
position:static;
transform: initial;
width: 65%;
float: right;
}
#page_recommend_content .page_popuplist_variant {
display:none;
}
#page_recommend_content .page_popuplist_cart_link:hover {
background:#f22;
}
#page_recommend_content .page_popuplist_cart_link:before {
content:'\f00d';
}
.recommend_label_fault {
background:#f22;
}
.recommend_label_fault label {
color:#fff;
}
.recommend_label_input {
padding:0 20px;
}
.recommend_label_fault.recommend_label_input {
padding:10px 20px;
}
/*** POPUPCONTAINER / PRINT ***/
.shop_popup_artdet_print #page_PopupContainer_inner {
overflow:hidden!important;
}
.shop_popup_artdet_print iframe {
width:100%;
max-height: 670px;
overflow-y:auto;
}
#page_artdet_content_print_1 {
margin-top:10px;
padding:0 10px;
}
#print_title.popup_title:before {
content:'\f02f';
font-family:'FontAwesome';
color:#fff;
font-size:16px;
padding-right: 10px;
line-height: 40px;
}
#page_artdet_content_print_1_left, #page_artdet_content_print_1_right {
float:left;
width:48%;
}
#page_artdet_content_print_1_right {
margin-left:4%;
}
#page_artdet_content_print_1_right #page_artdet_rovleir {
text-align:justify;
margin-bottom:20px;
}
#page_artdet_content_print_1_right #page_artdet_price {
width:100%;
}
#page_artdet_content_print_1_right .page_artdet_price_net, #page_artdet_content_print_1_right .page_artdet_price_akcio {
display:inline-block;
}
#page_artdet_content_print_1_right .page_artdet_price_akcio {
margin-left:10px;
font-size:16px;
font-weight:700;
}
#page_artdet_print_details .sub_titles {
text-align:center;
text-transform:uppercase;
letter-spacing:1px;
font-weight:700;
margin:20px 0;
display:block;
font-size:14px;
}
#page_artdet_print_details .sub_text {
text-align:left;
}
#page_artdet_print_details .data_titles, #page_artdet_print_details .data_values {
float:left;
width:50%;
padding:5px 0;
border-top:1px solid #ddd;
}
#page_artdet_print_details .data_titles {
text-align:right;
padding-right:10%;
z-index: 1;
}
#page_artdet_print_details .data_values {
text-align:left;
font-weight:700;
}
/*** POPUPCONTAINER / COMPARISON ***/
#page_PopupContainer.shop_popup_compare {
max-width:630px;
max-height:600px;
}
.shop_popup_compare #page_PopupContainer_inner {
overflow:hidden!important;
min-width: 500px;
min-height: 200px;
max-height:590px;
}
.shop_popup_compare .popup_title {
height:50px;
background:#333;
text-align:center;
}
#compare_title {
position:fixed;
top:5px;
left:5px;
width: calc(100% - 10px);
z-index: 10;
}
.popup_title_txt {
color:#fff;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
display:inline-block;
}
.popup_title_txt:before {
content:'\f080';
font-family:'FontAwesome';
color:#fff;
font-size:16px;
padding-right:10px;
}
.shop_popup_compare .popup_title_button a {
padding:0 10px;
font-size:10px;
}
.popup_compare_content {
width:100%;
}
table.compare_list_table {
position: relative;
width: 100%;
overflow: hidden;
border-collapse: collapse;
}
table.compare_list_table thead {
position: relative;
display: block;
width: 620px;
overflow: visible;
background: #f1f1f1;
}
table.compare_list_table thead th {
background-color: #f1f1f1;
width: 220px;
}
table.compare_list_table thead th:nth-child(1) {
position: relative;
display: block;
background-color: #f1f1f1;
width: 160px;
}
table.compare_list_table tbody {
position: relative;
display: block;
width:620px;
max-height:269px;
overflow:auto;
}
table.compare_list_table tbody td {
width: 220px;
}
table.compare_list_table tbody tr td:nth-child(1) {
position: relative;
display: block;
background: #fff;
width: 160px;
z-index: 1;
}
.compare_list_label_wrap {
width: 160px;
height:36px;
overflow:visible;
display:table;
}
.compare_list_label_wrap_inner {
text-align: right;
display: table-cell;
vertical-align: middle;
font-size: 10px;
text-transform: uppercase;
padding-right: 20px;
}
.compare_list_value_same {
opacity: 0.7;
}
.compare_list_value_wrap {
width:220px;
height:36px;
overflow:hidden;
font-size: 0px;
}
.compare_list_value_wrap_inner {
display:table;
width:100%;
height:100%;
}
.compare_list_value_wrap_inner_cell {
display:table-cell;
text-align:center;
vertical-align:middle;
font-weight:700;
font-size:12px;
line-height:12px;
height:100%;
}
table.compare_list_table tbody tr:nth-child(2n) td {
background:#f5f5f5;
}
table.compare_list_table .type_pic, table.compare_list_table .type_pic div {
height:140px;
}
.compare-param-type--icon div, .compare-param-type--iconmore div {
height:32px;
}
table.compare_list_table .type_pic img {
max-height:140px;
max-width:140px;
}
.compare-param-type--pic div, .compare-param-type--piclink div, .compare-param-type--piclinktext div {
height:70px;
}
.compare-param-type--pic img, .compare-param-type--piclink img, .compare-param-type--piclinktext img {
max-height:70px;
max-width:70px;
}
table.compare_list_table .type_name div {
text-transform:uppercase;
}
table.compare_list_table .type_sku div {
font-size:10px;
font-weight:400;
height:24px;
color:#888;
}
table.compare_list_table .compare_list_label.type_sku div {
font-size:9px;
}
table.compare_list_table .type_sku {
height:24px;
}
table.compare_list_table .type_price div {
font-size:18px;
color:#0275d8;
}
.compare_list_footer .compare_list_value_wrap div {
display:inline-block;
vertical-align:top;
padding:0 15px;
line-height:18px;
height:18px;
margin:9px 0;
}
.compare_list_footer .page_compare_delete {
color:#f22;
font-size:16px;
line-height: 20px;
}
.compare_list_footer .page_compare_delete:before {
cursor:pointer;
}
.compare_list_footer .page_compare_details a:before {
font-size:14px;
}
.compare_list_footer .page_compare_cart {
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
/*** POPUPCONTAINER / QUESTION ***/
.shop_popup_question #page_PopupConatiner_content {
padding-top:0;
}
#question_form {
padding:20px 0;
background:#f1f1f1;
}
#question_send_button {
padding:0 20px;
}
#question_title:before {
content:'\f128';
font-family:'FontAwesome';
color:#fff;
font-size:16px;
padding-right: 10px;
line-height: 18px;
}
/*** RESPONSIVE CAT MENU ***/
#responsive_cat_menu {
position:fixed;
top:0;
left:-325px;
z-index:100;
background:#fff;
width:320px;
height:100%;
box-shadow: 0 0 0 5px rgba(0,0,0,0.2);
overflow-y:auto;
overflow-x:hidden;
}
.responsive_menu_nav {
position:relative;
}
.responsive_menu_navtop {
padding:0px;
width:100%;
height:0;
background:#fff;
}
.responsive_menu_back {
display:block;
width:30px;
height:30px;
background:transparent;
color:#fff;
transition:0.4s;
position:absolute;
bottom:7px;
left:15px;
}
.black_active .responsive_menu_back {
border:4px solid #333;
border-radius:50%;
cursor:pointer;
}
.black_active .responsive_menu_back:active {
border-color:#0275d8;
}
.responsive_menu_back:before {
font-family:'FontAwesome';
content:'\f106';
color:#333;
font-size:18px;
text-align:center;
line-height:20px;
display:none;
}
.black_active .responsive_menu_back:active:before {
color:#0275d8;
}
.black_active .responsive_menu_back:before {
display:block;
}
.responsive_menu_title {
display:none;
}
.responsive_menu_close {
position: absolute;
top:10px;
right:10px;
display:block;
width: 40px;
height: 40px;
background: transparent;
border-radius: 50%;
cursor: pointer;
z-index: 1;
opacity: 1;
box-shadow: inset 0px 0px 0px -1px #f22;
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
.responsive_menu_close:before {
width: 24px;
height: 4px;
background-color: #f22;
content: '';
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -2px;
transform: rotate(45deg);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
.responsive_menu_close:after {
width: 24px;
height: 4px;
background-color: #f22;
content: '';
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -2px;
transform: rotate(-45deg);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
}
.responsive_menu_close:hover {
box-shadow: inset 0px 0px 0px 6px #f22;
}
.responsive_menu_close:hover:before {
transform: scale(0.7) rotate(45deg);
transition-delay: 0.1s;
}
.responsive_menu_close:hover:after {
transform: scale(0.7) rotate(-45deg);
transition-delay: 0.1s;
}
.responsive_menu_navbottom {
background:#f1f1f1;
padding:10px 20px;
min-height:60px;
width:100%;
clear:both;
display:block!important;
font-size:0px;
}
.responsive_menu_navbottom > span {
display:block;
}
.responsive_menu_navbottom > span a {
font-size:11px;
}
.responsive_menu_navbottom > span:nth-child(2) {
margin-left:40px;
}
.responsive_menu_navbottom > span:nth-child(4) {
margin-left:50px;
}
.responsive_menu_navbottom > span:nth-child(6) {
margin-left:60px;
}
.responsive_menu_navbottom > span:nth-child(8) {
margin-left:70px;
}
.responsive_menu_navbottom > span:nth-child(10) {
margin-left:80px;
}
.responsive_menu_navbottom > span:nth-child(12) {
margin-left:90px;
}
.responsive_menu_navbottom > span:nth-child(14) {
margin-left:100px;
}
.responsive_menu_navbottom > span:nth-child(16) {
margin-left:110px;
}
.responsive_menu_navbottom > span:nth-child(18) {
margin-left:120px;
}
.responsive_menu_navbottom > span:nth-child(20) {
margin-left:130px;
}
.parentcat, .actcat {
text-align:left;
line-height:14px;
padding:5px 0 5px 15px;
text-transform:uppercase;
letter-spacing:1px;
position:relative;
}
.parentcat {
cursor:pointer;
color:#0275d8;
}
span.maincat {
font-size:0px;
margin-left: 18px;
padding-bottom: 0;
}
.maincat:before {
content:'\f015';
font-family:'FontAwesome';
cursor:pointer;
color:#0275d8;
font-size:18px;
}
.parentcat:not(.maincat):before, .actcat:before {
content:'';
display:block;
vertical-align:top;
height:8px;
width:2px;
background:#ccc;
position:absolute;
top:4px;
left:0;
}
.parentcat:not(.maincat):after, .actcat:after {
content:'';
display:block;
vertical-align:top;
height:2px;
width:8px;
background:#ccc;
position:absolute;
top:12px;
left:0;
}
.responsive_menu_navbottom .parent_div {
display:none;
}
#responsive_cat_menu ul li {
list-style:none;
text-align:left;
}
#responsive_cat_menu .ajax_param {
display:none;
}
#responsive_cat_menu ul li a {
display:block;
width:100%;
height:auto;
min-height: 38px;
line-height:16px;
padding:10px 30px;
border-bottom:1px solid #ddd;
letter-spacing:0.5px;
text-transform:uppercase;
}
.responsive_menu_sub {
display:none;
}
.next_level_arrow {
display:none;
float:right;
padding-right:20px;
}
.responsive_menu_item a.has_child {
position:relative;
}
.responsive_menu_item a.has_child:after {
content:'\f105';
font-family:'FontAwesome';
font-size:24px;
line-height:18px;
position: absolute;
top: 8px;
right: 20px;
}
.responsive_menu_content {
position:relative;
width: 100%;
overflow: hidden;
}
ul.responsive_menu, ul.responsive_menu ul.responsive_menu_sub {
width:320px;
position:absolute;
background:#fff;
top:0;
left:320px;
}
ul.responsive_menu {
left:0;
}
.responsiv_menu_text {
padding:20px;
text-align:center;
}
/*** LOGIN PAGE ***/
#page_login_content {
width:100%;
}
#page_login_login, #page_login_reg {
width:50%;
padding:20px 40px;
float:left;
}
#page_login_login .login_title, #page_login_reg .login_title {
display:block;
width:100%;
height:50px;
line-height:50px;
background:#333;
color:#fff;
font-size:16px;
text-transform:uppercase;
letter-spacing:1.5px;
margin:0 0 40px 0;
}
.page_login_input label {
width:35%;
display:block;
float:left;
text-align:right;
padding: 0 30px 0 0;
line-height:36px;
height:36px;
margin:0;
}
.page_login_input input {
width:65%;
display:block;
float:left;
margin: 0;
}
.page_login_input {
margin-bottom:6px;
}
.login_reminder {
text-align:left;
margin-left:35%;
}
.page_login_button {
width:65%;
margin:20px 0 0 35%;
}
.page_login_button input {
width:100%;
}
.page_login_facebook_outer, .page_login_google_outer {
width:65%;
margin:10px 0 0 35%;
height:30px;
}
.page_login_facebook_outer iframe, .page_login_google_outer iframe {
margin:0 auto;
}
.page_login_content {
text-align:left;
width:100%;
padding:0;
margin-bottom:20px;
}
.login_list_title {
font-weight:700;
font-size:14px;
text-transform:uppercase;
margin-bottom:10px;
padding-left:20px;
}
.login_list {
color:#888;
padding-left:20px;
}
.login_list:before {
content:'\f105';
font-family:'FontAwesome';
padding-right:8px;
}
#page_login_reg .page_login_button {
margin:10px 0 0 0;
width:100%;
}
/*** LOGIN WHOLESALE ***/
.unas_design_login {
max-width: 1200px;
margin: 0 auto;
padding:5px;
}
#login_logo {
max-width:300px;
max-height:100px;
overflow:hidden;
text-align:center;
margin:40px auto 0 auto;
}
#login_logo a {
font-size:24px;
text-transform:uppercase;
font-weight:700;
transition:all 0.4s ease;
}
#login_lang {
width:320px;
margin:0px auto;
padding:0;
}
#page_login_wholesale {
width:320px;
margin:10px auto 0 auto;
box-shadow:0 0 0 5px rgba(0,0,0,0.2);
padding:20px;
margin-bottom:20px;
}
#page_login_wholesale label {
padding-right:20px;
}
#page_login_wholesale .overlay_text {
padding:0;
}
#page_login_wholesale .overlay_login_reminder {
width:65%;
margin:10px 0 10px 35%;
}
#page_login_wholesale .page_login_button {
margin-top:10px;
}
/*** CREDIT ***/
.page_cart_store.credit {
height:auto;
line-height:normal;
background:none;
display:none;
}
#page_artdet_credit, #page_artdet_cofidis_credit {
display:none;
overflow: hidden;
}
#page_artdet_credit {
padding: 10px;
}
.page_artdet_2_credit {
clear:both;
}
#page_artdet_credit_head, #page_artdet_cofidis_credit_head, #page_artdet_otp_aruhitel_credit_head {
height:40px;
line-height:40px;
color:#fff;
font-size:14px;
text-transform:uppercase;
letter-spacing:1px;
margin-top:20px;
cursor:pointer;
position: relative;
}
#page_artdet_credit_head:before {
content:'';
display:inline-block;
width:120px;
height:40px;
background:url('../image/logo_artdet_cofidis_bank.png') no-repeat right center transparent;
vertical-align:top;
margin-right:30px;
}
#page_artdet_cofidis_credit_head:before {
content:'';
display:inline-block;
width:45px;
height:40px;
background:url('../image/logo_artdet_cofidis_hu.png') no-repeat right center transparent;
vertical-align:top;
position: absolute;
left: 10%;
}
#page_artdet_otp_aruhitel_credit_head:before {
content:'';
display:inline-block;
width:120px;
height:40px;
background:url('../image/logo_artdet_otp_aruhitel.png') no-repeat right center transparent;
vertical-align:top;
margin-right:30px;
}
#page_artdet_credit_head {
background-color:#BDBDBD;
}
#page_artdet_cofidis_credit_head {
background-color:#ed1a3b;
}
#page_artdet_otp_aruhitel_credit_head {
background-color:#52ae30;
}
/*** ARTLIST ***/
.page_artlist_status_1, .page_artlist_status_2, .page_artlist_status_3 {
display:none!important;
}
.page_content_ajax {
min-height:500px;
}
/*order track det loader*/
.tracking_info_loader_wrapper {
text-align: center;
}
.tracking_info_loader:after {
width:15px;
height:15px;
content:'\f110';
font-family:'FontAwesome';
color:#333;
font-size:15px;
line-height: 15px;
text-align:center;
animation:spin 1.5s linear infinite;
display: inline-block;
}
/*** RESPONSIVE BREAKPOINTS ***/
@media only screen and (max-width:1240px) {
#logo {
margin-left:20px;
}
#header_content_right {
right:20px;
}
#header_top_wrap .col-sm-2 {
display:none;
}
#header_top_wrap .col-sm-4 {
width: 33.33333333%;
float:left;
}
#header_top_wrap .col-sm-6 {
width: 66.66666666%;
float:left;
padding-right:15px;
}
#mainmenu > li > a {
padding:0 10px;
}
.catmenu_lvl2 > a {
font-size:11px;
}
#footer_inner {
padding:40px;
}
#lightbox-close {
top: 10px;
right: 10px;
z-index: 1200;
}
}
@media only screen and (max-width:1206px) {
#cart {
width:28px;
margin-right: 20px;
}
#box_cart_content_full {
padding:0;
}
#box_cart_content_full .box_cart_item, #box_cart_content_full .box_cart_price {
display:none;
}
.box_cart_item_icon {
display:block;
}
#search .box_search_field input {
width:206px;
}
}
@media only screen and (max-width:999px) {
.page_order_mods_tr_head td, .page_order_control_tr_head td{
font-size: 14px;
}
#mainmenu, #cart, #search {
display:none;
}
#search {
position:absolute;
left:0;
top:225px;
width:100%;
height:50px;
text-align: center;
}
#search.search_fixed {
position:fixed;
z-index:100;
top:50px;
}
#box_search_content {
display: inline-block;
width:50%;
min-width:250px;
margin-top:7px;
vertical-align: top;
}
#search .box_search_field {
width:100%;
}
#search .box_search_field input {
width:100%;
}
#mobile_mainmenu {
display:block;
}
#header_banner {
right:20px;
left:auto;
}
#newsletter_wrap {
height:auto;
padding-bottom:30px;
}
.newsletter_title, #box_newsletter_content {
display:block;
float:none;
padding:0;
text-align:center;
}
.newsletter_text {
display:block;
float:none;
height:auto;
max-width:none;
margin-bottom:20px;
}
.newsletter_text > div {
text-align:center;
width:100%;
display:block;
}
#box_newsletter_content form {
display:inline-block;
}
#box_newsletter_content form > div {
margin-top:0;
margin-bottom:10px;
}
.box_newsletter_button {
margin-bottom: 30px !important;
}
.box_newsletter_privacy_policy {
width:100%;
text-align: center;
}
.footer_menu {
width:48%;
margin-left:4%;
}
.footer_menu:nth-child(2n-3) {
margin-left:0;
}
.footer_menu:nth-child(n+3) {
margin-top:30px;
}
#footer_inner > div:nth-child(2n+1) {
clear:both;
}
.overlay_error, .overlay_warning, .overlay_info, .overlay_ok, .overlay_dialog {
width:80%;
}
.slider-pro p.sp-layer.sp-big, .slider-pro p.sp-layer.sp-big a {
font-size:48px;
}
.slider-pro p.sp-layer.sp-medium, .slider-pro p.sp-layer.sp-medium a {
font-size:30px;
}
.slider-pro p.sp-layer.sp-small, .slider-pro p.sp-layer.sp-small a {
font-size:20px;
font-weight:400;
}
}
@media only screen and (max-width:949px) {
#ud_shop_order_track_det #page_order_control_orderkey{
width: 50%;
}
#ud_shop_order_track_det #page_order_control_tracking_information, #ud_shop_order_track_det #page_order_control_invoice_number, #ud_shop_order_track_det #page_order_control_orderstat, #ud_shop_order_track_det #page_order_control_orderdate, #ud_shop_order_track_det #page_order_control_lang, #ud_shop_order_track_det #page_order_control_package_number{
width: calc(50% - 2px);
float: left;
margin-left: 2px;
}
#left, #right {
float:none;
width:100%;
}
.box_art_element, .box_art_element:not(:first-child) {
width:18%;
margin:0 1% 40px 1%;
float:left;
padding:0;
border:none;
margin-bottom:20px;
}
.box_art_element:not(:nth-child(-n+5)) {
border-top:1px solid #ddd;
padding-top:20px;
}
.element_pic, .element_text {
width:100%;
float:none;
text-align:center;
}
.element_pic {
height:100px;
max-width:none;
}
.element_status_icon {
float:none;
display:inline-block;
margin:0 2px;
}
.element_text {
padding:0;
}
.element_name_outer {
height:42px;
width:100%;
margin:10px 0;
overflow:hidden;
}
.element_name {
display:table;
width:100%;
height:42px;
}
.element_name a {
padding:0;
height:42px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
#box_container_shop_filter {
display:none;
}
#page_login_login, #page_login_reg {
padding:20px;
}
.page_login_input label {
padding-right:10px;
}
.page_page_blog_intro.details .blog_intro_txt p {
font-size:13px;
}
}
@media only screen and (max-width:780px) {
.box_art_element, .box_art_element:not(:first-child) {
width:22%;
margin:0 1.5% 20px 1.5%;
}
.box_art_element:not(:nth-child(-n+4)) {
border-top:1px solid #ddd;
padding-top:20px;
}
.page_pagelist_item {
width:100%;
padding: 10px;
border: none!important;
}
.page_pagelist_item:nth-child(n+2) {
border-top: 1px solid #ddd!important;
}
.page_pagelist_item:nth-child(2n) {
border-left:none;
}
#page_PopupContainer a.close, .overlay_close a {
z-index: 1200;
}
.overlay_error .overlay_close a {
left:auto;
right:10px;
}
.page_pagelist_item:nth-child(n+2) {
border-top: 1px solid #ddd;
}
.page_pagelist_left, .page_pagelist_right, .page_pagelist_variant {
height:auto;
}
table.compare_list_table thead, table.compare_list_table tbody {
width:615px;
}
.shop_popup_compare #page_PopupContainer_inner {
min-width:450px;
}
table.compare_list_table tbody td, table.compare_list_table thead th, .compare_list_value_wrap, .compare_list_value_wrap_inner {
width:180px;
}
table.compare_list_table thead th:nth-child(1), .compare_list_label_wrap, table.compare_list_table tbody tr td:nth-child(1) {
width:120px;
}
.compare_list_label_wrap_inner {
font-size:9px;
}
.shop_popup_compare .param_desc_tooltip {
left:0px!important;
}
.sp-buttons {
bottom:10px;
}
.sp-layer {
left:0!important;
}
.slider-pro p.sp-layer.sp-big, .slider-pro p.sp-layer.sp-big a {
height: fit-content!important;
white-space: normal!important;
transform: scale(1) translate3d(0px, 0px, 0px)!important;
font-size:24px;
}
.slider-pro p.sp-layer.sp-medium {
/*display:none!important;*/
transform: scale(1) translate3d(0px, 0px, 0px)!important;
height: fit-content!important;
font-size:11px;
line-height: 11px;
max-width:80%;
white-space:normal!important;
}
.slider-pro p.sp-layer.sp-small, .slider-pro p.sp-layer.sp-small a {
transform: scale(1) translate3d(0px, 0px, 0px)!important;
font-size:10px;
}
.page_cart_sum3, .page_cart_sumbox {
float:none;
width:100%;
}
.page_cart_sumbox.noinfo {
margin-left:0;
}
.page_cart_sum3 {
padding-top:20px;
padding-bottom:20px;
margin-bottom:10px;
}
.product_filter_content {
max-height:unset;
}
#thx_laha_banner_hu {
background-image: url("../../../own/image/laha_banner_480_hu.jpg");
height: 60px;
}
#thx_laha_banner_en {
background-image: url("../../../own/image/laha_banner_480_en.jpg");
height: 60px;
}
.page_pagelist_name {
height:auto;
}
.blog_intro_pic {
flex:0 0 33.3333%;
}
.blog_intro_txt {
flex: 1 0 66.6666%;
}
}
@media only screen and (max-width:760px) {
#header_menu a {
font-size:0px;
transition:font-size 0s;
display:block;
width:34px;
height:34px;
text-align:center;
}
#header_menu li {
padding:0;
}
#header_menu .list-inline-item a:before {
font-size:16px;
padding:0;
display: block;
line-height: 34px;
}
#header_top_wrap .col-sm-4 {
width: auto;
float:left;
padding-right: 0;
}
#header_top_wrap .col-sm-6 {
width: auto;
float:right;
width:60%;
}
.page_login_button, .page_login_facebook_outer, .page_login_google_outer {
width:200px;
margin:10px auto 0 auto;
}
#page_login_login, #page_login_reg {
padding:0;
width:100%;
}
#page_login_login {
margin-bottom:40px;
}
.page_login_button input {
max-width:260px;
}
#header_menu .box_compare_button_num {
margin:8px 20px 8px -22px;
}
.blog_header_inner_wrap {
margin-left:1px;
flex-direction:column;
}
.page_page_blog_date {
flex:1 0 50%;
width:100%;
}
.blog_author_name {
flex:1 0 50%;
width:100%;
display:block;
}
}
@media only screen and (max-width:740px) {
#header_banner {
display:none;
}
#header_content_wrap {
text-align:center;
}
#logo {
margin:20px 0 0 0;
}
.page_cart_td_nev a, .page_cart_td_nev span {
font-size:11px;
}
.page_cart_td_menny, .page_cart_td_sum {
width:16%;
}
.page_cart_td_nev {
width: 26%;
}
.page_cart_td_sum .text_smaller, .page_cart_td_netto .text_smaller, .page_cart_td_brutto .text_smaller {
font-size:10px;
}
#overlay_login_outer {
bottom:0;
overflow-y:auto;
}
}
@media only screen and (max-width:680px) {
#page_PopupContainer_tooltip {
display:none!important;
}
.box_newsletter_button {
margin-top:10px;
}
.back_to_top {
right: auto;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
height:28px;
width:28px;
border: 6px solid #0275d8;
box-sizing:content-box;
background-color: rgba(255,255,255,0.8);
}
.back_to_top:after {
line-height:26px;
color:#0275d8;
}
#page_PopupContainer {
top:10px!important;
transform:translate(-50%, 0%)!important;
width:460px;
}
#page_PopupContainer_inner {
max-height:420px;
}
#popup_up_content .page_popuplist_item {
padding:20px 0 20px 20px;
}
#page_marketing_content .popup_title {
font-size:11px;
}
#page_marketing_content .page_popuplist_left {
width:30%;
}
#page_marketing_content .page_popuplist_right {
width:70%;
}
#money_lang {
padding-left:5px;
}
#lang {
margin-right: 8px;
}
.current_flag {
margin-right:0px;
}
table.compare_list_table thead, table.compare_list_table tbody {
width:450px;
}
}
@media only screen and (min-width:641px) {
.start_banner_box {
width:23.5%;
}
.start_banner_box:not(:nth-of-type(4n)) {
margin-right:2%;
}
.clearfix-sm{
display:none;
}
}
@media only screen and (max-width:640px) {
.sp-buttons {
display:none;
}
.box_art_element, .box_art_element:not(:first-child) {
width:30.3333%;
margin:0 1.5% 20px 1.5%;
}
.box_art_element:not(:nth-child(-n+3)) {
padding-top:20px;
border-top:1px solid #ddd;
}
#ud_shop_artdet .box_left_full {
width:calc(100% - 20px);
}
#overlay_login_outer {
width:300px;
overflow-y: auto;
bottom: 0;
top:10px!important;
z-index:100;
}
.overlay_login {
float:none;
}
.overlay_login:nth-child(2) {
margin:10px 0 0 0;
}
#overlay_login2 .overlay_text {
display:none;
}
#overlay_login2 {
height:auto!important;
}
.close.login_button_close_reg {
margin-top:20px;
}
.overlay_close a {
left: auto;
}
[name=form_temp], #page_order_control_cart {
display:none;
}
[name=form_temp2], #page_order_control_cart2 {
display:block;
}
#ud_shop_cart #content_wrap_nobox {
padding:0;
}
#title_content {
margin:0 20px;
}
#page_order_control_szam, #page_order_control_szall, #page_order_control_modfiz, #page_order_control_modszall {
width:100%;
margin:0;
}
.page_order_mods_table td, .page_order_control_table td {
font-size:11px;
line-height: 13px;
}
.page_order_control_table{
margin-bottom: 20px;
}
.fa-edit:before, .fa-pencil-square-o:before {
font-size:18px;
}
.terms_table {
font-size:11px;
}
#page_cart_store input:not(:first-child) {
margin-top:5px;
}
.newcust_row_2 {
width:97%!important;
margin-left:1.5%;
margin-right:1.5%;
}
.slider-pro p.sp-layer.sp-big, .slider-pro p.sp-layer.sp-big a {
font-size:24px;
font-weight:400;
line-height:28px;
letter-spacing:1px;
}
.slider-pro p.sp-layer.sp-small, .slider-pro p.sp-layer.sp-small a {
font-size:9px;
}
.slider-pro p.sp-layer.sp-small a {
padding:5px 10px;
}
.page_cart2_foot .text_button:before {
margin:0 15px;
}
.start_banner_box {
width:47%;
margin:0 1.5%;
}
.start_banner_box:not(:nth-of-type(-n+2)) {
margin-top:3%;
}
.page_tabs {
display:none;
}
.page_tab2 {
display: block;
line-height: 14px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
padding: 10px 20px;
border-top: 1px solid #ccc;
position: relative;
cursor: pointer;
background: #f1f1f1;
}
.page_tab2 a {
font-size:11px;
}
.page_tab2_active {
background: #0275d8;
border-color: #0275d8;
color: #fff;
}
.page_tab2:after {
position: absolute;
content: '\f107';
font-family: 'FontAwesome';
color: #888;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
font-weight:400;
}
.page_tab2_active:after {
color: #fff;
content: '\f106';
}
.box_newsletter_field, .box_newsletter_button {
display:block;
width:100%;
margin:5px 0;
}
.box_newsletter_field.newsletter_3, .box_newsletter_field.newsletter_1 {
width: 100%
}
.paging_num {
display:none;
}
.paging_num.mobile {
display:block;
}
.checkout_repay_box, .checkout_changepayment_box, .payment_logos, .payment_method {
width:100%;
float:none;
margin-left:0;
}
.payment_logos {
margin-bottom:10px;
}
.page_news_date, .page_news_title {
float:none;
width:100%;
}
.page_news_title {
padding-left:20px;
}
.page_forum_newtopic .text_title {
width:100%;
}
.box_newsletter_button {
margin-bottom: 0px !important;
}
.box_newsletter_privacy_policy {
position: relative;
top:0px;
left:5px;
text-align: center;
}
#ud_shop_order_track_det #page_order_control_tracking_information, #ud_shop_order_track_det #page_order_control_invoice_number, #ud_shop_order_track_det #page_order_control_package_number, #ud_shop_order_track_det #page_order_control_orderkey, #ud_shop_order_track_det #page_order_control_lang, #ud_shop_order_track_det #page_order_control_orderstat, #ud_shop_order_track_det #page_order_control_orderdate, #ud_shop_order_track_det #page_order_control_modfiz, #ud_shop_order_track_det #page_order_control_modszall {
width:100% !important;
margin:0px !important;
}
.page_artforum_left, .page_artforum_right {
float:none;
width:100%;
}
.page_artforum_right p {
text-align:justify;
line-height:16px;
font-size:12px;
}
#thx_laha_banner_hu {
background-image: url("../../../own/image/laha_banner_245_hu.jpg");
height: 245px;
}
#thx_laha_banner_en {
background-image: url("../../../own/image/laha_banner_245_en.jpg");
height: 245px;
}
.newsletter_title, #box_newsletter_content {
margin-left:20px;
margin-right:20px;
}
.page_pagelist_name a {
font-size:11px;
}
.page_page_blog_title {
flex:1 0 100%;
margin-bottom: 1px;
}
.blog_header_inner_wrap {
margin-left: 0;
flex-direction: row;
flex: 1 0 auto;
}
.blog_author_name {
display:flex;
flex: 0 0 auto;
width: auto;
}
.page_page_blog_date {
flex: 1 0 auto;
width: auto;
margin:0;
}
.page_page_blog_intro {
flex-wrap:wrap;
}
.blog_intro_pic {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
padding: 0;
margin-bottom:20px;
}
.blog_intro_txt {
flex: 1 0 100%;
}
}
@media only screen and (max-width:480px) {
#money .select-styled {
width: 80px;
}
#logo, #logo table {
max-width:240px;
}
#header_content_wrap {
height:120px;
}
#money .select {
width:80px;
}
#header_top_wrap .col-sm-6 {
width:auto;
}
#header_menu .list-inline-item a {
margin:0 3px;
}
#header_menu .box_compare_button_num {
margin:8px 0 8px -10px;
}
#header_menu a {
width:30px;
}
#search {
top:205px;
}
#overlay_login1 .overlay_title {
padding:21px 60px 21px 20px;
}
.footer_menu:nth-child(n+3) {
margin-top:20px;
}
.footer_menu strong {
font-size:14px;
margin-bottom: 10px;
}
.footer_menu ul li {
padding-bottom:6px;
}
#footer_inner {
padding: 20px;
}
.footer_menu strong {
font-size:13px;
}
.footer_menu ul li a {
font-size:10px;
}
.footer_contact li {
font-size:11px;
}
#footer_inner {
padding: 15px;
}
.box_art_element, .box_art_element:not(:first-child) {
width:48%;
margin:0 1% 20px 1%;
}
.box_art_element:not(:nth-child(-n+2)) {
padding-top:20px;
border-top:1px solid #ddd;
}
#body_title h1, #title_content {
font-size:18px;
letter-spacing:1px;
text-align: center;
}
.newcust_col1 {
padding-right:3%;
font-size:11px;
}
.newcust_col2 [type=text], .newcust_col2 [type=password], .newcust_col2 select, .newcust_col2 textarea {
width: 90%;
font-size: 11px;
padding:0 10px;
}
.newcust_col2 .select {
width:90%;
}
.newcust_col2 .select .select-styled {
width:100%;
font-size:11px;
padding:0 10px;
}
.page_headtext {
font-size:14px;
}
.page_design_fault_text, .newcust_col2 table td {
font-size:11px;
}
.page_newcust_input [type=text].page_input_width_phone_country {
min-width:28px;
padding:0;
}
.newcust_row .page_newcust_input [type=text].page_input_width_phone {
width: 68%;
}
#right {
padding:0;
}
.page_orderflow_item_text {
font-size:9px;
}
.page_orderflow_item_num {
width:50px;
height:50px;
line-height:38px;
font-size:20px;
}
.page_orderflow_item {
height:24px;
}
.page_orderflow_step_3 .page_orderflow_item {
width: 30%;
}
#popup_up_content .page_popuplist_item {
padding: 10px 0 10px 10px;
}
.page_popuplist_name a {
font-size:11px;
}
.page_popuplist_right .page_popuplist_name {
line-height:12px;
}
#page_marketing_content .popup_title {
line-height: 12px;
padding-top: 12px;
}
#page_marketing_content .text_input.text_select {
width: 60%;
padding-left: 0px;
}
#page_marketing_content .page_popuplist_variant_items .text_select_label {
margin-right: 2%;
font-size: 10px;
width: 33%;
}
#page_marketing_content .popup_title {
padding-left:30px;
}
.page_popuplist_right .page_popuplist_name {
padding-right:20px;
}
.page_pagelist_left {
width:40%;
}
.page_pagelist_right {
width:60%;
}
.page_pagelist_cart a {
padding:11px 0;
}
.page_pagelist_cart_link {
padding:0;
}
#page_cross_content .page_pagelist_title, #page_up_content .page_pagelist_title, .page_gift_content .page_pagelist_title {
font-size:11px;
margin-bottom:0;
}
.page_pagelist_content {
margin: 0;
}
.paging {
padding:0 10px;
}
.page_txt {
padding:0 10px;
}
#breadcrumb {
margin:0 10px;
}
.page_artlist_grid {
padding-left:10px;
}
.page_artlist_order {
padding-right:10px;
}
.page_tab_content {
padding:20px 10px;
}
.page_contact_main_td1, .page_contact_main_td2 {
font-size:11px;
line-height:12px;
padding:10px;
}
#page_contact_main_table_email, #page_contact_main_table_contact_email {
letter-spacing:-0.5px;
}
form[name=form_contact_mail] {
width:100%;
}
.contact_form_label {
font-size:11px;
}
.contact_form_input {
padding:0;
margin-bottom:10px;
}
.page_tab, .page_tab a {
font-size:10px;
}
.page_order_track_tr_body a, .page_order_track_tr_head td {
line-height: 11px;
font-size: 10px;
}
.page_order_track_tr_body td.saved_filter_name a {
font-size: 13px;
}
.recommend_label_input label {
font-size:11px;
}
.recommend_label_input .text_input input, .recommend_label_input .text_input textarea {
font-size:12px;
}
.overlay_error, .overlay_warning, .overlay_info, .overlay_ok, .overlay_dialog {
width: 90%;
}
.overlay_title {
padding-right: 60px;
}
button.overlay_button_1 {
display:none;
}
button.overlay_button_2, button.overlay_button_3 {
margin: 10px auto 10px auto;
float: none;
display: block;
}
#page_PopupContainer.shop_popup_compare {
max-width:320px;
max-height:480px;
}
table.compare_list_table thead, table.compare_list_table tbody {
width:310px;
}
.shop_popup_compare #page_PopupContainer_inner {
min-width:310px;
max-height:470px;
}
table.compare_list_table tbody td, table.compare_list_table thead th, .compare_list_value_wrap, .compare_list_value_wrap_inner {
width:120px;
}
table.compare_list_table thead th:nth-child(1), .compare_list_label_wrap, table.compare_list_table tbody tr td:nth-child(1) {
width:100px;
}
.compare_list_label_wrap_inner {
font-size:9px;
}
.shop_popup_compare .param_desc_tooltip {
left:0px!important;
}
table.compare_list_table .type_pic img {
max-height: 100px;
max-width: 100px;
}
.compare_list_value_wrap_inner_cell {
font-size:11px;
}
table.compare_list_table .type_price div {
font-size:14px;
}
.compare_list_footer .compare_list_value_wrap div {
padding:0 10px;
}
table.compare_list_table tbody {
max-height:184px;
}
.page_cart_shipping_name, .page_cart_shipping_value {
font-size:11px;
}
#page_PopupContainer {
width:320px;
}
.recommend_text_wrap {
font-size:11px;
padding:0 20px;
}
.slider-pro p.sp-layer.sp-big, .slider-pro p.sp-layer.sp-big a {
font-size:14px;
font-weight:400;
line-height:18px;
letter-spacing:1px;
}
.slider-pro p.sp-layer.sp-small, .slider-pro p.sp-layer.sp-small a {
font-size:9px;
font-weight:400;
}
.slider-pro p.sp-layer.sp-small a {
padding:5px 10px;
}
.page_cart2_foot .text_button:before {
margin:0 5px;
}
#page_cart_shipping_free, .page_cart_sum1 {
font-size:11px;
}
#page_cart_weight {
padding:10px 20px 10px 60px;
line-height:18px;
font-size:11px;
}
#page_cart_coupon {
height: auto;
text-align: center;
padding: 10px 0;
}
.page_cart_sum_row > span {
line-height:28px;
}
#page_cart_coupon > span:first-child {
display:block;
}
#page_cart_coupon .text_button {
margin-top:5px;
}
#page_help_tab_terms_content {
padding:0 20px;
}
#page_help_tab_terms_content p, #page_help_tab_terms_content div {
font-size:11px;
}
#page_artdet_credit_head, #page_artdet_cofidis_credit_head, #page_artdet_otp_aruhitel_credit_head {
font-size:11px;
}
.InputBlock label {
padding-right:20px;
font-size:11px;
}
.InputBlock input[type=text], .InputBlock input[type=password], .InputBlock textarea {
font-size:11px;
}
.page_page_pic_main .slick-arrow:before {
font-size:24px;
}
.page_news_content {
padding:0 20px;
}
.page_order_mods_deliverypoint_select .select {
width:100%;
max-width:160px;
}
.page_order_mods_deliverypoint_select .select-styled, .page_order_mods_deliverypoint_select .select-options li {
font-size:11px;
}
#page_order_control_kap2 {
display:block;
}
#page_order_control_kap {
display:none;
}
.page_artlist_list {
padding:0 15px;
}
#page_artforum_write_privacy_policy .artforum_newmessage_col1 {
font-size: 10px;
}
#page_artforum_content .page_artforum_element_head_date, #page_artforum_content .page_artforum_element_head_name {
font-size:11px;
}
.page_artforum_left img {
max-width:240px;
}
.artforum_newmessage_col2.input_checkbox * {
font-size:11px;
}
.page_vote_item {
padding:0 15px;
}
.page_vote_privacy_policy .page_vote_item_right * {
font-size:11px;
}
.contact_form {
padding: 0 15px;
}
.contact_form_privacy_policy label, .contact_form_privacy_policy label * {
font-size:11px;
}
#recommend_label_privacy_policy label, #recommend_label_privacy_policy label * {
font-size:11px;
}
.page_forum_newnote [type=text], .page_forum_newnote textarea {
width: 90%;
}
.page_forum_newnote_privacy_policy label, .page_forum_newnote_privacy_policy label * {
font-size:11px;
}
.page_page_blog_title {
padding:10px 20px;
}
.page_page_blog_title h1, .page_page_blog_title a {
font-size:16px;
line-height:18px;
}
.blog_header_inner_wrap {
flex-direction:column;
}
.page_page_blog_date {
flex: 1 0 50%;
width: 100%;
padding:5px 20px;
}
.blog_author_name {
display: flex;
flex: 0 0 50%;
width: 100%;
padding:5px 20px;
}
}
.disabled {
cursor: not-allowed;
opacity: 0.6;
}
.js-order-mods--disabled {
opacity: 0.5;
}
.fault-text {
color: #f22;
font-weight: 700;
margin-top: 5px;
}
.product-type-disabled {
cursor: not-allowed !important;
opacity: 0.5;
display: inline-block;
padding: 7px;
border: solid 1px #ddd;
}
.customer_address_row {
margin-top: 5px;
display: flex;
flex-wrap: wrap;
padding-top: 5px;
padding-bottom: 5px;
}
.customer-address__cards{
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.customer_address_row.page_design_fault {
background: #f22;
}
.customer_address_row.page_design_fault .customer_address_data_title {
color: white;
}
.customer_address_data_title {
min-height: 35px;
line-height: 35px;
width: 35%;
padding-right: 5%;
text-align: right;
}
.customer_address_row_data {
width: 65%;
box-sizing: border-box;
}
.customer-address__customer_type {
margin-bottom: 5px;
}
.customer-address__delete-icon{
position: absolute;
top: 0;
right: 0;
}
.customer-address__delete-icon a{
padding: 10px 15px;
display: block;
}
button.add_address {
margin-right: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 480px) {
.customer_address_data_title,
.customer_address_row_data {
width: 100%;
}
.customer_address_row_data {
padding-left: 5%;
padding-right: 5%;
}
.customer_address_row_data .select,
.customer_address_row_data input[type='text']{
width: 100% !important;
}
.customer_address_data_title {
text-align: left;
padding-left: 5%;
padding-right: 5%;
font-size: 11px;
}
}
.js-customer-address-delete-hidden .js-customer-address-delete {
display: none;
}
.customer-address__card {
margin-bottom: 20px;
text-align: left;
width: 100%;
max-width: 25%;
flex: 0 0 25%;
padding: 0 10px;
}
.customer-address__card-inner {
padding: 20px;
background-color: #f5f5f5;
position: relative;
}
@media (max-width: 1140px) {
.customer-address__card {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
}
@media (max-width: 800px) {
.customer-address__card {
max-width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 640px) {
.customer-address__card {
max-width: 100%;
flex: 0 0 100%;
}
}
.js-customer-address-delete-hidden .customer-address__card-inner {
background-color: #ddd;
}
.customer-address__zip{
text-align: left;
line-height: 30px;
height: 30px;
}
.customer-address__zip {
text-align: left;
}
.customer-address__delete-icon {
text-align: right;
}
.customer-address__delete-icon:after {
line-height: 25px;
font-size: 25px !important;
}
.customer-address__data-outer {
padding: 0 5px;
}
.customer-address__data {
margin: 10px 0;
min-height: 80px;
}
.customer-address__city,
.customer-address__street {
font-weight: bold;
}
.customer-address__city {
font-size: 25px;
}
.customer-address__street {
font-size: 18px;
}
.customer-address__default-address {
padding: 5px;
cursor: pointer;
user-select: none;
}
.customer-address__default-address.is-checked,
.customer-address__default-address:hover {
background: #0275d8;
color: #fff;
}
.customer-address__default-billing-address,
.customer-address__default-shipping-address {
margin-bottom: 5px;
}
.customer-address__buttons {
text-align: left !important;
}
div#overlay_script {
left: 50% !important;
transform: translateX(-50%);
top: 100px !important;
max-width: 700px;
width: 100%;
padding: 15px;
}
div#overlay_script.overlay_default_customer_address_error {
background:#f70;
}
/*** SMART SEARCH ***/
@media (min-width: 1000px) {
#search {
position: relative;
}
}
.js-search-smart-autocomplete {
opacity: 1;
visibility: visible;
z-index: 9999;
}
.js-search-smart-autocomplete.is-hidden{
opacity: 0;
visibility: hidden;
z-index: -1;
}
.js-search-smart-autocomplete.no-transition {
transition: none !important;
}
.js-search-smart-autocomplete .search-smart-arrow {
z-index: 2;
width: 16px;
height: 16px;
color: #fff;
bottom: 0;
position: absolute;
left: 40px;
}
.js-search-smart-autocomplete .search-smart-arrow::before{
content: "";
position: absolute;
border-color: transparent;
border-style: solid;
bottom: -18px;
left: 0;
border-width: 8px 8px 0;
border-top-color: initial;
transform-origin: center top;
transform: rotate(180deg);
}
.search-smart-autocomplete {
background-color: #fff;
box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
width: 800px;
position: absolute;
top: 45px;
right: 0;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior-y: contain;
z-index: 1;
}
@media (max-width: 999px) {
.search-smart-autocomplete {
right: 50%;
top: 60px;
transform: translateX(50%);
max-width: 92vw;
width: 100vw;
}
.js-search-smart-autocomplete .search-smart-arrow {
left: 50%;
}
}
.search-smart-autocomplete .icon--b-search::before{
font-size: 10px;
margin-right: 6px;
}
.search-smart-autocomplete .search-smart-prices{
font-size: 12px;
line-height: 15px;
text-align: right;
min-width: 80px;
}
.search-smart-autocomplete .search-smart-prices.has-sale-price .search-smart-price-base {
text-decoration: line-through;
}
.search-smart-autocomplete .search-smart-price-sale {
font-weight: bold;
color: #f22;
}
.search-smart-autocomplete .search-smart-sale-percent{
width: 30px;
height: 30px;
color: #f22;
border: 4px solid #f22;
letter-spacing: -1px;
font-size: 10px;
line-height: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 5px;
border-radius: 100%;
background: #fff;
}
.search-smart-autocomplete .search-smart-title{
font-weight: bold;
}
.search-smart-autocomplete ul {
margin-bottom: 0;
box-shadow: none;
}
.search-smart-autocomplete .search-query {
text-overflow: ellipsis;
-webkit-line-clamp: 1;
max-height: 24px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.search-smart-autocomplete .search-product {
line-height: 16px;
}
.search-smart-autocomplete .search-product + .search-product{
border-top: 1px dotted #ddd;
}
.search-smart-autocomplete .js-search-result {
cursor: pointer;
list-style: none;
}
@media (min-width:992px) {
.search-smart-autocomplete .js-search-result.is-selected,
.search-smart-autocomplete .js-search-result:hover {
color: #fff !important;
}
.search-smart-autocomplete .js-search-result.is-selected b,
.search-smart-autocomplete .js-search-result:hover b {
color: #fff !important;
}
.search-smart-autocomplete .js-search-result.is-selected .search-smart-price-sale,
.search-smart-autocomplete .js-search-result:hover .search-smart-price-sale {
color: #fff !important;
}
}
.search-smart-query-title{
margin-right: 10px;
}
/*** Type 1 ***/
.search-smart-autocomplete.type--1 {
padding: 20px 30px;
}
.search-smart-autocomplete.type--1 .search-product {
padding: 10px 0;
}
.search-smart-autocomplete.type--1 .search-query{
align-items: center;
background: #f1f1f1;
margin-bottom: 4px;
margin-right: 4px;
}
.search-smart-autocomplete.type--1 .search-smart-title{
background: #f1f1f1;
margin-bottom: 15px;
line-height: 24px;
padding: 0 10px;
}
.search-smart-autocomplete.type--1 .search-content,
.search-smart-autocomplete.type--1 .search-query {
line-height: 16px;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 5px;
}
.search-smart-autocomplete.type--1 .search-smart-section + .search-smart-section{
padding-top: 20px;
}
.search-smart-autocomplete.type--1 .search-smart-sale-percent{
position: absolute;
top: 5px;
left: 5px;
}
@media (max-width: 400px){
.search-smart-autocomplete.type--1{
padding: 15px 0;
}
.search-smart-autocomplete.type--1 .search-smart-title {
padding: 0 20px;
}
}
@media (min-width: 1260px) {
.search-smart-autocomplete.type--1{
max-height: 520px !important;
}
}
/*** Type 2 ***/
.search-smart-autocomplete.type--2 {
padding: 20px;
}
.search-smart-autocomplete.type--2 .search-product {
padding: 5px 0;
}
.search-smart-autocomplete.type--2 .search-smart-title {
margin-bottom: 10px;
padding: 0 10px;
line-height: 18px;
display: inline-flex;
align-items: center;
}
.search-smart-autocomplete.type--2 .search-smart-title::before{
font-size: 16px;
margin-right: 6px;
font-weight: 300;
font-family: 'FontAwesome';
}
@media (max-width: 400px){
.search-smart-autocomplete.type--2{
padding: 15px 10px;
}
.search-smart-autocomplete.type--2 .search-smart-title{
padding: 0 20px;
}
}
.search-smart-autocomplete.type--2 .search-smart-autocomplete-content .search-smart-title::before {
content: "\f15c";
}
.search-smart-autocomplete.type--2 .search-smart-autocomplete-category .search-smart-title::before {
content: "\f115";
}
.search-smart-autocomplete.type--2 .search-smart-autocomplete-search-query .search-smart-title::before {
content: "\f002";
}
.search-smart-autocomplete.type--2 .search-smart-autocomplete-product .search-smart-title::before {
content: "\f1b2";
}
.search-smart-autocomplete.type--2 .search-content,
.search-smart-autocomplete.type--2 .search-query {
line-height: 18px;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 5px;
}
.search-smart-autocomplete.type--2 .search-smart-section + .search-smart-section{
padding-top: 15px;
}
@media (max-width: 768px){
.search-smart-autocomplete.type--2 .search-smart-sale-percent{
position: absolute;
top: 5px;
left: 5px;
}
}
@media (min-width: 1260px) {
.search-smart-autocomplete.type--2 {
max-height: 480px !important;
}
}
/*** Type 3 ***/
.search-smart-autocomplete.type--3 .col-left {
flex:0 0 25%;
max-width:25%;
}
.search-smart-autocomplete.type--3 .col-right {
flex:0 0 75%;
max-width:75%;
}
.search-smart-autocomplete.type--3 .search-product {
padding: 10px 0;
border:none;
padding:.5rem;
margin-bottom:2rem;
flex:0 0 50%;
max-width:50%;
position:relative;
}
.search-smart-autocomplete.type--3 .search-query{
align-items: center;
background: #f1f1f1;
margin-bottom: 4px;
margin-right: 4px;
}
.search-smart-autocomplete.type--3 .search-smart-title{
background: #f1f1f1;
margin-bottom: 15px;
line-height: 24px;
padding: 0 10px;
}
.search-smart-autocomplete.type--3 .search-content,
.search-smart-autocomplete.type--3 .search-query {
line-height: 16px;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 5px;
}
.search-smart-autocomplete.type--3 .search-smart-section + .search-smart-section{
padding-top: 20px;
}
.search-smart-autocomplete.type--3 .search-smart-sale-percent{
position: absolute;
top: 10px;
left: 10px;
}
.search-smart-autocomplete.type--3 {
width: 32rem;
right: -50%;
padding: 2rem 1rem 2rem 2rem;
}
.search-smart-autocomplete.type--3 .search-smart-prices {
text-align:left;
}
.search-smart-autocomplete.type--3 .search-smart-price-base {
font-size:11px;
}
.search-smart-autocomplete.type--3 .search-smart-price-sale {
font-size:14px;
}
.search-smart-autocomplete.type--3 .search_name {
padding:5px 0;
}
@media (max-width:768px){
.search-smart-autocomplete.type--3 {
padding: 2rem 1rem;
right: 50%;
transform: translateX(50%);
width: 100vw;
}
}
.search-smart-arrow.type--3 {
left:50%;
}
.search-smart-arrow.type--3:before {
bottom:-21px;
}
@media (min-width:480px) {
.search-smart-autocomplete.type--3 .search-product {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
}
@media (min-width:576px) {
.search-smart-autocomplete.type--3 {
width:56rem;
}
}
@media (min-width:768px) {
.search-smart-autocomplete.type--3 {
width: 74rem;
max-width: unset;
right:50%;
}
.search-smart-autocomplete.type--3 .search-product {
flex: 0 0 33.3333%;
max-width: 33.3333%;
}
.search-smart-autocomplete.type--3 .col-left {
flex:33.3333%;
max-width:33.3333%;
}
.search-smart-autocomplete.type--3 .col-right {
flex:66.6666%;
max-width:66.6666%;
}
}
@media (min-width:992px) {
.search-smart-autocomplete.type--3 {
right:auto;
left:50%;
width:92rem;
transform:translateX(-50%);
}
.search-smart-autocomplete.type--3 .search-product {
flex: 0 0 25%;
max-width: 25%;
}
.search-smart-autocomplete.type--3 {
max-height: 52rem !important;
width: 92rem;
}
}
@media (min-width:1000px) {
.search-smart-autocomplete.type--3 {
left:auto;
right:-4rem;
transform:none;
}
.search-smart-arrow.type--3:before {
bottom: -27px;
}
}
@media (min-width:1240px) {
.search-smart-autocomplete.type--3 .search-product {
flex: 0 0 16.6666%;
max-width: 16.6666%;
}
.search-smart-autocomplete.type--3 {
width: 120rem;
right:-14rem;
}
.search-smart-autocomplete.type--3 .col-left {
flex:0 0 25%;
max-width:25%;
}
.search-smart-autocomplete.type--3 .col-right {
flex:0 0 75%;
max-width:75%;
}
}
.search-smart-autocomplete .icon--info::before {
content:'\f05a';
font-family:FontAwesome;
font-weight:400;
font-size:12px;
display:inline-block;
vertical-align:top;
pointer-events:none;
}
@media (max-width:992px) {
.search-smart-autocomplete .icon--info::before {
font-size:16px;
}
}
/*** SUGGESTIONS ***/
.suggestions-container{
margin: 0 -10px;
display: flex;
flex-wrap: wrap;
text-align: left;
}
.suggestions-container .suggestion{
padding-left: 10px;
padding-right: 10px;
}
.suggestion{
margin-bottom: 10px;
max-width: 100%;
width: 100%;
flex: 0 0 100%;
}
@media (min-width: 480px){
.suggestion{
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
}
.suggestion-inner {
background-color: rgba(0, 0, 0, 0.03);
padding: 10px 15px;
}
@media (min-width: 480px){
.suggestion-inner {
padding-top: 15px;
padding-bottom: 15px;
}
}
.suggestion-inner a {
text-decoration: underline;
}
.suggestion-title{
max-width: 100%;
width: 100%;
flex: 0 0 100%;
margin-bottom: 5px;
padding: 0 5px;
text-align: left;
}
@media (min-width: 480px){
.suggestion-title{
flex: 0 0 auto;
width: auto;
max-width: 100%;
margin-bottom: 0;
}
}
.suggestion-element{
flex: 0 0 auto;
width: auto;
max-width: 100%;
margin-bottom: 5px;
}
@media (min-width: 480px){
.suggestion-element{
margin-bottom: 0;
}
}
.suggestion-row{
margin: 0 5px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.suggestion-row .suggestion-element{
padding-left: 5px;
padding-right: 5px;
}
.suggestion-title.fuzzy::before{
content: '\f29c';
font-family: 'FontAwesome';
margin-right: 10px;
font-size: 18px;
}
.suggestion-title.query::before{
content: '\f002';
font-family: 'FontAwesome';
margin-right: 10px;
font-size: 18px;
}
/*** Utilites ***/
.mb-0{
margin-bottom: 0;
}
.search-smart-autocomplete .row{
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.search-smart-autocomplete .row::before,
.search-smart-autocomplete .row::after{
display: none;
}
.align-items-center {
align-items: center !important;
}
.search-smart-autocomplete .row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.flex-column {
flex-direction: column !important;
}
.d-flex {
display: flex !important;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
position: relative;
width: 100%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
position: relative;
width: 100%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
position: relative;
width: 100%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
width: 100%;
position: relative;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
position: relative;
}
.mb-2, .my-2 {
margin-bottom: 5px !important;
}
.search-smart-autocomplete .row.gutters-10 {
margin-right: -10px;
margin-left: -10px;
}
.search-smart-autocomplete:not(.type--3) .row.no-gutters > .col,
.search-smart-autocomplete:not(.type--3) .row.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.search-smart-autocomplete .row.gutters-10 > .col,
.search-smart-autocomplete .row.gutters-10 > [class*=col-] {
padding-right: 10px;
padding-left: 10px;
}
.position-relative{
position: relative !important;
}
.flex-wrap{
flex-wrap: wrap !important;
}
.py-2{
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.pl-3, .px-3 {
padding-left: 10px !important;
}
.pr-3, .px-3 {
padding-right: 10px !important;
}
.pl-4, .px-4 {
padding-left: 15px !important;
}
.pr-4, .px-4 {
padding-right: 15px !important;
}
.mr-3{
margin-right: 10px !important;
}
.mr-auto{
margin-right: auto !important;
}
.icon--b-search::before{
content: '\f002';
font-family: 'FontAwesome';
margin-right: 10px;
}
@media (min-width: 768px) {
.px-md-0{
padding-left: 0 !important;
padding-right: 0 !important;
}
.px-md-3{
padding-left: 10px !important;
padding-right: 10px !important;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
.text-primary{
color: #0275d8;
}
@media (min-width:992px) {
.search-smart-autocomplete .js-search-result.is-selected,
.search-smart-autocomplete .js-search-result:hover {
background: #0275d866 !important;
}
}
.search-smart-autocomplete .js-search-result b {
color: #0275d8 !important;
}
.suggestion-inner a:hover{
color: #0275d8;
}
/** PAYMENT REDIRECTION POPUP **/
.order-send__redirect-sec {
display: inline-block;
width: 50px;
height: 50px;
line-height: 38px;
flex: 0 0 50px;
max-width: 50px;
text-align: center;
border: 6px solid #f1f1f1;
border-radius: 50%;
}
.order-send__redirect-text {
font-weight: 400;
font-size: 14px;
}
.order-send__redirect-sec {
color: #0275d8;
}
/*** RRP prices ***/
.art_print_outer #page_artdet_price.with-rrp .page_artdet_price_net,
.art_print_outer #page_artdet_price.with-rrp .page_artdet_price_akcio{
display: block;
margin-left: 0;
}
.with-rrp .page_artdet_param_desc:after{
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
position: absolute;
}
#page_tooltip_price.with-rrp .page_tooltip_price_net.has-sale-price .text_style_line,
#page_tooltip_price.with-rrp .page_tooltip_price_net.has-sale-price,
#page_artdet_price.with-rrp .page_artdet_price_net.has-sale-price{
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.page_artlist_price.with-rrp .page_artlist_price_net,
.page_artlist_price.with-rrp .page_artlist_price_akcio{
display: block;
}
.page_popuplist_price.with-rrp{
display: flex;
flex-direction: column;
}
.page_popuplist_price.with-rrp .page_popuplist_price_net.has-sale-price,
.page_popuplist_price.with-rrp .page_popuplist_price_net.has-sale-price *{
font-size: 13px;
line-height: 13px;
font-weight: 400;
vertical-align: bottom;
}
.search-smart-prices.with-rrp.has-sale-price .search-smart-price-base{
text-decoration: none;
}
.with-rrp .text-line-through{
color: inherit;
text-decoration: line-through;
}
.with-rrp .page_artdet_param_desc {
display: inline;
padding: 0 0.685em;
font-size: 8px !important;
vertical-align: middle;
cursor: pointer;
}
.with-rrp .page_artdet_param_desc:after {
font-size: 1em;
line-height: 1;
}
.tippy-box{
background: #0275d8;
color: #fff;
font-size: 11px;
font-weight: 400;
border-radius: 5px;
line-height: 12px;
margin-bottom: -10px;
}
.tippy-content{
padding: 10px;
}
.tippy-content p:last-child {
margin-bottom: 0;
}
.tippy-arrow {
display: none;
}
.page_artdet_param_desc.tippy-inited *{
display: none !important;
}
#overlay_product_subscription .overlay_title{
font-size: 1.6rem;
text-transform: uppercase;
}
#overlay_product_subscription .overlay_text{
padding: 0.5rem;
font-size: 11px;
}
/* ADD: order details btn to order list */
.design_subver3 .page_order_track_status_history_name, .design_subver3 .page_order_track_status_history_date {
font-size: 12px;
}
.design_subver3 .page_order_track_status_history_wrapper:not(:last-child) {
margin-bottom: 4px;
}
.icon--history::before, .icon--a-history::after, .icon--b-history::before {
content: "\f1da";
font-weight: inherit;
font-size: inherit;
font-family: "FontAwesome";
}
.icon--download-content:before, .icon--a-download-content::after, .icon--b-download-content::before {
content: "\f019";
font-weight: inherit;
font-size: inherit;
font-family: "FontAwesome";
}
[class*="icon--b-"]::before {
margin-right: 0.4em;
}
.row-gap-10 {
row-gap: 10px;
}
.order-track__orders-table .row {
display: flex;
flex-wrap: wrap;
}
.gutters-10 {
margin-right: -10px;
margin-left: -10px;
}
.gutters-10 > .col, .gutters-10 > [class*="col-"] {
padding-right: 10px;
padding-left: 10px;
}
.align-items-end {
align-items: flex-end !important;
}
.order-track__orders-table .col-md {
width: 100%;
min-height: 1px;
}
@media (min-width: 768px) {
.order-track__orders-table .col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
}
@media (min-width: 992px) {
.d-lg-block {
display: block !important;
}
.align-items-lg-center {
align-items: center !important;
}
}
/* END-global */
.order-track__orders-table {
text-align: left;
margin-top: 20px;
}
.order-track__orders-header {
display: none;
padding: 10px;
background-color: #f5f5f5;
}
.order-track__orders-header div {
font-weight: 700;
}
.order-track__orders-header .order-track__order-details-btn {
height: 0;
}
.order-track__order {
padding: 20px 10px;
}
.order-track__order:nth-child(odd) {
background-color: rgba(0,0,0,0.03);
}
.order-track__title {
padding-right: 0.5rem;
}
@media (max-width: 579.8px) {
.order-track__order-col {
flex: 0 0 100%;
max-width: 100%;
}
.order-track__order-inner {
display: flex;
flex-wrap: wrap;
}
.order-track__title, .order-track__value {
flex: 0 0 50%;
max-width: 50%;
}
.order-track__order-details-col-inner {
margin-left: auto;
}
}
@media (min-width: 580px) {
.order-track__orders-header {
display: block;
}
.order-track__title {
display: none;
}
.order-track__order-details-col, .order-track__order-price-col, .order-track__header-price-col {
text-align: right;
}
}
@media (min-width: 580px) and (max-width: 767.8px) {
.order-track__header-key-col,
.order-track__header-date-col,
.order-track__order-key-col,
.order-track__order-date-col {
flex: 0 0 35%;
max-width: 35%;
}
.order-track__order-price-col, .order-track__header-price-col, .order-track__order-details-col {
flex: 0 0 30%;
max-width: 30%;
}
.order-track__order-statuses-col {
flex: 0 0 70%;
max-width: 70%;
}
}
@media (max-width: 767.8px) {
.order-track__order-payment-status-col.empty-payment-status {
display: none;
}
}
@media (min-width: 580px) and (max-width: 991.8px) {
.order-track__order-statuses-col .order-track__title,
.order-track__order-statuses-col .order-track__value {
display: inline;
}
}
@media (min-width: 768px) and (max-width: 991.8px) {
.order-track__header-key-col,
.order-track__header-date-col,
.order-track__order-key-col,
.order-track__order-date-col {
flex: 0 0 40%;
max-width: 40%;
}
.order-track__order-price-col, .order-track__header-price-col, .order-track__order-details-col {
flex: 0 0 20%;
max-width: 20%;
}
.order-track__order-statuses-col {
flex: 0 0 80%;
max-width: 80%;
}
}
@media (max-width: 991.8px) {
.order-track__value {
font-weight: 700;
}
}
@media (min-width: 992px) {
.order-track__header-date-col,
.order-track__header-statuses-col,
.order-track__order-date-col,
.order-track__order-statuses-col {
text-align: center;
}
.order-track__order, .order-track__orders-header {
padding: 10px 5px;
}
.order-track__header-key-col,
.order-track__header-date-col,
.order-track__header-price-col,
.order-track__order-key-col,
.order-track__order-date-col,
.order-track__order-price-col {
max-width: 160px !important;
}
.order-track__header-payment-status-col,
.order-track__order-payment-status-col {
max-width: 240px !important;
}
}
/* subver4 bigger compare popup */
:root {
--compare-table-label-cell-mobile-width: 100px;
--compare-table-value-cell-mobile-width: 130px;
--compare-table-label-cell-tablet-width: 130px;
--compare-table-value-cell-tablet-width: 180px;
--compare-table-label-cell-desktop-width: 200px;
--compare-table-value-cell-desktop-width: 250px;
}
.position-sticky {
position: sticky !important;
position: -webkit-sticky !important;
}
body.design_subver4 #page_PopupContainer.shop_popup_compare {
width: auto !important;
height: auto;
max-width: 90vw;
max-height: 90vh;
overflow: hidden;
background-color: #ffffff;
padding: 0;
}
body.design_subver4 #page_PopupContainer.shop_popup_compare #page_PopupContainer_inner {
min-width: 250px;
max-height: inherit;
background: none;
}
body.design_subver4 #page_PopupContainer.shop_popup_compare #page_PopupContainer_ajax {
min-height: inherit;
min-width: inherit;
margin: 0;
}
body.design_subver4 #page_PopupContainer.shop_popup_compare #page_PopupContainer_ajax::after {
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
}
body.design_subver4 #page_PopupContainer.shop_popup_compare[style*='block'] ~ [data-tippy-root] {
text-align: left;
}
body.design_subver4 #page_PopupContainer.shop_popup_compare a.close {
top: 2px;
right: 2px;
width: 36px;
height: 36px;
}
body.design_subver4 #compare {
padding: 0;
max-height: inherit;
line-height: 1.5;
}
body.design_subver4 .compare__title {
padding: 1rem 5rem 1rem 2rem;
margin-bottom: 0;
}
body.design_subver4 .compare__table {
overflow: auto;
scrollbar-width: thin;
-webkit-overflow-scrolling: touch;
scrollbar-color: auto #fff;
font-size: 12px;
line-height: 16px;
}
body.design_subver4 .compare__table div {
font-size: inherit;
}
body.design_subver4 .compare__table .page_artdet_param_desc {
margin-left: 5px;
}
body.design_subver4 .compare__table::-webkit-scrollbar-track {
background: #fff;
}
body.design_subver4 .compare__table-inner {
height: 100%;
-webkit-overflow-scrolling: touch;
background-color: #ccc;
display: flex;
flex-direction: column;
}
body.design_subver4 .compare__row {
display: flex;
align-items: stretch;
}
body.design_subver4 .compare__row--iconmore img, body.design_subver4 .compare__row--icon img {
margin: 0;
}
body.design_subver4 .compare__row--price .compare__value {
font-weight: 700;
}
body.design_subver4 .compare__row--sku .compare__value,
body.design_subver4 .compare__row--price_unit .compare__value {
font-size: 10px;
}
body.design_subver4 .compare__row--param.values-are-not-same .compare__label, body.design_subver4 .compare__row--param.values-are-not-same .compare__value {
background-color: #d4f9ff;
}
body.design_subver4 .compare__row.position-sticky {
z-index: 3;
}
body.design_subver4 .compare__row--name {
top: 0;
border-top: 1px solid #ccc;
}
body.design_subver4 .compare__row--name .compare__label, body.design_subver4 .compare__row--name .compare__value {
background-color: #f5f5f5;
}
body.design_subver4 .compare__row--name .compare__value {
font-weight: 700;
}
body.design_subver4 .compare__row:has(+ .compare__row--functions) {
margin-bottom: -1px;
}
body.design_subver4 .compare__row--pic .icon--image {
font-size: 20px;
}
body.design_subver4 .compare__row--functions {
bottom: 0;
border-top: 1px solid #ccc;
}
body.design_subver4 .compare__row--functions .compare__value, body.design_subver4 .compare__row--functions .compare__label {
background-color: #fff;
}
body.design_subver4 .compare__label, body.design_subver4 .compare__value {
padding: 0.5rem;
text-align: center;
display: flex;
align-items: center;
border: solid #ccc;
border-width: 0 1px 1px 0;
}
body.design_subver4 .compare__label {
position: sticky;
position: -webkit-sticky;
left: 0;
z-index: 2;
text-align: right;
justify-content: flex-end;
word-break: break-word;
background-color: #fff;
border-right: 1px solid #ccc;
margin-right: -1px;
text-transform: uppercase;
flex: 0 0 var(--compare-table-label-cell-desktop-width);
max-width: var(--compare-table-label-cell-desktop-width);
width: var(--compare-table-label-cell-desktop-width);
}
body.design_subver4 .compare__table .compare__label {
font-size: 11px;
}
body.design_subver4 .compare__value {
flex-wrap: wrap;
gap: 5px;
justify-content: center;
background-color: #fff;
word-break: break-word;
flex: 0 0 var(--compare-table-value-cell-desktop-width);
max-width: var(--compare-table-value-cell-desktop-width);
width: var(--compare-table-value-cell-desktop-width);
}
body.design_subver4 .compare__name-link {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 1.5;
max-height: 4.5em;
font-weight: 700;
text-transform: uppercase;
font-size: inherit;
}
@media (max-width: 1199px) {
body.design_subver4 .compare__label {
flex: 0 0 var(--compare-table-label-cell-tablet-width);
max-width: var(--compare-table-label-cell-tablet-width);
width: var(--compare-table-label-cell-tablet-width);
}
body.design_subver4 .compare__value {
flex: 0 0 var(--compare-table-value-cell-tablet-width);
max-width: var(--compare-table-value-cell-tablet-width);
width: var(--compare-table-value-cell-tablet-width);
}
}
@media (max-width: 767.8px) {
body.design_subver4 .compare__label {
flex: 0 0 var(--compare-table-label-cell-mobile-width);
max-width: var(--compare-table-label-cell-mobile-width);
width: var(--compare-table-label-cell-mobile-width);
}
body.design_subver4 .compare__value {
flex: 0 0 var(--compare-table-value-cell-mobile-width);
max-width: var(--compare-table-value-cell-mobile-width);
width: var(--compare-table-value-cell-mobile-width);
}
}
@media (max-width: 480px) {
body.design_subver4 #page_PopupContainer.shop_popup_compare {
max-width: 100vw;
max-height: 100vh;
max-height: 100dvh;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
body.design_subver4 .compare__row--iconmore img, body.design_subver4 .compare__row--icon img {
max-height: 16px;
max-width: 16px;
}
}
@media (min-width: 768px) {
body.design_subver4 .compare__table {
font-size: 14px;
}
body.design_subver4 .compare__table .compare__label {
font-size: 14px;
}
}
.compare-param-type--color .page_artdet_product_param_color, .compare-param-type--color_text .page_artdet_product_param_color {
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid currentColor;
}
.compare__func-btn {
width: 40px;
height: 40px;
padding: 0;
line-height: 40px;
text-align: center;
font-size: 18px;
}
.compare__func-del {
background-color: transparent !important;
color: #f22;
}
#page_cat_artlist .page_artlist_listing_order .page_hr:first-child {
display: none;
}
/* CLS FIX */
@media (min-width:951px) {
.box_content_ajax[data-min-length='1'] {
min-height: 100px;
}
.box_content_ajax[data-min-length='2'] {
min-height: 245px;
}
.box_content_ajax[data-min-length='3'] {
min-height: 390px;
}
.box_content_ajax[data-min-length='4'] {
min-height: 535px;
}
.box_content_ajax[data-min-length='5'] {
min-height: 680px;
}
.box_content_ajax[data-min-length] {
margin: 0;
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.box_content_ajax[data-min-length]::after {
position: static;
}
}
/*** WAREHOUSES ***/
.warehouses-available {
cursor: pointer;
}
.warehouse_info:before, #page_artdet_func_question:before {
content:'\f128' !important;
}
.warehouses{
margin-top: 20px;
}
.warehouse {
padding-bottom: 5px;
margin-bottom: 5px;
}
.warehouse-inner {
display: flex;
align-items: center;
}
.warehouse:not(:last-of-type) {
border-bottom: 1px dotted #ddd;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.warehouse-left {
text-align: left;
}
.warehouse__name, .warehouse__quantity {
font-size: 15px;
font-weight: 700;
line-height: 17.5px;
}
.warehouse-right {
display: flex;
align-items: center;
text-align: right;
}
.warehouse-right .warehouse__quantity {
align-items: center;
width: 100%;
margin-right: 10px;
}
.warehouses.print .warehouse-right .warehouse__quantity {
margin-right: 0px;
}
.warehouse-right .warehouse__quantity.has-variant-info {
width: calc(100% - 48px);
}
.warehouse__name.has-warehouse-info {
margin-bottom: 5px;
}
.warehouse__info {
font-size: 13px;
line-height: 17.5px;
text-align: left;
}
.warehouse__variant-info {
display: flex;
justify-content: space-between;
padding-bottom: 5px;
margin-bottom: 5px;
}
.warehouse__variant-info-quantity {
font-weight: 700;
}
/*** FUNC ICON ***/
.page_artdet_content_inner .page_artdet_func_icon {
display:block;
width:48px;
height:48px;
border-radius:50%;
margin:0;
background: transparent;
cursor: pointer;
z-index:1;
opacity:1;
box-shadow: 0px 0px 0px 5px #f1f1f1 inset;
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
position:relative;
}
.page_artdet_content_inner .page_artdet_func_icon:hover {
box-shadow: 0px 0px 0px 8px #0275d8 inset;
}
.page_artdet_content_inner .page_artdet_func_icon:before {
content:'';
font-family:'FontAwesome';
font-size:18px;
line-height:48px;
transform:translate(-50%,-50%) scale(1);
transition: cubic-bezier(0.175, 0.885, 0.52, 1.775) 0.2s;
position:absolute;
top:50%;
left:50%;
color:#0275d8;
}
.page_artdet_content_inner .page_artdet_func_icon:hover:before {
transform:translate(-50%,-50%) scale(0.7);
transition-delay:0.1s;
}
@media only screen and (max-width:780px) {
.page_artdet_content_inner .page_artdet_func_icon {
width:44px;
height:44px;
}
.page_artdet_content_inner .page_artdet_func_icon:before {
line-height:44px;
font-size:15px;
}
}
/* Exitpopup - Wheel */
.page_exitpopup_wheel {
width: 1000px !important;
height: 600px;
max-width: 100%;
max-height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.page_exitpopup_wheel .page_exitpopup_title1 {
font-size: 18px;
}
.page_exitpopup_wheel .page_exitpopup_form_privacy_policy {
display: flex;
}
.page_exitpopup_wheel .wheel-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
}
.page_exitpopup_wheel .col-wheel,
.page_exitpopup_wheel .col-data {
position: relative;
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
@media (max-width: 992px){
.page_exitpopup_wheel .col-wheel{
flex: 0 0 41.66666667%;
max-width: 41.66666667%;
}
.page_exitpopup_wheel .col-data{
flex: 0 0 58.33333333%;
max-width: 58.33333333%;
}
}
@media (max-width: 768px){
.page_exitpopup_wheel .col-wheel{
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.page_exitpopup_wheel .col-data{
flex: 0 0 66.66666667%;
max-width: 66.66666667%;
}
}
@media (max-width: 576px){
.page_exitpopup_wheel .col-wheel,
.page_exitpopup_wheel .col-data {
flex: 0 0 100%;
max-width: 100%;
}
}
.page_exitpopup_wheel .wheel-container {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding-top: 100%;
border-radius: 50%;
overflow: hidden;
outline: 3px solid #333 !important;
}
.page_exitpopup_wheel .wheel-container-outer::after {
content: '';
display: block;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 40px solid #333;
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.page_exitpopup_wheel .wheel-container-outer{
width: 400px;
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
}
.page_exitpopup_wheel .wheel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #333;
border-radius: 50%;
overflow: hidden;
transform: rotate(135deg);
transition: transform 3.5s ease-in-out;
z-index: 1;
}
.page_exitpopup_wheel .wheel::after{
content: '';
position: absolute;
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 10;
border: 4px solid rgba(0,0,0,0.75);
}
.page_exitpopup_wheel .wheel .number{
position: absolute;
width: 50%;
height: 50%;
transform-origin: bottom right;
display: flex;
align-items: center;
justify-content: center;
padding: 30px 0 0 30px;
}
.page_exitpopup_wheel .wheel svg{
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
.page_exitpopup_wheel .wheel .option-title{
position: relative;
transform: rotate(-135deg);
font-size: 16px;
font-weight: 700;
text-shadow: 3px 5px 2px rgba(0,0,0,0.15);
}
.wheel-after-spin,
.wheel-before-spin {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
transform: translate(-50%, -50%);
opacity: 1 !important;
transition: opacity .5s ease;
}
.wheel-after-spin.is-hidden,
.wheel-before-spin.is-hidden {
opacity: 0 !important;
}
.js-result {
font-size: 30px;
background: rgba(0, 0, 0, 0.1);
padding: 5px 15px;
display: inline-block;
line-height: 1.5;
}
.js-result-wrap{
text-align: center;
margin-top: 20px;
}
.js-result-text-wrap.is-hidden,
.js-spin-again-wrap.is-hidden,
.js-result-wrap.is-hidden {
display: none;
}
.btn-spin-the-wheel{
min-width: 140px;
}
.btn-spin-the-wheel.loading {
font-size: 0 !important;
position: relative;
}
.btn-spin-the-wheel.loading::after{
content: "";
display: inline-block;
animation: dots 2s linear infinite;
position: absolute;
left: 50%;
top: calc(50% - 5px);
font-size: 20px;
transform: translate(-50%,-50%);
}
.page_exitpopup_wheel .page_exitpopup_end{
position: relative;
}
@media (max-width: 575px){
.page_exitpopup_wheel {
padding: 15px 0;
height: 100%;
max-height: 96vh;
}
.page_exitpopup_wheel .wheel-container-outer{
width: 300px;
position: relative;
transform: none;
left: 0;
right: unset;
margin: 0 auto;
}
.page_exitpopup_wheel .wheel .option-title{
font-size: 12px;
}
.page_exitpopup_wheel .page_exitpopup_end{
min-height: 200px;
height: 100%;
}
}
@media (max-width: 400px){
.page_exitpopup_wheel .wheel-container-outer{
transform: translateX(calc(-100% + -60px));
left: 100%;
}
}
@keyframes dots {
0% {
content: '';
}
20% {
content: '.';
}
40% {
content: '..';
}
60% {
content: '...';
}
80% {
content: '....';
}
100% {
content: '.....';
}
}
/*** package offers ***/
.package-offer {
display: block;
}
.package-offer__name {
font-size: 25px;
}
@media (min-width:992px) {
.package-offer {
display: flex;
}
}
.package_offer__button-wrapper {
display: flex;
justify-content: center;
position: relative;
}
.package_offer__button-wrapper .package_offers_loader {
margin-left: 10px;
position: absolute;
}
.package-offer-add-to-cart-spinner {
position: relative;
}
.package-offer__original-price {
font-size: 18px;
}
.package-offer__price-value {
font-size: 26px;
color: #f22;
font-weight: bold;
}
.package-offer:not(:last-of-type) {
margin-bottom: 30px;
}
.package-offer{
padding: 15px 0;
border: 1px solid #ddd;
}
.package-offer__price {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.package-offer__price-value::before, .package-offer__original-price::before {
content: attr(data-price);
}
[data-percent]::after {
content: attr(data-percent);
}
[data-percent-value]::before {
content: attr(data-percent-value);
}
.package-offer-details-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.package-offer-item .page_artlist_status {
position: absolute;
}
.package-offer-item{
margin-bottom: 30px;
}
#page_artdet_package_offer_close:hover{
box-shadow: inset 0 0 0 6px #f22;
}
#page_artdet_package_offer_close{
box-shadow: inset 0 0 0 -1px #f22;
}
#page_artdet_package_offer_close:hover::before{
transform: translate(-50%,-50%) scale(1);
transition-delay: 0.1s;
}
#page_artdet_package_offer_close:before{
transform: translate(-50%,-50%) scale(1.5);
color: #f00;
}
.package-offer-item .select {
width: 100%;
}
.package-offer-item-variants-close {
margin-bottom: 5px;
float: right;
}
.package-offer-item .product-variants-overlay {
visibility: hidden;
position: absolute;
padding: 20px;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.package-offer-item.is-active-variant-overlay .product-variants-overlay {
background-color: rgba(255,255,255,0.8);
visibility: visible;
}
.package_offer_icon {
display: flex;
align-items: center;
justify-content: center;
}
.package_offer_icon:before {
content: url("../image/box-open-full.svg");
width: 40px;
height: auto;
display: block;
}
.package_offer_icon.cart-box{
height: 26px;
margin: 0 auto;
content: url("../image/box-open-full-white.svg");
}
#ud_shop_order_control .package_offer_icon:before {
width: 30px;
}
/* saved cards on profile */
.saved-card__card-inner{
width: 322px;
height: 208px;
position: relative;
overflow: hidden;
}
.saved-cards-grid {
display: flex;
flex-wrap: wrap;
row-gap: 20px;
column-gap: 20px;
}
@media (max-width: 767px){
.saved-cards-grid {
justify-content: center;
}
}
.saved-card__expiry-date{
position: absolute;
left: 20px;
bottom: 20px;
color: #fff;
font-size: 14px;
}
.saved-card__expiry-date-title{
font-size: 12px;
}
.saved-card__buttons{
position: absolute;
right: 20px;
bottom: 10px;
}
.saved-card__mod-name{
font-size: 16px;
position: absolute;
left: 20px;
top: 15px;
max-width: calc(100% - 40px);
line-height: 1.2;
font-weight: 700;
color: #fff;
text-shadow: 1px 1px #00000080;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
max-height: 3.6em;
text-align: left;
}
.saved-card__delete-button {
background: #fff;
border: 1px solid #111111;
border-radius: 5px;
color: #111111;
width: 56px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: .3s all ease;
font-size: 18px;
}
.saved-card__delete-button:hover,
.saved-card__delete-button:focus,
.saved-card__delete-button:active{
border-color: #f00;
background-color: #f00 !important;
color: #fff;
}
.saved-card__card-number{
position: absolute;
bottom: 60px;
left: 20px;
right: 20px;
color: #fff;
text-shadow: 2px 2px #00000080;
display: flex;
align-items: baseline;
justify-content: space-between;
font-weight: 700;
letter-spacing: 2px;
font-size: 18px;
}
.saved-card__dots{
font-size: 20px;
letter-spacing: 8px;
}
.saved-card__expired{
position: absolute;
transform: rotate(-15deg);
height: 60px;
width: 380px;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 0, 0, 0.8);
font-size: 18px;
color: #fff;
top: 35%;
left: -30px;
z-index: 2;
}
.icon--trash::before{
content: '\f00d';
font-family: 'FontAwesome';
}
.page_tabs_v2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
height: auto;
border-bottom: none;
}
.page_tabs_v2 .page_tab{
margin: 0;
padding: 0 30px;
}
.oneclick_checkbox_wrap{
margin: 15px 0;
display: flex;
align-items: center;
column-gap: 8px;
}
.oneclick_checkbox_wrap label{
margin-bottom: 0;
cursor: pointer;
}
.oneclick_pass_wrap{
margin: 20px 0;
}
.oneclick_pass_wrap.has-fault input{
border-color: #f00;
background: #ffc8c8;
}
.new-customer-title{
font-weight: 700;
}
#ud_shop_order_checkout .oneclick_checkbox_wrap,
#ud_shop_order_checkout .oneclick_pass_wrap,
#ud_shop_order_checkout .change-payment__description{
background: #f1f1f1;
}
#ud_shop_order_checkout .oneclick_pass_wrap{
margin: 0 ;
padding: 20px 0;
}
/*** subscription ***/
#artdet__subscription-period{
margin-bottom: 20px;
margin-top: 20px;
}
.subscription-periods-list{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.subscription-period__item {
cursor: pointer;
min-height: 3.6rem;
min-width: 3.6rem;
margin: 0 0.5% 10px 0.5%;
padding-right: 0;
line-height: 1.5 !important;
}
.subscription-period__item::before{
display: none !important;
}
.subscription-period__item-text {
border: 1px solid #ddd;
padding: 10px;
line-height: 14px;
min-height: 36px;
width: 100%;
white-space: nowrap;
position: relative;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
color: #0275d8;
transition: all 0.4s ease;
}
.subscription-period__item:hover .subscription-period__item-text {
color: #fff;
background-color: #0275d8;
}
.subscription-period__item.is-active .subscription-period__item-text {
border-color: #0275d8;
}
.page_artdet_2_artdata .subscription-period__item-text{
min-height: 50px;
}
.page_artdet_2_artdata .subscription-period__item{
width: 24%;
margin: 0 0.5% 10px 0.5%;
}
@media only screen and (max-width: 640px) {
.page_artdet_2_artdata .subscription-period__item {
width: 49%;
}
}
@media only screen and (max-width: 1000px) and (min-width: 641px) {
.subscription-period__item {
width: 49%;
}
}
@media only screen and (max-width: 480px) {
.subscription-period__item {
width: 49%;
}
}
.subscription-periods__title{
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.subscription__delete-button{
font-size: 12px;
padding-top: 5px;
padding-bottom: 5px;
}
.order-track__subscription {
padding: 20px 10px;
}
.order-track__subscriptions-table .row{
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
row-gap: 10px;
}
.order-track__subscriptions-table .row::before{
display: none;
}
.order-track__subscriptions-table .text-center{
text-align: center;
}
.order-track__subscriptions-table .align-items-center{
align-items: center;
}
.order-track__subscriptions-table .col{
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
width: 100%;
padding-right: 10px;
padding-left: 10px;
}
.order-track__subscriptions-table .col-auto{
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: none;
width: auto;
padding-right: 10px;
padding-left: 10px;
}
.order-track__subscriptions-table .col-12{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-right: 10px;
padding-left: 10px;
}
.order-track__subscriptions-table .col-6{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding-right: 10px;
padding-left: 10px;
}
.order-track__subscriptions-table .pr-2{
padding-right: 5px;
}
.order-track__subscriptions-table .mt-3{
margin-top: 10px;
}
.order-track__subscriptions-table .px-0{
padding-left: 0;
padding-right: 0;
}
.order-track__subscriptions-table .d-none{
display: none !important;
}
.order-track__subscriptions-table .ml-auto{
margin-left: auto;
}
@media (max-width: 1023px) {
.order-track__subscriptions-table * {
text-align: left;
}
}
@media (min-width: 1024px) {
.order-track__subscriptions-table .text-lg-left {
text-align: left;
}
.order-track__subscriptions-table .d-lg-block {
display: block !important;
}
.order-track__subscriptions-table .col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
width: 100%;
padding-right: 10px;
padding-left: 10px;
}
.order-track__subscriptions-table .col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
padding-right: 10px;
padding-left: 10px;
}
.order-track__subscriptions-table .d-lg-flex {
display: flex;
}
.order-track__subscriptions .px-lg-3{
padding-left: 10px;
padding-right: 10px;
}
.order-track__subscriptions .mt-lg-0{
margin-top: 0;
}
.order-track__subscriptions .mt-lg-4{
margin-top: 15px;
}
.order-track__subscriptions .pt-lg-3{
padding-top: 10px;
}
}
@media (min-width: 768px){
.order-track__subscriptions-table .d-md-flex {
display: flex;
}
}
.order-track__subscription:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.03);
}
@media (min-width: 1024px){
.order-track__subscription {
padding: 20px 5px 10px;
}
}
.order-track__subscriptions-header *{
font-weight: bold;
}
.order-track__subscriptions-header{
padding: 10px;
background-color: #f5f5f5;
}
.order-track__subscription-inner{
display: flex;
flex-wrap: wrap;
}
.subscription-list__value{
font-weight: 700;
}
@media (max-width: 1023px){
.subscription-list__value,
.subscription-list__title {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
.subscription-list__title::before{
text-align: center;
display: inline-block;
width: 20px;
}
}
@media (min-width: 1024px){
.subscription-list__value{
font-weight: 400;
}
.subscription-list__title{
display: none;
padding-right: 0.5rem;
}
.order-track__subscription-inner{
display: block;
}
.order-track__subscription-qty-col {
max-width: 80px !important;
}
.order-track__subscription-price-col {
max-width: 140px !important;
}
.order-track__subscription-period-col {
max-width: 120px !important;
}
.order-track__subscription-date-col {
max-width: 160px !important;
}
.order-track__subscription-expiration-col{
max-width: 200px !important;
}
}
/*** saved delivery points ***/
.saved-delivery-points__container{
margin-top: 30px;
margin-bottom: 30px;
}
.saved_delivery_point__form-wrapper{
background-color: #f5f5f5;
max-width: 460px;
margin: 20px auto;
padding: 30px;
}
.saved_delivery_point__form-wrapper .select{
width: 100%;
margin-bottom: 10px;
}
.saved_delivery_point__form-wrapper .page_order_mods_deliverypoint_text{
display: inline-flex;
align-items: center;
margin-bottom: 12px;
}
.saved_delivery_point__form-wrapper .page_order_mods_deliverypoint_widget{
position: static;
margin-left: 10px;
}
.saved_delivery_point__form-wrapper .order-mods-section{
text-align: left;
}
.saved_delivery_point__form-wrapper .mb-2{
margin-bottom: 5px;
}
.saved_delivery_point__form-wrapper .mb-4{
margin-bottom: 20px;
}
.saved_delivery_point__form-wrapper .page_order_mods_deliverypoint_info{
text-align: justify;
}
.saved_delivery_point__form-wrapper .shipping-method__name{
font-size: 18px;
font-weight: bold;
}
.saved_delivery_point__form-wrapper .shipping-method__buttons{
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.saved-delivery-point-selects select{
max-width: 100%;
}
.saved-delivery-point__buttons {
position: absolute;
top: 5px;
right: 5px;
display: flex;
}
.saved-delivery-point__card{
flex: 0 0 25%;
max-width: 25%;
width: 100%;
padding: 0 10px;
margin-bottom: 20px;
}
@media (max-width: 1140px) {
.saved-delivery-point__card {
max-width: 33.3333%;
flex: 0 0 33.3333%;
}
}
@media (max-width: 800px) {
.saved-delivery-point__card {
max-width: 50%;
flex: 0 0 50%;
}
}
@media (max-width: 640px) {
.saved-delivery-point__card {
max-width: 100%;
flex: 0 0 100%;
}
}
.saved-delivery-point__card-inner {
padding: 20px;
background-color: #f5f5f5;
height: 100%;
position: relative;
line-height: 1.21;
display: flex;
flex-direction: column;
text-align: left;
overflow: hidden;
}
.saved-delivery-point__method-name{
margin-bottom: 20px;
padding-right: 30px;
font-size: 18px;
font-weight: bold;
}
.saved-delivery-point__mod-street{
margin-bottom: 10px;
font-size: 12px;
}
.saved-delivery-point__mod-name-and-zip{
margin-bottom: 15px;
font-weight: bold;
font-size: 16px;
}
.saved-delivery-point__mod-name{
font-size: 12px;
margin-top: auto;
}
.shipping-method__buttons {
align-items: center;
column-gap: 10px;
}
.saved-delivery-point__modify-btn{
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.saved-delivery-point__modify-btn::before{
content: "\f044";
font-family: 'FontAwesome';
}
.saved-delivery-points__container-inner-row{
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
margin-left: -10px;
margin-right: -10px;
}
.btn-delivery-point-back{
background: #ccc;
}
.page_design_fault.only-warning .page_design_fault_text, .page_design_fault.only-warning ~ .page_design_fault_text{
color: #f5c056;
}
.page_design_fault.only-warning .newcust_col1, .page_design_fault.only-warning .newcust_col2, .page_design_fault.only-warning .newcust_col3 {
background:#f5c056;
}
.newcust_row_2 .page_design_fault.only-warning input{
border-color: #f5c056;
}