.gallery3 #pnlDesigner_gallery_scenes ul li#moreButton {
    overflow: visible;
    min-width: 42px;
}

.pictimeDialog .gallerySelection .dialogContent .optionsPanel .optionsPanelInner .pButton {
    min-width: 76px;
    margin-bottom: 2px;
}

.gallery3 .pnlStorePage .pnlStoreContent .pnlShoppingCart .downloadPhotos.draft {
    padding-bottom: 15px;
}

.gallery3 .messagePage .header img.logo {
    width: 280px;
}

.gallery3 .scrollingFull #fullHeader #navigationMenu .logo .link1.website {
    display: block !important;
    margin-top: 9px;
}

#navigationMenu ul.pNarrow.pM li a.pBlackH {
    font-family: 'Open Sans', sans-serif !important;
}

.pWhite.downloadHigh.submit.pButton.pButtonLarge.pButtonAuto.pNarrow.center,
.pWhite.downloadLow.submit.pButton.pButtonLarge.pButtonAuto.pNarrow.center,
.pWhite.downloadLow.submit.pButton.pButtonLarge.pButtonAuto.pNarrow.center:not(.pButtonNaked) {
    font-size: 12px;
}

.photostream2 .block.Image .owner.hideButton:hover:after {
    height: 102px !important;
}

.photostream2 .block.Image .owner.hideButton .text {
    width: 165px !important;
}

li.icon_only.titleBefore.preview#like_li > span {
    width: 70px;
    margin-left: -15px;
}

/*
 * SCSS Variables //@import 'variables';
 */
/* misc. */
/* font family */
/* font size */
/* font style */
/* font uppercase */
/* font letter-spacing */
/* font weights */
/* colors */
/* /Variables */
/* Placeholders */
.userlogin .userloginInner .screens .screen button, .userlogin .userloginInner .screens .screen .password, .userlogin .userloginInner .screens .screen .passField, .loginBook .screen .headerEmail,
.loginBox .screen .headerEmail, .loginBox .screen form .checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.userlogin .userloginInner .screens .screen button, .userlogin .userloginInner .screens .screen .password, .userlogin .userloginInner .screens .screen .passField, .loginBook .screen .headerEmail,
.loginBox .screen .headerEmail, .loginBox .screen form .checkbox {
    display: inline-flex;
}

.userlogin .userloginInner .screens .screen, .loginBook .screen .disjunction,
.loginBox .screen .disjunction, .loginBook .screen .title,
.loginBook .screen .loginFooter,
.loginBox .screen .title,
.loginBox .screen .loginFooter, .loginBook .screen form .local, .loginBook .screen form .external, .loginBook .screen:not(.guestBook) form, .loginBox .screen form, .loginBox .screen form .local {
    display: flex;
    flex-direction: column;
}

.userlogin .userloginInner .screens .screen, .loginBook .screen .disjunction,
.loginBox .screen .disjunction, .loginBook .screen .title,
.loginBook .screen .loginFooter,
.loginBox .screen .title,
.loginBox .screen .loginFooter {
    align-items: center;
}

.userlogin:after, body.login .projectCover,
body.login .accountCover, body.login .projectCover:before,
body.login .accountCover.projectCover:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* /Placeholders */
/*
 * SCSS Mixins //@import 'mixins';
 */
/* /Mixins */
/*
 * SCSS Functions //@import 'functions';
 */
/* /Functions */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    box-shadow: 0 0 0px 100vw #FFFFFF inset !important;
}

/**
** Migration Class
**/
/* font family */
.F1 {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
}

.F2 {
    font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B", sans-serif;
}

.F3 {
    font-family: "garamond-premier-pro-display", sans-serif;
}

.F4 {
    font-family: "Crimson Text", serif;
}

/* font size */
.S0 {
    font-size: 10px;
}

.S1 {
    font-size: 11px;
}

.S2 {
    font-size: 12px;
}

.S3 {
    font-size: 13px;
}

.S4 {
    font-size: 16px;
}

.S5 {
    font-size: 20px;
}

.S6 {
    font-size: 26px;
}

.S7 {
    font-size: 34px;
}

.S8 {
    font-size: 18px;
}

.S9 {
    font-size: 14px;
}

.S10 {
    font-size: 22px;
}

.S11 {
    font-size: 30px;
}

/* font uppercase */
.U1 {
    text-transform: none;
}

.U2 {
    text-transform: uppercase;
}

/* font letter-spacing */
.L1 {
    letter-spacing: 0.2px;
}

.L2 {
    letter-spacing: 1px;
}

.L3 {
    letter-spacing: 1.5px;
}

.L4 {
    letter-spacing: 0.5px;
}

.L5 {
    letter-spacing: 2px;
}

.L6 {
    letter-spacing: 3.5px;
}

/* font weights */
.W1 {
    font-weight: 300;
}

.W2 {
    font-weight: 400;
}

.W3 {
    font-weight: 500;
}

.W4 {
    font-weight: 700;
}

/* colors */
.C0 {
    color: #F9F9F9;
}

.CH0:hover {
    color: #F9F9F9;
}

.BC0 {
    background-color: #F9F9F9;
}

.BCH0:hover {
    background-color: #F9F9F9;
}

.C1 {
    color: #FFFFFF;
}

.CH1:hover {
    color: #FFFFFF;
}

.BC1 {
    background-color: #FFFFFF;
}

.BCH1:hover {
    background-color: #FFFFFF;
}

.C2 {
    color: #F2F2F2;
}

.CH2:hover {
    color: #F2F2F2;
}

.BC2 {
    background-color: #F2F2F2;
}

.BCH2:hover {
    background-color: #F2F2F2;
}

.C3 {
    color: #ECECEC;
}

.CH3:hover {
    color: #ECECEC;
}

.BC3 {
    background-color: #ECECEC;
}

.BCH3:hover {
    background-color: #ECECEC;
}

.C4 {
    color: #E0E0E0;
}

.CH4:hover {
    color: #E0E0E0;
}

.BC4 {
    background-color: #E0E0E0;
}

.BCH4:hover {
    background-color: #E0E0E0;
}

.C5 {
    color: #D0D0D0;
}

.CH5:hover {
    color: #D0D0D0;
}

.BC5 {
    background-color: #D0D0D0;
}

.BCH5:hover {
    background-color: #D0D0D0;
}

.C6 {
    color: #BCBCBC;
}

.CH6:hover {
    color: #BCBCBC;
}

.BC6 {
    background-color: #BCBCBC;
}

.BCH6:hover {
    background-color: #BCBCBC;
}

.C7 {
    color: #868686;
}

.CH7:hover {
    color: #868686;
}

.BC7 {
    background-color: #868686;
}

.BCH7:hover {
    background-color: #868686;
}

.C8 {
    color: #444444;
}

.CH8:hover {
    color: #444444;
}

.BC8 {
    background-color: #444444;
}

.BCH8:hover {
    background-color: #444444;
}

.C9 {
    color: #1C1C1C;
}

.CH9:hover {
    color: #1C1C1C;
}

.BC9 {
    background-color: #1C1C1C;
}

.BCH9:hover {
    background-color: #1C1C1C;
}

.C10 {
    color: #FF232B;
}

.CH10:hover {
    color: #FF232B;
}

.BC10 {
    background-color: #FF232B;
}

.BCH10:hover {
    background-color: #FF232B;
}

.C11 {
    color: #F8DADB;
}

.CH11:hover {
    color: #F8DADB;
}

.BC11 {
    background-color: #F8DADB;
}

.BCH11:hover {
    background-color: #F8DADB;
}

.C12 {
    color: #CB1B21;
}

.CH12:hover {
    color: #CB1B21;
}

.BC12 {
    background-color: #CB1B21;
}

.BCH12:hover {
    background-color: #CB1B21;
}

.C25 {
    color: #AB4D2E;
}

.I1 {
    font-style: italic;
}

html, body.store {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

html.cart, body.store.cart {
    overflow: auto;
}

body,
.bodyNoPanel {
    margin: 0;
    padding: 0;
    font-size: 20px;
    direction: ltr;
    font-family: 'PT Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html.noScroll {
    overflow: hidden;
}

html.noScroll--dialog {
    overflow: hidden;
}

html.noScroll body {
    overflow: hidden;
    max-height: 100vh;
}

a {
    color: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-decoration: inherit;
}

a:not([class]),
a:not([class]):visited.a:not([class]):hover,
a:not([class]):link,
a:not([class]):active {
    color: inherit;
}

a,
a:visited.a:hover,
a:link,
a:active {
    text-decoration: none;
}

.nicescroll-rails > div {
    background-color: #bcbcbc !important;
    -webkit-transition: all 0.1s;
}

.nicescroll-rails:hover > div {
    width: 12px !important;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar:hover {
    width: 12px !important;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #E0E0E0;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #D0D0D0;
    width: 12px !important;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #e2e1e1 #ffffff;
}

.pCurrencyWrapper {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

.pCurrencyLarge {
    position: absolute;
    top: 0;
    left: calc(100% + 6px);
    vertical-align: top;
    height: 100%;
}

.pCurrencyLarge sub {
    font-size: x-small;
    vertical-align: baseline;
}

.pCurrency {
    display: inline-block;
}

.pCurrency:hover {
    position: relative;
}

.pCurrency:hover:after {
    content: attr(data-name);
    position: absolute;
    top: calc(100% + 2px);
    left: -12px;
    background-color: rgba(28, 28, 28, 0.75);
    padding: 0 10px 0 10px;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.2px;
    z-index: 999999;
}

.pNarrow {
    font-family: 'PT Sans Narrow', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.pGotham {
    font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
    text-transform: uppercase;
}

.pXGotham {
    font-family: 'Gotham XNarrow SSm A', 'Gotham XNarrow SSm B', sans-serif;
    text-transform: uppercase;
}

.pUnGotham {
    font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
    text-transform: none;
}

.pGotham.pNoHover {
    text-transform: none;
}

/****************************************** general css ***********************/
.F1 {
    font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
}

.F2 {
    font-family: 'Gotham XNarrow SSm A', 'Gotham XNarrow SSm B', sans-serif;
}

.F3 {
    font-family: 'garamond-premier-pro-display', sans-serif;
}

/*.F4 {*/
/*font-family: 'pro-minion';*/
/*}*/
.F4 {
    font-family: 'Crimson Text', serif;
}

/* font size */
.S0 {
    font-size: 10px;
}

.S1 {
    font-size: 11px;
}

.S2 {
    font-size: 12px;
}

.S3 {
    font-size: 13px;
}

.S4 {
    font-size: 16px;
}

.S5 {
    font-size: 20px;
}

.S6 {
    font-size: 26px;
}

.S7 {
    font-size: 34px;
}

.S8 {
    font-size: 18px;
}

.S9 {
    font-size: 14px;
}

.S10 {
    font-size: 22px;
}

.S11 {
    font-size: 30px;
}

/* font uppercase */
.U1 {
    text-transform: none;
}

.U2 {
    text-transform: uppercase;
}

/* font letter-spacing */
.L1 {
    letter-spacing: 0.2px;
}

.L2 {
    letter-spacing: 1px;
}

.L3 {
    letter-spacing: 1.5px;
}

.L5 {
    letter-spacing: 2px;
}

.L6 {
    letter-spacing: 3.5px;
}

/* font weights */
.W1 {
    font-weight: 300;
}

.W2 {
    font-weight: 400;
}

.W3 {
    font-weight: 500;
}

.W4 {
    font-weight: 700;
}

/* colors */
.C0 {
    color: #F9F9F9;
}

.CH0:hover {
    color: #F9F9F9;
}

.BC0 {
    background-color: #F9F9F9;
}

.BCH0:hover {
    background-color: #F9F9F9;
}

.C1 {
    color: #FFFFFF;
}

.CH1:hover {
    color: #FFFFFF;
}

.BC1 {
    background-color: #FFFFFF;
}

.BCH1:hover {
    background-color: #FFFFFF;
}

.C2 {
    color: #F2F2F2;
}

.CH2:hover {
    color: #F2F2F2;
}

.BC2 {
    background-color: #F2F2F2;
}

.BCH2:hover {
    background-color: #F2F2F2;
}

.C3 {
    color: #ECECEC;
}

.CH3:hover {
    color: #ECECEC;
}

.BC3 {
    background-color: #ECECEC;
}

.BCH3:hover {
    background-color: #ECECEC;
}

.C4 {
    color: #E0E0E0;
}

.CH4:hover {
    color: #E0E0E0;
}

.BC4 {
    background-color: #E0E0E0;
}

.BCH4:hover {
    background-color: #E0E0E0;
}

.C5 {
    color: #D0D0D0;
}

.CH5:hover {
    color: #D0D0D0;
}

.BC5 {
    background-color: #D0D0D0;
}

.BCH5:hover {
    background-color: #D0D0D0;
}

.C6 {
    color: #BCBCBC;
}

.CH6:hover {
    color: #BCBCBC;
}

.BC6 {
    background-color: #BCBCBC;
}

.BCH6:hover {
    background-color: #BCBCBC;
}

.C7 {
    color: #868686;
}

.CH7:hover {
    color: #868686;
}

.BC7 {
    background-color: #868686;
}

.BCH7:hover {
    background-color: #868686;
}

.C8 {
    color: #444444;
}

.CH8:hover {
    color: #444444;
}

.BC8 {
    background-color: #444444;
}

.BCH8:hover {
    background-color: #444444;
}

.C9 {
    color: #1C1C1C;
}

.CH9:hover {
    color: #1C1C1C;
}

.BC9 {
    background-color: #1C1C1C;
}

.BCH9:hover {
    background-color: #1C1C1C;
}

.C10 {
    color: #FF232B;
}

.CH10:hover {
    color: #FF232B;
}

.BC10 {
    background-color: #FF232B;
}

.BCH10:hover {
    background-color: #FF232B;
}

.C11 {
    color: #F8DADB;
}

.CH11:hover {
    color: #F8DADB;
}

.BC11 {
    background-color: #F8DADB;
}

.BCH11:hover {
    background-color: #F8DADB;
}

.C12 {
    color: #CB1B21;
}

.CH12:hover {
    color: #CB1B21;
}

.BC12 {
    background-color: #CB1B21;
}

.BCH12:hover {
    background-color: #CB1B21;
}

.C25 {
    color: #AB4D2E;
}

.I1 {
    font-style: italic;
}

.icon, .iconBefore:before, .iconAfter:after {
    content: "";
    position: relative;
    width: 40px;
    height: 40px;
    background-image: url(resources/sprites/dashboard.svg?r=r84.7);
}

.pictimeDialog .pnlDialogBox_Content_dark {
    min-width: 190px;
    min-height: 190px;
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #ddd;
    position: relative;
    color: #888;
    font-size: 16px;
    font-family: 'PT Sans', sans-serif;
}

.pnlDialogBox_Content_dark.loading .text {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px;
}

.pnlDialogBox_Content_dark.loading img {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 26px;
    top: 0;
}

.messagePage .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    border-bottom: 1px solid #ddd;
}

.messagePage .header img {
    margin-left: 20px;
    margin-top: 5px;
}

.messagePage .title {
    color: #333;
    font-size: 24px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 200px;
    right: 0;
    width: 350px;
    height: 40px;
}

.messagePage .msg {
    color: #888;
    height: 40px;
    font-size: 17px;
    margin: auto;
    position: absolute;
    left: 0;
    top: 280px;
    right: 0;
    width: 350px;
    font-family: 'PT Sans', sans-serif;
    line-height: 30px;
}

.textField {
    text-align: center;
    padding-top: 16px;
    padding-left: 26px;
    padding-bottom: 3px;
    padding-right: 27px;
    height: 50px;
}

.textField input {
    border: 1px solid #dddddd;
    width: 100%;
    height: 100%;
    font-size: 15px;
    padding-left: 15px;
    width: calc(100% - 15px);
    text-align: left;
}

.textField input:focus {
    outline: transparent;
    border: 1px solid #bbbbbb;
}

.pButton {
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: center;
    outline: none;
    border: none;
    color: inherit;
    background-color: inherit;
    font-size: inherit;
    box-sizing: border-box;
}

.pButton > .text {
    margin-left: 10px;
}

.p#333333 .pButton:not(.pButtonNaked) {
    color: #FFFFFF;
    background-color: #333333;
}

.p#333333 .pButton:not(.pButtonNaked):hover {
    background-color: #888888;
}

.pGrayH, .pGray {
    color: #bbbbbb;
}

.pGrayH:hover {
    color: #aaaaaa;
}

.pWhite {
    color: #FFFFFF;
}

.p#333333H, .p#333333 {
    color: #333333;
}

