@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');

@font-face {
font-family: 'Material Symbols Outlined';
font-style: normal;
font-weight: 100 700;
src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v160/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format('woff2');
font-display: inline;
}

.material-symbols-outlined {
font-family: 'Material Symbols Outlined';font-weight: normal;font-style: normal;font-size: 24px;
line-height: 1;letter-spacing: normal;text-transform: none;display: inline-block; vertical-align:middle; white-space: nowrap;word-wrap: normal;direction: ltr;
-webkit-font-feature-settings: 'liga';-webkit-font-smoothing: antialiased;
}
.msoF100 {font-variation-settings:'FILL'1,'wght'100;}
.msoF200 {font-variation-settings:'FILL'1,'wght'200;}
.msoF300 {font-variation-settings:'FILL'1,'wght'300;}
.msoF400 {font-variation-settings:'FILL'1,'wght'400;}
.mso100 {font-variation-settings:'FILL'0,'wght'100;}
.mso200 {font-variation-settings:'FILL'0,'wght'200;}
.mso300 {font-variation-settings:'FILL'0,'wght'300;}
.mso400 {font-variation-settings:'FILL'0,'wght'400;}
.mso500 {font-variation-settings:'FILL'0,'wght'500;}
.mso600 {font-variation-settings:'FILL'0,'wght'600;}
.parisienne-regular { font-family: "Marck Script", cursive;font-weight: 400;font-style: normal;}

