/*aditi and sagar start*/
@font-face {
font-family: 'ClassGarmnd BT';
src: url('../fonts/ClassicalGaramondBT-Roman.woff2') format("woff2"), url('../fonts/ClassicalGaramondBT-Roman.woff') format("woff");
font-display: swap;
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'ScalaSansOT';
src: url('../fonts/ScalaSansOT.woff2') format("woff2"), url('../fonts/ScalaSansOT.woff') format("woff");
font-display: swap;
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'iconfont';
src: url('../fonts/iconfont.woff2') format("woff2"), url('../fonts/iconfont.woff') format("woff");
font-display: swap;
font-weight: 400;
font-style: normal
}
/* Forgot password start */
.field.captcha.required label.label {
width: 100%;
}
/* Forgot password end */
/* Registeration start */
.field.confirmation.required label.label {
width: 100%;
}
/* Registeration end */
/* Loginn start */
.customer-account-login .block.block-new-customer {
padding: 0 130px 0 0px;
}
.customer-account-create [data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
display: block !important;
padding: 0 !important;
}
/* .fieldset>.field:not(.choice)>.label{
top: 15px !important;
} */
/* .block.block-customer-login {
padding: 0 130px 0 0px;
} */
/* login ennd */
/* details.phtml */
.catalog-product-view .sticky-bar.show-bar span.special-price span.price {
font-size: 18px !important;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
}
.catalog-product-view .product-info-price span.price {
font-size: 20px !important;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
color: black !important;
font-weight: 300 !important;
}
button.action.tocart.primary.btnselectoption:hover {
background: #626262;
border-color: #626262;
color: #fff;
}
button.action.tocart.primary.btnselectoption {
background-color: #fff;
color: #9a7b69;
border: none;
border-left: 2px solid #f6f4f2;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 380px;
max-width: 258px;
padding: 15px 22px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
border-radius: 0px;
margin-top: 15px;
height: 62px;
}
.price-container .weee:after {
display: none;
}
.catalog-product-view .sticky-bar.show-bar span.old-price span.price {
opacity: .7;
font-size: 18px !important;
text-decoration: line-through;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
}
.sticky-bar.show-bar {
transition: bottom .3s ease-in-out, visibility .1s ease-in-out 0s;
visibility: visible;
bottom: 0;
height: 60px;
}
.sticky-bar {
width: 100%;
min-height: 61px;
background-color: #fff;
box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .08);
visibility: hidden;
bottom: -90px;
opacity: 1;
transition: bottom .3s ease-in-out, visibility .1s ease-in-out .5s;
z-index: 890;
position: fixed;
left: 0;
display: flex;
}
.sticky-product-container {
display: flex;
flex-grow: 1;
padding: 5px 30px 5px 20px;
}
.sticky-bar .image-container {
max-height: 100%;
align-items: center;
display: flex;
}
.sticky-bar .image-container .image {
max-height: 50px;
}
.product-name.small {
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
margin-bottom: 0;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
color: #000;
text-transform: none;
}
.the-ritual-of-title.small {
font-size: 11px;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
line-height: 18px;
color: #9a7b69;
letter-spacing: 1.5px;
}
.the-ritual-of-title {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 20px;
color: #000;
display: block;
line-height: 23px;
letter-spacing: 6px;
text-transform: uppercase;
}
.sticky-product-container .price-container {
display: flex;
align-items: center;
margin-left: auto;
}
.sticky-product-container .price-container .product-price {
align-items: center;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
margin-left: 10px;
}
.small-price .product-price {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
line-height: normal;
color: #000;
font-size: 16px;
letter-spacing: 1px;
}
.sticky-product-container .price-container .product-price .prices-container {
text-align: right;
}
.sticky-product-container .price-container .price-sales {
white-space: nowrap;
font-size: 16px;
letter-spacing: 1.07px;
line-height: 19px;
display: block;
margin-bottom: 3px;
}
.sticky-button-container {
width: 128px;
}
.sticky-button-container .product-add-to-cart {
position: relative;
}
.sticky-button-container .product-add-to-cart button.btn.btn-add-to-cart.js-add-to-cart, .sticky-button-container .product-add-to-cart button.btnselectoption {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 380px;
max-width: 258px;
padding: 15px 22px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
border-radius: 0px;
}
.sticky-button-container fieldset {
border: none;
padding: 0 15px;
}
.sticky-button-container .product-add-to-cart .btn-wrapper {
margin-right: -15px;
}
/*--------start--contact---by madan-----------*/
#contact-form .fieldset .legend{
margin-left: 0;
}
#contact-form .fieldset > .field {
margin: 0;
}
#contact-form .legend {
font-size: 30px;
margin-bottom: 15px;
}
#contact-form .field.note.no-label {
font-size: 20px;
}
#contact-form .fieldset > .field.choice::before, #contact-form .fieldset > .field.no-label::before {
display: none;
}
#contact-form .fieldset > .field:not(.choice) > .label {
font-size: 16px;
text-transform: none;
text-align: left !important;
}
#contact-form .fieldset > .field:not(.choice) > .label {
padding:30px 0 10px 0!important;
width: auto;
float: none;
letter-spacing: 1px;
}
#contact-form .fieldset {
margin: 0;
}
.contact_left {
display: table-cell;
width: 30%;
background: #222221;
padding: 40px;
color: #fff;
}
.contact_left h4 {
font-size: 30px;
font-weight: normal;
}
.contact_left .heading-intro {
font-size: 20px;
padding-top: 8px;
}
.contact-index-index .column:not(.sidebar-additional) .form.contact {
float: none;
width: 48%;
padding:40px 70px;
background: #fff;
display: table-cell;
}
#contact-form .actions-toolbar {
margin: 30px 0 25px;
}
.contact-index-index h1.page-title {
letter-spacing: 6.2px;
text-align: center;
text-transform: uppercase;
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 30px;
line-height: 40px;
font-weight: 400;
margin:40px 0;
display: block !important;
}
.contact-index-index .contact input.input-text, .contact-index-index .contact select {
border: 1px solid #c2c2c2 !important;
padding: 0 10px !important;
height: 40px !important;
}
aside.modal-popup.innerwelcome._show ~ aside.modal-popup.um-popup-newsletter {
z-index: 900 !important;
}
aside.modal-popup.innerwelcome._show ~ .modals-overlay {
z-index: 901 !important;
}
@media (max-width: 767px){
.contact-index-index h1.page-title{
margin: 20px 0;
font-size: 28px;
}
.contact_left {
display: block;
width: auto;
padding: 25px;
text-align: center;
}
.contact_left h4 {
font-size: 20px;
}
.contact_left .heading-intro {
font-size: 17px;
padding-top: 0;
}
.contact-index-index .column:not(.sidebar-additional) .form.contact {
float: none;
width: auto;
padding: 25px 25px;
display: block;
}
#contact-form .legend {
font-size: 20px;
text-align: center;
}
#contact-form .field.note.no-label {
font-size: 17px;
text-align: center;
}
#contact-form .actions-toolbar {
margin: 20px 0 0;
}
#contact-form .fieldset > .field:not(.choice) > .label {
padding: 22px 0 5px 0!important;
width: auto;
float: none;
display: block;
position: static;
transform: none;
}
.field.comment.required .control textarea#comment {
margin-top: 0px;
}
}
/*--------end--contact---by madan-----------*/
body .ves-column1.level1 > .item-content1 > .mega-col {
max-height: 445px !important;
border: none !important;
}
.abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .checkout-container .action-additional, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .action-gift, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove {
color: #865;
}
.abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .checkout-container .action-additional:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .action-gift:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover {
color: #865;
}
#homesection4, #homesection6 {
padding: 45px 0;
}
.slider-product-item-info {
width: 100% !important;
text-align: center;
padding: 0 15px;
}
.product.details.slider-product-item-details {
margin-left: 0;
height: 60px !important;
}
.product.details.slider-product-item-details .product.name a {
font-size: 16px;
letter-spacing: 1px;
line-height: 20px;
margin-bottom: 4px;
color: #000;
}
.product.details.slider-product-item-details .product.name a:hover{
text-decoration: none;
}
.product.details.slider-product-item-details .price-container .price {
font-size: 16px;
letter-spacing: 1px;
line-height: 20px;
color: #000;
}
.slider-product-item-info .text-holder {
text-align: left;
}
.ritualWrapper .viewmorebtn .btn {
max-width: 90% !important;
display: block;
}
.swiper-button-prev, .swiper-button-next {
color: #000;
height: 50px;
width: 50px;
border-radius: 90px;
}
.swiper-button-prev:hover, .swiper-button-next:hover{ background: #fff; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
opacity: 0 !important;
}
.swiper-button-prev::after, .swiper-button-next::after {
font-size: 20px;
}
.swiper-scrollbar-drag {
background: #453f3f;
}
.rtl .slider-product-item-info .text-holder {
text-align: right;
}
#homesection4, #homesection6 {
padding: 40px 0 20px;
margin: 0 -20px;
}
.text-holder h2 {
font-size: 14px;
margin: 0;
}
section#homesection6 .block-content .text-holder h3, section#homesection4 .block-content .text-holder h3 {
margin-top: 0;
}
.swiper-wrapper .swiper-slide:first-child{
/*display: none;*/
}
.slider-product-item-info {
width: 100% !important;
text-align: center;
margin-bottom: 30px;
padding: 0 15px;
}
.product.details.slider-product-item-details {
margin-left: 0;
}
.product.details.slider-product-item-details .product.name a {
font-size: 16px !important;
letter-spacing: 1px;
line-height: 18px;
margin-bottom: 4px;
color: #000;
display: block;
}
section#homesection4 a.btn, section#homesection6 a.btn {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.product.details.slider-product-item-details .product.name a:hover{
text-decoration: none;
}
.product.details.slider-product-item-details .price-container .price {
font-size: 16px;
letter-spacing: 1px;
line-height: 20px;
color: #000;
}
.slider-product-item-info .text-holder {
text-align: left;
margin-bottom: 50px;
}
.ritualWrapper .viewmorebtn .btn {
/*max-width: 80% !important;
display: block !important;
margin: 20px 0 0;*/
}
.ritualWrapper .viewmorebtn .btn:hover {
background-color: transparent !important;
color: #453f3f !important;
}
.swiper-button-prev, .swiper-button-next {
color: #000;
height: 50px;
width: 50px;
border-radius: 90px;
/*display: none;*/
}
.swiper-button-prev:hover, .swiper-button-next:hover{ background: #fff; }
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
opacity: 0 !important;
}
.swiper-button-prev::after, .swiper-button-next::after {
font-size: 20px;
}
.swiper-scrollbar-drag {
background: #453f3f;
}
section#homesection6 strong.product.name.product-item-name, section#homesection4 strong.product.name.product-item-name {
min-height: 30px;
width: 100%;
}
section#homesection6 strong.product.name.product-item-name a, section#homesection4 strong.product.name.product-item-name a{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
padding: 0 15px;
}
.mobileview .slider-product-item-info .text-holder {
text-align: right;
}
.minicart-items .product-item-name{
padding-right: 90px;
}
@media (min-width: 1024px) {
.sticky-button-container {
width: 380px;
}
.sticky-bar .btn:active,
.sticky-bar .btn:hover {
background: #626262 !important;
border-color: #626262 !important;
color: #fff !important;
}
}
@media (min-width: 320px) {
.sticky-button-container .product-add-to-cart .btn {
min-height: 65px;
margin-top: 0px;
}
.sticky-button-container {
width: auto;
min-width: 200px;
margin-top: -15px;
}
.sticky-bar {
min-height: 62px;
}
.sticky-product-container .details-container {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 20px;
}
}
.cms-index-index [data-content-type="row"][data-appearance="contained"] {
max-width: 100%;
}
/* details.phtml */
/*aditi and sagar */
.page-header .panel.wrapper {
background-color: #242222;}
body {
font-family: "ScalaSansOT";
font-size: 16px;
color: #453f3f;
background-color: #f6f4f2;
}
header.page-header {
background-color: #1a1919;
}
.page-header .panel.wrapper {
background-color: #242222;
border-bottom: none;
}
.mobileonly {
display: none;
}
@media (max-width: 767px) {
.desktoponly {
display: none;
}
.mobileonly {
display: block;
}
}
/* footer css */
.field.newsletter label {
top: 0px !important;
}
a.btn-cont {
display: inline-block;
font-size: 14px;
letter-spacing: 3px;
margin-top: 34px;
text-decoration: underline;
cursor: pointer;
color: #b8a188;
}
strong.label.switcher-label span {
display: block !important;
font-weight: 100;
color: #a4a4a4;
}
.storelang {
display: block !important;
font-weight: 100;
color: #a4a4a4;
text-transform: uppercase;
font-size: 14px;
letter-spacing: .1em;
}
.storecountry {
display: block !important;
font-weight: 100;
color: #a4a4a4;
text-transform: uppercase;
font-size: 14px;
letter-spacing: .2em;
}
.page-header .switcher .options ul.dropdown li,
.page-footer .switcher .options ul.dropdown li {
margin: 0;
padding: 0;
padding: 0px 30px 0px 0px;
border-bottom: 1px solid rgba(69, 63, 63, .1);
}
div#switcher-store-trigger span {
font-size: 13px;
}
.page-header .switcher .options.active ul.dropdown,
.page-footer .switcher .options.active ul.dropdown {
display: block;
height: auto;
overflow: auto;
border: 1px solid #d8d8d8;
background-color: #fff;
list-style: none;
padding: 0;
width: 305px!important;
left: -26px;
top: calc(100% - 1px);
}
.page-header .switcher .options ul.dropdown li:hover,
.page-footer .switcher .options ul.dropdown li:hover {
background: #e8e8e8;
cursor: pointer;
}
.page-header .switcher .options ul.dropdown a,
.page-footer .switcher .options ul.dropdown a {
display: block;
color: #1a1919;
cursor: pointer;
font-size: 14px;
line-height: 17px;
padding: 13px 20px;
}
.breadcrumb .breadcrumb-list-item.back-button-home-wrapper:nth-last-child(2):before,
.breadcrumb .breadcrumb-list-item:last-child .breadcrumb-element:before,
.breadcrumb .breadcrumb-list-item:nth-last-child(2):before,
.checkout-content .form .checkout-eurobonus-dropdown .input-wrap button.btn-success:before,
.country-selector-dialog .ui-dialog-titlebar-close span:before,
.faq-questions .row__item .row__item__content .icon-email:before,
.faq-questions .row__item .row__item__content .icon-mail:before,
.faq-questions .row__item .row__item__content .icon-service:before,
.faq-questions .row__item .row__item__content .icon-user:before,
.footer-middle-elements .wrapper__country-selector .country-selector .arrow-down i:before,
.footer-top-part .wrapper__country-selector .country-selector .arrow-down i:before,
.gwp-dialog .ui-icon-closethick:before,
.icon-account:before,
.icon-arrow--back:before,
.icon-arrow--copper:before,
.icon-arrow--down:before,
.icon-arrow--left:before,
.icon-arrow--right:before,
.icon-arrow--up:before,
.icon-arrow-back:before,
.icon-arrow-diap:before,
.icon-arrow-wider-down:before,
.icon-arrow2--down:before,
.icon-arrow2--left:before,
.icon-arrow2--right:before,
.icon-arrow2--up:before,
.icon-arrow3--down-rit-dark:before,
.icon-arrow3--down-white:before,
.icon-arrow3--down:before,
.icon-arrow3--left:before,
.icon-arrow3--right:before,
.icon-arrow3--up:before,
.icon-arrow4--down:before,
.icon-arrow4--left:before,
.icon-arrow4--right:before,
.icon-arrow4--up:before,
.icon-arrow5--left:before,
.icon-arrow5--up:before,
.icon-bell:before,
.icon-box:before,
.icon-call:before,
.icon-cart--plus:before,
.icon-cart-basket:before,
.icon-cart-plus:before,
.icon-cart:before,
.icon-check-thin:before,
.icon-check:before,
.icon-cities:before,
.icon-clean-safe:before,
.icon-close-thick:before,
.icon-close2:before,
.icon-close:before,
.icon-cruelty-free:before,
.icon-current-location-outline:before,
.icon-current-location:before,
.icon-data:before,
.icon-delivery-day:before,
.icon-delivery-fast:before,
.icon-delivery-time:before,
.icon-delivery:before,
.icon-dots:before,
.icon-duration:before,
.icon-edp-tool:before,
.icon-email:before,
.icon-exclusive-partnership:before,
.icon-fabric:before,
.icon-favourite:before,
.icon-filter-icon:before,
.icon-gift:before,
.icon-giftcard:before,
.icon-giving-back:before,
.icon-hair-test:before,
.icon-hand-gift:before,
.icon-hand-heart:before,
.icon-home:before,
.icon-hor-bottle:before,
.icon-hor-candleholder:before,
.icon-hor-fragrance:before,
.icon-hor-sticks:before,
.icon-hor-wax:before,
.icon-ico-clock:before,
.icon-limiting-waste:before,
.icon-location:before,
.icon-magazine:before,
.icon-mail:before,
.icon-man:before,
.icon-menu2:before,
.icon-menu:before,
.icon-minus2:before,
.icon-minus3:before,
.icon-minus3invert:before,
.icon-minus:before,
.icon-my-rituals-dark:before,
.icon-newsletter:before,
.icon-online:before,
.icon-password-not-visible:before,
.icon-password-visible:before,
.icon-pause-large:before,
.icon-pause:before,
.icon-pencil:before,
.icon-perfume-genie:before,
.icon-play-large:before,
.icon-play:before,
.icon-plus2:before,
.icon-plus3:before,
.icon-plus3invert:before,
.icon-plus:before,
.icon-rating:before,
.icon-rituals-logo:before,
.icon-ruler:before,
.icon-sale:before,
.icon-scan:before,
.icon-search-dotless:before,
.icon-search-magnifier:before,
.icon-search:before,
.icon-secure-dotless:before,
.icon-secure:before,
.icon-service:before,
.icon-share:before,
.icon-shop:before,
.icon-shopping:before,
.icon-size:before,
.icon-skincare-test:before,
.icon-social--facebook2:before,
.icon-social--facebook:before,
.icon-social--fbmessenger:before,
.icon-social--google:before,
.icon-social--instagram2:before,
.icon-social--instagram:before,
.icon-social--messenger:before,
.icon-social--pinterest2:before,
.icon-social--pinterest:before,
.icon-social--twitter2:before,
.icon-social--twitter:before,
.icon-social--whatsapp:before,
.icon-social--youtube2:before,
.icon-social--youtube:before,
.icon-sos:before,
.icon-store:before,
.icon-super-soft:before,
.icon-tao-logo:before,
.icon-thread-count:before,
.icon-thread:before,
.icon-timer:before,
.icon-tranquility:before,
.icon-user:before,
.icon-vegan:before,
.icon-video:before,
.icon-view--list:before,
.icon-view--tiles:before,
.icon-weight:before,
.icon-well-being:before,
.icon-woman:before,
.order-steps.order-steps-collect .step-tile:last-child .step__number .circle:before,
.order-steps.order-steps-collect .step-tile:nth-child(2) .step__number .circle:before,
.splash-box .wrapper__country-selector .country-selector em i:before,
.step-tile:first-child .step__number .circle:before,
.step-tile:last-child .step__number .circle:before,
.step-tile:nth-child(2) .step__number .circle:before,
.sticky-bar-configurable .sticky-button-container .btn-add-to-cart:before,
.sticky-button-container .btn-add-to-cart.checked:before,
.sticky-button-container .btn-add-to-cart:before {
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
}
.footer.content {
box-sizing: initial;
max-width: initial !IMPORTANT;
padding: 0 !IMPORTANT;
}
.page-footer .newsLetterSec {
background-color: rgba(26, 25, 25, .96);
padding: 48px 0;
color: #fff;
}
.page-footer .footerMiddle {
background: #1a1919;
padding: 50px 0 130px;
color: #fff;
}
.page-footer .footerBottom {
background: #fff;
font-size: 14px;
color: #453f3f;
}
/* footer css */
/* header css */
a.tw:before {
content: "";
}
a.pt:before {
content: "";
}
a.fb:before {
content: "";
}
a.yt:before {
content: "";
}
a.ins:before {
content: "";
}
.socialLinks a {
color: #a4a4a4;
margin-right: 20px;
font-weight: 400;
font-family: iconfont;
font-size: 20px;
line-height: 15px;
display: inline-block;
}
.minicart-wrapper .action.showcart .counter.qty {
margin: -3px 0 0 !important;
}
section#homesection4 button.owl-prev:hover,
section#homesection4 button.owl-next:hover,
section#homesection6 button.owl-prev:hover,
section#homesection6 button.owl-next:hover {
background: white !important;
}
section#homesection4 button.owl-next span,
section#homesection4 button.owl-prev span,
section#homesection6 button.owl-next span,
section#homesection6 button.owl-prev span {
display: none !important;
}
section#homesection4 button.owl-prev:before,
section#homesection6 button.owl-prev:before {
content: "";
margin-left: -14px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
}
section#homesection4 button.owl-next:before,
section#homesection6 button.owl-next:before {
content: "";
margin-left: -12px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
}
section#homesection4 .owl-carousel .owl-stage-outer,
section#homesection6 .owl-carousel .owl-stage-outer {
position: relative !important;
overflow: hidden !important;
cursor: pointer !important;
}
section#homesection4 .owl-stage-outer::-webkit-scrollbar,
section#homesection6 .owl-stage-outer::-webkit-scrollbar {
width: 4px !important;
height: 4px !important;
background-color: #aaa !important;
border-radius: 4px !important;
}
section#homesection4 .owl-stage-outer::-webkit-scrollbar-thumb,
section#homesection6 .owl-stage-outer::-webkit-scrollbar-thumb {
background: #000 !important;
border-radius: 4px !important;
}
.logo img {
height: auto;
}
a.action.advanced {
display: none;
}
/* sagar */
a.viewalling:hover {
background-color: #fff;
color: #453f3f;
}
a.viewalling {
margin-top: 23px;
margin: 0 8px 4px;
background-color: transparent;
border: 1px solid #b4b4b4;
color: white;
min-width: 10px;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.catalog-product-view .product.data.items>.item.content p,
.catalog-product-view .product.data.items>.item.content {
text-align: center;
}
.product.attribute.description .value div {
padding: 0px !important; */
/* text-align: center !important; */
/* padding: 0px 26px !important; */
}
div#howtouse-content {
padding: 26px 112px !important;
}
a.btn.btn--secondary:hover {
border: 1px solid #1a1919 !important;
text-decoration: none;
}
a.btn:hover {
background-color: transparent !important;
color: #453f3f !important;
}
#banner-slider-carousel .owl-nav .owl-next,
#banner-slider-carousel .owl-nav .owl-prev {
right: 1px;
opacity: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: opacity .6s cubic-bezier(.05, .5, .3, 1);
z-index: 1;
font-size: 2.9em;
width: 7%;
color: #865;
bottom: auto;
}
#banner-slider-carousel .owl-nav .owl-next:hover,
#banner-slider-carousel .owl-nav .owl-prev:hover {
/* background: white; */
background-color: #fff;
bottom: auto;
border-radius: 51px;
width: 50px;
margin: -6px 22px;
/* padding: 0px !important; */
height: 50px;
}
#banner-slider-carousel .owl-nav .owl-next span,
#banner-slider-carousel .owl-nav .owl-prev span {
margin-top: -6px;
}
a.callToAction {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 0px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
cursor: pointer;
margin: 15px 0px 0;
/* margin: 35px 0px 0; */
}
span.brandicon-logo img {
width: auto !important;
max-width: 80px;
}
a.callToAction:hover {
background-color:#fff !important;
color: #453f3f !important;
}
.banner-title.bannerContentSec {
max-width: 54%;
width: 100%;
padding-left: 130px !important;
margin-bottom: 54px;
position: absolute;
top: 70px;
color: #ffffff;
/* top: 0%; */
background: none !important;
opacity: unset !important;
}
p.bannerTtlTwo {
color: #ffffff;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 55px;
letter-spacing: 2px;
line-height: 58px;
text-transform: none;
}
p.bannerTxt {
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
color: #ffffff;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin-bottom: 6px;
}
section#homesection4 .text-holder h2,
section#homesection6 .text-holder h2 {
text-transform: uppercase !important;
margin-left: 2px !important;
color: #9a7b69 !important;
font-size: 14px !important;
letter-spacing: 5px !important;
line-height: 20px !important;
margin-bottom: 16px !important;
font-family: "ClassGarmnd BT","Times New Roman",serif !important;
font-style: normal !important;
}
section#homesection4 a.btn,
section#homesection6 a.btn {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
section#homesection4 .text-holder h3,
section#homesection6 .text-holder h3 {
color: #1a1919;
font-size: 20px;
letter-spacing: 1.4px;
line-height: 32px;
width: 100%;
margin-bottom: 25px;
text-transform: none;
}
section#homesection4 .text-holder p,
section#homesection6 .text-holder p {
color: #1a1919;
font-size: 16px;
letter-spacing: .5px;
line-height: 18px;
margin-bottom: 38px;
}
section#homesection2 {
padding: 30px 0 0;
}
section#homesection2 .inner-wrapper {
padding: 0px 0px;
max-width: 740px;
}
section#homesection2 p.headerSmBrown {
color: #9a7b69;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 14px;
letter-spacing: 1.6px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
}
section#homesection2 p.headingOne {
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 40px;
letter-spacing: .4px;
line-height: 33px;
text-align: center;
}
section#homesection3,
section#homesection5,
section#homesection7 {
padding: 30px 0 0;
}
section#homesection3 .inner-wrapper,
section#homesection5 .inner-wrapper,
section#homesection7 .inner-wrapper {
max-width: 100%;
padding: 0 0px;
display: flex;
flex-flow: wrap;
}
section#homesection3 .grid-item-inner,
section#homesection5 .grid-item-inner,
section#homesection7 .grid-item-inner {
background-color: #fff;
margin: 2px 2.2% 40px;
text-align: center;
z-index: 1;
width: 45.6%;
/*display: inline-block;*/
}
section#homesection3 .text-holder,
section#homesection5 .text-holder,
section#homesection7 .text-holder {
padding: 43px 41px 29px;
}
section#homesection3 .gridItemImgContainer.desktoponly img,
section#homesection5 .gridItemImgContainer.desktoponly img,
section#homesection7 .gridItemImgContainer.desktoponly img {
display: block;
width: 100%;
}
section#homesection3 .text-holder h3,
section#homesection5 .text-holder h3,
section#homesection7 .text-holder h3 {
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
/* color: #9a7b69; */
font-size: 40px;
letter-spacing: 1.6px;
line-height: 38px;
min-height: 50px;
}
section#homesection3 .text-holder p,
section#homesection5 .text-holder p,
section#homesection7 .text-holder p {
line-height: 28px;
margin: 0 auto 16px;
max-width: 388px;
letter-spacing: 1px;
min-height: 50px;
}
section#homesection3 a.btn.btn--secondary,
section#homesection5 a.btn.btn--secondary,
section#homesection7 a.btn.btn--secondary {
margin-top: 23px;
margin: 0 8px 4px;
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
min-width: 10px;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.block-minicart .subtitle.empty {
display: block;
font-size: 14px;
text-align: center;
border-bottom: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
margin: 40px;
}
.logo img {
height: auto;
}
a.action.advanced {
display: none;
}
ul.menu-top {
/* list-style: none !important; */
display: contents;
}
.page-header .header.panel li.menu-top--item {
list-style: none !important;
}
.page-header .header.panel li.menu-top--item a {
color: #fff;
font-size: 8px;
letter-spacing: 1.1px;
line-height: 12px;
text-decoration: none;
text-transform: uppercase;
list-style: none !important;
margin-left: 0px;
padding-left: 17px;
position: relative;
line-height: normal;
}
#custom-sliding-cart .minicart-wrapper {
margin-left: 35px !important;
display: flex;
padding: 10px 10px;
}
span.userIcon {
text-decoration: none;
color: #fff;
width: 27px;
display: inline-block;
}
span.userIcon:after {
display: inline-block;
font-family: iconfont;
font-size: 28px;
font-weight: 400;
content: "\EA01";
position: relative;
top: 2px;
width: 27px;
}
a.action.showcart:after {
font-family: iconfont;
content: "\EA1F";
font-size: 22px;
font-weight: 400;
color: #fff;
text-decoration: none;
line-height: 1;
display: inline-block;
}
a.action.showcart {
position: relative;
margin-left: 30px;
/* margin-top: 16px; */
}
.minicart-wrapper .action.showcart:before {
display: none !important;
}
#custom-sliding-cart .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-title {
background: #ffffff !important;
}
@media (min-width: 320px) {
.header.content .navigation .level0>.level-top {
padding: 0 0px !important;
}
.block-search .control {
margin-top: 2px !important;
position: absolute !important;
right: 70px;
}
.header.content {
padding: 0px 16px 0 !important;
}
header.page-header .panel.wrapper {
border: none !important;
}
.navigation .level0>.level-top span {
color: white !important;
font-weight: 400 !important;
}
.panel.header {
display: flex !important;
justify-content: flex-end !important;
padding: 0px 29px !important;
background-color: #242222 !important;
/* display: none; */
height: 26px !important;
width: 100% !important;
margin-top: 1px !important;
}
.header.content nav.navigation {
position: absolute !important;
top: 8px !important;
background: none !important;
width: 40% ;
}
.block-search .action.search {
right: 45px !important;
top: 5px !important;
color: white !important;
opacity: inherit !important;
}
#custom-sliding-cart .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-title .action.close:before {
color: #1a1919 !important;
top: 50% !important;
position: absolute !important;
transform: translate(-50%, -50%) !important;
font-size: 45px !important;
}
.block-search input {
background: #242222 !important;
background-color: transparent !important;
border-color: transparent !important;
width: 100% !important;
margin: 0 !important;
overflow: auto !important;
font-family: "ScalaSansOT" !important;
font-size: 16px!important;
letter-spacing: 2px!important;
color: #fff!important;
padding: 0!important;
}
#custom-sliding-cart .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-title .action.close {
float: left!important;
position: absolute!important;
top: 20%!important;
border: none !important;
width: 32px !important;
font-size: 22px !important;
height: 32px !important;
right: 83% !important;
}
.logo {
margin-left: 6px !important;
top: 30px !important;
width: 170px !important;
left: 51% !important;
-webkit-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}
.block-search .action.search:before {
font-size: 21px !important;
color: white !important;
display: inline-block;
font-family: iconfont !important;
font-size: 28px;
font-weight: 400;
content: "\EA5D" !important;
position: relative;
top: 0px;
width: 35px;
}
.page-header .panel.wrapper .switcher strong,
.page-footer .switcher strong {
font-weight: 400 !important;
color: #a4a4a4 !important;
display: inline-block !important;
font-family: "ScalaSansOT" !important;
font-size: 14px !important;
letter-spacing: .8px !important;
text-transform: none !important;
padding-left: 0 !important;
margin-top: -3px !important;
}
.footer.content .switcher.store {
display: inline-block !important;
padding-right: 50px !important;
vertical-align: top !important;
border-bottom: 1px solid #a4a4a4 !important;
height: 31px !important;
padding: 3px 0px 0 26px !important;
width: 91% !important;
margin-top: 10px;
}
.page-header .panel.wrapper .switcher,
.page-footer .switcher {
margin-right: 10px !important;
border-bottom: 1px solid #a4a4a4 !important;
height: 31px !important;
width: 91% !important;
padding: 3px 20px 0 26px !important;
margin-top: 10px;
}
.page-header .panel.wrapper .switcher .options .action.toggle:after,
.page-footer .switcher .options .action.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 45px !important;
line-height: 22px !important;
color: inherit !important;
content: '\e622' !important;
margin: 0px 77px !important;
vertical-align: top !important;
display: inline-block !important;
font-weight: 400 !important;
top: 3px !important;
bottom: 0px !important;
left: 175px !important;
color: #a4a4a4 !important;
overflow: hidden !important;
speak: none !important;
text-align: center !important;
position: absolute !important;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:after,
.page-footer .switcher .options .action.toggle.active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 45px !important;
line-height: 22px !important;
color: inherit !important;
content: '\e622' !important;
/*margin: 0px 68px !important;*/
vertical-align: top !important;
display: inline-block !important;
font-weight: 400 !important;
top: 3px !important;
bottom: 0px !important;
/*left: 189px !important;*/
color: #a4a4a4 !important;
overflow: hidden !important;
speak: none !important;
text-align: center !important;
position: absolute !important;
}
}
p.footerTtl {
font-weight: 400;
}
.footerBottomRight span {
margin-right: 10px;
}
.block.newsletter .field .control:before {
display: none !important;
}
.page-footer .footerBottom {
background: #fff;
font-size: 14px;
color: #453f3f;
}
.footerBottom .ritualWrapper {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1440px;
padding-left: 20px;
padding-right: 20px;
width: auto;
margin-top: 32px;
margin-bottom: 36px;
background: #f6f4f2;
}
.footerBottomLinks {
display: inline-block;
margin-left: 30px;
}
.footerBottomLinks a {
color: #865;
text-decoration: none;
margin-right: 10px;
padding-right: 10px;
font-size: 14px;
}
.footerBottomRight {
float: right;
width: 50%;
text-align: right;
}
.footerBottomLinks a {
color: #865;
text-decoration: none;
margin-right: 10px;
padding-right: 10px;
font-size: 14px;
}
.page-footer .newsLetterSec {
background-color: rgba(26, 25, 25, .96);
padding: 48px 0;
}
.newsLetterSec .ritualWrapper {
padding: 0px 60px;
}
p.newsletterTtl {
font-size: 30px;
letter-spacing: 1px;
line-height: 36px;
color: #fff;
}
p.newsletterTxt {
color: #ccc;
letter-spacing: 1px;
line-height: 24px;
max-width: 70%;
margin: 0;
}
a.privacyLink {
color: #b8a188;
text-decoration: underline;
text-transform: capitalize;
}
.newsLetterSec .newsletterContent {
width: 59%;
}
.ico {
display: inline-block;
}
.footer-middle-elements .footer-logo {
align-self: center;
width: 45px;
height: 42px;
margin-top: 28px;
}
.footer-middle-elements .footer-logo img {
width: 100%;
position: absolute;
/* right: -6px; */
left: 420px;
bottom: -90px;
}
.payment-links li {
display: inline-block;
margin: 0 1px 10px;
vertical-align: middle;
}
.payment-links {
list-style: none;
margin-bottom: -6px;
order: -1;
width: 100%;
}
.bottom-links li::after {
content: '|';
position: absolute;
right: -11px;
top: 0;
}
.bottom-links a {
font-size: 14px;
letter-spacing: .8px;
line-height: 16px;
text-decoration: none;
color: #767676;
}
.bottom-links li {
color: #9a7b69;
display: inline-block;
margin-right: 12px;
position: relative;
}
.bottom-links {
list-style: none;
width: 100%;
}
.footer-bottom-elements {
background-color: #fff;
padding: 24px 0;
text-align: center;
width: 100%;
}
.footer-middle-elements .wrapper__country-selector .country-selector .arrow-down {
position: absolute;
right: -2px;
top: 2px;
pointer-events: none;
}
.footer-middle-elements .wrapper__country-selector .country-selector .arrow-down i {
color: #fff;
font-size: 26px;
}
.selectric-wrapper .selectric-input {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
margin: 0;
padding: 0;
width: 1px;
height: 1px;
outline: 0;
border: none;
background: 0 0;
}
.selectric-wrapper .selectric-items {
box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
display: none;
position: absolute;
left: 0;
top: calc(100% - 4px);
width: 100%;
}
.pay-amex,
.pay-amex-small,
.pay-bancontact,
.pay-bancontact-small,
.pay-diners-club,
.pay-diners,
.pay-diners-club-small,
.pay-diners-small,
.pay-entercash,
.pay-entercash-small,
.pay-eps,
.pay-eps-small,
.pay-giropay,
.pay-giropay-small,
.pay-ideal,
.pay-ideal-small,
.pay-klarna,
.pay-klarna-small,
.pay-maestro,
.pay-maestro-small,
.pay-mastercard,
.pay-mc,
.pay-mastercard-small,
.pay-mc-small,
.pay-multibanco,
.pay-multibanco-small,
.pay-paypal,
.pay-paypal-small,
.pay-giftcard,
.pay-rituals,
.pay-giftcard-small,
.pay-rituals-small,
.pay-sofort,
.pay-directEbanking,
.pay-sofort-small,
.pay-directEbanking-small,
.pay-visa,
.pay-visa-small,
.pay-ratepay,
.pay-ratepay-small,
.pay-discover,
.pay-discover-small,
.pay-apple-pay,
.pay-apple-pay-small,
.pay-trustly,
.pay-trustly-small,
.pay-vipps,
.pay-vipps-small,
.pay-alipay,
.pay-alipay-small,
.pay-alipay-hk,
.pay-alipay_hk,
.pay-alipay-hk-small,
.pay-unionpay,
.pay-cup,
.pay-unionpay-small,
.pay-fashioncheque,
.pay-fashioncheque-small,
.pay-wechat,
.pay-wechat-small,
.store-app-store,
.store-app-store-small,
.store-app-store-smaller,
.store-google-play,
.store-google-play-small,
.store-google-play-smaller,
.icon-logo,
.icon-logo-small,
.icon-logo-40,
.icon-my-rituals,
.logo-vegan,
.logo-clean-safe,
.logo-cruelty-free,
.logo-giving-back,
.logo-well-being,
.logo-limiting-waste,
.logo-apple,
.logo-google-play,
.karma-logo,
.info-icon {
background-image: url(../images/sprite.svg);
background-size: 239.13px 5616px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric .button::before {
color: #a4a4a4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 36px;
line-height: 18px;
content: '\e622';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
font-size: 28px;
}
.selectric-wrapper .selectric .button {
font-size: 0;
position: absolute;
right: -1px;
top: 7px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric .button {
right: -5px;
top: 0;
}
.selectric-wrapper:not(.selectric-inputfield-select) .selectric .button {
top: 7px;
}
.selectric-wrapper:not(.selectric-inputfield-select) .selectric .label {
letter-spacing: 1px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
width: 100%;
padding-left: 10px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric .label {
color: #a4a4a4;
display: inline-block;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 14px;
letter-spacing: .8px;
text-transform: none;
padding-left: 0;
margin-top: -3px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric {
border-bottom: 1px solid #a4a4a4;
height: 31px;
padding: 3px 20px 0 26px;
}
.selectric-wrapper .selectric {
cursor: pointer;
padding: 5px 17px 5px 0;
position: relative;
text-align: left;
border-bottom: 1px solid #d8d8d8;
}
.selectric-wrapper:not(.selectric-inputfield-select) .selectric {
padding: 5px 17px 5px 0;
border-bottom: 1px solid #d8d8d8;
}
.footer-middle-elements .wrapper__country-selector .country-selector {
position: relative;
}
.footer-middle-elements .wrapper__country-selector .select-box__container:first-of-type {
margin-bottom: 13px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper {
max-width: 240px;
}
.selectric-wrapper {
position: relative;
z-index: 15;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric-hide-select {
height: 16px;
left: 0;
position: absolute;
top: 8px;
width: 18px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric-hide-select .select-box {
background-position: left top;
background-size: 16px auto;
border-bottom: 0;
float: left;
font-size: 0;
height: 16px;
padding: 0;
/* background-image: url(https://www.rituals.com/on/demandware.static/Sites-Global-Site/-/nl_NL/v1599810238995/images/flags/nl.svg?select=true); */
}
.footer-middle-elements .wrapper__country-selector label {
font-size: 9px;
color: #a4a4a4;
letter-spacing: 1.8px;
line-height: 10px;
margin-bottom: 12px;
text-transform: uppercase;
}
.footer-column.social--icons .social__icons a span {
font-size: 16px;
line-height: 15px;
}
.footer-column.social--icons .social__icons a span {
font-size: 16px;
line-height: 15px;
}
.sr-only {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.footer-column li a,
.top-columns li a {
color: #a4a4a4;
font-size: 14px;
letter-spacing: .7px;
line-height: 27px;
text-decoration: none;
text-transform: none;
}
.footer-column.social--icons .social__icons {
display: flex;
flex-direction: row;
padding-top: 22px;
margin-left: 13px;
}
.social__icons {
display: flex;
flex-direction: row;
padding-top: 22px;
list-style: none;
background-color: #1a1919;
}
.footer-column.social--icons .social__icons li:not(:last-of-type) {
margin-right: 29px;
}
.social__icons li:not(:last-of-type) {
margin-right: 29px;
}
.footer-column table td,
.top-columns table td {
color: #a4a4a4;
font-size: 14px;
letter-spacing: .7px;
padding: 6px 0px !important;
}
.footer-column table .secondary,
.top-columns table .secondary {
color: rgba(164, 164, 164, .8);
padding-left: 23px;
}
.footer-middle-elements .footer-contact {
/* margin: 48px auto 0; */
/* max-width: 255px; */
}
.footer-middle-elements .footer-contact h3 {
margin-bottom: 22px;
/* margin-left: 10px; */
font-weight: 400;
}
.footer-column .h3,
.footer-column h3,
.top-columns .h3,
.top-columns h3 {
color: #fff;
font-size: 16px;
text-transform: none;
letter-spacing: .75px;
line-height: 20px;
}
.accordion-wrapper {
position: relative;
width: 100%;
}
.footer-top-elements {
background-color: #1a1919;
}
.footer-bottom-elements .inner-wrapper {
align-items: center;
display: flex;
flex-direction: column;
}
.footer-bottom-elements .copyright {
font-size: 14px;
letter-spacing: .5px;
line-height: 16px;
margin-bottom: 2px;
color: #767676;
}
.inner-wrapper,
.wrapper__inner {
margin: 0 auto;
padding: 0 20px;
}
.footer-title {
font-size: 30px;
line-height: 36px;
letter-spacing: 1px;
text-transform: none;
color: #fff;
margin-bottom: 20px;
}
.accordion-wrapper.accordion-light .accordion-content,
.accordion-wrapper.accordion-light .accordion-head {
color: #fff;
border-color: #999;
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
}
.footer-accordion .accordion-head-inner {
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
margin: 15px 0 5px;
/* font-size: 16px; */
letter-spacing: .75px;
line-height: 18px;
color: #fff;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
.footer-accordion .accordion-content-inner ul {
list-style: none;
}
.footer-accordion .accordion-content li {
padding: 6px 0;
}
.footer-accordion .accordion-link-inner {
display: block;
color: #a4a4a4;
font-size: 14px;
line-height: 15px;
letter-spacing: .7px;
text-decoration: none;
}
.accordion-wrapper .accordion-content ul {
list-style: none;
}
.footer-middle-elements .accordion-content li {
margin: 0;
padding: 0;
}
.footer-accordion .accordion-content li {
padding: 6px 0;
}
.footer-middle-elements .footer-right-side {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
margin-top: 0px;
position: relative;
}
.footer-column .h3,
.top-columns .h3 {
margin-bottom: 33px;
margin-top: 4px;
font-weight: 400;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper {
max-width: 240px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric-hide-select {
height: 16px;
left: 0;
position: absolute;
top: 8px;
width: 18px;
}
.social--icons.social--icons-mobile {
display: none;
}
.social--icons.social--icons-mobile .social__icons {
padding-top: 37px;
}
.footer-middle-elements {
background-color: #1a1919;
padding: 0 0 41px;
margin-top: -1px;
transition: .6s ease;
}
.custom-select {
background: transparent url(../images/icons/arrow3--down.svg) no-repeat right center;
background-size: 18px 20px;
border: 0;
color: #1a1919;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
letter-spacing: 1px;
/* line-height: 28px; */
padding: 5px 17px 5px 0;
text-align: left;
-moz-text-align-last: left;
text-align-last: left;
text-transform: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.footer-middle-elements .wrapper__country-selector a {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 2px;
margin-top: 34px;
color: #b8a188;
text-decoration: underline;
}
.page-footer .footerBottom .footerBottomLeft .footerBottomLinks a:after {
content: '|';
position: relative;
left: 10px;
}
@media (min-width: 1024px) {
.bottom-links {
flex-shrink: 0;
margin-right: 30px;
}
.footer-bottom-elements .copyright {
margin: 0 42px 0 0;
width: auto;
}
.payment-links li {
margin: 0 0 0 20px;
}
.footer-bottom-elements {
min-height: 80px;
padding: 8px 0;
}
.footer-middle-elements .wrapper__country-selector .country-selector .arrow-down {
display: none;
}
.footer-middle-elements .accordion-item {
width: 185px;
}
.footer-middle-elements .accordion-item {
vertical-align: top;
}
.footer-middle-elements {
padding: 0 137px 55px;
}
.footer-top-elements {
padding: 29px 137px 0;
position: absolute;
width: 100%;
left: 0;
}
.footer-accordion .accordion-inner,
.footer-accordion .accordion-item {
padding: 0 40px 0 0;
}
.footer-accordion .accordion-inner,
.footer-accordion .accordion-item {
padding: 0 40px 0 0;
}
.footer-top-elements .accordion-inner {
width: 195px;
}
.footer-accordion .accordion-inner {
margin-top: 10px;
vertical-align: top;
}
.footer-bottom-elements .inner-wrapper {
flex-wrap: nowrap;
padding: 0 0px;
}
.bottom-links {
flex-shrink: 0;
margin-right: 30px;
}
.payment-links {
text-align: right;
}
}
@media (min-width: 320px) {
.ritualWrapper,
.delivery,
.homeGrid,
.needHelp {
clear: both !important;
}
.page-footer .footerBottom {
background: #fff !important;
font-size: 12px !important;
}
.page-footer .footerBottom .footerBottomRight {
float: right !important;
width: 50% !important;
text-align: right !important;
margin-top: -10px;
}
.page-footer .footerBottom .copyrightsTxt {
display: inline-block !important;
}
.page-footer .footerBottom .footerBottomLeft .footerBottomLinks {
display: inline-block !important;
margin-left: 20px !important;
}
.page-footer .footerBottom .footerBottomLeft .footerBottomLinks a {
color: #865 !important;
text-decoration: none !important;
margin-right: 10px !important;
padding-right: 10px !important;
font-size: 12px !important;
}
.footerBottomLinks a {
color: #865;
text-decoration: none;
margin-right: 10px;
padding-right: 10px;
font-size: 14px;
}
.primary.btn {
background: transparent;
border: none;
}
.block.newsletter .field {
margin-right: 20px !important;
max-width: none !important;
}
.block.newsletter {
margin-top: -94px !important;
}
.block.newsletter input {
margin-right: 170px;
background-color: transparent;
border: 0;
border-bottom: 1px solid #fff;
padding: 0 5px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
color: #a4a4a4;
height: 44px;
line-height: 44px;
}
.block.newsletter .action.subscribe {
border-radius: 3px;
color: #fff;
background-color: transparent;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
letter-spacing: 2px;
border: 1px solid #fff;
border-radius: 0;
height: 44px;
margin-top: 3px;
margin-right: 0px;
}
.footer-middle-elements .footer-logo {
position: absolute;
bottom: 82px;
right: -114px;
margin-top: 0;
}
.newsletterForm {
margin-right: 26px;
}
.payment-links li {
margin: 0 0 0 13px;
}
.payment-links {
margin: 0 5px 0 auto;
order: 1;
width: auto;
}
.bottom-links {
width: auto;
margin-top: 34px;
}
.footer-bottom-elements .copyright {
/* flex-shrink: 0;
margin: 0 0 20px;
width: 100%; */
}
.footer-bottom-elements .inner-wrapper {
flex-direction: row;
flex-wrap: wrap;
}
.footer-bottom-elements {
align-content: center;
/* display: flex; */
padding: 0px 67px;
/* padding: 20px 0; */
}
.footer-middle-elements.slide {
/* padding: 29px 137px 0;
width: 100vw;
position: relative;
margin-left: -50vw;
left: 611px; */
}
.footer-middle-elements .wrapper__country-selector label {
margin-bottom: 11px;
}
.footer-column li a,
.top-columns li a {
line-height: 7.5px;
}
.footer-middle-elements .footer-right-side {
width: 25%;
flex-basis: 35%;
margin: 0 0 0 auto;
max-width: 28%;
}
.accordion-content ul {
padding-left: 0px;
}
.footer-column.social--icons {
position: static;
transform: none;
}
.footer-middle-elements .footer-contact {
margin: 10px 0 0;
max-width: none;
padding-right: 260px;
}
.footer-middle-elements {
padding: 0 40px 55px;
}
.footer-middle-elements .inner-wrapper {
padding: 0px 84px 0;
display: flex;
position: relative;
width: 100%;
}
.footer-middle-elements .inner-wrapper::before {
content: '';
width: calc(100% - 40px);
height: 1px;
position: absolute;
left: 20px;
top: 0;
/* background-color: #979797; */
display: block;
}
.footer-accordion {
padding-bottom: 12px;
}
.footer-accordion .accordion-head-inner {
pointer-events: none;
margin: 0 0 13px;
}
.footer-accordion .accordion-inner,
.footer-accordion .accordion-item {
display: inline-block;
padding: 0 20px 0 0;
margin-bottom: 6px;
}
.footer-accordion .accordion-content {
display: flex;
border: 0;
padding: 0;
}
.footer-top-elements .footer-accordion>.accordion-item .accordion-content {
display: block;
max-width: 1000px;
}
.footer-accordion .accordion-head {
pointer-events: none;
font-size: 16px;
letter-spacing: .75px;
line-height: 18px;
color: #fff;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
text-transform: none;
border: 0;
padding: 0;
margin-bottom: 16px;
}
.footer-accordion .accordion-inner,
.footer-accordion .accordion-item {
display: inline-block;
padding: 0 20px 0 0;
margin-bottom: 6px;
}
.footer-top-elements .footer-accordion>.accordion-item {
width: auto;
}
.footer-top-elements .footer-accordion {
display: inline-block;
width: auto;
}
.footer-accordion {
padding-bottom: 12px;
}
.footer-accordion .accordion-link {
font-size: 14px;
letter-spacing: .7px;
line-height: 15px;
color: #a4a4a4;
}
.footer-middle-elements .wrapper__country-selector .select-box__container:first-of-type {
margin-bottom: 23px;
}
.selectric-wrapper .selectric .button {
right: 7px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric-items {
width: 281px!important;
left: -41px;
top: calc(100% - 1px);
}
.bottom-links li {
margin-right: 15px !important;
}
.bottom-links a {
letter-spacing: .5px;
}
.payment-links .ico {
float: left;
}
}
/* sagar */
/* login page start */
a.action.remind:hover {
text-decoration: none;
}
a.action.remind {
text-decoration: underline;
text-decoration-color: #865;
}
.block.block-new-customer {
margin-bottom: 0px;
width: 44%;
}
.block.block-customer-login {
border-right: 1px solid #c3beba;
padding: 21px;
width: 46%;
}
.login-container .block .block-title {
border-bottom: none;
}
.customer-account-login .login-container {
padding: 100px 0 90px;
}
.block.block-customer-login {
padding: 0 130px 0 0px;
}
strong#block-customer-login-heading {
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 2.5px;
line-height: 16px;
margin: 0;
color: #1a1919;
}
.customer-account-login .login-container .field.note {
letter-spacing: 1px;
}
input#email {
background-color: transparent;
border: 0;
border-bottom: 1px solid #d8d8d8;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 19px;
padding: 10px 10px 10px 0;
width: 88%;
height: 40px;
}
input#pass {
background-color: transparent;
border: 0;
border-bottom: 1px solid #d8d8d8;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 19px;
padding: 10px 10px 10px 0;
width: 88%;
height: 40px;
}
input#pass:focus,
input#email:focus {
border-color: #865;
box-shadow: none !important;
}
fieldset.fieldset.login span {
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
line-height: 10px;
letter-spacing: 1.8px;
text-align: left !important;
}
fieldset.fieldset.login a span {
color: #865;
}
button#send2:hover {
background-color: transparent;
color: #453f3f;
border: 1px solid #000;
}
button#send2 {
min-width: 375px;
background-color: #000;
color: #fff;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 14px;
border-radius: 0 !important;
font-weight: 400;
}
.login-container .block .login .actions-toolbar>.secondary {
display: block;
float: none;
text-align: right;
font-size: 14px;
margin-right: 115px;
margin-bottom: 45px;
}
.customer-account-login .page-title-wrapper {
display: none;
}
strong#block-new-customer-heading {
margin-bottom: 30px !important;
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 2.5px;
line-height: 16px;
margin: 0;
color: #1a1919;
}
p.creatingAcTxt {
letter-spacing: 1.5px;
}
p.faqsTtl {
margin-bottom: 30px;
}
ul.benefitsList {
list-style: none;
margin: 0 0 20px;
padding: 0;
}
ul.benefitsList li {
margin: 10px 0;
font-size: 14px;
padding-left: 30px;
position: relative;
}
ul.benefitsList li:before {
content: "\EA21";
font-family: iconfont;
font-size: 10px;
position: absolute;
left: 0;
top: 3px;
color: #865;
}
a.readPrivacyLink {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: #865;
text-decoration: underline;
}
a.readPrivacyLink:hover {
text-decoration: none;
}
.login-container .block-new-customer .actions-toolbar {
margin-top: 40px;
}
a.action.create.primary {
min-width: 300px;
}
a.action.create.primary:hover {
background-color: transparent;
border-color: #1a1919;
color: #453f3f;
}
a.action.create.primary {
min-width: 300px;
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 300px;
padding: 15px 20px 14px;
text-align: center;
text-transform: uppercase;
transition: .2s ease-in-out;
font-size: 14px;
text-decoration: none;
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
border-radius: 0 !important;
font-weight: 400;
}
.customer-account-login .fieldset.login .actions-toolbar {
margin: 0;
text-align: left;
}
.customer-account-login .fieldset.login .actions-toolbar .rememberMe {
margin: 40px 0 70px;
}
.customer-account-login input[type=checkbox],
input[type=radio] {
display: inline-block;
width: unset !important;
vertical-align: top;
margin-top: 6px;
}
.customer-account-login .fieldset.login .actions-toolbar .rememberMe label.checkBoxLabel {
position: relative;
top: 5px;
}
.customer-account-login .fieldset.login .actions-toolbar label.checkBoxLabel {
display: inline;
}
/* login page end */
/* Register page start */
.customer-account-create .page-title-wrapper h1.page-title {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 20px;
letter-spacing: 1px;
line-height: 24px;
margin: 0 0 30px;
color: #1a1919;
padding-bottom: 15px;
border-bottom: 1px solid #d8d8d8;
display: block !important;
}
.customer-account-create legend.legend {
display: none;
}
input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=search],
input[type=number],
input[type=datetime],
input[type=email],
select {
background-color: transparent;
border: 0;
border-bottom: 1px solid #d8d8d8;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 19px;
padding: 10px 10px 10px 0;
width: 100%;
height: 40px;
}
.fieldset>.field:not(.choice)>.label {
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
line-height: 10px;
letter-spacing: 1.8px;
text-align: left !important;
width: 100%;
}
.fieldset>.field:not(.choice)>.label {
padding: 6px 15px 0 0;
text-align: right;
box-sizing: border-box;
float: left;
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
line-height: 10px;
letter-spacing: 1.8px;
text-align: left !important;
}
.fieldset>.field:not(.choice)>.control {
width: 100% !important;
float: none !important;
}
._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
box-shadow: none;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
select:focus {
border-color: #865;
}
.customer-account-create .actions-toolbar {
margin: 40px 0 0 !important;
}
.customer-account-create button.action.submit.primary {
min-width: 375px;
background-color: #000;
color: #fff;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 14px;
border-radius: 0 !important;
font-weight: 400;
}
.customer-account-create button.action.submit.primary:hover {
background-color: transparent;
color: #453f3f;
border: 1px solid #000;
}
.actions-toolbar .secondary a.back.action {
margin-top: 6px;
color: #865;
text-decoration: underline;
}
.actions-toolbar .secondary a.action.back:hover {
text-decoration: none;
}
.password-strength-meter {
font-size: 14px;
background: #ddd;
padding: 0 9px;
}
.createAcLeft {
float: left;
width: 65%;
/* padding-right: 120px; */
}
.createAcRight {
float: right;
width: unset;
}
.createAcRight .shopConfidently {
background-color: #fff;
padding: 30px 35px;
}
.faqsTtl {
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 2.5px;
line-height: 16px;
margin: 0;
color: #1a1919;
}
.createAcRight .shopConfidently .confidentlyLinks {
margin-top: 10px;
}
.createAcRight .shopConfidently .confidentlyLinks a {
display: block;
line-height: 1.5;
color: #865;
}
.createAcRight .shopConfidently .helpDesk {
line-height: 1.8;
margin: 10px 0 0;
}
.createAcRight a {
color: #865;
text-decoration: none;
}
.createAcRight a:hover {
text-decoration: underline;
}
.customer-account-create .form-create-account .choice.newsletter input.checkbox {
top: 0;
margin-top: 0;
display: inline-block;
width: unset !important;
vertical-align: top;
}
.customer-account-create .newsletter .checkbox {
position: relative;
}
.customer-account-create .newsletter label {
display: inline;
position: static;
}
.customer-account-create .form-create-account .choice.newsletter .label {
line-height: initial;
}
.customer-account-create .fieldset>.field {
box-sizing: border-box;
margin: 0 0 10px !important;
position: relative;
}
.customer-account-create .fieldset {
padding: 0 !important;
margin: 0px !important;
}
.customer-account-create .page-main {
max-width: 1180px;
padding: 80px 20px;
}
.customer-account-create .choice.newsletter {
padding-top: 40px;
}
/* Register Page End */
/* input lable animation */
form input,
.customer-account-create form label {
position: relative;
display: inline-block;
width: 100%;
}
.customer-account-createpassword input[type=checkbox]{
width: auto !important;
}
.customer-account-create form label {
display: inline-block;
margin: 0 auto;
padding: 0 0 5px 0;
top: 15px;
transition: all 0.5s ease-in-out;
z-index: 1;
/* placing label behind input */
}
.customer-account-create form input[type="text"],
.customer-account-create form input[type="password"] {
font-size: 1.25em;
padding: 0 0 5px 0;
margin-bottom: 0.5em;
z-index: 1;
background: transparent;
/* adding transparency */
border: none;
border-bottom: 1px solid #d8d8d8;
}
.customer-account-create .filled label {
top: 0;
font-size: 0.8em;
}
/* input lable animation */
/* forgot password start*/
.customer-account-forgotpassword .page-main {
padding-top: 80px;
padding-left: 40px;
padding-right: 40px;
}
.customer-account-forgotpassword .page-title {
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 2.5px;
line-height: 16px;
margin: 0;
color: #1a1919;
}
.customer-account-forgotpassword button.action.submit.primary {
/* min-width: 375px; */
background-color: #000;
color: #fff;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 14px;
border-radius: 0 !important;
font-weight: 400;
}
.customer-account-forgotpassword form .actions-toolbar {
margin: 0 !important;
}
.customer-account-forgotpassword button.action.submit.primary:hover {
background-color: transparent;
color: #453f3f;
border: 1px solid #000;
}
.customer-account-forgotpassword .fieldset>.field:not(.choice)>.control {
width: 85% !important;
float: none !important;
}
/* forgot password end*/
/* sagar PDP page CSS */
.swatch-attribute.size .swatch-option.selected,
.swatch-attribute.manufacturer .swatch-option.selected {
background: #ffffff;
background-color: #9a7b69 !important;
border: 1px solid #ffffff;
color: #fff !important;
}
.swatch-attribute.size .swatch-option,
.swatch-attribute.manufacturer .swatch-option {
background: #f0f0f0;
color: #949494;
align-items: center;
background-color: #fff;
border: 1px solid #b4b4b4;
color: #000;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 700;
height: 41px;
justify-content: center;
margin: 0 10px 20px;
padding: 4px 0 0 2px;
text-decoration: none;
transition: .4s cubic-bezier(.05, .5, .3, 1);
width: 40px;
}
.product-add-form .swatch-option.text:hover {
background-color: #9a7b69 !important;
border-color: #9a7b69 !important;
color: #fff !important;
text-decoration: none;
}
.product-add-form .swatch-option.color {
float: left;
max-width: 100%;
min-width: 30px;
overflow: hidden;
position: relative;
text-align: center;
text-overflow: ellipsis;
align-items: center;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 700;
height: 40px;
justify-content: center;
margin: 0px 10px 20px;
padding: 4px 0 0 2px;
text-decoration: none;
transition: .4s cubic-bezier(.05, .5, .3, 1);
width: 40px;
}
div#product-options-wrapper .swatch-opt {
margin: 20px 0 0;
text-align: center;
width: 100%;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}
.product-info-delivery {
text-align: center;
font-size: 14px;
}
.catalog-product-view .product-info-main .special-price,
.catalog-product-view .product-options-bottom .special-price {
display: inline;
}
.catalog-product-view .field.qty.filled,
.catalog-product-view .field.qty {
display: none !important;
}
.catalog-product-view .product-info-price span.price-label {
display: none !important;
}
.product-info-delivery a:hover {
color: #865;
text-decoration: none !important;
border-bottom: none !important;
}
.product-info-delivery a {
/* text-decoration: underline; */
display: inline-block;
margin: 5px 0;
font-size: 14px;
line-height: 13px;
text-decoration: none;
border-bottom: 1px solid currentColor;
}
.catalog-product-view .product-info-main .price-box {
margin-top: 50px;
align-items: flex-end;
/* display: flex; */
justify-content: center;
text-align: center;
}
.catalog-product-view span.old-price span.price {
opacity: .7;
font-size: 25px !important;
text-decoration: line-through;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
}
.catalog-product-view span.special-price span.price {
font-size: 25px !important;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
}
.product-info-main .price-box {
margin-top: 10px;
align-items: flex-end;
/* display: flex; */
justify-content: center;
text-align: center;
}
button#product-addtocart-button:hover {
background-color: transparent !important;
color: #453f3f !important;
border: 1px solid !important;
border-radius: 0px !important;
}
button#product-addtocart-button span {
font-size: 13px;
font-weight: 100;
}
button#product-addtocart-button {
border-radius: 0px;
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.box-tocart {
align-items: flex-end;
display: flex !important;
justify-content: center;
}
.breadcrumbs .item:not(:last-child):after {
vertical-align: middle !important;
}
.breadcrumbs .items>li {
vertical-align: middle !important;
}
.scrollmagic-pin-spacer {
top: auto;
left: auto;
bottom: auto;
right: auto;
margin: 0px;
display: flex;
position: relative;
box-sizing: content-box;
width: 50%;
min-height: 488px;
height: auto;
}
.product-details-column.column-images.js-product-images {
position: relative;
margin: auto;
top: 0px;
left: 0px;
bottom: auto;
right: auto;
box-sizing: border-box;
width: 100%;
}
.product-details-content .shipping-info ul a {
color: #865 !important;
text-decoration: none !important;
}
.pdp-inner-wrapper {
display: block;
flex-wrap: wrap;
align-items: flex-start;
padding: 0px;
}
.product-details-column {
width: 100%;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}
.product-details-content {
width: 100%;
max-width: 600px;
}
.product-title .ritual-icon {
color: #9a7b69;
font-size: 25px;
margin-bottom: 10px;
height: 30px;
}
.product-name {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 40px;
letter-spacing: 1.6px;
line-height: 50px;
color: #000;
text-transform: none;
}
.product-title .the-ritual-of-title {
margin-bottom: 10px;
margin-top: 15px;
}
.the-ritual-of-title {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 16px;
color: #000;
display: block;
line-height: 23px;
letter-spacing: 5px;
text-transform: uppercase;
}
.product-details-content .product-content {
display: contents;
flex-direction: column;
align-items: center;
}
.visually-hidden {
border: 0 none;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
min-width: 1px;
}
.product-details-content .product-short-info {
font-size: 16px;
line-height: 17px;
letter-spacing: .36px;
color: #453f3f;
}
.product-details-content .previously-known-as,
.product-details-content .short-description {
margin-bottom: 20px;
}
.product-details-content .long-description {
margin-bottom: 30px;
line-height: 28px;
width: 100%;
line-height: 30px;
text-align: center;
width: 350px;
letter-spacing: 0.01em;
font-size: 20px;
margin-left: 86px;
}
.product-details-content .read-more-link {
border-width: 1px;
}
.read-more-link {
display: inline-block;
margin: 5px 0;
line-height: 13px;
text-decoration: none;
border-bottom: 1px solid currentColor;
}
.product-details-content .read-more-link:hover {
/* border-width: 1px; */
color: #865;
text-decoration: none !important;
border-bottom: none !important;
padding-bottom: 1px;
}
.link,
a {
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
font-size: 16px;
color: #865;
/* line-height: 28px; */
letter-spacing: 1px;
cursor: pointer;
}
.product-details-content .product-add-to-cart,
.product-details-content .product-price {
margin-bottom: 20px;
}
.product-price {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
line-height: normal;
color: #000;
font-size: 30px;
letter-spacing: 2.5px;
}
.product-details-content .pdpForm {
width: 100%;
}
.product-details-content .product-add-to-cart {
align-items: flex-end;
display: flex;
justify-content: center;
}
.product-details-content .product-add-to-cart,
.product-details-content .product-price {
margin-bottom: 20px;
}
input:not([class^=inputfield-]) {
border: 0;
/* cursor: pointer; */
border-bottom: 1px solid #d8d8d8;
border-radius: 0;
line-height: 19px;
letter-spacing: 1px;
margin-top: 3px;
padding: 7px 0;
}
.product-details-content .product-add-to-cart .btn-wrapper {
display: flex;
flex-direction: column-reverse;
}
.btn {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.link.link--large,
a.link--large {
font-size: 14px;
line-height: normal;
letter-spacing: 2px;
text-transform: uppercase;
}
.product-details-content .shipping-info {
color: #1a1919;
font-size: 14px;
letter-spacing: .36px;
line-height: 24px;
margin-top: 22px;
}
.product-details-content .shipping-info ul {
list-style: none;
text-align: center;
min-width: 108%;
}
.product-details-content .shipping-info ul .shipping-info-point,
.product-details-content .shipping-info ul a {
font-size: 14px;
line-height: 24px;
letter-spacing: .36px;
}
.product-details-content .shipping-info ul .shipping-info-point {
color: #1a1919;
display: block;
margin-bottom: 4px;
max-width: 400px;
}
.product-details-content .shipping-info ul .shipping-info-point .icon-check {
font-size: 10px;
margin-right: 10px;
color: #865;
vertical-align: top;
width: 15px;
}
.product-details-content .shipping-info ul .shipping-info-point span {
display: inline-block;
}
.icon--small {
font-size: 20px;
line-height: 20px;
}
.product-details-content .shipping-info ul .shipping-info-point span {
display: inline-block;
}
.product-details-content .shipping-info ul .shipping-info-point strong {
font-weight: 700;
}
.product-details-content .pdpForm fieldset {
border: none;
}
.product-ingredients-container {
display: flex;
flex-direction: column;
}
.privatecollection-bg-full-color,
.gst-wrapper .option-block.option-rituals.privatecollection-color .option-content-wrapper::after {
background-color: #155b73;
}
.single-ingredient .product-ingredients-column.column-details {
align-items: center;
display: flex;
}
.product-ingredients-column {
width: 50%;
}
.product-ingredients-column .product-ingredients-content {
align-items: flex-start;
display: flex;
flex-direction: column;
max-height: 100%;
overflow: auto;
text-align: center;
width: 100%;
}
.product-ingredients-column .ingredient-item:first-child {
border-top: 0;
display: block;
margin: 0 0 13px;
padding-top: 0;
}
.product-ingredients-column .ingredient-item {
border-top: 1px solid rgba(255, 255, 255, .15);
display: none;
padding-top: 32px;
text-align: left;
}
.single-ingredient .product-ingredients-column .product-ingredients-content h3 {
font-size: 20px;
letter-spacing: 5px;
line-height: 23px;
text-transform: uppercase;
font-weight: 100;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 16px;
}
.product-ingredients-column .ingredient-item h3 {
color: #fff;
font-size: 16px;
letter-spacing: 5px;
line-height: 23px;
margin-bottom: 17px;
}
.single-ingredient .product-ingredients-column .product-ingredients-content p {
font-size: 20px;
letter-spacing: 0.6px;
line-height: 40px;
}
.product-ingredients-column .ingredient-item p {
color: #fff;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 20px;
letter-spacing: .6px;
line-height: 30px;
margin-bottom: 14px;
}
.pt_product-details.animate-scroll .product-ingredients-container .column-image {
height: auto;
}
.product-ingredients-column.column-image {
background-color: #fff;
text-align: center;
}
.column-details.js-product-details-block {
text-align: center;
}
.column-details.js-product-details-block .product-title {
width: 100%;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}
.short-description.js-long-description p {
width: 100%;
line-height: 30px;
text-align: center;
letter-spacing: 0.01em;
}
.fotorama__arr:hover,
.fotorama__thumb__arr:hover {
background-color: transparent !important;
}
.fotorama__arr,
.fotorama__thumb__arr {
background-color: transparent !important;
}
.catalog-product-view .product.info.detailed {
clear: both;
margin-bottom: 30px;
/*height: 300px !important;*/
text-align: center;
padding-top: 60px;
}
.catalog-product-view .block.related .product.details.product-item-details {
background: white;
/*margin-top: -12px;
padding-bottom: 10px;*/
padding: 30px;
}
.catalog-product-view .block.related button.action.tocart.primary {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 150px;
padding: 15px 20px 14px;
text-align: center;
text-transform: uppercase;
transition: .2s ease-in-out;
font-size: 14px;
text-decoration: none;
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
border-radius: 0 !important;
font-weight: bold;
margin-bottom: 10px;
}
.catalog-product-view .block.related .product.details.product-item-details strong.product.name.product-item-name a.product-item-link {
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
/*white-space: nowrap;*/
font-family: 'ClassGarmnd BT', "Times New Roman", serif !important;
text-align: center;
color: #000;
line-height: 19px;
letter-spacing: 2.4px;
}
.catalog-product-view .block.related .price-box .price {
font-size: 16px !important;
font-weight: 400;
white-space: nowrap;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
text-align: center;
color: #000;
line-height: 19px;
letter-spacing: 2.4px;
}
.catalog-product-view .block.related .product.details.product-item-details .price-box.price-final_price {
height: 30px;
}
.catalog-product-view .block.related li.item.product.product-item .price-box {
height: 40px;
}
.catalog-product-view .block.related button.action.tocart.primary:hover {
border: 1px solid #1a1919;
}
.catalog-product-view .block.related .product-image-wrapper {
display: block !important;
height: 0;
overflow: hidden;
position: relative;
z-index: 1;
text-align: center;
padding: 200px 0px !important;
background: white !important;
margin: 0px 0px !important;
}
.catalog-product-view .block.related .product-item-info {
max-width: 100%;
padding: 0px;
background: #faf9f7;
width: auto !important;
}
.catalog-product-view .block.related .product-item-info .photo img{
padding: 36px;
max-height: 500px;
}
.swatch-option.selected {
outline: 1px solid #9a7b69 !important;
}
.catalog-product-view .block.related .product-item-info:hover{
box-shadow: none !important;
}
.catalog-product-view .block.related .product-image-photo {
bottom: 0;
display: block;
height: auto;
left: 0;
margin: auto;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
}
.catalog-product-view .block.related ol.products {
column-gap: 1.5em;
column-count: 3;
margin: 20px -40px 0px 0px;
}
.catalog-product-view .block.related li.item.product.product-item {
width: calc(100% - 40px);
float: unset !important;
padding: 0 0 1.5em;
margin: 0 0 40px 0;
/* background: white; */
text-align: center;
}
@media (min-width: 1024px) {
.btn:active,
.btn:hover {
background-color: transparent !important;
color: #453f3f !important;
border: 1px solid !important;
border-radius: 0px !important;
}
.product-ingredients-column.column-details {
padding: 130px 90px 130px 150px;
}
}
@media (min-width: 320px) {
.product.info.detailed .product.data.items .data.item.title {
float: none;
display: inline-block;
padding: 0;
margin: 0 -3px;
position: relative;
width: auto;
height: 40px;
}
.data.item.title.active {
border-bottom: 2px solid !important;
}
.product.info.detailed .product.data.items .data.item.title.active .switch {
background: 0 0;
color: #1a1919;
border-bottom: 2px solid #000;
}
.product.info.detailed .product.data.items .data.item.title a:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 38px;
width: 100%;
height: 2px;
border-bottom: 1px solid #d8d8d8;
}
.page-layout-1column .product-info-main {
width: 50% !important;
max-width: 540px;
padding-top: 30px;
}
.page-layout-1column .product.media {
width: 50% !important;
}
.product.data.items>.item.title.active>.switch,
.product.data.items>.item.title.active>.switch:focus,
.product.data.items>.item.title.active>.switch:hover {
background: none !important;
}
.product.data.items>.item.title {
padding: 0px 0px 3px 0px !important;
/* padding: 0 5px !important;
margin: 0px 26px 0 0 !important;
background: none !important; */
}
.product.attribute.description .value p {
background-color: #f6f4f2;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 25px;
letter-spacing: 1px;
}
.product.data.items>.item.title>.switch {
padding-bottom: 6px;
color: #626262;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 12px !important;
letter-spacing: 2.08px;
line-height: 14px;
padding: 5px 20px 5px 20px !important;
position: relative;
text-transform: uppercase;
background: none !important;
color: #333333;
border: none !important;
text-decoration: none;
}
.product.data.items>.item.title.active>.switch {
padding-bottom: 6px;
color: #626262;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
letter-spacing: 2.08px;
line-height: 14px;
padding: 5px 20px 5px 20px !important;
position: relative;
text-transform: uppercase;
background: none !important;
color: #333333;
border-bottom: 1px solid;
text-decoration: none;
}
.product.data.items>.item.content {
margin-top: 42px !important;
background: none !important;
border-top: none !important;
/* padding: 12px 22px 24px 110px; */
border: 0;
}
.item.title:not(.disabled)>.switch:hover {
background: none !important;
}
.catalog-product-view .product.info.detailed .product.data.items {
width: auto !important;
margin: 0 auto;
padding: 0px 250px !important;
}
.catalog-product-view .product.data.items>.item.content p {
text-align: center;
padding: 0px 80px !important;
}
.product-ingredients-column.column-image {
align-items: center;
display: flex;
justify-content: center;
min-height: 760px;
}
.product-ingredients-column .ingredient-item p {
font-size: 20px;
letter-spacing: .4px;
line-height: 43px;
margin-bottom: 26px;
}
.product-ingredients-column .ingredient-item h3 {
font-size: 14px;
letter-spacing: 2px;
line-height: 14px;
margin-bottom: 22px;
}
.product-ingredients-column .ingredient-item {
display: block;
width: 100%;
padding-top: 35px;
}
.pt_product-details.animate-scroll .product-ingredients-container .product-ingredients-content.show {
opacity: 1;
transform: translateY(0);
}
.single-ingredient .product-ingredients-column .product-ingredients-content {
opacity: 1;
margin-left: 60px;
}
.product-ingredients-column .product-ingredients-content {
display: block;
max-width: 480px;
text-align: left;
opacity: 0;
}
.pt_product-details.animate-scroll .product-ingredients-container .product-ingredients-content {
transform: translateY(40px);
transition: opacity 1.3s cubic-bezier(.18, .74, .36, .99), transform 1.3s cubic-bezier(.18, .74, .36, .99);
}
.product-ingredients-column.column-details {
padding: 0px 20px;
transition: padding .3s ease;
}
.product-ingredients-container {
flex-direction: row;
min-height: 760px;
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
right: 50%;
margin-right: -50vw;
/* margin-bottom: 70px; */
}
body:not(.personalised-gifting-page) .product-details-column {
width: 50%;
}
.product-title .ritual-icon {
font-size: 35px;
margin-bottom: 16px;
}
.product-details-content {
padding: 0px;
}
.product-details-content .product-name {
margin-bottom: 0px;
text-transform: capitalize;
margin-top: 10px;
}
.product-name {
font-size: 40px;
letter-spacing: 1.6px;
line-height: 50px;
}
}
.product-info-main .product-info-price .price-box .price-container > span {
/*display: block!important;*/
margin-bottom: 5px !important;
margin-top: 36px!important;
}
/* sagar pdp css */
/* ves menu sagar */
.ves-megamenu.menu-hover .subhover:hover .dropdown-menu {
padding: 5px 18px;
/*height: 600px;
max-height: 600px;*/
}
.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a.ui-state-focus {
background: #1a1919 !important;
color: white !important;
}
.navigation .ves-megamenu .level0 .submenu .submenu {
left: 17% !important;
background: #1a1919;
width: 230%;
}
.submenu.animated.dropdown-menu {
/* width: 245% !important; */
}
h3.product-name.txt--white {
color: white;
}
.long-description {
color: white;
width: 50%;
}
.ves-megamenu {
background: #1a1919 !important;
}
.ves-megamenu li.level0>a {
color: white !important;
text-transform: capitalize !important;
}
.ves-menu .navigation .level0>.submenu {
background: #1a1919 !important;
border: none !important;
width: 245% !important;
}
.ves-megamenu li.level0:hover>a {
background: #1a1919 !important;
}
.checkout-cart-index .field.qty {
display: block !important;
}
/*aditi and sagar end*/
/* --------------------------------------- customerfooter.phtml start ------------------------------------------------------------------------------*/
/* Forgot password start */
.field.captcha.required label.label {
width: 100%;
}
/* Forgot password end */
/* Registeration start */
.field.confirmation.required label.label {
width: 100%;
}
.customer-account-create .actions-toolbar>.secondary .action.back {
display: block;
}
.customer-account-create .secondary {
float: right;
}
/* Registeration end */
/* Loginn start */
.customer-account-login .block.block-new-customer {
padding: 0 130px 0 0px;
}
.customer-account-create [data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
display: block !important;
padding: 0 !important;
}
/* .fieldset>.field:not(.choice)>.label{
top: 15px !important;
} */
/* .block.block-customer-login {
padding: 0 130px 0 0px;
} */
/* login ennd */
/* details.phtml */
section#homesection6 .product-item .old-price .price,
section#homesection4 .product-item .old-price .price {
text-decoration: line-through;
color: #666666;
}
.catalog-product-view .sticky-bar.show-bar span.special-price span.price {
font-size: 16px !important;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
margin-bottom: 0;
}
.catalog-product-view .sticky-bar.show-bar .discount-price {
font-weight: normal;
margin: 0;
}
.catalog-product-view .product-info-price span.price {
font-size: 20px !important;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
color: black !important;
font-weight: 300 !important;
}
button.action.tocart.primary.btnselectoption:hover {
background: #626262;
border-color: #626262;
color: #fff;
}
button.action.tocart.primary.btnselectoption {
background-color: #fff;
color: #9a7b69;
border: none;
border-left: 2px solid #f6f4f2;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 380px;
max-width: 258px;
padding: 15px 22px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
border-radius: 0px;
margin-top: 15px;
height: 62px;
}
.price-container .weee:after {
display: none;
}
.catalog-product-view .sticky-bar.show-bar span.old-price span.price {
opacity: .7;
font-size: 16px !important;
text-decoration: line-through;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
margin-bottom: 0;
}
.sticky-bar.show-bar {
transition: bottom .3s ease-in-out, visibility .1s ease-in-out 0s;
visibility: visible;
bottom: 0;
height: 60px;
}
.sticky-bar {
width: 100%;
min-height: 61px;
background-color: #fff;
box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .08);
visibility: hidden;
bottom: -90px;
opacity: 1;
transition: bottom .3s ease-in-out, visibility .1s ease-in-out .5s;
z-index: 890;
position: fixed;
left: 0;
display: flex;
}
.sticky-product-container {
display: flex;
flex-grow: 1;
padding: 5px 30px 5px 20px;
}
.sticky-bar .image-container {
max-height: 100%;
align-items: center;
display: flex;
}
.sticky-bar .image-container .image {
max-height: 50px;
}
.product-name.small {
font-size: 16px;
line-height: 20px;
letter-spacing: 1px;
margin-bottom: 0;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
color: #000;
text-transform: uppercase;
}
.the-ritual-of-title.small {
font-size: 11px;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
line-height: 18px;
color: #9a7b69;
letter-spacing: 1.5px;
}
.sticky-bar span.price {
font-size: 16px !important;
white-space: nowrap;
/* font-size: 16px; */
letter-spacing: 1.07px;
line-height: 19px;
display: block;
margin-bottom: 3px;
}
.the-ritual-of-title {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 16px;
color: #000;
display: block;
line-height: 23px;
letter-spacing: 5px;
text-transform: uppercase;
}
.sticky-product-container .price-container {
display: flex;
align-items: center;
margin-left: auto;
}
.sticky-product-container .price-container .product-price {
align-items: center;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
margin-left: 10px;
}
.small-price .product-price {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
line-height: normal;
color: #000;
font-size: 16px;
letter-spacing: 1px;
}
.sticky-product-container .price-container .product-price .prices-container {
text-align: right;
}
.sticky-product-container .price-container .price-sales {
white-space: nowrap;
font-size: 16px;
letter-spacing: 1.07px;
line-height: 19px;
display: block;
margin-bottom: 3px;
}
.sticky-button-container {
width: 128px;
}
.sticky-button-container .product-add-to-cart {
position: relative;
}
.sticky-button-container .product-add-to-cart button.btn.btn-add-to-cart.js-add-to-cart, .sticky-button-container .product-add-to-cart button.btnselectoption {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 13px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 380px;
max-width: 258px;
padding: 15px 22px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
border-radius: 0px;
}
.sticky-button-container fieldset {
border: none !important;
padding:0 15px !important;
}
.sticky-button-container .product-add-to-cart .btn-wrapper {
margin-right: -15px;
}
@media (min-width: 1024px) {
.sticky-button-container {
width: 380px;
}
.sticky-bar .btn:active,
.sticky-bar .btn:hover {
background: #626262 !important;
border-color: #626262 !important;
color: #fff !important;
}
}
@media (min-width: 320px) {
.navigation .level0 {
margin: 0 3px 0 0 !important;
}
.page-footer {
padding-bottom: 0px;
}
.navigation .level0 .submenu a {
font-size: 15px !important;
padding: 8px 6px;
}
.sticky-button-container .product-add-to-cart .btn {
min-height: 65px;
margin-top: 0px;
}
.sticky-button-container {
width: auto;
min-width: 200px;
margin-top: -15px;
}
.sticky-bar {
min-height: 62px;
}
.sticky-product-container .details-container {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 20px;
}
}
/* details.phtml */
/*aditi and sagar */
body {
font-family: "ScalaSansOT";
font-size: 16px;
color: #453f3f;
background-color: #f6f4f2;
line-height: 1.42857143;
}
header.page-header {
background-color: #1a1919;
}
.page-header .panel.wrapper {
background-color: #242222;
border-bottom: none;
}
.mobileonly {
display: none;
}
@media (max-width: 767px) {
.desktoponly {
display: none;
}
.mobileonly {
display: block;
}
}
/* footer css */
.footerBottomLinks a:after {
content: '|';
position: relative;
left: 10px;
}
span.copyrightsTxt {
font-size: 14px;
}
.stor-cls img {
height: 12px;
max-width: 17px;
}
.lang-cls img {
height: 12px;
}
.lang-cls {
display: inline-block;
margin-left: -26px;
/* margin-right: 10px; */
}
.stor-cls {
display: inline-block;
margin-left: -26px;
/* margin-right: 10px; */
}
.accordion-wrapper .accordion-content ul li {
line-height: 16px;
width: 120%;
}
.field.newsletter label {
top: 0px !important;
}
a.btn-cont {
display: inline-block;
font-size: 14px;
letter-spacing: 3px;
margin-top: 34px;
text-decoration: underline;
cursor: pointer;
color: #b8a188;
text-transform: uppercase;
}
strong.label.switcher-label span {
display: block !important;
font-weight: 100;
color: #a4a4a4;
}
.storelang {
display: block !important;
font-weight: 100;
color: #a4a4a4;
text-transform: uppercase;
font-size: 10px;
letter-spacing: .1em;
padding-top: 20px;
}
.storecountry {
display: block !important;
font-weight: 100;
color: #a4a4a4;
text-transform: uppercase;
font-size: 10px;
letter-spacing: .2em;
}
.page-header .switcher .options ul.dropdown li,
.page-footer .switcher .options ul.dropdown li {
margin: 0;
padding: 0;
padding: 0px 30px 0px 0px;
border-bottom: 1px solid rgba(69, 63, 63, .1);
}
div#switcher-store-trigger span {
font-size: 13px;
background-color: #1a1919;
background-position: 0 7px;
background-size: 20px 13px;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
letter-spacing: .8px;
width: 100%;
}
div#switcher-language-trigger strong span {
font-size: 13px;
background-color: #1a1919;
background-position: 0 7px;
background-size: 20px 13px;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
letter-spacing: .8px;
width: 100%;
}
.page-header .switcher .options.active ul.dropdown,
.page-footer .switcher .options.active ul.dropdown {
display: block;
height: fit-content;
overflow: auto;
border: 1px solid #d8d8d8;
background-color: #fff;
list-style: none;
padding: 0;
width: auto!important;
left: -22px;
top: calc(100% - 1px);
bottom: inherit;
right: -5px;
margin: 0;
}
.page-header .switcher .options ul.dropdown li:hover,
.page-footer .switcher .options ul.dropdown li:hover {
background: #e8e8e8;
cursor: pointer;
}
.page-header .switcher .options ul.dropdown a,
.page-footer .switcher .options ul.dropdown a {
display: block;
color: #1a1919;
cursor: pointer;
font-size: 14px;
line-height: 17px;
padding: 13px 20px;
}
.breadcrumb .breadcrumb-list-item.back-button-home-wrapper:nth-last-child(2):before,
.breadcrumb .breadcrumb-list-item:last-child .breadcrumb-element:before,
.breadcrumb .breadcrumb-list-item:nth-last-child(2):before,
.checkout-content .form .checkout-eurobonus-dropdown .input-wrap button.btn-success:before,
.country-selector-dialog .ui-dialog-titlebar-close span:before,
.faq-questions .row__item .row__item__content .icon-email:before,
.faq-questions .row__item .row__item__content .icon-mail:before,
.faq-questions .row__item .row__item__content .icon-service:before,
.faq-questions .row__item .row__item__content .icon-user:before,
.footer-middle-elements .wrapper__country-selector .country-selector .arrow-down i:before,
.footer-top-part .wrapper__country-selector .country-selector .arrow-down i:before,
.gwp-dialog .ui-icon-closethick:before,
.icon-account:before,
.icon-arrow--back:before,
.icon-arrow--copper:before,
.icon-arrow--down:before,
.icon-arrow--left:before,
.icon-arrow--right:before,
.icon-arrow--up:before,
.icon-arrow-back:before,
.icon-arrow-diap:before,
.icon-arrow-wider-down:before,
.icon-arrow2--down:before,
.icon-arrow2--left:before,
.icon-arrow2--right:before,
.icon-arrow2--up:before,
.icon-arrow3--down-rit-dark:before,
.icon-arrow3--down-white:before,
.icon-arrow3--down:before,
.icon-arrow3--left:before,
.icon-arrow3--right:before,
.icon-arrow3--up:before,
.icon-arrow4--down:before,
.icon-arrow4--left:before,
.icon-arrow4--right:before,
.icon-arrow4--up:before,
.icon-arrow5--left:before,
.icon-arrow5--up:before,
.icon-bell:before,
.icon-box:before,
.icon-call:before,
.icon-cart--plus:before,
.icon-cart-basket:before,
.icon-cart-plus:before,
.icon-cart:before,
.icon-check-thin:before,
.icon-check:before,
.icon-cities:before,
.icon-clean-safe:before,
.icon-close-thick:before,
.icon-close2:before,
.icon-close:before,
.icon-cruelty-free:before,
.icon-current-location-outline:before,
.icon-current-location:before,
.icon-data:before,
.icon-delivery-day:before,
.icon-delivery-fast:before,
.icon-delivery-time:before,
.icon-delivery:before,
.icon-dots:before,
.icon-duration:before,
.icon-edp-tool:before,
.icon-email:before,
.icon-exclusive-partnership:before,
.icon-fabric:before,
.icon-favourite:before,
.icon-filter-icon:before,
.icon-gift:before,
.icon-giftcard:before,
.icon-giving-back:before,
.icon-hair-test:before,
.icon-hand-gift:before,
.icon-hand-heart:before,
.icon-home:before,
.icon-hor-bottle:before,
.icon-hor-candleholder:before,
.icon-hor-fragrance:before,
.icon-hor-sticks:before,
.icon-hor-wax:before,
.icon-ico-clock:before,
.icon-limiting-waste:before,
.icon-location:before,
.icon-magazine:before,
.icon-mail:before,
.icon-man:before,
.icon-menu2:before,
.icon-menu:before,
.icon-minus2:before,
.icon-minus3:before,
.icon-minus3invert:before,
.icon-minus:before,
.icon-my-rituals-dark:before,
.icon-newsletter:before,
.icon-online:before,
.icon-password-not-visible:before,
.icon-password-visible:before,
.icon-pause-large:before,
.icon-pause:before,
.icon-pencil:before,
.icon-perfume-genie:before,
.icon-play-large:before,
.icon-play:before,
.icon-plus2:before,
.icon-plus3:before,
.icon-plus3invert:before,
.icon-plus:before,
.icon-rating:before,
.icon-rituals-logo:before,
.icon-ruler:before,
.icon-sale:before,
.icon-scan:before,
.icon-search-dotless:before,
.icon-search-magnifier:before,
.icon-search:before,
.icon-secure-dotless:before,
.icon-secure:before,
.icon-service:before,
.icon-share:before,
.icon-shop:before,
.icon-shopping:before,
.icon-size:before,
.icon-skincare-test:before,
.icon-social--facebook2:before,
.icon-social--facebook:before,
.icon-social--fbmessenger:before,
.icon-social--google:before,
.icon-social--instagram2:before,
.icon-social--instagram:before,
.icon-social--messenger:before,
.icon-social--pinterest2:before,
.icon-social--pinterest:before,
.icon-social--twitter2:before,
.icon-social--twitter:before,
.icon-social--whatsapp:before,
.icon-social--youtube2:before,
.icon-social--youtube:before,
.icon-sos:before,
.icon-store:before,
.icon-super-soft:before,
.icon-tao-logo:before,
.icon-thread-count:before,
.icon-thread:before,
.icon-timer:before,
.icon-tranquility:before,
.icon-user:before,
.icon-vegan:before,
.icon-video:before,
.icon-view--list:before,
.icon-view--tiles:before,
.icon-weight:before,
.icon-well-being:before,
.icon-woman:before,
.order-steps.order-steps-collect .step-tile:last-child .step__number .circle:before,
.order-steps.order-steps-collect .step-tile:nth-child(2) .step__number .circle:before,
.splash-box .wrapper__country-selector .country-selector em i:before,
.step-tile:first-child .step__number .circle:before,
.step-tile:last-child .step__number .circle:before,
.step-tile:nth-child(2) .step__number .circle:before,
.sticky-bar-configurable .sticky-button-container .btn-add-to-cart:before,
.sticky-button-container .btn-add-to-cart.checked:before,
.sticky-button-container .btn-add-to-cart:before {
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
}
.footer.content {
box-sizing: initial;
max-width: initial !IMPORTANT;
padding: 0 !IMPORTANT;
}
.page-footer .newsLetterSec {
background-color: rgba(26, 25, 25, .96);
padding: 48px 0;
color: #fff;
}
.page-footer .footerMiddle {
background: #1a1919;
padding: 50px 0 50px;
color: #fff;
}
.page-footer .footerBottom {
background: #fff;
font-size: 14px;
color: #453f3f;
}
/* footer css */
/* header css */
.minicart-wrapper .action.showcart .counter.qty {
color: #ffffff;
border-radius: 2px;
display: inline-block;
overflow: hidden;
white-space: normal;
background: 0 0;
min-width: unset;
padding: 0;
font-size: 11px;
position: absolute;
left: 5px;
top: 10px;
line-height: 1;
width: 14px;
text-align: center;
height: unset;
}
a.tw:before {
content: "";
}
a.pt:before {
content: "";
}
a.fb:before {
content: "";
}
a.yt:before {
content: "";
}
a.ins:before {
content: "";
}
.socialLinks a {
color: #a4a4a4;
margin-right: 20px;
font-weight: 400;
font-family: iconfont;
font-size: 16px;
line-height: 15px;
display: inline-block;
}
.minicart-wrapper .action.showcart .counter.qty {
margin: -3px 0 0 !important;
}
section#homesection4 button.owl-prev{
position: absolute;
background: none;
border: none !important;
top: 29%;
transform: translateY(-50%);
transition: opacity .6s cubic-bezier(.05, .5, .3, 1);
z-index: 1;
align-items: center;
border-radius: 50%;
color: #000;
display: flex;
font-size: 40px;
height: 50px;
justify-content: center;
transition: background .4s cubic-bezier(.05, .5, .3, 1);
width: 50px;
left: 0px;
padding: 0px 17px !important;
box-shadow: none;
}
section#homesection6 button.owl-prev {
position: absolute;
background: none;
border: none !important;
top: 24%;
transform: translateY(-50%);
transition: opacity .6s cubic-bezier(.05, .5, .3, 1);
z-index: 1;
align-items: center;
border-radius: 50%;
color: #000;
display: flex;
font-size: 40px;
height: 50px;
justify-content: center;
transition: background .4s cubic-bezier(.05, .5, .3, 1);
width: 50px;
left: 0px;
padding: 0px 17px !important;
box-shadow: none;
}
section#homesection4 button.owl-prev:hover,
section#homesection4 button.owl-next:hover,
section#homesection6 button.owl-prev:hover,
section#homesection6 button.owl-next:hover {
background: white !important;
}
section#homesection4 button.owl-next span,
section#homesection4 button.owl-prev span,
section#homesection6 button.owl-next span,
section#homesection6 button.owl-prev span {
display: none !important;
}
section#homesection4 .owl-dots,
section#homesection6 .owl-dots {
display: none;
}
section#homesection4 button.owl-next {
opacity: 1;
background: none;
border: none !important;
position: absolute;
top: 29%;
transform: translateY(-50%);
transition: opacity .6s cubic-bezier(.05, .5, .3, 1);
z-index: 1;
align-items: center;
border-radius: 50%;
color: #000;
font-size: 40px;
height: 50px;
justify-content: center;
transition: background .4s cubic-bezier(.05, .5, .3, 1);
width: 50px;
right: 0px;
padding: 0px 17px !important;
box-shadow: none;
}
section#homesection6 button.owl-next {
opacity: 1;
background: none;
border: none !important;
position: absolute;
top: 27%;
transform: translateY(-50%);
transition: opacity .6s cubic-bezier(.05, .5, .3, 1);
z-index: 1;
align-items: center;
border-radius: 50%;
color: #000;
font-size: 40px;
height: 50px;
justify-content: center;
transition: background .4s cubic-bezier(.05, .5, .3, 1);
width: 50px;
right: 0px;
padding: 0px 17px !important;
box-shadow: none;
}
section#homesection4 button.owl-prev:before,
section#homesection6 button.owl-prev:before {
content: "";
margin-left: -3px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
}
section#homesection4 button.owl-next:before,
section#homesection6 button.owl-next:before {
content: "";
margin-left: -12px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
}
section#homesection4 .owl-carousel .owl-stage-outer,
section#homesection6 .owl-carousel .owl-stage-outer {
position: relative !important;
overflow: scroll hidden !important;
cursor: pointer !important;
scrollbar-width: thin;
scrollbar-color: #1a1919 #aaa;
}
section#homesection4 .owl-stage-outer::-webkit-scrollbar,
section#homesection6 .owl-stage-outer::-webkit-scrollbar {
width: 4px !important;
height: 4px !important;
background-color: #aaa !important;
border-radius: 4px !important;
}
section#homesection4 .owl-stage-outer::-webkit-scrollbar-thumb,
section#homesection6 .owl-stage-outer::-webkit-scrollbar-thumb {
background: #000 !important;
border-radius: 4px !important;
}
.logo img {
height: auto;
}
a.action.advanced {
display: none;
}
/* sagar */
a.viewalling:hover {
background-color: #fff;
color: #453f3f;
}
a.viewalling {
margin-top: 23px;
margin: 0 8px 4px;
background-color: transparent;
border: 1px solid #b4b4b4;
color: white;
min-width: 10px;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.catalog-product-view .product.data.items>.item.content p,
.catalog-product-view .product.data.items>.item.content {
text-align: center;
}
.product.attribute.description .value div {
/* text-align: center !important; */
/* padding: 0px 60px !important; */
/* position: absolute; */
/* left: 50%; */
/* transform: translateX(-50%); */
/*max-width:640px;*/
/* z-index: -1; */
color: #453f3f;
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
/* width: 100%; */
}
div#howtouse-content {
padding: 26px 112px !important;
}
a.btn.btn--secondary:hover {
border: 1px solid #1a1919 !important;
}
a.btn:hover {
background-color: transparent !important;
color: #453f3f !important;
}
#banner-slider-carousel .owl-item img {
padding-bottom: 10px;
filter: brightness(70%);
}
#banner-slider-carousel .owl-nav .owl-next,
#banner-slider-carousel .owl-nav .owl-prev {
right: 1px;
opacity: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: opacity .6s cubic-bezier(.05, .5, .3, 1);
z-index: 1;
font-size: 2.9em;
width: 50px;
height: 50px;
color: #865;
bottom: auto;
box-shadow: none;
margin: -6px 22px;
}
#banner-slider-carousel .owl-nav .owl-next:hover,
#banner-slider-carousel .owl-nav .owl-prev:hover {
/* background: white; */
background-color: #fff;
bottom: auto;
border-radius: 51px;
width: 50px;
margin: -6px 22px;
/* padding: 0px !important; */
height: 50px;
}
#banner-slider-carousel .owl-nav .owl-next span,
#banner-slider-carousel .owl-nav .owl-prev span {
margin-top: -6px;
display: none;
}
div#banner-slider-carousel button.owl-next:before {
content: "";
margin-left: 0px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: -6px;
}
div#banner-slider-carousel button.owl-prev:before {
content: "";
margin-left: -3px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: -7px;
}
a.callToAction {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 0px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
cursor: pointer;
margin: 15px 0px 0;
/* margin: 35px 0px 0; */
}
span.brandicon-logo img {
width: auto !important;
max-width: 80px;
}
a.callToAction:hover {
background-color:#fff !important;
color: #453f3f !important;
}
.banner-title.bannerContentSec {
max-width: 54%;
width: 100%;
padding-left: 130px !important;
margin-bottom: 54px;
position: absolute;
top: 70px;
color: #ffffff;
/* top: 0%; */
background: none !important;
opacity: unset !important;
z-index: 1;
}
p.bannerTtlTwo {
color: #ffffff;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 40px;
letter-spacing: 7px;
line-height: 58px;
text-transform: none;
padding-top: 5px;
}
p.bannerTxt {
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
color: #ffffff;
font-size: 16px;
line-height: 28px;
letter-spacing: 2px;
margin-bottom: 6px;
}
section#homesection4 .text-holder h2,
section#homesection6 .text-holder h2 {
color: #9a7b69;
font-size: 14px;
letter-spacing: 5px;
line-height: 20px;
margin-bottom: 16px;
text-transform: uppercase;
margin-left: 2px;
}
section#homesection4 a.btn,
section#homesection6 a.btn {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
section#homesection4 .text-holder h3,
section#homesection6 .text-holder h3 {
width: 100%;
color: #1a1919 !important;
font-size: 20px !important;
letter-spacing: 1.4px !important;
line-height: 32px !important;
margin-bottom: 25px !important;
text-transform: none !important;
font-family: "ClassGarmnd BT","Times New Roman",serif !important;
font-style: normal !important;
}
section#homesection4 .text-holder p,
section#homesection6 .text-holder p {
color: #1a1919;
font-size: 16px;
letter-spacing: .5px;
line-height: 18px;
margin-bottom: 38px;
}
section#homesection2 {
padding: 30px 0 0;
}
section#homesection2 .inner-wrapper {
padding: 0px 0px;
max-width: 740px;
}
section#homesection2 p.headerSmBrown {
color: #9a7b69;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 14px;
letter-spacing: 1.6px;
line-height: 24px;
text-align: center;
text-transform: uppercase;
}
section#homesection2 p.headingOne {
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 40px;
letter-spacing: .4px;
line-height: 33px;
text-align: center;
}
section#homesection3,
section#homesection5,
section#homesection7 {
padding: 30px 0 0;
}
section#homesection3 .inner-wrapper,
section#homesection5 .inner-wrapper,
section#homesection7 .inner-wrapper {
max-width: 100%;
padding: 0 0px;
display: flex;
flex-flow: wrap;
}
section#homesection3 .grid-item-inner,
section#homesection5 .grid-item-inner,
section#homesection7 .grid-item-inner {
background-color: #fff;
margin: 2px 2.2% 40px;
text-align: center;
z-index: 1;
width: 45.6%;
/*display: inline-block;*/
}
section#homesection3 .text-holder,
section#homesection5 .text-holder,
section#homesection7 .text-holder {
padding: 43px 41px 29px;
}
section#homesection3 .gridItemImgContainer.desktoponly img,
section#homesection5 .gridItemImgContainer.desktoponly img,
section#homesection7 .gridItemImgContainer.desktoponly img {
display: block;
width: 100%;
}
section#homesection3 .text-holder h3,
section#homesection5 .text-holder h3,
section#homesection7 .text-holder h3 {
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
/* color: #9a7b69; */
font-size: 40px;
letter-spacing: 1.6px;
line-height: 38px;
font-weight: 400;
margin-top: 0;
min-height: 70px;
}
section#homesection3 .text-holder p,
section#homesection5 .text-holder p,
section#homesection7 .text-holder p {
line-height: 24px;
margin: 33px auto 25px;
max-width: 440px;
letter-spacing: 1px;
min-height: 75px;
}
section#homesection5 .text-holder p {
min-height: 75px;
}
section#homesection5 .text-holder h3 {
min-height: 70px;
}
section#homesection3 .text-holder .subTtlTxt,
section#homesection5 .text-holder .subTtlTxt,
section#homesection7 .text-holder .subTtlTxt{display: none ;}
section#homesection3 a.btn.btn--secondary,
sectionhomesection5 a.btn.btn--secondary,
section#homesection7 a.btn.btn--secondary {
margin-top: 23px;
margin: 0 8px 4px;
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
min-width: 10px;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.block-minicart .subtitle.empty {
display: block;
font-size: 20px;
text-align: center;
border-bottom: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
margin: 40px;
}
.logo img {
height: auto;
}
a.action.advanced {
display: none;
}
ul.menu-top {
/* list-style: none !important; */
display: contents;
}
.page-header .header.panel li.menu-top--item {
list-style: none !important;
}
.page-header .header.panel li.menu-top--item a {
color: #fff;
font-size: 8px;
letter-spacing: 1.1px;
line-height: 12px;
text-decoration: none;
text-transform: uppercase;
list-style: none !important;
margin-left: 0px;
padding-left: 17px;
position: relative;
line-height: normal;
}
#custom-sliding-cart .minicart-wrapper {
margin-left: 35px;
display: flex;
padding: 10px 10px;
}
span.userIcon {
text-decoration: none;
color: #fff;
width: 27px;
display: inline-block;
}
span.userIcon:after {
display: inline-block;
font-family: iconfont;
font-size: 28px;
font-weight: 400;
content: "\EA01" !important;
position: relative;
top: 2px;
width: 27px;
}
a.action.showcart:after {
font-family: iconfont;
content: "\EA1F";
font-size: 22px;
font-weight: 400;
color: #fff;
text-decoration: none;
line-height: 1;
display: inline-block;
}
a.action.showcart {
position: relative;
margin-left: 30px;
/*margin-right: 38px;*/
margin-top: 10px;
}
.minicart-wrapper .action.showcart:before {
display: none !important;
}
#custom-sliding-cart .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-title {
background: #ffffff !important;
}
section#homesection4 .product-item .price-box,
section#homesection6 .product-item .price-box {
margin: 10px 0 25px;
text-align: center;
}
@media (min-width: 320px) {
.header.content .navigation .level0>.level-top {
padding: 0 0px !important;
}
.block-search .control {
margin-top: 2px !important;
position: absolute !important;
}
.header.content {
padding: 0px 0px 3px !important;
}
.block-search {
margin-top: 12px ;
margin-right: -70px ;
}
header.page-header .panel.wrapper {
border: none !important;
}
.navigation .level0>.level-top span {
color: white !important;
font-weight: 400 !important;
}
.panel.header {
display: flex !important;
justify-content: flex-end !important;
padding: 0px 6px !important;
background-color: #242222 !important;
/* display: none; */
height: 26px !important;
width: 100% !important;
margin-top: 1px !important;
}
.header.content nav.navigation {
position: absolute !important;
top: 8px !important;
background: none !important;
width: 100% ;
z-index: auto;
}
.header.content nav.navigation .ves-megamenu{
padding-left: 210px !important;
}
.block-search .action.search {
right: 45px;
top: 5px !important;
color: white !important;
opacity: inherit !important;
}
#custom-sliding-cart .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-title .action.close:before {
color: #1a1919 !important;
top: 50% !important;
position: absolute !important;
transform: translate(-50%, -50%) !important;
font-size: 45px !important;
}
.block-search input {
background: #242222 !important;
background-color: transparent !important;
border-color: transparent !important;
width: 100% !important;
margin: 0px 10px !important;
overflow: auto !important;
font-family: "ScalaSansOT" !important;
font-size: 16px!important;
letter-spacing: 2px!important;
color: #fff!important;
padding: 0 18px 0 0!important;
}
#custom-sliding-cart .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-title .action.close {
float: left!important;
position: absolute!important;
top: 20%!important;
border: none !important;
width: 32px !important;
font-size: 22px !important;
height: 32px !important;
right: 83%;
}
.logo {
margin-left: 10px !important;
top: 30px !important;
width: 170px !important;
left: auto !important;
-webkit-transform: none !important;
transform: none !important;
z-index: 1;
}
.block-search .action.search:before {
font-size: 21px !important;
color: white !important;
display: inline-block;
font-family: iconfont !important;
font-size: 28px;
font-weight: 400;
content: "\EA5C" !important;
position: relative;
top: 0px;
width: 35px;
}
.page-header .panel.wrapper .switcher strong,
.page-footer .switcher strong {
font-weight: 400 !important;
color: #a4a4a4 !important;
display: inline-block !important;
font-family: "ScalaSansOT" !important;
font-size: 14px !important;
letter-spacing: .8px !important;
text-transform: none !important;
padding-left: 0 !important;
margin-top: -3px !important;
}
.footer.content .switcher.store {
display: inline-block !important;
padding-right: 50px !important;
vertical-align: top !important;
border-bottom: 1px solid #a4a4a4 !important;
height: 31px !important;
padding: 3px 0px 0 26px !important;
width: 92% !important;
margin-top: 10px;
}
.page-header .panel.wrapper .switcher,
.page-footer .switcher {
margin-right: 10px !important;
border-bottom: 1px solid #a4a4a4 !important;
height: 31px !important;
width: 92% !important;
padding: 3px 0px 0 26px !important;
margin-top: 10px;
}
.page-header .panel.wrapper .switcher .options .action.toggle:after,
.page-footer .switcher .options .action.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px !important;
line-height: 22px !important;
content: '\e622' !important;
margin: 0px !important;
vertical-align: top !important;
display: inline-block !important;
font-weight: 400 !important;
top: 3px !important;
bottom: 0px !important;
left: inherit !important;
color: #a4a4a4 !important;
overflow: hidden !important;
speak: none !important;
text-align: center !important;
position: absolute !important;
right: 0;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:after,
.page-footer .switcher .options .action.toggle.active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px !important;
line-height: 22px !important;
color: inherit !important;
content: '\e622' !important;
/*margin: 0px 68px !important;*/
vertical-align: top !important;
display: inline-block !important;
font-weight: 400 !important;
top: 3px !important;
bottom: 0px !important;
/*left: 189px !important;*/
color: #a4a4a4 !important;
overflow: hidden !important;
speak: none !important;
text-align: center !important;
position: absolute !important;
right: 0;
}
}
p.footerTtl {
font-weight: 400;
}
.footerBottomRight span {
margin-right: 10px;
}
.block.newsletter .field .control:before {
display: none !important;
}
.page-footer .footerBottom {
background: #fff;
font-size: 14px;
color: #453f3f;
}
.footerBottom .ritualWrapper {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1440px;
padding-left: 20px;
padding-right: 20px;
width: auto;
margin-top: 12px;
margin-bottom: 12px;
background: #f6f4f2;
}
.footerBottomRight img {
height: 40px;
margin-right: 10px;
}
.footerBottomLeft {
margin-top: 10px;
}
.footerBottomLinks {
display: inline-block;
margin-left: 30px;
}
.footerBottomLinks a {
color: #865;
text-decoration: none;
margin-right: 10px;
padding-right: 10px;
font-size: 14px;
}
.footerBottomRight {
float: right;
width: 50%;
text-align: right;
margin-top: 5px;
}
.footerBottomLinks a {
color: #865;
text-decoration: none;
margin-right: 10px;
padding-right: 10px;
font-size: 14px;
}
.page-footer .newsLetterSec {
background-color: rgba(26, 25, 25, .96);
padding: 48px 0;
}
.newsLetterSec .ritualWrapper {
padding: 0 135px;
}
p.newsletterTtl {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 30px;
letter-spacing: 1px;
line-height: 36px;
color: #fff;
}
p.newsletterTxt {
color: #ccc;
letter-spacing: 1px;
line-height: 24px;
max-width: 70%;
margin: 0;
}
a.privacyLink {
color: #b8a188;
text-decoration: underline;
text-transform: capitalize;
}
.newsLetterSec .newsletterContent {
width: 59%;
}
.ico {
display: inline-block;
}
.footer-middle-elements .footer-logo {
align-self: center;
width: 45px;
height: 42px;
margin-top: 28px;
}
.footer-middle-elements .footer-logo img {
width: 100%;
position: absolute;
/* right: -6px; */
left: 444%;
bottom: -90px;
}
.payment-links li {
display: inline-block;
margin: 0 1px 10px;
vertical-align: middle;
}
.payment-links {
list-style: none;
margin-bottom: -6px;
order: -1;
width: 100%;
}
.bottom-links li::after {
content: '|';
position: absolute;
right: -11px;
top: 0;
}
.bottom-links a {
font-size: 14px;
letter-spacing: .8px;
line-height: 16px;
text-decoration: none;
color: #767676;
}
.bottom-links li {
color: #9a7b69;
display: inline-block;
margin-right: 12px;
position: relative;
}
.bottom-links {
list-style: none;
width: 100%;
}
.footer-bottom-elements {
background-color: #fff;
padding: 24px 0;
text-align: center;
width: 100%;
}
.footer-middle-elements .wrapper__country-selector .country-selector .arrow-down {
position: absolute;
right: -2px;
top: 2px;
pointer-events: none;
}
.footer-middle-elements .wrapper__country-selector .country-selector .arrow-down i {
color: #fff;
font-size: 26px;
}
.selectric-wrapper .selectric-input {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
margin: 0;
padding: 0;
width: 1px;
height: 1px;
outline: 0;
border: none;
background: 0 0;
}
.selectric-wrapper .selectric-items {
box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
display: none;
position: absolute;
left: 0;
top: calc(100% - 4px);
width: 100%;
}
.pay-amex,
.pay-amex-small,
.pay-bancontact,
.pay-bancontact-small,
.pay-diners-club,
.pay-diners,
.pay-diners-club-small,
.pay-diners-small,
.pay-entercash,
.pay-entercash-small,
.pay-eps,
.pay-eps-small,
.pay-giropay,
.pay-giropay-small,
.pay-ideal,
.pay-ideal-small,
.pay-klarna,
.pay-klarna-small,
.pay-maestro,
.pay-maestro-small,
.pay-mastercard,
.pay-mc,
.pay-mastercard-small,
.pay-mc-small,
.pay-multibanco,
.pay-multibanco-small,
.pay-paypal,
.pay-paypal-small,
.pay-giftcard,
.pay-rituals,
.pay-giftcard-small,
.pay-rituals-small,
.pay-sofort,
.pay-directEbanking,
.pay-sofort-small,
.pay-directEbanking-small,
.pay-visa,
.pay-visa-small,
.pay-ratepay,
.pay-ratepay-small,
.pay-discover,
.pay-discover-small,
.pay-apple-pay,
.pay-apple-pay-small,
.pay-trustly,
.pay-trustly-small,
.pay-vipps,
.pay-vipps-small,
.pay-alipay,
.pay-alipay-small,
.pay-alipay-hk,
.pay-alipay_hk,
.pay-alipay-hk-small,
.pay-unionpay,
.pay-cup,
.pay-unionpay-small,
.pay-fashioncheque,
.pay-fashioncheque-small,
.pay-wechat,
.pay-wechat-small,
.store-app-store,
.store-app-store-small,
.store-app-store-smaller,
.store-google-play,
.store-google-play-small,
.store-google-play-smaller,
.icon-logo,
.icon-logo-small,
.icon-logo-40,
.icon-my-rituals,
.logo-vegan,
.logo-clean-safe,
.logo-cruelty-free,
.logo-giving-back,
.logo-well-being,
.logo-limiting-waste,
.logo-apple,
.logo-google-play,
.karma-logo,
.info-icon {
background-image: url(../images/sprite.svg);
background-size: 239.13px 5616px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric .button::before {
color: #a4a4a4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 36px;
line-height: 18px;
content: '\e622';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
font-size: 28px;
}
.selectric-wrapper .selectric .button {
font-size: 0;
position: absolute;
right: -1px;
top: 7px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric .button {
right: -5px;
top: 0;
}
.selectric-wrapper:not(.selectric-inputfield-select) .selectric .button {
top: 7px;
}
.selectric-wrapper:not(.selectric-inputfield-select) .selectric .label {
letter-spacing: 1px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
text-transform: none;
white-space: nowrap;
width: 100%;
padding-left: 10px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric .label {
color: #a4a4a4;
display: inline-block;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 14px;
letter-spacing: .8px;
text-transform: none;
padding-left: 0;
margin-top: -3px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric {
border-bottom: 1px solid #a4a4a4;
height: 31px;
padding: 3px 20px 0 26px;
}
.selectric-wrapper .selectric {
cursor: pointer;
padding: 5px 17px 5px 0;
position: relative;
text-align: left;
border-bottom: 1px solid #d8d8d8;
}
.selectric-wrapper:not(.selectric-inputfield-select) .selectric {
padding: 5px 17px 5px 0;
border-bottom: 1px solid #d8d8d8;
}
.footer-middle-elements .wrapper__country-selector .country-selector {
position: relative;
}
.footer-middle-elements .wrapper__country-selector .select-box__container:first-of-type {
margin-bottom: 13px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper {
max-width: 240px;
}
.selectric-wrapper {
position: relative;
z-index: 15;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric-hide-select {
height: 16px;
left: 0;
position: absolute;
top: 8px;
width: 18px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric-hide-select .select-box {
background-position: left top;
background-size: 16px auto;
border-bottom: 0;
float: left;
font-size: 0;
height: 16px;
padding: 0;
/* background-image: url(https://www.rituals.com/on/demandware.static/Sites-Global-Site/-/nl_NL/v1599810238995/images/flags/nl.svg?select=true); */
}
.footer-middle-elements .wrapper__country-selector label {
font-size: 9px;
color: #a4a4a4;
letter-spacing: 1.8px;
line-height: 10px;
margin-bottom: 12px;
text-transform: uppercase;
}
.footer-column.social--icons .social__icons a span {
font-size: 16px;
line-height: 15px;
}
.footer-column.social--icons .social__icons a span {
font-size: 16px;
line-height: 15px;
}
.sr-only {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.footer-column li a,
.top-columns li a {
color: #a4a4a4;
font-size: 14px;
letter-spacing: .7px;
line-height: 27px;
text-decoration: none;
text-transform: none;
}
.footer-column.social--icons .social__icons {
display: flex;
flex-direction: row;
padding-top: 22px;
margin-left: 20px;
}
.social__icons {
display: flex;
flex-direction: row;
padding-top: 22px;
list-style: none;
background-color: #1a1919;
}
.footer-column.social--icons .social__icons li:not(:last-of-type) {
margin-right: 29px;
}
.social__icons li:not(:last-of-type) {
margin-right: 29px;
}
.footer-column table td,
.top-columns table td {
color: #a4a4a4;
font-size: 14px;
letter-spacing: .7px;
padding: 6px 0px !important;
}
.footer-column table .secondary,
.top-columns table .secondary {
color: rgba(164, 164, 164, .8);
padding-left: 23px;
}
.footer-middle-elements .footer-contact {
/* margin: 48px auto 0; */
/* max-width: 255px; */
}
.footer-middle-elements .footer-contact h3 {
margin-bottom: 22px;
/* margin-left: 10px; */
font-weight: 400;
}
.footer-column .h3,
.footer-column h3,
.top-columns .h3,
.top-columns h3 {
color: #fff;
font-size: 16px;
text-transform: none;
letter-spacing: .75px;
line-height: 20px;
}
.accordion-wrapper {
position: relative;
width: 100%;
}
.footer-top-elements {
background-color: #1a1919;
}
.footer-bottom-elements .inner-wrapper {
align-items: center;
display: flex;
flex-direction: column;
}
.footer-bottom-elements .copyright {
font-size: 14px;
letter-spacing: .5px;
line-height: 16px;
margin-bottom: 2px;
color: #767676;
}
.inner-wrapper,
.wrapper__inner {
margin: 0 auto;
padding: 0 20px;
}
.footer-title {
font-size: 30px;
line-height: 36px;
letter-spacing: 1px;
text-transform: none;
color: #fff;
margin-bottom: 20px;
}
.accordion-wrapper.accordion-light .accordion-content,
.accordion-wrapper.accordion-light .accordion-head {
color: #fff;
border-color: #999;
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
}
.footer-accordion .accordion-head-inner {
background-color: transparent;
border: 0;
cursor: pointer;
padding: 0;
margin: 15px 0 5px;
/* font-size: 16px; */
letter-spacing: .75px;
line-height: 18px;
color: #fff;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
.footer-accordion .accordion-content-inner ul {
list-style: none;
}
.footer-accordion .accordion-content li {
padding: 6px 0;
}
.footer-accordion .accordion-link-inner {
display: block;
color: #a4a4a4;
font-size: 14px;
line-height: 15px;
letter-spacing: .7px;
text-decoration: none;
}
.accordion-wrapper .accordion-content ul {
list-style: none;
}
.footer-middle-elements .accordion-content li {
margin: 0;
padding: 0;
}
.footer-accordion .accordion-content li {
padding: 6px 0;
}
.footer-middle-elements .footer-right-side {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
margin-top: 0px;
position: relative;
}
.footer-column .h3,
.top-columns .h3 {
margin-bottom: 33px;
margin-top: 4px;
font-weight: 400;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper {
max-width: 240px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric-hide-select {
height: 16px;
left: 0;
position: absolute;
top: 8px;
width: 18px;
}
.social--icons.social--icons-mobile {
display: none;
}
.social--icons.social--icons-mobile .social__icons {
padding-top: 37px;
}
.footer-middle-elements {
background-color: #1a1919;
padding: 0 0 41px;
margin-top: -1px;
transition: .6s ease;
}
.custom-select {
background: transparent url(../images/icons/arrow3--down.svg) no-repeat right center;
background-size: 18px 20px;
border: 0;
color: #1a1919;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
letter-spacing: 1px;
/* line-height: 28px; */
padding: 5px 17px 5px 0;
text-align: left;
-moz-text-align-last: left;
text-align-last: left;
text-transform: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.footer-middle-elements .wrapper__country-selector a {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 2px;
margin-top: 34px;
color: #b8a188;
text-decoration: underline;
}
.page-footer .footerBottom .footerBottomLeft .footerBottomLinks a:after {
content: '|';
position: relative;
left: 10px;
}
@media (min-width: 1024px) {
.bottom-links {
flex-shrink: 0;
margin-right: 30px;
}
.footer-bottom-elements .copyright {
margin: 0 42px 0 0;
width: auto;
}
.payment-links li {
margin: 0 0 0 20px;
}
.footer-bottom-elements {
min-height: 80px;
padding: 8px 0;
}
.footer-middle-elements .wrapper__country-selector .country-selector .arrow-down {
display: none;
}
.footer-middle-elements .accordion-item {
width: 185px;
}
.footer-middle-elements .accordion-item {
vertical-align: top;
}
.footer-middle-elements {
padding: 0 137px 55px;
}
.footer-top-elements {
padding: 29px 137px 0;
position: absolute;
width: 100%;
left: 0;
}
.footer-accordion .accordion-inner,
.footer-accordion .accordion-item {
padding: 0 40px 0 0;
}
.footer-accordion .accordion-inner,
.footer-accordion .accordion-item {
padding: 0 40px 0 0;
}
.footer-top-elements .accordion-inner {
width: 195px;
}
.footer-accordion .accordion-inner {
margin-top: 10px;
vertical-align: top;
}
.footer-bottom-elements .inner-wrapper {
flex-wrap: nowrap;
padding: 0 0px;
}
.bottom-links {
flex-shrink: 0;
margin-right: 30px;
}
.payment-links {
text-align: right;
}
}
@media (min-width: 320px) {
.ritualWrapper,
.delivery,
.homeGrid,
.needHelp {
clear: both !important;
}
.page-footer .footerBottom {
background: #fff !important;
font-size: 12px !important;
}
.page-footer .footerBottom .footerBottomRight {
float: right !important;
width: 50% !important;
text-align: right !important;
margin-top: -10px;
}
.page-footer .footerBottom .copyrightsTxt {
display: inline-block !important;
}
.page-footer .footerBottom .footerBottomLeft .footerBottomLinks {
display: inline-block !important;
margin-left: 20px !important;
}
.page-footer .footerBottom .footerBottomLeft .footerBottomLinks a {
color: #865 !important;
text-decoration: none !important;
margin-right: 10px !important;
padding-right: 10px !important;
font-size: 12px !important;
}
.footerBottomLinks a {
color: #865;
text-decoration: none;
margin-right: 10px;
padding-right: 10px;
font-size: 14px;
}
.primary.btn {
background: transparent;
border: none;
}
.block.newsletter .field {
margin-right: 20px !important;
}
.block.newsletter {
margin-top: -94px !important;
}
.block.newsletter input {
margin-right: 262px;
background-color: transparent;
border: 0;
border-bottom: 1px solid #fff;
padding: 0 5px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 2px;
color: #a4a4a4;
height: 44px;
line-height: 44px;
}
.block.newsletter .action.subscribe {
border-radius: 3px;
color: #fff;
background-color: transparent;
text-transform: uppercase;
font-weight: 400;
font-size: 11px;
letter-spacing: 2px;
border: 1px solid #fff;
border-radius: 0;
height: 44px;
margin-top: 3px;
margin-right: 0px;
}
.footer-middle-elements .footer-logo {
position: absolute;
bottom: 50px;
right: -84px;
margin-top: 0;
}
.newsletterForm {
margin-right: 8px;
}
.payment-links li {
margin: 0 0 0 13px;
}
.payment-links {
margin: 0 5px 0 auto;
order: 1;
width: auto;
}
.bottom-links {
width: auto;
margin-top: 34px;
}
.footer-bottom-elements .copyright {
/* flex-shrink: 0;
margin: 0 0 20px;
width: 100%; */
}
.footer-bottom-elements .inner-wrapper {
flex-direction: row;
flex-wrap: wrap;
}
.footer-bottom-elements {
align-content: center;
/* display: flex; */
padding: 0px 67px;
/* padding: 20px 0; */
}
.footer-middle-elements.slide {
/* padding: 29px 137px 0;
width: 100vw;
position: relative;
margin-left: -50vw;
left: 611px; */
}
.footer-middle-elements .wrapper__country-selector label {
margin-bottom: 11px;
}
.footer-column li a,
.top-columns li a {
line-height: 7.5px;
}
.footer-middle-elements .footer-right-side {
width: 25%;
flex-basis: 35%;
margin: 0 0 0 auto;
max-width: 28%;
}
.accordion-content ul {
padding-left: 0px;
}
.footer-column.social--icons {
position: static;
transform: none;
}
.footer-middle-elements .footer-contact {
margin: 10px 0 0;
max-width: none;
padding-right: 260px;
}
.footer-middle-elements {
padding: 0 40px 55px;
}
.footer-middle-elements .inner-wrapper {
padding: 0 115px;
display: flex;
position: relative;
width: 100%;
}
.footer-middle-elements .inner-wrapper::before {
content: '';
width: calc(100% - 40px);
height: 1px;
position: absolute;
left: 20px;
top: 0;
/* background-color: #979797; */
display: block;
}
.footer-accordion {
padding-bottom: 12px;
}
.footer-accordion .accordion-head-inner {
pointer-events: none;
margin: 0 0 13px;
}
.footer-accordion .accordion-inner,
.footer-accordion .accordion-item {
display: inline-block;
padding: 0 20px 0 0;
margin-bottom: 6px;
}
.footer-accordion .accordion-content {
display: flex;
border: 0;
padding: 0;
}
.footer-top-elements .footer-accordion>.accordion-item .accordion-content {
display: block;
max-width: 1000px;
}
.footer-accordion .accordion-head {
pointer-events: none;
font-size: 16px;
letter-spacing: .75px;
line-height: 18px;
color: #fff;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
text-transform: none;
border: 0;
padding: 0;
margin-bottom: 16px;
}
.footer-accordion .accordion-inner,
.footer-accordion .accordion-item {
display: inline-block;
padding: 0 20px 0 0;
margin-bottom: 6px;
}
.footer-top-elements .footer-accordion>.accordion-item {
width: auto;
}
.footer-top-elements .footer-accordion {
display: inline-block;
width: auto;
}
.footer-accordion {
padding-bottom: 12px;
}
.footer-accordion .accordion-link {
font-size: 14px;
letter-spacing: .7px;
line-height: 15px;
color: #a4a4a4;
}
.footer-middle-elements .wrapper__country-selector .select-box__container:first-of-type {
margin-bottom: 23px;
}
.selectric-wrapper .selectric .button {
right: 7px;
}
.footer-middle-elements .wrapper__country-selector .selectric-wrapper .selectric-items {
width: 281px!important;
left: -41px;
top: calc(100% - 1px);
}
.bottom-links li {
margin-right: 15px !important;
}
.bottom-links a {
letter-spacing: .5px;
}
.payment-links .ico {
float: left;
}
}
/* sagar */
/* login page start */
.fieldset>.field.required>.label:after,
.fieldset>.fields>.field.required>.label:after,
.fieldset>.field._required>.label:after,
.fieldset>.fields>.field._required>.label:after,
.customer-address-form .phone-dob .field.required>.label:after {
content: '*';
color: #e02b27;
font-size: 1.2rem;
margin: 0 0 0 5px;
}
a.action.remind:hover {
text-decoration: none;
}
a.action.remind {
text-decoration: underline;
text-decoration-color: #865;
}
.block.block-new-customer {
margin-bottom: 0px;
width: 44%;
}
.block.block-customer-login {
border-right: 1px solid #c3beba;
padding: 21px;
width: 46%;
}
.login-container .block .block-title {
border-bottom: none;
}
.customer-account-login .login-container {
padding: 100px 0 90px;
}
.block.block-customer-login {
padding: 0 130px 0 0px;
}
strong#block-customer-login-heading {
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 2.5px;
line-height: 16px;
margin: 0;
color: #1a1919;
}
.customer-account-login .login-container .field.note {
letter-spacing: 1px;
}
input#email {
background-color: transparent;
border: 0;
border-bottom: 1px solid #d8d8d8;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 19px;
padding: 10px 10px 10px 0;
width: 100%;
height: 30px;
}
input#pass {
background-color: transparent;
border: 0;
border-bottom: 1px solid #d8d8d8;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 19px;
padding: 10px 10px 10px 0;
width: 100%;
height: 30px;
}
/* input#firstname {
height: 50px;
} */
input#pass:focus,
input#email:focus {
border-color: #865;
box-shadow: none !important;
}
fieldset.fieldset.login span {
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
line-height: 10px;
letter-spacing: 1.8px;
text-align: left !important;
}
fieldset.fieldset.login a span {
color: #865;
}
button#send2:hover {
background-color: transparent;
color: #453f3f;
border: 1px solid #000;
}
button#send2 {
min-width: 375px;
background-color: #000;
color: #fff;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 14px;
border-radius: 0 !important;
font-weight: 400;
}
.login-container .block .login .actions-toolbar>.secondary {
display: block;
float: none;
text-align: right;
font-size: 14px;
margin-right: 0px;
margin-bottom: 45px;
}
.customer-account-login .page-title-wrapper {
display: none;
}
strong#block-new-customer-heading {
margin-bottom: 30px !important;
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 2.5px;
line-height: 16px;
margin: 0;
color: #1a1919;
}
p.creatingAcTxt {
letter-spacing: 1.5px;
}
p.faqsTtl {
margin-bottom: 30px;
}
ul.benefitsList {
list-style: none;
margin: 0 0 20px;
padding: 0;
}
ul.benefitsList li {
margin: 10px 0;
font-size: 14px;
padding-left: 30px;
position: relative;
}
ul.benefitsList li:before {
content: "\EA21";
font-family: iconfont;
font-size: 10px;
position: absolute;
left: 0;
top: 3px;
color: #865;
}
a.readPrivacyLink {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: #865;
text-decoration: underline;
}
a.readPrivacyLink:hover {
text-decoration: none;
}
.login-container .block-new-customer .actions-toolbar {
margin-top: 40px;
}
a.action.create.primary {
min-width: 300px;
}
a.action.create.primary:hover {
background-color: transparent;
border-color: #1a1919;
color: #453f3f;
}
a.action.create.primary {
min-width: 300px;
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 300px;
padding: 15px 20px 14px;
text-align: center;
text-transform: uppercase;
transition: .2s ease-in-out;
font-size: 14px;
text-decoration: none;
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
border-radius: 0 !important;
font-weight: 400;
}
.customer-account-login .fieldset.login .actions-toolbar {
margin: 0;
text-align: left;
}
.customer-account-login .fieldset.login .actions-toolbar .rememberMe {
margin: 40px 0 70px;
text-transform: uppercase;
font-size: 14px;
}
.customer-account-login input[type=checkbox],
input[type=radio] {
display: inline-block;
width: unset !important;
vertical-align: top;
margin-top: 6px;
}
.customer-account-login .fieldset.login .actions-toolbar .rememberMe label.checkBoxLabel {
position: relative;
top: 5px;
}
.customer-account-login .fieldset.login .actions-toolbar label.checkBoxLabel {
display: inline;
}
input#captcha_user_login {
width: 98%;
}
/* login page end */
/* Register page start */
.customer-account-create .page-title-wrapper h1.page-title {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 20px;
letter-spacing: 1px;
line-height: 24px;
margin: 0 0 30px;
color: #1a1919;
padding-bottom: 15px;
border-bottom: 1px solid #d8d8d8;
display: block !important;
}
.customer-account-create legend.legend {
display: none;
}
input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=search],
input[type=number],
input[type=datetime],
input[type=email] {
background-color: transparent;
border: 0;
border-bottom: 1px solid #d8d8d8;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 1px;
line-height: 19px;
padding: 10px 10px 10px 0;
width: 100%;
height: 30px;
}
.message.error a {
color: #865;
}
select {
height: 40px;
}
.fieldset>.field:not(.choice)>.label {
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
line-height: 10px;
letter-spacing: 1.8px;
text-align: left !important;
width: 100%;
}
.fieldset>.field:not(.choice)>.label {
padding: 6px 15px 0 0;
text-align: right;
box-sizing: border-box;
float: left;
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
line-height: 10px;
letter-spacing: 1.8px;
text-align: left !important;
}
.fieldset>.field:not(.choice)>.control {
width: 100% !important;
float: none !important;
}
._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
box-shadow: none;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
select:focus {
border-color: #865;
border-color: #865 !important;
}
.customer-account-create .actions-toolbar {
margin: 40px 0 0 !important;
}
.customer-account-create button.action.submit.primary,
.account button.action.save.primary,
.customer-address-form button.action.submit.primary {
min-width: auto;
background-color: #000;
color: #fff;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 14px;
border-radius: 0 !important;
font-weight: 400;
}
.customer-account-create button.action.submit.primary:hover,
.account button.action.save.primary:hover,
.customer-address-form button.action.submit.primary:hover {
background-color: transparent;
color: #453f3f;
border: 1px solid #000;
}
.actions-toolbar .secondary a.back.action {
margin-top: 6px;
color: #865;
text-decoration: underline;
}
.actions-toolbar .secondary a.action.back:hover {
text-decoration: none;
}
.password-strength-meter {
font-size: 14px;
background: #ddd;
padding: 0 9px;
}
.createAcLeft {
float: left;
width: 64%;
/* padding-right: 120px; */
}
.createAcRight {
float: right;
width: 35%;
max-width: 340px;
}
.createAcRight .shopConfidently {
background-color: #fff;
padding: 30px 35px;
}
.createAcRight .shopConfidently .confidentlyLinks {
margin-top: 10px;
}
.createAcRight .shopConfidently .confidentlyLinks a {
display: block;
line-height: 1.5;
color: #865;
text-decoration: underline;
}
.createAcRight .shopConfidently .confidentlyLinks a:hover {
text-decoration: none;
}
.createAcRight .shopConfidently .helpDesk {
line-height: 1.8;
margin: 10px 0 0;
}
.createAcRight a {
color: #865;
text-decoration: underline;
}
.createAcRight a:hover {
text-decoration: none;
}
.customer-account-create .form-create-account .choice.newsletter input.checkbox {
top: 3px;
margin-top: 0;
display: inline-block;
width: unset !important;
vertical-align: top;
}
.customer-account-create .newsletter .checkbox {
position: relative;
}
.customer-account-create .newsletter label {
display: inline;
position: static;
}
.customer-account-create .form-create-account .choice.newsletter .label {
line-height: initial;
text-transform: uppercase;
font-size: 14px;
}
.customer-account-forgotpassword .form.password.forget .fieldset:after {
display: none;
}
.customer-account-create .fieldset>.field {
box-sizing: border-box;
margin: 0 0 10px !important;
position: relative;
}
.customer-account-create .fieldset {
padding: 0 !important;
margin: 0px !important;
}
.customer-account-create .page-main {
max-width: 1180px;
padding: 80px 20px;
}
.customer-account-create .choice.newsletter {
padding-top: 40px;
}
/* Register Page End */
/* input lable animation */
.customer-account-create form label,
.account form label,
.customer-account-login form label,
.customer-account-forgotpassword form label,
.customer-account-edit form label,
.checkout-index-index form label {
position: relative;
display: inline-block;
width: 100%;
}
.customer-account-create form label,
.account form label,
.customer-account-login form label,
.customer-account-forgotpassword form label,
.customer-account-edit form label,
.checkout-index-index form label {
display: inline-block;
margin: 0 auto;
padding: 0 0 5px 0;
top: 20px;
transition: all 0.5s ease-in-out;
z-index: 1;
}
.customer-account-edit form input[type="text"],
.customer-account-edit form input[type="password"] {
font-size: 16px;
padding: 0 0 5px 0;
margin-bottom: 0.5em;
z-index: 1;
background: transparent;
border: none;
border-bottom: 1px solid #d8d8d8;
top: 2px;
}
.checkout-index-index form input[type="text"],
.checkout-index-index form input[type="password"] {
font-size: 16px;
padding: 0 0 3px 0 !important;
margin-bottom: 0.5em;
z-index: 1;
background: transparent;
border: none;
border-bottom: 1px solid #d8d8d8;
top: 2px;
height: 30px;
}
.customer-account-create form input[type="text"],
.customer-account-create form input[type="password"] {
font-size: 16px;
padding: 0 0 5px 0;
margin-bottom: 0.5em;
z-index: 1;
background: transparent;
border: none;
border-bottom: 1px solid #d8d8d8;
top: 2px;
height: 30px;
}
.account form input[type="text"],
.account form input[type="password"] {
font-size: 16px;
padding: 0 0 5px 0;
margin-bottom: 0.5em;
z-index: 1;
background: transparent;
border: none;
border-bottom: 1px solid #d8d8d8;
top: 2px;
height: 40px;
}
.customer-account-forgotpassword form input[type="text"],
.customer-account-forgotpassword form input[type="password"] {
font-size: 16px;
padding: 0 0 5px 0;
margin-bottom: 0.5em;
z-index: 1;
background: transparent;
border: none;
border-bottom: 1px solid #d8d8d8;
top: 2px;
height: 30px;
}
.customer-account-login form input[type="text"],
.customer-account-login form input[type="password"] {
font-size: 16px;
padding: 0 0 5px 0;
margin-bottom: 0.5em;
z-index: 1;
background: transparent;
border: none;
border-bottom: 1px solid #d8d8d8;
top: 2px;
height: 30px;
}
.customer-account-create .filled label,
.account .filled label,
.customer-account-login .filled label,
.customer-account-forgotpassword .filled label,
.customer-account-edit .filled label,
.checkout-index-index .filled label {
top: 0px;
font-size: 0.8em;
}
/* input lable animation */
/* forgot password start*/
.customer-account-forgotpassword .page-main {
padding-top: 80px;
padding-left: 40px;
padding-right: 40px;
}
.customer-account-forgotpassword .page-title {
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 2.5px;
line-height: 16px;
margin: 0;
color: #1a1919;
}
.customer-account-forgotpassword button.action.submit.primary {
/* min-width: 375px; */
background-color: #000;
color: #fff;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 14px;
border-radius: 0 !important;
font-weight: 400;
}
.customer-account-forgotpassword form .actions-toolbar {
margin: 0 !important;
}
.customer-account-forgotpassword button.action.submit.primary:hover {
background-color: transparent;
color: #453f3f;
border: 1px solid #000;
}
.customer-account-forgotpassword .fieldset>.field:not(.choice)>.control {
width: 85% !important;
float: none !important;
}
/* forgot password end*/
/* sagar PDP page CSS */
.product-ingredients-column .ingredient-item {
font-size: 22px;
letter-spacing: 0.7px;
line-height: 40px;
display: block;
width: 100%;
padding-top: 35px;
color: #fff;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
margin-bottom: 26px;
}
.swatch-attribute-options {
margin: 10px 54px;
}
section#homesection6 span.price-label,
section#homesection4 span.price-label {
display: none;
}
.message.success a {
color: #1a1919;
font-size: 13px;
text-transform: capitalize;
}
section#homesection4 strong.product.name.product-item-name,
section#homesection6 strong.product.name.product-item-name {
margin: 0px 0;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 30px;
letter-spacing: 4px;
line-height: 40px;
color: #000;
text-transform: none;
word-wrap: break-word;
text-align: center;
font-weight: 400;
}
section#homesection4 .product-item .price-box .price,
section#homesection6 .product-item .price-box .price {
font-weight: 700;
white-space: nowrap;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
}
.block.related strong#block-related-heading {
letter-spacing: 6.2px;
text-align: center;
text-transform: uppercase;
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 40px;
line-height: 40px;
font-weight: 400;
}
.block.related .block-title.title {
text-align: center;
margin-bottom: 40px;
}
.product.attribute.description ul {
list-style: none;
}
.product.attribute.description ul li {
margin-top: 0rem;
margin-bottom: 1rem;
background-color: #f6f4f2;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 12px;
letter-spacing: 1px;
}
.breadcrumbs .item:not(:last-child):after {
vertical-align: middle !important;
content: '-' !important;
font-family: inherit;
font-size: inherit;
line-height: initial;
padding: 0 5px;
vertical-align: middle;
}
li.item.home a {
font-size: 14px;
text-transform: uppercase;
color: #453f3f;
}
li.item.home a {
font-size: 14px;
text-transform: uppercase;
color: #453f3f;
}
li.item.product strong {
text-transform: uppercase;
color: #333;
text-decoration: none;
letter-spacing: 0.1em;
}
.swatch-attribute-options .swatch-option.text {
background: #f0f0f0;
color: #949494;
align-items: center;
background-color: #fff;
border: 1px solid #b4b4b4;
color: #000;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 700;
height: 50px;
justify-content: center;
margin: 0 10px 20px;
padding: 4px 0 0 2px;
text-decoration: none;
transition: .4s cubic-bezier(.05, .5, .3, 1);
width: 50px;
}
.swatch-attribute.size .swatch-option.selected,
.swatch-attribute.manufacturer .swatch-option.selected {
background: #ffffff;
background-color: #9a7b69 !important;
border: 1px solid #ffffff;
color: #fff !important;
}
.swatch-attribute.size .swatch-option,
.swatch-attribute.manufacturer .swatch-option {
background: #f0f0f0;
color: #949494;
align-items: center;
background-color: #fff;
border: 1px solid #b4b4b4;
color: #000;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 700;
height: 50px;
justify-content: center;
margin: 0 10px 20px;
padding: 4px 0 0 2px;
text-decoration: none;
transition: .4s cubic-bezier(.05, .5, .3, 1);
width: 50px;
}
.product-add-form .swatch-option.text:hover {
background-color: #9a7b69 !important;
border-color: #9a7b69 !important;
color: #fff !important;
text-decoration: none;
}
.product-add-form .swatch-option.color {
float: left;
max-width: 100%;
min-width: 30px;
overflow: hidden;
position: relative;
text-align: center;
text-overflow: ellipsis;
align-items: center;
cursor: pointer;
display: flex;
font-size: 14px;
font-weight: 700;
height: 40px;
justify-content: center;
margin: 0px 10px 20px;
padding: 4px 0 0 2px;
text-decoration: none;
transition: .4s cubic-bezier(.05, .5, .3, 1);
width: 40px;
}
div#product-options-wrapper .swatch-opt {
margin: 20px 0 0;
text-align: center;
width: 100%;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}
.product-info-delivery {
text-align: center;
font-size: 14px;
}
.catalog-product-view .product-info-main .special-price,
.catalog-product-view .product-options-bottom .special-price {
display: inline;
}
.catalog-product-view .field.qty.filled,
.catalog-product-view .field.qty {
display: none !important;
}
.catalog-product-view .product-info-price span.price-label {
display: none !important;
}
span.normal-price span.price-label {
display: none !important;
}
.product-info-delivery a:hover {
color: #865;
text-decoration: none !important;
border-bottom: none !important;
}
.product-info-delivery a {
/* text-decoration: underline; */
display: inline-block;
margin: 5px 0;
font-size: 14px;
line-height: 13px;
text-decoration: none;
border-bottom: 1px solid currentColor;
}
.catalog-product-view .product-info-main .price-box {
margin-top: 50px;
align-items: flex-end;
/* display: flex; */
justify-content: center;
text-align: center;
display: block;
width: auto;
}
.catalog-product-view span.old-price span.price {
opacity: .7;
font-size: 25px !important;
text-decoration: line-through;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
}
.catalog-product-view span.special-price span.price {
font-size: 25px !important;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.5px;
}
.product-info-main .price-box {
margin-top: 10px;
align-items: flex-end;
/* display: flex; */
justify-content: center;
text-align: center;
}
.product-info-main .product-info-price {
border-bottom: none !important;
}
button#product-addtocart-button:hover {
background-color: transparent !important;
color: #453f3f !important;
border: 1px solid !important;
border-radius: 0px !important;
}
button#product-addtocart-button span {
font-size: 13px;
font-weight: 100;
}
button#product-addtocart-button {
border-radius: 0px;
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.box-tocart {
align-items: flex-end;
display: flex !important;
justify-content: center;
}
.breadcrumbs .item:not(:last-child):after {
vertical-align: middle !important;
}
.breadcrumbs .items>li {
vertical-align: middle !important;
}
.scrollmagic-pin-spacer {
top: auto;
left: auto;
bottom: auto;
right: auto;
margin: 0px;
display: flex;
position: relative;
box-sizing: content-box;
width: 50%;
min-height: 488px;
height: auto;
}
.product-details-column.column-images.js-product-images {
position: relative;
margin: auto;
top: 0px;
left: 0px;
bottom: auto;
right: auto;
box-sizing: border-box;
width: 100%;
}
.product-details-content .shipping-info ul a {
color: #865 !important;
text-decoration: none !important;
}
.pdp-inner-wrapper {
display: block;
flex-wrap: wrap;
align-items: flex-start;
padding: 0px;
}
.product-details-column {
width: 100%;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}
.product-details-content {
width: 100%;
max-width: 600px;
}
.product-title .ritual-icon {
color: #9a7b69;
font-size: 25px;
margin-bottom: 10px;
height: 30px;
}
.product-name {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 40px;
letter-spacing: 1.6px;
line-height: 50px;
color: #000;
text-transform: none;
}
.product-title .the-ritual-of-title {
margin-bottom: 10px;
margin-top: 15px;
}
.the-ritual-of-title {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 16px;
color: #000;
display: block;
line-height: 23px;
letter-spacing: 5px;
text-transform: uppercase;
}
.product-details-content .product-content {
display: contents;
flex-direction: column;
align-items: center;
}
.visually-hidden {
border: 0 none;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
min-width: 1px;
}
.product-details-content .product-short-info {
font-size: 16px;
line-height: 17px;
letter-spacing: .36px;
color: #453f3f;
}
.product-details-content .previously-known-as,
.product-details-content .short-description {
margin-bottom: 16px;
line-height: 28px;
margin: 15px auto 20px;
letter-spacing: 1px;
max-width: 380px;
}
.product-details-content .long-description {
margin-bottom: 30px;
line-height: 28px;
width: 100%;
line-height: 30px;
text-align: center;
width: 350px;
letter-spacing: 0.01em;
font-size: 20px;
margin-left: 86px;
}
.product-details-content .read-more-link {
border-width: 1px;
}
.read-more-link {
display: inline-block;
margin: 5px 0;
line-height: 13px;
text-decoration: none;
border-bottom: 1px solid currentColor;
}
.product-details-content .read-more-link:hover {
/* border-width: 1px; */
color: #865;
text-decoration: none !important;
border-bottom: none !important;
padding-bottom: 1px;
}
.link,
a {
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
font-size: 16px;
color: #865;
/* line-height: 28px; */
letter-spacing: 1px;
cursor: pointer;
}
.product-details-content .product-add-to-cart,
.product-details-content .product-price {
margin-bottom: 20px;
}
.product-price {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
line-height: normal;
color: #000;
font-size: 30px;
letter-spacing: 2.5px;
}
.product-details-content .pdpForm {
width: 100%;
}
.product-details-content .product-add-to-cart {
align-items: flex-end;
display: flex;
justify-content: center;
}
.product-details-content .product-add-to-cart,
.product-details-content .product-price {
margin-bottom: 20px;
}
input:not([class^=inputfield-]) {
border: 0;
border-bottom: 1px solid #d8d8d8;
border-radius: 0;
line-height: 19px;
letter-spacing: 1px;
margin-top: 3px;
padding: 7px 0;
}
.product-details-content .product-add-to-cart .btn-wrapper {
display: flex;
flex-direction: column-reverse;
}
.btn {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.link.link--large,
a.link--large {
font-size: 14px;
line-height: normal;
letter-spacing: 2px;
text-transform: uppercase;
}
.product-details-content .shipping-info {
color: #1a1919;
font-size: 14px;
letter-spacing: .36px;
line-height: 24px;
margin-top: 22px;
}
.product-details-content .shipping-info ul {
list-style: none;
text-align: center;
min-width: 108%;
}
.product-details-content .shipping-info ul .shipping-info-point,
.product-details-content .shipping-info ul a {
font-size: 14px;
line-height: 24px;
letter-spacing: .36px;
}
.product-details-content .shipping-info ul .shipping-info-point {
color: #1a1919;
display: block;
margin-bottom: 4px;
max-width: 400px;
}
.product-details-content .shipping-info ul .shipping-info-point .icon-check {
font-size: 10px;
margin-right: 10px;
color: #865;
vertical-align: top;
width: 15px;
}
.product-details-content .shipping-info ul .shipping-info-point span {
display: inline-block;
}
.icon--small {
font-size: 20px;
line-height: 20px;
}
.product-details-content .shipping-info ul .shipping-info-point span {
display: inline-block;
}
.product-details-content .shipping-info ul .shipping-info-point strong {
font-weight: 700;
}
.product-details-content .pdpForm fieldset {
border: none;
}
.product-ingredients-container {
display: flex;
flex-direction: column;
}
.privatecollection-bg-full-color,
.gst-wrapper .option-block.option-rituals.privatecollection-color .option-content-wrapper::after {
background-color: #155b73;
}
.single-ingredient .product-ingredients-column.column-details {
align-items: center;
display: flex;
}
.product-ingredients-column {
width: 50%;
}
.product-ingredients-column .product-ingredients-content {
align-items: flex-start;
display: flex;
flex-direction: column;
max-height: 100%;
overflow: auto;
text-align: center;
width: 100%;
}
.product-ingredients-column .ingredient-item:first-child {
border-top: 0;
display: block;
margin: 0 0 13px;
padding-top: 0;
}
.product-ingredients-column .ingredient-item {
border-top: 1px solid rgba(255, 255, 255, .15);
display: none;
padding-top: 32px;
text-align: left;
}
.single-ingredient .product-ingredients-column .product-ingredients-content h3 {
font-size: 20px;
letter-spacing: 5px;
line-height: 23px;
text-transform: uppercase;
font-weight: 100;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 16px;
}
.product-ingredients-column .ingredient-item h3 {
color: #fff;
font-size: 16px;
letter-spacing: 5px;
line-height: 23px;
margin-bottom: 17px;
}
.single-ingredient .product-ingredients-column .product-ingredients-content p {
font-size: 20px;
letter-spacing: 0.6px;
line-height: 40px;
}
.product-ingredients-column .ingredient-item p {
color: #fff;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 20px;
letter-spacing: .6px;
line-height: 30px;
margin-bottom: 14px;
}
.pt_product-details.animate-scroll .product-ingredients-container .column-image {
height: auto;
}
.product-ingredients-column.column-image {
background-color: #fff;
text-align: center;
}
.column-details.js-product-details-block {
text-align: center;
}
.column-details.js-product-details-block .product-title {
width: 100%;
display: flex;
flex-grow: 0;
flex-shrink: 0;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
}
.short-description.js-long-description p {
width: 100%;
line-height: 30px;
text-align: center;
letter-spacing: 0.01em;
}
.fotorama__arr:hover,
.fotorama__thumb__arr:hover {
background-color: transparent !important;
}
.fotorama__arr,
.fotorama__thumb__arr {
background-color: transparent !important;
}
.catalog-product-view .product.info.detailed {
clear: both;
margin-bottom: 30px;
/*height: 400px !important;*/
text-align: center;
}
.catalog-product-view .block.related .product.details.product-item-details {
background: white;
/*margin-top: -12px;
padding-bottom: 10px;*/
padding: 30px;
}
.catalog-product-view .block.related button.action.tocart.primary {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 150px;
padding: 15px 20px 14px;
text-align: center;
text-transform: uppercase;
transition: .2s ease-in-out;
font-size: 14px;
text-decoration: none;
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
border-radius: 0 !important;
font-weight: normal;
margin-bottom: 10px;
}
.catalog-product-view .block.related .product.details.product-item-details strong.product.name.product-item-name a.product-item-link {
text-transform: capitalize;
font-size: 20px;
font-weight: 400;
/* white-space: nowrap; */
font-family: "ClassGarmnd BT","Times New Roman",serif;
text-align: center;
color: #1a1919;
line-height: 19px;
letter-spacing: 0;
}
.catalog-product-view .block.related .price-box .price {
font-size: 16x !important;
font-weight: 400;
white-space: nowrap;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
text-align: center;
color: #000;
line-height: 19px;
letter-spacing: 2.4px;
}
.catalog-product-view .block.related .product.details.product-item-details .price-box.price-final_price {
height: 30px;
}
.catalog-product-view .block.related li.item.product.product-item .price-box {
height: 40px;
}
.catalog-product-view .block.related button.action.tocart.primary:hover {
border: 1px solid #1a1919;
}
.catalog-product-view .block.related .product-image-wrapper {
display: block !important;
height: 0;
overflow: hidden;
position: relative;
z-index: 1;
text-align: center;
padding: 200px 0px !important;
background: white !important;
margin: 0px 0px !important;
}
.catalog-product-view .block.related .product-item-info {
max-width: 100%;
padding: 0px;
background: #faf9f7;
width: auto !important;
border: none;
margin: 0px;
}
.swatch-option.selected {
outline: 1px solid #9a7b69 !important;
}
.catalog-product-view .block.related .product-image-photo {
bottom: 0;
display: block;
height: auto;
left: 0;
margin: auto;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
}
.catalog-product-view .block.related ol.products {
column-gap: 1.5em;
column-count: 3;
margin: 20px -40px 0px 0px;
}
.catalog-product-view .block.related li.item.product.product-item {
width: calc(100% - 40px);
float: unset !important;
padding: 0 0 1.5em;
margin: 0 0 40px 0;
/* background: white; */
text-align: center;
}
@media (min-width: 1024px) {
.btn:active,
.btn:hover {
background-color: transparent !important;
color: #453f3f !important;
border: 1px solid !important;
border-radius: 0px !important;
}
.product-ingredients-column.column-details {
padding: 130px 90px 130px 150px;
}
}
@media (min-width: 320px) {
.catalog-product-view .product-info-main .product-add-form {
padding-top: 0px;
}
.product.info.detailed .product.data.items .data.item.title {
float: none;
display: inline-block;
padding: 0;
margin: 0 -3px;
position: relative;
width: auto;
height: 40px;
}
.data.item.title.active {
border-bottom: 2px solid !important;
}
.product.info.detailed .product.data.items .data.item.title.active .switch {
background: 0 0;
color: #1a1919;
border-bottom: 2px solid #000;
}
.product.info.detailed .product.data.items .data.item.title a:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 38px;
width: 100%;
height: 2px;
border-bottom: 1px solid #d8d8d8;
}
.page-layout-1column .product-info-main {
width: 50% !important;
max-width: 540px;
padding-top: 30px;
}
.page-layout-1column .product.media {
width: 50% !important;
}
.product.data.items>.item.title.active>.switch,
.product.data.items>.item.title.active>.switch:focus,
.product.data.items>.item.title.active>.switch:hover {
background: none !important;
}
.product.data.items>.item.title {
padding: 0px 0px 3px 0px !important;
/* padding: 0 5px !important;
margin: 0px 26px 0 0 !important;
background: none !important; */
}
.product.attribute.description .value p {
background-color: #f6f4f2;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 25px;
letter-spacing: 1px;
}
.product.data.items>.item.title>.switch {
padding-bottom: 6px;
color: #626262;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 12px !important;
letter-spacing: 2.08px;
line-height: 14px;
padding: 5px 20px 5px 20px !important;
position: relative;
text-transform: uppercase;
background: none !important;
color: #333333;
border: none !important;
text-decoration: none;
}
.product.data.items>.item.title.active>.switch {
padding-bottom: 6px;
color: #626262;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
letter-spacing: 2.08px;
line-height: 14px;
padding: 5px 20px 5px 20px !important;
position: relative;
text-transform: uppercase;
background: none !important;
color: #333333;
border-bottom: 1px solid;
text-decoration: none;
}
.product.data.items>.item.content {
margin-top: 60px !important;
padding: 0;
background: none !important;
border-top: none !important;
border: 0;
color: #453f3f;
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
}
.item.title:not(.disabled)>.switch:hover {
background: none !important;
}
.catalog-product-view .product.info.detailed .product.data.items {
width: auto !important;
margin: 0 auto;
/* padding: 0px 328px !important; */
}
.catalog-product-view .product.data.items>.item.content p {
text-align: center !important;
padding: 0px 60px !important;
position: relative;
left: 50%;
transform: translateX(-50%);
max-width: 760px;
z-index: -1;
color: #453f3f;
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
width: 100%;
}
.product-ingredients-column.column-image {
align-items: center;
display: flex;
justify-content: center;
min-height: 760px;
}
.product-ingredients-column .ingredient-item p {
font-size: 20px;
letter-spacing: .4px;
line-height: 43px;
margin-bottom: 26px;
}
.product-ingredients-column .ingredient-item h3 {
font-size: 14px;
letter-spacing: 2px;
line-height: 14px;
margin-bottom: 22px;
}
.product-ingredients-column .ingredient-item {
display: block;
width: 100%;
padding-top: 35px;
}
.pt_product-details.animate-scroll .product-ingredients-container .product-ingredients-content.show {
opacity: 1;
transform: translateY(0);
}
.single-ingredient .product-ingredients-column .product-ingredients-content {
opacity: 1;
margin-left: 95px;
}
.product-ingredients-column .product-ingredients-content {
display: block;
max-width: 480px;
text-align: left;
opacity: 0;
}
.pt_product-details.animate-scroll .product-ingredients-container .product-ingredients-content {
transform: translateY(40px);
transition: opacity 1.3s cubic-bezier(.18, .74, .36, .99), transform 1.3s cubic-bezier(.18, .74, .36, .99);
}
.product-ingredients-column.column-details {
padding: 25px 20px;
transition: padding .3s ease;
}
.product-ingredients-container {
flex-direction: row;
min-height: 760px;
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
right: 50%;
margin-right: -50vw;
/* margin-bottom: 70px; */
}
body:not(.personalised-gifting-page) .product-details-column {
width: 50%;
}
.product-title .ritual-icon {
font-size: 35px;
margin-bottom: 16px;
}
.product-details-content {
padding: 0px;
}
.product-details-content .product-name {
margin-bottom: 0px;
text-transform: capitalize;
}
.product-name {
font-size: 40px;
letter-spacing: 1.6px;
line-height: 50px;
}
.product.data.items > .item.content{
border:none !important;
}
}
/* sagar pdp css */
/* ves menu sagar */
.ves-megamenu.menu-hover .subhover:hover .dropdown-menu {
padding: 5px 18px;
/* height: 600px;
max-height: 600px;*/
}
.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a.ui-state-focus {
background: #1a1919 !important;
color: white !important;
}
.navigation .ves-megamenu .level0 .submenu .submenu {
left: 17% !important;
background: #1a1919;
width: 85%;
}
.submenu.animated.dropdown-menu {
/* width: 245% !important; */
}
h3.product-name.txt--white {
color: white;
}
.long-description {
color: white;
width: 50%;
}
.ves-megamenu {
background: #1a1919 !important;
}
.ves-megamenu li.level0>a {
color: white !important;
text-transform: capitalize !important;
display: inline-block;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 14px;
letter-spacing: 1.5px;
line-height: 50px;
position: relative;
text-decoration: none;
text-transform: uppercase;
transition: color .6s cubic-bezier(.05, .5, .3, 1);
}
.ves-menu .navigation .level0>.submenu {
background: #1a1919 !important;
border: none !important;
width: 245% !important;
box-shadow: none!important;
}
.ves-megamenu li.level0:hover>a {
background: #1a1919 !important;
}
.checkout-cart-index .field.qty {
display: block !important;
}
.stores-index-index span.userIcon:after {
top: 4px;
}
.amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-inner{
display: block;
}
.amcheckout-step-container .amcheckout-summary-container .product-item-details .product-item-name-block{
display: block;
margin: 0 0 10px;
}
/* storelocator start */
.stores-index-view .page-wrapper .ves-megamenu li.level0>a {
font-size: 10px !important;
}
.stores-index-view .ves-megamenu .nav-item>a {
padding: 0px 13px;
}
.magento_customerbalance-info-index .footer-accordion .accordion-link:hover {
color: #a4a4a4;
}
.store-details-bottom-wrapper .wrapper__buttons a.btn.last {
color: #fff;
}
.store-left-map p {
line-height: 30px;
}
.stores-index-index a.action.view:hover {
text-decoration: underline;
font-size: 14px;
color: #865;
}
.wrapper__buttons a.btn.last {
text-decoration: none;
}
.store-address a:hover {
color: #865;
}
.stores-index-index a.action.view {
text-transform: uppercase;
text-decoration: none;
}
input#loaddata {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
input#loaddata:hover {
border: 1px solid #1a1919;
}
.stores-index-index .store-head-container {
display: block;
margin: 0 auto;
max-width: 600px;
text-align: center;
padding-top: 40px;
}
.stores-index-index h1.store-header {
font-size: 36px;
letter-spacing: 6.6px;
line-height: 50px;
margin-bottom: 15px;
color: #1a1919;
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-weight: 400;
}
.stores-index-index .store-search-results {
width: 100%;
display: inline-block;
vertical-align: top;
padding-top: 30px;
}
.stores-index-index .store.js-store-item {
display: block;
margin: 0 auto;
max-width: 698px;
padding: 18px 0 18px;
border-bottom: 1px solid #d8d8d8;
text-align: left;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-weight: 400;
}
.stores-index-index .store-name {
text-transform: uppercase;
font-size: 22px;
letter-spacing: 5.2px;
line-height: 30px;
color: #1a1919;
margin-bottom: 11px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-weight: 400;
vertical-align: inherit;
}
.stores-index-index a {
/* color: #865; */
/* text-decoration: underline; */
line-height: 36px;
}
.stores-index-index a:hover {
text-decoration: none;
}
.stores-index-index .store-phone {
display: inline-block;
margin-top: 22px;
margin-bottom: 0;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
.stores-index-index .store-detail a {
text-transform: uppercase;
color: #865;
text-decoration: none;
font-size: 14px;
letter-spacing: 2px;
}
.stores-index-index .more-stores {
display: block;
margin: 0 auto;
max-width: 698px;
padding: 35px 0px 40px;
}
.stores-index-index input#ourloaddata {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.stores-index-index input#ourloaddata:hover {
border: 1px solid #1a1919;
}
.stores-index-index h2.no-store-found {
font-size: 30px;
line-height: 90px;
display: block;
margin: 0 auto;
max-width: 600px;
text-align: center;
padding-top: 40px;
letter-spacing: 1.5px;
}
.stores-index-index .store-address {
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
color: #1a1919;
vertical-align: inherit;
}
.store-left-map {
width: 50%;
margin-right: 32px;
padding-left: 65px;
max-width: none;
}
.store-hours {
width: 50%;
}
.store-details-hours {
display: flex;
flex-direction: row;
}
.store-details {
position: relative;
padding: 61px 0px 0;
}
.store-details .store-light-background {
padding: 91px 33px 155px 30px;
background-color: #fcfaf7;
}
div#map {
height: 300px;
display: block;
height: 227.5px;
width: 100%;
}
.store_list_map {
display: flex;
justify-content: space-between;
gap: 30px;
}
.store_list_map > * {
width: 49% !important;
height: 500px !important;
max-height: 500px !important;
}
div#our_store_list {
/*overflow-y: scroll;
max-height: 250px;
width: 50%;*/
}
.store-name {
text-transform: uppercase;
font-size: 22px;
letter-spacing: 5.2px;
line-height: 30px;
color: #1a1919;
margin-bottom: 11px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-weight: 400;
vertical-align: inherit;
margin-bottom: 30px;
}
.opening-hours-heading {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 2px;
color: #626262;
line-height: 12px;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
margin-bottom: 18px;
}
.store-address {
font-size: 16px;
letter-spacing: 1px;
line-height: 40px;
color: #1a1919;
vertical-align: inherit;
}
.stores-index-view .store-details span:after {
content: '\0020';
margin-left: 7px;
}
.store-details-bottom-wrapper h2 {
font-size: 30px;
letter-spacing: 2.5px;
line-height: 36px;
color: #000;
text-transform: none;
margin-bottom: 5px;
}
.store-details-bottom-wrapper {
margin: 63px auto;
display: block;
max-width: 340px;
text-align: center;
}
.store-details-bottom-wrapper p {
margin-bottom: 10px;
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
}
.store-details-bottom-wrapper .wrapper__buttons {
margin-top: 31px;
}
.stores-index-view .mobile-view {
display: none;
}
.stores-index-view .desktop-view {
display: block;
}
@media (min-width: 1024px) {
.store-details .store-light-background {
padding: 91px 33px 81px 33px;
}
}
/* storelocator end */
/* My AC dashboard start */
.sales-order-view .box.box-order-shipping-method {
clear: right !important;
}
.field.choice.set.billing.filled label.label,
.field.choice.set.shipping.filled label.label {
top: 17px !important;
font-size: 16px !important;
}
ul.phone-dob input#telephone {
top: -70px;
}
.customer-address-form ul.phone-dob input#telephone {
position: static !important;
}
.customer-address-form ul.phone-dob .field label{
margin: 15px 0 0 !important;
}
.customer-address-form ul.phone-dob .field select#country_code {
margin: 3px 0 0;
}
.sales-order-print .block.block-order-details-view .block-title {
padding-top: 10px;
}
.sales-order-print a.logo {
display: none;
}
.sales-order-print .footerBottom {
display: none;
}
.sales-order-print .page-title-wrapper h1.page-title {
text-align: center;
}
ul.phone-dob li span {
color: #7f7c7c;
font-size: 14px;
}
li.last-phn label.label {
margin-top: 55px;
}
/* li.last-phn input#telephone {
top: -54px;
} */
.field.telephone.filled label.label {
top: 0px !important;
}
ul.phone-dob li {
display: inline-block;
float: left;
padding-right: 10px;
vertical-align: top;
width: 20%;
float: none;
}
ul.phone-dob li label {
color: #7f7c7c;
font-size: 14px;
}
li.last-phn {
width: 60% !important;
padding-right: 0 !important;
}
.account .order-links .item {
margin: 20px 2px 0px 0px;
}
.magento_rma-returns-returns .column.main .actions-toolbar,
.sales-order-invoice .column.main .actions-toolbar,
.sales-order-shipment .column.main .actions-toolbar,
.sales-order-creditmemo .column.main .actions-toolbar,
.magento_rma-returns-returns .column.main .actions-toolbar,
.sales-order-view .column.main .actions-toolbar {
margin: 0;
padding-left: 0px !important;
}
.order-details-items .order-title {
border-bottom: 1px solid #cccccc;
padding: 25px 0 10px;
}
.order-details-items .order-title .action {
margin: 0px 0 0 30px;
}
.customer-account-create input#mobilenumber {
display: none;
}
/*
.order-details-items.shipments a.action.print{
display:none;
} */
.order-title a.action.print {
display: none;
}
button.action.redeem.primary,
a.action.primary.add,
a.action.send.primary,
button.action.primary.add,
button#submit.save,
button.action.submit.primary,
a.action.return,
.account ul.items.order-links li.nav.item a,
a.action.track {
/* min-width: 100%; */
max-width: 100%;
background-color: #000;
color: #fff;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 14px;
border-radius: 0 !important;
font-weight: 400;
}
a.action.print {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
button.action.redeem.primary:hover,
a.action.primary.add:hover,
a.action.send.primary:hover,
button.action.primary.add:hover,
button#submit.save:hover,
button.action.submit.primary:hover,
a.action.return:hover,
.account ul.items.order-links li.nav.item a:hover,
a.action.track:hover {
background-color: transparent;
color: #453f3f;
border: 1px solid #000;
}
a.action.print:hover {
border: 1px solid #1a1919;
}
button#gca_balance_button {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
button#gca_balance_button:hover {
border: 1px solid #1a1919;
}
form.form.reward-settings .fieldset>.field.choice:before,
.fieldset>.field.no-label:before {
padding: 0px;
width: unset;
}
form.form.reward-settings .fieldset .legend {
margin-left: 0;
}
.account .block-collapsible-nav .item {
margin-bottom: 15px;
position: relative;
padding: 10px 0 10px 40px;
font-size: 16px;
}
.block-collapsible-nav .item {
margin: 3px 0 0;
}
.account .block-collapsible-nav .item:nth-child(2) a:before,
.account .block-collapsible-nav .item:nth-child(2) strong:before {
content: "\EA1F";
font-size: 20px;
top: 7px;
}
.account .block-collapsible-nav .item a:before,
.account .block-collapsible-nav .item strong:before {
font-family: iconfont;
position: absolute;
left: 0;
font-weight: 400;
}
.account .block-collapsible-nav .item strong,
.account .block-collapsible-nav .item a {
padding: 0;
margin: 0;
}
.account .block-collapsible-nav .item a {
color: #626262;
}
.block-collapsible-nav .item a {
text-decoration: none;
}
.block-collapsible-nav .item {
margin: 3px 0 0;
}
.account .block-collapsible-nav .item a:hover {
background: 0 0;
color: #9a7b69;
}
.account .page-title-wrapper {
/* display: none; */
}
.account .sidebar.sidebar-main {
padding: 0 40px 0 0;
width: 31.6%;
}
.account .block.block-collapsible-nav {
margin: 0 0 40px;
padding: 0 0 10px;
border-bottom: 1px solid #d8d8d8;
}
.account .block-collapsible-nav {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
}
.account.page-layout-2columns-left .column.main {
width: 68.4%;
}
.account .block-collapsible-nav .item:nth-child(1) a:before,
.account .block-collapsible-nav .item:nth-child(1) strong:before {
content: "\f007";
font-family: FontAwesome;
font-size: 22px;
top: 4px;
}
.account .block-collapsible-nav .item:nth-child(3) a:before,
.account .block-collapsible-nav .item:nth-child(3) strong:before {
content: "\f08a";
font-size: 22px;
font-family: FontAwesome;
top: 5px;
left: -3px;
}
.account .block-collapsible-nav .item:nth-child(4) a:before,
.account .block-collapsible-nav .item:nth-child(4) strong:before {
content: "\EA22";
font-size: 25px;
top: 0;
left: -3px;
}
.account .block-collapsible-nav .item:nth-child(5) a:before,
.account .block-collapsible-nav .item:nth-child(5) strong:before {
content: "\EA26";
font-size: 20px;
top: 3px;
}
.account .block-collapsible-nav .item:nth-child(6) a:before,
.account .block-collapsible-nav .item:nth-child(6) strong:before {
content: "\f09d";
font-family: FontAwesome;
font-size: 19px;
top: 4px;
}
.account .block-collapsible-nav .item:nth-child(7) a:before,
.account .block-collapsible-nav .item:nth-child(7) strong:before {
content: "\f022";
font-family: FontAwesome;
font-size: 22px;
top: 4px;
}
.account .block-collapsible-nav .item:nth-child(9) a:before,
.account .block-collapsible-nav .item:nth-child(9) strong:before {
content: "\EA19";
font-size: 20px;
top: 4px;
}
.block-collapsible-nav .item .delimiter {
border-top: none;
margin: 0px !important;
padding: 0px !important;
}
.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current strong {
border-color: transparent;
}
.account fieldset.fieldset.info .field.choice input#change-email {
display: none !important;
}
.account input#change-email+label span {
display: none;
}
.account input[type=checkbox],
.account input[type=radio] {
display: inline-block;
width: unset !important;
vertical-align: top;
/* margin-top: 6px; */
}
.magento_rma-returns-view .column.main .actions-toolbar {
padding-left: 0px !important;
}
.magento_customerbalance-info .block.block-balance .block-content,
.magento_customerbalance-info .block.block-balance-giftcard .block-content {
padding-left: 45px;
}
.magento_customerbalance-info .block.block-balance-history .block-content {
padding-left: 36px;
}
.account .column.main .actions-toolbar {
margin: 0;
padding-left: 40px;
}
.account .column.main .actions-toolbar button.action.save.primary {
margin: 0;
min-width: unset;
padding-left: 80px;
padding-right: 80px;
}
.form-address-edit .message.info {
display: none;
}
.account legend.legend.myDetails {
text-align: left;
margin: 0 0 20px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.6px;
line-height: 16px;
text-transform: uppercase;
font-size: 16px;
color: #000;
position: relative;
}
.account main#maincontent {
max-width: 1180px;
margin: 0 auto;
padding: 44px 15px 113px;
}
.account legend.legend.myDetails:before {
font-size: 20px;
content: "\EA26";
top: -1px;
font-family: iconfont;
padding-right: 20px;
}
.account .magento_giftcardaccount-customer-index.page .column.main .actions-toolbar {
padding-left: 0px;
}
.customer-account-edit .fieldset>.field.choice:before {
padding: 0px !important;
float: unset;
}
/*
.customer-account-edit input[type=checkbox],
.customer-account-edit input[type=radio] {
margin-top: 17px !important;
} */
.customer-account-edit .fieldset>.field {
margin: 0 0 7px;
padding-left: 40px;
}
.customer-account-edit .field.choice span {
text-transform: uppercase;
font-size: 11px;
}
.account .block-collapsible-nav .nav.item.current {
color: #865;
}
.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current>strong {
color: #865;
}
.customer-address-form .field.company {
display: none;
}
/* .customer-address-form .field.telephone.required {
display: none;
} */
.customer-address-form .field.street.required .nested {
display: none;
}
/*
.customer-address-form .field.region.required {
display: none;
} */
.customer-address-form .field.zip.required {
display: none;
}
.customer-address-form button.action.submit.primary {
min-width: unset !important;
padding-left: 80px;
padding-right: 80px;
}
.customer-address-form legend.legend.addresses {
text-align: left;
margin: 0 0 20px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.6px;
line-height: 16px;
text-transform: uppercase;
font-size: 16px;
color: #000;
position: relative;
padding-left: 43px;
}
.customer-address-form legend.legend.addresses:before {
font-size: 24px;
content: "\EA22";
top: -3px;
font-family: iconfont;
position: absolute;
left: 0px;
}
.customer-address-form legend.legend.addresses-contact {
text-align: left;
margin: 0 0 20px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.6px;
line-height: 16px;
text-transform: uppercase;
font-size: 16px;
color: #000;
position: relative;
}
.customer-address-form legend.legend.addresses-contact:before {
font-size: 24px;
content: "\EA22";
top: -3px;
font-family: iconfont;
/* position: absolute; */
left: 0px;
padding-right: 16px;
}
.account .legend {
border-bottom: none;
}
.customer-address-form select {
font-size: 14px;
margin-top: 10px;
}
.form-address-edit input#firstname,
.form-address-edit input#lastname {
margin-top: 10px;
}
.customer-address-form .fieldset>.field {
margin: 0 0 10px;
padding-left: 40px;
}
.customer-account-index .block.block-dashboard-info strong {
display: none;
}
.customer-account-index .box.box-newsletter {
display: none;
}
.customer-account-index .box.box-shipping-address {
display: none;
}
.customer-account-index .block.block-dashboard-info {
/* float: left; */
display: inline-block;
width: 49%;
margin-bottom: 40px;
}
.customer-account-index .block.block-dashboard-addresses {
float: right;
display: inline-block;
width: 49%;
margin-bottom: 40px;
}
.customer-account-index .block-title a.action.edit {
display: none;
}
.customer-account-index .block.block-dashboard-addresses strong {
display: none;
}
.account .columns {
padding-top: 20px;
}
.customer-account-index strong.box-title.myDetailsSection,
.customer-account-index strong.box-title.billingSection {
position: relative;
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 5.6px;
line-height: 1;
margin-bottom: 25px;
color: #1a1919;
font-size: 16px;
padding-left: 45px;
padding-bottom: 20px;
}
.customer-account-index strong.box-title.myDetailsSection:before {
content: "\EA26";
font-size: 20px;
top: 0;
font-family: iconfont;
font-weight: 400;
position: absolute;
left: 0;
}
.customer-account-index strong.box-title.billingSection:before {
content: "\EA22";
font-size: 22px;
top: 0px;
font-family: iconfont;
font-weight: 400;
position: absolute;
left: 0;
}
.account .column.main .block.block-dashboard-info .box.box-information,
.account .column.main .block.block-dashboard-addresses .box.box-information,
.account .column.main .block.block-dashboard-info .box.box-billing-address,
.account .column.main .block.block-dashboard-addresses .box.box-billing-address {
width: 70% !important;
letter-spacing: 1.5px;
}
.account .column.main .box-title,
.account .column.main .box-content,
.account .column.main .box-actions {
line-height: 26px;
padding-left: 45px;
margin: 0 0 10px;
}
.magento_rma-returns-view .column.main .box-title,
.magento_rma-returns-view .box-content,
.magento_rma-returns-view .column.main .box-actions {
padding-left: 0px !important;
}
.form-create-account .fieldset.create.account:after {
display: none;
}
address {
font-style: normal;
}
.block.block-addresses-list .table-wrapper.additional-addresses {
overflow: unset;
padding-left: 32px;
}
/* .magento_rma-returns-view .table-wrapper.table-returns {
padding-left: 0px;
} */
.box-actions.myDetailsEdit a.action.edit,
.box-actions.myDetailsEdit a.action.change-password,
.box-actions.billingAddressEdit a.action.edit {
text-decoration: underline;
}
.box-actions.myDetailsEdit a.action.edit:hover,
.box-actions.myDetailsEdit a.action.change-password:hover {
color: #865;
text-decoration: none;
}
.box-actions.billingAddressEdit a.action.edit:hover {
color: #865;
text-decoration: none;
}
.account .column.main .box-actions a,
.account .column.main .item.actions a,
.account .column.main .box-actions .action.edit,
.account .column.main .item.actions .action.edit,
.account .column.main .box-actions .action.edit,
.account .column.main .item.actions .action.edit,
.account .column.main .box-actions .action.delete,
.account .column.main .item.actions .action.delete {
text-transform: uppercase;
font-size: 14px;
line-height: 12px;
letter-spacing: 2px;
margin-right: 15px;
color: #865;
}
.customer-account-index .account .column.main {
padding-top: 30px;
border-top: 1px solid #d8d8d8;
}
.field.country.required label.label,
.field.region.required label.label {
top: 3px;
}
.account .fieldset.password .legend {
text-align: left;
margin: 0 0 20px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.6px;
line-height: 16px;
text-transform: uppercase;
font-size: 16px;
color: #000;
position: relative;
padding-left: 0px;
}
.account .fieldset.password .legend:before {
font-size: 20px;
content: "\EA26";
top: -1px;
font-family: iconfont;
padding-right: 20px;
}
/*
.account .fieldset>.field.required>.label:after,
.account .fieldset>.fields>.field.required>.label:after,
.account .fieldset>.field._required>.label:after,
.account .fieldset>.fields>.field._required>.label:after {
display: none;
} */
.account a.action.view:hover,
.account a.action.order:hover {
color: #865;
text-decoration: none
}
.account a.action.view,
.account a.action.order {
color: #865;
text-decoration: underline;
}
/*
.account a {
color: #865;
} */
.account a:hover {
color: #865;
}
.account .box-title,
.account .block-title {
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.6px;
line-height: 1;
margin-bottom: 25px;
color: #1a1919;
font-size: 16px;
}
.account .block-title.order a.action.view {
font-size: 16px;
text-transform: uppercase;
}
.magento_reward-customer-info input[type=checkbox],
.account input[type=radio] {
margin-top: 17px;
}
.catalog-product-view .block.related {
clear: both;
padding-top: 30px;
}
.account .column.main .block:last-child {
margin-bottom: 0;
clear: both;
}
.account .column.main .block.block-dashboard-info .box-title span,
.account .column.main .block.block-dashboard-addresses .box-title span {
font-size: 16px;
}
.account .column.main .block.block-dashboard-info .box.box-information .box-actions.myDetailsEdit a {
margin: 0;
display: inline-block;
color: #865;
}
.account select#limiter {
width: 50px;
}
.table:not(.cart):not(.totals)>thead>tr>th,
.table:not(.cart):not(.totals)>thead>tr>td {
border-bottom: 1px solid #d1d1d1;
}
.account .data.table .col.actions .action.delete,
[class^='sales-guest-'] .data.table .col.actions .action.delete,
.sales-guest-view .data.table .col.actions .action.delete {
color: #865;
}
.form-address-edit>.fieldset {
width: 100% !important;
}
.form-address-edit>.fieldset,
.form-edit-account .fieldset {
width: 100% !important;
}
.customer-account-edit .field.field-country_code {
display: none;
}
select:focus {
border-bottom: 1px solid #c2c2c2;
border-top: none;
border-right: none;
border-left: none;
}
.customer-account-edit fieldset.fieldset.password .field.password-info p {
display: none;
}
.customer-address-index .block.block-addresses-default .block-title {
padding-left: 0px;
}
.account .block-title strong:before {
font-size: 20px;
content: "\EA22";
top: -3px;
font-family: iconfont;
left: 0px;
padding-right: 20px;
}
.account .column.main .block:not(.widget) .block-title {
border-bottom: none;
}
.block.block-order-details-view .block-title strong:before {
font-size: 24px;
content: "\EA1F";
top: -3px;
font-family: iconfont;
left: 0px;
padding-right: 20px;
display: none;
}
button#add-item-to-return {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
button#add-item-to-return:hover {
border: 1px solid #1a1919;
}
.form-create-return .fieldset .field {
width: 100%;
}
.account.magento_rma-returns-create .column.main .actions-toolbar,
.account.magento_giftcardaccount-customer-index .column.main .actions-toolbar {
margin: 0;
padding-left: 0px;
}
.field.comment label.label {
top: 3px;
}
.block.block-dashboard-orders .block-title strong:before {
font-size: 24px;
content: "\EA1F";
top: -3px;
font-family: iconfont;
left: 0px;
padding-right: 20px;
display: none;
}
.customer-account-edit .field.choice.filled .label {
top: 20px;
}
.magento-rma-returns-returns .page-main .page-title-wrapper .page-title,
.magento-rma-returns-view .page-main .page-title-wrapper .page-title,
.magento-rma-guest-returns .page-main .page-title-wrapper .page-title,
.account .page-main .page-title-wrapper .page-title,
[class^='sales-guest-'] .page-main .page-title-wrapper .page-title,
.sales-guest-view .page-main .page-title-wrapper .page-title,
.magento-rma-guest-returns .page-main .page-title-wrapper .page-title {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
}
/*
.customer-account-index .table-wrapper.orders-recent {
padding-left: 40px;
} */
.customer-account-edit input[type=checkbox],
.customer-account-edit input[type=radio] {
margin-top: 23px;
}
.pages strong.page {
background: transparent;
font-size: 20px;
line-height: 3rem;
letter-spacing: normal;
color: #333333;
display: inline-block;
font-weight: 700;
padding: 0 5px;
}
.pages a.page:active,
.pages a.page,
.pages a.page:hover {
color: #865;
}
/*
.block.block-balance .block-content , .block.block-balance-giftcard .block-content , .block.block-balance-history .block-content {
padding-left: 35px;
} */
.magento_rma-returns-view dl.returns-comments,
.magento_rma-returns-view .field.comment {
padding-left: 0px;
}
.magento_rma-returns-view .block-title strong:before {
display: none;
}
input#primary_billing {
top: 17px;
}
input#primary_shipping {
top: 16px;
}
.abs-account-blocks .block-title>strong,
.block-compare .block-title>strong,
.block-giftregistry-results .block-title>strong,
.block-giftregistry-shared-items .block-title>strong,
.block-wishlist-search-results .block-title>strong,
.block-reorder .block-title>strong,
.block-wishlist .block-title>strong,
.widget .block-title>strong,
.account .column.main .block:not(.widget) .block-title>strong,
.multicheckout .block-title>strong,
.paypal-review .block .block-title>strong,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title>strong,
[class^=sales-guest-] .column.main .block:not(.widget) .block-title>strong,
.sales-guest-view .column.main .block:not(.widget) .block-title>strong {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.account .column.main .block:not(.widget) .block-content .box:nth-child(odd) {
clear: left;
float: left;
}
/* .account .column.main .block:not(.widget) .block-content .box{
width: 48.8%;
} */
.account .column.main .block:not(.widget) .block-content .box:nth-child(even) {
float: right;
}
.sales-order-view .column.main .block:not(.widget) .block-content .box {
width: 48.8% !important;
}
h1.page-title {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
margin-top: 0;
margin-bottom: 2rem;
}
.return-status,
.order-status {
display: inline-block;
margin-bottom: 20px;
border: none;
padding: 0 !important;
color: #b8a188;
}
.sales-order-view .order-details-items tfoot .amount,
.sales-order-view .order-details-items tfoot .mark {
text-align: left;
}
/*
.sales-order-view .order-details-items{
border: none;
} */
.cart.table-wrapper .col.price,
.order-items.table-wrapper .col.price,
.cart.table-wrapper .col.qty,
.order-items.table-wrapper .col.qty,
.cart.table-wrapper .col.subtotal,
.order-items.table-wrapper .col.subtotal,
.cart.table-wrapper .col.msrp,
.order-items.table-wrapper .col.msrp {
text-align: left;
}
.page-main .block.block-order-details-view {
/* margin-top: 35px; */
padding-left: 0px;
margin-top: 30px;
}
.account.magento_rma-returns-create .form-create-return .label {
/*width: auto;*/
}
.contact-index-index .contact_left a {
color: #865;
}
.magento_rma-returns-create .fieldset>.field>.label,
.magento_rma-returns-create .fieldset>.fields>.field>.label {
font-weight: 700;
}
.form-create-return .fieldset .field:not(.choice) .control {
width: 50%;
}
.magento_customerbalance-info-index .block-title strong:before {
display: none;
}
.sales-order-creditmemo tfoot .amount,
.sales-order-creditmemo tfoot .mark {
text-align: left !important;
}
.sales-order-shipment .column.main .block:not(.widget) .block-content .box,
.sales-order-invoice .column.main .block:not(.widget) .block-content .box,
.sales-order-view .column.main .block:not(.widget) .block-content .box,
.magento_rma-returns-returns .column.main .block:not(.widget) .block-content .box {
width: 48% !important;
}
.magento_rma-returns-view .block-title strong:before {
display: none;
}
.customer-address-form fieldset.fieldset legend:before {
font-size: 24px;
content: "\EA22";
top: -3px;
font-family: iconfont;
left: 0;
}
.customer-address-form fieldset.fieldset legend span {
padding-left: 16px;
text-align: left;
margin: 0 0 20px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
letter-spacing: 2.6px;
line-height: 16px;
text-transform: uppercase;
font-size: 16px;
color: #000;
position: relative;
}
.customer-address-form fieldset.fieldset legend {
margin-bottom: 0px !important;
}
.customer-account-login a.action.remind span {
color: #865;
text-transform: capitalize;
font-size: 14px;
letter-spacing: 0;
}
.customer-address-index button.action-secondary.action-dismiss,
.customer-address-index button.action-primary.action-accept {
background-color: #000 !important;
color: #fff !important;
display: inline-block !important;
letter-spacing: 2px;
line-height: 1.2;
/* padding: 15px 3px 14px; */
text-align: center;
text-decoration: none !important;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 12px !important;
border-radius: 0 !important;
font-weight: 400;
min-width: 180px;
height: 40px;
box-shadow: none;
}
.customer-address-index .modal-popup .modal-footer {
margin-left: auto;
margin-right: auto;
}
.customer-address-index .modal-popup.confirm .modal-inner-wrap .modal-content {
padding-right: 0 !important;
margin-left: auto;
margin-right: auto;
}
.customer-address-index button.action-secondary.action-dismiss:hover,
.customer-address-index button.action-primary.action-accept:hover {
background-color: transparent !important;
color: #453f3f !important;
border: 1px solid #000 !important;
}
.customer-address-form .field.zip {
display: none;
}
/* My AC dashboard end */
/* success page start*/
.checkout-onepage-success a.action.primary.continue:hover {
background-color: transparent;
color: #453f3f;
border: 1px solid #000 !important;
}
.checkout-onepage-success a.action.primary.continue {
border: 1px solid #b4b4b4 !important;
color: #9a7b69 !important;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.checkout-onepage-success .checkout-success .actions-toolbar .primary .action.primary {
background: transparent !important;
}
.checkout-onepage-success .page-title {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
padding-left: 0 !important;
}
.checkout-onepage-success .page-title {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
}
.checkout-onepage-success .checkout-success h2 {
font-size: 20px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
}
.checkout-onepage-success .checkout-success p {
letter-spacing: unset;
}
.checkout-onepage-success .checkout_img,
.checkout-onepage-success .check_success_middle,
.checkout-onepage-success .check_back_shop {
line-height: 2;
}
.checkout-onepage-success .check_success_middle {
line-height: 1.5;
}
.checkout-onepage-success .check_back_shop {
text-align: center;
padding: 40px 0;
}
.checkout-onepage-success .check_back_shop {
text-align: center;
padding: 40px 0;
}
.checkout-onepage-success .check_back_shop .check_button,
.checkout-onepage-success .check_back_shop .btnSecondary {
display: inline-block;
min-width: unset;
}
.btnSecondary,
.action.action-apply,
.check_button,
.payment-option .form-giftcard-account .action.action-check,
.cart-summary .giftcard .action.add.primary {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
padding: 15px 20px 14px;
text-align: center;
text-transform: uppercase;
transition: .2s ease-in-out;
font-size: 14px;
text-decoration: none;
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
border-radius: 0 !important;
font-weight: 400;
}
.checkout-onepage-success .check_back_shop .check_button,
.checkout-onepage-success .check_back_shop .btnSecondary {
display: inline-block;
min-width: unset;
}
:root body.checkout-onepage-success #maincontent {
text-align: center;
}
.checkout-onepage-success .page-main {
padding-top: 60px;
}
.checkout-onepage-success .checkout-success a.order-number:hover {
color: #865;
}
/* succes page end */
/* newsletter start */
.wrapper__inner.newsletter-success,
.wrapper__inner.newsletter-error {
width: 100%;
max-width: 1440px;
margin: 0 auto;
text-align: center;
padding: 107px 0;
}
.wrapper__inner.newsletter-success h1,
.wrapper__inner.newsletter-error h1 {
font-size: 50px;
letter-spacing: 2px;
line-height: 60px;
margin-bottom: 6px;
color: #453f3f;
text-transform: none;
}
.wrapper__inner.newsletter-success p,
.wrapper__inner.newsletter-error p {
max-width: 565px;
font-size: 30px;
letter-spacing: .9px;
line-height: 45px;
display: block;
margin: 0 auto;
color: #453f3f;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
}
.cms-newsletterunsuccess .page.messages {
display: none;
}
/* newsletter end */
/* Privacy Policy start */
.cms-page-view .cmsBanner {
position: relative;
}
body.cms-privacy-policy .page-main {
max-width: 100%;
padding: 0;
}
.ritualWrapper {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1440px;
padding-left: 20px;
padding-right: 20px;
width: auto;
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper .cmsBannerTtl {
left: 50%;
transform: translateX(-50%);
font-size: 40px;
line-height: 58px;
text-transform: uppercase;
color: #453f3f;
letter-spacing: 9px;
position: absolute;
top: 50%;
margin-top: -29px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
color: #fff;
}
.cms-privacy-policy .page-title-wrapper {
display: none;
}
body.cms-privacy-policy .breadcrumbs {
display: none;
}
body.cms-privacy-policy h3.heading {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 29px;
line-height: 40px;
letter-spacing: 2.4px;
font-weight: 300;
}
body.cms-privacy-policy p.info {
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin-bottom: 10px;
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerHolder {
background: 0 0;
max-height: 75vh;
overflow: hidden;
/*min-height: 75vh;*/
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerHolder img {
width: 100%;
height: 75vh;
object-fit: cover;
max-width: 100%;
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper {
text-align: center;
}
.cms-about-rituals .cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper .cmsBannerTtl:nth-child(2){
font-size: 16px !important;
line-height: 28px !important;
letter-spacing: 1px !important;
text-transform: none !important;
color: #1a1919 !important;
margin-top: 50px;
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper .cmsBannerTtl {
left: 50%;
transform: translateX(-50%);
}
.cms-privacy-policy .nav-sections {
margin-bottom: 0px !important;
}
.ritualWrapper,
.delivery,
.homeGrid,
.needHelp {
clear: both;
}
.ritualWrapper:before,
.delivery:before,
.homeGrid:before,
.needHelp:before,
.ritualWrapper:after,
.delivery:after,
.homeGrid:after,
.needHelp:after {
content: '';
display: table;
width: 100%;
clear: both;
}
body.cms-privacy-policy .page-main .article-main:first-child {
margin-top: 60px;
}
body.cms-privacy-policy .page-main .article-main h3.heading {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 29px;
line-height: 40px;
letter-spacing: 2.4px;
}
body.cms-privacy-policy h3.heading {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 29px;
line-height: 40px;
letter-spacing: 2.4px;
}
body.cms-privacy-policy .page-main .article-main ul.lists.dot {
padding-inline-start: 15px;
}
body.cms-privacy-policy .page-main .article-main ul.lists li {
padding-left: 5px;
line-height: 28px;
}
body.cms-privacy-policy .page-main .article-main {
margin-top: 30px;
}
/* Privacy Policy end */
div#mageplaza-bannerslider-block-before-content-2 {
display: none;
}
/*aditi and sagar end*/
.page-wrapper .ves-megamenu li.level0>a {
font-size: 11px !important;
padding: 0 7px;
}
.checkout-onepage-success h1.page-title {
padding-left: 150px;
}
aside.modal-popup.modal-slide._inner-scroll._show form#co-shipping-form {
display: block;
}
/* / Ritesh Menu CSS / */
.page-wrapper .nav-item.submenu-left.dropdown-submenu {
position: inherit;
}
.page-wrapper .navigation .ves-megamenu .level0 .submenu .submenu {
width: 85%;
left: 20% !important;
}
.page-wrapper .header.content {
padding: 0px 0px 3px !important
}
.page-wrapper .header.content {
max-width: 1440px;
}
.megamenu-sidebar.right-sidebar {
padding-left: 20px;
}
.page-wrapper .navigation .level0 .submenu a {
color: #999;
}
.page-wrapper .header .ves-menu .navigation .level0>.submenu {
width: 247% !important;
}
/* checkout css start */
.checkout-index-index .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar {
float: right !important;
top: initial !important;
right: 0px !important;
bottom: 0px !important;
left: initial !important;
}
.checkout-cart-index div#block-discount {
padding: 0px !important;
}
.checkout-index-index .am-checkout.-modern .authentication-wrapper {
display: none;
}
.checkout-index-index .logo {
top: 27px !important;
}
.checkout-index-index .header.content nav.navigation,
.checkout-index-index .footerBottom,
.checkout-index-index .footer.content,
.checkout-index-index #custom-sliding-cart .minicart-wrapper,
.checkout-index-index .block-search {
display: none;
}
.checkout-index-index .page-wrapper .header.content {
padding: 0px 0px 23px !important;
}
.message.success {
z-index: -1;
}
/* checkout css end */
/* Static Ritauls care Page start */
.rituals_cars_pages .bannerHolder img {
width: 100%;
/*height: 75vh;*/
height: 480px;
object-fit: cover;
max-width: 100%;
}
.rituals_cars_pages .banner-content {
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
position: absolute;
top: 50%;
text-align: center;
width: 90%;
}
.rituals_cars_pages span.cmsBannerTtl{
font-size: 40px;
line-height: 50px;
letter-spacing: 3.3px;
color: #fff;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
}
.rituals_cars_pages .bannerTxtWrapper {
max-width: 1440px;
padding: 0 40px;
margin: 0 auto;
}
.rituals_cars_pages section.commonText {
padding: 15px 0 0;
text-align: center;
}
.rituals_cars_pages span.icon-img-txt p {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 20px;
line-height: 44px !important;
margin-bottom: 10px;
letter-spacing: .46px;
}
.rituals_cars_pages .textInnerWrapper {
max-width: 740px;
padding: 0 20px;
margin: 0 auto;
}
.rituals_cars_pages .sections.nav-sections {
display: none;
}
.rituals_cars_pages .breadcrumbs {
display: none !important;
}
.rituals_cars_pages .tileHorizontal:before,
.rituals_cars_pages .tileHorizontal:after {
display: table;
width: 100%;
clear: both;
content: '';
}
.rituals_cars_pages .tileHorizontal .tileWrapper {
max-width: 1440px;
padding: 0 40px;
margin: 0 auto;
}
.rituals_cars_pages .tileHorizontal {
padding: 30px 0 50px;
clear: both;
}
.rituals_cars_pages .tileHorizontal .tileWrapper .imageHolder {
width: 50%;
text-align: center;
}
.rituals_cars_pages .tileHorizontal .tileWrapper .imageHolder img {
display: inline-block;
max-width: 72%;
}
.rituals_cars_pages .tileHorizontal .tileWrapper .textHolder {
width: 50%;
text-align: center;
padding: 80px 30px 0;
}
.rituals_cars_pages .commonText {
text-align: center;
}
.rituals_cars_pages .commonText .textInnerWrapper p {
letter-spacing: 0.4px;
font-size: 16px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
line-height: 33px;
}
.rituals_cars_pages .tileHorizontal:nth-child(odd) .textHolder {
float: right;
}
.rituals_cars_pages .tileHorizontal:nth-child(odd) .imageHolder {
float: left;
}
.rituals_cars_pages .tileHorizontal:nth-child(even) .imageHolder {
float: right;
}
.rituals_cars_pages .tileHorizontal:nth-child(even) .textHolder {
float: left;
}
.rituals_cars_pages .imageDesc {
max-width: 65%;
margin: 0 auto 30px;
line-height: 28px;
}
.rituals_cars_pages a.btnBlack {
max-width: 220px;
color: #453f3f;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border:1px solid #b4b4b4;
font-size: 14px;
border-radius: 0 !important;
font-weight: 400;
width: 90%;
}
.rituals_cars_pages .btnBlack:hover {
background-color: transparent;
color: #000;
border: 1px solid #000;
}
/* Static Ritauls Care page end */
/* about us :start */
.page-footer .switcher .options {
width: 100%;
}
.banner-text-center {
position: relative;
}
.page-wrapper .navigation .submenu.animated .megamenu-sidebar.right-sidebar .width_50{
margin-right:13% !important;
}
@media only screen and (min-width: 768px) and (max-width: 1279px){
.page-wrapper .navigation .submenu.animated .megamenu-sidebar.right-sidebar .width_50 p {
width: auto !important;
height: auto !important;
}
.ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar, .ves-megamenu .dropdown-menu .content-wrap .megamenu-content {
width: 100% !important;
}
}
@media only screen and (min-width: 1440px){
body .page-wrapper .header .ves-menu nav.navigation .level0 > .submenu {
width: 100% !important;
padding-right: 50px;
}
.page-header .header.content nav.navigation {
width: 100% !important;
max-width: none;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1300px){
.banner-title.bannerContentSec {
max-width: 85%;
padding-left: 70px !important;
top: 30px;
}
p.bannerTtlTwo {
font-size: 40px;
}
}
@media only screen and (min-width: 320px) and (max-width: 1024px){
.item-content2.hidden-lg.hidden-md {
display: none;
}
body .page-wrapper .navigation .submenu.animated .megamenu-sidebar.right-sidebar .width_50 .long-description a {
padding: 5px 15px!important;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main .btn {
margin-top: 10px !important;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main h2.heading-main {
font-size: 35px !important;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main .description {
font-size: 16px !important;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main {
top: 50% !important;
width: 80%;
}
.form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.search.advanced, .form.form-orders-search {
min-width: auto;
width: auto;
}
.customer-account-login .login-container {
padding: 16px 0 20px;
}
button#send2{
min-width: auto !important;
}
.customer-account-login .block.block-new-customer {
padding: 0 0 0 0px;
width: 50%;
}
.block.block-customer-login {
padding: 0 20px 0 0px;
}
#checkoutcom_card_payment_frm label {
font-size: 14px;
}
.product-ingredients-container .product-image-photo {
max-width: 80%;
}
.page-layout-1column .product-info-main {
width: 46% !important;
}
nav.navigation .hidden-sm, nav.navigation .hidden-xs{ display: block !important; }
body .page-wrapper .navigation .ves-megamenu .level0 .submenu .submenu {
left: 26% !important;
width: 66% !important;
}
.checkout-index-index fieldset#customer-email-fieldset {
width: auto !important;
}
.checkout-index-index .shipping-button-next {
margin-left: 48% !important;
}
.footerBottomLinks {
margin-left: 0;
}
.footer-middle-elements .footer-logo img {
left: 142%;
}
.ves-menu .ves-megamenu{
display: flex;
white-space: nowrap;
}
.banner-title.bannerContentSec {
max-width: 90%;
padding: 0!important;
padding-left: 40px !important;
margin-bottom: 40px;
top: 10px;
}
p.bannerTtlTwo {
font-size: 30px;
line-height: 44px;
padding-top: 5px;
}
span.brandicon-logo img {
max-width: 40px;
}
section#homesection3 .inner-wrapper, section#homesection5 .inner-wrapper, section#homesection7 .inner-wrapper {
padding: 0 0;
}
section#homesection3 .text-holder h3, section#homesection5 .text-holder h3, section#homesection7 .text-holder h3 {
font-size: 30px;
}
section#homesection3 .text-holder, section#homesection5 .text-holder, section#homesection7 .text-holder {
padding: 30px 30px 29px;
}
.newsLetterSec .ritualWrapper {
padding: 0 20px;
}
.block.newsletter input {
margin-right: 0;
}
.footer-middle-elements .inner-wrapper {
padding: 0 0px;
}
.footerMiddle .ritualWrapper {
padding-left: 20px;
padding-right: 20px;
}
.footerBottom .ritualWrapper {
padding-left: 20px;
padding-right: 20px;
}
.catalog-category-view .page-main .category-view .cat-image-section .cat-details-title, .catalogsearch-result-index .page-main .category-view .cat-image-section .cat-details-title {
font-size: 40px;
}
.catalog-category-view .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid, .catalogsearch-result-index .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid {
margin: 0 0 26px;
}
.product-name {
font-size: 30px;
line-height: 44px;
}
.catalog-product-view .product-info-price span.price {
font-size: 20px !important;
}
.single-ingredient .product-ingredients-column .product-ingredients-content {
margin-left: 0px;
}
.single-ingredient .product-ingredients-column .product-ingredients-content p {
font-size: 20px;
line-height: 35px;
}
.catalog-product-view .product.info.detailed .product.data.items {
padding: 0px 20px !important;
}
div#howtouse-content {
padding: 26px 20px !important;
}
.block.related strong#block-related-heading {
font-size: 30px;
}
.catalog-product-view .block.related .product.details.product-item-details strong.product.name.product-item-name a.product-item-link {
font-size: 20px;
}
.catalog-product-view .block.related .product-item-info .photo img {
padding: 20px;
}
.catalog-product-view .block.related .product.details.product-item-details {
padding: 20px;
}
.product-name.small {
font-size: 14px;
}
.sticky-button-container .product-add-to-cart button.btn.btn-add-to-cart.js-add-to-cart {
min-width: 230px!important;
}
.checkout-cart-index .cart-summary {
padding-left: 36%;
}
.amcheckout-main-container.-layout-2columns .amcheckout-column:not(:first-of-type) {
margin-top: 0;
}
.checkout-index-index .shipping-button-next {
margin-left: 30px;
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper .cmsBannerTtl {
font-size: 40px;
line-height: 50px;
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerHolder {
min-height: auto;
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerHolder img {
height: auto;
}
.cms-rituals-faq p.headingThree {
font-size: 25px;
}
.cms-rituals-faq .cmsExtraPadding {
padding: 0 0px;
}
.cms-rituals-faq .cmsLeftNavSec {
width: 33%;
}
.cms-rituals-faq .cmsRigthSec {
width: 67%;
padding: 20px 0 0 4%;
}
.cms-rituals-faq .accordianContainer {
margin: 18px 0 0;
}
.cms-rituals-faq .expanLink {
padding: 15px 30px 15px 0;
}
.cms-rituals-faq .cmsMoreInfo {
width: 100%;
padding: 50px 0 0 0px;
}
.contact-index-index h1.page-title {
font-size: 25px;
}
.contact-index-index .column:not(.sidebar-additional) .form.contact {
min-width: auto;
padding: 30px 30px;
}
.contact_left {
padding: 30px;
}
.contact_left h4 {
font-size: 25px;
}
.contact_left .heading-intro {
font-size: 20px;
}
#contact-form .legend {
font-size: 25px;
}
#contact-form .field.note.no-label {
font-size: 20px;
}
.stores-index-index h1.store-header {
font-size: 30px;
}
.cms-page-view .tileHorizontal .tileWrapper .textHolder {
padding: 0 30px 0 !important;
}
.banner-text-center {
position: relative;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main {
top: 50%;
line-height: 30px;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main .btn {
margin-top: 15px;
}
.rituals_cars_pages .bannerHolder img {
/* height: auto; */
object-position: 69% center;
}
.rituals_cars_pages span.cmsBannerTtl {
font-size: 40px;
line-height: 50px;
}
body .rituals_cars_pages .tileHorizontal .tileWrapper .textHolder {
padding: 28px 20px 85px !important;
}
ul.concept_list {
overflow-x: scroll;
white-space: nowrap;
}
ul.concept_list li {
white-space: normal;
}
/*.logo {
width: 142px !important;
left: 68% !important;
}*/
.page-wrapper .header .ves-menu nav.navigation .level0 > .submenu {
width: 100% !important;
height: 44vh;
padding-left: 18px;
}
.navigation .level0 .submenu a {
padding: 8px 0px;
}
.page-wrapper .navigation .ves-megamenu .level0 .submenu .submenu {
width: 81% !important;
}
.megamenu-sidebar.right-sidebar {
/*width: 50%!important;*/
}
.page-wrapper .navigation .submenu.animated .megamenu-sidebar.right-sidebar .width_50 h3 {
margin-top: 20px !important;
}
.account main#maincontent {
padding: 15px 20px 30px;
}
.account .sidebar.sidebar-main {
padding: 0 15px 0 0;
}
.customer-account-edit .fieldset > .field {
padding-left: 0;
}
.block.block-addresses-list .table-wrapper.additional-addresses {
overflow: auto;
padding-left: 0;
}
.account .column.main .box-title, .account .column.main .box-content, .account .column.main .box-actions {
/*padding-left: 0px;*/
}
}
.block-collapsible-nav .content{
background:none;
}
@media (min-width: 320px) {
.page-header .header.panel{
max-width: 1440px;
}
.cms-page-view .tileHorizontal:before,
.cms-page-view .tileHorizontal:after {
display: table;
width: 100%;
clear: both;
content: '';
}
.cms-page-view .tileHorizontal .tileWrapper {
max-width: 1440px;
padding: 0 40px;
margin: 0 auto;
}
.cms-page-view .tileHorizontal {
padding: 30px 0 50px;
clear: both;
}
.cms-page-view .tileHorizontal .tileWrapper .imageHolder {
width: 50%;
text-align: center;
}
.cms-page-view .tileHorizontal .tileWrapper .imageHolder img {
display: inline-block;
max-width: 72%;
}
.cms-page-view .tileHorizontal .tileWrapper .textHolder {
width: 50%;
text-align: center;
padding: 100px 30px 0;
}
.cms-two-tile-horizontal.baner-center h2.heading {
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 30px;
line-height: 40px;
letter-spacing: 8px;
text-transform: uppercase;
}
.cms-about-rituals .breadcrumbs {
display: none;
}
.cms-page-view .tileHorizontal .tileWrapper .textHolder .imageDesc {
max-width: 65%;
margin: 0 auto 30px;
line-height: 28px;
}
.cms-page-view .tileHorizontal:nth-child(even) .imageHolder {
float: right;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .img-banner-main img {
max-width: 100%;
width: 100%;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 40px;
text-align: center;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main h2.heading-main {
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 40px;
letter-spacing: 10.7px;
margin: 0 0 10px;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main .description {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
color: #453f3f;
font-size: 20px;
letter-spacing: .5px;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main .btn {
margin-top: 35px;
border: 1px solid #1a1919;
font-size: 14px;
color: #fff;
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper .cmsBannerTtl {
color: #453f3f !important;
}
.cms-page-view .commonText {
text-align: center;
}
.cms-page-view .commonText .textInnerWrapper {
max-width: 740px;
padding: 0 20px;
margin: 0 auto;
}
.cms-page-view .commonText .textInnerWrapper p {
line-height: 28px;
letter-spacing: 1px;
}
.cms-page-view .tileHorizontal:nth-child(odd) .textHolder {
float: right;
}
.cms-page-view .tileHorizontal:nth-child(odd) .imageHolder {
float: left;
}
/* about us end */
/* FAQ static page start */
.cms-rituals-faq .cmsExtraPadding {
padding: 0 60px;
position: relative;
overflow: hidden;
}
.cms-rituals-faq p.headingThree {
padding-bottom: 20px;
border-bottom: 1px solid #d8d8d8;
margin-bottom: 25px;
color: #1a1919;
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 30px;
letter-spacing: 8px;
line-height: 40px;
margin-bottom: 14px;
color: #000;
}
.cms-rituals-faq .cmsLeftNavSec {
float: left;
width: 24%;
position: relative;
}
.cms-rituals-faq .cmsExtraPadding a {
display: block;
margin: 18px 0;
text-transform: uppercase;
text-decoration: underline;
color: #9a7b69;
font-size: 14px;
letter-spacing: 2px;
line-height: 28px;
}
.cms-rituals-faq .cmsRigthSec {
float: left;
width: 76%;
padding: 20px 0 0 80px;
}
.cms-rituals-faq .activeContent {
display: block;
}
.cms-rituals-faq .faqsTtl {
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
letter-spacing: 2.5px;
line-height: 16px;
margin: 0;
color: #1a1919;
}
.cms-rituals-faq .accordianContainer li:first-child {
border-top: 1px solid #d8d8d8;
}
.cms-rituals-faq .accordianContainer {
list-style: none;
margin: 70px 0 0;
padding: 0;
letter-spacing: 1px;
}
.cms-rituals-faq .expanLink {
padding: 30px 30px 30px 0;
margin: 0;
cursor: pointer;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
color: #1a1919;
position: relative;
z-index: 1;
}
.cms-rituals-faq .accordianContent {
display: none;
padding: 10px 30px 40px 0;
}
.cms-rituals-faq .cmsMoreInfo {
float: right;
width: 76%;
padding: 65px 0 0 80px;
}
.cms-rituals-faq .cmsMoreInfo .moreInfoTtl {
font-size: 20px;
line-height: 34px;
color: #000;
letter-spacing: 1.5px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
margin-bottom: 40px;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons {
list-style: none;
margin: 0 0 20px;
padding: 0;
display: table;
width: 100%;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons li {
margin: 0 0 20px;
padding: 0;
float: left;
width: 50%;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .eMail,
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .fb,
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .customerCare,
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .tw {
text-decoration: none;
color: #453f3f;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .eMail:before {
font-size: 34px;
content: "\EA2C";
font-family: iconfont;
font-weight: 400;
color: #000;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons li {
margin: 0 0 20px;
padding: 0;
float: left;
width: 50%;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .customerCare {
float: left;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .customerCare:before {
font-size: 44px;
content: "\EA01";
font-family: iconfont;
font-weight: 400;
color: #000;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .multiLine {
float: left;
position: relative;
left: 15px;
top: 7px;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .multiLine a {
color: #9a7b69;
text-decoration: underline;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .multiLine .days {
color: #453f3f;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .multiLine .timings {
color: #767676;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .eMail span,
.cms-rituals-faq.cmsMoreInfo .cmsMoreSocialIcons .fb span,
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .customerCare span,
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .tw span {
color: #9a7b69;
text-decoration: underline;
position: relative;
top: -12px;
left: 15px;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}
.cms-rituals-faq li.expandedList,
.cms-rituals-faq ul.accordianContainer.accordion_container li {
border-top: 1px solid #d8d8d8;
}
.cms-rituals-faq .plusminus {
font-size: 25px;
font-weight: 400;
position: absolute;
right: 0;
top: 7px;
}
/* .cms-rituals-faq .faqContents {
display: none;
} */
.cms-rituals-faq .cmsLeftNavSec a {
text-decoration: underline;
}
.cms-rituals-faq .cmsLeftNavSec a:hover {
text-decoration: none;
}
.cms-rituals-faq .faqContents {
display: none;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .multiLine a {
color: #9a7b69;
text-decoration: underline;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
}
.cms-rituals-faq .breadcrumbs {
display: none;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .eMail span:hover,
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons .multiLine a:hover {
text-decoration: none;
}
/* FAQ static page end */
}
/* Minicart css aditi start */
div#minicart-content-wrapper .product-item-details .content strong.subtitle span {
display: none;
}
#custom-sliding-cart .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .minicart-items .product-item-details .product.options {
margin-bottom: 0;
margin-top: 15px;
}
.minicart-items .subtitle {
display: none !important;
}
.details-qty.qty input {
font-size: 14px;
margin-top: -3px;
margin-right: 10px;
text-align: center;
width: 15px;
border: 0;
padding: 0;
height: 20px;
vertical-align: top;
}
.block-minicart .subtitle.empty {
padding: 50px;
margin: 40px;
font-weight: 400;
letter-spacing: 1px;
}
.emptyCartBottomSec {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 50px;
text-align: center;
}
.emptyCartBottomSec a.btnBlack {
min-width: unset;
margin-bottom: 40px;
padding-right: 50px;
padding-left: 50px;
background-color: #000;
color: #fff;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 45px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 14px;
border-radius: 0 !important;
font-weight: 400;
}
.emptyCartBottomSec a.btnBlack:hover {
background-color: transparent;
color: #453f3f;
box-shadow: unset;
}
#custom-sliding-cart.minicart_wrap .shipingType {
font-size: 14px;
color: #999;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
#custom-sliding-cart.minicart_wrap .shipingType span {
font-weight: 400;
letter-spacing: .8px;
}
.minicart-wrapper .emptyCart {
text-align: center;
}
div#minicart-content-wrapper .cart-title {
/* margin: 30px 0 0; */
text-align: center;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
color: #000;
line-height: 30px;
letter-spacing: 6px;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
padding: 0 50px;
}
#custom-sliding-cart .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper .minicart-items .product-item:first-child {
border-bottom: 1px solid #d8d8d8;
}
.minicart_wrap .totals:nth-child(1) {
display: table;
width: 100%;
display: none !important;
}
.minicart_wrap .totals:nth-child(6) {
display: table !important;
width: 100%;
margin: 15px 0 0;
}
.cart-discount {
border-bottom: none !important;
}
.minicart_wrap .totals:nth-child(6) td.amount span.price {
padding-left: 0 !important;
font-weight: 600;
padding-bottom: 15px;
display: block;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .fixed-totals .totals td.amount {
/* float: right; */
width: 50%;;
text-align: right;
}
#custom-sliding-cart.minicart_wrap a.action.continue:hover {
text-decoration: none !important;
color: #865;
}
#custom-sliding-cart.minicart_wrap a.action.continue {
text-decoration: underline;
color: #865;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .secondary .action.viewcart {
padding: 0px 60px !important;
}
#custom-sliding-cart.minicart_wrap .primary {
display: inline;
}
.minicart_wrap .totals:nth-child(3) {
display: inline;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .fixed-totals .btn-wrapper {
border-top: none !important;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .secondary {
margin-top: -10px;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper {
height: 500px !important;
}
.minicart_wrap .totals:nth-child(3) {
display: flex;
}
.minicart_wrap .totals:nth-child(3) span.price {
padding-left: 0px !important;
width: 100% !important;
/* padding: 0px !important; */
margin: 22px 0px 0px 0px !important;
}
/*
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .fixed-totals .totals span.price {
padding-left: 160px !important;
} */
.minicart_wrap .totals:nth-child(1) td.amount span.price {
padding-left: 0 !important;
font-weight: 600;
padding-bottom: 15px;
display: block;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-title {
height: 70px !important;
}
.minicart_wrap .totals:nth-child(3) {
border-bottom: 1px solid #d8d8d8;
}
.minicart_wrap .totals:nth-child(3) th.mark {
float: left;
width: 50%;
margin: 0 0 15px;
font-weight: 400;
letter-spacing: .5px;
text-align: left;
text-transform: capitalize;
margin-top: 20px;
}
.minicart_wrap .totals:nth-child(3) span.price {
text-align: right;
color: #865;
float: right;
width: 50%;
margin: 0 0 15px;
font-weight: 400;
letter-spacing: .5px;
margin-top: 20px;
padding-right: 0px;
text-transform: capitalize;
}
.minicart-items .product-item-name a{
font-size: 14px !important;
}
/* minicart css aditi end */
/* SHoppig cart page aditi start */
.checkout-cart-index .cart.table-wrapper .actions-toolbar>.action-delete:hover,
.checkout-cart-index .cart.main.actions .action:hover {
text-decoration: none;
}
.checkout-cart-index .cart.table-wrapper th.col {
font-weight: 400;
color: #1a1919;
font-size: 14px;
letter-spacing: 2.8px;
line-height: 14px;
text-transform: uppercase;
padding-bottom: 15px;
padding-left: 0;
}
.checkout-cart-index a.action.action-delete {
margin: 0;
font-size: 14px;
line-height: normal;
letter-spacing: 2px;
text-transform: uppercase;
color: #865;
text-align: left;
padding: 0;
border: none;
font-weight: 400;
text-decoration: underline;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
.checkout-cart-index a.action.action-delete:hover {
text-decoration: none;
}
.checkout-cart-index .cart-container .cart-gift-item {
width: 100% !important;
background: #fcfaf7;
margin: 30px 0;
padding: 15px 65px;
float: left;
position: relative;
}
.checkout-cart-index .gift-message {
display: none;
}
.checkout-cart-index .gift-options-content {
display: none;
}
.checkout-cart-index .gift-item-block {
border-bottom: none;
}
.checkout-cart-index .gift-wrapping {
display: none;
}
.gift-options .actions-toolbar {
display: none;
}
.checkout-cart-index .gift-wrapping-summary {
/*display: none;*/
}
.checkout-cart-index .gift-options-title {
padding-left: 30px;
}
.checkout-cart-index .gift-item-block .title:after {
display: none;
}
.checkout-cart-index .gift-item-block .content {
/*display: none;*/
}
.checkout-cart-index .gift-options-title:after {
position: absolute;
top: 44%;
transform: translateY(-50%);
left: 0;
width: 16px;
height: 16px;
content: '';
background: #fff;
border: 1px solid #d8d8d8;
padding-right: -8px;
}
.checkout-cart-index .cart-container .cart-gift-item .actions-toolbar .action {
display: none;
}
.checkout-cart-index .gift-item-block .title,
.checkout-cart-index span.gift-wrapping-name,
.checkout-cart-index .gift-options-title,
.checkout-cart-index .field.choice.gift-receipt span,
.checkout-cart-index strong#block-discount-heading {
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
color: #453f3f;
font-size: 14px;
letter-spacing: 1px;
line-height: initial;
font-weight: 400;
position: relative;
text-transform: uppercase;
}
.checkout-cart-index .gift-summary .regular-price .price,
.checkout-cart-index .gift-options .regular-price .price {
font-weight: 700;
text-transform: uppercase;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
color: #1a1919;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 18px;
}
input#gift-message-whole-to-giftOptionsCart {
font-size: 16px;
padding: 0 0 5px 0;
margin-bottom: 0.5em;
z-index: 1;
background: transparent;
border: none;
border-bottom: 1px solid #d8d8d8;
top: 2px;
}
.field.field-to label.label {
display: inline-block;
margin: 0 auto;
padding: 0 0 5px 0;
top: 20px;
transition: all 0.5s ease-in-out;
z-index: 1;
}
.checkout-cart-index .cart-container .cart-gift-item .actions-toolbar .action {
border-radius: 0 !important;
}
.checkout-cart-index .checkout-payment-secure .text-info:before {
content: "" !important;
font-family: iconfont;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0px;
line-height: initial;
}
.checkout-cart-index button.action.apply.primary {
background-color: transparent !important;
border: 1px solid #b4b4b4 !important;
color: #1a1919 !important;
display: inline-block !important;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
letter-spacing: 2px !important;
line-height: 1.2 !important;
padding: 14px 20px !important;
text-align: center !important;
text-decoration: none;
text-transform: uppercase !important;
transition: .2s ease-in-out;
width: 100% !important;
}
.checkout-cart-index button.action.apply.primary:hover {
border: 1px solid #1a1919 !important;
}
form#discount-coupon-form {
padding-bottom: 15px;
}
.checkout-cart-index .cart-totals tbody .mark,
.checkout-cart-index .cart-totals tfoot .mark,
.checkout-cart-index .opc-block-summary .table-totals tbody .mark,
.checkout-cart-index .opc-block-summary .table-totals tfoot .mark {
border: 0;
letter-spacing: .3px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #865;
padding: 15px 0 15px;
}
.checkout-cart-index .cart-totals tbody .amount,
.checkout-cart-index .cart-totals tfoot .amount,
.checkout-cart-index .opc-block-summary .table-totals tbody .amount,
.checkout-cart-index.opc-block-summary .table-totals tfoot .amount {
letter-spacing: .3px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #865;
padding: 15px 0 15px;
}
.checkout-cart-index .cart-totals .totals.sub .mark,
.checkout-cart-index .cart-totals .totals.sub .amount {
border-bottom: none;
}
.checkout-cart-index .cart-totals .grand.totals .mark,
.checkout-cart-index .cart-totals .grand.totals .amount {
letter-spacing: 2.5px !important;
}
.checkout-cart-index .fieldset.coupon label.label span {
display: none;
}
:root .checkout-cart-index .sticky-checkout-main {
transition: bottom .3s ease-in-out, visibility .1s ease-in-out 0s;
visibility: visible;
bottom: 0;
z-index: 9999;
position: fixed;
left: 0;
width: 100%;
min-height: 55px;
background-color: #fff;
box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, .08);
display: none !important;
}
:root .checkout-cart-index .sticky-checkout-main.show {
display: flex !important;
}
.checkout-cart-index .sticky-checkout-main-box .sticky-product-info-main {
display: flex;
flex-grow: 1;
padding: 5px 30px 5px 20px;
}
.checkout-cart-index .sticky-checkout-main-box .details-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
}
.checkout-cart-index .sticky-checkout-main-box p.product-quantity-main {
text-transform: uppercase;
letter-spacing: 1.4px;
font-size: 14px;
margin: 0;
}
.checkout-cart-index .sticky-checkout-main-box .price-container-main {
margin-left: auto;
padding-left: 20px;
color: #000;
}
.checkout-cart-index .sticky-checkout-main-box span.product-price-total-txt {
font-size: 13px;
color: #767676;
letter-spacing: .33px;
margin-right: 7px;
}
.checkout-cart-index .sticky-checkout-main-box .sticky-checkout-btn {
width: 380px;
min-width: 200px;
}
.checkout-cart-index .sticky-checkout-main-box button.checkout-btn {
height: 100%;
width: 100%;
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
border-radius: 0;
cursor: pointer;
box-shadow: unset;
min-height: 55px;
}
.checkout-cart-index .sticky-checkout-main-box button.checkout-btn:hover {
background: #626262;
border-color: #626262;
color: #fff;
}
.checkout-cart-index .sticky-checkout-main {
display: flex;
}
.checkout-cart-index .cart.main.actions .action {
position: absolute;
margin: -127px 0px 0px 48px;
}
.checkout-cart-index .gift-item-block.block .title span:after {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 16px;
height: 16px;
content: '';
background: #fff;
border: 1px solid #d8d8d8;
top: 20px;
}
.checkout-cart-index .gift-item-block.block._active .title span:after {
content: "\EA21";
font-family: iconfont;
font-size: 9px;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #865;
border-color: #865;
line-height: initial;
color: #fff;
}
.checkout-cart-index .gift-item-block.block._active {
padding-left: 30px;
}
.checkout-cart-index .gift-item-block.block._active .title span,
.checkout-cart-index .gift-item-block.block .title span {
margin-left: 25px;
}
.gift-item-block.block {
padding-left: 30px;
}
/* Shoppig cart page Aditi end */
/* Checkout page Aditi start */
.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content>* {
font-size: 14px !important;
margin-top: 6px !important;
color: #999;
text-transform: uppercase;
font-weight: 400;
line-height: 10px;
letter-spacing: 1.8px;
text-align: left !important;
max-width: 100%;
}
.checkout-index-inde .payment-method-content p {
padding-left: 22px;
}
.checkout-index-index p.step-title.amcheckout-title {
padding: 15px;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
border-top: 10px solid #f6f4f2;
line-height: 1;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
}
.checkout-index-index p.step-title.amcheckout-title.active {
background: #000;
color: #fff;
}
.amcheckout-main-container.-modern .amcheckout-block:not(:first-of-type) {
margin: 0px;
}
.checkout-index-index .fieldset>.field:not(.choice)>.control {
width: 100%;
float: none;
}
.checkout-index-index p.step-title.amcheckout-title {
text-transform: uppercase;
background: #fff;
padding: 15px 20px;
display: block;
letter-spacing: .5px;
line-height: 1;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
color: #000;
font-weight: 300;
}
.checkout-index-index fieldset span.note:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px !important;
line-height: 12px;
content: '\e618';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: 400;
overflow: hidden;
speak: none;
text-align: left;
margin-right: 10px;
}
.checkout-index-index span.note span {
font-size: 14px;
margin-top: 10px;
margin: 3px 0 0;
padding: 0;
display: inline-block;
text-decoration: none;
color: #999;
margin: 10px 0;
margin-left: 12px;
}
.checkout-index-index fieldset#customer-email-fieldset {
width: 64.171122994652%;
}
.checkout-index-index .primary.pull-left,
.checkout-index-index .primary.pull-right {
margin-top: 20px;
}
.checkout-index-index .amcheckout-step-container .form-login .actions-toolbar .secondary {
float: right;
}
.checkout-index-index a.action.remind:hover {
text-decoration: none;
color: #865;
}
.checkout-index-index button.action.login.primary {
min-width: 150px;
}
.checkout-index-index .amcheckout-step-container .form-login .actions-toolbar {
margin-bottom: 0px;
margin-left: 0px !important;
}
.checkout-index-index .amcheckout-step-container input[type='checkbox']+label:before,
.checkout-index-index .amcheckout-step-container input[type='radio']+label:before {
display: none;
}
.checkout-index-index .checkout_edit_login,
.checkout-index-index .checkout_edit_method,
.checkout-index-index .checkout_edit_shippingfrm {
font-size: 14px;
text-transform: uppercase;
border: none;
background: 0 0;
line-height: 1;
letter-spacing: 2px;
text-decoration: underline;
color: #865;
position: relative;
top: -26px;
right: 0;
margin-left: 93%;
font-weight: 700;
cursor: pointer;
}
.checkout-index-index .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-title .label {
display: inline
}
.checkout-index-index .payment-method-title.field.choice label span {
width: 100%;
text-align: left;
font-size: 11px;
text-transform: uppercase;
font-weight: 400;
line-height: 10px;
letter-spacing: 1.8px;
text-align: left !important;
padding: 0 !important;
-webkit-transform-origin: 0 0;
transform: scale(1) translateY(100%);
transition: -webkit-transform .2s linear;
transition: transform .2s linear;
transition: transform .2s linear, -webkit-transform .2s linear;
top: 19px;
left: 20px;
font-size: 14px;
}
.checkout-index-index .amcheckout-step-container input[type='checkbox'],
.checkout-index-index .amcheckout-step-container input[type='radio'] {
display: inline !important;
position: static;
height: auto;
width: auto !important;
margin: 3px 5px 0 0;
}
.checkout-index-index .checkout-payment-method .payment-method+.payment-method .payment-method-title {
border-top: 1px solid #cccccc !important;
padding-top: 26px;
}
.checkout-index-index .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method-content .actions-toolbar>.primary {
float: right;
}
.checkout-index-index button.action.primary.checkout {
background-color: #000 !important;
color: #fff !important;
display: inline-block !important;
letter-spacing: 2px;
line-height: 1.2;
padding: 15px 20px 14px;
text-align: center;
text-decoration: none;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 12px !important;
border-radius: 0 !important;
font-weight: 400;
min-width: 180px;
height: 40px;
}
.checkout-index-index button.action.primary.checkout:hover {
background-color: transparent !important;
color: #453f3f !important;
border: 1px solid #000 !important;
}
.checkout-index-index input#checkout-frames-card-number {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
border: none;
outline: none;
font-size: 14px;
font-weight: 500;
color: #13395e;
-webkit-text-fill-color: #13395e;
letter-spacing: -.4px;
font-family: monospace;
}
.checkout-index-index .field.choice.save-card-option input.checkbox {
display: inline-block;
width: unset !important;
}
.checkout-index-index .checkout-billing-address {
display: none;
}
.checkout-index-index .amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method._active .payment-method-content>*>* {
margin: 0px;
}
.checkout-index-index .checkout-payment-method .payment-methods .actions-toolbar .primary {
padding: 0px;
margin-top: 20px !important;
}
.checkout-index-index .amcheckout-step-container .opc-payment-additional {
padding: 0 35px;
background: #fff;
}
/*
.checkout-index-index .amcheckout-step-container .amcheckout-title+.amcheckout-content>.amcheckout-wrapper{
padding: 19px 30px 0px !important;
} */
.checkout-index-index .checkout-payment-method .payment-option-title {
border-bottom: none !important;
}
.checkout-index-index form#discount-form {
max-width: 500px;
}
.checkout-index-index .payment-option-inner {
width: 88%;
display: inline-block;
vertical-align: top;
padding-right: 10px;
}
.checkout-index-index .checkout-payment-method .payment-option-title .action-toggle:active:after {
color: #333 !important;
}
.checkout-index-index .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after {
margin-right: 75%;
margin-top: 0px;
color: #333;
}
.checkout-index-index .amcheckout-step-container input[type='checkbox']+label,
.amcheckout-step-container input[type='radio']+label {
display: inline;
}
.checkout-index-index .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary {
margin-right: 62px;
}
.checkout-index-index .opc-block-summary .table-totals .totals th,
.checkout-index-index .opc-block-summary .table-totals .clubapparel-amount th {
font-weight: 400;
font-size: .92307692307692em;
width: 50%;
/* padding: 0 15px; */
padding-bottom: 12px;
text-transform: uppercase;
padding-left: 15px;
text-transform: capitalize;
}
.checkout-index-index .opc-block-summary .table-totals .totals td,
.opc-block-summary .table-totals .clubapparel-amount td {
text-align: right;
padding-right: 15px;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}
.checkout-index-index .opc-block-summary .table-totals .totals td,
.opc-block-summary .table-totals .clubapparel-amount td,
.opc-block-summary .table-totals .totals th,
.opc-block-summary .table-totals .clubapparel-amount th {
padding-bottom: 12px;
}
.checkout-index-index .cart-totals .amount,
.opc-block-summary .table-totals .amount {
padding-right: 4px;
text-align: right;
white-space: nowrap;
}
.checkout-index-index .review_table td,
.checkout-index-index .review_table th {
padding: 0 15px;
}
.checkout-index-index .cart-totals .grand strong,
.checkout-index-index .opc-block-summary .table-totals .grand strong {
display: inline-block;
padding: 3px 0 0;
font-weight: 600;
text-transform: uppercase;
color: #000;
font-size: 16px;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
padding-right: 0px;
}
.checkout-index-index .totals-tax .amount, .checkout-index-index .totals-tax .mark {
padding: 6px 15px !important;
}
.checkout-index-index .amcheckout-step-container .amcheckout-summary-container .table-totals .grand.totals {
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
font-size: 1.2307692307692em;
letter-spacing: 1px;
}
.amcheckout-step-container .amcheckout-summary-container .table-totals, .amcheckout-step-container .amcheckout-summary-container .table-totals .value {
text-transform: none!important;
}
.checkout-index-index div#checkout-step-shipping {
background: #fff;
}
.checkout-index-index tr.totals.shipping.excl span.value {
display: none;
}
.checkout-index-index .shipping-button-next {
margin-left: 69%;
min-width: 180px !important;
/*margin-top: -46px;*/
}
.checkout-index-index .shipping-button-next button {
min-width: 180px !important;
}
.checkout-index-index fieldset.field.street.admin__control-fields {
width: 96% !important;
}
.checkout-index-index div#checkout-shipping-method-load {
background: #fff;
}
.checkout-index-index .shipping-methodbutton-next {
background: #fff;
margin-bottom: 20px;
}
.checkout-index-index div#checkout-step-shipping_method {
background: #fff;
}
.checkout-index-index .shipping-methodbutton-next {
margin-left: 70%;
margin-bottom: 23px;
}
.checkout-index-index .amcheckout-wrapper {
background: #fff;
}
.checkout-index-index #checkoutcom_card_payment_frm label {
margin: 25px 0 !important;
text-transform: uppercase;
letter-spacing: 1.8px;
height: auto;
color: #555;
}
#checkoutcom_card_payment_frm .cvv-frame {
width: 100% !important;
}
#checkoutcom_card_payment_frm .expiry-date-frame {
width: 100% !important;
}
#checkoutcom_card_payment_frm .date-and-code > div:nth-child(2) {
width: 50%!important;
}
#checkoutcom_card_payment_frm .date-and-code > div:nth-child(1) {
width: 50%!important;
}
.checkout-index-index .step-title {
text-transform: uppercase;
background: #fff;
/* padding: 15px 20px; */
display: block;
letter-spacing: .5px;
line-height: 1;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 16px;
color: #000;
font-weight: 300;
}
.checkout-index-index .payment-group {
margin-top: 15px;
}
.checkout-index-index div#checkout-step-shipping .amcheckout-wrapper .field.addresses {
padding-left: 30px;
padding-top: 20px;
}
.checkout-index-index button.action.action-show-popup.amcheckout-button.-new-address,
.checkout-index-index .shipping-button-next {
min-width: 180px;
}
.checkout-index-index button.action.action-show-popup.amcheckout-button.-new-address {
margin-left: 20px;
margin-bottom: 20px;
}
.checkout-index-index select:disabled {
border-bottom: 1px solid #d8d8d8;
border-left: none;
border-right: none;
border-top: none;
}
.checkout-index-index button.action.primary.action-save-address,
.checkout-index-index button.action.secondary.action-hide-popup {
background-color: #000 !important;
color: #fff !important;
display: inline-block !important;
letter-spacing: 2px;
line-height: 1.2;
/* padding: 15px 3px 14px; */
text-align: center;
text-decoration: none !important;
transition: .2s ease-in-out;
text-transform: uppercase;
border: 1px solid #000;
font-size: 12px !important;
border-radius: 0 !important;
font-weight: 400;
min-width: 180px;
height: 40px;
}
.checkout-index-index .modal-popup .modal-footer .action-hide-popup {
text-decoration: none !important;
}
.checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover {
text-decoration: none;
}
.checkout-index-index .modal-popup .modal-footer .action-hide-popup {
margin-top: 0px !important;
}
.checkout-index-index button.action.primary.action-save-address:hover,
.checkout-index-index button.action.secondary.action-hide-popup:hover {
background-color: transparent !important;
color: #453f3f !important;
border: 1px solid #000 !important;
}
.checkout-index-index .amcheckout-title.active .step-title {
background: #000;
color: #fff;
}
.checkout-index-index .amcheckout-title.active {
background: #000 !important;
color: #ffff !important;
}
.checkout-index-index .card-number-frame,
.checkout-index-index .expiry-date-frame,
.checkout-index-index .cvv-frame {
opacity: 1;
border: solid 1px #13395E;
border-radius: 3px;
box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.2);
}
form#co-shipping-method-form div#checkout-shipping-method-load {
padding: 10px;
padding-left: 30px;
}
.checkout-index-index .shipping-methodbutton-next {
padding: 13px;
}
.shipping-button-next {
padding-bottom: 23px;
}
.cart-summary .block>.title:after,
.cart-summary .block.active>.title:after {
content: 'add code';
right: 0px !important;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-size: 14px;
top: 50%;
transform: translateY(-50%);
text-decoration: underline;
letter-spacing: .3px;
line-height: 20px;
color: #865;
}
.checkout-cart-index strong#block-discount-heading {
color: #865 !important;
text-transform: capitalize;
}
.checkout-cart-index #maincontent .cart-container .cart-summary-main-box .cart-summary-content-main-box .cart-summary .cart-discount .block.discount .title strong {
letter-spacing: .3px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.checkout-cart-index #maincontent .cart-container .cart-summary-main-box .cart-summary-content-main-box .cart-summary .cart-discount .block.discount .title {
border: none;
color: #865;
padding-left: 0;
padding-right: 70px;
}
.checkout-cart-index .cart-summary .block.active .content {
margin: 0 0 40px auto;
max-width: 220px;
}
.cart-summary .block .actions-toolbar>.primary {
width: 100% !important;
}
form#discount-coupon-form input#coupon_code {
padding: 9px 0 6px;
color: #767676;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 11px;
letter-spacing: 2px;
line-height: 14px;
border: 0;
border-bottom: 1px solid #d8d8d8;
border-radius: 0;
text-transform: uppercase;
}
.checkout-cart-index tr.grand.totals.incl {
display: none;
}
.checkout-cart-index tr.grand.totals.excl {
display: none;
}
.checkout-cart-index tr.totals-tax {
/*display: none;*/
}
.amcheckout-step-container .payment-method-content>.actions-toolbar>.primary .action.primary {
padding: 0 !important;
margin: 0;
}
.field.choice input#shipping-save-in-address-book {
top: 44px;
margin-left: -36px;
}
.checkout-index-index .field.state-drop-down select {
padding: 13px 10px 10px 0;
}
.checkout-index-index .shipping-address-item.selected-item a:hover,
.checkout-index-index .shipping-address-item.selected-item a {
color: #865;
}
.checkout-index-index .field.choice.filled label {
top: 0px !important;
font-size: 16px !important;
}
.checkout-index-index .modal-popup._inner-scroll .modal-content {
overflow-y: auto;
overflow-x: hidden;
}
.checkout-index-index .modal-popup._inner-scroll .modal-content .fieldset.address>.field {
width: 100% !important;
margin-left: 0;
margin-right: 0;
}
.checkout-index-index form.form.form-login .field-tooltip,
.checkout-index-index .field-tooltip.toggle {
display: none;
}
.checkout-index-index .primary.pull-left button {
background-color: transparent !important;
border: 1px solid #b4b4b4 !important;
color: #1a1919 !important;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
padding: 15px 20px 14px;
text-align: center;
text-transform: uppercase;
transition: .2s ease-in-out;
font-size: 14px;
text-decoration: none;
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
border-radius: 0 !important;
font-weight: 400;
min-width: 150px !important;
}
.checkout-index-index .primary.pull-left button:hover {
background-color: transparent !important;
border-color: #1a1919 !important;
color: #453f3f !important;
}
.checkout-index-index fieldset.fieldset.hidden-fields span.note {
margin-top: 11px !important;
font-size: 14px !important;
}
.checkout-index-index .amcheckout-step-container select {
height: 50px !important;
}
.checkout-index-index div[name='shippingAddress.custom_attributes.country_code'] {
width: 21%!important;
}
.checkout-index-index div[name='shippingAddress.custom_attributes.carrier_code'] {
width: 21%!important;
}
.checkout-index-index select {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
}
.checkout-index-index .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar {
float: right !important;
width: 27%;
transition: all .3s ease;
position: relative !important;
}
.checkout-index-index .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-main {
width: 72%;
float: left !important;
padding-right: 23px;
}
.checkout-index-index .control select {
font-size: 14px !important;
}
.modal-inner-wrap form#co-shipping-form div[name='shippingAddress.custom_attributes.country_code'] {
width: 100%!important;
}
.modal-inner-wrap form#co-shipping-form div[name='shippingAddress.custom_attributes.carrier_code'] {
width: 100%!important;
}
.checkout-index-index button.action.action-apply, .checkout-index-index button.action.action-cancel {
background-color: transparent !important;
border: 1px solid #b4b4b4 !important;
color: #1a1919 !important;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
padding: 15px 20px 14px;
text-align: center;
text-transform: uppercase;
transition: .2s ease-in-out;
font-size: 14px;
text-decoration: none;
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
border-radius: 0 !important;
font-weight: 400;
min-width: 150px !important;
box-shadow: none !important;
}
.checkout-index-index button.action.action-apply:hover, .checkout-index-index button.action.action-cancel:hover {
background-color: transparent !important;
border-color: #1a1919 !important;
color: #453f3f !important;
}
.checkout-index-index .step-content.amcheckout-content tr.totals.charge {
display: none;
}
.checkout-index-index .shipping-methodbutton-next button {
margin-bottom: 15px;
}
.checkout-cart-index .cart-summary .block>.title {
border-top: none;
}
div#block-discount .title {
border: none !important;
}
.checkout-index-index .fieldset.address>.field input {
margin-top: 10px;
}
.checkout-cart-index .discount-row td {
padding-left: 0px;
padding-right: 0;
}
.checkout-cart-index #cart-totals {
border-top: 0px;
}
.checkout-index-index .shipping-address-item.not-selected-item a:hover {
color: #865;
}
.checkout-cart-index .message-notice.notice.message {
background: white !important;
}
.checkout-cart-index .message-notice.notice.message div {
line-height: 28px !important;
color: #006400 !important;
}
.checkout-cart-index .message.notice > *:first-child:before{
color: #006400 !important;
content: '\e610' !important;
font-family: 'luma-icons';
margin: -8px 0 0 !important;
font-size: 18px !important;
line-height: 23px !important;
}
/* checkout page aditi End */
/* kishan sir css */
.cart.item.message.notice {
display: none;
}
.category-description .showdesc::after {
content: '\e61c';
}
.category-description .hidedesc::after {
content: '\e60f';
}
/* PDP kishan */
.catalog-product-view .page.messages {
display: none;
}
/* PDP kishan */
/* kishan sir css */
/* latest 28/10/2020 start */
.checkout-index-index .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after {
margin-right: 66% !important;
margin-top: 0px;
color: #333;
}
.checkout-index-index .checkout-payment-method .payment-option-title .action-toggle:after {
margin-top: -1px !important;
float: unset !important;
}
.magento_customerbalance-info-index .block.block-balance-giftcard {
display: none;
}
.checkout-onepage-success a.action.print {
display: none;
}
.checkout-index-index .checkout-payment-method .payment-option-title{
border-bottom: none !important;
}
.checkout-index-index .payment-method-content p{
padding-left: 23px;
}
.page-with-filter.mobileview .page-wrapper .header.content .toggle-menu{ z-index: auto !important;}
.page-with-filter #custom-sliding-cart .minicart-wrapper{ z-index: auto !important;}
.page-with-filter li.menu-top--item{ z-index: auto !important;}
.page-with-filter span.userIcon:after{ z-index: auto !important;}
/* latest 28/10/2020 end */
/* latest 29/10/20 start */
.page-wrapper .header .ves-menu nav.navigation .level0 > .submenu {
width: 101vw !important;
overflow-y: auto;
padding-left: 40px;
max-height: 500px !important;
height: auto !important;
white-space: normal;
}
.navigation .level0 > .submenu > .content-wrap{
min-height: 465px;
}
.navigation .level0 > .submenu > .content-wrap > .megamenu-content {
border-right: 1px solid #3f3a3a !important;
margin-bottom: 20px;
}
.page-wrapper .nav-item.level2.submenu-left.dropdown-submenu > a {
color: white;
font-weight: bold;
}
.ves-megamenu .dropdown-menu .content-wrap .megamenu-content {
max-width: 223px;
}
.navigation .ves-megamenu .productborder.level0 .level1 .submenu .megamenu-content {
max-width: none;
}
.page-wrapper .ves-megamenu li.level0 > .submenu > .content-wrap > .right-sidebar {
padding-left: 32px;
}
.page-wrapper .level2 > .submenu > .content-wrap > .megamenu-content {
padding-left: 0 !important;
}
.page-wrapper .navigation .megamenu-sidebar.right-sidebar img{
margin: 0 auto;
width: auto;
height: auto;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .fixed-totals .totals:nth-child(2) {
display: none !important;
border-top: 1px solid #d8d8d8 !important;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .fixed-totals .totals:nth-child(2) span.price {
padding-left: 234px;
color: #865;
font-size: 16px;
text-transform: capitalize;
margin: 0 0 15px;
font-weight: 400;
letter-spacing: .5px;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-content .fixed-totals .totals:nth-child(2) th.mark {
text-transform: capitalize;
}
/* .page-wrapper .navigation .megamenu-sidebar.right-sidebar img {
margin: 0 auto;
width: 35% !important;
height: 25% !important;
} */
.checkout-index-index div#opc-new-shipping-address .field.choice.filled label {
top: 20px !important;
font-size: 16px !important;
}
.checkout-index-index div#opc-new-shipping-address .modal-popup.modal-slide .modal-footer{
text-align: left;
}
button.action.edit-address-link{
width: auto;
margin-top: 5px;
}
button.action.action-select-shipping-item {
margin-top: 5px;
}
.product-item .price-box .price-label{
display: none;
}
.product.details.product-item-details span.old-price span.price {
text-decoration: line-through;
color: #aaa !important;
}
.product.details.product-item-details span.special-price {
/* float: right; */
}
.catalog-product-view .sticky-button-container .stock.unavailable{
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-size: 16px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 380px;
max-width: 258px;
padding: 22px 22px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
border-radius: 0px;
margin-top: 15px;
}
/* latest 29/10/20 end */
/* latest 30/10/20 start */
div#minicart-content-wrapper .block-content strong.subtitle{
text-align:center;
}
/* latest 30/10/20 end */
.catalog-category-view .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .products .item.empty-message .message.info,
.catalogsearch-result-index .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .products .item.empty-message .message.info{
padding: 185px 20px 12px 25px !important;
}
.account .message.info > *:first-child:before{
display:none;
}
.account .message.info{
margin: 0 !important;
padding: 0px !important;
display: block;
font-size: 20px;
background: transparent;
color: #453f3f;
padding-left: 0 !important;
position: relative;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
}
/* customerfooter.phtml end */
/* plp start */
.mst-nav__category .items > .items{
margin-left: 0px !important;
}
div#m-navigation-product-list-wrapper .product-item-info img {
/*margin-top: 40px;*/
}
.collection_banners .plpproductimage img {
max-height: 480px !important;
}
.catalogsearch-result-index .breadcrumbs {
margin-top: 22px;
}
.catalogsearch-result-index .breadcrumbs li.item.search strong {
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
color: #453f3f;
}
div#minicart-content-wrapper .block-content strong.subtitle {
display: none !important;
}
/* plp end */
/* 05 nov 2020 start */
.cms-terms-and-conditions .cmsBanner {
position: relative;
}
.cms-terms-and-conditions .cms-two-tile-horizontal.baner-center .cmsBanner .bannerHolder {
background: 0 0;
max-height: 75vh;
overflow: hidden;
/*min-height: 75vh;*/
}
.cms-terms-and-conditions .cms-two-tile-horizontal.baner-center .cmsBanner .bannerHolder img {
width: 100%;
height: 75vh;
object-fit: cover;
max-width: 100%;
}
.cms-terms-and-conditions .cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper {
text-align: center;
}
.cms-terms-and-conditions .cmsBanner .bannerTxtWrapper {
max-width: 1440px;
padding: 0 40px;
margin: 0 auto;
}
.cms-terms-and-conditions .cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper .cmsBannerTtl {
left: 50%;
transform: translateX(-50%);
}
.cms-terms-and-conditions .cms-page-view .cmsBanner .bannerTxtWrapper .cmsBannerTtl.white {
color: #fff;
}
.cms-terms-and-conditions .cms-page-view .cmsBanner .bannerTxtWrapper .cmsBannerTtl {
font-size: 54px;
line-height: 58px;
text-transform: uppercase;
color: #453f3f;
letter-spacing: 9px;
position: absolute;
top: 50%;
margin-top: -29px;
font-family: 'ClassGarmnd BT',"Times New Roman",serif;
}
.cms-terms-and-conditions .page-main .article-main:first-child{
margin-top: 60px;
}
.cms-terms-and-conditions h3.heading{
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 29px;
line-height: 40px;
letter-spacing: 2.4px;
}
.cms-terms-and-conditions ul.lists.dot{
padding-inline-start: 15px;
}
.cms-terms-and-conditions ul.lists li{
padding-left: 5px;
line-height: 28px;
}
.cms-terms-and-conditions .article-main h3.heading {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 29px;
line-height: 40px;
letter-spacing: 2.4px;
}
/* 05 nov 2020 end */
/* Terms and Condition start */
.cms-terms-and-conditions .cmsBanner {
position: relative;
}
.cms-terms-and-conditions .cms-two-tile-horizontal.baner-center .cmsBanner .bannerHolder {
background: 0 0;
max-height: 75vh;
overflow: hidden;
/*min-height: 75vh;*/
}
.cms-terms-and-conditions .cms-two-tile-horizontal.baner-center .cmsBanner .bannerHolder img {
width: 100%;
height: 75vh;
object-fit: cover;
max-width: 100%;
}
.cms-terms-and-conditions .cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper {
text-align: center;
}
.cms-terms-and-conditions .cmsBanner .bannerTxtWrapper {
max-width: 1440px;
padding: 0 40px;
margin: 0 auto;
}
.cms-terms-and-conditions .cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper .cmsBannerTtl {
left: 50%;
transform: translateX(-50%);
color: #fff !important;
}
.cms-terms-and-conditions .cms-page-view .cmsBanner .bannerTxtWrapper .cmsBannerTtl.white {
color: #fff;
}
.cms-terms-and-conditions .cms-page-view .cmsBanner .bannerTxtWrapper .cmsBannerTtl {
font-size: 54px;
line-height: 58px;
text-transform: uppercase;
color: #453f3f;
letter-spacing: 9px;
position: absolute;
top: 50%;
margin-top: -29px;
font-family: 'ClassGarmnd BT',"Times New Roman",serif;
}
.cms-terms-and-conditions .page-main .article-main:first-child{
margin-top: 60px;
}
.cms-terms-and-conditions h3.heading{
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 29px;
line-height: 40px;
letter-spacing: 2.4px;
}
.cms-terms-and-conditions ul.lists.dot{
padding-inline-start: 15px;
}
.cms-terms-and-conditions ul.lists li{
padding-left: 5px;
line-height: 28px;
}
.cms-terms-and-conditions .article-main h3.heading {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 29px;
line-height: 40px;
letter-spacing: 2.4px;
}
.cms-terms-and-conditions .page-main .article-main:first-child{
margin-top: 60px;
}
.cms-terms-and-conditions .page-main .article-main{
margin-top: 30px;
}
.cms-terms-and-conditions .article-main {
margin-top: 60px;
}
.cms-terms-and-conditions p.info {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin-bottom: 10px;
}
.cms-terms-and-conditions .breadcrumbs {
display: none;
}
.cms-terms-and-conditions .nav-sections{
margin-bottom: 0px !important;
}
.main-404 {
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.main-404 .error-wrapper {
padding: 107px 0 106px;
text-align: center;
}
.main-404 .error-wrapper h1 {
font-size: 50px;
letter-spacing: 2px;
line-height: 60px;
margin-bottom: 7px;
}
.main-404 .error-wrapper h2 {
font-size: 30px;
letter-spacing: 1.1px;
line-height: 45px;
margin-bottom: 30px;
max-width: none;
}
.main-404 .error-page-bottom {
width: 107vw;
margin-left: calc((100% - 100vw)/2);
background: #fff;
padding: 76px 0 65px;
text-align: center;
}
.main-404 .error-page-bottom .no-hits-search {
max-width: 650px;
margin: 0 auto;
}
.inner-wrapper, .wrapper__inner {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 0 20px;
}
.main-404 .error-page-bottom .no-hits-search h3 {
font-size: 20px;
letter-spacing: .4px;
line-height: 30px;
margin-bottom: 30px;
text-transform: none;
}
.main-404 .error-page-bottom .no-hits-search fieldset {
border: none;
}
.main-404 .error-page-bottom .no-hits-search fieldset .form-inner {
display: flex;
}
.main-404 .error-page-bottom .no-hits-search fieldset .form-inner .field-wrapper {
flex-grow: 1;
width: auto;
display: flex;
flex-direction: column;
font-size: 14px;
position: relative;
text-align: left;
}
.main-404 .error-page-bottom .no-hits-search fieldset .form-inner label {
position: initial;
color: #1a1919;
line-height: 20px;
letter-spacing: .5px;
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-weight: 400;
text-transform: capitalize;
font-size: 14px;
transform: initial;
}
.main-404 .error-page-bottom .no-hits-search fieldset .form-inner .inputfield-text {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 2px;
color: #1a1919;
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
letter-spacing: .5px;
margin-top: 4px;
padding: 12px 21px;
width: 100%;
height: 40px;
}
.main-404 .error-page-bottom .no-hits-search fieldset .form-inner .btn {
flex-shrink: 0;
margin: auto 0 0 20px;
min-width: 153px;
width: auto;
line-height: initial;
padding: 13px 20px 12px;
}
.main-404 .error-page-bottom .no-hits-search .error-page-footer {
max-width: 495px;
display: block;
margin: 0 auto;
text-align: center;
margin-top: 20px;
}
.cms-no-route h1.page-title {
display: none !important;
}
/* Terms and Condition end */
.checkout-cart-index button.action.cancel.primary {
background-color: transparent !important;
border: 1px solid #b4b4b4 !important;
color: #1a1919 !important;
display: inline-block !important;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif !important;
font-size: 12px !important;
font-style: normal !important;
letter-spacing: 2px !important;
line-height: 1.2 !important;
padding: 14px 20px !important;
text-align: center !important;
text-decoration: none;
text-transform: uppercase !important;
transition: .2s ease-in-out;
width: 100% !important;
}
.checkout-cart-index button.action.cancel.primary:hover{
border: 1px solid #1a1919 !important;
}
td.col.actions.track-order-history a.action.track {
color: #865 !important;
text-decoration: underline !important;
background: transparent !important;
border: none !important;
text-transform: capitalize !important;
font-size: 16px !important;
display: inline-block;
letter-spacing: 2px;
line-height: 1.2;
padding:0 !important;
text-align: unset !important;
}
td.col.actions.track-order-history a.action.track:hover{
border: none !important;
text-decoration: none !important;
}
.checkout-shipping-method .no-quotes-block{padding: 15px;}
.account.sales-order-history thead > tr > td,
.account.sales-order-history table > tbody > tr > td,
.account.sales-order-history table > tfoot > tr > td {
padding: 15px 5px !important;
}
#custom-sliding-cart.minicart_wrap .minicart-wrapper .mage-dropdown-dialog .block-minicart #minicart-content-wrapper .block-title #cart-title{
font-weight: normal !important;
}
.shipping-tracking-popup .page-title {
padding: 20px 0px 30px;
text-align: center;
display: block !important;
}
.shipping-tracking-popup .order.subtitle.caption {
color: #505050;
font-size: 20px;
margin: 0 15px 0px 15px;
background: #E0E0E0;
padding: 9px 15px;
}
.shipping-tracking-popup .actions {
text-align: center;
}
.shipping-tracking-popup .action.close {
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
background: #000;
border: none;
height: 40px;
padding: 0 23px;
color: #fff;
}
#progressbar {
color: #aaa;
padding-left: 0px;
margin: 30px 0 0;
text-align: center !important;
position: relative;
display: flex;
}
#progressbar::after {
/*content: "";
border-bottom: 1px solid #E0E0E0;*/
left: 0px;
right: 0px;
position: absolute;
bottom: 0;
}
#progressbar li {
list-style-type: none;
font-size: 13px;
flex-basis: 100%;
position: relative;
font-weight: bold;
line-height: 50px;
}
#progressbar li.active span::after {
/*content: "";
border: 12px solid transparent;*/
border-bottom-color: #E0E0E0;
position: absolute;
bottom: -4px;
left: 50%;
transform: translateX(-50%);
}
#progressbar li span {
margin: -60px 0 0;
display: block;
color: #aaa;
}
#progressbar li.active span, #progressbar li.complete span {
color:#4CAF50
}
#progressbar li.active{
color:#222;
}
#progressbar #step1:before {
content: "1";
color: #E0E0E0;
}
#progressbar #step2:before {
content: "2";
color: #E0E0E0
}
#progressbar #step3:before {
content: "3";
color: #E0E0E0
}
#progressbar #step4:before {
content: "4";
color: #E0E0E0
}
#progressbar #step5:before {
content: "5";
color: #E0E0E0
}
#progressbar #step6:before {
content: "6";
color: #E0E0E0
}
#progressbar #step7:before {
content: "7";
color: #E0E0E0
}
#progressbar #step8:before {
content: "8";
color: #E0E0E0
}
#progressbar #step9:before {
content: "9";
color: #E0E0E0
}
#progressbar #step10:before {
content: "10";
color: #E0E0E0
}
#progressbar li:before {
width: 16px;
height: 16px;
line-height: 45px;
display: block;
font-size: 20px;
background: #E0E0E0;
border-radius: 50%;
margin: auto;
padding: 0px;
text-indent: -9999px;
}
#progressbar li:after {
content: '';
width: 100%;
height: 5px;
background: #E0E0E0;
position: absolute;
left: 0;
top: 6px;
z-index: -1
}
#progressbar li:last-child:after {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
position: absolute;
left: -50%
}
#progressbar li:nth-child(2):after {
left: -50%
}
#progressbar li:nth-child(3):after {
left: -50%
}
#progressbar li:nth-child(4):after {
left: -50%
}
#progressbar li:nth-child(5):after {
left: -50%
}
#progressbar li:nth-child(6):after {
left: -50%
}
#progressbar li:nth-child(7):after {
left: -50%
}
#progressbar li:nth-child(8):after {
left: -50%
}
#progressbar li:nth-child(9):after {
left: -50%
}
#progressbar li:nth-child(10):after {
left: -50%
}
#progressbar li:first-child:after {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
position: absolute;
left: 50%;
display: none;
}
#progressbar li:last-child:after {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px
}
#progressbar li:first-child:after {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px
}
#progressbar li.complete:before,
#progressbar li.complete:after {
background: #4CAF50
}
#progressbar li.active:before,
#progressbar li.active:after {
background: #4CAF50
}
.page-print .column.main .block .block-content .box {
float: none!important;
display: inline-block;
width: 49%!important;
vertical-align: top;
}
.page-print .footerBottom .ritualWrapper {
padding-left: 0;
padding-right: 0;
}
.page-print .footerBottomRight {
width: auto;
}
.page-print .footerBottomRight img {
height: 30px;
margin-right: 0;
}
.page-print .column.main {
margin-bottom: 0 !important;
padding-bottom: 20px !important;
}
.cms-about-rituals .cms-two-tile-horizontal.baner-center .cmsBanner .bannerHolder img {
height: unset !important;
}
.catalog-category-view .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items .item:nth-child(3n+1) .product-item-photo,
.catalogsearch-result-index .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items .item:nth-child(3n+1) .product-item-photo,
.catalog-product-view .block.related li.item.product.product-item:nth-child(3n+2) .product-item-photo{
margin-bottom: -1px;
display: block;
}
.catalog-category-view .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items .item:nth-child(2n+1) .product-item-photo,
.catalogsearch-result-index .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items .item:nth-child(2n+1) .product-item-photo,
.catalog-product-view .block.related li.item.product.product-item:nth-child(2n+1) .product-item-photo{
display: block;
margin-bottom: 1px;
}
.category-private-collection.catalog-category-view .page-main .category-view .cat-image-section .category-image img,
.category-private-collection.catalogsearch-result-index .page-main .category-view .cat-image-section .category-image img{
object-position: 0px 30% ;
}
.cms-page-view .cms-normal-pages .article-main:first-child {
margin-top: 60px;
}
.cms-page-view .cms-normal-pages .article-main {
margin-top: 40px;
}
.cms-page-view .cms-normal-pages .article-main h3.heading {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 29px;
line-height: 40px;
letter-spacing: 2.4px;
font-weight: 300;
}
.cms-page-view .cms-normal-pages h4.small-hed {
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
color: #453f3f;
font-size: 20px;
line-height: 28px;
letter-spacing: 1px;
margin-bottom: 15px;
font-weight: normal;
margin-top: 40px;
}
.cms-page-view .cms-normal-pages p.info {
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
color: #453f3f;
font-size: 14px;
line-height: 28px;
letter-spacing: 1px;
margin-bottom: 10px;
}
.cms-page-view .cms-normal-pages .article-main ul.lists.dot {
padding-inline-start: 15px;
}
.cms-page-view .cms-normal-pages .article-main ul.lists li {
padding-left: 5px;
line-height: 25px;
font-size: 14px;
}
.catalog-category-view .page-main .category-view .cat-image-section .category-image img, .catalogsearch-result-index .page-main .category-view .cat-image-section .category-image img {
filter: brightness(70%);
}
/*---------return page css----start------*/
.Card {
/*background-color: #fff;*/
color: #000;
height: 100%;
width: 100%;
border-radius: 2px;
padding: 20px;
overflow: hidden;
/*box-shadow: 0 2px 4px 2px rgba(0,0,0,.2);*/
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
border: 1px solid #ccc;
}
.noreturnitem {
font-size: 20px;
}
.Card:hover {
box-shadow: 0 5px 20px 3px hsla(0,0%,76.5%,.85);
}
.Card__children {
width: 100%;
height: calc(100% - 42px);
position: relative;
}
.Card__children .SkywardsCard__buttons {
text-align: center;
padding: 16px;
}
.Card__children .SkywardsCard__buttons .Button.Button--cta {
display: inline-block;
}
.Card .Button, .Card1 .Button {
padding: 10px;
font-size: 14px;
background: #000;
height: 39px;
color: #fff;
min-width: 164px;
font-weight: 400;
text-transform: uppercase;
cursor: pointer;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
position: relative;
overflow: hidden;
text-align: center;
border: 1px solid #000;
}
.Card .Button:hover, .Card1 .Button:hover{
text-decoration: none;background:#fff; border-color: #000; color: #000;
}
.select-product-return {
text-align: left;
font-size: 20px;
border-bottom: 1px solid #d2d2d2;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px;
}
.all-items {
border-bottom: 1px solid #d2d2d2;
padding:10px 0px 15px 0px;
}
.selected-product {
float: right;
margin:10px 0 10px 10px;
}
.rtl .selected-product {
float: left;
margin: 10px 10px 10px 0px;
}
.selected-product input[type="checkbox"]{
margin: 0;
}
.prod-details lable {
font-weight: bold;
}
.main-cls-pro {
display: flex;
}
.prod-image img {
height: 100px;
width: 100px;
margin:9px 15px 9px 0;
border: 1px solid #d2d2d2;
}
.rtl .prod-image img {
margin:9px 0px 9px 15px;
}
.main-cls-products {
width: 25%;
}
.prod-details {
line-height: 2;
}
.return-order-wrap {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}
.return-order-wrap label {
font-weight: bold;
margin-bottom: 5px !important;
display: block !important;
top: 13px !important;
}
.prod-name {
font-size: 16px;
font-weight: 600;
}
.bottom-ele {
display: flex;
padding: 10px 0;
}
.bottom-ele .right-button{
width: 100%;
text-align: right;
margin-left: 20px;
}
.rtl .bottom-ele .right-button{
text-align: left;
margin-left: 0px;
margin-right: 20px;
}
input.btn-can.Button.Button--cta--resume1 {
margin: 0px;
display:block;
width: 100%;
}
.btn-can.Button.Button--cta--resume {
background: white !important;
border: 1px solid !important;
color: black !important;
width: 152px !important;
margin: 0px 0px 0px !important;
}
.btn-can.Button.Button--cta--resume a {
color: black !important;
display: block;
padding: 3px 0 0;
text-decoration: none;
font-size: 14px;
}
input.btn-can.Button.Button--cta--resume-return, #myrmacancel.btn-can.Button.Button--cta--resume-return {
background: white !important;
border: 1px solid !important;
color: black !important;
width: 100% !important;
margin: 18px 0px 0px 0px !important;
}
.Card p#goto-dashboard {
font-size: 16px !important;
padding: 10px 0 0 !important;
font-weight: bold;
margin-bottom: 0;
}
.SkywardsCard__content hr.line {
border-top: 1px solid #e5e5e5;
margin: 15px 0;
}
.pick-mains {
padding: 14px 0;
border-bottom: 1px solid #e5e5e5;
}
.pick-rdo {
height: 0px;
padding: 2px;
margin: 8px 1px -4px;
}
.pick-rdo input[type="radio"]{
margin-top: 3px !important;
}
.pick-content {
margin: 0px 32px;
}
.pick-add {
margin:0px 0 0 30px;
}
.rtl .pick-add {
margin:0px 30px 0 0px;
}
.pick-main1 {
display: flex;
padding: 14px 0;
}
.pick-rdo1 input[type="radio"]{
margin-top: 3px !important;
}
.pay-cred {
margin: 5px 30px -11px;
font-weight: bold;
}
.pick-rdo1 {
margin: -7px 0px;
height: 10px;
margin-top: -22px;
}
.SkywardsCard__content .credit {
margin-left: 0px !important;
font-size: 11px;
}
.pick-content1 {
margin: 16px 30px;
}
.pick-main2 {
margin-left: 30px;
}
.rtl .pick-main2 {
margin-left: 0;
margin-right: 30px;
}
.pay-cre2 {
font-weight: bold;
}
.pick-rdo2 {
margin-top: -21px;
}
.pick-rdo2 input[type="radio"]{
margin-top: 3px !important;
}
.bank-de {
margin-left: 0px;
border-bottom: 1px solid;
}
.bank-de h3 {
font-weight: bold;
font-size: 16px;
}
.form-banktr {
margin:10px -10px;
display: flex;
flex-wrap: wrap;
}
.form-banktr div {
width: 50%;
padding: 10px 10px;
}
.form-banktr input {
margin-top: 0px !important;
}
.rtl select {
background-position: left;
padding: 0 9px 0 30px;
}
.Card1 {
margin: 24px 0px 0px 0px;
/*background-color: #fff;*/
color: #000;
height: 100%;
width: 100%;
border-radius: 2px;
padding: 20px;
overflow: hidden;
/*box-shadow: 0 2px 4px 2px rgba(0,0,0,.2);*/
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
height: 600px;
overflow-y: scroll;
border: 1px solid #ccc;
}
.amrmafront-customer-history h4 {
text-transform: capitalize;
}
.grid-cls-1 {
display: grid;
grid-auto-columns: auto;
grid-auto-flow: column;
padding: 20px 0px;
grid-gap: 60px;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
.main-cls-ret {
padding: 10px 0px 20px 0px;
}
.Card1 .main-cls-pro {
display: flex;
margin-top: 5px;
}
.returns-details-items .table {
border: 1px solid #ccc;
}
.returns-details-items .table thead {
background: #eee;
}
.block-returns-tracking .block-title .action {
border: 1px solid #000;
padding: 10px;
color: #000;
background: none;
}
#rma_track_info #track-info-table tfoot{
display: none !important;
}
.block-returns-comments .block-title {
margin-bottom: 10px !important;
border-bottom: 1px solid #ccc !important;
}
.block-returns-comments .returns-comments dt {
background: #eee;
padding: 15px;
}
.block-returns-comments .returns-comments dd {
padding: 15px;
border: 1px solid #ccc;
}
.bss_quickview-catalog_product-view .modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
margin: 0 auto;
}
@media screen and (max-width: 767px){
.checkout-cart-index .cart-container .cart-gift-item .actions-toolbar .action {
margin: 15px 0 0 !important;
}
.gift-item-block .title {
margin: 0 1.5rem;
}
.gift-options-content .fieldset {
margin: 0 0 0 !important;
}
.gift-options-content .fieldset .field{
margin-bottom: 0 !important;
}
.btn-social>:first-child {
font-size: 15px!important;
width: 18px !important
}
.store-details {
padding: 0 15px;
}
div#our_store_list {
padding: 0 15px;
}
.rtl .page-footer .footer-links .footer-link-item h3:before {
right: inherit !important;
}
.rtl .footer-copyright .footer-logo {
padding: 20px 0 !important;
}
.rtl .footer-copyright .copyright {
padding: 5px 0 0 !important;
}
.prod-image img {
height: 50px;
width: 50px;
}
.main-cls-products {
width: 70%;
}
.bottom-ele {
display: block;
}
.btn-can.Button.Button--cta--resume{
width: 100% !important;
}
.bottom-ele .right-button {
text-align: center;
margin: 0;
}
.rtl .bottom-ele .right-button{
margin: 0;
}
input.btn-can.Button.Button--cta--resume1 {
margin: 15px 0px 0px 0px;
display: block;
width: 100%;
}
.form-banktr div {
width: 100%;
padding: 10px 10px;
}
.rtl input.btn-can.Button.Button--cta--resume1 {
margin: 15px 0px 0px 0px;
}
.Card1, .Card{display: block;}
.grid-cls-1{
display: flex;
grid-gap: 14px;
flex-wrap: wrap;
}
.grid-cls-1 section:last-child {
width: 100%;
}
}
/*---------return page css----end------*/
@media screen and (max-width: 767px){
.page-wrapper .header.content .nav-toggle{
z-index: 1;
}
.page-wrapper .header.content .nav-toggle:before {
color: #fff;
}
.page-wrapper .header.content .nav-toggle:hover:before {
color: #fff;
}
#homesection4, #homesection6 {
padding: 20px 0 !important;
}
.block-search .minisearch .label {
display: inline-block;
float: right;
position: absolute !important;
top: 10px;
right: 109px;
width: auto;
}
.block-search .minisearch .label::before, .block-search .minisearch .label:hover::before {
color: #fff;
}
.block-search .minisearch .control {
top: 45px;
z-index: 9;
background: #1a1919;
left: 0;
right: 0;
margin: 0;
border: none;
}
.block-search .minisearch .control .input-text{
margin: 0!important;
}
.block-search .minisearch.active .control {
padding:0px 15px 15px;
}
#custom-sliding-cart .minicart-wrapper {
margin-top: 0;
padding: 3px 10px;
}
.logo {
width: 120px !important;
left: 124px !important;
top: 15px !important;
z-index: 0;
margin-left: 6px !important;
transform: translateX(-50%) !important;
}
.page-header {
border-bottom: none;
margin-bottom: 0;
}
#banner-slider-carousel .owl-nav {
display: none;
}
span.brandicon-logo{
display: none;
}
.banner-title.bannerContentSec {
max-width: 100%;
padding: 10% 20px !important;
margin-bottom: 20px;
text-align: center;
}
a.callToAction {
padding: 15px 0px;
margin: 15px 0px 0;
}
p.bannerTtlTwo {
font-size: 22px;
line-height: normal;
}
p.bannerTxt {
font-size: 13px;
}
#banner-slider-carousel span.brandicon-logo img {
padding-bottom: 5px;
max-width: 30px;
margin-top: 5px;
}
section#homesection3 .grid-item-inner, section#homesection5 .grid-item-inner, section#homesection7 .grid-item-inner {
width: 100%;
}
.swiper-wrapper .swiper-slide:first-child {
display: none;
}
.swiper-button-prev, .swiper-button-next {
display: none;
}
section#homesection5 .text-holder p {
min-height: auto;
}
section#homesection5 .text-holder h3 {
min-height: auto;
}
section#homesection3 .text-holder p, section#homesection5 .text-holder p, section#homesection7 .text-holder p {
min-height: auto;
}
section#homesection3 .text-holder h3, section#homesection5 .text-holder h3, section#homesection7 .text-holder h3 {
min-height: auto;
}
.footer-middle-elements .footer-logo {
position: static;
bottom: 0;
right: 0;
margin-top: 30px;
}
.footer-middle-elements .footer-logo + .footer-logo {
display: none;
}
.footer-middle-elements .footer-logo img {
position: static;
}
.newsLetterSec .ritualWrapper {
max-width: 320px;
}
.block.newsletter .form.subscribe {
display: block;
}
.block.newsletter .field {
margin-right: 0 !important;
}
.block.newsletter .actions {
display: block;
width: 100%;
text-align: center;
margin-top: 15px;
}
.block.newsletter .actions .action {
display: block;
width: 100%;
}
.footerMiddle .ritualWrapper{
max-width: 320px;
}
.footer-column.social--icons {
max-width: 320px;
margin: 0 auto;
}
.footer-column.social--icons .social__icons {
display: inline-block;
}
.newsletterForm {
margin-right: 0;
}
.block.newsletter {
margin-top: 25px !important;
}
.newsLetterSec .newsletterContent {
width: auto;
}
p.newsletterTxt {
max-width: 100%;
}
.footer-middle-elements .inner-wrapper {
display: block;
}
.footer-accordion .accordion-inner, .footer-accordion .accordion-item {
display: block;
padding: 0 0;
}
.footer-accordion .accordion-content {
display: block;
}
.accordion-wrapper .accordion-content ul li {
width: auto;
}
.footer-middle-elements .footer-contact {
padding-right: 0;
}
.footer-middle-elements .footer-right-side {
width: 320px;
margin: 0 auto;
max-width: none;
display: block;
padding:0 20px;
}
.page-footer .footer.content .switcher-store {
margin: 0 0;
background: none !important;
}
.footer.content .switcher.store {
height: 36px !important;
width: 290px !important;
}
.page-footer .footer.content .switcher-store .switcher-options ul.dropdown {
background: #fff;
margin: -5px 0 0;
position: absolute;
}
.page-footer .switcher .options ul.dropdown a {
padding: 13px 20px !important;
}
.page-footer .switcher {
width: 290px !important;
}
.page-footer .footer.content .switcher-store .switcher-options .switcher-trigger, .page-footer .footer.content .switcher-store .switcher-options .switcher-option {
border-top: none;
padding: 0;
}
.page-footer .footer.content .switcher-store .switcher-options {
display: inline-block;
}
.footerBottomRight {
float: none;
width: auto;
text-align: center;
padding-left: 10px;
}
.footerBottomLeft {
text-align: center;
}
.footerBottomLinks {
margin-left: 0;
}
#banner-slider-carousel .owl-item img.img-responsive {
height: 350px;
object-fit: cover;
object-position: top center;
}
.gridItemImgContainer.mobileonly img {
display: block;
width: 100%;
}
.cms-index-index .columns .column.main {
padding-bottom: 0;
}
p.newsletterTtl {
font-size: 25px;
}
}
/*-------rituals-care----*/
.care-sliders .owl-carousel{
display: block !important;
}
#sync2, .premium-collection-child{
background: #fff;
top: 100px;
left: 170px;
width: 480px;
z-index: 1;
position: absolute;
bottom: 100px;
padding: 60px 70px;
text-align: center;
}
.care-sliders{
margin-bottom: 65px;
position: relative;
}
.care-sliders .item img {
width: 100%;
height: 660px;
object-fit: cover;
display: block;
}
.slide-cont {
transition: 0.5s linear;
opacity: 0;
}
.active .slide-cont {
opacity: 1;
}
.slide-cont h3 {
font-size: 30px;
line-height: 40px;
letter-spacing: 1.3px;
margin-bottom: 22px;
margin-top: 0;
max-width: 100%;
text-transform: none;
font-weight: normal;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.slide-cont p {
font-size: 14px;
letter-spacing: .5px;
line-height: 24px;
margin-bottom: 20px;
max-width: 100%;
font-style: normal;
color: #453f3f;
}
#sync1 .owl-dots, .premium-slider .owl-dots {
bottom: 35px !important;
position: absolute;
width: 100%;
}
#sync1 .owl-dots .owl-dot, .premium-slider .owl-dots .owl-dot{
box-shadow: none !important;
}
#sync1 .owl-dots .owl-dot span, .premium-slider .owl-dots .owl-dot span{
background-color: #FFFFFF4A!important;
border-radius: 0!important;
width: 75px!important;
height: 4px !important;
margin: 0 !important;
}
#sync1 .owl-dots .owl-dot.active span, .premium-slider .owl-dots .owl-dot.active span {
background-color: #ffffffc4!important;
}
#sync1 .owl-nav, .premium-slider .owl-nav {
margin-top: 0;
position: absolute;
width: 100%;
transform: translateY(-50%);
top: 50%;
}
#sync1.owl-theme .owl-next, .premium-slider .owl-theme .owl-next{
right: 0;
}
#sync1.owl-theme .owl-prev, .premium-slider .owl-theme .owl-prev{
left: 0;
}
#sync1.owl-theme button.disabled, .premium-slider .owl-theme button.disabled{
display: none!important;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev, .premium-slider .owl-theme .owl-next, .premium-slider .owl-theme .owl-prev{
cursor: pointer;
background-color: #fff !important;
color: #000 !important;
font-size: 0;
padding: 3px;
border-radius: 50px;
width: 50px;
height: 50px;
top: 50% !important;
transform: translateY(-50%);
margin: 0 60px;
/*text-indent: 6px;*/
border: 2px solid #fff !important;
position: absolute;
}
#sync1.owl-theme .owl-prev:before, .premium-slider .owl-theme .owl-prev:before{
content: "";
margin-left: -3px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: 0;
font-size: 45px;
line-height: 43px;
}
#sync1.owl-theme .owl-next:before, .premium-slider .owl-theme .owl-next:before {
content: "";
margin-left: 0px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: 0;
font-size: 45px;
line-height: 43px;
}
#sync1.owl-theme .owl-prev:hover, #sync1.owl-theme .owl-next:hover, .premium-slider .owl-theme .owl-prev:hover, .premium-slider .owl-theme .owl-next:hover{
background: none !important;
}
.premium-slider .owl-nav button span {
display: none;
}
.small-text-banner {
font-size: 16px;
letter-spacing: 1px;
margin: 15px 0 10px;
text-transform: none;
color: #fff;
}
.banner-content ul {
display: flex;
text-align: center;
max-width: 750px;
margin: 0 auto;
align-content: space-between;
align-items: center;
justify-content: center;
padding: 40px 0 0;
}
.banner-content ul li {
display: block;
flex-basis: 31.5%;
margin: 0 8px 1rem;
}
.banner-content ul li a {
display: block;
border: 1px solid #b4b4b4;
color: #fff;
padding: 14px;
text-decoration: none;
transition: .2s ease-in-out;
font-size: 14px;
line-height: 15px;
}
.banner-content ul li a:hover {
border: 1px solid #1a1919;
}
.rituals-care-list {
margin: 20px -20px 0;
padding: 0;
display: flex;
flex-direction: row;
justify-content: stretch;
flex-wrap: nowrap;
}
.rituals-care-list li {
display: block;
margin: 0 20px;
background: #fff;
flex-basis: 31.5%;
position: relative;
}
.rituals-care-list li .imageHolder {
float: none !important;
width: auto !important;
}
.rituals-care-list li .imageHolder img {
width: 100%;
height: auto;
max-width: 100% !important;
}
.rituals-care-list li .textHolder {
float: none !important;
width: auto !important;
padding: 28px 20px 85px !important;
}
.rituals-care-list li .textHolder .icon-img-txt img{
width: 40px;
}
.rituals-care-list li .imageDesc {
max-width: 100% !important;
margin: 0 0 15px !important;
}
.rituals-care-list a.btnBlack{
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40px;
}
.main-goals {
display: flex;
width: 100%;
}
.main-goals > div {
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
}
.imagebox {
vertical-align: top;
position: relative;
}
.imagebox > img {
display: block;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
/*object-position: top center;*/
}
.text-side-box {
background: #a7b396;
padding: 11% 8%;
vertical-align: middle;
}
.text-side-box .icon-box img {
height: 40px;
}
.text-side-box h3 {
font-size: 20px;
letter-spacing: 1.2px;
line-height: 30px;
color: #fff;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-weight: normal;
margin: 30px 0 30px;
}
.goal-txt {
color: #fff;
font-size: 14px;
line-height: 24px;
letter-spacing: .5px;
}
.rituals_cars_pages .simple-text-block {
display: flex;
flex-direction: column;
text-align: center;
padding: 60px 0 30px;
}
.rituals_cars_pages .simple-text-block .inner-wrapper {
min-height: 235px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 20px;
max-width: 740px;
width: 100%;
margin: 0 auto;
}
.rituals_cars_pages .simple-text-block .txt--black a, .rituals_cars_pages .simple-text-block .txt--black a{
color: #865 !important;
}
.rituals_cars_pages .heading-h11 {
color: #1a1919;
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-size: 14px;
letter-spacing: 2.8px;
line-height: 14px;
text-transform: uppercase;
margin-bottom: 10px;
font-style: normal;
}
.rituals_cars_pages .body-copy-large {
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 30px;
letter-spacing: .6px;
line-height: 40px;
margin-bottom: 10px;
font-style: normal;
}
.section_title {
font-size: 30px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
line-height: 44px !important;
margin-bottom: 20px;
letter-spacing: 2px;
}
.section_title_small {
font-size: 20px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
line-height: 44px !important;
margin: 40px 0 20px;
letter-spacing: 2px;
font-weight: normal;
}
.check-tick {
position: relative;
padding-left: 22px;
padding-right: 22px;
}
.check-tick:before{
content: url("data:image/svg+xml;utf8,");
position: absolute;
margin: 0 -30px;
}
.rtl .check-tick:before {
transform: rotateY(180deg);
}
.title_icon img {
max-width: 50px;
margin: 40px 0px -10px;
}
.tileHorizontal.white_bg_section {
padding-top: 80px !important;
padding-bottom: 0;
}
.tileHorizontal.white_bg_section + .tileHorizontal.white_bg_section {
padding-top: 0px !important;
}
.right_img .imagebox {
order: 1;
}
.white_bg_section .text-side-box{
background:#fff;
}
.white_bg_section .text-side-box h3 {
color: #453f3f;
}
.white_bg_section .goal-txt{
color: #453f3f;
}
#clean-slide .owl-nav {
margin-top: 0px;
position: absolute;
transform: translateY(-50%);
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
}
#clean-slide .owl-nav button {
background: #fff !important;
width: 50px;
height: 50px;
font-size: 36px !important;
border-radius: 90px !important;
margin: 0 7% !important;
opacity: 0.5;
}
#clean-slide .owl-nav button:hover{
opacity: 1 !important;
color: #333333 !important;
}
#clean-slide .owl-nav button.disabled {
opacity: 0 !important;
}
.main-goals .text-side-box .btnBlack{
margin-top: 25px;
display: none;
}
.main-goals .text-side-box .btnlink {
font-size: 14px;
letter-spacing: .5px;
text-decoration: underline;
margin-top: 30px;
display: none;
}
.main-goals .text-side-box .btnlink:hover{
color: #865;
text-decoration: none;
}
section.tileHorizontal.threesection {
padding: 80px 0 20px !important;
}
.threesection .rituals-care-list li .textHolder {
padding-bottom: 40px !important;
}
.concept-highlight{
text-align: center;
}
.concept_title {
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
font-size: 20px;
line-height: 44px;
margin-bottom: 10px;
letter-spacing: .46px;
font-weight: normal;
}
.concept_dis {
font-size: 14px;
letter-spacing: .5px;
line-height: 24px;
color: #000;
margin-bottom: 40px;
}
.concept_note {
font-size: 14px;
font-weight: bold;
letter-spacing: .5px;
line-height: 24px;
color: #767676;
margin-bottom: 30px;
}
ul.concept_list {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
list-style: none;
}
ul.concept_list li {
max-width: 330px;
padding: 0 10px;
width: 100%;
}
ul.concept_list li img {
max-width: 120px;
}
ul.concept_list li h5, ul.concept_list li p {
font-size: 14px;
font-weight: normal;
letter-spacing: .5px;
line-height: 24px;
color: #000;
margin-bottom: 0;
}
body section.tileHorizontal.concept-highlight {
padding: 60px 0 0 !important;
max-width: 1130px;
margin: 0 auto;
}
.gift-container {
background: #f6f4f2;
padding: 80px 12% 30px;
margin: 0 -30px -40px;
text-align: center;
}
.gift-label-1 {
color: #9a7b69;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 11px;
letter-spacing: 1.5px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 7px;
}
.gift-label-2 {
font-size: 20px;
letter-spacing: .5px;
line-height: 24px;
margin: -3px auto 23px;
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.gift-container img.plpimage {
margin: 15px auto 20px;
max-width: 250px;
display: block;
}
.gift-label-3 {
color: #1a1919;
font-size: 14px;
letter-spacing: 1px;
line-height: 18px;
text-transform: none;
max-width: 200px;
margin: 17px auto 0;
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
}
.gift-container a.gift-plp-btn {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
margin-bottom: 21px;
display: inline-block;
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
width: 100%;
max-width: 185px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.gift-container a.gift-plp-btn:hover{
border: 1px solid #1a1919;
}
.gift-container_cart {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
background: #fcfaf7;
margin: 0 0 30px;
padding: 30px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
#custom-sliding-cart .minicart-items {
margin-bottom: 30px;
border-bottom: 1px solid #d8d8d8;
}
div#child-progress {
position: absolute;
background: #ebe5e1;
width: 100%;
top: 0;
height: 3px;
left: 0;
right: 0;
}
.minprogress-active span.progress-bar {
background: #9a7b69;
display: inline-block;
height: 3px;
position: absolute;
top: 0;
left: 0;
}
.gift-container_cart img.plpimage {
max-width: 100px;
height: auto;
width: 100%;
}
.gift-container_cart .gift-cont {
max-width: 80px;
height: auto;
width: 100%;
}
.gift-container_cart .gift-label-2 {
font-size: 14px;
}
.gwp_left {
/*width: 50%;
border-right: 1px solid #d8d8d8;*/
margin: 0 0 0 30px;
}
.gift-container_cart a.gift-plp-btn {
background-color: transparent;
color: #9a7b69;
margin-bottom: 5px;
display: inline-block;
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 0.5px;
line-height: 1.2;
text-align: center;
text-decoration: underline;
text-transform: none;
transition: .2s ease-in-out;
}
.gift-container_cart a.gift-plp-btn:hover{
color: #9a7b69;
}
.gwp_main{
margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1180px){
#sync2, .premium-collection-child{
width: 352px;
left: 90px;
padding: 30px;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev, .premium-slider .owl-theme .owl-next, .premium-slider .owl-theme .owl-prev {
margin: 0 20px;
}
.care-sliders .item img {
object-position: 55% center;
}
}
.view-mobile{
display: none !important;
}
.view-desktop{
display: block !important;
}
@media (max-width: 767px){
body .rituals-care-list li .textHolder {
padding: 28px 20px 20px !important;
}
.gift-container_cart {
padding: 20px 15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gift-container_cart img.plpimage {
max-width: 80px;
}
.gwp_left {
width: 62%;
border-right: none;
margin: 0 15px;
}
.gwp_right {
width: 100%;
text-align: center;
padding-top: 15px;
}
div#mageplaza-bannerslider-block-before-content-1 {
display: none;
}
.view-desktop{
display: none !important;
}
.view-mobile{
display: block !important;
}
#sync1 .owl-dots, .premium-slider .owl-dots {
bottom: 20px !important;
}
.slide-cont h3 {
font-size: 20px;
line-height: 24px;
letter-spacing: .5px;
color: #1a1919;
}
.rituals_cars_pages .columns {
display: block !important;
}
.care-sliders {
margin-bottom: 50px;
position: relative;
background: #fff;
padding-bottom: 60px;
}
.care-sliders .owl-carousel{
position: static !important;
}
#sync1 .owl-stage, .premium-slider .owl-stage{
transition: all 0s ease 0s !important;
}
#sync2, .premium-collection-child {
top: 0;
left: 0;
width: auto;
z-index: 2;
position: relative !important;
bottom: 0;
padding: 30px;
margin: -150px 30px 0;
box-shadow: 0 1px 6px rgba(0,0,0,.35);
}
#sync1 .owl-dots .owl-dot span, .premium-slider .owl-dots .owl-dot span {
background-color: #918e8ec4 !important;
}
#sync1 .owl-dots .owl-dot.active span, .premium-slider .owl-dots .owl-dot.active span {
background-color: #1c1c1cc4 !important;
}
.care-sliders .item img {
transition: 0.1s linear;
opacity: 0;
object-position: center;
height: 420px;
}
#sync1 .active img, .premium-slider .active img {
opacity: 1;
}
.rituals_cars_pages .column.main {
order: inherit !important;
padding-bottom: 0px;
}
.rituals_cars_pages .bannerHolder img {
height: 590px;
}
.banner-content ul {
display: block;
max-width: 220px;
padding: 30px 0 0;
}
.rituals-care-list {
margin: 0px -40px 0;
display: block;
}
.rituals-care-list li {
margin: 0 0 20px;
}
.rituals_cars_pages a.btnBlack {
max-width: 126px;
position: static;
transform: none;
}
.main-goals {
display: block;
width: auto;
margin: 0px -40px;
}
.main-goals > div {
display: block;
width: 100%;
}
.imagebox img {
width: auto;
height: auto;
position: static;
}
.rituals_cars_pages .simple-text-block {
padding: 50px 0 15px;
}
.page-layout-1column .product-info-main {
width: 100% !important;
margin: 0 auto;
}
.page-layout-1column .product.media {
width: 90% !important;
margin: 0 auto;
}
.breadcrumbs {
display: none !important;
margin: 15px 0;
}
.product-ingredients-container {
flex-direction: row;
min-height: auto;
width: auto;
position: static;
margin-left: 0;
margin-right: 0;
left: 0;
right: 0;
/*margin-bottom: 50px;*/
display: block !important;
}
.product-ingredients-column.column-image {
display: block;
min-height: auto;
width: auto;
}
.single-ingredient .product-ingredients-column.column-details {
display: block;
width: auto;
}
.product-ingredients-column .product-ingredients-content {
max-width: 100%;
}
.product.info.detailed .product.data.items>.item.content{
float: left;
width: 100%;
}
div#howtouse-content {
padding: 0px 20px 0 !important;
}
.catalog-product-view .block.related ol.products {
column-count: 2;
margin: 20px -15px 0px 0px;
}
.catalog-product-view .block.related li.item.product.product-item {
padding: 0 0 1em;
margin: 0 0 15px 0;
width: calc(100% - 15px);
}
.products {
margin: 0;
}
.catalog-product-view .column.main {
padding-bottom: 0;
}
.sticky-product-container .details-container {
display: none;
}
.sticky-button-container {
width: 50% !important;
min-width: auto;
margin: 0 !important;
}
.sticky-product-container .price-container {
margin-left: 10px !important;
}
.sticky-button-container .product-add-to-cart button.btn.btn-add-to-cart.js-add-to-cart {
min-width: 100% !important;
max-width: 100% !important;
}
body .sticky-button-container fieldset {
padding: 0 0px !important;
margin: 0;
}
.checkout-cart-index .cart-need-help{
display: none;
}
.checkout-cart-index .cart.table-wrapper .product-item-details {
margin-left: 90px;
}
.checkout-cart-index #maincontent .cart-container .form.form-cart .cart.table-wrapper #shopping-cart-table td.col.price {
position: absolute;
right: 0;
text-align: right;
}
.checkout-cart-index #maincontent .cart-container .form.form-cart .cart.table-wrapper #shopping-cart-table td.col.qty {
margin-left: 51px;
min-height: 100px;
}
.checkout-cart-index #maincontent .cart-container .form.form-cart .cart.table-wrapper #shopping-cart-table .cart.item .item-info td.col.item {
padding: 15px 8px 0px;
}
.checkout-cart-index .gift-item-block {
border-top: none;
}
.checkout-cart-index .cart-summary {
padding: 5px;
}
.checkout-cart-index .cart.main.actions .action {
position: static;
margin: 0;
}
.checkout-cart-index .cart.main.actions {
margin: 40px 0 0;
text-align: center;
}
.checkout-cart-index .checkout-payment-secure {
width: 148px;
margin: 15px auto;
display: block;
float: none;
}
.checkout-cart-index .cart-summary .checkout-methods-items {
width: auto;
float: none;
margin: 23px auto;
text-align: center;
display: block;
}
.checkout-cart-index .cart-container .cart-gift-item {
padding: 15px 0px;
}
.checkout-cart-index .cart-summary .block>.title {
margin: 10px 15px;
padding: 0;
}
.checkout-cart-index .cart-summary .cart-totals .title{
border: none !important;
padding: 0;
margin: 10px 0;
}
.checkout-cart-index .cart-discount {
display: none !important;
}
.checkout-cart-index .sticky-checkout-main-box p.product-quantity-main {
display: none;
}
.checkout-cart-index .sticky-checkout-main-box .details-container {
justify-content: left;
}
.checkout-cart-index .sticky-checkout-main-box .price-container-main {
margin-left: 0;
padding-left: 0;
}
.checkout-cart-index .sticky-checkout-main-box .sticky-product-info-main {
padding: 5px 15px 5px 20px;
}
.checkout-index-index .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-main {
width: auto;
float: none !important;
padding-right: 0;
margin-bottom: 30px;
}
.checkout-index-index .amcheckout-main-container.-modern.-layout-2columns .amcheckout-column.-sidebar {
float: none !important;
width: 100%;
}
.checkout-index-index .logo {
top: 11px !important;
}
.amcheckout-step-container .form-login .actions-toolbar .secondary .action {
color: #865;
}
.checkout-cart-index .cart-summary .block.active .content {
max-width: 100%;
margin: 0 15px;
}
.amcheckout-step-container .shipping-address-items .shipping-address-item {
padding: 20px 0;
}
.checkout-index-index .modal-popup.modal-slide {
left: 0px;
}
.checkout-index-index button.action.primary.action-save-address, .checkout-index-index button.action.secondary.action-hide-popup{
width: 100%;
margin: 10px 0;
}
.account .block.block-collapsible-nav {
top: 30px;
background: #F6F4F2;
border-bottom: none;
padding-left: 20px;
padding-right: 20px;
}
.account .columns {
padding-top: 100px;
}
.account main#maincontent {
width: 100%;
padding: 15px 20px 30px;
}
.account .pages-item-next {
position: static;
}
.customer-account-index .block.block-dashboard-info {
float: none;
display: block;
width: auto;
}
.customer-account-index .block.block-dashboard-addresses {
float: none !important;
width: auto;
display: block;
}
.customer-account-index .column.main .block:not(.widget) .block-content .box:nth-child(odd) {
clear: both;
float: none !important;
width: auto !important;
}
.account .column.main .block:not(.widget) .block-content .box:nth-child(odd) {
clear: both;
float: none;
width: auto !important;
}
.account .column.main .block:not(.widget) .block-content .box:nth-child(even) {
float: none;
width: auto !important;
}
.account .order-details-items .order-title .action {
margin: 0px 0 0 0;
}
.account .column.main {
margin-bottom: 0;
}
.account.page-layout-2columns-left .column.main {
float: none !important;
width: auto;
}
.account .order-links .item {
margin: 20px 0px 0px 0px;
}
.cms-rituals-faq .cmsExtraPadding {
padding: 0 0px;
}
.cms-rituals-faq .cmsLeftNavSec {
float: none;
width: auto;
}
.cms-rituals-faq .cmsRigthSec {
float: none;
width: auto;
padding: 20px 0 0 0px;
}
.cms-rituals-faq .cmsMoreInfo {
float: none;
width: auto;
padding: 34px 0 0 0px;
}
.cms-rituals-faq .cmsMoreInfo .cmsMoreSocialIcons li {
float: none;
width: auto;
}
.cms-two-tile-horizontal.baner-center .cmsBanner .bannerTxtWrapper .cmsBannerTtl {
font-size: 40px;
line-height: 35px;
}
.cms-two-tile-horizontal.baner-center h2.heading {
font-size: 25px;
line-height: 35px;
letter-spacing: 3px;
}
.cms-page-view .tileHorizontal:nth-child(odd) .imageHolder {
float: none;
width: auto;
}
.cms-page-view .tileHorizontal:nth-child(odd) .textHolder {
float: none;
width: auto;
}
.cms-page-view .tileHorizontal {
padding: 30px 0 20px;
}
body .tileHorizontal.white_bg_section{
padding-top: 40px !important;
}
section.tileHorizontal.threesection {
padding: 40px 0 0px !important;
}
.cms-page-view .tileHorizontal:nth-child(even) .imageHolder {
float: none;
width: auto;
}
.cms-page-view .tileHorizontal .tileWrapper .textHolder {
width: auto;
padding: 0 0 0 !important;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main h2.heading-main {
font-size: 25px !important;
letter-spacing: 3px;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .banner-content-main .description {
font-size: 16px !important;
line-height: 26px;
}
.cms-two-tile-horizontal.baner-center .banner-text-center .img-banner-main img {
height: 74vw;
object-fit: cover;
max-height: 300px;
}
.cms-page-view .tileHorizontal .tileWrapper .textHolder .imageDesc {
max-width: none;
}
.customer-account-login .login-container {
padding: 50px 0 50px;
}
.block.block-customer-login {
padding: 0;
border: none;
float: none;
width: auto;
}
.customer-account-login .block.block-new-customer {
width: auto;
}
.customer-account-login .fieldset.login .actions-toolbar .rememberMe {
margin: 20px 0 40px;
}
.login-container .block .login .actions-toolbar>.secondary {
margin-bottom: 20px;
}
.customer-account-forgotpassword .fieldset>.field:not(.choice)>.control {
width: auto !important;
}
.customer-account-create .page-main {
padding: 40px 20px 0;
}
.createAcLeft {
float: none;
width: auto;
}
.customer-account-create .choice.newsletter {
padding-top: 20px;
}
.customer-account-create .secondary {
float: none;
margin-top: 25px;
}
.createAcRight {
float: none !important;
width: auto;
max-width: none;
margin-top: 40px;
}
.checkout-cart-index .sticky-checkout-main-box .sticky-checkout-btn {
width: 50%;
min-width: auto;
}
#checkoutcom_card_payment_frm label{
font-size: 13px;
letter-spacing: 0;
}
.store-details-hours {
display: block;
}
.store-left-map {
width: auto;
margin-right: 0;
padding-left: 0;
max-width: none;
}
.store-details .store-light-background {
padding: 50px 30px 50px 30px;
background-color: #fcfaf7;
}
.store-hours {
width: auto;
}
.header.content nav.navigation{
left: 0 !important;
}
.header.content nav.navigation.toggle {
width: 100% !important;
z-index: 9999999;
}
.mobileview .page-wrapper .header.content .nav-bar:before {
top: 0px !important;
}
.mobileview .page-wrapper .header.content .toggle-menu {
position: absolute;
left: 10px!important;
top: 2px!important;
}
.block-search {
margin-top: 0 !important;
}
.header.content ul.nav-list.ves-megamenu.nav-mobile{
left: -100%;
position: absolute;
}
.header.content .toggle ul.nav-list.ves-megamenu.nav-mobile{
position: static;
}
}
@media screen and (min-width: 768px){
.page-header .header.content .nav-bar.navigation{
display: none !important;
}
.gift-options-cart-item .gift-wrapping + .gift-message, .cart-gift-item .gift-wrapping + .gift-message {
border-left: none !important;
box-sizing: border-box;
float: none !important;
padding-left: 0 !important;
}
.gift-item-block.block {
padding-left: 0;
}
.gift-options .actions-toolbar .secondary {
float: none;
margin: 0 -5px;
}
.cart-container .cart-gift-item .gift-options, .cart-container .cart-gift-item .gift-summary {
padding-bottom: 0;
}
.gift-options .actions-toolbar:nth-child(3):before{
display: none !important;
}
}
.checkout-cart-index .gift-item-block.block._active {
padding-left: 0;
}
.checkout-cart-index .cart-container .cart-gift-item .actions-toolbar .action:hover, .checkout-cart-index .cart-container .cart-gift-item .actions-toolbar .action:focus {
text-decoration: none;
}
.cart-container .cart-gift-item .gift-options, .cart-container .cart-gift-item .gift-summary {
padding-bottom: 0;
margin-bottom: 0;
}
.checkout-cart-index .cart-container .cart-gift-item .actions-toolbar .action {
border: 1px solid #000 !important;
}
/*---------newsletter popup--------------*/
.um-popup-newsletter.modal-popup._show .modal-inner-wrap {
top: 8%;
max-width: 625px !important;
width: 92% !important;
max-height: none;
min-height: auto !important;
/*transform: translateY(-50%);*/
}
.um-popup-newsletter.modal-popup._show button.action.subscribe.primary {
background-color: #9ecb7a;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 100%;
border-style: solid;
border-color: #9ecb7a;
border-width: 1px;
font-size: 16px;
text-align: center;
color: rgb(255, 255, 255);
font-weight: normal;
border-radius: 30px;
padding: 10px;
font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
width: 250px;
height: 50px;
text-transform: uppercase;
margin: 0 auto;
display: block;
}
.um-popup-newsletter header.modal-header {
position: absolute;
right: 5px;
top: 5px;
}
div#um-popup-newsletter {
margin-bottom: 0;
}
.um-popup-newsletter .modal-content {
overflow-y: none;
padding: 0 !important;
}
.um-newslp-msg h4 {
font-size: 20px;
color: #000;
font-weight: normal;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
margin: 15px 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
}
.um-newslp-msg p {
font-size: 13px;
line-height: 20px;
text-align: center;
color: #000;
margin: 10px 0 15px;
/*text-transform: uppercase;*/
word-break: normal;
font-family: arial;
}
.um-newslp-msg p span {
/*font-size: 27px;
display: block;*/
padding: 7px 0 15px;
}
.um-newslp-msg p a {
font-size: 13px;
color: #000;
text-decoration: underline;
}
.newsletter-popup-box {
display: table;
width: 100%;
max-height: 500px;
}
.newsletter-img {
display: table-cell;
width: 35%;
padding: 0;
vertical-align: top;
position: relative;
}
.newsletter-content {
padding: 15px 25px 5px 25px;
display: table-cell;
width: 26%;
vertical-align: top;
}
.newsletter-img img {
position: absolute;
height: 100%;
object-fit: cover;
/* object-position: 54%; */
}
.newsletter-content .um-newslp-ctn {
float: none;
width: 100%;
clear: both;
}
.newsletter-content .um-newslp-ctn:after {
content: "";
clear: both;
display: block;
}
.newsletter-content .um-newslp-actions {
float: none;
padding-top: 15px;
}
.newsletter-content .um-newslp-email label {
font-size: 14px;
color: #000;
}
.newsletter-content input#newsletter {
border: 1px dashed #d8d8d8;
padding: 2px 8px;
font-size: 13px;
height: 45px;
font-family: "ScalaSansOT";
border-radius: 2px;
text-align: center;
font-style: italic;
cursor: text;
}
.newsletter-content .um-newslp-email{
position: relative;
}
.newsletter-content input#newsletter.mage-error {
border-color: rgb(237, 87, 87) !important;
}
.um-newslp-email > div {
transition: 0.5s ease-in-out;
opacity: 0;
top: 0;
}
.newsletter-content div#newsletter-error {
/* position: absolute; */
top: -21px;
/* background: rgb(237, 87, 87) !important; */
color: rgb(237, 87, 87) !important;
/* padding: 6px; */
left: 50%;
/* transform: translateX(-50%); */
/* width: 138px; */
/* text-align: inherit; */
font-style: italic;
font-weight: normal;
opacity: 1;
}
.newsletter-content div#newsletter-error:after {
content: "";
border: 10px solid transparent;
border-top-color: rgb(237, 87, 87) !important;
bottom: -15px;
position: absolute;
left: 50%;
transform: translateX(-50%);
border-radius: 2px;
display: none;
}
.rituals-logo-signup {
width: 60px;
margin: 0 auto;
}
.checkout-index-index .modal-popup.modal-slide:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap {
overflow-y: auto;
min-height: auto;
}
.um-newslp-terms p{
margin: 10px 0 0 !important;
text-align: center;
display: block;
font-size: 13px;
}
.um-newslp-terms p a {
color: #3a2e2c;
text-decoration: underline;
font-size: 13px;
}
.um-newslp-terms p a:hover {
color: #000000;
text-decoration: underline;
}
@media screen and (max-width: 767px){
.um-popup-newsletter.modal-popup._show .modal-inner-wrap {
margin-top: 80px;
}
.newsletter-popup-box {
display: block;
height: auto;
}
.newsletter-img {
display: block;
width: 100%;
}
.newsletter-content {
padding: 14px 25px 15px 25px;
display: block;
width: 100%;
}
.newsletter-img img {
position: static;
height: 200px;
object-fit: cover;
width: 100%;
}
.um-newslp-msg h4 {
font-size: 22px;
}
.um-newslp-msg p {
font-size: 13px;
}
.um-newslp-msg p span {
/*font-size: 24px;*/
padding: 0px 0 15px;
}
}
/*-----------end news----------*/
#changenumber {
padding: 0 !important;
font-weight: normal !important;
cursor: pointer !important;
/* border: 1px solid #000; */
/* background: #000; */
color: #666;
display: block;
text-align: center;
margin: 20px auto 35px;
width: 144px;
height: auto !important;
text-decoration: underline;
text-transform: uppercase;
font-size: 13px;
}
#orderVerifyMobValue {
width: 100% !important;
}
.sms-order-popup-verification .title {
margin: 20px 0 10px;
}
input#orderVerifySendOtp {
float: none !important;
width: 100% !important;
background: #000 !important;
text-transform: uppercase;
height: 50px;
border: none;
}
.checkout-index-index .modal-popup.modal-slide:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap .modal-footer {
padding: 0 30px 35px !important;
border: none;
text-align: center;
/* margin-top: -11px; */
}
.sms-order-popup-verification .fieldset {
margin: 0 0 20px;
}
.sms-order-verify-popup.modal-popup._inner-scroll .modal-content {
overflow: visible;
padding-bottom: 0;
}
.checkout-index-index .modal-popup.modal-slide:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap .modal-footer button.action.primary {
background: none;
border-radius: 0;
border: none;
display: block;
width: 100%;
float: none;
margin: 10px 0;
text-transform: uppercase;
}
.checkout-index-index .modal-popup.modal-slide:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap .modal-footer button.action.primary:first-child {
background: #000;
border: 1px solid #000;
height: 50px;
}
.checkout-index-index .modal-popup.modal-slide:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap .modal-footer button.action.primary:last-child {
color: #666; text-decoration: underline;font-size: 13px;
}
.checkout-index-index .modal-popup.modal-slide:not(.agreements-modal):not(.popup-authentication) .modal-inner-wrap .modal-title {
font-size: 20px;
}
.rtl .sms-order-verify-popup.modal-slide .action-close {
left: 0;
right: auto;
}
.old-price, .old.price, .old-price .price {
text-decoration: line-through;
}
.product-item-info .product-item-photo {
display: block;
position: relative;
}
.new-lable {
bottom: 0;
font-size: 13px;
left: 50%;
letter-spacing: 2.4px;
line-height: 15px;
margin-bottom: 0;
padding: 5px 20px 4px;
transform: translateX(-50%);
position: absolute;
color: #453f3f;
text-transform: uppercase;
background: #fff;
}
.related .product-item-photo .new-lable{
margin: 0 0 10px;
}
/*-----------------------landing---start--------*/
.page-layout-1column .page-main .category-view .cat-image-section .category-image:after{
display: none;
}
.page-layout-1column .page-main .category-view{
margin-bottom: 0 !important;
}
.page-layout-1column .page-main .columns .column.main{
max-width: 1336px;
margin: 0 auto;
float: none;
}
.page-layout-1column .page-main #m-navigation-product-list-wrapper .toolbar-products{
display: none !important;
}
.page-layout-1column .page-main .products-grid .products .item.static{
background: #fff !important;
}
.page-layout-1column .page-main .products-grid .products .item.static .gift-container {
background: none !important;
padding: 0!important;
margin: 0!important;
}
.page-layout-1column .page-main .products-grid .products .item.static .inner-breadcrumbs{
display: none !important;
}
.page-layout-1column .page-main .products-grid .products .item.static .cop-subcategories-wrapper{
display: none !important;
}
.page-layout-1column .cat-image-section .cat-details-title {
font-size: 40px !important;
letter-spacing: 6px !important;
text-transform: uppercase;
max-width: 650px;
line-height: 56px;
}
body.page-layout-1column .page-main .category-view .cat-image-section .cat-details-sort-desc {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-size: 16px;
letter-spacing: 3px;
line-height: 25px;
margin: 15px auto 35px;
text-transform: uppercase;
font-weight: normal;
}
.page-layout-1column .cat-details .btn {
cursor: pointer;
}
html .page-layout-1column .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .products .item.empty-message .message.info{
padding: 30px 20px 12px 25px !important;
}
html .collection_banners .cat-image-section img{
object-position: center top !important;
/*filter: none !important;*/
}
.collection_banners .cat-image-section{
height: 75vh !important;
max-height: 600px;
}
.category-cms .sakura-section-1, .category-cms .sakura-section-2{
padding: 60px 0;
text-align: center;
}
.category-cms .sakura-section-1{
background: #fff;
}
.category-cms .text-holder{
max-width: 1080px;
padding: 0 20px;
margin: 0 auto;
}
.category-cms .subTtlTxt {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 30px;
letter-spacing: .6px;
line-height: 40px;
}
.sakura-section-1 .btn{
background: #fff;
color: #000;
margin: 20px auto 0px;
}
.sakura-section-1 .btn:hover {
background: #000 !important;
text-decoration: none;
color: #fff !important;
}
.sakura-section-2 h4 {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-weight: normal;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 5px;
margin-bottom: 20px;
}
.sakura-section-2 h2 {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-style: normal;
font-size: 40px;
letter-spacing: 1.6px;
margin-bottom: 17px;
color: #1a1919;
}
.sakura-section-2 span {
color: #000;
display: inline-block;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 16px;
letter-spacing: 5px;
line-height: 23px;
margin-bottom: 24px;
padding-left: 20px;
position: relative;
text-transform: uppercase;
}
.sakura-section-2 span:before {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Ik0gMjQgNCBDIDEyLjk3MjA2NiA0IDQgMTIuOTcyMDc0IDQgMjQgQyA0IDM1LjAyNzkyNiAxMi45NzIwNjYgNDQgMjQgNDQgQyAzNS4wMjc5MzQgNDQgNDQgMzUuMDI3OTI2IDQ0IDI0IEMgNDQgMTIuOTcyMDc0IDM1LjAyNzkzNCA0IDI0IDQgeiBNIDI0IDcgQyAzMy40MDY2MTUgNyA0MSAxNC41OTMzOTEgNDEgMjQgQyA0MSAzMy40MDY2MDkgMzMuNDA2NjE1IDQxIDI0IDQxIEMgMTQuNTkzMzg1IDQxIDcgMzMuNDA2NjA5IDcgMjQgQyA3IDE0LjU5MzM5MSAxNC41OTMzODUgNyAyNCA3IHogTSAyMi40NzY1NjIgMTEuOTc4NTE2IEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDIxIDEzLjUgTCAyMSAyNC41IEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDIxLjQzOTQ1MyAyNS41NjA1NDcgTCAyNi40Mzk0NTMgMzAuNTYwNTQ3IEEgMS41MDAxNSAxLjUwMDE1IDAgMSAwIDI4LjU2MDU0NyAyOC40Mzk0NTMgTCAyNCAyMy44Nzg5MDYgTCAyNCAxMy41IEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDIyLjQ3NjU2MiAxMS45Nzg1MTYgeiI+PC9wYXRoPjwvc3ZnPg==");
display: inline-block;
width: 20px;
opacity: 0.8;
vertical-align: top;
padding: 0px 7px 0;
}
.sakura-section-2 p {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 28px;
margin: 0 auto;
max-width: 500px;
letter-spacing: 1px;
}
.sakura-section-3 {
display: flex;
width: 100%;
position: relative;
}
div#sakura2 {
width: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
div#sakura2 * {
height: 100%;
}
div#sakura2 .owl-item img {
object-fit: cover;
object-position: center !important;
}
div#sakura1 {
width: 50%;
max-width: 800px;
counter-reset: step-counter;
padding: 0 0 80px;
margin: 0 0 0 50%;
}
.sakura-section-3-right {
text-align: center;
position: relative;
overflow: hidden;
padding: 0 20px;
}
.sakura-section-3-right::before {
color: #453f3f;
content: counter(step-counter);
counter-increment: step-counter;
display: inline-block;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 246px;
left: 50%;
line-height: 1;
opacity: .11;
position: absolute;
top: 24px;
transform: translateX(-50%);
z-index: -1;
}
.sakura-section-3-right .second-title {
font-family: "ClassGarmnd BT","Times New Roman",serif;
color: #000;
text-transform: uppercase;
font-size: 30px;
letter-spacing: 8px;
display: inline-block;
margin: 120px 0 30px;
position: relative;
max-width: 570px;
}
.show-minutes {
padding: 0px 0 8px;
}
.sakura-section-3-right .product-content {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin: 0 auto 10px;
max-width: 570px;
}
.sakura-section-3-right .product-image img {
max-width: 260px;
margin: 50px auto;
}
.sakura-section-3-right .product-name {
font-size: 16px;
letter-spacing: 3px;
line-height: 23px;
margin-bottom: 11px;
display: inline-block;
}
.sakura-section-3-right .product-name:hover{
text-decoration: none;
color: #000;
}
.sakura-section-3-right .product-price {
font-size: 20px;
letter-spacing: 2.4px;
line-height: 19px;
margin-bottom: 26px;
}
.sakura-section-3-right .btn {
box-shadow: none !important;
border-radius: 0 !important;
font-weight: normal;
color: #fff;
text-decoration: none;
}
.sakura-section-3-right .btn:focus{
color: #000;
background: #fff;
border-color: #000;
}
.sakura-section-3-right .btn:hover{
text-decoration: none;
}
.product-view-details a {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
font-size: 12px;
color: #865;
text-decoration: underline;
cursor: pointer;
letter-spacing: 2px;
text-transform: uppercase;
margin: 20px 0 0;
display: inline-block;
}
.product-view-details a:hover{
text-decoration: none;
}
.second-title::before, .second-title::after {
background-color: #453f3f;
content: '';
display: inline-block;
height: 1px;
opacity: .2;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 1000em;
}
.second-title::before {
right: calc(100% + 20px);
}
.second-title::after {
left: calc(100% + 20px);
}
#sakura1 .owl-item:last-child .second-title::after{display:none}
#sakura1 .owl-dots {
bottom: 35px !important;
position: absolute;
width: 100%;
}
#sakura1 .owl-dots .owl-dot{
box-shadow: none !important;
}
#sakura1 .owl-dots .owl-dot span{
background-color: #ccc!important;
border-radius: 0!important;
width: 75px!important;
height: 4px !important;
margin: 0 !important;
}
#sakura1 .owl-dots .owl-dot.active span {
background-color: #222!important;
}
#sakura1 .owl-nav {
margin-top: 0;
position: absolute;
width: 100%;
transform: translateY(-50%);
top: 50%;
}
#sakura1.owl-theme .owl-next{
right: 0;
}
#sakura1.owl-theme .owl-prev{
left: 0;
}
#sakura1.owl-theme button.disabled{
display: none!important;
}
#sakura1.owl-theme .owl-next, #sakura1.owl-theme .owl-prev{
cursor: pointer;
/*background-color: #fff;*/
color: #000;
font-size: 0;
padding: 3px;
border-radius: 50px;
width: 50px;
height: 50px;
top: 50% !important;
transform: translateY(-50%);
margin: 0 8%;
/*text-indent: 6px;*/
border: none;
position: absolute;
box-shadow: none;
}
#sakura1.owl-theme .owl-prev:before{
content: "\EA12";
margin-left: -3px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: 0;
font-size: 45px;
line-height: 43px;
}
#sakura1.owl-theme .owl-next:before {
content: "\EA13";
margin-left: 0px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: 0;
font-size: 45px;
line-height: 43px;
}
#sakura1.owl-theme .owl-prev:hover, #sakura1.owl-theme .owl-next:hover{
background: #fff;
}
.page-layout-1column div#layered-filter-block {
display: none;
}
.shop-sakura {
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 36px;
letter-spacing: 1.2px;
text-transform: none;
text-align: center;
margin: 60px 0 30px;
}
.jingsection-2 {
max-width: 1440px;
padding: 60px 40px;
margin: 0 auto;
}
.jing_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.jing_item {
width: 47.7%;
margin: 50px 0 10px;
display: flex;
flex-wrap: wrap;
}
.jing_item > * {
width: 100%;
}
.jing_item .gridItemImgContainer.desktoponly {
display: flex;
align-items: end;
background: #fff;
}
.jing_item .gridItemImgContainer img{
display: block;
}
.category-cms .jing_item .text-holder {
max-width: 1080px;
padding: 40px 40px 30px;
margin: 0;
background: #fff;
text-align: center;
}
.jing_item .text-holder h4 {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 40px;
letter-spacing: 1.6px;
margin: 0 0 21px;
font-weight: normal;
}
.jing_item .text-holder p {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
margin: 0 auto 16px;
letter-spacing: 1px;
line-height: 28px;
}
.jing_item .text-holder .btn{
background: #fff;
color: #000;
}
.jing_item .text-holder .btn:hover {
background: #000 !important;
text-decoration: none;
color: #fff !important;
}
.single-ingredient .product-ingredients-column .product-ingredients-content .gift-set-title {
color: #1a1919;
font-size: 30px;
line-height: 40px;
letter-spacing: .6px;
margin-bottom: 30px;
}
.single-ingredient .product-ingredients-column .product-ingredients-content .gift-brand-title {
color: #9a7b69;
font-size: 11px;
letter-spacing: 1.6px;
line-height: 24px;
text-transform: uppercase;
padding: 20px 0 0;
margin: 0;
border-top: 1px solid #cfcfcf;
}
.single-ingredient .product-ingredients-column .product-ingredients-content .gift-set-text {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin: 0;
padding: 0 0 20px;
}
.single-ingredient .gift-set-title + .gift-brand-title {
border: none !important;
}
.gift-partial .product-ingredients-column .product-ingredients-content {
margin-left: 15px !important;
margin-right: 0 !important;
}
.gift-partial .product-ingredients-column.column-image {
background: none !important;
}
.product-info-ingrediantinfo .gift-full {
background: #fff;
left: 50%;
right: 50%;
margin: 0 -50vw;
}
.product-info-ingrediantinfo .gift-full .product-ingredients-content .ingredient-item {
text-align: center;
}
.gift-full .column-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.SakuraSectionFour {
padding: 100px 0 0;
}
.ingredient_scetion_main {
max-width: 760px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}
.SakuraSectionFour h4 {
color: #000;
font-size: 16px;
letter-spacing: 5px;
line-height: 23px;
margin-bottom: 13px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
/*text-transform: uppercase;*/
font-weight: normal;
}
.SakuraSectionFour p {
font-size: 20px;
letter-spacing: .6px;
line-height: 30px;
color: #453f3f;
margin-bottom: 10px;
text-align: center;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.sakura-item_main {
display: flex;
padding: 38px 0 0;
}
.sakura-item_main .sakura_item {
width: 50%;
padding: 65px 0;
}
.sakura-item_main .sakura_item:last-child {
background: #fff;
}
.sakura-item_main .sakura_item .gridItemImgContainer {
max-width: 720px;
margin: 0 auto;
}
.sakura-item_main .sakura_item .gridItemImgContainer img {
max-width: 520px;
/* margin: 0 auto; */
display: block;
}
.sakura-item_main .sakura_item .text-holder {
max-width: 490px;
}
.sakura-item_main .sakura_item .text-holder h4, .sakura-item_main .sakura_item .text-holder p {
text-align: inherit;
}
.advent-static-horizontal {
background: #1C2C4C;
margin-bottom: -20px;
}
.advent-main-wrapper {
display: flex;
max-width: 1140px;
margin: 0 auto;
}
.adventitems {
max-width: 330px;
padding: 50px 10px;
margin: 0 auto;
text-align: center;
color: #fff;
}
.adventitems img {
max-width: 250px;
}
.adventitems h3 {
font-size: 16px;
letter-spacing: 5px;
line-height: 25px;
font-weight: 400;
margin: 30px 0 15px;
}
.adventitems p {
font-size: 14px;
letter-spacing: .5px;
line-height: 24px;
margin: 0;
}
.Advent-Section-2 {
max-width: 1360px;
margin: 0 auto;
padding: 20px 20px 0;
}
.advent-section2-wrapper {
display: flex;
margin: 0 -32px;
}
.advent_items {
padding: 0 32px;
position: relative;
}
.advent_items img{
display: block;
}
.advent_items .product-price {
background-color: #041a2c;
color: #fff;
font-size: 16px;
letter-spacing: 1px;
padding: 19px 17px 18px;
position: absolute;
margin: 24px;
top: 0;
}
.advent_items .product-price a {
color: #fff;
text-decoration: none;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.advent_items .btn{
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
}
.advent_items .gridItemImgContainer {
position: relative;
}
.advent_items .gridItemImgContainer:after {
background-color: #000;
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
opacity: .5;
}
.Advent-Section-3 {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 20px;
letter-spacing: .4px;
line-height: 33px;
color: #fff;
text-align: center;
max-width: 740px;
margin: 0 auto;
padding: 110px 20px;
}
.sakura-advent-slide {
padding: 100px 20px 40px;
max-width: 480px;
margin: 0 auto;
text-align: center;
color: #fff;
}
.sakura-advent-slide .second-title {
font-size: 40px;
margin-bottom: 18px;
letter-spacing: 1.6px;
text-transform: none;
line-height: 50px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.sakura-advent-slide .second-title::before{
display: none;
}
.sakura-advent-slide .product-content {
font-size: 14px;
line-height: 24px;
letter-spacing: .5px;
margin-bottom: 23px;
}
.sakura-advent-slide .product-price {
margin-bottom: 24px;
}
.sakura-advent-slide .prices-container a {
color: #fff;
text-decoration: none;
font-size: 26px;
font-weight: normal;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.usp-checkbox-list ul {
margin: 0;
padding: 20px 0 12px;
list-style: none;
}
.usp-checkbox-list ul .shipping-info-point {
font-size: 14px;
letter-spacing: .5px;
line-height: 17px;
list-style: none;
margin: 12px 0;
}
.usp-checkbox-list ul .shipping-info-point strong {
position: relative;
padding: 0 23px;
}
.usp-checkbox-list ul .shipping-info-point strong:before {
content: "";
width: 6px;
height: 2px;
background: #865;
display: inline-block;
transform: rotate(45deg);
position: absolute;
left: 0;
margin: 7px 0 0;
}
.usp-checkbox-list ul .shipping-info-point strong:after {
content: "";
width: 13px;
height: 2px;
background: #865;
display: inline-block;
transform: rotate(316deg);
position: absolute;
left: 3px;
margin: 4px 0 0;
}
.productadvent-info .disclaimer {
font-size: 14px;
line-height: 24px;
letter-spacing: .5px;
max-width: 270px;
margin: 0 auto;
}
.Advent-Section-4 #sakura1.owl-theme .owl-next, .Advent-Section-4 #sakura1.owl-theme .owl-prev{
background-color: #fff !important;
}
.Advent-Section-4 #sakura1.owl-theme button.disabled {
display: block !important;
background: #fff;
opacity: 0.2;
}
.Advent-Section-4 #sakura1 .owl-dots {
bottom: 65px !important;
}
.Advent-Section-4 #sakura1 .owl-dots .owl-dot span {
background-color: #707070!important;
width: 145px!important;
}
.Advent-Section-4 #sakura1 .owl-dots .owl-dot.active span {
background-color: #fff!important;
}
ul.explanation-list {
justify-content: space-between;
margin: 0 auto;
max-width: 390px;
padding: 20px 0 0;
display: flex;
flex-wrap: wrap;
width: 100%;
list-style: none;
}
ul.explanation-list li {
display: flex;
flex-direction: column;
list-style: none;
justify-content: center;
align-items: center;
margin-bottom: 24px;
min-height: 80px;
padding: 15px 20px;
width: calc(50% - 13px);
}
ul.explanation-list li .key-copy {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
}
ul.explanation-list li .explanation-copy {
color: #d0a880;
font-size: 10px;
letter-spacing: 1.7px;
line-height: 16px;
text-transform: uppercase;
}
ul.explanation-list li .btn-content-video {
color: #d0a880;
font-size: 10px;
letter-spacing: 1.7px;
line-height: 16px;
text-transform: uppercase;
border: none;
box-shadow: none;
padding: 0;
background: no-repeat;
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-weight: normal;
text-decoration: underline;
}
ul.explanation-list li .btn-content-video:hover{
text-decoration: none;
}
div#media-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
}
div#media-popup:before {
content: "";
background-color: rgba(0,0,0,.5);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity .4s cubic-bezier(.18,.74,.36,.99);
z-index: -1;
}
#media-popup .close {
position: absolute;
color: #fff;
text-decoration: none;
width: 27px;
height: 27px;
border: 1px solid #fff;
border-radius: 90px;
text-align: center;
padding: 3px 9px;
cursor: pointer;
left: 50%;
transform: translateX(-50%);
bottom: 3vh;
}
#media-popup iframe {
position: absolute;
left: 50%;
width: 90%;
height: 80vh;
top: 10vh;
transform: translateX(-50%);
}
.advent_item {
display: flex;
}
.advent_item > * {
width: 50%;
position: relative;
}
.advent_left img {
display: block;
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
object-position: center;
}
.advent_item .advent_right {
padding: 100px 145px;
color: #fff;
text-align: center;
display: flex;
/*justify-content: flex-end;*/
min-height: 700px;
align-items: center;
}
.advent_item .advent_right .text-holder {
max-width: 430px;
margin: 0;
padding: 0;
}
.advent_right h4 {
font-size: 40px;
letter-spacing: 2px;
line-height: 48px;
margin: 0 0 16px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-weight: normal;
}
.advent_right p {
font-size: 14px;
letter-spacing: .5px;
line-height: 24px;
}
.Advent-Section-6 {
max-width: 960px;
margin: 0 auto;
padding: 65px 20px 65px;
}
.faqContents_advent{
color: #fff;
}
.advent_faqsTtl {
font-size: 40px;
letter-spacing: 2px;
line-height: 50px;
margin-bottom: 39px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
text-align: center;
}
.faqContents_advent ul.accordion_container {
margin: 0;
padding: 0;
list-style: none;
}
.faqContents_advent .accordion_container li {
margin: 0;
padding: 30px 100px 30px 25px;
border-bottom: 1px solid rgba(255,255,255,.15);
}
.faqContents_advent .accordion_container li:first-child {
border-top: 1px solid rgba(255,255,255,.15);
}
.faqContents_advent .accordion_head {
font-size: 16px;
letter-spacing: .5px;
line-height: 24px;
margin-bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
cursor: pointer;
}
.faqContents_advent .accordion_head .plusminus {
font-size: 20px;
font-weight: 400;
width: 20px;
text-align: center;
padding: 2px 4px;
height: 20px;
line-height: 14px;
border: 1px solid #ccc;
border-radius: 90px;
position: absolute;
right: -75px;
}
.accordianContent.accordion_body {
font-size: 13px;
letter-spacing: .9px;
display: none;
padding: 30px 0 0;
}
.advent-static-horizontal .btn, body .advent-static-horizontal .btn:hover {
background: #fff !important;
border-color: #fff !important;
color: #1a1919 !important;
text-decoration: none;
}
.adventshormore {
text-align: center;
margin: 40px 0 0;
}
.Advent-Section-7 {
max-width: 960px;
margin: 0 auto;
padding: 0px 19px 45px;
}
.Advent-Section-7 .wide {
color: #fff;
padding: 0px 100px 15px 25px;
border-bottom: 1px solid rgba(255,255,255,.15);
position: relative;
}
.Advent-Section-7 .wide #toggle_icon {
font-size: 28px;
font-weight: 400;
width: 48px;
text-align: center;
padding: 2px 16px;
height: 48px;
line-height: 40px;
border: 1px solid #ccc;
border-radius: 90px;
position: absolute;
right: 25px;
bottom: 30px;
cursor: pointer;
z-index: 1;
opacity: 0.4;
}
.Advent-Section-7 .faqgrd:after {
background: linear-gradient(180deg,rgba(28,44,76,0) 0,rgba(28,44,76,.86) 85.3%,#1c2c4c 99.99%);
bottom: 32px;
content: '';
display: inline-block;
height: 75%;
left: 0;
position: absolute;
width: 100%;
}
.Advent-Section-7 h2 {
font-size: 16px;
letter-spacing: .5px;
line-height: 24px;
margin-bottom: 20px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-style: normal;
text-transform: uppercase;
}
.Advent-Section-7 p {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 16px;
letter-spacing: .5px;
line-height: 24px;
margin-bottom: 20px;
}
.serendipity-section .advent_item .advent_right {
color: #453f3f;
max-width: 661px;
margin: 0 auto;
padding: 40px;
}
.serendipity-section .advent_item .advent_right .text-holder {
max-width: 575px;
margin: 0 auto;
}
.serendipity-section .advent_right h4 {
/*font-size: 30px;
letter-spacing: 8px;
text-transform: uppercase;*/
}
.serendipity-section .advent_left img {
position: static;
height: auto;
}
.serendipity_item_main {
align-items: center;
background: #1c0826;
padding: 0;
margin: 38px 0 0;
}
.serendipity_item_main > * {
width: 50%;
}
.serendipity_item img {
display: block;
}
.serendipity_item_main .text-holder {
padding: 40px 80px;
}
.serendipity_item_main h4 {
color: #fff;
font-size: 32px;
letter-spacing: 2.4px;
margin: 0 0 40px;
text-align: inherit;
}
.serendipity_item_main ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0 -40px;
padding: 0;
}
.serendipity_item_main ul li {
width: 50%;
margin: 0;
color: #fff;
padding: 0 40px;
}
.serendipity_item_main ul li h4 {
font-size: 16px;
letter-spacing: 3px;
margin: 0 0 10px;
line-height: normal;
}
.serendipity_item_main ul li p {
font-size: 16px;
letter-spacing: 1px;
line-height: 24px;
color: #fff;
margin: 0 0 20px;
text-align: inherit;
border-bottom: 2px solid #483851;
padding: 0 0 10px;
min-height: 60px;
font-style: italic;
}
.serendipity_item_main ul li .border-none {
border: none;
margin: 0;
min-height: auto;
padding: 0;
}
.advent-product-info-section-main {
clear: both;
padding-top: 70px;
}
.advent-product-info-section-main .two-column-1 {
width: 100%;
}
.advent-product-info-section-main .two-column-2 {
position: absolute;
}
.advent-product-info-section-main .advent-product-info {
text-align: inherit;
max-width: 440px;
}
.advent-product-info-section-main .two-column-container h3 {
color: #fff;
}
.advent-calender.btn {
box-shadow: none;
background-color: rgba(255,255,255,.1);
min-height: 60px;
margin-top: 15px;
letter-spacing: 4.2px;
padding: 14px 40px 14px 20px;
border: 1px solid #fff;
border-radius: 0;
font-weight: normal;
z-index: 1;
}
.advent-calender.btn:hover {
background: #fff !important;
border-color: #fff !important;
color: #222 !important;
}
.advent-calender.btn span:before {
content: url("data:image/svg+xml;utf8,");
width: 22px;
display: inline-block;
vertical-align: middle;
margin: 0 13px;
transform: rotate3d(0, 0, -7, 90deg);
}
.advent-calender.btn:hover span:before{
content: url("data:image/svg+xml;utf8,");
}
.advent-product-info-section-main .two-column-container {
position: absolute;
height: 100%;
width: 100%;
}
.advent-calender-main {
background: #02192b;
opacity: 0;
z-index: -1;
transition: all 0.4s ease-in-out;
transform: translateX(-10px);
}
.advent-calender-main.advent-calender-popup {
opacity: 1;
z-index: 2;
transform: none;
}
.advent-calender-main .slider_box {
width: 50%;
max-width: 800px;
margin: 0 0 0 50%;
position: relative;
}
.slider_box button#hide {
box-shadow: none;
background-color: transparent;
min-height: 48px;
letter-spacing: 4.2px;
padding: 14px 20px;
border: 1px solid #fff;
border-radius: 0;
font-weight: normal;
min-width: auto;
height: 48px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40px;
z-index: 2;
}
.slider_box button#hide:hover {
background: #fff !important;
border: 1px solid #fff !important;
}
.advent-calender-main .slider_box div#sakura1 {
width: 100%;
padding: 0 0 200px;
max-width: none;
margin: 0;
}
.advent-calender-right {
max-width: 340px;
margin: 0 auto;
padding: 0 20px;
}
.step-intro {
color: #fff;
text-align: center;
min-height: 542px;
padding-top: 88px;
}
.step-intro .heading-h10 {
font-size: 14px;
line-height: 24px;
letter-spacing: .5px;
margin: 0 0 23px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.step-intro h1 {
font-size: 30px;
font-weight: normal;
line-height: 40px;
letter-spacing: .6px;
margin: 0 0 30px;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
}
.step-intro ol {
padding: 0;
margin: 0;
text-align: initial;
list-style: none;
}
.step-intro ol li {
font-size: 14px;
line-height: 24px;
letter-spacing: 1px;
padding-left: 20px;
position: relative;
margin: 0 0 9px;
}
.step-intro ol li .order-number {
left: 0;
position: absolute;
}
.advent-calender-main #sakura1.owl-theme button.disabled {
display: block!important;
}
.advent-calender-main #sakura1 .owl-dots .owl-dot span {
background-color: #707070!important;
}
.advent-calender-main #sakura1 .owl-dots .owl-dot.active span {
background-color: #fff!important;
}
.advent-calender-main #sakura1.owl-theme .owl-next, .advent-calender-main #sakura1.owl-theme .owl-prev {
color: #fff;
}
.advent-calender-main #sakura1.owl-theme .owl-prev:hover, .advent-calender-main #sakura1.owl-theme .owl-next:hover {
color: #444;
opacity: 1;
background: #fff !important;
cursor: pointer;
}
.advent-calender-main div#sakura1 {
padding: 0 0 200px;
}
.advent-calender-main #sakura1 .owl-dots {
bottom: 140px !important;
}
.advent-product-info-main {
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin: 0 -50vw;
}
.two-column-container {
display: flex;
align-items: center;
}
.two-column-container>* {
width: 50%;
}
.two-column-container h3 {
color: #1a1919;
font-size: 30px;
font-weight: normal;
line-height: 40px;
letter-spacing: .6px;
margin: 0 0 30px;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
}
.two-column-container h5 {
color: #807463;
font-size: 14px;
font-weight: normal;
line-height: 22px;
letter-spacing: 2px;
margin: 0 0 15px;
text-transform: uppercase;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
}
.two-column-container p {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin: 0;
padding: 0 0 25px;
}
.advent-product-info {
text-align: center;
max-width: 520px;
padding: 20px;
margin: 0 auto;
}
ul.advent-product-icon {
padding: 0;
margin: 10px 0 0;
list-style: none;
display: flex;
justify-content: space-between;
align-items: center;
}
ul.advent-product-icon li {
padding: 0px;
color: #7f7f7f;
display: flex;
align-items: center;
font-size: 14px;
letter-spacing: .5px;
line-height: 24px;
position: relative;
}
ul.advent-product-icon li:before {
content: "";
background: #fff;
border-radius: 90px;
width: 50px;
height: 50px;
display: block;
margin: 0 15px;
font-size: 20px;
color: #865;
line-height: 2;
}
ul.advent-product-icon li.product-icon-1:before {
content: "\EA2F" !important;
font-family: iconfont;
}
ul.advent-product-icon li.product-icon-2:before {
background-image: url("data:image/svg+xml;utf8,") !important;
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
}
.advent-product-info-video {
height: 742px;
overflow: hidden;
position: relative;
}
.advent-product-info-video video {
display: block;
max-width: none;
max-height: none;
box-sizing: border-box;
height: 58vw;
left: 50%;
min-height: calc(100% + 5px);
min-width: calc(100% + 5px);
transform: translate(-50%,-50%);
position: absolute;
top: 50%;
width: 177.8vh;
}
.advent-product-info-video img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.page-products .cat-image-section .cat-details-title p {
font-size: 30px;
letter-spacing: 8px;
line-height: 40px;
margin-bottom: 12px;
}
.catalog-category-view .page-main .category-view .cat-image-section .category-image {
opacity: 1 !important;
}
.sakura-happy-home img {
width: 100%;
/*height: auto !important;*/
object-fit: cover;
object-position: center;
}
.sakura-happy-home div#sakura1 {
padding: 20vh 0;
}
.sakura-happy-home div#sakura1 .sakura-section-3-right:before {
display: none;
}
.sakura-happy-home .second-title::before, .sakura-happy-home .second-title::after{
display: none;
}
.sakura-happy-home .sakura-section-3-right .second-title {
margin: 0px 0 30px;
font-size: 40px;
letter-spacing: 1.6px;
text-transform: none;
line-height: normal;
}
.new-clean .sakura-section-3-right .second-title {
text-transform: none;
margin-bottom: 14px;
font-size: 40px;
letter-spacing: 1.6px;
line-height: 50px;
}
.sakura-happy-home .sakura-section-3-right .product-content{
margin-bottom: 30px;
}
.sakura-happy-home .sakura-section-3-right {
max-width: 490px;
margin: 0 auto;
}
.discount-price {
color: #ff0000;
white-space: nowrap;
margin: 0 5px;
font-weight: 600;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.product-info-main .discount-price {
font-size: 25px;
font-weight: normal;
}
.sticky-product-container .price-container {
margin-top: 0;
}
.cleopatra-section2 #sync2, .premium-slider .premium-collection-child {
display: flex !important;
align-items: center;
}
div#filtering {
display: flex;
justify-content: center;
}
div#filtering .bttn {
padding: 0 0 7px;
background: none;
border: none;
box-shadow: none;
margin: 25px 25px 35px;
font-size: 14px;
color: #7f7f7f;
line-height: 14px;
letter-spacing: 1.7px;
border-radius: 0;
position: relative;
}
div#filtering .bttn.active, div#filtering .bttn:hover {
color: #000;
}
div#filtering .bttn::after {
bottom: 0;
content: '';
display: block;
height: 1px;
left: 0;
position: absolute;
transition: width .3s cubic-bezier(.05,.5,.3,1);
width: 0;
}
div#filtering .bttn.active::after, div#filtering .bttn:hover::after {
background: #000;
width: 100%;
}
.private-collection-one {
max-width: 800px;
margin: 20px auto -60px;
text-align: center;
}
.collection-item {
margin-bottom: 25px;
}
.private-collection-one h4 {
font-size: 40px;
letter-spacing: 8px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-style: normal;
text-transform: uppercase;
font-weight: normal;
margin: 0 0 20px;
}
.private-collection-one p {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin-bottom: 30px;
}
.btn.collection-shop {
cursor: pointer;
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
}
#co-payment-form fieldset hr, #co-payment-form fieldset br {
display: none;
}
.candlecustomize {
text-align: center;
margin: 0 0 10px;
}
.candlecustomize .btn-customize {
box-shadow: none !important;
border-radius: 0;
border: 1px solid #b4b4b4;
background: transparent;
color: #1a1919;
}
.candlecustomize .btn-customize .icon-pencil-configurable {
background: url(../images/pencil-black-icon.svg) left top no-repeat;
background-size: 16px 16px;
display: inline-block;
height: 16px;
width: 16px;
transition: .2s ease-in-out;
margin: 0 3px -4px 3px;
}
div#maindivconfig {
display: block !important;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
margin: 0 !important;
border: none !important;
padding: 0 !important;
transition: all 0.2s cubic-bezier(0.4, 0, 1, 1);
height: auto !important;
transform: translateX(100%);
}
.candle-config-product div#maindivconfig {
transform: none;
}
.candle-config-product .loading-mask{
background: rgb(0 0 0 / 50%);
}
.candle-config-product .loading-mask .loader>img{
display: none;
}
body.candle-config-product {
overflow: hidden;
}
div#maindivconfig .intro {
height: 100vh;
left: 0;
overflow: hidden;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 1;
border: #EFEDEA;
}
div#maindivconfig .intro .intro-text {
font-size: 28px;
line-height: 40px;
position: relative;
top: 50%;
transform: translateY(-50%);
max-width: 350px;
margin: 0 auto !important;
}
div#maindivconfig .intro .intro-text{
margin: 0;
}
div#maindivconfig .product-attribute-section {
display: flex;
justify-content: space-between;
height: 100vh;
}
.product-attribute-section > * {
width: 50%;
}
.product-image-config {
display: flex;
justify-content: center;
align-items: center;
background: #EFEDEA;
}
div#maindivconfig .parts-footer {
max-width: 400px;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.attribute_choose_section {
overflow: hidden;
overflow-y: auto;
flex-grow: 1;
margin: 0 0 96px;
}
.button-row {
display: flex;
justify-content: space-between;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #fff;
padding: 0 0 5vh;
margin: 0 -10px;
}
.button-row:before {
content: '';
position: absolute;
left: 0;
bottom: 100%;
height: 50px;
width: 100%;
background: linear-gradient(to top,#fff,rgba(255,255,255,0));
}
.button-row button {
box-shadow: none;
border-radius: 0;
min-width: auto;
width: 100%;
margin: 0 10px;
}
.button-row .btn.btn--secondary {
box-shadow: none !important;
border-radius: 0;
border: 1px solid #b4b4b4;
background: transparent;
color: #1a1919;
}
.footer-header {
padding: 40px 0 30px;
max-width: 400px;
text-align: center;
position: relative;
margin: 0 auto;
}
.footer-header h3 {
font-size: 30px;
letter-spacing: 1.2px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-weight: normal;
line-height: normal;
margin: 0 0 10px;
}
.footer-header p {
color: #1a1919;
letter-spacing: 1px;
line-height: 28px;
margin: 0 0 10px;
}
.attribute_choose_section ul {
margin: 0;
padding: 0;
list-style: none;
}
.attribute_choose_section ul li {
border-top: 1px solid #d8d8d8;
height: 99px;
margin: 0;
}
.attribute_choose_section ul li:last-child {
border-bottom: 1px solid #d8d8d8;
}
.attribute_choose_section ul li a {
display: flex;
flex-flow: column;
min-height: 97px;
padding: 24px 45px 10px 94px;
text-decoration: none;
position: relative;
}
.part-name {
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
letter-spacing: .4px;
font-size: 20px;
line-height: 21px;
}
.selected-part-fragrance, .selected-part-candlehoder {
color: #767676;
font-size: 14px;
letter-spacing: .5px;
line-height: 24px;
}
.attribute_choose_section ul li a:after {
border-right: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8;
content: '';
height: 15px;
position: absolute;
right: 30px;
top: 50%;
transform: rotate(45deg) translateY(-10px);
width: 15px;
}
.attribute_choose_section ul li a .icon-holder {
width: 30px;
height: 30px;
position: absolute;
left: 27px;
top: 50%;
transform: translateY(-50%);
background-size: cover;
}
.fragrance_choose .icon-holder{
background-image: url(../images/fragrance_icon.png);
}
.candlehoder_choose .icon-holder{
background-image: url(../images/holder_icon.png);
}
span.candlehoder-error {
font-size: 14px;
padding: 10px 0 0;
display: block;
}
.product-att-body {
height: 100vh;
position: relative;
max-width: 590px;
margin: 0 auto;
display: flex;
flex-flow: column;
padding: 0 15px;
}
.product-att-body > * {
height: 100vh !important;
position: absolute !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
display: flex;
flex-flow: column;
background: #fff;
}
.part-options[style="display: block;"] {
width: 100%;
height: 100%;
flex-grow: 1;
display: flex !important;
flex-flow: column;
}
div#template-wrap, .part-options-slider {
margin: 70px auto 112px;
width: 100%;
flex-grow: 1;
overflow: hidden;
overflow-y: auto;
border-top: 1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
}
.part-options-slider {
margin-top: 0;
}
.nav-wrap{
opacity: 0;
}
.part-options[style="display: block;"] .nav-wrap,
.parts-footer[style="display: none;"] + .part-options[style] .nav-wrap,
.part-options[style="display: flex;"] .nav-wrap{
opacity: 1;
}
ul#onepage-nav {
background-color: #fff;
display: flex;
justify-content: center;
padding: 0 0 25px;
list-style: none;
position: absolute;
left: 0;
right: 0;
margin: -71px 0 0;
max-width: 560px;
}
ul#onepage-nav li {
margin: 0 20px;
padding: 0 6px;
}
ul#onepage-nav li a {
letter-spacing: normal;
padding: 10px 0;
text-align: center;
text-decoration: none;
width: 100%;
display: block;
border-bottom: 2px solid transparent;
}
ul#onepage-nav li a span {
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 16px;
line-height: 20px;
}
ul#onepage-nav li.selected a {
border-color: #865;
}
ul#onepage-nav li.selected a span {
color: #865;
}
.section .category-name {
color: #1a1919;
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-size: 14px;
letter-spacing: 3px;
line-height: 14px;
margin: 0px;
padding-top: 20px;
font-weight: normal;
text-transform: uppercase;
}
.optionsfra {
margin: 0 -1.2%;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.optionsfra li {
width: 30.4%;
position: relative;
border: 1px solid #eaeaea;
margin: 1.2%;
text-align: center;
display: flex;
flex-flow: column;
}
.optionsfra li a {
padding: 35px 15px 0;
display: flex;
flex-flow: column;
letter-spacing: normal;
text-decoration: none;
flex-grow: 1;
}
.optionsfra li a .option-name {
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 20px;
line-height: 21px;
}
.optionsfra li a .option-excerpt {
color: rgba(26,25,25,.5);
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 16px;
line-height: 20px;
margin: 20px 0 0;
}
.optionsfra li .option-more {
font-size: 14px;
letter-spacing: 2px;
line-height: normal;
text-decoration: underline;
text-transform: uppercase;
color: #865;
cursor: pointer;
display: block;
padding: 35px 10px;
}
.optionsfra li:hover, .optionsfra li.selected {
box-shadow: 2px 4px 10px 0 rgb(0 0 0 / 6%);
}
.optionsfra li:before {
background-color: #865;
content: '';
display: inline-block;
height: 2px;
left: 0;
position: absolute;
top: -1px;
transition: opacity .3s cubic-bezier(.32,.24,.15,1);
width: 100%;
z-index: 2;
opacity: 0;
}
.optionsfra li.selected:before {
opacity: 1;
}
.fragrance-desc {
background: #fff;
height: 100%;
display: flex;
flex-flow: column;
justify-content: center;
overflow-y: auto;
position: absolute;
z-index: 11;
}
.overlay-section {
text-align: center;
}
.overlay-section h1 {
font-size: 32px;
letter-spacing: 0;
line-height: 30px;
margin-bottom: 32px;
text-transform: none;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
.overlay-section-content {
font-family: "ClassGarmnd BT","Times New Roman",serif;
letter-spacing: .5px;
line-height: 24px;
margin-bottom: 24px;
color: #1a1919;
}
.overlay-close, .overlay-close:hover {
background-color: #1a1919;
border-radius: 50%;
bottom: 40px;
color: #fff;
height: 64px;
left: 50%;
position: absolute;
transform: translateX(-50%);
width: 64px;
z-index: 2;
box-shadow: none !important;
border: none;
font-size: 28px;
font-weight: 100;
}
.overlay-close span{
display: none;
}
.overlay-close:after {
font-family: iconfont;
font-size: 20px;
content: "\EA23" !important;
font-weight: bold;
}
.optionscandle {
margin: 0 -1.2%;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.optionscandle li {
width: 30.4%;
position: relative;
border: 1px solid #eaeaea;
margin: 1.2%;
text-align: center;
display: flex;
flex-flow: column;
}
.optionscandle li a {
padding: 37px 15px 28px 15px;
display: flex;
flex-flow: column;
letter-spacing: normal;
text-decoration: none;
flex-grow: 1;
}
.optionscandle li a .option-thumb {
max-width: 50px;
margin: 0 auto 22px;
}
.optionscandle li a .option-name {
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 16px;
letter-spacing: .5px;
line-height: 19px;
}
.optionscandle li:hover, .optionscandle li.selected {
box-shadow: 2px 4px 10px 0 rgb(0 0 0 / 6%);
}
.optionscandle li:before {
background-color: #865;
content: '';
display: inline-block;
height: 2px;
left: 0;
position: absolute;
top: -1px;
transition: opacity .3s cubic-bezier(.32,.24,.15,1);
width: 100%;
z-index: 2;
opacity: 0;
}
.optionscandle li.selected:before {
opacity: 1;
}
.part-options .button-row .btn {
height: 44.39px;
}
.part-options .button-row .btn:after {
font-family: iconfont;
font-size: 11px;
content: "\EA20" !important;
line-height: 14px;
margin: -7px 0 0px;
position: absolute;
}
.part-options .button-row .btn.btn--secondary::after {
content: "\EA23" !important;
font-size: 20px;
}
.part-options .button-row .btn span {
display: none;
}
.footer-header .icon.icon-hor-wax {
width: 30px;
height: 30px;
position: relative;
display: inline-block;
margin: -15px 0px 0px;
background-size: cover;
background-image: url(../images/fragrance_icon.png);
}
.footer-header .icon.icon-hor-candleholder{
width: 30px;
height: 30px;
position: relative;
display: inline-block;
margin: -15px 0px 0px;
background-size: cover;
background-image: url(../images/holder_icon.png);
}
.product-final_content {
display: flex;
height: 100vh;
justify-content: space-between;
}
.product-final_content > * {
width: 50%;
}
.product-final-section-image {
display: flex;
justify-content: center;
align-items: center;
background: #EFEDEA;
}
.product-final-section-content {
align-self: center;
overflow: auto;
max-height: 100%;
padding: 50px 0;
}
.product-final_body {
padding: 0 15px;
max-width: 440px;
margin: 0 auto;
display: flex;
flex-flow: column;
height: 100%;
text-align: center;
}
.result-label {
font-size: 16px;
letter-spacing: 2.5px;
color: #865;
display: block;
font-family: "ClassGarmnd BT","Times New Roman",serif;
line-height: 23px;
text-transform: uppercase;
}
h3.final_h3 {
font-size: 30px;
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-style: normal;
letter-spacing: 1.2px;
line-height: 40px;
max-width: 350px;
margin: 10px auto 10px;
font-weight: normal;
}
.final_desc {
letter-spacing: .5px;
line-height: 24px;
color: #1a1919;
max-width: 400px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
margin: 0 auto;
}
.product-info-footer .prices-container {
font-size: 20px;
line-height: 32px;
letter-spacing: 0;
margin: 50px 0 10px 0;
width: 100%;
}
.btnredirect {
box-shadow: none !important;
border-radius: 0;
border: 1px solid #b4b4b4;
background: transparent;
color: #1a1919;
}
.product-info-footer .box-tocart {
margin: 0;
}
.product-info-footer .box-tocart .fieldset {
margin: 0 0 10px;
}
.product-final-section-image .back, .product-final-section-image .back:hover {
background: #000;
color: #fff;
padding: 25px;
border: none;
box-shadow: none !important;
border-radius: 90px;
text-align: center;
position: fixed;
left: 40px;
top: 40px;
}
.product-final-section-image .back span {
display: none;
}
.product-final-section-image .back:before {
font-family: iconfont;
font-size: 45px;
font-weight: 100;
content: "\EA12" !important;
line-height: 14px;
margin: -7px -23px 0px;
position: absolute;
}
.catalog-category-view .candlecustomize .btn-customize {
padding: 12px 20px;
min-width: 100%;
color: #453f3f;
font-weight: normal;
}
.catalog-category-view .products-grid .product-item-actions{
margin-top: 0;
}
.catalog-category-view .candlecustomize {
margin: 0 0 0px;
}
.small-image-candle {
width: 32px;
height: 32px;
border: 1px solid transparent;
border-radius: 30px;
padding: 2px;
margin: 25px 3px 10px;
display: inline-block;
}
.small-image-candle.seletecimage {
border-color: #865;
}
.small-image-candle img {
border-radius: 30px;
}
.checkout-index-index .amcheckout-step-container.-summary .checkout-payment-method {
border-top: none !important;
}
.product-ingredients-column.column-image .product-image-container {
width: 100%!important;
}
.serendipity-section a.product-name {
font-size: 16px;
letter-spacing: 3px;
line-height: 23px;
margin: 11px 0;
display: inline-block;
text-decoration: none;
color: #000;
}
.serendipity-section .product-price {
font-size: 16px;
letter-spacing: 2.4px;
line-height: 19px;
margin-bottom: 26px;
}
.serendipity-section .btn{
box-shadow: none !important;
border-radius: 0 !important;
font-weight: 400;
}
.sakura-happy-home .sakura-section-3-right h4 {
color: #865;
font-size: 14px;
letter-spacing: .9px;
line-height: 16px;
font-family: classgarmnd bt,times new roman,serif;
font-style: normal;
font-weight: normal;
margin-bottom: 10px;
}
.signature-collection div#sakura2 {
left: auto;
right: 0;
}
.signature-collection div#sakura1 {
margin: 0;
max-width: none;
}
h4.sign-head {
font-size: 16px;
letter-spacing: 5px;
line-height: 24px;
margin-bottom: 21px;
font-weight: normal;
font-family: "ClassGarmnd BT","Times New Roman",serif;
}
h3.sign-desc {
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
font-family: ScalaSansOT,segoe ui,Roboto,helvetica neue,sans-serif;
max-width: 650px;
margin: -15px auto 35px;
text-transform: none;
color: #1a1919;
text-align: center;
align-self: center;
font-weight: normal;
}
.slide-cont .btn {
color: #fff;
text-decoration: none;
}
.premium-collection-1 h3 {
color: #1a1919;
font-family: classgarmnd bt,times new roman,serif;
font-size: 16px;
letter-spacing: 2.6px;
line-height: 20px;
text-transform: uppercase;
font-weight: normal;
}
.premium-collection-1 p {
font-family: ClassGarmnd BT;
}
.category-premium-collection .slide-cont {
opacity: 1;
}
.category-the-signature-collection li.item.product.product-item.static {
display: none !important;
}
.category-premium-collection .cat-details-title {
max-width: none !important;
}
.block.crosssell {
clear: both;
padding: 30px 0 0;
margin: 0;
width: auto;
float: none;
}
.block.crosssell .block-title {
text-align: center;
margin-bottom: 40px;
}
.block.crosssell .block-title strong {
letter-spacing: 6.2px;
text-align: center;
text-transform: uppercase;
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 36px;
line-height: 40px;
font-weight: 400;
}
.block.crosssell ol.products {
column-gap: 1.5em;
column-count: 3;
margin: 20px -40px 0px 0px;
}
.block.crosssell ol.products li.product-item {
width: calc(100% - 40px);
float: unset !important;
padding: 0 0 1.5em;
margin: 0 0 40px 0;
/* background: white; */
text-align: center;
break-inside: avoid-column;
display: block;
}
.block.crosssell .product-item-info {
max-width: 100%;
padding: 0px;
background: #faf9f7;
width: auto !important;
border: none;
margin: 0px;
width: auto !important;
}
.block.crosssell li.product-item:nth-child(2n+1) .product-item-photo {
display: block;
margin-bottom: 1px;
}
.block.crosssell li.product-item .product-item-photo img {
padding: 36px;
max-height: 500px;
}
.block.crosssell li.product-item .product-item-details {
background: white;
padding: 30px;
position: relative;
z-index: 1;
}
.block.crosssell li.product-item .product-item-details .product-item-link {
text-transform: capitalize;
font-size: 20px;
font-weight: 400;
/* white-space: nowrap; */
font-family: "ClassGarmnd BT","Times New Roman",serif;
text-align: center;
color: #1a1919;
line-height: 19px;
letter-spacing: 0;
}
.block.crosssell li.product-item .product-item-details .product-item-link:hover {
text-decoration: underline;
}
.block.crosssell li.product-item .product-item-details .price-box .price {
font-size: 1.4rem !important;
font-weight: 400;
white-space: nowrap;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
text-align: center;
color: #000;
line-height: 19px;
letter-spacing: 2.4px;
}
.block.crosssell li.product-item .tocart {
background-color: transparent;
border: 1px solid #b4b4b4;
color: #1a1919;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 150px;
padding: 15px 20px 14px;
text-align: center;
text-transform: uppercase;
transition: .2s ease-in-out;
font-size: 14px;
text-decoration: none;
-webkit-transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
-o-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
border-radius: 0 !important;
font-weight: normal;
margin-bottom: 10px;
}
.block.crosssell li.product-item .product-item-info:hover {
box-shadow: none !important;
}
.product-info-main .product-info-price .price-box .old-price .price-container > span.price-label{display: inline-block !important}
.product-info-main .product-info-price .price-box .old-price .price-container > span .price {
text-decoration: none !important;
font-size: 15px !important;
letter-spacing: 0 !important;
}
.product-info-main .product-info-price .price-box .old-price .price-container {
background: #ffeb00;
padding: 7px 5px 4px;
color: #000;
font-size: 16px;
}
.product-info-main div#tabbyPromo {
margin: 0 auto 20px;
max-width: 445px;
}
.checkout-index-index .page-wrapper .header.content:after {
content: "";
display: table;
clear: both;
}
.ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar, .ves-megamenu .dropdown-menu .content-wrap .megamenu-content {
width: 100%;
}
#checkoutcom_card_payment_frm .icon-container ~ .icon-container{
display: none !important;
}
.category-the-ritual-of-kindness .shop-sakura {
margin: 0 !important;
/*background: #CCA1A6;*/
padding: 60px 0 30px;
}
.category-the-ritual-of-kindness .category-cms {
margin-bottom: 0 !important;
}
.category-the-ritual-of-kindness.page-products .columns{
/*background: #CCA1A6;*/
}
.category-the-ritual-of-kindness.catalog-category-view .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items {
margin-top: 0 !important;
padding-top: 30px;
}
ul.header_info {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
flex-grow: 1;
/* justify-content: space-between; */
/* max-width: 791px; */
}
ul.header_info li {
margin: 0;
display: flex;
align-items: center;
width: 26%;
}
ul.header_info li img {
height: 19px;
filter: invert(1);
margin: 0 5px;
}
ul.header_info li a {
font-size: 11px;
color: #fff;
/* letter-spacing: 1.1px; */
text-decoration: none;
/* text-transform: uppercase; */
}
.button_links_set {
margin: 15px 0;
}
.button_links_set a.link_more{
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
font-size: 14px;
color: #865;
text-decoration: underline;
cursor: pointer;
letter-spacing: 2px;
text-transform: uppercase;
}
.button_links_set a.link_more:hover{
text-decoration: none;
}
.button_links_set .btn {
margin: 5px 5px 0;
text-decoration: none;
}
/*.category-the-ritual-of-joy .shop-sakura {
background: #D29F13;
}
.category-the-ritual-of-joy .columns {
background: #D29F13;
}
.category-the-ritual-of-gratitude .shop-sakura {
background: #BA0C2F;
}
.category-the-ritual-of-gratitude .columns {
background: #BA0C2F;
}
.category-the-ritual-of-jing .shop-sakura {
background: #3F6361;
}
.category-the-ritual-of-jing .columns {
background: #3F6361;
}
.category-the-ritual-of-namaste .shop-sakura {
background: #726969;
}
.category-the-ritual-of-namaste .columns {
background: #726969;
}
.category-private-collection .shop-sakura {
background: #886655;
}
.category-private-collection .columns {
background: #886655;
}
.category-homme-collection .shop-sakura {
background: #1D1C24;
}
.category-homme-collection .columns {
background: #1D1C24;
}
.category-amsterdam-collection .shop-sakura {
background: #1C2C4C;
}
.category-amsterdam-collection .columns {
background: #1C2C4C;
}
.category-the-ritual-of-joy div#filtering {
background: #D29F13;
}
.category-the-ritual-of-gratitude div#filtering {
background: #BA0C2F;
}
.category-the-ritual-of-jing div#filtering {
background: #3F6361;
}
.category-the-ritual-of-namaste div#filtering {
background: #726969;
}
.category-private-collection div#filtering {
background: #886655;
}
.category-homme-collection div#filtering {
background: #1D1C24;
}
.category-amsterdam-collection div#filtering {
background: #1C2C4C;
}
.category-the-ritual-of-joy div#filtering .bttn,
.category-the-ritual-of-gratitude div#filtering .bttn,
.category-the-ritual-of-jing div#filtering .bttn,
.category-the-ritual-of-namaste div#filtering .bttn,
.category-private-collection div#filtering .bttn,
.category-homme-collection div#filtering .bttn,
.category-amsterdam-collection div#filtering .bttn{
color: #fff;
}
.category-the-ritual-of-joy div#filtering .bttn,
.category-the-ritual-of-gratitude div#filtering .bttn,
.category-the-ritual-of-jing div#filtering .bttn,
.category-the-ritual-of-namaste div#filtering .bttn,
.category-private-collection div#filtering .bttn,
.category-homme-collection div#filtering .bttn,
.category-amsterdam-collection div#filtering .bttn{
color: #fff;
}
.category-the-ritual-of-joy div#filtering .bttn.active::after,
.category-the-ritual-of-gratitude div#filtering .bttn.active::after,
.category-the-ritual-of-jing div#filtering .bttn.active::after,
.category-the-ritual-of-namaste div#filtering .bttn.active::after,
.category-private-collection div#filtering .bttn.active::after,
.category-homme-collection div#filtering .bttn.active::after,
.category-amsterdam-collection div#filtering .bttn.active::after{
background: #fff;
width: 100%;
}
.category-the-ritual-of-joy div#filtering .bttn:hover::after,
.category-the-ritual-of-gratitude div#filtering .bttn:hover::after,
.category-the-ritual-of-jing div#filtering .bttn:hover::after,
.category-the-ritual-of-namaste div#filtering .bttn:hover::after,
.category-private-collection div#filtering .bttn:hover::after,
.category-homme-collection div#filtering .bttn:hover::after,
.category-amsterdam-collection div#filtering .bttn:hover::after {
background: #fff;
}
.category-the-ritual-of-joy .category-cms,
.category-the-ritual-of-gratitude .category-cms,
.category-the-ritual-of-jing .category-cms,
.category-the-ritual-of-namaste .category-cms,
.category-private-collection .category-cms,
.category-homme-collection .category-cms,
.category-amsterdam-collection .category-cms{
margin: 0;
}
.category-the-ritual-of-joy .shop-sakura,
.category-the-ritual-of-gratitude .shop-sakura,
.category-the-ritual-of-jing .shop-sakura,
.category-the-ritual-of-namaste .shop-sakura,
.category-private-collection .shop-sakura,
.category-homme-collection .shop-sakura,
.category-amsterdam-collection .shop-sakura {
margin: 60px 0 0;
padding: 50px 0 30px;
color: #fff;
}
.category-the-ritual-of-joy .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-the-ritual-of-gratitude .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-the-ritual-of-jing .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-the-ritual-of-namaste .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-private-collection .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-homme-collection .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-amsterdam-collection .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items{
margin-top: 0 !important;
padding: 20px 0 0 0;
}*/
.cms-corporate-gift .modal-inner-wrap {
max-width: 550px !important;
width: 90% !important;
background: #81b6e3;
min-height: auto !important;
}
.cms-corporate-gift .modal-popup .modal-title {
display: none;
}
.black_form.modal-popup._inner-scroll .modal-inner-wrap {
max-width: 400px;
background: #242121;
}
.black_form.modal-popup .modal-title {
color: #fff;
font-family: "ClassGarmnd BT","Times New Roman",serif;
text-transform: capitalize;
}
.black_form.modal-popup .action-close::before {
color: #fff !important;
}
.just-title {
font-size: 20px;
color: #fff;
display: block;
margin: 0 0 15px;
}
.corpratepl {
/*display: flex;*/
justify-content: space-between;
align-items: center;
}
.cleft.cleftimage {
/* width: 45%; */
/* text-align: center; */
display: flex;
align-items: center;
margin: 0 0 15px;
}
.cleft.cleftimage img {
/* max-width: 75%; */
width: 55px;
display: none;
}
.cleft.cleftimage .label {
font-size: 20px;
color: #fff;
margin: 0 5px;
width: 100%;
}
.cright {
/*width: 55%;*/
}
.cright .input-text {
border: 1px solid #444 !important;
background: #151515 !important;
color: #fff !important;
padding: 10px 10px 13px;
}
.cright .field .label {
margin: 0;
color: #fff;
}
.cright fieldset.fieldset {
margin: 0 0 5px;
}
.cright .field {
margin: 0 0 10px;
}
.cright .actions-toolbar .primary {
float: none !important;
width: 100%;
}
.cright button.submit {
background: #fff !important;
color: #222 !important;
margin: 0 !important;
}
.cbanner {
padding: 40px 0 15px;
}
.inner-wrapper .items_block {
margin: 50px -10px 0;
display: flex;
flex-wrap: wrap;
width: auto;
}
.inner-wrapper .items_block .grid-item-inner {
width: 25%;
padding: 0 10px;
text-align: center;
}
.inner-wrapper .items_block .grid-item-inner .text-holder h3 {
font-size: 20px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
margin: 20px 0;
letter-spacing: 1px;
font-weight: normal;
}
.catalog-category-view .products-grid .product-item-info .product-item-details .product-item-name .product-item-link, .catalogsearch-result-index .products-grid .product-item-info .product-item-details .product-item-name .product-item-link, .catalog-category-view .products-grid .product-item-info .product-item-details .product-item-name .product-item-link:hover, .catalogsearch-result-index .products-grid .product-item-info .product-item-details .product-item-name .product-item-link:hover, .catalog-category-view .products-grid .product-item-info .product-item-details .product-item-name .product-item-link:focus, .catalogsearch-result-index .products-grid .product-item-info .product-item-details .product-item-name .product-item-link:focus {
font-size: 20px !important;
}
.catalog-category-view .product-item-info, .catalogsearch-result-index .product-item-info {
font-size: 16px;
}
@media screen and (max-width: 767px){
.inner-wrapper .items_block {
margin: 30px 0 0;
}
.inner-wrapper .items_block .grid-item-inner {
width: 100%;
padding: 0 0 15px;
}
.cms-corporate-gift .modal-inner-wrap {
margin: 15px auto !important;
}
.corpratepl {
flex-direction: column;
}
.cleft.cleftimage .label {
font-size: 13px;
}
/*.category-the-ritual-of-joy .page-footer,
.category-the-ritual-of-gratitude .page-footer,
.category-the-ritual-of-jing .page-footer,
.category-the-ritual-of-namaste .page-footer,
.category-private-collection .page-footer,
.category-homme-collection .page-footer,
.category-amsterdam-collection .page-footer {
margin-top: 0;
}
.category-the-ritual-of-joy .columns,
.category-the-ritual-of-gratitude .columns,
.category-the-ritual-of-jing .columns,
.category-the-ritual-of-namaste .columns,
.category-private-collection .columns,
.category-homme-collection .columns,
.category-amsterdam-collection .columns {
padding-top: 0;
}
.category-the-ritual-of-joy .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-the-ritual-of-gratitude .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-the-ritual-of-jing .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-the-ritual-of-namaste .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-private-collection .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-homme-collection .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items,
.category-amsterdam-collection .page-main .columns .column.main #m-navigation-product-list-wrapper .products-grid .product-items{
padding: 0px 0 0 0;
}*/
ul.header_info{
display: none;
}
.block.crosssell ol.products {
column-count: 2;
margin: 20px 15px 0px 15px;
text-align: center;
}
.block.crosssell ol.products li.product-item {
padding: 0 0 1em;
margin: 0 0 15px 0;
width: calc(100% - 15px);
}
div#maindivconfig .product-attribute-section {
flex-flow: column;
}
.product-attribute-section > * {
width: 100%;
}
div#maindivconfig {
overflow-y: auto;
}
div#template-wrap, .part-options-slider {
padding: 0 15px;
}
.optionsfra li {
width: 47.6%;
}
.button-row {
margin: 0 0px;
}
.product-final_content {
flex-flow: column;
height: auto;
}
.product-final_content > * {
width: 100%;
}
.product-final-section-image .back, .back:hover {
left: 20px;
top: 20px;
}
.product-att-body > *{
left: 15px !important;
right: 15px !important;
width: auto !important;
}
.optionscandle li {
width: 47.6%;
}
.footer-header h3 {
font-size: 26px;
}
h3.final_h3 {
font-size: 26px;
line-height: 35px;
}
.product-info-footer .prices-container {
font-size: 22px;
}
div#maindivconfig .intro .intro-text {
font-size: 23px;
line-height: 30px;
}
.catalog-category-view .candlecustomize .btn-customize {
padding: 12px 5px;
}
.catalog-category-view .products-grid .product-item-info .product-item-details .product-item-inner .product-item-actions .tocart, .catalogsearch-result-index .products-grid .product-item-info .product-item-details .product-item-inner .product-item-actions .tocart{
width: 100%;
}
.product-info-ingrediantinfo .gift-full {
margin: 0 -15px;
}
.gift-partial .product-ingredients-column .product-ingredients-content {
margin-left: 0 !important;
margin-right: 0 !important;
}
.gift-full {
margin-left: -15px;
margin-right: -15px;
}
.product-ingredients-container {
/*margin-bottom: 10px;*/
}
.page-layout-1column .cat-image-section .cat-details-title {
font-size: 40px !important;
line-height: 43px;
}
body.page-layout-1column .page-main .category-view .cat-image-section .cat-details-sort-desc {
font-size: 14px;
letter-spacing: 2.45px;
line-height: 20px;
}
.category-cms .subTtlTxt {
font-size: 20px;
letter-spacing: .56px;
line-height: 30px;
}
.sakura-section-3 {
display: block;
}
div#sakura2{
display: none;
}
div#sakura1 {
width: auto;
margin: 0;
}
.sakura-section-2 {
padding-bottom: 0 !important;
}
.sakura-section-2 h2 {
font-size: 30px;
letter-spacing: 1.2px;
}
.sakura-section-2 p {
font-size: 14px;
line-height: 26px;
letter-spacing: .8px;
}
.sakura-section-3-right .second-title {
font-size: 20px;
letter-spacing: 4px;
margin: 83px 0 20px;
}
.sakura-section-3-right::before {
font-size: 200px;
top: 0;
}
.second-title::before, .second-title::after{
display: none;
}
.product-details {
background: #fff;
padding: 20px;
margin-top: 60px;
position: relative;
}
.sakura-section-3-right .product-image img {
margin: 15px auto;
}
.sakura-section-3-right .product-content {
font-size: 14px;
line-height: 26px;
}
.product-details:before, .product-details:after {
content: "";
background: #fff;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
}
.product-details:before {
left: calc(-100% + -7px);
}
.product-details:after {
right: calc(-100% + -7px);
}
#sakura1 .owl-item:last-child .product-details::after, #sakura1 .owl-item.active:first-child .product-details::before{display:none}
.shop-sakura {
font-size: 20px;
letter-spacing: .5px;
margin: 30px 0 30px;
}
.page-layout-1column .columns {
padding-top: 0 !important;
}
.jingsection-2 {
padding: 0px;
}
.jing_list {
overflow-x: scroll;
padding: 0 30px 0px;
}
.jing_item {
width: 20%;
margin: 45px 5px 0px;
min-width: 97%;
box-shadow: 0 3px 25px 3px rgb(0 0 0 / 10%);
}
.category-cms .jing_item .text-holder {
padding: 24px 25px 20px;
}
.jing_item .text-holder h4 {
font-size: 20px;
letter-spacing: 1.2px;
margin: 0 0 15px;
}
.jing_item .text-holder p {
font-size: 14px;
letter-spacing: .5px;
line-height: 24px;
}
.jing_item .gridItemImgContainer.desktoponly {
display: none;
}
.jing_item .gridItemImgContainer.mobileonly {
display: flex;
align-items: end;
background: #fff;
}
.SakuraSectionFour {
padding: 30px 20px 0;
}
.ingredient_scetion_main {
padding: 0;
}
.sakura-item_main {
display: block;
margin: 0 -20px;
}
.sakura-item_main .sakura_item {
width: auto;
padding: 30px 0;
}
.advent-main-wrapper {
flex-direction: column;
}
.adventitems {
padding: 50px 10px 0;
}
.advent-main-wrapper .mobileonly img {
margin: 0 auto;
}
.advent-section2-wrapper {
display: block;
}
.advent_items {
margin: 50px 0;
}
.advent_items img {
height: 420px;
object-fit: cover;
object-position: center;
}
.Advent-Section-3 {
padding: 25px 20px;
}
.Advent-Section-4 #sakura2 {
display: block;
position: static;
width: auto;
margin: 50px 20px 0px;
}
.Advent-Section-4 #sakura2 .owl-item img {
height: 375px;
}
.Advent-Section-4 #sakura1 {
margin: 0;
}
.Advent-Section-4 .owl-stage {
display: flex;
}
.Advent-Section-4 #sakura1 .owl-stage .owl-item {
background: #fff;
margin: 0 20px;
}
.sakura-advent-slide {
padding: 40px 20px 20px;
max-width: none;
color: #1a1919;
}
.sakura-advent-slide .second-title {
font-size: 20px;
line-height: 30px;
}
.advent-static-horizontal .product-details .btn, body .advent-static-horizontal .product-details .btn:hover {
background: #1a1919 !important;
border-color: #1a1919 !important;
color: #fff !important;
text-decoration: none;
}
.sakura-advent-slide .prices-container a {
color: #1a1919;
}
.sakura-advent-slide .product-details {
padding: 0;
margin-top: 0;
}
.sakura-advent-slide .product-details:after{
display: none !important;
}
.productadvent-info .disclaimer {
max-width: none;
}
.Advent-Section-4 #sakura1 .owl-dots {
bottom: 33px !important;
}
ul.explanation-list {
max-width: none;
padding: 0px 0 0;
border-left: 1px solid #cabab0;
border-top: 1px solid #cabab0;
}
ul.explanation-list li {
margin-bottom: 0;
min-height: 130px;
width: 50%;
border-right: 1px solid #cabab0;
border-bottom: 1px solid #cabab0;
}
.Advent-Section-6 {
padding: 65px 20px 30px;
}
.advent_faqsTtl {
font-size: 22px;
letter-spacing: 2.4px;
line-height: 26px;
margin-bottom: 26px;
}
.faqContents_advent .accordion_container li {
padding: 24px 50px 24px 0px;
}
.faqContents_advent .accordion_head .plusminus {
right: -36px;
}
.adventshormore {
text-align: inherit;
margin: 30px 0 0;
}
.Advent-Section-7 .wide {
padding: 0px 50px 15px 0px;
}
.Advent-Section-7 .wide #toggle_icon {
font-size: 25px;
width: 40px;
padding: 2px 13px;
height: 40px;
line-height: 33px;
right: 0;
bottom: auto;
top: -8px;
}
.advent-static-horizontal {
margin-bottom: -46px;
}
.advent_item {
display: block;
}
.advent_item > * {
width: auto;
}
.advent_item .advent_right {
padding: 50px 20px 20px;
min-height: auto;
}
.advent_item .advent_right .text-holder {
margin: 0 auto;
}
.advent_right h4 {
font-size: 20px;
letter-spacing: 1.5px;
line-height: 32px;
margin: 0 0 20px;
}
.advent_left img {
position: static;
height: 288px;
}
.serendipity_item_main{
margin: 38px -20px 0;
}
.serendipity_item_main > * {
width: auto;
}
.serendipity_item_main .text-holder {
padding: 40px 20px;
}
.serendipity_item_main h4 {
font-size: 20px;
letter-spacing: 2.4px;
}
.serendipity_item_main ul {
display: block;
margin: 0;
}
.serendipity_item_main ul li {
width: auto;
padding: 0;
}
.serendipity_item_main ul li p {
padding: 0 0 15px;
min-height: auto;
}
.serendipity-section .advent_right h4 {
/*font-size: 24px;
letter-spacing: 4px;*/
}
.advent-product-info-section-main {
padding-top: 30px;
}
.advent-product-info-section-main .two-column-container {
display: block;
}
.advent-product-info-section-main .two-column-2 {
position: absolute;
height: 100%;
}
.advent-product-info-section-main .advent-product-info {
text-align: center;
max-width: 400px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
padding: 70px 20px 40px;
margin: 0 auto !important;
}
.advent-product-info-video {
height: auto;
overflow: hidden;
position: static;
}
.advent-product-info-section-main .advent-product-info-video img {
position: absolute;
}
.two-column-container {
flex-flow: column;
}
.two-column-container>* {
width: 100%;
}
.advent-calender-main #sakura2 {
display: block;
width: 100%;
position: static;
}
.advent-calender-main .slider_box {
width: auto;
max-width: none;
margin: 0;
}
.step-intro {
min-height: auto;
padding-top: 40px;
}
.advent-product-info-main .advent-product-info {
margin: 40px auto 30px;
}
.advent-product-info-main .advent-product-info-video video {
height: auto;
width: 100%;
min-height: 290px;
position: static;
transform: none;
}
.privatecollection-bg-full-color {
margin: 0 -15px;
}
.page-products .cat-image-section .cat-details-title p {
font-size: 20px;
letter-spacing: 4.5px;
line-height: 40px;
margin-bottom: 0px;
}
.sakura-happy-home div#sakura2 {
display: block;
width: 100%;
position: static;
}
.sakura-happy-home div#sakura1 {
padding: 50px 0;
}
.sakura-happy-home .sakura-section-3-right .second-title {
margin: 20px 0 20px;
font-size: 20px;
letter-spacing: 1.6px;
}
.sakura-happy-home .product-details {
background: none;
}
.sakura-happy-home .product-details:before, .sakura-happy-home .product-details:after{
display: none;
}
.new-clean .sakura-section-3-right .second-title {
text-transform: none;
margin-bottom: 22px;
font-size: 20px;
letter-spacing: 1.6px;
line-height: 50px;
}
.new-clean .sakura-section-3-right .mobileonly {
margin: 0px -20px 35px;
}
.cleopatra-section2 #sync2, .premium-slider .premium-collection-child {
box-shadow: 0 -5px 6px rgb(0 0 0 / 35%);
}
.cleopatra-section2 {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
div#filtering {
justify-content: flex-start;
white-space: nowrap;
overflow: scroll;
width: 100%;
padding: 0 5px 10px;
-ms-overflow-style: none;
scrollbar-width: none;
overflow-y: scroll;
}
div#filtering::-webkit-scrollbar {
display: none;
}
div#filtering .bttn {
margin: 10px 12px 0px;
min-width: 27%;
}
.private-collection-one {
margin: 50px auto 0px;
}
}
/*-----------------------landing---end--------*/
.htmlsitemap-search-wrapper {
padding: 30px 0px 40px;
width: auto;
max-width: 700px;
}
.sitemapSection h2 {
padding-bottom: 15px;
font-weight: normal;
}
.htmlsitemap-search-wrapper input[type="text"]{
border: 1px solid #d8d8d8;
box-shadow: none;
}
.htmlsitemap-search-wrapper input[type="text"]:focus{
border: 1px solid #865;
box-shadow: none;
}
.htmlsitemap-search-wrapper label {
font-weight: normal;
}
.sitemapSection {
border-top: 1px solid #c2c2c2;
max-width: 1244px;
margin: 0 auto;
padding: 0 0px;
}
li.tree-leaf[style="padding-left:30px"], li.tree-leaf[style="padding-left: 30px; display: list-item;"] {
font-weight: bold;
list-style: square;
margin-bottom: 5px;
margin-top: 30px;
}
li.tree-leaf[style="padding-left:30px"] a, li.tree-leaf[style="padding-left: 30px; display: list-item;"] a {
font-size: 20px;
}
li.tree-leaf[style="padding-left:60px"], li.tree-leaf[style="padding-left: 60px; display: list-item;"] {
font-weight: bold;
list-style: disc;
}
.am-sitemap-cell li:first-child {
margin-top: 0 !important;
}
.am-sitemap-cell li {
list-style: inside circle;
}
.am-sitemap-cell li a {
color: #453f3f;
}
.am-sitemap-cell li a:hover {
color: #865;
}
.sitemapSection ul {
padding-left: 0;
}
.sitemapSection ul li {
margin-left: 0;
}
.rtl li.tree-leaf[style="padding-left:30px"], li.tree-leaf[style="padding-left: 30px; display: list-item;"]{
padding: 0 30px 0 0 !important
}
.rtl li.tree-leaf[style="padding-left:60px"], li.tree-leaf[style="padding-left: 60px; display: list-item;"]{
padding: 0 60px 0 0 !important
}
.rtl li.tree-leaf[style="padding-left:90px"], li.tree-leaf[style="padding-left: 90px; display: list-item;"]{
padding: 0 90px 0 0 !important
}
.rtl li.tree-leaf[style="padding-left:120px"], li.tree-leaf[style="padding-left: 120px; display: list-item;"]{
padding: 0 120px 0 0 !important
}
.rtl li.tree-leaf[style="padding-left:150px"], li.tree-leaf[style="padding-left: 150px; display: list-item;"]{
padding: 0 150px 0 0 !important
}
.cms-noroute-index .sections.nav-sections {
display: none;
}
.freeshipping-box.nofree {
font-size: 13px;
padding: 13px 0 0;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
}
ul.opc-progress-bar {
margin-top: 5px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 24px !important;
}
/*------------after old and new same new code -------------------*/
.magazine_menu .menu_lable_toggle {
display: none;
cursor: pointer;
color: #1a1919;
padding: 15px;
text-decoration: none;
font-family: scalasansot,segoe ui,roboto,helvetica neue,sans-serif;
font-size: 14px;
letter-spacing: 2.8px;
text-transform: uppercase;
text-align: center;
}
.magazine_menu .menu_lable_toggle i{
}
.magazine_menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
position: relative;
display: flex;
justify-content: center;
}
.magazine_menu ul li {
margin: 0;
padding: 0;
min-width: 16%;
text-align: center;
border: 1px solid transparent;
position: relative;
}
.magazine_menu ul li:hover {
background: #fff;
border-color: #ccc;
}
.magazine_menu ul li a {
color: #1a1919;
padding: 15px;
text-decoration: none;
font-family: scalasansot,segoe ui,roboto,helvetica neue,sans-serif;
font-size: 14px;
letter-spacing: 2.8px;
text-transform: uppercase;
display: block;
}
.magazine_menu ul ul {
position: absolute;
min-width: auto;
background: #fff;
border: 1px solid #ccc;
display: none;
left: -1px;
right: -1px;
}
.magazine_menu ul ul li {
display: block;
border: none;
}
.magazine_menu ul ul li:hover{
background: #f6f4f2;
}
.magazine_menu ul li:hover ul {
display: block;
}
.magazine_menu ul ul li a{
text-decoration: none;
color: #453f3f;
letter-spacing: .75px;
font-size: 16px;
text-transform: none;
}
@media (max-width: 767px) {
.magazine_menu.active {
background: #fff;
border: 1px solid #ccc;
}
.magazine_menu .menu_lable_toggle {
display: block;
border-bottom: 1px solid #ccc;
position: relative;
}
.magazine_menu .menu_lable_toggle:after{
content: "+";
position: absolute;
right: 15px;
font-size: 14px;
font-weight: bold;
}
.rtl .magazine_menu .menu_lable_toggle:after{
right: auto;
left: 15px;
}
.magazine_menu.active .menu_lable_toggle:after{
content: "-";
}
.magazine_menu ul {
display: none;
position: static;
border: none;
}
.magazine_menu ul li {
display: block;
}
.magazine_menu ul ul {
position: static;
border: none;
}
.magazine_menu ul li:hover {
border-color: #fff;
}
}
.cms_title_block{
padding-top: 50px;
}
.cms_title_block .cms_title_large {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 54px;
letter-spacing: 8px;
text-transform: uppercase;
text-align: center;
color: #000;
padding: 20px 0 35px;
margin: 0;
}
.mazgine_banner {
padding: 15px 0 40px;
}
.section_title a {
font-size: 30px;
font-family: 'ClassGarmnd BT', "Times New Roman", serif;
line-height: 44px !important;
margin-bottom: 20px;
letter-spacing: 2px;
color: #1a1919;
}
.section_title a:hover{
color: #865;
text-decoration: none;
}
ul.mag-links {
display: flex;
justify-content: center;
list-style: none;
margin: 0;
padding: 0 0;
align-items: center;
}
ul.mag-links li {
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-weight: normal;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
margin: 0;
color: #865;
}
ul.mag-links li a {
font-family: "ClassGarmnd BT","Times New Roman",serif;
color: #865;
font-size: 16px;
letter-spacing: 1px;
text-decoration: none;
}
ul.mag-links li a:hover{
color: #1a1919;
}
ul.mag-links li:after {
display: inline-block;
content: "|";
padding-left: 15px;
padding-right: 15px;
color: #d8d8d8;
}
ul.mag-links li:last-child:after {
display: none;
}
ul.timer_bars {
margin: 0;
padding: 5px 0 15px;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
ul.timer_bars li {
color: #1a1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 11px;
letter-spacing: 1.65px;
padding: 0;
margin: 0 0 10px;
position: relative;
text-transform: uppercase;
}
ul.timer_bars li.icon-clock:before {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDggNDgiPjxwYXRoIGQ9Ik0gMjQgNCBDIDEyLjk3MjA2NiA0IDQgMTIuOTcyMDc0IDQgMjQgQyA0IDM1LjAyNzkyNiAxMi45NzIwNjYgNDQgMjQgNDQgQyAzNS4wMjc5MzQgNDQgNDQgMzUuMDI3OTI2IDQ0IDI0IEMgNDQgMTIuOTcyMDc0IDM1LjAyNzkzNCA0IDI0IDQgeiBNIDI0IDcgQyAzMy40MDY2MTUgNyA0MSAxNC41OTMzOTEgNDEgMjQgQyA0MSAzMy40MDY2MDkgMzMuNDA2NjE1IDQxIDI0IDQxIEMgMTQuNTkzMzg1IDQxIDcgMzMuNDA2NjA5IDcgMjQgQyA3IDE0LjU5MzM5MSAxNC41OTMzODUgNyAyNCA3IHogTSAyMi40NzY1NjIgMTEuOTc4NTE2IEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDIxIDEzLjUgTCAyMSAyNC41IEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDIxLjQzOTQ1MyAyNS41NjA1NDcgTCAyNi40Mzk0NTMgMzAuNTYwNTQ3IEEgMS41MDAxNSAxLjUwMDE1IDAgMSAwIDI4LjU2MDU0NyAyOC40Mzk0NTMgTCAyNCAyMy44Nzg5MDYgTCAyNCAxMy41IEEgMS41MDAxNSAxLjUwMDE1IDAgMCAwIDIyLjQ3NjU2MiAxMS45Nzg1MTYgeiI+PC9wYXRoPjwvc3ZnPg==");
display: inline-block;
width: 14px;
opacity: 0.8;
vertical-align: middle;
padding: 0px 7px;
}
ul.timer_bars li:after {
display: inline-block;
content: "|";
padding-left: 15px;
padding-right: 15px;
color: #d8d8d8;
}
ul.timer_bars li:last-child:after {
display: none;
}
ul.magazine_list {
padding: 15px 0 0;
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
list-style: none;
}
ul.magazine_list > li {
width: 33.33%;
padding: 0 15px;
}
ul.magazine_list > li .mazgine_banner {
padding-bottom: 15px;
}
ul.magazine_list > li ul.mag-links li a {
font-size: 14px;
}
ul.magazine_list > li .section_title, ul.magazine_list > li .section_title a {
font-size: 20px;
line-height: 32px !important;
letter-spacing: 1.5px;
margin: 15px 0;
}
.magouna-section {
position: relative;
}
.magouna-section .slide-cont {
position: relative;
z-index: 999999;
top: 0;
background: #fff;
padding: 60px 70px;
max-width: 480px;
text-align: center;
margin: 80px 0;
}
.first-title {
font-family: "ClassGarmnd BT","Times New Roman",serif;
color: #865;
font-size: 11px;
letter-spacing: 1.6px;
text-decoration: none;
text-transform: uppercase;
padding: 0 0 15px;
}
.magouna-section .gridItemImgContainer img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
object-fit: cover;
object-position: center;
}
.magouna-section .owl-carousel .owl-stage {
display: flex;
}
.magouna-section .owl-theme.owl-item:last-child .second-title::after{display:none}
.magouna-section .owl-theme .owl-dots {
bottom: 20px !important;
position: absolute;
width: 100%;
}
.magouna-section .owl-theme .owl-dots .owl-dot{
box-shadow: none !important;
}
.magouna-section .owl-theme .owl-dots .owl-dot span{
background-color: rgb(219, 219, 219, 0.75)!important;
border-radius: 0!important;
width: 130px!important;
height: 4px !important;
margin: 0 !important;
}
.magouna-section .owl-theme .owl-dots .owl-dot.active span {
background-color: #fff!important;
}
.magouna-section .owl-theme .owl-nav {
margin-top: 0;
position: absolute;
width: 100%;
transform: translateY(-50%);
top: 50%;
}
.magouna-section .owl-theme .owl-nav button span{
display: none;
}
.magouna-section .owl-theme .owl-next{
right: 0;
}
.magouna-section .owl-theme .owl-prev{
left: 0;
}
.magouna-section .owl-theme button.disabled{
display: none!important;
}
.magouna-section .owl-theme .owl-next, .magouna-section .owl-theme .owl-prev{
cursor: pointer;
background: #fff !important;
color: #333 !important;
font-size: 0 !important;
padding: 3px !important;
border-radius: 50px;
width: 50px;
height: 50px;
top: 50% !important;
transform: translateY(-50%);
margin: 0 5%;
border: none;
position: absolute;
box-shadow: none;
border: 2px solid #fff !important;
transition: all 0.5s ease;
}
.magouna-section .owl-theme .owl-prev:hover, .magouna-section .owl-theme .owl-next:hover{
background: none !important;
}
.magouna-section .owl-theme .owl-prev:before{
content: "\e617";
font-family: 'luma-icons';
margin-left: -3px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: 0;
font-size: 20px;
line-height: 43px;
}
.magouna-section .owl-theme .owl-next:before {
content: "\e608";
font-family: 'luma-icons';
margin-left: 0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: 0;
font-size: 20px;
line-height: 43px;
}
.magouna-section .owl-theme .owl-nav button:hover:before{
color: #fff !important;
}
.normal_banner {
position: relative;
}
.banner-title_box {
position: absolute;
top: 0;
z-index: 1;
color: #fff;
height: 100%;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.normal_banner img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(70%);
min-height: 400px;
display: block;
}
p.banner_title_main {
font-size: 54px;
letter-spacing: 8px;
text-transform: uppercase;
max-width: 800px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
color: #fff;
line-height: normal;
}
p.bannerTxt_dis {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-size: 16px;
letter-spacing: 4px;
line-height: 25px;
margin: 10px auto 35px;
text-transform: uppercase;
font-weight: normal;
width: 50%;
}
.corprate-section {
text-align: center;
padding: 30px 0 40px;
background: #EFEDEA;
margin: 0 -20px;
}
.corprate-section .text-holder p {
color: #1a1919;
font-family: classgarmnd bt,times new roman,serif;
font-size: 20px;
letter-spacing: 0.4px;
line-height: 30px;
}
.corprate-section .text-holder p a {
font-size: 14px;
letter-spacing: 0.5px;
font-family: classgarmnd bt,times new roman,serif;
text-decoration: underline;
color: #865;
}
.corprate-section .text-holder p a:hover{
text-decoration: none;
}
.corprate-section .owl-theme .owl-dots .owl-dot span {
width: 5px;
height: 5px;
margin: 5px 5px;
}
.corprate-section .owl-theme .owl-dots .owl-dot.active span, .corprate-section .owl-theme .owl-dots .owl-dot:hover span {
background: #000;
}
.luxury_office {
padding: 30px 20px 40px;
background: #EFEDEA;
margin: 0 -20px;
}
.have_question {
text-align: center;
padding: 30px 20px 40px;
background: #fff;
margin: 0 -20px;
position: relative;
}
.pleasere {
margin: 0 0 25px;
}
.corprate-main-slide {
max-width: 912px;
margin: 0 auto;
}
.corprate-slide .owl-nav {
margin-top: 0;
position: absolute;
width: 100%;
transform: translateY(-50%);
top: 50%;
}
.corprate-slide .owl-nav button span{
display: none;
}
.corprate-slide .owl-nav .owl-next, .corprate-slide .owl-nav .owl-prev {
cursor: pointer;
/* background-color: #fff; */
color: #000;
font-size: 0;
padding: 3px;
border-radius: 50px;
width: 50px;
height: 50px;
top: 50% !important;
transform: translateY(-50%);
margin: 0 5%;
/* text-indent: 6px; */
border: none;
position: absolute;
box-shadow: none;
}
.corprate-slide .owl-nav .owl-prev {
left: 0;
}
.corprate-slide .owl-nav .owl-next {
right: 0;
}
.corprate-slide .owl-nav .owl-prev:hover, .corprate-slide .owl-nav .owl-next:hover {
background: #fff;
}
.corprate-slide .owl-nav .owl-prev:before{
content: "\EA12";
margin-left: -3px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: 0;
font-size: 45px;
line-height: 43px;
color: #000;
}
.corprate-slide .owl-nav .owl-next:before {
content: "\EA13";
margin-left: 0px;
font-family: iconfont;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: 400;
text-decoration: none;
text-transform: none;
vertical-align: middle;
margin-top: 0;
font-size: 45px;
line-height: 43px;
color: #000;
}
.open_popupmain {
border: 1px solid #ccc;
padding: 10px;
text-align: end;
}
a.Open_popup {
font-weight: bold;
color: #333;
position: relative;
text-decoration: none;
background: #efefef;
padding: 5px;
border-radius: 3px;
}
a.Open_popup:before {
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAVpJREFUSA1jYBgFAx0CjOgOaGhoYJGUlMz4//+/NyMjoyi6PDY+UO1roNqtz58/nwHU/wdZDQsyB8QGGQ6kVH/8+JFQUFDwEl0eG3/ChAninJycVVC9U5DVMCFzQGyQy79//95GrOEgPSC1ID0gvSA+XjBz5swzMAXGxsb/YdjIyKgBJo6LRtYLU4PhA5gEMg102YRz5841IIsRyyZoAdDwBcAIjDU0NLQn1lBkdXgtABreCHR54r9//4yBlpgjaySWjZGKkDXCguX8+fMPgeJdyHLEsvH6gFhD8KkjywJgiioDxok8yGBCqYssC4Bxc5KJieks0PD5wLipp7oPgHFyEGjJYqDhCfgMB8mR5QNQsAANLyBkOFb5GTNmbAeVLVgl8QiC9ID0oivB8AHQZVtBBRcplsAKO5BedAsw8gGoyAWVihwcHAuAZQvRxTXQYHBxjW7BKH/gQwAAz8SBzjiHSiUAAAAASUVORK5CYII=);
background-size: 24px 24px;
background-position: center;
display: inline-block;
height: 16px;
width: 18px;
margin: 0 5px -3px;
}
.dpdf {
margin: 0 0 15px;
text-align: center;
}
.botton_contact {
padding: 50px 20px 10px;
text-align: center;
}
.control.register-flag {
display: flex;
align-items: center;
border-bottom: 1px solid #d8d8d8;
height: 52px;
padding-top: 15px;
margin-bottom: 20px;
}
.control.register-flag span.cccode {
font-size: 16px;
color: #000;
padding: 0 10px;
}
.botton_contact .Enquire_Nowbtn, .dpdf .pdfdownload {
background-color: #1a1919;
border: 1px solid #1a1919;
color: #fff;
display: inline-block;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 14px;
font-style: normal;
letter-spacing: 2px;
line-height: 1.2;
min-width: 220px;
max-width: 280px;
padding: 14px 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: .2s ease-in-out;
}
.botton_contact .Enquire_Nowbtn:hover, .dpdf .pdfdownload:hover {
border: 1px solid #1a1919 !important;
color: #453f3f !important;
background: none;
}
.open-popup .modal-inner-wrap {
width: 96%;
}
#homesection8 .gridItemImgContainer {
position: relative;
}
#homesection8 .last_banner_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
}
.last_banner_text h4 {
font-size: 30px !important;
font-family: "ClassGarmnd BT","Times New Roman",serif;
letter-spacing: 3px !important;
max-width: 650px;
margin: 0 0 8px;
}
#homesection8 .gridItemImgContainer img {
filter: brightness(70%);
}
#homesection8 a.btn.btn--secondary:hover {
background: #fff !important;
}
.page-footer .switcher .options ul.dropdown {
max-height: 270px;
}
.innerwelcome .modal-inner-wrap {
max-width: 600px;
width: 90%!important;
padding: 0px 0px 20px;
overflow-y: auto !important;
}
.innerwelcome .modal-inner-wrap .modal-content {
overflow: visible !important;
}
.country_confirm {
text-align: center;
}
.country_confirm h4 {
font-size: 30px;
letter-spacing: 4px;
line-height: 40px;
color: #000;
text-transform: none;
width: 100%;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-weight: normal;
max-width: 400px;
margin: 0 auto 12px;
}
.country_confirm p {
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
max-width: 438px;
margin: 0 auto 20px;
text-align: center;
}
.country_flag_list .country_flag_wrapper {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 0;
}
.country_flag_list .country_flag_wrapper a {
font-size: 14px;
letter-spacing: .5px;
color: #865;
text-decoration: underline;
margin: 0 5px;
}
.country_flag_list .country_flag_wrapper a:hover{
text-decoration: none;
}
.country_flag_wrapper img {
max-width: 24px;
max-height: 24px;
margin: 0 5px;
}
.mazgine_cms_banner {
margin: 0 0 -100px;
position: relative;
z-index: -1;
}
.mazgine_content_inner {
display: flex;
justify-content: space-between;
gap: 30px;
margin: 0 20px 0 20px;
}
.mazgine_left {
background: #fff;
width: 65%;
}
.mazgine_left_content {
padding: 8%;
}
.mazgine_right {
width: 422px;
margin: 100px 0 0;
padding: 3% 0 0;
}
.mazgine_content_inner h3 {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 24px;
letter-spacing: 0.46px;
line-height: 40px;
font-weight: normal;
margin: 30px 0 30px;
}
.mazgine_content_inner p {
font-family: ScalaSansOT,segoe ui,Roboto,helvetica neue,sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin: 0;
padding: 15px 0 15px;
}
.mazgine_content_inner p a{
color: #865;
text-decoration: underline;
cursor: pointer;
letter-spacing: 2px;
}
.mazgine_content_inner p a{
text-decoration: none;
}
.mazgine_content_inner h4 {
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
letter-spacing: 5px;
margin-top: 26px;
font-weight: normal;
}
.mazgine_content_inner h5 {
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 13px;
line-height: 22px;
letter-spacing: 4px;
font-weight: normal;
}
.mazgine_small_banner img {
width: 100%;
display: block;
}
.mazgine_video{
position: relative;
width: 100%;
padding-bottom: 48.25%;
margin-bottom: 58px;
}
.mazgine_video_title {
font-family: ScalaSansOT,segoe ui,Roboto,helvetica neue,sans-serif;
font-style: italic;
color: #453f3f;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin: 0;
padding: 15px 0 15px;
}
.mazgine_blog_list {
margin: 0;
list-style: none;
padding: 30px 0 20px;
}
.mazgine_blog_list > li {
margin: 0 0 20px;
display: flex;
justify-content: space-between;
gap: 7.5%;
}
.mazgine_small_name ol {
margin: 0;
padding: 0 0 5px;
display: flex;
}
.mazgine_small_name ol li {
padding: 0;
margin: 0;
list-style: none;
}
.mazgine_small_name li a {
color: #886655;
text-decoration: none;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 12px;
letter-spacing: 2px;
line-height: 23px;
text-transform: uppercase;
}
.mazgine_small_name li a:hover{
text-decoration: none;
}
.mazgine_small_title a{
color: #1a1919;
font-weight: bold;
font-family: ScalaSansOT,segoe ui,Roboto,helvetica neue,sans-serif;
}
.mazgine_small_title a:hover{
color: #886655;
text-decoration: none;
}
.mazgine_small_name ol li:first-child:after {
display: inline-block;
content: "|";
padding-left: 5px;
padding-right: 5px;
font-size: 18px;
color: #d8d8d8;
width: 10px;
}
ul.social_share {
margin: 0;
padding: 23px 3% 15px;
background: #EFEDEA;
display: flex;
}
ul.social_share span {
font-size: 13px;
margin: 0 10px;
}
.two_sections {
margin: 30px 0;
}
.sakura-section-3 .left_section {
position: relative;
overflow: hidden;
}
.sakura-section-3 .left_section:before {
content: "";
display: block;
background: rgba(28,44,76,.8);
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 0;
}
.sakura-section-3 .left_section .image_left{
position: absolute;
top: 0;
height: 100%;
z-index: -1;
}
.sakura-section-3 .left_section .left_contet_main * {
color: #fff !important;
}
.sakura-section-3 .left_section .left_contet_main .btn:hover {
background: #fff !important;
border: 1px solid #fff !important;
color: #1a1919 !important;
}
.sakura-section-3 .innnermaindata {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
}
.right_section .svg_map_img {
background: #fff;
text-align: center;
margin: 0 auto;
}
.right_section .svg_map_img svg {
max-width: 100%;
}
.sakura-section-3 .innnermaindata h4 {
text-transform: uppercase;
}
.innnermaindata .main_close {
text-align: end;
margin: 20px 5px;
position: absolute;
right: 0;
font-size: 0;
color: #999;
cursor: pointer;
z-index: 2;
}
.innnermaindata .main_close:before {
content: "\EA23";
font-family: iconfont;
font-size: 36px;
}
.two_sections div#sakura1 {
padding: 100px 0;
height: 760px;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.hommeblock {
padding: 30px 0;
background: #fff;
}
.hommeblock ul.text-holder {
display: flex;
justify-content: space-between;
list-style: none;
gap: 15px;
align-items: center;
}
.hommeblock ul.text-holder li {
font-size: 16px;
letter-spacing: 1px;
line-height: 28px;
font-family: ScalaSansOT, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-style: normal;
margin: 0;
display: flex;
align-items: center;
}
.hommeblock ul.text-holder li span {
margin: 0 20px 0 0;
position: relative;
}
.rtl .hommeblock ul.text-holder li span {
margin: 0 0px 0 20px;
position: relative;
}
.hommeblock ul.text-holder li span img {
width: 40px;
display: block;
}
.three_inline .jing_list{
display: block;
}
.three_inline .jing_list:after {
clear: both;
content: "";
display: block;
}
.three_inline .jing_item {
width: 46%;
margin: 0px 0 10px;
float: left;
}
.three_inline .jing_item:nth-child(2), .three_inline .jing_item:nth-child(3) {
width: 30%;
flex-direction: column;
float: right;
}
.three_inline .jing_item:nth-child(3) {
margin: 25px 17.578125% 0 0;
}
.three_inline .jing_item .text-holder {
padding: 20px 0px 10px;
background: none;
text-align: right;
}
.three_inline .jing_item .text-holder h4 {
font-size: 16px;
margin: 0 0 5px;
color: #af9854;
letter-spacing: 0.5px;
}
.three_inline .jing_item .text-holder p {
font-size: 16px;
margin: 0 auto 0;
font-style: italic;
}
.wishlist-custom span.text, .link.wishlist .counter:before, .link.wishlist .counter:after {
display: none;
}
.minicart-wrapper .link.wishlist .counter {
position: absolute;
width: 20px;
border-radius: 10px;
height: 20px;
text-align: center;
line-height: 23px;
color: #fff;
font-size: 11px;
margin: 4px 0px;
}
.custom.link.wishlist {
margin: 8px 0 0 30px;
}
a.wishlist-custom {
font-size: 22px;
color: #fff !important;
text-decoration: none;
}
.wishlist-custom:after {
content: "\f08a";
font-family: FontAwesome;
}
.product-item-info .towishlist, .product-social-links .towishlist {
margin: 0 !important;
}
.product-item-info .towishlist span, .product-social-links .towishlist span {
display: none;
}
.product-item-info .towishlist::before{
content: "\f08a" !important;
font-family: FontAwesome !important;
width: 30px !important;
height: 30px !important;
background: #fff;
display: flex !important;
justify-content: center;
align-items: center;
border-radius: 90px;
margin: 0 !important;
position: relative;
z-index: 1;
}
.product-add-form form {
display: flex;
justify-content: center;
}
.product-social-links {
width: auto;
margin: 0 10px;
}
.product-social-links .towishlist::before {
content: "\f08a" !important;
font-family: FontAwesome !important;
width: 45px !important;
height: 45px !important;
background: #fff;
display: flex !important;
justify-content: center;
align-items: center;
margin: 0 !important;
position: relative;
z-index: 1;
border: 1px solid #000;
}
.products-grid.wishlist .product-item-actions button.action.tocart.primary {
background: #000;
border-color: #000;
}
.products-grid.wishlist .product-item-info:hover .product-item-inner {
background: #fff !important;
}
.product-item-info .towishlist {
position: absolute;
display: flex !important;
justify-content: end;
left: 0;
right: 0;
padding: 10px;
z-index: 1;
}
.product-social-links .towishlist.alreadywishlist::before, .product-item-info .towishlist.alreadywishlist::before{
content: "\f004" !important;
}
.page-products .cat-innerslider {
padding: 0 40px;
}
.page-products #homesection4 .cat-innerslider .text-holder h3 {
font-size: 36px !important;
line-height: 36px !important;
}
/*-----------box two col-----------*/
@media (min-width: 768px) {
.whitebg{
background: #fff;
}
.graybg{
background: #faf9f7;
}
.two_col_box {
display: flex;
justify-content: space-between;
width: 100%;
position: relative;
}
.col_one{
width: 50%;
}
.col_two{
width: 50%;
}
.two_col_box.one_small_product:nth-child(2n+2) {
flex-direction: row-reverse;
margin-top: -10%;
}
.two_col_box.one_small_product:nth-child(2n+2) .col_two {
padding: 200px 0 0;
}
.two_col_box.one_small_product:nth-child(2n+2) .col_one {
width: 39%;
}
.two_col_box.one_small_product:nth-child(2n+2) .col_two .product_item_box {
display: flex;
}
.one_small_product .col_one {
width: 72%;
}
.two_col_box:nth-child(2n+2){
flex-direction: row-reverse;
}
.img_covercontent .product_item_box{
padding: 64px 0;
}
.img_covercontent .col_one {
overflow: hidden;
position: relative;
aspect-ratio: unset;
max-height: unset;
}
.img_covercontent .img_outer {
aspect-ratio: unset;
height: 100%;
max-height: unset;
min-width: unset;
object-fit: cover;
overflow: hidden;
position: absolute;
width: 100%;
}
.img_covercontent .img_outer_inner {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.img_covercontent .gridItemImgContainer{
height: 100%;
}
.img_covercontent .col_one img {
height: 100%;
object-fit: cover;
width: 100%;
}
.small_trhee .inner-wrapper {
display: flex;
gap: 16px;
flex-direction: row;
padding: 0px 40px 48px;
}
.display_flex{
display: flex;
}
.align_items_end{
align-items: end;
}
.align_items_center{
align-items: center;
}
.text_align{
text-align: center;
}
.flex-direction_column{
flex-direction: column;
}
.width_100{
width: 100%;
}
.width65{
width: 65%;
}
.width35{
width: 35%;
}
.gap_16{
gap: 16px;
}
.gap_32{
gap: 32px;
}
.gap_64{
gap: 64px;
}
.padding_20{
padding: 20px;
}
.padding_40{
padding: 40px;
}
.padding_60{
padding: 60px;
}
.min_width{
min-width: 60%;
}
.max-width_490 {
max-width: 490px;
margin: 0 auto;
padding: 0 20px;
}
.product_item_box .product-view-details a{
margin: 0;
min-width: 96px;
}
}
/*-----------box two col end-----------*/
.small_trhee .text-holder h3 {
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 32px;
margin: 8px 0 24px;
text-align: center;
}
.small_trhee .text-holder{
text-align: center;
}
.small_trhee .text-holder a.btn.btn--secondary {
border: 1px solid #1a1919;
background: none;
color: #1a1919;
}
.small_trhee .text-holder a.btn.btn--secondary:hover {
border: 1px solid #1a1919;
background: #1a1919 !important;
color: #fff !important;
}
.col_one img {
display: block;
}
.small_title {
color: #865;
font-size: 14px;
letter-spacing: .9px;
line-height: 16px;
font-family: classgarmnd bt,times new roman,serif;
font-style: normal;
font-weight: 400;
margin-bottom: 10px;
}
.large_title {
font-family: "ClassGarmnd BT","Times New Roman",serif;
color: #000;
position: relative;
margin: 0 0 30px;
font-size: 40px;
letter-spacing: 1.6px;
text-transform: none;
line-height: normal;
}
.dis_content {
font-family: ScalaSansOT,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
font-style: normal;
color: #453f3f;
font-size: 16px;
line-height: 28px;
letter-spacing: 1px;
margin: 0 auto 10px;
}
.product_item_box .product-image {
padding: 0 0 20px;
max-width: 320px;
}
.product_item_box .large_title{
margin: 0 0 16px;
font-size: 36px;
display: inline-block;
text-decoration: none !important;
color: #000 !important;
}
.product_item_box .product-price {
font-size: 20px;
letter-spacing: 2.4px;
line-height: 19px;
padding: 20px 0 0px;
}
.product_item_box .product-value{
color: rgb(98, 98, 98);
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px;
margin-top: 16px;
padding-bottom: 24px;
}
.product_item_box .product-link a {
background-color: rgb(216, 216, 216);
color: rgb(26, 25, 25);
font-family: "Scala Sans Pro", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px;
padding: 8px 16px;
user-select: none;
display: inline-block;
margin: 10px 0 5px;
}
.product_item_box form button.btn {
border-radius: 0;
}
@media (max-width: 767px) {
.slider-product-item-info .text-holder {
text-align: center;
}
.content_two {
text-align: center;
padding: 40px 16px;
}
.product_item_box {
padding: 0 16px;
text-align: center;
}
.product_item_box .product_details {
margin: 0 0 40px;
}
.product_item_box .product-image {
max-width: 100%;
}
.container_box.padding_60 {
padding: 30px 0;
}
.product_item_box .product_details {
margin: 0 0 40px;
}
}
/*-----------box two col-----------*/
.colorground .cat-image-section {
height: auto !important;
max-height: none !important;
display: flex;
flex-direction: column-reverse;
overflow: visible !important;
position: static !important;
}
.colorground .cat-details {
padding: 70px 40px 240px !important;
background: red;
position: relative !important;
z-index: 0;
overflow: hidden;
}
.backgroundcolor {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
.backgroundvideo video, .backgroundvideo img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -2;
filter: blur(80px);
}
.colorground .category-image {
transform: none !important;
margin: -176px 40px 20px;
position: relative;
z-index: 2;
}
.colorground .category-image img {
height: auto !important;
filter: none !important;
}
.colorground .cat-details .btn {
background: #fff;
border-color: #fff;
color: #1a1919;
}
.colorground .cat-details .btn:hover {
background: #1a1919 !important;
border-color: #1a1919 !important;
color: #fff !important;
}
.colorground .cat-image-section .cat-details-title p {
font-size: 14px;
letter-spacing: 2px;
line-height: normal;
text-transform: uppercase;
margin: 0 0 5px;
}
.colorground.page-layout-1column .cat-image-section .cat-details-title {
font-size: 50px !important;
text-transform: capitalize;
letter-spacing: 0.6px !important;
}
.colorground .category-cms .cat-innerslider .text-holder {
max-width: 100%;
padding: 0;
}
.product-info-garden {
clear: both;
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background: #fff;
}
.giftpdpcolor .css-e2rext {
display: flex;
justify-content: space-between;
gap: 80px;
padding: 40px 62px 25px;
max-width: 1366px;
margin: 0 auto;
}
p.css-19m4zw8 {
font-size: 30px;
letter-spacing: 0.6px;
line-height: 40px;
margin: 0;
text-align: start;
color: #1A1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
overflow-wrap: break-word;
}
.css-z2cpjc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
min-width: -webkit-fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
h4.css-3dvs0j {
font-family: "ClassGarmnd BT","Times New Roman",serif;
line-height: 16px;
text-transform: uppercase;
color: #9A7B69;
background-clip: text;
font-size: 14px;
letter-spacing: 2px;
margin: 0 0 8px;
font-weight: normal;
}
p.css-1xx7mca {
color: #1A1919;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-size: 16px;
line-height: 24px;
margin: 0;
}
h3.css-1kzmftr {
color: #1A1919;
font-size: 24px;
letter-spacing: 0.2px;
line-height: 32px;
padding-bottom: 8px;
font-family: "ClassGarmnd BT","Times New Roman",serif;
font-weight: normal;
margin: 0;
}
.css-b9kmfv {
color: #1A1919;
font-family: "Scala Sans Pro","Segoe UI","Roboto","Helvetica Neue",sans-serif;
font-size: 14px;
letter-spacing: 0.4px;
line-height: 24px;
text-rendering: optimizeLegibility;
}
.activenew .maintoggale-1 {
/*display: flex !important;
justify-content: space-between;
flex-wrap: wrap;
gap: 10%;*/
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 64px;
column-gap: 64px;
-webkit-column-gap: 112px;
column-gap: 112px;
}
.maintoggale-1 .prod_dis_box {
/* width: 45%; */
/* padding-top: 32px; */
display: inline-block;
padding-top: 32px;
width: 100%;
}
.prod_dis_box a{
color: #1A1919;
text-decoration: underline;
font-family: "Scala Sans Pro", "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;
font-size: 14px;
letter-spacing: 0.4px;
line-height: 24px;
}
.cat {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
background: #fff;
}
.footer_heading.mslidetoggle-1 {
max-width: 1366px;
margin: 0 auto;
padding: 0 62px 40px;
}
.product_details_label {
color: #1A1919;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
cursor: pointer;
}
.product_details_label:after {
content: "\e622";
font-family: 'luma-icons';
font-size: 14px;
margin: 0px 8px 0;
display: inline-block;
vertical-align: bottom;
}
.activenew .product_details_label:after {
content: "\e621";
}
.giftimageslider {
padding: 0 0 30px;
margin: 0px -55px;
background: #fff;
}
.giftimageslider .swiper-slide:first-child{
transition: 0.5s all ease-in-out;
}
.giftimageslider .swiper-slide:first-child .one_small_product{
height: 500px;
}
.giftimageslider .swiper-slide-active.swiper-slide:first-child {
width: 78vw !important;
}
.giftimageslider .swiper-slide-active.swiper-slide:first-child .one_small_product{
height: auto;
}
.giftimageslider .swiper-slide-active.swiper-slide:first-child img {
height: 100vh;
width: 100%;
object-position: center;
object-fit: cover;
}
.giftimageslider .two_col_box.padding_60 {
padding-bottom: 15px;
}
.number_count {
background: linear-gradient(135.76deg, rgb(168, 140, 119) 16.86%, rgb(223, 209, 177) 88%) text;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 88px;
line-height: 96px;
opacity: 0.64;
padding-bottom: 24px;
-webkit-text-fill-color: transparent;
}
.full_size {
text-transform: none;
background-color: rgb(255, 255, 255);
border: 1px solid rgba(26, 25, 25, 0.16);
color: rgb(26, 25, 25);
font-family: "Scala Sans Pro", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px;
padding: 8px 16px;
user-select: none;
width: fit-content;
margin: 0 0 15px;
}
.giftimageslider .slider_small_content .small_title{
margin-bottom: 3px;
}
.giftimageslider .slider_small_content .large_title {
font-size: 28px;
margin: 0;
}
.giftimageslider .slider_small_content .dis_content {
color: rgb(98, 98, 98);
font-family: "Scala Sans Pro Italic", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px;
text-transform: none;
font-style: italic;
}
.giftimageslider .flex-direction_column img {
max-width: 208px;
}
.giftimageslider .swiper-button-disabled + .swiper-button-next {
right: 19%;
background: #fff;
box-shadow: rgba(26, 25, 25, 0.08) 0px 8px 24px 0px;
}
.giftimageslider .swiper-wrapper .swiper-slide:nth-child(2n+1) .two_col_box.flex-direction_column {
flex-direction: column-reverse;
}
.giftimageslider .swiper-container:before {
content: "";
height: 120px;
left: 0px;
opacity: 0.04;
margin-top: 1px;
position: absolute;
z-index: 11;
width: 100%;
background-image: linear-gradient(0deg, rgba(26, 25, 25, 0) 0%, rgb(26, 25, 25) 100%);
}
.giftimageslider .swiper-container:after {
content: "";
height: 120px;
left: 0px;
opacity: 0.04;
position: absolute;
width: 100%;
background-image: linear-gradient(rgba(26, 25, 25, 0) 0%, rgb(26, 25, 25) 100%);
bottom: 0px;
}
.giftimageslider .one_small_product .col_two {
background: #f6f4f2;
margin-top: 1px;
}
div#checkCustomerEmailId {
font-size: 1.2rem;
color: #e02b27;
}
#registrant-options div#delete1 {
float: none;
}
.account .block-collapsible-nav + .block.block-collapsible-nav {
display: none;
}
.giftpdpcolor .breadcrumbs {
position: relative;
z-index: 1;
}
.giftpdpcolor .mainimageheader {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-top: -60px;
}
.giftpdpcolor.page-layout-1column .product.media {
width: 60% !important;
margin: 0;
}
.giftpdpcolor .fotorama__nav-wrap.fotorama__nav-wrap--horizontal {
display: none !important;
}
.giftpdpcolor .fotorama__img {
height: 100% !important;
object-fit: cover;
width: 100% !important;
/* position: static !important; */
max-width: 100% !important;
max-height: 100% !important;
top: 0 !important;
transform: none !important;
left: 0 !important;
bottom: 0 !important;
}
.giftpdpcolor.page-layout-1column .product-info-main {
width: 40% !important;
max-width: 100%;
padding: 0 40px;
}
.giftpdpcolor .pdp-inner-wrapper {
padding: 0;
}
.giftpdpcolor .gift-pdpimage {
padding: 20px 14%;
max-height: 400px;
min-height: 200px;
}
.giftpdpcolor .gift-pdpimage img {
height: 100%;
object-fit: contain;
width: 100%;
}
.giftpdpcolor .column-details.js-product-details-block .product-title {
align-items: normal;
text-align: initial;
}
.giftpdpcolor .product-title .the-ritual-of-title {
font-size: 14px;
letter-spacing: 2px;
color: #9a7b69;
}
.giftpdpcolor h2.giftlabel {
font-size: 16px;
color: #626262;
margin: 25px 0 5px;
}
.giftpdpcolor.catalog-product-view .product-info-main .price-box {
text-align: inherit;
padding: 0;
margin: 0;
}
.giftpdpcolor.catalog-product-view span.special-price span.price {
font-size: 18px !important;
letter-spacing: 0.2px;
}
.giftpdpcolor .product-info-main .product-info-price .price-box .price-container > span {
margin-top: 10px!important;
text-align: initial;
font-size: 14px;
}
.giftpdpcolor .product-info-main .product-info-price .price-box .old-price .price-container {
background: none;
padding: 0;
color: #1a1919;
font-size: 14px;
}
.giftpdpcolor .product-add-form form {
justify-content: normal;
}
.giftpdpcolor .showmore {
color: #1A1919;
display: inline-block;
font-size: 12px;
letter-spacing: 2px;
line-height: 16px;
padding-top: 24px;
text-transform: uppercase;
text-decoration: none;
}
.giftpdpcolor .showmore:after {
content: "";
background-image: url("data:image/svg+xml;utf8,");
width: 24px;
height: 20px;
display: inline-block;
vertical-align: bottom;
background-repeat: no-repeat;
background-position: center;
margin: 0 3px;
}
.prod_dis_box ul {
list-style: disc;
padding-left: 20px;
margin: 0;
}
.prod_dis_box ul li {
margin: 0;
}
.openslidepopup {
position: relative;
}
.openbgpopup {
position: fixed;
right: 0px;
top: 0px;
width: auto;
z-index: 99;
width: 480px;
background-color: rgb(246, 244, 242);
height: 100%;
min-width: 120px;
opacity: 1;
overflow-y: auto;
padding-bottom: 80px;
transform: translateX(1000px);
transition: all 0.5s ease-in-out;
}
.openslidepopup.slideactive .openbgpopup {
transform: translateX(0px);
}
.openslidepopup:after {
background: #000;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;position: fixed;
opacity: 0;
transition: all 0.5s ease-in-out;
z-index: -1;
}
.openslidepopup.slideactive:after {
position: fixed;
opacity: 0.6;
z-index: 9;
}
.main_close {
position: absolute;
right: 0;
top: 0;
margin: 24px;
}
.main_close svg {
height: 41px;
transform: rotate(45deg);
opacity: 0.5;
cursor: pointer;
}
h3.innderslideheading {
display: flex;
flex-direction: column;
gap: 8px;
padding: 24px 88px 32px 24px;
font-size: 30px;
line-height: 40px;
color: #1a1919;
font-family: "ClassGarmnd BT", "Times New Roman", serif;
margin: 0;
border-bottom: 1px solid rgba(26, 25, 25, 0.16);
}
.outdivslide {
border-bottom: 1px solid rgba(26, 25, 25, 0.16);
font-size: 14px;
letter-spacing: 0.4px;
line-height: 24px;
padding: 16px 24px;
}
.outdivslide ul {
margin: 0;
padding: 0;
list-style: none;
}
.outdivslide ul li {
border-bottom: 1px solid rgba(26, 25, 25, 0.16);
font-size: 14px;
letter-spacing: 0.4px;
line-height: 24px;
margin: 0px -24px;
padding: 16px 24px;
}
.outdivslide ul li:first-of-type {
padding-top: 0px;
}
.outdivslide ul li:last-of-type {
padding-bottom: 0px;
border: none;
}
.outdivslide ul li p:first-of-type {
color: rgb(26, 25, 25);
font-family: "ClassGarmnd BT", "Times New Roman", serif;
font-size: 16px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
ul.magazine_list > li:nth-child(5n+2) .section_title , ul.magazine_list > li:nth-child(5n+1) .section_title,
ul.magazine_list > li:nth-child(5n+2) .section_title a , ul.magazine_list > li:nth-child(5n+1) .section_title a {
font-size: 20px;
line-height: 38px !important;
letter-spacing: 2px;
}
ul.magazine_list > li:nth-child(5n+2), ul.magazine_list > li:nth-child(5n+1) {
width: 50%;
}
.catalog-category-view .page-main .category-view .cat-image-section .cat-details.left-content {
text-align: inherit !important;
align-items: flex-start;
max-width: 1440px;
padding: 0px 20px;
}
.catalog-category-view .page-main .category-view .cat-image-section .cat-details.left-content .cat-details-sort-desc {
margin: 15px 0 35px;
}
.catalog-category-view .page-main .category-view .cat-image-section .cat-details.left-content .btn {
background: transparent;
border: 1px solid #fff;
}
.catalog-category-view .page-main .category-view .cat-image-section .cat-details.left-content .btn:hover {
background: #fff !important;
color: #1a1919;
border-color: #fff !important;
}
}
@media (max-width: 767px) {
.cms_title_block{
padding-top: 30px;
}
.cms_title_block .cms_title_large {
font-size: 37px;
}
.mazgine_banner {
padding: 15px 0 20px;
}
ul.magazine_list > li {
width: 100%;
display: flex;
border-bottom: 1px solid #ddd;
}
ul.magazine_list > li .mazgine_banner {
padding: 0;
width: 46%;
}
ul.magazine_list > li section.commonText {
text-align: initial !important;
width: 54%;
}
ul.magazine_list > li ul.mag-links {
justify-content: flex-start;
}
ul.magazine_list > li .section_title, ul.magazine_list > li .section_title a{
font-size: 16px;
line-height: 22px !important;
letter-spacing: 0.5px;
}
ul.magazine_list > li ul.timer_bars{
display: none;
}
.magouna-section .slide-cont {
padding: 40px 20px 30px;
margin: 290px -15px 30px;
}
.magouna-section .owl-theme .owl-dots {
bottom: 0px !important;
}
.magouna-section .gridItemImgContainer img {
bottom: auto;
height: 420px;
}
.magouna-section .owl-theme .owl-dots .owl-dot span {
background-color: rgb(159, 158, 158, 0.72)!important;
}
.magouna-section .owl-theme .owl-dots .owl-dot.active span {
background-color: #383838!important;
}
p.banner_title_main {
font-size: 36px;
letter-spacing: 6px;
}
p.bannerTxt_dis {
font-size: 14px;
letter-spacing: 2px;
margin: 5px auto 25px;
width: 90%;
}
.corprate-section {
padding: 30px 0 30px;
}
.luxury_office .sakura-happy-home div#sakura1 {
padding: 0px 0;
}
.open_popupmain {
border: none;
position: absolute;
top: 50%;
left: 50%;
z-index: 9;
transform: translate(-50px);
}
a.Open_popup {
color: #fff;
background: #51a8d6;
padding: 5px 10px;
}
a.Open_popup:before{
display: none;
}
#homesection8 .last_banner_text {
position: static;
color: #333;
padding: 20px 10px;
background: #fff;
}
.last_banner_text h4 {
font-size: 24px !important;
letter-spacing: 2px !important;
}
.mazgine_cms_banner {
margin: 0;
}
.mazgine_cms_banner img {
display: block;
}
.mazgine_content_inner {
margin: 0;
flex-direction: column;
}
.mazgine_left {
width: 100%;
}
.mazgine_left_content {
padding: 20px;
}
.mazgine_right {
width: 100%;
margin: 0;
padding: 0 20px;
}
ul.social_share {
padding: 60px 3% 15px;
justify-content: center;
}
.hommeblock ul.text-holder {
flex-direction: column;
}
.hommeblock ul.text-holder li {
margin: 20px 0 10px;
flex-direction: column;
}
.hommeblock ul.text-holder li span {
margin: 0 0 10px 0 !important;
}
.three_inline{
padding: 0 0 45px;
}
.three_inline .jing_item {
width: 20%;
margin: 45px 0px 0px;
min-width: 97%;
box-shadow: none;
}
.three_inline .jing_item:nth-child(3) {
margin: 45px 0 0 0;
}
.minicart_wrap a.action.showcart {
margin-left: 12px;
}
.custom.link.wishlist {
margin: 8px 0 0 12px;
}
.colorground .category-image {
margin: -73px 16px 20px;
}
.colorground .cat-details {
padding: 34px 16px 110px !important;
}
.css-e2rext {
gap: 40px;
flex-direction: column;
align-items: center;
text-align: center;
}
p.css-19m4zw8 {
font-size: 16px;
line-height: 24px;
}
.giftimageslider {
margin: 0px -15px 40px;
}
.product_details_label {
display: flex;
justify-content: center;
}
.giftpdpcolor .mainimageheader{
flex-direction: column;
margin-top: 0;
}
.giftpdpcolor.page-layout-1column .product-info-main {
width: 100% !important;
padding: 0 16px;
}
.giftpdpcolor.page-layout-1column .product.media {
width: 100% !important;
}
.giftpdpcolor .gift-pdpimage {
display: none;
}
.giftpdpcolor .product-info-main .product-info-price {
margin: 0 0 10px;
}
.giftpdpcolor h2.giftlabel {
margin: 10px 0 5px;
}
}
/*---------loyalty page CA css----start------*/
.club-apparel .field.choice {
display: flex;
align-items: flex-start;
gap: 10px;
}
.club-apparel .field.choice input {
margin: 0;
}
.club-apparel .field.choice label {
padding: 0;
position: static;
font-size: 16px;
}
.update-mob-no:before {
content: "";
position: fixed;
background: #888;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 9999;
opacity: 0.8;
}
.update-mob-no .update-mob-content {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 9999999;
padding: 18px;
background: #fff;
width: 300px;
}
.update-mob-no .update-mob-form {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
max-width: 265px;
text-align: center;
justify-content: center;
}
.update-mob-no .club-apparel {
width: 100%;
font-size: 12px;
margin: 15px 0 0;
}
.update-mob-no p.legal-paragraph {
margin: 5px 0 15px !important;
}
.update-mob-no .update-mob-form input[type="checkbox"] {
filter: grayscale(1);
transform: scale(1.3);
}
.rtl .update-mob-no .update-mob-form input[type="checkbox"] {
margin: 2px 0 0 5px;
}
.update-mob-content select {
width: auto;
min-width: 80px;
border: 1px solid #bab6b5 !important;
margin: 0 -1px;
height: 40px;
}
.update-mob-content h4 {
text-align: center;
font-size: 18px;
font-weight: normal;
margin: 0 0 20px;
}
.update-mob-form .form_field {
width: 67%;
}
.customer-account-create .update-mob-form .form_field input, .update-mob-form .form_field input {
border: 1px solid #bab6b5 !important;
height: 40px !important;
padding: 15px !important;
margin: 0;
}
.update-mob-content button{
border: none;
border-radius: 0;
background: #000000;
color: #fff;
text-transform: capitalize;
font-weight: normal;
padding: 12px 15px;
}
.verify-mob-otp .update-mob-form, #otp-modal .update-mob-form, .wrap_column .update-mob-form{
flex-direction: column;
max-width: 100%;
align-items: center;
}
.verify-mob-otp .update-mob-form .form_field, #otp-modal .update-mob-form .form_field, .wrap_column .update-mob-form .form_field{
width: 100%;
margin: 5px 0 10px;
}
.cls-mob-up-pop {
text-align: end;
margin: -6px -4px 0;
}
.cls-mob-up-pop:before {
content: "\e616";
font-family: 'luma-icons';
display: inline-block;
cursor: pointer;
font-size: 15px;
font-weight: 100;
}
form#cancel-form {
padding: 0 1em 15px;
}
form#cancel-form #elementQuestion {
padding-left: 0;
padding-right: 0;
text-align: center;
font-size: 18px;
font-weight: normal;
}
.cd-popup-container #cancel-form .cd-buttons li:first-child a {
background: #000000;
}
.cd-popup-container #cancel-form .cd-buttons li:last-child a {
background: #fff;
}
#cancel-form input[type="text"], #cancel-form textarea {
border: 1px solid #bab6b5;
font-size: 18px;
height: auto;
line-height: 30px;
padding: 8px 15px;
position: relative;
z-index: 1;
min-height: 47px;
}
#cancel-form .cd-buttons a {
font-size: 18px;
}
#cancel-form .cd-buttons a.closepopup {
color: #3a2e2c;
border: 1px solid #3a2e2c;
}
.form_titles {
font-size: 18px;
font-weight: 200;
margin: 0 0 10px;
}
.updatenumber .control {
display: flex;
align-items: start;
width: 100%;
gap: 10px;
}
.updatenumber label.label {
position: static !important;
}
.updatenumber fieldset.fieldset {
margin: 0;
}
.county_code_box {
width: 88px;
min-width: 85px;
}
.mobile_fill_box {
width: 100%;
}
.mobile_fill_box input#editmobnumber {
margin: 0;
}
.updatenumber button#saveeditphone {
min-width: 130px;
padding: 12px;
background: #000;
border: 1px solid #000;
border-radius: 0;
font-weight: normal;
}
.county_code_box select#country_code {
height: 42px;
}
.updatenumber .control {
margin: 0 0 30px;
}
button.resend-otp-btn {
margin: 15px 0 0 !important;
}
.update-mob-no span.close {
font-size: 27px;
line-height: 27px;
cursor: pointer;
display: flex;
justify-content: end;
margin: -12px 0 0px;
}
.column.main .block-dashboard-ca .block-content {
font-weight: 100;
}
.column.main .block-dashboard-ca .block-content > div {
display: flex;
justify-content: space-between;
margin-top: 20px;
align-items: center;
max-width: 700px;
}
.column.main .block-dashboard-ca .block-content div:first-child {
margin-top: 0;
}
.block.block-dashboard-ca {
clear: both;
}
.ca-link-but {
background: #3a2e2c;
font-size: 12px !important;
color: #fff !important;
padding: 10px 12px !important;
font-weight: normal;
}
.calicon {
padding: 2px 0 2px 30px;
position: relative;
}
.calicon:before {
content: "";
background: url(../images/caa-icon.png);
display: block;
height: 22px;
width: 22px;
background-position: 0px 0px;
position: absolute;
left: 0;
}
.rtl .calicon {
padding: 2px 30px 2px 0px;
}
.rtl .calicon:before {
left: auto;
right: 0;
}
.header-bottom .header-right .header-account .authorization-link .account-dropdown li .link-ca-ac {
display: flex;
justify-content: space-between;
align-items: center;
padding: 6px 15px;
}
.header-bottom .header-right .header-account .authorization-link .account-dropdown {
width: 300px;
}
.red-value{
color: red;
font-weight: bold;
}
.cart.main .calicon {
display: inline-block;
}
.cart-container .form-cart .actions.main {
float: right;
}
.rtl .cart-container .form-cart .actions.main {
float: left;
text-align: left;
}
.estimated-delivery-wrapper {
top: -40px !important;
}
#ajax_otp_response_success, #ajax_otp_response_successs {
text-align: center;
font-size: 16px;
padding-bottom: 5px;
color: green;
}
#ajax_otp_response_error {
text-align: center;
font-size: 16px;
padding-bottom: 5px;
color: red;
}
#ajax_response_success {
text-align: center;
font-size: 16px;
padding-bottom: 5px;
color: green;
}
#ajax_response_error {
text-align: center;
font-size: 16px;
padding-bottom: 5px;
color: red;
}
#nomember, #otpnumber, #fillotpnumber
{
display:none;
}
.clubapparel-main{
padding: 0 0 30px 0;
}
.clubapparel-banner{
background-image: url(../images/bg-ca.png);
background-color: #231f20;
background-size: cover;
padding-bottom: 70px;
padding-top: 70px;
text-align: center;
}
.clubapparel-logo {
max-width: 200px;
margin: 0 auto 75px;
}
img.ar-view {
display: none;
}
.rtl img.ar-view {
display: block;
}
.rtl img.en-view {
display: none;
}
ul.clubapparel-benefits {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: space-between;
max-width: 600px;
margin: 0 auto;
}
ul.clubapparel-benefits li {
background: rgba(0,0,0,.7);
display: block;
border-radius: 15px;
margin: 0 5px;
padding:10px 15px 25px;
text-align: center;
width: 32%;
}
ul.clubapparel-benefits li img {
height: 70px;
width: auto;
}
ul.clubapparel-benefits li h4 {
text-transform: uppercase;
font-weight: 700;
line-height: 1.5;
font-size: 12px;
margin: 10px 0;
min-height: 36px;
color: #ccba8a;
}
ul.clubapparel-benefits li p {
color: #fff;
line-height: 1.2;
font-size: 15px;
}
.country-spe {
color: #ccc;
text-align: left;
margin-top: 25px;
font-size: 13px;
}
.rtl .country-spe {
text-align: right;
}
.clubapparel-link-account {
padding: 40px 15px 0;
text-align: center;
color: #fff;
display: flex;
justify-content: center;
flex-direction: column;
}
.clubapparel-link-account h5 {
font-size: 16px;
font-weight: 100;
margin: 0 0 40px;
}
button.primary.link-account, button.primary.de-link-account {
border: none;
border-radius: 0;
/* height: 44px; */
min-width: 200px;
text-transform: uppercase;
padding: 14px 25px;
font-weight: 400;
margin: 0 auto;
}
.about-clubapparel {
padding: 30px 0;
}
.about-clubapparel-tab{
border-bottom: 1px solid #222;
}
.about-clubapparel-tab .about-clubapparel-title {
font-size: 30px;
font-weight: 100;
padding: 15px 0;
cursor: pointer;
margin: 0;
/*color: #36b1ed;*/
position: relative;
}
.about-clubapparel-tab .about-clubapparel-title:after {
content: '\e622';
font-family: 'luma-icons';
position: absolute;
right: 0;
font-size: 15px;
margin: 6px 0 0;
color: #333;
}
.rtl .about-clubapparel-tab .about-clubapparel-title:after {
right: auto;
left: 0;
}
/*.about-clubapparel-tab.active .about-clubapparel-title:after {
content: '\e621';
}*/
.about-clubapparel-tab .about-clubapparel-info {
/*display: none;*/
padding: 15px 0;
margin-bottom: 15px;
width: 100% !important;
font-weight: 100;
}
.about-clubapparel-info a{
font-weight: bold;
}
/*.about-clubapparel-tab.active .about-clubapparel-info{
display: block;
}*/
.customer-rewards-index .modal-popup._inner-scroll .modal-inner-wrap {
position: absolute;
left: 50%;
top: 50%;
right: auto;
transform: translate(-50%,-50%);
width: 400px;
max-width: 400px !important;
background: #fff;
margin: 0;
}
.customer-rewards-index .modal-popup._inner-scroll .modal-content{
padding: 0;
}
.customer-rewards-index .modal-popup .modal-header {
position: absolute;
right: 0;
padding: 0;
}
.customer-rewards-index .modal-popup .action-close {
margin: 10px;
box-shadow: none;
left: auto;
z-index: 1;
}
.customer-rewards-index .modal-slide._inner-scroll .modal-footer{
display: none;
}
.customer-rewards-index .modal-popup .action-close:before {
font-size: 10px;
color: #fff;
font-weight: bold;
background: #000;
padding: 8px 8px;
border-radius: 90px;
position: relative;
z-index: 9;
height: 26px;
line-height: normal;
}
#clubapppopup .clubapparel-banner{
padding: 50px 20px;
}
#clubapppopup .clubapparel-logo {
max-width: 144px;
margin: 0 auto 0;
}
.popup-inner-content{
padding: 40px 35px 50px;
background: #fff;
}
.info-pop{
text-align: center;
font-size: 15px;
font-weight: 100;
line-height: 1.3;
margin-bottom: 30px;
color: #000;
}
.mobile-number-main {
display: flex;
list-style: none;
margin: 0;
padding: 0 0 20px;
}
.mobile-number {
width: 100%;
}
.mobile-number .input-text {
width: 100%;
height: 40px;
border: 1px solid #cecccc;
padding: 7px 10px;
line-height: initial;
outline: none;
font-family: "ScalaSansOT";
font-weight: normal;
font-size: 16px;
margin: 0;
}
.mobile-number .input-text.required-entry.mage-error {
border-color: #ff0000;
}
.popup-inner-content .primary {
width: 100%;
padding: 18px 0;
font-size: 14px;
outline: none;
background: #3a2e2c;
color: #fff;
border: none;
font-weight: 400;
border-radius: 0px !important;
text-transform: uppercase;
}
.ui.search.dropdown > .text {
white-space: nowrap;
overflow: hidden;
}
.ui.search.dropdown>.text {
white-space: nowrap;
overflow: hidden;
width: 100% !important;
}
.rtl .ui.search.dropdown>.text span {
display: inline-block;
}
.rtl .mobile-number-main .ui.dropdown .menu>.item span {
display: inline-block;
}
.rtl .reward-points-payment-content .mp-spent {
text-align: right !important;
}
.mob-n {
display: inline-block;
direction: ltr !important;
}
html body.account .popup-inner-content .ui.selection.dropdown {
border: 1px solid #ccc !important;
border-radius: 0 !important;
height: 40px;
font-size: 14px;
}
.rtl .popup-inner-content .ui.selection.dropdown{
padding: 0.78571429em 1em 0.78571429em 2em;
}
.five.wide.field {
margin-right: 5px;
width: 130px;
}
.rtl .five.wide.field {
margin-right: 0px;
margin-left: 5px;
}
.ui.dropdown .menu {
left: 0;
width: 270px!important;
box-shadow: 0 0 6px #00000045 !important;
border-radius: 0!important;
border: 1px solid #ccc!important;
}
.rtl .mobile-number-main .ui.dropdown .menu{
left: auto;
right: 0;
}
.rtl .mobile-number-main .ui.dropdown .menu > .item{
text-align: right;
}
.rtl .mobile-number-main .ui.dropdown .menu > .item i {
margin: 0 0 0 0.78571429rem !important;
}
.rtl .ui.fluid.dropdown>.dropdown.icon {
right: auto;
left: 1em;
font-family: 'Dropdown' !important;
}
.rtl .ui.search.selection.dropdown > input.search {
padding: 0.67857143em 1em 0.67857143em 3.2em;
}
.rtl .ui.search.dropdown > .text {
left: auto;
right: 1px;
}
.rtl .ui.dropdown > .text > i {
margin: 0 0 0 0.78571429rem !important;
}
.mobile-number-main input#mobileno {
height: 40px !important;
}
.mobile-number-main input#mobileno:focus {
border: 1px solid #000;
}
.mobile-number-main div.mage-error, .mobile-number-main .field-error {
font-size: 12px;
font-weight: 100;
}
.update-mob-content .form_field .field-error {
font-size: 11px;
}
p.snackbar-title {
color: #ff0000;
font-weight: bold;
font-size: 18px;
}
p.snackbar-msg {
color: #ff0000;
}
.opt-nub-box {
margin-bottom: 30px;
}
.opt-nub-box input {
font-size: 26px;
font-weight: 600;
color: #444;
letter-spacing: 20px;
text-align: center;
border: none;
}
button.resend-otp {
background: none;
border: none;
box-shadow: none!important;
text-align: center;
width: 210px;
margin: 13px auto 0;
display: block;
color: #000000;
text-decoration: underline;
}
.opt-nub-box input[type="password"] {
font-weight: bold;
font-size: 33px;
}
.otp-expire-box, .otp-expire-box-end {
text-align: center;
padding: 20px 0 0;
font-weight: bold;
color: #ff0000;
}
.clubapparel-main .apparel-reward {
padding: 10px 40px 10px 40px;
background: #eee;
margin: 0px auto 0px;
border-radius: 50px;
display: inline-flex;
align-items: center;
position: relative;
overflow-y: hidden;
text-align: left;
height: 75px;
}
.rtl .clubapparel-main .apparel-reward {
text-align: right;
}
.clubapparel-main .apparel-reward .reward-amnt p {
font-size: 13px;
font-weight: 400;
margin-bottom: 5px;
color: #4a4a4a;
}
.clubapparel-main .apparel-reward .reward-amnt h3 {
font-size: 21px;
font-weight: 600;
line-height: 19px;
color: #000;
margin: 0;
}
.clubapparel-main .apparel-reward .tier-icon {
display: inline-flex;
align-items: center;
margin-left: 35px;
border-left: 1px solid #d6d6d6;
padding-left: 20px;
}
.rtl .clubapparel-main .apparel-reward .tier-icon {
margin-left: 0;
border-left: none;
padding-left: 0;
margin-right: 35px;
padding-right: 20px;
border-right: 1px solid #d6d6d6;
}
.clubapparel-main .apparel-reward .tier-icon .tier-img {
display: none;
height: 55px;
margin-right: 10px;
}
.rtl .clubapparel-main .apparel-reward .tier-icon .tier-img {
margin-right: 0;
margin-left: 10px;
}
.clubapparel-main .apparel-reward .tier-icon .tier-img img {
width: 50px;
vertical-align: middle;
height: auto;
max-height: none;
}
.clubapparel-main .apparel-reward .tier-icon .tier-txt {
margin: 0px 0 0;
color: #4a4a4a;
line-height: normal;
}
.clubapparel-main .apparel-reward .tier-icon .tier-txt .type {
display: none;
font-size: 14px;
font-weight: 400;
}
.clubapparel-main .apparel-reward .tier-icon .tier-txt .txt {
font-weight: 300;
}
.rtl .clubapparel-banner {
text-align: center;
}
.rtl .clubapparel-banner * {
text-align: inherit;
}
.amcheckout-step-container .checkout-payment-method .amcheckout-payment-methods .payment-method{
border: none;
}
.checkout-payment-method .payment-option-content.reward-points-payment-content {
border-bottom: 1px solid #c3bfbf;
width: auto;
padding: 0 0 20px 0 !important;
/* border-radius: 5px; */
margin: 0px 0 20px 0px !important;
}
.reward-points-payment-content .field.choice input {
opacity: 1 !important;
width: 19px;
height: 19px !important;
margin: 0px 0;
filter: grayscale(1);
left: 0;
display: block;
clip: inherit;
position: absolute;
}
.rtl .reward-points-payment-content .field.choice input{
left: auto;
right: 0;
}
.checkout-payment-method .payment-option-content .payment-option-inner+.actions-toolbar {
text-align: inherit;
}
.reward-points-payment-content .field.choice label:before {
content: "";
width: 40px;
height: 14px;
display: inline-block;
border: none;
background: #d4d4d4!important;
position: absolute;
top: 20px;
left: auto;
right: 0;
box-sizing: border-box;
border-radius: 90px;
display: none !important;
}
.reward-points-payment-content .field.choice input:checked + label:before{
background: #aaa!important;
display: none;
}
.reward-points-payment-content .field.choice label:after {
content: "";
width: 18px;
height: 18px;
background: #666;
position: absolute;
margin: -2px 22px 0 0;
border-radius: 90px;
left: auto;
right: 0;
top: 20px;
display: none;
}
.reward-points-payment-content .field.choice input:checked + label:after {
content: "";
width: 18px;
height: 18px;
background: #000;
position: absolute;
margin: -4px 0 0 0;
border-radius: 90px;
left: auto;
right: 0;
top: 22px;
display: none;
}
.points .finalpointprice, .points .avaliblepoint {
color: #000000;
font-weight: bold;
}
.point_rate {
display: none !important;
}
#customerbalance-placer {
border: 1px solid #c3bfbf;
padding: 0px 20px 20px;
border-radius: 5px;
margin: 20px 0 20px !important;
width: 100%;
}
.reward-points-payment-content .field.choice label {
padding: 0 0 5px 0 !important;
text-align: inherit;
font-weight: normal;
}
.payment-option-content.reward-points-payment-content.payment-checkout-content {
margin: 30px 0 10px;
padding: 0;
}
.reward-points-payment-content strong {
font-weight: bold;
}
.reward-points-payment-content .field.choice{
padding: 0 0 10px 50px;
position: relative;
}
.rtl .reward-points-payment-content .field.choice{
padding: 0 50px 10px 0px;
}
.reward-points-payment-content .field.choice:before {
height: 22px;
width: 22px;
content: "";
background: url(../images/caa-icon.png);
background-size: 22px;
background-repeat: no-repeat;
background-position: 0;
display: inline-block;
position: absolute;
left: 22px;
}
.rtl .reward-points-payment-content .field.choice:before {
left: auto;
right: 25px;
}
.rtl .reward-points-payment-content .field.choice label:before {
left: 0 !important;
right: auto!important;
}
.rtl .reward-points-payment-content .field.choice label:after {
margin: -2px 0 0 22px;
left: 0;
right: auto;
}
.rtl .reward-points-payment-content .field.choice input:checked + label:after {
left: 0!important;
right: auto!important;
}
.checkout-index-index .reward-points-payment-content .mp-spent {
width: 100% !important;
max-width: 200px;
padding: 0 9px !important;
}
.reward-points-payment-content .mp-spent {
border: 1px solid #d4d4d4 !important;
}
.reward-points-payment-content .extra-controls {
margin: 10px 0 !important;
text-align: inherit !important;
}
#clubapppopup .load.indicator {
background-color: rgba(0,0,0,.82);
z-index: 9999;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
#clubapppopup .load.indicator:after {
content: "";
display: block;
right: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url(../images/dot-loader.svg);
animation: none;
background-size: cover;
width: 70px;
height: 28px;
background-position: center;
visibility: visible;
position: absolute;
border-radius: 96px;
}
#clubapppopup .load.indicator img {
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
#clubapppopup{
position: relative;
}
#clubapppopup .load.indicator:before{
display: none;
}
@media screen and (max-width: 767px) {
.clubapparel-banner {
padding: 50px 15px;
}
.clubapparel-logo {
max-width: 150px;
margin: 0 auto 30px;
}
ul.clubapparel-benefits {
display: block;
}
ul.clubapparel-benefits li {
margin: 20px auto;
width: 80%;
}
.clubapparel-link-account {
padding: 20px 0 0;
}
.clubapparel-link-account h5 {
font-size: 14px;
margin: 0 15px 40px;
}
.about-clubapparel-tab .about-clubapparel-title {
font-size: 20px;
}
.customer-rewards-index .modal-popup .modal-inner-wrap {
max-height: 90%;
}
.clubapparel-main .apparel-reward {
padding: 10px 20px 10px 20px;
margin: 0px auto 15px;
}
.clubapparel-main .apparel-reward .tier-icon {
margin-left: 25px;
padding-left: 10px;
}
.rtl .clubapparel-main .apparel-reward .tier-icon {
margin-left: 0;
padding-left: 0;
margin-right: 25px;
padding-right: 10px;
}
.clubapparel-main .apparel-reward .reward-amnt h3 {
font-size: 19px;
}
.cart-container .form-cart .actions.main {
float: none;
}
.rtl .cart-container .form-cart .actions.main {
float: none;
}
}
/*---------loyalty page css----end------*/
/*---------CA signup popup otp css----start------*/
.ca-popup-open:before {
content: "";
background: #fff;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
opacity: 0.8;
z-index: 9999;
}
.ca-pattern-black, .ca-pattern-popup {
background: linear-gradient(#000000, #000000) 50% 50%/calc(100% - 10px) calc(100% - 10px) no-repeat,
radial-gradient(at 54% 54%, rgba(255,255,255,1) 0%, #fc7d00 23%, #f9d26b 36%, #a45200 66%, #e9e089 85%, #efc147 94%);
border-radius: 0px;
box-sizing: border-box;
margin: 20px auto;
max-width: 450px;
width: 92%;
min-height: 130px;
padding: 30px;
text-align: center;
position: absolute;
z-index: 99999;
left: 50%;
top: 23vh;
transform: translateX(-50%);
}
.ca-pattern-popup {
background: #e9e089 !important;
border: 4px solid #000;
color: #000;
max-width: 550px !important;
padding: 20px !important;
}
.clubapparels-logo {
padding: 0 0 15px;
text-align: center;
}
.account .block-collapsible-nav .item .caapparel:before, .account .block-collapsible-nav .item.caapparel strong:before{
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
content: "" !important;
font-family: FontAwesome;
font-size: 19px;
top: 8px;
width: 22px;
height: 22px;
}
.clubapparels-logo img {
max-width: 110px;
}
.rtl .clubapparels-logo img.en-view {
display: none;
}
.clubapparels-logo img.ar-view {
display: none;
}
.rtl .clubapparels-logo img.ar-view {
display: inline-block;
}
.popup-title {
color: #fff;
}
p.info-title {
font-size: 16px;
margin: 0 0 10px;
font-weight: bold;
}
p.info-no {
font-size: 12px;
margin: 0;
letter-spacing: 0.5px;
font-weight: 300;
}
#ca-popup .opt-number-box input#fill-otp, #change-no-box input#change-no-input {
background: #fff;
border: none;
border-radius: 0;
width: 180px;
display: block;
color: #000;
font-size: 15px;
margin: 15px auto;
text-align: center;
padding: 8px 10px 10px;
height: 40px;
line-height: normal;
text-transform: uppercase;
}
#ca-popup button#verify-otp-btn, #change-no-container button#confirm-changeno-btn, button.back-btn {
height: 40px;
width: 110px;
margin: 5px auto;
display: block;
border-radius: 4px;
background: linear-gradient(to top, #c9c9c9 0%, #ffffff 50%, #c9c9c9 100%);
font-size: 15px;
color: #000;
border: 2px solid #fff;
}
#ca-popup button#verify-otp-btn:hover, #change-no-container button#confirm-changeno-btn:hover, button.back-btn:hover{
opacity: 0.8;
}
.back-btns{
display: flex;
justify-content: space-between;
}
p#change-no {
font-size: 12px;
margin: 15px 0 10px;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 300;
cursor: pointer;
}
p#resend-otp {
font-size: 12px;
margin: 0px 0 5px;
color: #fff;
letter-spacing: 1px;
font-weight: 300;
cursor: pointer;
}
div#change-no-box {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
#change-no-box input#change-no-input{
width: calc(100% - 100px);
text-align: inherit;
margin: 15px 0;
}
#change-no-box select#countries-data {
width: 96px;
margin: 15px 0;
height: 40px;
border-radius: 0;
}
.user-ca-info {
font-size: 16px;
margin: 0 0 15px;
line-height: normal;
font-weight: bold;
}
.user-ca-info p {
margin: 0 0 15px;
}
.user-ca-btns {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0;
}
.user-ca-btns > * {
background: linear-gradient(to top, #bd9d58 0%, #d9c991 100%);
height: 40px;
min-width: 110px;
margin: 0 11px;
display: block;
border-radius: 4px;
border: 1px solid #bdae4a;
font-size: 15px;
color: #000;
padding: 10px;
text-transform: uppercase;
cursor: pointer;
}
.user-ca-btns > *:hover {
opacity: 0.7;
}
#link-ac .user-ca-btns {
flex-wrap: wrap;
}
#link-ac .user-ca-btns > * {
width: 100%;
margin: 4px 0;
border: 2px solid #000;
border-radius: 0;
background: none;
text-transform: capitalize;
display: flex;
justify-content: center;
align-items: center;
max-width: 375px;
}
#link-ac .user-ca-btns > *:first-child {
background: #000;
color: #fff;
}
.popup-title-black p.info-no {
font-size: 14px;
font-weight: normal;
}
span.mobile-num-code {
font-weight: bold;
}
.cls-btn {
position: absolute;
right: 12px;
top: 10px;
font-size: 0;
}
.rtl .cls-btn {
right: auto;
left: 12px;
}
.cls-btn:after {
content: "\e616";
font-family: 'luma-icons';
display: inline-block;
font-size: 16px;
cursor: pointer;
color: #fff;
}
.ca-pattern-popup .cls-btn:after{
color: #000;
}
#ca-popup div#ca_response_error_msg, #ca-popup div#ca_response_success_msg {
font-size: 12px;
font-weight: 300;
margin: 0 0 15px;
}
/*---------CA signup popup otp css----End------*/