.p#333333H:hover {
    color: #888888;
}

.pBlack {
    color: #333333;
}

.pBlackH:hover {
    color: #333333;
}

.pDarkGrayH, .pDarkGray {
    color: #aaaaaa;
}

.pDarkGrayH:hover {
    color: #888888;
}

.pGrayH, .pGray {
    color: #bbbbbb;
}

.pGrayH:hover {
    color: #aaaaaa;
}

.pLightGray {
    color: #e5e5e5;
}

.pRed {
    color: #FF232B;
}

.pGray .pButton:not(.pButtonNaked) {
    color: #333333;
    background-color: #dddddd;
}

.pGray .pButton:not(.pButtonNaked):hover {
    background-color: #aaaaaa;
}

.pWhite.pButton:not(.pButtonNaked) {
    color: #333333;
    background-color: white;
    border: 1px solid #333333;
}

.pWhite.pButton:not(.pButtonNaked):hover {
    background-color: #333333;
    color: white;
}

.pWhite .pButton:not(.pButtonNaked) {
    color: #333333;
    background-color: white;
    border: 1px solid #333333;
}

.pWhite .pButton:not(.pButtonNaked):hover {
    background-color: #333333;
    color: white;
}

.pButtonLarge {
    width: 200px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
}

.pButtonAuto {
    width: 100%;
}

.pButtonSmall {
    padding: 0 25px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
}

.pButtonExtraSmall {
    width: 132px;
    height: 36px;
    line-height: 37px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
}

.pButtonStandard {
    width: 250px;
    height: 40px;
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pButtonStandard:hover {
    background-color: #ececec;
}

.pButtonInRow {
    display: inline-block;
    margin: 5px;
}

.pButtonSmall.pButtonNaked {
    font-size: 13px;
    line-height: 40px;
    vertical-align: middle;
}

.pButtonLarge.pButtonNaked {
    line-height: 40px;
    vertical-align: middle;
}

.pButtonNaked {
    padding: 0 5px;
}

.pButtonLink {
    text-decoration: underline;
}

.pButton.selecting:after {
    content: ' ';
    position: absolute;
    right: 5px;
    top: 10px;
    width: 20px;
    height: 20px;
    background-image: url(resources/sprites/phtsprite.png?r=r84.7);
    background-position: 0 -180px;
}

.pTopPanel .pButton {
    margin: 0 10px;
}

.pTopPanel .pButton.p#333333 {
    margin: 0 5px;
}

.pTopPanel .fwButtons {
    position: absolute;
    top: 0;
    right: 30px;
    line-height: 70px;
}

.validationError {
    color: #FF232B;
    font-size: 11px;
    padding-top: 4px;
    text-align: left;
    line-height: 16px;
    margin-bottom: 10px;
}

.fieldInvalid.fieldInvalid input {
    border: 1px solid #FF232B;
}

/************ Selection Dialogs *****************/
.dialog {
    display: block;
    z-index: 10002;
    position: absolute;
    background-color: white;
    color: #333333;
}

.dialogOverlay {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.90;
    background-color: #BCBCBC;
    z-index: 3;
}

.dialogOverlay.requireActivation {
    background-color: #1C1C1C;
    opacity: 0.65;
}

.dialogCloseIcon {
    position: fixed;
    right: 24px;
    top: 18px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-image: url(./resources/sprites/client.svg?r=r84.7);
    background-repeat: no-repeat;
    background-position: -40px -720px;
}

.dialogClose:hover .dialogCloseIcon {
    background-position: -80px -720px;
    color: #000000;
}

.dialogContent {
    width: 100%;
    height: 100%;
    position: relative;
}