* {box-sizing:border-box;-webkit-box-sizing:border-box;	-moz-box-sizing:border-box; outline:0;}
html,body {min-height:calc(var(--vh, 1vh) * 100); margin:0; padding:0; color:#000;font-family: 'Poppins',Helvetica,sans-serif; font-weight:400; font-size:14px; background:#fff}

body * {scrollbar-width:auto; scrollbar-color:#ddd transparent; -webkit-tap-highlight-color: transparent;}
body *::-webkit-scrollbar {width:10px;}
body *::-webkit-scrollbar-track {background:transparent}
body *::-webkit-scrollbar-thumb {background-color:transparent; border-radius: 10px;}

a, textarea, input[type=text], input[type=password], input[type=button], input[type=submit], input[type=number], input[type=tel], select, option,button {
outline: 0;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;-moz-appearance:textfield;
font-family:'Poppins',Helvetica,sans-serif;
}
a {text-decoration:none; color:#b07c00}
a:hover{}
p,h1,h2,h3,h4 {margin:0; padding:0 0 10px 0;}
img {max-width:100%; height:auto; display:block;}

.access_message {color:red;}


.select {position: relative;display:block;}
select {border: 1px solid #ccc; border-radius:4px; background:#fff; padding:10px 40px 10px 10px; width:100%; font-size:14px; color:#343C51}
.select:after {
cursor: pointer; position: absolute;
right: 10px; top: 50%; transform:translate(0, -50%); z-index: 1; pointer-events: none; color:#343C51; 
font-size: 22px;font-family: 'Material Symbols Outlined';content: "expand_more";
-webkit-font-feature-settings: 'liga';font-variation-settings: 'FILL' 0, 'wght' 400;
}
select.dashboard {border:none; padding:8px 20px 8px 10px;}

textarea, input[type=text], input[type=password],input[type=number],input[type=tel] {
    width:100%;padding:10px;font-size:14px;display:block;border:1px solid #ccc; border-radius:5px; background:#fff; color:#343C51;
    
}
textarea:focus, input[type=text]:focus, input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus, select:focus {border:1px solid #2486ff}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,
textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,
select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus {
    -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0 30px white inset !important; font-family: 'Poppins',Helvetica,sans-serif;font-size: 14px;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

fieldset {padding:0; margin:0; border:1px solid #ccc; border-radius:5px; margin-bottom:10px; background:#fff;}
fieldset.flex {display:flex; align-items:center;}
fieldset.flex span {margin-right:7px; cursor:pointer;}

fieldset legend {margin-left:10px; font-size:12px; font-weight:500; padding:0 7px; color:#000; margin-bottom:-7px; z-index: 1;}
fieldset input[type=text], fieldset input[type=number], fieldset input[type=tel], fieldset input[type=password], fieldset textarea, fieldset select {border:0;background:transparent;-webkit-appearance: none; -moz-appearance: textfield;}

fieldset .select:after {margin-top:-3px;}

fieldset:focus-within {border:1px solid #000;}
fieldset:focus-within legend {color:#000;}

fieldset textarea:focus, fieldset input[type=text]:focus, fieldset input[type=password]:focus, fieldset input[type=number]:focus, fieldset input[type=tel]:focus, fieldset select:focus {
    border:0;
}

button {
    white-space: nowrap; border:1px solid #ddd; background:#f6f6f6; color:#000; border-radius:5px; padding:3px 10px; cursor:pointer; display:inline-flex; align-items: center;
    -webkit-transition: 0.35s;transition: 0.35s;
}
button:before {font-family: 'Material Symbols Outlined';font-variation-settings:'FILL'0,'wght'200;font-weight: normal;font-style: normal;font-size: 24px;margin-right:5px;}
button.digital:before {content:'laptop_mac';}
button.delivery:before {content:'local_shipping';}
button.favourite:before {content:'favorite';}
button.favourite[data-checked="true"]:before {font-variation-settings:'FILL'1,'wght'200;}
button:hover {background:#000; color:#fff;}

button.downloadZip:before {content:'download';}

a[data-icon] {padding:2px 20px 2px 10px; background:#fff; color: #000; border:1px solid #ddd; cursor:pointer; display:inline-flex; border-radius:4px; align-items: center; -webkit-transition: 0.35s;transition: 0.35s;}
a[data-icon].active {background:#000; color:#fff;}
a[data-icon]:before {font-family: 'Material Symbols Outlined';font-variation-settings:'FILL'0,'wght'200;font-weight: normal;font-style: normal;font-size: 24px;margin-right:5px;}
a[data-icon]:hover {background:#000; color:#fff;}
a[data-icon="magazines"]:before {content:'newsmode';}
a[data-icon="photos"]:before {content:'photo_camera';}
a[data-icon="videos"]:before {content:'movie';}
a[data-icon="settings"]:before {content:'settings';}
a[data-icon="models"]:before {content:'account_circle';}
a[data-icon="edit"]:before {content:'edit';}
a[data-icon="check"]:before {content:'check_circle';}
a[data-icon="delete"]:before {content:'delete';}
a[data-icon="choose"]:before {content:'select_check_box';}
a[data-icon="view"]:before {content:'zoom_in';}


#errorMessage {color:red;}


button.pswp__button {background:inherit; color: inherit; border:0;}
button.pswp__button:hover {background:inherit; color: inherit; border:0;}

.magInfo {position:absolute; bottom:5px; left:0; text-align:left;}
.magInfo > div:not(.magTitle) span {display: inline-block;background: #fff; font-size:12px; font-weight:500; padding:0 5px; margin-bottom:2px;}
.magInfo .magTitle svg {fill:#000;width: 100px;height:auto;display:block; background:#fff; margin-bottom:2px;}
.magInfo .magTitle svg.menonlyLogo {width:60px;}
.magInfo .magTitle svg.clubLogo {width:75px;}
.magInfo .magTitle svg.bestofclubLogo {stroke: white;stroke-width: 10;paint-order: stroke;}
.magInfo .magTitle svg.clubteensuntamedLogo .text {stroke: white;stroke-width:10;paint-order: stroke;}
.magInfo .magTitle svg.bestofmayfairLogo {width:120px;}
.magInfo .magTitle svg.bestofmayfairLogo .text {stroke: white;stroke-width:10;paint-order: stroke;}


.hoverSearchOverlay {position:relative;}
.hoverSearchOverlay img {-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
.hoverSearchOverlay:after {
    opacity:0; position: absolute; width:100%; top: calc(50% - 20px); left:calc(50% - 20px); transform: translateY(250%);transition: transform 0.5s, opacity 0.5s; text-align:center;
    font-family: 'Material Symbols Outlined';font-variation-settings:'FILL'0,'wght'300;font-weight: normal;font-style: normal;font-size: 24px;
    background:#fff; color:#000; display:inline-flex; margin:0 auto; justify-content: center; align-items: center; height:35px; width:35px; border-radius:50%;
    content:'search';
}
.hoverSearchOverlay:hover:after {opacity: 1;transform: translateY(0);}
.hoverSearchOverlay:hover img {opacity:0.5;}



body > .header {height:194px;}
header {display:flex; align-items:center; justify-content: center; padding:0 20px; background:#fff; border-bottom:1px solid #ddd; position: fixed; top:0; width:100%; z-index:1;}
header .left {display:flex; align-items: center; justify-content: flex-start; width:350px;}
header .left i {font-size:38px; cursor:pointer;}
header .logo {width:calc(100% - 700px); text-align:center; display:flex; justify-content: center; align-items: center; height:130px;-webkit-transition: 0.35s;transition: 0.35s;}
header .logo svg {width:auto; height:50px; display:block;-webkit-transition: 0.35s;transition: 0.35s;}
header .right {display:flex; align-items: center; justify-content: flex-end; width:350px;}
header .right > * {display:flex; align-items: center; margin-right:20px; padding-right:20px; border-right:1px solid #ddd; white-space:nowrap; color:#000; cursor:pointer;}
header .right > *:last-child {margin-right:0; padding-right:0; border-right:0;}
header .right i {margin-right:10px;}
header .right .lightDark i {margin-right: 0; cursor:pointer;}
header .right .shoppingBag {position:relative; cursor:pointer;}
header .right .shoppingBag i {font-size:32px; margin-right:0;}
header .right .shoppingBag > span {
    font-size:8px; font-weight:600; position:absolute; bottom:5px; width:100%; text-align:center;
}
header .headerCurrency {}
header #headerCurrency {display:none;}
header .headerCurrency select {padding: 3px 20px 3px 10px; width:70px;}
header .headerCurrency:after {right:23px;}
.darkMode header #headerCurrency {border-color:#434343; background:#000; color:#fff;}
.darkMode header .headerCurrency:after {color:#fff;}

header.small {-webkit-transition: 0.35s;transition: 0.35s;}
header.small .logo {height:50px;} 
header.small .logo svg {height:30px;}



.linksContainer {background:#fff; padding:0 20px; text-align:center; position: fixed; top:131px; width:100%; z-index:1;}
.linksContainer ul {list-style:none; margin:0; padding:0; color:#000; display:inline-flex;}
.linksContainer ul li {display:flex; padding:20px;}
.linksContainer ul li > * {display:flex; align-items:center; color:#000;}
.linksContainer ul li.drop {position:relative; z-index:999;}
.linksContainer ul li.drop > span:nth-of-type(1) {cursor:pointer;}
.linksContainer ul li.drop > span:nth-of-type(2) {
    display:block; text-align:left; display:none; position:absolute; left:0; top:100%; background:#fff; padding:20px; max-height:400px; min-width:350px; overflow-y:auto; overflow-x:hidden;
}
.linksContainer ul li.drop > span:nth-of-type(2) .title {color:#000; margin-bottom:10px;}
.linksContainer ul li.drop > span:nth-of-type(2) p {padding-bottom:0; margin-bottom:10px;}
.linksContainer ul li.drop > span:nth-of-type(2) a {display:block; padding:0 20px 5px 20px; white-space:nowrap; color:#b07c00;}
.linksContainer ul li.drop:hover > span:nth-of-type(2) {display:block;}

.slideMenu {position:fixed;width: 100vw;height: calc(100vh - 131px);bottom: 0;left: 0;background: rgba(255, 255, 255, 0.8);z-index:1; display:none; font-size:18px;}
.slideMenu > div {width:600px; max-width:100%; background:#fff; height:100%; padding:10px 50px; overflow:auto;}
.slideMenu a {display:inline-block;}
.slideMenu ul {list-style:none; margin:0; padding:0; color:#000;}
.slideMenu li {margin-bottom:5px;}
.slideMenu #menuMag {display:block; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;display: block;margin:20px 0; padding:20px 0; font-size:14px;}
.slideMenu #menuMag ul {margin-bottom:10px;}
.slideMenu fieldset {max-width:300px;}

.shoppingCartContainer {position:fixed;width: 100vw;height: calc(100vh - 131px);bottom: 0;left: 0;background: rgba(255, 255, 255, 0.8);z-index:1; display:none;}
.shoppingCartContainer > div {width: 600px; max-width:100%; background: #fff;height: 100%; display:flex; flex-direction: column;}
.shoppingCartContainer .tableContainer {flex:1 1 auto; overflow:auto; padding-right:20px;}
#cartTable {overflow:auto; padding-right:20px; max-height:400px;}
.shoppingCartContainer table, #cartTable table {border-collapse:collapse; width:100%; margin-bottom:20px;}
.shoppingCartContainer table tr, #cartTable table tr {border-bottom:1px solid #ddd;}
.shoppingCartContainer table td, #cartTable table td {padding:10px;}
.shoppingCartContainer table td.img, #cartTable table td.img {width:75px;}
.shoppingCartContainer table td.txt, #cartTable table td.txt {width:calc(100% - 220px);}
.shoppingCartContainer table td.qty, #cartTable table td.qty {width:80px;}
.shoppingCartContainer table td.qty select {padding: 3px 30px 3px 10px;}
.shoppingCartContainer table td.qty .select:after {right:5px;}
.shoppingCartContainer table td.price {width:45px; text-align:right;}
.shoppingCartContainer table td.delete {width:30px;text-align:right;}
.shoppingCartContainer table td.delete i {cursor:pointer;}
.shoppingCartContainer .totalsContainer {padding:20px;}
.shoppingCartContainer .totalsContainer > div {display:flex; justify-content: flex-end; align-items: center;}
.shoppingCartContainer .totalsContainer > div .amount {width:100px; text-align: right;}
.shoppingCartContainer .totalsContainer > div.total {border-top:1px solid #ddd; padding-top:10px; margin-top:10px; margin-bottom:10px;}

.shoppingCartContainer .checkout:before {content:'shopping_cart_checkout';}
.shoppingCartContainer .closeCheckout {margin-right:auto;}
.shoppingCartContainer .closeCheckout:before {content:'close'; margin-right:0;}

button.shoppingCart:active {transform: scale(.9);}
@keyframes shake {
    10%, 90% {transform: translate3d(-1px, 0, 0);}
    20%, 80% {transform: translate3d(2px, 0, 0);}
    30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
    40%, 60% {transform: translate3d(4px, 0, 0);}
}


footer {margin-top:20px; padding:40px; border-top:1px solid #ddd; text-align:center; font-size:12px;}
footer .logo svg {display:inline-block; width:200px; height:auto;}
footer .links {margin:20px}
footer .links a {display:inline-block; margin:0 10px; font-size:14px;}


.social a {display:inline-flex; justify-content:center; align-items: center; height:40px; color:#000; border:1px solid #ddd; width:60px;padding:5px; border-radius:5px; margin:10px 0;-webkit-transition: 0.35s;transition: 0.35s;}
.social svg {height:100%; width:auto;-webkit-transition: 0.35s;transition: 0.35s;}
.social span {margin:0 5px; font-size:12px;}
.social a:hover {background:#000;}
.social a:hover svg {fill:#fff;}
.social a:hover span { color:#fff;}



/* Home Category Title */
.latestTitleContainer {display:flex; align-items:center; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd;}
.latestTitleContainer .latestTitle {font-size:32px; }
.latestTitleContainer .viewAll {flex:1 1 auto; display:flex; justify-content: flex-end; position: relative;}
.latestTitleContainer .viewAll a {display:inline-flex; align-items: center; padding:5px 5px 5px 10px; color:#000; border:1px solid #000; border-radius:3px;-webkit-transition: 0.35s;transition: 0.35s;}
.latestTitleContainer .viewAll i {margin-left:5px;}
.latestTitleContainer .viewAll a:hover {background:#000; color:#fff;}

/* Magazines */
.homeMagsContainer {overflow:visible; padding:20px;}
.magazines {display:flex; flex-wrap:wrap;}
.magazines > div {width:20%; padding:2px; text-align:center;}
.magazines > div .img {margin-bottom:10px; background:#000; cursor:pointer;}
.magazines > div .txt {margin-bottom:10px;}
.magazines > div .img .options {position:absolute; bottom:5px; left:5px;} 
.magazines > div .img i {
    font-family: 'Material Symbols Outlined';font-variation-settings: 'FILL' 0, 'wght' 300;font-weight: normal;font-style: normal; margin:0 2px;
    font-size:18px; height:30px; width:30px; display:inline-flex; justify-content: center; align-items: center; background:#fff; color:#000;  border-radius:50%;
}
#magFilter {width:100%; max-width:350px; margin-bottom:0;}
#magFilter i {margin:0 10px 0 5px; display:none; cursor:pointer;}
#magFilterSearch {position:absolute; top:100%; background:#fff; z-index:2; max-height:400px; overflow:auto;width:100%; max-width:350px; display:none;}
#magFilterSearch div {padding:10px;}
#magFilterSearch ul {list-style: none; padding:20px; margin:0;}
#magFilterSearch li {display:flex; display:none; cursor:pointer; align-items: center; padding:10px; border:1px solid transparent; -webkit-transition: 0.35s;transition: 0.35s;}
#magFilterSearch li .img {width:75px; margin-right:10px;}
#magFilterSearch li .img img[src*="magFilterSearch"] {border:1px solid #ddd;}
#magFilterSearch li .txt {width:calc(100% - 85px); font-size:18px;}
#magFilterSearch li:hover {border-color:#ddd;}

.magazines > div .txt button:nth-of-type(2) {margin-left:10px;}


/* Models */
.homeModelsContainer {overflow:visible; padding:20px;}
.homeModelsContainer .modelSets {display:flex; flex-wrap:wrap;}
.homeModelsContainer .modelSets > div {width:20%; padding:2px; text-align:center;}
.homeModelsContainer .modelSets > div .img {margin-bottom:10px; cursor:pointer; background:#000; position:relative;}
.homeModelsContainer .modelSets > div .txt {margin-bottom:20px;}

/* Photo Sets */
.homePhotosContainer {overflow:visible; padding:20px;}
.homePhotosContainer .photoSets {display:flex; flex-wrap:wrap;}
.homePhotosContainer .photoSets > div {width:20%; padding:2px; text-align:center;}
.homePhotosContainer .photoSets > div .img {margin-bottom:10px; cursor:pointer; background:#000; position:relative;}
.homePhotosContainer .photoSets > div .txt {margin-bottom:20px;}
.homePhotosContainer .photoSets > div .txt button:nth-of-type(2) {margin-left:10px;}

/* Videos */
.homeVideosContainer {overflow:visible; padding:20px;}
.homeVideosContainer .videoSets {display:flex; flex-wrap:wrap;}
.homeVideosContainer .videoSets > div {width:33.3333333%; padding:2px; text-align:center;}
.homeVideosContainer .videoSets > div .img {margin-bottom:10px; cursor:pointer; background:#000; position:relative;}
.homeVideosContainer .videoSets > div .txt {margin-bottom:20px;}


section.signin {display:flex; height:100dvh; max-height:calc(var(--vh, 1vh) * 100); max-height:100dvh;}
section.signin .left {width:50%; position: relative;}
section.signin .left img {object-fit:cover; object-position: top; width:100%; height:100%;}
section.signin .right {width:50%; display:flex; align-items:center; justify-content: center;}
section.signin .loginContainer {width:100%; max-width: 450px; padding:20px;}
section.signin .loginContainer .logo a {display:block; margin-bottom: 20px;}
section.signin .loginContainer .logo svg {height:auto; max-width:100%;}

section.signin .optionsContainer {display:flex; align-items: center; margin-top:20px;}
section.signin .optionsContainer .options > div * {cursor:pointer; color:#000;}
section.signin .optionsContainer button {margin-left: auto;}
section.signin .optionsContainer button:before {content:'login'}


.joinus {}
.joinus {display:flex; justify-content: center; padding:80px 20px; margin:0 auto; max-width:1280px;}
.joinus > div {padding:40px 40px 20px 40px; border:1px solid #ccc; width:33.33333333333%;}

.joinus > div .header {padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #ccc; font-family:Montserrat;}
.joinus > div .header span.plan_price {font-size:36px; display:flex; align-items: center; font-weight:700;}
.joinus > div .header span.plan_price span.plan_recur {font-size:14px; font-weight:normal; margin-left:10px;}

.joinus > div.free {margin: 30px 0; border-right: 0; border-radius:5px 0 0 5px;}
.joinus > div.all {box-shadow:0px 0px 20px #ccc; border-radius:5px;}
.joinus > div.photos {margin: 30px 0; border-left: 0; border-radius:0 5px 5px 0;}
.joinus .bens > div {display: flex; align-items: center; margin-bottom:20px;}
.joinus .bens > div:before {color:#4caf50; font-family: 'Material Symbols Outlined';font-variation-settings:'FILL'0,'wght'300;font-weight: normal;font-style: normal;font-size: 24px;margin-right:15px;content:'check'}
.joinus .notes {margin-top:20px; display:flex; font-size:12px;}
.joinus button {width:100%; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; padding:5px 10px; margin-top:40px;}
.joinus button:before {content:'arrow_right_alt'; margin-left:auto;}


/* //////////////////////  Profile /////////////////////////////////////////// */
.profile h1 {font-size:48px;}
.profile > div {display:flex; align-items:center; max-width:1024px; padding:0 20px; margin:30px auto;}
.profile > div .left {width:450px; padding-right:30px;}
.profile > div .right {width:calc(100% - 450px);  padding-left:30px; }
.profile .photos {display:flex; flex-wrap: wrap;}
.profile .photos div {margin:2px; width:calc(25% - 4px); background:#000; cursor:pointer;border-radius: 4px; overflow:hidden;}
.profile .photos div img {}
.profile .profilePic {flex:1 1 auto; margin-bottom: 10px;}
.profile .profilePic img {width:100%; height:100%; object-fit:cover; object-position: top; border-radius:8px;}
.profile .stats {display: flex; flex-direction: column; margin-bottom:10px;}
.profile .stats > span {padding:5px;border-bottom:1px solid #ddd; display:flex;}
.profile .stats > span > span:first-child {width:200px;}
.profile .social {margin-bottom:10px;}
.profile .social a {width:auto; height:30px;}
/* //////////////////////  Profile /////////////////////////////////////////// */

/* //////////////////////  Signup /////////////////////////////////////////// */

/* .signupHeader {display:flex; padding:80px 20px; margin:0 auto; max-width:1280px;}
.signup {display:flex; padding:80px 20px; margin:0 auto; max-width:1280px;}
.personalInfo {width:calc(50% - 20px); margin-right:20px; border-right:1px solid #ccc;}
.paymentInfo {width:calc(50% - 20px); margin-left:20px;} */



.subscribeContainer {display:flex; justify-content:center; padding:80px 20px; margin:0 auto; max-width: 1280px;}
.subscribeContainer > div {border-radius:5px; padding: 40px 40px 20px 40px; border: 1px solid #ccc;width:100%; max-width:600px;}

.subscribeContainer .header {padding-bottom:20px; margin-bottom:30px; border-bottom:1px solid #ccc; font-family:Montserrat;}
.subscribeContainer .header span.plan_price {font-size:36px; display:flex; align-items: center; font-weight:700;}
.subscribeContainer .header span.plan_price span.plan_recur {font-size:14px; font-weight:normal; margin-left:10px;}

.subscribeContainer .bens {margin-bottom:20px;}
.subscribeContainer .bens > div {display:flex; align-items:center;}
.subscribeContainer .bens > div:before {
    color: #4caf50;font-family: 'Material Symbols Outlined';font-variation-settings: 'FILL' 0, 'wght' 300;font-weight: normal;
    font-style: normal;font-size: 24px;margin-right: 15px;content: 'check';
}
.subscribeContainer .paymentButton {display:flex; align-items:center;}
.subscribeContainer .paymentButton .feedbackContainer {margin-right:auto;}
.subscribeContainer .paymentButton .feedbackContainer .feedbackMessage {color:red; margin-right:20px;}

/* //////////////////////  Signup /////////////////////////////////////////// */

.checkoutHeader {display:flex; padding:80px 20px; margin:0 auto; max-width:1280px;}
.checkoutHeader > div {width: 600px; max-width:100%; background: #fff;height: 100%;padding:10px 0 10px 20px; display:flex; flex-direction: column;}
.checkoutHeader .totalsContainer {padding:20px;}
.checkoutHeader .totalsContainer > div {display:flex; justify-content: flex-end; align-items: center;}
.checkoutHeader .totalsContainer > div .amount {width:100px; text-align: right;}
.checkoutHeader .totalsContainer > div.total {border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}

/* //////////////////////  Account /////////////////////////////////////////// */
section.account {padding:30px 20px 0 20px;}
section.account .navbarContainer {max-width:500px; margin:0 auto; text-align:center;}
section.account .navbar {display:inline-flex; margin-bottom:20px; border-radius:4px; border:1px solid #ddd;overflow: hidden;}
section.account .navbar a[data-icon] {border:0; border-radius:0; border-right:1px solid #ddd; display:flex;}
section.account .navbar a:last-child {border-right:0; }

section.account .radio {display:flex; justify-content: center; margin-bottom: 20px;}
section.account .radio label {display:flex; align-items: center; margin-right:15px;}
section.account .radio label input {margin:0 5px 0 0;}

section.settings {margin:0 20px; display:flex; flex-wrap: wrap;}
section.settings > div {width:calc(33.333333333% - 6px); margin:3px; padding:20px; border-radius:4px; border:1px solid #ddd;}
section.settings #deleteAccountConfirm label {display:flex; align-items: center;margin-bottom:10px;}
section.settings #deleteAccountConfirm label input {margin-right:5px;}

section.settings #paymentDetails .wpwl-form {margin:0;}
section.settings #paymentDetails .wpwl-group.wpwl-group-brand {display:none;}
section.settings #paymentDetails .wpwl-button-pay {white-space: nowrap; border: 1px solid #ddd;background: #f6f6f6;color: #000;border-radius: 5px; padding:7px 15px;cursor: pointer;}
section.settings #paymentDetails .wpwl-button-pay:hover {background: #000;color: #fff;}

section.settings .goBack {display:inline-flex; align-items: center; color:#000; cursor:pointer; margin-right:20px;}
section.settings .goBack:before {font-family: 'Material Symbols Outlined';content:'cancel';font-variation-settings:'FILL'0,'wght'200;font-weight: normal;font-style: normal;font-size: 24px;margin-right:5px;}
section.settings .buySubs:before {content:'rocket_launch';}
section.settings .cancelSubs:before {content:'cancel';}
section.settings .paymentDetails:before {content:'edit';}
section.settings .changeEmail:before {content:'email';}
section.settings .changePass:before {content:'lock';}
section.settings .deleteAccount:before {content:'delete';}
section.settings .confirm:before {content:'check_circle';}
section.settings .goBack:before {content:'arrow_back';}

/* //////////////////////  Account /////////////////////////////////////////// */





/* //////////////////////  Popups /////////////////////////////////////////// */
#vidViewContainer {position:fixed; z-index:2; top:0; left:0; width:100vw; height:calc(var(--vh, 1vh) * 100); background:#ebebeb; display:none;}
#vidViewContainer .close {position: fixed;cursor: pointer;right: 10px;top: 10px;}
#vidViewContainer > div {display:flex; justify-content:center; align-items:center; width:100vw; height:calc(var(--vh, 1vh) * 100);}
#vidViewContainer > div > div {max-height:calc(var(--vh, 1vh) * 100 - 100px); max-width:calc(100vw - 20px); padding:20px; background:#fff; box-shadow:0px 0px 10px #ebebeb;}
#vidViewContainer video {height:100%; width:100%; max-height:calc(var(--vh, 1vh)* 100 - 140px); max-width:calc(100vw - 80px);}

#magViewContainer {position:fixed; z-index:2; top:0; left:0; width:100vw; height:calc(var(--vh, 1vh) * 100); background:#ebebeb; display:none;}
#magViewContainer .close {position: fixed;cursor: pointer;right: 10px;top: 10px;}
#magViewContainer .magView {display:flex; justify-content:center; align-items:center; width:100vw; height:calc(var(--vh, 1vh) * 100);}
#magViewContainer .magView > .container {padding:20px; background:#fff; max-height:calc(var(--vh, 1vh) * 100 - 40px); max-width:calc(100vw - 40px); box-shadow:0px 0px 10px #ebebeb;display:flex; align-items: center;}
#magViewContainer .imageSlide {display:flex; flex-direction:column; max-height:calc(var(--vh, 1vh) * 100 - 80px); aspect-ratio: 2 / 3; max-width:350px;}
#magViewContainer .imageSlide img {width:auto; height:100%;}
#magViewContainer .content {min-width:500px; max-width:650px; max-height:calc(var(--vh, 1vh) * 100 - 80px); padding:20px; overflow:auto;}
#magViewContainer .magTitle {text-align:center; font-size:18px; margin-bottom: 20px;;}
#magViewContainer .magTitle svg {
    max-width:350px; width:100%; margin-bottom:-10px; stroke-width: 5; paint-order: stroke; stroke: #fff; fill:#d886af; filter: drop-shadow(0px 0px 4px #d886af);  
}
#magViewContainer .description {text-align:center; margin-bottom:20px;}

#magViewContainer .photoSets {}
#magViewContainer .photoSets .slick-track {margin:0;}

#magViewContainer .photoSets:not(.slick-slider) > div {width:25%; padding:2px; text-align:center;}
#magViewContainer .photoSets .slick-slide {padding:2px; text-align:center;} 
#magViewContainer .photoSets .img {position:relative;margin-bottom:5px; cursor:pointer; background:#000;}

#magViewContainer .videoSets {} 
#magViewContainer .videoSets .slick-track {margin:0;}
#magViewContainer .videoSets:not(.slick-slider) > div {width:33.333333%; padding:2px; text-align:center;}
#magViewContainer .videoSets .slick-slide {padding:2px; text-align:center;}
#magViewContainer .videoSets .img {position:relative;margin-bottom:5px; cursor:pointer; background:#000; overflow:hidden;}

#magViewContainer .purchaseContainer {display:table; border-collapse:collapse; width:100%; border:1px solid #ddd; margin-bottom:20px;}
#magViewContainer .purchaseContainer > div {display:table-row; border-bottom:1px solid #ddd;}
#magViewContainer .purchaseContainer > div > div {display:table-cell; padding:10px; vertical-align: middle;}
#magViewContainer .purchaseContainer .title {width:100%;}

#magViewContainer .slick-dotted.slick-slider {margin-bottom:0;}
#magViewContainer .slick-dots {position:static;}
#magViewContainer .slick-dots li {margin:0;}
#magViewContainer .slick-dots li button {padding:0;}
#magViewContainer .slick-dots li button:before {font-size:12px;}
#magViewContainer .slick-dots > li:only-child {display: none;}

#photoViewContainer {position:fixed; z-index:2; top:0; left:0; width:100vw; height:calc(var(--vh, 1vh) * 100); background:#ebebeb; display:none;}
#photoViewContainer .close {position: fixed;cursor: pointer;right: 10px;top: 10px;}
#photoViewContainer .photoView {display:flex; justify-content:center; align-items:center; width:100vw; height:calc(var(--vh, 1vh) * 100);}
#photoViewContainer .photoView > .container {padding:20px; background:#fff; max-width:calc(100vw - 40px); box-shadow:0px 0px 10px #ebebeb;display:flex; align-items: center;}
#photoViewContainer .content {max-width: 1000px; max-height:calc(var(--vh, 1vh) * 100 - 80px); padding:20px; overflow:auto;}
#photoViewContainer .photosContainer {display:flex; flex-wrap: wrap;} 
#photoViewContainer .photosContainer > div {background:#000; margin:1px;}
#photoViewContainer .photosContainer .landscape {width:calc(33.33333333% - 2px);} 
#photoViewContainer .photosContainer .portrait {width:calc(16.666666% - 2px);} 
#photoViewContainer .photosContainer img {width:100%; height:100%; object-fit:cover; cursor:pointer;} 

#modelViewContainer {position:fixed; z-index:2; top:0; left:0; width:100vw; height:calc(var(--vh, 1vh) * 100); background:#ebebeb; display:none;}
#modelViewContainer .close {position: fixed;cursor: pointer;right: 10px;top: 10px;}
#modelViewContainer .modelView {display:flex; justify-content:center; align-items:center; width:100vw; height:calc(var(--vh, 1vh) * 100);}
#modelViewContainer .modelView > .container {padding:20px; background:#fff; max-width:calc(100vw - 40px); box-shadow:0px 0px 10px #ebebeb;display:flex; align-items: center;}
#modelViewContainer .content {max-width: 1000px; max-height:calc(var(--vh, 1vh) * 100 - 80px); padding:20px; overflow:auto;}
#modelViewContainer .modelsContainer {display:flex; flex-wrap: wrap;} 
#modelViewContainer .modelsContainer > div {background:#000; margin:1px;}
#modelViewContainer .modelsContainer .landscape {width:calc(33.33333333% - 2px);} 
#modelViewContainer .modelsContainer .portrait {width:calc(16.666666% - 2px);} 
#modelViewContainer .modelsContainer img {width:100%; height:100%; object-fit:cover; cursor:pointer;} 


/* //////////////////////  Popups /////////////////////////////////////////// */








/* //////////////////////  Photo Swipe /////////////////////////////////////////// */

.pswp__bg {background:#fff;}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {background-color:unset;}
.pswp__counter {color:#000;}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {background:none;}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before, .pswp__button--zoom:after, .pswp__button--fs:after, .pswp__button--close:after {
    font-family: 'Material Symbols Outlined';font-weight: normal;font-style: normal;font-size: 24px;color:#000;
} 
.pswp__button--arrow--left:before {content:'chevron_left'; }
.pswp__button--arrow--right:before {content:'chevron_right'; }
.pswp__button--zoom:after {content:'zoom_in'; }
.pswp__button--fs:after {content:'fullscreen'; }
.pswp__button--close:after {content:'close'; }
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {background-color:#ebebeb; font-size: 48px; height: 50px;width: 50px;display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.pswp__top-bar, .pswp__caption {background-color:transparent;}
/* //////////////////////  Photo Swipe /////////////////////////////////////////// */




/* //////////////////////  Dark Mode /////////////////////////////////////////// */

.darkMode input:-webkit-autofill,.darkMode input:-webkit-autofill:hover,.darkMode input:-webkit-autofill:focus,
.darkMode textarea:-webkit-autofill,.darkMode textarea:-webkit-autofill:hover,.darkMode textarea:-webkit-autofill:focus,
.darkMode select:-webkit-autofill,.darkMode select:-webkit-autofill:hover,.darkMode select:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 30px #111 inset !important;
}

body.darkMode {color:#fff;}

body.darkMode * {scrollbar-color:#333 transparent;}


.darkMode fieldset {background:transparent; border-color:#434343;}
.darkMode fieldset legend {color:#666;}
.darkMode fieldset:focus-within {border:1px solid #666;}
.darkMode fieldset:focus-within legend {color:#999;}
.darkMode .linksContainer ul li.drop > span:nth-of-type(2) .title {color:#fff;}
.darkMode textarea, .darkMode input[type=text], .darkMode input[type=password], .darkMode input[type=number], .darkMode input[type=tel] {
    color:#fff;
}
.darkMode button {border-color:transparent; background:#222; color:#fff;}
.darkMode button:hover {background:#434343;}
.darkMode button.pswp__button {background:inherit; color: inherit; border:0;}
.darkMode button.pswp__button:hover {background:inherit; color: inherit; border:0;}

.darkMode {background:#000;}
.darkMode header {background:#000; border-color: #666;}
.darkMode header .logo svg {fill:#fff;}
.darkMode header .right > * {border-color:#666; color:#fff}
.darkMode .linksContainer {background:#000;}
.darkMode .linksContainer ul li > * {color:#fff;}
.darkMode .linksContainer ul li.drop > span:nth-of-type(2) {background:#111;}

.darkMode .shoppingCartContainer {background: rgba(0, 0, 0, 0.8);}
.darkMode .shoppingCartContainer > div {background:#000; color:#fff;}
.darkMode .shoppingCartContainer table tr, .darkMode #cartTable table tr {border-color:#434343;}
.darkMode .totalsContainer > div.total, .darkMode #cartTable .totalsContainer > div.total {border-color:#434343;}

.darkMode .slideMenu {background: rgba(0, 0, 0, 0.8);}
.darkMode .slideMenu > div {background: #000;}
.darkMode .slideMenu #menuMag {border-color:#666}
.darkMode .slideMenu p.title {color: #fff;}
.darkMode .slideMenu svg {fill:#fff;}

.darkMode .joinus > div {border-color:#666;}
.darkMode .joinus > div.all {box-shadow: 0px 0px 20px #666;}
.darkMode .joinus > div .header {border-color:#666;}


.darkMode section.account .navbar {border-color:transparent;}
.darkMode section.account .navbar a {color: #fff; background:#222; border-color:#000;}
.darkMode section.account .navbar a:hover {background:#434343;}
.darkMode section.account .navbar a.active {background:#434343;}

.darkMode footer {border-color:#666;}
.darkMode footer svg {fill:#fff;}
.darkMode .social a {border:1px solid #666; color:#fff;}
.darkMode .social a svg {fill:#fff;}
.darkMode .social a:hover {background:#fff;}
.darkMode .social a:hover svg {fill:#000;}
.darkMode .social a:hover span {color:#000}




.darkMode .latestTitleContainer {border-color:#666;}
.darkMode .latestTitleContainer .viewAll a {background:#222; border-color: transparent; color:#fff;}
.darkMode .latestTitleContainer .viewAll a:hover {background:#434343;}
.darkMode #magFilterSearch {background:#000;}
.darkMode #magFilterSearch li:hover {border-color:#666;}
.darkMode .magInfo > div:not(.magTitle) span {background: #000;}
.darkMode #vidViewContainer {background:#333;}
.darkMode #vidViewContainer > div > div {background:#000; box-shadow: 0px 0px 10px #555;}



.darkMode .profile .stats > span {border-color:#666;}


.darkMode #magViewContainer {background:#333;}
.darkMode #magViewContainer .close {} 
.darkMode #magViewContainer .magView > .container {background:#000;box-shadow: 0px 0px 10px #555;}
.darkMode #magViewContainer .slick-dots li button:before {color:#fff;}
.darkMode #magViewContainer .slick-dots li.slick-active button:before {color:#fff;}
.darkMode #magViewContainer .purchaseContainer {border-color:#666;}
.darkMode #magViewContainer .purchaseContainer > div {border-color:#666;}

.darkMode #photoViewContainer {background:#333;}
.darkMode #photoViewContainer .photoView > .container {background:#000;box-shadow: 0px 0px 10px #555;}

.darkMode #modelViewContainer {background:#333;}
.darkMode #modelViewContainer .modelView > .container {background:#000;box-shadow: 0px 0px 10px #555;}


.darkMode section.settings > div {border-color:#666;}
.darkMode section.settings .goBack {color:#fff;}

.darkMode section.settings #paymentDetails .wpwl-button-pay {border-color:#666; background:#222; color:#fff;}
.darkMode section.settings #paymentDetails .wpwl-button-pay:hover {color:#000; background:#fff;}

.darkMode section.settings #paymentDetails .wpwl-control {border:1px solid #666; background:#222; border-radius:5px;}



.darkMode .pswp__bg {background:#000;}
.darkMode .pswp__counter {color:#fff;}
.darkMode .pswp__button--arrow--left:before, .darkMode .pswp__button--arrow--right:before, .darkMode .pswp__button--zoom:after, .darkMode .pswp__button--fs:after, .darkMode .pswp__button--close:after {
    color:#fff;
} 
.darkMode .pswp__button--arrow--left:before, .darkMode .pswp__button--arrow--right:before {background:#666;}



.darkMode section.signin .optionsContainer .options > div * {color:#fff;}


/* //////////////////////  Dark Mode /////////////////////////////////////////// */






@media screen and (max-width:1280px) {
     
    header {justify-content: flex-start;}
    header .left {width:38px; margin-right: 20px;}
    header .logo {width:auto;}
    header .right {margin-left:auto;}

}


@media screen and (max-width:1180px) {
    .joinus > div {padding: 20px;}

    section.settings > div {width: calc(50% - 6px);}
    .magazines > div {width:25%;}
    .homePhotosContainer .photoSets > div {width:25%;}
    .homeModelsContainer .modelSets > div {width:25%;}
}



@media screen and (max-width:1024px) {
    .profile > div .left {width:350px; padding-right:15px;}
    .profile > div .right {width:calc(100% - 350px);  padding-left:15px; }

    #photoViewContainer .photoView {display: block;width: 100%;background: #fff;overflow: auto;}
    #photoViewContainer .photoView > .container {box-shadow: none; max-width:unset; padding: 0;}
    #photoViewContainer .content {overflow: visible;max-height: unset; padding:30px;}
    #photoViewContainer .close {right: 20px; background: #fff;z-index: 1;}
    .darkMode #photoViewContainer .close {background: #000;}

    #modelViewContainer .modelView {display: block;width: 100%;background: #fff;overflow: auto;}
    #modelViewContainer .modelView > .container {box-shadow: none; max-width:unset; padding: 0;}
    #modelViewContainer .content {overflow: visible;max-height: unset; padding:30px;}
    #modelViewContainer .close {right: 20px; background: #fff;z-index: 1;}
    .darkMode #modelViewContainer .close {background: #000;}

    .homeVideosContainer .videoSets > div {width:50%;}
}



@media screen and (max-width:980px) {
    #magViewContainer .magView > .container {flex-direction: column; overflow: auto; max-width:550px;}
    #magViewContainer .content {max-height: none; overflow: visible; max-width:100%; min-width:auto; padding:20px 0;}

    .joinus {flex-direction: column; max-width:700px; padding:20px;}
    .joinus > div {width:100%;}
    .joinus > div.free {border-right:1px solid #ccc; border-radius:5px;}
    .joinus > div.photos {border-left:1px solid #ccc; border-radius:5px;}
    .joinus .bens > div {margin-bottom:5px;}
    .joinus button {margin-top:10px;}


}

@media screen and (max-width:920px) {
    .magazines > div {width:33.33333333333%;}
    .homePhotosContainer .photoSets > div {width:33.33333333333%;}
    .homeModelsContainer .modelSets > div {width:33.33333333333%;}

    section.signin .left {display:none;}
    section.signin .right {width:100%;}
}

@media screen and (max-width:920px) {
    .profile h1 {font-size:32px;}
    .profile > div {display:flex; flex-direction: column;}
    .profile > div .left {display:none;}
    .profile > div .right {width:100%; max-width:650px;  padding-left:0; }

    section.settings > div {width: calc(100% - 6px);}
}

@media screen and (max-width:920px) {
    #photoViewContainer .photosContainer .landscape {width:calc(50% - 2px);} 
    #photoViewContainer .photosContainer .portrait {width:calc(25% - 2px);} 

    #modelViewContainer .modelsContainer .landscape {width:calc(50% - 2px);} 
    #modelViewContainer .modelsContainer .portrait {width:calc(25% - 2px);} 
}



@media screen and (max-width:900px) {
    body > .header {height:50px;} 
    header .logo {height:50px;}
    header .logo a {overflow: hidden;width: 80px;}
    header .logo svg {height:30px;}
    .linksContainer {display:none;}
}



@media screen and (max-width:700px) {
    .latestTitleContainer {flex-direction: column;}
    .latestTitleContainer .viewAll {width:100%; justify-content:center;}

    .latestTitleContainer .latestTitle {margin-bottom:10px;}


    .magazines > div {width:50%;}
    .homePhotosContainer .photoSets > div {width:50%;}
    .homeModelsContainer .modelSets > div {width:50%;}

    .homeVideosContainer .videoSets > div {width:100%;}
}


@media screen and (max-width:600px) {
    #magViewContainer {background:#fff;}
    .darkMode #magViewContainer {background:#000;}
    
    #magViewContainer .magView {display: block; overflow:auto;}
    #magViewContainer .magView > .container { overflow: visible; box-shadow: none; width:100%; height:auto;max-height:unset;}
    .darkMode #magViewContainer .magView > .container {box-shadow: none;}
    #magViewContainer .magView {width:100%;}
    #magViewContainer .close {right:20px; background:#fff; z-index:1;}
    .darkMode #magViewContainer .close {background:#000;}
    .profile .photos div {margin:2px; width:calc(50% - 4px);}

    section.account .navbar a span {font-size:12px;}
    section.settings {margin:0 10px;}
}

@media screen and (max-width:680px) {

    header {padding:0 10px;}
    header .right .subscribe {display:none;}
    header .right .signin span {display:none;}
    header .right > * {margin-right:5px; padding-right:5px;}
    header .right i {margin-right:0;}

    header .right > .headerCurrency {padding-right:10px;}
    header #headerCurrency {font-size: 12px;width:50px;padding: 3px 15px 3px 5px;}
    header .headerCurrency:after {right:13px; font-size:18px;}

    header .left {width:24px; margin-right:10px;}
    header .left i {font-size:24px;}

    header .logo a {overflow: hidden;width:60px;}
    header .logo svg {height:20px;}


    section.account .radio {max-width:300px; flex-wrap:wrap; margin:0 auto;}
    section.account .radio label {margin-bottom:10px;}


}

@media screen and (max-width:560px) {
    


    .homeMagsContainer {padding:10px;}
    .homePhotosContainer {padding:10px;}
    .homeModelsContainer {padding:10px;}
    .homeVideosContainer {padding:10px;}


    .magazines > div .txt button {padding:3px 5px; font-size:12px;}
    .magazines > div .txt button:before {font-size:18px;font-variation-settings: 'FILL' 0, 'wght' 300;}
    .magazines > div .txt button:nth-of-type(2) {margin-left:3px;}

    #magViewContainer .purchaseContainer > div {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
    #magViewContainer .purchaseContainer > div:last-child {border-bottom:0;}
    #magViewContainer .purchaseContainer .title {padding-bottom:0; text-align: center;}

    #photoViewContainer .photosContainer .landscape {width:calc(100% - 2px);} 
    #photoViewContainer .photosContainer .portrait {width:calc(50% - 2px);} 
    
    #modelViewContainer .modelsContainer .landscape {width:calc(100% - 2px);} 
    #modelViewContainer .modelsContainer .portrait {width:calc(50% - 2px);} 
    
}

@media screen and (max-width:520px) {
    section.account .navbar {}
    section.account .navbar a {flex-direction:column; padding:4px 10px;}
    section.account .navbar a:before {margin-right:0; font-size:32px; line-height: 1;}
    section.account .navbar a span {}

    button.favourite span {display:none;}
}


@media screen and (max-width:480px) {
    section.signin .optionsContainer {flex-direction:column; align-items:flex-start;}
    section.signin .optionsContainer button {margin-left: unset;}
    section.signin .optionsContainer .options {margin-bottom: 20px;}
}



.bannerHeader {text-align:center; padding:0 20px;}
.bannerHeader .blackFriday {display:inline-flex; align-items:center; height:80px; margin-top:20px;}
.bannerHeader .blackFriday .title {font-size: 38px; line-height:1; margin-right:20px;}
.bannerHeader .blackFriday img {width:auto; height:80px; display:block;}
.bannerHeader .blackFriday .text {font-size:18px; line-height:1.3; width:300px; margin-left:20px; text-align:left;}
.bannerHeader .blackFriday .text span {display:block; font-size:14px;}
.hardCopyBanner {text-align:center; margin-top:10px;}
.hardCopyBanner a {display:inline-flex; max-width:800px; background:#e00008; color:#fff; padding:2px 10px; border-radius:3px;}

@media screen and (max-width:900px) {
    .bannerHeader {text-align:left;}
    .hardCopyBanner {text-align:left;}
}
@media screen and (max-width:700px) {
    .bannerHeader {text-align:center;}
    .bannerHeader .blackFriday {max-width:300px; height:auto; justify-content:center;}
    .bannerHeader .blackFriday {flex-wrap:wrap;}
    .bannerHeader .blackFriday .text {text-align:center; margin-top:15px;}
    .hardCopyBanner {text-align:center;}
}




/* stroke: white;
stroke-width: 5;
paint-order: stroke; */

.grayscale {
     filter: grayscale( 100% );
	-webkit-filter: grayscale( 100% );
}

/*=================================================================================*/
/* styles lifted without and due care and attention directly from old live site    */
/* these are for the hardcopy orders table in the new site's magazine account page */
/*=================================================================================*/

.homeMagsOrdersContainer {max-width:900px; margin:0 auto;}
.homeMagsOrdersContainer .date, .homeMagsOrdersContainer .orderNumber {text-align:right; padding-right:20px;}
.homeMagsOrdersContainer .orderBox {border-collapse:collapse; width: 100%; margin-bottom:10px;}
.homeMagsOrdersContainer .orderBox tr:nth-of-type(1) td {white-space:nowrap; padding:10px; font-weight:600;}
.homeMagsOrdersContainer .orderBox tr:not(:nth-of-type(1)) {border-top:1px solid #ddd;}
.darkMode .homeMagsOrdersContainer .orderBox tr:not(:nth-of-type(1)) {border-color:#434343}
.homeMagsOrdersContainer .orderBox td {padding:5px 10px;}
.homeMagsOrdersContainer .orderBox td:nth-of-type(1) {width:10%; text-align:center; min-width:60px;}
.homeMagsOrdersContainer .orderBox td:nth-of-type(2) {width:90%;}
.homeMagsOrdersContainer .orderBox td:nth-of-type(3), .orderBox td:nth-of-type(4), .orderBox td:nth-of-type(5) {white-space:nowrap; text-align:right;}
.homeMagsOrdersContainer .grandTotal {text-align:right;font-weight:600;padding-right:10px;}
.homeMagsOrdersContainer .orderStatus {padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #000;}
.darkMode .homeMagsOrdersContainer .orderStatus {border-color:#fff;}
.homeMagsOrdersContainer .orderStatus:last-child {border-bottom:0;}




/* #memberDeliveriesPanel {font-size:14px; max-width:1280px; margin:0px 15px;}
#memberDeliveriesPanel .smallText {font-size:12px;}
#memberDeliveriesPanel .largeText {font-size:20px; font-family: 'Open Sans', sans-serif;line-height: 1.2em;}
#memberDeliveriesPanel .mainAddress {border-bottom:1px dashed #000;margin-bottom:10px;padding-bottom:10px;}
#memberDeliveriesPanel .mainAddress p, .mainAddress img {display:inline-block; vertical-align:top; width:100px;}
#memberDeliveriesPanel .mainAddress p {width:calc(100% - 100px);}
#memberDeliveriesPanel .mainAddress img {width:100px;}
#memberDeliveriesPanel .orderNumber, .date {display:inline-block; vertical-align:bottom;width:calc(100% - 185px);}
#memberDeliveriesPanel .date { width:185px;  text-align:right; padding-right:10px;}
#memberDeliveriesPanel .orderBox {border-collapse: collapse;width: 100%; margin-bottom:10px;}
#memberDeliveriesPanel .orderBox td {border:1px solid #ccc;padding:5px 10px;}
#memberDeliveriesPanel .orderBox td:nth-of-type(1) { text-align:center;}
#memberDeliveriesPanel .orderBox td:nth-of-type(2) {width:100%;}
#memberDeliveriesPanel .orderBox td:nth-of-type(3), .orderBox td:nth-of-type(4) {white-space:nowrap; text-align:right;}
#memberDeliveriesPanel .orderBox img {max-width:70px;}
#memberDeliveriesPanel .grandTotal {text-align:right;padding-right:10px; }
#memberDeliveriesPanel .orderStatus {text-align:right;padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #000; text-align:right} */

/* .gpvContainer {padding:20px 10px; background:#fff;}
.gpvContainer .gpvSearch {margin-bottom:20px; text-align:center;position: relative;text-align: right;}
.gpvContainer .gpvSearch .Title42 {position: absolute;top: -12px;}
.gpvContainer .gpvSearch .Title22 {position: absolute;top: 0px;}
.gpvContainer .gpvSearch .select {width:150px;}
.gpvContainer .gpvSearch select, .gpvContainer .gpvSearch select option {font-size:12px;}
.gpvContainer .gpvSort {display:inline-block; vertical-align:middle; border-left:1px solid #ddd;margin-left:10px;}
.gpvContainer .gpvSort span {font-size:12px; color:#000; display:inline-block; vertical-align:middle; padding:5px 10px; border:1px solid #fff;}
.gpvContainer .gpvSort a {font-size:12px; color:#000; display:inline-block; vertical-align:middle; padding:5px 10px; border:1px solid #ddd; cursor:pointer;}
.gpvContainer .gpvSort a.active {border:1px solid #B07B00;color:#fff; background:#B07B00;}

.gpvContainer .theGPV > div {display:inline-block; width:25%; vertical-align:top;padding:2px 2px 0px 2px; margin-bottom:2px;position: relative; overflow:hidden;} */