/* ####################################################### ############# AUTO GENERATED FILE ##################### ####################################################### */ @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prata&display=swap'); .forum-regular { font-family: "Prata", serif; font-weight: 400; font-style: normal; } .barlow-thin { font-family: "Barlow", serif; font-weight: 100; font-style: normal; } .barlow-extralight { font-family: "Barlow", serif; font-weight: 200; font-style: normal; } .barlow-light { font-family: "Barlow", serif; font-weight: 300; font-style: normal; } .barlow-regular { font-family: "Barlow", serif; font-weight: 400; font-style: normal; } .barlow-medium { font-family: "Barlow", serif; font-weight: 500; font-style: normal; } .barlow-semibold { font-family: "Barlow", serif; font-weight: 600; font-style: normal; } .barlow-bold { font-family: "Barlow", serif; font-weight: 700; font-style: normal; } .barlow-extrabold { font-family: "Barlow", serif; font-weight: 800; font-style: normal; } .barlow-black { font-family: "Barlow", serif; font-weight: 900; font-style: normal; } .barlow-thin-italic { font-family: "Barlow", serif; font-weight: 100; font-style: italic; } .barlow-extralight-italic { font-family: "Barlow", serif; font-weight: 200; font-style: italic; } .barlow-light-italic { font-family: "Barlow", serif; font-weight: 300; font-style: italic; } .barlow-regular-italic { font-family: "Barlow", serif; font-weight: 400; font-style: italic; } .barlow-medium-italic { font-family: "Barlow", serif; font-weight: 500; font-style: italic; } .barlow-semibold-italic { font-family: "Barlow", serif; font-weight: 600; font-style: italic; } .barlow-bold-italic { font-family: "Barlow", serif; font-weight: 700; font-style: italic; } .barlow-extrabold-italic { font-family: "Barlow", serif; font-weight: 800; font-style: italic; } .barlow-black-italic { font-family: "Barlow", serif; font-weight: 900; font-style: italic; } :root { --primary-color: rgba(4, 64, 132, 1); --secondary-color: rgba(43, 51, 59, 1); --link-color: rgba(4, 64, 132, 1); --link-hover-color: rgba(43, 51, 59, 1); --background-color:rgba(248, 248, 248, 1); --primary-font-family:'Lato', sans-serif; --secondary-font-family:'Lato', sans-serif; --body-font-size: 16px; --button-font: 400 22px/26px 'Lato', sans-serif; --button-padding: 8px 20px; --button-radius: 50px; --button-border-width: 1px; --button-text-transform: none; --button-letter-spacing: 0; --button-font-small: 400 22px/26px 'Lato', sans-serif; --button-padding-small: 10px; --button-letter-spacing-small: 0; --button1-background: rgba(4, 64, 132, 1); --button1-color: rgba(255, 255, 255, 1); --button1-border-color: rgba(4, 64, 132, 1); --button1-background-hover: rgba(255, 255, 255, 1); --button1-color-hover: rgba(4, 64, 132, 1); --button1-border-color-hover: rgba(4, 64, 132, 1); --button2-background: rgba(255, 255, 255, 1); --button2-color: rgba(43, 51, 59, 1); --button2-border-color: rgba(43, 51, 59, 1); --button2-background-hover: rgba(43, 51, 59, 1); --button2-color-hover: rgba(255, 255, 255, 1); --button2-border-color-hover: rgba(43, 51, 59, 1); --button3-background: rgba(4, 64, 132, 1); --button3-color: rgba(255, 255, 255, 1); --button3-border-color: rgba(4, 64, 132, 1); --button3-background-hover: rgba(255, 255, 255, 1); --button3-color-hover: rgba(4, 64, 132, 1); --button3-border-color-hover: rgba(4, 64, 132, 1); --button4-background: rgba(43, 51, 59, 1); --button4-color: rgba(255, 255, 255, 1); --button4-border-color: rgba(43, 51, 59, 1); --button4-background-hover: rgba(255, 255, 255, 1); --button4-color-hover: rgba(43, 51, 59, 1); --button4-border-color-hover: rgba(43, 51, 59, 1); --button5-background: rgba(255, 255, 255, 1); --button5-color: rgba(4, 64, 132, 1); --button5-border-color: rgba(4, 64, 132, 1); --button5-background-hover: rgba(4, 64, 132, 1); --button5-color-hover: rgba(255, 255, 255, 1); --button5-border-color-hover: rgba(4, 64, 132, 1); --title1-desktop-font: 700 32px/38px 'Lato', sans-serif; --title1-desktop-padding: 0; --title1-desktop-margin: 0 0 20px; --title1-desktop-letter-spacing: 0; --title1-desktop-text-transform: none; --title1-desktop-text-align: left; --title1-desktop-background: rgba(0, 0, 0, 0); --title1-desktop-color: rgba(4, 64, 132, 1); --title2-desktop-font: 400 32px/38px 'Lato', sans-serif; --title2-desktop-padding: 0; --title2-desktop-margin: 0 0 20px; --title2-desktop-letter-spacing: 0; --title2-desktop-text-transform: none; --title2-desktop-text-align: center; --title2-desktop-background: rgba(255, 255, 255, 0); --title2-desktop-color: rgba(43, 51, 59, 1); --title3-desktop-font: 400 22px/24px 'Lato', sans-serif; --title3-desktop-padding: 0; --title3-desktop-margin: 0 0 20px; --title3-desktop-letter-spacing: 0; --title3-desktop-text-transform: uppercase; --title3-desktop-text-align: center; --title3-desktop-background: rgba(255, 255, 255, 0); --title3-desktop-color: rgba(4, 64, 132, 1); --title4-desktop-font: 400 22px/24px 'Lato', sans-serif; --title4-desktop-padding: 0; --title4-desktop-margin: 0 0 20px; --title4-desktop-letter-spacing: 0; --title4-desktop-text-transform: none; --title4-desktop-text-align: left; --title4-desktop-background: rgba(255, 255, 255, 0); --title4-desktop-color: rgba(43, 51, 59, 1); --title5-desktop-font: 400 22px/24px 'Lato', sans-serif; --title5-desktop-padding: 0; --title5-desktop-margin: 0 0 20px; --title5-desktop-letter-spacing: 0; --title5-desktop-text-transform: none; --title5-desktop-text-align: center; --title5-desktop-background: rgba(255, 255, 255, 0); --title5-desktop-color: rgba(43, 51, 59, 1); --title6-desktop-font: 700 22px/24px 'Lato', sans-serif; --title6-desktop-padding: 0; --title6-desktop-margin: 0 0 30px; --title6-desktop-letter-spacing: 0; --title6-desktop-text-transform: none; --title6-desktop-text-align: center; --title6-desktop-background: rgba(255, 255, 255, 0); --title6-desktop-color: rgba(4, 64, 132, 1); --title1-tablet-font: 700 32px/38px 'Lato', sans-serif; --title1-tablet-padding: 0; --title1-tablet-margin: 0 0 20px; --title1-tablet-letter-spacing: 0; --title1-tablet-text-transform: none; --title1-tablet-text-align: left; --title1-tablet-background: rgba(255, 255, 255, 0); --title1-tablet-color: rgba(4, 64, 132, 1); --title2-tablet-font: 400 28px/34px 'Lato', sans-serif; --title2-tablet-padding: 0; --title2-tablet-margin: 0 0 20px; --title2-tablet-letter-spacing: 0; --title2-tablet-text-transform: none; --title2-tablet-text-align: center; --title2-tablet-background: rgba(255, 255, 255, 0); --title2-tablet-color: rgba(43, 51, 59, 1); --title3-tablet-font: 400 22px/24px 'Lato', sans-serif; --title3-tablet-padding: 0; --title3-tablet-margin: 0 0 20px; --title3-tablet-letter-spacing: 0; --title3-tablet-text-transform: uppercase; --title3-tablet-text-align: center; --title3-tablet-background: rgba(255, 255, 255, 0); --title3-tablet-color: rgba(4, 64, 132, 1); --title4-tablet-font: 400 22px/24px 'Lato', sans-serif; --title4-tablet-padding: 0; --title4-tablet-margin: 0 0 20px; --title4-tablet-letter-spacing: 0; --title4-tablet-text-transform: none; --title4-tablet-text-align: left; --title4-tablet-background: rgba(255, 255, 255, 0); --title4-tablet-color: rgba(43, 51, 59, 1); --title5-tablet-font: 400 22px/24px 'Lato', sans-serif; --title5-tablet-padding: 0; --title5-tablet-margin: 0 0 20px; --title5-tablet-letter-spacing: 0; --title5-tablet-text-transform: none; --title5-tablet-text-align: center; --title5-tablet-background: rgba(255, 255, 255, 0); --title5-tablet-color: rgba(43, 51, 59, 1); --title6-tablet-font: 700 22px/24px 'Lato', sans-serif; --title6-tablet-padding: 0; --title6-tablet-margin: 0 0 30px; --title6-tablet-letter-spacing: 0; --title6-tablet-text-transform: none; --title6-tablet-text-align: center; --title6-tablet-background: rgba(255, 255, 255, 0); --title6-tablet-color: rgba(4, 64, 132, 1); --title1-mobile-font: 700 32px/38px 'Lato', sans-serif; --title1-mobile-padding: 0; --title1-mobile-margin: 0 0 20px; --title1-mobile-letter-spacing: 0; --title1-mobile-text-transform: none; --title1-mobile-text-align: left; --title1-mobile-background: rgba(255, 255, 255, 0); --title1-mobile-color: rgba(4, 64, 132, 1); --title2-mobile-font: 400 28px/34px 'Lato', sans-serif; --title2-mobile-padding: 0; --title2-mobile-margin: 0 0 20px; --title2-mobile-letter-spacing: 0; --title2-mobile-text-transform: none; --title2-mobile-text-align: center; --title2-mobile-background: rgba(255, 255, 255, 0); --title2-mobile-color: rgba(43, 51, 59, 1); --title3-mobile-font: 400 22px/24px 'Lato', sans-serif; --title3-mobile-padding: 0; --title3-mobile-margin: 0 0 20px; --title3-mobile-letter-spacing: 0; --title3-mobile-text-transform: uppercase; --title3-mobile-text-align: center; --title3-mobile-background: rgba(255, 255, 255, 0); --title3-mobile-color: rgba(4, 64, 132, 1); --title4-mobile-font: 400 22px/24px 'Lato', sans-serif; --title4-mobile-padding: 0; --title4-mobile-margin: 0 0 20px; --title4-mobile-letter-spacing: 0; --title4-mobile-text-transform: none; --title4-mobile-text-align: left; --title4-mobile-background: rgba(255, 255, 255, 0); --title4-mobile-color: rgba(43, 51, 59, 1); --title5-mobile-font: 400 22px/24px 'Lato', sans-serif; --title5-mobile-padding: 0; --title5-mobile-margin: 0 0 20px; --title5-mobile-letter-spacing: 0; --title5-mobile-text-transform: none; --title5-mobile-text-align: center; --title5-mobile-background: rgba(255, 255, 255, 0); --title5-mobile-color: rgba(43, 51, 59, 1); --title6-mobile-font: 700 22px/24px 'Lato', sans-serif; --title6-mobile-padding: 0; --title6-mobile-margin: 0 0 30px; --title6-mobile-letter-spacing: 0; --title6-mobile-text-transform: none; --title6-mobile-text-align: center; --title6-mobile-background: rgba(255, 255, 255, 0); --title6-mobile-color: rgba(4, 64, 132, 1); --paragraph-desktop-font: 400 16px/24px 'Lato', sans-serif; --paragraph-desktop-padding: 0; --paragraph-desktop-margin: 0 0 20px; --paragraph-desktop-letter-spacing: 0; --paragraph-desktop-text-transform: none; --paragraph-desktop-text-align: left; --paragraph-desktop-background: rgba(255, 255, 255, 0); --paragraph-desktop-color: rgba(43, 51, 59, 1); --paragraph-tablet-font: 400 16px/24px 'Lato', sans-serif; --paragraph-tablet-padding: 0; --paragraph-tablet-margin: 0 0 20px; --paragraph-tablet-letter-spacing: 0; --paragraph-tablet-text-transform: none; --paragraph-tablet-text-align: left; --paragraph-tablet-background: rgba(255, 255, 255, 0); --paragraph-tablet-color: rgba(43, 51, 59, 1); --paragraph-mobile-font: 400 16px/24px 'Lato', sans-serif; --paragraph-mobile-padding: 0; --paragraph-mobile-margin: 0 0 20px; --paragraph-mobile-letter-spacing: 0; --paragraph-mobile-text-transform: none; --paragraph-mobile-text-align: left; --paragraph-mobile-background: rgba(255, 255, 255, 0); --paragraph-mobile-color: rgba(43, 51, 59, 1); --ol-desktop-font: 400 16px/24px 'Lato', sans-serif; --ol-desktop-padding: 0; --ol-desktop-margin: 0 0 20px; --ol-desktop-letter-spacing: 0; --ol-desktop-text-transform: none; --ol-desktop-text-align: left; --ol-desktop-background: rgba(255, 255, 255, 0); --ol-desktop-color: rgba(43, 51, 59, 1); --ol-tablet-font: 400 16px/24px 'Lato', sans-serif; --ol-tablet-padding: 0; --ol-tablet-margin: 0 0 20px; --ol-tablet-letter-spacing: 0; --ol-tablet-text-transform: none; --ol-tablet-text-align: left; --ol-tablet-background: rgba(255, 255, 255, 0); --ol-tablet-color: rgba(43, 51, 59, 1); --ol-mobile-font: 400 16px/24px 'Lato', sans-serif; --ol-mobile-padding: 0; --ol-mobile-margin: 0 0 20px; --ol-mobile-letter-spacing: 0; --ol-mobile-text-transform: none; --ol-mobile-text-align: left; --ol-mobile-background: rgba(255, 255, 255, 0); --ol-mobile-color: rgba(43, 51, 59, 1); --ul-desktop-font: 400 16px/24px 'Lato', sans-serif; --ul-desktop-padding: 0; --ul-desktop-margin: 0 0 20px; --ul-desktop-letter-spacing: 0; --ul-desktop-text-transform: none; --ul-desktop-text-align: left; --ul-desktop-background: rgba(255, 255, 255, 0); --ul-desktop-color: rgba(43, 51, 59, 1); --ul-tablet-font: 400 16px/24px 'Lato', sans-serif; --ul-tablet-padding: 0; --ul-tablet-margin: 0 0 20px; --ul-tablet-letter-spacing: 0; --ul-tablet-text-transform: none; --ul-tablet-text-align: left; --ul-tablet-background: rgba(255, 255, 255, 0); --ul-tablet-color: rgba(43, 51, 59, 1); --ul-mobile-font: 400 16px/24px 'Lato', sans-serif; --ul-mobile-padding: 0; --ul-mobile-margin: 0 0 20px; --ul-mobile-letter-spacing: 0; --ul-mobile-text-transform: none; --ul-mobile-text-align: left; --ul-mobile-background: rgba(255, 255, 255, 0); --ul-mobile-color: rgba(43, 51, 59, 1); --message-font: 14px/16px 'Helvetica Neue Regular', sans-serif; --message-padding: 10px 30px; --message-radius: 0px; --message-border-width: 1px; --message-text-transform: none; --message-letter-spacing: 0; --message-success-background: rgba(210, 236, 211, 1); --message-success-color: rgba(0, 102, 0, 1); --message-success-border-color: rgba(0, 102, 0, 1); --message-error-background: rgba(250, 207, 208, 1); --message-error-color: rgba(204, 0, 0, 1); --message-error-border-color: rgba(204, 0, 0, 1); --message-warning-background: rgba(252, 224, 197, 1); --message-warning-color: rgba(204, 102, 0, 1); --message-warning-border-color: rgba(204, 102, 0, 1); --message-info-background: rgba(197, 222, 252, 1); --message-info-color: rgba(0, 122, 204, 1); --message-info-border-color: rgba(0, 122, 204, 1); --auction-favorites-background-color: rgba(4, 64, 132, 1); --auction-favorites-icon-color: rgba(255, 255, 255, 1); --auction-favorites-radius: 50%; --catalog-favorites-background-color: rgba(4, 64, 132, 1); --catalog-favorites-icon-color: rgba(255, 255, 255, 1); --catalog-favorites-radius: 50%; } .layout-header-container { background-color: rgba(255, 255, 255, 1); width: 100%; } .layout-header { max-width: 1600px; width: 100%; margin: auto; } .layout-footer-container { background-color: rgba(4, 64, 132, 1); width: 100%; } .layout-footer { max-width: 100%; width: 100%; margin: auto; } @media (min-width: 1024px){ .ltitle1 { font: var(--title1-desktop-font); text-transform: var(--title1-desktop-text-transform); text-align: var(--title1-desktop-text-align); letter-spacing: var(--title1-desktop-letter-spacing); padding: var(--title1-desktop-padding); margin: var(--title1-desktop-margin); background: var(--title1-desktop-background); color: var(--title1-desktop-color); } .ltitle2 { font: var(--title2-desktop-font); text-transform: var(--title2-desktop-text-transform); text-align: var(--title2-desktop-text-align); letter-spacing: var(--title2-desktop-letter-spacing); padding: var(--title2-desktop-padding); margin: var(--title2-desktop-margin); background: var(--title2-desktop-background); color: var(--title2-desktop-color); } .ltitle3 { font: var(--title3-desktop-font); text-transform: var(--title3-desktop-text-transform); text-align: var(--title3-desktop-text-align); letter-spacing: var(--title3-desktop-letter-spacing); padding: var(--title3-desktop-padding); margin: var(--title3-desktop-margin); background: var(--title3-desktop-background); color: var(--title3-desktop-color); } .ltitle4 { font: var(--title4-desktop-font); text-transform: var(--title4-desktop-text-transform); text-align: var(--title4-desktop-text-align); letter-spacing: var(--title4-desktop-letter-spacing); padding: var(--title4-desktop-padding); margin: var(--title4-desktop-margin); background: var(--title4-desktop-background); color: var(--title4-desktop-color); } .ltitle5 { font: var(--title5-desktop-font); text-transform: var(--title5-desktop-text-transform); text-align: var(--title5-desktop-text-align); letter-spacing: var(--title5-desktop-letter-spacing); padding: var(--title5-desktop-padding); margin: var(--title5-desktop-margin); background: var(--title5-desktop-background); color: var(--title5-desktop-color); } .ltitle6 { font: var(--title6-desktop-font); text-transform: var(--title6-desktop-text-transform); text-align: var(--title6-desktop-text-align); letter-spacing: var(--title6-desktop-letter-spacing); padding: var(--title6-desktop-padding); margin: var(--title6-desktop-margin); background: var(--title6-desktop-background); color: var(--title6-desktop-color); } } @media (min-width: 600px) and (max-width: 1024px){ .ltitle1 { font: var(--title1-tablet-font); text-transform: var(--title1-tablet-text-transform); text-align: var(--title1-tablet-text-align); letter-spacing: var(--title1-tablet-letter-spacing); padding: var(--title1-tablet-padding); margin: var(--title1-tablet-margin); background: var(--title1-tablet-background); color: var(--title1-tablet-color); } .ltitle2 { font: var(--title2-tablet-font); text-transform: var(--title2-tablet-text-transform); text-align: var(--title2-tablet-text-align); letter-spacing: var(--title2-tablet-letter-spacing); padding: var(--title2-tablet-padding); margin: var(--title2-tablet-margin); background: var(--title2-tablet-background); color: var(--title2-tablet-color); } .ltitle3 { font: var(--title3-tablet-font); text-transform: var(--title3-tablet-text-transform); text-align: var(--title3-tablet-text-align); letter-spacing: var(--title3-tablet-letter-spacing); padding: var(--title3-tablet-padding); margin: var(--title3-tablet-margin); background: var(--title3-tablet-background); color: var(--title3-tablet-color); } .ltitle4 { font: var(--title4-tablet-font); text-transform: var(--title4-tablet-text-transform); text-align: var(--title4-tablet-text-align); letter-spacing: var(--title4-tablet-letter-spacing); padding: var(--title4-tablet-padding); margin: var(--title4-tablet-margin); background: var(--title4-tablet-background); color: var(--title4-tablet-color); } .ltitle5 { font: var(--title5-tablet-font); text-transform: var(--title5-tablet-text-transform); text-align: var(--title5-tablet-text-align); letter-spacing: var(--title5-tablet-letter-spacing); padding: var(--title5-tablet-padding); margin: var(--title5-tablet-margin); background: var(--title5-tablet-background); color: var(--title5-tablet-color); } .ltitle6 { font: var(--title6-tablet-font); text-transform: var(--title6-tablet-text-transform); text-align: var(--title6-tablet-text-align); letter-spacing: var(--title6-tablet-letter-spacing); padding: var(--title6-tablet-padding); margin: var(--title6-tablet-margin); background: var(--title6-tablet-background); color: var(--title6-tablet-color); } } @media (max-width: 600px){ .ltitle1 { font: var(--title1-mobile-font); text-transform: var(--title1-mobile-text-transform); text-align: var(--title1-mobile-text-align); letter-spacing: var(--title1-mobile-letter-spacing); padding: var(--title1-mobile-padding); margin: var(--title1-mobile-margin); background: var(--title1-mobile-background); color: var(--title1-mobile-color); } .ltitle2 { font: var(--title2-mobile-font); text-transform: var(--title2-mobile-text-transform); text-align: var(--title2-mobile-text-align); letter-spacing: var(--title2-mobile-letter-spacing); padding: var(--title2-mobile-padding); margin: var(--title2-mobile-margin); background: var(--title2-mobile-background); color: var(--title2-mobile-color); } .ltitle3 { font: var(--title3-mobile-font); text-transform: var(--title3-mobile-text-transform); text-align: var(--title3-mobile-text-align); letter-spacing: var(--title3-mobile-letter-spacing); padding: var(--title3-mobile-padding); margin: var(--title3-mobile-margin); background: var(--title3-mobile-background); color: var(--title3-mobile-color); } .ltitle4 { font: var(--title4-mobile-font); text-transform: var(--title4-mobile-text-transform); text-align: var(--title4-mobile-text-align); letter-spacing: var(--title4-mobile-letter-spacing); padding: var(--title4-mobile-padding); margin: var(--title4-mobile-margin); background: var(--title4-mobile-background); color: var(--title4-mobile-color); } .ltitle5 { font: var(--title5-mobile-font); text-transform: var(--title5-mobile-text-transform); text-align: var(--title5-mobile-text-align); letter-spacing: var(--title5-mobile-letter-spacing); padding: var(--title5-mobile-padding); margin: var(--title5-mobile-margin); background: var(--title5-mobile-background); color: var(--title5-mobile-color); } .ltitle6 { font: var(--title6-mobile-font); text-transform: var(--title6-mobile-text-transform); text-align: var(--title6-mobile-text-align); letter-spacing: var(--title6-mobile-letter-spacing); padding: var(--title6-mobile-padding); margin: var(--title6-mobile-margin); background: var(--title6-mobile-background); color: var(--title6-mobile-color); } } @media (min-width: 1024px){ .block-content p { font: var(--paragraph-desktop-font); text-transform: var(--paragraph-desktop-text-transform); text-align: var(--paragraph-desktop-text-align); letter-spacing: var(--paragraph-desktop-letter-spacing); padding: var(--paragraph-desktop-padding); margin: var(--paragraph-desktop-margin); background: var(--paragraph-desktop-background); color: var(--paragraph-desktop-color); } .block-content ol { font: var(--ol-desktop-font); text-transform: var(--ol-desktop-text-transform); text-align: var(--ol-desktop-text-align); letter-spacing: var(--ol-desktop-letter-spacing); padding: var(--ol-desktop-padding); margin: var(--ol-desktop-margin); background: var(--ol-desktop-background); color: var(--ol-desktop-color); } .block-content ul { font: var(--ul-desktop-font); text-transform: var(--ul-desktop-text-transform); text-align: var(--ul-desktop-text-align); letter-spacing: var(--ul-desktop-letter-spacing); padding: var(--ul-desktop-padding); margin: var(--ul-desktop-margin); background: var(--ul-desktop-background); color: var(--ul-desktop-color); } } @media (min-width: 600px) and (max-width: 1024px){ .block-content p { font: var(--paragraph-tablet-font); text-transform: var(--paragraph-tablet-text-transform); text-align: var(--paragraph-tablet-text-align); letter-spacing: var(--paragraph-tablet-letter-spacing); padding: var(--paragraph-tablet-padding); margin: var(--paragraph-tablet-margin); background: var(--paragraph-tablet-background); color: var(--paragraph-tablet-color); } .block-content ol { font: var(--ol-tablet-font); text-transform: var(--ol-tablet-text-transform); text-align: var(--ol-tablet-text-align); letter-spacing: var(--ol-tablet-letter-spacing); padding: var(--ol-tablet-padding); margin: var(--ol-tablet-margin); background: var(--ol-tablet-background); color: var(--ol-tablet-color); } .block-content ul { font: var(--ul-tablet-font); text-transform: var(--ul-tablet-text-transform); text-align: var(--ul-tablet-text-align); letter-spacing: var(--ul-tablet-letter-spacing); padding: var(--ul-tablet-padding); margin: var(--ul-tablet-margin); background: var(--ul-tablet-background); color: var(--ul-tablet-color); } } @media (max-width: 600px){ .block-content p { font: var(--paragraph-mobile-font); text-transform: var(--paragraph-mobile-text-transform); text-align: var(--paragraph-mobile-text-align); letter-spacing: var(--paragraph-mobile-letter-spacing); padding: var(--paragraph-mobile-padding); margin: var(--paragraph-mobile-margin); background: var(--paragraph-mobile-background); color: var(--paragraph-mobile-color); } .block-content ol { font: var(--ol-mobile-font); text-transform: var(--ol-mobile-text-transform); text-align: var(--ol-mobile-text-align); letter-spacing: var(--ol-mobile-letter-spacing); padding: var(--ol-mobile-padding); margin: var(--ol-mobile-margin); background: var(--ol-mobile-background); color: var(--ol-mobile-color); } .block-content ul { font: var(--ul-mobile-font); text-transform: var(--ul-mobile-text-transform); text-align: var(--ul-mobile-text-align); letter-spacing: var(--ul-mobile-letter-spacing); padding: var(--ul-mobile-padding); margin: var(--ul-mobile-margin); background: var(--ul-mobile-background); color: var(--ul-mobile-color); } } .layout-device-desktop .layout-footer ._row.top { background-color: rgba(4, 64, 132, 1); ._col-container { width: 1210px; margin: 0 auto; } ._col.left { width: 50%; justify-content: left; align-items: normal; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: 0; } ._col.center .layout-block-content { text-align: ; } ._col.right { width: 50%; justify-content: right; align-items: normal; } ._col.right .layout-block-content { text-align: right; } } .layout-device-desktop .layout-footer ._row.bottom { ._col-container { } ._col.left { width: 50px; justify-content: center; align-items: center; } ._col.left .layout-block-content { text-align: center; } ._col.center { width: calc(100% - 100px); justify-content: center; align-items: center; padding: 35px 20px 20px; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: 50px; justify-content: center; align-items: center; } ._col.right .layout-block-content { text-align: center; } } .layout-device-tablet .layout-footer ._row.bottom { ._col-container { } ._col.left { width: 0; justify-content: center; align-items: center; } ._col.left .layout-block-content { text-align: center; } ._col.center { width: calc(100% - 125px); justify-content: left; padding: 10px; } ._col.center .layout-block-content { text-align: left; } ._col.right { width: 125px; justify-content: center; padding: 10px 0 0 0; } ._col.right .layout-block-content { text-align: center; } } .layout-device-mobile .layout-footer ._row.bottom { ._col-container { } ._col.left { width: 0; } ._col.left .layout-block-content { text-align: ; } ._col.center { width: calc(100% - 50px); justify-content: left; padding: 10px; } ._col.center .layout-block-content { text-align: left; } ._col.right { width: 50px; justify-content: center; padding: 10px 0 0 0; } ._col.right .layout-block-content { text-align: center; } } .layout-device-mobile .layout-footer ._row.center { background-color: rgba(4, 64, 132, 1); ._col-container { width: 100%; margin: o auto; } ._col.left { width: 0; justify-content: center; align-items: normal; } ._col.left .layout-block-content { text-align: center; } ._col.center { width: 100%; align-items: normal; } ._col.center .layout-block-content { text-align: ; } ._col.right { width: 0; align-items: normal; } ._col.right .layout-block-content { text-align: ; } } .layout-device-desktop .layout-footer ._row.center { background-color: rgba(4, 64, 132, 1); ._col-container { width: 1600px; padding: 35px 0 0; margin: 0 auto; } ._col.left { width: 310px; justify-content: left; align-items: normal; padding: 20px; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: calc(100% - 310px); justify-content: center; align-items: normal; padding: 20px; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: 0; justify-content: right; align-items: normal; } ._col.right .layout-block-content { text-align: right; } } .layout-device-tablet .layout-footer ._row.center { background-color: rgba(4, 64, 132, 1); ._col-container { width: 100%; padding: 20px 0; margin: 0 auto; } ._col.left { width: 0; justify-content: left; align-items: normal; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: 100%; justify-content: center; align-items: normal; padding: 20px; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: 0; justify-content: right; align-items: normal; } ._col.right .layout-block-content { text-align: right; } } .layout-device-tablet .layout-footer ._row.top { background-color: rgba(250, 250, 250, 1); ._col-container { } ._col.left { width: 50%; justify-content: center; align-items: center; } ._col.left .layout-block-content { text-align: center; } ._col.center { width: 0; } ._col.center .layout-block-content { text-align: ; } ._col.right { width: 50%; } ._col.right .layout-block-content { text-align: ; } } .layout-device-mobile .layout-footer ._row.top { background-color: rgba(250, 250, 250, 1); ._col-container { } ._col.left { width: 0; } ._col.left .layout-block-content { text-align: ; } ._col.center { width: 100%; } ._col.center .layout-block-content { text-align: ; } ._col.right { width: 0; } ._col.right .layout-block-content { text-align: ; } } .layout-device-t .layout-footer ._row.bottom { ._col-container { } ._col.left { } ._col.left .layout-block-content { text-align: ; } ._col.center { } ._col.center .layout-block-content { text-align: ; } ._col.right { justify-content: right; } ._col.right .layout-block-content { text-align: right; } } .layout-device-desktop .layout-header ._row.top { ._col-container { } ._col.left { width: 200px; justify-content: left; align-items: center; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: calc(80% - 200px); justify-content: left; align-items: center; } ._col.center .layout-block-content { text-align: left; } ._col.right { width: 20%; justify-content: right; align-items: center; } ._col.right .layout-block-content { text-align: right; } } .layout-device-desktop .layout-header ._row.center { ._col-container { } ._col.left { width: 0; justify-content: left; align-items: center; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: 100%; justify-content: center; align-items: center; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: 0; justify-content: right; align-items: center; } ._col.right .layout-block-content { text-align: right; } } .layout-device-desktop .layout-header ._row.bottom { ._col-container { } ._col.left { width: 0; justify-content: center; } ._col.left .layout-block-content { text-align: center; } ._col.center { width: 100%; justify-content: center; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: 0; justify-content: right; } ._col.right .layout-block-content { text-align: right; } } .layout-device-tablet .layout-header ._row.top { ._col-container { } ._col.left { width: 180px; justify-content: left; align-items: center; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: 0; justify-content: center; align-items: center; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: calc(100% - 180px); justify-content: right; align-items: center; } ._col.right .layout-block-content { text-align: right; } } .layout-device-tablet .layout-header ._row.center { ._col-container { } ._col.left { justify-content: left; } ._col.left .layout-block-content { text-align: left; } ._col.center { justify-content: center; } ._col.center .layout-block-content { text-align: center; } ._col.right { justify-content: right; } ._col.right .layout-block-content { text-align: right; } } .layout-device-tablet .layout-header ._row.bottom { ._col-container { } ._col.left { justify-content: left; } ._col.left .layout-block-content { text-align: left; } ._col.center { justify-content: center; } ._col.center .layout-block-content { text-align: center; } ._col.right { justify-content: right; } ._col.right .layout-block-content { text-align: right; } } .layout-device-mobile .layout-header ._row.top { ._col-container { } ._col.left { width: 140px; justify-content: left; align-items: center; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: 0; justify-content: center; align-items: center; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: calc(100% - 140px); justify-content: right; align-items: center; } ._col.right .layout-block-content { text-align: right; } } .layout-device-mobile .layout-header ._row.center { ._col-container { } ._col.left { width: 0; justify-content: left; align-items: center; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: 0; justify-content: center; align-items: center; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: 100%; justify-content: right; align-items: center; } ._col.right .layout-block-content { text-align: right; } } .layout-device-mobile .layout-header ._row.bottom { ._col-container { } ._col.left { justify-content: left; } ._col.left .layout-block-content { text-align: left; } ._col.center { justify-content: center; } ._col.center .layout-block-content { text-align: center; } ._col.right { justify-content: right; } ._col.right .layout-block-content { text-align: right; } } .layout-device-desktop { .layout-footer { #layout-footer-block-logo-307-308-309, #layout-footer-block-logo-307-308-309-scroll-header { width: 100%; height: auto; padding: 0; margin: 0 0 30px; .layout-block-content { } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-logo-307-308-309{ .logo img { width: 273px; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-logo-307-308-309, #layout-footer-block-logo-307-308-309-scroll-header { width: 100%; height: auto; padding: 0; margin: 0 0 30px; .layout-block-content { } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-logo-307-308-309{ .logo img { width: 273px; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-logo-307-308-309, #layout-footer-block-logo-307-308-309-scroll-header { width: 100%; height: auto; padding: 0; margin: 30px 0 30px; .layout-block-content { text-align: center !important; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-logo-307-308-309{ .logo img { width: 170px; } } } } .layout-device-desktop { .layout-header { #layout-header-block-logo-310-311-312, #layout-header-block-logo-310-311-312-scroll-header { width: 100%; height: auto; padding: 0; margin: 15px 0 0 0; .layout-block-content { text-align: center !important; } } } } .layout-device-desktop { .layout-header { #layout-header-block-logo-310-311-312{ .logo img { width: 192px; } } } } .layout-device-tablet { .layout-header { #layout-header-block-logo-310-311-312, #layout-header-block-logo-310-311-312-scroll-header { width: 100%; height: auto; padding: 0; margin: 15px 0 0 0; .layout-block-content { text-align: center !important; } } } } .layout-device-tablet { .layout-header { #layout-header-block-logo-310-311-312{ .logo img { width: 192px; } } } } .layout-device-mobile { .layout-header { #layout-header-block-logo-310-311-312, #layout-header-block-logo-310-311-312-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { text-align: center !important; } } } } .layout-device-mobile { .layout-header { #layout-header-block-logo-310-311-312{ .logo img { width: 140px; } } } } .layout-device-desktop { .layout-header { #layout-header-block-navigation-193-194-195, #layout-header-block-navigation-193-194-195-scroll-header { width: 100%; height: auto; padding: 20px 0 0 70px; margin: 10px 0 0 0; font: 400 22px/26px 'Lato', sans-serif !important; .layout-block-content { text-align: right !important; } } } } .layout-device-desktop { .layout-header { #layout-header-block-navigation-193-194-195, #layout-header-block-navigation-193-194-195-scroll-header { .navigation-container{ .navigation-toggle { color: rgba(4, 64, 132, 1); border-color: ; &:hover{ color: rgba(4, 64, 132, 1); border-color: ; } } .close-button { color: rgba(4, 64, 132, 1); &:hover{ color: rgba(4, 64, 132, 1); } } .navigation { > ul { > li { } } ul { text-align: left; li { a{ font: 400 22px/26px 'Lato', sans-serif; color: rgba(43, 51, 59, 1); border-bottom-color: rgba(0, 0, 0, 0); } &:hover{ > a{ color: rgba(4, 64, 132, 1); .icon-down-open{ color: rgba(4, 64, 132, 1); } } } .icon-down-open{ color: rgba(43, 51, 59, 1); } .menu-image-container{ background-color: rgba(0, 0, 0, 0.5); } ul{ background-color: rgba(0, 0, 0, 0.8); border-color: rgba(0, 0, 0, 0); li { a{ font: 400 20px/24px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); } &:hover{ > a{ background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); span { color: rgba(255, 255, 255, 1); } } } } } } } } } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-logo-211-212-213, #layout-footer-block-logo-211-212-213-scroll-header { width: 30px; height: auto; padding: 0; margin: 0; .layout-block-content { text-align: right !important; } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-logo-211-212-213{ .logo img { width: 22px; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-html-217-218-219, #layout-footer-block-html-217-218-219-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; font: 700 14px/24px 'Lato', sans-serif !important; .layout-block-content { } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-html-217-218-219 { p {color:#fff;} } } } .layout-device-mobile { .layout-footer { #layout-footer-block-html-217-218-219, #layout-footer-block-html-217-218-219-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; font: 700 14px/24px 'Lato', sans-serif !important; .layout-block-content { } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-html-217-218-219 { p {color:#fff;} } } } .layout-device-desktop { .layout-footer { #layout-footer-block-navigation-223-224-225, #layout-footer-block-navigation-223-224-225-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; font: 700 22px/26px 'Lato', sans-serif !important; .layout-block-content { text-align: left !important; } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-navigation-223-224-225, #layout-footer-block-navigation-223-224-225-scroll-header { .navigation-container{ .navigation-toggle { &:hover{ } } .close-button { &:hover{ } } .navigation { > ul { > li { width: auto; } } ul { text-align: left; li { a{ padding: 0 10px; font: 700 22px/26px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); } &:hover{ > a{ color: rgba(255, 255, 255, 1); .icon-down-open{ color: rgba(255, 255, 255, 1); } } } .icon-down-open{ color: rgba(255, 255, 255, 1); } .menu-image-container{ } ul{ li { margin: 0 0 15px; a{ font: 400 16px/19px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); } &:hover{ > a{ color: rgba(255, 255, 255, 1); span { color: rgba(255, 255, 255, 1); } } } } } } } } } } } } .layout-device-desktop { .layout-header { #layout-header-block-languages-235-236-237, #layout-header-block-languages-235-236-237-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-desktop { .layout-header { #layout-header-block-languages-235-236-237 { .current{ color: rgba(255, 255, 255, 1); } .current:hover{ color: ; } .current .arrow i{ color: rgba(255, 255, 255, 1); } .current:hover .arrow i{ color: ; } .language-container.inline .language-selector { li a { color: rgba(255, 255, 255, 1) } li:hover, li a:hover { color: } } .language-container.dropdown .language-selector { li a { color: } li:hover, li a:hover { color: } } .language-container.dropdown .language-selector{ background-color: ; border: 1px solid ; } .language-container.dropdown .language-selector li:not(:first-child){ border-top: 1px solid ; } } } } .layout-device-tablet { .layout-header { #layout-header-block-languages-235-236-237, #layout-header-block-languages-235-236-237-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-tablet { .layout-header { #layout-header-block-languages-235-236-237 { .current{ color: rgba(255, 255, 255, 1); } .current:hover{ color: ; } .current .arrow i{ color: rgba(255, 255, 255, 1); } .current:hover .arrow i{ color: ; } .language-container.inline .language-selector { li a { color: rgba(255, 255, 255, 1) } li:hover, li a:hover { color: } } .language-container.dropdown .language-selector { li a { color: } li:hover, li a:hover { color: } } .language-container.dropdown .language-selector{ background-color: ; border: 1px solid ; } .language-container.dropdown .language-selector li:not(:first-child){ border-top: 1px solid ; } } } } .layout-device-mobile { .layout-header { #layout-header-block-languages-235-236-237, #layout-header-block-languages-235-236-237-scroll-header { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-mobile { .layout-header { #layout-header-block-languages-235-236-237 { .current{ color: rgba(255, 255, 255, 1); } .current:hover{ color: ; } .current .arrow i{ color: rgba(255, 255, 255, 1); } .current:hover .arrow i{ color: ; } .language-container.inline .language-selector { li a { color: rgba(255, 255, 255, 1) } li:hover, li a:hover { color: } } .language-container.dropdown .language-selector { li a { color: } li:hover, li a:hover { color: } } .language-container.dropdown .language-selector{ background-color: ; border: 1px solid ; } .language-container.dropdown .language-selector li:not(:first-child){ border-top: 1px solid ; } } } } .layout-device-desktop { .layout-header { #layout-header-block-search-154-155-156, #layout-header-block-search-154-155-156-scroll-header { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-desktop { .layout-header { #layout-header-block-search-154-155-156, #layout-header-block-search-154-155-156-scroll-header { .search{ .search-button{ span{ color: rgba(4, 64, 132, 1); font-size: 26px; } &:hover{ span{ color: rgba(43, 51, 59, 1); } } } .search-popup{ background-color: rgba(43, 51, 59, 0.8); .close{ span{ color: rgba(255, 255, 255, 1); } &:hover { span{ color: rgba(255, 255, 255, 1); } } } .search-input-container{ input{ background-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1); color: rgba(4, 64, 132, 1); &::placeholder{ color: rgba(4, 64, 132, 1); } } button{ span{ color: rgba(255, 255, 255, 1); } &:hover{ span{ color: rgba(255, 255, 255, 1); } } } } } } } } } .layout-device-tablet { .layout-header { #layout-header-block-search-154-155-156, #layout-header-block-search-154-155-156-scroll-header { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-tablet { .layout-header { #layout-header-block-search-154-155-156, #layout-header-block-search-154-155-156-scroll-header { .search{ .search-button{ span{ color: rgba(4, 64, 132, 1); font-size: 26px; } &:hover{ span{ color: rgba(43, 51, 59, 1); } } } .search-popup{ background-color: rgba(43, 51, 59, 0.8); .close{ span{ color: rgba(255, 255, 255, 1); } &:hover { span{ color: rgba(255, 255, 255, 1); } } } .search-input-container{ input{ background-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1); color: rgba(4, 64, 132, 1); &::placeholder{ color: rgba(4, 64, 132, 1); } } button{ span{ color: rgba(255, 255, 255, 1); } &:hover{ span{ color: rgba(255, 255, 255, 1); } } } } } } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-logo-211-212-213, #layout-footer-block-logo-211-212-213-scroll-header { width: 30px; height: auto; padding: 0; margin: 0; .layout-block-content { text-align: left !important; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-logo-211-212-213{ .logo img { width: 22px; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-logo-211-212-213, #layout-footer-block-logo-211-212-213-scroll-header { width: 30px; height: auto; padding: 0; margin: 0; .layout-block-content { text-align: center !important; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-logo-211-212-213{ .logo img { width: 22px; } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-social-214-215-216, #layout-footer-block-social-214-215-216-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { text-align: center !important; } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-social-214-215-216 { .title { } .subtitle { } ul li{ background: rgba(255, 255, 255, 1); &:hover{ background: rgba(215, 222, 224, 1); a { color: rgba(4, 64, 132, 1); } } a{ color: rgba(4, 64, 132, 1); } } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-social-214-215-216, #layout-footer-block-social-214-215-216-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { text-align: center !important; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-social-214-215-216 { .title { } .subtitle { } ul li{ background: rgba(255, 255, 255, 1); &:hover{ background: rgba(215, 222, 224, 1); a { color: rgba(4, 64, 132, 1); } } a{ color: rgba(4, 64, 132, 1); } } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-social-214-215-216, #layout-footer-block-social-214-215-216-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { text-align: center !important; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-social-214-215-216 { .title { } .subtitle { } ul li{ background: rgba(255, 255, 255, 1); &:hover{ background: rgba(215, 222, 224, 1); a { color: rgba(4, 64, 132, 1); } } a{ color: rgba(4, 64, 132, 1); } } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-html-217-218-219, #layout-footer-block-html-217-218-219-scroll-header { width: auto; height: auto; padding: 0; margin: 0; font: 700 14px/24px 'Lato', sans-serif !important; .layout-block-content { } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-html-217-218-219 { p {color:#fff;} } } } .layout-device-mobile { .layout-header { #layout-header-block-cart-244-245-246, #layout-header-block-cart-244-245-246-scroll-header { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-mobile { .layout-header { #layout-header-block-cart-244-245-246 { .customer-cart{ margin: ; .icon { font-size: 20px; color: #ffffff; } span.count { border-radius: 30%; border: 1px solid ; color: ; background: ; } &:hover { .icon { color: #b99b78; } span.count { color: ; } } } } } } .layout-device-mobile { .layout-header { #layout-header-block-search-154-155-156, #layout-header-block-search-154-155-156-scroll-header { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-mobile { .layout-header { #layout-header-block-search-154-155-156, #layout-header-block-search-154-155-156-scroll-header { .search{ .search-button{ span{ color: rgba(4, 64, 132, 1); font-size: 26px; } &:hover{ span{ color: rgba(43, 51, 59, 1); } } } .search-popup{ background-color: rgba(43, 51, 59, 0.8); .close{ span{ color: rgba(255, 255, 255, 1); } &:hover { span{ color: rgba(255, 255, 255, 1); } } } .search-input-container{ input{ background-color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1); color: rgba(4, 64, 132, 1); &::placeholder{ color: rgba(4, 64, 132, 1); } } button{ span{ color: rgba(255, 255, 255, 1); } &:hover{ span{ color: rgba(255, 255, 255, 1); } } } } } } } } } .layout-device-desktop { .layout-header { #layout-header-block-wishlist-163-164-165, #layout-header-block-wishlist-163-164-165-scroll-header { width: auto; height: auto; padding: 0; margin: 0 0 0 13px; font: 16px/20px 'HelveticaNeue Condensed Condensed Regular', sans-serif !important; .layout-block-content { } } } } .layout-device-desktop { .layout-header { #layout-header-block-wishlist-163-164-165 { a { margin: ; color: ; span.icon{ font-size: 25px; color: rgba(4, 64, 132, 1); } &:hover{ color: ; span.icon { color: rgba(43, 51, 59, 1); } } } } } } .layout-device-tablet { .layout-header { #layout-header-block-wishlist-163-164-165, #layout-header-block-wishlist-163-164-165-scroll-header { width: auto; height: auto; padding: 0; margin: 0 0 0 13px; font: 16px/20px 'HelveticaNeue Condensed Condensed Regular', sans-serif !important; .layout-block-content { } } } } .layout-device-tablet { .layout-header { #layout-header-block-wishlist-163-164-165 { a { margin: ; color: ; span.icon{ font-size: 23px; color: rgba(4, 64, 132, 1); } &:hover{ color: ; span.icon { color: rgba(43, 51, 59, 1); } } } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-navigation-223-224-225, #layout-footer-block-navigation-223-224-225-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; font: 700 22px/26px 'Lato', sans-serif !important; .layout-block-content { text-align: center !important; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-navigation-223-224-225, #layout-footer-block-navigation-223-224-225-scroll-header { .navigation-container{ .navigation-toggle { &:hover{ } } .close-button { &:hover{ } } .navigation { > ul { > li { margin: 0 20px 20px;; } } ul { text-align: center; li { a{ padding: 0 10px; font: 700 22px/26px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); } &:hover{ > a{ color: rgba(255, 255, 255, 1); .icon-down-open{ color: rgba(255, 255, 255, 1); } } } .icon-down-open{ color: rgba(255, 255, 255, 1); } .menu-image-container{ } ul{ li { margin: 0 0 15px; a{ font: 400 16px/19px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); } &:hover{ > a{ color: rgba(255, 255, 255, 1); span { color: rgba(255, 255, 255, 1); } } } } } } } } } } } } .layout-device-tablet .layout-footer .navigation-container .navigation { .mobile-top-image img{ width: ; } } .layout-device-mobile { .layout-footer { #layout-footer-block-navigation-223-224-225, #layout-footer-block-navigation-223-224-225-scroll-header { width: 100%; height: auto; padding: 0; margin: 0; font: 700 22px/26px 'Lato', sans-serif !important; .layout-block-content { text-align: center !important; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-navigation-223-224-225, #layout-footer-block-navigation-223-224-225-scroll-header { .navigation-container{ .navigation-toggle { &:hover{ } } .close-button { &:hover{ } } .navigation { > ul { > li { margin: 0px 0px 20px; width: 100%; } } ul { text-align: center; li { a{ padding: 0 10px; font: 700 22px/26px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); } &:hover{ > a{ color: rgba(255, 255, 255, 1); .icon-down-open{ color: rgba(255, 255, 255, 1); } } } .icon-down-open{ color: rgba(255, 255, 255, 1); } .menu-image-container{ } ul{ li { margin: 0 0 15px; width: 100%; a{ font: 400 16px/19px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); } &:hover{ > a{ color: rgba(255, 255, 255, 1); span { color: rgba(255, 255, 255, 1); } } } } } } } } } } } } .layout-device-mobile .layout-footer .navigation-container .navigation { .mobile-top-image img{ width: ; } } .layout-device-mobile { .layout-header { #layout-header-block-wishlist-163-164-165, #layout-header-block-wishlist-163-164-165-scroll-header { width: auto; height: auto; padding: 0; margin: 0 0 0 13px; font: 16px/20px 'HelveticaNeue Condensed Condensed Regular', sans-serif !important; .layout-block-content { } } } } .layout-device-mobile { .layout-header { #layout-header-block-wishlist-163-164-165 { a { margin: ; color: ; span.icon{ font-size: 23px; color: rgba(4, 64, 132, 1); } &:hover{ color: ; span.icon { color: rgba(43, 51, 59, 1); } } } } } } .layout-device-desktop { .layout-header { #layout-header-block-cart-244-245-246, #layout-header-block-cart-244-245-246-scroll-header { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-desktop { .layout-header { #layout-header-block-cart-244-245-246 { .customer-cart{ margin: ; .icon { font-size: 20px; color: #ffffff; } span.count { border-radius: 30%; border: 1px solid ; color: ; background: ; } &:hover { .icon { color: #b99b78; } span.count { color: ; } } } } } } .layout-device-tablet { .layout-header { #layout-header-block-cart-244-245-246, #layout-header-block-cart-244-245-246-scroll-header { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-tablet { .layout-header { #layout-header-block-cart-244-245-246 { .customer-cart{ margin: ; .icon { font-size: 20px; color: #ffffff; } span.count { border-radius: 30%; border: 1px solid ; color: ; background: ; } &:hover { .icon { color: #b99b78; } span.count { color: ; } } } } } } .layout-device-desktop { .layout-header { #layout-header-block-customer-142-143-144, #layout-header-block-customer-142-143-144-scroll-header { width: auto; height: auto; padding: 0; margin: 0 0 0 15px; font: 400 22px/26px 'Lato', sans-serif !important; .layout-block-content { } } } } .layout-device-desktop { .layout-header { #layout-header-block-customer-142-143-144 { button.customer-button{ background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); border-radius: 51px !important; border-top: 1px solid #044084 !important; border-left: 1px solid #044084 !important; border-right: 1px solid #044084 !important; border-bottom: 1px solid #044084 !important; font: 400 22px/26px 'Lato', sans-serif !important; padding: 11px 28px 12px !important; .icon{ color: rgba(255, 255, 255, 1); } &:hover{ background-color: rgba(43, 51, 59, 1); color: rgba(255, 255, 255, 1); .icon{ color: rgba(43, 51, 59, 1); } } } button.customer-no-button{ color: rgba(4, 64, 132, 1); .icon{ color: rgba(4, 64, 132, 1); } &:hover{ color: rgba(43, 51, 59, 1); .icon{ color: rgba(0, 0, 0, 1); } } } .customer-menu:not(.is-button) { span.button1 { color: rgba(4, 64, 132, 1); } .icon:not(.icon-up-dir){ color: rgba(4, 64, 132, 1); } &:hover{ span.button1 { color: rgba(43, 51, 59, 1); } .icon:not(.icon-up-dir){ color: rgba(0, 0, 0, 1); } } } .customer-menu.is-button { span.button1 { background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); border-radius: 51px !important; border-top: 1px solid #044084 !important; border-left: 1px solid #044084 !important; border-right: 1px solid #044084 !important; border-bottom: 1px solid #044084 !important; font: 400 22px/26px 'Lato', sans-serif !important; padding: 11px 28px 12px !important; } .icon:not(.icon-up-dir){ color: rgba(255, 255, 255, 1); } &:hover{ span.button1 { background-color: rgba(43, 51, 59, 1); color: rgba(255, 255, 255, 1); } .icon:not(.icon-up-dir){ color: rgba(43, 51, 59, 1); } } } .customer-menu ul { background-color: rgba(255, 255, 255, 1); border-color: rgba(0, 0, 0, 1); li.label { color: rgba(73, 66, 59, 1); } li:not(.label) { color: rgba(0, 0, 0, 1); &:hover{ color: ; } } } } } } .layout-device-tablet { .layout-header { #layout-header-block-customer-142-143-144, #layout-header-block-customer-142-143-144-scroll-header { width: auto; height: auto; padding: 0; margin: 0 0 0 15px; font: 400 22px/26px 'Lato', sans-serif !important; .layout-block-content { } } } } .layout-device-tablet { .layout-header { #layout-header-block-customer-142-143-144 { button.customer-button{ background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); border-radius: 51px !important; border-top: 1px solid #044084 !important; border-left: 1px solid #044084 !important; border-right: 1px solid #044084 !important; border-bottom: 1px solid #044084 !important; font: 400 22px/26px 'Lato', sans-serif !important; padding: 11px 28px 12px !important; .icon{ color: rgba(255, 255, 255, 1); } &:hover{ background-color: rgba(43, 51, 59, 1); color: rgba(255, 255, 255, 1); .icon{ color: rgba(43, 51, 59, 1); } } } button.customer-no-button{ color: rgba(4, 64, 132, 1); .icon{ color: rgba(4, 64, 132, 1); } &:hover{ color: rgba(43, 51, 59, 1); .icon{ color: rgba(0, 0, 0, 1); } } } .customer-menu:not(.is-button) { span.button1 { color: rgba(4, 64, 132, 1); } .icon:not(.icon-up-dir){ color: rgba(4, 64, 132, 1); } &:hover{ span.button1 { color: rgba(43, 51, 59, 1); } .icon:not(.icon-up-dir){ color: rgba(0, 0, 0, 1); } } } .customer-menu.is-button { span.button1 { background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); border-radius: 51px !important; border-top: 1px solid #044084 !important; border-left: 1px solid #044084 !important; border-right: 1px solid #044084 !important; border-bottom: 1px solid #044084 !important; font: 400 22px/26px 'Lato', sans-serif !important; padding: 11px 28px 12px !important; } .icon:not(.icon-up-dir){ color: rgba(255, 255, 255, 1); } &:hover{ span.button1 { background-color: rgba(43, 51, 59, 1); color: rgba(255, 255, 255, 1); } .icon:not(.icon-up-dir){ color: rgba(43, 51, 59, 1); } } } .customer-menu ul { background-color: rgba(255, 255, 255, 1); border-color: rgba(0, 0, 0, 1); li.label { color: rgba(73, 66, 59, 1); } li:not(.label) { color: rgba(0, 0, 0, 1); &:hover{ color: ; } } } } } } .layout-device-mobile { .layout-header { #layout-header-block-customer-142-143-144, #layout-header-block-customer-142-143-144-scroll-header { width: auto; height: auto; padding: 0; margin: 0 0 0 15px; font: 400 22px/26px 'Lato', sans-serif !important; .layout-block-content { } } } } .layout-device-mobile { .layout-header { #layout-header-block-customer-142-143-144 { button.customer-button{ background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); border-radius: 51px !important; border-top: 1px solid #044084 !important; border-left: 1px solid #044084 !important; border-right: 1px solid #044084 !important; border-bottom: 1px solid #044084 !important; font: 400 22px/26px 'Lato', sans-serif !important; .icon{ color: rgba(255, 255, 255, 1); } &:hover{ background-color: rgba(43, 51, 59, 1); color: rgba(255, 255, 255, 1); .icon{ color: rgba(43, 51, 59, 1); } } } button.customer-no-button{ color: rgba(4, 64, 132, 1); .icon{ color: rgba(4, 64, 132, 1); } &:hover{ color: rgba(43, 51, 59, 1); .icon{ color: rgba(0, 0, 0, 1); } } } .customer-menu:not(.is-button) { span.button1 { color: rgba(4, 64, 132, 1); } .icon:not(.icon-up-dir){ color: rgba(4, 64, 132, 1); } &:hover{ span.button1 { color: rgba(43, 51, 59, 1); } .icon:not(.icon-up-dir){ color: rgba(0, 0, 0, 1); } } } .customer-menu.is-button { span.button1 { background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); border-radius: 51px !important; border-top: 1px solid #044084 !important; border-left: 1px solid #044084 !important; border-right: 1px solid #044084 !important; border-bottom: 1px solid #044084 !important; font: 400 22px/26px 'Lato', sans-serif !important; } .icon:not(.icon-up-dir){ color: rgba(255, 255, 255, 1); } &:hover{ span.button1 { background-color: rgba(43, 51, 59, 1); color: rgba(255, 255, 255, 1); } .icon:not(.icon-up-dir){ color: rgba(43, 51, 59, 1); } } } .customer-menu ul { background-color: rgba(255, 255, 255, 1); border-color: rgba(0, 0, 0, 1); li.label { color: rgba(73, 66, 59, 1); } li:not(.label) { color: rgba(0, 0, 0, 1); &:hover{ color: ; } } } } } } .layout-device-tablet { .layout-header { #layout-header-block-navigation-193-194-195, #layout-header-block-navigation-193-194-195-scroll-header { width: auto; height: auto; padding: 0; margin: 0; font: 400 22px/26px 'Lato', sans-serif !important; .layout-block-content { text-align: right !important; } } } } .layout-device-tablet { .layout-header { #layout-header-block-navigation-193-194-195, #layout-header-block-navigation-193-194-195-scroll-header { .navigation-container{ .navigation-toggle { color: rgba(4, 64, 132, 1); border-color: ; &:hover{ color: rgba(4, 64, 132, 1); border-color: ; } } .close-button { color: rgba(4, 64, 132, 1); &:hover{ color: rgba(4, 64, 132, 1); } } .navigation { > ul { > li { } } ul { text-align: left; li { a{ font: 400 22px/26px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); border-bottom-color: rgba(255, 255, 255, 1); } &:hover{ > a{ background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); .icon-down-open{ color: rgba(255, 255, 255, 1); } } } .icon-down-open{ color: rgba(255, 255, 255, 1); } .menu-image-container{ background-color: rgba(0, 0, 0, 0.5); } ul{ border-color: rgba(255, 255, 255, 1); li { a{ font: 400 20px/24px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); } &:hover{ > a{ background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); span { color: rgba(255, 255, 255, 1); } } } } } } } } } } } } .layout-device-tablet .layout-header .navigation-container .navigation { background-color: rgba(4, 64, 132, 0.9); .mobile-top-image img{ width: 130px; } } .layout-device-mobile { .layout-header { #layout-header-block-navigation-193-194-195, #layout-header-block-navigation-193-194-195-scroll-header { width: auto; height: auto; padding: 0; margin: 0; font: 400 22px/26px 'Lato', sans-serif !important; .layout-block-content { text-align: right !important; } } } } .layout-device-mobile { .layout-header { #layout-header-block-navigation-193-194-195, #layout-header-block-navigation-193-194-195-scroll-header { .navigation-container{ .navigation-toggle { color: rgba(4, 64, 132, 1); border-color: ; &:hover{ color: rgba(4, 64, 132, 1); border-color: ; } } .close-button { color: rgba(4, 64, 132, 1); &:hover{ color: rgba(4, 64, 132, 1); } } .navigation { > ul { > li { } } ul { text-align: left; li { a{ font: 400 22px/26px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); border-bottom-color: rgba(255, 255, 255, 1); } &:hover{ > a{ background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); .icon-down-open{ color: rgba(255, 255, 255, 1); } } } .icon-down-open{ color: rgba(255, 255, 255, 1); } .menu-image-container{ background-color: rgba(0, 0, 0, 0.5); } ul{ border-color: rgba(255, 255, 255, 1); li { a{ font: 400 20px/24px 'Lato', sans-serif; color: rgba(255, 255, 255, 1); } &:hover{ > a{ background-color: rgba(4, 64, 132, 1); color: rgba(255, 255, 255, 1); span { color: rgba(255, 255, 255, 1); } } } } } } } } } } } } .layout-device-mobile .layout-header .navigation-container .navigation { background-color: rgba(4, 64, 132, 0.9); .mobile-top-image img{ width: 130px; } } .uwy.userway_p1{bottom: 20px !important;left: 10px !important;} .align-left {text-align:left;} .center-title{text-align: center;} .breadcrumbs{margin: 0 !important; padding: 15px 0 !important;} .cms-news-view .breadcrumbs { padding: 15px 10px !important; margin: 0 auto !important;} .page-title-wrapper{padding: 0 !important;} .auction-list-page .main{max-width: 1660px; margin: 0 auto;} header {position:relative; z-index:9;} .layout-header-container { box-shadow: 0px 4px 10px #afafaf40; } .border-radius {border-radius:50px;} /******* Header ******/ @media only screen and (min-width: 1024px) and (max-width: 1200px){ .layout-device-desktop .layout-header .layout-block-navigation {padding-left:0 !important;} .navigation.nav-type-default li.level-1 { margin-right: 30px !important;} .layout-device-desktop .layout-header ._row.top ._col.right { width: 25%;} .layout-device-desktop .layout-header ._row.top ._col.center {width: calc(75% - 200px);} } /******* Banners ******/ .cms-page-home .block-banners .banner .message .ltitle.ltitle1 {font-size: 52px; line-height: 60px;} /******* Newsletter ******/ .newsletter-description h2{font-size: 28px; Font-family: var(--secondary-font-family);} .newsletter-description h3{font-size: 18px; font-weight: 500; letter-spacing: 0.9px; text-transform: uppercase;} #subscribe_email{ border-bottom: 1px solid var(--primary-color) !important; height: 36px;} /******* Área Reservada ******/ .customer-area .tabcontent-customer h2 {font: normal 500 18px/25px 'Barlow', sansserif !important; text-align:left; padding:0; margin:15px 0 10px;} .customer-area .customer-content > .ltitle, .customer-area .customer-content .form > .ltitle {font: normal 500 18px/25px 'Barlow', sansserif !important; text-align:left; padding:0; margin:15px 0 10px;} /******* Grelha de leilões ******/ .auction-grid li h2 a{font-size: 18px; line-height: 20px; margin: 10px 0 5px; font-weight: 500; font-family: var(--primary-font-family); min-height:60px;} /******* Lista de lots ******/ .lot-list .lot-content .lot-status{background: #E0E5E9; padding: 15px;} .lot-list .lbt4 {padding: 10px 13px 9px !important; font-size: 14px !important} .lot-list .lbt4.more-info{border: none !important; border-bottom: 2px solid var(--primary-color) !important; padding: 0 !important; border-radius: 0;} .lot-list .lbt4.more-info:hover{background: none !important; color: var(--primary-color) !important; border-bottom: none !important;} .lot-list .info .ltitle {font-size:22px; font-weight:700; height: 55px; overflow: hidden; text-align: left !important; margin-bottom: 10px !important; text-transform: none; padding: 0 15px; color: var(--secondary-color) !important; line-height: 28px; } .lot-list .info .ltitle a { color: var(--secondary-color) !important; } .lot-list.list .info .countdown {padding: 0 15px 10px;} .lot-list.grid .info h2 {text-align:left;} /******* Lista de produtos ******/ .products-list .lbt4 {padding: 10px 13px 9px !important; font-size: 14px !important} .products-list .lbt4.more-info{border: none !important; border-bottom: 1px solid var(--primary-color) !important; padding: 0 !important; border-radius: 0;} .products-list .lbt4.more-info:hover{background: none !important; color: var(--primary-color) !important; border-bottom: none !important;} .products-list .info .ltitle {height: 45px; overflow: hidden; text-align: left !important; margin-bottom: 10px !important; padding: 0 15px;} /******* Página de leilão ******/ .auctions-view .auction-info-content .title .auction-title {padding-left:0;} .auctions-view .auction-info-content .subtitle {text-align:left;} /******* Footer ******/ .layout-footer-container ._row.center ._col-container {border-bottom: 1px solid #A6BAC5;} .layout-footer-container .navigation.nav-type-cols > ul {font-size:0;} .layout-footer-container .navigation.nav-type-cols > ul > li{display: inline-block; vertical-align: top; width: 45% !important; padding: 0 10px; margin: 0; box-sizing:border-box;} .layout-footer-container .navigation.nav-type-cols > ul > li:first-child{padding: 0 130px;} .layout-footer-container .navigation.nav-type-cols > ul > li:last-child{width: 55% !important;} .layout-footer-container .navigation.nav-type-cols > ul > li a.level-1 {margin-bottom:40px; display: block;} .layout-footer-container .navigation.nav-type-cols > ul > li a.level-1:hover {text-decoration:none;} .layout-footer-container .navigation.nav-type-cols .hasSubMenu > ul{display: block; column-count: 2; gap: 20px;} .layout-footer-container .navigation.nav-type-cols .hasSubMenu:last-child > ul{column-count: 3; } @media only screen and (min-width: 1024px) and (max-width: 1435px){ .layout-footer-container .navigation.nav-type-cols > ul > li:first-child { padding: 0 10px;} .layout-footer-container .navigation.nav-type-cols > ul > li {width: 33% !important;} .layout-footer-container .navigation.nav-type-cols > ul > li:last-child {width: 67% !important;} } @media only screen and (min-width: 1024px) and (max-width: 1240px){ .layout-footer-container .navigation.nav-type-cols .hasSubMenu:last-child > ul { column-count: 2;} } @media only screen and (max-width: 1024px){ .layout-footer-container .navigation.nav-type-cols > ul > li:first-child { padding: 0 10px;} .layout-footer-container ._row.center ._col.left {display: none !important;} .layout-footer-container ._row.center ._col.center { width: 100% !important;} .layout-footer-container .navigation.nav-type-cols .hasSubMenu:last-child > ul { column-count: 2;} .layout-footer-container .navigation-container {display: block !important; width: 100% !important;} } @media only screen and (max-width: 767px){ .layout-footer-container .navigation.nav-type-cols > ul > li{width: 100% !important; text-align: center !important; margin-bottom: 20px !important;} .layout-footer-container .navigation.nav-type-cols > ul > li:last-child{width: 100% !important;} .layout-footer-container .navigation.nav-type-cols .hasSubMenu > ul > li{display: inline-block; width: 100%; vertical-align: top; text-align: center;} } @media only screen and (max-width: 400px){ .layout-footer-container .navigation.nav-type-cols .hasSubMenu > ul, .layout-footer-container .navigation.nav-type-cols .hasSubMenu:last-child > ul{ column-count: 1;} } /******* Título das páginas ******/ .auctions-view-title-wrapper, .wrapper.page-title-wrapper {margin-top: 50px !important; padding: 0 20px !important; box-sizing: border-box !important;} /******* Notícias ******/ .cms-news-view .wrapper {padding: 90px 20px 20px;} /******* Blog ******/ .blog-list-page .wrapper {padding: 90px 20px 20px;} /******* Slide de lotes ******/ @media only screen and (max-width: 1650px){ .block-auction-lots.slider {padding-left: 20px; padding-right: 20px; box-sizing: border-box;} }