.dialogContent > .title {
    height: 80px;
    line-height: 105px;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 24px;
    padding-right: 24px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* new base */
.icon4 {
    background-image: url("./resources/sprites/client.svg?r=r84.7");
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: block;
}

.icon4Before, .icon4After {
    position: relative;
}

.icon4Before:before, .icon4After:after {
    content: '';
    display: block;
    background-image: url("./resources/sprites/client.svg?r=r84.7");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 100%;
    width: 40px;
    height: 40px;
}

.icon4Before:before {
    left: 0;
}

.icon4After:after {
    right: 0;
}

.icon4Before {
    position: relative;
    padding-left: 40px;
}

.vAlignWrapper:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.vAlignContainer {
    display: inline-block;
    vertical-align: middle;
}

/* gallery selection*/
.gallerySelection .formPanel {
    overflow: auto;
    position: absolute;
    bottom: 0;
    top: 81px;
}

.gallerySelection .thumbPanel {
    position: absolute;
    top: 81px;
    bottom: 0;
    right: 0;
    left: 300px;
    border-left: 1px solid #dddddd;
}

.gallerySelection .thumbPanel.loading, .gallerySelection .thumbPanel.done li {
    pointer-events: none;
}

.gallerySelection .thumbPanel.loading, .gallerySelection .thumbPanel.done .selectionAddLikes {
    pointer-events: none;
}

.gallerySelection .thumbPanel.loading, .gallerySelection .thumbPanel.done .selectionDiscard {
    pointer-events: none;
}

.gallerySelection .thumbPanel .selectionButtons {
    z-index: 1;
    position: relative;
    height: 40px;
    font-size: 13px;
    font-weight: 300;
    color: #aaaaaa;
    border-bottom: 1px solid #dddddd;
    padding-left: 5px;
    text-align: left;
}

.gallerySelection .thumbPanel .selectionButtons > a, .gallerySelection .thumbPanel .selectionButtons > span {
    cursor: pointer;
}

.gallerySelection .thumbPanel .selectionButtons > a:not(.largeSize):not(.normalSize), .gallerySelection .thumbPanel .selectionButtons > span:not(.largeSize):not(.normalSize) {
    padding-right: 20px;
    line-height: 40px;
    position: relative;
}

.gallerySelection .thumbPanel .selectionButtons > a:not(.largeSize):not(.normalSize) .optionsPanel, .gallerySelection .thumbPanel .selectionButtons > span:not(.largeSize):not(.normalSize) .optionsPanel {
    left: 50%;
    right: unset;
    transform: translateX(-50%);
}

.gallerySelection .thumbPanel .selectionButtons > a:hover, .gallerySelection .thumbPanel .selectionButtons > span:hover {
    color: #333333;
}

.gallerySelection .thumbPanel .selectionButtons .normalSize {
    background-position: -40px -520px;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 40px;
    top: 0;
}

.gallerySelection .thumbPanel .selectionButtons .normalSize:hover {
    background-position: -120px -520px;
}

.gallerySelection .thumbPanel .selectionButtons .largeSize {
    background-position: -40px -560px;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 10px;
    top: 0;
}

.gallerySelection .thumbPanel .selectionButtons .largeSize:hover {
    background-position: -120px -560px;
}

.gallerySelection .thumbPanel .selectionAddLikes:before,
.gallerySelection .thumbPanel .selectionAddScenes:before {
    background-position: -40px -240px;
    height: 40px;
    width: 40px;
    margin-top: -11px;
}

.gallerySelection .thumbPanel .selectionAddScenes:before {
    background-position: -40px -200px;
}

.gallerySelection .thumbPanel .selectionAddLikes:hover:before {
    background-position: -120px -240px;
}

.gallerySelection .thumbPanel .selectionAddScenes:hover:before {
    background-position: -120px -200px;
}

.gallerySelection .thumbPanel .selectionAll:before {
    background-position: -40px -962px;
    height: 40px;
    width: 40px;
    margin-top: -11px;
}

.gallerySelection .thumbPanel .selectionAll:hover:before {
    background-position: -120px -962px;
}

.gallerySelection .thumbPanel .selectionDiscard:before {
    background-position: -40px -480px;
    height: 40px;
    width: 40px;
    margin-top: -11px;
}

.gallerySelection .thumbPanel .selectionDiscard:hover:before {
    background-position: -120px -480px;
}

.gallerySelection .thumbPanel .selectPhotos {
    position: absolute;
    top: 52px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.gallerySelection .thumbPanel .noLikesMsg {
    padding: 22px;
    color: #aaa;
}

.gallerySelection .thumbPanel .noLikesMsg.hide {
    display: none;
}

.gallerySelection .selectPhotos .pnlLeft .photoList {
    padding: 0;
}

.gallerySelection .thumbPanel .helpPanel {
    padding-left: 10px;
    overflow: hidden;
}

.gallerySelection .thumbPanel .longText {
    width: 300px;
}

.gallerySelection .thumbPanel .addPhotoPanel .longText {
    width: auto;
}

.gallerySelection .thumbPanel .helpPanel .titleHeader {
    padding-bottom: 10px;
}

.gallerySelection .thumbPanel .helpPanel .buttons {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    padding-top: 15px;
}

.gallerySelection .thumbPanel .helpPanel p {
    line-height: 8px;
}

.gallerySelection .thumbPanel .helpPanel .buttons > .pButton {
    margin-right: 10px;
    box-sizing: border-box;
}

.gallerySelection .thumbPanel .helpPanel.addPhotoPanel .buttons {
    margin-top: 22px;
}

.gallerySelection .thumbPanel .helpPanel .buttons .cancelButton {
    margin-left: 10px;
}

body.hideEmailOpt .emailConsent {
    display: none;
}

body.store .login .loginCnt,
body.gallery .login .loginCnt {
    overflow-y: hidden;
    overflow-x: hidden;
    height: 620px;
}

body.store .login .loginCnt .logo,
body.gallery .login .loginCnt .logo {
    display: none;
}

.pnlCompositionBoxZoom_qualityMessage:before {
    position: absolute;
    right: 0;
    top: 10px;
    content: ' ';
    height: 30px;
    width: 30px;
    background-image: url(resources/sprites/uispriteb.png?r=r84.7);
    background-position: -125px -630px;
}

.pnlCompositionBoxZoom_qualityMessage:after {
    content: ' ';
    position: absolute;
    right: -5px;
    top: 10px;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.pnlCompositionBoxZoom_qualityMessage {
    position: absolute;
    top: 35px;
    padding: 5px 5px 5px 5px;
    padding-right: 35px;
    height: 80px;
    width: 120px;
    font-size: 13px;
    font-weight: 400;
    color: #aaaaaa;
    text-align: left;
    background: white;
    border: 1px solid #bbbbbb;
}

/*****************************************************************************/
/*                      icons                                           */
/**************************************************************************/
.icon.close-icon-svg {
    background-position: -10px -770px;
}

.icon-ui-sprite-eb.crop-icon-svg {
    background-position: -395px 582px;
}

.icon-client-family.close-icon-svg {
    background-position: -40px -720px;
}

.icon-client-family.error-icon-svg {
    background-position: -160px -760px;
}

/*****************************************************************************/
/*                      icons families                                          */
/**************************************************************************/
.icon-ui-sprite-eb,
.icon-ui-sprite-eb:after,
.icon-ui-sprite-eb:before {
    content: "";
    position: relative;
    width: 40px;
    height: 40px;
    background-image: url(resources/sprites/uispriteb.png?r=r84.7);
}

.icon-client-family {
    position: relative;
    width: 40px;
    height: 40px;
    background-image: url(./resources/sprites/client.svg?r=r84.7);
}

/* saved design*/
.pTooltip.menu.savedDesignTip > .optionsPanel > .optionsPanelInner {
    overflow: visible;
    width: auto;
    min-height: 212px;
    max-width: 1220px;
}

.pTooltip.menu.savedDesignTip:not(.albumSelectionOption) > .optionsPanel > .optionsPanelInner {
    min-width: 200px;
    max-width: 1220px;
}

.pTooltip.menu.savedDesignTip.empty > .optionsPanel > .optionsPanelInner {
    min-height: 80px;
}

.pTooltip.menu.savedDesignTip > .optionsPanel {
    right: -40px;
    top: 54px;
    min-width: 100px;
}

.pTooltip.menu.savedDesignTip:not(.notip) > .optionsPanel:after {
    right: 85px;
}

@media (max-width: 1300px) {
    .pTooltip.menu.savedDesignTip:not(.albumSelectionOption) > .optionsPanel > .optionsPanelInner {
        max-width: 824px;
    }
}

.savedDesignTip .tooltipTitle {
    padding-right: 50px;
}

.savedDesignTip .outerProgress {
    -webkit-box-shadow: none;
    border: 1px solid #e5e5e5;
    margin-bottom: 80px;
}

.savedDesignTip .outerProgress.editing {
    margin-left: 30px;
    -webkit-box-shadow: inset 0px 0px 1px 4px #e5e5e5;
}

.savedDesignTip .outerProgress.editing.done.continueSelect:hover:after {
    background-color: #333333;
    color: white;
}

.savedDesignTip .outerProgress.editing.done {
    -webkit-box-shadow: none;
}

.outerProgress {
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.outerProgress .text {
    z-index: 11;
}

.outerProgress .text__wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.outerProgress .textCenter {
    z-index: 11;
}

.outerProgress.normal:before, .outerProgress.big:before {
    content: '';
    display: block;
    border-radius: 50%;
    position: relative;
    z-index: 10;
    box-shadow: inset 0px 0px 1px 4px #e5e5e5;
    top: 0;
    left: 0;
}

.outerProgress:hover.normal .mask {
    border: 1px solid #e5e5e5;
    opacity: 1;
    background-color: rgba(221, 221, 221, 0);
    display: block;
}

.outerProgress.normal:before {
    width: 100px;
    height: 100px;
}

.outerProgress.big:before {
    width: 180px;
    height: 180px;
}

.outerProgress.sent:before {
    background-color: #dddddd;
    -webkit-box-shadow: none;
}

.outerProgress.sent:hover {
    color: white !important;
}

.outerProgress.sent .pProgressWrapper .pProgressCircle {
    border-color: #dddddd;
}

.outerProgress.sent .text {
    color: white;
}

.outerProgress.sent .textCenter {
    color: white;
    position: absolute;
    left: 0;
    right: 0;
}

.outerProgress.floating {
    float: right;
    margin-left: 30px;
    margin-bottom: 60px;
}

.savedDesignTip .outerProgress .mask {
    background-color: #dddddd;
    width: 100%;
    height: 100px;
    border-radius: 50%;
    opacity: 0.2;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.savedDesignTip .outerProgress:hover > .mask {
    display: none;
}

.optionsPanelInner .donePanel,
.selectionsPanel {
    float: none;
    display: inline;
}

.savedDesignTip.empty .contentPanel {
    height: 30px;
}

.savedDesignTip .delete.exitEdit {
    right: 10px !important;
    left: auto !important;
    top: 25px !important;
}

.savedDesignTip .delete.icon4 {
    cursor: pointer;
    background-position: 0px -60px;
    position: absolute;
    right: 20px;
    margin: auto;
    width: 20px;
    height: 20px;
}

.savedDesignTip .delete.icon4:hover {
    background-position: -20px -60px;
}

.savedDesignTip > .optionsPanel > .optionsPanelInner {
    padding-top: 0 !important;
    width: 360px !important;
    min-width: unset !important;
}

.savedDesignTip > .optionsPanel > .optionsPanelInner .donePanel {
    display: block;
    max-height: 80vh;
    overflow: auto;
}

.savedDesignTip__item {
    display: flex;
    cursor: pointer;
    align-items: center;
    height: 70px;
    position: relative;
    padding-left: 16px;
    padding-right: 16px;
}

.savedDesignTip__item:hover {
    background-color: #F9F9F9;
}

.savedDesignTip__item .imageCenter {
    min-width: 60px;
    width: 60px;
    height: 60px;
    margin-right: 16px;
}

.savedDesignTip__item .imageCenter img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.savedDesignTip__item .label {
    padding-right: 50px;
}

.savedDesignTip__item.disabled {
    pointer-events: none;
    opacity: 0.4;
}

.savedDesignTip .contentPanel.savedJobs {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 0;
}

.savedDesignTip .contentPanel.savedJobs .noSavedDesign {
    width: 230px;
    display: none;
    text-align: right;
}

.savedDesignTip .contentPanel.savedJobs .newSavedDesign {
    white-space: nowrap;
}

.savedDesignTip .contentPanel.savedJobs .outerProgress.disabled {
    opacity: 0.4;
}

.savedDesignTip .contentPanel.savedJobs.expand {
    height: 200px;
}

.savedDesignTip .contentPanel.savedJobs.expand .delete {
    top: 230px;
}

/************************ pHelper tooltip *********************/
.pHelperBtn {
    position: relative;
    width: 20px;
    height: 20px;
    background-position: -475px -720px;
    cursor: pointer;
    text-align: left;
    margin-left: 3px;
    align-items: center;
}

.pHelperBtn:hover {
    background-position: -475px -780px;
}

.pHelper {
    display: flex;
}

.pHelper .pSprite {
    background-image: url(resources/sprites/dashboard.svg?r=r84.7);
}

.pHelper .pTooltip.menu > .optionsPanel > .optionsPanelInner {
    padding: 40px;
    background-color: #f2f2f2;
    top: 20px;
    position: relative;
}

/********************** Tooltip *******************************/
body .accountTip.pTooltip.menu .options {
    padding: 15px 0;
}

body .accountTip.pTooltip.menu .options .innerOption {
    position: relative;
    height: initial;
    line-height: initial;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-size: 13px;
    color: #D0D0D0;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-transform: none;
    cursor: default;
    padding: 10px 25px;
}

body .accountTip.pTooltip.menu .options .innerOption.name {
    font-size: 12px;
    color: #BCBCBC;
}

body .accountTip.pTooltip.menu .options .innerOption:not(.disabled):not(.name) {
    color: #444444;
    cursor: pointer;
}

body .accountTip.pTooltip.menu .options .innerOption:not(.disabled):not(.name):hover {
    color: #868686;
}

.pTooltip.menu .innerOption:not(.pButton) {
    height: 40px;
    line-height: 40px;
}

.pTooltip.menu .option:not(.pButton) {
    display: block;
    cursor: pointer;
    width: 100%;
    white-space: nowrap;
    padding: 20px 25px 3px;
    height: 49px;
    vertical-align: top;
    line-height: 50px;
}

.pTooltip.menu .innerOption {
    box-sizing: border-box;
}

.pTooltip.menu .innerOption:last-child {
    padding-bottom: 25px;
    height: auto;
}

.pTooltip.menu:not(.accountTip) .innerOption:first-child {
    padding-top: 14px;
    border-top: 1px solid #dddddd;
}

.pTooltip.menu .option.thick:not(.pButton) {
    height: 69px;
    line-height: 70px;
}

.pTooltip.menu .option.border:not(.pButton):not(:first-child) {
    border-top: 1px solid #dddddd;
}

.pTooltip.menu .option:hover {
    color: #333333;
}

.pTooltip.menu.visible > .clicking,
.pTooltip.menu.visible > .trigger {
    display: block;
}

.pTooltip.menu.visible1 > .clicking {
    display: block;
}

.pTooltip.menu:hover > .hovering {
    display: block;
}

.pTooltip.menu.noOptions {
    display: none !important;
}

.accountTip.pTooltip.menu > .optionsPanel > .optionsPanelInner .option.name {
    white-space: normal;
    height: auto;
    padding-bottom: 20px;
}

.accountTip.pTooltip.menu > .optionsPanel > .optionsPanelInner .loading.icon {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: white;
    background-image: url(resources/sprites/loadingb.svg?r=r84.7);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.pTooltip.menu > .optionsPanel > .optionsPanelInner {
    width: 100%;
    margin-top: 0;
    background-color: white;
    border: 1px solid #E0E0E0;
    padding: 36px 0;
    padding-bottom: 0;
    overflow: hidden;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1);
}

.accountTip.pTooltip.menu > .optionsPanel > .optionsPanelInner {
    padding: 0;
}

.pTooltip.menu > .optionsPanel {
    top: 100%;
    margin-top: 10px;
    display: none;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    min-width: 180px;
    z-index: 1000;
    text-align: left;
    cursor: default;
}

.pTooltip.menu:not(.notip):not(.pHelperBtn) > .optionsPanel:after {
    content: ' ';
    position: absolute;
    top: -19px;
    right: 50%;
    width: 20px;
    height: 20px;
    background-position: 0 -80px;
    z-index: 1000;
}

/*************** Confirm Tooltip ***************/
.pTooltip.menu.confirm > .optionsPanel {
    top: 13px;
    right: 0;
    min-width: 155px;
    width: 250px;
}

.pTooltip.menu.confirm .optionsPanel:after {
    right: -1px;
}

.pTooltip.menu.confirm > .optionsPanel > .optionsPanelInner {
    padding: 25px;
    line-height: 20px;
    width: calc(100% - 50px);
}

.pTooltip.menu.confirm > .optionsPanel > .optionsPanelInner .title {
    text-align: left;
    margin-bottom: 25px;
}

.pTooltip.menu.confirm > .optionsPanel > .optionsPanelInner .confirmButton {
    margin-right: 10px;
}

/******************************************************************************/
body.account .pnlHeader,
body.store .pnlHeader {
    position: fixed;
}

.pnlHeader {
    display: flex;
    justify-content: space-between;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    height: 80px;
    background-color: white;
    position: relative;
}

.pnlStoreBodyCatalogForm .textBanners,
.pnlHeader .textBanners {
    top: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
}

.pnlHeader .textBanners {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.04), 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

.pnlHeader .textBanners .pnlBannerPromotion_Item.txtbanner_opt1 {
    background-color: #f3ede8;
}

.pnlHeader .textBanners:hover .pnlBannerPromotion_Item.txtbanner_opt1 {
    background-color: #e9e0da;
}

.pnlHeader .textBanners .pnlBannerPromotion_Item.txtbanner_opt2 {
    background-color: #eef1ed;
}

.pnlHeader .textBanners:hover .pnlBannerPromotion_Item.txtbanner_opt2 {
    background-color: #d8ddd7;
}

.pnlHeader .textBanners .pnlBannerPromotion_Item.txtbanner_opt3 {
    background-color: #A36B59;
}

.pnlHeader .textBanners:hover .pnlBannerPromotion_Item.txtbanner_opt3 {
    background-color: #8C5D4D;
}

.pnlHeader .textBanners .pnlBannerPromotion_Item.txtbanner_opt4 {
    background-color: #4A5448;
}

.pnlHeader .textBanners:hover .pnlBannerPromotion_Item.txtbanner_opt4 {
    background-color: #363E35;
}

.pnlHeader .textBanners .pnlBannerPromotion_Item.txtbanner_opt5 {
    background-color: #2A3C4F;
}

.pnlHeader .textBanners:hover .pnlBannerPromotion_Item.txtbanner_opt5 {
    background-color: #212F3E;
}

.pnlHeader .textBanners .pnlBannerPromotion_Item.txtbanner_opt6 {
    background-color: #DBBAAE;
}

.pnlHeader .textBanners:hover .pnlBannerPromotion_Item.txtbanner_opt6 {
    background-color: #CDAEA2;
}

.pnlStoreBodyCatalogForm .textBanners {
    height: 80px;
}

.pnlHeader .textBanners .pnlBannerPromotion_Item {
    width: 100vw;
}

.pnlBannerPromotionInnerBox,
.pnlMainPromotionInnerBox {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.pnlBannerPromotionInnerBox:hover,
.pnlMainPromotionInnerBox:hover {
    cursor: pointer;
}

.pnlBannerPromotionBoxPhotos,
.pnlMainPromotionBoxPhotos {
    margin: 0;
    width: 4200%;
    height: 100%;
    padding: 0;
}

.pnlBannerPromotion_Item,
.pnlStoreCatalogMainPromotion_Item {
    background-size: cover;
    height: auto;
    margin-left: 0;
    padding: 0;
    float: left;
    overflow: hidden;
}

.pnlBannerPromotion_Item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #444;
    padding: 0 100px;
    box-sizing: border-box;
}

.pnlBannerPromotion_Item.dark {
    color: #fff;
}

.pnlBannerPromotion_Item.dark .tear.icon4 {
    background-position: -470px -800px;
}

.pnlBannerPromotion_Item .tear.icon4 {
    width: 20px;
    margin: 0 45px;
    height: 100%;
    background-position: -470px -880px;
}

.pnlBannerPromotion_Item .text2 {
    position: relative;
    top: 3px;
    left: -10px;
    padding: 10px;
}

.pnlBannerPromotion_Item:after,
.pnlStoreCatalogMainPromotion_Item:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    padding-top: calc( 400% / 17);
}

body.store .pnlHeader {
    z-index: 9999;
}

.pnlHeader:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #dddddd;
    left: 0;
    position: absolute;
    bottom: -1px;
    /*z-index: 10;*/
    pointer-events: none;
}

.pnlHeader > * {
    order: 2;
}

.pnlHeader:not(.accountNav) #navigationMenu {
    order: 1;
    max-width: calc(100% - 200px);
}

.TILE_SIZE {
    height: 225px;
    width: 300px;
    padding: 40px 0;
}

.hideWhatsNext .whatsNext {
    display: none;
}

.hideWhatsNext .whatsNextProductBanners {
    display: none;
}

/*
 * Watermarks
    0:  None
    2:  Bottom left corner
    3:  Bottom center
    4:  Bottom right corner
    5:  Center
    6:  Lower left
    7:  Lower right
    8:  Snap bottom right
    9:  Snap bottom left
    10: Tiled
    ?:  Footer
 */
.fullscreenDialog .block.Image .watermark,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark,
.photostream2 .block.Image .watermark,
.pnlCompositionCropBox:not(.emptybox) .watermark {
    position: absolute;
    bottom: 0;
    top: auto;
    left: auto;
    z-index: 1;
    min-width: 45px;
    min-height: 21px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.fullscreenDialog .block.Image .watermark.watermark0,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark0,
.photostream2 .block.Image .watermark.watermark0,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark0 {
    display: none;
}

.fullscreenDialog .block.Image .watermark.watermark2,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark2,
.photostream2 .block.Image .watermark.watermark2,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark2 {
    background-position: bottom left;
}

.fullscreenDialog .block.Image .watermark.watermark3,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark3,
.photostream2 .block.Image .watermark.watermark3,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark3 {
    left: 0;
    right: 0;
    margin: 0 auto;
    background-position: bottom;
}

.fullscreenDialog .block.Image .watermark.watermark4,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark4,
.photostream2 .block.Image .watermark.watermark4,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark4 {
    background-position: bottom right;
}

.fullscreenDialog .block.Image .watermark.watermark5,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark5,
.photostream2 .block.Image .watermark.watermark5,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark5 {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
}

.fullscreenDialog .block.Image .watermark.watermark6,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark6,
.photostream2 .block.Image .watermark.watermark6,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark6 {
    background-position: bottom left;
}

.fullscreenDialog .block.Image .watermark.watermark7,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark7,
.photostream2 .block.Image .watermark.watermark7,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark7 {
    background-position: bottom right;
}

.fullscreenDialog .block.Image .watermark.watermark8,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark8,
.photostream2 .block.Image .watermark.watermark8,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark8 {
    right: 0;
    bottom: 0;
    background-position: bottom right;
}

.fullscreenDialog .block.Image .watermark.watermark9,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark9,
.photostream2 .block.Image .watermark.watermark9,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark9 {
    left: 0;
    bottom: 0;
    background-position: bottom left;
}

.fullscreenDialog .block.Image .watermark.watermark10,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark10,
.photostream2 .block.Image .watermark.watermark10,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark10 {
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    background-repeat: repeat;
    background-size: 6vw;
    background-position: 0 0;
}

.fullscreenDialog .block.Image .watermark.watermark10.size1,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark10.size1,
.photostream2 .block.Image .watermark.watermark10.size1,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark10.size1 {
    background-size: 10vw;
}

.fullscreenDialog .block.Image .watermark.watermark10.size2,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark10.size2,
.photostream2 .block.Image .watermark.watermark10.size2,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark10.size2 {
    background-size: 14.4vw;
}

.fullscreenDialog .block.Image .watermark.watermark10.size3,
.selectPhotos .pnlLeft .photoList ul li .chooseImage .watermark.watermark10.size3,
.photostream2 .block.Image .watermark.watermark10.size3,
.pnlCompositionCropBox:not(.emptybox) .watermark.watermark10.size3 {
    background-size: 70%;
}

.pnlCompositionCropBox:not(.emptybox) .watermark.size0 {
    width: 12%;
    height: 5.6%;
}

.pnlCompositionCropBox:not(.emptybox) .watermark.size0.watermark10 {
    background-size: 12%;
}

.pnlCompositionCropBox:not(.emptybox) .watermark.size1 {
    width: 20%;
    height: 9.33%;
}

.pnlCompositionCropBox:not(.emptybox) .watermark.size1.watermark10 {
    background-size: 20%;
}

.pnlCompositionCropBox:not(.emptybox) .watermark.size2 {
    width: 30%;
    height: 14%;
}

.pnlCompositionCropBox:not(.emptybox) .watermark.size2.watermark10 {
    background-size: 30%;
}

.fullscreenDialog .block.Image .watermark.size0 {
    width: 10vw;
    height: 8.3vw;
}

.fullscreenDialog .block.Image .watermark.size0.watermark10 {
    background-size: 10vw;
}

.fullscreenDialog .block.Image .watermark.size1 {
    width: 14.4vw;
    height: 12vw;
}

.fullscreenDialog .block.Image .watermark.size1.watermark10 {
    background-size: 14.4vw;
}

.fullscreenDialog .block.Image .watermark.size2 {
    width: 24vw;
    height: 20vw;
}

.fullscreenDialog .block.Image .watermark.size2.watermark10 {
    background-size: 24vw;
}

/* /Watermarks */
/*
 * Download Preferences Dialog Box
 */
#downloadPrefs .content,
#downloadPrefs .strip,
#downloadPrefs .strip > span {
    margin: 0;
    padding: 0;
}

#downloadPrefs .window {
    width: 500px;
    overflow: initial;
}

#downloadPrefs .strip > span {
    position: relative;
    width: 418px;
}

