/* ####################################################### ############# AUTO GENERATED FILE ##################### ####################################################### */ @import url('https://fonts.googleapis.com/css2?family=Fira+Sans: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&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(34, 51, 82, 1); --secondary-color: rgba(4, 64, 132, 1); --link-color: rgba(34, 51, 82, 1); --link-hover-color: rgba(4, 64, 132, 1); --background-color:rgba(235, 245, 255, 1); --primary-font-family:'Fira Sans', sans-serif; --secondary-font-family:'Fira Sans', sans-serif; --body-font-size: 16px; --button-font: 500 16px/19px 'Fira Sans', sans-serif; --button-padding: 9px 20px; --button-radius: 3px; --button-border-width: 1px; --button-text-transform: none; --button-letter-spacing: 0; --button-font-small: 500 16px/19px 'Fira Sans', sans-serif; --button-padding-small: 8px; --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(255, 255, 255, 1); --button2-background: rgba(255, 255, 255, 0); --button2-color: rgba(34, 51, 82, 1); --button2-border-color: rgba(34, 51, 82, 1); --button2-background-hover: rgba(34, 51, 82, 1); --button2-color-hover: rgba(255, 255, 255, 1); --button2-border-color-hover: rgba(34, 51, 82, 1); --button3-background: rgba(255, 255, 255, 1); --button3-color: rgba(34, 51, 82, 1); --button3-border-color: rgba(34, 51, 82, 1); --button3-background-hover: rgba(34, 51, 82, 1); --button3-color-hover: rgba(255, 255, 255, 1); --button3-border-color-hover: rgba(34, 51, 82, 1); --button4-background: rgba(34, 51, 82, 1); --button4-color: rgba(255, 255, 255, 1); --button4-border-color: rgba(34, 51, 82, 1); --button4-background-hover: rgba(255, 255, 255, 1); --button4-color-hover: rgba(34, 51, 82, 1); --button4-border-color-hover: rgba(34, 51, 82, 1); --button5-background: rgba(255, 255, 255, 0); --button5-color: rgba(255, 255, 255, 1); --button5-border-color: rgba(255, 255, 255, 1); --button5-background-hover: rgba(255, 255, 255, 1); --button5-color-hover: rgba(34, 51, 82, 1); --button5-border-color-hover: rgba(255, 255, 255, 1); --title1-desktop-font: 500 42px/50px 'Fira Sans', 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(34, 51, 82, 1); --title2-desktop-font: 500 32px/38px 'Fira Sans', 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: left; --title2-desktop-background: rgba(255, 255, 255, 0); --title2-desktop-color: rgba(34, 51, 82, 1); --title3-desktop-font: 500 24px/29px 'Fira Sans', sans-serif; --title3-desktop-padding: 0; --title3-desktop-margin: 0 0 20px; --title3-desktop-letter-spacing: 0; --title3-desktop-text-transform: none; --title3-desktop-text-align: left; --title3-desktop-background: rgba(255, 255, 255, 0); --title3-desktop-color: rgba(34, 51, 82, 1); --title4-desktop-font: 500 18px/22px 'Fira Sans', sans-serif; --title4-desktop-padding: 0; --title4-desktop-margin: 0 0 15px; --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(34, 51, 82, 1); --title5-desktop-font: 400 18px/22px 'Fira Sans', sans-serif; --title5-desktop-padding: 0; --title5-desktop-margin: 0; --title5-desktop-letter-spacing: 0; --title5-desktop-text-transform: none; --title5-desktop-text-align: left; --title5-desktop-background: rgba(255, 255, 255, 0); --title5-desktop-color: rgba(34, 51, 82, 1); --title6-desktop-font: 400 16px/20px 'Fira Sans', sans-serif; --title6-desktop-padding: 0; --title6-desktop-margin: 0; --title6-desktop-letter-spacing: 0; --title6-desktop-text-transform: none; --title6-desktop-text-align: left; --title6-desktop-background: rgba(255, 255, 255, 0); --title6-desktop-color: rgba(34, 51, 82, 1); --title1-tablet-font: 500 38px/46px 'Fira Sans', 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(34, 51, 82, 1); --title2-tablet-font: 500 28px/34px 'Fira Sans', 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: left; --title2-tablet-background: rgba(255, 255, 255, 0); --title2-tablet-color: rgba(34, 51, 82, 1); --title3-tablet-font: 500 22px/26px 'Fira Sans', sans-serif; --title3-tablet-padding: 0; --title3-tablet-margin: 0 0 20px; --title3-tablet-letter-spacing: 0; --title3-tablet-text-transform: none; --title3-tablet-text-align: left; --title3-tablet-background: rgba(255, 255, 255, 0); --title3-tablet-color: rgba(34, 51, 82, 1); --title4-tablet-font: 500 18px/22px 'Fira Sans', sans-serif; --title4-tablet-padding: 0; --title4-tablet-margin: 0 0 15px; --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(34, 51, 82, 1); --title5-tablet-font: 400 18px/22px 'Fira Sans', sans-serif; --title5-tablet-padding: 0; --title5-tablet-margin: 0; --title5-tablet-letter-spacing: 0; --title5-tablet-text-transform: none; --title5-tablet-text-align: left; --title5-tablet-background: rgba(255, 255, 255, 0); --title5-tablet-color: rgba(34, 51, 82, 1); --title6-tablet-font: 400 16px/20px 'Fira Sans', sans-serif; --title6-tablet-padding: 0; --title6-tablet-margin: 0; --title6-tablet-letter-spacing: 0; --title6-tablet-text-transform: none; --title6-tablet-text-align: left; --title6-tablet-background: rgba(255, 255, 255, 0); --title6-tablet-color: rgba(34, 51, 82, 1); --title1-mobile-font: 500 32px/38px 'Fira Sans', 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(34, 51, 82, 1); --title2-mobile-font: 500 22px/30px 'Fira Sans', 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: left; --title2-mobile-background: rgba(255, 255, 255, 0); --title2-mobile-color: rgba(34, 51, 82, 1); --title3-mobile-font: 500 20px/25px 'Fira Sans', sans-serif; --title3-mobile-padding: 0; --title3-mobile-margin: 0 0 20px; --title3-mobile-letter-spacing: 0; --title3-mobile-text-transform: none; --title3-mobile-text-align: left; --title3-mobile-background: rgba(255, 255, 255, 0); --title3-mobile-color: rgba(34, 51, 82, 1); --title4-mobile-font: 500 18px/22px 'Fira Sans', sans-serif; --title4-mobile-padding: 0; --title4-mobile-margin: 0 0 15px; --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(34, 51, 82, 1); --title5-mobile-font: 400 18px/22px 'Fira Sans', sans-serif; --title5-mobile-padding: 0; --title5-mobile-margin: 0; --title5-mobile-letter-spacing: 0; --title5-mobile-text-transform: none; --title5-mobile-text-align: left; --title5-mobile-background: rgba(255, 255, 255, 0); --title5-mobile-color: rgba(34, 51, 82, 1); --title6-mobile-font: 400 16px/20px 'Fira Sans', sans-serif; --title6-mobile-padding: 0; --title6-mobile-margin: 0; --title6-mobile-letter-spacing: 0; --title6-mobile-text-transform: none; --title6-mobile-text-align: left; --title6-mobile-background: rgba(255, 255, 255, 0); --title6-mobile-color: rgba(34, 51, 82, 1); --paragraph-desktop-font: 400 16px/25px 'Fira Sans', 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(34, 51, 82, 1); --paragraph-tablet-font: 400 16px/25px 'Fira Sans', 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(34, 51, 82, 1); --paragraph-mobile-font: 400 16px/25px 'Fira Sans', 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(34, 51, 82, 1); --ol-desktop-font: 400 16px/25px 'Fira Sans', 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(34, 51, 82, 1); --ol-tablet-font: 400 16px/25px 'Fira Sans', 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(34, 51, 82, 1); --ol-mobile-font: 400 16px/25px 'Fira Sans', 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(34, 51, 82, 1); --ul-desktop-font: 400 16px/25px 'Fira Sans', 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(34, 51, 82, 1); --ul-tablet-font: 400 16px/25px 'Fira Sans', 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(34, 51, 82, 1); --ul-mobile-font: 400 16px/25px 'Fira Sans', 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(34, 51, 82, 1); --message-font: 16px/19px 'Fira Sans', 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: 100%; width: 100%; margin: auto; } .layout-footer-container { background-color: rgba(255, 255, 255, 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: 1600px; margin: 0 auto; } ._col.left { width: 50%; justify-content: left; align-items: normal; padding: 20px; } ._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; padding: 20px; } ._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: 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: 100%; justify-content: center; align-items: center; padding: 10px; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: 0; justify-content: center; } ._col.right .layout-block-content { text-align: center; } } .layout-device-mobile .layout-footer ._row.center { background-color: rgba(255, 255, 255, 1); ._col-container { width: 100%; margin: 30px 0; } ._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(255, 255, 255, 1); ._col-container { width: 1600px; padding: 45px 0 0; margin: 0 auto; } ._col.left { width: 450px; justify-content: left; align-items: normal; padding: 20px; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: calc(100% - 450px); 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(255, 255, 255, 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(4, 64, 132, 1); ._col-container { } ._col.left { width: 0; justify-content: center; align-items: center; } ._col.left .layout-block-content { text-align: center; } ._col.center { width: 100%; } ._col.center .layout-block-content { text-align: ; } ._col.right { width: 0; } ._col.right .layout-block-content { text-align: ; } } .layout-device-mobile .layout-footer ._row.top { background-color: rgba(4, 64, 132, 1); ._col-container { margin: 25px 0 0 0; } ._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 { background-color: rgba(4, 64, 132, 1); ._col-container { width: 100%; padding: 12px 10px; } ._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-desktop .layout-header ._row.center { ._col-container { } ._col.left { width: 300px; justify-content: left; align-items: center; } ._col.left .layout-block-content { text-align: left; } ._col.center { width: calc(100% - 350px); justify-content: center; align-items: center; } ._col.center .layout-block-content { text-align: center; } ._col.right { width: 200px; 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 { background-color: rgba(4, 64, 132, 1); ._col-container { width: 100%; padding: 12px 10px; } ._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-tablet .layout-header ._row.center { ._col-container { } ._col.left { width: 220px; 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% - 220px); justify-content: right; align-items: center; } ._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 { background-color: rgba(4, 64, 132, 1); ._col-container { width: 100%; padding: 12px 10px; } ._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.center { ._col-container { } ._col.left { width: 220px; 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% - 220px); 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 { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-logo-307-308-309{ .logo img { width: 225px; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-logo-307-308-309 { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-logo-307-308-309{ .logo img { width: 225px; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-logo-307-308-309 { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-logo-307-308-309{ .logo img { width: 225px; } } } } .layout-device-desktop { .layout-header { #layout-header-block-logo-310-311-312 { width: 100%; height: auto; padding: 0 100px 0 20px; 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: 180px; } } } } .layout-device-tablet { .layout-header { #layout-header-block-logo-310-311-312 { width: 100%; height: auto; padding: 0 100px 0 20px; 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: 180px; } } } } .layout-device-mobile { .layout-header { #layout-header-block-logo-310-311-312 { width: 100%; height: auto; padding: 0 100px 0 20px; margin: 15px 0 0 0; .layout-block-content { text-align: center !important; } } } } .layout-device-mobile { .layout-header { #layout-header-block-logo-310-311-312{ .logo img { width: 180px; } } } } .layout-device-desktop { .layout-header { #layout-header-block-html-319-320-321 { width: 1600px; height: auto; padding: 0; margin: 0 auto; background-color: rgba(4, 64, 132, 1) !important; font: 400 20px/23px 'Fira Sans', sans-serif !important; .layout-block-content { text-align: right !important; } } } } .layout-device-desktop { .layout-header { #layout-header-block-html-319-320-321 { p a {color:#fff;} } } } .layout-device-tablet { .layout-header { #layout-header-block-html-319-320-321 { width: 1600px; height: auto; padding: 0; margin: 0 auto; background-color: rgba(4, 64, 132, 1) !important; font: 400 20px/23px 'Fira Sans', sans-serif !important; .layout-block-content { text-align: right !important; } } } } .layout-device-tablet { .layout-header { #layout-header-block-html-319-320-321 { p a {color:#fff;} } } } .layout-device-mobile { .layout-header { #layout-header-block-html-319-320-321 { width: 1600px; height: auto; padding: 0; margin: 0 auto; background-color: rgba(4, 64, 132, 1) !important; font: 400 16px/19px 'Fira Sans', sans-serif !important; .layout-block-content { text-align: right !important; } } } } .layout-device-mobile { .layout-header { #layout-header-block-html-319-320-321 { p a {color:#fff;} } } } .layout-device-desktop { .layout-header { #layout-header-block-search-154-155-156 { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-desktop { .layout-header { #layout-header-block-search-154-155-156 { .search{ .search-button{ span{ color: rgba(34, 51, 82, 1); font-size: 24px; } &:hover{ span{ color: rgba(4, 64, 132, 1); } } } .search-popup{ background-color: rgba(34, 51, 82, 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(34, 51, 82, 1); &::placeholder{ color: rgba(34, 51, 82, 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 { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-tablet { .layout-header { #layout-header-block-search-154-155-156 { .search{ .search-button{ span{ color: rgba(34, 51, 82, 1); font-size: 24px; } &:hover{ span{ color: rgba(4, 64, 132, 1); } } } .search-popup{ background-color: rgba(34, 51, 82, 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(34, 51, 82, 1); &::placeholder{ color: rgba(34, 51, 82, 1); } } button{ span{ color: rgba(255, 255, 255, 1); } &:hover{ span{ color: rgba(255, 255, 255, 1); } } } } } } } } } .layout-device-mobile { .layout-header { #layout-header-block-search-154-155-156 { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-mobile { .layout-header { #layout-header-block-search-154-155-156 { .search{ .search-button{ span{ color: rgba(34, 51, 82, 1); font-size: 24px; } &:hover{ span{ color: rgba(4, 64, 132, 1); } } } .search-popup{ background-color: rgba(34, 51, 82, 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(34, 51, 82, 1); &::placeholder{ color: rgba(34, 51, 82, 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-navigation-193-194-195 { width: 100%; height: auto; padding: 20px 0 0 0; margin: 0; font: 500 20px/23px 'Fira Sans', sans-serif !important; .layout-block-content { text-align: right !important; } } } } .layout-device-desktop { .layout-header { #layout-header-block-navigation-193-194-195 { .navigation-container{ .navigation-toggle { color: rgba(34, 51, 82, 1); border-color: ; &:hover{ color: rgba(4, 64, 132, 1); border-color: ; } } .close-button { color: rgba(34, 51, 82, 1); &:hover{ color: rgba(4, 64, 132, 1); } } .navigation { > ul { > li { margin: 0 60px 0 0; } } ul { text-align: left; li { a{ font: 500 20px/23px 'Fira Sans', sans-serif; color: rgba(34, 51, 82, 1); } &:hover{ > a{ color: rgba(4, 64, 132, 1); .icon-down-open{ color: rgba(4, 64, 132, 1); } } } .icon-down-open{ color: rgba(34, 51, 82, 1); } .menu-image-container{ background-color: rgba(0, 0, 0, 0.5); } ul{ background-color: rgba(34, 51, 82, 0.8); li { a{ font: 500 20px/23px 'Fira Sans', 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-newsletter-199-200-201 { width: 100%; height: auto; padding: 100px 0; margin: 0; .layout-block-content { text-align: left !important; } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-newsletter-199-200-201 { .title { } .subtitle { } #subscribe_email { } #bt_subscribe { background-color: rgba(34, 51, 82, 1); color: rgba(255, 255, 255, 1); border-color: rgba(34, 51, 82, 1); &:hover{ background-color: rgba(255, 255, 255, 1); color: rgba(34, 51, 82, 1); border-color: rgba(255, 255, 255, 1); } } .privacy-checkbox { color: rgba(255, 255, 255, 1); a{ color: rgba(255, 255, 255, 1); } } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-html-208-209-210 { width: 100%; height: auto; padding: 100px 20px; margin: 0; .layout-block-content { text-align: left !important; } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-html-208-209-210 { .newsletter-subscribe h2 { margin-bottom: 8px; color:#fff } .newsletter-subscribe p { color: #fff; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-html-208-209-210 { width: 100%; height: auto; padding: 50px 20px 20px; margin: 0; .layout-block-content { text-align: left !important; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-html-208-209-210 { .newsletter-subscribe h2 { margin-bottom: 8px; color:#fff } .newsletter-subscribe p { color: #fff; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-html-208-209-210 { width: 100%; height: auto; padding: 0 20px; margin: 0; .layout-block-content { text-align: center !important; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-html-208-209-210 { .newsletter-subscribe h2 { margin-bottom: 8px; color:#fff } .newsletter-subscribe p { color: #fff; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-logo-211-212-213 { 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 { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-html-217-218-219 { p {color: var(--secondary-color); font-weight: 500; font-size:14px; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-html-217-218-219 { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-html-217-218-219 { p {color: var(--secondary-color); font-weight: 500; font-size:12px; } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-navigation-223-224-225 { width: 100%; height: auto; padding: 0; margin: 0; font: 400 16px/19px 'Fira Sans', sans-serif !important; .layout-block-content { text-align: left !important; } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-navigation-223-224-225 { .navigation-container{ .navigation-toggle { &:hover{ } } .close-button { &:hover{ } } .navigation { > ul { > li { width: auto; } } ul { text-align: left; li { a{ font: 500 22px/26px 'Fira Sans', sans-serif; color: rgba(4, 64, 132, 1); } &:hover{ > a{ .icon-down-open{ } } } .icon-down-open{ color: rgba(4, 64, 132, 1); } .menu-image-container{ } ul{ li { margin: 15px 0 0 0; a{ font: 400 16px/19px 'Fira Sans', sans-serif; color: rgba(34, 51, 82, 1); } &:hover{ > a{ color: rgba(4, 64, 132, 1); span { color: rgba(4, 64, 132, 1); } } } } } } } } } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-navigation-223-224-225 { width: auto; height: auto; padding: 0; margin: 0; font: 400 16px/19px 'Fira Sans', sans-serif !important; .layout-block-content { text-align: left !important; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-navigation-223-224-225 { .navigation-container{ .navigation-toggle { &:hover{ } } .close-button { &:hover{ } } .navigation { > ul { > li { margin: 0 20px 20px;; } } ul { text-align: left; li { a{ font: 500 22px/26px 'Fira Sans', sans-serif; color: rgba(4, 64, 132, 1); } &:hover{ > a{ .icon-down-open{ } } } .icon-down-open{ color: rgba(4, 64, 132, 1); } .menu-image-container{ } ul{ li { margin: 15px 0 0 0; a{ font: 400 16px/19px 'Fira Sans', sans-serif; color: rgba(34, 51, 82, 1); } &:hover{ > a{ color: rgba(4, 64, 132, 1); span { color: rgba(4, 64, 132, 1); } } } } } } } } } } } } .layout-device-tablet .layout-footer .navigation-container .navigation { .mobile-top-image img{ width: ; } } .layout-device-desktop { .layout-header { #layout-header-block-languages-325-326-327 { width: auto; height: auto; padding: 0; margin: 15px 0 0 10px; .layout-block-content { } } } } .layout-device-desktop { .layout-header { #layout-header-block-languages-325-326-327 { .current{ color: rgba(4, 64, 132, 1); } .current:hover{ color: ; } .current .arrow i{ color: rgba(4, 64, 132, 1); } .current:hover .arrow i{ color: ; } .language-container.inline .language-selector { li a { color: rgba(4, 64, 132, 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-navigation-193-194-195 { width: auto; height: auto; padding: 0; margin: 0; font: 500 20px/23px 'Fira Sans', sans-serif !important; .layout-block-content { text-align: right !important; } } } } .layout-device-tablet { .layout-header { #layout-header-block-navigation-193-194-195 { .navigation-container{ .navigation-toggle { color: rgba(34, 51, 82, 1); border-color: ; &:hover{ color: rgba(4, 64, 132, 1); border-color: ; } } .close-button { color: rgba(34, 51, 82, 1); &:hover{ color: rgba(4, 64, 132, 1); } } .navigation { > ul { > li { margin: 0 60px 0 0; } } ul { text-align: left; li { a{ font: 500 20px/23px 'Fira Sans', sans-serif; color: rgba(34, 51, 82, 1); border-bottom-color: rgba(34, 51, 82, 1); } &:hover{ > a{ background-color: rgba(34, 51, 82, 1); color: rgba(255, 255, 255, 1); .icon-down-open{ color: rgba(255, 255, 255, 1); } } } .icon-down-open{ color: rgba(34, 51, 82, 1); } .menu-image-container{ background-color: rgba(0, 0, 0, 0.5); } ul{ border-color: rgba(34, 51, 82, 1); li { a{ font: 500 20px/23px 'Fira Sans', sans-serif; color: rgba(34, 51, 82, 1); } &:hover{ > a{ background-color: rgba(34, 51, 82, 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(235, 245, 255, 1); .mobile-top-image img{ width: 130px; } } .layout-device-mobile { .layout-header { #layout-header-block-navigation-193-194-195 { width: auto; height: auto; padding: 0; margin: 0; font: 500 20px/23px 'Fira Sans', sans-serif !important; .layout-block-content { text-align: right !important; } } } } .layout-device-mobile { .layout-header { #layout-header-block-navigation-193-194-195 { .navigation-container{ .navigation-toggle { color: rgba(34, 51, 82, 1); border-color: ; &:hover{ color: rgba(4, 64, 132, 1); border-color: ; } } .close-button { color: rgba(34, 51, 82, 1); &:hover{ color: rgba(4, 64, 132, 1); } } .navigation { > ul { > li { margin: 0 60px 0 0; } } ul { text-align: left; li { a{ font: 500 20px/23px 'Fira Sans', sans-serif; color: rgba(34, 51, 82, 1); border-bottom-color: rgba(34, 51, 82, 1); } &:hover{ > a{ background-color: rgba(34, 51, 82, 1); color: rgba(255, 255, 255, 1); .icon-down-open{ color: rgba(255, 255, 255, 1); } } } .icon-down-open{ color: rgba(34, 51, 82, 1); } .menu-image-container{ background-color: rgba(0, 0, 0, 0.5); } ul{ border-color: rgba(34, 51, 82, 1); li { a{ font: 500 20px/23px 'Fira Sans', sans-serif; color: rgba(34, 51, 82, 1); } &:hover{ > a{ background-color: rgba(34, 51, 82, 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(235, 245, 255, 1); .mobile-top-image img{ width: 130px; } } .layout-device-tablet { .layout-footer { #layout-footer-block-newsletter-199-200-201 { width: 100%; height: auto; padding: 0 20px 50px; margin: 0; .layout-block-content { text-align: left !important; } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-newsletter-199-200-201 { .title { } .subtitle { } #subscribe_email { } #bt_subscribe { background-color: rgba(34, 51, 82, 1); color: rgba(255, 255, 255, 1); border-color: rgba(34, 51, 82, 1); &:hover{ background-color: rgba(255, 255, 255, 1); color: rgba(34, 51, 82, 1); border-color: rgba(255, 255, 255, 1); } } .privacy-checkbox { color: rgba(255, 255, 255, 1); a{ color: rgba(255, 255, 255, 1); } } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-newsletter-199-200-201 { width: 100%; height: auto; padding: 20px; margin: 0; .layout-block-content { text-align: left !important; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-newsletter-199-200-201 { .title { } .subtitle { } #subscribe_email { } #bt_subscribe { background-color: rgba(34, 51, 82, 1); color: rgba(255, 255, 255, 1); border-color: rgba(34, 51, 82, 1); &:hover{ background-color: rgba(255, 255, 255, 1); color: rgba(34, 51, 82, 1); border-color: rgba(255, 255, 255, 1); } } .privacy-checkbox { color: rgba(255, 255, 255, 1); a{ color: rgba(255, 255, 255, 1); } } } } } .layout-device-tablet { .layout-footer { #layout-footer-block-logo-211-212-213 { width: 30px; height: auto; padding: 0; margin: 0; .layout-block-content { text-align: right !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 { width: 100%; height: auto; padding: 0; margin: 0; .layout-block-content { text-align: right !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-html-217-218-219 { width: auto; height: auto; padding: 0; margin: 0; .layout-block-content { } } } } .layout-device-desktop { .layout-footer { #layout-footer-block-html-217-218-219 { p {color: var(--secondary-color); font-weight: 500; font-size:14px; } } } } .layout-device-tablet { .layout-header { #layout-header-block-languages-325-326-327 { width: auto; height: auto; padding: 0; margin: 15px 0 0 10px; .layout-block-content { } } } } .layout-device-tablet { .layout-header { #layout-header-block-languages-325-326-327 { .current{ color: rgba(4, 64, 132, 1); } .current:hover{ color: ; } .current .arrow i{ color: rgba(4, 64, 132, 1); } .current:hover .arrow i{ color: ; } .language-container.inline .language-selector { li a { color: rgba(4, 64, 132, 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-325-326-327 { width: auto; height: auto; padding: 0; margin: 15px 0 0 10px; .layout-block-content { } } } } .layout-device-mobile { .layout-header { #layout-header-block-languages-325-326-327 { .current{ color: rgba(4, 64, 132, 1); } .current:hover{ color: ; } .current .arrow i{ color: rgba(4, 64, 132, 1); } .current:hover .arrow i{ color: ; } .language-container.inline .language-selector { li a { color: rgba(4, 64, 132, 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-footer { #layout-footer-block-navigation-223-224-225 { width: 100%; height: auto; padding: 0; margin: 0; font: 400 16px/19px 'Fira Sans', sans-serif !important; .layout-block-content { text-align: center !important; } } } } .layout-device-mobile { .layout-footer { #layout-footer-block-navigation-223-224-225 { .navigation-container{ .navigation-toggle { &:hover{ } } .close-button { &:hover{ } } .navigation { > ul { > li { margin: 0px 0px 20px; width: 100%; } } ul { text-align: center; li { a{ font: 500 22px/26px 'Fira Sans', sans-serif; color: rgba(4, 64, 132, 1); } &:hover{ > a{ .icon-down-open{ } } } .icon-down-open{ color: rgba(4, 64, 132, 1); } .menu-image-container{ } ul{ li { margin: 15px 0 0 0; width: 100%; a{ font: 400 16px/19px 'Fira Sans', sans-serif; color: rgba(34, 51, 82, 1); } &:hover{ > a{ color: rgba(4, 64, 132, 1); span { color: rgba(4, 64, 132, 1); } } } } } } } } } } } } .layout-device-mobile .layout-footer .navigation-container .navigation { .mobile-top-image img{ width: ; } } .uwy.userway_p1{bottom: 20px !important;left: 10px !important;} .align-left {text-align:left;} .center-title{text-align: center;} .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;} .weight-light {font-weight:300 !important; letter-spacing: 2px !important;} header {position: relative; z-index: 9;} .layout-header-container { box-shadow: 0px 4px 10px #afafaf40;} @media only screen and (min-width: 767px) { .col-md-1-5 {-ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20% !important;} } @media only screen and (min-width: 1025px) and (max-width: 1094px) { .layout-device-desktop .layout-header .layout-block-logo {padding: 0 !important;} .layout-device-desktop .layout-header ._row.center ._col.left {width: 210px;} .layout-device-desktop .layout-header ._row.center ._col.center { width: calc(100% - 260px);} .layout-device-desktop .layout-header ._row.center ._col.center .navigation .level-1 {text-align:center !important;} } /******* Banners ******/ .block-banners .banner .message .wrapper p {font-size:16px; font-weight: 300;} .banner-title { font-family: "Forum", serif !important; margin-bottom: 20px !important; font-size: 38px !important; line-height: 42px !important;} .banner-subtitle { font-family: "Barlow", serif !important; font-weight: 500 !important; font-style: normal !important; font-size: 20px !important; line-height: 24px !important; margin-bottom: 20px !important;} @media only screen and (max-width: 767px){ .banner-title {font-size: 24px; margin-bottom: 5px !important;} .banner-subtitle {font-size: 14px;} } /******* Newsletter ******/ .newsletter-description h2{font-size: 32px; 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: 39px;} @media only screen and (max-width: 575px){ .layout-block-newsletter .subscribe > div {width: 100% !important; padding: 0 0 5px !important;} } /******* Á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: var(--primary-color); padding: 5px 15px;} .lot-list .lbt4 {padding: 10px 13px 9px !important; font-size: 14px !important} .lot-list .lbt4.more-info{border: none !important; border-bottom: 1px solid var(--primary-color) !important; padding: 8px 2px !important;} .lot-list .lbt4.more-info:hover{background: none !important; color: var(--primary-color) !important; border-bottom: none !important;} .lot-list .info .ltitle {font: normal 500 18px/25px 'Barlow', sansserif !important; height: 50px; overflow: hidden; text-align: left !important; margin-bottom: 10px !important; text-transform: none;} .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: 8px 2px !important;} .products-list .lbt4.more-info:hover{background: none !important; color: var(--primary-color) !important; border-bottom: none !important;} .products-list .info .ltitle {font-size:16px !important; line-height:19px !important; height: 60px; overflow: hidden; text-align: left !important; margin-bottom: 10px !important;} /******* 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 var(--primary-color);} .layout-footer-container .navigation.nav-type-cols > ul > li{display: inline-block; vertical-align: top; width: 50% !important; padding: 0 10px; margin: 0;} .layout-footer-container .navigation.nav-type-cols > ul > li:last-child{width: 20% !important;} .layout-footer-container .navigation.nav-type-cols > ul > li:last-child > ul > li{display: block; width: 100% !important;} .layout-footer-container .navigation.nav-type-cols .hasSubMenu > ul{display: block;} .layout-footer-container .navigation.nav-type-cols .hasSubMenu > ul > li{display: inline-block; width: 100%; vertical-align: top;} @media only screen and (max-width: 1024px){ .layout-footer-container ._row.center ._col.left {display: none !important;} .layout-footer-container ._row.center ._col.center { 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 (min-width: 1024px) and (max-width: 1312px) { .layout-device-desktop .layout-footer ._row.center ._col.left { width: 265px;} .layout-device-desktop .layout-footer ._row.center ._col.center { width: calc(100% - 265px);} .layout-device-desktop .navigation.nav-type-cols ul li {margin: 0 0 20px; padding: 0 10px;} .layout-footer-container .navigation.nav-type-cols > ul > li:last-child { width: 49% !important;} } /******* Título das páginas ******/ .auctions-view-title-wrapper, .wrapper.page-title-wrapper { padding: 10px 20px !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;} } .layout-footer-container .layout-footer ._row.top { background: url(../images/newsletter-fundo.jpg) no-repeat center center; background-size: cover; }