body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; } .dflex { display: -webkit-flex; display: flex; } .justify-content-center { -webkit-justify-content: center; justify-content: center; } .justify-content-end { -webkit-justify-content: flex-end; justify-content: flex-end; } .justify-content-start { -webkit-justify-content: flex-start; justify-content: flex-start; } .justify-content-between { -webkit-justify-content: space-between; justify-content: space-between; } .justify-content-around { -webkit-justify-content: space-around; justify-content: space-around; } .align-items-center { -webkit-align-items: center; align-items: center; } .align-items-stretch { -webkit-align-items: stretch; align-items: stretch; } .align-items-start { -webkit-align-items: flex-start; align-items: flex-start; } .align-items-end { -webkit-align-items: flex-end; align-items: flex-end; } .flex-column { -webkit-flex-direction: column; flex-direction: column; } .flex-column-reverse { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-row { -webkit-flex-direction: row; flex-direction: row; } .flex-row-reverse { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .input-style { width: 100%; height: 30px; padding: 10px 0 10px 15px; border: 1px solid #dcdcdc; } .input-style::-webkit-input-placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #c2c2c2; } .input-style::-ms-input-placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #c2c2c2; } .input-style::placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #c2c2c2; } .button-style { background: #00174f; font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #ffffff; border: 0; margin: 0 auto 0 auto; cursor: pointer; text-transform: uppercase; } @media (max-width: 568px) { .button-style { width: 100%; font-size: 15px; padding: 10px 0; height: auto; } } .button-style.hovered:not(:hover) { background: transparent !important; color: #000 !important; border: 1.5px solid #00174f !important; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 500; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/1eb35a/000000000000000000010090/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/1eb35a/000000000000000000010090/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/1eb35a/000000000000000000010090/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 500; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/eb729a/000000000000000000010092/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/eb729a/000000000000000000010092/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/eb729a/000000000000000000010092/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/849347/000000000000000000010093/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/849347/000000000000000000010093/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/849347/000000000000000000010093/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 300; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/ae4f6c/000000000000000000010096/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 300; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/0c71d1/000000000000000000010097/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/0c71d1/000000000000000000010097/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/0c71d1/000000000000000000010097/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 800; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/648f69/000000000000000000010098/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/648f69/000000000000000000010098/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/648f69/000000000000000000010098/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 800; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 600; } @font-face { font-family: "FuturaStdBook"; src: url("https://use.typekit.net/af/1b297b/000000000000000000012193/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/1b297b/000000000000000000012193/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/1b297b/000000000000000000012193/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 600; } @font-face { font-family: "FuturaStdBook-condensed"; src: url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; } @font-face { font-family: "FuturaStdBook-condensed"; src: url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; } @font-face { font-family: "FuturaStdBook-condensed"; src: url("https://use.typekit.net/af/accb3b/00000000000000000001203b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/accb3b/00000000000000000001203b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/accb3b/00000000000000000001203b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 500; } @font-face { font-family: "FuturaStdBook-condensed"; src: url("https://use.typekit.net/af/c9ec0c/00000000000000000001203c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff2"), url("https://use.typekit.net/af/c9ec0c/00000000000000000001203c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("woff"), url("https://use.typekit.net/af/c9ec0c/00000000000000000001203c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i5&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 500; } @font-face { font-family: "FuturaStdBook-condensed"; src: url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; } @font-face { font-family: "FuturaStdBook-condensed"; src: url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; } @font-face { font-family: "FuturaStdBook-condensed"; src: url("https://use.typekit.net/af/3b8138/00000000000000000001203f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"), url("https://use.typekit.net/af/3b8138/00000000000000000001203f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"), url("https://use.typekit.net/af/3b8138/00000000000000000001203f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 800; } @font-face { font-family: "FuturaStdBook-condensed"; src: url("https://use.typekit.net/af/6b4d7c/000000000000000000012040/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"), url("https://use.typekit.net/af/6b4d7c/000000000000000000012040/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"), url("https://use.typekit.net/af/6b4d7c/000000000000000000012040/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 800; } @font-face { font-family: "FuturaStdBold"; src: url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; } @font-face { font-family: "FuturaStdBold"; src: url("https://use.typekit.net/af/72575c/00000000000000003b9af1e5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/72575c/00000000000000003b9af1e5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/72575c/00000000000000003b9af1e5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; } @font-face { font-family: "century-gothic"; src: url("https://use.typekit.net/af/471ad1/00000000000000003b9b1f20/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/471ad1/00000000000000003b9b1f20/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/471ad1/00000000000000003b9b1f20/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; } @font-face { font-family: "century-gothic"; src: url("https://use.typekit.net/af/85a471/00000000000000003b9b1f21/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/85a471/00000000000000003b9b1f21/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/85a471/00000000000000003b9b1f21/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; } @font-face { font-family: "century-gothic"; src: url("https://use.typekit.net/af/fb6c60/00000000000000003b9b1f22/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/fb6c60/00000000000000003b9b1f22/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/fb6c60/00000000000000003b9b1f22/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; } @font-face { font-family: "century-gothic"; src: url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; } .tk-FuturaStdBook { font-family: "FuturaStdBook",sans-serif; } .tk-FuturaStdBook-condensed { font-family: "FuturaStdBook-condensed",sans-serif; } .tk-FuturaStdBold { font-family: "FuturaStdBold",sans-serif; } .tk-century-gothic { font-family: "century-gothic",sans-serif; } .App { text-align: center; } body { font-family: FuturaStdBook; font-size: 15px; min-width: 100vw; } body::-webkit-scrollbar-track { background-color: transparent; } body::-webkit-scrollbar-thumb { background-color: #00174f; -webkit-transition: all ease-in-out 0.7s; transition: all ease-in-out 0.7s; } body::-webkit-scrollbar { width: 10px; background-color: #fff; } .p-relative { position: relative; } .App-logo { -webkit-animation: App-logo-spin infinite 20s linear; animation: App-logo-spin infinite 20s linear; height: 40vmin; pointer-events: none; } .App-header { background-color: #282c34; min-height: 100vh; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; font-size: calc(10px + 2vmin); color: white; } .App-link { color: #61dafb; } .container { max-width: 1140px; padding: 0 0; margin: 0 auto; } @media (max-width: 1140px) { .container { padding-left: 15px; padding-right: 15px; } } .invalid { color: #ac0000f0; } .valid { color: green; } .d-none { display: none; } .d-vs-hidden { visibility: hidden; } .d-center { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .d-between { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .d-around { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-align-items: center; align-items: center; } .d-start { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } .small-container { max-width: 930px; margin: 0 auto; padding: 0 20px; } h1, h2, h3, h4, h5, h6, p { margin: 0; } input { outline: none; } i.icon { background: transparent !important; } .main-btn { border: none; color: #fff; background: #00174f; font: 15px "FuturaStdBook"; letter-spacing: 0.35px; text-transform: uppercase; padding: 10px 15px 6px; outline: none; cursor: pointer; } .main-btn.disabled { background: #ccc; } .main-link { color: #00174f; text-decoration: underline; cursor: pointer; } .main-link:hover { color: #00174f; } .ui.form.page-content-form .fields { margin: 0; } .ui.form.page-content-form .fields > .field { padding: 0; } .ui.form.page-content-form .input-label, .ui.form.page-content-form label { font: 300 15px "FuturaStdBook" !important; letter-spacing: 0.4px; text-align: left; color: #00174f; margin-bottom: 5px; } .ui.form.page-content-form .input-label::after, .ui.form.page-content-form label::after { color: white !important; } .ui.form.page-content-form .ui.checkbox::after { color: white !important; } .ui.form.page-content-form .ui.checkbox label:before { border-radius: 0; } .ui.form.page-content-form .ui.radio.checkbox label:before { border-radius: 50%; } .ui.form.page-content-form .ui.radio.checkbox .box::before, .ui.form.page-content-form .ui.radio.checkbox label::before { width: 20px; height: 20px; } .ui.form.page-content-form .ui.radio.checkbox .box, .ui.form.page-content-form .ui.radio.checkbox label { padding-left: 30px; } .ui.form.page-content-form .ui.radio.checkbox .box::after, .ui.form.page-content-form .ui.radio.checkbox label::after { top: 3px; left: 2px; } .ui.form.page-content-form .inline.fields .field:not(last-of-type) { margin-right: 18px; } .ui.form.page-content-form .inline.fields label { margin-top: 0; margin-bottom: 0; } .ui.form.page-content-form div[role="listbox"], .ui.form.page-content-form input, .ui.form.page-content-form textarea { border-radius: 0; padding: 7px 11px; font: 15px "FuturaStdBook"; min-height: auto; border: 1px solid #dcdcdc; box-shadow: none; } .ui.form.page-content-form div[role="listbox"]:focus, .ui.form.page-content-form input:focus, .ui.form.page-content-form textarea:focus { border-color: #bebebe; border-radius: 0; } .ui.form.page-content-form input[type=password] { font: 15px "FuturaStdBook"; } .ui.form.page-content-form .ui.dropdown .menu > .item { padding: 7px 11px !important; } .ui.form.page-content-form .ui.dropdown .menu > .item:hover { color: #fff; background: #00174f; } .ui.form.page-content-form .ui.selection.dropdown .menu { border-color: #bebebe; box-shadow: none; border-radius: 0; } .ui.form.page-content-form .ui.selection.dropdown > .dropdown.icon { padding: 8px; top: 34%; } .ui.form.page-content-form .input-box { margin-bottom: 20px; } .ui.form.page-content-form .btn-wrapper { padding-top: 10px; } .ui.form.page-content-form .btn-wrapper button { border: none; color: #fff; background: #00174f; font: 15px "FuturaStdBook"; letter-spacing: 0.35px; text-transform: uppercase; padding: 10px 15px 6px; outline: none; cursor: pointer; border-radius: 0; margin: 0 auto; display: block; min-width: 295px; } .link-hover { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .link-hover:hover { color: #00174f !important; } .text-uppercase { text-transform: uppercase; } .text.text-nouveaute { padding: 6px 0 2px; } @-webkit-keyframes App-logo-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes App-logo-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media only screen and (max-width: 576px) { .ui.form.page-content-form input, .ui.form.page-content-form div[role="listbox"] { padding: 17px 11px; } .ui.form.page-content-form .btn-wrapper button { min-width: 100%; padding: 15px 15px 12px; } } .greenBg { background-color: #149b10 !important; } .yellowBg { background-color: #fbdb05 !important; } .redBg { background-color: #f00a10 !important; } .centeredBox { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .text-bold { font-weight: bold !important; } .text-center { text-align: center !important; } .py-120 { padding: 120px 0; } .new-price { font-family: "FuturaStdBold"; font-size: 21px; text-transform: uppercase; color: #00174f; width: 100%; display: block; text-align: left; } .old-price { font-family: "FuturaStdBook"; color: #00174f; text-decoration: line-through; width: 100%; display: block; text-align: left; } .desctopSize { display: block; } @media (max-width: 920px) { .desctopSize { display: none !important; } } .desktopSize768 { display: block; } @media (max-width: 768px) { .desktopSize768 { display: none !important; } } .mobileSize768 { display: block; } @media (min-width: 768px) { .mobileSize768 { display: none !important; } } .mobileSize { display: block; } @media (min-width: 920px) { .mobileSize { display: none !important; } } .position_rel { position: relative; } .mainSelect:hover, .mainSelect:active, .mainSelect:focus { outline: 0; box-shadow: none; } .mainSelect.ui.dropdown .menu .selected.item, .mainSelect.ui.dropdown.selected, .mainSelect.ui.dropdown .menu > .item, .mainSelect.ui.selection.dropdown .menu > .item { padding: 3px 5px; font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 0.8; letter-spacing: 0.4px; text-align: left; color: white; } .mainSelect.ui.dropdown .menu .selected.item:hover, .mainSelect.ui.dropdown.selected:hover, .mainSelect.ui.dropdown .menu > .item:hover, .mainSelect.ui.selection.dropdown .menu > .item:hover { background: #00174f; } .mainSelect.ui.selection.visible.dropdown > .text:not(.default) { font-weight: bold; } .mainSelect.ui.dropdown .menu .active.item { background: #00174f61; } .mainSelect.ui.selection.dropdown { min-width: 101px; min-height: 30px; padding: 5px; background: #ffffff; border: 1px solid #dcdcdc; position: relative; cursor: pointer; border-radius: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .mainSelect.ui.selection.dropdown .text { width: 100%; height: 100%; font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.4px; text-align: left; color: #00174f; } .mainSelect.mini.ui.selection.dropdown { min-width: 59px; width: 59px; } .mainSelect.mini.basket.ui.selection.dropdown { min-width: 50px; width: 50px; height: 25px !important; padding: 0 0 0 5px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .mainSelect.mini.basket.ui.selection.dropdown .text { width: auto; height: auto; font-family: "futura-pt" !important; font-size: 16px !important; font-weight: bold !important; } .mainCheckbox:hover, .mainCheckbox:active, .mainCheckbox:focus { outline: 0; box-shadow: none; } .mainCheckbox.ui.checkbox .box:before, .mainCheckbox.ui.checkbox label:before { border: 2px solid #00174f; } .mainCheckbox.ui.checkbox input:checked ~ .box:before, .mainCheckbox.ui.checkbox input:checked ~ label:before { background: #fff; border-color: rgba(7, 7, 7, 0.35); } .ml_15 { margin-left: 15px; } .mb_10 { margin-bottom: 15px; } .paypalLogo { background: #ffc439; margin: 15px auto 0; width: 320px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 10px; border-radius: 5px; } .paypalLogo .icon { width: 100px; } .paymentBtn { width: 100% !important; margin: 0 !important; border-color: transparent !important; box-shadow: none !important; line-height: unset !important; height: auto !important; padding: 12px 0 !important; } .paymentBtn .icon { height: auto !important; } .paypalBtn { max-width: 450px; width: 100%; background: #ffc439; margin: 15px auto 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 10px; border-radius: 5px; border-color: transparent; } .paypalBtn.disabled { background-color: #80808061; } a.paypalBtn.disabled { pointer-events: none; } .paypal-button.paypal-button-layout-vertical { display: none; } .color-black { color: black !important; } .w-100 { width: 100% !important; } .mainSelector.ui.dropdown { width: 100%; min-height: 34px; padding: 5px; background: #ffffff; border: 1px solid #dcdcdc; position: relative; cursor: pointer; border-radius: 0; font-family: FuturaStdBook ,sans-serif; font-size: 16px; } .mainSelector.ui.dropdown .text { font-family: FuturaStdBook, sans-serif; font-size: 16px; border: 0; width: 100%; height: 100%; cursor: pointer; font-weight: bold; font-style: normal; font-stretch: normal; text-align: left; color: #1e1e1e; padding: 5px; line-height: 0.8; letter-spacing: 0.4px; } .mainSelector.ui.dropdown i.icon { position: absolute; right: 10px; margin: auto; top: 0; bottom: 0; color: #666666d6; } .mainSelector.ui.dropdown .menu .selected.item, .mainSelector.ui.dropdown .ui.dropdown.selected { background: #00174f61; color: rgba(0, 0, 0, 0.95); } .mainSelector.ui.dropdown .menu > .item:hover { background: #00174f; color: rgba(0, 0, 0, 0.95); z-index: 13; } .mainSelector.fontWeightNormal.ui.dropdown { font-weight: normal; } .mainSelector.fontWeightNormal.ui.dropdown .text { font-weight: normal; } .discount-box { position: absolute; bottom: 0; left: 0; display: -webkit-flex; display: flex; color: #fff; text-transform: uppercase; } .discount-box .text { background: #00174f; padding: 6px 13px 4px 11px; font-size: 16px; letter-spacing: 0.4px; line-height: 20px; color: #fff; } .discount-box .text.text-outlet { background-color: #ffae1a; } .discount-box .text.on-special-text { background-color: #33cc33; } .discount-box .amount { background: #453f38; padding: 4px 6px 3px 7px; font: 20px; font-family: "FuturaStdBook"; line-height: 20px; } .discount-box .amount .small { font-size: 10px; } .isSale .text.text-outlet { background-color: #ffae1a; } .isSale .text.on-special-text { background-color: #33cc33; } .basket-popup { position: fixed; top: 0; right: -105%; z-index: 10; background: #ffffff; width: 455px; -webkit-transition: .4s; transition: .4s; height: 100vh; border-left: 1px solid white; } .basket-popup .close { padding: 10px 5px 0; background: rgba(0, 0, 0, 0.2); height: 100%; display: none; } .basket-popup .close i { color: white; font-size: 20px; margin-right: 0; } .basket-popup .basket-popup-content { background: #ffffff; -webkit-flex-grow: 1; flex-grow: 1; height: 100%; overflow-y: auto; } .basket-popup.active { right: 0%; } .basket-popup-shop-title { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; background: #00174f; color: #fff; padding: 16px 20px; } .basket-popup-shop-title .shoppingBox { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .basket-popup-shop-title .shoppingBox img { margin-right: 10px; } .basket-popup-shop-title .shoppingBox .shop-title { margin-top: 5px; } .basket-popup-shop-title i { line-height: 1; cursor: pointer; } .basket-popup-shop-title i.shopping.bag { font-size: 24px; } .basket-popup-shop-title .shop-title { margin: 0; font-family: FuturaStdBold; font-size: 16px; font-weight: 600; line-height: 1.88; text-align: left; color: #fff; display: inline-block; } .basket-popup-title { padding: 20px 0; text-align: center; font-family: FuturaStdBold; font-size: 16px; font-weight: 600; letter-spacing: normal; color: #00174f; background: #d6d6d6; text-transform: uppercase; } .basket-popup .articles-content { padding: 20px 20px 30px 20px; border-bottom: 1px solid #cccccc; } .basket-popup .articles-content .articles-content-title { font-family: FuturaStdBold; font-size: 16px; line-height: 1.31; letter-spacing: normal; text-align: left; color: #00174f; } .basket-popup .articles-content .articles-content-price { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.3; letter-spacing: 0.4px; text-align: left; color: #00174f; } .basket-popup .articles-content .articles-content-price span { font-family: FuturaStdBold; font-size: 30px; letter-spacing: normal; color: #00174f; } .basket-popup .articles-content .articles-content-button { width: 100%; height: 50px; border: 1px solid #00174f; font-family: "FuturaStdBook"; font-size: 20px; font-weight: 300; line-height: 1.05; letter-spacing: 0.5px; text-align: center; color: white; background: #00174f; text-transform: uppercase; margin-top: 20px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; cursor: pointer; -webkit-transition: .2s; transition: .2s; } .basket-popup .articles-content .articles-content-button.disabled { background: #d6d6d6; border-color: #d6d6d6; cursor: auto; pointer-events: none; } .basket-popup .articles-content .articles-content-button:hover { background: #00174f; color: #fff; } .basket-popup .articles-content .articles-content-button a { color: white; display: block; width: 100%; line-height: 2; } .basket-popup .articles-content .articles-content-button a:hover { color: #fff; } .basket-popup .product-content .product-content-item { padding: 0 20px; display: -webkit-flex; display: flex; margin-top: 30px; position: relative; width: 100%; } .basket-popup .product-content .product-content-item .product-content-item-img { min-width: 100px; height: 100px; object-fit: cover; position: relative; } .basket-popup .product-content .product-content-item .product-content-item-img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .basket-popup .product-content .product-content-item .product-content-item-body { -webkit-flex-grow: 1; flex-grow: 1; margin-left: 20px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-title { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-title .product-content-item-body-title-text .title { font: 16px 'FuturaStdBold'; color: #00174f; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-title .product-content-item-body-title-text span { display: block; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.31; letter-spacing: normal; text-align: left; color: black; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-title .product-content-item-body-title-text span:last-child { font-size: 15px; font-weight: 100; letter-spacing: 0.4px; color: #00174f; margin-top: 10px; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-title i { color: #951818; font-size: 24px; cursor: pointer; line-height: 1; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-footer { display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: space-between; justify-content: space-between; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-footer .new-price { line-height: 1; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-footer .product-content-item-body-footer-select { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-footer .product-content-item-body-footer-select .text { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; margin-right: 10px; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-footer .product-content-item-body-footer-price { font: 20px 'FuturaStdBold'; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-end; align-items: flex-end; line-height: 1.5; letter-spacing: normal; text-align: left; color: #1e1e1e; } @media (max-width: 576px) { .basket-popup { display: -webkit-flex; display: flex; width: 100%; } .basket-popup .close { display: block; } .basket-popup .basket-popup-content { -webkit-flex-grow: 1; flex-grow: 1; } .basket-popup .basket-popup-content a .articles-content-button { background: #00174f; color: #fff; } .basket-popup .basket-popup-shop-title { background: #00174f; } .basket-popup .basket-popup-shop-title i, .basket-popup .basket-popup-shop-title h4 { color: #fff; } .basket-popup .basket-popup-shop-title .x.icon { display: none; } .basket-popup .product-content .product-content-item { padding-bottom: 60px; border-bottom: 1px solid #d6d6d6; } .basket-popup .product-content .product-content-item .product-content-item-body .product-content-item-body-footer { position: absolute; left: 0; bottom: 20px; width: 100%; padding: 0 20px; } .basket-popup .basket-popup-title { font-size: 3.7vmin; color: white; } } @media (max-width: 374px) { .basket-popup-shop-title .shop-title { font-size: 13px; } .basket-popup .articles-content .articles-content-title { font-size: 15px; } .basket-popup .articles-content .articles-content-price { margin-bottom: 0; } .basket-popup .articles-content .articles-content-price span { font-size: 22px; line-height: 1; } .basket-popup .articles-content .articles-content-button { font-size: 15px; } .basket-popup .product-content .product-content-item .product-content-item-img { min-width: 75px; height: 75px; } } .black-window-menu { position: fixed; top: 110px; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 3; opacity: 1; } .black-window { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9; opacity: 1; } .white-window-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 6; opacity: 1; } .confirmpopup { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(34, 34, 34, 0.7); display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; z-index: 11; padding: 20px; background: white; box-shadow: 0 2px 7px rgba(34, 34, 34, 0.4); min-width: 340px; } .confirmpopup .confirmpopup-content .confirmpopup-content-text-box { font-size: 16px; } .confirmpopup .confirmpopup-content p { text-align: center; text-transform: uppercase; margin-bottom: 10px; font-size: 18px; } .confirmpopup .confirmpopup-content .confirmpopup-buttons { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .confirmpopup .confirmpopup-content .confirmpopup-buttons button { padding: 7px 25px; background: white; box-shadow: 0 2px 5px rgba(34, 34, 34, 0.3); border: 0; margin-top: 15px; cursor: pointer; -webkit-transition: .2s; transition: .2s; } .confirmpopup .confirmpopup-content .confirmpopup-buttons button:last-child { margin-left: 15px; } .confirmpopup .confirmpopup-content .confirmpopup-buttons button:hover { background: #00174f; color: white; } .location-wrapper-item-search-input { padding: 5px 15px 5px 0; width: 100%; border: 1px solid white; } .locationSpan { padding: 5px 15px 5px 0; border: 1px solid white; opacity: 0; position: absolute; top: 0; left: 0; z-index: -10; padding: 5px 15px; border-color: #dcdcdc; } .location-wrapper-item-search-btn { background: #00174f; padding: 8px; margin-left: 20px; font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #ffffff; background: #00174f; cursor: pointer; border-color: transparent; } .location-wrapper-item-search-btn.disabled { color: black !important; background: #ccc !important; } .storeLocator-wrapper .location-wrapper-item-search-input { padding: 5px 15px; width: 435px; border-color: #dcdcdc; } @media (max-width: 589px) { .storeLocator-wrapper .location-wrapper-item-search-input { width: 100%; } } .storeLocator-wrapper .location-wrapper-item-search-btn { text-transform: uppercase; padding: 8px 19px; } @media (max-width: 768px) { .storeLocator-wrapper .location-wrapper-item-search-btn { padding: 3px 19px; } } .footerSearchIcon { background-image: url(/tommy-hilfiger/static/media/searchWhite.1a9cb707.svg); background-repeat: no-repeat; width: 20px; height: 20px; background-size: contain; } @media (max-width: 768px) { .footerSearchIcon { background-image: url(/tommy-hilfiger/static/media/search.c1c488d9.svg); } } .location-adres-item-btn { width: 250px; height: auto !important; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #00174f; color: white; margin: 14px auto 0 auto; cursor: pointer; border-color: transparent; padding: 10px 0; } .location-adres-item-btn.oneBtn { margin: 14px 0 0 0; } #selected-store { color: green; text-align: left; width: 100%; } .choose-nearest-store { padding: 20px; border: 1px solid #00174f; text-align: center; width: 48.88%; -webkit-transition: .2s; transition: .2s; margin-right: 5px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; } @media (max-width: 589px) { .choose-nearest-store { width: 100%; margin-top: 15px; } } .choose-nearest-store.return-page-nearest-store { width: 100%; min-height: 150px; } .choose-nearest-store.return-page-nearest-store h4 { font-size: 18px; } .choose-nearest-store:hover { background: #00174f; } .choose-nearest-store:hover h4 { color: #fff; } .choose-nearest-store.active { background: #00174f; } .choose-nearest-store.active h4 { color: #fff; } .choose-nearest-store h4 { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; width: 100%; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #00174f; -webkit-transition: .2s; transition: .2s; } .choose-nearest-store h4.bold { font-weight: bold; } .choose-nearest-store .boutique { font-weight: bold; font-size: 14px; } .choose-nearest-store .storeName { font-weight: bold; } .product-item-count { color: #B12704; font-size: 14px; font-weight: bold; } .language { position: relative; width: 35px; } .language--list { list-style: none; margin: 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100px; padding: 0; } .language--list--item { background-color: #00174f; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 3px 10px; } .language--list--item .flagImg { width: 22px; } .language--list--item:not(.active) { display: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .language--list--item.active { position: relative; width: 50px; -webkit-order: -1; order: -1; display: -webkit-flex; display: flex; } .language--list.show { position: absolute; top: 2px; z-index: 10; } .language--list.show .language--list--item:before { border-left: 0px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffffff; border-bottom: 0px solid #ffffff; } .language--list.show .language--list--item:not(.active) { width: 55%; padding: 3px 10px; display: -webkit-flex; display: flex; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .language--list.show .language--list--item:not(.active):hover { background-color: #ccc; } .language--list.show .language--list--item:not(.active):last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @media (max-width: 920px) { .language--list--item.active { position: fixed; top: 0; width: 55px; -webkit-order: -1; order: -1; display: -webkit-flex; display: flex; } .language--list.show { top: 14px; } .language--list.show .language--list--item.active { position: fixed; top: 0px; left: 30px; } } .promotion { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 5px 0; background: #DCDCDC; } .promotion .promotionTimer { color: black; font-size: 18px; padding: 5px 20px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .promotion .promotionTimer .promotion-baner-2 { font-size: 18px; font-family: FuturaStdBook; margin: 0 0 0 0px; } .promotion .promotionTimer .promotion-banner-timer { font-size: 20px !important; margin: 58px !important; font-weight: bold; } @media (max-width: 920px) { .promotion .promotionTimer { margin-right: 0; margin-bottom: 0; padding: 0; font-size: 16px; } } @media (max-width: 920px) { .promotion { -webkit-flex-direction: column; flex-direction: column; width: 100%; padding: 0; } } .promotion-baner-1 { font-size: 24px; text-transform: uppercase; font-weight: bold; line-height: 27px; padding: 0 5px; } @media (max-width: 920px) { .promotion-baner-1 { margin-bottom: 0; line-height: unset; padding: 0; text-align: center; font-size: 28px; } } @media (max-width: 576px) { .promotion-baner-1 { font-size: 25px; text-align: center; } } .promotion-baner-2 { font-size: 18px; margin-left: 15px; text-transform: uppercase; text-align: center; font-weight: 200; } @media (max-width: 920px) { .promotion-baner-2 { margin-left: 0; text-align: center; font-size: 16px; } } @media (max-width: 576px) { .promotion-baner-2 { font-size: 18px; text-align: center; } } .hide-modal { display: none; } .cookie-popup-hide { display: none; } .cookie-popup { display: block; } .hide-modal.cookie-popup-show { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 11; } .hide-modal.cookie-popup-show .modal-content { max-width: 500px; margin: 10% auto 0; z-index: 2; background: #fff; box-shadow: 10px 10px 10px black; } .hide-modal.cookie-popup-show .modal-content .modal-header { padding: 10px 0; } .hide-modal.cookie-popup-show .modal-content .modal-header .close-btn { margin: 0 15px 0 auto; display: block; background: #fff; border: none; cursor: pointer; } .hide-modal.cookie-popup-show .modal-content .modal-inner { min-height: 200px; padding: 15px 34px; max-height: 300px; overflow: auto; } .hide-modal.cookie-popup-show .modal-content .modal-inner a { color: #00174f; text-decoration: underline; } .hide-modal.cookie-popup-show .modal-content .modal-inner a:hover { color: #00174f; } .hide-modal.cookie-popup-show .modal-content .modal-footer { padding: 15px 34px; display: -webkit-flex; display: flex; } .hide-modal.cookie-popup-show .modal-content .modal-footer .main-btn { margin: 0 0 0 auto; display: block; } .hide-modal.cookie-popup-show .modal-content .modal-footer .close-btn { color: #000; background-color: #dedfe0; cursor: pointer; border: none; } .cookie-popup { padding: 5px 34px; background: #e77c7c; color: black; text-align: center; opacity: 0.9; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; } .cookie-popup button { border: none; background: #2a2aba; color: #fff; margin: 0 10px; padding: 4px 10px; } .cookie-popup--close { position: absolute; right: 5px; top: 9px; cursor: pointer; } @media (max-width: 568px) { .cookie-popup--close { right: 18px; } } .header { background: #fff; position: relative; } .header .header-head { background-color: #00174f; } .header .header-head .header-head-content { margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .header .header-head .header-head-content .header-head-partniors { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 0; margin: 0; height: 31px; cursor: pointer; } .header .header-head .header-head-content .header-head-partniors li { list-style: none; color: white; padding: 0px 20px; } .header .header-head .header-head-content .header-head-partniors li a { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .header .header-head .header-head-content .header-head-partniors li a.tommyLogo img { max-width: 200px; } .header .header-head .header-head-content .header-head-partniors li a img { max-width: 110px; max-height: 30px; display: block; } .header .header-head .header-head-content .header-head-partniors li:hover { background-color: #333; } .header .header-head .header-head-content .header-head-partniors li:first-child img { max-width: 80px; max-height: 30px; display: block; } .header .header-head .header-head-content .language { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; position: unset; } .header .header-head .header-head-content .language i { margin-right: 0; } .header .header-head .header-head-content .language .icon { color: white; line-height: 1; margin-top: -5px; -webkit-transform: rotate(-45deg) translate(1px, 3px); transform: rotate(-45deg) translate(1px, 3px); font-size: 12px; } .header .header-head .header-head-content .language .language-window { margin: 0; position: absolute; top: 15px; left: 50%; -webkit-transform: translateX(-68%); transform: translateX(-68%); padding: 0; background: white; border: 1px solid #b5b5b5; pointer-events: none; opacity: 0; -webkit-transition: .2s; transition: .2s; } .header .header-head .header-head-content .language .language-window.active { pointer-events: auto; opacity: 1; } .header .header-head .header-head-content .language .language-window li { list-style: none; padding: 3px 10px; } .header .header-head .header-head-content .language .language-window li i { margin: 0 auto; } .header .menu-btn-content { display: none; } .header .header-logo { padding: 10px 0; position: relative; text-align: center; } .header .header-logo .menu-btn { width: 21px; } .header .header-logo .menu-btn span { display: block; height: 2px; background: white; } .header .header-logo .menu-btn span:not(:last-child) { width: 100%; margin-bottom: 5px; } .header .header-logo .menu-btn span:last-child { width: 70%; } .header .header-logo-btns { position: absolute; right: 34px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; z-index: 1; background: white; } .header .header-logo-btns i { font-size: 24px; line-height: 1; } .header .header-logo-btns i.shopping { cursor: pointer; } .header .header-logo-btns img { cursor: pointer; } .header .header-logo-btns .search-content-input { background-color: #fff; padding: 0; width: 300px; border-bottom: 1px solid white; } .header .header-logo-btns .search-content-input input { border: none; color: white; } .header .header-logo-btns .search-content-input input::-webkit-input-placeholder { color: grey; } .header .header-logo-btns .search-content-input input::-ms-input-placeholder { color: grey; } .header .header-logo-btns .search-content-input input::placeholder { color: grey; } .header .header-logo-btns .search-content-input-btn { border: none; padding: 5px 0; } .header .header-logo-btns .search-content-input-btn .search.icon { color: white; } .header-navbar { background-color: rgba(0, 23, 79, 0.9); } .header-navbar-menu { padding: 12px 0; margin: 0; } .header-navbar-menu li { list-style: none; cursor: pointer; padding: 8px 0; position: relative; font-size: 17px; color: #fff; font-weight: bold; } .header-navbar-menu li.colored { color: #FF7F50; } .header-navbar-menu li:not(:last-child) { margin-right: 50px; } @media (max-width: 1200px) { .header-navbar-menu li:not(:last-child) { margin-right: 30px; } } .header-navbar-menu li.active { color: #cc0c2f; } .header-navbar .navbar-menu-opened-wrapper { position: relative; } .header-navbar .navbar-menu-opened-content { width: 100%; background: #00174f; position: absolute; top: -1px; left: 0; z-index: 1; padding: 30px 0 20px; opacity: 0; pointer-events: none; -webkit-transition: .2s; transition: .2s; } .header-navbar .navbar-menu-opened-content.active { opacity: 1; pointer-events: auto; } .header-navbar .navbar-menu-opened-content .nav-link a { font-family: "FuturaStdBook"; font-size: 17px; font-weight: 100; line-height: 2.14; letter-spacing: 0.4px; text-align: left; color: #fff; cursor: pointer; position: relative; } .header-navbar .navbar-menu-opened-content .nav-link a:hover { color: #cc0c2f; } .header-navbar .navbar-menu-opened-content .nav-link:hover { font-weight: 300; } .header-navbar .navbar-menu-opened-content .linge-de-lit { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; } .header-navbar .navbar-menu-opened-content .linge-de-lit .linge-de-lit-content { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; margin-left: auto; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .header-navbar .navbar-menu-opened-content .linge-de-lit .linge-de-lit-content .linge-de-lit-item:not(:last-child) { margin-right: 20px; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item { width: 270px; margin-bottom: 10px; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item:not(:last-of-type) { margin-right: 15px; } @media (min-width: 1141px) { .header-navbar .navbar-menu-opened-content .linge-de-lit-item.orderLink { -webkit-order: 1; order: 1; } } .header-navbar .navbar-menu-opened-content .linge-de-lit-item h4 { font-family: "FuturaStdBold"; font-size: 20px; letter-spacing: normal; color: white; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item ul { padding: 0; margin: 0; margin-top: 10px; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item ul li { list-style: none; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item .linge-de-lit-item-img { width: 270px; overflow: hidden; height: 270px; position: relative; z-index: 1; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item .linge-de-lit-item-img .linge-de-lit-item-img-content { height: 100%; padding: 20px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; position: relative; z-index: 2; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item .linge-de-lit-item-img .linge-de-lit-item-img-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(34, 63, 225, 0.3); } .header-navbar .navbar-menu-opened-content .linge-de-lit-item .linge-de-lit-item-img .linge-de-lit-item-img-content h4 { font-family: "FuturaStdBook"; font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item .linge-de-lit-item-img .linge-de-lit-item-img-content .link { font-family: "FuturaStdBook"; font-size: 15px; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; font-weight: bold; padding: 8px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; width: 100%; position: relative; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item .linge-de-lit-item-img .linge-de-lit-item-img-content .link:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item .linge-de-lit-item-img .linge-de-lit-item-img-content .link:hover { -webkit-transform: translateX(5px); transform: translateX(5px); font-family: FuturaStdBold; } .header-navbar .navbar-menu-opened-content .linge-de-lit-item .linge-de-lit-item-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 270px; height: 270px; object-fit: cover; z-index: -1; } .header-navbar .navbar-menu-opened-content .homewear, .header-navbar .navbar-menu-opened-content .decoration, .header-navbar .navbar-menu-opened-content .cadeaux { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } .header-navbar .navbar-menu-opened-content .homewear .homewear-list, .header-navbar .navbar-menu-opened-content .decoration .homewear-list, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-list { padding: 0; margin: 0; } .header-navbar .navbar-menu-opened-content .homewear .homewear-list li, .header-navbar .navbar-menu-opened-content .decoration .homewear-list li, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-list li { list-style: none; } .header-navbar .navbar-menu-opened-content .homewear .homewear-list li a, .header-navbar .navbar-menu-opened-content .decoration .homewear-list li a, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-list li a { font-family: "FuturaStdBook"; font-size: 17px; font-weight: 100; line-height: 2.14; letter-spacing: 0.4px; text-align: left; color: #fff; } .header-navbar .navbar-menu-opened-content .homewear .homewear-list li a:hover, .header-navbar .navbar-menu-opened-content .decoration .homewear-list li a:hover, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-list li a:hover { font-weight: 300; color: #ac0000f0; } .header-navbar .navbar-menu-opened-content .homewear .homewear-img-content, .header-navbar .navbar-menu-opened-content .decoration .homewear-img-content, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-img-content { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .header-navbar .navbar-menu-opened-content .homewear .homewear-img-content .homewear-img-item, .header-navbar .navbar-menu-opened-content .decoration .homewear-img-content .homewear-img-item, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-img-content .homewear-img-item { width: 270px; height: 270px; overflow: hidden; position: relative; z-index: 2; } .header-navbar .navbar-menu-opened-content .homewear .homewear-img-content .homewear-img-item:first-child, .header-navbar .navbar-menu-opened-content .decoration .homewear-img-content .homewear-img-item:first-child, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-img-content .homewear-img-item:first-child { margin-right: 16px; } .header-navbar .navbar-menu-opened-content .homewear .homewear-img-content .homewear-img-item img, .header-navbar .navbar-menu-opened-content .decoration .homewear-img-content .homewear-img-item img, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-img-content .homewear-img-item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 270px; height: 270px; object-fit: cover; z-index: -1; } .header-navbar .navbar-menu-opened-content .homewear .homewear-img-content .homewear-img-text, .header-navbar .navbar-menu-opened-content .decoration .homewear-img-content .homewear-img-text, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-img-content .homewear-img-text { padding: 20px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; position: relative; z-index: 2; } .header-navbar .navbar-menu-opened-content .homewear .homewear-img-content .homewear-img-text h4, .header-navbar .navbar-menu-opened-content .decoration .homewear-img-content .homewear-img-text h4, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-img-content .homewear-img-text h4 { font-family: "FuturaStdBook"; font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; } .header-navbar .navbar-menu-opened-content .homewear .homewear-img-content .homewear-img-text a, .header-navbar .navbar-menu-opened-content .decoration .homewear-img-content .homewear-img-text a, .header-navbar .navbar-menu-opened-content .cadeaux .homewear-img-content .homewear-img-text a { font-family: "FuturaStdBook"; font-size: 17px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; } .header-navbar .navbar-menu-opened-content.styles_et_tendances { padding-top: 0; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container { max-width: 100%; padding: 0; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles, .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances { width: 50%; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .content, .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .content { max-width: 570px; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles h4, .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles a, .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances h4, .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances a { font-family: "FuturaStdBold"; font-size: 16px; line-height: 1.88; letter-spacing: 0.4px; text-align: left; color: #00174f; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles { padding: 30px 16px; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .content { margin: 0 0 0 auto; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content .styles-box-item { width: 175px; height: 175px; background: #ccc; overflow: hidden; position: relative; z-index: 2; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content .styles-box-item:not(:last-child) { margin-right: 16px; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content .styles-box-item img { width: 175px; height: 175px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; z-index: -1; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content .styles-box-item .styles-box-item-text { z-index: 2; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; padding: 20px; position: relative; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content .styles-box-item .styles-box-item-text:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: rgba(0, 0, 0, 0.3); } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content .styles-box-item .styles-box-item-text h4 { font-family: "FuturaStdBook"; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content .styles-box-item .styles-box-item-text .link { font-family: "FuturaStdBook"; font-size: 17px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; width: 100%; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content .styles-box-item .styles-box-item-text .link:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .styles .styles-box-content .styles-box-item .styles-box-item-text .link:hover { -webkit-transform: translateX(5px); transform: translateX(5px); font-family: FuturaStdBold; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances { background: #f5f5f5; padding: 30px 20px; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .content { margin: 0 auto 0 0; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .content .title { font: 16px 'FuturaStdBold'; line-height: 1.88; letter-spacing: 0.4px; color: #00174f; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .content .link-text { display: block; font: 17px "FuturaStdBook"; line-height: 1.88; letter-spacing: 0.4px; color: #00174f; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .content .link-text:hover { background-color: #fff; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .tendances-content { padding-top: 30px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; float: right; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances ul { padding: 0; margin: 0; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances ul li { list-style: none; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances ul li a { font-family: "FuturaStdBook"; font-size: 17px; font-weight: 300; line-height: 1.88; letter-spacing: 0.4px; text-align: left; color: #00174f; cursor: pointer; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .tendances-box-item { width: 175px; height: 175px; background: #ccc; overflow: hidden; position: relative; z-index: 2; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .tendances-box-item img { width: 175px; height: 175px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; z-index: -1; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .tendances-box-item .tendances-box-item-text { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; padding: 20px; position: relative; z-index: 2; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .tendances-box-item .tendances-box-item-text:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: rgba(0, 0, 0, 0.3); } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .tendances-box-item .tendances-box-item-text h4 { font-family: "FuturaStdBook"; font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .tendances-box-item .tendances-box-item-text a { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: inline-block; width: 100%; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .tendances-box-item .tendances-box-item-text a:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .header-navbar .navbar-menu-opened-content.styles_et_tendances .container .styles-tendances .tendances .tendances-box-item .tendances-box-item-text a:hover { -webkit-transform: translateX(5px); transform: translateX(5px); font-family: FuturaStdBold; } @media (max-width: 1300px) { .header-head { padding: 0 25px; } .header-logo-btns .search-content-input { width: 220px !important; } } @media (max-width: 990px) { .header .header-logo-btns { right: 0; width: 35%; -webkit-justify-content: center; justify-content: center; } .header .header-logo-btns .search-content-input { margin: 0 0 0 auto; } .header .header-logo-btns i.shopping { cursor: pointer; } } @media (max-width: 768px) { .header .header-head { padding: 8px 20px; } .header-box .modal-wrapper .modal { width: 300px; } } @media (max-width: 576px) { .header-head { display: none; } .header .header-logo { padding: 30px 10px; position: relative; text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .header .header-logo .menu-btn-content { display: -webkit-flex; display: flex; } .header .header-logo img { width: 150px; } .header .header-logo .menu-btn-content .menu-btn { margin-right: 30px; } .header .header-logo .menu-btn-content .search { font-size: 18px; } .header .header-logo .header-logo-btns { -webkit-transform: translateY(0); transform: translateY(0); width: auto; padding-left: 20px; } .header .header-logo .header-logo-btns i { font-size: 18px; } .header .header-logo .header-logo-btns i.shopping { cursor: pointer; } .header .header-logo .header-logo-btns > i:not(:last-child) { margin-right: 20px; } .header .header-logo .header-logo-btns .search { display: none; } .header .header-navbar { display: none; } } .modal-wrapper { position: relative; z-index: 10; width: 50px; height: 50px; border-radius: 50%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background: white; } .modal-wrapper i { margin: 0; } .modal-wrapper .modal { display: none; position: absolute; background: #fff; right: -25px; width: 350px; top: 70px; } .modal-wrapper .modal .user-info { margin-bottom: 15px; } .modal-wrapper .modal .user-info p { font-size: 18px; margin-bottom: 3px; } .modal-wrapper .modal .user-info p.email { font-weight: bold; } .modal-wrapper .modal::before { content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -9px; right: 40px; } .modal-wrapper .modal .title { font: 900 16px/1 'FuturaStdBold'; color: black; text-transform: uppercase; margin-bottom: 30px; text-align: left; } .modal-wrapper .modal.open { display: block; z-index: 10; } .modal-wrapper .modal .modal-input { text-align: left; padding: 5px 0 10px 0; } .modal-wrapper .modal .modal-input label { font: 300 15px "FuturaStdBook"; letter-spacing: 0.4px; color: white; margin-bottom: 5px; display: inline-block; } .modal-wrapper .modal .modal-input input { border: 1px solid #dcdcdc; padding: 6px 11px; width: 100%; } .modal-wrapper .modal .modal-input.pass { position: relative; } .modal-wrapper .modal .modal-input.pass .icon-pass { position: absolute; right: 4px; line-height: 2.5; } .modal-wrapper .modal .modal-input.pass .icon-pass i { font-size: 16px; cursor: pointer; } .modal-wrapper .modal .text-colored { font: 300 15px "FuturaStdBook"; letter-spacing: 0.4px; text-align: right; color: #00174f; margin-bottom: 10px; display: block; cursor: pointer; } .modal-wrapper .modal .modal-btn { width: 100%; font: 300 15px "FuturaStdBook"; text-transform: uppercase; text-align: center; color: #fff; background: #00174f; padding: 7px 5px; border: none; cursor: pointer; } .modal-wrapper .modal .modal-btn:first-child { margin-bottom: 20px; } .modal-wrapper .modal .modal-btn.disabled { background: #ccc; cursor: default; } .modal-wrapper .modal .modal-btn-social { width: 100%; padding: 7px 5px; border: none; text-align: left; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; cursor: pointer; } .modal-wrapper .modal .modal-btn-social .icon-wrapper { background: #fff; border-radius: 2px; width: 25px; height: 25px; padding: 3px 2px; display: inline-block; } .modal-wrapper .modal .modal-btn-social .icon-wrapper i { font-size: 18px; color: #3b5998; } .modal-wrapper .modal .modal-btn-social .icon-wrapper img { width: 18px; } .modal-wrapper .modal .modal-btn-social .btn-text { display: inline-block; text-align: center; width: calc(100% - 25px); color: #fff; font: 300 12px 'FuturaStdBook'; letter-spacing: 0.4px; } .modal-wrapper .modal .btn-facebook { background: #3b5998; } .modal-wrapper .modal .btn-google { background: #4285f4; } .modal-wrapper .modal-inner { padding: 30px 50px 30px 30px; } .modal-wrapper .modal-footer { padding: 30px 50px 20px 30px; background: #f5f5f5; } .modal-wrapper .modal-footer .modal-btn, .modal-wrapper .modal-footer .modal-btn-social { margin-bottom: 11px; } .connection { max-width: 623px; padding-right: 34px; padding-left: 34px; margin: 40px auto 0; text-align: center; } .connection input:-webkit-autofill, .connection input:-webkit-autofill:hover, .connection input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff inset; } .connection .input-label { font: 300 14px/1.5 "FuturaStdBook"; letter-spacing: 0.4px; text-align: left; color: #00174f; } .connection .title { text-align: center; font: 600 24px 'century-gothic'; letter-spacing: 0.6px; color: white; text-transform: uppercase; margin-bottom: 10px; } .connection a { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #00174f; margin-top: 12px; text-decoration: underline; } .connection p a { text-transform: lowercase; } .connection .connection-content { padding: 40px 0 45px; } .connection .connection-content .connection-gender { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .connection .connection-content .connection-gender .radio-button-box { margin-left: 15px; } .connection .connection-content .connection-gender .radio-button-box label { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-left: 30px; cursor: pointer; position: relative; } .connection .connection-content .connection-gender .radio-button-box label input { width: 0; } .connection .connection-content .connection-gender .radio-button-box label input:checked ~ span:after { opacity: 1; } .connection .connection-content .connection-gender .radio-button-box label span { content: ''; display: block; position: absolute; left: 0; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); min-width: 20px; min-height: 20px; border-radius: 50%; background: #fff; border: 1px solid #dcdcdc; } .connection .connection-content .connection-gender .radio-button-box label span:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 10px; min-height: 10px; border-radius: 50%; background: #00174f; opacity: 0; -webkit-transition: .2s; transition: .2s; } .connection .connection-content .user-name-content { display: -webkit-flex; display: flex; margin-top: 20px; } .connection .connection-content .user-name-content .user-name { text-align: left; } .connection .connection-content .user-name-content .user-lastname { text-align: left; margin-left: 15px; } .connection .connection-content .user-name-content .user-name, .connection .connection-content .user-name-content .user-lastname { max-width: 270px; width: 100%; } .connection .connection-content .email-adress, .connection .connection-content .password-content { text-align: left; margin-top: 20px; } .connection .connection-content .password-content { position: relative; } .connection .connection-content .password-content .input-style { padding-right: 30px; } .connection .connection-content .password-content .icon-pass { position: absolute; right: 7px; bottom: 4px; color: #808080; cursor: pointer; } .connection .connection-content .password-content .icon-pass::before { content: ""; width: 23px; height: 1px; background: #808080; display: block; -webkit-transform: rotate(30deg); transform: rotate(30deg); position: absolute; bottom: 11px; right: 0; } .connection .connection-content .password-content .icon-pass.show::before { display: none; } .connection .connection-content .data-picker { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 20px; } .connection .connection-content .data-picker .error-text { text-align: left; color: red; margin-top: 5px; } .connection .connection-content .data-picker .input-box { margin-top: 0px !important; } .connection .connection-content .data-picker .date-naissance { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-grow: 1; flex-grow: 1; } .connection .connection-content .data-picker .date-naissance .field { margin: 0 !important; } .connection .connection-content .data-picker .date-naissance span { margin: 0 10px; } .connection .connection-content .data-picker .date-naissance i { margin-left: 20px; font-size: 17px; } .connection .connection-content .data-picker .date-naissance ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-align: center; } .connection .connection-content .data-picker .date-naissance ::-moz-placeholder { /* Firefox 19+ */ text-align: center; } .connection .connection-content .data-picker .date-naissance :-ms-input-placeholder { /* IE 10+ */ text-align: center; } .connection .connection-content .data-picker .date-naissance :-moz-placeholder { /* Firefox 18- */ text-align: center; } .connection .connection-content .data-picker .date-naissance .input-style { padding: 0; border: none; } .connection .connection-content .data-picker .date-naissance .input-style input { padding: 5px 3px; text-align: center; font: 14px "FuturaStdBook"; } .connection .connection-content .data-picker .date-naissance .input-style:nth-child(1) input { width: 37px; } .connection .connection-content .data-picker .date-naissance .input-style:nth-child(3) input { width: 45px; } .connection .connection-content .data-picker .date-naissance .input-style:nth-child(5) input { width: 62px; } .connection .connection-content .data-picker .data-picker-select { width: 100%; max-width: 269px; } .connection .main-btn { margin-top: 50px; padding: 10px 25px 6px; } .connection .spinner-btn-wrapper { display: -webkit-flex; display: flex; margin: 50px auto 0; } .connection .spinner-btn-wrapper-text { margin-left: 15px; } @media (max-width: 576px) { .connection { border-top: 1px solid #dcdcdc; margin-top: 0; padding-top: 50px; padding-bottom: 45px; position: relative; } .connection .connection-content .user-name-content { -webkit-flex-direction: column; flex-direction: column; } .connection .connection-content .user-name-content .user-name, .connection .connection-content .user-name-content .user-lastname { max-width: 100%; margin-left: 0; } .connection .connection-content .user-name-content .user-lastname { margin-top: 20px; } .connection .connection-content .data-picker { -webkit-flex-direction: column; flex-direction: column; } .connection .connection-content .data-picker .data-picker-select { margin-top: 20px; max-width: 100%; } .connection .connection-content .data-picker div:first-child { width: 100%; } .connection .signup-link { position: absolute; bottom: 40px; width: 100%; left: 0; padding: 0 34px; } .connection .main-btn { margin-top: 30px; width: 100%; padding: 15px 25px 12px; } .connection .title { text-transform: capitalize; } } .massegBox { padding: 30px 0 70px 0; font-size: 18px; } .connection-checkbox { padding-left: 26px; position: relative; display: block; margin-top: 20px; } .connection-checkbox input { display: none; } .connection-checkbox input:checked ~ span:after { opacity: 1; } .connection-checkbox span { width: 14px; height: 14px; border: 1px solid #dcdcdc; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #ffffff; } .connection-checkbox span:after { content: ''; width: 6px; height: 6px; background: #00174f; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition: .2s; transition: .2s; } .connection-checkbox p { text-align: left; } .connection-checkbox p a { color: #00174f; } .location-adres-item-group-btn { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; } @media (max-width: 768px) { .location-adres-item-group-btn { -webkit-align-items: stretch; align-items: stretch; } } @media (max-width: 589px) { .location-adres-item-group-btn { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .location-adres-item-group-btn > .location-adres-item-btn:first-child { margin: 5px 0 !important; } .location-adres-item-group-btn > .location-adres-item-btn:last-child { margin: 5px !important; } @media (max-width: 589px) { .location-adres-item-group-btn > .location-adres-item-btn:last-child { margin: 5px 0 !important; } } @media (max-width: 768px) { .location-adres-item-group-btn > .location-adres-item-btn { width: 75% !important; height: auto; } } .TimeBox { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; font-size: 16px; } .TimeBox div:first-of-type { min-width: 70px; } .TimeBox div:last-of-type { -webkit-flex-grow: 1; flex-grow: 1; } .location { display: -webkit-flex; display: flex; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 11; } @media (max-width: 500px) { .location { background: rgba(69, 63, 56, 0.8); } } .location .location-content { width: 1250px; height: 650px; margin: auto; background: white; z-index: 2; position: relative; } .location .location-content .location-content-head { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; position: absolute; top: -40px; left: 0; width: 100%; } .location .location-content .location-content-head h4 { font-family: century-gothic; font-size: 34px; font-weight: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: #ffffff; } @media (max-width: 500px) { .location .location-content .location-content-head h4 { font-size: 16px; margin-left: 20px; margin-top: 10px; } } .location .location-content .location-content-head img { color: #fff; margin-right: 40px; margin-top: 10px; cursor: pointer; } .location .location-content .location-map { width: 100%; height: 100%; overflow: hidden; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 920px) { .location .location-content .location-map { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .location .location-content .location-map--item.map { position: relative; width: 70%; height: 100%; } @media (max-width: 920px) { .location .location-content .location-map--item.map { width: 100%; margin-top: 114px; height: calc(100% - 324px); } } .location .location-content .location-map--item.info { width: 30%; height: -webkit-fill-available; } @media (max-width: 920px) { .location .location-content .location-map--item.info { width: 100%; height: auto; } } .location .location-content .location-map--item.info .location-wrapper-item.submitBox { height: 124px; } @media (max-width: 920px) { .location .location-content .location-map--item.info .location-wrapper-item.submitBox { height: 100%; } } .location .location-content .location-map--item.info .location-wrapper-item.infoArea { height: calc(100% - 124px); } @media (max-width: 920px) { .location .location-content .location-map--item.info .location-wrapper-item.infoArea { height: 200px; } } @media (max-width: 1000px) { .location .location-content .location-map--item.info .location-wrapper-item { width: 100%; } } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search { position: absolute; bottom: 0; padding: 5px 10px; background: rgba(0, 23, 79, 0.8); } @media (max-width: 1000px) { .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search { margin: 0 auto; } } @media (max-width: 920px) { .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search { top: 0; width: 100%; height: 114px; } } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search > h4 { font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; line-height: 1.88; letter-spacing: normal; text-align: left; color: #ffffff; } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search .location-wrapper-item-search-content { margin-top: 16px; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; -webkit-justify-content: space-between; justify-content: space-between; } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search .location-wrapper-item-search-content > input { border: 0; border-bottom: 1px solid #ffffff; background: none; color: #ffffff; } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search .location-wrapper-item-search-content > input::-webkit-input-placeholder { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search .location-wrapper-item-search-content > input::-ms-input-placeholder { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search .location-wrapper-item-search-content > input::placeholder { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search .location-wrapper-item-search-content .location-wrapper-item-search-icon { width: 30px; height: 30px; display: -webkit-flex; display: flex; border: 1px solid #00174f; cursor: pointer; } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search .location-wrapper-item-search-content .location-wrapper-item-search-icon i { color: #ffffff; margin: auto; line-height: 1; } .location .location-content .location-map--item.info .location-wrapper-item .location-wrapper-item-search .location-wrapper-item-search-content .location-wrapper-item-search-btn { background: #00174f; padding: 8px; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; width: 100%; text-align: center; color: #ffffff; padding: 5px 15px; cursor: pointer; border-color: transparent; } .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content { width: 100%; height: 100%; overflow-y: scroll; } @media (max-width: 500px) { .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content { margin: 0; } } .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content .location-adres-item { width: 100%; background: white; padding: 20px 20px; } @media (max-width: 920px) { .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content .location-adres-item { padding: 0px 20px; } } @media (max-width: 768px) { .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content .location-adres-item { padding: 0px 20px; } } @media (max-width: 500px) { .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content .location-adres-item { padding: 0px 20px; } } .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content .location-adres-item > h4 { font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; } .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content .location-adres-item .location-adres-text-content p, .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content .location-adres-item .location-adres-text-content h6 { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; } .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content .location-adres-item .location-adres-item-btn { width: 260px; height: 30px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #00174f; color: white; margin: 14px auto 0 auto; cursor: pointer; border-color: transparent; } .location .location-content .location-map--item.info .location-wrapper-item .location-addres-content .location-adres-item .span-message { color: green; text-align: center; } .typo { font-family: FuturaStdBook !important; font-size: 16px !important; } .black { font-weight: bold !important; } .footer .footer-content { background: #ca1334; padding: 50px 0; } .footer .footer-content .services-img { position: relative; width: 365px; height: 205px; overflow: hidden; } .footer .footer-content .services-img-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 63, 225, 0.3); padding: 40px 46px 30px 41px; } .footer .footer-content .services-img-text h4 { color: #fff; font-size: 24px; text-transform: uppercase; font-weight: 300; font-family: 'FuturaStdBold'; letter-spacing: 0.6px; line-height: 1; } .footer .footer-content .services-img-text p { color: #fff; font-size: 15px; margin: 15px 0 20px 0; } .footer .footer-content .services-img-text a { color: #fff; font-size: 15px; padding-bottom: 15px; font-weight: bold; position: relative; } .footer .footer-content .services-img-text a:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .footer .footer-content .services-img > img { width: 100%; height: 100%; object-fit: cover; } .footer .footer-content .services-links { padding: 0; margin: 0 0 0 30px; } .footer .footer-content .services-links li { list-style: none; font-size: 16px; } .footer .footer-content .services-links li:first-child { font-size: 16px; font-family: 'FuturaStdBold'; text-transform: uppercase; color: white; } .footer .footer-content .services-links li:not(:last-child) { margin-bottom: 10px; } .footer .footer-content .services-links li a { color: white; } .footer .footer-content .contact { width: 35%; } .footer .footer-content .contact h4 { font-size: 15px; text-transform: uppercase; color: white; font-family: 'FuturaStdBold'; } .footer .footer-content .contact h4:first-of-type { font-size: 16px; } .footer .footer-content .contact h4:first-child { margin-bottom: 25px; } .footer .footer-content .contact h4:last-child { margin-bottom: 16px; } .footer .footer-content .contact .Span { opacity: 0; position: absolute; top: 0; left: 0; z-index: -10; padding: 4px 0; border: 0; background: transparent; border-bottom: 1px solid white; width: 250px; } .footer .footer-content .contact .email { padding: 4px 0; border: 0; background: transparent; border-bottom: 1px solid white; width: 250px; } .footer .footer-content .contact .email::-webkit-input-placeholder { color: #cacaca; opacity: 1; } .footer .footer-content .contact .email::-ms-input-placeholder { color: #cacaca; opacity: 1; } .footer .footer-content .contact .email::placeholder { color: #cacaca; opacity: 1; } .footer .footer-content .contact .email:-ms-input-placeholder { color: #cacaca; } .footer .footer-content .contact .email:-ms-input-placeholder { color: #cacaca; } .footer .footer-content .contact .contact-check { margin: 20px 0 29px 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .footer .footer-content .contact .contact-check .connection-checkbox { margin-top: 0px; } .footer .footer-content .contact .contact-check .connection-checkbox p { color: white; } .footer .footer-content .contact .contact-check .ui.checkbox label { padding-left: 20px; } .footer .footer-content .contact .contact-check .ui.checkbox label::before { width: 14px; height: 14px; border-radius: 0; border-color: white; } .footer .footer-content .contact .contact-check .ui.checkbox label::after { top: -1px; width: 14px; height: 14px; } .footer .footer-content .contact .contact-check .ui.checkbox.error label { color: red; } .footer .footer-content .contact .subscribe-btn { color: white; font: 15px "FuturaStdBook"; padding: 0 0 10px; position: relative; border: none; background: transparent; cursor: pointer; text-transform: capitalize; } .footer .footer-content .contact .subscribe-btn:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .footer .footer-content .contact hr { margin: 17px 0 24px 0; } .footer .footer-content .contact .social { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .footer .footer-content .contact .social .social-item { width: 30px; height: 30px; border-radius: 50%; background: black; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-top: 15px; cursor: pointer; } .footer .footer-content .contact .social .social-item:first-child { margin-right: 10px; } .footer .footer-content .contact .social .social-item a { font-size: 18px; color: #fff; margin: auto; line-height: 1; } .footer .footer-content .contact .social .social-item a i { margin-right: 0; } .footer .copy-right { background: #00174f; padding: 16px 0; color: #fff; } .footer .copy-right > .d-between { -webkit-align-items: flex-start; align-items: flex-start; } .footer .copy-right .copy-right { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin: 0; padding: 0; } .footer .copy-right .copy-right li { list-style: none; } .footer .copy-right .copy-right li:not(:last-child) { margin-right: 48px; } .footer .copy-right .copy-right li a { color: #fff; } .footer-content-mobile { display: none; } .search { background: #f5f5f5; height: 300px; position: relative; } .search > img { position: absolute; top: 0; left: 0; width: 100%; height: 300px; object-fit: cover; opacity: 1; } .search .container { height: 100%; } .search-content { text-align: center; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; position: relative; } .search-content h4 { width: 530px; font-family: FuturaStdBold; margin: 0 auto 21px auto; font-size: 34px; line-height: 1.12; letter-spacing: normal; text-align: center; color: #00174f; } .search-content-input { width: 404px; margin: 0 auto; padding: 23px 20px; background: #00174f; } .search-content-input input { -webkit-flex-grow: 1; flex-grow: 1; height: 100%; border: 0; background-color: transparent; border-bottom: 1px solid #fff; color: #fff; } .search-content-input input::-webkit-input-placeholder { color: #fff; } .search-content-input input::-ms-input-placeholder { color: #fff; } .search-content-input input::placeholder { color: #fff; } .search-content-input-btn { height: 100%; border-bottom: 1px solid #fff; display: -webkit-flex; display: flex; cursor: pointer; padding-bottom: 5px; } .search-content-input-btn i { margin: auto; padding: 0; background: transparent; color: white; line-height: 1; } .about { padding: 39px 0; } .about-item { text-align: center; margin: 0 50px; } .about-item img { margin-bottom: 17px; } .about-item h4 { font-size: 15px; font-weight: bold; font-family: "FuturaStdBook"; color: #00174f; text-transform: uppercase; } @media (max-width: 768px) { .footer .footer-content { display: none; } .footer .footer-content .d-between { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } .footer .copy-right .d-between { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } .footer .about { padding: 0; } .footer .about .d-around { -webkit-flex-direction: column; flex-direction: column; } .footer .about .d-around .about-item { margin: 25px 0 !important; } .footer .footer-content-mobile { display: block; margin: 0px 34px 20px; padding: 0px 0; } .footer .footer-content-mobile .services-img { position: relative; max-width: 300px; margin: 10px auto; height: 205px; overflow: hidden; } .footer .footer-content-mobile .services-img-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); padding: 40px 25px 30px 25px; } .footer .footer-content-mobile .services-img-text h4 { color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 300; font-family: century-gothic; } .footer .footer-content-mobile .services-img-text p { padding-left: 0px; color: #fff; font-size: 15px; margin: 10px 0 15px 0; } .footer .footer-content-mobile .services-img-text a { color: #fff; font-size: 15px; padding-bottom: 10px; position: relative; margin-left: 0px; } .footer .footer-content-mobile .services-img-text a:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .footer .footer-content-mobile .services-img > img { width: 100%; height: 100%; object-fit: cover; } .footer .footer-content-mobile .accordion { border: 0 !important; padding: 0 !important; box-shadow: none !important; width: 310px; margin: 0 auto; } .footer .footer-content-mobile .accordion .title { padding: 25px 0 !important; border-bottom: 1px solid white; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .footer .footer-content-mobile .accordion .services-links { padding: 0; } .footer .footer-content-mobile .accordion .services-links li { list-style: none; font-size: 15px; } .footer .footer-content-mobile .accordion .services-links li:not(:last-child) { margin-bottom: 10px; } .footer .footer-content-mobile .accordion .services-links li a { color: black; } .footer .footer-content-mobile .accordion .social { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .footer .footer-content-mobile .accordion .social .social-item { width: 30px; height: 30px; border-radius: 50%; background: black; display: -webkit-flex; display: flex; margin-top: 15px; cursor: pointer; } .footer .footer-content-mobile .accordion .social .social-item i { margin: 0; } .footer .footer-content-mobile .accordion .social .social-item:first-child { margin-right: 10px; } .footer .footer-content-mobile .accordion .social .social-item a { font-size: 18px; color: #fff; margin: auto; line-height: 1; } .footer .footer-content-mobile .accordion .contact h4 { font-size: 15px; text-transform: uppercase; } .footer .footer-content-mobile .accordion .contact h4:first-child { margin-bottom: 25px; } .footer .footer-content-mobile .accordion .contact h4:last-child { margin-bottom: 16px; } .footer .footer-content-mobile .accordion .contact .email { padding: 4px 0; border: 0; background: transparent; border-bottom: 1px solid white; width: 250px; } .footer .footer-content-mobile .accordion .contact .contact-check { margin: 20px 0 23px 0; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; } .footer .footer-content-mobile .accordion .contact .contact-check #contact-check-input { display: none; } .footer .footer-content-mobile .accordion .contact .contact-check #contact-check-input:checked ~ label:before { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .footer .footer-content-mobile .accordion .contact .contact-check > label { display: inline-block; min-width: 14px; min-height: 14px; border: 1px solid white; margin-right: 5px; position: relative; cursor: pointer; } .footer .footer-content-mobile .accordion .contact .contact-check > label:before { content: ''; min-width: 6px; min-height: 6px; background: white; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); z-index: 2; -webkit-transition: .2s; transition: .2s; border-radius: 0 !important; } .footer .footer-content-mobile .accordion .contact a { color: white; font-size: 15px; padding-bottom: 10px; position: relative; margin-left: 20px; } .footer .footer-content-mobile .accordion .contact a:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .footer .footer-content-mobile .accordion .contact hr { margin: 17px 0 24px 0; } .footer .search-content-input { width: 341px; background: rgba(255, 255, 255, 0.8); display: -webkit-flex; display: flex; } .footer .search-content-input input { color: white; border-color: white; } .footer .search-content-input input::-webkit-input-placeholder { color: white; } .footer .search-content-input input::-ms-input-placeholder { color: white; } .footer .search-content-input input::placeholder { color: white; } .footer .search-content-input .search-content-input-btn { border-color: white; } .footer .search-content-input .search-content-input-btn i { color: white; } .footer .footer { background: #f5f5f5; } .footer .copy-right .d-between { -webkit-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .footer .copy-right .d-between > div { width: 100%; text-align: left; margin-top: 42px; } .footer .copy-right .d-between .copy-right { -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; margin: 0; width: 100%; } .footer .copy-right .d-between .copy-right li { padding: 5px 0; } } @media (max-width: 920px) { .footer .search .search-content .search-content-input { display: -webkit-flex; display: flex; width: 100%; } } .modal-container { height: 480px; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; z-index: 10; max-width: 1000px; width: 90%; min-width: 300px; } .modal-container.discount { width: 47%; } @media (max-width: 935px) { .modal-container.discount { width: 90%; } } .modal-container .x { position: absolute; right: 10px; top: 10px; cursor: pointer; } .contentpopup { height: 100%; padding: 35px 20px 15px; width: 100%; background: rgba(34, 34, 34, 0.7); display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; background: white; box-shadow: 0 2px 7px rgba(34, 34, 34, 0.4); } @media (max-width: 935px) { .contentpopup { -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 85%; } } @media (max-width: 625px) { .contentpopup { -webkit-flex-direction: column; flex-direction: column; height: 85%; } } .contentpopup .modal-left { width: 60%; } @media (max-width: 768px) { .contentpopup .modal-left { width: 76%; margin: 0 auto; } .contentpopup .modal-left.discount { width: 100%; } } .contentpopup .modal-left .modal-footer { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; } @media (max-width: 768px) { .contentpopup .modal-left .modal-footer { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } } .contentpopup .modal-left .no-thanks { text-decoration: underline; color: black; margin-top: 15px; font-family: FuturaStdBook; } .contentpopup .modal-left .no-thanks p { font-size: 14px; } .contentpopup .modal-left .no-thanks:hover { color: #00174f; cursor: pointer; } @media (max-width: 935px) { .contentpopup .modal-left .no-thanks { margin-right: 0; } } .contentpopup .modal-left .activez-btn { margin: 0; padding: 0; background-color: #00174f; } .contentpopup .modal-left .activez-btn .activez p { width: 180px; font-size: 16px; margin: 0; text-align: center; padding: 15px 10px; color: #fff; font-family: FuturaStdBook; } .contentpopup .modal-right { width: 40%; min-width: 200px; padding-left: 20px; -webkit-align-self: stretch; align-self: stretch; } .contentpopup .modal-right img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 768px) { .contentpopup .modal-right { display: none; } .contentpopup .modal-right.discount { display: block; width: 100%; padding: 0; } } .contentpopup .modal-title p { font-weight: bold; font-size: 2rem; font-family: FuturaStdBook; } .contentpopup p { text-align: left; text-transform: uppercase; margin-bottom: 10px; font-size: 15px; font-family: FuturaStdBook; } .contentpopup .contentpopup-buttons { display: -webkit-flex; display: flex; margin: 20px 0; -webkit-align-items: baseline; align-items: baseline; } @media (max-width: 935px) { .contentpopup .contentpopup-buttons { -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } } @media (max-width: 768px) { .contentpopup .contentpopup-buttons { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .contentpopup .contentpopup-buttons .modal-input { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .contentpopup .contentpopup-buttons .modal-input input { padding: 13px 25px; font-size: 18px; background-color: transparent; border: 1px solid black; max-width: 300px; width: 100%; font-family: FuturaStdBook; } .contentpopup .contentpopup-buttons .modal-input .error-text { margin-top: 3px; display: block; color: red; text-align: center; font-family: FuturaStdBook; width: 80%; } .contentpopup .contentpopup-buttons .modal-input .success { color: green !important; } .contentpopup .contentpopup-buttons .modal-input-button { margin-left: 30px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } @media (max-width: 935px) { .contentpopup .contentpopup-buttons .modal-input-button { margin-left: 0; margin-top: 20px; } } .contentpopup .contentpopup-buttons .modal-input-button .no-thanks { text-decoration: underline; margin-right: -115px; color: black; margin-top: 15px; font-family: FuturaStdBook; } .contentpopup .contentpopup-buttons .modal-input-button .no-thanks p { font-size: 14px; } .contentpopup .contentpopup-buttons .modal-input-button .no-thanks:hover { color: #00174f; cursor: pointer; } @media (max-width: 935px) { .contentpopup .contentpopup-buttons .modal-input-button .no-thanks { margin-right: 0; } } .contentpopup .contentpopup-buttons .modal-input-button .activez-btn { margin: 0; padding: 0; background-color: #00174f; } .contentpopup .contentpopup-buttons .modal-input-button .activez-btn .activez p { width: 180px; font-size: 16px; margin: 0; text-align: center; padding: 15px 10px; color: #fff; font-family: FuturaStdBook; } .contentpopup .contentpopup-buttons button { padding: 7px 25px; background: white; box-shadow: 0 2px 5px rgba(34, 34, 34, 0.3); border: 0; margin-top: 15px; cursor: pointer; -webkit-transition: .2s; transition: .2s; } .contentpopup .contentpopup-buttons button:last-child { margin-left: 15px; } .recommendedSlidercontent .swiper-pagination { display: none; } .recommendedSlidercontent .swiper-slide { -webkit-flex-shrink: unset !important; flex-shrink: unset !important; } .recommendedSlidercontent .swiper-container .swiper-wrapper { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .recommendedSlidercontent--title { font-family: century-gothic; font-size: 34px; line-height: 0.88; text-align: center; text-transform: uppercase; color: white; padding: 30px 0; } .recommendedSlidercontent .product-item .info-box .front .product-price span:not(.price-text) .old-price { margin: 0 10px 0 5px; } .vertical-slider { max-height: 384px; border: solid 2px #dcdcdc; margin: 0 5px; width: 84px; } .vertical-slider.withoutArrows .swiper-button-prev, .vertical-slider.withoutArrows .swiper-button-next { display: none; } @media (max-width: 1100px) { .vertical-slider { max-height: 700px; } } @media (max-width: 920px) { .vertical-slider { display: none; } } .vertical-slider .swiper-container { max-height: 306px; } .vertical-slider--title { font-size: 16px; text-align: center; background-color: #dcdcdc; padding: 5px 10px; } .vertical-slider--products--item { margin: 5px; } .vertical-slider--products--item .isSale { bottom: 0; left: 0; z-index: 2; right: 0; margin: auto; width: auto; } .vertical-slider--products--item img { width: 100%; } .vertical-slider .swiper-button-prev { top: 0px; left: 0; right: 0; margin: auto; width: 100%; background-color: #ffffffb8; cursor: pointer; } .vertical-slider .swiper-button-prev:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .vertical-slider .swiper-button-next { bottom: 0; top: auto; left: 0; right: 0; padding: 0; margin: 0 auto; width: 100%; cursor: pointer; background-color: #ffffffb8; } .vertical-slider .swiper-button-next:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .vertical-slider .swiper-container-vertical > .swiper-pagination-bullets { display: none; } .recommendedParnetBox { display: -webkit-flex !important; display: flex !important; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: flex-start; align-items: flex-start; } @media (max-width: 920px) { .recommendedParnetBox { display: block !important; } } .swiper-button-prev, .swiper-button-next { color: #b3b3b1; } .swiper-button-prev:hover, .swiper-button-next:hover { color: #6a6a6a; } .swiper-pagination-bullet { width: 16px; height: 16px; background-color: #6a6a6a; border: 1px solid #6a6a6a; opacity: 1; } .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; height: 20px; background-color: #fff; } .home-slider { height: auto; } .home-slider .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; right: 0; margin: auto; width: 80px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .home-slider-img { max-height: 570px; } .home-slider-img img { width: 100%; height: 100%; } @media (max-width: 576px) { .home-slider-img img { height: 200px; } } @media (max-width: 720px) { .home-slider-img { max-height: 300px; } } @media (max-width: 576px) { .home-slider-img { overflow: visible; } } @media (max-width: 587px) { .home-slider-img { max-height: 200px; } } .home-slider-banner { height: 570px; } .home-slider-banner.swiper-slide-active { height: auto; } @media (max-width: 720px) { .home-slider-banner { height: 300px; } .home-slider-banner.swiper-slide-active { height: auto; } } @media (max-width: 576px) { .home-slider-banner { overflow: visible; } } @media (max-width: 587px) { .home-slider-banner { height: 200px; } .home-slider-banner.swiper-slide-active { height: auto; } } .home-slider-banner.swiper-slide-active { height: auto; } .home-slider-video { position: relative; overflow: hidden; width: 100%; max-height: 570px; } .home-slider-video::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 15; cursor: pointer; } @media (max-width: 720px) { .home-slider-video { max-height: 300px; } .home-slider-video:before { content: unset; position: relative; width: 0; height: 0; } } @media (max-width: 587px) { .home-slider-video { height: 200px; max-height: 200px; } } .home-slider-video iframe { width: 100% !important; height: 570px !important; border: 0; max-height: 570px; } @media (max-width: 720px) { .home-slider-video iframe { max-height: 300px; } } @media (max-width: 587px) { .home-slider-video iframe { max-height: 200px; } } .banner { position: relative; min-height: 570px; overflow: hidden; } @media (max-width: 576px) { .banner.singleBanner { min-height: auto; } } .banner img { width: 100%; height: 570px; position: absolute; top: 0; left: 0; object-fit: fill; } .banner .promotionImg { height: auto; } .banner-content { padding: 10px 45px 10px 39px; background-color: rgba(64, 62, 57, 0.4); width: 100%; position: absolute; top: 0; left: 0; color: #fff; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; } .banner-content.no-text { background-color: transparent; } .banner-content.promo { background-color: transparent; } .banner-content .sub-title { font: 20px "FuturaStdBook"; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; } .banner-content .title { font: 34px "FuturaStdBook"; color: #00174f; font-weight: bold; margin-bottom: 38.5px; text-transform: uppercase; } .banner-content .description { font: bold 16px/1.5 "FuturaStdBook"; margin-bottom: 35px; letter-spacing: 0.35px; width: 400px; margin-left: 10px; } .banner-content .link { color: #00174f; font-size: 15px; padding-bottom: 10px; position: relative; font-weight: bold; } .banner-content .link:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .category { padding: 25px 0 30px 0; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 1200px) { .category { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .category-item { margin: 8px; width: calc(100%/3 - 16px); } @media (max-width: 920px) { .category-item { width: 100%; margin: 0; } .category-item:last-of-type { margin: 0; } .category-item:not(:last-of-type) { margin-bottom: 15px; } } @media (max-width: 400px) { .category-item { width: 100%; } } .category-item:last-of-type { margin-right: 0; } .category-item-img { width: 100%; height: 365px; position: relative; overflow: hidden; } @media (max-width: 920px) { .category-item-img { height: 300px; } } .category-item-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 365px; object-fit: cover; z-index: -1; } .category-item-img-text { position: absolute; bottom: -50%; left: 0; padding: 46px 50px 33px 50px; background: rgba(0, 0, 0, 0.3); color: #fff; opacity: 0; -webkit-transition: .4s; transition: .4s; z-index: 1; font-weight: 100; width: 100%; } .category-item:hover .category-item-img-text { bottom: 0; opacity: 1; } .category-item-name { font-size: 24px; text-transform: uppercase; margin: 11.5px 0 8.5px 0; color: #00174f; font-family: "FuturaStdBook"; } .category-item .link { color: #00174f; font-size: 15px; padding-bottom: 10px; position: relative; font-weight: 100; } .category-item .link:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } @media (max-width: 768px) { .category-item .link:before { margin-bottom: 10px; } } .spirit { padding: 45px 0; background: #f5f5f5; } .spirit-content { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; } .spirit-content h5 { font-size: 18px; font-weight: 100; text-transform: uppercase; } .spirit-content h2 { font-size: 34px; margin-bottom: 21px; text-transform: uppercase; font-family: 'century-gothic'; } .spirit-content-text { padding: 25px 30px; font-size: 18px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; } .spirit-content-links a { width: 210px; position: relative; font-size: 25px; text-align: center; text-transform: uppercase; padding-bottom: 22px; color: black; line-height: 1.2; margin: 0 10px; font-family: century-gothic; } .spirit-content-links a:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; margin-left: 90px; height: 5px; background-color: #cc0c2f; } .spirit-img { min-width: 450px; max-height: 460px; } .spirit-img img { width: 100%; } .spirit-content { max-width: 100%; font-family: FuturaStdBold; } .spirit-content p { color: #00174f !important; font-family: FuturaStdBook !important; } .spirit-content-mobile { display: none; } @media (max-width: 1200px) { .category { -webkit-justify-content: center; justify-content: center; -webkit-align-items: stretch; align-items: stretch; } .spirit-content-links { -webkit-justify-content: center; justify-content: center; margin-bottom: 20px; } .spirit .dflex { -webkit-flex-direction: column; flex-direction: column; } .spirit-img { max-width: 450px; margin: 0 auto; } } @media (max-width: 920px) { .category { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; max-width: 440px; margin: auto; } } @media (max-width: 768px) { .category { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } .spirit { margin-bottom: 40px; } .spirit-content-text { padding: 20px 25px 35px; } .spirit-img { display: none; } } @media (max-width: 576px) { .spirit-content { display: none; } .banner img { height: 235px; position: static; object-fit: contain; } .banner .banner-content { position: relative; top: auto; bottom: auto; left: auto; right: auto; width: 100%; background: transparent; padding: 0 0; margin: 45px 0; height: -webkit-max-content; height: -moz-max-content; height: max-content; } .banner .banner-content .sub-title { color: #00174f; font: 11px "FuturaStdBook"; } .banner .banner-content .title { color: #00174f; font: 26px 'century-gothic'; margin-bottom: 18px; } .banner .banner-content .description { color: #00174f; margin-bottom: 30px; } .banner .banner-content .link { color: black; } } @media (max-width: 768px) { .category { -webkit-flex-direction: column; flex-direction: column; } .spirit-content { display: none; } .spirit-content-mobile { display: block; padding: 30px 0 40px 0; color: #00174f; } .spirit-content-mobile h5 { line-height: 1; } .spirit-content-mobile h5 p { line-height: 1; font-size: 20px; text-transform: uppercase; } .spirit-content-mobile h2 { line-height: 1; } .spirit-content-mobile h2 p { line-height: 1; font-size: 33px; text-transform: uppercase; } .spirit-content-mobile .spirit-content-mobile-wrapper { padding: 25px; border: 1px solid #00174f; margin: 20px auto 0 auto; } .spirit-content-mobile .spirit-content-mobile-wrapper .aws-sld__bullets { z-index: 2; bottom: 0; } .spirit-content-mobile .spirit-content-mobile-wrapper .aws-sld__bullets button { width: 10px; height: 10px; background: #ffffff; border: 1px solid #00174f; } .spirit-content-mobile .spirit-content-mobile-wrapper .aws-sld__bullets button.aws-sld__bullets--active { -webkit-transform: scale(1); transform: scale(1); background: #00174f; } .spirit-content-mobile .spirit-content-mobile-wrapper .spirit-content-text { padding: 0; border: 0; } .spirit-content-mobile .spirit-content-mobile-wrapper .spirit-content-mobile { padding: 0; border: 0; } .spirit-content-mobile .spirit-content-mobile-wrapper .aws-sld__wrapper { border: 0; } .spirit-content-mobile .aws-sld__container .aws-sld__content { background-color: #f5f5f5; } .spirit-content-mobile .aws-sld__container .aws-sld__box { background: #f5f5f5; background-color: transparent; } .spirit-content-mobile .aws-sld__container .aws-sld__box a { font-family: century-gothic; width: 180px; display: block; font-size: 24px; font-weight: normal; line-height: 1.08; letter-spacing: 0.6px; text-align: center; margin: 10px auto; color: #00174f; } .spirit-content-text { padding: 20px 25px 35px; } .spirit-img { display: none; } } @media (max-width: 576px) { .category { -webkit-align-items: center; align-items: center; } } .description-luxury-text-title p { font-size: 24px; text-transform: uppercase; margin: 20px 0 20px 0; padding: 76px 25px 35px; text-align: center; font-family: "FuturaStdBook"; } .paragraph-content { font-family: FuturaStdBook; font-size: 16px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; margin: 0 0 0 20px; } .ui.accordion .title:not(.ui) { font-family: FuturaStdBook !important; line-height: 1.88; font-size: 17px; color: #00174f; text-align: left; text-transform: uppercase; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 25px 0px; margin-left: 20px; border-bottom: 1px solid #d4d4d4; } .ui.accordion .title:not(.ui).active { border-bottom: 0; } i.icon.plus:before { display: inline-block; opacity: 1; width: 1.18em; height: 1em; font-family: Icons; font-style: normal; font-weight: 400; text-align: center; speak: none; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin: 0px 0.25rem 0px 0px; text-decoration: inherit; } .product-section .product-content.product-content-sm-product .product-item { width: 216px; margin: 5px 5px 40px; } .product-section .product-content.product-content-sm-product .product-item .info-box { min-height: 100px; } .product-section .product-content.product-content-sm-product .product-item .info-box .front .product-title { padding: 10px 24px 3px; text-align: center; } .product-section .product-content.product-content-sm-product .product-item .info-box .front .product-categorye-name { line-height: 1; } .product-section .product-content.product-content-sm-product .product-item .info-box .front .product-price { margin: 0 15px; } .product-section .product-content.product-content-sm-product .product-item .info-box .front .product-price span { font-size: 15px; } .product-section .product-content.product-content-sm-product .product-item .info-box .back { padding: 24px 10px; } .product-section .product-content.product-content-sm-product .product-item .product-item-img { height: 216px; position: relative; } .product-section .product-content.product-content-sm-product .product-item .product-item-img-text .product-title { text-align: center; padding: 0 10px; } .flex-box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; } .flex-column { -webkit-flex-direction: column; flex-direction: column; } .product-info-box .text-block { font: 300 15px/1.5 "FuturaStdBook"; letter-spacing: 0.4px; text-align: left; margin-bottom: 25px; } .product-info-box .text-title-wrapper { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .product-info-box .text-title-wrapper .expand-btn { display: none; margin-bottom: 25px; } .product-info-box .text-title-wrapper .expand-btn::before, .product-info-box .text-title-wrapper .expand-btn::after { content: ''; background: #707070; display: block; width: 13px; height: 1px; } .product-info-box .text-title-wrapper .expand-btn::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .product-info-box .text-wrapper.open .expand-btn::after { display: none; } .product-info-box .text-title { text-transform: uppercase; } .product-info-box .title-brd { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: 0 auto 35px; font: 300 15px/1.5 "FuturaStdBook"; letter-spacing: 0.4px; } .product-info-box .title-brd::after { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .white-product-info-box { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #fff; background-color: #fff; } .jardin-secret-box { background: url(/tommy-hilfiger/static/media/jardinsecretBg.22f0727e.svg) top right/97% no-repeat; } .jardin-secret-box .box-1 { max-width: calc(100% - 475px); } .jardin-secret-box .box-1 img { margin: 0 auto 14px 0; display: block; width: auto; height: 125px; } .jardin-secret-box .box-2 { max-width: 445px; width: 100%; } .jardin-secret-box .box-2 .first_pic { width: 65%; height: auto; } .jardin-secret-box .box-2 .right-block { width: 30%; } .jardin-secret-box .box-2 .right-block .second_pic { width: 100%; max-height: 134px; } .jardin-secret-box .info-box { margin-bottom: 34px; } .ors-et-argent { background: url(/tommy-hilfiger/static/media/grey-background.d41d8cd9.webp) top right/cover no-repeat; } @media only screen and (max-width: 991px) { .jardin-secret-box .box-1 { max-width: 100%; } .jardin-secret-box .box-1 img { margin: 0 auto 30px; } .product-info-box .text-wrapper .text-block { margin-bottom: 14px; } .product-info-box .text-wrapper .text-title-wrapper .expand-btn { display: block; } .product-info-box .text-wrapper .expand-block { display: none; } .product-info-box .text-wrapper.open .expand-block { display: block; } } .stores-container { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 1140px; margin: 0 auto; background-color: #fff; } .stores-container .store-item { margin: 5px; } .stores-container .store-item .country-name { font-size: 20px; font-weight: bold; margin: 10px 0 10px 0; } .stores-container .store-item .city-container { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .stores-container .store-item .city-container .city-item { margin: 0 12px 5px 0; cursor: pointer; font-size: 19px; } .stores-container .store-item .city-container .city-item .city-name { color: #3e3e3e; } .stores-container .store-item .city-container .city-item .city-name:hover { color: #000; -webkit-transition: .3; transition: .3; } @media (max-width: 550px) { .stores-container { -webkit-flex-direction: column; flex-direction: column; } .stores-container .store-item { margin: 5px 20px 5px 20px; } .stores-container .store-item .city-container { -webkit-flex-direction: column; flex-direction: column; } .stores-container .store-item:not(:last-child) { border-bottom: 3px solid #dbdbdb; padding-bottom: 15px; } } .collection-img { padding-top: 25px; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 15px; grid-auto-rows: 175px; grid-auto-columns: 175px; } .collection-img > div { position: relative; overflow: hidden; } .collection-img > div img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .collection-img .collection-large-img:first-of-type { grid-column: 1/3; grid-row: 1/3; } .collection-img .collection-large-img:last-of-type { grid-column: 5/7; grid-row: 2/4; } .history-section { margin-top: 50px; font: 300 15px/1.5 "FuturaStdBook"; letter-spacing: 0.4px; text-align: left; color: #00174f; } .history-section p { margin: 0 0 25px; font-family: "FuturaStdBook"; font-size: 17px; font-weight: 100; line-height: 1.43; letter-spacing: 0.35px; text-align: left; color: #00174f; } .history-section p b { text-transform: uppercase; font-family: "FuturaStdBold"; font-size: 20px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: 0.35px; text-align: left; color: #00174f; } .descamps-section { padding-bottom: 34px; padding-top: 37px; } .descamps-section .descamps-row { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .descamps-section .descamps-row .descamps-col { position: relative; width: calc((100%/3) - 16px); height: 368px; margin-right: 16px; margin-bottom: 16px; } @media (max-width: 1200px) { .descamps-section .descamps-row .descamps-col { width: calc((100%/3) - 16px); } } @media (max-width: 589px) { .descamps-section .descamps-row .descamps-col { width: calc((100%/1) - 16px); } } .descamps-section .descamps-row .descamps-col:last-child { margin-right: 0; } .descamps-section .descamps-row .descamps-col:before { content: ""; position: absolute; width: 100%; height: 100%; opacity: 0.3; background-color: #00174f; display: none; } .descamps-section .descamps-row .descamps-col .img-box { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; } .descamps-section .descamps-row .descamps-col .img-box img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .descamps-section .descamps-row .descamps-col .info-box { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; opacity: 1; display: -webkit-flex; display: flex; background: rgba(34, 34, 34, 0.4); -webkit-transition: .2s; transition: .2s; } .descamps-section .descamps-row .descamps-col .info-box .title { color: #fff; width: 100%; } .descamps-section .descamps-row .descamps-col .info-box .link { color: #fff; display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; position: relative; } .descamps-section .descamps-row .descamps-col .info-box .link:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .descamps-section .descamps-row .descamps-col .info-box .link:hover { -webkit-transform: translateX(5px); transform: translateX(5px); font-family: FuturaStdBold; } .descamps-section .descamps-row .descamps-col:hover .info-box { opacity: 1; pointer-events: auto; } .descamps-section .descamps-row .descamps-col:hover:before { display: block; } .map-section { background-image: url(/tommy-hilfiger/static/media/map.75902509.jpg); height: 248px; margin-top: 50px; } .map-section .title { width: 532px; margin: auto; padding: 36px 0px 47px 0px; font-family: century-gothic; font-size: 34px; font-weight: normal; line-height: 1.12; letter-spacing: normal; text-align: center; color: white; } .map-section .search-box { width: 404px; height: 70px; opacity: 0.8; background-color: #00174f; margin: 0 auto; } .map-section .search-box .search-input-area { border-bottom: 1px solid #fff; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; margin: 0px 10px; } .map-section .search-box .search-input-area input { width: 100%; background-color: transparent; border: 0px; margin: 0px 0px 0px 8px; padding: 15px; font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; } .map-section .search-box .search-input-area input::-webkit-input-placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; } .map-section .search-box .search-input-area input::-ms-input-placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; } .map-section .search-box .search-input-area input::placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; } .map-section .search-box .search-input-area .search-btn { background: transparent; boackground: transparent; border: 0px; padding: 5px; width: 50px; height: 45px; margin-right: 8px; } .map-section .search-box .search-input-area .search-btn .search-icon { position: relative; } .map-section .search-box .search-input-area .search-btn .search-icon:before { content: ""; width: 15px; height: 15px; border: 1px solid #fff; border-radius: 100%; position: absolute; top: -10px; left: -10px; } .map-section .search-box .search-input-area .search-btn .search-icon:after { content: ""; width: 1px; height: 10px; position: absolute; top: 3px; background: #fff; left: 2px; -webkit-transform: rotate(332deg); transform: rotate(332deg); } .map-section .search-box .search-input-area .search-btn:focus, .map-section .search-box .search-input-area .search-btn:hover { outline: 0px; box-shadow: none; } .icons-information-section { height: 140px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .icons-information-section .info-ieam { text-align: center; margin: 5px 31px 5px 31px; } @media (max-width: 992px) { .collection-img { grid-template-columns: repeat(4, 1fr); } .collection-img > div.collection-large-img:last-of-type { grid-column: 3/5; grid-row: 4/6; } } @media (max-width: 768px) { .collection-img { grid-template-columns: repeat(3, 1fr); } .collection-img > div.collection-large-img:last-of-type { grid-column: 2/4; grid-row: 5/7; } } @media (max-width: 576px) { .collection-img { padding: 25px 34px; grid-template-columns: repeat(3, 1fr); grid-auto-columns: 100px; grid-auto-rows: 100px; } .collection-img > div.collection-large-img:last-of-type { grid-column: 2/4; grid-row: 5/7; } } .history .history-content { padding: 20px 0; position: relative; } .history .history-content .yarnImg { margin: auto; display: block; padding-right: 24px; } .history .history-content .title-year { text-align: center; font: 50px/1 "FuturaStdBook"; letter-spacing: 1.3px; color: #c2c2c2; } .history .history-content .title-year:nth-child(1) { margin-top: 150px; width: 100%; height: 50px; } .history .history-content .title-year.title-year-19 { margin: 32px 0 96px 0; } .history .history-content .title-year.title-year-20 { margin: 15px 0 54px 0; } .history .history-content .history-item { position: relative; } .history .history-content .history-item .circle { width: 20px; height: 20px; border: 1px solid #707070; border-radius: 50%; position: absolute; left: 50%; top: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-flex; display: flex; background: white; } .history .history-content .history-item .circle .circle-dot { width: 8px; height: 8px; border-radius: 50%; background: #00174f; margin: auto; } .history .history-content .history-item .history-item-content { width: 47.5%; margin-left: 0; margin-right: auto; padding: 0 40px 0 0; position: relative; } .history .history-content .history-item .history-item-content .history-title p { position: relative; font-family: "FuturaStdBold"; font-size: 24px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 0.88; letter-spacing: 0.6px; color: #00174f; } .history .history-content .history-item .history-item-content .history-title p:before { content: ''; width: 40px; height: 1px; background: #707070; position: absolute; top: calc(50% - 1px); right: -45px; } .history .history-content .history-item .history-item-content .history-title { font-family: "FuturaStdBook"; font-size: 24px; font-weight: 400; line-height: 0.88; letter-spacing: 0.6px; color: #00174f; margin-bottom: 14px; text-align: right; } .history .history-content .history-item .history-item-content img { margin-bottom: 20px; } .history .history-content .history-item .history-item-content p { font: 400 14px/1.5 "FuturaStdBook"; letter-spacing: 0.4px; color: #00174f; text-align: right; } .history .history-content .history-item .history-item-content p:last-child { margin-top: 1rem; } .history .history-content .history-item .history-item-content .history-item-image-box { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .history .history-content .history-item .history-item-content .history-item-image-box img { width: 100%; margin: 0; } .history .history-content .history-item .history-item-absolute-content { position: absolute; width: 47.5%; padding: 0 40px 0 0; margin-top: 20px; top: -60px; right: 0; } .history .history-content .history-item .history-item-absolute-content img { width: 210px; } .history .history-content .history-item .history-item-absolute-content p { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; } .history .history-content .history-item:nth-child(1):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 420%; position: absolute; top: -140px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -26px -10px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(1):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(1):after { top: -130px; left: -95px; right: auto; margin: 0; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(1):after { width: 200px; } } .history .history-content .history-item:nth-child(2):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -22px -200px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(2):after { width: 21%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(2):after { left: -100px; right: auto; margin: 0 auto; background-position: -30px -170px; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(2):after { width: 200px; } } .history .history-content .history-item:nth-child(3):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -22px -200px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(3):after { width: 21%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(3):after { left: -105px; right: auto; margin: 0 auto; background-position: -18px -160px; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(3):after { width: 200px; } } .history .history-content .history-item:nth-child(4):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -22px -200px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(4):after { width: 21%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(4):after { left: -105px; right: auto; margin: 0 auto; background-position: -25px -242px; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(4):after { width: 200px; } } .history .history-content .history-item:nth-child(5):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1000px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(5):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(5):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(5):after { width: 200px; } } .history .history-content .history-item:nth-child(6):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1180px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(6):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(6):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(6):after { width: 200px; } } .history .history-content .history-item:nth-child(7):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1300px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(7):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(7):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(7):after { width: 200px; } } .history .history-content .history-item:nth-child(8):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1180px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(8):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(8):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(8):after { width: 200px; } } .history .history-content .history-item:nth-child(9):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1300px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(9):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(9):after { left: -105px; right: auto; margin: 0 auto; background-position: -25px -1389px; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(9):after { width: 200px; } } .history .history-content .history-item:nth-child(10):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1300px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(10):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(10):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(10):after { width: 200px; } } .history .history-content .history-item:nth-child(11):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 1830px; background-position: -25px -1400px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(11):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(11):after { left: -105px; right: auto; margin: 0 auto; background-position: -14px -1527px; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(11):after { width: 200px; } } .history .history-content .history-item:nth-child(12):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1400px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(12):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(12):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(12):after { width: 200px; } } .history .history-content .history-item:nth-child(13):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1500px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(13):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(13):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(13):after { width: 200px; } } .history .history-content .history-item:nth-child(14):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1600px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(14):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(14):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(14):after { width: 200px; } } .history .history-content .history-item:nth-child(15):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1640px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(15):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(15):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(15):after { width: 200px; } } .history .history-content .history-item:nth-child(16):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 105%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -25px -1240px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(16):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(16):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(16):after { width: 200px; } } .history .history-content .history-item:nth-child(17):after { content: ""; background-image: url(/tommy-hilfiger/static/media/x.22b49c03.svg); width: 18%; height: 134%; position: absolute; top: 17px; left: 0px; right: 0; margin: 0 auto; background-repeat: no-repeat; background-size: 200px 2000px; background-position: -35px -1815px; z-index: -1; } @media (max-width: 1120px) and (min-width: 992px) { .history .history-content .history-item:nth-child(17):after { width: 20%; } } @media (max-width: 992px) { .history .history-content .history-item:nth-child(17):after { left: -105px; right: auto; margin: 0 auto; } } @media (max-width: 680px) { .history .history-content .history-item:nth-child(17):after { width: 200px; } } .history .history-content .history-item:nth-of-type(odd) .history-item-content { margin-left: auto; margin-right: 0; padding: 0 0 0 40px; } .history .history-content .history-item:nth-of-type(odd) .history-item-content .history-title p:before { left: -45px; right: 0; } .history .history-content .history-item:nth-of-type(odd) .history-item-content h4 { text-align: left; } .history .history-content .history-item:nth-of-type(odd) .history-item-content img { margin-bottom: 20px; } .history .history-content .history-item:nth-of-type(odd) .history-item-content p { text-align: left; } .history .history-content .history-item:nth-of-type(odd) .history-item-content .history-item-image-box { -webkit-flex-direction: row; flex-direction: row; } .history .history-content .history-item:nth-of-type(odd) .history-item-content .history-item-image-box img { width: 100%; margin: 0; } .history .history-content .history-item.history-absolute { padding-bottom: 60px; } .history .history-end-image { width: 70px; height: 70px; margin: 0 auto; position: relative; overflow: hidden; } .history .history-end-image img { width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } @media only screen and (max-width: 992px) { .history .history-content { width: calc(100% - 40px); margin: auto; } .history .history-content .history-item .history-item-content { width: 100% !important; margin-left: 0 !important; padding: 0 0 0 40px; } .history .history-content .history-item .history-item-content p { text-align: left; } .history .history-content .history-item .history-item-content .history-title { text-align: left; padding-left: 30px; } .history .history-content .history-item .history-item-content .history-title p:before { left: -45px; right: 0; } .history .history-content .history-item .history-item-content::before { right: auto; left: 22px !important; top: 8px !important; } .history .history-content .history-item .history-item-content .history-item-image-box { display: block; } .history .history-content .history-item .history-item-content .history-item-image-box p { margin: 0 !important; } .history .history-content .history-item .circle { left: 0; top: -2px; } .history .history-content .history-item .history-item-absolute-content { position: static; padding: 0 0 0 40px; width: 100%; } .history .history-content .history-item.history-absolute { padding-bottom: 0; } .history .history-content:before { left: 0; } } .collection-text { text-align: center; padding: 19.6px 0 36px 0; font: 20px "FuturaStdBook"; letter-spacing: 0.6px; word-spacing: 1.5px; color: white; } .page-inner-images { padding-top: 25px; } .page-inner-images .coverBox { width: 100%; min-height: auto; position: relative; } .page-inner-images .coverBox img { width: 90%; max-width: 1140px; margin: auto; display: block; } .page-inner-images .coverBox .title { position: absolute; top: 20px; bottom: 0; left: 0; right: 0; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-size: 3rem; font-family: "FuturaStdBook"; } .oret-products { padding: 20px 0; background: #f5f5f5; } .oret-products--header--title { font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: 0.35px; text-align: left; color: #00174f; } .oret-products--header--title b { font-weight: bold; font-family: "FuturaStdBold"; font-size: 17px; } .oret-products--header--description { font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; letter-spacing: normal; color: white; } .oret-products .section-title { font: 600 16px "FuturaStdBook"; text-align: left; color: white; text-transform: uppercase; } .oret-products p:not(:last-child) { font: 300 16px "FuturaStdBook"; letter-spacing: 0.4px; text-align: left; color: white; } .oret-products .oret-products-content { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: stretch; align-items: stretch; margin: 18px 0; } .oret-products .oret-products-content:nth-of-type(2) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .oret-products .oret-products-content .oret-product-item-content { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 50%; } .oret-products .oret-products-content .oret-products-big-img { width: 50%; position: relative; } .oret-products .oret-products-content .oret-products-big-img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .oret-products .oret-products-content .oret-product-item { background: #ffffff; margin: 8px; } .oret-products .oret-products-content .oret-product-item-img { width: 100%; height: 140px; position: relative; object-fit: cover; } .oret-products .oret-products-content .oret-product-item-img:before { z-index: 1; } .oret-products .oret-products-content .oret-product-item-img img { width: 50%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } @media (max-width: 920px) { .oret-products .oret-products-content .oret-product-item-img img { width: 90%; } } .oret-products .oret-products-content .oret-product-item-title { color: white; letter-spacing: 0.27px; text-transform: uppercase; padding: 13px 5px 5px 5px; line-height: 1.2; text-align: center; font: 14px "FuturaStdBook"; font-weight: bold; } .oret-products .oret-products-content .oret-product-item--old-price { font-size: 16px; } .oret-products .oret-products-content .oret-product-item--new-price { font-size: 16px; } .oret-products .oret-products-content .oret-product-item--img-text { z-index: 2; } .oret-products .oret-products-content .oret-product-item .oret-product-item-text { width: 100%; margin: 20px auto; } .oret-products .oret-products-content .oret-product-item .oret-product-item-text .oret-product-item-category { font-family: "FuturaStdBook"; font-size: 16px; font-weight: normal; line-height: 1.31; letter-spacing: 0.4px; text-align: center; color: #c2c2c2; } .oret-products .oret-products-content .oret-product-item .oret-product-item-text .price-line { font: 300 14px "FuturaStdBook"; letter-spacing: 0.4px; text-align: center; color: white; margin-top: 0; } .oret-products .oret-products-content .oret-product-item .oret-product-item-text .price-line .bold-text { font: 600 16px "FuturaStdBook"; } .oret-products .oret-text { margin-top: 50px; } .oret-products .main-btn { display: block; margin: 40px auto 0; text-align: center; position: relative; padding: 17px 30px 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font: 20px "FuturaStdBook"; letter-spacing: 0.5px; } .oret-products .main-btn:hover { color: #fff; } .product-style-two { width: calc( (100% / 2) - 16px); } @media (max-width: 1100px) and (min-width: 993px) { .page-inner-images .coverBox .title { top: -30px; } } @media only screen and (max-width: 992px) { .page-inner-images { -webkit-flex-direction: column; flex-direction: column; } .oret-products .oret-products-content { -webkit-align-items: center; align-items: center; } .oret-products .oret-products-content .oret-product-item-content { padding-top: 30px; max-width: 100%; -webkit-justify-content: center; justify-content: center; } .oret-products .oret-products-content .oret-products-big-img { width: 0px; } } @media only screen and (max-width: 768px) { .page-inner-images { margin: 0 auto; } .page-inner-images .coverBox .title { top: 0; font-size: 1.5rem; } .oret-products { padding-bottom: 30px; } .oret-products .oret-products-content .oret-product-item .oret-product-item-img { height: 220px; } } @media only screen and (max-width: 576px) { .product-style-two { width: 100%; } .oret-products .oret-products-content .oret-products-big-img img { width: 100%; height: 100%; } .oret-products .oret-products-content .oret-product-item-content .oret-product-item { max-width: calc(50% - 3.5px); } .oret-products .oret-products-content .oret-product-item-content .oret-product-item:not(:nth-of-type(2n)) { margin-right: 7px; } .oret-products .oret-products-content .oret-product-item-content .oret-product-item .oret-product-item-img { height: 180px; } .oret-products .oret-products-content .oret-product-item-content .oret-product-item .oret-product-item-text { margin: 18px auto; } .oret-products .oret-products-content .oret-product-item-content .oret-product-item .oret-product-item-text .price-line span:first-of-type { display: none; } .oret-products .oret-text { margin-top: 42px; position: relative; } .oret-products .oret-text::before { content: ''; display: block; width: 100%; height: 1px; background: #5d5d5d; position: absolute; top: -27px; } .oret-products .oret-links { width: 100%; background: #00174f; color: #fff; font-size: 20px; text-transform: uppercase; padding: 15px 30px; line-height: 1.4; margin-top: 30px; } .oret-products .oret-links::after { content: ''; } } @media only screen and (max-width: 480px) { .oret-products .oret-products-content .oret-product-item-content .oret-product-item .oret-product-item-img { height: 150px; } .oret-products .oret-products-content .oret-products-big-img { height: 307px; } } @media only screen and (max-width: 374px) { .oret-products .oret-products-content .oret-product-item .oret-product-item-text .oret-product-item-title { font-size: 16px; font-weight: bold; } .oret-products .oret-products-big-img { height: 250px; } } * { scroll-behavior: smooth; } .show-store-locator { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.25; letter-spacing: 0.3px; text-align: right; color: #00174f; display: block; text-decoration: underline; cursor: pointer; } .isSale { display: -webkit-flex; display: flex; width: 200px; position: absolute; bottom: 50px; left: 0; z-index: 2; } .isSale .pracent { padding: 10px; font-family: "FuturaStdBook"; font-size: 16px; font-weight: normal; line-height: 1; letter-spacing: 0.4px; color: #fff; background: #444; -webkit-flex-basis: 50px; flex-basis: 50px; } .isSale .text { -webkit-flex-grow: 1; flex-grow: 1; font-family: "FuturaStdBook"; font-size: 16px; font-weight: normal; line-height: 1; letter-spacing: 0.4px; color: #fff; background: #00174f; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; text-transform: uppercase; } .isSale .amount { background: #00174f; padding: 4px 6px 3px 7px; font: 20px FuturaStdBold; line-height: 20px; color: #fff; } .product-color-item-content { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; overflow: hidden; height: auto; max-width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 10px; } .product-color-item-content .product-color-item { width: 30px; height: 30px; border-radius: 50%; position: relative; cursor: pointer; margin: 10px 20px 5px 0; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .product-color-item-content .product-color-item:last-child { border: 1px solid #c2c2c2; } .product-color-item-content .product-color-item span { position: absolute; top: 40px !important; opacity: 0; pointer-events: none; font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.31; letter-spacing: 0.4px; text-align: center; color: #00174f; font-weight: 300; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .product-color-item-content .product-color-item:hover { margin-bottom: 25px; } .product-color-item-content .product-color-item:hover span { opacity: 1; top: 30px; } .pure-complect { background: #f5f5f5; } .pure-complect.type-c { background: #fff; } .pure-complect.type-c .pure-complect-title { display: none; } .pure-complect.type-c .pure-complect-content .pure-complect-image-content .addtocart .product-sell.button-style { padding: 8px 15px; } .pure-complect-item-wrapper .product-color-item-content { max-width: 100%; } .pure-complect-item-about-text { font-weight: normal; } .product-color .product-color-title { cursor: pointer; text-transform: uppercase; } .products .select-style { min-width: 95px; height: 35px; text-align: center; border: 1px solid #dcdcdc; } .products .product-info { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; padding-top: 20px; } @media (max-width: 1100px) { .products .product-info { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .products .product-info .product-img { min-width: 460px; height: 384px; position: relative; overflow: hidden; } @media (max-width: 768px) { .products .product-info .product-img { min-width: 100%; height: auto; } } .products .product-info .product-img img { width: 460px; height: 384px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: contain; } @media (max-width: 768px) { .products .product-info .product-img img { width: 100%; height: auto; position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; object-fit: unset; } } .products .product-info .discount-box { position: absolute; bottom: 0; left: 0; display: -webkit-flex; display: flex; color: #fff; -webkit-flex-wrap: wrap; flex-wrap: wrap; z-index: 0; width: 100%; text-transform: uppercase; } .products .product-info .discount-box span { text-align: center; color: white; width: 100%; height: 50px; display: -webkit-flex; display: flex; background: rgba(69, 63, 56, 0.8); text-transform: uppercase; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; font-weight: bold; } .products .product-info .product-info-content { margin-left: 20px; -webkit-flex-grow: 1; flex-grow: 1; } @media (max-width: 768px) { .products .product-info .product-info-content { margin-left: 0; } } .products .product-info .product-info-content .product-info-title { font-family: century-gothic; font-size: 24px; font-weight: normal; line-height: 1.08; letter-spacing: 0.6px; text-align: left; text-transform: uppercase; color: #00174f; } @media (max-width: 1100px) { .products .product-info .product-info-content .product-info-title { margin-top: 20px; } } .products .product-info .product-info-content .product-category { font-family: "FuturaStdBook"; font-size: 16px; font-weight: normal; line-height: 1.31; letter-spacing: 0.4px; color: #c2c2c2; margin-bottom: 22px; } .products .product-info .product-info-content .product-info-text { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.31; font-weight: 300; letter-spacing: 0.4px; text-align: left; color: #00174f; margin-bottom: 16px; } .products .product-info .product-info-content .product-info-text span { color: #00174f; text-decoration: underline; cursor: pointer; } .products .product-info .product-info-content .product-color .product-color-title { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.25; letter-spacing: 0.3px; text-align: left; color: white; text-transform: uppercase; margin-bottom: 15px; } .products .product-info .product-info-content .product-color .product-color-item-content { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; height: auto; max-width: 100%; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .products .product-info .product-info-content .product-size { margin-bottom: 25px; } @media (max-width: 589px) { .products .product-info .product-info-content .product-size { margin-bottom: 5px; } } .products .product-info .product-info-content .product-size .product-size-title { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.25; letter-spacing: 0.3px; text-align: left; color: #00174f; text-transform: uppercase; margin-bottom: 15px; } .products .product-info .product-info-content .product-size .product-size-title.no-size { margin-top: 15px; } @media (max-width: 589px) { .products .product-info .product-info-content .product-size .product-size-title { margin-bottom: 10px; } } .products .product-info .product-info-content .product-size .product-size-item-content { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: column; flex-direction: column; } .products .product-info .product-info-content .product-size .product-size-item-content .product-item-count { color: #B12704; font-size: 14px; font-weight: bold; } .products .product-info .product-info-content .product-size .product-size-item-content .product-size-item { min-width: 95px; padding: 5px 10px; margin-bottom: 10px; height: 30px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; color: white; border: 1px solid #dcdcdc; cursor: pointer; margin-right: 20px; -webkit-transition: .2s; transition: .2s; } @media (max-width: 589px) { .products .product-info .product-info-content .product-size .product-size-item-content .product-size-item { padding: 10px 10px; } } .products .product-info .product-info-content .product-size .product-size-item-content .product-size-item:hover { background: #dcdcdc; } .products .product-info .product-info-content .product-size .product-size-item-content .product-size-item p { margin-top: 3px; font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.31; letter-spacing: 0.4px; text-align: left; color: #00174f; } .products .product-info .product-info-content .product-size .product-size-item-content .product-size-item.active { background: #dcdcdc; } .products .product-info .product-info-content .product-size .product-size-item-content a { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.31; letter-spacing: 0.4px; text-align: center; color: #00174f; text-decoration: underline; } .products .product-info .product-info-content .product-count .product-count-content { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-bottom: 20px; } @media (max-width: 625px) { .products .product-info .product-info-content .product-count .product-count-content { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; } } .products .product-info .product-info-content .product-count .product-count-content .product-price { margin: 0 15px; } @media (max-width: 625px) { .products .product-info .product-info-content .product-count .product-count-content .show-store-locator { text-align: left; margin: 10px 0; width: 100%; } } .products .product-info .product-info-content .product-count .product-count-content .show-store-locator .select-items { top: 29px; } .products .product-info .product-info-content .product-count .product-count-title { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.25; letter-spacing: 0.3px; text-align: left; color: white; text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 589px) { .products .product-info .product-info-content .product-count .product-count-title { margin-bottom: 10px; } } .products .product-info .product-info-content .product-count .show-store-locator { font-weight: normal; } .products .product-info .product-info-content .product-sell-content { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } @media (max-width: 768px) { .products .product-info .product-info-content .product-sell-content { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .products .product-info .product-info-content .product-sell-content .product-sell-content { width: 100%; margin-left: 0 !important; } .products .product-info .product-info-content .product-sell-content .product-sell-content .store-icon { margin-top: 20px; } } .products .product-info .product-info-content .product-sell-content .product-sell-content { margin-left: 5px; } @media (max-width: 768px) { .products .product-info .product-info-content .product-sell-content .addtocart { margin: auto; width: 100%; } } .products .product-info .product-info-content .product-sell-content .product-price { font-size: 16px; font-weight: 300; letter-spacing: 0.4px; text-align: left; color: #00174f; } @media (max-width: 768px) { .products .product-info .product-info-content .product-sell-content .product-price { margin-bottom: 15px; display: block; width: auto; } } @media (max-width: 626px) { .products .product-info .product-info-content .product-sell-content .product-price { width: 100%; text-align: center; } } .products .product-info .product-info-content .product-sell-content .product-sell { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-family: "FuturaStdBook"; font-size: 20px; font-weight: 100; line-height: 1.05; letter-spacing: 1.5px; text-align: center; color: #ffffff; padding: 8px 20px 12px; background: #00174f; text-transform: uppercase; margin-top: 0; width: 312px; height: 50px; position: relative; } @media (max-width: 768px) { .products .product-info .product-info-content .product-sell-content .product-sell { width: 100%; } } @media (max-width: 400px) { .products .product-info .product-info-content .product-sell-content .product-sell { font-size: 17px; } } .products .product-info .product-info-content .product-sell-content .product-sell:before { content: ""; position: absolute; left: 21px; top: 9px; width: 20px; height: 30px; background: url(/tommy-hilfiger/static/media/PANIER.cd37cfdf.svg) no-repeat; background-size: contain; } .products .product-info .product-info-content .product-sell-content .product-sell .bag.icon { margin-right: 18px; } .products .product-info .product-info-content .product-sell-content .product-sell span { line-height: 1; padding-top: 5px; display: block; margin-left: 30px; } @media (max-width: 400px) { .products .product-info .product-info-content .product-sell-content .product-sell span { margin-left: 0; } } @media (min-width: 768px) { .products .product-info .product-info-content .product-sell-content.two--btn { position: relative; } .products .product-info .product-info-content .product-sell-content.two--btn .addtocart .message { position: absolute; top: 50px; } } @media (min-width: 768px) { .products .product-info .product-info-content .product-sell-content.two--btn .product-sell { width: 275px; } .products .product-info .product-info-content .product-sell-content.two--btn .product-sell.store-icon span { font-size: 16px; } } .products .product-info--leftBox { display: -webkit-flex; display: flex; min-width: calc(100% - 460px); } .products .product-info--leftBox--content { width: calc(100% - 119px); margin: 0px 5px; } @media (max-width: 920px) { .products .product-info--leftBox--content { width: 100%; } } .products .product-info--leftBox--sliderContent { position: relative; width: 95px; } @media (max-width: 920px) { .products .product-info--leftBox--sliderContent { display: none; } } .products .product-info--leftBox--sliderContent .shareBox { display: -webkit-flex; display: flex; width: auto; position: absolute; bottom: 200%; right: 0; margin: auto; box-shadow: 0px 0px 7px 2px #8080809e; padding: 10px; border-radius: 5px; background: #fff; z-index: 4; } .products .product-info--leftBox--sliderContent .shareBox:before { content: ""; width: 40px; height: 40px; position: absolute; bottom: -15px; right: 10%; -webkit-transform: rotate(313deg); transform: rotate(313deg); box-shadow: -4px 5px 8px -4px grey; background: #fff; } .products .product-info--leftBox--sliderContent .shareBox .closeShareBox { position: absolute; right: 3px; top: 3px; margin: 0; cursor: pointer; } .products .product-info--leftBox--sliderContent .shareBox > button { margin: 0 8px; z-index: 1; } .products .product-info--leftBox--sliderContent .shareBox > button > svg { width: 50px; height: 50px; } .products .about { padding: 40px 0 43px 0; margin: 49px 0 50px; background: #f5f5f5; } .products .about-item { text-align: center; margin: 10px 0; } .products .about-item img { margin-bottom: 17px; } .products .about-item h4 { font-size: 16px; font-weight: 100; text-align: center; } .products .pure-complect { padding: 25px 0; margin-top: 25px; } .products .pure-complect .pure-complect-title { font-family: century-gothic; font-size: 34px; font-weight: bold; line-height: 0.88; text-align: left; color: #00174f; margin-bottom: 20px; text-transform: uppercase; } @media (max-width: 920px) { .products .pure-complect .pure-complect-title { text-align: center; } } .products .pure-complect .pure-complect-content { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; } .products .pure-complect .pure-complect-content .pure-complect-image-content { position: -webkit-sticky; position: sticky; top: 162px; } .products .pure-complect .pure-complect-content .pure-complect-image-content .pure-complect-image-box { width: 460px; position: relative; margin-bottom: 15px; } @media (max-width: 920px) { .products .pure-complect .pure-complect-content .pure-complect-image-content .pure-complect-image-box { width: 100%; } } @media (max-width: 920px) { .products .pure-complect .pure-complect-content .pure-complect-image-content .pure-complect-image-box img { width: 100%; } } .products .pure-complect .pure-complect-content .pure-complect-image-content .pure-complect-image-box h4 { text-align: center; color: white; width: 100%; height: 50px; display: -webkit-flex; display: flex; background: rgba(69, 63, 56, 0.8); text-transform: uppercase; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .products .pure-complect .pure-complect-content .pure-complect-image-content .pure-complect-image-box .discount-box { position: absolute; bottom: 0; left: 0; display: -webkit-flex; display: flex; color: #fff; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; text-transform: uppercase; } .products .pure-complect .pure-complect-content .pure-complect-image-content .pure-complect-image-box .discount-box .text { background: #33cc33; padding: 6px 13px 4px 11px; font-size: 16px; letter-spacing: 0.4px; line-height: 20px; margin: 10px 5px; } .products .pure-complect .pure-complect-content .pure-complect-image-content .pure-complect-image-box .discount-box .amount { background: #00174f; padding: 4px 6px 3px 7px; font: 20px "FuturaStdBold"; line-height: 20px; } .products .pure-complect .pure-complect-content .pure-complect-image-content .pure-complect-image-box .discount-box .amount .small { font-size: 10px; } .products .pure-complect .pure-complect-content .pure-complect-image-content .price-count { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin: 25px 0; } @media (max-width: 380px) { .products .pure-complect .pure-complect-content .pure-complect-image-content .price-count { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } } .products .pure-complect .pure-complect-content .pure-complect-image-content .price-count p { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.25; letter-spacing: 0.3px; text-align: left; color: #00174f; text-transform: uppercase; } @media (max-width: 380px) { .products .pure-complect .pure-complect-content .pure-complect-image-content .price-count p { margin: 10px 0; width: 100%; text-align: center; } } .products .pure-complect .pure-complect-content .pure-complect-image-content .price-count span { font-family: FuturaStdBold; font-size: 30px; font-weight: 700; line-height: 0.67; letter-spacing: 0; text-align: left; color: #00174f; } .products .pure-complect .pure-complect-content .pure-complect-image-content .show-store-locator { width: 100%; display: block; margin: 30px 0; } @media (max-width: 920px) { .products .pure-complect .pure-complect-content .pure-complect-image-content .show-store-locator { margin-bottom: 0; } } .products .pure-complect .pure-complect-content .pure-complect-image-content .addtocart .product-sell { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 100%; padding: 15px; background: #00174f; color: #ffffff; cursor: pointer; position: relative; } .products .pure-complect .pure-complect-content .pure-complect-image-content .addtocart .product-sell:before { content: ""; position: absolute; left: 30px; top: 25%; width: 20px; height: 27px; background: url(/tommy-hilfiger/static/media/PANIER.cd37cfdf.svg) no-repeat; background-size: inherit; } .products .pure-complect .pure-complect-content .pure-complect-image-content .addtocart .product-sell .shopping { font-size: 20px; margin-bottom: 10px; } .products .pure-complect .pure-complect-content .pure-complect-image-content .addtocart .product-sell span { margin-top: 5px; font-family: "FuturaStdBook"; font-size: 20px; font-weight: 100; line-height: 1.5; letter-spacing: 0.5px; text-align: left; color: #ffffff; } .products .pure-complect .pure-complect-content .pure-complect-image-content + div { max-width: 670px; } .products .pure-complect .pure-complect-content .pure-complect-item-content { padding: 20px; -webkit-flex-grow: 1; flex-grow: 1; margin-left: 20px; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; background: white; border: solid 2px #dcdcdc; } @media (max-width: 589px) { .products .pure-complect .pure-complect-content .pure-complect-item-content { padding: 5px; margin-left: 0; } } .products .pure-complect .pure-complect-content .pure-complect-item-content:not(:last-child) { margin-bottom: 1rem; } .products .pure-complect .pure-complect-content .pure-complect-item-content:hover { border-color: #00174f; } .products .pure-complect .pure-complect-content .pure-complect-item-content.active { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16); border: solid 2px #00174f; background-color: #ffffff; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-content-img { min-width: 80px; height: 80px; position: relative; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-content-img .isSale { bottom: -36px; left: -20px; width: 125%; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-content-img .isSale div { font-size: 12px; text-align: center; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-content-img .isSale .pracent { padding: 5px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-content-img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: 20px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper--header { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; width: 100%; } @media (max-width: 1050px) and (min-width: 920px) { .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper--header { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 608px) { .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper--header { display: block; } } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links { display: -webkit-flex; display: flex; -webkit-align-items: flex-end; align-items: flex-end; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-end; justify-content: flex-end; } @media (max-width: 1050px) and (min-width: 920px) { .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links { -webkit-justify-content: flex-start; justify-content: flex-start; margin-top: 10px; } } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links .mainSelect { margin: 5px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links--infoBox { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links--infoBox > .pure-complect-item-wrapper-price h6 { font-size: 14px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links a { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.31; letter-spacing: 0.4px; text-align: right; color: #00174f; text-decoration: underline; margin-top: 20px; } @media (max-width: 1050px) and (min-width: 920px) { .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links a { width: 100%; text-align: left; } } @media (max-width: 608px) { .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links a { text-align: right; } } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links .pure-complect-item-wrapper-links-select { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-bottom: 24px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links .product-no-size .no-size-title { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.25; letter-spacing: 0.3px; text-align: left; color: white; text-transform: uppercase; margin-bottom: 15px; margin-top: 15px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-color-button { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: 100%; cursor: pointer; font: 16px "FuturaStdBook"; letter-spacing: 0.27px; color: white; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-color-button i { -webkit-transition: .2s; transition: .2s; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-color-button i.active { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-price h6 { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; letter-spacing: 0.4px; text-align: right; color: #00174f; margin-bottom: 10px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-title-box { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-title-box .title { text-transform: uppercase; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-title-box a { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.31; letter-spacing: 0.4px; text-align: left; color: #00174f; text-decoration: underline; width: 100%; display: block; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-color-box { width: 280px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-price { margin-top: 20px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .complect-item-btn { display: none; } .products .pure-complect .pure-complect-item-about { margin-left: 20px; } .products .pure-complect .pure-complect-item-about .pure-complect-item-about-title { font-family: century-gothic; font-size: 24px; font-weight: normal; line-height: 1.08; letter-spacing: 0.6px; text-align: left; color: #00174f; text-transform: uppercase; } .products .pure-complect .pure-complect-item-about .pure-complect-item-about-subtitle { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.31; font-weight: 300; letter-spacing: 0.4px; text-align: left; color: #c2c2c2; } .products .pure-complect .pure-complect-item-about .pure-complect-item-about-text { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.31; letter-spacing: 0.4px; font-weight: 300; text-align: left; color: #00174f; margin: 20px 0; } .products .pure-complect .pure-complect-item-about .pure-complect-item-about-text a { color: #00174f; text-decoration: underline; } .products .pure-complect .pure-complect-item-about .pure-complect-item-about-text span { color: #00174f; text-decoration: underline; cursor: pointer; } .products .pure-complect-composite { padding: 0 0 25px 0; background: #f5f5f5; } .products .pure-complect-composite .pure-complect-about { margin: 0 0 0 0; padding: 40px 30px 30px 30px; border: 1px solid #fff; } @media (max-width: 920px) { .products .pure-complect-composite .pure-complect-about { padding: 0; } } .products .pure-complect-composite .pure-complect-about h4 { font-family: FuturaStdBold; font-size: 16px; letter-spacing: 0.3px; color: #00174f; margin-bottom: 20px; text-transform: uppercase; } .products .pure-complect-composite .pure-complect-about div { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; } .products .pure-complect-composite .pure-complect-about div:not(:last-child) { margin-bottom: 20px; } .products .pour-products { padding: 30px 0 30px 0; } .products .pour-products .pour-products-title { font-family: century-gothic; font-size: 34px; line-height: 0.88; text-align: center; text-transform: uppercase; color: white; margin-bottom: 20px; } .products .pour-products .pour-products-content { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .products .pour-products .pour-products-content .pour-products-item { width: calc(100% / 3 - 40px); margin: 20px; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img .discount-box { position: absolute; bottom: 0; left: 0; display: -webkit-flex; display: flex; color: #fff; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; text-transform: uppercase; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img .discount-box .text { background: #00174f; padding: 6px 13px 4px 11px; font-size: 16px; letter-spacing: 0.4px; line-height: 20px; margin: 10px 5px; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img .discount-box .amount { background: #00174f; padding: 4px 6px 3px 7px; font: 20px "FuturaStdBold"; line-height: 20px; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img .discount-box .amount .small { font-size: 10px; } .products .pour-products .pour-products-content .pour-products-item:hover .pour-products-item-img .pour-products-item-img-hover-info { opacity: 1; pointer-events: auto; } .products .pour-products .pour-products-content .pour-products-item:hover .pour-products-item-text { box-shadow: 0 4px 7px rgba(34, 34, 34, 0.2); } .products .pour-products .pour-products-content .pour-products-item:hover .pour-products-item-text .pour-products-item-hover-text { opacity: 1; pointer-events: auto; } .products .pour-products .pour-products-content .pour-products-item:hover .pour-products-item-text .pour-products-item-hover-text .link { color: #00174f; font-family: "FuturaStdBold"; font-size: 16px; font-weight: 300; letter-spacing: 0.35px; line-height: 21px; position: relative; cursor: pointer; position: relative; padding-bottom: 15px; } .products .pour-products .pour-products-content .pour-products-item:hover .pour-products-item-text .pour-products-item-hover-text .link:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img { width: 100%; height: 270px; position: relative; overflow: hidden; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img .pour-products-item-img-hover-info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.6); z-index: 2; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; padding: 10px; opacity: 0; pointer-events: none; -webkit-transition: .2s; transition: .2s; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img .pour-products-item-img-hover-info > h4 { color: #ffffff; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; letter-spacing: 0.27px; line-height: 20px; text-transform: uppercase; text-align: center; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img .pour-products-item-img-hover-info > p { color: #ffffff; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; letter-spacing: 0.27px; line-height: 20px; text-align: center; margin: 20px 0; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img .isSale { bottom: 0; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-img img { width: auto; height: 270px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-text { position: relative; -webkit-transition: all ease-in-out 0.7s; transition: all ease-in-out 0.7s; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-text .pour-products-item-hover-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background: white; z-index: 2; opacity: 0; pointer-events: none; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-text .pour-products-item-hover-text a { color: #00174f; font-family: "FuturaStdBold"; font-size: 16px; font-weight: 300; letter-spacing: 0.35px; line-height: 21px; position: relative; cursor: pointer; position: relative; padding-bottom: 15px; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-text .pour-products-item-hover-text a:before { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAACCAYAAAAEjL+vAAAACXBIWXMAABcSAAAXEgFnn9JSAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAMZJREFUeNpckDFOAzEURN9zSImWlByBM+QgXIMb5SY5Ay2iQIoQBZGABimR0A7Fer1O3HjsPxq/sfvd41Z5AjckH4FB/YOcgAG8TTIKBPBCQBLUaacuIaGdw5V2MWS6WAs/JJ/ImFDsc2Z/n9VmnYesCG+BgyBq5Vsl+VZfboQz8JrkTnkW7iEFfAceSAZhzAzcCbUWSfdwpWJp2T4CEBfoyVdIjuhXbUaLaEW6rFzPqr/yYI7iL0mZGYGinpMM/wAAAP//AwBe1WilFRXLBAAAAABJRU5ErkJggg=="); position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-text .pour-products-item-title { text-align: center; font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.25; letter-spacing: 0.3px; text-align: center; color: white; padding-top: 15px; text-transform: uppercase; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-text .pour-products-item-category { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.31; letter-spacing: 0.4px; text-align: center; color: #c2c2c2; margin-top: 5px; font-weight: 400; } .products .pour-products .pour-products-content .pour-products-item .pour-products-item-text p { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #00174f; } .products .pour-products .poure-products-category-content { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-top: 30px; } .products .pour-products .poure-products-category-content .poure-products-category-item { -webkit-flex-grow: 1; flex-grow: 1; padding-bottom: 16px; border-bottom: 3px solid #d6d6d6; cursor: pointer; } .products .pour-products .poure-products-category-content .poure-products-category-item.active { border-color: #00174f; } .products .pour-products .poure-products-category-content .poure-products-category-item h4 { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.25; letter-spacing: 0.3px; text-align: center; color: #00174f; text-transform: uppercase; } .products .pour-products .poure-products-category-text { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; margin-top: 30px; } .products .poure-products-about { background: #00174f; padding: 46px 0; color: #ffffff; } .products .poure-products-about .imgBox img { width: 270px; height: 270px; margin: 8px 16px 8px 0; } .products .poure-products-about .poure-products-about-item { color: #ffffff; margin-left: 15px; } .products .poure-products-about .poure-products-about-item .poure-products-about-item-title { font-family: FuturaStdBold; text-transform: uppercase; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.3px; text-align: left; color: #ffffff; margin-bottom: 20px; } .products .poure-products-about .poure-products-about-item p { line-height: 1.43; letter-spacing: 0.35px; font-weight: 100; text-align: left; color: #ffffff; } .products .poure-products-about .poure-products-about-item p:not(:last-child) { margin-bottom: 20px; } .products .poure-products-about .poure-products-about-item.poure-products-about-item-images { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; } .products .poure-products-about .poure-products-about-item.poure-products-about-item-images .poure-products-about-item-images-box { min-width: 270px; min-height: 270px; position: relative; overflow: hidden; margin-right: 16px; cursor: pointer; } .products .poure-products-about .poure-products-about-item.poure-products-about-item-images .poure-products-about-item-images-box:nth-of-type(2) { margin-right: 36px; } .products .poure-products-about .poure-products-about-item.poure-products-about-item-images .poure-products-about-item-images-box img { width: 270px; height: 270px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .products .about-content.about-cutted { max-width: 1204px; padding: 0 34px; margin: 0 auto; } .products .about-content.about-cutted .about-item-content { padding: 0 191px; } @media (max-width: 1140px) { .products .about-content.about-cutted .about-item-content { padding: 0 0; } } @media (max-width: 840px) { .products .about-content.about-cutted .about-item-content { padding: 0 0; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 768px) { .products .about-content.about-cutted .about-item-content { padding: 0 0; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } } @media (max-width: 840px) { .products .about-content.about-cutted .about-item-content .about-item { display: block; width: 100%; } } .pure-complect-product-checked-list { padding: 0; margin-top: 20px; display: none; } .pure-complect-product-checked-list li { padding-bottom: 12px; border-bottom: 1px solid #cccccc; } .pure-complect-product-checked-list li .price { font-weight: bold; } .pure-complect-product-checked-list li .price .new-price { margin: 0px; } .pure-complect-product-checked-list li span:first-child { margin-right: 55px; } .total-price { display: none; } .pure-complect-item-about-links { margin: 20px auto; display: block; cursor: pointer; } .mobile-complect-item-img { min-width: 130px; height: 130px; position: relative; overflow: hidden; } .mobile-complect-item-img .isSale { bottom: 0px; left: 0px; width: 130px; } .mobile-complect-item-img .isSale div { font-size: 12px; text-align: center; } .mobile-complect-item-img .isSale .pracent { padding: 7px; } .mobile-complect-item-img img { width: 130px; height: 130px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .mobile-complect-item > a { margin: 10px 0 20px 0; display: block; text-align: left; } .mobile-complect-item button { margin-bottom: 30px; } .mobile-complect-item .mobile-color-btn { margin-top: 10px; cursor: pointer; } .mobile-complect-item .mobile-color-btn.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mobile-complect-item .mobile-color-btn i { margin-left: 5px; line-height: 1; -webkit-transition: .2s; transition: .2s; } .mobile-complect-item .mobile-complect-item-price { line-height: 1; } .mobile-complect-item .mobile-complect-item-price h4 { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; letter-spacing: 0.35px; text-align: right; color: #00174f; line-height: 1; } .mobile-complect-item .mobile-complect-item-price h4 span { font-family: "FuturaStdBook"; font-size: 20px; font-weight: bold; color: white; } .mobile-complect-item .mobile-complect-item-title { margin-left: 30px; } .mobile-complect-item .mobile-complect-item-title h4 { text-transform: uppercase; } .mobile-complect-item .mobile-complect-item-title a { margin-top: 10px; } .aws-sld .pour-products-item .pour-products-item-input::-webkit-input-placeholder, .aws-sld .pour-products-item .pour-products-item-input:-moz-placeholder, .aws-sld .pour-products-item .pour-products-item-input::-moz-placeholder, .aws-sld .pour-products-item .pour-products-item-input:-ms-input-placeholder, .aws-sld .pour-products-item .pour-products-item-input::-ms-input-placeholder, .aws-sld .pour-products-item .pour-products-item-input::-webkit-input-placeholder { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.31; letter-spacing: 0.4px; text-align: left; color: white; } .aws-sld .pour-products-item .pour-products-item-input::-webkit-input-placeholder, .aws-sld .pour-products-item .pour-products-item-input:-moz-placeholder, .aws-sld .pour-products-item .pour-products-item-input::-moz-placeholder, .aws-sld .pour-products-item .pour-products-item-input:-ms-input-placeholder, .aws-sld .pour-products-item .pour-products-item-input::-ms-input-placeholder, .aws-sld .pour-products-item .pour-products-item-input::placeholder { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.31; letter-spacing: 0.4px; text-align: left; color: white; } .mobile-complect-item { display: none; } .mobile-poure-products-about-item { display: none !important; } .pour-products-content-slider { display: none; } .pour-products-accordion { display: none; } .pure-complect-content .pure-complect-btn { display: none; } .product-info-content-mobile { display: none; } .product-info-content-mobile .product-info-mobile-button { position: relative; } .product-info-content-mobile .product-info-mobile-button button, .product-info-content-mobile .product-info-mobile-button .product-sell { margin: 10px 0; position: relative; outline: none; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile { width: 100%; background: white; position: absolute; bottom: 55px; left: 0; opacity: 0; pointer-events: none; -webkit-transition: .2s; transition: .2s; z-index: 10; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile.open { opacity: 1; pointer-events: auto; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile .product-popup-mobile-wrapper { padding: 20px 0px; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile .product-popup-mobile-wrapper > .x.icon { position: absolute; top: 15px; right: 15px; color: #00174f; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile .product-popup-mobile-wrapper .product-popup-mobile-title { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.25; letter-spacing: 0.27px; text-align: left; color: white; margin-top: 30px; text-transform: uppercase; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile .product-popup-mobile-wrapper .product-popup-mobile-sizes > div { width: 95px; height: 35px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; color: white; border: 1px solid #dcdcdc; cursor: pointer; margin-right: 20px; margin-top: 20px; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile .product-popup-mobile-wrapper .product-popup-mobile-sizes > div p { font-weight: 300; margin-top: 3px; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile .product-popup-mobile-wrapper .product-popup-mobile-sizes > div.active { background: #dcdcdc; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile .product-popup-mobile-wrapper > a { display: block; margin: 20px 0; text-align: left; text-transform: capitalize; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile .product-popup-mobile-wrapper > .product-popup-mobile-price-content h4 { font-family: "FuturaStdBook"; font-size: 24px; font-weight: bold; line-height: 0.83; letter-spacing: 0.41px; text-align: center; color: white; margin: 15px 0; } .product-info-content-mobile .product-info-mobile-button .product-popup-mobile .product-popup-mobile-wrapper > .product-popup-mobile-price-content a { font-size: 16px; text-transform: capitalize; } .pour-products-content-slider-type-s { display: none; } .pour-products-content-slider-type-s .pour-products-item .pour-products-item-title { margin: 20px auto 0 !important; } .pour-products-content-slider-type-s .pour-products-item .pour-products-item-category { text-align: center; font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.31; letter-spacing: 0.4px; color: #c2c2c2; } .pour-products-content-slider-type-s .pour-products-item p { text-align: center; color: #00174f; margin-top: 15px; } .storeLocator { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .storeLocator .storeLocator-title { font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; line-height: 1.88; text-align: left; color: #00174f; } .storeLocator .storeLocator-content { width: 1140px; position: relative; z-index: 10; padding: 0; } .storeLocator .storeLocator-content .storeLocator-content-head { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; } .storeLocator .storeLocator-content .storeLocator-content-head .storeLocator-content-head-title { font-family: Didot; font-size: 34px; line-height: 1.12; text-align: center; color: #ffffff; } @media (max-width: 568px) { .storeLocator .storeLocator-content .storeLocator-content-head .storeLocator-content-head-title { font-family: Didot; font-size: 19px; display: contents; color: #ffffff; } } .storeLocator .storeLocator-content .storeLocator-content-head i { font-size: 24px; color: #ffffff; cursor: pointer; } .storeLocator .storeLocator-wrapper { padding: 30px 50px; background: white; overflow-y: auto; height: 80vh; margin-top: 10px; } @media (max-width: 768px) { .storeLocator .storeLocator-wrapper { padding: 10px; } } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head { margin-bottom: 25px; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content input.search { height: 30px; width: 435px; border: 1px solid #dcdcdc; background: white; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content .search-btn { width: 30px; border: 1px solid #00174f; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; margin: 0 20px; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content .search-btn i { width: auto; height: auto; margin: 0; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content button { margin: 0; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-body .storeLocator-wrapper-item .storeLocator-wrapper-item-content-title { font-family: "FuturaStdBold"; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-body .storeLocator-wrapper-item .button-style { margin: 0; float: right; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; padding: 20px 0; border-top: 1px solid rgba(0, 0, 0, 0.28); } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item-content { width: 100%; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item .storeLocator-wrapper-item-content-title { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; text-align: left; color: #00174f; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item .storeLocator-wrapper-item-content-block { -webkit-justify-content: space-between; justify-content: space-between; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item .storeLocator-wrapper-item-content-block > div:first-child { width: calc( 70% - 20px); } @media (max-width: 920px) { .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item .storeLocator-wrapper-item-content-block > div:first-child { width: 100%; } } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item .storeLocator-wrapper-item-content-block > div:not(:last-child) { margin-right: 10px; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item .storeLocator-wrapper-item-content-block > div p { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; line-height: 1.5; letter-spacing: 0.35px; text-align: left; color: #00174f; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item .storeLocator-wrapper-item-content-block .TimeBox > div:nth-child(2) { width: auto; padding-left: 15px; } @media (max-width: 920px) { .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item .storeLocator-wrapper-item-content-block--btnBox { display: none; } } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item button { height: 30px; } .storeLocator .storeLocator-wrapper > .basket { background: transparent; padding-top: 0; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary-box { width: calc( 50% / 3); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } @media (max-width: 768px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary-box { -webkit-justify-content: flex-start; justify-content: flex-start; margin: 0; width: 50%; -webkit-align-items: flex-start; align-items: flex-start; } } .storeLocator .storeLocator-wrapper > .basket .product-content .summary-box-price > .text { display: none; } @media (max-width: 768px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary-box-price > .text { display: block; margin-right: 10px; } } @media (max-width: 768px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary-box-price { width: 100%; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: -25px; margin-bottom: 20px; } } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-header .title:nth-child(1) { width: 50%; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-header .title:nth-child(2), .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-header .title:nth-child(3), .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-header .title:nth-child(4) { text-align: center; width: calc(50% / 3); } .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item .select-wrapper { text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: calc( 100% / 3) !important; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item i.trash.alternate { position: absolute; right: 25px; } @media (max-width: 589px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item i.trash.alternate { right: 0; } } .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item-price { width: 50% !important; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item-price .summary-box { width: calc( 100% / 3) !important; text-align: center; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center !important; align-items: center !important; -webkit-justify-content: center; justify-content: center; } @media (max-width: 768px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item-price { -webkit-justify-content: space-between; justify-content: space-between; margin-top: -60px; width: calc(100% - 240px) !important; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item .select-wrapper { width: 121px !important; } } @media (max-width: 576px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item-price { width: 100% !important; padding-left: 100px; } } @media (max-width: 374px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item .select-wrapper { width: 106px !important; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary-item-price { margin-top: -30px; padding-left: 70px; } } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item { padding: 0 20px; position: relative; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item-about-content { -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; } @media (max-width: 576px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item-about-content { width: 100%; margin-left: 0; } } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item-about-text { display: block; font-size: 16px; } @media (max-width: 768px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item .summary-box { width: calc(100% - 240px); } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item .summary-box-qty-dropdown { margin-top: -75px; margin-bottom: 20px; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item .summary-item-about { margin-bottom: 20px; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item .old-price { margin-right: 5px; } } @media (max-width: 576px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item .summary-box { width: 100%; padding-left: 100px; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item { padding: 0; } } @media (max-width: 374px) { .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item .summary-box { padding-left: 70px; } .storeLocator .storeLocator-wrapper > .basket .product-content .summary .summary-item .summary-box-qty-dropdown { margin-top: -65px; margin-bottom: 15px; } } .timeZoneBox { width: 30%; } @media (max-width: 920px) { .timeZoneBox { width: 100% !important; } } .product .product-info-box { background: #ffffff; border-bottom: 0; } .complect-item-content .button-style { display: none; } .product-size-item-content-wrapper { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; } .AltSize { color: black; } @media (max-width: 1200px) { .products .product-info { margin-top: 50px; -webkit-justify-content: center; justify-content: center; } .products .product-info .product-size-item-content { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .products .product-info .product-size-item-content .product-size-item { margin: 0; } .products .product-info .product-size-item-content a { margin: 15px auto; } } @media (max-width: 920px) { .products .pure-complect-image-content { margin: 0 auto; } .products .pure-complect-title.mobile { display: none; } .products .pure-complect-image-content + div { max-width: 576px !important; } .products .pure-complect-item-about-content { margin: 20px auto; } .products .pure-complect-content { -webkit-flex-direction: column; flex-direction: column; } .products .pure-complect .pure-complect-content .pure-complect-image-content { position: static; width: 100%; } } @media (max-width: 992px) { .poure-products-about-item-images { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .poure-products-about-item-images .poure-products-about-item-images-box-content { margin-top: 20px; } } @media (max-width: 608px) { .pure-complect-image-content .addtocart { display: none; } } @media (max-width: 768px) { .storeLocator .storeLocator-wrapper { max-height: 80vh; } .total-price { display: -webkit-flex; display: flex; } .total-price h4:not(.price) { font-family: "FuturaStdBook"; font-size: 18px; font-weight: bold; line-height: 1.11; letter-spacing: 0.31px; text-align: left; color: white; } .total-price h4.price { font-family: "FuturaStdBook"; font-size: 24px; font-weight: bold; line-height: 0.83; letter-spacing: 0.41px; text-align: right; color: white; } .mobile-complect-item { display: block; } .mobile-complect-item .mobile-pure-complect-item-content > a { margin: 15px 0; display: block; text-align: left; } .mobile-complect-item .mobile-pure-complect-item-content > .mobile-complect-item-price { margin-bottom: 20px; } .pure-complect-product-checked-list { display: block; } .poure-products-about .container:not(.mobile-poure-products-about-item) { display: none; } .products .pure-complect-image-content { width: 100%; } .products .mobile-complect-item-select { width: 100%; margin-top: 30px; } .products .poure-products-about { padding: 25px 0; } .products .mobile-poure-products-about-item > div { padding: 25px 0; border-bottom: 1px solid #ffffff; } .products .mobile-poure-products-about-item > div .title { font-family: "FuturaStdBook"; font-size: 16px !important; font-weight: 300; line-height: 1.43; letter-spacing: 0.35px; text-align: left; color: #ffffff !important; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; } .products .mobile-poure-products-about-item > div .title i { margin-left: 50px; } .products .mobile-poure-products-about-item > div .content h4 { font-family: "FuturaStdBook"; font-size: 16px !important; font-weight: 300; line-height: 1.43; letter-spacing: 0.35px; text-align: left; color: #ffffff !important; margin: 15px 0; } .products .mobile-poure-products-about-item > div .content p { font-family: "FuturaStdBook"; font-size: 14px !important; font-weight: 100; line-height: 1.43; letter-spacing: 0.35px; text-align: left; color: #ffffff !important; } .products .mobile-poure-products-about-item > div .poure-products-about-item-images-box { width: 300px; height: 300px; position: relative; overflow: hidden; } .products .mobile-poure-products-about-item > div .poure-products-about-item-images-box img { width: 270px; height: 270px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .products .pour-products-content { display: none !important; } .products .aws-sld { height: 550px; margin-top: 30px; margin-bottom: 100px; } .products .aws-sld .aws-sld__bullets button { width: 10px; height: 10px; background: white; border: 1px solid #e4e4e4; } .products .aws-sld .aws-sld__bullets button.aws-sld__bullets--active { background: #00174f; -webkit-transform: none; transform: none; } .products .aws-sld .aws-sld__content { background: white; } .products .aws-sld .pour-products-item { height: 100%; background: white; } .products .aws-sld .pour-products-item .pour-products-item-price { -webkit-align-items: flex-end; align-items: flex-end; margin: 20px 0 30px 0; } .products .aws-sld .pour-products-item .pour-products-item-price h4 { font-family: "FuturaStdBook"; font-size: 20px; font-weight: bold; line-height: 1.5; text-align: right; color: white; } .products .aws-sld .pour-products-item .pour-products-item-title { width: 155px; margin: 15px auto; text-align: center; font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.25; letter-spacing: 0.27px; color: white; text-transform: uppercase; } .products .aws-sld .pour-products-item .pour-products-item-img { width: 250px; height: 250px; position: relative; overflow: hidden; } .products .aws-sld .pour-products-item .pour-products-item-img .isSale { bottom: 0; } .products .aws-sld .pour-products-item .pour-products-item-img img { width: 270px; height: 270px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .products .poure-products-category-content { display: none !important; } .products .poure-products-category-content + .poure-products-category-content-text { display: none !important; } .products .pour-products { padding-bottom: 50px; } .products .pour-products-accordion > div { padding: 25px 0; } .products .pour-products-accordion > div .title { font-family: "FuturaStdBook"; font-size: 16px; line-height: 1.88; text-align: left; color: white; text-transform: uppercase; padding: 0 !important; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .products .product-info { margin-top: 50px; width: 300px; margin: 50px auto 0; } } @media (max-width: 768px) and (max-width: 768px) { .products .product-info { width: 100%; padding: 0 34px; } } @media (max-width: 768px) and (max-width: 500px) { .products .product-info { padding: 0 0px; } } @media (max-width: 768px) { .products .product-info .product-size-item-content { -webkit-align-items: flex-start !important; align-items: flex-start !important; } .products .product-info .product-size-item-content .product-size-item-content-wrapper { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .products .product-info .product-size-item-content .product-size-item-content-wrapper .product-size-item { height: 20px !important; } .products .product-info .product-size-item-content .product-size-item-content-wrapper .product-size-item p { font-weight: bold !important; } .about-content .about { margin: 20px 0 20px !important; } .about-content .about .about-item-content { -webkit-justify-content: flex-start !important; justify-content: flex-start !important; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: column; flex-direction: column; } .about-content .about .about-item-content .about-item { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .about-content .about .about-item-content .about-item img { width: 25px; margin: 0 20px 0 0; } .mobile-poure-products-about-item { display: block !important; } .pour-products-content-slider { display: block; } .pour-products-accordion { display: block; } .pure-complect .pure-complect-content .pure-complect-btn { display: block; } .pure-complect-item-about-content.mobile { display: none; } .pour-products-content-slider-type-s { display: block; } .pour-products-content-slider-type-s .aws-sld { height: 400px; } .pure-complect-item-about-text { display: block; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content > div { width: 100%; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content input.search { width: 100%; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content .search-btn { margin: 0 0 0 20px; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content button { margin: 30px auto 20px; height: 50px; width: 300px; } } @media (max-width: 768px) and (max-width: 768px) { .storeLocator .storeLocator-wrapper .storeLocator-wrapper-head .search-content button { margin: 0; height: 51px; width: 300px; } } @media (max-width: 768px) { .storeLocator-content { padding: 0px !important; overflow-y: auto; height: 100%; padding-top: 30px; } .storeLocator-content .storeLocator-content-head { padding: 30px; } .storeLocator-content .storeLocator-content-head .storeLocator-content-head-title { text-align: left !important; width: 200px; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item button { width: 300px; height: 50px; margin: 30px auto 20px; } } @media (max-width: 768px) and (max-width: 768px) { .storeLocator .storeLocator-wrapper .storeLocator-wrapper-item button { margin: 10px 0 0 0; } } @media (max-width: 768px) { .complect-item-content .button-style { padding: 10px 20px; width: 315px; max-width: 100%; margin: 20px auto; display: block; } } @media (max-width: 768px) and (max-width: 568px) { .complect-item-content .button-style { width: 100%; font-size: 15px; padding: 10px 0; height: auto; } } @media (max-width: 768px) { .complect-item-content hr { margin-bottom: 15px; } .products .product-info .product-info-content { width: 100%; } } @media (max-width: 608px) { .products .pure-complect .pure-complect-content .pure-complect-item-content { position: relative; border-color: #00174f; display: block; margin-top: 10px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-content-img { min-width: 150px; height: 150px; position: absolute; top: 10px; left: 10px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-content-img .isSale { left: 0; bottom: 0; max-width: 120px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper { -webkit-flex-direction: column; flex-direction: column; margin-left: 0px; width: 100%; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-title-box { margin: 0 0 0 auto; min-width: 125px; max-width: 50%; min-height: 150px; -webkit-justify-content: flex-start; justify-content: flex-start; padding-left: 30px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-title-box .title { margin-bottom: 10px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links { -webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 10px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links a { -webkit-order: 3; order: 3; display: block; text-align: left; width: 100%; margin-bottom: 20px; margin-top: 10px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-price { -webkit-order: 2; order: 2; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } } @media (max-width: 608px) and (max-width: 608px) { .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-price { margin-bottom: 20px; } } @media (max-width: 608px) { .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-price .title { margin-bottom: 0; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-price span.old-price { line-height: 1; font-size: 18px; margin-left: 10px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-price span { font-size: 20px; line-height: 1; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-color-box { width: 100%; } .products .pure-complect .pure-complect-content .pure-complect-item-content .complect-item-btn { display: block; } .complect-item-content .product-sell.button-style { margin-top: 0; } .pure-complect.type-c .pure-complect-item-about { border-bottom: 1px solid white; } .pure-complect-item-about-content { width: 100%; } } @media (max-width: 374px) { .complect-item-content .button-style { width: 100%; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-content-img { min-width: 130px; height: 130px; } .products .pure-complect .pure-complect-content .pure-complect-item-content .pure-complect-item-wrapper .pure-complect-item-wrapper-links { margin-bottom: 25px; } } .errorBox { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 100px 0; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .errorBox--Message { font-family: "FuturaStdBook"; width: 100%; text-align: center; } .errorBox--Btn { display: block; margin: 10px 0; } .errorBox--Btn:hover { color: white; } .product-sell { position: relative; } .product-sell:before { content: ""; position: absolute; left: 20px; top: 6px; width: 20px; height: 30px; background: url(/tommy-hilfiger/static/media/PANIER.cd37cfdf.svg) no-repeat; background-size: contain; } .product-sell.store-icon:before { background: url(/tommy-hilfiger/static/media/store-solid.3167ad0b.svg) no-repeat !important; top: 0 !important; bottom: 0 !important; margin: auto; width: 30px !important; } .product-sell.store-icon.hovered:not(:hover):before { background: url(/tommy-hilfiger/static/media/store-solid-black.95f151e9.svg) no-repeat !important; } .product-sell.store-icon span { font-size: 20px; font-weight: 100; } @media (max-width: 625px) { .product-sell.store-icon { margin-top: 20px !important; } } @media (max-width: 768px) { .product-sell.store-icon span { margin-left: 40px !important; } } .zoomContent { position: relative; width: 460px; z-index: 0; } @media (max-width: 920px) { .zoomContent { width: 100%; } } @media (max-width: 920px) { .zoomContent img { width: 100%; } } .with-slider { position: relative; width: 100%; } @media (max-width: 920px) { .with-slider img { width: 100%; } } .share-btn { cursor: pointer; margin-left: 5px; margin-bottom: 10px; background-color: whitesmoke; font-family: "FuturaStdBook"; width: 91%; font-size: 16px; margin-top: 10px; text-align: center; border: 1px solid grey; display: -webkit-flex; display: flex; padding: 5px; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .product-alert-title { font-weight: bold; font-size: 18px; } .side-panel-popup { position: fixed; top: 0; right: 0; z-index: 10; background: #ffffff; width: 40%; min-width: 450px; -webkit-transition: .4s; transition: .4s; height: 100vh; border-left: 1px solid #000; } .side-panel-popup .close { padding: 10px; text-align: right; cursor: pointer; } .side-panel-popup .side-panel-popup-content { padding: 10px; } .side-panel-popup .side-panel-popup-content .side-panel-search-content { margin-top: 10px; } .side-panel-popup .side-panel-popup-content .side-panel-search-content input { padding: 5px 15px; border: 1px solid #dcdcdc; } .side-panel-popup .side-panel-popup-content .side-panel-search-content button { width: 190px; text-transform: uppercase; margin: 0; } .addtocart { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; cursor: pointer; border-color: transparent; background: transparent; outline: 0; } .addtocart:focus { outline: 0; } .addtocart .disable { background-color: #ccc !important; } .addtocart .message { margin-top: 5px; } .addtocart .error { color: #B12704; font-size: 14px; font-weight: bold; } .addtocart .success { color: #00174f; padding-top: 5px; } @-webkit-keyframes hideMessage { from { opacity: 1; } to { opacity: 0; } } @keyframes hideMessage { from { opacity: 1; } to { opacity: 0; } } .blogContent .swiper-slide { -webkit-flex-shrink: unset !important; flex-shrink: unset !important; } .blogContent .blogsRow { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .blogContent .blogsRow--item--small { margin: 8px; width: calc((100% / 3) - 16px); margin-bottom: 30px; color: #000; } .blogContent .blogsRow--item--small--imgBox { width: 100%; } .blogContent .blogsRow--item--small--imgBox--img { width: 100%; height: 100%; } .blogContent .blogsRow--item--small--infoBox--title { font-family: FuturaStdBook; font-weight: bold; text-align: center; font-size: 25px; } .blogContent .blogsRow--item--small--infoBox--subTitle { font-family: FuturaStdBook; text-align: center; font-size: 17px; } .blogContent .blogsRow--item--small--infoBox--more { text-align: center; font-family: FuturaStdBook; font-weight: bold; font-size: 15px; margin: 10px 0 0 0; } .blogContent .blogsRow--item--small--infoBox--more--link { color: #00174f; text-decoration: underline; } .blogContent .blogsRow--item--large { margin-bottom: 30px; } .blogContent .blogsRow--item--large--imgBox { width: 100%; } .blogContent .blogsRow--item--large--imgBox--img { width: 100%; } .blogContent .blogsRow--item--large--infoBox--title { margin: 5px 0; font-family: FuturaStdBook; font-weight: bold; font-size: 25px; text-align: left; } .blogContent .blogsRow--item--large--infoBox--subTitle { margin: 5px 0; font-family: FuturaStdBook; font-size: 17px; text-align: left; } .blog-post-content .product-info-box:not(.no-border) { border-bottom: 0; background-color: #f5f5f5; } .blog-post-content .div-grey-color { background: #f5f5f5; } .blog-post-content .product-info-box.no-border { border-top: 0; background-color: #f5f5f5; } .notreContent--header--textBox--description.blog-desc { margin-top: 35px; margin-bottom: 35px; } .blog-img img { width: 100%; display: block; margin: auto; } .blog-img--name { font-weight: bold; text-align: center; font-size: 16px; } .instagram { margin-bottom: 100px; } .instagram-title { text-align: left; font: 24px/30px 'FuturaStdBook', sans-serif; letter-spacing: 0.41px; color: white; text-transform: uppercase; opacity: 1; margin-bottom: 35px; } .instagram-title a { color: white; } .instagram-content { -webkit-justify-content: space-between; justify-content: space-between; } .instagram-content .instagram-img { margin: 4px; position: relative; } .instagram-content .instagram-img img { width: 100%; height: 100%; } .instagram-content .instagram-img .instagram-text { display: none; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(71, 71, 71, 0.59); -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .instagram-content .instagram-img .instagram-text a { color: #ffffff; font-family: 'FuturaStdBook', sans-serif; font-size: 16px; font-weight: normal; line-height: 1.25; letter-spacing: 0.27px; text-align: center; text-transform: uppercase; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding: 0 10px; } .instagram-content .instagram-img:hover .instagram-text { display: -webkit-flex; display: flex; } @media (max-width: 920px) { .instagram .instagramDesctop { display: none; } } .instagram .instagramMobile .swiper-slide { -webkit-flex-shrink: unset !important; flex-shrink: unset !important; } @media (min-width: 920px) { .instagram .instagramMobile { display: none; } } .title-blog-slider p { font-family: FuturaStdBook; font-weight: bold; text-align: left; font-size: 24px; } @media (max-width: 768px) { .title-blog-slider p { font-size: 22px; } } .img-box-blog img { width: 100%; height: auto; } .blogSlider.container { min-height: 500px; } .blogSlider.container .swiper-slide { min-height: 450px; -webkit-flex-shrink: unset; flex-shrink: unset; } @media (max-width: 768px) { .blogSlider.container .swiper-slide { min-height: 600px; } } .blogSlider.container .swiper-slide { margin: 0 15px; } .blogSlider.container .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; } .mobile-menu { width: 100%; height: 100vh; background: rgba(34, 34, 34, 0.7); position: fixed; top: 0; left: 0; z-index: 10; } .mobile-menu .mobile-menu-content { -webkit-flex-grow: 1; flex-grow: 1; background: white; height: 100%; overflow-y: auto; } .mobile-menu .mobile-menu-head { padding: 10px 5px 7px 30px; background: #00174f; } .mobile-menu .mobile-menu-head a { font-family: "FuturaStdBook"; font-size: 16px; font-weight: normal; line-height: 1.25; letter-spacing: 0.27px; text-align: center; color: #00174f; line-height: 1; text-decoration: underline; } .mobile-menu .mobile-menu-body .mobile-menu-item { padding: 30px; } .mobile-menu .mobile-menu-body .mobile-menu-item ul { padding: 0; list-style: none; margin: 0; } .mobile-menu .mobile-menu-body .mobile-menu-item ul li { padding: 20px 0; border-bottom: 1px solid #cccccc; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; line-height: 1.31; letter-spacing: 0.4px; text-align: left; color: #00174f; cursor: pointer; } .mobile-menu .mobile-menu-body .mobile-menu-item ul li:first-child { border-top: 1px solid #cccccc; } .mobile-menu .mobile-menu-body .mobile-menu-item ul li:hover { color: #857f7f; } .mobile-menu .mobile-menu-body .mobile-menu-item ul li.colored { color: #FF7F50; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .mobile-menu-item-content-head { padding: 10px 0 7px 30px; background: #d6d6d6; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .mobile-menu-item-content-head i { line-height: 1; margin-top: -3px; margin-right: 0px; font-size: 12px; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .mobile-menu-item-content-head p { font-family: "FuturaStdBook"; font-size: 12px; font-weight: 100; line-height: 1.75; letter-spacing: 0.3px; text-align: left; color: #00174f; margin-left: 15px; margin-bottom: 0; line-height: 1; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .mobile-menu-item-content-head h4 { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; line-height: 1.31; letter-spacing: 0.4px; text-align: left; color: #00174f; padding-right: 30px; line-height: 1; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-title { margin: 25px 0 15px 0; line-height: 1; font-weight: bold; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-title--link { list-style: none; margin-left: 5px; font-size: 16px; font-weight: 500; line-height: 1.31; letter-spacing: 0.4px; margin-top: 10px; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-title--link a { color: #00174f; cursor: pointer; } .mobile-menu .mobile-menu-body .mobile-menu-item-content h4 { padding-left: 30px; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.88; letter-spacing: normal; text-align: left; color: #00174f; } .mobile-menu .mobile-menu-body .mobile-menu-item-content ul { margin: 0; margin-left: 30px; padding: 0; padding-left: 20px; border-left: 1px solid #cccccc; margin-top: 16px; } .mobile-menu .mobile-menu-body .mobile-menu-item-content ul li { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 100; line-height: 1.31; letter-spacing: 0.4px; text-align: left; list-style: none; } .mobile-menu .mobile-menu-body .mobile-menu-item-content ul li a { color: #00174f; cursor: pointer; } .mobile-menu .mobile-menu-body .mobile-menu-item-content ul li a:hover { color: #857f7f; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-img { width: 100%; overflow: hidden; height: 270px; position: relative; z-index: 1; margin-top: 50px; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-img:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-img .linge-de-lit-item-img-content { height: 100%; padding: 30px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; position: relative; z-index: 2; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-img .linge-de-lit-item-img-content h4 { font-family: "FuturaStdBook"; font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; padding: 0; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-img .linge-de-lit-item-img-content a { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; position: relative; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #ffffff; padding: 8px 0; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-img .linge-de-lit-item-img-content a:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; background-color: #cc0c2f; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-img .linge-de-lit-item-img-content a:hover { -webkit-transform: translateX(5px); transform: translateX(5px); font-family: FuturaStdBold; } .mobile-menu .mobile-menu-body .mobile-menu-item-content .linge-de-lit-item-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 270px; object-fit: cover; z-index: -1; } .mobile-menu .mobile-menu-close { padding: 5px; cursor: pointer; } .mobile-menu .mobile-menu-close span { display: block; width: 20px; height: 2px; background: white; } .mobile-menu .mobile-menu-close span:first-child { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); } .mobile-menu .mobile-menu-close span:last-child { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } .language { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; cursor: pointer; position: relative; } .language .icon { color: white; line-height: 1; margin-top: -5px; -webkit-transform: rotate(-45deg) translate(-5px, -3px); transform: rotate(-45deg) translate(-5px, -3px); font-size: 12px; } .language .language-window { margin: 0; position: absolute; top: 15px; left: 50%; -webkit-transform: translateX(-68%); transform: translateX(-68%); padding: 0; background: white; border: 1px solid #b5b5b5; pointer-events: none; opacity: 0; -webkit-transition: .2s; transition: .2s; } .language .language-window.active { pointer-events: auto; opacity: 1; } .language .language-window li { list-style: none; padding: 3px 10px; } .language .language-window li i { margin: 0 auto; } .header-logo-wrapper { background: #fff; z-index: 1; } .login-failed-message { color: red; margin-top: 10px; } .searchContent { position: absolute; background: #fff; top: 65%; right: 0; width: 62%; border: 1px solid #9a9a9a52; box-shadow: 1px 1px 17px -7px #9a9a9a52; z-index: 999999; color: #192d60; } @media (max-width: 1200px) { .searchContent { right: 30px; } } @media (max-width: 990px) { .searchContent { width: 100%; left: 0; top: 100%; } } .searchContent .mobileSearchline { display: none; } @media (max-width: 990px) { .searchContent .mobileSearchline { display: block; } } .searchContent .mobileSearchline input { border: none; color: #192d60; border-bottom: 1px solid #192d60; margin: 10px auto; padding-bottom: 10px; width: calc(100% - 20px); } .searchContent .searchingText { text-align: left; width: 100%; border-bottom: 1px solid #9a9a9a52; padding: 7px 20px; display: -webkit-flex; display: flex; -webkit-align-items: left; align-items: left; } .searchContent .searchingText .title { width: 50%; text-transform: uppercase; color: #192d60; font-family: "FuturaStdBook"; letter-spacing: 0.6px; font-weight: bold; } .searchContent .searchInfoContent { width: 100%; padding: 7px 20px; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .searchContent .searchInfoContent .hlafBox { width: 50%; text-align: left; } @media (max-width: 400px) { .searchContent .searchInfoContent .hlafBox { width: 100%; } } .searchContent .searchInfoContent .hlafBox .item { width: 100%; display: -webkit-flex; display: flex; text-align: center; -webkit-align-items: center; align-items: center; } .searchContent .searchInfoContent .hlafBox .item .imgBox img { width: 80px; height: 80px; } .searchContent .searchInfoContent .hlafBox .item .infoBox { color: #192d60; padding: 7px 15px; text-align: left; width: 100%; } .searchContent .searchInfoContent .hlafBox .item .infoBox .title { color: #192d60; font: 300 16px "FuturaStdBook"; letter-spacing: 0.27px; text-transform: uppercase; padding: 13px 5px 5px 5px; line-height: 1.2; text-align: center; } .searchContent .searchInfoContent .hlafBox .item .infoBox .category-name { color: #c2c2c2; font: 300 16px "FuturaStdBook"; letter-spacing: 0.4px; } .searchContent .searchInfoContent .hlafBox .item .infoBox .product-price { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; letter-spacing: 0.4px; text-align: center; color: #192d60; margin: 5px 0px; } .searchContent .searchInfoContent .hlafBox .item .infoBox .product-price .new-price { text-align: center; } .searchContent .searchInfoContent .hlafBox .item .infoBox .product-price .old-price { margin: 0 5px; } .searchContent .searchInfoContent .hlafBox .item .infoBox .discountDetail { color: #192d60; margin: 10px 0px; } .searchContent .searchInfoContent .hlafBox.products .item .infoBox { text-align: center; } .searchContent .searchInfoContent .totalText { color: #192d60; margin: 10px 0px; width: 100%; text-align: left; font-weight: 800; } .header-logo { padding-top: 19px; padding-bottom: 13px; position: relative; text-align: center; } .header-logo .menu-btn-content { display: none; } .header-logo .logo { width: 180px; } .header-logo .menu-btn { width: 21px; } .header-logo .menu-btn span { display: block; height: 2px; background: #00174f; } .header-logo .menu-btn span:not(:last-child) { width: 100%; margin-bottom: 5px; } .header-logo .menu-btn span:last-child { width: 70%; } .header-logo-btns { position: absolute; right: 34px; top: 7px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; background: white; z-index: 1; } .header-logo-btns i { font-size: 24px; line-height: 1; margin-right: 0; } .header-logo-btns img { cursor: pointer; } .header-logo-btns [hidden] { display: none !important; } .header-logo-btns .search-content-input { background-color: #fff; padding: 0; width: 300px; } .header-logo-btns .search-content-input input { border: none; color: #192d60; border-bottom: 1px solid #192d60; margin-right: 10px; padding-bottom: 10px; visibility: hidden; } .header-logo-btns .search-content-input input::-webkit-input-placeholder { color: grey; } .header-logo-btns .search-content-input input::-ms-input-placeholder { color: grey; } .header-logo-btns .search-content-input input::placeholder { color: grey; } .header-logo-btns .search-content-input .showInput { visibility: visible; } .header-logo-btns .search-content-input-btn { border: none; padding: 5px 0; } .header-logo-btns .search-content-input-btn .search.icon { color: white; } .header-logo .header-logo-btns { right: 0; } .header-box { position: -webkit-sticky; position: sticky; top: 0; background: #fff; z-index: 6; } .relative-IE { position: relative; top: 0; background: #fff; z-index: 6; } .shopIcon, .userIcon { cursor: pointer; position: relative; } .shopIcon .shopping-bag-count, .userIcon .shopping-bag-count { width: 20px; height: 20px; border-radius: 50%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: absolute; top: -10px; right: -9px; background: #0d71bb; color: white; font-size: 15px; font-weight: bold; } .custom--spinner { min-height: 200px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .magazin-menu-navbar { color: rgba(0, 0, 0, 0.87); } .magazin-menu-navbar:hover { color: rgba(0, 0, 0, 0.87); border-bottom: solid 3px #a2871d; padding-bottom: 4px; z-index: 2; } .name-menu-item { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; margin-right: 20px; height: 100%; padding: 0 !important; } .name-menu-item span { cursor: pointer; font-size: 14px; } .name-menu-item .buticIcon img { width: 30px; -webkit-filter: invert(19%) sepia(1%) saturate(2%) hue-rotate(16deg) brightness(97%) contrast(89%); filter: invert(19%) sepia(1%) saturate(2%) hue-rotate(16deg) brightness(97%) contrast(89%); } .name-menu-item.last { margin-right: 0; } @media (max-width: 1020px) { .header-logo-btns .search-content-input { margin: 0 0 0 auto; } .header-navbar-menu li:not(:last-child) { margin-right: 25px; } .header-navbar.style-options { top: 0px; } .header-logo-btns { right: 34px !important; } } @media (max-width: 920px) { .header-head { display: none; } .header-logo { margin: 0; position: relative; text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .header-logo .menu-btn-content { display: -webkit-flex; display: flex; } .header-logo .logo { width: 130px; } .header-logo .menu-btn-content { display: -webkit-flex; display: flex; } .header-logo .menu-btn-content .menu-btn { margin-right: 15px; } .header-logo .menu-btn-content .search { font-size: 18px; } .header-logo .header-logo-btns { position: static; width: auto; padding: 0px; background-color: transparent; } .header-logo .header-logo-btns i { font-size: 18px; } .header-logo .header-logo-btns > i:not(:last-child) { margin-right: 20px; } .header-logo .header-logo-btns .search { display: none; } .header-navbar-menu { display: none; } .search-icon.mobile { display: none; } .search-content h4 { width: 100%; font-size: 7vmin; } .name-menu-item { margin-right: 5px; width: 50px; } .name-menu-item span { display: none; } .buticContainer { width: 30px; margin-left: -5px; } } @media (max-width: 550px) { .header-logo { -webkit-justify-content: flex-start; justify-content: flex-start; } .header-logo .header-logo-btns { position: absolute; top: 14px; right: 0 !important; } .header-logo .header-logo-btns .search-content-input { width: 0px !important; position: absolute; right: 270px; } .header-logo .header-logo-btns .search-content-input .showInput { background: #fff; padding-top: 30px; } .modal-wrapper { background-color: transparent; } } .magazin-menu-navbar:hover { color: rgba(0, 0, 0, 0.87); border-bottom: solid 3px #00174f; padding-bottom: 4px; z-index: 2; } .default-input { width: 100%; } .default-input .iconBox { position: relative; } .default-input .iconBox .showIcon { position: absolute; right: 7px; top: 7px; } .default-input label { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; line-height: 1.5; letter-spacing: 0.35px; text-align: left; color: #00174f; } .default-input label.invalid { color: #ac0000f0; } .default-input input, .default-input textarea { width: 100%; border: 1px solid #dcdcdc; font-family: "FuturaStdBook"; font-size: 15px; line-height: 1.5; letter-spacing: 0.35px; text-align: left; color: #00174f; padding: 5px 0 5px 10px; } .default-input input::-webkit-input-placeholder, .default-input textarea::-webkit-input-placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.35px; text-align: left; color: #c2c2c2; } .default-input input::-ms-input-placeholder, .default-input textarea::-ms-input-placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.35px; text-align: left; color: #c2c2c2; } .default-input input::placeholder, .default-input textarea::placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.35px; text-align: left; color: #c2c2c2; } .product-content1 { padding: 0 15px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 500px; } .product-content1 .default-input:first-of-type { margin-bottom: 20px; } .product-content1 .product-content-text { margin-bottom: 20px; } .product-content1 .product-content-btn { display: block; width: 150px; height: 40px; margin: 20px auto 0; } .product-content1 .product-content-btn.disabled { background: #ccc; } .product-content1 .errorMessage1 { padding: 20px 10px; color: green; } .product-content1 .errorMessage2 { padding: 20px 10px; color: red; } .product-info-box { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; background-color: #f5f5f5; } .product-info-box .main-box .categorye-list { list-style: none; padding: 0; } .product-info-box .main-box .categorye-list li { display: inline-block; margin: 5px; } .product-info-box .main-box .categorye-list li:before { content: " > "; color: #00174f; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 600; letter-spacing: 0.35px; line-height: 21px; } .product-info-box .main-box .categorye-list li:first-child:before { display: none; } .product-info-box .main-box .categorye-list li a, .product-info-box .main-box .categorye-list li span { color: #00174f; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 600; letter-spacing: 0.35px; line-height: 21px; } .product-info-box .main-box .info-box { text-align: center; margin-top: 33px; padding: 12px; } .product-info-box .main-box .info-box .title { color: #00174f; font-family: century-gothic; font-size: 24px; letter-spacing: 0.6px; line-height: 26px; margin-bottom: 27px; } .product-info-box .main-box .info-box .text { color: #00174f; font-family: "FuturaStdBook"; font-size: 17px; font-weight: 300; letter-spacing: 0.35px; line-height: 21px; max-width: 762px; margin: 0 auto; } .product-info-box .main-box .info-box .text p span { font-size: 17px !important; } .product-section { margin: 0 auto; margin-top: 44px; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; padding: 0 10px; } .product-section .product-content-outer { width: calc(100% - 210px); } .metro__Wrapper-sc-2iqssn-0 { margin: 0 auto; } .infinite-scroll-component { overflow: hidden !important; } .multiline-ellipsis { position: relative; height: 150px; overflow: hidden; } @media (max-width: 1163px) { .product-section .product-content-outer .product-content { -webkit-justify-content: center; justify-content: center; } } @media (max-width: 768px) { .product-section .product-content-outer { width: 100%; } .articles-section { display: block; } } @media (max-width: 576px) { .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img-text .product-title { font-size: 12px; text-align: center; } .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img-text .product-price { font-size: 12px; } .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img-text .product-price span:not(.price-text) { font-size: 12px; } .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img-text .product-price span:not(.price-text) .old-price { font-size: 12px; } .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img { height: 210px; } .product-section .product-content-outer .product-content .product-content-sm-product .info-box .front .product-price { font-size: 11px; } .product-section .product-content-outer .product-content .product-content-sm-product .info-box .front .product-title { padding: 10px 0 3px; font-size: 16px; } } .sidbar { width: 210px; display: inline-block; position: -webkit-sticky; position: sticky; top: 160px; } .sidbar:hover { overflow-y: scroll; height: 77vh; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } .sidbar:hover::-webkit-scrollbar { width: 0px; } .sidbar:hover::-webkit-scrollbar-track { background: transparent; } .sidbar:hover::-webkit-scrollbar-thumb { background: transparent; } .sidbar:hover::-webkit-scrollbar-thumb:hover { background: transparent; } .sidbar .filter-title { color: #00174f; font-family: FuturaStdBold; font-size: 20px; font-weight: 700; line-height: 30px; text-transform: uppercase; border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; } @media (min-width: 768px) { .sidbar .filter-title .x.icon { display: none; } } .sidbar .filter-title .close-sidbar { display: none; } .sidbar .sidebar-box { border-bottom: 1px solid #f5f5f5; } .sidbar .sidebar-box .title { margin-top: 10px; color: white; font-family: FuturaStdBook, sans-serif !important; font-size: 16px; font-weight: 900; letter-spacing: 0.27px; line-height: 20px; text-transform: uppercase; position: relative; } .sidbar .sidebar-box .title:before { content: ""; width: 12px; height: 2px; background-color: white; line-height: 20px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .sidbar .sidebar-box .title:after { content: ""; width: 2px; height: 12px; background-color: white; line-height: 20px; position: absolute; right: 5px; top: 0; bottom: 0; margin: auto; } .sidbar .sidebar-box .title.active:after { display: none; } .sidbar .sidebar-box .filter-list { list-style: none; padding: 0; margin: 0; } .sidbar .sidebar-box .filter-list li .checkbox-label { position: relative; cursor: pointer; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding-left: 26px; line-height: 1; margin-bottom: 12px; font-family: "FuturaStdBook"; font-weight: 600; } .sidbar .sidebar-box .filter-list li .checkbox-label input { display: none; } .sidbar .sidebar-box .filter-list li .checkbox-label .check-elem { position: absolute; left: 0; margin: auto; width: 14px; height: 14px; border: 1px solid #00174f; background-color: white; display: block; cursor: pointer; bottom: 2px; } .sidbar .sidebar-box .filter-list li .checkbox-label input:checked ~ .check-elem { background-color: black; } .sidbar .sidebar-box .colors-list { list-style: none; padding: 0; display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } .sidbar .sidebar-box .colors-list li { text-align: left; cursor: pointer; position: relative; margin-bottom: 20px; } .sidbar .sidebar-box .colors-list li.selected { -webkit-order: -1; order: -1; } .sidbar .sidebar-box .colors-list li .color-box { display: block; width: 30px; height: 30px; margin: 0 30px 0 0; border-radius: 100%; position: relative; } .sidbar .sidebar-box .colors-list li .color-box.multi { background-image: -webkit-gradient(linear, left top, right bottom, from(red), color-stop(#0081ff), color-stop(#00f400), to(yellow)); background-image: -webkit-linear-gradient(left top, red, #0081ff, #00f400, yellow); background-image: linear-gradient(to right bottom, red, #0081ff, #00f400, yellow); } .sidbar .sidebar-box .colors-list li .color-box.checked { border: 1px solid #fff !important; box-shadow: 0 0 1px 1px grey; } .sidbar .sidebar-box .colors-list li .color-box.checked::after { content: ''; display: block; width: 13px; height: 8px; border-left: 2px solid white; border-bottom: 2px solid white; position: absolute; bottom: 12px; left: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sidbar .sidebar-box .colors-list li .color-box.checked.black::after { border-color: #fff; } .sidbar .sidebar-box .colors-list li .color-name { visibility: hidden; position: absolute; z-index: 1; } .sidbar .sidebar-box .colors-list li:hover .color-name { visibility: visible; } .sidbar .sidebar-box:last-child { border-color: transparent; } .sidbar.open-filter { display: block; position: fixed; z-index: 10; background: #fff; width: 100%; top: 0; left: 0; margin: 0; padding: 20px; overflow-y: auto; height: 100vh; } .sidbar.open-filter .filter-title { position: relative; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; line-height: 1; padding-bottom: 25px; } .sidbar.open-filter .filter-title i { line-height: 1; margin-top: -5px; } .sidbar.open-filter .filter-title .close-sidbar { display: block; width: 40px; height: 40px; cursor: pointer; } .sidbar.open-filter .filter-title .close-sidbar:before { content: ""; width: 35px; height: 1px; background: white; position: absolute; top: 0; bottom: 0; margin: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sidbar.open-filter .filter-title .close-sidbar:after { content: ""; width: 35px; height: 1px; background: white; position: absolute; top: 0; bottom: 0; margin: auto; -webkit-transform: rotate(315deg); transform: rotate(315deg); } .sidbar.open-filter .sidebar-box .colors-list { list-style: none; padding: 0; display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .filter-btn { display: none; background: #00174f; width: 100%; color: #fff; border: none; font: 300 16px FuturaStdBook, sans-serif; text-transform: uppercase; padding: 12px; letter-spacing: 0.4px; } .afficher-content { position: fixed; left: 0; right: 0; bottom: 0; padding: 10px 30px; display: inline-block; background: white; z-index: 2; } .show-res-btn { display: none; background: #00174f; width: 90%; color: #fff; border: none; font: 300 16px FuturaStdBook, sans-serif; text-transform: uppercase; padding: 12px; letter-spacing: 0.4px; position: relative; left: 0; right: 0; margin: auto; } .afficher-content { position: fixed; left: 0; right: 0; bottom: 0; padding: 10px 30px; display: inline-block; background: white; z-index: 2; } @media (max-width: 768px) { .sidbar { display: none; } .filter-content { position: fixed; padding: 20px 30px; background: white; width: 100%; z-index: 1; bottom: 0; } .filter-btn, .show-res-btn { display: block; } .product-section .product-content-outer { width: 100%; } } .product-section { margin: 0 auto; margin-top: 44px; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; padding: 0 10px; } .product-section .product-content-outer { width: calc(100% - 210px); } .product-section .product-content-outer .product-content { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: stretch; align-items: stretch; padding: 0 15px 0 15px; } .product-section .product-content-outer .product-content .advertising { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: center; justify-content: center; height: 100%; } .product-section .product-content-outer .product-content .advertising img { width: 100%; height: 100%; } .icons-information-section { height: 140px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .icons-information-section .info-ieam { text-align: center; margin: 5px 31px 5px 31px; } .metro__Wrapper-sc-2iqssn-0 { margin: 0 auto; } .infinite-scroll-component { overflow: hidden !important; } .multiline-ellipsis { position: relative; height: 150px; overflow: hidden; } .articles-section { display: none; width: 100%; border-bottom: 1px solid #f5f5f5; padding: 7px 0; } .articles-section .text { font: 300 14px "FuturaStdBook"; line-height: 1.5; letter-spacing: 0.35px; text-align: right; color: white; } .articles-section .text .articles-qty { font-weight: bold; margin: 0 5px; } .product-item { color: #00174f; margin: 0px 8px 30px 8px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: all ease-in-out 0.7s; transition: all ease-in-out 0.7s; } .product-item > a { display: block; width: 100%; } .product-item.fourColums.opened { width: calc(100% - (100%/4) - 20px); } @media (max-width: 1140px) { .product-item.fourColums.opened { width: 100%; } } .product-item.fourColums.opened .link { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; } .product-item.fourColums.opened .info-box .front .info-box-lg-content .text.multiline-ellipsis { overflow: hidden; } .product-item .info-box { width: 100%; min-height: 80px; -webkit-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: relative; } .product-item .info-box .front { -webkit-transition: all ease-in-out 0.7s; transition: all ease-in-out 0.7s; text-align: center; -webkit-align-self: flex-start; align-self: flex-start; width: 100%; } .product-item .info-box .front .info-box-lg-content { display: none; } .product-item .info-box .front .product-price { text-align: center; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .product-item .info-box .front .product-price .price-text { display: block; width: 100%; text-align: right; } .product-item .info-box .front .product-price.discount .price-text { display: inline-block; width: auto; text-align: left; } .product-item .info-box .front .product-price.discount .old-price, .product-item .info-box .front .product-price.discount .new-price { text-align: unset; display: inline-block; width: auto; margin: 0 5px; } .product-item .info-box .front .product-title { color: #00174f; font: 600 16px "FuturaStdBook"; letter-spacing: 0.27px; text-transform: uppercase; padding: 13px 5px 5px 0; line-height: 1.2; text-align: center; } .product-item .info-box .front .product-categorye-name { color: #00174f; font: 300 15px "FuturaStdBook"; letter-spacing: 0.4px; text-align: center; } .product-item .info-box .back { -webkit-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white; z-index: 2; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; text-align: center; opacity: 0; pointer-events: none; } .product-item .info-box .back .btt { color: #00174f; font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; letter-spacing: 0.35px; line-height: 21px; position: relative; cursor: pointer; padding: 0 20px; } .product-item .info-box .back .btt:before { content: ""; position: absolute; bottom: -8px; left: 0; -webkit-transform: scale(1.2); transform: scale(1.2); width: 30px; height: 5px; margin-left: 40px; background-color: #cc0c2f; } .product-item .product-item-img { -webkit-transition: all ease-in-out 0.7s; transition: all ease-in-out 0.7s; position: relative; height: auto; width: 100%; } .product-item .product-item-img img { width: 100%; } .product-item .product-item-img:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(71, 71, 71, 0.59); opacity: 0; pointer-events: none; -webkit-transition: .2s; transition: .2s; } .product-item .product-item-img-text { -webkit-transition: all ease-in-out 0.7s; transition: all ease-in-out 0.7s; display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 50%; } .product-item .product-item-img-text .product-title { font-family: "FuturaStdBook"; font-size: 16px; font-weight: normal; line-height: 1.25; letter-spacing: 0.27px; text-align: center; color: #ffffff; text-transform: uppercase; } .product-item .product-item-img-text .product-categorye-name { color: #ffffff; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; letter-spacing: 0.4px; line-height: 21px; display: block; text-align: center; width: 100%; } .product-item .product-item-img-text .product-price { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.35px; text-align: center; color: #ffffff; } .product-item .product-item-img-text .product-price span:not(.price-text) { font-size: 16px; } .product-item:hover .info-box { box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); color: #00174f; } .product-item:hover .info-box .back { opacity: 1; pointer-events: auto; } .product-item:hover .product-item-img-text { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .product-item:hover .product-item-img:before { opacity: 1; pointer-events: auto; } .product-content-sm-product { margin: 0 8px 30px 8px; } .product-content-sm-product .info-box { min-height: 100px; } .product-content-sm-product .info-box .front .product-title { padding: 10px 0px 3px; } .product-content-sm-product .info-box .front .product-categorye-name { line-height: 1; } .product-content-sm-product .info-box .front .product-price { color: white; } .product-content-sm-product .info-box .front .product-price span { font-size: 16px; } .product-content-sm-product .info-box .back { padding: 24px 10px; } .product-content-sm-product .product-item-img { width: 100%; height: 210px; position: relative; overflow: hidden; } .product-content-sm-product .product-item-img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; object-fit: contain; } .product-content-sm-product .product-item-img-text .product-title { text-align: center; padding: 0 10px; } .product-item.opened:hover:hover .info-box { box-shadow: none; color: #00174f; } .product-item.opened:hover:hover .info-box .back { display: none; } .product-item.opened:hover:hover .product-item-img-text { display: none; } .product-item.opened:hover:hover .product-item-img:before { display: none; } .product-item.banner { height: 372px; } .product-item.banner img { width: 100%; height: 100%; } .product-item.opened { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } .product-item.opened a { display: -webkit-flex; display: flex; } .product-item.opened .link { display: -webkit-flex; display: flex; } @media (max-width: 1200px) { .product-item.opened { width: 100%; } } .product-item.opened.small:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.36); -webkit-transition: all ease-in-out 0.7s; transition: all ease-in-out 0.7s; } .product-item.opened.small .product-item-img { width: 80%; border: none; } .product-item.opened.small .product-item-img img { height: 100%; } .product-item.opened.small .info-box .info-box-lg-content .multiline-ellipsis { overflow: hidden; height: 101px; } .product-item.opened .product-item-img { width: 80%; height: 385px; position: relative; overflow: hidden; } @media (max-width: 1100px) { .product-item.opened .product-item-img { height: 100%; } } .product-item.opened .product-item-img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .product-item.opened .info-box { max-width: 40%; border: solid 1px #dcdcdc; border-left: none; } .product-item.opened .info-box .front { padding: 2px 15px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .product-item.opened .info-box .front .product-title { margin-bottom: 8px; padding: 10px 0; text-align: left; } .product-item.opened .info-box .front .product-categorye-name { margin-bottom: 16px; text-align: left; padding-left: 0; } .product-item.opened .info-box .front .info-box-lg-content { display: -webkit-flex; display: flex; -webkit-align-content: center; align-content: center; -webkit-justify-content: center; justify-content: center; font: 300 14px "FuturaStdBook"; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .product-item.opened .info-box .front .info-box-lg-content .text { line-height: 1.43; letter-spacing: 0.35px; text-align: left; color: #00174f; } .product-item.opened .info-box .front .info-box-lg-content .title-brd-image { background-image: none; width: 100px; height: 10px; background-repeat: no-repeat; background-size: contain; margin: auto; } .product-item.opened .info-box .front .info-box-lg-content .title-brd { margin-bottom: 12px; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.43; letter-spacing: 0.35px; text-align: center; color: #00174f; width: 100%; } .product-item.opened .info-box .front .product-price { text-align: left; } .product-item.opened .info-box .back { padding: 5px; } @media (max-width: 1163px) { .product-section .product-content-outer .product-content { -webkit-justify-content: center; justify-content: center; } } @media (max-width: 768px) { .product-section .product-content-outer { width: 100%; } .articles-section { display: block; } } @media (max-width: 576px) { .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img-text .product-title { font-size: 12px; text-align: center; } .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img-text .product-price { font-size: 12px; } .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img-text .product-price span:not(.price-text) { font-size: 12px; } .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img-text .product-price span:not(.price-text) .old-price { font-size: 12px; } .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img { height: 400px; } .product-section .product-content-outer .product-content .product-content-sm-product .product-item-img .discount-box .text { line-height: 1; } .product-section .product-content-outer .product-content .product-content-sm-product .info-box .front .product-price span:not(.price-text) { font-size: 16px; line-height: 21px; } .product-section .product-content-outer .product-content .product-content-sm-product .info-box .front .product-title { padding: 20px 0 3px; font-size: 16px; font-weight: bold; line-height: 1.25; } } .advertisingBox { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; width: calc(100% /3 - 16px); } @media (max-width: 920px) { .advertisingBox { width: calc(100% /2 - 16px); } } @media (max-width: 589px) { .advertisingBox { width: 100%; } } .advertisingBox.productBox { display: block; } .advertisingBox.opened { width: calc(100% - (100%/3) - 16px); } .advertisingBox.currentAdvertising { padding: 0px 8px 30px 8px; width: calc(100% /2 + 100px); } @media (max-width: 576px) { .advertisingBox.currentAdvertising { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 920px) { .advertisingBox.currentAdvertising { width: 100%; } } .advertisingBox.fourColums { width: calc(100% /4); } @media (max-width: 920px) { .advertisingBox.fourColums { width: calc(100% /3); } } @media (max-width: 768px) { .advertisingBox.fourColums { width: calc(100% /2); } } @media (max-width: 589px) { .advertisingBox.fourColums { width: 100%; } } .advertisingBox.fourColums.currentAdvertising { width: calc(100% /2); } @media (max-width: 576px) { .advertisingBox.fourColums.currentAdvertising { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 920px) { .advertisingBox.fourColums.currentAdvertising { width: 100%; } } .advertisingBox.fourColums.opened { width: calc(100% - (100%/2) - 16px); } @media (max-width: 920px) { .advertisingBox.fourColums.opened { width: calc(100% - (100%/2) - 16px); } } .advertisingBox.fourColums.opened .product-item.opened a { display: -webkit-flex; display: flex; position: relative; border: solid 1px #dcdcdc; } .advertisingBox.fourColums.opened .product-item.opened a .info-box { border: none; } .advertisingBox.fourColums.opened .product-item .link .product-item-img { height: 100%; } .advertisingBox.fourColums.opened .info-box .front .product-price { text-align: center !important; } .advertisingBox.fourColums.opened .info-box .front .product-price span { display: block; } .currentAdvertising .product-content-sm-product { width: 48%; margin: 0 !important; } .currentAdvertising .product-content-sm-product a img { width: 100%; height: 100%; } @media (max-width: 576px) { .currentAdvertising .product-content-sm-product.false { width: 100%; } } @media (max-width: 576px) { .currentAdvertising .product-content-sm-product:nth-child(2) { display: none !important; } } .pour-products.keyword { padding: 0 0 30px 0; margin-top: -25px; } .poure-products-category-content.keyword h3 { font-family: "FuturaStdBook"; font-size: 17px; line-height: 1.25; letter-spacing: 0.3px; text-align: center; color: #00174f; margin-top: 40px; text-transform: uppercase; } .poure-products-category-content.keyword { height: 100px; -webkit-justify-content: center; justify-content: center; width: 350px; position: relative; border-bottom: 3px solid #00174f; text-align: center; } .products .pour-products .poure-products-category-content.keyword { margin-top: 0; } .poure-products-category-content-text.keyword { font-family: "FuturaStdBook"; font-size: 17px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; } .connection-content { padding: 50px 0; margin: 0 auto; } .connection-content .connection-title { font: 600 16px "FuturaStdBook"; color: white; text-transform: uppercase; margin-bottom: 25px; } .connection-content .forgot-password { padding: 0 50px 0 50px; width: 100%; color: #00174f; } .connection-content .forgot-password .input-box:not(:first-child) { margin-top: 30px; } .connection-content .forgot-password .input-box .error-text { color: red; padding: 5px; } .connection-content .forgot-password .forgotMessage { margin: 15px 0px 10px 0px; text-align: center; } .connection-content .forgot-password .main-btn { width: 180px; margin: 49px auto 0; display: block; } .connection-content .input-box:not(:first-child) { margin-top: 20px; } .connection-content .input-box label { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; } .connection-content .input-box input { width: 100%; height: 30px; background: #ffffff; padding: 9px 0 9px 11px; border: solid 1px #dcdcdc; } .connection-content .input-box input::-webkit-input-placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; letter-spacing: 0.4px; text-align: left; color: #c2c2c2; } .connection-content .input-box input::-ms-input-placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; letter-spacing: 0.4px; text-align: left; color: #c2c2c2; } .connection-content .input-box input::placeholder { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; letter-spacing: 0.4px; text-align: left; color: #c2c2c2; } .connection-content .input-box input:-webkit-autofill, .connection-content .input-box input:-webkit-autofill:hover, .connection-content .input-box input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #fff inset; } .connection-content .login { width: 100%; } .connection-content .login .main-btn { width: 180px; margin: 0 auto; display: block; margin-top: 49px; } .connection-content .login { padding: 0 50px 0 50px; border-right: solid 1px #707070; } .connection-content .login .main-btn { margin-top: 40px; } .connection-content .login .link { display: block; font: 15px "FuturaStdBook"; letter-spacing: 0.4px; text-align: right; text-decoration: underline; color: #00174f; margin-top: 10px; cursor: pointer; } .connection-content.connect-block { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 576px) { .connection-content.connect-block { -webkit-flex-direction: column; flex-direction: column; padding: 50px 15px; } .connection-content.connect-block .input-box input { height: 50px; } .connection-content.connect-block .login, .connection-content.connect-block .forgot-password { padding: 0; } .connection-content.connect-block .login .main-btn, .connection-content.connect-block .forgot-password .main-btn { margin-top: 30px; width: 100%; height: 40px; } .connection-content.connect-block .login { border-right: none; margin-bottom: 50px; } } .connect-block .forgot-password .disabled { background: #ccc; } .mentions-page { max-width: 826px; padding: 0 34px 30px; margin: auto; } .mentions-page .accordion { border-bottom: 1px solid #d9d9d9; } .mentions-page .accordion .title { font: 600 16px/1 "FuturaStdBook" !important; color: #00174f !important; text-transform: uppercase; position: relative; padding: 24px 0 !important; } .mentions-page .accordion .title::before, .mentions-page .accordion .title::after { content: ''; display: block; width: 14px; height: 1px; background-color: #707070; position: absolute; right: 0; top: 50%; } .mentions-page .accordion .title::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .mentions-page .accordion .title.active::after { display: none; } .mentions-page .accordion .content { padding: 0 0 20px 0 !important; color: #00174f; } .mentions-page .accordion .content p { font: 15px/1.5 "FuturaStdBook" !important; } .mentions-page .accordion .content img { width: 100%; height: auto; } .mentions-page .accordion .content .tabs-content { overflow-x: auto; } .mentions-page .accordion .content .tabs-content .size-table { width: 100%; font: 15px/1 "FuturaStdBook" !important; border-spacing: 0; border-collapse: collapse; min-width: 600px; } .mentions-page .accordion .content .tabs-content .size-table th, .mentions-page .accordion .content .tabs-content .size-table td { padding: 10px 5px; border: 1px solid #dadada; text-align: center; vertical-align: text-top; } .mentions-page .accordion .content .tabs-content .size-table th { border-bottom: none; border-top: none; } .mentions-page .accordion .content .tabs-content .size-table thead { background: #cccccc; font-weight: bold; color: #5f5f5f; } .mentions-page .accordion .content .tabs-content .size-table tbody { color: #7a7a7a; } .mentions-page .accordion .content .tabs-content .size-table tbody tr:nth-child(even) { background: #f9f8f8; } .plan-du-site-page { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; padding-top: 30px; } .plan-du-site-page .site-menu .parent, .plan-du-site-page .site-menu .parent .children { list-style: none; padding-left: 10px; } .plan-du-site-page .site-menu .parent .item-nav, .plan-du-site-page .site-menu .parent .children .item-nav { position: relative; padding: 5px 15px; } .plan-du-site-page .site-menu .parent .item-nav span, .plan-du-site-page .site-menu .parent .children .item-nav span { padding: 5px 15px; } .plan-du-site-page .site-menu .parent .item-nav:before, .plan-du-site-page .site-menu .parent .children .item-nav:before { content: ""; position: absolute; left: 10px; top: 10px; border-left: 2px solid white; border-bottom: 2px solid white; width: 8px; height: 8px; -webkit-transform: rotate(225deg); transform: rotate(225deg); } .plan-du-site-page .site-menu .parent .item-nav a, .plan-du-site-page .site-menu .parent .children .item-nav a { color: rgba(0, 0, 0, 0.87); padding: 5px 15px; } .plan-du-site-page .site-menu .parent .item-nav a:hover, .plan-du-site-page .site-menu .parent .children .item-nav a:hover { background-color: #f5f5f5; } .plan-du-site-page .site-menu h4 { text-transform: uppercase; } .not-found-container-503 { height: 766px; background-image: url(/tommy-hilfiger/static/media/503.44492fdf.svg); background-repeat: no-repeat; background-size: 100% 766px; padding-top: 431.5px; } @media (max-width: 990px) { .not-found-container-503 { padding-top: 250px; background-size: 100%; height: 450px; } } @media (max-width: 768px) { .not-found-container-503 { padding-top: 250px; background-size: 100%; height: 450px; } } @media (max-width: 652px) { .not-found-container-503 { padding-top: 195px; background-size: 100%; height: 360px; } } @media (max-width: 589px) { .not-found-container-503 { padding-top: 95px; background-size: 100%; height: 210px; } } .not-found-container-503 .not-found-code { width: 773px; font-family: century-gothic; font-size: 450px; font-weight: bold; line-height: 0.06; letter-spacing: 11.25px; text-align: left; color: white; opacity: 0.5; margin: 0px auto 0px; text-align: center; } @media (max-width: 990px) { .not-found-container-503 .not-found-code { width: auto; font-size: 100px; } } .not-found-container-503 .not-found-inner { width: 560px; height: 250px; background-color: #ffffff; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } @media (max-width: 1200px) { .not-found-container-503 .not-found-inner { width: 60%; height: 100px; } } @media (max-width: 589px) { .not-found-container-503 .not-found-inner { width: 90%; height: 90px; } } .not-found-container-503 .not-found-inner .introuvable { text-align: center; font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; text-transform: uppercase; margin: 0 auto 20px; } @media (max-width: 770px) { .not-found-container-503 .not-found-inner .introuvable { margin: 0 auto 4px; } } .not-found-container-503 .not-found-inner .rien-sous { text-align: center; color: #00174f; font-family: century-gothic; font-size: 24px; font-weight: 500; text-transform: uppercase; margin: 0 auto; } .not-found-container { height: 766px; background-image: url(/tommy-hilfiger/static/media/404.7d794f8e.svg); background-repeat: no-repeat; background-size: 100% 766px; padding-top: 431.5px; } @media (max-width: 990px) { .not-found-container { padding-top: 250px; background-size: 100%; height: 450px; } } @media (max-width: 768px) { .not-found-container { padding-top: 250px; background-size: 100%; height: 450px; } } @media (max-width: 652px) { .not-found-container { padding-top: 195px; background-size: 100%; height: 360px; } } @media (max-width: 589px) { .not-found-container { padding-top: 95px; background-size: 100%; height: 210px; } } .not-found-container .not-found-code { width: 773px; font-family: century-gothic; font-size: 450px; font-weight: bold; line-height: 0.06; letter-spacing: 11.25px; text-align: left; color: white; opacity: 0.5; margin: 0px auto 0px; text-align: center; } @media (max-width: 990px) { .not-found-container .not-found-code { width: auto; font-size: 100px; } } .not-found-container .not-found-inner { width: 560px; height: 250px; background-color: #ffffff; margin: 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } @media (max-width: 1200px) { .not-found-container .not-found-inner { width: 60%; height: 100px; } } @media (max-width: 589px) { .not-found-container .not-found-inner { width: 90%; height: 90px; } } .not-found-container .not-found-inner .introuvable { text-align: center; font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; text-transform: uppercase; margin: 0 auto 20px; } @media (max-width: 770px) { .not-found-container .not-found-inner .introuvable { margin: 0 auto 4px; } } .not-found-container .not-found-inner .rien-sous { text-align: center; color: white; font-family: "FuturaStdBook"; font-size: 24px; font-weight: 500; text-transform: uppercase; margin: 0 auto; } .mes-commandes { background: #f5f5f5; padding: 0 15px 30px; } .mes-commandes .container { max-width: 1002px; padding: 0 34px; } .mes-commandes .product-info-box { border-bottom: 0; } .mes-commandes .metrospinner { margin-right: 1000px; } .mes-commandes .mes-commandes-head { padding: 10px 10px 7px; background: #00174f; line-height: 1; color: #fff; margin-bottom: 20px; } .mes-commandes .mes-commandes-item { margin-bottom: 20px; background-color: #fff; } .mes-commandes .mes-commandes-info { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding: 9px 30px 5px 20px; border-bottom: 1px solid #f5f5f5; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-family: Futura; font-size: 16px; font-weight: 300; line-height: 1; text-align: left; color: #00174f; } .mes-commandes .mes-commandes-info .seperator { margin: 0 10px; color: #00174f; height: 10px; } .mes-commandes .mes-commandes-info .mes-commandes-total-price { margin-left: auto; text-transform: uppercase; } .mes-commandes .mes-commandes-item-content { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 20px 30px 20px 20px; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-title { font-family: Futura; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; text-align: left; color: white; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-title span { font-weight: normal; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper .mes-commandes-item-image-box { width: 100px; height: 100px; position: relative; overflow: hidden; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper .mes-commandes-item-image-box:not(:last-of-type) { margin-right: 10px; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper .mes-commandes-item-image-box img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper .mes-commandes-item-image-box .mes-commandes-item-image-count { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: #00174f; font-family: Futura; font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; text-align: left; color: #ffffff; cursor: pointer; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-buttons { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; width: 265px; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-buttons .button-style { width: 100%; height: 30px; margin: 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } @media (max-width: 568px) { .mes-commandes .mes-commandes-item-content .mes-commandes-item-buttons .button-style { width: 100%; font-size: 15px; padding: 10px 0; height: auto; } } .mes-commandes .mes-commandes-item-content .mes-commandes-item-buttons .button-style:hover { color: #ffffff; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-buttons .button-style:last-child { margin-top: 10px; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-buttons .button-style.disabled { background-color: #ccc; } @media (max-width: 992px) { .mes-commandes .mes-commandes-info { -webkit-flex-direction: column; flex-direction: column; } .mes-commandes .mes-commandes-info .seperator { display: none; } .mes-commandes .mes-commandes-info .mes-commandes-total-price { margin: 0; } .mes-commandes .mes-commandes-item-content { -webkit-flex-direction: column; flex-direction: column; max-width: 320px; margin: 0 auto; padding: 15px 20px 20px; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-buttons { margin-top: 20px; width: 100%; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-buttons .button-style { margin-top: 10px; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-buttons .mes-commandes-item-buttons-box { margin-top: 20px; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper { -webkit-justify-content: center; justify-content: center; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper .mes-commandes-item-image-box { width: 130px; height: 130px; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper .mes-commandes-item-image-box:not(:last-child) { margin: 0; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper .mes-commandes-item-image-box:nth-child(odd) { margin-right: 10px; margin-bottom: 10px; } } @media (max-width: 576px) { .mes-commandes .mes-commandes-info { -webkit-align-items: flex-start; align-items: flex-start; padding: 15px 20px; } .mes-commandes .mes-commandes-info > div { margin-bottom: 5px; } } @media (max-width: 375px) { .mes-commandes .mes-commandes-item-content { width: 100%; } .mes-commandes .mes-commandes-item-content .mes-commandes-item-image .mes-commandes-item-image-wrapper .mes-commandes-item-image-box { width: 120px; height: 120px; } } .return-page-wrapper { background: #f5f5f5; } @media (max-width: 768px) { .return-page-wrapper .container.dflex { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } } .return-page-wrapper .return-page-form { width: 48.88%; -webkit-flex-grow: 1; flex-grow: 1; } @media (max-width: 768px) { .return-page-wrapper .return-page-form { width: 90%; margin: auto; } } .return-page-wrapper .return-page-form .ui.form.page-content-form { max-width: 554px; margin: 0 auto; padding: 25px 0 50px; } @media (max-width: 768px) { .return-page-wrapper .return-page-form .ui.form.page-content-form { max-width: 100%; } } .return-page-wrapper .return-page-form .ui.form.page-content-form textarea { min-height: 150px; } .return-page-wrapper .return-page-locator { width: 48.88%; margin: auto 0 auto 10px; min-height: 177px; } @media (max-width: 768px) { .return-page-wrapper .return-page-locator { width: 90%; margin: auto; padding-top: 30px; } } .return-page-wrapper .return-page-locator .return-page-locator-label { font: 300 15px/1.5 "FuturaStdBook"; letter-spacing: 0.4px; text-align: left; color: #00174f; } .futureBox { background-color: #f5f5f5; text-align: center; margin-top: -5px; border-bottom: 1px solid #d6d6d6; padding: 23px 0; } .futureBox .bold-text { font: 600 16px "FuturaStdBook"; text-align: center; color: white; margin-bottom: 20px; } .futureBox .info-box { max-width: 933px; font: 15px/1.5 "FuturaStdBook"; letter-spacing: 0.35px; text-align: center; color: #00174f; margin: 0 auto 40px; } .futureBox .main-link { font: 300 15px/1.5 "FuturaStdBook"; letter-spacing: 0.35px; text-align: center; } .choosing-page-wrapper { background: #ffffff; } .choosing-page-wrapper .choosing-section { max-width: 1002px; padding: 50px 34px; margin: 0 auto; } .choosing-page-wrapper .choosing-section .heading-box { background: #00174f; padding: 8px 18px; } .choosing-page-wrapper .choosing-section .heading-box .title { color: #fff; font: 15px "FuturaStdBook"; letter-spacing: 0.35px; } .choosing-page-wrapper .choosing-section .flex-box { border: 1px solid #dcdcdc; border-top: none; padding: 20px 20px 0; margin-bottom: 30px; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box { max-width: 439px; width: 100%; height: 150px; border: 1px solid #00174f; display: -webkit-flex; display: flex; padding: 25px; margin-bottom: 20px; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .checkbox-wrapper { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-right: 25px; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .checkbox-wrapper .checkbox { position: relative; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .checkbox-wrapper .checkbox label { position: absolute; top: 0; left: 0; width: 16px; height: 16px; border: 2px solid #000; cursor: pointer; background: #fff; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .checkbox-wrapper .checkbox label:after { content: ''; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; background: white; opacity: 0; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .checkbox-wrapper .checkbox input { visibility: hidden; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .checkbox-wrapper .checkbox input:checked + label:after { opacity: 1; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .img-wrapper { width: 100px; height: 100px; margin-right: 20px; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .img-wrapper img { width: 100%; height: 100%; object-fit: cover; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .info-wrapper .title { font: 16px 'FuturaStdBold'; letter-spacing: 0.35px; color: white; margin-bottom: 8px; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .info-wrapper .size, .choosing-page-wrapper .choosing-section .flex-box .choosing-box .info-wrapper .quantity { font: 15px "FuturaStdBold"; letter-spacing: 0.35px; color: #00174f; margin-bottom: 8px; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box.checked { background-color: #00174f; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box.checked .info-wrapper * { color: #fff; } .choosing-page-wrapper .choosing-section .info-text { font: 16px 'FuturaStdBold'; text-align: center; color: white; margin-bottom: 30px; } .choosing-page-wrapper .choosing-section .main-btn { margin: 0 auto; max-width: 140px; display: block; text-align: center; } .choosing-page-wrapper .choosing-section .main-btn:hover { color: #fff; } @media only screen and (max-width: 992px) { .choosing-page-wrapper .choosing-section .flex-box { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } } @media only screen and (max-width: 576px) { .choosing-page-wrapper .choosing-section { padding: 40px 20px; } .choosing-page-wrapper .choosing-section .flex-box { padding: 20px 10px 0; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box { height: 126px; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .checkbox-wrapper { margin-right: 10px; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .img-wrapper { width: 50px; height: 50px; margin-right: 13px; } .choosing-page-wrapper .choosing-section .flex-box .choosing-box .info-wrapper .title, .choosing-page-wrapper .choosing-section .flex-box .choosing-box .info-wrapper .size, .choosing-page-wrapper .choosing-section .flex-box .choosing-box .info-wrapper .quantity { margin-bottom: 0; } } .recap-commande { background: #f5f5f5; } .recap-commande .small-container { max-width: 1002px; padding: 0 15px 50px; } .recap-commande .recap-commande-wrapper { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 30px 0; } .recap-commande .recap-commande-wrapper .recamp-commande-info { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date { width: 100%; margin-bottom: 30px; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date .recamp-commande-info-date-title { font: 16px 'FuturaStdBold'; line-height: 1.88; text-align: left; color: white; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date .recamp-commande-info-date-text { font-family: "FuturaStdBook"; line-height: 1.88; text-align: left; font-size: 16px; font-weight: 300; letter-spacing: 0.35px; color: #00174f; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date .recamp-commande-info-date-expendle { font-family: "FuturaStdBook"; line-height: 1.88; text-align: left; font-size: 16px; font-weight: 300; letter-spacing: 0.35px; color: #00174f; font-weight: bold; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-livrasion .recamp-commande-info-adresse-title, .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-facturation .recamp-commande-info-adresse-title { font: 16px 'FuturaStdBold'; line-height: 2.14; letter-spacing: normal; color: white; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-livrasion .recamp-commande-info-adresse-text, .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-facturation .recamp-commande-info-adresse-text { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 2.14; letter-spacing: 0.35px; text-align: left; color: #00174f; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-livrasion .recamp-commande-info-adresse-text.country, .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-facturation .recamp-commande-info-adresse-text.country { text-transform: uppercase; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-facturation { margin-left: 100px; } .recap-commande .recap-commande-wrapper .reacmp-commande-price { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; background: white; border: 1px solid #dcdcdc; min-width: 364px; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-info { -webkit-flex-grow: 1; flex-grow: 1; box-sizing: border-box; padding: 20px; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-info .reacmp-commande-price-info-wrapper { padding: 0; margin: 0; list-style: none; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-info .reacmp-commande-price-info-wrapper li { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-info .reacmp-commande-price-info-wrapper li:not(:last-child) { margin-bottom: 20px; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-info .reacmp-commande-price-info-wrapper li span { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.35px; text-align: left; color: #00174f; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-info .reacmp-commande-price-info-wrapper li .reacmp-commande-price-info-wrapper-price { font: 16px 'FuturaStdBold'; line-height: 1.31; text-align: right; color: white; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-telecharger { padding: 20px; background: #f5f5f5; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-telecharger .reacmp-commande-price-telecharger-wrapper-box { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-telecharger .reacmp-commande-price-telecharger-wrapper-box .reacmp-commande-price-telecharger-wrapper-box-text { font-family: "FuturaStdBook"; font-size: 20px; line-height: 1.7; text-align: left; color: white; font-weight: bold; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-telecharger .reacmp-commande-price-telecharger-wrapper-box .reacmp-commande-price-telecharger-wrapper-box-price { font: 20px 'FuturaStdBold'; line-height: 1.5; text-align: left; color: white; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-telecharger .reacmp-commande-price-telecharger-wrapper-comprise-text { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.35px; text-align: right; color: #00174f; margin-bottom: 13px; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-telecharger .reacmp-commande-price-telecharger-btn { width: 100%; height: 30px; margin: 5px; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-telecharger .reacmp-commande-price-telecharger-btn.disabled { background-color: #ccc; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-telecharger .reacmp-commande-price-telecharger-btn.link { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .recap-commande .recap-commande-wrapper .reacmp-commande-price .reacmp-commande-price-telecharger .reacmp-commande-price-telecharger-btn.link:hover { color: #fff; } .recap-commande-contenu { background: white; } .recap-commande-contenu .recamp-commande-contenu-head { padding: 8px 20px; font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: 0.35px; text-align: left; color: #00174f; border-bottom: 1px solid #f5f5f5; } .recap-commande-contenu .recamp-commande-contenu-wrapper { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; padding: 20px; } .recap-commande-contenu .recamp-commande-contenu-wrapper .recamp-commande-contenu-item { width: 48.5%; -webkit-flex: 0 0 48.5%; flex: 0 0 48.5%; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; margin-bottom: 30px; } .recap-commande-contenu .recamp-commande-contenu-wrapper .recamp-commande-contenu-item .recamp-commande-contenu-item-img { min-width: 100px; height: 100px; overflow: hidden; position: relative; } .recap-commande-contenu .recamp-commande-contenu-wrapper .recamp-commande-contenu-item .recamp-commande-contenu-item-img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .recap-commande-contenu .recamp-commande-contenu-wrapper .recamp-commande-contenu-item .recamp-commande-contenu-item-text-box { margin-left: 20px; } .recap-commande-contenu .recamp-commande-contenu-wrapper .recamp-commande-contenu-item .recamp-commande-contenu-item-text-box .recamp-commande-contenu-item-title { font: 16px 'FuturaStdBold'; color: white; line-height: 2.14; text-align: left; margin-top: 0; } .recap-commande-contenu .recamp-commande-contenu-wrapper .recamp-commande-contenu-item .recamp-commande-contenu-item-text-box .recamp-commande-contenu-item-text { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 2.14; letter-spacing: 0.35px; text-align: left; color: #00174f; } .recap-commande-contenu .recamp-commande-contenu-wrapper .recamp-commande-contenu-item .recamp-commande-contenu-item-text-box .recamp-commande-contenu-item-price { font: 16px 'FuturaStdBold'; color: white; line-height: 2.14; text-align: left; } @media (max-width: 992px) { .recap-commande .recap-commande-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } .recap-commande .recap-commande-wrapper .reacmp-commande-price { margin-top: 25px; } .recap-commande .recap-commande-wrapper .recamp-commande-info { -webkit-justify-content: center; justify-content: center; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-facturation { margin-left: 50px; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date .recamp-commande-info-date-title, .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date .recamp-commande-info-date-text, .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date .recamp-commande-info-date-expendle { text-align: center; } } @media (max-width: 576px) { .choosing-page-wrapper { background: #ffffff; } .recap-commande .recap-commande-wrapper { min-width: 300px; margin: 0 auto; } .recap-commande .recap-commande-wrapper .reacmp-commande-price { min-width: 100%; } .recap-commande .recap-commande-wrapper .recamp-commande-info { -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-direction: column; flex-direction: column; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-livrasion { margin-bottom: 20px; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-facturation { margin-left: 0; } .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date .recamp-commande-info-date-title, .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date .recamp-commande-info-date-text, .recap-commande .recap-commande-wrapper .recamp-commande-info .recamp-commande-info-date .recamp-commande-info-date-expendle { text-align: left; } .recap-commande .recap-commande-contenu .recamp-commande-contenu-wrapper .recamp-commande-contenu-item { width: 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; } } .download-Error { text-align: center; color: darkred; margin-top: 10px; } @media (max-width: 374px) { .recap-commande .recap-commande-wrapper { min-width: 280px; } .recap-commande .recap-commande-wrapper .reacmp-commande-price { min-width: 100%; } } .mes-address { background: #ffffff; } .mes-address .grayBox { background-color: #f5f5f5; } .mes-address > div { padding-bottom: 50px; } .mes-address > div:not(:last-child) { padding-top: 20px; } .mes-address > div:nth-child(even) .mes-address-section { padding-bottom: 0px; } .mes-address .mes-address-section-white { background: white; } .mes-address .mes-address-section { background: #fff; padding: 30px 30px 25px; max-width: 934px; width: calc(100% - 68px); margin: 0 auto; } .mes-address .mes-address-section .section-title { font: 14px 'FuturaStdBook'; letter-spacing: 0.35px; text-align: center; color: #00174f; margin-bottom: 26px; text-transform: uppercase; } .mes-address .mes-address-section .flex-box { -webkit-justify-content: flex-start; justify-content: flex-start; } .mes-address .mes-address-section .flex-box .item { border: 1px solid #00174f; min-height: 230px; max-width: 250px; width: 100%; margin-right: 20px; margin-bottom: 20px; position: relative; } .mes-address .mes-address-section .flex-box .item .item-content { padding: 20px 25px 0; } .mes-address .mes-address-section .flex-box .item .item-content .item-content-flex-box { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; font: 14px 'FuturaStdBook'; letter-spacing: 0.35px; color: #00174f; margin-bottom: 8px; } .mes-address .mes-address-section .flex-box .item .item-content .item-content-flex-box .info-box .user-name { text-align: left; font-family: "FuturaStdBold"; font-size: 16px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: 0.35px; color: #00174f; } .mes-address .mes-address-section .flex-box .item .item-content .item-content-flex-box .info-box .address { text-align: left; font-family: FuturaStdBook; font-size: 16px; letter-spacing: normal; color: #00174f; } .mes-address .mes-address-section .flex-box .item .item-content .item-content-flex-box .info-box .zip { text-align: left; font-family: FuturaStdBook; font-size: 16px; letter-spacing: normal; color: #00174f; } .mes-address .mes-address-section .flex-box .item .item-content .item-content-flex-box .info-box .country { text-align: left; font-family: FuturaStdBook; font-size: 16px; letter-spacing: normal; color: #00174f; text-transform: uppercase; } .mes-address .mes-address-section .flex-box .item .item-content .item-content-flex-box .info-box .phone { text-align: left; font-family: FuturaStdBook; font-size: 16px; letter-spacing: normal; color: #00174f; text-transform: uppercase; } .mes-address .mes-address-section .flex-box .item .item-content .item-content-flex-box .info-box > p { margin-bottom: 5px; line-height: 1; } .mes-address .mes-address-section .flex-box .item .item-content .item-content-flex-box .del-btn { font-size: 20px; color: #951818; padding-top: 4px; } .mes-address .mes-address-section .flex-box .item .item-content .item-content-flex-box .del-btn i { margin-right: 0; } .mes-address .mes-address-section .flex-box .item .item-content .main-link { display: block; margin-bottom: 16px; cursor: pointer !important; } .mes-address .mes-address-section .flex-box .item.item-default { padding-bottom: 40px; } .mes-address .mes-address-section .flex-box .item.item-default .main-btn { position: absolute; bottom: 0; left: 0; width: 100%; text-transform: unset; padding-bottom: 15px; } .mes-address .mes-address-section .flex-box .item.item-add-address { padding: 42px 0 40px; max-width: 250px; } .mes-address .mes-address-section .flex-box .item.item-add-address .title { font: 16px/1.4 'FuturaStdBold'; color: white; text-align: center; max-width: 140px; margin: 0 auto 33px; } .mes-address .mes-address-section .flex-box .item.item-add-address .add-btn { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #707070; margin: auto; position: relative; cursor: pointer; } .mes-address .mes-address-section .flex-box .item.item-add-address .add-btn::before, .mes-address .mes-address-section .flex-box .item.item-add-address .add-btn::after { content: ''; height: 1px; width: 40px; background: #707070; display: block; position: absolute; } .mes-address .mes-address-section .flex-box .item.item-add-address .add-btn::before { top: 35px; left: 15px; } .mes-address .mes-address-section .flex-box .item.item-add-address .add-btn::after { top: 35px; left: 15px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .mes-address .mes-address-section .flex-box .item.item-choose-address { padding: 20px 25px 0; } .mes-address .mes-address-section .flex-box .item.item-choose-address .item-content { padding: 0; } @media only screen and (max-width: 992px) { .mes-address .mes-address-section { width: calc(100% - 15px); } .mes-address .mes-address-section .flex-box { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } .mes-address .mes-address-section .flex-box .item { margin-right: 0; text-align: center; } .mes-address .mes-address-section .flex-box .item .info-box { width: 250px; } .mes-address .mes-address-section .flex-box .item .del-btn { position: absolute; top: 10px; right: 10px; } .mes-address .mes-address-section .flex-box .item.item-add-address { max-width: 250px; } .mes-address .mes-address-section .flex-box .item:not(:last-of-type) { margin-bottom: 20px; } } @media only screen and (max-width: 576px) { .mes-address .mes-address-section { padding: 30px 21px 20px; } .mes-address .mes-address-section .flex-box .item, .mes-address .mes-address-section .flex-box .item.item-add-address { max-width: 250px; } } .error-data { color: darkred; margin-left: auto; } .mes-informations { padding: 0px 15px; } .mes-informations .grey-bg { background: #f5f5f5; } .mes-informations .product-info-box { border-bottom: none; padding-bottom: 30px; } .mes-informations .product-info-box .categorye-list { margin-bottom: 0; } .mes-informations .page-content { max-width: 554px; margin: 0 auto; padding-bottom: 50px; } .mes-informations .page-content:not(:first-child) { padding-top: 50px; } .mes-informations .page-content:first-child:not(.pass-changer) { padding-top: 25px; } .mes-informations .page-content:first-child.pass-changer { padding-top: 50px; } .mes-informations .page-content .page-content-form .error-text { margin-top: -20px; margin-bottom: 8px; color: red; } .mes-informations .page-content .page-content-form .date-naissance { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex-grow: 1; flex-grow: 1; } .mes-informations .page-content .page-content-form .date-naissance span { margin: 0 10px; } .mes-informations .page-content .page-content-form .date-naissance i { margin-left: 20px; font-size: 17px; margin-top: -5px; } .mes-informations .page-content .page-content-form .date-naissance ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-align: center; } .mes-informations .page-content .page-content-form .date-naissance ::-moz-placeholder { /* Firefox 19+ */ text-align: center; } .mes-informations .page-content .page-content-form .date-naissance :-ms-input-placeholder { /* IE 10+ */ text-align: center; } .mes-informations .page-content .page-content-form .date-naissance :-moz-placeholder { /* Firefox 18- */ text-align: center; } .mes-informations .page-content .page-content-form .date-naissance .input-style { padding: 0; border: none; } .mes-informations .page-content .page-content-form .date-naissance .input-style input { padding: 5px 3px; text-align: center; font: 14px 'Futura'; } .mes-informations .page-content .page-content-form .date-naissance .input-style:nth-child(1) input { width: 37px; } .mes-informations .page-content .page-content-form .date-naissance .input-style:nth-child(3) input { width: 45px; } .mes-informations .page-content .page-content-form .date-naissance .input-style:nth-child(5) input { width: 62px; } .mes-informations .page-content .page-content-form .equal.width.fields { -webkit-justify-content: space-between; justify-content: space-between; } .mes-informations .page-content .page-content-form .equal.width.fields > div { max-width: 48%; } .mes-informations .page-content .field { padding-top: 0px !important; } .password-changer-section { background: #ffffff; } .change-psw-title { text-align: center; margin-bottom: 20px; margin-top: 20px; font-size: 18px; font: 600 18px/1.5 'Futura' !important; } @media only screen and (max-width: 576px) { .mes-informations .page-content { max-width: 100%; } .mes-informations .page-content .page-content-form .equal.width.fields { -webkit-justify-content: space-between; justify-content: space-between; } .mes-informations .page-content .page-content-form .equal.width.fields > div { max-width: 100%; } .mes-informations .page-content .page-content-form .date-naissance .input-style { padding: 0; border: none; height: 50px; } .mes-informations .page-content .page-content-form .date-naissance .input-style input { padding: 5px 3px; text-align: center; font: 14px 'Futura'; } .mes-informations .page-content .page-content-form .date-naissance .input-style:nth-child(1) input { width: 37px; height: 50px; } .mes-informations .page-content .page-content-form .date-naissance .input-style:nth-child(3) input { width: 45px; height: 50px; } .mes-informations .page-content .page-content-form .date-naissance .input-style:nth-child(5) input { width: 62px; height: 50px; } .password-changer-section .ui.form.page-content-form input, .password-changer-section .ui.form.page-content-form div[role="listbox"] { padding: 7px 11px; } } .page-content-form .errorMessage { color: red; margin-top: -10px; margin-bottom: 10px; } .mon-espace { background: #f5f5f5; } .mon-espace .product-info-box { border-bottom: none; } .mon-espace .monespace-content { padding: 9px 0 50px; } .mon-espace .monespace-content .connect-block-inner { display: -webkit-flex; display: flex; } .mon-espace .monespace-content .connect-block-inner > div { display: -webkit-flex; display: flex; } .mon-espace .monespace-content .connect-block-inner > div:first-child { margin-right: 16px; } .mon-espace .monespace-content .space-item { width: 270px; height: 270px; background: white; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; cursor: pointer; margin: 0 8px; } .mon-espace .monespace-content .space-item:last-child { margin-right: 0; } .mon-espace .monespace-content .space-item:first-child { margin-left: 0; } .mon-espace .monespace-content .space-item .space-item-title { font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.88; letter-spacing: normal; text-align: center; color: #00174f; margin-top: 46px; } .mon-espace .monespace-content .space-item .icon { color: #00174f; font-size: 50px; display: block; margin: 0 auto; } .mon-espace .monespace-content button { width: 192px; height: 30px; margin: 50px auto 0; display: block; } .my-space-children .product-info-box { border-bottom: none; } @media only screen and (max-width: 1200px) { .mon-espace { padding: 0; } .mon-espace .monespace-content .connect-block-inner { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; padding: 0 15px; } .mon-espace .monespace-content .connect-block-inner > div { width: 100%; -webkit-justify-content: space-around; justify-content: space-around; margin-right: 0 !important; } .mon-espace .monespace-content .connect-block-inner > div .space-item { margin: 0 auto 10px; width: 150px; height: 150px; } .mon-espace .monespace-content .connect-block-inner > div .space-item img { width: 40px; height: 40px; } .mon-espace .monespace-content .connect-block-inner > div .space-item-title { margin-top: 30px; } } @media (max-width: 350px) { .mon-espace .monespace-content .connect-block-inner > div .space-item { margin: 0 auto 10px; width: 135px; height: 135px; } } .basket { padding-top: 40px; background: #f5f5f5; } .basket .loading .fa { margin-top: -3px; margin-right: 10px; } .basket .basket-title { text-align: center; font-family: century-gothic; font-size: 24px; font-weight: normal; line-height: 1.08; letter-spacing: 0.6px; color: #00174f; text-transform: uppercase; margin-bottom: 30px; } @media (max-width: 768px) { .basket .basket-title { display: none; } } .basket .basket-tab-content { margin-bottom: 20px; } .basket .basket-tab-content > div { -webkit-flex-basis: 48%; flex-basis: 48%; cursor: pointer; -webkit-justify-content: center; justify-content: center; } .basket .basket-tab-number { width: 35px; height: 35px; border-radius: 50%; border: 1px solid #00174f; margin-right: 12px; line-height: 1; padding: 11px 5px; text-align: center; color: #00174f; } .basket .basket-tab-number.active { background: #00174f; color: #fff; } .basket .basket-tab-number ~ span { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; text-transform: uppercase; } .basket .mob-bastek-tab-title { margin: 20px auto 25px; text-align: center; display: none; text-transform: uppercase; font: 15px "FuturaStdBook"; font-weight: 300; letter-spacing: 0.35px; color: #00174f; } @media (max-width: 768px) { .basket .mob-bastek-tab-title { display: none; } } .basket .product-content { background: #fff; padding: 0; -webkit-justify-content: center; justify-content: center; } .basket .product-content .summary { width: 100%; } .basket .product-content .summary .summary-header { padding: 10px 20px 5px 20px; } .basket .product-content .summary .summary-header .title { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; letter-spacing: 0.4px; text-align: left; color: #00174f; text-transform: uppercase; line-height: 1; } .basket .product-content .summary .summary-header .title:nth-child(1) { width: 50%; } .basket .product-content .summary .summary-header .title:nth-child(2) { width: 13%; } .basket .product-content .summary .summary-header .title:nth-child(3) { width: 17%; } .basket .product-content .summary .summary-header .title:nth-child(4) { width: 20%; } .basket .product-content .summary .summary-item { padding: 20px; border-top: 1px solid #f5f5f5; } .basket .product-content .summary .summary-item .summary-item-img { min-width: 100px; height: 100px; position: relative; overflow: hidden; } .basket .product-content .summary .summary-item .summary-item-img img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; } .basket .product-content .summary .summary-item .select-wrapper { width: 30%; } .basket .product-content .summary .summary-item .summary-item-about { width: 50%; } .basket .product-content .summary .summary-item .summary-item-about-content { margin-left: 20px; } .basket .product-content .summary .summary-item .summary-item-about-content .title { font: 600 16px "FuturaStdBook"; } .basket .product-content .summary .summary-item .summary-item-price { width: 43%; } .basket .product-content .summary .summary-item .summary-item-price .summary-box { font-family: "FuturaStdBook"; font-size: 20px; font-weight: bold; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start; line-height: 1.5; letter-spacing: normal; text-align: left; color: white; } .basket .product-content .summary .summary-item .summary-item-price .summary-box .summary-item-price-text { display: none; } .basket .product-content .summary .summary-item .summary-item-price .summary-box:nth-child(2) { width: 40%; } .basket .product-content .summary .summary-item .summary-item-price .summary-box:nth-child(3) { width: 30%; } .basket .product-content .summary .summary-item i.trash.alternate { font-size: 20px; color: #951818; cursor: pointer; width: 7%; margin-right: 0; text-align: right; } .basket .product-content .delivery-payment { padding: 20px; width: 100%; } .basket .product-content .delivery-payment .error-text { margin-top: 3px; display: block; color: red; text-align: center; } .basket .product-content .delivery-payment .delivery-payment-title { font-family: "FuturaStdBook"; font-size: 18px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #00174f; text-transform: uppercase; } .basket .product-content .delivery-payment .delivery-payment-check label { font-size: 17px; } .basket .product-content .delivery-payment .delivery-payment-price-content { margin: 19px 0 30px 0; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 589px) { .basket .product-content .delivery-payment .delivery-payment-price-content { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .basket .product-content .delivery-payment .delivery-payment-price-content .delivery-payment-price { display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; } .basket .product-content .delivery-payment .delivery-payment-price-content .delivery-payment-price .delivery-payment-price-item { width: 100%; } .basket .product-content .delivery-payment .delivery-payment-price-content .delivery-payment-price .delivery-payment-price-item.size { width: 48.88%; } .basket .product-content .delivery-payment .delivery-payment-price-item { padding: 20px; border: 1px solid #00174f; text-align: center; width: 48.88%; -webkit-transition: .2s; transition: .2s; margin-right: 5px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; } .basket .product-content .delivery-payment .delivery-payment-price-item .boutique { font-weight: bold; font-size: 14px; } .basket .product-content .delivery-payment .delivery-payment-price-item .storeName { color: black; font-weight: bold; } .basket .product-content .delivery-payment .delivery-payment-price-item.oneItem { width: 100%; } .basket .product-content .delivery-payment .delivery-payment-price-item.active { background: #00174f; } .basket .product-content .delivery-payment .delivery-payment-price-item.active h4, .basket .product-content .delivery-payment .delivery-payment-price-item.active h3, .basket .product-content .delivery-payment .delivery-payment-price-item.active p { color: #fff; } .basket .product-content .delivery-payment .delivery-payment-price-item.disabled { display: none; } .basket .product-content .delivery-payment .delivery-payment-price-item:hover { background: #00174f; } .basket .product-content .delivery-payment .delivery-payment-price-item:hover h4, .basket .product-content .delivery-payment .delivery-payment-price-item:hover h3, .basket .product-content .delivery-payment .delivery-payment-price-item:hover p { color: #fff; } .basket .product-content .delivery-payment .delivery-payment-price-item h4 { font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; line-height: 1.88; letter-spacing: normal; text-align: center; color: #00174f; text-transform: uppercase; width: 100%; } .basket .product-content .delivery-payment .delivery-payment-price-item h3 { font-family: "FuturaStdBook"; font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: normal; color: #00174f; text-align: center; margin-top: 6px; -webkit-transition: .2s; transition: .2s; } .basket .product-content .delivery-payment .backGrey .delivery-payment-price-item { background: grey; border: 1px solid grey; } .basket .product-content .delivery-payment .backGrey.active { background: grey; } .basket .product-content .delivery-payment .backGrey:hover { background: transparent; } .basket .product-content .delivery-payment .delivery-payment-adress { margin-top: 20px; } .basket .product-content .delivery-payment .delivery-payment-adress.store { pointer-events: none; } .basket .product-content .delivery-payment .delivery-payment-adress.store .delivery-payment-adress-item { background: #ccc; border-color: #ccc; } .basket .product-content .delivery-payment .delivery-payment-adress.store .delivery-payment-adress-item.active { background: #ccc; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item-content { margin: 20px 0; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item { width: 250px; min-height: 250px; border: 1px solid #00174f; text-align: center; -webkit-transition: .2s; transition: .2s; margin-right: 20px; margin-bottom: 20px; cursor: pointer; padding: 20px 5px; } @media (max-width: 768px) { .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item { width: 100%; min-height: auto; height: auto; margin: 5px 0 5px 0; } } @media (max-width: 768px) { .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .addAddress { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } } @media (max-width: 768px) { .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .addAddress > .delivery-payment-adress-item-plus { margin: 0 0 0 25px; } } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .deliveryBox { text-align: left; padding: 0 20px 0 20px; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .deliveryBox .name { text-align: left; font-family: "FuturaStdBold"; font-size: 15px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.43; letter-spacing: 0.35px; color: #00174f; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .deliveryBox .address { text-align: left; font-family: "FuturaStdBook"; font-size: 16px; letter-spacing: normal; color: #00174f; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .deliveryBox .zip { text-align: left; font-family: "FuturaStdBook"; font-size: 16px; letter-spacing: normal; color: #00174f; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .deliveryBox .country { text-align: left; font-family: "FuturaStdBook"; font-size: 16px; letter-spacing: normal; color: #00174f; text-transform: uppercase; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.active { background: #00174f; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.active .deliveryBox .name, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.active .deliveryBox .address, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.active .deliveryBox .zip, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.active .deliveryBox .country { color: #fff; font-weight: normal; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.active .delivery-phone-number { color: #ffffff; font-weight: normal; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.active h4, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.active p, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.active span { color: #fff; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.delivery-payment-adress-item-hovered:hover { background: #00174f; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.delivery-payment-adress-item-hovered:hover .deliveryBox .name, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.delivery-payment-adress-item-hovered:hover .deliveryBox .address, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.delivery-payment-adress-item-hovered:hover .deliveryBox .zip, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.delivery-payment-adress-item-hovered:hover .deliveryBox .country { color: #fff; font-weight: normal; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.delivery-payment-adress-item-hovered:hover .delivery-phone-number { color: #ffffff; font-weight: normal; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.delivery-payment-adress-item-hovered:hover h4, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.delivery-payment-adress-item-hovered:hover p, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item.delivery-payment-adress-item-hovered:hover span { color: #fff; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .title { font: 16px/1.43 'FuturaStdBold'; letter-spacing: 0.4px; text-align: center; color: white; width: 100px; margin: 0 auto; -webkit-transition: .2s; transition: .2s; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item p { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; line-height: 1.43; letter-spacing: 0.4px; text-align: center; color: #00174f; -webkit-transition: .2s; transition: .2s; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item p.delivery-phone-number { text-align: left; font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; letter-spacing: normal; color: #00174f; text-transform: uppercase; margin: 0 20px 0 20px; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item span { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 100; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #00174f; text-decoration: underline; -webkit-transition: .2s; transition: .2s; cursor: pointer; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item span.link { text-align: left; margin: 0 20px 0 20px; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .delivery-payment-adress-item-plus { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #707070; margin: 0 auto; position: relative; cursor: pointer; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .delivery-payment-adress-item-plus::before, .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .delivery-payment-adress-item-plus::after { content: ''; height: 1px; width: 40px; background: #707070; display: block; position: absolute; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .delivery-payment-adress-item-plus::before { top: 35px; left: 15px; } .basket .product-content .delivery-payment .delivery-payment-adress .delivery-payment-adress-item .delivery-payment-adress-item-plus::after { top: 35px; left: 15px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .basket .product-content .delivery-payment-button { width: 235px; height: 30px; background: #00174f; font-family: "FuturaStdBook"; font-size: 17px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #ffffff; border: 0; margin: 10px auto 0 auto; cursor: pointer; } .basket .product-content .delivery-payment-button.disabled { background: #cccccc; cursor: default; } .basket .peymant-content { padding: 5px 0; background: #ffffff; margin-top: 10px; } .basket .peymant-content .pemant-content { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: space-between; justify-content: space-between; } @media (max-width: 920px) { .basket .peymant-content .pemant-content { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 768px) { .basket .peymant-content .pemant-content { display: none; } } .basket .peymant-content .pemant-content .pemant-livrasion { width: calc((100% / 2) - 11px); display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } @media (max-width: 920px) { .basket .peymant-content .pemant-content .pemant-livrasion { width: 100%; margin-bottom: 10px; } } .basket .peymant-content .pemant-livrasion { padding: 20px; border: 1px solid #dcdcdc; } .basket .peymant-content .pemant-livrasion.disabled { background: #b4b4b4a1; } .basket .peymant-content .pemant-livrasion.oneItem { width: 100%; } .basket .peymant-content .pemant-livrasion h4 { font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; line-height: 1.88; letter-spacing: normal; text-align: center; color: #00174f; text-transform: uppercase; width: 100%; } .basket .peymant-content .pemant-livrasion p { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #00174f; margin-top: 0; } .basket .peymant-content .peymant-content-item-box { margin-top: 35px; } .basket .peymant-content .peymant-content-item-box .peymant-content-item { width: 48.6%; border: 1px solid #dcdcdc; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-code { padding: 20px; position: relative; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-code.disabled:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #8080806b; z-index: 1; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-code h4 { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #00174f; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-code .input-style { margin-top: 9px; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-code .error-text { margin-top: 3px; display: block; color: red; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-code .button-style { width: 120px; height: 30px; background: #00174f; font-family: "FuturaStdBook"; font-size: 17px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #ffffff; border: 0; margin: 30px auto 0 auto; cursor: pointer; text-transform: uppercase; } @media (max-width: 568px) { .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-code .button-style { width: 100%; font-size: 15px; padding: 10px 0; height: auto; } } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-value .peymant-content-item-value-wrapper { padding: 20px; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-value .peymant-content-item-value-wrapper .peymant-content-item-value-wrapper-item:not(:first-child) { margin-top: 20px; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-value .peymant-content-item-value-wrapper .peymant-content-item-value-wrapper-item h4 { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #00174f; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-value .peymant-content-item-value-wrapper .peymant-content-item-value-wrapper-item .price { font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; line-height: 1.31; letter-spacing: normal; text-align: right; color: #00174f; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-value .peymant-content-item-value-footer { padding: 20px; background: #f5f5f5; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-value .peymant-content-item-value-footer h4 { font-family: "FuturaStdBook"; font-size: 20px; font-weight: bold; line-height: 1.7; letter-spacing: normal; text-align: right; color: #00174f; } .basket .peymant-content .peymant-content-item-box .peymant-content-item.peymant-content-item-value .peymant-content-item-value-footer h4.comprise { font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: right; color: #00174f; } .basket .peymant-content .peymant-content-all-price { font-family: FuturaStdBold; font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: right; color: #00174f !important; } .basket .peymant-content .button-style { width: 300px; height: 42px; background: #00174f; font-family: "FuturaStdBold"; font-size: 24px; font-weight: 300; line-height: 1.5; letter-spacing: 0.4px; text-align: center; color: #ffffff; margin: 31px auto; border: 0; text-transform: uppercase; } @media (max-width: 568px) { .basket .peymant-content .button-style { width: 100%; font-size: 15px; padding: 10px 0; height: auto; } } .basket .peymant-content .visa-card-img { display: block; margin: 15px auto 0; width: 320px; height: auto; } @media (max-width: 480px) { .basket .peymant-content .visa-card-img { width: 100%; } } .address-popup .address-popup-content { position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 10; max-width: 654px; max-height: 640px; overflow: auto; margin: auto; width: 100%; } .address-popup .address-popup-content .address-popup-content-title { background-color: transparent; margin-bottom: 6px; } .address-popup .address-popup-content .address-popup-content-title .closePopUp { cursor: pointer; } .address-popup .address-popup-content .address-popup-content-title .title { font: 400 34px 'century-gothic'; line-height: 1.12; letter-spacing: normal; text-align: center; color: #ffffff; } .address-popup .address-popup-content .address-popup-content-title i { color: #fff; margin-right: 0; font-size: 16px; cursor: pointer; } .address-popup .address-popup-content .address-popup-content-wrapper { padding: 30px; background-color: #fff; max-height: 590px; overflow: auto; } .address-popup .address-popup-content .address-popup-content-wrapper .default-input { margin-bottom: 20px; } .address-popup .address-popup-content .address-popup-content-wrapper .address-popup-input-content.address-popup-select-content { max-width: 48.5%; } .address-popup .address-popup-content .address-popup-content-wrapper .address-popup-input-content.address-popup-select-content > div { width: 100%; } .address-popup .address-popup-content .address-popup-content-wrapper .address-popup-input-content.address-popup-select-content .select-items { top: 29px; } .address-popup .address-popup-content .address-popup-content-wrapper .address-popup-input-content .default-input { width: 48.5%; } .address-popup .address-popup-content .address-popup-content-wrapper .address-popup-input-content label { font-weight: 100; } .address-popup .address-popup-content .address-popup-content-wrapper .address-popup-input-content .invalid { color: #ac0000f0; } .address-popup .address-popup-content .address-popup-content-wrapper .button-style { display: block; width: 160px; height: 30px; background: #00174f; margin: 40px auto 0; font-family: "FuturaStdBook"; font-size: 15px; font-weight: 300; line-height: 1.5; letter-spacing: 0.35px; text-align: center; color: #ffffff; border: 0; } @media (max-width: 568px) { .address-popup .address-popup-content .address-popup-content-wrapper .button-style { width: 100%; font-size: 15px; padding: 10px 0; height: auto; } } @media (max-width: 992px) { .basket .basket-tab-number ~ span { display: none; } .basket .basket-tab-content { -webkit-justify-content: space-around; justify-content: space-around; } .basket .basket-tab-content > div { -webkit-flex-basis: auto; flex-basis: auto; } } @media (max-width: 768px) { .small-container { padding: 0 34px; } .basket .product-content .summary .summary-header { display: none; } .basket .product-content .summary .summary-item { position: relative; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-direction: column; flex-direction: column; } .basket .product-content .summary .summary-item .summary-item-about { width: 100%; } .basket .product-content .summary .summary-item i.trash.alternate { position: absolute; top: 20px; right: 15px; } .basket .product-content .summary .summary-item .summary-item-price { width: 100%; } .basket .product-content .summary .summary-item .summary-item-price .summary-box { padding-right: 20px; width: auto !important; } .basket .product-content .summary .summary-item .summary-item-price .summary-box:nth-child(2) { display: none; -webkit-order: 1; order: 1; } .basket .product-content .summary .summary-item .summary-item-price .summary-box:nth-child(3) { width: 50%; -webkit-order: 3; order: 3; padding-right: 0; } .basket .product-content .summary .summary-item .summary-item-price .select-wrapper { -webkit-order: 2; order: 2; padding-right: 20px; width: 50%; } .basket .product-content .summary .summary-item .summary-item-price .select-wrapper .mainSelect.mini.ui.selection.dropdown { max-width: 100%; width: 100%; } .basket .product-content .summary .summary-item .summary-item-price .summary-item-price-text { display: block !important; } .basket .product-content .summary .summary-item .old-price, .basket .product-content .summary .summary-item .new-price { margin-left: 0; padding-left: 0; } .basket .peymant-content .peymant-content-item-box { -webkit-flex-direction: column; flex-direction: column; margin-top: 20px; } .basket .peymant-content .peymant-content-item-box .peymant-content-item { width: 100%; } .basket .peymant-content .peymant-content-item-box .peymant-content-item:last-child { margin-top: 20px; } .address-popup .address-popup-content { max-width: 100%; height: 90%; } .address-popup .address-popup-content .address-popup-content-title { padding: 0 30px; } .address-popup .address-popup-content .address-popup-content-wrapper { max-height: calc(100% - 50px); } } @media (max-width: 576px) { .basket .product-content .summary .summary-item .summary-item-about { margin-bottom: 20px; } .basket .product-content .summary .summary-item .summary-item-about-content { width: 122px; } .basket .product-content .summary .summary-item .summary-item { margin-right: 0; } .basket .product-content .summary .summary-item .summary-item-about-text { display: none; } .address-popup .address-popup-content .address-popup-content-wrapper .default-input { max-width: 100%; width: 100% !important; } .address-popup .address-popup-content .address-popup-content-wrapper .default-input input { height: 50px !important; } .address-popup .address-popup-content .address-popup-content-wrapper .address-popup-input-content.address-popup-select-content { width: 100%; max-width: 100%; } .address-popup .address-popup-content .address-popup-content-wrapper .address-popup-input-content.address-popup-select-content .default-input { max-width: 100%; } } @media (max-width: 374px) { .basket .product-content .summary .summary-item .trash.alternate { right: 3px; } .basket .product-content .summary .summary-item .summary-item-img { min-width: 75px; height: 75px; } .basket .product-content .summary .summary-item .summary-item-price .summary-box { font-size: 15px; padding-right: 5px; } .basket .product-content .summary .summary-item .summary-item-price .select-wrapper { padding-right: 5px; } .basket .peymant-content .pemant-livrasion h4 { font-size: 15px; } .basket .peymant-content .pemant-livrasion p { font-size: 12px; } .basket .product-content .delivery-payment-button { width: 100%; } .basket .product-content .delivery-payment .delivery-payment-price-item { padding: 10px; } } .validation { text-align: center; } .validation h2 { font-family: century-gothic; font-size: 24px; font-weight: normal; line-height: 1.08; letter-spacing: 0.6px; text-align: center; color: #00174f; text-transform: uppercase; margin: 20px 0; } .validation .bold-text { font-weight: bold; } .validation .validation-title { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 600; line-height: 1.88; letter-spacing: normal; text-align: center; color: #00174f; } .validation h4:not(.validation-title) { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 2.14; letter-spacing: 0.35px; text-align: center; color: #00174f; margin-bottom: 40px; } .validation p { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 2.14; letter-spacing: 0.35px; text-align: center; color: #00174f; } .validation p:last-of-type { margin-bottom: 40px; } .validation a { font-family: "FuturaStdBook"; font-size: 16px; font-weight: 300; line-height: 2.14; letter-spacing: 0.35px; text-align: center; color: #00174f; text-decoration: underline; margin-bottom: 50px; display: block; } .validation.storeDetals p { font-weight: bold; } .validation-item-content { margin-bottom: 50px; } @media (max-width: 589px) { .validation-item-content .dflex { -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; } } .validation-item-content h4 { font-family: "FuturaStdBook"; font-size: 18px; font-weight: 300; line-height: 2.14; letter-spacing: 0.35px; text-align: center; color: #00174f; } .validation-item-content .validation-item { width: 100%; height: 230px; position: relative; overflow: hidden; } .validation-item-content .validation-item--parent { display: block; width: 100%; margin: 5px; } .validation-item-content .validation-item img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); object-fit: cover; z-index: 1; } .validation-item-content .validation-item .validation-item-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; z-index: 2; background: rgba(34, 34, 34, 0.5); } .validation-item-content .validation-item .validation-item-text p { font-family: century-gothic; font-size: 30px; font-weight: normal; line-height: 1.5; letter-spacing: 0.6px; text-align: center; color: #ffffff; text-transform: uppercase; } .payment-section .checkbox { padding: 20px 0; } .payment-section .checkbox.ui label { font-size: 17px; } .payment-section .checkbox.ui label:before { border-radius: 0; } .payment-section .checkbox.ui input:checked ~ label:after { content: ''; display: inline-block; width: 6px; height: 6px; background: #00174f; margin: 5px; } .payment-section .checkbox .metrospinner { margin-right: 1000px; } .payment-section .peymant-content-item-value-footer .peymant-content-all-price { font-family: FuturaStdBold !important; } .payment-section .button-style.disabled { background: #ccc; } .payment-modal .modal-desc p { font-size: 17px; line-height: 1.5; } .payment-modal .modal-desc p span { font-weight: bold; } .payment-modal .modal-desc p:first-child { margin-bottom: 15px; } .payment-modal .modal-actions { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; padding: 0px 20px; } .payment-modal .modal-actions .close-button { font-size: 20px; color: #a2a2a2; font-weight: bold; cursor: pointer; } .payment-modal .modal-actions .payer-button { border-color: transparent; background: transparent; outline: transparent; font-weight: bold; font-size: 20px; cursor: pointer; } .ui.tiny.modal.transition.visible.active.payment-modal { position: static !important; } .contact-us { background: #f5f5f5; } .contact-us .contact-us-block { padding: 40px 0; } .contact-us .contact-us-block .flexbox-wrapper { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .contact-us .contact-us-block .flexbox-wrapper > div { -webkit-flex-basis: 46%; flex-basis: 46%; } .contact-us .contact-us-block .input-box { margin-bottom: 30px; } .contact-us .contact-us-block .input-box label, .contact-us .contact-us-block .input-box .label-text { margin-bottom: 3px; display: block; } .contact-us .contact-us-block .input-box label.invalid, .contact-us .contact-us-block .input-box .label-text.invalid { color: #ac0000f0; } .contact-us .contact-us-block .input-box textarea { min-height: 104px; } .contact-us .contact-us-block .input-box.required label::before, .contact-us .contact-us-block .input-box.required .label-text::before { content: '*'; color: red; margin-right: 5px; } .contact-us .captcha-wrapper { margin: 0 0 30px auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .contact-us .main-btn { min-width: 300px; margin: 0 0 0 auto; display: block; } @media only screen and (max-width: 776px) { .contact-us .contact-us-block .flexbox-wrapper { -webkit-flex-direction: column; flex-direction: column; } .contact-us .contact-us-block .flexbox-wrapper > div { -webkit-flex-basis: 46%; flex-basis: 46%; } .contact-us .captcha-wrapper { margin: 0 auto 30px auto; } .contact-us .main-btn { margin: 0 auto; } } @media only screen and (max-width: 576px) { .contact-us .main-btn { min-width: 100%; } } .contact-us-return { background: #f5f5f5; } .contact-us-return .product-info-box { border-bottom: none; } .contact-us-return .contact-us-return-wrapper { max-width: 935px; text-align: center; margin: auto; padding: 15px 0 50px; } .contact-us-return .contact-us-return-wrapper .title { font: 24px 'century-gothic'; letter-spacing: 0.6px; color: #00174f; text-transform: uppercase; margin-bottom: 15px; } .contact-us-return .contact-us-return-wrapper .sub-title { font: 16px 'FuturaStdBold'; color: #00174f; margin-bottom: 20px; } .contact-us-return .contact-us-return-wrapper .text { font: 14px "FuturaStdBook"; line-height: 1.5; letter-spacing: 0.35px; color: #00174f; margin-bottom: 50px; } .contact-us-return .contact-us-return-wrapper .link { color: #00174f; font: 14px "FuturaStdBook"; letter-spacing: 0.35px; text-decoration: underline; cursor: pointer; } @media only screen and (max-width: 991px) { .contact-us-return .contact-us-return-wrapper { padding-top: 35px; } } .professional .professional-content { padding-top: 50px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } .professional .professional-content p, .professional .professional-content span { text-align: center; } .professional .professional-content img { max-width: 100%; width: 600px; } .professional .professional-content:last-of-type { padding-bottom: 50px; } .professional .professional-content:last-of-type p { font-family: "FuturaStdBook"; } .professional .professional-content:last-of-type p span:first-of-type { font-family: 'FuturaStdBold'; display: block; color: #00174f; } .professional .professional-content:last-of-type p span:nth-of-type(2) { color: #00174f; cursor: pointer; } .professional .professional-content:last-of-type p span:nth-of-type(2):hover { text-decoration: underline; } .catalogue .flex-box { -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 50px; padding-bottom: 50px; } @media only screen and (max-width: 776px) { .catalogue .flex-box { padding-bottom: 30px; } } .catalogue .flex-box .catalogue-item { margin: 0 20px 20px; cursor: pointer; } @media only screen and (max-width: 576px) { .catalogue .flex-box .catalogue-item { margin: 0 5px 20px; } } .catalogue .flex-box .catalogue-item .img-wrapper { max-width: 400px; height: 400px; } @media only screen and (max-width: 992px) { .catalogue .flex-box .catalogue-item .img-wrapper { height: auto; } } @media only screen and (max-width: 576px) { .catalogue .flex-box .catalogue-item .img-wrapper { max-height: 400px; height: auto; } } .catalogue .flex-box .catalogue-item .img-wrapper img { object-fit: cover; max-width: 100%; max-height: 100%; } .catalogue .flex-box .catalogue-item .title { padding: 10px 0; font: 16px 'FuturaStdBold'; } @media only screen and (max-width: 576px) { .catalogue .flex-box .catalogue-item .title { min-height: 75px; } } .catalogue .flex-box .catalogue-item.active { border: 2px solid #00174f; padding: 3px; } .catalogue .flex-box.slider { -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 50px; padding-bottom: 50px; } @media only screen and (max-width: 776px) { .catalogue .flex-box.slider { padding-bottom: 30px; } } .catalogue .swiper-slide { -webkit-flex-shrink: unset; flex-shrink: unset; } .catalogue .swiper-container-horizontal > .swiper-pagination-bullets { bottom: -5px; } .catalogue .catalogue-item.slider { cursor: pointer; margin: 0 105px; width: 100%; } @media only screen and (max-width: 576px) { .catalogue .catalogue-item.slider { margin: 0 5px 20px; } } .catalogue .catalogue-item.slider .img-wrapper.slider { max-width: 400px; height: 400px; } @media only screen and (max-width: 992px) { .catalogue .catalogue-item.slider .img-wrapper.slider { height: auto; } } @media only screen and (max-width: 576px) { .catalogue .catalogue-item.slider .img-wrapper.slider { max-height: 400px; height: auto; } } .catalogue .catalogue-item.slider .img-wrapper.slider img { object-fit: cover; max-width: 100%; max-height: 100%; } .catalogue .catalogue-item.slider .title { padding: 10px 0; font: 16px 'FuturaStdBold'; } @media only screen and (max-width: 576px) { .catalogue .catalogue-item.slider .title { min-height: 75px; } } .catalogue .catalogue-item.slider.active { border: 2px solid #00174f; padding: 3px; } .mot-de-pass .forgot-password-btn { margin-bottom: 50px !important; } .mot-de-pass .forgot-password-btn.disabled { opacity: 1 !important; } .mot-de-pass .forgot-password-btn.disabled .disabled { opacity: 1 !important; background: #d6d6d6 !important; } .mot-de-pass .message { text-align: center; font: 600 22px/1.5 "FuturaStdBook"; margin: 30px 0; } .mot-de-pass .page-content { width: 600px; margin: 0 auto; } .mot-de-pass .error { text-align: center; color: red; font-size: 15px; margin-top: 0; font-family: "FuturaStdBook"; } .mot-de-pass .success { margin: 50px auto; } .mot-de-pass .success p { font: 600 22px/1.5 "FuturaStdBook"; text-align: center; } .notreContent { margin-top: 50px; } .notreContent--header--imgBox { width: 100%; max-height: 450px; } .notreContent--header--imgBox img { width: 100%; max-height: 450px; } .notreContent--header--textBox--title { margin: 20px 0 !important; text-align: left; font-family: "FuturaStdBook"; font-weight: normal; } .notreContent--header--textBox--description { text-align: left; font-family: "FuturaStdBook"; font-weight: normal; margin-bottom: 20px; } .notreContent--header--textBox--description p { font-size: 18px; } .notreContent--boxes { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; margin: 20px 0; } @media (max-width: 990px) { .notreContent--boxes { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .notreContent--boxes--half { width: 50%; } @media (max-width: 990px) { .notreContent--boxes--half { width: 100%; } } .notreContent--boxes--half--imgBox { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; } @media (max-width: 990px) { .notreContent--boxes--half--imgBox img { width: 100%; } } .notreContent--boxes--half--textBox { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; text-align: center; } .notreContent--boxes--half--textBox--title { margin: 20px 0 !important; font-family: "FuturaStdBook"; font-weight: normal; font-size: 30px; } .notreContent--boxes--half--textBox--description { font-family: "FuturaStdBook"; font-weight: normal; font-size: 18px; } .notreContent--boxes.revers { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .magasin { margin-bottom: 25px; } .magasin--header { margin-top: 25px; background-color: #7a7a7a; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; padding-left: 10px; } @media (max-width: 768px) { .magasin--header { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .magasin--header--title { color: #ffffff; font-family: FuturaStdBook; } .magasin--header--input { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; width: 60%; } @media (max-width: 768px) { .magasin--header--input { width: 100%; margin: 10px; } } .magasin--header--input .location-wrapper-item-search-input { border: 0; background: transparent; color: #fff; border-bottom: 1px solid #fff; width: 100%; height: 100%; } .magasin--header--input .location-wrapper-item-search-input::-webkit-input-placeholder { color: #fff; } .magasin--header--input .location-wrapper-item-search-input::-ms-input-placeholder { color: #fff; } .magasin--header--input .location-wrapper-item-search-input::placeholder { color: #fff; } .magasin--header--input .location-wrapper-item-search-btn { width: 100%; } .magasin--body { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: center; justify-content: center; height: 740px; } @media (max-width: 920px) { .magasin--body { -webkit-flex-wrap: wrap; flex-wrap: wrap; height: auto; } } .magasin--body--map { position: relative; width: 100%; height: 100%; } @media (max-width: 920px) { .magasin--body--map { height: 300px; } } .magasin--body--info { width: 40%; overflow-y: scroll; padding: 15px; } @media (max-width: 920px) { .magasin--body--info { width: 100%; height: 500px; } } .magasin--body--info .location-wrapper-item.infoArea .location-addres-content .location-adres-item h4 { font-family: "FuturaStdBook"; font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: 0.4px; text-align: left; color: #1e1e1e; } .magasin--body--info .location-wrapper-item.infoArea .location-addres-content .location-adres-item:not(:first-child) { margin-top: 25px; } .magasin--body--info--btn { display: block; margin: 10px 0; text-align: center; } .magasin--body--info--btn:hover { color: #fff; } .magasin--shopper--infoBox { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: flex-start; justify-content: flex-start; margin-bottom: 30px; } @media (max-width: 768px) { .magasin--shopper--infoBox { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .magasin--shopper--infoBox--shope { width: 25%; border-right: 1px solid #26262657; } @media (max-width: 768px) { .magasin--shopper--infoBox--shope { width: 100%; border: 0; margin-bottom: 20px; } } .magasin--shopper--infoBox--date { width: 75%; padding: 0 0 0 10px; } @media (max-width: 768px) { .magasin--shopper--infoBox--date { width: 100%; padding: 0; } } .magasin--shopper--slider { width: 100%; margin: auto; } .magasin--shopper--slider .swiper-slide { -webkit-flex-shrink: unset !important; flex-shrink: unset !important; } .magasin--shopper--slider--label { margin-bottom: 10px; } .magasin--shopper--slider--item { text-align: center; outline: 1px solid #000; color: #000; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; margin: 10px 5px; } .magasin--shopper--slider--item.disable { outline: 1px solid gray; color: gray; } .magasin--shopper--slider--item.disable .magasin--shopper--slider--item--date { font-weight: 600; } .magasin--shopper--slider--item.disable .magasin--shopper--slider--item--day, .magasin--shopper--slider--item.disable .magasin--shopper--slider--item--month { font-weight: normal; } .magasin--shopper--slider--item.active { outline: 3px solid #000; } .magasin--shopper--slider--item.active .magasin--shopper--slider--item--date { font-weight: bold; } .magasin--shopper--slider--item.active .magasin--shopper--slider--item--day, .magasin--shopper--slider--item.active .magasin--shopper--slider--item--month, .magasin--shopper--slider--item.active .magasin--shopper--slider--item--time { font-weight: 700; } .magasin--shopper--slider--item:hover { cursor: pointer; } .magasin--shopper--slider--item--time { padding: 10px 0; font-size: 20px; } .magasin--shopper--slider--item--day, .magasin--shopper--slider--item--month { margin: 0; } .magasin--shopper--slider--item--date { font-weight: 700; font-size: 30px; margin: 0; } .magasin--shopper--slider .swiper-button-prev { left: 0; } .magasin--shopper--slider .swiper-button-next { right: 0; } .magasin--shopper--wrapper { text-align: center; padding-bottom: 20px; } .magasin--shopper--wrapper .title { font: 24px 'century-gothic'; letter-spacing: 0.6px; color: #1e1e1e; text-transform: uppercase; margin-bottom: 15px; } .magasin--shopper--wrapper .sub-title { font: 16px 'futura-pt-bold'; color: #1e1e1e; margin-bottom: 20px; } .magasin--shopper--wrapper .text { font-size: 16px; } .magasin--shopper--wrapper .store { margin-bottom: 10px; } .magasin--shopper--wrapper .link { color: #00174f; font: 16px FuturaStdBook sans-serif; letter-spacing: 0.35px; text-decoration: underline; cursor: pointer; margin-top: 50px; display: block; } .campaign--wall { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 10px; } .campaign--wall--photo { width: 100%; } .campaign--subscribe { background-color: #00174f; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } @media (max-width: 920px) { .campaign--subscribe { -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .campaign--subscribe--infoBox { color: #fff; display: -webkit-flex; display: flex; font-size: 17px; -webkit-justify-content: flex-end; justify-content: flex-end; padding: 0 20px; } .campaign--subscribe--infoBox > p { width: 55%; } @media (max-width: 920px) { .campaign--subscribe--infoBox > p { width: 100%; } } .campaign--subscribe--form { padding: 10px 0; } @media (max-width: 589px) { .campaign--subscribe--form { padding: 10px; } } .campaign--subscribe--form--group { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; -webkit-justify-content: center; justify-content: center; } .campaign--subscribe--form--group--input { width: 100%; border: 0; box-shadow: none; outline: 0; background-color: transparent; border-bottom: 1px solid #fff; color: #fff; padding: 10px; } .campaign--subscribe--form--group--input::-webkit-input-placeholder { color: #fff; } .campaign--subscribe--form--group--input::-ms-input-placeholder { color: #fff; } .campaign--subscribe--form--group--input::placeholder { color: #fff; } @media (max-width: 589px) { .campaign--subscribe--form--group--input { width: 60%; } } .campaign--subscribe--form--group--btn { border: 1px solid #fff; background-color: transparent; color: #fff; cursor: pointer; margin-left: 15px; } .campaign--subscribe--form--group--btn.disabled { border-color: gray; color: gray; } .campaign--subscribe--form--check { color: #ffffff; } .campaign--subscribe--form--check p > a { color: #fff; text-decoration: underline; } .campaign--banners { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .campaign--banners--item { margin: 10px 0; width: calc((100% / 2) - 5px); } .campaign--banners--item--photo { width: 100%; height: auto; object-fit: cover; } .campaign--pharagraph { font-family: "FuturaStdBold"; font-weight: bold; margin-bottom: 10px; } /*# sourceMappingURL=main.230158f8.chunk.css.map?t=1637843676647*/