#downloadPrefs .downloadRes,
#downloadPrefs .downloadContinue {
    margin: 60px 0 40px;
}

#downloadPrefs .downloadTo {
    margin-top: 50px;
}

#downloadPrefs .downloadTo .downloadBtnsWrap .pButtonStandard.active {
    background-color: #ECECEC;
}

#downloadPrefs .downloadTo .downloadBtnsWrap .pButtonStandard.active:hover {
    background-color: #E0E0E0;
}

#downloadPrefs .downloadTo .downloadBtnsWrap .pButtonStandard:hover {
    background-color: #F9F9F9;
}

#downloadPrefs .downloadTitle {
    margin: 15px;
}

#downloadPrefs .downloadTitle.L05 {
    letter-spacing: 0.5px;
}

#downloadPrefs .downloadTitle.pHelper {
    justify-content: center;
}

#downloadPrefs .downloadTitle.pHelper .pHelperBtn {
    margin: auto 3px;
}

#downloadPrefs .downloadTitle.pHelper .pHelperBtn .optionsPanel {
    margin-right: -160px;
    margin-top: -110px;
}

#downloadPrefs .downloadTitle.pHelper .pHelperBtn .optionsPanel .optionsPanelInner {
    box-sizing: content-box;
    width: 240px;
    height: 77px;
    letter-spacing: 1px;
    line-height: 19px;
}

#downloadPrefs .downloadRes .downloadBtnsWrap {
    display: none;
}

#downloadPrefs .downloadRes .downloadBtnsWrap + .limitedDownloads {
    width: 50%;
}

#downloadPrefs .downloadRes .limitedDownloads {
    margin-top: 10px;
}

#downloadPrefs .downloadBtnsWrap {
    display: flex;
    width: 100%;
}

#downloadPrefs .downloadBtnsWrap .pButtonStandard {
    width: auto;
    flex-grow: 1;
    flex-basis: 0;
    height: 50px;
    padding: 0;
    color: #868686;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 0px 1px #ECECEC;
}

#downloadPrefs .downloadBtnsWrap .pButtonStandard:hover {
    color: #444444;
    background-color: #F9F9F9;
}

#downloadPrefs .downloadBtnsWrap .pButtonStandard.active {
    color: #444444;
    background-color: #ECECEC;
}

#downloadPrefs .downloadBtnsWrap .pButtonStandard.active:hover {
    background-color: #E0E0E0;
}

#downloadPrefs .downloadBtnsWrap .pButtonStandard.active.icon4Before:before {
    position: static;
    margin: 0 -3px 0 -10px;
    background-position: -240px -1040px;
}

#downloadPrefs .downloadBtnsWrap .pButtonStandard[data-type="continue"] {
    color: #fff;
    background-color: #444444;
}

#downloadPrefs .downloadBtnsWrap .pButtonStandard[data-type="continue"]:hover {
    background-color: #1C1C1C;
}

#downloadPrefs .downloadBtnsWrap .pButtonStandard[data-type="continue"].icon4Before:before {
    position: static;
    margin: 0 -3px 0 -10px;
    background-position: -240px -1040px;
}

#downloadPrefs.hasHighRes.hasLowRes .downloadRes .downloadBtnsWrap {
    display: flex;
}

#downloadPrefs.hasHighRes.hasLowRes .downloadRes .downloadBtnsWrap [data-type="buy"] {
    display: none;
}

#downloadPrefs.hasBuy.hasLowRes:not(.hasHighRes) .downloadRes .downloadBtnsWrap {
    display: flex;
}

#downloadPrefs.hasBuy.hasLowRes:not(.hasHighRes) .downloadRes .downloadBtnsWrap [data-type="highres"] {
    display: none;
}

#downloadPrefs:not(.hasExternal) .downloadTo {
    display: none;
}

/* /Download Preferences */
/*
 * Download Tooltip & Msg
 */
#galleryHeader:not(.downloadHighres) .highres {
    display: none;
}

#galleryHeader:not(.downloadLowres) .lowres {
    display: none;
}

#galleryHeader:not(.buyHighres) .buy,
#galleryHeader.downloadHighres .buy {
    display: none;
}

#galleryHeader .pTooltip.menu.downloadTip > .optionsPanel > .optionsPanelInner,
#galleryHeader .pTooltip.menu.downloadMsg > .optionsPanel > .optionsPanelInner {
    min-width: auto;
    padding: 0;
}

#galleryHeader .pTooltip.menu.downloadTip > .optionsPanel > .optionsPanelInner {
    min-width: auto;
}

#galleryHeader .pTooltip.menu.downloadTip .contentPanel {
    height: auto;
    width: 270px;
    margin: 30px;
    padding: 0;
}

#galleryHeader .pTooltip.menu.downloadTip .contentPanel .pButtonStandard {
    width: 100%;
    margin: 21px 0;
    position: relative;
}

#galleryHeader .pTooltip.menu.downloadTip .contentPanel .pButtonStandard .notification {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 30px;
    width: auto;
    height: 15px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #333333;
    border-radius: 10px;
    color: white;
    font-size: 11px;
    z-index: 1;
    cursor: pointer;
}

#galleryHeader .pTooltip.menu.downloadTip .contentPanel .desc,
#galleryHeader .pTooltip.menu.downloadTip .contentPanel a.notification_active {
    float: none;
    margin: 0;
}

#galleryHeader .pTooltip.menu.downloadTip .contentPanel .desc {
    margin-top: 30px;
}

#galleryHeader .pTooltip.menu.downloadTip .contentPanel .pref {
    margin-top: 10px;
}

#galleryHeader .pTooltip.menu.downloadMsg {
    float: right;
    padding-top: 10px;
    height: 50px;
    right: -30px;
    position: relative;
}

#galleryHeader .pTooltip.menu.downloadMsg > .optionsPanel {
    min-width: 300px;
}

#galleryHeader .pTooltip.menu.downloadMsg .text {
    width: 100%;
}

#galleryHeader .pTooltip.menu.downloadMsg.downloadMsg--tooltip .msg {
    padding-left: 25px;
    padding-right: 25px;
    line-height: 18px;
    width: 250px;
    text-align: center;
}

#galleryHeader .pTooltip.menu.downloadMsg .contentPanel {
    min-height: auto;
    display: flex;
    padding: 0;
}

#galleryHeader .pTooltip.menu.downloadMsg .thumb {
    margin: 22px;
    width: 65px;
    height: 65px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#galleryHeader .pTooltip.menu.downloadMsg .text {
    width: 220px;
    margin: 25px 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#galleryHeader .pTooltip.menu.downloadMsg .text .numFree {
    margin-top: 4px;
}

#galleryHeader .pTooltip.menu.downloadMsg .msg {
    width: 220px;
}

#galleryHeader .pTooltip.menu.downloadMsg .links > div {
    display: inline-block;
    margin-top: 15px;
}

#galleryHeader .pTooltip.menu.downloadMsg .batch {
    margin-left: 25px;
}

.quickPrints .products .downloads {
    margin: 30px auto;
    max-width: 460px;
}

.quickPrints .products .downloads .cost {
    text-align: center;
}

.quickPrints .products .downloads .cost .total {
    line-height: 18px;
}

