@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); @import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap); .navbar-comp[data-v-8391df88] { position: relative; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navbar-comp--cnt[data-v-8391df88] { max-width: 100%; margin: 0 auto; position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 1.5rem; } @media (min-width: 64em) { .navbar-comp--cnt[data-v-8391df88] { padding: 2.5rem; } } .navbar-comp--cnt > div[data-v-8391df88] { flex: 1; } .navbar-comp--cnt > ul[data-v-8391df88] { display: flex; flex-flow: row nowrap; align-items: center; } .navbar-comp--cnt > ul li[data-v-8391df88]:last-child { margin-right: 0; } .navbar-comp--cnt--menu-cnt[data-v-8391df88] { display: none !important; } @media (min-width: 48em) { .navbar-comp--cnt--menu-cnt[data-v-8391df88] { display: flex !important; } } .navbar-comp--cnt--menu-cnt li[data-v-8391df88] { margin-right: 1.5rem; } @media (min-width: 64em) { .navbar-comp--cnt--menu-cnt li[data-v-8391df88] { margin-right: 3rem; } } .navbar-comp--cnt--menu-cnt li > a[data-v-8391df88] { font-weight: 400; text-transform: uppercase; } .navbar-comp--cnt--actions-cnt li[data-v-8391df88] { margin-right: 1.5rem; } .navbar-comp--cnt--hamburger[data-v-8391df88] { display: block; } @media (min-width: 64em) { .navbar-comp--cnt--hamburger[data-v-8391df88] { display: none; } } .cart-quantity[data-v-8391df88] { position: absolute; top: -8px; right: -8px; width: 16px; height: 16px; font-weight: 700; background-color: #c4333f; border-radius: 50%; color: white; display: flex; justify-content: center; align-items: center; } .cart-quantity > span[data-v-8391df88] { line-height: 0 !important; font-weight: 700; font-size: 9px; margin-top: 1.3px; } .pulse[data-v-8391df88] { box-shadow: 0 0 0 0 black; animation: pulse-8391df88 0.5s infinite ease-out; } @keyframes pulse-8391df88 { 0% { transform: translateY(0) scale(1); } 75% { transform: translateY(-5.5px) scale(1.1); } 100% { transform: translateY(0) scale(1); } } .drawer-menu-comp[data-v-904f2432] { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; height: calc(var(--vh, 1vh) * 100); display: flex; justify-content: flex-end; z-index: 20; } .drawer-menu-comp.left[data-v-904f2432] { justify-content: flex-start; } .drawer-menu-comp--container[data-v-904f2432] { position: relative; width: 100%; height: 100%; background-color: #fff; transform-origin: right; overflow-x: hidden; overflow-y: scroll; } @media (max-width: 61.99em) { .drawer-menu-comp--container[data-v-904f2432] { max-width: 100% !important; } } .drawer-menu-comp--container[data-v-904f2432]::-webkit-scrollbar { -webkit-appearance: none; width: 8px; } .drawer-menu-comp--container[data-v-904f2432]::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.25); } .drawer-menu-comp--container--head-content[data-v-904f2432] { background-color: white; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .drawer-menu-comp--container--body-content[data-v-904f2432] { position: relative; z-index: 0; } li[data-v-4ae673dc] { margin-bottom: 0.5rem; } li[data-v-4ae673dc]:last-child { margin-bottom: 0; } a[data-v-77f6d680] { font-weight: 400; } li[data-v-77f6d680] { margin-bottom: 0.5rem; } li[data-v-77f6d680]:last-child { margin-bottom: 0; } .logistics[data-v-77f6d680] { display: flex; flex-flow: row wrap; } .logistics li[data-v-77f6d680] { width: 44px; } .footer-comp[data-v-77f6d680] { position: relative; width: 100%; } .footer-comp--sub-content[data-v-77f6d680] { background-color: #f8e4e6; } .footer-comp--footer-content[data-v-77f6d680] { font-size: 12px !important; background-color: #fff; } @media (max-width: 63.99em) { .footer-comp--footer-content[data-v-77f6d680] { padding: 0; } } .top[data-v-77f6d680] { margin-bottom: 0; } @media (min-width: 64em) { .top[data-v-77f6d680] { margin-bottom: 3rem; } } @media (max-width: 63.99em) { .layout-comp[data-v-77f6d680] { padding: 0 !important; } } p[data-v-e972a7bc] { font-size: 13px; } @charset "UTF-8"; body::after, body::before { position: absolute; top: 0; left: 0; z-index: z-index(below)-2; display: block; visibility: hidden; overflow: hidden; width: 1px; height: 1px; } body::after { content: "mobileS-576px"; } @media (min-width: 20em) { body::after { content: "mobileXs-320px"; } } @media (min-width: 36em) { body::after { content: "mobileS-576px"; } } @media (min-width: 48em) { body::after { content: "ipad-768px"; } } @media (min-width: 62em) { body::after { content: "ipadL-992px"; } } @media (min-width: 64em) { body::after { content: "desktopS-1024px"; } } @media (min-width: 85.5em) { body::after { content: "desktopM-1368px"; } } @media (min-width: 105em) { body::after { content: "desktopL-1680px"; } } @media (min-width: 120.0625em) { body::after { content: "desktopXL-1921px"; } } body::before { content: "/map-to-JSON((mobileXs: 320px, mobileS: 576px, ipad: 768px, ipadL: 992px, desktopS: 1024px, desktopM: 1368px, desktopL: 1680px, desktopXL: 1921px))/"; } head { font-family: "/map-to-JSON((mobileXs: 320px, mobileS: 576px, ipad: 768px, ipadL: 992px, desktopS: 1024px, desktopM: 1368px, desktopL: 1680px, desktopXL: 1921px))/"; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– # Button ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ button { display: block; border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; outline: none; /* inherit font & color from ancestor */ text-align: inherit; text-decoration: none; color: inherit; font-size: inherit; /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */ line-height: 1; /* Corrects font smoothing for webkit */ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; /* Corrects inability to style clickable `input` types in iOS */ -webkit-appearance: none; touch-action: manipulation; } button::-moz-focus-inner { border: 0; padding: 0; } /* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– # Form ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */ input, label, select, button, textarea { margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; background: none; line-height: 1.5; /* Browsers have different default form fonts */ font-size: inherit; font-family: inherit; } /* Remove the stupid outer glow in Webkit */ input:focus, button:focus, select:focus { outline: 0; } /* Box Sizing Reset -----------------------------------------------*/ /* All of our custom controls should be what we expect them to be */ input, textarea { box-sizing: content-box; } /* These elements are usually rendered a certain way by the browser */ button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select { box-sizing: border-box; } /* Text Inputs -----------------------------------------------*/ /* Button Controls -----------------------------------------------*/ input[type=checkbox], input[type=radio] { width: 1rem; height: 1rem; } /* File Uploads -----------------------------------------------*/ /* Search Input -----------------------------------------------*/ /* Make webkit render the search input like a normal text field */ input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; } /* Turn off the recent search for webkit. It adds about 15px padding on the left */ ::-webkit-search-decoration { display: none; } /* Buttons -----------------------------------------------*/ button, input[type="reset"], input[type="button"], input[type="submit"] { /* Fix IE7 display bug */ overflow: visible; width: auto; } /* IE8 and FF freak out if this rule is within another selector */ ::-webkit-file-upload-button { padding: 0; border: 0; background: none; } /* Textarea -----------------------------------------------*/ textarea { /* Move the label to the top */ vertical-align: top; /* Turn off scroll bars in IE unless needed */ overflow: auto; resize: none; } /* Selects -----------------------------------------------*/ select[multiple] { /* Move the label to the top */ vertical-align: top; } input::-moz-focus-inner { border: 0; } @media (max-width: 63.99em) { .gap-m { margin-bottom: 1.5rem; } } @media (max-width: 63.99em) { .hidden-mobile { display: none !important; } } @media (max-width: 63.99em) { .hidden-tablet { display: none !important; } } .bg-header-img { width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .sticky-footer { display: flex; flex-direction: column; height: 100%; } .sticky-footer > .main { flex: 1 0 auto; } .sticky-footer > footer { flex-shrink: 0; } @media (min-width: 64em) { .hidden-desktop { display: none !important; } } .comp-boxed { max-width: 308px !important; } .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both; } .hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal; } .pointer { cursor: pointer; } .disabled { pointer-events: none; cursor: none; } .disabled > .cirlce-color { transform: scale(0.5); } .disabled > .cirlce-color > span { background: lightgrey; } .disabled-filter { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; pointer-events: none; } .lock-scroll { overflow: hidden; } .flex-between { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .sticky { position: sticky !important; position: -webkit-sticky !important; top: 0 !important; z-index: 1 !important; } .sticky.sticky-top { top: 2rem !important; } .d-inline { display: inline-block !important; vertical-align: middle; } .d-inline-block { display: inline-block !important; vertical-align: middle; } .d-inline-flex { display: inline-flex !important; } .d-block { display: block !important; } .pos-abs { position: absolute !important; } .pos-rel { position: relative !important; } .full-w { width: 100% !important; } .full-h { height: 100% !important; } .border { border: 1px solid lightgray !important; } .border-right { border-right: 1px solid lightgray !important; } .py-grid { padding-top: 0.25rem; padding-bottom: 0.25rem; } @media (min-width: 64em) { .py-grid { padding-top: 0.25rem; padding-bottom: 0.25rem; } } .pa-ui { padding: 1.5rem; } @media (min-width: 64em) { .pa-ui { padding: 3rem; } } .px-ui { padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 64em) { .px-ui { padding-left: 3rem; padding-right: 3rem; } } .py-ui { padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 64em) { .py-ui { padding-top: 3rem; padding-bottom: 3rem; } } .pl-ui { padding-left: 1.5rem; } @media (min-width: 64em) { .pl-ui { padding-left: 3rem; } } .pr-ui { padding-right: 1.5rem; } @media (min-width: 64em) { .pr-ui { padding-right: 3rem; } } .my-ui { margin-top: 1.5rem; margin-bottom: 1.5rem; } @media (min-width: 64em) { .my-ui { margin-top: 3rem; margin-bottom: 3rem; } } .mb-ui { margin-bottom: 1.5rem; } @media (min-width: 64em) { .mb-ui { margin-bottom: 3rem; } } .mx-ui { margin-left: 1.5rem; margin-right: 1.5rem; } @media (min-width: 64em) { .mx-ui { margin-left: 3rem; margin-right: 3rem; } } .mr-ui { margin-right: 1.5rem; } @media (min-width: 64em) { .mr-ui { margin-right: 3rem; } } .ml-ui { margin-left: 1.5rem; } @media (min-width: 64em) { .ml-ui { margin-left: 3rem; } } .mt-ui { margin-top: 1.5rem; } @media (min-width: 64em) { .mt-ui { margin-top: 3rem; } } .mx-auto { margin-left: auto; margin-right: auto; } .flex { display: flex; } .row { flex-flow: row wrap; } .column { flex-flow: column wrap; } .wrap { flex-wrap: wrap; } .nowrap { flex-wrap: nowrap; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-between { justify-content: space-between; } .align-end { align-items: flex-end; } .align-start { align-items: flex-start; } .align-center { align-items: center; } .aling-between { align-items: space-between; } .align-stretch { align-items: stretch; align-content: stretch; } .align-self-center { align-self: center; } .flex-1 { flex: 1; } .bg-brand { background-color: #c4333f !important; } .text-brand { color: #c4333f !important; } .border-brand { border: 1px solid #c4333f !important; } .bg-anti-brand { background-color: #007294 !important; } .text-anti-brand { color: #007294 !important; } .border-anti-brand { border: 1px solid #007294 !important; } .bg-white { background-color: #fff !important; } .text-white { color: #fff !important; } .border-white { border: 1px solid #fff !important; } .bg-light { background-color: #666 !important; } .text-light { color: #666 !important; } .border-light { border: 1px solid #666 !important; } .bg-ui { background-color: #f8e4e6 !important; } .text-ui { color: #f8e4e6 !important; } .border-ui { border: 1px solid #f8e4e6 !important; } .bg-dark { background-color: #1A1A1A !important; } .text-dark { color: #1A1A1A !important; } .border-dark { border: 1px solid #1A1A1A !important; } .bg-black { background-color: #000 !important; } .text-black { color: #000 !important; } .border-black { border: 1px solid #000 !important; } .bg-mute { background-color: #ececec !important; } .text-mute { color: #ececec !important; } .border-mute { border: 1px solid #ececec !important; } .bg-disabled { background-color: #c0c0c0 !important; } .text-disabled { color: #c0c0c0 !important; } .border-disabled { border: 1px solid #c0c0c0 !important; } .bg-success { background-color: #4a934a !important; } .text-success { color: #4a934a !important; } .border-success { border: 1px solid #4a934a !important; } .bg-success-light { background-color: #5cb85c !important; } .text-success-light { color: #5cb85c !important; } .border-success-light { border: 1px solid #5cb85c !important; } .bg-info { background-color: #3c6478 !important; } .text-info { color: #3c6478 !important; } .border-info { border: 1px solid #3c6478 !important; } .bg-warning { background-color: #ffe500 !important; } .text-warning { color: #ffe500 !important; } .border-warning { border: 1px solid #ffe500 !important; } .bg-danger { background-color: #e53333 !important; } .text-danger { color: #e53333 !important; } .border-danger { border: 1px solid #e53333 !important; } .bg-danger-light { background-color: #ffcdca !important; } .text-danger-light { color: #ffcdca !important; } .border-danger-light { border: 1px solid #ffcdca !important; } .pa-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .ma-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .pa-1 { padding: 0.5rem !important; } .pt-1 { padding-top: 0.5rem !important; } .pr-1 { padding-right: 0.5rem !important; } .pb-1 { padding-bottom: 0.5rem !important; } .pl-1 { padding-left: 0.5rem !important; } .py-1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .px-1 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .ma-1 { margin: 0.5rem !important; } .mt-1 { margin-top: 0.5rem !important; } .mr-1 { margin-right: 0.5rem !important; } .mb-1 { margin-bottom: 0.5rem !important; } .ml-1 { margin-left: 0.5rem !important; } .my-1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .mx-1 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .pa-2 { padding: 1rem !important; } .pt-2 { padding-top: 1rem !important; } .pr-2 { padding-right: 1rem !important; } .pb-2 { padding-bottom: 1rem !important; } .pl-2 { padding-left: 1rem !important; } .py-2 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .px-2 { padding-right: 1rem !important; padding-left: 1rem !important; } .ma-2 { margin: 1rem !important; } .mt-2 { margin-top: 1rem !important; } .mr-2 { margin-right: 1rem !important; } .mb-2 { margin-bottom: 1rem !important; } .ml-2 { margin-left: 1rem !important; } .my-2 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .mx-2 { margin-right: 1rem !important; margin-left: 1rem !important; } .pa-3 { padding: 1.5rem !important; } .pt-3 { padding-top: 1.5rem !important; } .pr-3 { padding-right: 1.5rem !important; } .pb-3 { padding-bottom: 1.5rem !important; } .pl-3 { padding-left: 1.5rem !important; } .py-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .px-3 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .ma-3 { margin: 1.5rem !important; } .mt-3 { margin-top: 1.5rem !important; } .mr-3 { margin-right: 1.5rem !important; } .mb-3 { margin-bottom: 1.5rem !important; } .ml-3 { margin-left: 1.5rem !important; } .my-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .mx-3 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .pa-4 { padding: 2rem !important; } .pt-4 { padding-top: 2rem !important; } .pr-4 { padding-right: 2rem !important; } .pb-4 { padding-bottom: 2rem !important; } .pl-4 { padding-left: 2rem !important; } .py-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .px-4 { padding-right: 2rem !important; padding-left: 2rem !important; } .ma-4 { margin: 2rem !important; } .mt-4 { margin-top: 2rem !important; } .mr-4 { margin-right: 2rem !important; } .mb-4 { margin-bottom: 2rem !important; } .ml-4 { margin-left: 2rem !important; } .my-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .mx-4 { margin-right: 2rem !important; margin-left: 2rem !important; } .pa-5 { padding: 2.5rem !important; } .pt-5 { padding-top: 2.5rem !important; } .pr-5 { padding-right: 2.5rem !important; } .pb-5 { padding-bottom: 2.5rem !important; } .pl-5 { padding-left: 2.5rem !important; } .py-5 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .px-5 { padding-right: 2.5rem !important; padding-left: 2.5rem !important; } .ma-5 { margin: 2.5rem !important; } .mt-5 { margin-top: 2.5rem !important; } .mr-5 { margin-right: 2.5rem !important; } .mb-5 { margin-bottom: 2.5rem !important; } .ml-5 { margin-left: 2.5rem !important; } .my-5 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .mx-5 { margin-right: 2.5rem !important; margin-left: 2.5rem !important; } .pa-6 { padding: 3rem !important; } .pt-6 { padding-top: 3rem !important; } .pr-6 { padding-right: 3rem !important; } .pb-6 { padding-bottom: 3rem !important; } .pl-6 { padding-left: 3rem !important; } .py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .px-6 { padding-right: 3rem !important; padding-left: 3rem !important; } .ma-6 { margin: 3rem !important; } .mt-6 { margin-top: 3rem !important; } .mr-6 { margin-right: 3rem !important; } .mb-6 { margin-bottom: 3rem !important; } .ml-6 { margin-left: 3rem !important; } .my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .mx-6 { margin-right: 3rem !important; margin-left: 3rem !important; } .pa-7 { padding: 3.5rem !important; } .pt-7 { padding-top: 3.5rem !important; } .pr-7 { padding-right: 3.5rem !important; } .pb-7 { padding-bottom: 3.5rem !important; } .pl-7 { padding-left: 3.5rem !important; } .py-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } .px-7 { padding-right: 3.5rem !important; padding-left: 3.5rem !important; } .ma-7 { margin: 3.5rem !important; } .mt-7 { margin-top: 3.5rem !important; } .mr-7 { margin-right: 3.5rem !important; } .mb-7 { margin-bottom: 3.5rem !important; } .ml-7 { margin-left: 3.5rem !important; } .my-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; } .mx-7 { margin-right: 3.5rem !important; margin-left: 3.5rem !important; } .pa-8 { padding: 4rem !important; } .pt-8 { padding-top: 4rem !important; } .pr-8 { padding-right: 4rem !important; } .pb-8 { padding-bottom: 4rem !important; } .pl-8 { padding-left: 4rem !important; } .py-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .px-8 { padding-right: 4rem !important; padding-left: 4rem !important; } .ma-8 { margin: 4rem !important; } .mt-8 { margin-top: 4rem !important; } .mr-8 { margin-right: 4rem !important; } .mb-8 { margin-bottom: 4rem !important; } .ml-8 { margin-left: 4rem !important; } .my-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .mx-8 { margin-right: 4rem !important; margin-left: 4rem !important; } .pa-9 { padding: 4.5rem !important; } .pt-9 { padding-top: 4.5rem !important; } .pr-9 { padding-right: 4.5rem !important; } .pb-9 { padding-bottom: 4.5rem !important; } .pl-9 { padding-left: 4.5rem !important; } .py-9 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .px-9 { padding-right: 4.5rem !important; padding-left: 4.5rem !important; } .ma-9 { margin: 4.5rem !important; } .mt-9 { margin-top: 4.5rem !important; } .mr-9 { margin-right: 4.5rem !important; } .mb-9 { margin-bottom: 4.5rem !important; } .ml-9 { margin-left: 4.5rem !important; } .my-9 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .mx-9 { margin-right: 4.5rem !important; margin-left: 4.5rem !important; } .pa-10 { padding: 5rem !important; } .pt-10 { padding-top: 5rem !important; } .pr-10 { padding-right: 5rem !important; } .pb-10 { padding-bottom: 5rem !important; } .pl-10 { padding-left: 5rem !important; } .py-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; } .px-10 { padding-right: 5rem !important; padding-left: 5rem !important; } .ma-10 { margin: 5rem !important; } .mt-10 { margin-top: 5rem !important; } .mr-10 { margin-right: 5rem !important; } .mb-10 { margin-bottom: 5rem !important; } .ml-10 { margin-left: 5rem !important; } .my-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .mx-10 { margin-right: 5rem !important; margin-left: 5rem !important; } .pa-11 { padding: 5.5rem !important; } .pt-11 { padding-top: 5.5rem !important; } .pr-11 { padding-right: 5.5rem !important; } .pb-11 { padding-bottom: 5.5rem !important; } .pl-11 { padding-left: 5.5rem !important; } .py-11 { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; } .px-11 { padding-right: 5.5rem !important; padding-left: 5.5rem !important; } .ma-11 { margin: 5.5rem !important; } .mt-11 { margin-top: 5.5rem !important; } .mr-11 { margin-right: 5.5rem !important; } .mb-11 { margin-bottom: 5.5rem !important; } .ml-11 { margin-left: 5.5rem !important; } .my-11 { margin-top: 5.5rem !important; margin-bottom: 5.5rem !important; } .mx-11 { margin-right: 5.5rem !important; margin-left: 5.5rem !important; } .pa-12 { padding: 6rem !important; } .pt-12 { padding-top: 6rem !important; } .pr-12 { padding-right: 6rem !important; } .pb-12 { padding-bottom: 6rem !important; } .pl-12 { padding-left: 6rem !important; } .py-12 { padding-top: 6rem !important; padding-bottom: 6rem !important; } .px-12 { padding-right: 6rem !important; padding-left: 6rem !important; } .ma-12 { margin: 6rem !important; } .mt-12 { margin-top: 6rem !important; } .mr-12 { margin-right: 6rem !important; } .mb-12 { margin-bottom: 6rem !important; } .ml-12 { margin-left: 6rem !important; } .my-12 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .mx-12 { margin-right: 6rem !important; margin-left: 6rem !important; } .text-1 { font-size: 3rem; } .text-2 { font-size: 2.5rem; } .text-3 { font-size: 2rem; } .text-4 { font-size: 1.5rem; } .text-5 { font-size: 1.25rem; } .text-6 { font-size: 1rem; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-left { text-align: left !important; } .text-justify { text-align: justify; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-base { font-family: "Poppins", sans-serif; } .text-heading { font-family: "Playfair Display", serif; font-weight: 400; } .text-300 { font-weight: 300 !important; } .text-400 { font-weight: 400 !important; } .text-500 { font-weight: 500 !important; } .text-600 { font-weight: 600 !important; } .text-700 { font-weight: 700 !important; } .text-800 { font-weight: 800 !important; } .text-900 { font-weight: 900 !important; } .text-opacity { color: #bababa !important; } .text-line { display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; } .text-line::before, .text-line::after { content: ""; border-top: 1px solid lightgray; margin: 0 1.5rem 0 0; flex: 1 0 1.5rem; } .text-line::after { margin: 0 0 0 1.5rem; } .swiper-wrapper { padding-top: 0.5rem; padding-bottom: 0.5rem; } .scroll-snap { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .boxed { max-width: 768px; } .boxed-ui { max-width: 100%; } @media (min-width: 48em) { .boxed-ui { max-width: 352px; } } .text-no-wrap { white-space: nowrap; } label { font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .field-comp { box-sizing: border-box; display: block; position: relative; width: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; font-size: 1rem; } .field-comp--header { position: relative; } .field-comp--header.error { color: #e53333; } .field-comp--header > span { margin-right: 0.5rem; } .field-comp--content { position: relative; overflow: hidden; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; transition: all 0.2s ease; } .field-comp--content:hover > select, .field-comp--content:hover input { border-bottom-color: #1A1A1A; } .field-comp--content:hover > select::-webkit-input-placeholder, .field-comp--content:hover input::-webkit-input-placeholder { color: #1A1A1A; } .field-comp--content:hover > select::-moz-placeholder, .field-comp--content:hover input::-moz-placeholder { color: #1A1A1A; } .field-comp--content:hover > select::-ms-input-placeholder, .field-comp--content:hover input::-ms-input-placeholder { color: #1A1A1A; } .field-comp--content:hover > select::placeholder, .field-comp--content:hover input::placeholder { color: #1A1A1A; } .field-comp--content select, .field-comp--content input { box-sizing: border-box; display: block; position: relative; width: 100%; min-height: 44px; font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-bottom: 1px solid rgba(26, 26, 26, 0.5); color: #000; padding: 0 22px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; transition: all 0.2s ease; } .field-comp--content select::-webkit-input-placeholder, .field-comp--content input::-webkit-input-placeholder { color: grey; } .field-comp--content select::-moz-placeholder, .field-comp--content input::-moz-placeholder { color: grey; } .field-comp--content select::-ms-input-placeholder, .field-comp--content input::-ms-input-placeholder { color: grey; } .field-comp--content select::placeholder, .field-comp--content input::placeholder { color: grey; } .field-comp--content select.error, .field-comp--content input.error { border-color: #e53333; } .field-comp--content input:focus { border-bottom: 1px solid #007294; } .field-comp--content input:focus::-webkit-input-placeholder { color: #1A1A1A; } .field-comp--content input:focus::-moz-placeholder { color: #1A1A1A; } .field-comp--content input:focus::-ms-input-placeholder { color: #1A1A1A; } .field-comp--content input:focus::placeholder { color: #1A1A1A; } .field-comp--content select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23222833' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6 1.41-1.42z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right center; background-size: 3rem 1.5rem; padding-right: 1.5rem; } .field-comp--content--icon { margin-left: 0.5rem; cursor: pointer; z-index: 1; } .field-comp--footer { font-size: 10px; margin-top: 0.5rem; } .field-comp--footer > div { display: flex; flex-flow: row nowrap; } .field-comp--footer--error-content { white-space: nowrap; color: #e53333; align-items: center; } .field-comp--footer--info-content { display: flex; flex-flow: row nowrap; color: gray; } .field-comp--footer .icon-comp { margin-right: 11px; } *, *::before, *::after { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0; padding: 0; } html, body { height: 100%; } @media (min-width: 20em) { html { font-size: 12px; } } @media (min-width: 36em) { html { font-size: 12px; } } @media (min-width: 48em) { html { font-size: 12px; } } @media (min-width: 62em) { html { font-size: 12px; } } @media (min-width: 64em) { html { font-size: 14px; } } @media (min-width: 85.5em) { html { font-size: 14px; } } @media (min-width: 105em) { html { font-size: 14px; } } @media (min-width: 120.0625em) { html { font-size: 15px; } } body { position: relative; width: 100%; background-color: #fff; color: #1A1A1A; font-family: "Poppins", sans-serif; font-weight: 400; line-height: normal; letter-spacing: 0.5px; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; cursor: default; } body.lock-scroll { overflow: hidden !important; } .application { position: relative; max-width: 100%; margin: 0 auto; } ul, li { position: relative; list-style: none; } a, button { touch-action: manipulation; } img { display: block; width: 100%; max-width: 100%; height: auto; } .hr, hr { display: block; height: 1px; border: 0; border-top: 1px solid #ececec; margin: 0.5rem 0; } h1 { font-size: 3rem; font-family: "Playfair Display", serif; font-weight: 400; line-height: 125%; letter-spacing: normal; } .h1 { font-size: 3rem; letter-spacing: normal; line-height: 125%; } h2 { font-size: 2.5rem; font-family: "Playfair Display", serif; font-weight: 400; line-height: 125%; letter-spacing: normal; } .h2 { font-size: 2.5rem; letter-spacing: normal; line-height: 125%; } h3 { font-size: 2rem; font-family: "Playfair Display", serif; font-weight: 400; line-height: 125%; letter-spacing: normal; } .h3 { font-size: 2rem; letter-spacing: normal; line-height: 125%; } h4 { font-size: 1.5rem; font-family: "Playfair Display", serif; font-weight: 400; line-height: 125%; letter-spacing: normal; } .h4 { font-size: 1.5rem; letter-spacing: normal; line-height: 125%; } h5 { font-size: 1.25rem; font-family: "Playfair Display", serif; font-weight: 400; line-height: 125%; letter-spacing: normal; } .h5 { font-size: 1.25rem; letter-spacing: normal; line-height: 125%; } h6 { font-size: 1rem; font-family: "Playfair Display", serif; font-weight: 400; line-height: 125%; letter-spacing: normal; } .h6 { font-size: 1rem; letter-spacing: normal; line-height: 125%; } small { display: inline-block; font-size: 10px; line-height: normal; } b { font-weight: 500; } button { cursor: pointer; } button:hover { color: #007294; } button:hover > .icon-comp { fill: #007294; } .link, a { display: inline-block !important; position: relative; text-decoration: none; color: inherit; cursor: pointer; font-weight: 400; transition: color 0.15s ease-out; } .link::before, a::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #007294; transform-origin: bottom right; transform: scaleX(0); transition: transform 0.15s ease-out; } @media (hover: hover) and (pointer: fine) { .link:hover::before, a:hover::before { transform-origin: bottom left; transform: scaleX(1); } .link:hover, a:hover { color: #007294; } .link:hover > span, a:hover > span { color: #007294; } } .link.active, a.active { font-weight: 500; color: #007294; } .link.active::before, a.active::before { transform: scaleX(1); } .link.active > span, a.active > span { font-weight: 500; color: #007294; } .link.active:hover::before, a.active:hover::before { transform: scaleX(1); } .link.active-exact, a.active-exact { font-weight: 500; } .link.disabled, a.disabled { color: #c0c0c0; text-decoration: none; pointer-events: none; } .link.disabled::before, a.disabled::before { display: none; } .link.mute, a.mute { color: grey; } .link.mute::before, a.mute::before { background-color: grey; } .link.no-hover::before, .link.no-hover::after, a.no-hover::before, a.no-hover::after { display: none; } .application { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; } .application--view { position: relative; width: 100%; flex: 1 0 auto; } .application--view--page { height: 100%; } .application--footer { flex-shrink: 0; } .app--dialog-confirm { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; height: calc(var(--vh, 1vh) * 100); background-color: rgba(0, 0, 0, 0.5); z-index: 9999; pointer-events: none; padding: 2rem; display: flex; justify-content: center; align-items: center; } .app--dialog-confirm > div { display: block; position: relative; width: 100%; max-width: 768px; max-height: 50vh; margin: 0 auto; background-color: white; padding: 1.5rem 2rem; pointer-events: auto; } .app--dialog-confirm--title { font-size: 1rem; font-weight: 400; margin-bottom: 0.25rem; } .app--dialog-confirm--subtitle { font-weight: 300; font-size: 0.8rem; } .app--dialog-confirm--body { font-size: 1rem; font-weight: 400; padding: 1rem 0; } .app--dialog-confirm--body > ul, .app--dialog-confirm--body li { display: block; position: relative; font-size: 13px; list-style: none; margin-bottom: 1rem; } .app--dialog-confirm--body > ul:last-child, .app--dialog-confirm--body li:last-child { margin-bottom: 0; } .app--dialog-confirm--footer { display: flex; flex-flow: row nowrap; justify-content: center; } section { display: block; position: relative; padding: 1.5rem; } @media (min-width: 64em) { section { padding: 9rem 3rem; } } textarea { width: 100%; min-height: 6.5rem; padding: 0.5rem; box-sizing: border-box; border: 0.0625rem solid #000; } .a-r { position: relative; overflow: hidden; } .a-r:before { display: block; content: ""; width: 100%; } .a-r.a-r-1-1::before { padding-top: 100%; } .a-r.a-r-2-3::before { padding-top: 150%; } .a-r.a-r-21-9::before { padding-top: 42.85714%; } .a-r.a-r-107-25 { display: flex; } .a-r.a-r-107-25::before { padding-top: 23.36449%; } .a-r.a-r-8-2::before { padding-top: 10%; } .a-r > .a-r-c { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } .a-r > .a-r-c.a-r-c-y-center { display: flex; align-items: center; } .truncated { display: block; white-space: nowrap; /* forces text to single line */ overflow: hidden; text-overflow: ellipsis; } table { display: table; position: relative; table-layout: fixed; width: 100%; max-width: 100%; margin: 0 auto; border-collapse: collapse; border-spacing: 0; font-size: 10px !important; } table thead { display: table-header-group; text-align: left; font-weight: 400 !important; } table thead th { padding: 10px; font-weight: 600; } table tbody { display: table-row-group; } table tbody tr { display: table-row; } table tbody tr:nth-child(odd) { background: #f6f6f6; } table tbody tr td { display: table-cell; text-align: left; color: #1a1a1a; padding: 11px; font-weight: 400; } table tbody tr td:first-child { text-align: left; text-transform: uppercase; font-weight: 500; } .mb-0-last:last-child { margin-bottom: 0; } .smooth-anim { transition: all 0.2s ease-out; } .payments-list-icons { display: flex; flex-flow: row wrap; } .payments-list-icons li { width: 44px; height: 33px; border: 1px solid lightgrey; background-color: white; border-radius: 3px; padding: 3px; display: flex; justify-content: center; align-items: center; } .mc-material { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 0 0 rgba(0, 0, 0, 0.08) inset !important; } .img-abs { display: none; position: absolute; top: 0; left: 0; max-width: 132px; pointer-events: none; z-index: 1; } @media (min-width: 64em) { .img-abs { display: inline-block; } } .img-abs.img-abs-t-r { left: inherit; top: 0; right: 0; } .img-abs.img-abs-b-r { top: inherit; left: inherit; right: 0; bottom: -20vh; } .img-abs.img-abs-b-l { top: inherit; left: 0; right: inherit; bottom: -20vh; } .img-abs.img-abs-l-c { top: 0; left: 0; right: inherit; bottom: 0; margin: auto; } .img-abs.img-abs-r-c { top: 0; left: inherit; right: 0; bottom: 0; margin: auto; } .app-cookie { position: fixed; bottom: 0; left: 0; max-width: 440px; padding: 3rem; z-index: 15; } .app-cookie--cnt { position: relative; background-color: white; padding: 1.5rem; font-size: 13px; box-shadow: 0px 0px 22px 11px rgba(0, 0, 0, 0.1); } .app-loading-layer { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; height: calc(var(--vh, 1vh) * 100); background-color: rgba(255, 255, 255, 0.7); z-index: 9999; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .app-loading-layer--brand-content { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .app-loading-layer--brand-content > img { display: inline-block; vertical-align: middle; max-width: 176px; margin-bottom: 1rem; } .app-loading-layer--message-content { margin-top: 11px; font-size: 16px !important; } .fade-enter-active, .fade-leave-active { transition: opacity 0.25s ease-out; } .fade-enter, .fade-leave-to { opacity: 0; } .slide-x-enter-active, .slide-x-leave-active { transition: all 0.25s ease-out; } .slide-x-enter, .slide-x-leave-to { opacity: 0; transform: translateX(-10px); } .slide-x-reverse-enter-active, .slide-x-reverse-leave-active { transition: all 0.25s ease-out; } .slide-x-reverse-enter, .slide-x-reverse-leave-to { opacity: 0; transform: translateX(10px); } .slide-y-enter-active, .slide-y-leave-active { transition: all 0.25s ease-out; } .slide-y-enter, .slide-y-leave-to { opacity: 0; transform: translateY(2.5vh); } .iiz[data-v-e6d72b16]{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:zoom-in}.iiz--drag .iiz__zoom-img--visible[data-v-e6d72b16]{cursor:-webkit-grab;cursor:grab}.iiz__img[data-v-e6d72b16]{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1}.iiz__img--hidden[data-v-e6d72b16]{visibility:hidden;opacity:0}.iiz__img--abs[data-v-e6d72b16]{width:100%;height:100%;position:absolute;top:0;left:0;display:block}.iiz__zoom-img[data-v-e6d72b16]{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block}.iiz__zoom-img--visible[data-v-e6d72b16]{visibility:visible;opacity:1;pointer-events:auto;cursor:zoom-out;touch-action:none}.iiz__zoom-portal[data-v-e6d72b16]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000}.iiz__btn[data-v-e6d72b16]{background:hsla(0,0%,100%,.8);width:40px;height:40px;border:none;outline:none;padding:0;position:absolute;text-decoration:none;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.iiz__btn[data-v-e6d72b16]:before{content:"";background-position:50%;background-repeat:no-repeat;display:block}.iiz__hint[data-v-e6d72b16]{bottom:10px;right:10px;pointer-events:none}.iiz__hint[data-v-e6d72b16]:before{content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.9'%3E%3Cpath d='M13.9 7.4C13.9 3.8 11 .9 7.4.9S.9 3.8.9 7.4s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5zm5.3 12.5l-6.7-7.2c-1.4 1.3-3.2 2.1-5.1 2.1-4.1 0-7.4-3.3-7.4-7.4S3.3 0 7.4 0s7.4 3.3 7.4 7.4c0 1.7-.6 3.4-1.7 4.7l6.8 7.2-.7.6z' fill='%23000222'/%3E%3C/svg%3E");width:20px;height:20px}.iiz__close[data-v-e6d72b16]{top:10px;right:10px;visibility:hidden;opacity:0}.iiz__close--visible[data-v-e6d72b16]{visibility:visible;opacity:1}.iiz__close[data-v-e6d72b16]:before{content:"";width:29px;height:29px;background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:100% 1px,1px 100%;transform:rotate(45deg)} .img-zoom > .iiz__btn { display: none !important; } .slider-comp[data-v-501471fc] { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; overflow: hidden; } @media (min-width: 64em) { .slider-comp[data-v-501471fc] { display: flex; flex-flow: row nowrap; } } .slider-comp--nav-cnt[data-v-501471fc] { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; z-index: 1; } .slider-comp--nav-cnt > ul[data-v-501471fc] { display: block; position: relative; height: 100%; overflow-x: hidden; overflow-y: scroll; direction: rtl; } .slider-comp--nav-cnt > ul[data-v-501471fc]::-webkit-scrollbar { -webkit-appearance: none; appearance: none; width: 4px; height: 44px; border-radius: 2px; } .slider-comp--nav-cnt > ul[data-v-501471fc]::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.25); } .slider-comp--nav-cnt > ul li[data-v-501471fc] { flex: 1; position: relative; display: block; cursor: pointer; margin-right: 2rem; } @media (min-width: 64em) { .slider-comp--nav-cnt > ul li[data-v-501471fc] { margin-bottom: 0.5rem; margin-right: 0; padding: 0 0.5rem; } } .slider-comp--nav-cnt > ul li[data-v-501471fc]:last-child { margin-bottom: 0; } .slider-comp--nav-cnt > ul li[data-v-501471fc]::before { content: ""; position: absolute; top: 0; left: calc(0 + 0.5rem); width: calc(100% - 1rem); height: 100%; border-width: 1px; border-style: solid; border-color: transparent; z-index: 1; } .slider-comp--nav-cnt > ul li[data-v-501471fc]:hover::before { border-color: black; } .slider-comp--nav-cnt > ul li.actived[data-v-501471fc]::before { border-color: black; } .slider-comp--nav-cnt > ul li img[data-v-501471fc] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .slider-comp--panel-cnt[data-v-501471fc] { position: relative; display: block; width: 100%; max-width: 100%; overflow: hidden; } .slider-comp--panel-cnt img[data-v-501471fc] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: zoom-in; } .slider-comp--panel-cnt--carousel-cnt[data-v-501471fc] { display: inline-flex; flex-flow: row nowrap; position: relative; white-space: nowrap; overflow: hidden; } .slider-comp--panel-cnt--carousel-cnt.is-animating[data-v-501471fc] { transition: transform 400ms cubic-bezier(0.5, 0, 0.5, 1); } .slider-comp--panel-cnt--carousel-cnt li[data-v-501471fc] { position: relative; width: 100%; height: 100%; } .slider-comp--panel-cnt--carousel-cnt li img[data-v-501471fc] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .a-r[data-v-501471fc] { background-color: rgba(236, 236, 236, 0.5); } .carousel-test[data-v-b79f7be6] { position: relative; display: block; padding: 0; } @media (min-width: 64em) { .carousel-test[data-v-b79f7be6] { padding: 0 3rem; } } .carousel-test.full[data-v-b79f7be6] { padding: 0 !important; } .carousel-test.grabbing[data-v-b79f7be6] { pointer-events: none; } .carousel-test--cnt[data-v-b79f7be6] { position: relative; display: flex; padding: 0.5rem 0; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .carousel-test--cnt[data-v-b79f7be6]::-webkit-scrollbar { -webkit-appearance: none; appearance: none; display: none; } .carousel-test--cnt[data-v-b79f7be6]::-webkit-scrollbar-thumb { display: none; } .carousel-test--cnt.full[data-v-b79f7be6] { padding: 0 !important; } .carousel-test--cnt li[data-v-b79f7be6] { flex-basis: 50%; max-width: 50%; flex-shrink: 0; padding: 0 0.5rem; scroll-snap-align: start; scroll-snap-stop: always; position: relative; display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 64em) { .carousel-test--cnt li[data-v-b79f7be6] { flex-basis: 25%; max-width: 25%; } } .carousel-test--cnt li.full[data-v-b79f7be6] { flex-basis: 100% !important; max-width: 100% !important; padding: 0 !important; } .carousel-test--cnt li > img[data-v-b79f7be6] { pointer-events: none; } .carousel-test--actions-cnt[data-v-b79f7be6] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; pointer-events: none; z-index: 1; } .carousel-test--actions-cnt.full[data-v-b79f7be6] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 3rem; } .carousel-test--actions-cnt > div[data-v-b79f7be6] { cursor: pointer; pointer-events: auto; } .carousel-test--actions-cnt > div[data-v-b79f7be6]:first-child { margin-left: -1rem; } .carousel-test--actions-cnt > div[data-v-b79f7be6]:last-child { margin-right: -1rem; } .article-card-comp[data-v-c7c6b56a] { position: relative; cursor: pointer; } .article-card-comp--content[data-v-c7c6b56a] { position: relative; padding: 0 !important; height: 100%; } .article-card-comp--content > a[data-v-c7c6b56a] { display: block; width: 100%; height: 100%; } .article-card-comp--content > a[data-v-c7c6b56a]:hover { color: currentColor; } .article-card-comp--content > a[data-v-c7c6b56a]::before, .article-card-comp--content > a[data-v-c7c6b56a]::after { display: none; } .article-card-comp--content--header-content[data-v-c7c6b56a] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between; z-index: 1; pointer-events: none; } .article-card-comp--content--header-content--labels-content[data-v-c7c6b56a] { height: 100%; position: relative; font-size: 12px !important; font-weight: 600 !important; color: #fff !important; overflow: hidden; margin-right: 0.4rem; padding: 0.5rem 0; display: flex; flex-flow: column wrap; justify-content: flex-end; align-items: flex-start; z-index: 1; pointer-events: none; } .article-card-comp--content--header-content--labels-content > li[data-v-c7c6b56a] { padding: 0.25rem 0.5rem; text-align: center; text-transform: uppercase; background-color: #007294; white-space: nowrap; margin-bottom: 0.25rem; } .article-card-comp--content--header-content--labels-content > li[data-v-c7c6b56a]:last-child { margin-bottom: 0; } .article-card-comp--content--header-content--action-content[data-v-c7c6b56a] { pointer-events: auto; margin: 1rem 1rem 0 0; } .article-card-comp--content--info-plus-cnt[data-v-c7c6b56a] { position: absolute; left: 0; bottom: 0; width: 100%; height: 20%; z-index: 1; background-color: white; padding: 11px 0; pointer-events: none; } .slide-y-enter-active[data-v-c7c6b56a], .slide-y-leave-active[data-v-c7c6b56a] { transition: all 0.1s ease-out; } .slide-y-enter[data-v-c7c6b56a], .slide-y-leave-to[data-v-c7c6b56a] { transform: translateY(30%); } .slider-list-comp[data-v-506e9062] { display: block; width: 100%; position: relative; } .slider-list-comp > ul[data-v-506e9062] { display: inline-block; position: relative; width: 100%; max-width: 100%; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } .slider-list-comp > ul[data-v-506e9062]::-webkit-scrollbar { -webkit-appearance: none; appearance: none; display: none; } .slider-list-comp > ul[data-v-506e9062]::-webkit-scrollbar-thumb { display: none; } .slider-list-comp > ul li[data-v-506e9062] { display: inline-block; position: relative; flex-basis: 66px; max-width: 66px; flex-shrink: 0; margin-right: 0.5rem; } .slider-list-comp > ul li[data-v-506e9062]:last-child { margin-right: 0; } .slider-list-comp > ul li[data-v-506e9062]::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-width: 1px; border-style: solid; border-color: transparent; z-index: 1; } .slider-list-comp > ul li[data-v-506e9062]:hover::before { border-color: black; } .slider-list-comp > ul li.actived[data-v-506e9062]::before { border-color: black; } .slider-list-comp > ul li > a[data-v-506e9062] { position: relative; display: block; width: 100%; height: 100%; } .slider-list-comp > ul li > a[data-v-506e9062]::before, .slider-list-comp > ul li > a[data-v-506e9062]::after { display: none; } .slider-list-comp--controls-cnt[data-v-506e9062] { position: relative; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end; pointer-events: none; } .slider-list-comp--controls-cnt > div[data-v-506e9062] { display: inline-block; pointer-events: auto; } .slider-list-comp--controls-cnt > div[data-v-506e9062]:first-child { margin: -0.5rem; margin-right: 1rem; } .slider-list-comp--controls-cnt > div[data-v-506e9062]:last-child { margin: -0.5rem; } .article[data-v-82768ea8] { background-color: rgba(238, 238, 238, 0.25); } .label[data-v-82768ea8] { padding: 0.25rem 0.5rem; text-align: center; text-transform: uppercase; background-color: #007294; color: #fff; white-space: nowrap; margin-bottom: 0.25rem; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .select-filter-comp[data-v-64cff53f] { position: relative; max-height: 220px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select-filter-comp.active[data-v-64cff53f] { border-bottom: 1px solid lightgrey; } .select-filter-comp--head-content[data-v-64cff53f] { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; cursor: pointer; } .select-filter-comp--body-content[data-v-64cff53f] { position: relative; max-height: 220px; height: 100%; overflow-x: hidden; overflow-y: scroll; } .select-filter-comp--body-content[data-v-64cff53f]::-webkit-scrollbar { -webkit-appearance: none; appearance: none; width: 2px; height: 44px; border-radius: 2px; } .select-filter-comp--body-content[data-v-64cff53f]::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.25); } .select-filter-comp--body-content > ul li[data-v-64cff53f] { display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; transition: color 0.5s ease-out; } .select-filter-comp--body-content > ul li:hover span[data-v-64cff53f] { color: black; } .select-filter-comp--body-content > ul li:hover span[data-v-64cff53f]:first-child { background-color: black; } .select-filter-comp--body-content > ul li.active span[data-v-64cff53f] { color: black; } .select-filter-comp--body-content > ul li.active span[data-v-64cff53f]:first-child { background-color: black; } .select-filter-comp--body-content > ul li span[data-v-64cff53f] { transition: transform 0.3s ease; color: gray; } .select-filter-comp--body-content > ul li span[data-v-64cff53f]:active { transform: scale(0.8); } .select-filter-comp--body-content > ul li span[data-v-64cff53f]:first-child { width: 11px; height: 11px; margin-right: 11px; border: 1px solid gray; transition: border 0.25s ease; } .circle-color[data-v-64cff53f] { position: relative; display: inline-block; width: 22px; height: 22px; border: none !important; border-radius: 50%; } .vue-slider-process[data-v-862110e4] { background-color: #f8e4e6; } .vue-slider-dot-handle[data-v-862110e4] { border-color: #f8e4e6; } .articles[data-v-1d7dfdf7] { background-color: rgba(238, 238, 238, 0.25); } .scroll-top[data-v-1d7dfdf7] { position: fixed; bottom: 2rem; right: 0rem; z-index: 9999; padding: 1rem 2rem 1rem 1rem; text-transform: uppercase; font-weight: 600; display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; } .scroll-top--text[data-v-1d7dfdf7] { color: white; display: none; } @media (min-width: 62em) { .scroll-top--text[data-v-1d7dfdf7] { display: block; } } .dep-desc { position: relative; font-size: 14px; } .dep-desc p { max-width: 768px; margin-bottom: 1.5rem; } .dep-desc p:last-child { margin-bottom: 0; } .dep-desc ul, .dep-desc li { list-style: circle; } .dep-desc a { color: #007294; font-weight: 600; } .dep-desc a::before { transform: scaleX(1); } .cart-promo-comp[data-v-dcc1d12c] { position: relative; overflow: hidden; transition: height 0.5s ease; } .step-bar[data-v-e9bc6700] { display: block; position: relative; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 0; } .step-bar--list[data-v-e9bc6700] { position: relative; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .step-bar--list--item[data-v-e9bc6700] { position: relative; flex: 1; text-align: center; cursor: pointer; } .step-bar--list--item:first-child .step-bar--list--item--circle-content[data-v-e9bc6700]::after { display: none; } .step-bar--list--item[data-v-e9bc6700]:last-child { margin-right: 0; } .step-bar--list--item:last-child .step-bar--list--item--circle-content[data-v-e9bc6700]::before { display: none; } .step-bar--list--item:hover div:first-child > span[data-v-e9bc6700] { background-color: #007294; border: none; color: white; } .step-bar--list--item:hover div[data-v-e9bc6700]:last-child { color: #007294; } .step-bar--list--item.actived div:first-child > span[data-v-e9bc6700] { background-color: #007294 !important; border: none !important; color: white !important; } .step-bar--list--item.actived div[data-v-e9bc6700]:last-child { color: #007294 !important; } .step-bar--list--item--circle-content[data-v-e9bc6700] { position: relative; text-align: center; margin-bottom: 0.5rem; } .step-bar--list--item--circle-content[data-v-e9bc6700]::after { content: ""; position: absolute; width: 50%; height: 1px; top: 1px; bottom: 0; left: 0; margin: auto; background-color: #c0c0c0; z-index: 0; } .step-bar--list--item--circle-content[data-v-e9bc6700]::before { content: ""; position: absolute; width: 50%; height: 1px; top: 1px; bottom: 0; right: 0; margin: auto; background-color: #c0c0c0; z-index: 0; } .step-bar--list--item--circle-content > span[data-v-e9bc6700] { position: relative; width: 33px !important; height: 33px !important; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #c0c0c0; color: grey; z-index: 1; line-height: normal; } .step-bar--list--item--circle-content > span > svg[data-v-e9bc6700] { width: 14px; height: 14px; } .step-bar--list--item--circle-content > span > svg > path[data-v-e9bc6700] { fill: white; } .step-bar--list--item--circle-content-text[data-v-e9bc6700] { letter-spacing: 1px; color: #c0c0c0; text-transform: capitalize; } @media (max-width: 47.99em) { .step-bar--list--item--circle-content-text[data-v-e9bc6700] { display: none; } } .btn-address[data-v-7e557942] { min-width: auto !important; min-height: auto !important; padding: 0; margin-bottom: 1rem; } .disable[data-v-7e557942] { color: #c0c0c0 !important; } .modal-secure[data-v-397034bd] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); z-index: 10; pointer-events: none; } .modal-secure--content[data-v-397034bd] { position: relative; width: 100%; height: 100%; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; padding: 4rem; } .modal-secure--content > iframe[data-v-397034bd] { position: relative; display: block; width: 100%; height: 100%; max-width: 768px; pointer-events: auto; } .StripeElement[data-v-397034bd] { display: block; width: 100%; box-sizing: border-box; min-height: 2.75rem; padding: 1rem; background-color: white; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); transition: box-shadow 150ms ease; } .StripeElement--focus[data-v-397034bd] { box-shadow: 0 0 2px 0 black; } .StripeElement--invalid[data-v-397034bd] { border-color: #fa755a; } .StripeElement--webkit-autofill[data-v-397034bd] { background-color: #fefde5 !important; } .btn-shipping[data-v-62747a81] { min-width: auto !important; min-height: auto !important; padding: 0; margin: 0; margin-bottom: 1rem; } .mc--radio-check[data-v-62747a81] { position: relative; width: 14px; height: 14px; background-color: white; border-radius: 10px; box-shadow: inset 0px 0px 1px 1px #000000; } .mc--radio-check-active[data-v-62747a81] { position: absolute; top: -1px; left: -1px; width: 16px; height: 16px; background-color: #007294; border-radius: 10px; } .mc--radio-check-active-body[data-v-62747a81] { position: absolute; top: 6px; left: 6px; width: 4px; height: 4px; background-color: white; border-radius: 10px; } .l-c[data-v-ced23842] { margin-bottom: 0; } @media (min-width: 64em) { .l-c[data-v-ced23842] { margin-bottom: 2rem; } } .l-c[data-v-ced23842]:last-child { margin-bottom: 0; } .custom-notification[data-v-2510c0d6] { color: white; font-weight: 700; background-color: #3fdf52; padding: 16px; border-radius: 4px; border-left: 5px solid #00b600; } .index--hero[data-v-fae5bece] { position: relative; width: 100%; padding: 0; overflow: hidden; } .index--hero--cnt[data-v-fae5bece] { position: relative; width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-between; } @media (min-width: 64em) { .index--hero--cnt[data-v-fae5bece] { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 0.9rem; } } .index--hero--cnt--cell[data-v-fae5bece] { height: 100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: flex-start; padding: 1.5rem; cursor: pointer; } @media (min-width: 64em) { .index--hero--cnt--cell[data-v-fae5bece] { align-items: center; padding: 3rem; } } .index--hero--cnt--cell--gradient[data-v-fae5bece] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); z-index: 1; pointer-events: none; } .index--hero--cnt--cell--text[data-v-fae5bece] { display: flex; flex-flow: column nowrap; z-index: 2; } @media (min-width: 64em) { .index--hero--cnt--cell--text[data-v-fae5bece] { text-align: center; } } .index--hero--cnt--cell--text > a[data-v-fae5bece] { font-family: "Playfair Display", serif; color: white; text-decoration: none; margin-bottom: 2rem; letter-spacing: 1px; cursor: pointer; } .index--hero--cnt--cell--text > button[data-v-fae5bece] { position: relative; display: inline-block; min-width: 176px; max-width: 352px; border: 1px solid white; padding: 1rem 2rem; text-align: center; color: white; cursor: pointer; transition: color 0.25s ease-out, background-color 0.25s ease-out; } .index--hero--cnt--cell--text > button[data-v-fae5bece]:hover { color: black; background-color: white; } .index--hero--cnt--cell-1[data-v-fae5bece] { grid-column: 1; grid-row: 1 / 3; } .index--hero--cnt--cell-2[data-v-fae5bece] { grid-column: 2; grid-row: 1; background-position: bottom center; } .index--hero--cnt--cell-3[data-v-fae5bece] { grid-column: 2; grid-row: 2; } .faq--item-content > div { margin-bottom: 3rem; } .faq--item-content > div > div { margin-bottom: 1.5rem; } .faq--item-content h4 { font-family: "Poppins", sans-serif; margin-bottom: 1.5rem; } .faq--item-content h5, .faq--item-content p { font-family: "Poppins", sans-serif; font-weight: 300; margin-bottom: 1rem; } .faq--item-content h5 { font-weight: 400; } .cgv-s[data-v-33960570] { margin-bottom: 3rem; } h3[data-v-33960570], h4[data-v-33960570], p[data-v-33960570], li[data-v-33960570] { font-family: "Poppins", sans-serif; margin-bottom: 1rem; } p[data-v-33960570] { font-weight: 300; } ul[data-v-33960570], li[data-v-33960570] { list-style: outside; } li[data-v-33960570] { margin-left: 2rem; } li[data-v-33960570]:last-child { margin-bottom: 0; } .privacy-s[data-v-30c91384] { margin-bottom: 3rem; } h3[data-v-30c91384], h4[data-v-30c91384], p[data-v-30c91384], li[data-v-30c91384] { font-family: "Poppins", sans-serif; margin-bottom: 1rem; } p[data-v-30c91384] { font-weight: 300; } ul[data-v-30c91384], li[data-v-30c91384] { list-style: outside; } li[data-v-30c91384] { margin-left: 2rem; } li[data-v-30c91384]:last-child { margin-bottom: 0; } .article-desc-comp h2, .article-desc-comp .h2 { margin-top: 2rem; margin-bottom: 2rem; text-align: center; } .article-desc-comp h3, .article-desc-comp .h3, .article-desc-comp h4, .article-desc-comp .h4, .article-desc-comp h5, .article-desc-comp .h5 { margin-top: 1.5rem; margin-bottom: 1.5rem; text-align: center; } .article-desc-comp p, .article-desc-comp .p { font-size: 12px; } .article-desc-comp p:first-child, .article-desc-comp .p:first-child { margin-top: 0; } .article-desc-comp p:last-child, .article-desc-comp .p:last-child { margin-bottom: 0; } .article-desc-comp ul { line-height: 1.5; list-style: disc; -webkit-padding-start: 2rem; padding-inline-start: 2rem; } .article-desc-comp ul li { display: list-item; list-style: inherit; margin-bottom: 0.5rem; } .article-desc-comp ul li:last-child { margin-bottom: 0; } .article-desc-comp a { text-decoration: underline !important; display: inline-block; color: #007294; transition: color 0.25s ease; } .article-desc-comp a::after { content: ""; position: absolute; top: -0.25em; left: -0.25em; width: calc(100% + 0.5em); height: calc(100% + 0.5em); background-color: rgba(0, 114, 148, 0.15); border-radius: 0.125rem; transform: scaleX(0); transform-origin: top right; transition: transform 0.25s ease; } .article-desc-comp a:hover::after { transform-origin: top left; transform: scaleX(1); } .btn-add-to-cart[data-v-cac42f7c] { position: relative; margin: 0 auto; display: inline-flex; font-family: "Poppins", sans-serif; font-weight: 400; width: 100%; min-height: 44px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; text-transform: uppercase; color: #007294; border: 1px solid #007294; overflow: hidden; cursor: pointer; transition: all 0.2s ease-out; } .btn-add-to-cart[data-v-cac42f7c]:hover { background-color: #007294; color: #fff; } .btn-add-to-cart.active[data-v-cac42f7c] { background-color: #007294; color: #fff; border: none; cursor: auto; } .btn-add-to-cart.loading[data-v-cac42f7c] { pointer-events: none; } .btn-add-to-cart > span[data-v-cac42f7c] { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 15%; height: 100%; text-align: center; } .btn-add-to-cart > .btn-add-to-cart--icon[data-v-cac42f7c] { border: 1px solid #fff; } .btn-add-to-cart--text[data-v-cac42f7c] { flex: 1; } .btn-add-to-cart--text--qty > span[data-v-cac42f7c]:last-child { display: none; } @media (min-width: 64em) { .btn-add-to-cart--text--qty > span[data-v-cac42f7c]:last-child { display: initial; } } .btn-add-to-cart--text--qty > span[data-v-cac42f7c]:first-child { display: initial; } @media (min-width: 64em) { .btn-add-to-cart--text--qty > span[data-v-cac42f7c]:first-child { display: none; } } .btn-add-to-cart--icon[data-v-cac42f7c] { width: 2rem; font-size: 1rem; font-weight: 700; cursor: pointer; } .btn-add-to-cart--loading[data-v-cac42f7c] { flex: 1; background-color: #007294; } .btn-add-to-cart--loading--icon[data-v-cac42f7c] { width: 16px; height: 16px; border: 2px solid white; border-radius: 100%; border-top: 2px solid transparent; animation: loading-cac42f7c infinite linear 1s; } @keyframes loading-cac42f7c { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); opacity: 0.35; } 100% { transform: rotate(360deg); } } .btn-add-to-wish-comp[data-v-60730249] { position: relative; vertical-align: middle; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; } .btn-add-to-wish-comp:hover > .icon-comp[data-v-60730249] { fill: #c4333f !important; } .btn-add-to-wish-comp:hover > span[data-v-60730249] { color: #c4333f !important; } .cart-items-list-comp.unavailable[data-v-42bc759b] { -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important; color: gray !important; } .text-right-c[data-v-42bc759b] { text-align: left !important; margin-top: 2rem; } @media (min-width: 48em) { .text-right-c[data-v-42bc759b] { margin-top: 0; text-align: right !important; } } .error-box-comp[data-v-05e0ab4f] { position: relative; display: block; width: 100%; min-height: 44px; background-color: #ffcdca; color: #e53333; display: flex; flex-flow: row nowrap; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 11px 22px; } .error-box-comp--icon-cnt[data-v-05e0ab4f] { width: 22px; } .error-box-comp--mex-cnt[data-v-05e0ab4f] { flex: 1; margin-left: 1rem; font-weight: 500 !important; } .funnel-navbar-comp[data-v-7676b35c] { padding: 1.5rem; } @media (min-width: 64em) { .funnel-navbar-comp[data-v-7676b35c] { padding: 2.5rem; } } .hero-comp[data-v-86da9020] { display: block; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; background-color: #ececec; padding: 1.5rem; } @media (min-width: 64em) { .hero-comp[data-v-86da9020] { padding: 1.5rem 3rem; } } .hero-comp--content[data-v-86da9020] { position: relative; display: block; height: 100%; z-index: 2; display: flex; flex-flow: column nowrap; justify-content: flex-end; } .hero-comp--content--breadcrumbs-content[data-v-86da9020] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; } .hero-comp--content--info-content[data-v-86da9020] { position: relative; width: 100%; max-width: 100%; } @media (min-width: 64em) { .hero-comp--content--info-content[data-v-86da9020] { max-width: 768px; } } .hero-comp--content--info-content > p[data-v-86da9020] { display: none; } @media (min-width: 48em) { .hero-comp--content--info-content > p[data-v-86da9020] { display: block; } } .hero-comp--overlay[data-v-86da9020] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: linear-gradient(to right top, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)); z-index: 0; pointer-events: none; } @media (max-width: 85.49em) { .a-r[data-v-86da9020] { display: block !important; position: relative !important; padding: 0 !important; margin: 0 !important; } } @media (max-width: 85.49em) { .a-r > .a-r-c[data-v-86da9020] { display: block !important; position: relative !important; padding: 0 !important; margin: 0 !important; } } .banner-comp[data-v-e54af550] { display: block; width: 100%; padding: 0.1rem; margin: 0; background-color: #c4333f; color: #fff; cursor: pointer; text-align: center; font-size: 12px; font-weight: 400; } .banner-comp--content[data-v-e54af550] { display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; } .banner-comp--content > p[data-v-e54af550] { margin: 0; margin-right: .5rem; } .index--carousel--wrp[data-v-6a13b45c] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; z-index: 2; } .index--carousel--wrp--cnt[data-v-6a13b45c] { display: block; position: relative; width: 85%; margin: 0 auto; text-align: center; white-space: normal; } .index--carousel--wrp--cnt h1[data-v-6a13b45c] { display: inline-block; color: #fff; font-size: 3vw; font-weight: 700; padding: 0.5rem 2rem; border-radius: 0.3rem; } .banner-sponsor-comp[data-v-6a13b45c] { position: relative; overflow: hidden; cursor: pointer; } .banner-sponsor-comp.banner-sponsor-comp-link:hover .img-comp[data-v-6a13b45c] { transform: scale(0.97); } .banner-sponsor-comp.banner-sponsor-comp-link:hover .banner-sponsor-comp--layer[data-v-6a13b45c] { transform: scale(0.97); } .banner-sponsor-comp .img-comp[data-v-6a13b45c] { transition: transform 0.25s ease-out; } .banner-sponsor-comp--layer[data-v-6a13b45c] { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; background-image: linear-gradient(to right top, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0)); transition: transform 0.25s ease-out; } .banner-sponsor-comp--content[data-v-6a13b45c] { position: absolute; top: 0; left: 0; right: 0; width: calc(100% - 1.5rem); height: 100%; margin: auto; padding: 1.5rem; color: #fff; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; z-index: 2; } @media (min-width: 64em) { .banner-sponsor-comp--content[data-v-6a13b45c] { width: calc(100% - 3rem); } } .banner-sponsor-comp--content > p[data-v-6a13b45c] { font-size: 21px; } label[data-v-06f59d27] { font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .field-comp[data-v-06f59d27] { box-sizing: border-box; display: block; position: relative; width: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; font-size: 1rem; } .field-comp--header[data-v-06f59d27] { position: relative; } .field-comp--header.error[data-v-06f59d27] { color: #e53333; } .field-comp--header > span[data-v-06f59d27] { margin-right: 0.5rem; } .field-comp--content[data-v-06f59d27] { position: relative; overflow: hidden; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; transition: all 0.2s ease; } .field-comp--content:hover > select[data-v-06f59d27], .field-comp--content:hover input[data-v-06f59d27] { border-bottom-color: #1A1A1A; } .field-comp--content:hover > select[data-v-06f59d27]::-webkit-input-placeholder, .field-comp--content:hover input[data-v-06f59d27]::-webkit-input-placeholder { color: #1A1A1A; } .field-comp--content:hover > select[data-v-06f59d27]::-moz-placeholder, .field-comp--content:hover input[data-v-06f59d27]::-moz-placeholder { color: #1A1A1A; } .field-comp--content:hover > select[data-v-06f59d27]::-ms-input-placeholder, .field-comp--content:hover input[data-v-06f59d27]::-ms-input-placeholder { color: #1A1A1A; } .field-comp--content:hover > select[data-v-06f59d27]::placeholder, .field-comp--content:hover input[data-v-06f59d27]::placeholder { color: #1A1A1A; } .field-comp--content select[data-v-06f59d27], .field-comp--content input[data-v-06f59d27] { box-sizing: border-box; display: block; position: relative; width: 100%; min-height: 44px; font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-bottom: 1px solid rgba(26, 26, 26, 0.5); color: #000; padding: 0 22px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; transition: all 0.2s ease; } .field-comp--content select[data-v-06f59d27]::-webkit-input-placeholder, .field-comp--content input[data-v-06f59d27]::-webkit-input-placeholder { color: grey; } .field-comp--content select[data-v-06f59d27]::-moz-placeholder, .field-comp--content input[data-v-06f59d27]::-moz-placeholder { color: grey; } .field-comp--content select[data-v-06f59d27]::-ms-input-placeholder, .field-comp--content input[data-v-06f59d27]::-ms-input-placeholder { color: grey; } .field-comp--content select[data-v-06f59d27]::placeholder, .field-comp--content input[data-v-06f59d27]::placeholder { color: grey; } .field-comp--content select.error[data-v-06f59d27], .field-comp--content input.error[data-v-06f59d27] { border-color: #e53333; } .field-comp--content input[data-v-06f59d27]:focus { border-bottom: 1px solid #007294; } .field-comp--content input[data-v-06f59d27]:focus::-webkit-input-placeholder { color: #1A1A1A; } .field-comp--content input[data-v-06f59d27]:focus::-moz-placeholder { color: #1A1A1A; } .field-comp--content input[data-v-06f59d27]:focus::-ms-input-placeholder { color: #1A1A1A; } .field-comp--content input[data-v-06f59d27]:focus::placeholder { color: #1A1A1A; } .field-comp--content select[data-v-06f59d27] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23222833' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6 1.41-1.42z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right center; background-size: 3rem 1.5rem; padding-right: 1.5rem; } .field-comp--content--icon[data-v-06f59d27] { margin-left: 0.5rem; cursor: pointer; z-index: 1; } .field-comp--footer[data-v-06f59d27] { font-size: 10px; margin-top: 0.5rem; } .field-comp--footer > div[data-v-06f59d27] { display: flex; flex-flow: row nowrap; } .field-comp--footer--error-content[data-v-06f59d27] { white-space: nowrap; color: #e53333; align-items: center; } .field-comp--footer--info-content[data-v-06f59d27] { display: flex; flex-flow: row nowrap; color: gray; } .field-comp--footer .icon-comp[data-v-06f59d27] { margin-right: 11px; } .field-comp--content[data-v-06f59d27] { display: flex; flex-flow: row nowrap; align-items: center; border: none; } .field-comp--content > .select-field-comp[data-v-06f59d27] { flex: 1; margin-right: 5.5px; } .mc-btn[data-v-f38c8158] { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; min-width: 88px; min-height: 44px; font-family: "Poppins", sans-serif; font-weight: 400; font-size: 1rem; text-align: center; white-space: nowrap; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #007294; padding: 1rem 2rem; border: 1px solid transparent; border-radius: inherit; outline: 0; color: white; cursor: pointer; } @media (min-width: 48em) { .mc-btn[data-v-f38c8158] { max-width: 352px; } } .mc-btn[data-v-f38c8158]:after, .mc-btn[data-v-f38c8158]::before { display: none; } .mc-btn[data-v-f38c8158]:hover { color: #007294; border: 1px solid #007294; background: none; } .mc-btn[data-v-f38c8158]:hover::before { border-color: #007294; } .mc-btn--prepended > div span[data-v-f38c8158]:first-child { margin: 0; margin-right: 0.5rem; } .mc-btn--appended > div span[data-v-f38c8158]:last-child { margin: 0; margin-left: 0.5rem; } .mc-btn--disabled[data-v-f38c8158] { box-shadow: none; background-color: #c0c0c0; border: none; color: #1A1A1A; pointer-events: none; } .mc-btn--disabled.mc-btn--outlined[data-v-f38c8158] { background: none; color: #c0c0c0; border: 0.125rem solid #c0c0c0; } .mc-btn--loading[data-v-f38c8158] { background-color: rgba(196, 51, 63, 0.5); pointer-events: none !important; } .mc-btn--fab[data-v-f38c8158] { min-height: 0; min-width: 0; padding: 0; } .mc-btn--fab.mc-size--xs[data-v-f38c8158] { height: 32rem; width: 32rem; } .mc-btn--fab.mc-size--s[data-v-f38c8158] { height: 40rem; width: 40rem; } .mc-btn--fab.mc-size--default[data-v-f38c8158] { height: 56rem; width: 56rem; } .mc-btn--fab.mc-size--l[data-v-f38c8158] { height: 64rem; width: 64rem; } .mc-btn--fab.mc-size--xl[data-v-f38c8158] { height: 72rem; width: 72rem; } .mc-btn--round[data-v-f38c8158] { border-radius: 50%; } .mc-btn--rounded[data-v-f38c8158] { border-radius: 2.75rem; } .mc-btn--block[data-v-f38c8158] { display: block; flex: 1; width: 100%; max-width: 100%; } .mc-btn--block > div[data-v-f38c8158] { flex: 1; width: 100%; max-width: 100%; } .mc-btn--outlined[data-v-f38c8158] { background: none; border-width: 1px; border-style: solid; border-color: #007294; color: #007294; } .mc-btn--outlined[data-v-f38c8158]:hover { color: white; background-color: #007294; } .mc-btn--text[data-v-f38c8158] { border: none !important; border-radius: 0 !important; background: none !important; color: currentColor; padding: 0; white-space: normal !important; } .mc-btn--text[data-v-f38c8158]:after, .mc-btn--text[data-v-f38c8158]::before { display: initial; } .mc-btn--text > span[data-v-f38c8158] { display: block !important; } .mc-btn--icon[data-v-f38c8158] { color: currentColor; border-radius: 0 !important; background: none !important; padding: 0 !important; } .mc-btn--icon[data-v-f38c8158]:after, .mc-btn--icon[data-v-f38c8158]::before { display: none !important; } .mc-btn--content[data-v-f38c8158] { display: block; color: inherit; line-height: normal; position: relative; } .card-comp[data-v-0f7b9d3e] { position: relative; width: 100%; background-color: white; } .card-comp.card-comp-material[data-v-0f7b9d3e] { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } .card-comp.card-comp-link[data-v-0f7b9d3e] { transition: all 0.25s ease; cursor: pointer; } .card-comp.card-comp-link:hover .img-comp[data-v-0f7b9d3e] { transform: scale(0.95); } .card-comp.card-comp-border[data-v-0f7b9d3e] { border: 1px solid #666; } .card-comp.card-comp-rounded[data-v-0f7b9d3e] { border-radius: .5rem; } .checkbox-field-comp label[data-v-5ae61abe] { font-size: inherit; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-l, .col-l-auto, .col-l-12, .col-l-11, .col-l-10, .col-l-9, .col-l-8, .col-l-7, .col-l-6, .col-l-5, .col-l-4, .col-l-3, .col-l-2, .col-l-1, .col-m, .col-m-auto, .col-m-12, .col-m-11, .col-m-10, .col-m-9, .col-m-8, .col-m-7, .col-m-6, .col-m-5, .col-m-4, .col-m-3, .col-m-2, .col-m-1, .col-s, .col-s-auto, .col-s-12, .col-s-11, .col-s-10, .col-s-9, .col-s-8, .col-s-7, .col-s-6, .col-s-5, .col-s-4, .col-s-3, .col-s-2, .col-s-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { flex-shrink: 0; width: 100%; max-width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } @media (min-width: 64em) { .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-l, .col-l-auto, .col-l-12, .col-l-11, .col-l-10, .col-l-9, .col-l-8, .col-l-7, .col-l-6, .col-l-5, .col-l-4, .col-l-3, .col-l-2, .col-l-1, .col-m, .col-m-auto, .col-m-12, .col-m-11, .col-m-10, .col-m-9, .col-m-8, .col-m-7, .col-m-6, .col-m-5, .col-m-4, .col-m-3, .col-m-2, .col-m-1, .col-s, .col-s-auto, .col-s-12, .col-s-11, .col-s-10, .col-s-9, .col-s-8, .col-s-7, .col-s-6, .col-s-5, .col-s-4, .col-s-3, .col-s-2, .col-s-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { padding-left: 0.5rem; padding-right: 0.5rem; } } .col { flex: 1 0 0%; } .col-no-grow { flex-grow: 0 !important; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 8.33333%; width: 8.33333%; } .offset-1 { margin-left: 8.33333%; } .col-2 { flex: 0 0 16.66667%; width: 16.66667%; } .offset-2 { margin-left: 16.66667%; } .col-3 { flex: 0 0 25%; width: 25%; } .offset-3 { margin-left: 25%; } .col-4 { flex: 0 0 33.33333%; width: 33.33333%; } .offset-4 { margin-left: 33.33333%; } .col-5 { flex: 0 0 41.66667%; width: 41.66667%; } .offset-5 { margin-left: 41.66667%; } .col-6 { flex: 0 0 50%; width: 50%; } .offset-6 { margin-left: 50%; } .col-7 { flex: 0 0 58.33333%; width: 58.33333%; } .offset-7 { margin-left: 58.33333%; } .col-8 { flex: 0 0 66.66667%; width: 66.66667%; } .offset-8 { margin-left: 66.66667%; } .col-9 { flex: 0 0 75%; width: 75%; } .offset-9 { margin-left: 75%; } .col-10 { flex: 0 0 83.33333%; width: 83.33333%; } .offset-10 { margin-left: 83.33333%; } .col-11 { flex: 0 0 91.66667%; width: 91.66667%; } .offset-11 { margin-left: 91.66667%; } .col-12 { flex: 0 0 100%; width: 100%; } .offset-12 { margin-left: 100%; } @media (min-width: 320px) { .col-xs { flex: 1 0 0%; } .col-xs-no-grow { flex-grow: 0; } .col-xs-auto { flex: 0 0 auto; width: auto; } .col-xs-1 { flex: 0 0 8.33333%; width: 8.33333%; max-width: 8.33333%; } .offset-xs-1 { margin-left: 8.33333%; } .col-xs-2 { flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; } .offset-xs-2 { margin-left: 16.66667%; } .col-xs-3 { flex: 0 0 25%; width: 25%; max-width: 25%; } .offset-xs-3 { margin-left: 25%; } .col-xs-4 { flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; } .offset-xs-4 { margin-left: 33.33333%; } .col-xs-5 { flex: 0 0 41.66667%; width: 41.66667%; max-width: 41.66667%; } .offset-xs-5 { margin-left: 41.66667%; } .col-xs-6 { flex: 0 0 50%; width: 50%; max-width: 50%; } .offset-xs-6 { margin-left: 50%; } .col-xs-7 { flex: 0 0 58.33333%; width: 58.33333%; max-width: 58.33333%; } .offset-xs-7 { margin-left: 58.33333%; } .col-xs-8 { flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; } .offset-xs-8 { margin-left: 66.66667%; } .col-xs-9 { flex: 0 0 75%; width: 75%; max-width: 75%; } .offset-xs-9 { margin-left: 75%; } .col-xs-10 { flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; } .offset-xs-10 { margin-left: 83.33333%; } .col-xs-11 { flex: 0 0 91.66667%; width: 91.66667%; max-width: 91.66667%; } .offset-xs-11 { margin-left: 91.66667%; } .col-xs-12 { flex: 0 0 100%; width: 100%; max-width: 100%; } .offset-xs-12 { margin-left: 100%; } } @media (min-width: 576px) { .col-s { flex: 1 0 0%; } .col-s-no-grow { flex-grow: 0; } .col-s-auto { flex: 0 0 auto; width: auto; } .col-s-1 { flex: 0 0 8.33333%; width: 8.33333%; max-width: 8.33333%; } .offset-s-1 { margin-left: 8.33333%; } .col-s-2 { flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; } .offset-s-2 { margin-left: 16.66667%; } .col-s-3 { flex: 0 0 25%; width: 25%; max-width: 25%; } .offset-s-3 { margin-left: 25%; } .col-s-4 { flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; } .offset-s-4 { margin-left: 33.33333%; } .col-s-5 { flex: 0 0 41.66667%; width: 41.66667%; max-width: 41.66667%; } .offset-s-5 { margin-left: 41.66667%; } .col-s-6 { flex: 0 0 50%; width: 50%; max-width: 50%; } .offset-s-6 { margin-left: 50%; } .col-s-7 { flex: 0 0 58.33333%; width: 58.33333%; max-width: 58.33333%; } .offset-s-7 { margin-left: 58.33333%; } .col-s-8 { flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; } .offset-s-8 { margin-left: 66.66667%; } .col-s-9 { flex: 0 0 75%; width: 75%; max-width: 75%; } .offset-s-9 { margin-left: 75%; } .col-s-10 { flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; } .offset-s-10 { margin-left: 83.33333%; } .col-s-11 { flex: 0 0 91.66667%; width: 91.66667%; max-width: 91.66667%; } .offset-s-11 { margin-left: 91.66667%; } .col-s-12 { flex: 0 0 100%; width: 100%; max-width: 100%; } .offset-s-12 { margin-left: 100%; } } @media (min-width: 768px) { .col-m { flex: 1 0 0%; } .col-m-no-grow { flex-grow: 0; } .col-m-auto { flex: 0 0 auto; width: auto; } .col-m-1 { flex: 0 0 8.33333%; width: 8.33333%; max-width: 8.33333%; } .offset-m-1 { margin-left: 8.33333%; } .col-m-2 { flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; } .offset-m-2 { margin-left: 16.66667%; } .col-m-3 { flex: 0 0 25%; width: 25%; max-width: 25%; } .offset-m-3 { margin-left: 25%; } .col-m-4 { flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; } .offset-m-4 { margin-left: 33.33333%; } .col-m-5 { flex: 0 0 41.66667%; width: 41.66667%; max-width: 41.66667%; } .offset-m-5 { margin-left: 41.66667%; } .col-m-6 { flex: 0 0 50%; width: 50%; max-width: 50%; } .offset-m-6 { margin-left: 50%; } .col-m-7 { flex: 0 0 58.33333%; width: 58.33333%; max-width: 58.33333%; } .offset-m-7 { margin-left: 58.33333%; } .col-m-8 { flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; } .offset-m-8 { margin-left: 66.66667%; } .col-m-9 { flex: 0 0 75%; width: 75%; max-width: 75%; } .offset-m-9 { margin-left: 75%; } .col-m-10 { flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; } .offset-m-10 { margin-left: 83.33333%; } .col-m-11 { flex: 0 0 91.66667%; width: 91.66667%; max-width: 91.66667%; } .offset-m-11 { margin-left: 91.66667%; } .col-m-12 { flex: 0 0 100%; width: 100%; max-width: 100%; } .offset-m-12 { margin-left: 100%; } } @media (min-width: 1024px) { .col-l { flex: 1 0 0%; } .col-l-no-grow { flex-grow: 0; } .col-l-auto { flex: 0 0 auto; width: auto; } .col-l-1 { flex: 0 0 8.33333%; width: 8.33333%; max-width: 8.33333%; } .offset-l-1 { margin-left: 8.33333%; } .col-l-2 { flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; } .offset-l-2 { margin-left: 16.66667%; } .col-l-3 { flex: 0 0 25%; width: 25%; max-width: 25%; } .offset-l-3 { margin-left: 25%; } .col-l-4 { flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; } .offset-l-4 { margin-left: 33.33333%; } .col-l-5 { flex: 0 0 41.66667%; width: 41.66667%; max-width: 41.66667%; } .offset-l-5 { margin-left: 41.66667%; } .col-l-6 { flex: 0 0 50%; width: 50%; max-width: 50%; } .offset-l-6 { margin-left: 50%; } .col-l-7 { flex: 0 0 58.33333%; width: 58.33333%; max-width: 58.33333%; } .offset-l-7 { margin-left: 58.33333%; } .col-l-8 { flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; } .offset-l-8 { margin-left: 66.66667%; } .col-l-9 { flex: 0 0 75%; width: 75%; max-width: 75%; } .offset-l-9 { margin-left: 75%; } .col-l-10 { flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; } .offset-l-10 { margin-left: 83.33333%; } .col-l-11 { flex: 0 0 91.66667%; width: 91.66667%; max-width: 91.66667%; } .offset-l-11 { margin-left: 91.66667%; } .col-l-12 { flex: 0 0 100%; width: 100%; max-width: 100%; } .offset-l-12 { margin-left: 100%; } } @media (min-width: 1368px) { .col-xl { flex: 1 0 0%; } .col-xl-no-grow { flex-grow: 0; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 8.33333%; width: 8.33333%; max-width: 8.33333%; } .offset-xl-1 { margin-left: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; } .offset-xl-2 { margin-left: 16.66667%; } .col-xl-3 { flex: 0 0 25%; width: 25%; max-width: 25%; } .offset-xl-3 { margin-left: 25%; } .col-xl-4 { flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; } .offset-xl-4 { margin-left: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; width: 41.66667%; max-width: 41.66667%; } .offset-xl-5 { margin-left: 41.66667%; } .col-xl-6 { flex: 0 0 50%; width: 50%; max-width: 50%; } .offset-xl-6 { margin-left: 50%; } .col-xl-7 { flex: 0 0 58.33333%; width: 58.33333%; max-width: 58.33333%; } .offset-xl-7 { margin-left: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; } .offset-xl-8 { margin-left: 66.66667%; } .col-xl-9 { flex: 0 0 75%; width: 75%; max-width: 75%; } .offset-xl-9 { margin-left: 75%; } .col-xl-10 { flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; } .offset-xl-10 { margin-left: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; width: 91.66667%; max-width: 91.66667%; } .offset-xl-11 { margin-left: 91.66667%; } .col-xl-12 { flex: 0 0 100%; width: 100%; max-width: 100%; } .offset-xl-12 { margin-left: 100%; } } @media (min-width: 1680px) { .col-xxl { flex: 1 0 0%; } .col-xxl-no-grow { flex-grow: 0; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 8.33333%; width: 8.33333%; max-width: 8.33333%; } .offset-xxl-1 { margin-left: 8.33333%; } .col-xxl-2 { flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; } .offset-xxl-2 { margin-left: 16.66667%; } .col-xxl-3 { flex: 0 0 25%; width: 25%; max-width: 25%; } .offset-xxl-3 { margin-left: 25%; } .col-xxl-4 { flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; } .offset-xxl-4 { margin-left: 33.33333%; } .col-xxl-5 { flex: 0 0 41.66667%; width: 41.66667%; max-width: 41.66667%; } .offset-xxl-5 { margin-left: 41.66667%; } .col-xxl-6 { flex: 0 0 50%; width: 50%; max-width: 50%; } .offset-xxl-6 { margin-left: 50%; } .col-xxl-7 { flex: 0 0 58.33333%; width: 58.33333%; max-width: 58.33333%; } .offset-xxl-7 { margin-left: 58.33333%; } .col-xxl-8 { flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; } .offset-xxl-8 { margin-left: 66.66667%; } .col-xxl-9 { flex: 0 0 75%; width: 75%; max-width: 75%; } .offset-xxl-9 { margin-left: 75%; } .col-xxl-10 { flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; } .offset-xxl-10 { margin-left: 83.33333%; } .col-xxl-11 { flex: 0 0 91.66667%; width: 91.66667%; max-width: 91.66667%; } .offset-xxl-11 { margin-left: 91.66667%; } .col-xxl-12 { flex: 0 0 100%; width: 100%; max-width: 100%; } .offset-xxl-12 { margin-left: 100%; } } @media (min-width: 1680px) { .col-xxxl { flex: 1 0 0%; } .col-xxxl-no-grow { flex-grow: 0; } .col-xxxl-auto { flex: 0 0 auto; width: auto; } .col-xxxl-1 { flex: 0 0 8.33333%; width: 8.33333%; max-width: 8.33333%; } .offset-xxxl-1 { margin-left: 8.33333%; } .col-xxxl-2 { flex: 0 0 16.66667%; width: 16.66667%; max-width: 16.66667%; } .offset-xxxl-2 { margin-left: 16.66667%; } .col-xxxl-3 { flex: 0 0 25%; width: 25%; max-width: 25%; } .offset-xxxl-3 { margin-left: 25%; } .col-xxxl-4 { flex: 0 0 33.33333%; width: 33.33333%; max-width: 33.33333%; } .offset-xxxl-4 { margin-left: 33.33333%; } .col-xxxl-5 { flex: 0 0 41.66667%; width: 41.66667%; max-width: 41.66667%; } .offset-xxxl-5 { margin-left: 41.66667%; } .col-xxxl-6 { flex: 0 0 50%; width: 50%; max-width: 50%; } .offset-xxxl-6 { margin-left: 50%; } .col-xxxl-7 { flex: 0 0 58.33333%; width: 58.33333%; max-width: 58.33333%; } .offset-xxxl-7 { margin-left: 58.33333%; } .col-xxxl-8 { flex: 0 0 66.66667%; width: 66.66667%; max-width: 66.66667%; } .offset-xxxl-8 { margin-left: 66.66667%; } .col-xxxl-9 { flex: 0 0 75%; width: 75%; max-width: 75%; } .offset-xxxl-9 { margin-left: 75%; } .col-xxxl-10 { flex: 0 0 83.33333%; width: 83.33333%; max-width: 83.33333%; } .offset-xxxl-10 { margin-left: 83.33333%; } .col-xxxl-11 { flex: 0 0 91.66667%; width: 91.66667%; max-width: 91.66667%; } .offset-xxxl-11 { margin-left: 91.66667%; } .col-xxxl-12 { flex: 0 0 100%; width: 100%; max-width: 100%; } .offset-xxxl-12 { margin-left: 100%; } } .form-comp[data-v-6ac837f2] { position: relative; width: 100%; } .form-comp .field-comp[data-v-6ac837f2] { margin-bottom: 1rem; } .form-comp--footer[data-v-6ac837f2] { text-align: center; } .icon-comp[data-v-cc130b9e] { position: relative; display: inline-block; vertical-align: middle; } .icon-comp.disabled[data-v-cc130b9e] { fill: #c0c0c0; pointer-events: none; } .icon-comp.actived[data-v-cc130b9e] { fill: #007294; } .icon-comp.link[data-v-cc130b9e] { cursor: pointer; } .icon-comp.link[data-v-cc130b9e]:hover { fill: #007294; } .icon-comp.link[data-v-cc130b9e]::before, .icon-comp.link[data-v-cc130b9e]::after { display: none; } .icon-comp svg[data-v-cc130b9e] { width: 100%; height: 100%; display: block; } .icon-comp svg > path[data-v-cc130b9e] { width: 100%; height: 100%; } .figure-comp--div[data-v-8426fd3c] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .figure-comp--img[data-v-8426fd3c] { display: block; position: relative; width: 100%; max-width: 100%; height: auto; } .figure-comp--hidden[data-v-8426fd3c] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } .img-comp[data-v-3535537e] { position: relative; height: 100%; } .img-comp--loading-content[data-v-3535537e] { position: relative; width: 100% !important; height: 100% !important; background-color: rgba(236, 236, 236, 0.5); display: flex; justify-content: center; align-items: center; } .img-comp--no-photo-content[data-v-3535537e] { width: 100% !important; height: 100% !important; background-color: rgba(236, 236, 236, 0.5); display: flex; justify-content: center; align-items: center; } .img-comp--no-photo-content > img[data-v-3535537e] { width: 100%; max-width: 50%; margin: 0 auto; } .img-comp > picture[data-v-3535537e] { position: relative; width: 100%; } .img-comp--hover[data-v-3535537e] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .layout-comp[data-v-41945b54] { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 0.25rem; padding-right: 0.25rem; } @media (min-width: 64em) { .layout-comp[data-v-41945b54] { padding-left: 0.25rem; padding-right: 0.25rem; } } .layout-comp.layout-comp-fluid[data-v-41945b54] { max-width: 100% !important; } .layout-comp.layout-comp-no-gap[data-v-41945b54] { padding-left: 0 !important; padding-right: 0 !important; } .layout-comp.layout-comp-no-gap > .row[data-v-41945b54] { margin-left: 0 !important; margin-right: 0 !important; } .layout-comp.grid[data-v-41945b54] { padding-left: 0.75rem; padding-right: 0.75rem; } @media (min-width: 64em) { .layout-comp.grid[data-v-41945b54] { padding-left: 1.5rem; padding-right: 1.5rem; } } .mc-input-number[data-v-6c2d734a] { position: relative; flex: 1; width: 100%; max-width: 176px; min-height: 3rem; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; border: 1px solid #1A1A1A; color: #1A1A1A; overflow: hidden; } .mc-input-number.disabled[data-v-6c2d734a] { border: 1px solid #c0c0c0 !important; color: #c0c0c0 !important; } .mc-input-number input[data-v-6c2d734a] { width: 30%; display: inline-block; height: 100%; box-sizing: border-box; vertical-align: top; text-align: center; outline: none; -moz-appearance: textfield; /* Firefox */ pointer-events: none; } .mc-input-number input[data-v-6c2d734a]::-webkit-outer-spin-button, .mc-input-number input[data-v-6c2d734a]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .mc-input-number > span[data-v-6c2d734a] { flex: 1; height: 100%; font-weight: 400; display: inline-flex; justify-content: center; align-items: center; } .mc-input-number input[data-v-6c2d734a], .mc-input-number--decrement[data-v-6c2d734a], .mc-input-number--increment[data-v-6c2d734a] { font-size: 16px; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; cursor: pointer; color: #1A1A1A; } .mc-input-number input.disabled[data-v-6c2d734a], .mc-input-number--decrement.disabled[data-v-6c2d734a], .mc-input-number--increment.disabled[data-v-6c2d734a] { color: #c0c0c0; } label[data-v-126d1985] { font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .field-comp[data-v-126d1985] { box-sizing: border-box; display: block; position: relative; width: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; font-size: 1rem; } .field-comp--header[data-v-126d1985] { position: relative; } .field-comp--header.error[data-v-126d1985] { color: #e53333; } .field-comp--header > span[data-v-126d1985] { margin-right: 0.5rem; } .field-comp--content[data-v-126d1985] { position: relative; overflow: hidden; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; transition: all 0.2s ease; } .field-comp--content:hover > select[data-v-126d1985], .field-comp--content:hover input[data-v-126d1985] { border-bottom-color: #1A1A1A; } .field-comp--content:hover > select[data-v-126d1985]::-webkit-input-placeholder, .field-comp--content:hover input[data-v-126d1985]::-webkit-input-placeholder { color: #1A1A1A; } .field-comp--content:hover > select[data-v-126d1985]::-moz-placeholder, .field-comp--content:hover input[data-v-126d1985]::-moz-placeholder { color: #1A1A1A; } .field-comp--content:hover > select[data-v-126d1985]::-ms-input-placeholder, .field-comp--content:hover input[data-v-126d1985]::-ms-input-placeholder { color: #1A1A1A; } .field-comp--content:hover > select[data-v-126d1985]::placeholder, .field-comp--content:hover input[data-v-126d1985]::placeholder { color: #1A1A1A; } .field-comp--content select[data-v-126d1985], .field-comp--content input[data-v-126d1985] { box-sizing: border-box; display: block; position: relative; width: 100%; min-height: 44px; font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-bottom: 1px solid rgba(26, 26, 26, 0.5); color: #000; padding: 0 22px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; transition: all 0.2s ease; } .field-comp--content select[data-v-126d1985]::-webkit-input-placeholder, .field-comp--content input[data-v-126d1985]::-webkit-input-placeholder { color: grey; } .field-comp--content select[data-v-126d1985]::-moz-placeholder, .field-comp--content input[data-v-126d1985]::-moz-placeholder { color: grey; } .field-comp--content select[data-v-126d1985]::-ms-input-placeholder, .field-comp--content input[data-v-126d1985]::-ms-input-placeholder { color: grey; } .field-comp--content select[data-v-126d1985]::placeholder, .field-comp--content input[data-v-126d1985]::placeholder { color: grey; } .field-comp--content select.error[data-v-126d1985], .field-comp--content input.error[data-v-126d1985] { border-color: #e53333; } .field-comp--content input[data-v-126d1985]:focus { border-bottom: 1px solid #007294; } .field-comp--content input[data-v-126d1985]:focus::-webkit-input-placeholder { color: #1A1A1A; } .field-comp--content input[data-v-126d1985]:focus::-moz-placeholder { color: #1A1A1A; } .field-comp--content input[data-v-126d1985]:focus::-ms-input-placeholder { color: #1A1A1A; } .field-comp--content input[data-v-126d1985]:focus::placeholder { color: #1A1A1A; } .field-comp--content select[data-v-126d1985] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23222833' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6 1.41-1.42z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right center; background-size: 3rem 1.5rem; padding-right: 1.5rem; } .field-comp--content--icon[data-v-126d1985] { margin-left: 0.5rem; cursor: pointer; z-index: 1; } .field-comp--footer[data-v-126d1985] { font-size: 10px; margin-top: 0.5rem; } .field-comp--footer > div[data-v-126d1985] { display: flex; flex-flow: row nowrap; } .field-comp--footer--error-content[data-v-126d1985] { white-space: nowrap; color: #e53333; align-items: center; } .field-comp--footer--info-content[data-v-126d1985] { display: flex; flex-flow: row nowrap; color: gray; } .field-comp--footer .icon-comp[data-v-126d1985] { margin-right: 11px; } .radio-field-comp label[data-v-126d1985] { font-size: inherit; } .row { display: flex; flex-wrap: wrap; flex: 1 1 auto; margin-left: -0.25rem; margin-right: -0.25rem; } @media (min-width: 64em) { .row { margin-left: -0.25rem; margin-right: -0.25rem; } } .row.grid { margin-left: -0.75rem; margin-right: -0.75rem; } @media (min-width: 64em) { .row.grid { margin-left: -1.5rem; margin-right: -1.5rem; } } label[data-v-54b12608] { font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .field-comp[data-v-54b12608] { box-sizing: border-box; display: block; position: relative; width: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; font-size: 1rem; } .field-comp--header[data-v-54b12608] { position: relative; } .field-comp--header.error[data-v-54b12608] { color: #e53333; } .field-comp--header > span[data-v-54b12608] { margin-right: 0.5rem; } .field-comp--content[data-v-54b12608] { position: relative; overflow: hidden; cursor: pointer; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; transition: all 0.2s ease; } .field-comp--content:hover > select[data-v-54b12608], .field-comp--content:hover input[data-v-54b12608] { border-bottom-color: #1A1A1A; } .field-comp--content:hover > select[data-v-54b12608]::-webkit-input-placeholder, .field-comp--content:hover input[data-v-54b12608]::-webkit-input-placeholder { color: #1A1A1A; } .field-comp--content:hover > select[data-v-54b12608]::-moz-placeholder, .field-comp--content:hover input[data-v-54b12608]::-moz-placeholder { color: #1A1A1A; } .field-comp--content:hover > select[data-v-54b12608]::-ms-input-placeholder, .field-comp--content:hover input[data-v-54b12608]::-ms-input-placeholder { color: #1A1A1A; } .field-comp--content:hover > select[data-v-54b12608]::placeholder, .field-comp--content:hover input[data-v-54b12608]::placeholder { color: #1A1A1A; } .field-comp--content select[data-v-54b12608], .field-comp--content input[data-v-54b12608] { box-sizing: border-box; display: block; position: relative; width: 100%; min-height: 44px; font-size: 1rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border-bottom: 1px solid rgba(26, 26, 26, 0.5); color: #000; padding: 0 22px; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; transition: all 0.2s ease; } .field-comp--content select[data-v-54b12608]::-webkit-input-placeholder, .field-comp--content input[data-v-54b12608]::-webkit-input-placeholder { color: grey; } .field-comp--content select[data-v-54b12608]::-moz-placeholder, .field-comp--content input[data-v-54b12608]::-moz-placeholder { color: grey; } .field-comp--content select[data-v-54b12608]::-ms-input-placeholder, .field-comp--content input[data-v-54b12608]::-ms-input-placeholder { color: grey; } .field-comp--content select[data-v-54b12608]::placeholder, .field-comp--content input[data-v-54b12608]::placeholder { color: grey; } .field-comp--content select.error[data-v-54b12608], .field-comp--content input.error[data-v-54b12608] { border-color: #e53333; } .field-comp--content input[data-v-54b12608]:focus { border-bottom: 1px solid #007294; } .field-comp--content input[data-v-54b12608]:focus::-webkit-input-placeholder { color: #1A1A1A; } .field-comp--content input[data-v-54b12608]:focus::-moz-placeholder { color: #1A1A1A; } .field-comp--content input[data-v-54b12608]:focus::-ms-input-placeholder { color: #1A1A1A; } .field-comp--content input[data-v-54b12608]:focus::placeholder { color: #1A1A1A; } .field-comp--content select[data-v-54b12608] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23222833' d='M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6-6-6 1.41-1.42z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right center; background-size: 3rem 1.5rem; padding-right: 1.5rem; } .field-comp--content--icon[data-v-54b12608] { margin-left: 0.5rem; cursor: pointer; z-index: 1; } .field-comp--footer[data-v-54b12608] { font-size: 10px; margin-top: 0.5rem; } .field-comp--footer > div[data-v-54b12608] { display: flex; flex-flow: row nowrap; } .field-comp--footer--error-content[data-v-54b12608] { white-space: nowrap; color: #e53333; align-items: center; } .field-comp--footer--info-content[data-v-54b12608] { display: flex; flex-flow: row nowrap; color: gray; } .field-comp--footer .icon-comp[data-v-54b12608] { margin-right: 11px; } .select-field-comp-filter > .field-comp--content[data-v-54b12608] { padding: 0; border: none; } .select-field-comp[data-v-5ad7dc7e] { position: relative; display: inline-block; width: 100%; max-width: 100%; background-color: white; cursor: pointer; font-family: "Poppins", sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 48em) { .select-field-comp[data-v-5ad7dc7e] { max-width: 352px; } } .select-field-comp.select-field-comp-select[data-v-5ad7dc7e] { border: 1px solid #1A1A1A; } .select-field-comp.active[data-v-5ad7dc7e] { border-bottom: none; } .select-field-comp.disabled[data-v-5ad7dc7e] { pointer-events: none; } .select-field-comp.select-field-comp-block[data-v-5ad7dc7e] { max-width: 100%; } .select-field-comp.select-field-comp-outlined[data-v-5ad7dc7e] { border: none; border-bottom: 1px solid #1A1A1A; } .select-field-comp--action-cnt[data-v-5ad7dc7e] { min-height: 44px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; padding: 1rem 2rem; } .select-field-comp--action-cnt--label[data-v-5ad7dc7e] { font-weight: 400; font-size: 1rem; } .select-field-comp--action-cnt--label.selected[data-v-5ad7dc7e] { font-weight: 400; } .select-field-comp--action-cnt--icon[data-v-5ad7dc7e] { font-weight: 400; font-size: 1rem; width: 16px; height: 16px; } .select-field-comp--content-cnt[data-v-5ad7dc7e] { position: absolute; left: -1px; width: calc(100% + 2px); max-height: 352px; background-color: white; border: 1px solid #1A1A1A; border-top: none; z-index: 1; overflow-x: hidden; overflow-y: scroll; } .select-field-comp--content-cnt[data-v-5ad7dc7e]::-webkit-scrollbar { -webkit-appearance: none; appearance: none; width: 4px; height: 44px; border-radius: 2px; } .select-field-comp--content-cnt[data-v-5ad7dc7e]::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.25); } .select-field-comp--content-cnt > ul[data-v-5ad7dc7e] { position: relative; display: block; } .select-field-comp--content-cnt > ul li[data-v-5ad7dc7e] { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; width: 100%; padding: 1rem 2rem; font-size: 1rem; font-weight: 400; border: 1px solid transparent; display: flex; flex-flow: row nowrap; justify-content: space-between; } .select-field-comp--content-cnt > ul li[data-v-5ad7dc7e]:last-child { margin-bottom: 0; } .select-field-comp--content-cnt > ul li[data-v-5ad7dc7e]:hover { background-color: #ececec; } .select-field-comp--content-cnt > ul li[data-v-5ad7dc7e]:hover:last-child { border-bottom-color: transparent; } .select-field-comp--content-cnt > ul li.selected[data-v-5ad7dc7e] { background-color: #ececec; border-top-color: #1A1A1A; border-bottom-color: #1A1A1A; } .select-field-comp--content-cnt > ul li.selected[data-v-5ad7dc7e]:last-child { border-bottom-color: transparent; } .select-field-comp--content-cnt > ul li.disabled[data-v-5ad7dc7e] { pointer-events: none; cursor: pointer; color: #c0c0c0; } .select-field-comp-color--info-cnt > p[data-v-5ad7dc7e] { font-size: 16px; } .select-field-comp-color--items-cnt[data-v-5ad7dc7e] { position: relative; max-width: 220px; display: flex; flex-flow: row wrap; } .cirlce-color[data-v-5ad7dc7e] { position: relative; display: inline-block; width: 33px; height: 33px; overflow: hidden; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.25s ease-out; } .cirlce-color[data-v-5ad7dc7e]:hover { border: 1px solid black; } .cirlce-color:hover > span[data-v-5ad7dc7e] { transform: scale(0.8); } .cirlce-color.actived[data-v-5ad7dc7e] { border: 1px solid black; } .cirlce-color.actived > span[data-v-5ad7dc7e] { transform: scale(0.5); } .cirlce-color > span[data-v-5ad7dc7e] { position: absolute; width: 100%; height: 100%; transition: transform 0.25s ease-out; } .card[data-v-386843dd] { position: relative; width: 100%; background-color: #fff; overflow: hidden; } .card-img[data-v-386843dd] { padding-bottom: 56.25%; position: relative; background-image: url("/img/logo.png"); background-position: center center; background-size: 50%; } .card-img[data-v-386843dd]:before { display: block; content: ""; width: 100%; } .card-img img[data-v-386843dd] { position: absolute; width: 100%; } .card-body[data-v-386843dd] { padding: 1rem; } .card-title[data-v-386843dd] { font-size: 1.25rem; line-height: 1.33; font-weight: 700; } .card-title.skeleton[data-v-386843dd] { min-height: 28px; border-radius: 4px; } .card-intro[data-v-386843dd] { margin-top: .75rem; line-height: 1.5; } .card-intro.skeleton[data-v-386843dd] { min-height: 72px; border-radius: 4px; } .skeleton[data-v-386843dd] { background-color: #ececec; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)); background-size: 40px 100%; background-repeat: no-repeat; background-position: left -40px top 0; } .sleleton-anim[data-v-386843dd] { animation: shine-386843dd 1.5s ease infinite; } @keyframes shine-386843dd { to { background-position: right -40px top 0; } } .spinner-comp[data-v-6919821d] { display: inline-block; position: relative; overflow: hidden; vertical-align: middle; } .spinner-comp--spinner[data-v-6919821d] { width: 33px; animation: rotator-6919821d 1.4s linear infinite; } .spinner-comp--spinner > circle[data-v-6919821d] { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; animation: dash-6919821d 1.4s ease-in-out infinite,colors-6919821d 5.6s ease-in-out infinite; } @keyframes rotator-6919821d { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } @keyframes colors-6919821d { 0% { stroke: #1A1A1A; } 25% { stroke: #1A1A1A; } 50% { stroke: #1A1A1A; } 75% { stroke: #1A1A1A; } 100% { stroke: #1A1A1A; } } @keyframes dash-6919821d { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } .subscription-comp[data-v-a3b752a6] { background-position: center center; background-repeat: repeat; } a[data-v-4ef0a45b] { position: relative; display: inline-block; } a[data-v-4ef0a45b]::before, a[data-v-4ef0a45b]::after { display: none; } a > img[data-v-4ef0a45b] { width: auto; max-width: auto; max-height: 18px; } @media (min-width: 62em) { a > img[data-v-4ef0a45b] { max-height: 22px; } } .collapse-item-comp[data-v-0678d890] { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .collapse-item-comp--no-border[data-v-0678d890] { border: none; } @media (min-width: 64em) { .collapse-item-comp[data-v-0678d890] { border: none; } } .collapse-item-comp--head-cnt[data-v-0678d890] { position: relative; width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; margin-bottom: 0; background-color: #eee; cursor: pointer; } @media (min-width: 64em) { .collapse-item-comp--head-cnt[data-v-0678d890] { background: none; padding: 0; margin-bottom: 1.5rem; } } .collapse-item-comp--head-cnt--icon[data-v-0678d890] { display: inline-block; transition: transform 0.25s ease-out; } .collapse-item-comp--head-cnt--icon.actived[data-v-0678d890] { transform: rotate(-180deg); } @media (min-width: 64em) { .collapse-item-comp--head-cnt--icon[data-v-0678d890] { display: none; } } .collapse-item-comp--cnt[data-v-0678d890] { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #eee; } @media (min-width: 64em) { .collapse-item-comp--cnt[data-v-0678d890] { padding: 0; max-height: 100%; background: none; } } .collapse-item-comp--cnt > div[data-v-0678d890], .collapse-item-comp--cnt ul[data-v-0678d890] { padding: 1.5rem; } @media (min-width: 64em) { .collapse-item-comp--cnt > div[data-v-0678d890], .collapse-item-comp--cnt ul[data-v-0678d890] { padding: 0; } }