@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Mulish:wght@600&family=Quicksand:wght@300..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");
/* NEW PALETTE */
/* DARK BLUE */
.typography h1, .typography h2, .typography h4, .typography h5, .typography h6 { font-weight: 500; color: #242038; font-family: 'Raleway','Arial'; text-align: center; }

.typography h1 { font-size: 1em; padding-bottom: 0; font-weight: 800; }

.typography h2 { font-weight: 500; color: #242038; font-family: 'Montserrat','Arial'; font-size: 20px; text-transform: uppercase; font-weight: 600; line-height: 20px; margin-bottom: 10px; margin-top: 10px; }

.typography h3 { font-weight: 500; color: #242038; font-family: 'Montserrat','Arial'; font-size: 16px; text-transform: uppercase; font-weight: 800; line-height: 16px; margin-bottom: 10px; margin-top: 10px; }

.typography h4 { text-transform: uppercase; }

.typography a, .typography a.intro { color: #456185; font-weight: 600; }

.typography a:hover, .typography a.intro:hover { color: #391D12; border-bottom: 1px dashed transparent; }

.typography img { border: none; background: unset; }

.typography ul li, .typography ol li { font-size: 0.9em; }

ol, ul { padding-left: unset; }

html a { color: #456185; }

html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ }

a:hover { color: #391D12 !important; font-weight: 600; }

.flex-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

form { width: unset; }

form input.text, form textarea, form .textajaxuniquetext, form select { width: 100% !important; max-width: 560px; }

form .message { color: black; }

button, input, optgroup, select, textarea { border-radius: 0.5em !important; }

.entwine-uploadfield { border-radius: 0 !important; }

.brand { font-style: italic; }

.header .inner { height: 47px; min-height: 47px !important; padding-top: 24px !important; }

.brand img { width: 8em; }

.header .primary ul { position: absolute; bottom: 0; right: 0; top: -0.4em; }

.header .primary li { padding-bottom: 9px; }

.header .primary li a { margin-top: 6px !important; padding-top: 6px !important; padding-bottom: 6px !important; font-family: "Raleway", "Arial"; text-transform: uppercase; font-size: 1em; font-size: 400; color: lightgray; }

nav li { border-radius: 0.5em; }

html { background-color: #4b709f; }

body { font-family: 'Montserrat','Arial'; background-color: #FFFFFF; font-size: 1em; font-weight: 400; }

.inner { max-width: 1440px; padding: 0 15px; }

.main { background-color: #f2f3f4; color: #242038; padding-bottom: 0; padding-top: 0; }

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

.main p { font-size: 0.9em; line-height: 27px; }

.footer { background-color: #4b709f; color: #242038; font-size: 0.72em; font-weight: 600; }

.footer a, .footer a:hover { color: #FFFFFF !important; }

.footer .brand { font-style: unset; }

.footer a.brand { color: white; }

@media (min-width: 576px) { /*.modal-dialog { max-width: 640px !important; margin: 1.75rem auto; }*/ }
.modal-footer-full { display: block; padding: .75rem; border-top: 1px solid #4E5395; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); }

.page-item.active .page-link { border-color: #4E5395; background-color: #4E5395; }

.page-item a { font-size: 0.5em !important; }

.pagination { margin-bottom: 1em !important; }

/* BUTTON */
a.btn, button, input[type="submit"], input[type="reset"], .Actions .action { background: #FFFFFF; color: #242038; border: 1px solid #242038; }

a.btn:after { content: none !important; }

.btn-primary { background-color: #456185; font-weight: 600 !important; }

.btn-primary:hover { background-color: #391D12 !important; color: white !important; }

.btn-light { border: 1px solid gray; }

.btn-primary:focus { background-color: #391D12 !important; }

.btn-outline-secondary { color: #6c757d !important; border-color: #6c757d !important; background-color: white !important; border-style: solid !important; border-width: 1px !important; }

.btn-accept:hover { background-color: green !important; }

.btn-toolbar { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

.modal-footer .btn-secondary { padding: 1px 6px !important; background-color: #444 !important; }

form .good { color: #242038; border-radius: 0.28em; }

/*form select { color: $color-4;
}*/
.btn-transparent { background: transparent; }

.img-fluid { width: 100%; }

/* FOR CHECK */
.form-check-input:checked { background-color: #4b709f; border-color: #4b709f; }

/* LIGHTBOX */
.modal-previous { position: absolute; bottom: -1.5em; color: white !important; border-radius: 1em; font-weight: 700; font-size: 2em; left: 2.4em; }
.modal-previous .bi::before { vertical-align: -0.5em; border-bottom: 1px solid transparent; }

.modal-next { position: absolute; bottom: -1.5em; color: white !important; border-radius: 1em; font-weight: 700; font-size: 2em; right: 2.4em; }
.modal-next .bi::before { vertical-align: -0.5em; border-bottom: 1px solid transparent; }

@media only screen and (min-width: 960px) { .modal-previous { left: -2.4em; bottom: 50%; }
  .modal-next { right: -2.4em; bottom: 50%; } }
/* CONTAINERS */
.breakfloat { clear: both; }

.main_container { max-width: 1280px; margin: auto; }

.text-center { display: inline-block; text-align: center; }

.header-section { background-color: #f2f3f4; color: #242038; padding-top: 0.5em; }

.header-section .typography p { font-size: 16px; line-height: 24px; }

@media (min-width: 992px) { .header-section .typography h3 { font-size: 24px; line-height: 24px; }
  .header-section .typography p { font-size: 16px; text-align: justify; margin-right: 2em; } }
/* SECTIONS */
.section-thumb { border: 2px solid #dddddd !important; }

.section-thumb-text { width: Calc(100% - 0.5em); margin-left: auto; }

.section-1 { position: relative; left: 3em; z-index: 10; }

.section-2 { position: relative; left: 1em; top: -1em; z-index: 11; }

.section-3 { position: relative; left: -1em; z-index: 12; }

.section-4 { position: relative; left: -3em; top: -1em; z-index: 13; }

.MainSection { background-color: #FFFFFF; padding-top: 0.4em; padding-bottom: 0.3em; border-radius: 1em; }

.SubSection { font-size: 14px; padding: 0.1em 0.75em 0.5em 0.75em; margin-bottom: 0.25em; background-color: #4b709f; color: #FFFFFF; border-radius: 0.5em; }
.SubSection h3 { color: #FFFFFF; }

.SubSectionFlex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; }
.SubSectionFlex h3 { margin-bottom: 2em; }

.SubSectionText { margin-bottom: 1.2em; }

.ColorBlockStart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.ColorBlockEnd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.ColorBlockBlue { background-color: #4b709f; width: 0.25em; height: 100%; }

/* SILVERSHOP */
.Product .btn { border: 1px solid #D8CFCB !important; font-size: 13px; text-transform: uppercase; }

a.btn-store, button.btn-store, .action { font-weight: 600; margin-bottom: 2em !important; }

a.btn-store:hover, button.btn-store:hover, .action:hover, input[type="submit"]:hover { background-color: #4b709f; border: 1px solid #D8CFCB; color: #FFFFFF !important; }

.pageTitle { text-transform: uppercase; }

h3.productTitle a { font-size: 13px; color: #456185; font-weight: 600; }

.productList { padding-left: 0; margin-left: 0 !important; }

.productContent { margin-top: 2em; }

@media (min-width: 992px) { .productDetails { margin-top: 1em; } }
.sidecart { margin-bottom: 2em; }

.sidecart .item { margin-top: 0.75em; }

.offcanvas { background-color: #FFFFFF; }

/* DETAILS */
.border-radius { border-radius: 0.36em; }

.no-border { border: unset; }

p.list { line-height: 27px; }

img.client-logo { border: 1px solid #D8CFCB; margin-bottom: 1em; }

.fit-text { position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #FFFFFF; text-transform: uppercase; font-size: 1.3em; font-weight: 800; width: 100%; line-height: initial; }

/* PRODUCTS */
.Product .pageTitle { margin-bottom: 0.5em; }

.Product .price { font-size: 0.9em; }

.price { font-family: 'Montserrat'; font-weight: 500; font-size: 15px; }

.add { font-family: 'Montserrat'; font-weight: 500; text-transform: uppercase; font-size: 16px; }

.add-to-cart-btn, .action { margin-right: unset !important; }

.Product .add { display: -ms-grid; display: grid; }

@media (min-width: 992px) { .Product .add { max-width: 20em; } }
#variationDropdown { margin-top: 2em; }

@media (min-width: 992px) { #variationDropdown { max-width: 20em; } }
/* GALLERY PRODUCTS */
#ProductImageGallery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.thumb-image-gallery-product { margin-right: 8px; }

.thumb-image-gallery-product:last-child { margin-right: 0px; }

.screen-mode-toggle { font-size: 1.32em; top: -0.16em; position: relative; }

.mobile-menu .screen-mode-toggle { font-size: 1.32em; top: 0.03em; position: relative; }

.dropdown-toggle::after { position: absolute; right: 1em; top: 1em; }

@media (min-width: 992px) { .dropdown-toggle::after { position: relative; right: 0em; top: 0.2em; } }
.navbar-toggler { background-color: #D8CFCB; }

.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.1rem; -webkit-transition: 0.2s; transition: 0.2s; }

.navbar-expand-lg .navbar-nav { font-size: 0.75em; font-weight: 600; }

.navbar { padding-top: 0.25rem; padding-bottom: 1rem; }

.navbar .container-fluid { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; }

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show > .nav-link { padding-left: 0.8em !important; padding-right: 0.8em; -webkit-transition: 0s ease-in-out; transition: 0s ease-in-out; color: #242038; text-transform: uppercase; }

.navbar-dark .navbar-nav .nav-link.active:hover, .navbar-dark .navbar-nav .show > .nav-link:hover { color: #FFFFFF !important; }

.nav-item { color: #D8CFCB; }

.nav-item:hover { background-color: #4b709f; color: #FFFFFF; }

.dropdown-menu { padding: 0.16em 0.16em; }

.dropdown-item { font-size: 0.96em; padding-left: 0.5em !important; }

.dropdown-item.active, .dropdown-item:active { background-color: #FFFFFF; color: #242038; }

.dropdown-item.active:hover, .dropdown-item:active:hover { background-color: #4b709f; color: #FFFFFF; border: 2px solid #4b709f; border-radius: 4px; }

.fi { border: 1px solid #4b709f; border-radius: 0.24em; }

.main .secondary h3 { font-family: "Quicksand", Georgia, "Times New Roman", Times, serif; }

.main .secondary li a { color: #D8CFCB; font-family: 'Raleway' !important; }

.main .secondary li .text { padding-left: 0; }

.nav-item .bi { position: relative; top: 0.05em; padding: 0.8em; font-size: 1.5em; }

.nav-item .bi:hover { color: #FFFFFF; }

.icon-cart-mobile .bi { right: 0.5em; position: relative; font-size: 1.5em; }

.icon-cart-mobile .bi:hover { color: #4E5395; }

.sidecart .item .title { font-size: 0.8em; font-weight: 600; }

.sidecart .remove { top: 10px !important; font-family: 'Montserrat'; font-weight: 400; }

.platform-icon { width: 150px; }

a.btn, button, input[type="submit"], input[type="reset"], .Actions .action { background: #4b709f; color: #FFFFFF; border: 1px solid #4b709f; }

a.btn:after { content: none !important; }

.btn-primary { background-color: #456185; font-weight: 600 !important; }

.btn-primary:hover { background-color: #391D12 !important; color: white !important; }

.btn-light { border: 1px solid gray; }

.btn-primary:focus { background-color: #391D12 !important; }

.btn-outline-secondary { color: #6c757d !important; border-color: #6c757d !important; background-color: white !important; border-style: solid !important; border-width: 1px !important; }

.btn-accept:hover { background-color: green !important; }

.btn-join { background-color: #f6f6f6 !important; color: #5A5A5A !important; font-weight: 600 !important; width: 10em; border-radius: 1.2em !important; }

.btn-join:hover { background-color: #242424 !important; color: #f6f6f6 !important; }

.btn-discover { background-color: #f6f6f6 !important; color: #5A5A5A !important; font-weight: 500 !important; font-size: 1em !important; border-radius: 1.2em !important; }

.btn-discover:hover { background-color: #242424 !important; color: #f6f6f6 !important; }

.modal-footer .btn-secondary { padding: 1px 6px !important; background-color: #444 !important; }

.btn-toolbar { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

.TextMiddle { margin-bottom: 2em; text-align: center; }

.modal-footer .btn-secondary { padding: 1px 6px !important; background-color: #FFFFFF !important; }

.read-more { color: #D8CFCB; text-align: end; padding-right: 0.8em; padding-top: 0.25em; padding-bottom: 0.25em; font-size: 0.72em; border-radius: 0.64em; margin-top: 1em; max-width: Calc(100% - 2em); margin-left: auto; margin-right: auto; }

.gridfield-button-refund:before { display: none !important; }

.login-page, .CheckoutPage { background-color: #FFFFFF; color: #D8CFCB; }
.login-page .btn-toolbar .btn, .CheckoutPage .btn-toolbar .btn { margin-right: 1em; }
.login-page .membership .btn-toolbar, .CheckoutPage .membership .btn-toolbar { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
.login-page input.action[class], .CheckoutPage input.action[class] { width: 45%; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; }

ul.StyledList li { font-weight: 600; text-transform: uppercase; font-size: 16px; list-style-type: none; line-height: 2em; }

#navLinks { margin-bottom: 0.5em; }

.swatch { width: 2em; height: 2em; border-radius: 50%; border: 2px solid lightgrey; margin-left: 0.32em; }

.productContent { font-size: 0.8em; }
.productContent ul { padding-left: 0; }

.order-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* Horizontally center */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* Vertically center */ height: 100%; border: 2px solid #D8CFCB; border-radius: 0.5em; height: 3em; margin-bottom: 1em; }

#content-placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* Horizontally center */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* Vertically center */ height: 100%; }

.variation { text-align: center; margin-bottom: 1em; }

@media (min-width: 768px) { .variation { text-align: inherit; } }
.quantity input { display: inline-table; text-align: center; }

.btn-toolbar input.action[class] { margin-left: 1em; }

#ForgotPassword { margin-left: auto; }

.checkbox label.right { color: #D8CFCB; }

#CheckoutForm_PaymentMethodForm_PaymentMethod li label { position: relative; top: -3px; }

#Checkout form label.left { float: unset !important; width: unset !important; }

#CheckoutForm_ShippingAddressForm_SilverShop-Checkout-Component-ShippingAddress_Company_Holder { display: none; }

.progress-bar { background-color: #4E5395; }

.progress { font-weight: 500; }

.AccountPage .accountnav { width: 100%; }

.AccountPage .nav-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.AccountPage .typography ul li { list-style-type: none; }

.CheckoutPage form { width: 100% !important; max-width: unset !important; }
.CheckoutPage form .optionset ul { margin-top: 1.5em; }

#Form_ShippingMethodForm_ShippingMethodID_Holder ul li label { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 1.5em; position: relative; top: -2px; }

.CheckoutPage table.infotable, .AccountPage table.infotable { background: #4b709f; margin-bottom: 1em; }
.CheckoutPage table thead tr th, .AccountPage table thead tr th { background: #A0E7A0; color: #D8CFCB; }
.CheckoutPage table tbody tr td, .AccountPage table tbody tr td { background: #4b709f; color: #D8CFCB; }
.CheckoutPage table tbody .itemrow .image, .CheckoutPage #InformationTable .image, .AccountPage table tbody .itemrow .image, .AccountPage #InformationTable .image { width: 56px; padding: 0px; }
.CheckoutPage table.infotable td.product.title, .CheckoutPage table.infotable tr td a, .AccountPage table.infotable td.product.title, .AccountPage table.infotable tr td a { color: #f6f6f6; font-weight: 600; }
.CheckoutPage table.infotable td.product.title a, .AccountPage table.infotable td.product.title a { margin-left: 1em; }
.CheckoutPage table tfoot tr td, .AccountPage table tfoot tr td { background: #A0E7A0; color: #D8CFCB; }
.CheckoutPage table tbody .summary .threeColHeader, .AccountPage table tbody .summary .threeColHeader { background: #A0E7A0; color: #D8CFCB; }
.CheckoutPage .table > tbody, .AccountPage .table > tbody { color: #d4d4d4; border-top: 1px solid currentColor; }

.AccountPage h2 { float: unset; }

.nav { display: inline-block; }