.quickPrints .products .downloads .cost .perone {
    margin-top: 15px;
}

.quickPrints .products .downloads .cost .tiered {
    color: #AB4D2E;
    margin-top: 20px;
    font-size: 14px;
    line-height: 19px;
}

.quickPrints .products .downloads .dlProds {
    margin: 60px auto;
}

.quickPrints .products .downloads .dlProds .dlProduct {
    height: 40px;
    margin-top: 20px;
    line-height: 40px;
}

.quickPrints .products .downloads .dlProds .dlProduct .pButtonStandard {
    width: 280px;
    margin: 0 auto;
}

#buyMsg.pTooltip {
    position: absolute;
}

#buyMsg.pTooltip .optionsPanel__cross {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url(./resources/sprites/client.svg?r=r84.7);
    background-position: 0 -60px;
    cursor: pointer;
}

#buyMsg.pTooltip .optionsPanel__cross:hover {
    opacity: .5;
    background-position-x: -20px;
}

#buyMsg.pTooltip .optionsPanel:after {
    content: ' ';
    position: absolute;
    bottom: initial;
    top: calc(100% - 1px);
    right: 50%;
    width: 20px;
    height: 20px;
    background-position: -20px -80px;
    z-index: 1000;
}

#buyMsg.pTooltip .optionsPanel .optionsPanelInner {
    padding: 0;
    width: 315px;
    height: 130px;
}

#buyMsg.pTooltip .optionsPanel .optionsPanelInner .msg {
    margin: 36px 40px;
}

/* /Download Tooltip & Msg */
/*
 * Download Multi-Selection
 */
.downloadSelection {
    z-index: 2147483639;
}

.downloadSelection .btn {
    cursor: pointer;
}

.downloadSelection .dialogContent {
    display: grid;
    grid: 120px auto 100px / 300px auto;
    grid-template-areas: "title optionsPanel"
 "collections thumbPanel"
 "collections formPanel";
}

.downloadSelection .dialogContent > * {
    position: initial;
    justify-items: stretch;
    align-items: stretch;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    overflow: auto;
}

.downloadSelection .dialogContent > .title {
    grid-area: title;
    padding: 0 40px;
    border-right: 1px solid #E0E0E0;
}

