/* #################################################### M E D I A Q U E R I E S #################################################### */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::: Bootstrap 4 breakpoints */ /* Extra small devices (portrait phones, less than 576px) No media query since this is the default in Bootstrap because it is "mobile first" */ /* green - #39b54a dark blue - #000f9f pink - #ec008c blue - #00aeef /* /* font-family: sweet-sans-pro, sans-serif; regular - 600 medium - 700 bold - 800 */ /* font-family: acumin-pro-condensed, sans-serif; semibold - 600 */ /* biomega font font-family: adorn-slab-serif,sans-serif; font-weight: 700; font-style: normal; */ /* font-family: "futura-pt", sans-serif; font-weight: 400; font-style: normal; */ /* font-family: "futura-pt", sans-serif; font-weight: 700; font-style: normal; --book 400 --heavy 700 */ /* font-family: "proxima-nova-extra-condensed", sans-serif; semibold - 600 bold - 700 extrabold - 800 black - 900 */ *:focus { outline: none !important; box-shadow: none; } body{ /*font-family: sweet-sans-pro, sans-serif;*/ font-family: helvetica, arial, sans-serif; /*font-weight: 700;*/ font-weight: 400; font-size: 1.2rem; } i{ color: #414141; } i.fas.fa-arrow-circle-down, i.fas.fa-arrow-circle-up{ color: #ffffff; } .zinrelo-widget p{ color: #ffffff; font-size: 16px; font-family: Open Sans, sans-serif; } .gray_background{ /*background-color: #f7f7f7;*/ /* background-color: gray; */ background-color: #f4fcff; } .gray_background div.col-md-9{ background-color: white; } .side-nav .btn{ background-color: white; margin-bottom: 10px; padding: 1rem 2rem; text-align: left; border: none; color: #062b55; } /* .side-nav .btn .fas.fa-box{ color: #00ace3; } */ .side-nav a.btn:hover{ font-weight: 300; color: #00aeef; } .side-nav a.btn.selected{ color: #00aeef; font-weight: 400; } .side-nav .btn i{ padding-right: 1rem; color: #00aeef; } a{ color: #00aeef; } a:hover{ color: #000f9f; } .btn:hover{ color: #ffffff; } .form-control::placeholder { /* Chrome/Opera/Safari */ color: #bcbcbc; } .common-selector { position: absolute; opacity: 0; } .common-selector + label svg { width: 50px; height: 50px; fill: white; stroke: #00aeef; stroke-width: 4; stroke-linecap: butt; stroke-dasharray: 0; } .common-selector:checked + label svg { fill: #ec008c; } .checkbox-round { width: 1rem; height: 1rem; background-color: white; border-radius: 50%; vertical-align: middle; border: 1px solid #ddd; -webkit-appearance: none; outline: none; cursor: pointer; } .checkbox-round:checked { background-color: #39b54a; } .btn-primary{ background-color: #00aeef; } .btn-primary:hover{ background-color: #414141; } .btn-primary:active{ background-color: #414141 !important; } .btn-primary:focus{ background-color: #414141; } .btn-primary:not(:disabled):not(:disabled):active:focus{ border: none; box-shadow: none; } .blue-textured-background{ background-color: #00aaee; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg fill-opacity='0.12'%3E%3Ccircle fill='%2300aaee' cx='50' cy='0' r='50'/%3E%3Cg fill='%2301b2f9' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%2307b8fe' cx='50' cy='100' r='50'/%3E%3Cg fill='%2314bbfd' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%2320befd' cx='50' cy='200' r='50'/%3E%3Cg fill='%232cc1fc' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%2338c4fc' cx='50' cy='300' r='50'/%3E%3Cg fill='%2344c8fc' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%234fcbfb' cx='50' cy='400' r='50'/%3E%3Cg fill='%235bcefb' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%2367d1fb' cx='50' cy='500' r='50'/%3E%3Cg fill='%2373d5fb' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%237ed8fb' cx='50' cy='600' r='50'/%3E%3Cg fill='%238adbfb' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%2395dffb' cx='50' cy='700' r='50'/%3E%3Cg fill='%23a1e2fb' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%23ace5fc' cx='50' cy='800' r='50'/%3E%3Cg fill='%23b7e9fc' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%23c3ecfc' cx='50' cy='900' r='50'/%3E%3Cg fill='%23cef0fd' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%23d9f3fd' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: contain; } .blue-triangle-background{ background-color: #00aeef; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); } .pink-triangle-background{ background-color: #ec008c; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); } .blue-wavy-background{ background-color: #00aeef; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23696969' stroke-width='9.3' stroke-opacity='0.05'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E"); } .green-square-background{ /* background-color: #66ff77; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2366ff77'/%3E%3Cstop offset='1' stop-color='%23240'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23EF5' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23EF5' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%23081' stroke-width='10' stroke-miterlimit='10' stroke-opacity='.2'%3E%3Cpolygon points='-500%2C500 500%2C-500 1500%2C500 500%2C1500'/%3E%3Cpolygon points='-475%2C500 500%2C-475 1475%2C500 500%2C1475'/%3E%3Cpolygon points='-450%2C500 500%2C-450 1450%2C500 500%2C1450'/%3E%3Cpolygon points='-425%2C500 500%2C-425 1425%2C500 500%2C1425'/%3E%3Cpolygon points='-400%2C500 500%2C-400 1400%2C500 500%2C1400'/%3E%3Cpolygon points='-375%2C500 500%2C-375 1375%2C500 500%2C1375'/%3E%3Cpolygon points='-350%2C500 500%2C-350 1350%2C500 500%2C1350'/%3E%3Cpolygon points='-325%2C500 500%2C-325 1325%2C500 500%2C1325'/%3E%3Cpolygon points='-300%2C500 500%2C-300 1300%2C500 500%2C1300'/%3E%3Cpolygon points='-275%2C500 500%2C-275 1275%2C500 500%2C1275'/%3E%3Cpolygon points='-250%2C500 500%2C-250 1250%2C500 500%2C1250'/%3E%3Cpolygon points='-225%2C500 500%2C-225 1225%2C500 500%2C1225'/%3E%3Cpolygon points='-200%2C500 500%2C-200 1200%2C500 500%2C1200'/%3E%3Cpolygon points='-175%2C500 500%2C-175 1175%2C500 500%2C1175'/%3E%3Cpolygon points='-150%2C500 500%2C-150 1150%2C500 500%2C1150'/%3E%3Cpolygon points='-125%2C500 500%2C-125 1125%2C500 500%2C1125'/%3E%3Cpolygon points='-100%2C500 500%2C-100 1100%2C500 500%2C1100'/%3E%3Cpolygon points='-75%2C500 500%2C-75 1075%2C500 500%2C1075'/%3E%3Cpolygon points='-50%2C500 500%2C-50 1050%2C500 500%2C1050'/%3E%3Cpolygon points='-25%2C500 500%2C-25 1025%2C500 500%2C1025'/%3E%3Cpolygon points='0%2C500 500%2C0 1000%2C500 500%2C1000'/%3E%3Cpolygon points='25%2C500 500%2C25 975%2C500 500%2C975'/%3E%3Cpolygon points='50%2C500 500%2C50 950%2C500 500%2C950'/%3E%3Cpolygon points='75%2C500 500%2C75 925%2C500 500%2C925'/%3E%3Cpolygon points='100%2C500 500%2C100 900%2C500 500%2C900'/%3E%3Cpolygon points='125%2C500 500%2C125 875%2C500 500%2C875'/%3E%3Cpolygon points='150%2C500 500%2C150 850%2C500 500%2C850'/%3E%3Cpolygon points='175%2C500 500%2C175 825%2C500 500%2C825'/%3E%3Cpolygon points='200%2C500 500%2C200 800%2C500 500%2C800'/%3E%3Cpolygon points='225%2C500 500%2C225 775%2C500 500%2C775'/%3E%3Cpolygon points='250%2C500 500%2C250 750%2C500 500%2C750'/%3E%3Cpolygon points='275%2C500 500%2C275 725%2C500 500%2C725'/%3E%3Cpolygon points='300%2C500 500%2C300 700%2C500 500%2C700'/%3E%3Cpolygon points='325%2C500 500%2C325 675%2C500 500%2C675'/%3E%3Cpolygon points='350%2C500 500%2C350 650%2C500 500%2C650'/%3E%3Cpolygon points='375%2C500 500%2C375 625%2C500 500%2C625'/%3E%3Cpolygon points='400%2C500 500%2C400 600%2C500 500%2C600'/%3E%3Cpolygon points='425%2C500 500%2C425 575%2C500 500%2C575'/%3E%3Cpolygon points='450%2C500 500%2C450 550%2C500 500%2C550'/%3E%3Cpolygon points='475%2C500 500%2C475 525%2C500 500%2C525'/%3E%3C/g%3E%3Crect fill-opacity='.2' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E"); background-size: cover; */ background-color: #11aa44; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='354' height='354' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%237F3' stroke-width='1' stroke-opacity='0.11'%3E%3Crect x='-40' y='40' width='75' height='75'/%3E%3Crect x='-35' y='45' width='65' height='65'/%3E%3Crect x='-30' y='50' width='55' height='55'/%3E%3Crect x='-25' y='55' width='45' height='45'/%3E%3Crect x='-20' y='60' width='35' height='35'/%3E%3Crect x='-15' y='65' width='25' height='25'/%3E%3Crect x='-10' y='70' width='15' height='15'/%3E%3Crect x='-5' y='75' width='5' height='5'/%3E%3Crect width='35' height='35'/%3E%3Crect x='5' y='5' width='25' height='25'/%3E%3Crect x='10' y='10' width='15' height='15'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3Crect x='40' width='75' height='75'/%3E%3Crect x='45' y='5' width='65' height='65'/%3E%3Crect x='50' y='10' width='55' height='55'/%3E%3Crect x='55' y='15' width='45' height='45'/%3E%3Crect x='60' y='20' width='35' height='35'/%3E%3Crect x='65' y='25' width='25' height='25'/%3E%3Crect x='70' y='30' width='15' height='15'/%3E%3Crect x='75' y='35' width='5' height='5'/%3E%3Crect x='40' y='80' width='35' height='35'/%3E%3Crect x='45' y='85' width='25' height='25'/%3E%3Crect x='50' y='90' width='15' height='15'/%3E%3Crect x='55' y='95' width='5' height='5'/%3E%3Crect x='120' y='-40' width='75' height='75'/%3E%3Crect x='125' y='-35' width='65' height='65'/%3E%3Crect x='130' y='-30' width='55' height='55'/%3E%3Crect x='135' y='-25' width='45' height='45'/%3E%3Crect x='140' y='-20' width='35' height='35'/%3E%3Crect x='145' y='-15' width='25' height='25'/%3E%3Crect x='150' y='-10' width='15' height='15'/%3E%3Crect x='155' y='-5' width='5' height='5'/%3E%3Crect x='120' y='40' width='35' height='35'/%3E%3Crect x='125' y='45' width='25' height='25'/%3E%3Crect x='130' y='50' width='15' height='15'/%3E%3Crect x='135' y='55' width='5' height='5'/%3E%3Crect y='120' width='75' height='75'/%3E%3Crect x='5' y='125' width='65' height='65'/%3E%3Crect x='10' y='130' width='55' height='55'/%3E%3Crect x='15' y='135' width='45' height='45'/%3E%3Crect x='20' y='140' width='35' height='35'/%3E%3Crect x='25' y='145' width='25' height='25'/%3E%3Crect x='30' y='150' width='15' height='15'/%3E%3Crect x='35' y='155' width='5' height='5'/%3E%3Crect x='200' y='120' width='75' height='75'/%3E%3Crect x='40' y='200' width='75' height='75'/%3E%3Crect x='80' y='80' width='75' height='75'/%3E%3Crect x='85' y='85' width='65' height='65'/%3E%3Crect x='90' y='90' width='55' height='55'/%3E%3Crect x='95' y='95' width='45' height='45'/%3E%3Crect x='100' y='100' width='35' height='35'/%3E%3Crect x='105' y='105' width='25' height='25'/%3E%3Crect x='110' y='110' width='15' height='15'/%3E%3Crect x='115' y='115' width='5' height='5'/%3E%3Crect x='80' y='160' width='35' height='35'/%3E%3Crect x='85' y='165' width='25' height='25'/%3E%3Crect x='90' y='170' width='15' height='15'/%3E%3Crect x='95' y='175' width='5' height='5'/%3E%3Crect x='120' y='160' width='75' height='75'/%3E%3Crect x='125' y='165' width='65' height='65'/%3E%3Crect x='130' y='170' width='55' height='55'/%3E%3Crect x='135' y='175' width='45' height='45'/%3E%3Crect x='140' y='180' width='35' height='35'/%3E%3Crect x='145' y='185' width='25' height='25'/%3E%3Crect x='150' y='190' width='15' height='15'/%3E%3Crect x='155' y='195' width='5' height='5'/%3E%3Crect x='160' y='40' width='75' height='75'/%3E%3Crect x='165' y='45' width='65' height='65'/%3E%3Crect x='170' y='50' width='55' height='55'/%3E%3Crect x='175' y='55' width='45' height='45'/%3E%3Crect x='180' y='60' width='35' height='35'/%3E%3Crect x='185' y='65' width='25' height='25'/%3E%3Crect x='190' y='70' width='15' height='15'/%3E%3Crect x='195' y='75' width='5' height='5'/%3E%3Crect x='160' y='120' width='35' height='35'/%3E%3Crect x='165' y='125' width='25' height='25'/%3E%3Crect x='170' y='130' width='15' height='15'/%3E%3Crect x='175' y='135' width='5' height='5'/%3E%3Crect x='200' y='200' width='35' height='35'/%3E%3Crect x='200' width='35' height='35'/%3E%3Crect y='200' width='35' height='35'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: repeat-x; } .green-square-background-guarantee{ background-color: #66ff77; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 500 500'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2366ff77'/%3E%3Cstop offset='1' stop-color='%23240'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23EF5' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23EF5' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%23081' stroke-width='10' stroke-miterlimit='10' stroke-opacity='.2'%3E%3Cpolygon points='-500%2C500 500%2C-500 1500%2C500 500%2C1500'/%3E%3Cpolygon points='-475%2C500 500%2C-475 1475%2C500 500%2C1475'/%3E%3Cpolygon points='-450%2C500 500%2C-450 1450%2C500 500%2C1450'/%3E%3Cpolygon points='-425%2C500 500%2C-425 1425%2C500 500%2C1425'/%3E%3Cpolygon points='-400%2C500 500%2C-400 1400%2C500 500%2C1400'/%3E%3Cpolygon points='-375%2C500 500%2C-375 1375%2C500 500%2C1375'/%3E%3Cpolygon points='-350%2C500 500%2C-350 1350%2C500 500%2C1350'/%3E%3Cpolygon points='-325%2C500 500%2C-325 1325%2C500 500%2C1325'/%3E%3Cpolygon points='-300%2C500 500%2C-300 1300%2C500 500%2C1300'/%3E%3Cpolygon points='-275%2C500 500%2C-275 1275%2C500 500%2C1275'/%3E%3Cpolygon points='-250%2C500 500%2C-250 1250%2C500 500%2C1250'/%3E%3Cpolygon points='-225%2C500 500%2C-225 1225%2C500 500%2C1225'/%3E%3Cpolygon points='-200%2C500 500%2C-200 1200%2C500 500%2C1200'/%3E%3Cpolygon points='-175%2C500 500%2C-175 1175%2C500 500%2C1175'/%3E%3Cpolygon points='-150%2C500 500%2C-150 1150%2C500 500%2C1150'/%3E%3Cpolygon points='-125%2C500 500%2C-125 1125%2C500 500%2C1125'/%3E%3Cpolygon points='-100%2C500 500%2C-100 1100%2C500 500%2C1100'/%3E%3Cpolygon points='-75%2C500 500%2C-75 1075%2C500 500%2C1075'/%3E%3Cpolygon points='-50%2C500 500%2C-50 1050%2C500 500%2C1050'/%3E%3Cpolygon points='-25%2C500 500%2C-25 1025%2C500 500%2C1025'/%3E%3Cpolygon points='0%2C500 500%2C0 1000%2C500 500%2C1000'/%3E%3Cpolygon points='25%2C500 500%2C25 975%2C500 500%2C975'/%3E%3Cpolygon points='50%2C500 500%2C50 950%2C500 500%2C950'/%3E%3Cpolygon points='75%2C500 500%2C75 925%2C500 500%2C925'/%3E%3Cpolygon points='100%2C500 500%2C100 900%2C500 500%2C900'/%3E%3Cpolygon points='125%2C500 500%2C125 875%2C500 500%2C875'/%3E%3Cpolygon points='150%2C500 500%2C150 850%2C500 500%2C850'/%3E%3Cpolygon points='175%2C500 500%2C175 825%2C500 500%2C825'/%3E%3Cpolygon points='200%2C500 500%2C200 800%2C500 500%2C800'/%3E%3Cpolygon points='225%2C500 500%2C225 775%2C500 500%2C775'/%3E%3Cpolygon points='250%2C500 500%2C250 750%2C500 500%2C750'/%3E%3Cpolygon points='275%2C500 500%2C275 725%2C500 500%2C725'/%3E%3Cpolygon points='300%2C500 500%2C300 700%2C500 500%2C700'/%3E%3Cpolygon points='325%2C500 500%2C325 675%2C500 500%2C675'/%3E%3Cpolygon points='350%2C500 500%2C350 650%2C500 500%2C650'/%3E%3Cpolygon points='375%2C500 500%2C375 625%2C500 500%2C625'/%3E%3Cpolygon points='400%2C500 500%2C400 600%2C500 500%2C600'/%3E%3Cpolygon points='425%2C500 500%2C425 575%2C500 500%2C575'/%3E%3Cpolygon points='450%2C500 500%2C450 550%2C500 500%2C550'/%3E%3Cpolygon points='475%2C500 500%2C475 525%2C500 500%2C525'/%3E%3C/g%3E%3Crect fill-opacity='.2' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E"); background-size: cover; } .blue-font{ color: #00aeef; } .green-font{ color: #39b54a !important; } .pink-font{ color: #ec008c !important; } .R-blue-font{ color: #000f9f; } #loading{ position: fixed; width: 400px; height: 400px; top: 50%; left: 50%; z-index: 9999; display: block; margin-left: -200px; margin-top: -200px; display: none; } .py-25{ padding-top: 25px; padding-bottom: 25px; } .zoom-info{ display: none; } .zoom-info-mobile{ color: #ffffff; } /*----------------------------------------FOOTER--------------------------------------------------------*/ .navbar.navbar-mobile-footer, .navbar-nav.pages, .navbar-mobile-footer .nav-link{ padding-top: 0; padding-bottom: 0; } .navbar-mobile-footer .nav-link{ padding-bottom: 1rem; } .footer h3, .footer ul.navbar-nav li a.dropdown-toggle{ color: #00aeef; font-weight: 800; font: 600 2rem/1.2 freightbigcmp-pro, serif; letter-spacing: .05rem; } .footer ul.navbar-nav li a.dropdown-toggle{ font-size: 1.8rem; } .dropdown-toggle::after{ vertical-align: .1em; color: #414141; } #navbarDropdown2.dropdown-toggle::after{ color: #ffffff; } .social-media-icons a{ text-decoration: none; } .social-media-icons i{ padding: 0 .3rem; font-size: 1.5rem; color: #414141; } ul.pages{ list-style-type:none; /*color: rgba(0,0,0,0.5);*/ padding-left: 0px; font-size: 1rem; font-family: 'helvetica'; font-weight: 400; } ul.pages li{ padding-bottom: .6rem; } ul.pages li a{ color: #414141; /*color: rgba(0,0,0,0.5);*/ } @media only screen and (min-width: 992px){ .guarantee-footer{ position: absolute; width: 20%; right: 0; bottom: 2px; } .footer-green-caret{ position: absolute; right: 5px; /*bottom: 20px;*/ } } @media only screen and (min-width: 1200px){ .guarantee-footer{ position: static; width: 33.33%; padding-right: 15px; } .footer-green-caret{ position: static; } } /*---------------------------------------HOME PAGE-----------------------------------------------*/ .hero-slider, .featured-products-slider { opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; } .hero-slider.slick-initialized, .featured-products-slider.slick-initialized { visibility: visible; opacity: 1; } .top-sellers{ color: #00aeef; margin-bottom: 2.5rem; } .featured-products h2{ color: #00aeef; font-family: acumin-pro-condensed, sans-serif; font-size: 2.2rem; } .featured-products h3{ margin-bottom: 2rem; } .featured-products .slick-slide{ color: #000000; } .featured-products .slick-slide button.btn-order{ margin-top: 1rem; font-size: 20px; padding: .375rem .75rem; } .featured-products .prev, .featured-products .next{ margin-bottom: 9rem; } .featured-product-name{ margin-top: 1rem; color: #00aeef; } .featured-product-subname{ font-size: 1rem; color: rgba(0,0,0,0.5); } .featured-product-price{ color: #00aeef; } .holistic-section h2{ color: #ffffff; font-family: acumin-pro-condensed, sans-serif; } .holistic-section a{ color: #ffffff; margin: 0 auto; text-decoration: underline; } .holistic-info{ display: none; } .guarantee-seal{ width: 30%; } .highlight-square{ position: relative; margin: 15px -7.5px; } .highlight-square-band{ background-color: #000f9f; color: #ffffff; width: 100%; bottom: 0; text-align: center; padding: .8rem; position: relative; } .highlight-square-band img{ position: absolute; width: 220%; } .highlight-square-band img.left{ left: -60px; bottom: 0px; } .highlight-square-band img.right{ right: -60px; bottom: 0px; } .highlight-square-band h3{ font-size: 1.6rem; } .highlight-square-band h4{ font-size: 1.1rem; } .products-home{ margin-top: 3rem; } .skin-care-home h1, .skin-care-learn-more, .vital-green-home h1, .vital-green-learn-more{ position: absolute; } .skin-care-learn-more h2, .vital-green-learn-more h2{ font-family: acumin-pro-condensed, sans-serif; font-weight: 600; } .skin-care-home h1{ font-size: 8vw; color: #662d91; line-height: 7vw; text-transform: uppercase; text-align: center; font-weight: 800; left: 12vw; top: 2vw; } .skin-care-home h1 span{ font-size: 6vw; line-height: 8vw; } .skin-care-learn-more{ right: 8vw; bottom: 2vw; } .vital-green-learn-more{ left: 8vw; bottom: 2vw; } .skin-care-home h2, .vital-green-home h2{ font-size: 6vw; } .skin-care-home h3, .vital-green-home h3, .cleanse-detox-middle a{ font-size: 3vw; text-decoration: underline; } .vital-green-home h1{ font-size: 8vw; color: #000f9f; line-height: 7vw; text-transform: uppercase; text-align: center; font-weight: 800; right: 12vw; top: 2vw; } .vital-green-home h1 span{ font-size: 6vw; line-height: 8vw; } .skin-care-home h2, .skin-care-home h3, .vital-green-home h2, .vital-green-home h3{ color: #ffffff; margin-bottom: 0; } .skin-care-home h3 a, .vital-green-home h3 a{ color: #ffffff; } .home-bottom-images > div:last-child{ padding-top: 2rem; } .look-feel{ width: 55%; } .look-feel-section a{ color: #522183; text-decoration: none; font-family: arial; font-size: 14px; } /*---------------------------------------END HOME PAGE-----------------------------------------------*/ /*----------------HOME PAGE 2022------------------*/ .square-button{ border: 2px solid #000f9f; color: #000f9f; width: 60%; font-size: 1.4rem; font-family: 'proxima-nova-extra-condensed'; font-weight: 800; margin-top: 1.4rem; } .square-button.white{ border: 2px solid #ffffff; color: #ffffff; } a.btn.square-button:hover{ color: #00aeef; } a.btn.square-button.white:hover{ color: #39b54a; } .proxima-extra-bold{ font-family: 'proxima-nova-extra-condensed'; font-weight: 900; } .home-grid-text{ padding: 3rem; } #home-grid .container{ /*background-color: #efefef;*/ /*padding: 2.5rem;*/ margin-bottom: 2.5rem; } #home-grid h2{ font-family: 'proxima-nova-extra-condensed'; font-weight: 900; font-size: 2.4rem; margin-bottom: 0; } #home-grid h3{ font-family: 'sweet-sans-pro'; font-weight: 400; font-size: 1.2rem; margin-top: -5px; margin-bottom: 30px; } #home-grid h3 b{ font-family: 'sweet-sans-pro'; font-weight: 800; } #home-grid p{ font-family: 'helvetica', sans-serif; font-weight: 400; line-height: 1.6rem; font-size: 1rem; color: #000000; } #home-grid .white p{ color: #ffffff; } #home-grid p span{ font-family: 'proxima-nova-extra-condensed'; font-weight: 800; font-size: 1.3rem; } #home-grid p b{ font-weight: 900; } #home-grid p i{ font-family: 'proxima-nova-extra-condensed'; font-weight: 800; font-size: 1.4rem; font-style: italic; color: #ffffff; } .green{ color: #39b54a; } .home-grid-vip-ribbon{ position: absolute; top: 5%; left: 5%; z-index: 99; width: 25%; } .home-grid-reneu, .home-grid-woman, .home-grid-family, .home-grid-collagen, .home-grid-skin-care{ height: 100%; } .featured-products-title{ font-family: 'proxima-nova-extra-condensed'; font-weight: 800; color: #00aeef; font-size: 3.6rem; } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .home-grid-family{ object-position: 20%; } } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @media (min-width: 768px) { .home-grid-vip-ribbon{ position: absolute; top: 5%; left: 5%; z-index: 99; width: 35%; } #home-grid .container{ background-color: #ffffff; padding: 0 15px 0 15px; margin: auto; } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .home-grid-vip-ribbon{ position: absolute; top: 5%; left: 5%; z-index: 99; width: 25%; } .home-grid-reneu{ height: 600px; } } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { #home-grid .container{ max-width: 1902px; } .home-grid-text{ padding: 4rem 10rem; } .home-grid-reneu{ height: 700px; } } /* Extra extra large devices (extra large desktops, 1400px and up) */ @media (min-width: 1400px) { #home-grid .container{ max-width: 1902px; } .home-grid-vip-ribbon{ position: absolute; top: 5%; left: 5%; z-index: 99; width: 20%; } .home-grid-woman{ object-position: 50% 25%; } /*.home-grid-woman, .home-grid-family, .home-grid-collagen, .home-grid-skin-care{ height: 450px; }*/ .home-grid-reneu{ height: 600px; } #home-grid h3{ font-size: 1.3rem; } #home-grid p{ font-size: 1.3rem; } #home-grid p span{ font-size: 1.6rem; } } /*---------------------------------------END HOME PAGE-----------------------------------------------*/ /*---------------------------------------SIDE-PANEL STUFF-----------------------------------------------*/ #side-panel{ display: -ms-flexbox; display: flex; position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; overflow: hidden; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 460px; padding-bottom: env(safe-area-inset-bottom); background: #fff; -webkit-box-shadow: -2px 0 4px 0 rgb(0 0 0 / 4%); box-shadow: -2px 0 4px 0 rgb(0 0 0 / 4%); -webkit-transform: translateX(101%); transform: translateX(101%); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; } #side-panel.opened{ -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.8,-.01,.41,1); transition: -webkit-transform .5s cubic-bezier(.8,-.01,.41,1); transition: transform .5s cubic-bezier(.8,-.01,.41,1); transition: transform .5s cubic-bezier(.8,-.01,.41,1),-webkit-transform .5s cubic-bezier(.8,-.01,.41,1); } .cart-contents-container{ padding: 4px 0 0; overflow: auto; -webkit-overflow-scrolling: touch; } @keyframes slideInFromLeft { 0% { transform: rotate(10deg); } 25% { transform: rotate(-10deg); } 50% { transform: rotate(10deg); } 75% { transform: rotate(-10deg); } 100% { transform: rotate(0); } } .zinrelo-widget{ animation: .5s ease-out 0s 1 slideInFromLeft; z-index: 999997; height: 70px !important; min-width: 150px !important; text-align: center !important; cursor: pointer !important; color: #ffffff !important; font-size: 16px !important; font-family: Open Sans,sans-serif; font-weight: 600 !important; border-radius: 5px; padding: 0px 10px 0px 10px !important; border: 0px solid rgb(0, 0, 0) !important; top: auto; bottom: 20px; right: auto; left: 10px; margin: 0px; display: block; background-color: #00aeef !important; position: fixed; outline: none; box-shadow: 7px 7px 7px 0 rgba(0, 0, 0, .2); } .zinrelo-widget p{ margin: 0; letter-spacing: normal; } .zinrelo-widget i{ color: #ffffff; } #overlay, #smartship-overlay { position: fixed; /* Sit on top of the page content */ display: none; /* Hidden by default */ width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); /* Black background with opacity */ z-index: 99; /* Specify a stack order in case you're using a different order for other elements */ cursor: pointer; /* Add a pointer on hover */ } .order-item{ position: relative; display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-align: center; align-items: center; margin: 0; padding: 16px 0 24px; border-bottom: 1px solid #dfdfdf; opacity: 1; -webkit-transition: -webkit-transform .8s ease-in-out; transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; transition: transform .8s ease-in-out,-webkit-transform .8s ease-in-out; } .order-item:first-child{ -webkit-animation: fade-in-data-v-0410bbb4 2.5s; animation: fade-in-data-v-0410bbb4 2.5s; } .order-item:last-child { border-bottom: none; } .order-item_image{ position: relative; top: 0; width: 80px; height: 80px; margin-right: 22px; vertical-align: middle; } .order-item_image-large{ width: 110px; height: 110px; margin-right: 20px; } .order-item_product-info{ display: flex; -ms-flex: 1 1; flex: 1 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order-item_description{ flex: 1 1; line-height: normal; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; } .order-item_title{ font-weight: 700; color: #222; font-size: 1rem; } .checkout-side .order-item_title{ line-height: normal; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; } .order-item_subTitle, .order-item_price, .order-item_quantityDesc, .confirmation-quantity, .smartship-item_price{ display: block; margin-top: 2px; font-size: 14px; letter-spacing: 0; font-weight: 500; /*color: rgba(0,0,0,.5);*/ color: #414141; } .order-item_remove{ position: absolute; top: 16px; right: 0; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color .25s; transition: color .25s; width: .8rem; } .add-related-item{ background-color: #414141; color: #ffffff; font-family: 'proxima-nova-extra-condensed', sans-serif; font-size: 21px; padding: 5px 12px; border: none; border-radius: 5px; } .order-item_price, .smartship-item_price{ align-self: flex-end; line-height: 1.5; color: #222; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; /*color: rgba(0,0,0,0.5);*/ color: #414141; font-size: 15px; font-weight: 500; } .smartship-item_price{ color: #000000; } .order-item_quantity-text{ display: flex; margin-top: 1rem; } .smartship-item_quantity-text{ display: flex; } .order-item_quantity-decrease, .order-item_quantity-increase, .order-item_quantity-number, .pak-order-item_quantity-increase, .pak-order-item_quantity-decrease, .smartship-item_quantity-decrease, .smartship-item_quantity-increase, .smartship-item_quantity-number{ display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; border-radius: 35px; text-align: center; line-height: 1.5; letter-spacing: .01527em; font-size: .7rem; /*color: #333;*/ color: #414141; background-color: #f7f7f7; -webkit-transition: background-color .1s ease-in-out; transition: background-color .1s ease-in-out; } .order-item_quantity-number, .smartship-item_quantity-number{ background-color: #ffffff; /*color: rgba(0,0,0,0.5);*/ color: #414141; font-size: 15px; font-weight: 500; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; } .smartship-item_quantity-number{ color: #000000; } .order-item_flex-break-row{ flex-basis: 100%; height: 0; } #cart-contents #sub-total-side-panel, #sub-total-cart{ display: flex; font-weight: 700; color: #222; font-size: 1rem; line-height: 1.5; margin-top: 13px; padding: 14px 0 17px; border-top: 1px solid #999; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; } .cart-contents-container .product-rows, .cart-contents-container #cart-contents #sub-total-side-panel{ padding-left: 20px; padding-right: 20px; } #sub-total-cart{ border-top: none; } #cart-contents #sub-total-side-panel > span:first-child, #sub-total-cart > span:first-child{ flex: 1 1; margin-right: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .delivery-notice > div > img{ margin-bottom: 1rem; } .delivery-notice{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; padding-top: 0px; padding-bottom: 0px; font-size: 15px; font-weight: 500; color: #414141; line-height: normal; } .empty-cart-text{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-size: 16px; padding-top: 20px; font-weight: 500; color: rgba(0,0,0,.5); } .enroll-or-checkout-button{ padding: 0px 0px 20px 0px; border-top: 1px solid #efefef; background: #fff; -webkit-box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 4%); box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 4%); } .square-background{ background-color: #000000; background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23454545' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E"); } .mountain-background{ background-color: #ff7700; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cpolygon fill='%23cc0000' points='957 450 539 900 1396 900'/%3E%3Cpolygon fill='%23aa0000' points='957 450 872.9 900 1396 900'/%3E%3Cpolygon fill='%23d6002b' points='-60 900 398 662 816 900'/%3E%3Cpolygon fill='%23b10022' points='337 900 398 662 816 900'/%3E%3Cpolygon fill='%23d9004b' points='1203 546 1552 900 876 900'/%3E%3Cpolygon fill='%23b2003d' points='1203 546 1552 900 1162 900'/%3E%3Cpolygon fill='%23d3006c' points='641 695 886 900 367 900'/%3E%3Cpolygon fill='%23ac0057' points='587 900 641 695 886 900'/%3E%3Cpolygon fill='%23c4008c' points='1710 900 1401 632 1096 900'/%3E%3Cpolygon fill='%239e0071' points='1710 900 1401 632 1365 900'/%3E%3Cpolygon fill='%23aa00aa' points='1210 900 971 687 725 900'/%3E%3Cpolygon fill='%23880088' points='943 900 1210 900 971 687'/%3E%3C/svg%3E"); } .cart-side-category, .smartship-category{ display: block; padding: 20px; margin: 20px auto; background-color: rgba(0,0,0,0.1); color: #000000; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-size: 1rem; font-weight: 500; letter-spacing: .05rem; } .cart-side-category:hover, .smartship-category:hover{ background-color: rgba(0,0,0,0.2); color: #000000; text-decoration: none; } .numberItems, #ASInitialOrderTotal{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; color: #00aeef; font-size: 21px; font-weight: 600; } /*----------------------------------------END SIDE-PANEL------------------------------------------------*/ /*---------------------------------------MENU STUFF-----------------------------------------------*/ .navbar .nav-cart i { font-size: 28px; color: #414141; } .navbar-nav i.fa-user:hover{ color: #000000 !important; } .navbar-nav i.fa-user.green-hover:hover{ color: #39b54a !important; } .nav-cart .cart-count { position: absolute; font-size: 12px; background: #00aeef; border-radius: 0; color: #ffffff; line-height: 22px; width: 22px; height: 22px; border-radius: 50%; left: 16px; bottom: 16px; text-align: center; font-family: helvetica; } .nav-item.dropdown{ z-index: 998; } .dropdown-menu{ z-index: 1030 !important; min-width: 10.25rem; max-width: 25%; } .dropdown-menu li a:focus, .dropdown-menu li a:hover { background: none; color: #00AEEF !important; } .dropdown.user-icon:hover > .dropdown-menu{ display: block; margin-top: 0; } .dropdown.user-icon:hover > .navbar-nav > .dropdown-menu{ display: block; margin-top: 0; } .top-menu .dropdown-toggle:focus { background: none; color: #00AEEF !important; } .dropdown-menu li a { padding: 2px 10px; margin: 0; display: block; font-size: 15px; color: #414141; font-family: helvetica, sans-serif; font-weight: 400; font-style: normal; } .dropdown-menu li a:first-child{ padding-top: 10px; } .hr-top{ border-top: 2px solid #00aeef; box-shadow: 0px 2px 2px 2px #e0e0e0; } .navbar-brand img { width: 190px; } .navbar .nav-link{ font-family: helvetica, sans-serif; font-weight: 400; font-style: normal; font-size: 15px; color: #414141; } .navbar-light .navbar-nav .nav-link{ color: #414141; } @media (min-width: 768px){ .navbar .nav-link{ font-size: 14px; letter-spacing: .025rem; } .desktop-category-menu{ position: absolute; width: 100%; padding-left: 5px; /*left: 50%; transform: translateX(-50%);*/ left: 0; /* removed transform because it was going behind the pages */ } } @media (min-width: 800px){ .desktop-category-menu{ padding-left: 20px; } } @media (min-width: 840px){ .navbar .nav-link{ font-size: 15px; } } @media (min-width: 992px){ .desktop-category-menu{ padding-left: 0; } } .nav-cart{ position: relative; } .nav-cart i:hover { color: #d4effd !important; } .bg-blue .nav-cart i:hover { color: #000000 !important; } .bg-blue{ background-color: #00aeef; } .bg-blue .nav-item{ border: 2px solid #00aeef; } .nav-item:hover{ border-color: white; } .navbar-white .navbar-nav .nav-link{ color: #ffffff; } .slide{ background-size: cover; } .slide.cleanse-hero{ background-image: url(../images/category_images/P-M-FF_10Day_New_1_BANNER.jpg); background-position: 35% 100%; } .slide.cleanse-hero .cleanse-description{ margin-top: 9.5rem; } .slide.cleanse-hero .btn{ margin-top: 1rem; } .slide.cbd-hero{ background-image: url(../images/category_images/CBD-Home-Hero.jpg); background-position: 50% 50%; } .slide.energy-hero{ background-image: url(../images/category_images/Energy-Home-Hero.jpg); background-position: 50% 50%; color: #000000; } .slide.energy-hero h1{ font-family: strenuous, sans-serif; font-weight: 700; font-style: normal; padding-top: 15px; font-size: 2.8rem; color: #fe0000; } .slide.trimbolic-hero{ background-image: url(../images/category_images/M-Trimbolic-Home-Hero.jpg); background-size: cover; background-position: 50% 70%; } .slide.trimbolic-hero h1{ font-family: hobeaux, sans-serif; font-weight: 700; font-style: normal; color: #000f9f; padding-top: 15px; font-size: 2.6rem; } .slide.trimbolic-hero ul{ list-style: none; padding-left: 0; } .slide.trimbolic-hero .fa-circle{ color: #ec008c; font-size: .75rem; vertical-align: middle; } .slide.reneu-hero{ background-image: url(../images/category_images/Reneu_bck.jpeg); background-size: cover; background-position: 90% 70%; } .slide.suddenly-slim-hero{ background-image: url(../images/category_images/FFN-2021May-1.jpg); background-size: cover; background-position: 90% 50%; } .slide.suddenly-slim2-hero{ background-image: url(../images/category_images/FFN-2021May-2.jpg); background-size: cover; background-position: 90% 70%; } .slide.cbd-free-hero{ background-image: url(../images/category_images/FFN_CBD5590-Edit.jpg); background-size: 240%; background-position: 45% 90%; } .cbd-free-header{ background-image: url(../images/category_images/FFN_CBD5645-Edit.jpg); background-size: 240%; background-position: 30% 70%; } .free-shipping-strip{ height: 100%; width: 100%; position: absolute; top: 0; right: -35%; } /* .slide.reneu-hero{ background-image: url(../images/category_images/L-FF_Reneu_BANNER.jpg); background-size: cover; background-position: 60% 70%; } */ .slide.biomega-hero{ background-image: url(../images/category_images/FF_Biomega_2.jpg); background-size: cover; background-position: 60% 70%; } .slide.biomega-hero h1{ font-family: adorn-smooth-slab-serif, serif; font-weight: 700; font-style: normal; line-height: 1.4rem; } .slide.biomega-hero .new-biomega{ color: #39b54a; font-size: 1.6rem; font-family: adorn-smooth-slab-serif, serif; font-weight: 700; font-style: normal; margin-bottom: 0; } .slide.biomega-hero h2{ font-size: 1.2rem; font-weight: 800; } .slide.biomega-hero h2 span.numbers{ font-family: adorn-smooth-slab-serif,sans-serif; font-weight: 700; font-style: normal; color: #00aeef; } .slide.biomega-hero h2 span{ font-weight: 600; } .slide.biomega-hero h3{ color: #000f9f; margin-top: .6rem; font-size: 1rem; font-weight: 800; } .slide.biomega-hero h3 span{ color: #00aeef; } .slide.new-zavita-hero{ background-image: url(../images/category_images/M-New-Zavita-Home-Hero.jpg); background-size: cover; background-position: 15% 70%; } .slide.ss-hero{ background-image: url(../images/category_images/P-M-FF_SuddenlySlim_BANNER.jpg); background-size: cover; background-position: 55% 10%; } .slide.ss-hero .ss-logo{ width: 70%; } .slide.new-zavita-hero h2{ color: #000000; font-weight: 800; font-size: 1.2rem; } .slide.ss-hero h2{ color: #000000; font-weight: 800; font-size: 1rem; } .slide.new-zavita-hero h2 span.numbers{ font-weight: 800; font-family: "Futura-pt"; color: #39b54a; font-size: 1.2rem; } .slide.new-zavita-hero h2 span{ font-weight: 600; } .slide.new-zavita-hero h3{ margin-top: .6rem; font-size: 1rem; font-weight: 800; } .slide.ss-hero h3{ margin-top: 1.6rem; font-size: 1rem; font-weight: 800; } .slide.zavita-hero{ background-image: url(../images/category_images/M-New-Zavita-Home-Hero.jpg); background-size: cover; background-position: 10% 70%; } .slide.zavita-hero ul{ list-style: none; font-size: 1rem; } .slide.zavita-hero ul span{ font-size: 1.2rem; } .slide.zavita-hero i{ margin-left: -30px; margin-right: 10px; color: #39b54a; } #third-party-testing i{ margin-left: -30px; margin-right: 10px; color: #39b54a; } .product-spotlight-bar{ margin-top: .4rem; margin-bottom: .4rem; width: 90%; } .product-spotlight-title-2{ font-family: sweet-sans-pro; font-weight: 600; font-size: 1.2rem; } .navbar-right li { margin: 0 15px; } li.distributor-info { display: flex; flex-flow: row nowrap; align-items: center; align-content: center; position: relative; } li.distributor-info img { border-radius: 50%; margin-right: 10px; width: 50px; height: 50px; } .mobile-header li.distributor-info img { border-radius: 50%; margin-right: 10px; width: 40px; height: 40px; } li.distributor-info .info-wrapper { font-family: helvetica, sans-serif; font-weight: 600; font-style: normal; line-height: normal; } li.distributor-info .info-wrapper p { font-size: 12px; margin-bottom: 5px; color: #414141; } .mobile-header li.distributor-info .info-wrapper p { color: #ffffff; } li.distributor-info .info-wrapper .name { font-size: 13px; color: #414141;; text-transform: capitalize; } .mobile-header li.distributor-info .info-wrapper .name { font-size: 13px; color: #ffffff; text-transform: capitalize; } li.distributor-info .info-wrapper a.contact { font-family: helvetica, sans-serif; font-weight: 600; font-style: normal; font-size: 12px; color: #00AEEF; } .mobile-header li.distributor-info .info-wrapper a.contact{ color: #00aeef; } .mobile-header li.distributor-info .info-wrapper a.contact:hover{ color: #ffffff; } @media screen and (min-width: 768px){ li.distributor-info .info-wrapper a.contact:hover{ color: #414141; } } li.distributor-info .toggle-info { display: none; position: absolute; top: 70px; left: -30px; background: #ffffff; padding: 8px; text-align: left; min-width: 100px; z-index: 999; } li.distributor-info .toggle-info .name { font-size: 14px; color: #343538; line-height: 16px; text-transform: capitalize; margin-bottom: 8px; } li.distributor-info .toggle-info .phone, li.distributor-info .toggle-info .email { opacity: 0.72; font-family: acumin-pro-condensed, sans-serif; font-weight: 600; font-style: normal; font-size: 13px; margin: 5px 0; color: #343538; line-height: 14.4px; text-transform: none; } li.distributor-info .toggle-info .email a{ color: #39b54a; } li.distributor-info .toggle-info { left: 0; } .search-container input{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; height: 100%; text-indent: .6rem; vertical-align: middle; font-size: 1rem; color: rgba(0,0,0,0.5); padding-top: 5px; border-color: rgba(0,0,0,0.5); border-right: 0; } .search-container button{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; height: 100%; vertical-align: middle; border-color: rgba(0,0,0,0.5); border-left: 0; } .search-container button .fa{ vertical-align: middle; } .search-container input::placeholder{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-size: 1rem; } .search-results{ border: 2px solid #7f7f7f; border-top: 0; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-size: 1rem; color: #7f7f7f; } .search-results a{ display: block; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-size: 1rem; color: #7f7f7f; font-weight: 400; } .search-results a:hover{ color: #00aeef; } /*---------------------------------------------------------------------------------------------*/ /*-----------------------------------CART PAGE-------------------------------------------------*/ a.vip-learn-more, a.vip-watch-video{ font-size: .8rem; color: #00aeef; text-decoration: underline; cursor: pointer; } .vip-bullets{ list-style: none; font-size: .8rem; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-weight: 500; color: #414141 } .vip-bullets span i{ font-size: .4rem; color: #414141; vertical-align: middle; line-height: 20px; } .vip-panel, .redeem-panel{ /*background-color: #424242; color: #ffffff; font-size: .8rem; padding: 10px; z-index: 13;*/ position: absolute; background: #f1f0f5; border-radius: .4em; z-index: 99; padding: 1.2rem 1.2rem; right: -12px; font-size: 1.2rem; font-family: "forma-djr-deck", sans-serif; letter-spacing: 0.05rem; font-weight: 600; font-size: .8rem; color: #414141; min-width: 200px; box-shadow: -10px 10px 10px 0 rgba(0, 0, 0, 0.2); border: 2px solid #00aeef; display: none; } .vip-panel:after, .redeem-panel:after, .vip-panel:before { content: ""; position: absolute; border-style: solid; display: block; width: 0; top: -15px; right: 52px; border-width: 0 17px 17px; border-color: #f1f0f5 transparent; z-index: 2; } .vip-panel:before { border-width: 0 18px 18px; top:-18px; /* Offset of pointer border-width + bubble border-width */ z-index:1; border-bottom-color:#00aeef; right: 51px; } .redeem-learn-more, .rewards-points-balance{ border: 1px solid #414141; vertical-align: middle; font-weight: 600; padding-left: 1rem; padding-right: 1rem; margin-left: 1rem; } .redeem-learn-more:hover, .rewards-points-balance:hover{ cursor: pointer; border-color: #ffffff; text-decoration: none; } /*---------------------------------------------------------------------------------------------*/ /*-----------------------------------PRODUCT LISTINGS-------------------------------------------------*/ #cleanse-detox-header{ background-image: url('/../images/category_images/V3-CleanseDetox-Hero.jpg'); background-size: cover; min-height: 400px; background-position: 50% 40%; } #wellness-header{ background-image: url('/../images/category_images/Wellness-Hero.jpg'); background-size: 200%; min-height: 400px; background-position: 70% 70%; } #energy-fitness-header{ background-image: url('/../images/category_images/EnergyFitness-Hero.jpg'); background-size: 250%; min-height: 400px; background-position: 80% 70%; } #skin-care-header{ background-image: url('/../images/category_images/D-SkinCare-Hero-V3.jpg'); background-size: cover; min-height: 400px; background-position: 60% 30%; } .disclaimer{ color: rgba(0,0,0,0.5); /*font-size: 0.8rem;*/ font-size: 14px; font-family: "helvetica", sans-serif; font-weight: 400; } .product-list .col-lg-4{ margin-bottom: 30px; } .product-section{ height: 100%; background-color: white; padding: 2rem; } .product-section.pak-section{ background-color: #ffffff; padding: 0; padding-bottom: 1.5rem; } .product-section.pak-section .product-description span{ font-weight: 800; } .savings-strip{ background-color: #ec008c; color: #ffffff; margin-bottom: .875rem; font-size: 1.6rem; padding: .25rem 0; } .title-and-description{ margin-bottom: 2rem; } .pak-section .title-and-description{ margin-bottom: 0; padding: 1rem 0; } .product-list .container-fluid{ background-color: #efeef3; max-width: 1920px; padding-top: 30px; } @media screen and (min-width: 576px){ .product-list .container-fluid{ padding-top:0; } } .product-section .product-name{ color: #414141; font-family: helvetica, arial, sans-serif; font-weight: 700; font-style: normal; font-size: 1.5rem; margin-top: 1rem; } .product-section .product-subname{ color: #414141; font-family: helvetica, arial, sans-serif; font-weight: 400; font-style: normal; font-size: 1.2rem; line-height: 20px; } .container-fluid.cat-header{ max-width: 1920px; } .product-section .product-subname-line{ border-top: 4px solid #00aeef; } .product-section .product-description{ font-family: helvetica, sans-serif; font-weight: 500; font-size: 1.1rem; margin: 1.4rem 0; } .product-section.pak-section .product-description{ font-size: 1.4rem; } .includes, .the_flavor{ font-family: helvetica, sans-serif; font-size: 1.1rem; font-weight: 400; } .includes span, .the_flavor{ color: #00aeef; font-family: helvetica, sans-serif; font-weight: 700; } .price-searching{ margin-bottom: 2rem; } .product-section .product-price{ color: #414141; font-family: helvetica, arial, sans-serif; font-weight: 800; font-style: normal; font-size: 22px; } .product-section .product-serving{ color: #000000; font-family: helvetica, arial, sans-serif; font-size: 16px; line-height: 15px; font-weight: 400; } .skin-care-header{ background-color: #ffffff; } .skin-care-header h1{ font-family: helvetica, arial, sans-serif; font-weight: 900; font-size: 1.8rem; color: #414141; padding: 2rem 2rem 0; margin-bottom: 0; } .skin-care-header h2{ font-family: helvetica, arial, sans-serif; font-weight: 900; font-size: 1.2rem; color: #414141; font-weight: 400; margin: 0 2rem; padding-bottom: 1rem; } .btn{ border-radius: 0; } a.btn.gray{ color: #ffffff; } a.btn:hover{ color: #ffffff; } .btn-order, .btn-join, .btn-login, .btn-checkout, .btn-primary, .btn-skip, .btn-delete, .btn-continue-shopping, .product-pak-button, .vip-shop-now-button, .modal .btn, .product-profile-button{ font-family: 'proxima-nova-extra-condensed', sans-serif; background-color: #414141; color: #ffffff; border-radius: 5px; font-size: 24px; font-weight: 600; letter-spacing: 0; padding: 10px 15px; width: 100%; min-width: 150px; border: none; } .product-profile-button{ background-color: #00aeef; } .btn-order-product-card, .btn-order-product-info, .product-pak-button, .vip-shop-now-button, .btn-checkout, .btn-order, .modal .btn{ font-family: 'proxima-nova-extra-condensed', sans-serif; background-color: #414141; font-size: 24px; font-weight: 600; letter-spacing: 0; } .btn-order i{ color: #ffffff; } .d-padd{ padding : 0 10px; } .d-padd-two{ padding: 10px; border-radius: 5px; font-family: helvetica, sans-serif; } .shadow-card{ box-shadow: 0px 2px 17px 5px rgb(235 235 235 / 22%); } .btn-order{ margin-top: 2rem; } .btn-login:hover{ background-color: #ec008c !important; } .btn-delete{ max-width: 100px; } .btn-order, .btn-skip, .btn-login, .product-pak-button, .vip-shop-now-button, .modal .btn, .product-profile-button{ width: 50%; max-width: 150px; } .product-profile-button{ max-width: 170px; } #checkout .btn-primary{ max-width: 150px; } .btn-continue-shopping{ max-width: 200px; } #product_accordion .btn-order{ padding: 5px 5px; } .btn-join{ margin-top: 0rem; } .btn-checkout{ max-width: 100px; margin-top: 0; } .btn-order.btn-pak{ margin: 1.4rem; } .wizard{ font-family: acumin-pro-condensed, sans-serif; background-color: #000f9f; color: #ffffff; border-radius: 0; font-size: 20px; font-weight: 600; letter-spacing: .1rem; padding: 10px 15px; width: 100%; min-width: 150px; margin-top: 2rem; } a.product-info{ color: #00aeef; font-family: 'proxima-nova-extra-condensed', sans-serif; font-weight: 600; font-size: 22px; } a.product-info i{ color: #414141; margin-left: 8px; margin-top: 4px; } @media (min-width: 768px){ .the_flavor{ display: none; } } @media (min-width: 1400px){ .the_flavor{ display: block; } } .flavor-toggle { margin-top: 20px; font-size: 12px; color: #343538; width: 100%; letter-spacing: 0; display: flex; align-items: center; } .flavor-toggle > *{ margin-left: 10px; margin-right: 10px; } .flavor-toggle div:first-child{ margin-left: 0; } .flavor-title{ font-family: helveitca, sans-serif; font-size: 1.1rem; font-weight: 400; } .flavor { display: inline-block; height: 20px; width: 20px; border-radius: 100%; border: 3px solid rgba(0,0,0,0); cursor: pointer; flex-basis: 20px; margin-right: 0; -webkit-transition: all 0.2s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.2s ease;/* Firefox 4-15 */ -o-transition: all 0.2s ease;/* Opera 10.5-12.00 */ transition: all 0.2s ease;/* Firefox 16+, Opera 12.50+ */ } @media only screen and (min-width: 992px) and (max-width: 1044px) { .flavor-title{ flex-basis: 80%; } .flavor{ margin: 0; } } .flavor-creme, .fx-flavor-creme { background: #FFE599; } .flavor-chocolate, .fx-flavor-chocolate { background: #4A2600; } .spn-flavor-berry{ background: #c82254; } .spn-flavor-green-apple{ background: #39b54a; } .flavor.active { border: 3px solid #00AEEF; } .option-chocolate { display: none; } .option-berry{ display: none; } #toggle-zavita-price { background: #F0F3FB; border: 1px solid #F0F3FB; border-radius: 4px; padding: 20px 60px 20px 20px; font-size: 16px; color: #3F3F3F; /* Here's the code we need */ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .order-size { margin-top: 50px; } .order-size span { font-size: 12px; letter-spacing: 0.5px; display: block; color: #6F6F6F; font-weight: bold; margin-bottom: 10px; } .order-size a { display: inline-block; font-weight: bold; opacity: 0.46; font-size: 16.8px; color: #343538; letter-spacing: 0; border-bottom: 2.4px solid rgba(0,0,0,0); text-decoration: none; padding: 5px; } .order-size a.active, .order-size a:hover { border-bottom: 2.4px solid #00AEEF; opacity: 1; } .back-order-message{ color: #e70090; font-size: 12px; font-weight: bold; margin-bottom: 2rem; } .spn-chart-button{ border: 2px solid #00aeef; background: none; color: #ffffff; width: 30%; font-weight: 500; letter-spacing: 0.05rem; } .energy-chart-section{ color: #ffffff; background-color: #d73737; /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpace*/ } .new-energy-chart-section, .attention-coaches-section{ color: #ffffff; /*background-color: #39DF4C;*/ background-color: #414141; /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%2300bd2a' fill-opacity='0.6'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");*/ } .attention-coaches-section{ margin-bottom: 1rem; } @media screen and (min-width: 768px) { .attention-coaches-section{ margin-bottom: 0rem; } } .new-energy-chart-section-mixed-berry{ color: #ffffff; /*background-color: #6F2C91;*/ background-color: #414141; /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23621f84' fill-opacity='0.6'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");*/ } .energy-chart-section, .new-energy-chart-section, .rehydration-chart-section, .new-rehydration-chart-section, .pre-workout-chart-section, .new-energy-chart-section-mixed-berry{ font-family: helvetica, arial, sans-serif; font-weight: 700; } .energy-chart-section, .new-energy-chart-section, .rehydration-chart-section, .new-rehydration-chart-section, .pre-workout-chart-section, .new-energy-chart-section-mixed-berry{ margin-bottom: 1rem; } @media screen and (min-width: 1600px){ .energy-chart-section, .new-energy-chart-section, .rehydration-chart-section, .new-rehydration-chart-section, .pre-workout-chart-section, .new-energy-chart-section-mixed-berry{ margin-bottom: 2rem; } } .energy-chart-section .btn, .new-energy-chart-section .btn, .rehydration-chart-section .btn, .new-rehydration-chart-section .btn, .pre-workout-chart-section .btn, .new-energy-chart-section-mixed-berry .btn{ font-weight: 700; } .energy-chart-section h2, .new-energy-chart-section h2, .rehydration-chart-section h2, .new-rehydration-chart-section h2, .pre-workout-chart-section h2, .new-energy-chart-section-mixed-berry h2, .attention-coaches-section h2{ font-family: helvetica, arial, sans-serif; font-size: 1.5rem; font-weight: 700; margin-bottom: .5rem; } .energy-chart-section h5, .new-energy-chart-section h5, .rehydration-chart-section h5, .new-rehydration-chart-section h5, .pre-workout-chart-section h5, .new-energy-chart-section-mixed-berry h5, .attention-coaches-section h5{ font-family: helvetica, arial, sans-serif; font-weight: 300; letter-spacing: .1rem; font-size: 1.2rem; text-transform: uppercase; margin-bottom: 1.5rem; } .attention-coaches-section h5{ margin-bottom: .3rem; margin-top: 1rem; } .attention-coaches-section h2{ margin-bottom: 1rem; } .rehydration-chart-section{ color: #ffffff; background-color: #414141; /*background-color: #f47238;*/ /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23cf6130' fill-opacity='0.6'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");*/ } .new-rehydration-chart-section{ color: #ffffff; /*background-color: #C82254;*/ background-color: #414141; /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23b40045' fill-opacity='0.6'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");*/ } .pre-workout-chart-section{ color: #ffffff; /*background-color: #00AEEF;*/ background-color: #414141; /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%230093d2' fill-opacity='0.6'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");*/ } /* .product-info:after { font-family: 'FontAwesome'; content: '\f178'; color: #000000; font-size: 12px; position: absolute; } */ @media screen and (min-width: 768px){ .spn-chart-button{ width: 35%; } } @media screen and (min-width: 992px){ .spn-chart-button{ width: 45%; } } @media screen and (min-width: 1200px){ .spn-chart-button{ width: 35%; } } @media screen and (min-width: 1400px){ .spn-chart-button{ width: 30%; } } @media screen and (min-width: 1600px){ .spn-chart-button{ width: 25%; } } /*---------------------------------------END PRODUCT LISTINGS-----------------------------------------------*/ /*---------------------------------------PRODUCT INFO-----------------------------------------------*/ .product-info{ font-family: helvetica, arial, sans-serif; font-weight: 600; } .product-info .product-name{ font-size: 1.5rem; color: #414141; font-weight: 800; } .product-info hr{ border-top: 4px solid #00aeef; margin-top: 0px; margin-bottom: 0px; } .product-info .product-subname{ font-size: 1.2rem; font-weight: 400; } .product-info .product-description{ line-height: 18px; line-height: 24px; font-family: helvetica, sans-serif; font-weight: 500; font-size: 1.1rem; } .product-info .product-price{ color: #414141; font-family: helvetica, arial, sans-serif; font-weight: 800; font-style: normal; font-size: 22px; } .product-info .product-serving{ font-size: 16px; line-height: 15px; font-weight: 400; } .product-info .description-header{ font-family: 'proxima-nova-extra-condensed'; font-weight: 800; font-style: normal; color: #00aeef; font-size: 30px; margin-top: 1.5rem; margin-bottom: 1.5rem; } .product-info .benefits, .product-info .directions{ background-color: #414141; color: #ffffff; } .product-info .benefits > div{ font-family: proxima-nova-extra-condensed; font-size: 36px; font-weight: 700; line-height: 24px; } .product-info .directions > div{ font-family: proxima-nova-extra-condensed; font-size: 36px; font-weight: 700; line-height: 24px; } #directions{ line-height: 30px; font-family: helvetica, arial, sans-serif; font-size: 24px; } .product-info .benefits ul{ font-family: helvetica, sans-serif; list-style: disc; padding-left: 1.4rem; font-weight: 800; margin-bottom: 0px; margin-top: 1rem; padding-bottom: .2rem; } .product-info .benefits ul li{ margin-top: .8rem; } .product-info .benefits ul li:first-child{ padding-top: .5rem; } .product-info .benefits ul li:last-child{ padding-bottom: 0; } .container.product-info .features ul{ list-style: disc; padding-left: 1.4rem; } .product-info .features > #features{ color: #00aeef; text-transform: uppercase; font-size: 18px; font-weight: 800; } .product-info .ingredients{ font-family: helvetica, arial, sans-serif; font-size: 24px; color: #414141; font-weight: 700; line-height: 44px; } #disclaimer-guarantee{ color: rgba(0,0,0,.5); font-size: 0.875rem; } #disclaimer-guarantee img{ width: 50%; } .recommended-products-row{ height: 100%; } .recommended-products-row > div{ margin-top: 30px; border-bottom: 1px solid black; } /*---------------------------------------END PRODUCT INFO-----------------------------------------------*/ /*---------------------------------------WEIGHT LOSS PAGE-----------------------------------------------*/ .cat-banner h1{ font-size: 2.2rem; color: #000f9f; font-weight: 800; } .cat-banner h2{ font-size: 1.2rem; color: #000f9f; padding-top: 15px; } .cat-banner.cbd-header h2{ font-weight: 800; } #weight-loss-header{ background-image: url('/../images/category_images/WL-Hero.jpg'); background-size: cover; background-position: 70% 20%; min-height: 400px; } #weight-loss-header .ss-logo{ width: 50%; padding-bottom: 2rem; } #weight-loss-header h2 span{ font-weight: 800; } #get-results{ background-color: #39b54a; } #get-results ul{ font-weight: 800; } #get-results ul li{ padding-bottom: .5rem; } .real-people-real-results h2{ color: #000f9f; font-size: 3rem; /*font-family: acumin-pro-condensed, sans-serif;*/ } .real-people-real-results h2 span{ font-family: relation-two, sans-serif; font-size: 3.6rem; } .prev img, .next img{ width: 60%; } /*---------------------------------------END WEIGHT LOSS PAGE-----------------------------------------------*/ /*---------------------------------------COLLAGEN------------------------------------------------------*/ .amino-acid-profile{ width: 80%; } .cup-pic{ /*width:80%;*/ /*height: 200px;*/ object-fit: cover; height: 100%; width: 100%; } .two-pack{ /*background-image: url(../images/collagen/MYahv_FFN_Collagen-1-Taller.jpg); background-size: 200%; background-repeat: no-repeat; background-position: 70% 70%;*/ } .amino-pic{ position: absolute; width: 30%; right: 15px; top: 5px; } .table-pic-mobile{ position: absolute; left: 0; } .amino-inner-row{ padding-top: 15px; padding-bottom: 15px; text-align: center; } .collagen-order-section{ position: absolute; bottom: 0; } .prp-text-col h2{ font-size:34px; } .collagen-bullet-headers{ font-family: acumin-pro-condensed, sans-serif; font-weight: 600; font-size: 24px; } .row-collagen ul li{ font-size: 1rem; } .collagen-add-to-cart{ position: absolute; bottom: 0; left: 52%; } .collagen-add-to-cart .btn-order{ margin-top: 0; margin-bottom: 0; } .collagen-add-to-cart .product-info{ font-size: 14px; } /*------------------------------------END COLLAGEN-----------------------------------------------------*/ /*---------------------------------------OPPORTUNITY-----------------------------------------------*/ .opportunity-header{ background-image: url('/../images/Opportunity-Hero-M.jpg'); background-size: cover; background-position: 50% 50%; min-height: 400px; } .opportunity-header h1{ font-family: acumin-pro-condensed, sans-serif; font-weight: 600; font-size: 2.4rem; } .opportunity-header h2{ font-size: 1.4rem; font-family: sweet-sans-pro, sans-serif; } h1.title-1{ color: #00aeef; font-family: acumin-pro-condensed, sans-serif; font-weight: 600; font-size: 2.5rem; margin-bottom: 0rem; } h1.title-2{ color: #ffffff; font-family: sweet-sans-pro, sans-serif; font-weight: 700; font-size: 2rem; } h3.subTitle-1{ color: #00aeef; text-transform: uppercase; font-family: sweet-sans-pro, sans-serif; font-weight: 600; font-size: 1.25rem; } h3.subTitle-2{ color: #ffffff; text-transform: uppercase; font-family: acumin-pro-condensed, sans-serif; font-weight: 600; font-size: 1.25rem; } .getting-started .step-title{ color: #00aeef; font-size: 1.5rem; font-family: sweet-sans-pro, sans-serif; font-weight: 800; } .step-photo{ position: relative; } .step-photo.first{ margin-top: -6rem; position: relative; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mayan-logo{ position: absolute; top: 20%; left: 50%; margin-left: -40px; width: 80px; } .dream-vacation-cover{ background-image: url('/../images/dream-vacation-mayan-riviera.png'); background-size: cover; background-position: 54% 50%; position: relative; } .hide-over-1300{ display: block; } .dream-vacation-cover .mayan-logo{ position: absolute; top: 30%; left: 50%; margin-left: -150px; margin-top: -75px; width: 300px; } .mayan-tab{ position: absolute; top: 128px; width: 100px; left: 70%; } .dream-vacation-title{ font-family: relation-two, sans-serif; font-weight: 700; font-style: normal; color: #000f9f; font-size: 3rem; position: absolute; bottom: 2%; width: 100%; left: 0; } .dream-vacation-subTitle{ font-family: sweet-sans-pro, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; position: absolute; bottom: 14%; width: 100%; left: 0; } .dream-vacation-date{ font-family: sweet-sans-pro, sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; position: absolute; bottom: 2%; width: 100%; left: 0; } .dream-vacation-title{ bottom: 0px; } .dream-vacation-subTitle{ bottom: 30%; } .embed-container.change iframe { display: none; } .embed-overlay, .video-play-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; padding: 15px; -webkit-transition: all 0.2s ease;/* Safari 3.2+, Chrome */ -moz-transition: all 0.2s ease;/* Firefox 4-15 */ -o-transition: all 0.2s ease;/* Opera 10.5-12.00 */ transition: all 0.2s ease;/* Firefox 16+, Opera 12.50+ */ } .embed-overlay button, .video-play-overlay button{ font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 24px; border: none; background: none; color: #ffffff; cursor: pointer; max-width: 200px; } .dream-vacation .embed-overlay button { margin-bottom: 20%; } .embed-overlay button img, .video-play-overlay button img{ width: 75px; } .embed-overlay button i { display: block; font-size: 40px; margin-bottom: 5px; } .embed-overlay.embded-overlay-left { justify-content: right; } .embed-overlay.embded-overlay-right { justify-content: left; } .modal { font-family: helvetica, sans-serif; font-size: 18px; } .modal .modal-body { padding: 1.5rem; text-align: center; font-size: 18px; line-height: 1.4; } .-modal .modal-header { background-color: #00aeef; } .modal .modal-title { font-family: forma-djr-deck, sans-serif; font-weight: 700; font-size: 1.3rem; letter-spacing: .05rem; color: #ffffff; line-height: 1.2; } .modal iframe{ max-width: 100%; min-height: 80vh; margin-top: 5%; } .modal > .modal-content > .vimeo-api-div{ display: flex; justify-content: center; } .modal-full .modal-content { /*min-height: 100vh;*/ } button.video-modal-close, button.video-product-modal-close{ color: #ccc; background: rgba(30,30,30,.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; /*height: 44px;*/ margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .video-modal-close > svg > path, .video-product-modal-close > svg > path{ fill: #ccc; } .modal-backdrop{ background-color: #1e1e1e; } .modal-backdrop.show{ opacity: 0.9; } .mercedes{ background-image: url('/../images/2020-GLA-SUV-HERO-DR.jpg'); background-size: 1200px; background-position: 40% 50%; min-height: 350px; } .mercedes p{ color: #ffffff; } .compensation-plan{ /*text-align: center;*/ } .compensation-plan h3{ color: #39b54a; font-weight: 800; font-size: .8rem; } .compensation-plan img{ width: auto; height: 50px; } .blue-side-border{ border-left: 4px solid #00aeef; border-right: 4px solid #00aeef; } hr.navy{ border-top: 6px solid #000f9f; } hr.green{ border-color: #39b54a; } hr.blue{ border-color: #00aeef; } hr.white{ border-top: 6px solid #ffffff; } hr.thick{ border-width: 6px; } hr.thin{ border-width: 2px; } .footer hr.green.thin, .footer hr.blue.thin{ width: 75%; } .team-member-benefits ul{ font-weight: 800; } .team-member-benefits ul li{ line-height: 36px; } .people{ background-image: url('/../images/Socialwellnessdefinition2.jpg'); background-size: cover; background-position: 50% 40%; } .opp-step { position: absolute; width: 60px; height: 60px; left: 50%; top: -3%; margin-left: -30px; z-index: 1; } /*--------------------------------------------------------------------------------------------------*/ /*---------------------------------------COMPANY PAGE-----------------------------------------------*/ .company-header{ background-image: url('/../images/AboutUs-Hero-M.jpg'); background-size: cover; background-position: 90% 10%; min-height: 400px; } .company-header h1{ color: #000f9f; font-family: acumin-pro-condensed, sans-serif; font-weight: 600; font-size: 2.4rem; } .company-header h2{ font-size: 1.4rem; font-family: sweet-sans-pro, sans-serif; } #mission{ background-color: #00aeef; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); color: #ffffff; } #mission h2{ font-family: relation-two, sans-serif; font-size: 1.6rem; } #mission p{ font-size: 1.2rem; } .company-trust .title-1{ font-size: 2rem; } .guiding-principles{ background-image: url('/../images/M2-GuidingPrinciples.png'); background-size: cover; background-position: 50% 70%; } .holistic-approach{ background-image: url('/../images/M-Holistic.png'); background-size: cover; background-position: 85% 70%; } .guiding-principles h2, .holistic-approach h2{ color: #000f9f; font-weight: 600; font-family: acumin-pro-condensed, sans-serif; font-size: 3rem; } /* .guiding-principles h4{ color: #000f9f; font-weight: 600; font-family: sweet-sans-pro, sans-serif; } */ .guiding-principles h4{ color: #00aeef; font-weight: 700; font-family: sweet-sans-pro, sans-serif; } .principles-list p{ padding-bottom: 1rem; padding-left: 5px; padding-right: 5px; } .principles-list ul{ list-style: none; margin-left: -10px; } .principles-list li:before { content: "\2022"; padding-right:7px; color: #39b54a; } .principles-list li{ margin-left: -30px; margin-right: 10px; } .principles-list{ padding-bottom: 6rem; } /* .holistic-info{ padding-bottom: 16rem; } */ .our-founders h1{ font-family: relation-two, sans-serif; font-size: 3.4rem; line-height: 3rem; padding-top: 3px; } .founder-name{ color: #39b54a; font-weight: 600; font-family: acumin-pro-condensed, sans-serif; font-size: 2rem; } .founder-position{ font-weight: 900; font-size: 1rem; display: block; } a.lee-toggle-more, a.lee-toggle-less, a.nigel-toggle-more, a.nigel-toggle-less{ color: #39b54a; text-decoration: underline; } .med-board-summary{ background-color: #00aeef; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); color: #ffffff; background-position: 50% 50%; } .med-board-summary h2{ font-family: acumin-pro-condensed, sans-serif; font-size: 3rem; } .dr-photos .medical-card{ margin: auto; } .medical-advisory-board h3{ font-family: acumin-pro-condensed, sans-serif; font-size: 1.4rem; text-align: center; padding-top: 5px; margin-bottom: 0; color: #00aeef; } .medical-card-category{ font-family: acumin-pro-condensed, sans-serif; padding-bottom: 15px; } .giving-back h2{ font-family: relation-two, sans-serif; font-weight: 700; color: #ffffff; font-size: 3.4rem; margin-bottom: 1rem; } .giving-back p{ color: #ffffff; } .so-logo{ max-height: 100px; } .chf-logo{ max-width: 300px; } .caduceus{ position: normal; width: 50%; } /*--------------------------------------------------------------------------------------------------*/ /*---------------------------------------CBD PAGE-----------------------------------------------*/ .cbd-header{ background-image: url('/../images/CBD-PG-Hero-M.png'); background-size: cover; background-position: 70% 70%; min-height: 400px; } .cbd-header .cbd-logo, .cbd-hero .cbd-logo{ width: 80%; padding-bottom: 1rem; } .new-zavita-hero{ width: 80%; } h3.cbd-subTitle{ padding-top: .5rem; color: #39b54a; text-transform: uppercase; font-family: sweet-sans-pro, sans-serif; font-weight: 700; font-size: 1rem; } .cbd-icons{ text-align: center; } .cbd-icons img{ width: auto; height: 50px; margin-bottom: 1rem; } .cbd-icons h3, .collagen-icons h3{ color: #39b54a; font-weight: 800; font-size: 1.2rem; margin-bottom: 0rem; } .collagen-icons h3{ color: #522183; } .collagen-icon{ width: 33.33%; border-right: 4px solid #00aeef; padding-top: 1rem; } .collagen-icon:nth-child(1), .collagen-icon:nth-child(2){ width: 50%; border-bottom: 4px solid #00aeef; } .collagen-icon:nth-child(2), .collagen-icon:last-child{ border-right-width: 0; } #hemp-helps{ background-color: #39b54a; } #hemp-helps ul{ font-weight: 800; } #hemp-helps ul li{ padding-bottom: .5rem; font-size: 1.6rem; } .third-party-testing-bullets{ margin-left: 20px; } .third-party-confirms{ margin-left: 8px; } #third-party-testing ul{ list-style: none; } #third-party-testing i{ margin-left: -30px; margin-right: 10px; color: #39b54a; } .cbd-image{ background-image: url('/../images/CBD-ThirdParty-Drops.jpg'); background-size: cover; background-position: 50% 80%; } .third-party-seal{ position: absolute; z-index: 999; width: 150px; top: 10%; right: 40%; } #certificate-of-authenticity{ position: relative; } #certificate-of-authenticity .close-certificates { position: absolute; top: 15px; left: 15px; color: #000000; font-size: 28px; font-weight: bold; } .close-principles, .close-holistic{ color: #000000; font-size: 28px; font-weight: bold; } /*--------------------------------------------------------------------------------------------------*/ /*---------------------------------------PAK PAGE-----------------------------------------------*/ .pak-square{ color: #ffffff; } .pak-percentage{ font-size: 4rem; line-height: 2.4rem; font-weight: 800; } .pak-title{ font-family: acumin-pro-condensed, sans-serif; font-size: 2.6rem; } .pak-benefits{ font-weight: 800; } .pak-button{ margin-top: 30px; } .pak-bottom{ font-size: 1.4rem; } .pak-bottom span{ font-weight: 800; } .pak-footer{ height: 30px; display: none; } /*--------------------------------------------------------------------------------------------------*/ /*---------------------------------------LOGIN FORM-----------------------------------------------*/ .login-form{ color: #ffffff; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 130px; height: 50px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; width: 150px; } .slider:before { position: absolute; content: "No"; height: 50px; width: 75px; left: 4px; bottom: 0px; background-color: #000f9f; padding-top: 10px; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:checked + .slider:before { content: "Yes"; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(75px); -ms-transform: translateX(75px); transform: translateX(75px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /*--------------------------------------------------------------------------------------------------*/ /*---------------------------------------ENROLL FORM-----------------------------------------------*/ #page-enrollment-header { background-color: #11aa44; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='354' height='354' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%237F3' stroke-width='1' stroke-opacity='0.11'%3E%3Crect x='-40' y='40' width='75' height='75'/%3E%3Crect x='-35' y='45' width='65' height='65'/%3E%3Crect x='-30' y='50' width='55' height='55'/%3E%3Crect x='-25' y='55' width='45' height='45'/%3E%3Crect x='-20' y='60' width='35' height='35'/%3E%3Crect x='-15' y='65' width='25' height='25'/%3E%3Crect x='-10' y='70' width='15' height='15'/%3E%3Crect x='-5' y='75' width='5' height='5'/%3E%3Crect width='35' height='35'/%3E%3Crect x='5' y='5' width='25' height='25'/%3E%3Crect x='10' y='10' width='15' height='15'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3Crect x='40' width='75' height='75'/%3E%3Crect x='45' y='5' width='65' height='65'/%3E%3Crect x='50' y='10' width='55' height='55'/%3E%3Crect x='55' y='15' width='45' height='45'/%3E%3Crect x='60' y='20' width='35' height='35'/%3E%3Crect x='65' y='25' width='25' height='25'/%3E%3Crect x='70' y='30' width='15' height='15'/%3E%3Crect x='75' y='35' width='5' height='5'/%3E%3Crect x='40' y='80' width='35' height='35'/%3E%3Crect x='45' y='85' width='25' height='25'/%3E%3Crect x='50' y='90' width='15' height='15'/%3E%3Crect x='55' y='95' width='5' height='5'/%3E%3Crect x='120' y='-40' width='75' height='75'/%3E%3Crect x='125' y='-35' width='65' height='65'/%3E%3Crect x='130' y='-30' width='55' height='55'/%3E%3Crect x='135' y='-25' width='45' height='45'/%3E%3Crect x='140' y='-20' width='35' height='35'/%3E%3Crect x='145' y='-15' width='25' height='25'/%3E%3Crect x='150' y='-10' width='15' height='15'/%3E%3Crect x='155' y='-5' width='5' height='5'/%3E%3Crect x='120' y='40' width='35' height='35'/%3E%3Crect x='125' y='45' width='25' height='25'/%3E%3Crect x='130' y='50' width='15' height='15'/%3E%3Crect x='135' y='55' width='5' height='5'/%3E%3Crect y='120' width='75' height='75'/%3E%3Crect x='5' y='125' width='65' height='65'/%3E%3Crect x='10' y='130' width='55' height='55'/%3E%3Crect x='15' y='135' width='45' height='45'/%3E%3Crect x='20' y='140' width='35' height='35'/%3E%3Crect x='25' y='145' width='25' height='25'/%3E%3Crect x='30' y='150' width='15' height='15'/%3E%3Crect x='35' y='155' width='5' height='5'/%3E%3Crect x='200' y='120' width='75' height='75'/%3E%3Crect x='40' y='200' width='75' height='75'/%3E%3Crect x='80' y='80' width='75' height='75'/%3E%3Crect x='85' y='85' width='65' height='65'/%3E%3Crect x='90' y='90' width='55' height='55'/%3E%3Crect x='95' y='95' width='45' height='45'/%3E%3Crect x='100' y='100' width='35' height='35'/%3E%3Crect x='105' y='105' width='25' height='25'/%3E%3Crect x='110' y='110' width='15' height='15'/%3E%3Crect x='115' y='115' width='5' height='5'/%3E%3Crect x='80' y='160' width='35' height='35'/%3E%3Crect x='85' y='165' width='25' height='25'/%3E%3Crect x='90' y='170' width='15' height='15'/%3E%3Crect x='95' y='175' width='5' height='5'/%3E%3Crect x='120' y='160' width='75' height='75'/%3E%3Crect x='125' y='165' width='65' height='65'/%3E%3Crect x='130' y='170' width='55' height='55'/%3E%3Crect x='135' y='175' width='45' height='45'/%3E%3Crect x='140' y='180' width='35' height='35'/%3E%3Crect x='145' y='185' width='25' height='25'/%3E%3Crect x='150' y='190' width='15' height='15'/%3E%3Crect x='155' y='195' width='5' height='5'/%3E%3Crect x='160' y='40' width='75' height='75'/%3E%3Crect x='165' y='45' width='65' height='65'/%3E%3Crect x='170' y='50' width='55' height='55'/%3E%3Crect x='175' y='55' width='45' height='45'/%3E%3Crect x='180' y='60' width='35' height='35'/%3E%3Crect x='185' y='65' width='25' height='25'/%3E%3Crect x='190' y='70' width='15' height='15'/%3E%3Crect x='195' y='75' width='5' height='5'/%3E%3Crect x='160' y='120' width='35' height='35'/%3E%3Crect x='165' y='125' width='25' height='25'/%3E%3Crect x='170' y='130' width='15' height='15'/%3E%3Crect x='175' y='135' width='5' height='5'/%3E%3Crect x='200' y='200' width='35' height='35'/%3E%3Crect x='200' width='35' height='35'/%3E%3Crect y='200' width='35' height='35'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: repeat-x; color: #ffffff; padding-top: 50px; padding-bottom: 50px; } #page-enrollment-header h1{ font-size: 2.2rem; font-weight: 800; text-transform: uppercase; } #page-enrollment-header h2{ font-size: 1.2rem; } .enrollment-header{ color: #000f9f; } .enrollment-header p{ color: #000000; } .enrollment-header h3{ font-family: "forma-djr-deck", sans-serif; font-size: 1.4rem; font-weight: 800; letter-spacing: .05rem; line-height: 2.4rem; color: #414141; margin-bottom: 0; } .error{ /* border: 2px solid #ec008c; */ /*color: #ec008c;*/ } .sw-theme-circles > ul.step-anchor > li { margin-left: 0px; } .sitename-form{ font-size: 1rem; } .shipping-method{ display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: acumin-pro-condensed, sans-serif; background-color: rgba(0,0,0,.5); color: #ffffff; border-radius: 0; font-size: 20px; font-weight: 600; letter-spacing: .1rem; padding: 10px 15px; width: 100%; min-width: 150px; margin-top: 2rem; margin-left: 2rem; margin-right: 2rem; } .shipping-method.selected{ background-color: #00aeef; } .product-row{ border-bottom: 2px solid black; } #pak-items-toggle{ text-align: center; color: #ffffff; background-color: #000f9f; padding: .5rem; margin-bottom: 1rem; } .totals div{ border-bottom: 1px dotted #959595; } .kit-includes{ margin-left: 8px; font-weight: 700; } .kit-bullets ul{ list-style: none; } .kit-bullets li{ margin-left: -40px; margin-right: 10px; } .kit-bullets li i{ font-size: .8rem; color: #39b54a; } .enrollment-header h4{ margin-bottom: 0; } #sponsor-search-form-results a:hover{ color: #000f9f; } /*--------------------------------------------------------------------------------------------------*/ /*-------------------------------------CHECKOUT------------------------------------------------------*/ #dir-items-list > div:first-child{ border-bottom: none; } #dir-items-list > div:nth-last-child(2){ border-bottom: none; } #dir-items-list > div{ border-bottom: 1px solid #787878; } #checkout #dir-items-list > div:first-child{ border-bottom: 1px solid #787878; } #item-summary-accordion{ background-color: #efefef; } /*----------------------------------CUSTOMER CHECKOUT (SIDE PANEL ALSO) ----------------------------------------------*/ #business_name_section{ display: none; } .error{ border-color: red; } .form-group{ margin-top: -20px; } .form-control{ box-sizing: border-box; border-radius: 0; padding: 11px 40px 11px 16px; height: 48px; } form label{ position: relative; } form input{ z-index: 10; background: transparent; } input[type='radio'] { transform: scale(1.5); } .form-control{ background: transparent; } .form-control:focus{ border-color: #000; box-shadow: none; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } #enroll-form form label:not(.form-check-label), #account-edit form label:not(.form-check-label), #shipping-edit form label:not(.form-check-label), #billing-edit form label:not(.form-check-label), #password-form form label:not(.form-check-label), form.cc-info-form label:not(.form-check-label), #password-form label, #password-form-2 label, #birthday-form label, label[for=e2a_current_password] { margin: 0 auto; top: 35px; left: 10px; transition: all 0.3s ease-in-out; /* adding animation */ color: rgba(0,0,0,0.5); font-size: 14px; font-family: sweet-sans-pro; font-weight: 600; } #enroll-form form label:not(.form-check-label), #account-edit .filled label:not(.form-check-label), #shipping-edit .filled label:not(.form-check-label), #billing-edit .filled label:not(.form-check-label), #password-form .filled label:not(.form-check-label), #password-form-2 .filled label:not(.form-check-label), #birthday-form .filled label:not(.form-check-label), .cc-info-form .filled label:not(.form-check-label){ z-index: 12; opacity: 1; top: 10px; left: 12px; padding: 0 4px; font-size: 14px; letter-spacing: .01527em; background-color: #fff; } .form-check-label{ color: rgba(0,0,0,0.5); font-size: 14px; font-family: sweet-sans-pro; font-weight: 600; } .zinrelo-points-div .form-check-label{ font-family: Helvetica, Arial, sans-serif; font-weight: 400; } .margin-top-30{ margin-top: 30px; } .btn.wizard, .btn.show-shipping-options, .btn.show-as-shipping-options, .btn.add-new-card, #final-submit, #final-as-submit, #password-submit, #password-update, #birthday-submit, .btn.form-button{ position: relative; display: inline-block; background-color: #414141; border: 0; border-radius: 1px; -webkit-box-shadow: none; box-shadow: none; padding: 17px 12px 14px; width: 100%; text-align: center; line-height: 17px; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-size: 16px; font-weight: 400; color: #fff; letter-spacing: .3px; text-decoration: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color .1s,color .1s; transition: background-color .1s,color .1s; } .btn.show-shipping-options.light-gray, .btn.show-as-shipping-options.light-gray, #final-submit.light-gray, #final-as-submit.light-gray, .wizard-next.light-gray, #password-submit.light-gray, #password-update.light-gray, #birthday-submit.light-gray, .btn.form-button.light-gray{ background-color: rgba(0,0,0,0.5); } .shipping-options > div{ padding: 14px 16px 16px; width: 100%; border: 1px solid #dfdfdf; border-top: none; } .shipping-as-options > div{ padding: 14px 16px 16px; width: 100%; border: 1px solid #dfdfdf; border-top: none; } .shipping-options > div:first-child{ border-top: 1px solid #dfdfdf; border-top-left-radius: 2px; border-top-right-radius: 2px; } .shipping-as-options > div:first-child{ border-top: 1px solid #dfdfdf; border-top-left-radius: 2px; border-top-right-radius: 2px; } .shipping-options > div:last-child{ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .shipping-as-options > div:last-child{ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .cc-options > div{ font-size: 1rem; padding: 14px 16px 16px; width: 100%; /* border: 1px solid #dfdfdf; */ border-top: none; } .cc-options > div:first-child{ border-top: 1px solid #dfdfdf; border-top-left-radius: 2px; border-top-right-radius: 2px; } .cc-options > div:last-child{ border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .shipping-name, .shipping-freight{ /*font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif;*/ font-size: 1rem; /*color: #062b55 !important;*/ } .terms-and-privacy-text, .forgot-your-password{ margin-top: 12px; margin-bottom: 16px; text-align: center; line-height: 1.4; font-size: 12px; color: #999; letter-spacing: .2px; font-weight: 500; } #remember-me{ font-size: 12px; margin-top: 8px; color: #666; } .terms-and-privacy-text a, .forgot-your-password a{ text-decoration: underline; color: #666; } .terms-and-privacy-text a:hover, .forgot-your-password a:hover{ color: #999; } .forgot-your-password{ text-align: left; margin-top: 8px; } .checkout-side, #confirmation-screen .checkout-summary{ font-weight: 500; } .checkout-side .productName{ font-size: 1rem; } .checkout-side .gray{ color: rgba(0,0,0,0.5); font-size: 15px; } .checkout-side .checkout-summary, #initial-order-total, #shipping-line-total, #confirmation-screen .checkout-summary{ font-size: 15px; } .nav{ position: relative; } .nav:after { display: block; position: absolute; left: 40px; top: 20px; width: calc(100% - 80px); height: 1px; background: #999; content: ""; z-index: 0; } .checkout-info-tile:first-child{ padding-top: 12px; padding-bottom: 12px; } .checkout-info-tile{ display: flex; -ms-flex-pack: justify; justify-content: space-between; font-size: 14px; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid #dfdfdf; } .checkout-info-tile-title{ min-width: 30%; color: #333; font-weight: 700; } .checkout-info-tile-content { -ms-flex-positive: 1; flex-grow: 1; padding: 0 15px; } .checkout-info-tile-edit a { color: rgba(0,0,0,0.5); cursor: pointer; } .step-title{ margin-top: 0px; font-size: 24px; font-weight: 400; } #delivery-method-title{ font-size: 24px; margin-top: 48px; margin-bottom: 24px; font-weight: 600; } .your-cart{ font-size: 24px; font-weight: 400; border-bottom: 1px solid #333; padding-bottom: 1rem; } .create-a-password{ font-size: 24px; font-weight: 400; } .password-reason{ border-bottom: 1px solid #333; } .checkout-summary > div{ padding: 5px 0; } #sub-total > span, #order-shipping-line > span, #order-tax-line > span, #order-total-line > span, #process-date-line > span, #zinrelo-points-line > span{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; } #order-total-line{ font-size: 1rem; font-weight: 800; } .error-bar{ line-height: 18px; } .form-error, .error-message{ font-size: .9rem; color: #fe5a5a; margin-top: 12px; } select option[disabled] { display: none; } #email{ margin-bottom: 0; } #cardNumber{ padding-left: 65px; } .visa{ background: url(/images/cards/visa.svg) no-repeat scroll 9px 9px; background-size: auto 30px; } .mastercard{ background: url(/images/cards/mastercard.svg) no-repeat scroll 9px 9px; background-size: auto 30px; } .amex{ background: url(/images/cards/amex.svg) no-repeat scroll 9px 9px; background-size: auto 30px; } .discover{ background: url(/images/cards/discover.svg) no-repeat scroll 9px 9px; background-size: auto 30px; } /*--------------------------------------------------------------------------------------------------*/ /*-------------------------------------CONFIRMATION-------------------------------------------------------------*/ .confirmation-title{ font-size: 30px; font-weight: 600; border-bottom: 1px solid #333; padding-bottom: 1rem; } #order-number{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-size: 1.2rem; margin-top: 30px; color: #222; } #confirmation-screen p{ font-size: 1rem; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; margin-bottom: 50px; font-weight: normal; color: #222; line-height: normal; } .confirmation-shipping{ color: rgba(0,0,0,.5); font-size: 14px; font-weight: 500; padding-top: 16px; } .confirmation-shipping .confirmation-shipping-title{ font-weight: 700; color: #222; font-size: 1rem; } .confirmation-shipping .confirmation-address, .confirmation-delivery, .confirmation-delivery-sub-name{ color: rgba(0,0,0,.5); font-size: 15px; font-weight: 500; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; } .password-block, .password-bock-confirm, .current-password-block{ position: relative; } .password-block i, .password-block-confirm i, .current-password-block i{ position: absolute; bottom: 3px; right: 8px; } .field-icon{ padding: 10px; color: #666766; min-width: 50px; text-align: center; } .form-error.invalid_e2a_password{ padding-left: 15px; margin-top: 0px; } /*--------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------*/ /* CONTACT */ .contact-card h2{ font-family: acumin-pro-condensed, sans-serif; font-weight: 800; font-size: 2.5rem; } .contact-card h4{ font-family: sweet-sans-pro, sans-serif; font-size: 1.2rem; } .contact-body{ text-align: center; } .contact-card.r-blue span{ color: #000f9f; font-weight: 800; } .contact-card.pink span{ color: #ec008c; font-weight: 800; } .contact-card.green span{ color: #39b54a; font-weight: 800; } .contact-card.blue span{ color: #00aeef; font-weight: 800; } .reneu-head-title{ max-width: 80%; } .reneu-head-benefits-mobile{ max-width: 55%; } /*-------------------------------------------QUICK CART ---------------------------------*/ .div-2025 .cart-direction{ font-family: "forma-djr-deck", sans-serif; font-size: 1.4rem; font-weight: 800; letter-spacing: .05rem; line-height: 2.4rem; color: #414141; margin-bottom: 0; } .div-2025 .cart-direction span{ font-weight: 800; } /*----------------------------------------------------------------------------*/ /*-------------------------------------------VIP Rewards ---------------------------------*/ .vip-customer-rewards p{ font-size: 1rem; font-family: helvetica, sans-serif; font-weight: 400; } .vip-customer-rewards span{ font-size: .5rem; color: #39b54a; vertical-align: middle; } .vip-customer-rewards ul li{ color: #00aeef; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; } .vip-customer-rewards ul li span{ padding-right: 10px; } .vip-customer-rewards h3{ color: #000f9f; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-weight: 600; font-size: 1rem; padding-top: 5px; } .vip-log-in-text{ font-size: 1.2rem; } .reward-activities{ background-image: url("../images/VIPRewards_PastelBkg.jpeg"); /* background-size: 90%; */ background-size: cover; background-repeat: no-repeat; } .reward-activities.offset-background{ background-image: url("../images/VIPRewards_PastelBkg_2.jpg"); } #vip-faqs .container{ background-color: #f4f4f4; } #vip-faqs .title-1{ font-family: sweet-sans-pro; font-weight: 700; font-size: 2rem; } #vip-faqs .question{ font-family: sweet-sans-pro; font-weight: 400; position: relative; } #vip-faqs .question:after{ content: ""; width: 14px; height: 14px; background-image: url(../images/plus-icon.svg); position: absolute; right: 13px; top: 50%; transform: translateY(-50%); } #vip-faqs .answer{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-weight: 400; } #vip-faqs .answer b{ font-weight: 700; } #vip-faqs .answer ul li i{ color: #000000; font-size: .4rem; padding-right: 5px; padding-bottom: 5px; vertical-align: middle; } #vip-faqs .q-a{ border-width: 0; border-bottom: 1px solid #000000; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } #vip-faqs .q-a .question{ font-size: 1rem; } #vip-faqs .q-a .answer{ font-size: .8rem; } #vip-faqs .q-a.open .question{ font-weight: 800; } #vip-faqs .q-a.open .question:after{ background-image: url(../images/minus-icon.svg); } #vip-faqs.faq-smaller-text .q-a .question{ font-size: 1rem; } #vip-faqs.faq-smaller-text .q-a .answer{ font-size: 1rem; } } #vip-steps{ background-image: url(/images/Steps1-3-Blue-Wood.jpeg); background-size: cover; background-position: 70% 20%; padding-top: 2rem; padding-bottom: 2rem; } #vip-steps .vip-square > div{ background-color: rgba(255,255,255,0.92); margin-bottom: 1rem; margin-top: 1rem; padding: 2rem; margin-left: 2rem; margin-right: 2rem; } #vip-steps .vip-square > div:first-child{ margin-top: 2rem; } #vip-steps .vip-square > div:last-child{ margin-bottom: 2rem; } #vip-steps .vip-square img{ width: 20%; } #vip-steps .vip-square >div:last-child{ /*margin-bottom: 0;*/ } .square:before{ content: ""; display: block; padding-top: 100%; /* initial ratio of 1:1*/ background-color: rgba(255,255,255,0.8); } .vip-step-title{ color: #000f9f; font-family: sweet-sans-pro; font-weight: 900; font-size: 1.4rem; padding-bottom: .8rem; padding-top: .8rem; } .vip-step-description{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-weight: 400; font-size: 1rem; } .man-opening-box-div{ padding: 0; } .man-opening-box-div > img{ object-fit: cover; width: 100%; } .reward-activities h3{ margin-bottom: 0; font-family: acumin-pro-condensed, sans-serif; font-weight: 600; margin-bottom: 10px; font-size: 2rem; } .reward-activities p{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; margin-bottom: 5px; font-size: 1rem; } .reward-grid .reward-title{ color: #00aeef; font-size: 1.4rem; font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; text-align: center; } .reward-grid .reward-description{ text-align: center; font-size: 1rem; /*line-height: 1.2rem;*/ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-weight: 400; } .reward-grid > div{ padding-top: .5rem; padding-bottom: .5rem; } .reward-grid > div > div{ padding: .5rem; text-align: center; } .reward-grid > div:nth-child(2), .reward-grid > div:nth-child(3), .reward-grid > div:first-child{ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000f9f; } @media (min-width: 768px){ .reward-grid > div:nth-child(3){ border-bottom: none; } } .reward-grid div img{ height: 50px; } /*----------------------------------------------------------------------------*/ /*-------------------------------------------CUSTOMER CONCOURSE ---------------------------------*/ .ffn-cart-title .page-title{ font-size: 30px; font-weight: 700; padding-bottom: 1rem; padding: 20px 40px 20px 0px !important; font-family: "forma-djr-deck", sans-serif; color: #414141; letter-spacing: 0.05rem; } .ffn-cart-title .page-title-description{ font-size: 18px; font-weight: 600; color: #414141; font-family: "forma-djr-deck", sans-serif; letter-spacing: 0.05rem; } .order-list{ font-family: HelveticaNeueLTStd-Roman,Arial,sans-serif; font-weight: 500; font-size: .9rem; } .order-list table{ border-bottom: none; border-top: 1px solid #d4e8ff; } .order-list table thead{ background-color: white; color: black; } .order-list table th{ border-top: none; text-align: center; border-bottom: 1px solid #dee2e6 !important; } .order-list table td{ vertical-align: middle; padding: .5rem; text-align: center; } .order-list a.btn{ font-size: 1rem; padding: 10px 5px; letter-spacing: normal; font-family: acumin-pro-condensed, sans-serif; /* background-color: #000f9f; */ background-color: white; color: #00ace4; width: 100%; text-transform: uppercase; border: 2px solid #00ace4; border-radius: 10px; font-weight: 700; } .order-list a{ cursor: pointer; color: #222; } .order-list a:hover{ color: #000f9f; } .section-title{ padding-top: 1rem; padding-bottom: 1rem; font-size: 1.4rem; } .my-details{ font-size: 1rem; color: #222 } .my-details i{ padding-right: 1rem; } #show-shipping-form, #shipping-delete, #show-billing-form, #billing-delete{ cursor: pointer; } @keyframes fadeOutAlert { 0% { color: red; } 100% { color: black; } } .next-process-date.fade-out-alert{ animation: fadeOutAlert 10s; } /*-------------------------------------------------------------------------------------*/ @media (min-width: 500px){ .cbd-free-header{ background-image: url(../images/category_images/FFN_CBD5645-Edit.jpg); background-size: 200%; background-position: 20% 70%; } .mt-500-3{ margin-top: 1rem !important; } .d-500-none{ display: none !important; } .d-500-block{ display: block !important; } .slide.cleanse-hero{ background-image: url(../images/category_images/M-FF_10Day_New_1_BANNER.jpg); background-size: cover; background-position: 70% 20%; } .slide.cbd-free-hero{ background-image: url(../images/category_images/FFN_CBD5590-Edit.jpg); background-size: 200%; background-position: 35% 80%; } .slide.cbd-free-hero img.cbd-pure-logo{ width: 85%; } .slide.cbd-free-hero img.van-logo{ width: 100%; } #weight-loss-header .ss-logo{ width: 40%; } .slide.new-zavita-hero{ background-image: url(../images/category_images/D-New-Zavita-Home-Hero.jpg); background-size: cover; background-position: 50% 70%; } .slide.new-zavita-hero .btn-order{ margin-top: 1rem; } .reneu-head-title{ max-width: 65%; } .reneu-head-benefits-mobile{ max-width: 35%; } } @media only screen and (min-width: 440px) { .collagen-add-to-cart{ left: 56%; bottom: 15px; } .collagen-add-to-cart .product-info{ font-size: 1.2rem; } } @media only screen and (min-width: 500px) { .collagen-add-to-cart{ left: 58%; } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { .vip-customer-rewards h3{ font-size: 22px } .recommended-products-row{ height: 300px; } .recommended-products-row > div{ border-bottom: none; } .mayan-logo{ position: absolute; top: 24%; left: 50%; margin-left: -75px; width: 150px; } .collagen-add-to-cart{ margin-top: .4rem; position: absolute; bottom: 20px; left: 10%; } .shipping-name, .shipping-freight{ font-size: 1rem; } .slide.cbd-free-hero{ background-image: url(../images/category_images/FFN_CBD5590-Edit.jpg); background-size: 200%; background-position: 45% 80%; } .reneu-head-title{ max-width: 65%; } .reneu-head-benefits{ max-width: 85%; } .slide.reneu-hero{ background-image: url(../images/category_images/T-FF_Reneu_BANNER-5.jpg?rand=5); background-size: cover; background-position: 75% 50%; } .cat-banner h1{ font-size: 3rem; color: #000f9f; font-weight: 800; } .cat-banner h2{ color: #000f9f; } .cat-banner h2{ font-size: 1.4rem; } .slide.trimbolic-hero{ background-image: url(../images/category_images/D-Trimbolic-Home-Hero.jpg); background-position: 50% 50%; } .slide.trimbolic-hero h1{ padding-top: 10px; font-size: 3.2rem; line-height: 3.2rem; } .slide.biomega-hero h1{ line-height: 2rem; } .slide.trimbolic-hero h2{ font-size: 1.4rem; } .slide.trimbolic-hero h2{ font-size: 1.2rem; } .slide.new-zavita-hero{ background-position: 40% 50%; } .slide.new-zavita-hero .zavita-logo{ width: 60%; } .slide.ss-hero .ss-logo{ width: 60%; } .slide.new-zavita-hero h2, .slide.new-zavita-hero h2 span.numbers{ font-size: 1.6rem; } .slide.ss-hero h2{ font-size: 1.4rem; } .slide.new-zavita-hero h3{ margin-top: .3rem; font-size: 1.1rem; } .slide.energy-hero h1{ padding-top: 10px; } #page-enrollment-header h1{ font-size: 3rem; } #page-enrollment-header h2{ font-size: 1.2rem; } #page-enrollment-header .surfer-guy{ width: 10rem; } .results-slider img{ padding: 10px; } .featured-products .slick-slide{ padding-left: 1rem; padding-right: 1rem; } .cbd-header .cbd-logo{ width: 80%; padding-bottom: 2rem; } .cbd-hero .cbd-logo{ width: 100%; } #disclaimer-guarantee img{ width: 80%; } .extend-padding .navbar-nav .nav-link{ padding-right: 0rem; padding-left: 0rem; } .navbar.bg-blue .nav-link{ font-size: 13px; } .navbar.bg-blue .nav-cart i{ font-size: 24px; } .dropdown .fa-user{ font-size: 24px; } /*#39654a*/ .navbar.bg-blue .nav-cart .cart-count { position: absolute; font-size: 12px; background: #00aeef; border-radius: 0; color: #ffffff; line-height: 22px; width: 22px; height: 22px; border-radius: 50%; left: 32px; bottom: 25px; text-align: center; font-family: helvetica; } .opportunity-header{ background-position: 50% 30%; } .embed-overlay button img, .video-play-overlay button img{ width: 150px; } .dream-vacation-subTitle{ bottom: 20%; } .cbd-header{ background-image: url('/../images/CBD-PG-Hero.jpg'); background-position: 50% 70%; } .cbd.product-name, .collagen.product-name{ font-size: 2rem; } .cbd.product-subname, .collagen.product-subname{ font-size: 1.4rem; } #weight-loss-header .ss-logo{ width: 60%; } #cleanse-detox-header{ background-position: 10% 20%; } #wellness-header{ background-position: 10% 20%; background-size: cover; } #energy-fitness-header{ background-size: 200%; } .prev img, .next img{ width: 60%; } .guarantee-seal{ width: 100%; } .green-square-background-guarantee{ background-color: #66ff77; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2366ff77'/%3E%3Cstop offset='1' stop-color='%23240'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='975' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23EF5' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23EF5' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%23081' stroke-width='10' stroke-miterlimit='10' stroke-opacity='.2'%3E%3Cpolygon points='-500%2C500 500%2C-500 1500%2C500 500%2C1500'/%3E%3Cpolygon points='-475%2C500 500%2C-475 1475%2C500 500%2C1475'/%3E%3Cpolygon points='-450%2C500 500%2C-450 1450%2C500 500%2C1450'/%3E%3Cpolygon points='-425%2C500 500%2C-425 1425%2C500 500%2C1425'/%3E%3Cpolygon points='-400%2C500 500%2C-400 1400%2C500 500%2C1400'/%3E%3Cpolygon points='-375%2C500 500%2C-375 1375%2C500 500%2C1375'/%3E%3Cpolygon points='-350%2C500 500%2C-350 1350%2C500 500%2C1350'/%3E%3Cpolygon points='-325%2C500 500%2C-325 1325%2C500 500%2C1325'/%3E%3Cpolygon points='-300%2C500 500%2C-300 1300%2C500 500%2C1300'/%3E%3Cpolygon points='-275%2C500 500%2C-275 1275%2C500 500%2C1275'/%3E%3Cpolygon points='-250%2C500 500%2C-250 1250%2C500 500%2C1250'/%3E%3Cpolygon points='-225%2C500 500%2C-225 1225%2C500 500%2C1225'/%3E%3Cpolygon points='-200%2C500 500%2C-200 1200%2C500 500%2C1200'/%3E%3Cpolygon points='-175%2C500 500%2C-175 1175%2C500 500%2C1175'/%3E%3Cpolygon points='-150%2C500 500%2C-150 1150%2C500 500%2C1150'/%3E%3Cpolygon points='-125%2C500 500%2C-125 1125%2C500 500%2C1125'/%3E%3Cpolygon points='-100%2C500 500%2C-100 1100%2C500 500%2C1100'/%3E%3Cpolygon points='-75%2C500 500%2C-75 1075%2C500 500%2C1075'/%3E%3Cpolygon points='-50%2C500 500%2C-50 1050%2C500 500%2C1050'/%3E%3Cpolygon points='-25%2C500 500%2C-25 1025%2C500 500%2C1025'/%3E%3Cpolygon points='0%2C500 500%2C0 1000%2C500 500%2C1000'/%3E%3Cpolygon points='25%2C500 500%2C25 975%2C500 500%2C975'/%3E%3Cpolygon points='50%2C500 500%2C50 950%2C500 500%2C950'/%3E%3Cpolygon points='75%2C500 500%2C75 925%2C500 500%2C925'/%3E%3Cpolygon points='100%2C500 500%2C100 900%2C500 500%2C900'/%3E%3Cpolygon points='125%2C500 500%2C125 875%2C500 500%2C875'/%3E%3Cpolygon points='150%2C500 500%2C150 850%2C500 500%2C850'/%3E%3Cpolygon points='175%2C500 500%2C175 825%2C500 500%2C825'/%3E%3Cpolygon points='200%2C500 500%2C200 800%2C500 500%2C800'/%3E%3Cpolygon points='225%2C500 500%2C225 775%2C500 500%2C775'/%3E%3Cpolygon points='250%2C500 500%2C250 750%2C500 500%2C750'/%3E%3Cpolygon points='275%2C500 500%2C275 725%2C500 500%2C725'/%3E%3Cpolygon points='300%2C500 500%2C300 700%2C500 500%2C700'/%3E%3Cpolygon points='325%2C500 500%2C325 675%2C500 500%2C675'/%3E%3Cpolygon points='350%2C500 500%2C350 650%2C500 500%2C650'/%3E%3Cpolygon points='375%2C500 500%2C375 625%2C500 500%2C625'/%3E%3Cpolygon points='400%2C500 500%2C400 600%2C500 500%2C600'/%3E%3Cpolygon points='425%2C500 500%2C425 575%2C500 500%2C575'/%3E%3Cpolygon points='450%2C500 500%2C450 550%2C500 500%2C550'/%3E%3Cpolygon points='475%2C500 500%2C475 525%2C500 500%2C525'/%3E%3C/g%3E%3Crect fill-opacity='.2' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E"); background-size: cover; } .highlight-square{ margin: 15px 15px; } } @media (min-width: 600px){ .dream-vacation .embed-overlay button { margin-bottom: 0; } .reneu-head-title{ max-width: 100%; } .slide.reneu-hero{ background-image: url(../images/category_images/T-FF_Reneu_BANNER-5.jpg?rand=5); background-size: cover; background-position: 40% 50%; } .cbd-free-header img.cbd-pure-logo{ width: 90%; } } @media (min-width: 601px){ .banner-text{ padding: 20px 20px; } .blue-border:nth-child(2){ border-right: 0; } } @media (min-width: 620px){ .slide.cbd-free-hero{ background-image: url(../images/category_images/FFN_CBD5590-Edit.jpg); background-size: 200%; background-position: 45% 75%; } .slide.cbd-free-hero img.cbd-pure-logo{ width: 75%; } } @media (min-width: 650px){ .slide.cbd-free-hero{ background-image: url(../images/category_images/FFN_CBD5590-Edit.jpg); background-size: 170%; background-position: 35% 80%; } .slide.cbd-free-hero img.cbd-pure-logo{ width: 70%; } .slide.cbd-free-hero img.van-logo{ width: 80%; } .collagen-bullet-headers{ font-size: 30px; } } @media (min-width: 748px) { .slide.cbd-free-hero img.cbd-pure-logo{ width: 65%; } .slide.cbd-free-hero{ background-image: url(../images/category_images/FFN_CBD5590-Edit.jpg); background-size: 160%; background-position: 45% 75%; } } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @media (min-width: 768px) { .look-feel{ width: 40%; } .mayan-tab{ position: absolute; top: 137px; width: 150px; left: 70%; } .home-bottom-images{ justify-content: space-evenly; } .home-bottom-images > div{ width: 40%; } .home-bottom-images > div:last-child{ padding-top: 0; } .collagen-bullet-headers{ font-size: 34px; } .prp-text-col h2{ font-size:30px; } .blue-border{ border-right: 4px solid #00aeef; } .blue-border:nth-child(1), .blue-border:nth-child(2){ border-bottom: 4px solid #00aeef; } .amino-pic{ width: 40%; padding-top: 90px; position: static; } .collagen-polygons{ display: none; position: relative; } .collagen-order-section{ position: static; padding-top: 8rem; } #vip-steps .vip-square > div{ background-color: rgba(255,255,255,0.92); margin-left: 1rem; margin-right: 1rem; margin-bottom: 2rem; padding: .5rem; } #vip-steps .vip-square >div:last-child{ /*margin-bottom: none;*/ } .reward-grid div img{ height: 80px; } .reward-grid > div{ padding-top: .5rem; padding-bottom: .5rem; } .reward-grid > div:nth-child(2), .reward-grid > div:nth-child(4){ border-left-width: 2px; border-left-style: solid; border-left-color: #000f9f; } .reward-grid > div:first-child { border-left-width: 0; } .reward-grid > div { border-right-width: 0; } .reward-grid > div > div:last-child{ border-bottom-width: 0px; } .reward-grid .reward-title{ font-size: 1.6rem; } .reward-grid .reward-description{ text-align: center; font-size: 1.4rem; /*line-height: 1.4rem;*/ } .earn-point-image-2{ display: inline; } .man-opening-box-div{ max-height: 300px; } .man-opening-box-div > img{ height: 100%; } #vip-faqs .title-1{ font-family: sweet-sans-pro; font-weight: 700; font-size: 2.4rem; } #vip-faqs .q-a .question{ font-size: 1.4rem; } #vip-faqs .q-a .answer{ font-size: 1.2rem; } .customer-benefits-title-div{ background-color: #00aeef; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23696969' stroke-width='9.3' stroke-opacity='0.05'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E"); } .order-list{ font-size: 1rem; } .order-list table td{ padding: 30px 15px !important; } #enroll-screen > div > div.form-column { padding-left: 2rem; padding-right: 2rem; } #item-summary-accordion{ border-left: 1px solid #dfdfdf; } #item-summary-accordion{ background-color: transparent; } .mt-md-5{ margin-top: 3rem !important; } .slide.cbd-free-hero{ background-image: url(../images/category_images/FFN_CBD5590-Edit.jpg); background-size: 120%; background-position: 65% 85%; } .cbd-free-header{ background-size: 140%; background-position: 15% 75%; } .d-768-none{ display: none !important; } .slide.cbd-free-hero img.cbd-pure-logo{ width: 90%; } .reneu-head-title{ max-width: 85%; } .reneu-head-benefits{ max-width: 75%; } .slide.reneu-hero{ background-image: url(../images/category_images/T-FF_Reneu_BANNER-5.jpg?rand=5); background-size: cover; background-position: 45% 50%; } .slide.cleanse-hero{ background-image: url(../images/category_images/D-FF_10Day_New_1_BANNER.jpg); background-size: cover; background-position: 60% 70%; } .zoom-info-mobile{ padding-top: 30px; padding-bottom: 30px; display: flex; justify-content: space-around; background-color: #ec008c; color: #ffffff; } /*.products-home{ margin-top: -3rem; }*/ /*.holistic-section{ margin-top: -3rem; }*/ .cleanse-detox-section .reneu.cleanse-detox-middle, .reneu.cleanse-detox-section img{ height: 80%; } .cleanse-detox-section .cbd.cleanse-detox-middle, .cbd.cleanse-detox-section img{ height: 80%; } .cleanse-detox-section .cleanse-detox-middle, .cleanse-detox-section img{ height: 75%; } .cleanse-detox-middle a{ font-size: 1.4rem; } .skin-care-home{ padding-left: 6vw; padding-right: 3vw; } .vital-green-home{ padding-left: 3vw; padding-right: 6vw; } .skin-care-home h1{ font-size: 3.8vw; line-height: 2.4vw; left: 8vw; top: 1vw; } .skin-care-home h1 span{ font-size: 2.4vw; line-height: 3vw; } .vital-green-home h1{ font-size: 3.8vw; line-height: 2.4vw; right: 8vw; top: 1vw; } .vital-green-home h1 span{ font-size: 2.4vw; line-height: 3vw; } .skin-care-learn-more{ right: 8vw; bottom: .8vw; } .vital-green-learn-more{ left: 8vw; bottom: .8vw; } .skin-care-home h2, .vital-green-home h2{ font-size: 2.6vw; } .skin-care-home h3, .vital-green-home h3{ font-size: 1.2vw; } .slide.biomega-hero h1{ padding-top: 0; font-size: 3rem; } .slide.biomega-hero h2{ padding-top: 15px; font-size: 1.6rem; } .slide.biomega-hero h3{ font-size: 1.2rem; } .slide.trimbolic-hero h2{ font-size: 1.4rem; } .slide.energy-hero h2{ font-size: 1.4rem; } .highlight-square{ position: relative; margin: 15px -7.5px; } .highlight-square-band img{ position: absolute; width: 250%; } .highlight-square-band img.left{ left: -30px; bottom: 0px; } .highlight-square-band img.right{ right: -30px; bottom: 0px; } .div-2025 .cart-direction{ font-size: 2.17rem; } .cat-banner h1{ padding-top: 30px; font-size: 3.4rem; } .cat-banner h2{ font-size: 1.6rem; padding-top: 30px; } #page-enrollment-header h1{ font-size: 3.4rem; } #page-enrollment-header h2{ font-size: 1.6rem; } #page-enrollment-header .surfer-guy{ width: 12rem; } .enrollment-header h3{ font-size: 2.17rem; } .slide.cbd-hero{ background-size: cover; background-position: 50% 60%; } .cbd-hero .cbd-logo{ padding-bottom: 1rem; } .slide.cbd-hero h2{ font-size: 1.4rem; padding-top: 10px; } .slide.energy-hero{ background-image: url(../images/category_images/D-Energy-Home-Hero.png); background-size: cover; background-position: 50% 50%; } .slide.new-zavita-hero{ background-position: 30% 50%; } .slide.ss-hero .ss-logo{ width: 50%; } .slide.new-zavita-hero h2{ padding-top: 15px; } .slide.new-zavita-hero h3{ padding-bottom: 15px; } .slide.zavita-hero{ background-image: url(../images/category_images/D-New-Zavita-Home-Hero.jpg); background-size: cover; background-position: 50% 50%; } .slide.trimbolic-hero{ background-image: url(../images/category_images/D-Trimbolic-Home-Hero.jpg); background-position: 50% 55%; } .extend-padding .navbar-nav .nav-link{ padding-right: 1rem; padding-left: 1rem; } .navbar-expand-md .top-menu .navbar-nav .nav-link{ padding-right: .1rem; padding-left: .1rem; } .navbar-brand{ width: auto; text-align: left; } .navbar-expand-md .top-menu .navbar-nav .nav-link { padding-right: .25rem; padding-left: .25rem; } .product-info .description-header{ font-size: 44px; line-height: 46px; } .compensation-plan img{ width: auto; height: 100px; } .cbd-icons img{ width: auto; height: 100px; margin-bottom: 1rem; } h1.title-1{ font-size: 3rem; } h1.title-2{ font-size: 2.5rem; } .opportunity-header{ background-image: url('/../images/Opportunity-Hero.jpg'); } .opportunity-header h1{ font-size: 3.4rem; } .opportunity-header h2{ font-size: 1.8rem; } .compensation-plan h3{ color: #39b54a; font-weight: 800; font-size: 1.2rem; } .mercedes{ background-image: url('/../images/MD-2020-GLA-SUV-HERO-DR.jpg'); background-size: cover; background-position: center; } .embed-overlay .dream-vacation-subTitle{ bottom: 16%; } .cbd-header{ background-size: 150%; background-position: 50% 55%; } .cbd-header .cbd-logo, .cbd-hero .cbd-logo{ width: 60%; } .slide.new-zavita-hero .zavita-logo{ width: 40%; } .third-party-seal{ right: 35%; } .plr-md-48{ padding-left: 48px; padding-right: 48px; } .company-header{ background-image: url('/../images/AboutUs-Hero.jpg'); background-size: cover; background-position: 90% 10%; min-height: 500px; } .company-header h1{ font-size: 3.4rem; } .company-header h2{ font-size: 1.8rem; } .company-trust .title-1{ font-size: 2.4rem; } .founder-position{ display: inline; } .holistic-approach{ background-image: url('/../images/HolisticApproach-BG.jpg'); } .guiding-principles{ background-image: url('/../images/GuidingPrinciples-Hands.jpg'); } .principles-list{ padding-bottom: 0rem; } .medical-advisory-board h3{ padding-bottom: 15px; } .prev img, .next img{ width: 60%; } .real-people-real-results h2{ font-size: 3rem; } .real-people-real-results h2 span{ font-size: 3.6rem; } .giving-back img{ padding-right: 0px; padding-left: 0px; } #cleanse-detox-header{ background-position: 10% 10%; } #wellness-header{ background-position: 10% 60%; } #energy-fitness-header{ background-image: url('/../images/category_images/EnergyFitness-Hero.jpg'); background-size: 150%; background-position: 70% 80%; } .guarantee-seal{ width: 85%; } .collagen-add-to-cart{ bottom: 40px; } } @media (min-width: 800px) { .slide.cbd-free-hero img{ width: 58%; } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { .vip-customer-rewards h3{ font-size: 1.2rem; } .vip-customer-rewards span{ font-size: .6rem; } .look-feel{ width: 30%; } .look-feel-video{ margin-left: 5rem !important; margin-right: 5rem !important; } .row-collagen ul li{ font-size: 1.2rem; } .two-pack{ background-image: url(../images/collagen/L-FF_Collagen_18.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 70%; } .blue-border:nth-child(1), .blue-border:nth-child(2){ border-bottom: 0; } .blue-border:nth-child(2){ border-right: 4px solid #00aeef; } .collagen-icon:nth-child(1), .collagen-icon:nth-child(2){ width: 20%; border-bottom-width: 0; } .collagen-icon, .collagen-icon:nth-child(2){ text-align: center; width: 20%; border-right: 4px solid #00aeef; } .vip-customer-rewards p{ font-size: 1.2rem; } #vip-steps .vip-square > div{ background-color: rgba(255,255,255,0.9); padding: 3rem; margin-bottom: 0; margin-top: 0; height: 100%; } #vip-steps .vip-square img{ width: 30%; } #vip-steps .vip-square > div:first-child{ margin-top: 0rem; } #vip-steps .vip-square > div:last-child{ margin-bottom: 0rem; } .vip-step-title{ padding-left: 0; padding-right: 0; padding-bottom: 1rem; padding-top: 1rem; font-size: 1.8rem; } .vip-step-description{ font-size: 1.3rem; } .get_rewarded{ padding-bottom: 30px; } .reward-grid > div{ padding-top: .5rem; padding-bottom: .5rem; padding-left: 3rem; padding-right: 3rem; } .reward-grid div img{ height: 90px; } .account-blue-box{ border-radius: 10px; background-color: rgb(0, 172, 228); position: absolute; /* top: 50px; */ width: 136px; height: 115px; z-index: 33; text-align: center; padding: 30px; font-size: 38px; color: white; } .acc-title-p{ top: 130px; position: absolute; text-transform: uppercase; } .shipping-details{ padding: 0 20px !important; } .billing-details{ padding: 0 20px !important; } #enroll-screen > div > div.form-column { padding-left: 5rem; padding-right: 5rem; } .delivery-notice{ padding-top: 30px; padding-bottom: 48px; } .enroll-or-checkout-button{ padding: 24px 18px; } .slide.cbd-free-hero{ background-image: url(../images/category_images/FFN_CBD5590-Edit-WIDE.jpg); background-size: 150%; background-position: 100% 75%; } .reneu-head-title, .reneu-head-benefits{ max-width: 70%; } .product-spotlight-bar{ margin-top: 1.6rem; margin-bottom: 1.6rem; width: 90%; } .product-spotlight-title-2{ font-family: sweet-sans-pro; font-weight: 600; font-size: 1.4rem; margin-top: .5rem; } .slide.reneu-hero{ background-image: url(../images/category_images/L-FF_Reneu_BANNER-5.jpg); background-size: cover; background-position: 30% 50%; } .zoom-info-mobile p{ font-size: 2rem; } .zoom-info-mobile p.zoom-time{ font-size: 1.4rem; } .zoom-info-mobile{ padding-top: 10px; padding-bottom: 10px; } .slide.biomega-hero{ background-position: 50% 50%; } .slide.biomega-hero h1{ line-height: 2.6rem; } .slide.zavita-hero ul{ font-size: 1.6rem; } .slide.zavita-hero ul span{ font-size: 2rem; } .slide.ss-hero h2{ padding-top: 1.2rem; } .slide.ss-hero h3{ margin-top: 1rem; margin-bottom: 1rem; } .slide.ss-hero{ background-image: url(../images/category_images/LG-FF_SuddenlySlim_BANNER.jpg); background-position: 50% 60%; } .products-home{ margin-top: 0rem; } .cleanse-detox-section .reneu.cleanse-detox-middle, .reneu.cleanse-detox-section img{ height: 90%; } .cleanse-detox-section .cbd.cleanse-detox-middle, .cbd.cleanse-detox-section img{ height: 90%; } .cleanse-detox-section .cleanse-detox-middle, .cleanse-detox-section img{ height: 85%; } /* .reneu-section .reneu-middle, .reneu-section img{ height: 85%; } */ .skin-care-learn-more{ right: 8vw; bottom: .8vw; } .vital-green-learn-more{ left: 8vw; bottom: .8vw; } .slide.trimbolic-hero h1{ font-size: 3.8rem; line-height: 3.8rem; } .slide.trimbolic-hero h2, .slide.energy-hero h2{ padding-top: 10px; } .slide.cbd-hero h2{ padding-top: 30px; } .slide.cbd-hero h2{ padding-top: 30px; } .slide.biomega-hero h2, .slide.new-zavita-hero h2 span.numbers{ font-size: 1.8rem; } .slide.biomega-hero h3{ margin-top: .8rem; font-size: 1.2rem; padding-bottom: 0; } .slide.new-zavita-hero h2{ font-size: 1.8rem; } .slide.new-zavita-hero h2 span.numbers{ font-size: 1.8rem; } .slide.new-zavita-hero h3{ margin-top: .8rem; font-size: 1.2rem; padding-bottom: 0; } .pak-footer{ display: block; } .product-section.pak-section{ padding-bottom: 0; } .pak-percentage{ font-size: 3rem; line-height: 2rem; } .pak-title{ font-size: 2rem; } .product-section.pak-section .product-description{ font-size: 1.2rem; margin: 1rem; } .savings-strip{ font-size: 1.4rem; } .pak-bottom{ font-size: 1.2rem; } .highlight-square-band img{ position: absolute; width: 200%; } .highlight-square{ margin: 3rem 9px; } .highlight-square-band h4{ font-size: 1rem; } #cleanse-detox-header{ background-image: url('/../images/category_images/D-V3-Cleanse-Detox-Hero.jpg'); background-size: cover; min-height: 500px; background-position: 40% 20%; } .slide.cbd-hero{ background-image: url(../images/category_images/D-CBD-Home-Hero.png); background-position: 50% 60%; } .slide.energy-hero{ background-image: url(../images/category_images/D-Energy-Home-Hero.png); background-position: 50% 60%; } .cbd-hero .cbd-logo{ padding-bottom: 0; } .so-logo{ max-height: 100px; } .chf-logo{ max-width: 600px; } .cbd-header{ background-size: cover; } .cbd-header .cbd-logo{ padding-top: 40px; } #weight-loss-header .ss-logo{ padding-top: 40px; } .cat-banner h1{ padding-top: 30px; font-size: 3.8rem; } .cat-banner h2{ font-size: 1.6rem; padding-top: 30px; } #page-enrollment-header h1{ font-size: 3.8rem; } #page-enrollment-header .surfer-guy{ width: 14rem; } .energy-chart-section h2, .rehydration-chart-section h2{ font-size: 1.6rem; } .py-lg-50{ padding-top: 50px; padding-bottom: 50px; } h3.subTitle-1{ line-height: 1rem; } .btn-order{ margin-top: 0px; } .btn-pak{ margin-top: 30px; } .navbar.bg-blue .nav-link{ font-size: 15px; } .navbar.bg-blue .nav-cart i { font-size: 28px; color: #000000; } .dropdown .fa-user{ font-size: 28px; } .navbar.bg-blue .nav-cart .cart-count { left: 40px; bottom: 30px; } .nav-cart .cart-count { position: absolute; font-size: 12px; background: #00aeef; border-radius: 0; color: #ffffff; line-height: 22px; width: 22px; height: 22px; border-radius: 50%; left: 20px; bottom: 20px; text-align: center; font-family: helvetica; } .navbar-brand{ margin-right: 0px; } /*.extend-padding .navbar-nav .nav-link{ padding-right: .2rem; padding-left: .2rem; } */ .navbar-expand-md .top-menu .navbar-nav .nav-link{ padding-right: .5rem; padding-left: .5rem; } .dream-vacation-subTitle{ bottom: 10%; } .dream-vacation-title{ bottom: 5%; line-height: 0rem; } .play-button-div{ text-align: right; } .play-button-div img{ width: 60%; } .people{ background-position: 50% 30%; } .step-photo, .step-photo.first{ margin-top: -3rem; } .product-section .product-serving{ padding-bottom: 2rem; } .cbd-header .cbd-logo, .cbd-hero .cbd-logo{ width: 50%; } h3.cbd-subTitle{ padding-top: .8rem; font-size: 1.2rem; } .third-party-seal{ right: 38%; } .py-md-5rem{ padding-top: 5.2rem !important; padding-bottom: 5.2rem !important; } #weight-loss-header .ss-logo{ width: 40%; } .principles-list{ padding-bottom: 16rem; } #wellness-header{ background-position: 10% 50%; } #skin-care-header{ background-image: url('/../images/category_images/D-SkinCare-Hero-V3.jpg'); background-size: cover; min-height: 500px; background-position: 70% 20%; } .guarantee-seal{ width: 60%; } .kit-bullets ul{ columns: 2; } .mercedes{ background-position: 65% 50%; } .collagen-add-to-cart-2{ margin-bottom: -10px; } } @media (min-width: 1080px) { .prp-text-col h2{ font-size:36px; } .d-1080-none{ display: none !important; } .slide.cbd-free-hero img.cbd-pure-logo{ width: 80%; } } @media (min-width: 1100px) { .collagen-add-to-cart-2{ margin-bottom: 0; } } @media (min-width: 1185px) { .prp-text-col h2{ font-size:40px; } } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { .vip-customer-rewards h3{ font-size: 1.4rem; } .look-feel{ width: 80%; } .look-feel-section .embed-overlay{ padding: 0; } .look-feel-video{ margin-left: 0rem !important; margin-right: 0rem !important; } .what-is-collagen{ max-height: 600px; } .customer-benefits-title-div h2{ font-size: 28px; } .navbar.bg-blue .nav-cart .cart-count { left: 23px; bottom: 35px; } #enroll-screen > div > div.form-column { padding-left: 5rem; padding-right: 5rem; } .mt-xl-5{ margin-top: 3rem !important; } .cbd-free-header img.cbd-pure-logo{ width: 80%; } .reneu-head-title, .reneu-head-benefits{ max-width: 75%; } .slide.biomega-hero h1{ font-size: 4rem; line-height: 2.6rem; } .slide.biomega-hero .new-biomega{ font-size: 2.4rem; } .slide.biomega-hero h2{ font-size: 2.4rem; } .slide.biomega-hero h3{ margin-top: .8rem; font-size: 1.6rem; } .slide.new-zavita-hero h2{ font-size: 2.4rem; } .slide.new-zavita-hero h2 span.numbers{ font-size: 2.4rem; } .slide.new-zavita-hero h3{ margin-top: .8rem; font-size: 1.6rem; } .slide.ss-hero .ss-logo{ margin-top: 1rem; } .slide.ss-hero h2{ font-size: 1.8rem; margin-top: 1.4rem; } .slide.ss-hero h3{ font-size: 1.4rem; margin-bottom: 1.4rem; } .cleanse-detox-middle a{ font-size: 1.2vw; } .slide.trimbolic-hero h1, .slide.zavita-hero h1{ font-size: 4.4rem; line-height: 4.4rem; } .slide.energy-hero h1{ font-size: 4.2rem; } .slide.trimbolic-hero h2, .slide.cbd-hero h2, .slide.energy-hero h2{ font-size: 1.6rem; padding-top: 30px; } .btn-delete{ font-size: 1.2rem; } #weight-loss-header{ background-image: url('/../images/category_images/D-WL-Hero.jpg'); background-size: cover; background-position: 30% 40%; min-height: 500px; } .hero-slider .slide{ /*height: 550px;*/ } .energy-chart-section h2, .rehydration-chart-section h2{ font-size: 2.2rem; } #wellness-header{ background-position: 10% 20%; background-image: url('/../images/category_images/D-Wellness-Hero.jpg'); } #energy-fitness-header{ background-position: 70% 65%; } .product-section .product-serving{ padding-bottom: 0rem; } .extend-padding .navbar-nav .nav-link{ padding-right: 1rem; padding-left: 1rem; } .opportunity-header{ min-height: 500px; } .mercedes img{ max-width: 75%; } .compensation-plan-button-div{ padding-left: 4rem; padding-right: 4rem; } .mercedes{ background-image: url('/../images/2020-GLA-SUV-HERO-DR.jpg'); background-size: cover; background-position: 20% 70%; } .getting-started .title-2{ width: 489px; } .cbd-header{ min-height: 500px; } .cbd-header h2{ font-size: 2rem; } .cbd-hero .cbd-logo{ width: 40%; padding-bottom: 2rem; } .third-party-seal{ right: 42%; } .third-party-testing-bullets{ margin-left: 0px; } .third-party-confirms{ margin-left: 0px; } #third-party-testing ul{ list-style: none; padding-left: 0px; } #third-party-testing i{ margin-left: 0px; margin-right: 10px; color: #39b54a; } .founder-position{ display: inline; text-decoration: none; padding-bottom: 0; } .medical-advisory-board h3{ font-size: 1.2rem; } .caduceus{ position: absolute; width: 80%; right: 10%; top: 50px; } .principles-list{ padding-bottom: 2.5rem; } /* .holistic-info{ padding-bottom: 2.5rem; } */ .chf-logo{ max-width: 275px; } .so-logo{ max-height: 150px; } .prev img, .next img{ width: 30%; } .pak-section{ margin-left: 0rem; margin-right: 0rem; } .pak-percentage{ font-size: 3.6rem; } .pak-title{ font-size: 2.4rem; } .product-section.pak-section .product-description{ font-size: 1.4rem; margin: 1.4rem; } .pak-bottom{ font-size: 1.4rem; } .savings-strip{ font-size: 1.6rem; } /* .reneu-section .reneu-middle, .reneu-section img{ height: 90%; } */ .cleanse-detox-section .cleanse-detox-middle, .cleanse-detox-section img{ height: 90%; } } @media (min-width: 1300px) { .hide-over-1300{ display: none; } .customer-benefits-title-div h2{ font-size: 2rem; } .cbd-free-header{ background-image: url(../images/category_images/FFN_CBD5645-Edit-WIDE.jpg); background-size: 120%; background-position: 60% 80%; } .cbd-free-header img.cbd-pure-logo{ width: 70%; } .highlight-square-band h4{ font-size: 1.2rem; } .slide.ss-hero .ss-logo{ width: 30%; } .slide.ss-hero h3{ margin-bottom: 4rem; } } @media (min-width: 1400px) { .holistic-info{ display: block; } .holistic-section a{ display: none !important; } .reneu-head-title, .reneu-head-benefits{ max-width: 60%; } } @media (min-width: 1430px){ .pak-section, .margin-to-align-with-paks{ margin-left: 1rem; margin-right: 1rem; } } @media (min-width: 1440px){ .amino-acid-profile{ width: 60%; } .cup-pic{ height: 300px; object-position: 30% 20%; } .what-is-collagen{ height: 300px; } .collagen-bullet-headers{ font-size: 40px; } .row-collagen ul li{ font-size: 1.4rem; } } @media (min-width: 1500px) { .slide.cbd-free-hero{ background-image: url(../images/category_images/FFN_CBD5590-Edit-WIDE.jpg); background-size: 130%; background-position: 100% 75%; } .slide.cbd-free-hero img.cbd-pure-logo{ width: 70%; } .highlight-square-band img{ width: 200%; } .highlight-square-band img.left{ left: -60px; bottom: 0px; } .highlight-square-band img.right{ right: -60px; bottom: 0px; } .cleanse-detox-middle p{ font-size: 1.8rem; } .cleanse-detox-section .reneu.cleanse-detox-middle, .reneu.cleanse-detox-section img{ height: 100%; } .cleanse-detox-section .cbd.cleanse-detox-middle, .cbd.cleanse-detox-section img{ height: 100%; } } @media (min-width: 1600px) { .cup-pic{ height: 260px !important; object-position: 30% 20%; } .what-is-collagen{ height: 260px; } } @media (min-width: 1630px) { .medical-advisory-board h3{ font-size: 1.4rem; } .slide.biomega-hero{ background-image: url(../images/category_images/XD-FF_Biomega_2_BANNER.png); background-size: cover; background-position: 20% 70%; } .slide.new-zavita-hero{ background-image: url(../images/category_images/XD-Zavita-Home-Hero.png); background-size: cover; background-position: 20% 70%; } .slide.ss-hero{ background-image: url(../images/category_images/XD-FF_SuddenlySlim_BANNER.jpg); background-size: cover; background-position: 20% 70%; } .slide.reneu-hero{ background-image: url(../images/category_images/XD-FF_Reneu_BANNER-5.jpg); background-size: cover; background-position: 20% 70%; } /* .navbar-nav .user-icon, .navbar-nav .nav-cart{ margin-left: 3rem !important; margin-right: 3rem !important; } */ } @media (min-width: 1700px) { .mt-1700-2rem{ margin-top: 2rem !important; } .reneu-head-title, .reneu-head-benefits{ max-width: 65%; } .reneu-head-title{ margin-top: -3rem; } .cbd-image{ background-position: 50% 65%; } .holistic-section .holistic-info-div.padding-booster{ padding-bottom: 8rem !important; } .free-shipping-strip{ height: 130%; width: 130%; position: absolute; top: -15%; right: -50%; overflow:hidden; } } @media (min-width: 1745px) { .zoom-info-mobile{ display: none; } .zoom-info{ display: block; flex-grow: 1; } } @media (min-width: 1900px){ .slide.cbd-free-hero{ background-image: url(../images/category_images/XD-FF_CBD-Special_BANNER.jpg); background-size: cover; background-position: 100% 75%; } .slide.cbd-free-hero img.cbd-pure-logo{ width: 60%; } .cbd-free-header{ background-image: url(../images/category_images/FFN_CBD5645-Edit-WIDE.jpg); background-size: cover; background-position: 20% 80%; } .cbd-free-header img.cbd-pure-logo{ width: 60%; } .ml-1900-4rem{ margin-left: 4rem !important; } } @media (min-width: 2000px) { .reneu-head-title, .reneu-head-benefits{ max-width: 50%; } .reneu-head-title{ margin-top: 1rem; } } /* :::::::::::::::::::::::::::::::::::::::::::::::::::: Custom media queries */ /* Set width to make card deck cards 100% width */ @media (max-width: 950px) { } /**************************Account Page CSS************************************/ /*-- @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');*/ /* .gray_background a , .gray_background p ,.gray_background span{ font-family: 'Poppins', sans-serif !important; } */ .top-btn{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .bottom-btn{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .account-card{ margin-bottom: 5%; border-radius: 10px; } .account-card .py-1.d-block{ font-size: 28px; font-family: 'Poppins', sans-serif; color: #062b55; font-weight: 400; } .account-card .py-1.d-block .fas.fa-user-cog{ font-size: 26px; padding-right: 10px; vertical-align: middle; color: #00aeef; } .account-blue-box{ border-radius: 10px; background-color: rgb(0, 172, 228); /* top: 50px; */ width: 60px; height: 50px; z-index: 33; text-align: center; padding: 10px; font-size: 24px; color: white; display: block; } .acc-title-p{ text-transform: uppercase; display: inline; margin-bottom: 0; padding-left: 15px; } .address-book-div{ margin-top: 0px !important; } .my-details-card{ padding: 0 3rem!important; } @media only screen and (min-width: 768px) { .my-details-card{ padding: 0px !important; } .my-details-card .section-title{ padding-top: 0px !important; border-bottom: 1px solid black; } } .my-details-row{ margin-top: 25px; } .email-icon-div{ display: flex; width: 25%; float: left; } .email-icon-div-sec{ display: flex; width: 13%; float: left; } .email-label-div{ display: inline-block; } .email-label-div label{ margin-bottom: 0px !important; } .pl-3.py-1.account-name{ padding-left: 0px !important; } .email-icon-div .fas.fa-user-alt{ margin-top: 40%; } .email-icon-div .fas.fa-birthday-cake{ margin-top: 40%; } .email-icon-div-sec .fas.fa-envelope{ margin-top: 40%; } .pl-3.py-1.d-block.account-birthday{ padding-left: 0px !important; } .pl-3.py-1.d-block.account-email{ padding-left: 0px !important; } .envelope-div{ padding-left: 0px !important; margin-top: 0px !important; } .row.my-details.px-3.p-md-0{ padding: 20px !important; } .card-header.bg-white.border-0{ border-bottom:1px solid #d4e8ff !important; } .my-details-text{ color: #414141; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-size: 20px; } .my-details .fas.fa-user-alt , .my-details .fas.fa-birthday-cake , .my-details .fas.fa-envelope, .cc-list .fas.fa-credit-card, .fas.fa-lock{ font-size: 26px !important; } .fas.fa-pen, .fas.fa-trash, .fas.fa-plus-square{ font-size: 1rem; } .light-label{ color: #8090a2 !important; font-weight: 300 !important; } .account-name{ color: #062b55 !important; font-weight: 400; } .account-birthday{ color: #062b55 !important; font-weight: 400; } .account-email{ color: #062b55 !important; font-weight: 400; } .address-book-row{ padding: 25px 21px; padding-bottom: 20px; } .shipping-label i{ padding-left: 15px; font-size: 26px; } .shipping-name, .shipping-address , .shipping-address2 , .shipping-city-state-zip, .billing-name , .billing-address , .billing-address2 , .billing-city-state-zip , .cr-name , .cr-number, #current-password{ font-weight: 400 !important; color: #062b55 !important; } .ship-bill-img{ padding-left: 15px; padding-right: 15px; } .edit-del-icons{ align-items: center; justify-content: center; padding-top: 20px; } #billing-edit , #shipping-edit , #account-edit{ padding: 10px !important; } #account-submit , #shipping-submit , #billing-submit{ background-color: #00ace4 !important; } .cr-icon-div { display: flex; width: 15%; float: left; margin-top: 5%; margin-right: 5%; } .row.cc-list{ padding: 20px; padding-left: 30px; font-size: 1rem; } .cc-edit , .cc-delete{ padding: 0 0 0 10px; } .cr-name , .cr-number{ margin-bottom: 0px; font-weight: 500; } #cc-info-form-div-1 , #cc-new-info-form-div{ padding: 10px; } .cc-btns .cc-submit , #add-cc-card{ background-color: #00ace4 !important; } .cc-edit .fas.fa-pen , .cc-delete .fas.fa-trash, .fas.fa-plus-square{ cursor: pointer; } @media (min-width: 992px) { .vip-log-in-text{ font-size: 1rem; } .account-blue-box{ border-radius: 10px; background-color: rgb(0, 172, 228); position: absolute; /* top: 50px; */ width: 136px; height: 115px; z-index: 33; text-align: center; padding: 30px; font-size: 38px; color: white; } .acc-title-p{ top: 130px; position: absolute; text-transform: uppercase; padding-left: 0; } } @media (min-width: 1200px) { .vip-log-in-text{ font-size: 1.2rem; } } .popins-font span, .popins-font p{ font-family: 'Poppins', sans-serif; } .page-title.popins-font{ padding: 20px 40px 20px 0px !important; } .search-filter{ padding-top: 20px; padding-bottom: 20px; } .btn-des-new{ background: white; border: 2px solid #00ace4; border-radius: 10px; font-weight: 700; color: #00aeef; text-transform: uppercase; } .order-list .btn.re-order{ color: #ffffff !important; background-color: #00aeef !important; } .btn.re-order .fas.fa-sync-alt{ color: white !important; } .btn-space{ margin-left: 5px; } .table th { padding: 20px 36px; } .payment-name.checkout-p-name , .checkout-card-year{ font-family: 'Poppins', sans-serif !important; font-weight: 400; } .for-box-shadow{ box-shadow: 0 3px 6px rgba(0,0,0,0.05), 0 3px 6px rgba(0,0,0,0.12); margin-top: 48px; } .ui-datepicker-current-day{ background-color: #00aeef; } /**************************END Account Page CSS************************************/ /**************************SmartShip Cart CSS************************************/ #process-date-text{ font-weight: 700; } input[type="radio"] { accent-color: #414141; } @media only screen and (max-width: 767px) { .col-mobile{ max-width: 100%; } .mobile-row{ display: block; } .prod-mob-col{ max-width: 100%; } .d-padd-two { padding: 10px 3px; } .d-flex.search-filter a{ margin: auto; } .block-mobile{ display: block !important; text-align: center; } .btn.btn-order.checkout{ margin-bottom: 30px !important; } } @media screen and (man-width:992px){ .reward-activities .mobile-row{ width: 90%; margin: auto; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .prod-mob-col{ flex: auto !important; max-width: 50% !important; } #category-dropdown{ font-size: 13px; } } /* */ @media screen and (max-width:500px){ #vip-faqs .question:after{ right: -5px; /*top: 37%;*/ } } .new_section_reward{ margin: 60px 0px; } .earn-point-image{ width: 100%; position: relative; top: 40px; /* left: 10px; */ } .earn-point-image-2{ width: 100%; position: relative; top: 40px; /* right: 10px; */ } .earn-point-image-mobile{ width: 100%; height: 100% !important; } .mobile-image{ padding: 0px 10px 40px !important; } @media screen and (max-width:600px){ .mobile-row{ width: 90%; margin: auto; } .img-box{ padding-top:30px !important; } .frst_box{ padding-top: 30px; } .reward-description{ padding-bottom: 30px !important; } .reward-activities{ background-size: 100% 100%; } .reward-grid > div:first-child{ border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000f9f; } .desktop-image{ display: none; } } @media screen and (max-width:768px){ .earn-point-image{ display: none; } .earn-point-image-2{ display: none; } } @media screen and (min-width:601px){ .frst_box{ padding: 30px 0px; } .img-box{ padding:40px 30px !important; } .mobile-image{ display: none; } .desktop-image{ display: flex !important; } } @media (min-width: 1200px) and (max-width:2160px){ /*.new_section_reward,.reward-activities,.vip-customer-rewards{ max-width: 1140px;*/ } .new_section_reward,.reward-activities,.vip-customer-rewards{ margin-left: auto; margin-right: auto; } .get_rewarded{ position: relative; /*left: 50px;*/ } } @media screen and (min-width:2160px){ .earn-point-image{ width: 100%; position: relative; top: 10px; left: 10px; } .earn-point-image-2{ width: 100%; position: relative; top: 10px; /* right: 10px; */ } } /**************************END Smartship Cart CSS************************************/ @media print{ .mobile-header{ display: none; } hr{ display: none; } .modal{ display: none; } .footer{ display: none; } .navbar{ display: none; } .zinrelo-widget{ display: none; } #page-header h1{ font-size: 20px; } #page-header.padding-100-top-bottom{ padding: 0; background-image: none; } .info-wrapper a{ display: none; } i.fa-print{ display: none; } .logo-print img{ display: block; width: 300px; color: #000000; } #firstfitness_info{ display: inline; font-size: 14px; margin-bottom: 12px; } .birthday-section{ display: none; } #checkout{ padding: 0; } #receipt_message{ /*width: 550px;*/ float: left; padding-top: 12px; margin: 0; font-size: 16px; background-color: #ffffff; } #getting_started_confirm_page{ display: none; } }