.downloadSelection .dialogContent .formPanel {
    grid-area: formPanel;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.downloadSelection .dialogContent .formPanel .downloadButtons {
    padding: 0 30px;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.downloadSelection .dialogContent .formPanel .downloadButtons:not(.downloadHighres) .downloadHigh {
    display: none;
}

.downloadSelection .dialogContent .formPanel .downloadButtons:not(.downloadLowres) .downloadLow {
    display: none;
}

.downloadSelection .dialogContent .formPanel .downloadButtons:not(.buyHighres) .buyHigh {
    display: none;
}

.downloadSelection .dialogContent .formPanel .downloadButtons .pButtonStandard {
    margin: 0 10px;
    width: auto;
    height: 40px;
    padding: 0 20px;
    background-color: #444444;
    border: none;
}

.downloadSelection .dialogContent .formPanel .downloadButtons .pButtonStandard[disabled] {
    background-color: #868686;
}

.downloadSelection .dialogContent .formPanel .downloadButtons .pButtonStandard:not([disabled]):hover {
    background-color: #1C1C1C;
}

.downloadSelection .dialogContent .formPanel .downloadButtons .info {
    margin: 0 20px;
    text-align: right;
}

.downloadSelection .dialogContent .optionsPanel {
    grid-area: optionsPanel;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0px 100px 5px 50px;
}

.downloadSelection .dialogContent .optionsPanel .title {
    margin-right: auto;
}

.downloadSelection .dialogContent .optionsPanel .title * {
    display: inline-block;
}

.downloadSelection .dialogContent .optionsPanel .btn {
    margin: 0px 20px;
}

.downloadSelection .dialogContent .optionsPanel .normalSize {
    cursor: pointer;
    background-position: -40px -520px;
}

.downloadSelection .dialogContent .optionsPanel .normalSize:hover {
    background-position: -120px -520px;
}

.downloadSelection .dialogContent .optionsPanel .largeSize {
    cursor: pointer;
    background-position: -40px -560px;
}

.downloadSelection .dialogContent .optionsPanel .largeSize:hover {
    background-position: -120px -560px;
}

.downloadSelection .dialogContent .thumbPanel {
    grid-area: thumbPanel;
    overflow: hidden;
}

.downloadSelection .dialogContent .thumbPanel .selectPhotos {
    position: initial;
    height: 100%;
}

.downloadSelection .dialogContent .thumbPanel .selectPhotos .pnlLeft {
    overflow: auto;
}

.downloadSelection .dialogContent .thumbPanel .selectPhotos .pnlLeft .photoList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 40px;
    padding: 0;
}

.downloadSelection .dialogContent .thumbPanel .selectPhotos .pnlLeft .photoList ul li {
    position: relative;
    margin: 10px;
    padding: 0;
}

.downloadSelection .dialogContent .thumbPanel .selectPhotos .pnlLeft .photoList ul li.phantom {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.downloadSelection .dialogContent .thumbPanel .selectPhotos .pnlLeft .photoList ul li .simpleTooltip {
    width: max-content;
    margin-left: 50%;
    transform: translateX(-50%);
}

.downloadSelection .dialogContent .thumbPanel .selectPhotos .pnlLeft .photoList ul :after {
    content: '';
    flex: auto;
}

.downloadSelection .dialogContent .thumbPanel .choose, .downloadSelection .dialogContent .thumbPanel .empty, .downloadSelection .dialogContent .thumbPanel .progress {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.downloadSelection .dialogContent .collections {
    grid-area: collections;
    padding: 0 20px 70px;
    border-right: 1px solid #E0E0E0;
}

.downloadSelection .dialogContent .collections .section {
    margin-top: 15px;
}

.downloadSelection .dialogContent .collections .title, .downloadSelection .dialogContent .collections .btn {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 20px;
    height: 36px;
}

.downloadSelection .dialogContent .collections .title .name, .downloadSelection .dialogContent .collections .btn .name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.downloadSelection .dialogContent .collections .title .date, .downloadSelection .dialogContent .collections .btn .date {
    margin-left: 10px;
}

.downloadSelection .dialogContent .collections .notification {
    margin-left: 20px;
    width: auto;
    height: 15px;
    line-height: 14px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #333333;
    border-radius: 8px;
    color: white;
    font-size: 11px;
}

.downloadSelection .dialogContent.showChoose .formPanel, .downloadSelection .dialogContent.showChoose .optionsPanel, .downloadSelection .dialogContent.showChoose .selectPhotos, .downloadSelection .dialogContent.showEmpty .formPanel, .downloadSelection .dialogContent.showEmpty .optionsPanel, .downloadSelection .dialogContent.showEmpty .selectPhotos, .downloadSelection .dialogContent.showProgress .formPanel, .downloadSelection .dialogContent.showProgress .optionsPanel, .downloadSelection .dialogContent.showProgress .selectPhotos {
    display: none;
}

.downloadSelection .dialogContent:not(.showChoose) .choose {
    display: none;
}

.downloadSelection .dialogContent:not(.showEmpty) .empty, .downloadSelection .dialogContent.showProgress .empty {
    display: none;
}

.downloadSelection .dialogContent:not(.showProgress) .progress {
    display: none;
}

.downloadSelection .dialogCloseIcon {
    position: absolute;
    right: 35px;
    top: 35px;
}

/* /Download Multi-Selection */
/*
 * General
 */
.pTooltipOverlay {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(128, 128, 128, 0.5);
    z-index: 9999;
}

.pTooltipOverlay + .pTooltip {
    z-index: 99999;
}

.noPromotionBanner .textBanners {
    display: none;
}

.simpleAlert .window,
.simpleConfirm .window {
    width: 400px;
}

.simpleAlert .window .content .strip div:not(:first-child),
.simpleConfirm .window .content .strip div:not(:first-child) {
    margin-top: 30px;
}

.simpleAlert .footbar,
.simpleConfirm .footbar {
    border: none;
    justify-content: center;
    height: 80px;
}

.simpleAlert .footbar button,
.simpleConfirm .footbar button {
    flex: initial;
    height: 40px;
    margin: 0 10px;
    padding: 0 25px;
}

.simpleAlert .footbar button:hover,
.simpleConfirm .footbar button:hover {
    background-color: #E0E0E0;
}

.simpleAlert .footbar button {
    width: 100%;
    margin: 0 40px;
}

.simpleTooltip:not(#dummy) {
    position: absolute;
    box-sizing: border-box;
    max-width: 240px;
    top: calc( 100% + 10px);
    padding: 12px 14px;
    text-align: left;
    line-height: 150%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
    z-index: 9999;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    font-size: 12px;
    color: #F2F2F2;
    background-color: #444444;
    font-weight: 400;
    letter-spacing: 0.2px;
    text-transform: none;
    /* Control */
    /* Arrow */
}

.simpleTooltip:not(#dummy).centerText {
    text-align: center;
}

.simpleTooltip:not(#dummy).show,
:focus > .simpleTooltip:not(#dummy):not(.manual),
:hover > .simpleTooltip:not(#dummy):not(.manual):not(.focusOnly) {
    opacity: 1;
}

.simpleTooltip:not(#dummy):after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #444444;
    top: -8px;
    left: 10px;
}

.simpleTooltip:not(#dummy).centerArrow:after {
    left: 50%;
    margin-left: -10px;
}

.forceHide {
    display: none !important;
}

.banners {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    color: #444444;
}

.banners .header {
    text-align: center;
}

.banners .title {
    text-transform: uppercase;
}

.banners .subtitle {
    font-family: "Crimson Text", serif;
    font-style: italic;
    text-transform: none;
    font-weight: 400;
    margin-bottom: 48px;
}

.banners:not(.hasSubtitle) .subtitle {
    display: none;
}

.banners .banner .text {
    text-transform: uppercase;
}

.banners .banner .subtext {
    font-size: 12px;
    color: #868686;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 0.2px;
}

.banners {
    letter-spacing: 2px;
}

.banners .subtitle {
    font-size: 16px;
    margin-bottom: 48px;
}

.banners.hasSubtitle .title {
    margin-bottom: 32px;
}

.banners .banner .text {
    font-size: 16px;
}

/*****************************************************************************/
/*                      dialog-2                                            */
/******************************************************************************/
.dialog-2 {
    opacity: 0;
    z-index: 1100000;
    transition-duration: 75ms;
    transition: opacity;
    display: block;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(188, 188, 188, 0.9);
}

.dialog-2.show {
    opacity: 1;
    transition: opacity;
    transition-duration: 300ms;
}

.dialog-2.show .window {
    transition-duration: 300ms;
}

.dialog-2 * {
    box-sizing: border-box;
}

.dialog-2 .window {
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    flex-direction: column;
    z-index: 10000;
    transition: opacity, transform;
    transition-duration: 75ms;
}

.dialog-2 .content {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    text-align: center;
    line-height: 166%;
}

.dialog-2 .content .strip {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}

.dialog-2 .content .strip span {
    margin-top: 24px;
}

.dialog-2 .content icon {
    display: block;
}

.dialog-2 .content .img {
    width: 185px;
    height: 123px;
    margin-top: 40px;
    display: inline-block;
}

.dialog-2 .footbar {
    height: 60px;
    border-top: 1px solid currentColor;
    display: flex;
    flex-direction: row;
}

.dialog-2 .footbar button {
    flex: 1;
    align-content: center;
    border: none;
    cursor: pointer;
}

.dialog-2 .footbar button[disabled] {
    background-color: #D0D0D0 !important;
    color: rgba(236, 236, 236, 0.78);
    cursor: not-allowed;
}

.dialog-2 .footbar button:not(:last-child) {
    border-right: 1px solid #ECECEC;
}

.dialog-2 .footbar button:hover {
    background-color: #F9F9F9;
}

.dialog-2 .close-x-button {
    position: fixed;
    z-index: 10001;
}

.dialog-2.hideCloseBtn .close-x-button {
    display: none;
}

body.dialog-2-open {
    min-height: 100%;
}

body.dialog-2-open > *:not(.dialog-2):not(#chat-widget-container) {
    filter: blur(5px);
}

/*****************************************************************************/
/*                      dialog-2                                            */
/******************************************************************************/
.dialog-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dialog-2.show .window {
    transform: scale(1);
}

.dialog-2 .window {
    position: fixed;
    width: 550px;
    height: auto;
    min-height: 15em;
    transform: scale(0.8);
}

.dialog-2 .content {
    padding: 40px;
    padding-top: 0;
}

.dialog-2 .close-x-button {
    top: 40px;
    right: 40px;
}

body.login.noCover #maincanvas {
    display: flex;
    height: 100vh;
}

body.login.noCover #maincanvas .userlogin {
    margin: auto;
}

.userlogin {
    position: relative;
    margin: auto;
    padding: 0;
    text-align: left !important;
}

.userlogin * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: inherit;
    border-radius: 0;
    text-decoration: inherit;
    letter-spacing: inherit;
    -webkit-appearance: none;
}

.userlogin *:focus {
    outline: none;
}

.userlogin .password:not(.showPassActive) span {
    font-size: 16px;
}

.userlogin .icon4 {
    background-color: transparent;
}

.userlogin .icon4.showPass {
    position: absolute;
    right: 4px;
    /* IE fix */
    top: 0;
    bottom: 0;
    margin: auto;
}

.userlogin .icon4Before:before {
    position: relative;
}

.userlogin .icon4Before.iconSmall:before {
    width: 20px;
    height: 20px;
}

.userlogin .icon4After:after {
    position: relative;
}

.userlogin .icon4After.iconSmall:after {
    width: 20px;
    height: 20px;
}

.userlogin:after {
    content: '';
    opacity: 0;
    pointer-events: none;
    background-color: #FFFFFFe6;
    background-image: url("./resources/singles/loading.svg?r=r84.7");
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition-property: opacity;
    transition-delay: 0s, 0.4s;
    transition-duration: 0.4s;
    transition-timing-function: ease;
}

.userlogin.progress:after {
    opacity: 1;
    pointer-events: auto;
}

.userlogin .userloginInner {
    width: 100%;
    height: 110%;
    position: relative;
    overflow: hidden;
}

.userlogin .userloginInner .screens {
    list-style-type: none;
    width: 100%;
    height: 100%;
}

.userlogin .userloginInner .screens .screen {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    transition: all 0.4s ease;
}

.userlogin .userloginInner .screens .screen:not(:only-child) {
    transform: translateX(-100%);
}

.userlogin .userloginInner .screens .screen.active {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.4s;
}

.userlogin .userloginInner .screens .screen.active ~ .screen {
    transform: translateX(100%);
}

.userlogin .userloginInner .screens .screen button, .userlogin .userloginInner .screens .screen a, .userlogin .userloginInner .screens .screen label {
    cursor: pointer;
}

.userlogin .userloginInner .screens .screen .password, .userlogin .userloginInner .screens .screen .passField {
    position: relative;
}

.userlogin .userloginInner .screens .screen .header,
.userlogin .userloginInner .screens .screen .title,
.userlogin .userloginInner .screens .screen .passDesc,
.userlogin .userloginInner .screens .screen .emailField,
.userlogin .userloginInner .screens .screen .passField {
    width: 100%;
}

.userlogin .userloginInner .screens .screen .title h3 {
    line-height: 150%;
}

.userlogin .userloginInner .screens .screen .title .banner .brandLogo {
    margin: 0 auto;
    width: 162px;
    height: 63px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.userlogin .userloginInner .screens .screen .title .galleryList {
    margin: 0 auto;
}

.userlogin .userloginInner .screens .screen .title .galleryList .galleryTitle {
    display: inline-block;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95%;
}

.userlogin .userloginInner .screens .screen .checkbox {
    display: inline-flex;
}

.userlogin .userloginInner .screens .screen input[type="checkbox"] {
    display: none;
}

.userlogin .userloginInner .screens .screen .link {
    border: none;
    background: none;
}

.userlogin .userloginInner .screens .screen .link .noticeable {
    text-decoration: underline;
}

.userlogin .userloginInner .screens .screen .forgotPassWrap button {
    position: relative;
}

.userlogin .userloginInner .screens .screen .showPass:not(.active), .userlogin .userloginInner .screens .screen .showPass:not(.active):hover {
    text-decoration: line-through;
}

.userlogin .userloginInner .screens .screen .errorMsg {
    line-height: 135%;
}

body.ptRTL .loginBox {
    /*
	direction:ltr;

	li {
		direction:rtl;
	}
	*/
}

body.ptRTL .loginBox .screens .screen:not(:only-child) {
    transform: translateX(100%);
}

body.ptRTL .loginBox .screens .screen.active {
    transform: translateX(0);
}

body.ptRTL .loginBox .screens .screen.active ~ .screen {
    transform: translateX(-100%);
}

.loginBook,
.loginBox {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    background-color: #FFFFFF;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none;
    color: #1C1C1C;
}

.loginBook input,
.loginBox input {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
}

.loginBook.link:hover,
.loginBook .link:hover, .loginBook a:hover,
.loginBox.link:hover,
.loginBox .link:hover,
.loginBox a:hover {
    color: #868686;
}

.loginBook.link:focus,
.loginBook .link:focus, .loginBook a:focus,
.loginBox.link:focus,
.loginBox .link:focus,
.loginBox a:focus {
    color: #868686;
}

.loginBook .loginBox .screen .footer, .loginBox .screen .loginBook .footer, .loginBook .screen .changeUser,
.loginBook .screen .notYou,
.loginBook .screen .changePass,
.loginBook .screen .loginDesc,
.loginBook .screen .autoBack, .loginBox .screen .loginBook .changeUser, .loginBox .screen .loginBook .notYou, .loginBox .screen .loginBook .changePass, .loginBox .screen .loginBook .loginDesc, .loginBox .screen .loginBook .autoBack, .loginBook .screen .passDesc .galleryList, .loginBox .screen .passDesc .loginBook .galleryList, .loginBook .screens .screen .title h3, .loginBook .screens .screen .openLogin, .loginBook .screens .screen form .external .label, .loginBook .screens .screen .footer,
.loginBox .screen .footer,
.loginBook .screen .loginBox .changeUser,
.loginBook .screen .loginBox .notYou,
.loginBook .screen .loginBox .changePass,
.loginBook .screen .loginBox .loginDesc,
.loginBook .screen .loginBox .autoBack,
.loginBox .screen .changeUser,
.loginBox .screen .notYou,
.loginBox .screen .changePass,
.loginBox .screen .loginDesc,
.loginBox .screen .autoBack,
.loginBook .screen .passDesc .loginBox .galleryList,
.loginBox .screen .passDesc .galleryList,
.loginBox .loginBook .screens .screen .title h3,
.loginBook .screens .screen .title .loginBox h3,
.loginBox .loginBook .screens .screen .openLogin,
.loginBook .screens .screen .loginBox .openLogin,
.loginBox .loginBook .screens .screen form .external .label,
.loginBook .screens .screen form .external .loginBox .label,
.loginBox .loginBook .screens .screen .footer,
.loginBook .screens .screen .loginBox .footer {
    color: #868686;
}

.loginBook .loginBox .screen .link.footer:hover, .loginBox .screen .loginBook .link.footer:hover, .loginBook .screen .link.changeUser:hover,
.loginBook .screen .link.notYou:hover,
.loginBook .screen .link.changePass:hover,
.loginBook .screen .link.loginDesc:hover,
.loginBook .screen .link.autoBack:hover, .loginBox .screen .loginBook .link.changeUser:hover, .loginBox .screen .loginBook .link.notYou:hover, .loginBox .screen .loginBook .link.changePass:hover, .loginBox .screen .loginBook .link.loginDesc:hover, .loginBox .screen .loginBook .link.autoBack:hover, .loginBook .screen .passDesc .link.galleryList:hover, .loginBox .screen .passDesc .loginBook .link.galleryList:hover, .loginBook .screens .screen .title h3.link:hover, .loginBook .screens .screen .link.openLogin:hover, .loginBook .screens .screen form .external .link.label:hover, .loginBook .screens .screen .link.footer:hover,
.loginBook .loginBox .screen .footer .link:hover,
.loginBox .screen .loginBook .footer .link:hover,
.loginBook .screen .changeUser .link:hover,
.loginBook .screen .notYou .link:hover,
.loginBook .screen .changePass .link:hover,
.loginBook .screen .loginDesc .link:hover,
.loginBook .screen .autoBack .link:hover,
.loginBox .screen .loginBook .changeUser .link:hover,
.loginBox .screen .loginBook .notYou .link:hover,
.loginBox .screen .loginBook .changePass .link:hover,
.loginBox .screen .loginBook .loginDesc .link:hover,
.loginBox .screen .loginBook .autoBack .link:hover,
.loginBook .screen .passDesc .galleryList .link:hover,
.loginBox .screen .passDesc .loginBook .galleryList .link:hover,
.loginBook .screens .screen .title h3 .link:hover,
.loginBook .screens .screen .openLogin .link:hover,
.loginBook .screens .screen form .external .label .link:hover,
.loginBook .screens .screen .footer .link:hover, .loginBook .loginBox .screen .footer a:hover, .loginBox .screen .loginBook .footer a:hover, .loginBook .screen .changeUser a:hover, .loginBook .screen .notYou a:hover, .loginBook .screen .changePass a:hover, .loginBook .screen .loginDesc a:hover, .loginBook .screen .autoBack a:hover, .loginBox .screen .loginBook .changeUser a:hover, .loginBox .screen .loginBook .notYou a:hover, .loginBox .screen .loginBook .changePass a:hover, .loginBox .screen .loginBook .loginDesc a:hover, .loginBox .screen .loginBook .autoBack a:hover, .loginBook .screen .passDesc .galleryList a:hover, .loginBox .screen .passDesc .loginBook .galleryList a:hover, .loginBook .screens .screen .title h3 a:hover, .loginBook .screens .screen .openLogin a:hover, .loginBook .screens .screen form .external .label a:hover, .loginBook .screens .screen .footer a:hover,
.loginBox .screen .link.footer:hover,
.loginBook .screen .loginBox .link.changeUser:hover,
.loginBook .screen .loginBox .link.notYou:hover,
.loginBook .screen .loginBox .link.changePass:hover,
.loginBook .screen .loginBox .link.loginDesc:hover,
.loginBook .screen .loginBox .link.autoBack:hover,
.loginBox .screen .link.changeUser:hover,
.loginBox .screen .link.notYou:hover,
.loginBox .screen .link.changePass:hover,
.loginBox .screen .link.loginDesc:hover,
.loginBox .screen .link.autoBack:hover,
.loginBook .screen .passDesc .loginBox .link.galleryList:hover,
.loginBox .screen .passDesc .link.galleryList:hover,
.loginBox .loginBook .screens .screen .title h3.link:hover,
.loginBook .screens .screen .title .loginBox h3.link:hover,
.loginBox .loginBook .screens .screen .link.openLogin:hover,
.loginBook .screens .screen .loginBox .link.openLogin:hover,
.loginBox .loginBook .screens .screen form .external .link.label:hover,
.loginBook .screens .screen form .external .loginBox .link.label:hover,
.loginBook .screens .screen .loginBox .link.footer:hover,
.loginBox .screen .footer .link:hover,
.loginBook .screen .loginBox .changeUser .link:hover,
.loginBook .screen .loginBox .notYou .link:hover,
.loginBook .screen .loginBox .changePass .link:hover,
.loginBook .screen .loginBox .loginDesc .link:hover,
.loginBook .screen .loginBox .autoBack .link:hover,
.loginBox .screen .changeUser .link:hover,
.loginBox .screen .notYou .link:hover,
.loginBox .screen .changePass .link:hover,
.loginBox .screen .loginDesc .link:hover,
.loginBox .screen .autoBack .link:hover,
.loginBook .screen .passDesc .loginBox .galleryList .link:hover,
.loginBox .screen .passDesc .galleryList .link:hover,
.loginBox .loginBook .screens .screen .title h3 .link:hover,
.loginBook .screens .screen .title .loginBox h3 .link:hover,
.loginBox .loginBook .screens .screen .openLogin .link:hover,
.loginBook .screens .screen .loginBox .openLogin .link:hover,
.loginBox .loginBook .screens .screen form .external .label .link:hover,
.loginBook .screens .screen form .external .loginBox .label .link:hover,
.loginBook .screens .screen .loginBox .footer .link:hover,
.loginBox .screen .footer a:hover,
.loginBook .screen .loginBox .changeUser a:hover,
.loginBook .screen .loginBox .notYou a:hover,
.loginBook .screen .loginBox .changePass a:hover,
.loginBook .screen .loginBox .loginDesc a:hover,
.loginBook .screen .loginBox .autoBack a:hover,
.loginBox .screen .changeUser a:hover,
.loginBox .screen .notYou a:hover,
.loginBox .screen .changePass a:hover,
.loginBox .screen .loginDesc a:hover,
.loginBox .screen .autoBack a:hover,
.loginBook .screen .passDesc .loginBox .galleryList a:hover,
.loginBox .screen .passDesc .galleryList a:hover,
.loginBox .loginBook .screens .screen .title h3 a:hover,
.loginBook .screens .screen .title .loginBox h3 a:hover,
.loginBox .loginBook .screens .screen .openLogin a:hover,
.loginBook .screens .screen .loginBox .openLogin a:hover,
.loginBox .loginBook .screens .screen form .external .label a:hover,
.loginBook .screens .screen form .external .loginBox .label a:hover,
.loginBook .screens .screen .loginBox .footer a:hover {
    color: #1C1C1C;
}

.loginBook .loginBox .screen .link.footer:focus, .loginBox .screen .loginBook .link.footer:focus, .loginBook .screen .link.changeUser:focus,
.loginBook .screen .link.notYou:focus,
.loginBook .screen .link.changePass:focus,
.loginBook .screen .link.loginDesc:focus,
.loginBook .screen .link.autoBack:focus, .loginBox .screen .loginBook .link.changeUser:focus, .loginBox .screen .loginBook .link.notYou:focus, .loginBox .screen .loginBook .link.changePass:focus, .loginBox .screen .loginBook .link.loginDesc:focus, .loginBox .screen .loginBook .link.autoBack:focus, .loginBook .screen .passDesc .link.galleryList:focus, .loginBox .screen .passDesc .loginBook .link.galleryList:focus, .loginBook .screens .screen .title h3.link:focus, .loginBook .screens .screen .link.openLogin:focus, .loginBook .screens .screen form .external .link.label:focus, .loginBook .screens .screen .link.footer:focus,
.loginBook .loginBox .screen .footer .link:focus,
.loginBox .screen .loginBook .footer .link:focus,
.loginBook .screen .changeUser .link:focus,
.loginBook .screen .notYou .link:focus,
.loginBook .screen .changePass .link:focus,
.loginBook .screen .loginDesc .link:focus,
.loginBook .screen .autoBack .link:focus,
.loginBox .screen .loginBook .changeUser .link:focus,
.loginBox .screen .loginBook .notYou .link:focus,
.loginBox .screen .loginBook .changePass .link:focus,
.loginBox .screen .loginBook .loginDesc .link:focus,
.loginBox .screen .loginBook .autoBack .link:focus,
.loginBook .screen .passDesc .galleryList .link:focus,
.loginBox .screen .passDesc .loginBook .galleryList .link:focus,
.loginBook .screens .screen .title h3 .link:focus,
.loginBook .screens .screen .openLogin .link:focus,
.loginBook .screens .screen form .external .label .link:focus,
.loginBook .screens .screen .footer .link:focus, .loginBook .loginBox .screen .footer a:focus, .loginBox .screen .loginBook .footer a:focus, .loginBook .screen .changeUser a:focus, .loginBook .screen .notYou a:focus, .loginBook .screen .changePass a:focus, .loginBook .screen .loginDesc a:focus, .loginBook .screen .autoBack a:focus, .loginBox .screen .loginBook .changeUser a:focus, .loginBox .screen .loginBook .notYou a:focus, .loginBox .screen .loginBook .changePass a:focus, .loginBox .screen .loginBook .loginDesc a:focus, .loginBox .screen .loginBook .autoBack a:focus, .loginBook .screen .passDesc .galleryList a:focus, .loginBox .screen .passDesc .loginBook .galleryList a:focus, .loginBook .screens .screen .title h3 a:focus, .loginBook .screens .screen .openLogin a:focus, .loginBook .screens .screen form .external .label a:focus, .loginBook .screens .screen .footer a:focus,
.loginBox .screen .link.footer:focus,
.loginBook .screen .loginBox .link.changeUser:focus,
.loginBook .screen .loginBox .link.notYou:focus,
.loginBook .screen .loginBox .link.changePass:focus,
.loginBook .screen .loginBox .link.loginDesc:focus,
.loginBook .screen .loginBox .link.autoBack:focus,
.loginBox .screen .link.changeUser:focus,
.loginBox .screen .link.notYou:focus,
.loginBox .screen .link.changePass:focus,
.loginBox .screen .link.loginDesc:focus,
.loginBox .screen .link.autoBack:focus,
.loginBook .screen .passDesc .loginBox .link.galleryList:focus,
.loginBox .screen .passDesc .link.galleryList:focus,
.loginBox .loginBook .screens .screen .title h3.link:focus,
.loginBook .screens .screen .title .loginBox h3.link:focus,
.loginBox .loginBook .screens .screen .link.openLogin:focus,
.loginBook .screens .screen .loginBox .link.openLogin:focus,
.loginBox .loginBook .screens .screen form .external .link.label:focus,
.loginBook .screens .screen form .external .loginBox .link.label:focus,
.loginBook .screens .screen .loginBox .link.footer:focus,
.loginBox .screen .footer .link:focus,
.loginBook .screen .loginBox .changeUser .link:focus,
.loginBook .screen .loginBox .notYou .link:focus,
.loginBook .screen .loginBox .changePass .link:focus,
.loginBook .screen .loginBox .loginDesc .link:focus,
.loginBook .screen .loginBox .autoBack .link:focus,
.loginBox .screen .changeUser .link:focus,
.loginBox .screen .notYou .link:focus,
.loginBox .screen .changePass .link:focus,
.loginBox .screen .loginDesc .link:focus,
.loginBox .screen .autoBack .link:focus,
.loginBook .screen .passDesc .loginBox .galleryList .link:focus,
.loginBox .screen .passDesc .galleryList .link:focus,
.loginBox .loginBook .screens .screen .title h3 .link:focus,
.loginBook .screens .screen .title .loginBox h3 .link:focus,
.loginBox .loginBook .screens .screen .openLogin .link:focus,
.loginBook .screens .screen .loginBox .openLogin .link:focus,
.loginBox .loginBook .screens .screen form .external .label .link:focus,
.loginBook .screens .screen form .external .loginBox .label .link:focus,
.loginBook .screens .screen .loginBox .footer .link:focus,
.loginBox .screen .footer a:focus,
.loginBook .screen .loginBox .changeUser a:focus,
.loginBook .screen .loginBox .notYou a:focus,
.loginBook .screen .loginBox .changePass a:focus,
.loginBook .screen .loginBox .loginDesc a:focus,
.loginBook .screen .loginBox .autoBack a:focus,
.loginBox .screen .changeUser a:focus,
.loginBox .screen .notYou a:focus,
.loginBox .screen .changePass a:focus,
.loginBox .screen .loginDesc a:focus,
.loginBox .screen .autoBack a:focus,
.loginBook .screen .passDesc .loginBox .galleryList a:focus,
.loginBox .screen .passDesc .galleryList a:focus,
.loginBox .loginBook .screens .screen .title h3 a:focus,
.loginBook .screens .screen .title .loginBox h3 a:focus,
.loginBox .loginBook .screens .screen .openLogin a:focus,
.loginBook .screens .screen .loginBox .openLogin a:focus,
.loginBox .loginBook .screens .screen form .external .label a:focus,
.loginBook .screens .screen form .external .loginBox .label a:focus,
.loginBook .screens .screen .loginBox .footer a:focus {
    color: #1C1C1C;
}

.loginBook .loginBox .screen .footer, .loginBox .screen .loginBook .footer,
.loginBox .screen .footer {
    color: #BCBCBC;
}

.loginBook .screen .headerEmail,
.loginBox .screen .headerEmail {
    align-items: baseline;
}

.loginBook .screen .headerEmail .changeUser,
.loginBook .screen .headerEmail .notYou,
.loginBox .screen .headerEmail .changeUser,
.loginBox .screen .headerEmail .notYou {
    margin-left: 16px;
}

.loginBook .screen .disjunction,
.loginBox .screen .disjunction {
    font-weight: 500;
    text-align: center;
}

.loginBook .screen .title,
.loginBook .screen .loginFooter,
.loginBox .screen .title,
.loginBox .screen .loginFooter {
    text-align: center;
}

.loginBook .screen .title .email,
.loginBook .screen .loginFooter .email,
.loginBox .screen .title .email,
.loginBox .screen .loginFooter .email {
    font-weight: 500;
}

.loginBook .screen button:not(.link):not(.icon4),
.loginBook .screen input:not([type="checkbox"]),
.loginBook .screen .password,
.loginBox .screen button:not(.link):not(.icon4),
.loginBox .screen input:not([type="checkbox"]),
.loginBox .screen .password {
    width: 100%;
}

.loginBook .screen button, .loginBook .screen .link,
.loginBox .screen button,
.loginBox .screen .link {
    border: none;
}

.loginBook .screen form .password,
.loginBox .screen form .password {
    background-color: #F2F2F2;
    font-weight: 500;
    letter-spacing: 2px;
}

.loginBook .screen form .errorMsg,
.loginBox .screen form .errorMsg {
    color: #FF232B;
}

.loginBook .screen .social,
.loginBox .screen .social {
    text-align: center;
}

.loginBook .screen .social .brandWebsite,
.loginBox .screen .social .brandWebsite {
    color: #444444;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: none;
}

.loginBook .screen .social .brandWebsite:hover,
.loginBox .screen .social .brandWebsite:hover {
    color: #BCBCBC;
}

.loginBook .screen.resetPassword .headerEmail .changeUser,
.loginBox .screen.resetPassword .headerEmail .changeUser {
    display: none;
}

.loginBook {
    width: 100%;
}

.loginBook .screen.error-email input[type="email"], .loginBox .screen.error-email .loginBook input[type="email"], .loginBook .screen.error-code input[type="code"], .loginBox .screen.error-code .loginBook input[type="code"], .loginBook .screen.error-pass .passField input, .loginBox .screen.error-pass .passField .loginBook input, .loginBook .screen.error-all input[type="email"],
.loginBook .screen.error-all input[type="code"],
.loginBook .screen.error-all .passField input, .loginBox .screen.error-all .loginBook input[type="email"], .loginBox .screen.error-all .loginBook input[type="code"], .loginBox .screen.error-all .passField .loginBook input {
    background-image: none;
    border-bottom: 1px solid #FF232B;
}

.loginBook .screens {
    background-image: linear-gradient(to right, #1C1C1C 14.28571%, transparent 14.28571%), linear-gradient(to right, #1C1C1C 14.28571%, transparent 14.28571%);
    background-size: 7px 1px, 7px 1px;
    background-repeat: repeat-x,
 repeat-x;
    background-position: left top,
 left bottom;
}

.loginBook .screens .screen .title {
    font-family: "Crimson Text", serif;
}

.loginBook .screens .screen .title .galleryName {
    letter-spacing: 2px;
}

.loginBook .screens .screen .passField .showPass {
    right: -4px;
}

.loginBook .screens .screen [type="submit"] {
    border: 1px solid #444444;
    font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B", sans-serif;
    background-color: #FFFFFF;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.loginBook .screens .screen [type="submit"]:hover {
    background-color: #F9F9F9;
}

.loginBook .screens .screen [type="submit"]:focus {
    background-color: #F9F9F9;
}

.loginBook .screens .screen [type="submit"]:hover, .loginBook .screens .screen [type="submit"]:focus {
    border: 1px solid #868686;
}

.loginBook .screens .screen form input:not([type="checkbox"]) {
    background-image: linear-gradient(to right, #1C1C1C 14.28571%, transparent 14.28571%);
    background-size: 7px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;
    border: none;
    font-family: "Crimson Text", serif;
}

.loginBook .screens .screen form input:not([type="checkbox"])::placeholder {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    color: #868686;
}

.loginBook .screens .screen form .external .label {
    font-family: "Crimson Text", serif;
}

.loginBook .screens .screen form .external button {
    font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B", sans-serif;
    background-color: #F2F2F2;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.loginBook .screens .screen form .external button:hover {
    background-color: #ECECEC;
}

.loginBook .screens .screen form .external button:focus {
    background-color: #ECECEC;
}

.loginBook .screen.error-email .loginBox input[type="email"],
.loginBox .screen.error-email input[type="email"], .loginBook .screen.error-code .loginBox input[type="code"],
.loginBox .screen.error-code input[type="code"], .loginBook .screen.error-pass .passField .loginBox input,
.loginBox .screen.error-pass .passField input, .loginBook .screen.error-all .loginBox input[type="email"], .loginBook .screen.error-all .loginBox input[type="code"], .loginBook .screen.error-all .passField .loginBox input,
.loginBox .screen.error-all input[type="email"],
.loginBox .screen.error-all input[type="code"],
.loginBox .screen.error-all .passField input {
    border: 1px solid #FF232B;
}

.loginBox .screen .title .galleryName {
    font-family: "Crimson Text", serif;
    letter-spacing: 2px;
}

.loginBox .screen .title h2 {
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.loginBox .screen form button:not(.link):not(.icon4) {
    font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B", sans-serif;
    background-color: #ECECEC;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.loginBox .screen form button:not(.link):not(.icon4):hover {
    background-color: #E0E0E0;
}

.loginBox .screen form button:not(.link):not(.icon4):focus {
    background-color: #E0E0E0;
}

.loginBox .screen form .back, .loginBox .screen form button:not(#dummy)[type="submit"] {
    font-family: "Gotham XNarrow SSm A", "Gotham XNarrow SSm B", sans-serif;
    color: #FFFFFF;
    background-color: #444444;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.loginBox .screen form .back:hover, .loginBox .screen form button:not(#dummy)[type="submit"]:hover {
    background-color: #1C1C1C;
}

.loginBox .screen form .back:focus, .loginBox .screen form button:not(#dummy)[type="submit"]:focus {
    background-color: #1C1C1C;
}

.loginBox .screen form input:not([type="checkbox"]) {
    border: 1px solid #D0D0D0;
}

.loginBox .screen form input:not([type="checkbox"]):focus {
    border: 1px solid #444444;
}

.loginBox .screen form input:not([type="checkbox"])::placeholder {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B", sans-serif;
    color: #868686;
}

body.login .projectCover,
body.login .accountCover {
    background-size: cover;
    background-color: #ECECEC;
}

body.login .projectCover.projectCover:before,
body.login .accountCover.projectCover:before {
    content: "";
    background: #1C1C1C99;
}

body.login #maincanvas .loginBox {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loginDialog .window {
    width: auto;
}

.loginDialog .window .content {
    padding: 0;
    line-height: 100%;
}

.userlogin .icon4.favorites {
    background-position: -240px -1760px;
}

.userlogin .icon4.showPass {
    background-position: -240px -680px;
}

.userlogin .icon4.showPass:hover {
    background-position: -200px -680px;
}

.userlogin .icon4.showPass.active {
    background-position: -240px -720px;
}

.userlogin .icon4.showPass.active:hover {
    background-position: -200px -720px;
}

.userlogin .icon4Before.back:before {
    background-position: -20px -1260px;
}

.userlogin .icon4Before.back:hover:before {
    background-position: -20px -1280px;
}

.userlogin .icon4Before[data-type="facebook"]:before {
    background-position: 0 -1720px;
}

.userlogin .icon4Before[data-type="google"]:before {
    background-position: 0 -1680px;
}

.userlogin .checkbox.icon4Before:before {
    background-position: 0 -1760px;
}

.userlogin .checkbox.icon4Before:hover:before {
    background-position: -20px -1760px;
}

.userlogin :checked ~ .checkbox.icon4Before:before {
    background-position: 0 -1780px;
}

.userlogin :checked ~ .checkbox.icon4Before:hover:before {
    background-position: -20px -1780px;
}

.userlogin .screen button:not(.link):not(.icon4),
.userlogin .screen input:not([type="checkbox"]),
.userlogin .screen .password {
    height: 48px;
}

.userlogin .screen button:not(.link) {
    font-size: 14px;
}

.userlogin .screen .passDesc {
    font-size: 15px;
    line-height: 166%;
}

.userlogin .screen .passDesc .galleryList {
    font-size: 14px;
}

.userlogin .screen form .password {
    font-size: 30px;
}

.userlogin .screen form .errorMsg {
    margin-bottom: 8px;
    margin-right: auto;
}

.userlogin .screen form .checkbox:before {
    margin-right: 10px;
}

.userlogin .screen .social {
    margin-top: 120px;
}

.userlogin .screen .social .brandWebsite {
    font-size: 14px;
    letter-spacing: 1.5px;
}

.userlogin .screen .social .socialLinks {
    margin-top: 24px;
}

.loginBook {
    height: calc( 504px + 16vh);
    padding: 8vh 0;
    font-size: 13px;
}

.loginBook .screen {
    padding: 8vh;
}

.loginBook .screen .header {
    margin-bottom: 40px;
}

.loginBook .screen .title .galleryName {
    font-size: 18px;
}

.loginBook .screen .title h2 {
    margin-top: 24px;
    font-size: 34px;
}

.loginBook .screen .title h3 {
    margin-top: 16px;
    font-size: 16px;
}

.loginBook .screen input:not([type="checkbox"]) {
    height: 32px;
}

.loginBook .screen button:not(.link):not(.icon4),
.loginBook .screen input:not([type="checkbox"]),
.loginBook .screen .password {
    margin: 8px auto;
}

.loginBook .screen .local input:not([type="checkbox"]):not(:first-child) {
    margin-top: 24px;
}

.loginBook .screen .local button:not(.link):not(.icon4) {
    margin-top: auto;
    margin-top: 24px;
}

.loginBook .screen form {
    display: flex;
}

.loginBook .screen form .local, .loginBook .screen form .external {
    justify-content: flex-end;
    position: relative;
    width: 304px;
    margin: 56px 60px;
}

.loginBook .screen form .password {
    margin-top: 24px;
}

.loginBook .screen form .forgotPass {
    margin-top: 16px;
}

.loginBook .screen form .openLogin {
    margin-top: 8px;
}

.loginBook .screen form .link.skip {
    margin: 16px auto;
}

.loginBook .screen form input:not([type="checkbox"]) {
    font-size: 16px;
}

.loginBook .screen form input:not([type="checkbox"])::placeholder {
    font-size: 14px;
}

.loginBook .screen form .external .label {
    font-size: 16px;
    margin-bottom: 32px;
}

.loginBook .screen form .external button:before {
    margin-right: 8px;
}

.loginBook .screen form .changePass {
    margin: 8px auto 72px;
}

.loginBook .screen form .allowEmails {
    position: absolute;
    top: 100%;
    margin: 8px 0;
}

.loginBook .screen form .allowEmails .icon4Before:before {
    margin-top: 0;
}

.loginBook .screen .footer {
    margin-top: 40px;
}

.loginBook .screen:not(.guestBook) form {
    width: 304px;
    margin-top: 56px;
}

.loginBook .screen.newPassword form {
    width: 384px;
}

.loginBook .screen.getPassword form, .loginBook .screen.setPassword form {
    width: 384px;
    margin-top: 96px;
}

.loginBook .screen.getPassword form [type="submit"], .loginBook .screen.setPassword form [type="submit"] {
    margin-top: 88px;
}

.loginBook .screen.getPassword .header, .loginBook .screen.forgotPassword .header, .loginBook .screen.setPassword .header {
    width: 384px;
}

.loginBook .screen.forgotPassword form {
    margin-top: 80px;
}

.loginBook .screen.forgotPassConfirm h2, .loginBook .screen.externalError h2 {
    margin-top: 176px;
}

.loginBook .screen.forgotPassConfirm form, .loginBook .screen.externalError form {
    margin-top: 72px;
}

.loginBook .screen.preRegister button[type="submit"], .loginBook .screen.requestAccess button[type="submit"] {
    margin-top: 24px;
}

.loginBook .screen.preRegister .footer {
    margin-top: 72px;
}

.loginBook .screen.requestAccess .footer {
    margin-top: 48px;
}

.loginBook .screen.confirmPreReg h2, .loginBook .screen.confirmRequest h2 {
    margin-top: 136px;
}

.loginBox {
    width: 760px;
    height: 632px;
    font-size: 14px;
}

.loginBox .screen {
    padding: 40px;
}

.loginBox .screen .header {
    margin-bottom: 48px;
}

.loginBox .screen .title .galleryName {
    font-size: 20px;
}

.loginBox .screen .title h2 {
    margin-top: 48px;
    font-size: 22px;
}

.loginBox .screen .title h3 {
    margin: 24px 0;
    font-size: 14px;
}

.loginBox .screen .title .passDesc {
    margin-top: 32px;
}

.loginBox .screen button:not(.link):not(.icon4):not(.icon4Before),
.loginBox .screen input:not([type="checkbox"]):not(.icon4Before),
.loginBox .screen .password:not(.icon4Before) {
    margin: 8px auto;
}

.loginBox .screen form {
    width: 480px;
    margin-top: 48px;
}

.loginBox .screen form .forgotPass {
    margin-top: 16px;
}

.loginBox .screen form .link.skip {
    margin: 16px auto 8px;
}

.loginBox .screen form input:not([type="checkbox"]) {
    padding-left: 16px;
    font-size: 16px;
}

.loginBox .screen form .disjunction {
    margin: 16px auto;
}

.loginBox .screen form .external,
.loginBox .screen form .forgotPassWrap {
    display: flex;
    justify-content: space-between;
    margin: 72px -8px 24px;
}

.loginBox .screen form .external input:not(#dummy),
.loginBox .screen form .external button:not(#dummy),
.loginBox .screen form .forgotPassWrap input:not(#dummy),
.loginBox .screen form .forgotPassWrap button:not(#dummy) {
    margin: 0 8px;
}

.loginBox .screen form .external input:not(#dummy):before,
.loginBox .screen form .external button:not(#dummy):before,
.loginBox .screen form .forgotPassWrap input:not(#dummy):before,
.loginBox .screen form .forgotPassWrap button:not(#dummy):before {
    margin-right: 16px;
}

.loginBox .screen form .namedAccessCode {
    display: flex;
    justify-content: space-between;
    margin: 0 -8px;
}

.loginBox .screen form .namedAccessCode input:not(#dummy) {
    margin: 8px;
}

.loginBox .screen form .changePass {
    margin: 8px auto 72px;
}

.loginBox .screen form .allowEmails {
    align-items: center;
    margin: 16px 0;
}

.loginBox .screen.newPassword form, .loginBox .screen.newFirstTimePassword form, .loginBox .screen.externalError form, .loginBox .screen.galleryPrivate form, .loginBox .screen.forgotPassword form, .loginBox .screen.forgotPassConfirm form {
    width: 384px;
}

.loginBox .screen.newFirstTimePassword .header {
    margin-bottom: 144px;
}

.loginBox .screen.newFirstTimePassword h2 {
    margin-top: 40px;
}

.loginBox .screen.getEmailUnique .title {
    margin-top: 40px;
}

.loginBox .screen.getEmailUnique .title h2 {
    margin-top: 104px;
}

.loginBox .screen.getEmailUnique form {
    margin-top: 16px;
}

.loginBox .screen.getEmailUnique form .notMe {
    margin-top: 64px;
}

.loginBox .screen.getEmailUnique .external {
    margin-top: 88px;
}

.loginBox .screen.getPasswordUnique .header {
    margin-bottom: 80px;
}

.loginBox .screen.getPasswordUnique h2 {
    margin-top: 24px;
}

.loginBox .screen.getPasswordUnique.hasPassDesc .header {
    margin-bottom: 48px;
}

.loginBox .screen.getPasswordUnique.hasPassDesc form {
    margin-top: 32px;
}

.loginBox .screen.getPassword.hasPassDesc h2 {
    margin-top: 40px;
}

.loginBox .screen.getPassword.hasPassDesc form {
    margin-top: 32px;
}

.loginBox .screen.forgotPassword h3 {
    margin-bottom: 0;
}

.loginBox .screen.forgotPassword form .notMe {
    margin-top: 64px;
}

.loginBox .screen.forgotPassConfirm h2, .loginBox .screen.externalError h2 {
    margin-top: 152px;
}

.loginBox .screen.externalLogin h2 {
    margin-top: 80px;
}

.loginBox .screen.externalLogin h3 {
    margin: 32px auto 0;
}

.loginBox .screen.externalLogin form .back:not(#dummy) {
    margin-top: 16px;
}

.loginBox .screen.forgotPassConfirm h2 {
    margin-top: 80px;
    margin-bottom: 16px;
}

.loginBox .screen.getAccessCode h2 {
    margin-top: 56px;
}

.loginBox .screen.getAccessCode h3 {
    margin: 16px auto 0;
}

.loginBox .screen.getAccessCode form {
    margin-top: 48px;
}

.loginBox .screen.getAccessCode form .external {
    margin-top: 48px;
}

.loginBox .screen.getAccessCode form [type="submit"] {
    margin-top: 24px;
}

.loginBox .screen.getAccessCode .loginFooter {
    margin-top: 64px;
}

.loginBox .screen.getAccessCode .loginFooter * {
    margin: 8px 0;
}

.loginBox .screen.getAccessCode .bannerLogo {
    margin-top: -8px;
}

.loginBox .screen.getAccessCode .bannerLogo + h2 {
    margin-top: 32px;
}

.loginBox .screen.optionalSkip .title {
    margin-top: 80px;
}

.loginBox .screen.optionalSkip .title h2 {
    margin-top: 56px;
}

.loginBox .screen.optionalSkip form {
    margin-top: 32px;
}

.loginBox.shortBox {
    height: 576px;
}

.loginBox.shortBox .screen .header {
    margin-bottom: 8px;
}

.loginBox.shortBox .screen .title h2 {
    margin-top: 80px;
    margin-bottom: 0;
}

.loginBox.shortBox .screen .external {
    margin: 56px -8px 24px;
}

.loginBox.shortBox .screen.setPassword .changeUser,
.loginBox.shortBox .screen.setPassword .notYou {
    display: none;
}

.loginBox.shortBox .screen.getPassword.hasPassDesc h2 {
    margin-top: 48px;
}

.loginBox.shortBox .screen.getPassword.hasPassDesc .forgotPassWrap {
    margin-top: 48px;
}

.loginBox.shortBox .screen.forgotPassConfirm h2, .loginBox.shortBox .screen.externalError h2 {
    margin-top: 160px;
}

.loginBox.shortBox .screen.resetExpired h2 {
    margin-top: 104px;
}

.loginBox.shortBox .screen.resetExpired form {
    margin-top: 32px;
}

.loginBox.shortBox .screen.resetExpired .resetAbort {
    margin-top: 56px;
}

.loginBox.shortBox .screen.galleryPrivate h2 {
    margin-top: 120px;
}

.loginBox.shortBox .screen.galleryPrivate form {
    margin-top: 72px;
}

.dynamicAdBlock {
    transition: all 400ms;
    z-index: 2 !important;
}

.dynamicAdBlock.expanded {
    height: auto !important;
    width: auto !important;
    z-index: 5    !important;
}

.dynamicAdBlock .dynamicAd {
    transition: all 400ms;
}

.dynamicAdBlock .dynamicAd iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: White;
}

.dynamicAdBlock .icon.close {
    position: absolute;
    height: 25px;
    width: 25px;
    top: 10px;
    right: 13px;
    border: none;
    pointer-events: none;
    background-color: transparent;
    background-position: -145px -35px;
}

.dynamicAdBlock:not(.expanded) .icon.close {
    display: none;
}

.dynamicAdBlock:after {
    content: none !important;
}

.footer .social,
.socialLinks {
    text-align: center;
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.footer .social div, .footer .social button,
.socialLinks div,
.socialLinks button {
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.footer .social div:first-child, .footer .social button:first-child,
.socialLinks div:first-child,
.socialLinks button:first-child {
    margin-left: 0;
}

.footer .social div:last-child, .footer .social button:last-child,
.socialLinks div:last-child,
.socialLinks button:last-child {
    margin-right: 0;
}

.footer .social .twitter,
.socialLinks .twitter {
    background-position: 0 -800px;
}

.footer .social .facebook,
.socialLinks .facebook {
    background-position: 0 -760px;
}

.footer .social .instagram,
.socialLinks .instagram {
    background-position: 0 -840px;
}

.footer .social .email,
.socialLinks .email {
    background-position: 0 -1480px;
}

.mobileDevice .footer .social .twitter, .mobileDevice
.socialLinks .twitter {
    background-position: -252px -72px;
}

.mobileDevice .footer .social .facebook, .mobileDevice
.socialLinks .facebook {
    background-position: -252px -37px;
}

.mobileDevice .footer .social .instagram, .mobileDevice
.socialLinks .instagram {
    background-position: -252px -107px;
}

.mobileDevice .footer .social .email, .mobileDevice
.socialLinks .email {
    background-position: -253px -667px;
}