body {
margin: 0;
padding: 0;
}
article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
nav ul,
nav ol {
list-style: none none;
}
img {
max-width: 100%;
height: auto;
border: 0;
}
video,
embed,
object {
max-width: 100%;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-size-adjust: 100%;
}
body {
color: #333333;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.42857143;
font-size: 1.4rem;
}
p {
margin-top: 0rem;
margin-bottom: 1rem;
}
abbr[title] {
border-bottom: 1px dotted #d1d1d1;
cursor: help;
}
b,
strong {
font-weight: 700;
}
em,
i {
font-style: italic;
}
mark {
background: #f0f0f0;
color: #000000;
}
small,
.small {
font-size: 12px;
}
hr {
border: 0;
border-top: 1px solid #d1d1d1;
margin-bottom: 20px;
margin-top: 20px;
}
sub,
sup {
font-size: 71.42857143000001%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
dfn {
font-style: italic;
}
h1 {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
margin-top: 0rem;
margin-bottom: 2rem;
}
h2 {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
margin-top: 2.5rem;
margin-bottom: 2rem;
}
h3 {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
h4 {
font-weight: 700;
line-height: 1.1;
font-size: 1.4rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
h5 {
font-weight: 700;
line-height: 1.1;
font-size: 1.2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
h6 {
font-weight: 700;
line-height: 1.1;
font-size: 1rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
color: #333333;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1;
}
a,
.alink {
color: #1979c3;
text-decoration: none;
}
a:visited,
.alink:visited {
color: #1979c3;
text-decoration: none;
}
a:hover,
.alink:hover {
color: #006bb4;
text-decoration: underline;
}
a:active,
.alink:active {
color: #ff5501;
text-decoration: underline;
}
ul,
ol {
margin-top: 0rem;
margin-bottom: 2.5rem;
}
ul > li,
ol > li {
margin-top: 0rem;
margin-bottom: 1rem;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
dl {
margin-bottom: 20px;
margin-top: 0;
}
dt {
font-weight: 700;
margin-bottom: 5px;
margin-top: 0;
}
dd {
margin-bottom: 10px;
margin-top: 0;
margin-left: 0;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}
code {
background: #f0f0f0;
color: #111111;
padding: 2px 4px;
font-size: 1.2rem;
white-space: nowrap;
}
kbd {
background: #f0f0f0;
color: #111111;
padding: 2px 4px;
font-size: 1.2rem;
}
pre {
background: #f0f0f0;
border: 1px solid #d1d1d1;
color: #111111;
line-height: 1.42857143;
margin: 0 0 10px;
padding: 10px;
font-size: 1.2rem;
display: block;
word-wrap: break-word;
}
pre code {
background-color: transparent;
border-radius: 0;
color: inherit;
font-size: inherit;
padding: 0;
white-space: pre-wrap;
}
blockquote {
border-left: 0 solid #d1d1d1;
margin: 0 0 20px 40px;
padding: 0;
color: #333333;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: italic;
font-weight: 400;
line-height: 1.42857143;
font-size: 1.4rem;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
color: #333333;
line-height: 1.42857143;
font-size: 1rem;
display: block;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
blockquote cite {
font-style: normal;
}
blockquote:before,
blockquote:after {
content: '';
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
cite {
font-style: normal;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
}
table th {
text-align: left;
}
table > tbody > tr > th,
table > tfoot > tr > th,
table > tbody > tr > td,
table > tfoot > tr > td {
vertical-align: top;
}
table > thead > tr > th,
table > thead > tr > td {
vertical-align: bottom;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
padding: 8px 10px;
}
button,
.cart.table-wrapper .actions-toolbar > .action,
.action-gift {
background-image: none;
background: #f2f2f2;
border: 1px solid #cdcdcd;
color: #333333;
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0;
padding: 7px 15px;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
vertical-align: middle;
}
button:focus,
button:active,
.cart.table-wrapper .actions-toolbar > .action:focus,
.cart.table-wrapper .actions-toolbar > .action:active,
.action-gift:focus,
.action-gift:active {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #333333;
}
button:hover,
.cart.table-wrapper .actions-toolbar > .action:hover,
.action-gift:hover {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #555555;
}
button.disabled,
button[disabled],
fieldset[disabled] button,
.cart.table-wrapper .actions-toolbar > .action.disabled,
.cart.table-wrapper .actions-toolbar > .action[disabled],
fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action,
.action-gift.disabled,
.action-gift[disabled],
fieldset[disabled] .action-gift {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
button::-moz-focus-inner,
.cart.table-wrapper .actions-toolbar > .action::-moz-focus-inner,
.action-gift::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type*="date"],
input[type="email"] {
background: #ffffff;
background-clip: padding-box;
border: 1px solid #c2c2c2;
border-radius: 1px;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 32px;
line-height: 1.42857143;
padding: 0 9px;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type*="date"]:disabled,
input[type="email"]:disabled {
opacity: 0.5;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type*="date"]::-moz-placeholder,
input[type="email"]::-moz-placeholder {
color: #c2c2c2;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type*="date"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder {
color: #c2c2c2;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type*="date"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder {
color: #c2c2c2;
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
select {
background: #ffffff;
background-clip: padding-box;
border: 1px solid #c2c2c2;
border-radius: 1px;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 32px;
line-height: 1.42857143;
padding: 5px 10px 4px;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
}
select:disabled {
opacity: 0.5;
}
select[multiple] {
height: auto;
background-image: none;
}
textarea {
background: #ffffff;
background-clip: padding-box;
border: 1px solid #c2c2c2;
border-radius: 1px;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
height: auto;
line-height: 1.42857143;
margin: 0;
padding: 10px;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
resize: vertical;
}
textarea:disabled {
opacity: 0.5;
}
textarea::-moz-placeholder {
color: #c2c2c2;
}
textarea::-webkit-input-placeholder {
color: #c2c2c2;
}
textarea:-ms-input-placeholder {
color: #c2c2c2;
}
input[type="checkbox"] {
margin: 2px 5px 0 0;
position: relative;
top: 2px;
}
input[type="checkbox"]:disabled {
opacity: 0.5;
}
input[type="radio"] {
margin: 2px 5px 0 0;
}
input[type="radio"]:disabled {
opacity: 0.5;
}
input.mage-error,
select.mage-error,
textarea.mage-error {
border-color: #ed8380;
}
div.mage-error {
color: #e02b27;
font-size: 1.2rem;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
form {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
address {
font-style: normal;
}
*:focus {
box-shadow: none;
outline: 0;
}
._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
box-shadow: 0 0 3px 1px #68a8e0;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.abs-reset-list,
.bundle-options-container .block-bundle-summary .bundle.items,
.product-items,
.prices-tier,
.cart-container .checkout-methods-items,
.opc-wrapper .opc,
.opc-progress-bar,
.checkout-agreements-items,
.items,
.block-wishlist-management .wishlist-select-items,
.paypal-review .items-qty,
.order-details-items .items-qty,
.footer.content ul,
.block-banners .banner-items,
.block-banners-inline .banner-items,
.block-event .slider-panel .slider {
margin: 0;
padding: 0;
list-style: none none;
}
.abs-reset-list > li,
.bundle-options-container .block-bundle-summary .bundle.items > li,
.product-items > li,
.prices-tier > li,
.cart-container .checkout-methods-items > li,
.opc-wrapper .opc > li,
.opc-progress-bar > li,
.checkout-agreements-items > li,
.items > li,
.block-wishlist-management .wishlist-select-items > li,
.paypal-review .items-qty > li,
.order-details-items .items-qty > li,
.footer.content ul > li,
.block-banners .banner-items > li,
.block-banners-inline .banner-items > li,
.block-event .slider-panel .slider > li {
margin: 0;
}
.abs-action-link-button,
.abs-action-addto-product,
.block-event .slider-panel .slider .item .action.event,
.bundle-options-container .block-bundle-summary .product-addto-links > .action,
.product-info-main .action.tocompare,
.product-options-bottom .action.tocompare,
.product-info-main .action.towishlist,
.product-options-bottom .action.towishlist,
.block-bundle-summary .action.towishlist {
background-image: none;
background: #f2f2f2;
border: 1px solid #cdcdcd;
color: #333333;
cursor: pointer;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0;
padding: 7px 15px;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
vertical-align: middle;
display: inline-block;
text-decoration: none;
border-radius: 3px;
}
.abs-action-link-button:focus,
.abs-action-link-button:active,
.abs-action-addto-product:focus,
.abs-action-addto-product:active,
.block-event .slider-panel .slider .item .action.event:focus,
.block-event .slider-panel .slider .item .action.event:active,
.bundle-options-container .block-bundle-summary .product-addto-links > .action:focus,
.bundle-options-container .block-bundle-summary .product-addto-links > .action:active,
.product-info-main .action.tocompare:focus,
.product-info-main .action.tocompare:active,
.product-options-bottom .action.tocompare:focus,
.product-options-bottom .action.tocompare:active,
.product-info-main .action.towishlist:focus,
.product-info-main .action.towishlist:active,
.product-options-bottom .action.towishlist:focus,
.product-options-bottom .action.towishlist:active,
.block-bundle-summary .action.towishlist:focus,
.block-bundle-summary .action.towishlist:active {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #333333;
}
.abs-action-link-button:hover,
.abs-action-addto-product:hover,
.block-event .slider-panel .slider .item .action.event:hover,
.bundle-options-container .block-bundle-summary .product-addto-links > .action:hover,
.product-info-main .action.tocompare:hover,
.product-options-bottom .action.tocompare:hover,
.product-info-main .action.towishlist:hover,
.product-options-bottom .action.towishlist:hover,
.block-bundle-summary .action.towishlist:hover {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #555555;
}
.abs-action-link-button.disabled,
.abs-action-link-button[disabled],
fieldset[disabled] .abs-action-link-button,
.abs-action-addto-product.disabled,
.abs-action-addto-product[disabled],
fieldset[disabled] .abs-action-addto-product,
.block-event .slider-panel .slider .item .action.event.disabled,
.block-event .slider-panel .slider .item .action.event[disabled],
fieldset[disabled] .block-event .slider-panel .slider .item .action.event,
.bundle-options-container .block-bundle-summary .product-addto-links > .action.disabled,
.bundle-options-container .block-bundle-summary .product-addto-links > .action[disabled],
fieldset[disabled] .bundle-options-container .block-bundle-summary .product-addto-links > .action,
.product-info-main .action.tocompare.disabled,
.product-info-main .action.tocompare[disabled],
fieldset[disabled] .product-info-main .action.tocompare,
.product-options-bottom .action.tocompare.disabled,
.product-options-bottom .action.tocompare[disabled],
fieldset[disabled] .product-options-bottom .action.tocompare,
.product-info-main .action.towishlist.disabled,
.product-info-main .action.towishlist[disabled],
fieldset[disabled] .product-info-main .action.towishlist,
.product-options-bottom .action.towishlist.disabled,
.product-options-bottom .action.towishlist[disabled],
fieldset[disabled] .product-options-bottom .action.towishlist,
.block-bundle-summary .action.towishlist.disabled,
.block-bundle-summary .action.towishlist[disabled],
fieldset[disabled] .block-bundle-summary .action.towishlist {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.abs-action-link-button:hover,
.abs-action-link-button:active,
.abs-action-link-button:focus,
.abs-action-addto-product:hover,
.abs-action-addto-product:active,
.abs-action-addto-product:focus,
.block-event .slider-panel .slider .item .action.event:hover,
.block-event .slider-panel .slider .item .action.event:active,
.block-event .slider-panel .slider .item .action.event:focus,
.bundle-options-container .block-bundle-summary .product-addto-links > .action:hover,
.bundle-options-container .block-bundle-summary .product-addto-links > .action:active,
.bundle-options-container .block-bundle-summary .product-addto-links > .action:focus,
.product-info-main .action.tocompare:hover,
.product-info-main .action.tocompare:active,
.product-info-main .action.tocompare:focus,
.product-options-bottom .action.tocompare:hover,
.product-options-bottom .action.tocompare:active,
.product-options-bottom .action.tocompare:focus,
.product-info-main .action.towishlist:hover,
.product-info-main .action.towishlist:active,
.product-info-main .action.towishlist:focus,
.product-options-bottom .action.towishlist:hover,
.product-options-bottom .action.towishlist:active,
.product-options-bottom .action.towishlist:focus,
.block-bundle-summary .action.towishlist:hover,
.block-bundle-summary .action.towishlist:active,
.block-bundle-summary .action.towishlist:focus {
text-decoration: none;
}
.abs-product-options-list dt,
.cart.table-wrapper .item-options dt,
.opc-block-summary .items-in-cart .product .item-options dt,
.block-giftregistry-shared-items .product .item-options dt,
.multicheckout .item-options dt {
clear: left;
float: left;
margin: 0 10px 5px 0;
}
.abs-product-options-list dt:after,
.cart.table-wrapper .item-options dt:after,
.opc-block-summary .items-in-cart .product .item-options dt:after,
.block-giftregistry-shared-items .product .item-options dt:after,
.multicheckout .item-options dt:after {
content: ': ';
}
.abs-product-options-list dd,
.cart.table-wrapper .item-options dd,
.opc-block-summary .items-in-cart .product .item-options dd,
.block-giftregistry-shared-items .product .item-options dd,
.multicheckout .item-options dd {
display: inline-block;
float: left;
margin: 0 0 5px;
word-break: break-all;
}
.abs-button-responsive,
.actions-toolbar > .primary .action,
.actions-toolbar > .secondary .action {
width: 100%;
}
.abs-reset-image-wrapper,
.products-list .product-image-wrapper,
.cart.table-wrapper .product-image-wrapper,
.minicart-items .product-image-wrapper,
.block-giftregistry-shared-items .product-image-wrapper {
height: auto;
padding: 0 !important;
}
.abs-reset-image-wrapper .product-image-photo,
.products-list .product-image-wrapper .product-image-photo,
.cart.table-wrapper .product-image-wrapper .product-image-photo,
.minicart-items .product-image-wrapper .product-image-photo,
.block-giftregistry-shared-items .product-image-wrapper .product-image-photo {
position: static;
}
.abs-adaptive-images {
display: block;
height: auto;
max-width: 100%;
}
.abs-adaptive-images-centered,
.product.media .product.photo .photo.image {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.abs-login-block-title,
.login-container .block .block-title {
font-size: 1.8rem;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 15px;
padding-bottom: 12px;
}
.abs-login-block-title strong,
.login-container .block .block-title strong {
font-weight: 500;
}
.abs-block-title,
.abs-account-blocks .block-title,
.block-compare .block-title,
.block-giftregistry-results .block-title,
.block-giftregistry-shared-items .block-title,
.block-wishlist-search-results .block-title,
.block-reorder .block-title,
.widget .block-title,
.block-wishlist .block-title,
.account .column.main .block:not(.widget) .block-title,
.multicheckout .block-title,
.paypal-review .block .block-title,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title,
.sales-guest-view .column.main .block:not(.widget) .block-title {
margin-bottom: 15px;
}
.abs-block-title > strong,
.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,
.widget .block-title > strong,
.block-wishlist .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;
}
.abs-account-blocks .block-title > .action,
.account .column.main .block:not(.widget) .block-title > .action,
.multicheckout .block-title > .action,
.paypal-review .block .block-title > .action,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-title > .action,
.sales-guest-view .column.main .block:not(.widget) .block-title > .action {
margin-left: 15px;
}
.abs-account-blocks .box-title,
.account .column.main .block:not(.widget) .box-title,
.multicheckout .box-title,
.paypal-review .block .box-title,
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title,
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title,
.sales-guest-view .column.main .block:not(.widget) .box-title {
display: inline-block;
margin: 0 0 5px;
}
.abs-account-blocks .box-title > span,
.account .column.main .block:not(.widget) .box-title > span,
.multicheckout .box-title > span,
.paypal-review .block .box-title > span,
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span,
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span,
.sales-guest-view .column.main .block:not(.widget) .box-title > span {
font-weight: 700;
line-height: 1.1;
font-size: 1.4rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.abs-account-blocks .box-title > .action,
.account .column.main .block:not(.widget) .box-title > .action,
.multicheckout .box-title > .action,
.paypal-review .block .box-title > .action,
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action,
[class^='sales-guest-'] .column.main .block:not(.widget) .box-title > .action,
.sales-guest-view .column.main .block:not(.widget) .box-title > .action {
font-weight: 400;
margin-left: 10px;
}
.abs-account-blocks .block-content p:last-child,
.account .column.main .block:not(.widget) .block-content p:last-child,
.multicheckout .block-content p:last-child,
.paypal-review .block .block-content p:last-child,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content p:last-child,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content p:last-child,
.sales-guest-view .column.main .block:not(.widget) .block-content p:last-child {
margin-bottom: 0;
}
.abs-account-blocks .block-content .box,
.account .column.main .block:not(.widget) .block-content .box,
.multicheckout .block-content .box,
.paypal-review .block .block-content .box,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box,
[class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box,
.sales-guest-view .column.main .block:not(.widget) .block-content .box {
margin-bottom: 20px;
}
.abs-dropdown-simple,
.giftregisty-dropdown,
.wishlist-dropdown {
display: inline-block;
position: relative;
}
.abs-dropdown-simple:before,
.abs-dropdown-simple:after,
.giftregisty-dropdown:before,
.giftregisty-dropdown:after,
.wishlist-dropdown:before,
.wishlist-dropdown:after {
content: '';
display: table;
}
.abs-dropdown-simple:after,
.giftregisty-dropdown:after,
.wishlist-dropdown:after {
clear: both;
}
.abs-dropdown-simple .action.toggle,
.giftregisty-dropdown .action.toggle,
.wishlist-dropdown .action.toggle {
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.abs-dropdown-simple .action.toggle:after,
.giftregisty-dropdown .action.toggle:after,
.wishlist-dropdown .action.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e607';
font-family: 'icons-blank-theme';
margin: 0 0 0 5px;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-dropdown-simple .action.toggle:hover:after,
.giftregisty-dropdown .action.toggle:hover:after,
.wishlist-dropdown .action.toggle:hover:after {
color: inherit;
}
.abs-dropdown-simple .action.toggle:active:after,
.giftregisty-dropdown .action.toggle:active:after,
.wishlist-dropdown .action.toggle:active:after {
color: inherit;
}
.abs-dropdown-simple .action.toggle.active,
.giftregisty-dropdown .action.toggle.active,
.wishlist-dropdown .action.toggle.active {
display: inline-block;
text-decoration: none;
}
.abs-dropdown-simple .action.toggle.active:after,
.giftregisty-dropdown .action.toggle.active:after,
.wishlist-dropdown .action.toggle.active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e618';
font-family: 'icons-blank-theme';
margin: 0 0 0 5px;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-dropdown-simple .action.toggle.active:hover:after,
.giftregisty-dropdown .action.toggle.active:hover:after,
.wishlist-dropdown .action.toggle.active:hover:after {
color: inherit;
}
.abs-dropdown-simple .action.toggle.active:active:after,
.giftregisty-dropdown .action.toggle.active:active:after,
.wishlist-dropdown .action.toggle.active:active:after {
color: inherit;
}
.abs-dropdown-simple ul.dropdown,
.giftregisty-dropdown ul.dropdown,
.wishlist-dropdown ul.dropdown {
margin: 0;
padding: 0;
list-style: none none;
background: #ffffff;
border: 1px solid #bbbbbb;
margin-top: 4px;
min-width: 200px;
z-index: 100;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.abs-dropdown-simple ul.dropdown li,
.giftregisty-dropdown ul.dropdown li,
.wishlist-dropdown ul.dropdown li {
margin: 0;
padding: 5px 5px 5px 23px;
}
.abs-dropdown-simple ul.dropdown li:hover,
.giftregisty-dropdown ul.dropdown li:hover,
.wishlist-dropdown ul.dropdown li:hover {
background: #e8e8e8;
cursor: pointer;
}
.abs-dropdown-simple ul.dropdown:before,
.abs-dropdown-simple ul.dropdown:after,
.giftregisty-dropdown ul.dropdown:before,
.giftregisty-dropdown ul.dropdown:after,
.wishlist-dropdown ul.dropdown:before,
.wishlist-dropdown ul.dropdown:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.abs-dropdown-simple ul.dropdown:before,
.giftregisty-dropdown ul.dropdown:before,
.wishlist-dropdown ul.dropdown:before {
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.abs-dropdown-simple ul.dropdown:after,
.giftregisty-dropdown ul.dropdown:after,
.wishlist-dropdown ul.dropdown:after {
border: 7px solid;
border-color: transparent transparent #bbbbbb transparent;
z-index: 98;
}
.abs-dropdown-simple ul.dropdown:before,
.giftregisty-dropdown ul.dropdown:before,
.wishlist-dropdown ul.dropdown:before {
left: 10px;
top: -12px;
}
.abs-dropdown-simple ul.dropdown:after,
.giftregisty-dropdown ul.dropdown:after,
.wishlist-dropdown ul.dropdown:after {
left: 9px;
top: -14px;
}
.abs-dropdown-simple.active,
.giftregisty-dropdown.active,
.wishlist-dropdown.active {
overflow: visible;
}
.abs-dropdown-simple.active ul.dropdown,
.giftregisty-dropdown.active ul.dropdown,
.wishlist-dropdown.active ul.dropdown {
display: block;
}
.abs-input-qty,
.column .block-addbysku .qty .qty,
.bundle-options-container .input-text.qty,
.cart.table-wrapper .col.qty .input-text,
.account .table-return-items .qty .input-text,
.table-giftregistry-items .field.qty .qty,
.block-giftregistry-shared-items .qty .qty,
.table.grouped .control .qty,
.block-wishlist-info-items .input-text.qty,
.multicheckout .table-wrapper .col .qty .input-text,
.account .table-wrapper .data.table.wishlist .box-tocart .qty,
.products-grid.wishlist .product-item .box-tocart input.qty,
.sidebar .block-addbysku .fieldset .fields .field.qty .qty {
text-align: center;
width: 47px;
}
.abs-margin-for-blocks-and-widgets,
.block,
.sidebar .widget.block:not(:last-child),
.sidebar .widget:not(:last-child),
.block-banners,
.block-banners-inline {
margin-bottom: 40px;
}
.abs-remove-button-for-blocks,
.sidebar .action.delete,
.table-comparison .cell.remove .action.delete,
.block-compare .action.delete,
.filtered .item .action.remove {
display: inline-block;
text-decoration: none;
}
.abs-remove-button-for-blocks > span,
.sidebar .action.delete > span,
.table-comparison .cell.remove .action.delete > span,
.block-compare .action.delete > span,
.filtered .item .action.remove > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-remove-button-for-blocks:before,
.sidebar .action.delete:before,
.table-comparison .cell.remove .action.delete:before,
.block-compare .action.delete:before,
.filtered .item .action.remove:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 26px;
line-height: 15px;
color: #303030;
content: '\e616';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-remove-button-for-blocks:hover:before,
.sidebar .action.delete:hover:before,
.table-comparison .cell.remove .action.delete:hover:before,
.block-compare .action.delete:hover:before,
.filtered .item .action.remove:hover:before {
color: #303030;
}
.abs-remove-button-for-blocks:active:before,
.sidebar .action.delete:active:before,
.table-comparison .cell.remove .action.delete:active:before,
.block-compare .action.delete:active:before,
.filtered .item .action.remove:active:before {
color: #303030;
}
.abs-product-link,
.product-item-name,
.product.name a {
font-weight: 400;
}
.abs-product-link > a,
.product-item-name > a,
.product.name a > a {
color: #333333;
text-decoration: none;
}
.abs-product-link > a:visited,
.product-item-name > a:visited,
.product.name a > a:visited {
color: #333333;
text-decoration: underline;
}
.abs-product-link > a:hover,
.product-item-name > a:hover,
.product.name a > a:hover {
color: #333333;
text-decoration: underline;
}
.abs-product-link > a:active,
.product-item-name > a:active,
.product.name a > a:active {
color: #333333;
text-decoration: underline;
}
.abs-reset-left-margin,
.form.giftregistry.items .actions-toolbar,
.form-new-agreement .actions-toolbar,
.fieldset .review-legend.legend,
.form.wishlist.items .actions-toolbar {
margin-left: 0;
}
.abs-action-remove,
.abs-add-fields .action.remove,
.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 {
left: 10px;
margin-left: 70%;
position: absolute;
top: 31px;
width: auto;
}
.abs-add-fields .fieldset,
.form-giftregistry-share .fieldset,
.form-giftregistry-edit .fieldset,
.form-add-invitations .fieldset,
.form-create-return .fieldset,
.form.send.friend .fieldset {
margin-bottom: 50px;
}
.abs-add-fields .fieldset .field:not(.choice) .control,
.form-giftregistry-share .fieldset .field:not(.choice) .control,
.form-giftregistry-edit .fieldset .field:not(.choice) .control,
.form-add-invitations .fieldset .field:not(.choice) .control,
.form-create-return .fieldset .field:not(.choice) .control,
.form.send.friend .fieldset .field:not(.choice) .control {
width: 70%;
}
.abs-add-fields .fieldset .actions-toolbar:not(:first-child) > .secondary,
.form-giftregistry-share .fieldset .actions-toolbar:not(:first-child) > .secondary,
.form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child) > .secondary,
.form-add-invitations .fieldset .actions-toolbar:not(:first-child) > .secondary,
.form-create-return .fieldset .actions-toolbar:not(:first-child) > .secondary,
.form.send.friend .fieldset .actions-toolbar:not(:first-child) > .secondary {
float: left;
}
.abs-add-fields .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add,
.form-giftregistry-share .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add,
.form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add,
.form-add-invitations .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add,
.form-create-return .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add,
.form.send.friend .fieldset .actions-toolbar:not(:first-child) > .secondary .action.add {
margin-top: 30px;
}
.abs-add-fields .fieldset .fields .actions-toolbar,
.form-giftregistry-share .fieldset .fields .actions-toolbar,
.form-giftregistry-edit .fieldset .fields .actions-toolbar,
.form-add-invitations .fieldset .fields .actions-toolbar,
.form-create-return .fieldset .fields .actions-toolbar,
.form.send.friend .fieldset .fields .actions-toolbar {
margin: 0;
}
.abs-add-fields .message.notice,
.form-giftregistry-share .message.notice,
.form-giftregistry-edit .message.notice,
.form-add-invitations .message.notice,
.form-create-return .message.notice,
.form.send.friend .message.notice {
margin: 30px 0 0;
}
.abs-add-fields .additional,
.form-giftregistry-share .additional,
.form-giftregistry-edit .additional,
.form-add-invitations .additional,
.form-create-return .additional,
.form.send.friend .additional {
margin-top: 55px;
position: relative;
}
.abs-hidden,
.order-details-items .order-items .order-gift-message:not(.expanded-content) {
height: 0;
visibility: hidden;
}
.abs-visually-hidden,
.product-item-actions .actions-secondary > .action span,
.table-comparison .cell.label.remove span,
.table-comparison .cell.label.product span,
.cart.table-wrapper .col.qty .label,
.minicart-wrapper .action.showcart .text,
.minicart-wrapper .action.showcart .counter-label,
.checkout-index-index .page-title-wrapper,
.checkout-payment-method .field-select-billing > .label,
.checkout-payment-method .payments .legend,
.checkout-payment-method .ccard .legend,
.fieldset .fullname.field > .label,
.account .column.main .limiter > .label,
.field.street .field .label,
.account-nav .title,
.page-product-downloadable .product-options-wrapper .fieldset .legend.links-title,
.page-product-giftcard .fieldset.giftcard > .legend,
.opc-wrapper .form-giftcard-account .field .label,
.filter-options-content .filter-count-label,
.block-wishlist-search-form .form-wishlist-search .fieldset > .legend,
.page-multiple-wishlist .page-title-wrapper .page-title,
.multicheckout .table-wrapper .col .label,
.multicheckout .block .methods-shipping .item-content .fieldset > .legend,
.block.newsletter .label,
.block-reorder .product-item .label,
.opc-wrapper .form-discount .field .label,
.action.skip:not(:focus),
.page-header .panel.wrapper .switcher .label,
.page-footer .switcher .label,
.products-grid.wishlist .product-item .comment-box .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-visually-hidden-reset,
.shipping-policy-block.field-tooltip .field-tooltip-action span {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.abs-add-clearfix:before,
.abs-add-clearfix:after,
.abs-add-fields .fieldset .actions-toolbar:not(:first-child):before,
.abs-add-fields .fieldset .actions-toolbar:not(:first-child):after,
.toolbar:before,
.toolbar:after,
.toolbar-products:before,
.toolbar-products:after,
.sidebar .product-items-images:before,
.sidebar .product-items-images:after,
.cart.table-wrapper .actions-toolbar:before,
.cart.table-wrapper .actions-toolbar:after,
.cart.table-wrapper .item-options:before,
.cart.table-wrapper .item-options:after,
.minicart-items .product-item > .product:before,
.minicart-items .product-item > .product:after,
.checkout-container:before,
.checkout-container:after,
.checkout-onepage-success:before,
.checkout-onepage-success:after,
.opc-estimated-wrapper:before,
.opc-estimated-wrapper:after,
.opc-wrapper .field.addresses:before,
.opc-wrapper .field.addresses:after,
.opc-block-summary .items-in-cart .product .item-options:before,
.opc-block-summary .items-in-cart .product .item-options:after,
.fieldset .fullname .field:before,
.fieldset .fullname .field:after,
.page-product-downloadable .product-add-form:before,
.page-product-downloadable .product-add-form:after,
.gift-options:before,
.gift-options:after,
.gift-item-block .content:before,
.gift-item-block .content:after,
.order-details-items .order-gift-message:before,
.order-details-items .order-gift-message:after,
.order-details-items .block-order-details-gift-message:before,
.order-details-items .block-order-details-gift-message:after,
.block-giftregistry-shared-items .product .item-options:before,
.block-giftregistry-shared-items .product .item-options:after,
.gift-wrapping-list:before,
.gift-wrapping-list:after,
.opc-wrapper .data.table .gift-wrapping:before,
.opc-wrapper .data.table .gift-wrapping:after,
.table-order-items .gift-wrapping:before,
.table-order-items .gift-wrapping:after,
.table-order-review .gift-wrapping:before,
.table-order-review .gift-wrapping:after,
.order-options .product:before,
.order-options .product:after,
.map-popup .map-info-price:before,
.map-popup .map-info-price:after,
.multicheckout .item-options:before,
.multicheckout .item-options:after,
.multicheckout .block:before,
.multicheckout .block:after,
.multicheckout .block-content:before,
.multicheckout .block-content:after,
.customer-review .product-details:before,
.customer-review .product-details:after,
.header.content:before,
.header.content:after,
.checkout-onepage-success:before,
.checkout-onepage-success:after,
.form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):before,
.form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):after,
.form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):before,
.form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):after,
.form-add-invitations .fieldset .actions-toolbar:not(:first-child):before,
.form-add-invitations .fieldset .actions-toolbar:not(:first-child):after,
.form-create-return .fieldset .actions-toolbar:not(:first-child):before,
.form-create-return .fieldset .actions-toolbar:not(:first-child):after,
.form.send.friend .fieldset .actions-toolbar:not(:first-child):before,
.form.send.friend .fieldset .actions-toolbar:not(:first-child):after {
content: '';
display: table;
}
.abs-add-clearfix:after,
.abs-add-fields .fieldset .actions-toolbar:not(:first-child):after,
.toolbar:after,
.toolbar-products:after,
.sidebar .product-items-images:after,
.cart.table-wrapper .actions-toolbar:after,
.cart.table-wrapper .item-options:after,
.minicart-items .product-item > .product:after,
.checkout-container:after,
.checkout-onepage-success:after,
.opc-estimated-wrapper:after,
.opc-wrapper .field.addresses:after,
.opc-block-summary .items-in-cart .product .item-options:after,
.fieldset .fullname .field:after,
.page-product-downloadable .product-add-form:after,
.gift-options:after,
.gift-item-block .content:after,
.order-details-items .order-gift-message:after,
.order-details-items .block-order-details-gift-message:after,
.block-giftregistry-shared-items .product .item-options:after,
.gift-wrapping-list:after,
.opc-wrapper .data.table .gift-wrapping:after,
.table-order-items .gift-wrapping:after,
.table-order-review .gift-wrapping:after,
.order-options .product:after,
.map-popup .map-info-price:after,
.multicheckout .item-options:after,
.multicheckout .block:after,
.multicheckout .block-content:after,
.customer-review .product-details:after,
.header.content:after,
.checkout-onepage-success:after,
.form-giftregistry-share .fieldset .actions-toolbar:not(:first-child):after,
.form-giftregistry-edit .fieldset .actions-toolbar:not(:first-child):after,
.form-add-invitations .fieldset .actions-toolbar:not(:first-child):after,
.form-create-return .fieldset .actions-toolbar:not(:first-child):after,
.form.send.friend .fieldset .actions-toolbar:not(:first-child):after {
clear: both;
}
.abs-add-box-sizing,
.abs-field-date .control,
.abs-field-tooltip,
.columns .column.main,
.columns .sidebar-main,
.columns .sidebar-additional,
.search-autocomplete,
.column .block-addbysku .sku,
.bundle-options-container .block-bundle-summary,
.product-item,
.sidebar .product-items-images .product-item,
.search-autocomplete,
.cart-summary,
.opc-wrapper .shipping-address-item,
.shipping-policy-block.field-tooltip .field-tooltip-content,
.opc-block-summary,
.sidebar .block-addbysku .fieldset .fields .field.sku,
.block-event .slider-panel .slider .item .action.show,
.field .control._with-tooltip {
box-sizing: border-box;
}
.abs-navigation-icon {
display: block;
text-decoration: none;
}
.abs-navigation-icon:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 34px;
line-height: 1.2;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-navigation-icon:after {
position: absolute;
right: 5px;
top: 0;
}
.abs-split-button {
display: inline-block;
position: relative;
vertical-align: middle;
}
.abs-split-button:before,
.abs-split-button:after {
content: '';
display: table;
}
.abs-split-button:after {
clear: both;
}
.abs-split-button .action.split {
float: left;
margin: 0;
}
.abs-split-button .action.toggle {
float: right;
margin: 0;
}
.abs-split-button button.action.split,
.abs-split-button .cart.table-wrapper .actions-toolbar > .action.action.split,
.abs-split-button .action-gift.action.split {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.abs-split-button button + .action.toggle,
.abs-split-button .cart.table-wrapper .actions-toolbar > .action + .action.toggle,
.abs-split-button .action-gift + .action.toggle {
border-bottom-left-radius: 0;
border-left: 0;
border-top-left-radius: 0;
}
.abs-split-button .action.toggle {
padding: 4px 5px;
display: inline-block;
text-decoration: none;
}
.abs-split-button .action.toggle > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-split-button .action.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e607';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-split-button .action.toggle:hover:after {
color: inherit;
}
.abs-split-button .action.toggle:active:after {
color: inherit;
}
.abs-split-button .action.toggle.active {
display: inline-block;
text-decoration: none;
}
.abs-split-button .action.toggle.active > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-split-button .action.toggle.active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e618';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-split-button .action.toggle.active:hover:after {
color: inherit;
}
.abs-split-button .action.toggle.active:active:after {
color: inherit;
}
.abs-split-button .items {
margin: 0;
padding: 0;
list-style: none none;
background: #ffffff;
border: 1px solid #bbbbbb;
margin-top: 4px;
min-width: 100%;
z-index: 100;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.abs-split-button .items li {
margin: 0;
padding: 3px 5px;
}
.abs-split-button .items li:hover {
background: #e8e8e8;
cursor: pointer;
}
.abs-split-button .items:before,
.abs-split-button .items:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.abs-split-button .items:before {
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.abs-split-button .items:after {
border: 7px solid;
border-color: transparent transparent #bbbbbb transparent;
z-index: 98;
}
.abs-split-button .items:before {
right: 10px;
top: -12px;
}
.abs-split-button .items:after {
right: 9px;
top: -14px;
}
.abs-split-button.active {
overflow: visible;
}
.abs-split-button.active .items {
display: block;
}
.abs-action-addto-product,
.bundle-options-container .block-bundle-summary .product-addto-links > .action,
.product-info-main .action.tocompare,
.product-options-bottom .action.tocompare,
.product-info-main .action.towishlist,
.product-options-bottom .action.towishlist,
.block-bundle-summary .action.towishlist {
line-height: 1.2rem;
padding: 5px 8px;
font-size: 1.1rem;
}
.abs-actions-addto-gridlist,
.product-item-actions .actions-secondary > .action,
.table-comparison .wishlist.split.button > .action.split,
.product-items .wishlist.split.button > .action.split,
.product-items .action.towishlist,
.products.list.items .action.towishlist,
.table-comparison .action.towishlist {
display: inline-block;
text-decoration: none;
}
.abs-actions-addto-gridlist > span,
.product-item-actions .actions-secondary > .action > span,
.table-comparison .wishlist.split.button > .action.split > span,
.product-items .wishlist.split.button > .action.split > span,
.product-items .action.towishlist > span,
.products.list.items .action.towishlist > span,
.table-comparison .action.towishlist > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-actions-addto-gridlist:before,
.product-item-actions .actions-secondary > .action:before,
.table-comparison .wishlist.split.button > .action.split:before,
.product-items .wishlist.split.button > .action.split:before,
.product-items .action.towishlist:before,
.products.list.items .action.towishlist:before,
.table-comparison .action.towishlist:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 29px;
line-height: 24px;
color: #7d7d7d;
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-actions-addto-gridlist:hover:before,
.product-item-actions .actions-secondary > .action:hover:before,
.table-comparison .wishlist.split.button > .action.split:hover:before,
.product-items .wishlist.split.button > .action.split:hover:before,
.product-items .action.towishlist:hover:before,
.products.list.items .action.towishlist:hover:before,
.table-comparison .action.towishlist:hover:before {
color: #333333;
}
.abs-button-l,
#store-selector .form-continue .actions-toolbar .action.primary,
.bundle-actions .action.primary,
.bundle-options-container .block-bundle-summary .box-tocart .action.primary,
.product-info-main .box-tocart .action.tocart,
.product-options-bottom .box-tocart .action.tocart,
.cart-container .checkout-methods-items .action.primary,
.block-minicart .block-content > .actions > .primary .action.primary,
.methods-shipping .actions-toolbar .action.primary,
.block-authentication .action.action-register,
.block-authentication .action.action-login,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary,
.form-address-edit .actions-toolbar .action.primary,
.multicheckout .action.primary,
#store-selector .form-continue .actions-toolbar .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.bundle-actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.bundle-options-container .block-bundle-summary .box-tocart .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cart-container .checkout-methods-items .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.block-minicart .block-content > .actions > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.methods-shipping .actions-toolbar .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.form-address-edit .actions-toolbar .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.multicheckout .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
#store-selector .form-continue .actions-toolbar .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.bundle-actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.bundle-options-container .block-bundle-summary .box-tocart .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cart-container .checkout-methods-items .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.block-minicart .block-content > .actions > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.methods-shipping .actions-toolbar .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.checkout-payment-method .payment-method-content > .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.form-address-edit .actions-toolbar .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.multicheckout .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
line-height: 2.2rem;
padding: 14px 17px;
font-size: 1.8rem;
}
.abs-action-button-as-link,
.abs-action-remove,
.cart.table-wrapper .action.help.map,
.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,
.cart-summary .block.giftcard .action.check,
.gift-options .actions-toolbar .action-cancel,
.table-comparison .wishlist.split.button > .action,
.product-items .wishlist.split.button > .action,
.paypal-button-widget .paypal-button,
.abs-add-fields .action.remove,
.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 {
line-height: 1.42857143;
padding: 0;
color: #1979c3;
text-decoration: none;
background: none;
border: 0;
display: inline;
border-radius: 0;
font-size: inherit;
font-weight: 400;
}
.abs-action-button-as-link:visited,
.abs-action-remove:visited,
.cart.table-wrapper .action.help.map:visited,
.opc-wrapper .edit-address-link:visited,
.opc-block-shipping-information .shipping-information-title .action-edit:visited,
.action-auth-toggle:visited,
.checkout-payment-method .checkout-billing-address .action-cancel:visited,
.checkout-agreements-block .action-show:visited,
.cart-summary .block.giftcard .action.check:visited,
.gift-options .actions-toolbar .action-cancel:visited,
.table-comparison .wishlist.split.button > .action:visited,
.product-items .wishlist.split.button > .action:visited,
.paypal-button-widget .paypal-button:visited,
.abs-add-fields .action.remove:visited,
.form-giftregistry-share .action.remove:visited,
.form-giftregistry-edit .action.remove:visited,
.form-add-invitations .action.remove:visited,
.form-create-return .action.remove:visited,
.form.send.friend .action.remove:visited {
color: #1979c3;
text-decoration: none;
}
.abs-action-button-as-link:hover,
.abs-action-remove:hover,
.cart.table-wrapper .action.help.map: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,
.cart-summary .block.giftcard .action.check:hover,
.gift-options .actions-toolbar .action-cancel:hover,
.table-comparison .wishlist.split.button > .action:hover,
.product-items .wishlist.split.button > .action:hover,
.paypal-button-widget .paypal-button:hover,
.abs-add-fields .action.remove: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: #006bb4;
text-decoration: underline;
}
.abs-action-button-as-link:active,
.abs-action-remove:active,
.cart.table-wrapper .action.help.map:active,
.opc-wrapper .edit-address-link:active,
.opc-block-shipping-information .shipping-information-title .action-edit:active,
.action-auth-toggle:active,
.checkout-payment-method .checkout-billing-address .action-cancel:active,
.checkout-agreements-block .action-show:active,
.cart-summary .block.giftcard .action.check:active,
.gift-options .actions-toolbar .action-cancel:active,
.table-comparison .wishlist.split.button > .action:active,
.product-items .wishlist.split.button > .action:active,
.paypal-button-widget .paypal-button:active,
.abs-add-fields .action.remove:active,
.form-giftregistry-share .action.remove:active,
.form-giftregistry-edit .action.remove:active,
.form-add-invitations .action.remove:active,
.form-create-return .action.remove:active,
.form.send.friend .action.remove:active {
color: #ff5501;
text-decoration: underline;
}
.abs-action-button-as-link:hover,
.abs-action-button-as-link:active,
.abs-action-button-as-link:focus,
.abs-action-remove:hover,
.abs-action-remove:active,
.abs-action-remove:focus,
.cart.table-wrapper .action.help.map:hover,
.cart.table-wrapper .action.help.map:active,
.cart.table-wrapper .action.help.map:focus,
.opc-wrapper .edit-address-link:hover,
.opc-wrapper .edit-address-link:active,
.opc-wrapper .edit-address-link:focus,
.opc-block-shipping-information .shipping-information-title .action-edit:hover,
.opc-block-shipping-information .shipping-information-title .action-edit:active,
.opc-block-shipping-information .shipping-information-title .action-edit:focus,
.action-auth-toggle:hover,
.action-auth-toggle:active,
.action-auth-toggle:focus,
.checkout-payment-method .checkout-billing-address .action-cancel:hover,
.checkout-payment-method .checkout-billing-address .action-cancel:active,
.checkout-payment-method .checkout-billing-address .action-cancel:focus,
.checkout-agreements-block .action-show:hover,
.checkout-agreements-block .action-show:active,
.checkout-agreements-block .action-show:focus,
.cart-summary .block.giftcard .action.check:hover,
.cart-summary .block.giftcard .action.check:active,
.cart-summary .block.giftcard .action.check:focus,
.gift-options .actions-toolbar .action-cancel:hover,
.gift-options .actions-toolbar .action-cancel:active,
.gift-options .actions-toolbar .action-cancel:focus,
.table-comparison .wishlist.split.button > .action:hover,
.table-comparison .wishlist.split.button > .action:active,
.table-comparison .wishlist.split.button > .action:focus,
.product-items .wishlist.split.button > .action:hover,
.product-items .wishlist.split.button > .action:active,
.product-items .wishlist.split.button > .action:focus,
.paypal-button-widget .paypal-button:hover,
.paypal-button-widget .paypal-button:active,
.paypal-button-widget .paypal-button:focus,
.abs-add-fields .action.remove:hover,
.abs-add-fields .action.remove:active,
.abs-add-fields .action.remove:focus,
.form-giftregistry-share .action.remove:hover,
.form-giftregistry-share .action.remove:active,
.form-giftregistry-share .action.remove:focus,
.form-giftregistry-edit .action.remove:hover,
.form-giftregistry-edit .action.remove:active,
.form-giftregistry-edit .action.remove:focus,
.form-add-invitations .action.remove:hover,
.form-add-invitations .action.remove:active,
.form-add-invitations .action.remove:focus,
.form-create-return .action.remove:hover,
.form-create-return .action.remove:active,
.form-create-return .action.remove:focus,
.form.send.friend .action.remove:hover,
.form.send.friend .action.remove:active,
.form.send.friend .action.remove:focus {
background: none;
border: 0;
}
.abs-action-button-as-link.disabled,
.abs-action-button-as-link[disabled],
fieldset[disabled] .abs-action-button-as-link,
.abs-action-remove.disabled,
.abs-action-remove[disabled],
fieldset[disabled] .abs-action-remove,
.cart.table-wrapper .action.help.map.disabled,
.cart.table-wrapper .action.help.map[disabled],
fieldset[disabled] .cart.table-wrapper .action.help.map,
.opc-wrapper .edit-address-link.disabled,
.opc-wrapper .edit-address-link[disabled],
fieldset[disabled] .opc-wrapper .edit-address-link,
.opc-block-shipping-information .shipping-information-title .action-edit.disabled,
.opc-block-shipping-information .shipping-information-title .action-edit[disabled],
fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit,
.action-auth-toggle.disabled,
.action-auth-toggle[disabled],
fieldset[disabled] .action-auth-toggle,
.checkout-payment-method .checkout-billing-address .action-cancel.disabled,
.checkout-payment-method .checkout-billing-address .action-cancel[disabled],
fieldset[disabled] .checkout-payment-method .checkout-billing-address .action-cancel,
.checkout-agreements-block .action-show.disabled,
.checkout-agreements-block .action-show[disabled],
fieldset[disabled] .checkout-agreements-block .action-show,
.cart-summary .block.giftcard .action.check.disabled,
.cart-summary .block.giftcard .action.check[disabled],
fieldset[disabled] .cart-summary .block.giftcard .action.check,
.gift-options .actions-toolbar .action-cancel.disabled,
.gift-options .actions-toolbar .action-cancel[disabled],
fieldset[disabled] .gift-options .actions-toolbar .action-cancel,
.table-comparison .wishlist.split.button > .action.disabled,
.table-comparison .wishlist.split.button > .action[disabled],
fieldset[disabled] .table-comparison .wishlist.split.button > .action,
.product-items .wishlist.split.button > .action.disabled,
.product-items .wishlist.split.button > .action[disabled],
fieldset[disabled] .product-items .wishlist.split.button > .action,
.paypal-button-widget .paypal-button.disabled,
.paypal-button-widget .paypal-button[disabled],
fieldset[disabled] .paypal-button-widget .paypal-button,
.abs-add-fields .action.remove.disabled,
.abs-add-fields .action.remove[disabled],
fieldset[disabled] .abs-add-fields .action.remove,
.form-giftregistry-share .action.remove.disabled,
.form-giftregistry-share .action.remove[disabled],
fieldset[disabled] .form-giftregistry-share .action.remove,
.form-giftregistry-edit .action.remove.disabled,
.form-giftregistry-edit .action.remove[disabled],
fieldset[disabled] .form-giftregistry-edit .action.remove,
.form-add-invitations .action.remove.disabled,
.form-add-invitations .action.remove[disabled],
fieldset[disabled] .form-add-invitations .action.remove,
.form-create-return .action.remove.disabled,
.form-create-return .action.remove[disabled],
fieldset[disabled] .form-create-return .action.remove,
.form.send.friend .action.remove.disabled,
.form.send.friend .action.remove[disabled],
fieldset[disabled] .form.send.friend .action.remove {
color: #1979c3;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.abs-action-button-as-link:active,
.abs-action-button-as-link:not(:focus),
.abs-action-remove:active,
.abs-action-remove:not(:focus),
.cart.table-wrapper .action.help.map:active,
.cart.table-wrapper .action.help.map:not(:focus),
.opc-wrapper .edit-address-link:active,
.opc-wrapper .edit-address-link:not(:focus),
.opc-block-shipping-information .shipping-information-title .action-edit:active,
.opc-block-shipping-information .shipping-information-title .action-edit:not(:focus),
.action-auth-toggle:active,
.action-auth-toggle:not(:focus),
.checkout-payment-method .checkout-billing-address .action-cancel:active,
.checkout-payment-method .checkout-billing-address .action-cancel:not(:focus),
.checkout-agreements-block .action-show:active,
.checkout-agreements-block .action-show:not(:focus),
.cart-summary .block.giftcard .action.check:active,
.cart-summary .block.giftcard .action.check:not(:focus),
.gift-options .actions-toolbar .action-cancel:active,
.gift-options .actions-toolbar .action-cancel:not(:focus),
.table-comparison .wishlist.split.button > .action:active,
.table-comparison .wishlist.split.button > .action:not(:focus),
.product-items .wishlist.split.button > .action:active,
.product-items .wishlist.split.button > .action:not(:focus),
.paypal-button-widget .paypal-button:active,
.paypal-button-widget .paypal-button:not(:focus),
.abs-add-fields .action.remove:active,
.abs-add-fields .action.remove:not(:focus),
.form-giftregistry-share .action.remove:active,
.form-giftregistry-share .action.remove:not(:focus),
.form-giftregistry-edit .action.remove:active,
.form-giftregistry-edit .action.remove:not(:focus),
.form-add-invitations .action.remove:active,
.form-add-invitations .action.remove:not(:focus),
.form-create-return .action.remove:active,
.form-create-return .action.remove:not(:focus),
.form.send.friend .action.remove:active,
.form.send.friend .action.remove:not(:focus) {
box-shadow: none;
}
.abs-revert-secondary-color,
.block-compare .action.compare,
.cart-summary .actions-toolbar > .primary button,
.cart-summary .form.giftregistry .fieldset .action.primary,
.paypal-review .block .actions-toolbar .action.primary,
.cart-summary .form.giftregistry .fieldset .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.paypal-review .block .actions-toolbar .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cart-summary .form.giftregistry .fieldset .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.paypal-review .block .actions-toolbar .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action,
.cart-summary .actions-toolbar > .primary .action-gift {
background: #f2f2f2;
border: 1px solid #cdcdcd;
color: #333333;
}
.abs-revert-secondary-color:focus,
.abs-revert-secondary-color:active,
.block-compare .action.compare:focus,
.block-compare .action.compare:active,
.cart-summary .actions-toolbar > .primary button:focus,
.cart-summary .actions-toolbar > .primary button:active,
.cart-summary .form.giftregistry .fieldset .action.primary:focus,
.cart-summary .form.giftregistry .fieldset .action.primary:active,
.paypal-review .block .actions-toolbar .action.primary:focus,
.paypal-review .block .actions-toolbar .action.primary:active,
.cart-summary .form.giftregistry .fieldset .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:focus,
.cart-summary .form.giftregistry .fieldset .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:active,
.paypal-review .block .actions-toolbar .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:focus,
.paypal-review .block .actions-toolbar .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:active,
.cart-summary .form.giftregistry .fieldset .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:focus,
.cart-summary .form.giftregistry .fieldset .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:active,
.paypal-review .block .actions-toolbar .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:focus,
.paypal-review .block .actions-toolbar .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:active,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:focus,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:active,
.cart-summary .actions-toolbar > .primary .action-gift:focus,
.cart-summary .actions-toolbar > .primary .action-gift:active {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #333333;
}
.abs-revert-secondary-color:hover,
.block-compare .action.compare:hover,
.cart-summary .actions-toolbar > .primary button:hover,
.cart-summary .form.giftregistry .fieldset .action.primary:hover,
.paypal-review .block .actions-toolbar .action.primary:hover,
.cart-summary .form.giftregistry .fieldset .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.paypal-review .block .actions-toolbar .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.cart-summary .form.giftregistry .fieldset .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.paypal-review .block .actions-toolbar .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:hover,
.cart-summary .actions-toolbar > .primary .action-gift:hover {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #555555;
}
.abs-revert-secondary-size,
.cart-summary .form.giftregistry .fieldset .action.primary,
.cart-summary .form.giftregistry .fieldset .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cart-summary .form.giftregistry .fieldset .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
font-size: 1.4rem;
line-height: 1.6rem;
padding: 7px 15px;
}
.abs-box-tocart,
.bundle-actions {
margin: 10px 0;
}
.abs-adjustment-incl-excl-tax .price-including-tax,
.abs-adjustment-incl-excl-tax .price-excluding-tax,
.abs-adjustment-incl-excl-tax .weee,
.bundle-options-container .price-notice .price-including-tax,
.bundle-options-container .price-notice .price-excluding-tax,
.bundle-options-container .price-notice .weee,
.product-options-wrapper .field .price-notice .price-including-tax,
.product-options-wrapper .field .price-notice .price-excluding-tax,
.product-options-wrapper .field .price-notice .weee,
.cart-summary .price-including-tax,
.cart-summary .price-excluding-tax,
.cart-summary .weee,
.gift-summary .price-including-tax,
.gift-summary .price-excluding-tax,
.gift-summary .weee,
.gift-options .price-including-tax,
.gift-options .price-excluding-tax,
.gift-options .weee {
font-size: 1.4rem;
display: inline-block;
white-space: nowrap;
}
.abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax,
.bundle-options-container .price-notice .price-including-tax + .price-excluding-tax,
.product-options-wrapper .field .price-notice .price-including-tax + .price-excluding-tax,
.cart-summary .price-including-tax + .price-excluding-tax,
.gift-summary .price-including-tax + .price-excluding-tax,
.gift-options .price-including-tax + .price-excluding-tax {
display: inline-block;
font-size: 1.1rem;
}
.abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax:before,
.bundle-options-container .price-notice .price-including-tax + .price-excluding-tax:before,
.product-options-wrapper .field .price-notice .price-including-tax + .price-excluding-tax:before,
.cart-summary .price-including-tax + .price-excluding-tax:before,
.gift-summary .price-including-tax + .price-excluding-tax:before,
.gift-options .price-including-tax + .price-excluding-tax:before {
content: '(' attr(data-label) ': ';
}
.abs-adjustment-incl-excl-tax .price-including-tax + .price-excluding-tax:after,
.bundle-options-container .price-notice .price-including-tax + .price-excluding-tax:after,
.product-options-wrapper .field .price-notice .price-including-tax + .price-excluding-tax:after,
.cart-summary .price-including-tax + .price-excluding-tax:after,
.gift-summary .price-including-tax + .price-excluding-tax:after,
.gift-options .price-including-tax + .price-excluding-tax:after {
content: ')';
}
.abs-tax-total,
.price-including-tax .cart-tax-total,
.price-excluding-tax .cart-tax-total {
cursor: pointer;
padding-right: 12px;
position: relative;
display: inline-block;
text-decoration: none;
}
.abs-tax-total:after,
.price-including-tax .cart-tax-total:after,
.price-excluding-tax .cart-tax-total:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 26px;
line-height: 10px;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
margin: 3px 0 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-tax-total:after,
.price-including-tax .cart-tax-total:after,
.price-excluding-tax .cart-tax-total:after {
position: absolute;
right: -10px;
top: 3px;
}
.abs-tax-total-expanded:after {
content: '\e621';
}
.abs-tax-total-expanded:after,
.price-including-tax .cart-tax-total-expanded:after,
.price-excluding-tax .cart-tax-total-expanded:after {
content: '\e621';
}
.abs-methods-shipping-title {
font-size: 1.4rem;
font-weight: 700;
margin: 0 0 15px;
}
.abs-account-title,
.form-giftregistry-search .legend,
.block-wishlist-search-form .block-title,
.multicheckout .block-title,
.multicheckout .block-content .title {
border-bottom: 1px solid #d1d1d1;
margin-bottom: 25px;
padding-bottom: 10px;
}
.abs-account-title > strong,
.abs-account-title > span,
.form-giftregistry-search .legend > strong,
.form-giftregistry-search .legend > span,
.block-wishlist-search-form .block-title > strong,
.block-wishlist-search-form .block-title > span,
.multicheckout .block-title > strong,
.multicheckout .block-title > span,
.multicheckout .block-content .title > strong,
.multicheckout .block-content .title > span {
font-size: 2.2rem;
font-weight: 300;
}
.abs-rating-summary .rating-summary,
.review-ratings .rating-summary {
display: table-row;
}
.abs-rating-summary .rating-label,
.review-ratings .rating-label {
display: table-cell;
padding-bottom: 5px;
padding-right: 25px;
padding-top: 1px;
vertical-align: top;
}
.abs-rating-summary .rating-result,
.review-ratings .rating-result {
display: table-cell;
vertical-align: top;
}
.abs-colon:after,
.block-minicart .subtotal .label:after,
.minicart-items .details-qty .label:after,
.minicart-items .price-minicart .label:after,
.order-details-items .order-gift-message .label:after,
.order-details-items .block-order-details-gift-message .label:after,
.block-wishlist-management .wishlist-select .wishlist-name-label:after {
content: ': ';
}
.abs-icon-add,
.abs-dropdown-items-new .action.new,
.wishlist.split.button .action.new,
.wishlist-dropdown .action.new {
display: inline-block;
text-decoration: none;
}
.abs-icon-add:before,
.abs-dropdown-items-new .action.new:before,
.wishlist.split.button .action.new:before,
.wishlist-dropdown .action.new:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
line-height: 10px;
color: inherit;
content: '\e61c';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-dropdown-items-new .items .item:last-child:hover,
.wishlist.split.button .items .item:last-child:hover,
.wishlist-dropdown .items .item:last-child:hover {
background: #e8e8e8;
}
.abs-dropdown-items-new .action.new:before,
.wishlist.split.button .action.new:before,
.wishlist-dropdown .action.new:before {
margin-left: -17px;
margin-right: 5px;
}
.abs-no-display,
.abs-sidebar-totals .table-caption,
.sidebar .subtitle,
.cart-summary .block .fieldset.estimate > .legend,
.cart-summary .block .fieldset.estimate > .legend + br,
.minicart-items .product-item-details .weee[data-label] .label,
.page-product-giftcard .fieldset.giftcard > .legend + br,
.order-details-items .order-items .order-gift-message .action.close,
.multicheckout .block .methods-shipping .item-content .fieldset > .legend + br,
.multicheckout .hidden,
[class^='multishipping-'] .nav-sections,
[class^='multishipping-'] .nav-toggle,
.sidebar-main .block-reorder .subtitle,
.sidebar-additional .block-reorder .subtitle,
.no-display,
.cart-totals .table-caption,
.opc-block-summary .table-totals .table-caption {
display: none;
}
.abs-status,
.return-status,
.order-status {
display: inline-block;
margin-bottom: 20px;
}
.abs-block-items-counter,
.block-compare .counter,
.block-wishlist .counter {
color: #7d7d7d;
font-size: 1.2rem;
white-space: nowrap;
}
.abs-shopping-cart-items .action.continue,
.block-cart-failed .action.continue,
.cart-container .form-cart .action.continue {
border-radius: 3px;
background-image: none;
background: #f2f2f2;
border: 1px solid #cdcdcd;
color: #333333;
cursor: pointer;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0;
padding: 7px 15px 7px 0;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
vertical-align: middle;
display: inline-block;
text-decoration: none;
}
.abs-shopping-cart-items .action.continue:hover,
.abs-shopping-cart-items .action.continue:active,
.abs-shopping-cart-items .action.continue:focus,
.block-cart-failed .action.continue:hover,
.block-cart-failed .action.continue:active,
.block-cart-failed .action.continue:focus,
.cart-container .form-cart .action.continue:hover,
.cart-container .form-cart .action.continue:active,
.cart-container .form-cart .action.continue:focus {
text-decoration: none;
}
.abs-shopping-cart-items .action.continue:before,
.block-cart-failed .action.continue:before,
.cart-container .form-cart .action.continue:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 16px;
color: inherit;
content: '\e617';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-shopping-cart-items .action.continue:hover:before,
.block-cart-failed .action.continue:hover:before,
.cart-container .form-cart .action.continue:hover:before {
color: inherit;
}
.abs-shopping-cart-items .action.continue:active:before,
.block-cart-failed .action.continue:active:before,
.cart-container .form-cart .action.continue:active:before {
color: inherit;
}
.abs-shopping-cart-items .action.continue:focus,
.abs-shopping-cart-items .action.continue:active,
.block-cart-failed .action.continue:focus,
.block-cart-failed .action.continue:active,
.cart-container .form-cart .action.continue:focus,
.cart-container .form-cart .action.continue:active {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #333333;
}
.abs-shopping-cart-items .action.continue:hover,
.block-cart-failed .action.continue:hover,
.cart-container .form-cart .action.continue:hover {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #555555;
}
.abs-shopping-cart-items .action.continue.disabled,
.abs-shopping-cart-items .action.continue[disabled],
fieldset[disabled] .abs-shopping-cart-items .action.continue,
.block-cart-failed .action.continue.disabled,
.block-cart-failed .action.continue[disabled],
fieldset[disabled] .block-cart-failed .action.continue,
.cart-container .form-cart .action.continue.disabled,
.cart-container .form-cart .action.continue[disabled],
fieldset[disabled] .cart-container .form-cart .action.continue {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.abs-shopping-cart-items .action.continue:active,
.block-cart-failed .action.continue:active,
.cart-container .form-cart .action.continue:active {
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12);
}
.abs-shopping-cart-items .action.update,
.block-cart-failed .action.update,
.cart-container .form-cart .action.update {
display: inline-block;
text-decoration: none;
padding-left: 5px;
}
.abs-shopping-cart-items .action.update:before,
.block-cart-failed .action.update:before,
.cart-container .form-cart .action.update:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 16px;
color: inherit;
content: '\e603';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-shopping-cart-items .action.update:hover:before,
.block-cart-failed .action.update:hover:before,
.cart-container .form-cart .action.update:hover:before {
color: inherit;
}
.abs-shopping-cart-items .action.update:active:before,
.block-cart-failed .action.update:active:before,
.cart-container .form-cart .action.update:active:before {
color: inherit;
}
.abs-field-date .control {
position: relative;
}
.abs-field-date-input,
.abs-field-date input,
.form-giftregistry-search .fields-specific-options .datetime-picker {
margin-right: 10px;
width: calc(100% - 50px);
}
.abs-field-tooltip,
.field .control._with-tooltip {
position: relative;
}
.abs-field-tooltip input,
.field .control._with-tooltip input {
margin-right: 10px;
width: calc(100% - 39px);
}
.abs-checkout-tooltip-content-position-top,
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content,
.shipping-policy-block.field-tooltip .field-tooltip-content {
right: -10px;
top: 40px;
left: auto;
}
.abs-checkout-tooltip-content-position-top:before,
.abs-checkout-tooltip-content-position-top:after,
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before,
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after,
.shipping-policy-block.field-tooltip .field-tooltip-content:before,
.shipping-policy-block.field-tooltip .field-tooltip-content:after {
border: 10px solid transparent;
height: 0;
width: 0;
margin-top: -21px;
right: 10px;
left: auto;
top: 0;
}
.abs-checkout-tooltip-content-position-top:before,
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before,
.shipping-policy-block.field-tooltip .field-tooltip-content:before {
border-bottom-color: #999999;
}
.abs-checkout-tooltip-content-position-top:after,
.checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after,
.shipping-policy-block.field-tooltip .field-tooltip-content:after {
border-bottom-color: #f4f4f4;
top: 1px;
}
.abs-checkout-title,
.opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.opc-block-summary > .title,
.checkout-agreements-items .checkout-agreements-item-title {
border-bottom: 1px solid #cccccc;
padding-bottom: 10px;
color: #333333;
font-weight: 300;
font-size: 2.6rem;
}
.abs-sidebar-totals .mark,
.cart-totals .mark,
.opc-block-summary .table-totals .mark {
font-weight: 400;
padding-left: 4px;
}
.abs-sidebar-totals .mark strong,
.cart-totals .mark strong,
.opc-block-summary .table-totals .mark strong {
font-weight: 400;
}
.abs-sidebar-totals .amount,
.cart-totals .amount,
.opc-block-summary .table-totals .amount {
padding-right: 4px;
text-align: right;
white-space: nowrap;
}
.abs-sidebar-totals .amount strong,
.cart-totals .amount strong,
.opc-block-summary .table-totals .amount strong {
font-weight: 400;
}
.abs-sidebar-totals .grand .mark,
.abs-sidebar-totals .grand .amount,
.cart-totals .grand .mark,
.cart-totals .grand .amount,
.opc-block-summary .table-totals .grand .mark,
.opc-block-summary .table-totals .grand .amount {
padding-top: 20px;
}
.abs-sidebar-totals .grand .amount,
.cart-totals .grand .amount,
.opc-block-summary .table-totals .grand .amount {
padding-right: 4px;
text-align: right;
}
.abs-sidebar-totals .grand .amount strong,
.cart-totals .grand .amount strong,
.opc-block-summary .table-totals .grand .amount strong {
font-weight: 700;
}
.abs-sidebar-totals .msrp,
.cart-totals .msrp,
.opc-block-summary .table-totals .msrp {
margin-bottom: 10px;
}
.abs-sidebar-totals .totals-tax-summary .mark,
.abs-sidebar-totals .totals-tax-summary .amount,
.cart-totals .totals-tax-summary .mark,
.cart-totals .totals-tax-summary .amount,
.opc-block-summary .table-totals .totals-tax-summary .mark,
.opc-block-summary .table-totals .totals-tax-summary .amount {
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
cursor: pointer;
}
.abs-sidebar-totals .totals-tax-summary .amount .price,
.cart-totals .totals-tax-summary .amount .price,
.opc-block-summary .table-totals .totals-tax-summary .amount .price {
display: block;
text-decoration: none;
padding-right: 25px;
position: relative;
}
.abs-sidebar-totals .totals-tax-summary .amount .price > span,
.cart-totals .totals-tax-summary .amount .price > span,
.opc-block-summary .table-totals .totals-tax-summary .amount .price > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-sidebar-totals .totals-tax-summary .amount .price:after,
.cart-totals .totals-tax-summary .amount .price:after,
.opc-block-summary .table-totals .totals-tax-summary .amount .price:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
line-height: inherit;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-sidebar-totals .totals-tax-summary .amount .price:after,
.cart-totals .totals-tax-summary .amount .price:after,
.opc-block-summary .table-totals .totals-tax-summary .amount .price:after {
position: absolute;
right: -5px;
top: -12px;
}
.abs-sidebar-totals .totals-tax-summary.expanded .mark,
.abs-sidebar-totals .totals-tax-summary.expanded .amount,
.cart-totals .totals-tax-summary.expanded .mark,
.cart-totals .totals-tax-summary.expanded .amount,
.opc-block-summary .table-totals .totals-tax-summary.expanded .mark,
.opc-block-summary .table-totals .totals-tax-summary.expanded .amount {
border-bottom: 0;
}
.abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after,
.cart-totals .totals-tax-summary.expanded .amount .price:after,
.opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after {
content: '\e621';
}
.abs-sidebar-totals .totals-tax-details,
.cart-totals .totals-tax-details,
.opc-block-summary .table-totals .totals-tax-details {
border-bottom: 1px solid #d1d1d1;
display: none;
}
.abs-sidebar-totals .totals-tax-details.shown,
.cart-totals .totals-tax-details.shown,
.opc-block-summary .table-totals .totals-tax-details.shown {
display: table-row;
}
.abs-discount-block > .title,
.cart-order-comment > .title,
.cart-summary .block > .title,
.paypal-review-discount .block > .title {
border-top: 1px solid #d1d1d1;
cursor: pointer;
font-weight: 600;
display: block;
text-decoration: none;
margin-bottom: 0;
overflow: hidden;
padding: 7px 30px 7px 5px;
position: relative;
}
.abs-discount-block > .title:after,
.cart-order-comment > .title:after,
.cart-summary .block > .title:after,
.paypal-review-discount .block > .title:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
line-height: inherit;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-discount-block > .title:after,
.cart-order-comment > .title:after,
.cart-summary .block > .title:after,
.paypal-review-discount .block > .title:after {
position: absolute;
right: -5px;
top: -5px;
}
.column.main .abs-discount-block > .title strong,
.column.main .cart-order-comment > .title strong,
.column.main .cart-summary .block > .title strong,
.column.main .paypal-review-discount .block > .title strong {
font-size: 1.8rem;
font-weight: 400;
}
.abs-discount-block > .content,
.cart-order-comment > .content,
.cart-summary .block > .content,
.paypal-review-discount .block > .content {
display: none;
}
.abs-discount-block.active > .title:after,
.cart-order-comment.active > .title:after,
.cart-summary .block.active > .title:after,
.paypal-review-discount .block.active > .title:after {
content: '\e621';
}
.abs-discount-block.active > .content,
.cart-order-comment.active > .content,
.cart-summary .block.active > .content,
.paypal-review-discount .block.active > .content {
display: block;
}
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/light/opensans-300.woff2') format('woff2'), url('../fonts/opensans/light/opensans-300.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/regular/opensans-400.woff2') format('woff2'), url('../fonts/opensans/regular/opensans-400.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/semibold/opensans-600.woff2') format('woff2'), url('../fonts/opensans/semibold/opensans-600.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
src: url('../fonts/opensans/bold/opensans-700.woff2') format('woff2'), url('../fonts/opensans/bold/opensans-700.woff') format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
.items {
margin: 0;
padding: 0;
list-style: none none;
}
.columns {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;
}
.columns:after {
clear: both;
content: ' ';
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.columns .column.main {
padding-bottom: 40px;
-webkit-flex-basis: auto;
flex-basis: auto;
-webkit-flex-grow: 1;
flex-grow: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
width: 100%;
}
.columns .sidebar-main {
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 100%;
flex-basis: 100%;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.columns .sidebar-additional {
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-basis: 100%;
flex-basis: 100%;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.table-wrapper {
margin-bottom: 20px;
}
table > caption {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.table:not(.cart):not(.totals) {
border: none;
}
.table:not(.cart):not(.totals) > thead > tr > th,
.table:not(.cart):not(.totals) > tbody > tr > th,
.table:not(.cart):not(.totals) > tfoot > tr > th,
.table:not(.cart):not(.totals) > thead > tr > td,
.table:not(.cart):not(.totals) > tbody > tr > td,
.table:not(.cart):not(.totals) > tfoot > tr > td {
border: none;
}
.table:not(.cart):not(.totals) > thead > tr > th,
.table:not(.cart):not(.totals) > thead > tr > td {
border-bottom: 1px solid #d1d1d1;
}
.table:not(.cart):not(.totals) tfoot > tr:first-child th,
.table:not(.cart):not(.totals) tfoot > tr:first-child td {
border-top: 1px solid #d1d1d1;
padding-top: 20px;
}
.table:not(.cart):not(.totals) tfoot .mark {
font-weight: 400;
text-align: right;
}
.message.info {
margin: 0 0 10px;
padding: 10px 20px;
display: block;
line-height: 1.2em;
font-size: 1.3rem;
background: #fdf0d5;
color: #6f4400;
padding-left: 40px;
position: relative;
}
.message.info a {
color: #1979c3;
}
.message.info a:hover {
color: #006bb4;
}
.message.info a:active {
color: #006bb4;
}
.message.info > *:first-child:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: #c07600;
content: '\e602';
font-family: 'icons-blank-theme';
margin: -14px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
left: 0;
top: 18px;
width: 40px;
position: absolute;
text-align: center;
}
.message.error {
margin: 0 0 10px;
padding: 10px 20px;
display: block;
line-height: 1.2em;
font-size: 1.3rem;
background: #fae5e5;
color: #e02b27;
padding-left: 40px;
position: relative;
}
.message.error a {
color: #1979c3;
}
.message.error a:hover {
color: #006bb4;
}
.message.error a:active {
color: #006bb4;
}
.message.error > *:first-child:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: #b30000;
content: '\e602';
font-family: 'icons-blank-theme';
margin: -14px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
left: 0;
top: 18px;
width: 40px;
position: absolute;
text-align: center;
}
.message.warning {
margin: 0 0 10px;
padding: 10px 20px;
display: block;
line-height: 1.2em;
font-size: 1.3rem;
background: #fdf0d5;
color: #6f4400;
padding-left: 40px;
position: relative;
}
.message.warning a {
color: #1979c3;
}
.message.warning a:hover {
color: #006bb4;
}
.message.warning a:active {
color: #006bb4;
}
.message.warning > *:first-child:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: #c07600;
content: '\e602';
font-family: 'icons-blank-theme';
margin: -14px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
left: 0;
top: 18px;
width: 40px;
position: absolute;
text-align: center;
}
.message.notice {
margin: 0 0 10px;
padding: 10px 20px;
display: block;
line-height: 1.2em;
font-size: 1.3rem;
background: #fdf0d5;
color: #6f4400;
padding-left: 40px;
position: relative;
}
.message.notice a {
color: #1979c3;
}
.message.notice a:hover {
color: #006bb4;
}
.message.notice a:active {
color: #006bb4;
}
.message.notice > *:first-child:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: #c07600;
content: '\e602';
font-family: 'icons-blank-theme';
margin: -14px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
left: 0;
top: 18px;
width: 40px;
position: absolute;
text-align: center;
}
.message.success {
margin: 0 0 10px;
padding: 10px 20px;
display: block;
line-height: 1.2em;
font-size: 1.3rem;
background: #e5efe5;
color: #006400;
padding-left: 40px;
position: relative;
}
.message.success a {
color: #1979c3;
}
.message.success a:hover {
color: #006bb4;
}
.message.success a:active {
color: #006bb4;
}
.message.success > *:first-child:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: #006400;
content: '\e610';
font-family: 'icons-blank-theme';
margin: -14px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
left: 0;
top: 18px;
width: 40px;
position: absolute;
text-align: center;
}
.panel.header .links,
.panel.header .switcher {
display: none;
}
.nav-sections {
background: #f5f5f5;
}
.nav-toggle {
display: inline-block;
text-decoration: none;
cursor: pointer;
display: block;
font-size: 0;
left: 15px;
position: absolute;
top: 15px;
z-index: 14;
}
.nav-toggle:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: inherit;
color: #8f8f8f;
content: '\e609';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.nav-toggle:hover:before {
color: #333333;
}
.nav-toggle > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.tooltip.wrapper {
position: relative;
}
.tooltip.wrapper .tooltip.content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-top: 5px;
left: 0;
top: 100%;
}
.tooltip.wrapper .tooltip.content:after,
.tooltip.wrapper .tooltip.content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.tooltip.wrapper .tooltip.content:after {
border-width: 5px;
border-color: transparent;
}
.tooltip.wrapper .tooltip.content:before {
border-width: 6px;
border-color: transparent;
}
.tooltip.wrapper .tooltip.content:after,
.tooltip.wrapper .tooltip.content:before {
bottom: 100%;
}
.tooltip.wrapper .tooltip.content:after {
border-bottom-color: #ffffff;
left: 15px;
margin-left: -5px;
}
.tooltip.wrapper .tooltip.content:before {
border-bottom-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
.tooltip.wrapper .tooltip.toggle {
cursor: help;
}
.tooltip.wrapper .tooltip.toggle:hover + .tooltip.content,
.tooltip.wrapper .tooltip.toggle:focus + .tooltip.content,
.tooltip.wrapper:hover .tooltip.content {
display: block;
}
.tooltip.wrapper .tooltip.content dl {
margin-bottom: 0;
}
.tooltip.wrapper .tooltip.content dd {
white-space: normal;
}
.tooltip.wrapper .tooltip.content .subtitle {
display: inline-block;
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
}
.tooltip.wrapper .tooltip.content .label {
margin-top: 10px;
}
.tooltip.wrapper .tooltip.content .label:first-child {
margin-top: 0;
}
.tooltip.wrapper .tooltip.content .values {
margin: 0;
}
.ui-tooltip {
position: absolute;
z-index: 9999;
}
.load.indicator {
background-color: rgba(255, 255, 255, 0.5);
z-index: 9999;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
position: absolute;
}
.load.indicator:before {
background: transparent url('../images/loader-2.gif') no-repeat 50% 50%;
border-radius: 5px;
height: 160px;
width: 160px;
bottom: 0;
box-sizing: border-box;
content: '';
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.load.indicator > span {
display: none;
}
.loading-mask {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100;
background: rgba(255, 255, 255, 0.5);
}
.loading-mask .loader > img {
bottom: 0;
left: 0;
margin: auto;
position: fixed;
right: 0;
top: 0;
z-index: 100;
}
.loading-mask .loader > p {
display: none;
}
body > .loading-mask {
z-index: 9999;
}
._block-content-loading {
position: relative;
}
[data-role='main-css-loader'] {
display: none;
}
/**
* Copyright © 2016 Magento. All rights reserved.
* See COPYING.txt for license details.
*/
select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: #ffffff url("../images/select-bg.svg") no-repeat 97% 50%;
background-size: 19px 19px;
padding-right: 25px;
text-indent: 0.01em;
text-overflow: "";
}
select::-ms-expand {
display: none;
}
.lt-ie10 select {
background-image: none;
padding-right: 4px;
}
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,
select[multiple],
textarea {
font-family: "Lato";
height: 43px;
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0.2);
font-size: 16px;
padding: 0 20px;
}
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,
select[multiple]:focus,
textarea:focus {
border-color: #00469e;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="url"]:disabled,
input[type="tel"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
input[type="datetime"]:disabled,
input[type="email"]:disabled,
select:disabled,
select[multiple]:disabled,
textarea:disabled {
background-color: #f5f5f5;
color: rgba(0, 0, 0, 0.3);
opacity: 1;
}
textarea:-moz-placeholder,
input:-moz-placeholder {
color: rgba(0, 0, 0, 0.3);
}
textarea::-moz-placeholder,
input::-moz-placeholder {
color: rgba(0, 0, 0, 0.3);
opacity: 1;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.3);
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.3);
}
textarea {
height: auto;
padding: 13px 21px;
}
legend {
display: none;
}
.fieldset {
border: 0;
margin: 0 0 40px;
padding: 0;
letter-spacing: -.31em;
}
.fieldset > * {
letter-spacing: normal;
}
.fieldset > .legend {
margin: 0 0 25px;
padding: 0;
box-sizing: border-box;
float: left;
line-height: 1.2;
font-size: 2rem;
}
.fieldset > .legend + br {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
.fieldset:last-child {
margin-bottom: 0;
}
.fieldset .field.street .field .label {
display: flex;
border: unset;
clip: unset;
height: unset;
margin: unset;
overflow: unset;
padding: unset;
position: unset;
width: unset;
margin-bottom: 6px;
margin-left: 7px;
}
.fieldset .field.input.readonly input[type="text"] {
background-color: #f5f5f5;
color: rgba(0, 0, 0, 0.3);
opacity: 1;
}
.fieldset > .field.street,
.fieldset > .field,
.fieldset > .fields > .field {
margin: 0 0 20px;
}
.fieldset > .field.street > .label,
.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
margin: 0 0 5px;
display: inline-block;
}
.fieldset > .field.street:last-child,
.fieldset > .field:last-child,
.fieldset > .fields > .field:last-child {
margin-bottom: 0;
}
.fieldset > .field.street > .label,
.fieldset > .field > .label,
.fieldset > .fields > .field > .label {
font-weight: 700;
}
.fieldset > .field.street > .label + br,
.fieldset > .field > .label + br,
.fieldset > .fields > .field > .label + br {
display: none;
}
.fieldset > .field.street .choice input,
.fieldset > .field .choice input,
.fieldset > .fields > .field .choice input {
vertical-align: top;
}
.fieldset > .field.street .fields.group:before,
.fieldset > .field .fields.group:before,
.fieldset > .fields > .field .fields.group:before,
.fieldset > .field.street .fields.group:after,
.fieldset > .field .fields.group:after,
.fieldset > .fields > .field .fields.group:after {
content: '';
display: table;
}
.fieldset > .field.street .fields.group:after,
.fieldset > .field .fields.group:after,
.fieldset > .fields > .field .fields.group:after {
clear: both;
}
.fieldset > .field.street .fields.group .field,
.fieldset > .field .fields.group .field,
.fieldset > .fields > .field .fields.group .field {
box-sizing: border-box;
float: left;
}
.fieldset > .field.street .fields.group.group-2 .field,
.fieldset > .field .fields.group.group-2 .field,
.fieldset > .fields > .field .fields.group.group-2 .field {
width: 50% !important;
}
.fieldset > .field.street .fields.group.group-3 .field,
.fieldset > .field .fields.group.group-3 .field,
.fieldset > .fields > .field .fields.group.group-3 .field {
width: 33.3% !important;
}
.fieldset > .field.street .fields.group.group-4 .field,
.fieldset > .field .fields.group.group-4 .field,
.fieldset > .fields > .field .fields.group.group-4 .field {
width: 25% !important;
}
.fieldset > .field.street .fields.group.group-5 .field,
.fieldset > .field .fields.group.group-5 .field,
.fieldset > .fields > .field .fields.group.group-5 .field {
width: 20% !important;
}
.fieldset > .field.street .addon,
.fieldset > .field .addon,
.fieldset > .fields > .field .addon {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
width: 100%;
}
.fieldset > .field.street .addon textarea,
.fieldset > .field .addon textarea,
.fieldset > .fields > .field .addon textarea,
.fieldset > .field.street .addon select,
.fieldset > .field .addon select,
.fieldset > .fields > .field .addon select,
.fieldset > .field.street .addon input,
.fieldset > .field .addon input,
.fieldset > .fields > .field .addon input {
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
-webkit-flex-basis: 100%;
flex-basis: 100%;
display: inline-block;
margin: 0;
width: auto;
}
.fieldset > .field.street .addon .addbefore,
.fieldset > .field .addon .addbefore,
.fieldset > .fields > .field .addon .addbefore,
.fieldset > .field.street .addon .addafter,
.fieldset > .field .addon .addafter,
.fieldset > .fields > .field .addon .addafter {
background: #ffffff;
background-clip: padding-box;
border: 1px solid #c2c2c2;
border-radius: 1px;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
height: 32px;
line-height: 1.42857143;
padding: 0 9px;
vertical-align: baseline;
width: 100%;
box-sizing: border-box;
-ms-flex-order: 3;
-webkit-order: 3;
order: 3;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
width: auto;
}
.fieldset > .field.street .addon .addbefore:disabled,
.fieldset > .field .addon .addbefore:disabled,
.fieldset > .fields > .field .addon .addbefore:disabled,
.fieldset > .field.street .addon .addafter:disabled,
.fieldset > .field .addon .addafter:disabled,
.fieldset > .fields > .field .addon .addafter:disabled {
opacity: 0.5;
}
.fieldset > .field.street .addon .addbefore::-moz-placeholder,
.fieldset > .field .addon .addbefore::-moz-placeholder,
.fieldset > .fields > .field .addon .addbefore::-moz-placeholder,
.fieldset > .field.street .addon .addafter::-moz-placeholder,
.fieldset > .field .addon .addafter::-moz-placeholder,
.fieldset > .fields > .field .addon .addafter::-moz-placeholder {
color: #c2c2c2;
}
.fieldset > .field.street .addon .addbefore::-webkit-input-placeholder,
.fieldset > .field .addon .addbefore::-webkit-input-placeholder,
.fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder,
.fieldset > .field.street .addon .addafter::-webkit-input-placeholder,
.fieldset > .field .addon .addafter::-webkit-input-placeholder,
.fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder {
color: #c2c2c2;
}
.fieldset > .field.street .addon .addbefore:-ms-input-placeholder,
.fieldset > .field .addon .addbefore:-ms-input-placeholder,
.fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder,
.fieldset > .field.street .addon .addafter:-ms-input-placeholder,
.fieldset > .field .addon .addafter:-ms-input-placeholder,
.fieldset > .fields > .field .addon .addafter:-ms-input-placeholder {
color: #c2c2c2;
}
.fieldset > .field.street .addon .addbefore,
.fieldset > .field .addon .addbefore,
.fieldset > .fields > .field .addon .addbefore {
float: left;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.fieldset > .field.street .additional,
.fieldset > .field .additional,
.fieldset > .fields > .field .additional {
margin-top: 10px;
}
.fieldset > .field.street.required > .label:after,
.fieldset > .field.required > .label:after,
.fieldset > .fields > .field.required > .label:after,
.fieldset > .field.street._required > .label:after,
.fieldset > .field._required > .label:after,
.fieldset > .fields > .field._required > .label:after {
content: '*';
color: #e02b27;
font-size: 1.2rem;
margin: 0 0 0 5px;
}
.fieldset > .field.street .note,
.fieldset > .field .note,
.fieldset > .fields > .field .note {
font-size: 1.2rem;
margin: 3px 0 0;
padding: 0;
display: inline-block;
text-decoration: none;
}
.fieldset > .field.street .note:before,
.fieldset > .field .note:before,
.fieldset > .fields > .field .note:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
line-height: 12px;
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.fieldset > .field.street.no-label > .label,
.fieldset > .field.no-label > .label,
.fieldset > .fields > .field.no-label > .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.fieldset > .field.street .control,
.fieldset > .field .control,
.fieldset > .fields > .field .control {
position: relative;
}
.fieldset > .field.street.choice .label,
.fieldset > .field.choice .label,
.fieldset > .fields > .field.choice .label {
font-weight: 400;
margin: 0;
}
.fieldset > .field.street:has(input.mage-error) label,
.fieldset > .field:has(input.mage-error) label,
.fieldset > .fields > .field:has(input.mage-error) label,
.fieldset > .field.street:has(select.mage-error) label,
.fieldset > .field:has(select.mage-error) label,
.fieldset > .fields > .field:has(select.mage-error) label,
.fieldset > .field.street:has(textarea.mage-error) label,
.fieldset > .field:has(textarea.mage-error) label,
.fieldset > .fields > .field:has(textarea.mage-error) label {
color: #ea4b1b;
}
.fieldset > .field.street .label,
.fieldset > .field .label,
.fieldset > .fields > .field .label {
font-size: 14px;
font-weight: 600;
color: #000000;
margin-bottom: 5px;
padding: 0 5px;
margin-left: 0;
}
.column:not(.main) .fieldset > .field.street .label,
.column:not(.main) .fieldset > .field .label,
.column:not(.main) .fieldset > .fields > .field .label {
font-weight: normal;
}
input.mage-error,
select.mage-error,
textarea.mage-error {
border-color: #ea4b1b !important;
}
input[aria-invalid="true"],
select[aria-invalid="true"],
textarea[aria-invalid="true"] {
border-color: #ea4b1b !important;
}
.field-error {
color: #e02b27;
font-size: 1.2rem;
}
div.mage-error,
.field-error,
div.mage-error[generated] {
font-size: 12px;
color: #ea4b1b !important;
margin-top: 4px;
margin-left: 7px;
}
.legend + .fieldset,
.legend + div {
clear: both;
}
.legend span {
margin-right: 5px;
}
fieldset.field {
border: 0;
padding: 0;
}
.field.date .time-picker {
display: inline-block;
margin-top: 10px;
white-space: nowrap;
}
.field .message.warning {
margin-top: 10px;
}
div.mage-error[generated] {
margin-top: 7px;
}
.field .tooltip {
position: relative;
}
.field .tooltip .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-left: 5px;
left: 100%;
top: 0;
}
.field .tooltip .tooltip-content:after,
.field .tooltip .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.field .tooltip .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.field .tooltip .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.field .tooltip .tooltip-content:after,
.field .tooltip .tooltip-content:before {
right: 100%;
}
.field .tooltip .tooltip-content:after {
border-right-color: #ffffff;
margin-top: -5px;
top: 15px;
}
.field .tooltip .tooltip-content:before {
border-right-color: #bbbbbb;
margin-top: -6px;
top: 15px;
}
.field .tooltip .tooltip-toggle {
cursor: help;
}
.field .tooltip .tooltip-toggle:hover + .tooltip-content,
.field .tooltip .tooltip-toggle:focus + .tooltip-content,
.field .tooltip:hover .tooltip-content {
display: block;
}
.field .tooltip .tooltip-content {
min-width: 200px;
white-space: normal;
}
input:focus ~ .tooltip .tooltip-content,
select:focus ~ .tooltip .tooltip-content {
display: block;
}
.hasDatepicker + .ui-datepicker-trigger {
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-shadow: none;
font-weight: 400;
display: block;
text-decoration: none;
display: inline-block;
vertical-align: middle;
}
.hasDatepicker + .ui-datepicker-trigger:focus,
.hasDatepicker + .ui-datepicker-trigger:active {
background: none;
border: none;
}
.hasDatepicker + .ui-datepicker-trigger:hover {
background: none;
border: none;
}
.hasDatepicker + .ui-datepicker-trigger.disabled,
.hasDatepicker + .ui-datepicker-trigger[disabled],
fieldset[disabled] .hasDatepicker + .ui-datepicker-trigger {
pointer-events: none;
opacity: 0.5;
}
.hasDatepicker + .ui-datepicker-trigger > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.hasDatepicker + .ui-datepicker-trigger:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 40px;
line-height: 40px;
color: #7d7d7d;
content: '\e612';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.hasDatepicker + .ui-datepicker-trigger:focus {
box-shadow: none;
outline: 0;
}
.field:not(.review-field-rating).choice:has(input[type="radio"]) {
position: relative;
}
.field:not(.review-field-rating).choice:has(input[type="radio"]) input {
display: none;
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.field:not(.review-field-rating).choice:has(input[type="radio"]) input:checked + span:before,
.field:not(.review-field-rating).choice:has(input[type="radio"]) input:checked + label:before {
background: transparent linear-gradient(180deg, #63c4ff 0%, #044ba2 59%, #00095b 100%) 0% 0% no-repeat padding-box;
border-radius: 50%;
content: "";
display: block;
height: 16px;
width: 16px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 5px;
right: 5px;
}
.field:not(.review-field-rating).choice:has(input[type="radio"]) label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: flex;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 16px;
}
.field:not(.review-field-rating).choice:has(input[type="radio"]) label:before,
.field:not(.review-field-rating).choice:has(input[type="radio"]) label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.field:not(.review-field-rating).choice:has(input[type="radio"]) label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 24px;
width: 24px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.field:not(.review-field-rating).choice:has(input[type="checkbox"]) {
position: relative;
}
.field:not(.review-field-rating).choice:has(input[type="checkbox"]) input {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
width: 1px;
}
.field:not(.review-field-rating).choice:has(input[type="checkbox"]) input:checked + span:after,
.field:not(.review-field-rating).choice:has(input[type="checkbox"]) input:checked + label:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.971' height='15.023' viewBox='0 0 19.971 15.023'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1.764' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2363c4ff'/%3E%3Cstop offset='0.586' stop-color='%23044ba2'/%3E%3Cstop offset='1' stop-color='%2300095b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Path_652_-_Outline' data-name='Path 652 - Outline' d='M-5187.052-16552.713a1.491,1.491,0,0,1-.987-.371h0s0,0,0,0h0l0,0h0l0,0v0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0v0s0,0,0,0h0s0,0,0,0,0,0,0,0h0v0h0v0h0s0,0,0,0h0v0h0v0h0v0h0v0h0l0,0v0h0s0,0,0,0v0h0s0,0,0,0h0v0h0s0,0,0,0h0s0,0,0,0h0v0l0,0h0s0,0,0,0h0s0,0,0,0h0v0s0,0,0,0h0s0,0,0,0v0h0v0h0l-4.947-4.951a1.5,1.5,0,0,1-.439-1.061,1.494,1.494,0,0,1,.44-1.061,1.5,1.5,0,0,1,2.121,0l3.887,3.891,10.963-10.963a1.5,1.5,0,0,1,2.121,0,1.493,1.493,0,0,1,.439,1.061,1.493,1.493,0,0,1-.439,1.061l-12.024,12.023h0v0h0v0h0v0h0v0s0,0,0,0h0s0,0,0,0,0,0,0,0h0s0,0,0,0v0h0l0,0s0,0,0,0h0l0,0h0A1.5,1.5,0,0,1-5187.052-16552.713Z' transform='translate(5193.499 16567.736)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
display: block;
height: 30px;
width: 30px;
z-index: 1;
position: absolute;
background-repeat: no-repeat;
background-position: center;
}
.field:not(.review-field-rating).choice:has(input[type="checkbox"]) label {
color: #000000;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
display: flex;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 16px;
align-items: center;
}
.field:not(.review-field-rating).choice:has(input[type="checkbox"]) label:before {
content: "";
position: relative;
box-sizing: border-box;
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 5px;
display: block;
height: 30px;
width: 30px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
margin-right: 17px;
flex-shrink: 0;
}
.sidebar .fieldset {
margin: 0;
}
.sidebar .fieldset > .field:not(.choice):not(:last-child),
.sidebar .fieldset .fields > .field:not(:last-child) {
margin: 0 0 20px;
}
.sidebar .fieldset > .field:not(.choice) .label,
.sidebar .fieldset .fields > .field .label {
margin: 0 0 4px;
padding: 0 0 5px;
text-align: left;
width: 100%;
}
.sidebar .fieldset > .field:not(.choice) .control,
.sidebar .fieldset .fields > .field .control {
width: 100%;
}
@font-face {
font-family: 'icons-blank-theme';
src: url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'), url('../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: block;
}
button,
a.action.primary,
a.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
a.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cart.table-wrapper .actions-toolbar > .action,
.action-gift {
border-radius: 3px;
}
button:active,
.cart.table-wrapper .actions-toolbar > .action:active,
.action-gift:active {
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12);
}
a.action.primary,
a.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
a.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
display: inline-block;
text-decoration: none;
}
a.action.primary:hover,
a.action.primary:active,
a.action.primary:focus,
a.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
a.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:active,
a.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:focus,
a.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
a.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:active,
a.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:focus {
text-decoration: none;
}
.action.primary,
.action-primary,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
background-image: none;
background: #1979c3;
border: 1px solid #1979c3;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
padding: 7px 15px;
font-size: 1.4rem;
box-sizing: border-box;
vertical-align: middle;
}
.action.primary:focus,
.action-primary:focus,
.action.primary:active,
.action-primary:active,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:focus,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:active,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:focus,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:active {
background: #006bb4;
border: 1px solid #006bb4;
color: #ffffff;
}
.action.primary:hover,
.action-primary:hover,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:hover {
background: #006bb4;
border: 1px solid #006bb4;
color: #ffffff;
}
.action.primary.disabled,
.action-primary.disabled,
.action.primary[disabled],
.action-primary[disabled],
fieldset[disabled] .action.primary,
fieldset[disabled] .action-primary,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.disabled,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary[disabled],
fieldset[disabled] .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.disabled,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary[disabled],
fieldset[disabled] .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.product.data.items {
margin: 0;
padding: 0;
margin-bottom: 20px;
}
.product.data.items > .item.title {
box-sizing: border-box;
float: none;
width: 100%;
}
.product.data.items > .item.title > .switch {
display: block;
}
.product.data.items > .item.content {
box-sizing: border-box;
display: block;
float: none;
margin: 0;
}
.product.data.items > .item.content:before,
.product.data.items > .item.content:after {
content: '';
display: table;
}
.product.data.items > .item.content:after {
clear: both;
}
.product.data.items > .item.content.active {
display: block;
}
.product.data.items > .item.title {
margin: 0 0 5px;
}
.product.data.items > .item.title > .switch {
background: #f0f0f0;
border-bottom: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
height: 40px;
padding: 5px 20px 5px 20px;
font-weight: 600;
line-height: 40px;
font-size: 1.8rem;
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:visited {
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:hover {
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:active {
color: #333333;
text-decoration: none;
}
.product.data.items > .item.title:not(.disabled) > .switch:focus,
.product.data.items > .item.title:not(.disabled) > .switch:hover {
background: #fcfcfc;
}
.product.data.items > .item.title:not(.disabled) > .switch:active,
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
background: #ffffff;
color: #333333;
text-decoration: none;
padding-bottom: 5px;
}
.product.data.items > .item.content {
background: #ffffff;
border: 1px solid #d1d1d1;
margin: 0 0 5px;
padding: 20px 20px 20px 20px;
}
.pages > .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.pages .items {
font-size: 0;
letter-spacing: -1px;
line-height: 0;
white-space: nowrap;
margin: 0;
padding: 0;
list-style: none none;
display: inline-block;
font-weight: 700;
}
.pages .item {
font-size: 1.2rem;
line-height: 3.2rem;
letter-spacing: normal;
margin: 0 2px 0 0;
display: inline-block;
}
.pages .item .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.pages a.page {
color: #1979c3;
display: inline-block;
padding: 0 4px;
text-decoration: none;
}
.pages a.page:visited {
color: #1979c3;
}
.pages a.page:hover {
color: #006bb4;
text-decoration: none;
}
.pages a.page:active {
color: #ff5501;
}
.pages strong.page {
font-size: 1.2rem;
line-height: 3.2rem;
letter-spacing: normal;
color: #333333;
display: inline-block;
font-weight: 700;
padding: 0 4px;
}
.pages .action {
border: 1px solid #d1d1d1;
color: #7d7d7d;
display: inline-block;
padding: 0;
text-decoration: none;
}
.pages .action:visited {
color: #7d7d7d;
}
.pages .action:hover {
color: #7d7d7d;
text-decoration: none;
}
.pages .action:active {
color: #7d7d7d;
}
.pages .action.next {
display: inline-block;
text-decoration: none;
}
.pages .action.next:visited:before {
color: #7d7d7d;
}
.pages .action.next:active:before {
color: #7d7d7d;
}
.pages .action.next > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.pages .action.next:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 46px;
line-height: inherit;
color: #7d7d7d;
content: '\e608';
font-family: 'icons-blank-theme';
margin: 0 0 0 -6px;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.pages .action.next:hover:before {
color: #7d7d7d;
}
.pages .action.next:active:before {
color: #7d7d7d;
}
.pages .action.previous {
display: inline-block;
text-decoration: none;
}
.pages .action.previous:visited:before {
color: #7d7d7d;
}
.pages .action.previous:active:before {
color: #7d7d7d;
}
.pages .action.previous > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.pages .action.previous:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 46px;
line-height: inherit;
color: #7d7d7d;
content: '\e617';
font-family: 'icons-blank-theme';
margin: 0 0 0 -6px;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.pages .action.previous:hover:before {
color: #7d7d7d;
}
.pages .action.previous:active:before {
color: #7d7d7d;
}
.pages .action {
width: 34px;
}
.pages .action.previous {
margin-right: 12px;
}
.pages .action.next {
margin-left: 12px;
}
.actions-toolbar > .primary,
.actions-toolbar > .secondary {
text-align: center;
margin-bottom: 10px;
}
.actions-toolbar > .primary .action,
.actions-toolbar > .secondary .action {
margin-bottom: 10px;
}
.actions-toolbar > .primary .action:last-child,
.actions-toolbar > .secondary .action:last-child {
margin-bottom: 0;
}
.actions-toolbar > .primary:last-child,
.actions-toolbar > .secondary:last-child {
margin-bottom: 0;
}
.actions-toolbar > .secondary .action.back {
display: none;
}
.breadcrumbs {
margin: 0 0 20px;
}
.breadcrumbs .items {
font-size: 1.2rem;
color: #a3a3a3;
margin: 0;
padding: 0;
list-style: none none;
}
.breadcrumbs .items > li {
display: inline-block;
vertical-align: top;
}
.breadcrumbs .item {
margin: 0;
}
.breadcrumbs a {
color: #333333;
text-decoration: none;
}
.breadcrumbs a:visited {
color: #333333;
text-decoration: none;
}
.breadcrumbs a:hover {
color: #333333;
text-decoration: underline;
}
.breadcrumbs a:active {
color: #333333;
text-decoration: none;
}
.breadcrumbs strong {
font-weight: 400;
}
.breadcrumbs .item:not(:last-child) {
display: inline-block;
text-decoration: none;
}
.breadcrumbs .item:not(:last-child):after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
line-height: 18px;
content: '\e608';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.ui-dialog.popup .action.close {
position: absolute;
height: 40px;
right: 0;
top: 0;
width: 40px;
z-index: 1001;
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
}
.ui-dialog.popup .action.close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-dialog.popup .action.close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e616';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.ui-dialog.popup .action.close:hover:before {
color: inherit;
}
.ui-dialog.popup .action.close:active:before {
color: inherit;
}
.ui-dialog.popup .action.close:focus,
.ui-dialog.popup .action.close:active {
background: none;
border: none;
}
.ui-dialog.popup .action.close:hover {
background: none;
border: none;
}
.ui-dialog.popup .action.close.disabled,
.ui-dialog.popup .action.close[disabled],
fieldset[disabled] .ui-dialog.popup .action.close {
pointer-events: none;
opacity: 0.5;
}
.popup-pointer {
margin-left: -14px;
position: absolute;
top: -14px;
}
.popup-pointer:before,
.popup-pointer:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
border-bottom-style: solid;
}
.popup-pointer:before {
left: 2px;
top: 2px;
border: solid 6px;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.popup-pointer:after {
left: 1px;
top: 0px;
border: solid 7px;
border-color: transparent transparent #aeaeae transparent;
z-index: 98;
}
.price-tier_price .price-excluding-tax,
.price-tier_price .price-including-tax {
display: inline;
}
.price-including-tax,
.price-excluding-tax {
display: block;
font-size: 1.8rem;
line-height: 1;
}
.price-including-tax .price,
.price-excluding-tax .price {
font-weight: 700;
}
.price-including-tax + .price-excluding-tax,
.weee[data-label] {
display: block;
font-size: 1.8rem;
}
.price-including-tax + .price-excluding-tax:before,
.weee[data-label]:before {
content: attr(data-label) ': ';
font-size: 1.1rem;
}
.price-including-tax + .price-excluding-tax .price,
.weee[data-label] .price {
font-size: 1.1rem;
}
body._has-modal {
height: 100%;
overflow: hidden;
width: 100%;
}
.modals-overlay {
z-index: 899;
}
.modal-slide,
.modal-popup {
bottom: 0;
left: 0;
min-width: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s .3s, opacity .3s ease;
transition: visibility 0s .3s, opacity .3s ease;
}
.modal-slide._show,
.modal-popup._show {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.modal-slide._show .modal-inner-wrap,
.modal-popup._show .modal-inner-wrap {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-slide .modal-inner-wrap,
.modal-popup .modal-inner-wrap {
background-color: #ffffff;
box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
opacity: 1;
pointer-events: auto;
}
.modal-slide {
left: 44px;
z-index: 900;
}
.modal-slide._show .modal-inner-wrap {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.modal-slide .modal-inner-wrap {
height: 100%;
overflow-y: auto;
position: static;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
width: auto;
}
.modal-slide._inner-scroll .modal-inner-wrap {
overflow-y: visible;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.modal-slide._inner-scroll .modal-header,
.modal-slide._inner-scroll .modal-footer {
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.modal-slide._inner-scroll .modal-content {
overflow-y: auto;
}
.modal-slide._inner-scroll .modal-footer {
margin-top: auto;
}
.modal-slide .modal-header,
.modal-slide .modal-content,
.modal-slide .modal-footer {
padding: 0 2.6rem 2.6rem;
}
.modal-slide .modal-header {
padding-bottom: 2.1rem;
padding-top: 2.1rem;
}
.modal-popup {
z-index: 900;
left: 0;
overflow-y: auto;
}
.modal-popup.confirm .modal-inner-wrap {
max-width: 50rem;
}
.modal-popup._show .modal-inner-wrap {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.modal-popup .modal-inner-wrap {
margin: 5rem auto;
width: 75%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
height: auto;
left: 0;
position: absolute;
right: 0;
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform .2s ease;
}
.modal-popup._inner-scroll {
overflow-y: visible;
}
.ie11 .modal-popup._inner-scroll {
overflow-y: auto;
}
.modal-popup._inner-scroll .modal-inner-wrap {
max-height: 90%;
}
.ie11 .modal-popup._inner-scroll .modal-inner-wrap {
max-height: none;
}
.modal-popup._inner-scroll .modal-content {
overflow-y: auto;
}
.modal-popup .modal-header,
.modal-popup .modal-content,
.modal-popup .modal-footer {
padding-left: 3rem;
padding-right: 3rem;
}
.modal-popup .modal-header,
.modal-popup .modal-footer {
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.modal-popup .modal-header {
padding-bottom: 1.2rem;
padding-top: 3rem;
}
.modal-popup .modal-footer {
margin-top: auto;
padding-bottom: 3rem;
padding-top: 3rem;
}
.modal-popup .modal-footer-actions {
text-align: right;
}
.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close {
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-shadow: none;
font-weight: 400;
display: inline-block;
text-decoration: none;
position: absolute;
right: 0;
top: 0;
}
.modal-custom .action-close:focus,
.modal-popup .action-close:focus,
.modal-slide .action-close:focus,
.modal-custom .action-close:active,
.modal-popup .action-close:active,
.modal-slide .action-close:active {
background: none;
border: none;
}
.modal-custom .action-close:hover,
.modal-popup .action-close:hover,
.modal-slide .action-close:hover {
background: none;
border: none;
}
.modal-custom .action-close.disabled,
.modal-popup .action-close.disabled,
.modal-slide .action-close.disabled,
.modal-custom .action-close[disabled],
.modal-popup .action-close[disabled],
.modal-slide .action-close[disabled],
fieldset[disabled] .modal-custom .action-close,
fieldset[disabled] .modal-popup .action-close,
fieldset[disabled] .modal-slide .action-close {
pointer-events: none;
opacity: 0.5;
}
.modal-custom .action-close > span,
.modal-popup .action-close > span,
.modal-slide .action-close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.modal-custom .action-close:before,
.modal-popup .action-close:before,
.modal-slide .action-close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 32px;
color: #8f8f8f;
content: '\e616';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before {
color: inherit;
}
.modal-custom .action-close:active:before,
.modal-popup .action-close:active:before,
.modal-slide .action-close:active:before {
color: inherit;
}
.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before {
color: #002f6b;
}
.modal-custom .action-close {
margin: 25px;
}
.modal-popup {
pointer-events: none;
}
.modal-popup .modal-title {
border-bottom: 1px solid #c1c1c1;
font-weight: 300;
padding-bottom: 10px;
font-size: 26px;
margin-bottom: 0;
min-height: 1em;
word-wrap: break-word;
}
.modal-popup .action-close {
padding: 10px;
}
.modal-slide .action-close {
padding: 1.1rem 2rem;
}
.modal-slide .page-main-actions {
margin-bottom: -12.9rem;
margin-top: 2.1rem;
}
.modals-overlay {
background-color: rgba(99, 196, 255, 0.55);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
}
body._has-modal-custom .modal-custom-overlay {
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 899;
}
/**
* @codingStandardsIgnoreStart
*/
#store-pickup.selected-shipping ~ #store-selector {
display: none;
}
#store-pickup.selected-store-pickup ~ #shipping,
#store-pickup.selected-store-pickup ~ #opc-shipping_method {
visibility: hidden;
height: 0;
overflow: hidden;
}
#delivery-method-selector {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#delivery-method-selector .action {
line-height: 2.2rem;
padding: 14px 17px;
font-size: 1.8rem;
}
#delivery-method-selector .action.selected {
background: #ffffff;
}
#delivery-method-selector .action-select-shipping {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
#delivery-method-selector .action-select-store-pickup {
border-bottom-left-radius: 0;
border-left: 0;
border-top-left-radius: 0;
}
/**
* @codingStandardsIgnoreStart
*/
#store-selector .form-login {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
#store-selector .form-continue {
margin: 20px 0 0;
}
.location-details .location-name {
font-size: 18px;
font-weight: 700;
}
.store-selector-popup .modal-title {
border-bottom: 0;
}
.store-selector-popup .modal-header {
padding-bottom: 0;
}
/**
* @codingStandardsIgnoreStart
*/
#opc-store-selector-popup {
display: none;
}
#opc-store-selector-popup .block-search {
float: none;
width: 100%;
margin: 0 0 20px;
padding: 0 0 10px;
border-bottom: 1px solid #c1c1c1;
}
.modal-content #opc-store-selector-popup {
display: block;
}
.store-selector-popup-table thead th {
display: none;
}
.store-selector-popup-table tbody .location .location-name {
font-size: 18px;
}
.store-selector-popup-table tbody .location + .location {
border-top: 1px solid #cccccc;
}
.store-selector-popup-table tbody .col-location-details {
padding-left: 0;
}
.store-selector-popup-table tbody .col-location-details p:last-child {
margin-bottom: 0;
}
.store-selector-popup-table tbody .col-location-actions {
padding-right: 0;
vertical-align: middle;
}
.store-selector-popup-table tbody .col-location-actions .action {
float: right;
}
.store-selector-popup-empty-query,
.store-selector-popup-no-locations {
margin: 0 0 20px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.lac-notification-sticky {
position: relative;
z-index: 999;
}
.lac-notification-sticky .lac-notification {
background-color: #373330;
color: #ffffff;
font-size: 16px;
}
.lac-notification-sticky .lac-notification .lac-notification-icon {
float: left;
margin: 10px 25px 10px 10px;
}
.lac-notification-sticky .lac-notification .lac-notification-icon .logo-img {
display: block;
}
.lac-notification-sticky .lac-notification .lac-notification-text {
float: left;
padding: 15px 0;
}
.lac-notification-sticky .lac-notification .lac-notification-links {
float: right;
padding: 15px 0;
}
.lac-notification-sticky .lac-notification .lac-notification-links a {
color: #ffffff;
font-size: 14px;
}
.lac-notification-sticky .lac-notification .lac-notification-links .lac-notification-close-link:after {
background: url('../Magento_LoginAsCustomerFrontendUi/images/close.svg');
content: ' ';
display: inline-block;
height: 12px;
margin-left: 5px;
vertical-align: middle;
width: 12px;
}
@font-face {
font-family: 'pagebuilder-font';
font-style: normal;
font-weight: normal;
src: url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot');
src: url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.eot?#iefix') format('embedded-opentype'), url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.woff') format('woff'), url('../Magento_PageBuilder/fonts/pagebuilder-icons/pagebuilder-icons.ttf') format('truetype');
}
.pagebuilder-icon,
.slick-prev:before,
.slick-next:before,
.slick-prev:after,
.slick-next:after {
-webkit-font-smoothing: antialiased;
font-family: 'pagebuilder-font';
font-style: normal;
font-weight: normal;
line-height: 1;
speak: none;
}
[class^='pagebuilder-icon-']:before,
[class*=' pagebuilder-icon-']:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: 'pagebuilder-font';
font-style: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-decoration: inherit;
text-rendering: auto;
text-transform: none;
vertical-align: middle;
}
.pagebuilder-icon-down:before {
content: '\f101';
}
.pagebuilder-icon-next:before {
content: '\f102';
}
.pagebuilder-icon-prev:before {
content: '\f103';
}
.pagebuilder-icon-up:before {
content: '\f104';
}
.product-full-width-section {
padding: .5em 0;
}
.product-full-width-section .block.review-add {
margin-top: 2.7rem;
}
.page-layout-product-full-width .block.related {
margin-top: 2.7rem;
}
.page-main-details .product-section-title {
border-bottom: 1px solid #c6c6c6;
margin-bottom: 15px;
padding-bottom: 12px;
}
.additional-attributes-wrapper .additional-attributes {
border: none;
width: auto;
}
.additional-attributes-wrapper .additional-attributes > tbody > tr > th {
border: none;
padding: 5.5px 30px 10px 0;
}
.additional-attributes-wrapper .additional-attributes > tbody > tr > td {
border: none;
padding: 5.5px 5px 10px;
}
.cms-index-index.page-layout-cms-full-width .nav-sections {
margin-bottom: 0;
}
.slick-slider {
-khtml-user-select: none;
-moz-user-select: none;
-ms-touch-action: pan-y;
-ms-user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
box-sizing: border-box;
display: block;
position: relative;
touch-action: pan-y;
user-select: none;
}
.slick-list {
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-track {
display: block;
left: 0;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
}
.slick-track:before,
.slick-track:after {
content: '';
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
border: 1px solid transparent;
display: block;
height: auto;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-prev {
left: 2rem;
}
.slick-prev:before {
content: '\f103';
padding-right: 5px;
}
.slick-next {
right: 2rem;
}
.slick-next:before {
content: '\f102';
padding-left: 5px;
}
.slick-prev,
.slick-next {
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
background: rgba(252, 252, 252, 0.6);
border: none;
border-radius: 0;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 60px;
line-height: 0;
outline: none;
padding: 0;
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 60px;
z-index: 101;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
opacity: .2;
}
.slick-prev:hover,
.slick-next:hover {
background: #fcfcfc;
border: none;
}
.slick-prev:hover.slick-disabled,
.slick-next:hover.slick-disabled {
opacity: .2;
}
.slick-prev:hover:before,
.slick-next:hover:before {
color: #494949;
}
.slick-prev:before,
.slick-next:before,
.slick-prev:after,
.slick-next:after {
color: #555555;
font-size: 38px;
opacity: 1;
}
.slick-prev:active,
.slick-next:active,
.slick-prev:focus,
.slick-next:focus,
.slick-prev:not(.primary),
.slick-next:not(.primary) {
background: rgba(252, 252, 252, 0.7);
border: none;
box-shadow: none;
}
.slick-prev:active:active,
.slick-next:active:active,
.slick-prev:focus:active,
.slick-next:focus:active,
.slick-prev:not(.primary):active,
.slick-next:not(.primary):active {
box-shadow: none;
}
.slick-dots {
font-size: 1.4rem;
line-height: normal;
letter-spacing: normal;
display: block;
list-style: none;
margin: 0;
padding: 15px 0;
text-align: center;
width: 100%;
}
.slick-dots li {
cursor: pointer;
display: inline-block;
height: 14px;
margin: 0 5px;
padding: 0;
position: relative;
vertical-align: middle;
width: 14px;
}
.slick-dots li button,
.slick-dots li .cart.table-wrapper .actions-toolbar > .action,
.slick-dots li .action-gift {
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 10px;
box-shadow: none;
cursor: pointer;
display: block;
height: 14px;
padding: 0;
text-indent: -99999px;
transition: .3s;
width: 14px;
}
.slick-dots li button:hover,
.slick-dots li .cart.table-wrapper .actions-toolbar > .action:hover,
.slick-dots li .action-gift:hover {
border: 1px solid #b3b3b3;
}
.slick-dots li button:active,
.slick-dots li button:focus,
.slick-dots li button:not(.primary),
.slick-dots li .cart.table-wrapper .actions-toolbar > .action:active,
.slick-dots li .cart.table-wrapper .actions-toolbar > .action:focus,
.slick-dots li .cart.table-wrapper .actions-toolbar > .action:not(.primary),
.slick-dots li .action-gift:active,
.slick-dots li .action-gift:focus,
.slick-dots li .action-gift:not(.primary) {
box-shadow: none;
}
.slick-dots li.slick-active button,
.slick-dots li.slick-active .cart.table-wrapper .actions-toolbar > .action,
.slick-dots li.slick-active .action-gift {
background: #1c1918;
}
[data-content-type='banner'] > [data-element='link'],
[data-content-type='banner'] > [data-element='empty_link'] {
color: inherit;
text-decoration: inherit;
}
[data-content-type='banner'] > [data-element='link']:hover,
[data-content-type='banner'] > [data-element='empty_link']:hover {
color: inherit;
text-decoration: inherit;
}
.pagebuilder-banner-wrapper {
background-clip: padding-box;
border-radius: inherit;
box-sizing: border-box;
overflow-wrap: break-word;
word-wrap: break-word;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay {
-moz-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
-webkit-transition: background-color 500ms ease;
box-sizing: border-box;
padding: 30px;
position: relative;
transition: background-color 500ms ease;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
align-items: center;
display: flex;
justify-content: center;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: 540px;
}
.pagebuilder-banner-wrapper.jarallax .video-overlay {
z-index: 0;
}
.pagebuilder-banner-wrapper [data-element='content'] {
min-height: 50px;
overflow: auto;
}
.pagebuilder-banner-wrapper .pagebuilder-banner-button {
-moz-transition: opacity 500ms ease;
-o-transition: opacity 500ms ease;
-webkit-transition: opacity 500ms ease;
margin: 20px 0 0 0;
max-width: 100%;
text-align: inherit;
transition: opacity 500ms ease;
word-break: break-word;
}
.pagebuilder-banner-wrapper .pagebuilder-poster-content {
width: 100%;
}
[data-appearance='collage-centered'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
margin-left: auto;
margin-right: auto;
}
[data-appearance='collage-left'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
margin-right: auto;
}
[data-appearance='collage-right'] .pagebuilder-banner-wrapper .pagebuilder-overlay {
margin-left: auto;
}
[data-content-type$='block'] .block p:last-child {
margin-bottom: 1rem;
margin-top: 0;
}
[data-content-type='buttons'] {
max-width: 100%;
}
[data-content-type='button-item'] {
max-width: 100%;
}
[data-content-type='button-item'] [data-element='link'],
[data-content-type='button-item'] [data-element='empty_link'] {
max-width: 100%;
word-wrap: break-word;
}
[data-content-type='button-item'] [data-element='empty_link'] {
cursor: default;
}
a.pagebuilder-button-link,
button.pagebuilder-button-link,
div.pagebuilder-button-link,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link,
.action-gift.pagebuilder-button-link {
line-height: 2.2rem;
font-size: 1.8rem;
line-height: 1.42857143;
margin: 0 10px 10px 0;
padding: 14px 17px;
color: #1979c3;
text-decoration: none;
background: none;
border: 0;
display: inline;
font-weight: 600;
box-shadow: none;
box-sizing: border-box;
display: inline-block;
}
a.pagebuilder-button-link:visited,
button.pagebuilder-button-link:visited,
div.pagebuilder-button-link:visited,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link:visited,
.action-gift.pagebuilder-button-link:visited {
color: #1979c3;
text-decoration: none;
}
a.pagebuilder-button-link:hover,
button.pagebuilder-button-link:hover,
div.pagebuilder-button-link:hover,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link:hover,
.action-gift.pagebuilder-button-link:hover {
color: #006bb4;
text-decoration: underline;
}
a.pagebuilder-button-link:active,
button.pagebuilder-button-link:active,
div.pagebuilder-button-link:active,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link:active,
.action-gift.pagebuilder-button-link:active {
color: #ff5501;
text-decoration: underline;
}
a.pagebuilder-button-link:hover,
button.pagebuilder-button-link:hover,
div.pagebuilder-button-link:hover,
a.pagebuilder-button-link:active,
button.pagebuilder-button-link:active,
div.pagebuilder-button-link:active,
a.pagebuilder-button-link:focus,
button.pagebuilder-button-link:focus,
div.pagebuilder-button-link:focus,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link:hover,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link:active,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link:focus,
.action-gift.pagebuilder-button-link:hover,
.action-gift.pagebuilder-button-link:active,
.action-gift.pagebuilder-button-link:focus {
background: none;
border: 0;
}
a.pagebuilder-button-link.disabled,
button.pagebuilder-button-link.disabled,
div.pagebuilder-button-link.disabled,
a.pagebuilder-button-link[disabled],
button.pagebuilder-button-link[disabled],
div.pagebuilder-button-link[disabled],
fieldset[disabled] a.pagebuilder-button-link,
fieldset[disabled] button.pagebuilder-button-link,
fieldset[disabled] div.pagebuilder-button-link,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link.disabled,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link[disabled],
fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-link,
.action-gift.pagebuilder-button-link.disabled,
.action-gift.pagebuilder-button-link[disabled],
fieldset[disabled] .action-gift.pagebuilder-button-link {
color: #1979c3;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
a.pagebuilder-button-primary,
button.pagebuilder-button-primary,
div.pagebuilder-button-primary,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary,
.action-gift.pagebuilder-button-primary {
text-decoration: none;
background-image: none;
background: #1979c3;
border: 1px solid #1979c3;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0 10px 10px 0;
padding: 7px 15px;
font-size: 1.4rem;
box-sizing: border-box;
vertical-align: middle;
line-height: 2.2rem;
padding: 14px 17px;
font-size: 1.8rem;
border-radius: 3px;
box-shadow: none;
}
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover,
a.pagebuilder-button-primary:active,
button.pagebuilder-button-primary:active,
div.pagebuilder-button-primary:active,
a.pagebuilder-button-primary:focus,
button.pagebuilder-button-primary:focus,
div.pagebuilder-button-primary:focus,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:hover,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:active,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:focus,
.action-gift.pagebuilder-button-primary:hover,
.action-gift.pagebuilder-button-primary:active,
.action-gift.pagebuilder-button-primary:focus {
text-decoration: none;
}
a.pagebuilder-button-primary:focus,
button.pagebuilder-button-primary:focus,
div.pagebuilder-button-primary:focus,
a.pagebuilder-button-primary:active,
button.pagebuilder-button-primary:active,
div.pagebuilder-button-primary:active,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:focus,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:active,
.action-gift.pagebuilder-button-primary:focus,
.action-gift.pagebuilder-button-primary:active {
background: #006bb4;
border: 1px solid #006bb4;
color: #ffffff;
}
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary:hover,
.action-gift.pagebuilder-button-primary:hover {
background: #006bb4;
border: 1px solid #006bb4;
color: #ffffff;
}
a.pagebuilder-button-primary.disabled,
button.pagebuilder-button-primary.disabled,
div.pagebuilder-button-primary.disabled,
a.pagebuilder-button-primary[disabled],
button.pagebuilder-button-primary[disabled],
div.pagebuilder-button-primary[disabled],
fieldset[disabled] a.pagebuilder-button-primary,
fieldset[disabled] button.pagebuilder-button-primary,
fieldset[disabled] div.pagebuilder-button-primary,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary.disabled,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary[disabled],
fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-primary,
.action-gift.pagebuilder-button-primary.disabled,
.action-gift.pagebuilder-button-primary[disabled],
fieldset[disabled] .action-gift.pagebuilder-button-primary {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
a.pagebuilder-button-secondary,
button.pagebuilder-button-secondary,
div.pagebuilder-button-secondary,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary,
.action-gift.pagebuilder-button-secondary {
text-decoration: none;
background-image: none;
background: #f2f2f2;
border: 1px solid #cdcdcd;
color: #333333;
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 0 10px 10px 0;
padding: 7px 15px;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
vertical-align: middle;
line-height: 2.2rem;
padding: 14px 17px;
font-size: 1.8rem;
border-radius: 3px;
box-shadow: none;
}
a.pagebuilder-button-secondary:hover,
button.pagebuilder-button-secondary:hover,
div.pagebuilder-button-secondary:hover,
a.pagebuilder-button-secondary:active,
button.pagebuilder-button-secondary:active,
div.pagebuilder-button-secondary:active,
a.pagebuilder-button-secondary:focus,
button.pagebuilder-button-secondary:focus,
div.pagebuilder-button-secondary:focus,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary:hover,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary:active,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary:focus,
.action-gift.pagebuilder-button-secondary:hover,
.action-gift.pagebuilder-button-secondary:active,
.action-gift.pagebuilder-button-secondary:focus {
text-decoration: none;
}
a.pagebuilder-button-secondary:focus,
button.pagebuilder-button-secondary:focus,
div.pagebuilder-button-secondary:focus,
a.pagebuilder-button-secondary:active,
button.pagebuilder-button-secondary:active,
div.pagebuilder-button-secondary:active,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary:focus,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary:active,
.action-gift.pagebuilder-button-secondary:focus,
.action-gift.pagebuilder-button-secondary:active {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #333333;
}
a.pagebuilder-button-secondary:hover,
button.pagebuilder-button-secondary:hover,
div.pagebuilder-button-secondary:hover,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary:hover,
.action-gift.pagebuilder-button-secondary:hover {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #555555;
}
a.pagebuilder-button-secondary.disabled,
button.pagebuilder-button-secondary.disabled,
div.pagebuilder-button-secondary.disabled,
a.pagebuilder-button-secondary[disabled],
button.pagebuilder-button-secondary[disabled],
div.pagebuilder-button-secondary[disabled],
fieldset[disabled] a.pagebuilder-button-secondary,
fieldset[disabled] button.pagebuilder-button-secondary,
fieldset[disabled] div.pagebuilder-button-secondary,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary.disabled,
.cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary[disabled],
fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action.pagebuilder-button-secondary,
.action-gift.pagebuilder-button-secondary.disabled,
.action-gift.pagebuilder-button-secondary[disabled],
fieldset[disabled] .action-gift.pagebuilder-button-secondary {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.pagebuilder-column {
box-sizing: border-box;
}
[data-content-type='heading'] {
word-wrap: break-word;
}
[data-content-type='html'] {
word-wrap: break-word;
}
figure[data-content-type='image'] {
box-sizing: border-box;
}
figure[data-content-type='image'] > [data-element='link'],
figure[data-content-type='image'] > [data-element='link'] img {
border-radius: inherit;
}
figure[data-content-type='image'] figcaption {
word-wrap: break-word;
}
[data-content-type='map'] {
box-sizing: border-box;
height: 300px;
}
[data-content-type='row'] li.product-item {
text-align: left;
}
.pagebuilder-column .widget-product-grid .product-item {
max-width: 100%;
min-width: 50px;
}
.pagebuilder-column .widget-product-grid .product-item .price-box {
word-wrap: break-word;
}
.pagebuilder-column .widget-product-grid .product-item .price-box .price {
white-space: normal;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-primary {
display: inline-block;
max-width: 100%;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .actions-secondary {
display: inline-block;
width: auto;
}
.pagebuilder-column .widget-product-grid .product-item .product-item-actions .tocart {
max-width: 100%;
white-space: normal;
}
.pagebuilder-column [data-content-type='products'] .block.widget .products-grid .widget-product-grid.product-items .product-item {
width: 200px;
}
[data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item {
display: block;
}
[data-content-type='products'][data-appearance='carousel'] .slick-initialized li.product-item:first-child {
visibility: visible;
}
[data-content-type='products'][data-appearance='carousel'] .product-item-info {
width: auto;
}
[data-content-type='products'][data-appearance='carousel'] li.product-item {
display: none;
}
[data-content-type='products'][data-appearance='carousel'] li.product-item:first-child {
display: block;
visibility: hidden;
}
[data-content-type='products'][data-appearance='carousel'].center-mode .product-item {
opacity: .5;
transition: all 300ms ease;
}
[data-content-type='products'][data-appearance='carousel'].center-mode .product-item:hover {
opacity: 1;
}
[data-content-type='products'][data-appearance='carousel'].center-mode .slick-current .product-item {
opacity: 1;
}
[data-content-type='row'][data-appearance='contained'] {
box-sizing: border-box;
margin-left: auto !important;
margin-right: auto !important;
max-width: 1280px;
}
[data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
box-sizing: border-box;
}
[data-content-type='row'][data-appearance='full-bleed'] {
box-sizing: border-box;
}
[data-content-type='row'][data-appearance='full-width'] {
box-sizing: border-box;
}
[data-content-type='row'][data-appearance='full-width'] > .row-full-width-inner {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: 1280px;
width: 100%;
}
[data-content-type='slide'] {
box-sizing: border-box;
line-height: 20px;
min-height: inherit;
overflow: hidden;
}
[data-content-type='slide'] > [data-element='link'],
[data-content-type='slide'] > [data-element='empty_link'] {
color: inherit;
min-height: inherit;
text-decoration: inherit;
}
[data-content-type='slide'] > [data-element='link']:hover,
[data-content-type='slide'] > [data-element='empty_link']:hover {
color: inherit;
text-decoration: inherit;
}
[data-content-type='slide'] + [data-content-type='slide'] {
height: 0;
min-height: 0;
}
.slick-slider [data-content-type='slide'] + [data-content-type='slide'] {
height: initial;
min-height: inherit;
}
.pagebuilder-slide-wrapper {
border-radius: inherit;
box-sizing: border-box;
min-height: inherit;
overflow-wrap: break-word;
word-wrap: break-word;
}
.pagebuilder-slide-wrapper .jarallax-viewport-element {
height: 100%;
left: -15000vw;
position: absolute;
top: 0;
width: 1px;
z-index: 100;
}
.slick-current .pagebuilder-slide-wrapper .jarallax-viewport-element {
left: 0;
}
.pagebuilder-slide-wrapper.jarallax .video-overlay {
-webkit-transform: unset;
z-index: 1;
}
.pagebuilder-slide-wrapper.jarallax .pagebuilder-overlay {
position: relative;
z-index: 2;
}
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > div,
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > img,
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > video,
.pagebuilder-slide-wrapper.jarallax [id*='jarallax-container'] > iframe {
margin: auto !important;
transform: none !important;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay {
-moz-transition: background-color 500ms ease;
-o-transition: background-color 500ms ease;
-webkit-transition: background-color 500ms ease;
border-radius: inherit;
box-sizing: border-box;
padding: 30px;
transition: background-color 500ms ease;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay.pagebuilder-poster-overlay {
align-items: center;
display: flex;
justify-content: center;
min-height: inherit;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: 540px;
}
.pagebuilder-slide-wrapper [data-element='content'] {
min-height: 50px;
overflow: auto;
}
.pagebuilder-slide-wrapper .pagebuilder-slide-button {
-moz-transition: opacity 500ms ease;
-o-transition: opacity 500ms ease;
-webkit-transition: opacity 500ms ease;
margin: 20px 0 0 0;
max-width: 100%;
text-align: inherit;
transition: opacity 500ms ease;
word-break: break-word;
}
.pagebuilder-slide-wrapper .pagebuilder-poster-content {
width: 100%;
}
[data-appearance='collage-centered'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
margin-left: auto;
margin-right: auto;
}
[data-appearance='collage-left'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
margin-right: auto;
}
[data-appearance='collage-right'] .pagebuilder-slide-wrapper .pagebuilder-overlay {
margin-left: auto;
}
div[data-content-type='slider'] {
visibility: hidden;
}
div[data-content-type='slider'].slick-initialized {
visibility: visible;
}
div[data-content-type='slider'] .slick-list,
div[data-content-type='slider'] .slick-track,
div[data-content-type='slider'] .slick-slide {
min-height: inherit;
}
div[data-content-type='slider'] .slick-list > div,
div[data-content-type='slider'] .slick-track > div,
div[data-content-type='slider'] .slick-slide > div {
line-height: 0;
min-height: inherit;
overflow: hidden;
width: 100%;
}
a.button {
-moz-appearance: button;
-webkit-appearance: button;
appearance: button;
color: initial;
padding: 10px;
text-decoration: none;
}
div[data-content-type='tabs'] .tabs-navigation {
display: block;
font-size: 0;
margin: 0 0 -1px;
padding: 0;
}
div[data-content-type='tabs'] .tabs-navigation li:first-child {
margin-left: 0 !important;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header {
background: #f6f6f6;
border: 1px solid #cccccc;
border-bottom: 0;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
display: inline-block;
margin: 0;
max-width: 100%;
overflow-wrap: break-word;
position: relative;
word-wrap: break-word;
z-index: 1;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header:not(:first-child) {
margin-left: -1px;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title {
border-right: 0;
color: #000000;
cursor: pointer !important;
display: block;
font-size: 14px;
font-weight: 600;
padding: 1.4rem 2rem;
position: relative;
transition: all .3s;
vertical-align: middle;
white-space: normal;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title span.tab-title {
display: block;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title:hover {
text-decoration: none;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header:last-child {
border-right: 1px solid #cccccc;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active {
background: #ffffff;
z-index: 19;
}
div[data-content-type='tabs'] .tabs-navigation li.tab-header.ui-state-active a.tab-title {
position: relative;
transition: all .3s;
}
div[data-content-type='tabs'] .tabs-content {
border: 1px solid #cccccc;
box-sizing: border-box;
overflow: hidden;
position: relative;
z-index: 9;
}
div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item'] {
box-sizing: border-box;
min-height: inherit;
}
div[data-content-type='tabs'] .tabs-content [data-content-type='tab-item']:not(:first-child) {
display: none;
}
div[data-content-type='tabs'].tab-align-left .tabs-content {
border-top-left-radius: 0 !important;
}
div[data-content-type='tabs'].tab-align-right .tabs-content {
border-top-right-radius: 0 !important;
}
div[data-content-type='text'] {
word-wrap: break-word;
}
div[data-content-type='video'] {
font-size: 0;
}
div[data-content-type='video'] .pagebuilder-video-inner {
box-sizing: border-box;
display: inline-block;
width: 100%;
}
div[data-content-type='video'] .pagebuilder-video-container {
border-radius: inherit;
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
div[data-content-type='video'] iframe,
div[data-content-type='video'] video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.jarallax {
position: relative;
z-index: 0;
}
.jarallax > .jarallax-img {
font-family: 'object-fit: cover;', sans-serif;
height: 100%;
left: 0;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.jarallax-video-fallback {
transform: scale3d(0, 0, 0);
}
.jarallax .video-overlay {
-webkit-transform: translate3d(0, 0, 0);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -99;
}
.jarallax [id*='jarallax-container'] video,
.jarallax [id*='jarallax-container'] iframe {
visibility: hidden;
}
.cms-content-important {
background-color: #f5f5f5;
color: #333333;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 1.1;
margin: 0 0 35px -20px;
padding: 20px;
}
.pagebuilder-full-width {
float: left;
width: 100%;
}
.pagebuilder-content-type {
box-sizing: border-box;
margin-bottom: 20px;
}
.pagebuilder-accordion {
margin: 0;
padding: 0;
}
.pagebuilder-accordion > .item.title {
box-sizing: border-box;
float: none;
width: 100%;
}
.pagebuilder-accordion > .item.title > .switch {
display: block;
}
.pagebuilder-accordion > .item.content {
box-sizing: border-box;
display: block;
float: none;
margin: 0;
}
.pagebuilder-accordion > .item.content:before,
.pagebuilder-accordion > .item.content:after {
content: '';
display: table;
}
.pagebuilder-accordion > .item.content:after {
clear: both;
}
.pagebuilder-accordion > .item.content.active {
display: block;
}
.pagebuilder-accordion > .item.title {
margin: 0 0 5px;
}
.pagebuilder-accordion > .item.title > .switch {
background: #f0f0f0;
border-bottom: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
height: 40px;
padding: 5px 20px 5px 20px;
font-weight: 600;
line-height: 40px;
font-size: 1.8rem;
color: #7d7d7d;
text-decoration: none;
}
.pagebuilder-accordion > .item.title > .switch:visited {
color: #7d7d7d;
text-decoration: none;
}
.pagebuilder-accordion > .item.title > .switch:hover {
color: #7d7d7d;
text-decoration: none;
}
.pagebuilder-accordion > .item.title > .switch:active {
color: #333333;
text-decoration: none;
}
.pagebuilder-accordion > .item.title:not(.disabled) > .switch:focus,
.pagebuilder-accordion > .item.title:not(.disabled) > .switch:hover {
background: #fcfcfc;
}
.pagebuilder-accordion > .item.title:not(.disabled) > .switch:active,
.pagebuilder-accordion > .item.title.active > .switch,
.pagebuilder-accordion > .item.title.active > .switch:focus,
.pagebuilder-accordion > .item.title.active > .switch:hover {
background: #ffffff;
color: #333333;
text-decoration: none;
padding-bottom: 5px;
}
.pagebuilder-accordion > .item.content {
background: #ffffff;
border: 1px solid #d1d1d1;
margin: 0 0 5px;
padding: 20px 20px 20px 20px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.form-discount .g-recaptcha {
margin-top: 50px !important;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.login-container .g-recaptcha,
.form-login .g-recaptcha,
.form-edit-account .g-recaptcha {
margin-bottom: 10px !important;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.required-captcha.checkbox {
position: absolute;
display: block;
visibility: visible;
overflow: hidden;
opacity: 0;
width: 1px;
height: 1px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.block.newsletter .field-recaptcha .field .control:before {
content: none;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.review-form .field-recaptcha {
margin-bottom: 10px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.form.send.friend .g-recaptcha {
margin-top: 40px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.product-info-stock-sku .configurable-variation-qty {
display: none;
}
._amrev-disabled {
opacity: .8;
pointer-events: none;
}
.hidden {
display: none;
}
._clear-btn,
._clear-btn:focus,
._clear-btn:hover,
._clear-btn:active,
._clear-btn:not(.primary) {
background: none;
border: none;
box-shadow: none;
font-weight: 400;
outline: none;
padding: 0;
}
.amstars-rating-container {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzM3YyN0gweiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuMzA1IDEwLjMxM0wxNCAwbC0zLjMwNSAxMC4zMTNIMGw4LjY1MiA2LjM3NEw1LjM0OCAyNyAxNCAyMC42MjYgMjIuNjUyIDI3bC0zLjMwNS0xMC4zMTNMMjggMTAuMzEzSDE3LjMwNXptNC42NTQgMS45OWgtNi4wOEwxNCA2LjQ0bC0xLjg3OSA1Ljg2M2gtNi4wOGw0LjkxOSAzLjYyNC0xLjg4IDUuODYzTDE0IDE4LjE2Nmw0LjkyIDMuNjI0LTEuODgtNS44NjMgNC45Mi0zLjYyNHoiIGZpbGw9IiNCMUFFQUUiLz48L3N2Zz4=);
height: 27px;
margin: 0 0 10px 0;
overflow: hidden;
width: 160px;
}
.amstars-rating-container.-small {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyMnYxOEgweiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzQzIDYuODc1TDkuNSAwIDcuMjU3IDYuODc1SDBsNS44NzEgNC4yNUwzLjYzIDE4IDkuNSAxMy43NSAxNS4zNzEgMThsLTIuMjQyLTYuODc1TDE5IDYuODc1aC03LjI1N3pNMTQuOSA4LjIwMmgtNC4xMjZMOS41IDQuMjkzbC0xLjI3NSAzLjkxSDQuMDk5bDMuMzM4IDIuNDE1LTEuMjc1IDMuOTA5TDkuNSAxMi4xMWwzLjMzOCAyLjQxNi0xLjI3NS0zLjkxIDMuMzM4LTIuNDE1eiIgZmlsbD0iI0IxQUVBRSIvPjwvc3ZnPg==);
height: 18px;
width: 107px;
}
.amstars-rating-container.-small .amstars-stars {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyMnYxOEgweiIvPjxwYXRoIGQ9Ik05LjUgMGwyLjI0MyA2Ljg3NUgxOWwtNS44NzEgNC4yNUwxNS4zNyAxOCA5LjUgMTMuNzUgMy42MjkgMThsMi4yNDItNi44NzVMMCA2Ljg3NWg3LjI1N0w5LjUgMHoiIGZpbGw9IiNFRDlEMDAiLz48L3N2Zz4=);
}
.amstars-rating-container .amstars-stars {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzM3YyN0gweiIvPjxwYXRoIGQ9Ik0xNCAwbDMuMzA1IDEwLjMxM0gyOGwtOC42NTIgNi4zNzRMMjIuNjUyIDI3IDE0IDIwLjYyNiA1LjM0OCAyN2wzLjMwNC0xMC4zMTNMMCAxMC4zMTNoMTAuNjk1TDE0IDB6IiBmaWxsPSIjRUQ5RDAwIi8+PC9zdmc+);
height: 100%;
}
.amreview-popup.modal-popup {
transition: 0.3s all ease-in;
}
.amreview-popup.modal-popup .modal-header {
background: #fafafa;
}
.amreview-popup.modal-popup .modal-content {
padding: 0;
}
.amreview-popup.modal-popup .block-content {
background: #fafafa;
padding: 10px 20px 40px;
}
.amreview-popup.modal-popup .modal-inner-wrap {
max-width: 640px;
}
.amrev-toolbar-container {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
color: #363636;
flex-wrap: wrap;
font-size: 12px;
justify-content: flex-end;
padding: 0;
}
.amrev-toolbar-container.-disabled {
opacity: .8;
pointer-events: none;
}
.amrev-toolbar-container.-all .amrev-sorting {
border-left: none;
}
.amrev-toolbar-container .amrev-filters {
display: flex;
justify-content: center;
align-items: center;
flex-basis: 100%;
flex-wrap: wrap;
list-style: none;
margin: 0;
order: 2;
padding: 0;
}
.amrev-toolbar-container .amrev-filter {
border-bottom: 1px solid #dcdcdc;
flex-basis: 100%;
margin: 0;
padding: 15px 0 10px 20px;
}
.amrev-toolbar-container .amrev-sorting {
background: #fafafa;
border: none;
flex-basis: 100%;
order: 1;
padding: 10px 18px;
}
.amrev-toolbar-container .amrev-sortbtn:before {
font-size: 14px;
}
.amrev-toolbar-container .amrev-sortbtn:hover:before,
.amrev-toolbar-container .amrev-sortbtn:focus:before {
color: #007bdb;
}
.amrev-toolbar-container .amrev-select {
height: 25px;
margin: 5px 5px 5px 8px;
max-width: 160px;
padding: 0 0 0 10px;
width: 100%;
}
.amrev-toolbar-container .amrev-label {
margin: 0;
}
.amrev-checkbox-container .amrev-label {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
padding: 0 0 0 20px;
position: relative;
}
.amrev-checkbox-container .amrev-label:hover:before {
border-color: #007bdb;
box-shadow: 0 1px 2px rgba(37, 83, 119, 0.25);
}
.amrev-checkbox-container .amrev-label:before,
.amrev-checkbox-container .amrev-label:after {
transition: 0.1s all ease-in;
content: '';
cursor: pointer;
display: block;
left: 0;
position: absolute;
}
.amrev-checkbox-container .amrev-label:after {
align-content: center;
align-items: center;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOSA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy45MDQ4IDBMMy41NDI1IDQuNjU5OEwxLjA5NDk1IDIuMDQ2MDNMMCAzLjIxNTg1TDMuNTQyNSA3TDkgMS4xNjk4M0w3LjkwNDggMFoiIGZpbGw9IiM1MTQ5NDMiLz48L3N2Zz4=);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
content: '';
display: flex;
justify-content: center;
bottom: 0;
height: 8px;
margin: auto 0 auto 3px;
opacity: 0;
top: 0;
width: 10px;
}
.amrev-checkbox-container .amrev-label:before {
background-color: #fff;
border: 1px solid #adadad;
border-radius: 2px;
box-sizing: border-box;
height: 15px;
width: 15px;
}
.amrev-checkbox-container .amrev-input:checked + .amrev-label:after {
opacity: 1;
}
.amrev-checkbox-container .amrev-input:checked + .amrev-label:before {
border-color: #007bdb;
}
.amrev-checkbox-container .amrev-input:checked + .amrev-label:before:focus {
box-shadow: 0 1px 2px rgba(37, 83, 119, 0.25);
}
.amrev-checkbox-container .amrev-input {
display: none;
}
.amrev-fancybox-zoom .fancybox-arrow {
box-shadow: none;
}
.amrev-fancybox-zoom .fancybox-arrow:hover,
.amrev-fancybox-zoom .fancybox-arrow:active,
.amrev-fancybox-zoom .fancybox-arrow:focus {
background: none;
border: none;
box-shadow: none;
opacity: 1;
}
.amreview-images.slick-slider {
padding: 0 18px;
}
.amreview-images.slick-slider .slick-arrow {
transition: 0.1s all ease-in;
background-size: 7px 12px !important;
filter: invert(0.5);
}
.amreview-images.slick-slider .slick-arrow:hover {
filter: invert(1);
}
.amreview-images.slick-slider .slick-arrow.slick-next {
right: 0;
}
.amreview-images.slick-slider .slick-arrow.slick-prev {
left: 0;
transform: rotate(180deg) translate(0, 50%);
}
.amreview-images.slick-slider .slick-slide {
border: 1px solid transparent;
border-radius: 2px;
box-sizing: border-box;
text-align: center;
}
.amreview-images.slick-slider .slick-slide > div {
display: flex;
}
.amreview-widget-container .slick-dots {
position: initial;
}
@keyframes amloadrotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.am-load-block {
transition: 0.3s all ease-in;
background: rgba(255, 255, 255, 0.4);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.am-load-block .am-dots {
height: 64px;
margin: 20px auto;
position: sticky;
top: 35%;
width: 64px;
z-index: 999;
}
.am-load-block .am-dot {
animation: amloadrotate 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
display: block;
transform-origin: 32px 32px;
}
.am-load-block .am-dot:nth-child(1) {
animation-delay: -0.036s;
}
.am-load-block .am-dot:nth-child(2) {
animation-delay: -0.07199999999999999s;
}
.am-load-block .am-dot:nth-child(3) {
animation-delay: -0.108s;
}
.am-load-block .am-dot:nth-child(4) {
animation-delay: -0.144s;
}
.am-load-block .am-dot:nth-child(6) {
animation-delay: -0.216s;
}
.am-load-block .am-dot:nth-child(7) {
animation-delay: -0.252s;
}
.am-load-block .am-dot:nth-child(8) {
animation-delay: -0.288s;
}
.am-load-block .am-dot:after {
background: #666666;
border-radius: 50%;
content: '';
display: block;
height: 6px;
margin: -3px 0 0 -3px;
position: absolute;
width: 6px;
}
.am-load-block .am-dot:nth-child(1):after {
left: 50px;
top: 50px;
}
.am-load-block .am-dot:nth-child(2):after {
left: 45px;
top: 54px;
}
.am-load-block .am-dot:nth-child(3):after {
left: 39px;
top: 57px;
}
.am-load-block .am-dot:nth-child(4):after {
left: 32px;
top: 58px;
}
.am-load-block .am-dot:nth-child(5) {
animation-delay: -.18s;
}
.am-load-block .am-dot:nth-child(5):after {
left: 25px;
top: 57px;
}
.am-load-block .am-dot:nth-child(6):after {
left: 19px;
top: 54px;
}
.am-load-block .am-dot:nth-child(7):after {
left: 14px;
top: 50px;
}
.am-load-block .am-dot:nth-child(8):after {
left: 10px;
top: 45px;
}
.amrev-comment-toolbar {
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 25px 0 0;
}
.amrev-comment-toolbar.-nocomments {
justify-content: flex-end;
}
.amrev-comment-toolbar .amrev-reply {
border-right: 1px solid #c4c4c4;
box-sizing: border-box;
flex-basis: 50%;
order: 2;
padding: 0 25px 0 0;
}
.amrev-comment-toolbar .amrev-repbtn {
display: flex;
justify-content: center;
align-items: center;
transition: 0.1s all ease-in;
background: #dff1ff;
border: 1px solid #1e79c2;
border-radius: 2px;
box-shadow: none;
box-sizing: border-box;
color: #1e79c2;
flex-basis: 100%;
font-size: 1.4rem;
font-weight: 400;
padding: 8px;
position: relative;
width: 100%;
}
.amrev-comment-toolbar .amrev-repbtn:before {
transition: 0.1s all ease-in;
align-content: center;
align-items: center;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYuMjAzOSAzLjA3Njg4SDIuMTk4NTdMMy4wMzEyOCAzLjg3MjU3QzMuMjgyNzcgNC4xMTI4OCAzLjI4Mjc3IDQuNTAyNDMgMy4wMzEyOCA0Ljc0Mjc0QzIuNzgxNzIgNC45ODE1MSAyLjM3MzEgNC45ODQ1OSAyLjEyMDY1IDQuNzQyNzRMMC4xODg2MTUgMi44OTY1N0MtMC4wNjI4NzE5IDIuNjU2MjYgLTAuMDYyODcxOSAyLjI2NjcxIDAuMTg4NjE1IDIuMDI2NEwyLjEyMDY1IDAuMTgwMjMyQzIuMzcxODEgLTAuMDYwMDc3NSAyLjc4MDEyIC0wLjA2MDA3NzUgMy4wMzEyOCAwLjE4MDIzMkMzLjI4Mjc3IDAuNDIwNTQzIDMuMjgyNzcgMC44MTAwODUgMy4wMzEyOCAxLjA1MDRMMi4xOTg1NyAxLjg0NjA5SDYuMjAzOUM5LjM5OTgxIDEuODQ2MDkgMTIgNC4zMzA3MyAxMiA3LjM4NDYxQzEyIDcuNzI0MzEgMTEuNzExNSA4IDExLjM1NiA4QzExLjAwMDUgOCAxMC43MTIgNy43MjQzMSAxMC43MTIgNy4zODQ2MUMxMC43MTIgNS4wMDkyIDguNjg5NzggMy4wNzY4OCA2LjIwMzkgMy4wNzY4OFoiIGZpbGw9IiMxRTc5QzIiLz48L3N2Zz4=);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
content: '';
display: flex;
justify-content: center;
height: 8px;
margin: auto 5px;
width: 12px;
}
.amrev-comment-toolbar .amrev-repbtn:hover,
.amrev-comment-toolbar .amrev-repbtn:active,
.amrev-comment-toolbar .amrev-repbtn.-active {
background: #026bb3;
border-color: #026bb3;
color: #fff;
}
.amrev-comment-toolbar .amrev-repbtn:hover:before,
.amrev-comment-toolbar .amrev-repbtn:active:before,
.amrev-comment-toolbar .amrev-repbtn.-active:before {
filter: brightness(10);
}
.amrev-comment-toolbar .amrev-comment {
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
box-sizing: border-box;
flex-basis: 50%;
order: 3;
padding: 0 15px;
position: relative;
}
.amrev-comment-toolbar .amrev-combtn {
color: #026bb3;
font-size: 1.4rem;
font-weight: 600;
}
.amrev-comment-toolbar .amrev-combtn,
.amrev-comment-toolbar .amrev-combtn:focus,
.amrev-comment-toolbar .amrev-combtn:hover,
.amrev-comment-toolbar .amrev-combtn:active,
.amrev-comment-toolbar .amrev-combtn:not(.primary) {
background: none;
border: none;
box-shadow: none;
font-weight: 400;
outline: none;
padding: 0;
}
.amrev-comment-toolbar .amrev-combtn:before {
transition: 0.1s all ease-in;
content: '\e622';
display: inline-block;
font-family: 'icons-blank-theme';
font-size: 10px;
margin: 0 7px 0 0;
}
.amrev-comment-toolbar .amrev-combtn:hover {
color: #014d81;
}
.amrev-comment-toolbar .amrev-combtn.-active:before {
transform: rotate(180deg) translateY(1px);
}
.amrev-comment-toolbar .amrev-combtn.-empty:before {
display: none;
}
.amrev-comment-block {
transition: 0.1s all ease-in;
background: #fafafa;
border-radius: 2px;
margin: 0 -15px 0 -15px;
padding: 0;
}
.amrev-comment-block .amrev-title {
border-bottom: 1px solid #c8c8c8;
font-size: 12px;
font-style: normal;
margin: 0 0 20px 0;
padding: 10px 0;
}
.amrev-comment-block .amrev-qty {
font-style: normal;
}
.amrev-comment-block .amrev-message {
padding: 15px 20px;
}
.amrev-comment-list {
transition: 0.1s all ease-in;
color: #000;
display: none;
padding: 20px;
}
.amrev-comment-list.-active {
display: block;
margin: 20px 0 0 0;
}
.amrev-comment-list .amrev-list {
list-style: none;
margin: 0;
padding: 0;
}
.amrev-comment-list .amrev-comment {
margin: 0;
padding: 0;
}
.amrev-comment-list .amrev-comment:not(:last-child) {
padding: 0 0 30px;
}
.amrev-comment-list .amrev-name {
margin: 0;
}
.amrev-comment-list .amrev-email {
font-size: 12px;
}
.amrev-comment-list .amrev-date {
display: block;
font-size: 12px;
}
.amrev-comment-list .amreview-text {
display: block;
font-size: 14px;
padding: 15px 0 0 0;
}
.amrev-comment-form {
transition: 0.1s all ease-in;
display: none;
margin: 10px 0 0;
padding: 20px 20px 25px;
}
.amrev-comment-form.-active {
display: block;
}
.amrev-comment-form .amrev-form {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.amrev-comment-form .amrev-fieldset {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
flex-basis: 100%;
margin: 0 15px 0 0;
}
.amrev-comment-form .amrev-label {
color: #363636;
font-size: 12px;
}
.amrev-comment-form .amrev-label.required:after {
color: #f00f;
content: '*';
}
.amrev-comment-form .amrev-input {
background: #fff;
border-color: transparent;
color: #292929;
font-size: 12px;
height: 30px;
}
.amrev-comment-form .amrev-input ::placeholder {
color: #adadad;
}
.amrev-comment-form .amrev-input:hover,
.amrev-comment-form .amrev-input:focus,
.amrev-comment-form .amrev-input:active {
border: 1px solid #1e79c2;
}
.amrev-comment-form .amrev-area {
height: auto;
padding: 15px;
}
.amrev-comment-form .amrev-btn {
transition: 0.1s all ease-in;
background: #1e79c2;
border: none;
box-shadow: none;
color: #fff;
font-size: 12px;
margin: 15px auto 0 0;
padding: 10px;
}
.amrev-comment-form .amrev-btn:hover {
background: #1b6bac;
}
.amrev-comment-form .amrev-field {
position: relative;
}
.amrev-comment-form .amrev-area-field {
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
}
.amrev-comment-form .amrev-input-field {
flex-basis: 48%;
margin: 0 0 15px;
}
.amreview-helpful-wrap {
display: flex;
align-items: center;
flex-basis: 100%;
order: 1;
padding: 0 0 20px 0;
}
.amreview-helpful-wrap > .amreview-helpful {
color: #adadad;
font-size: 14px;
}
.amreview-helpful-wrap .amreview-plus {
margin: 0 0 0 10px;
}
.amreview-helpful-wrap > .amreview-options,
.amreview-helpful-wrap .amreview-plus,
.amreview-helpful-wrap .amreview-minus,
.amreview-helpful-wrap .amreview-icon {
cursor: pointer;
display: inline-block;
}
.amreview-helpful-wrap .amreview-icon {
height: 18px;
margin: 0 0 0 10px;
transition: .3s;
width: 20px;
}
.amreview-helpful-wrap .amreview-plus > .amreview-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyMHYxOEgweiIvPjxwYXRoIGQ9Ik0zLjg5NiA3LjI4NkguNTU2QS41NTQuNTU0IDAgMCAwIDAgNy44NDh2OC45ODVjMCAuMzE0LjI0NS41NjEuNTU3LjU2MWgzLjM0YS41NTMuNTUzIDAgMCAwIC41NTYtLjU2MVY3Ljg0OGEuNTUzLjU1MyAwIDAgMC0uNTU3LS41NjJ6TTIwIDguMzVjMC0uOTE1LS42MjMtMS44NC0xLjgxMy0xLjg0aC01LjM5MmMuNzctMS4zOTEuOTk3LTMuMzQ3LjQ2Mi00Ljc3OEMxMi44NjMuNjggMTIuMTEuMDY2IDExLjEzOS4wMDRsLS4wMTYtLjAwMkExLjE3IDEuMTcgMCAwIDAgOS44ODkgMS4wOEM5Ljc1MSAyLjUgOS4xMzQgNS4wMSA4LjI1MSA1LjljLS43NDQuNzUtMS4zOCAxLjA2NS0yLjQzNiAxLjU4Ni0uMTUyLjA3NS0uMzIuMTU3LS40OTYuMjQ2YTEuNCAxLjQgMCAwIDEgLjAwNS4xMTd2OC44OTNsLjM3Ny4xM0M3LjQ0MyAxNy40NzggOC45NDggMTggMTEuMjQ4IDE4aDQuMzZjMS4xOSAwIDEuODEyLS45MjYgMS44MTItMS44NDFhMiAyIDAgMCAwLS4xNjMtLjc5MyAxLjcxOCAxLjcxOCAwIDAgMCAxLS41NTljLjI5Mi0uMzM0LjQ1My0uNzc5LjQ1My0xLjI1MSAwLS4yNy0uMDU1LS41NDMtLjE2My0uNzkyLjk1Ni0uMTY2IDEuNDUzLS45OTMgMS40NTMtMS44MSAwLS40NzUtLjE2OC0uOTUzLS40OTQtMS4zMDIuMzI2LS4zNS40OTQtLjgyNy40OTQtMS4zMDJ6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+);
}
.amreview-helpful-wrap .amreview-plus:hover > .amreview-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyMHYxOEgweiIvPjxwYXRoIGQ9Ik0zLjg5NiA3LjI4NkguNTU2QS41NTQuNTU0IDAgMCAwIDAgNy44NDh2OC45ODVjMCAuMzE0LjI0NS41NjEuNTU3LjU2MWgzLjM0YS41NTMuNTUzIDAgMCAwIC41NTYtLjU2MVY3Ljg0OGEuNTUzLjU1MyAwIDAgMC0uNTU3LS41NjJ6TTIwIDguMzVjMC0uOTE1LS42MjMtMS44NC0xLjgxMy0xLjg0aC01LjM5MmMuNzctMS4zOTEuOTk3LTMuMzQ3LjQ2Mi00Ljc3OEMxMi44NjMuNjggMTIuMTEuMDY2IDExLjEzOS4wMDRsLS4wMTYtLjAwMkExLjE3IDEuMTcgMCAwIDAgOS44ODkgMS4wOEM5Ljc1MSAyLjUgOS4xMzQgNS4wMSA4LjI1MSA1LjljLS43NDQuNzUtMS4zOCAxLjA2NS0yLjQzNiAxLjU4Ni0uMTUyLjA3NS0uMzIuMTU3LS40OTYuMjQ2YTEuNCAxLjQgMCAwIDEgLjAwNS4xMTd2OC44OTNsLjM3Ny4xM0M3LjQ0MyAxNy40NzggOC45NDggMTggMTEuMjQ4IDE4aDQuMzZjMS4xOSAwIDEuODEyLS45MjYgMS44MTItMS44NDFhMiAyIDAgMCAwLS4xNjMtLjc5MyAxLjcxOCAxLjcxOCAwIDAgMCAxLS41NTljLjI5Mi0uMzM0LjQ1My0uNzc5LjQ1My0xLjI1MSAwLS4yNy0uMDU1LS41NDMtLjE2My0uNzkyLjk1Ni0uMTY2IDEuNDUzLS45OTMgMS40NTMtMS44MSAwLS40NzUtLjE2OC0uOTUzLS40OTQtMS4zMDIuMzI2LS4zNS40OTQtLjgyNy40OTQtMS4zMDJ6IiBmaWxsPSIjQzJFQUJDIi8+PC9zdmc+);
}
.amreview-helpful-wrap .amreview-plus.-voted > .amreview-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyMHYxOEgweiIvPjxwYXRoIGQ9Ik0zLjg5NiA3LjI4NkguNTU2QS41NTQuNTU0IDAgMCAwIDAgNy44NDh2OC45ODVjMCAuMzE0LjI0NS41NjEuNTU3LjU2MWgzLjM0YS41NTMuNTUzIDAgMCAwIC41NTYtLjU2MVY3Ljg0OGEuNTUzLjU1MyAwIDAgMC0uNTU3LS41NjJ6TTIwIDguMzVjMC0uOTE1LS42MjMtMS44NC0xLjgxMy0xLjg0aC01LjM5MmMuNzctMS4zOTEuOTk3LTMuMzQ3LjQ2Mi00Ljc3OEMxMi44NjMuNjggMTIuMTEuMDY2IDExLjEzOS4wMDRsLS4wMTYtLjAwMkExLjE3IDEuMTcgMCAwIDAgOS44ODkgMS4wOEM5Ljc1MSAyLjUgOS4xMzQgNS4wMSA4LjI1MSA1LjljLS43NDQuNzUtMS4zOCAxLjA2NS0yLjQzNiAxLjU4Ni0uMTUyLjA3NS0uMzIuMTU3LS40OTYuMjQ2YTEuNCAxLjQgMCAwIDEgLjAwNS4xMTd2OC44OTNsLjM3Ny4xM0M3LjQ0MyAxNy40NzggOC45NDggMTggMTEuMjQ4IDE4aDQuMzZjMS4xOSAwIDEuODEyLS45MjYgMS44MTItMS44NDFhMiAyIDAgMCAwLS4xNjMtLjc5MyAxLjcxOCAxLjcxOCAwIDAgMCAxLS41NTljLjI5Mi0uMzM0LjQ1My0uNzc5LjQ1My0xLjI1MSAwLS4yNy0uMDU1LS41NDMtLjE2My0uNzkyLjk1Ni0uMTY2IDEuNDUzLS45OTMgMS40NTMtMS44MSAwLS40NzUtLjE2OC0uOTUzLS40OTQtMS4zMDIuMzI2LS4zNS40OTQtLjgyNy40OTQtMS4zMDJ6IiBmaWxsPSIjMUFCOTAwIi8+PC9zdmc+);
}
.amreview-helpful-wrap .amreview-minus > .amreview-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMThoMjBWMEgweiIvPjxwYXRoIGQ9Ik0zLjg5NiAxMC43MTRILjU1NkEuNTU0LjU1NCAwIDAgMSAwIDEwLjE1MlYxLjE2N0MwIC44NTMuMjQ1LjYwNi41NTcuNjA2aDMuMzRjLjMxMSAwIC41NTYuMjQ3LjU1Ni41NjF2OC45ODVhLjU1My41NTMgMCAwIDEtLjU1Ny41NjJ6TTIwIDkuNjVjMCAuOTE1LS42MjMgMS44NC0xLjgxMyAxLjg0aC01LjM5MmMuNzcgMS4zOTEuOTk3IDMuMzQ3LjQ2MiA0Ljc3Ny0uMzk0IDEuMDUzLTEuMTQ2IDEuNjY3LTIuMTE4IDEuNzNoLS4wMTZhMS4xNyAxLjE3IDAgMCAxLTEuMjM0LTEuMDc2Yy0uMTM4LTEuNDItLjc1NS0zLjkzLTEuNjM4LTQuODItLjc0NC0uNzUtMS4zOC0xLjA2NS0yLjQzNi0xLjU4Ni0uMTUyLS4wNzUtLjMyLS4xNTctLjQ5Ni0uMjQ2YTEuNCAxLjQgMCAwIDAgLjAwNS0uMTE3VjEuMjZsLjM3Ny0uMTNDNy40NDMuNTIyIDguOTQ4IDAgMTEuMjQ4IDBoNC4zNmMxLjE5IDAgMS44MTIuOTI2IDEuODEyIDEuODQxYTIgMiAwIDAgMS0uMTYzLjc5M2MuMzk3LjA3Mi43NDMuMjY0IDEgLjU1OS4yOTIuMzM0LjQ1My43NzkuNDUzIDEuMjUxIDAgLjI3LS4wNTUuNTQzLS4xNjMuNzkyLjk1Ni4xNjYgMS40NTMuOTkzIDEuNDUzIDEuODEgMCAuNDc1LS4xNjguOTUyLS40OTQgMS4zMDIuMzI2LjM1LjQ5NC44MjcuNDk0IDEuMzAyeiIgZmlsbD0iI0M0QzRDNCIvPjwvc3ZnPg==);
}
.amreview-helpful-wrap .amreview-minus:hover > .amreview-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMThoMjBWMEgweiIvPjxwYXRoIGQ9Ik0zLjg5NiAxMC43MTRILjU1NkEuNTU0LjU1NCAwIDAgMSAwIDEwLjE1MlYxLjE2N0MwIC44NTMuMjQ1LjYwNi41NTcuNjA2aDMuMzRjLjMxMSAwIC41NTYuMjQ3LjU1Ni41NjF2OC45ODVhLjU1My41NTMgMCAwIDEtLjU1Ny41NjJ6TTIwIDkuNjVjMCAuOTE1LS42MjMgMS44NC0xLjgxMyAxLjg0aC01LjM5MmMuNzcgMS4zOTEuOTk3IDMuMzQ3LjQ2MiA0Ljc3Ny0uMzk0IDEuMDUzLTEuMTQ2IDEuNjY3LTIuMTE4IDEuNzNoLS4wMTZhMS4xNyAxLjE3IDAgMCAxLTEuMjM0LTEuMDc2Yy0uMTM4LTEuNDItLjc1NS0zLjkzLTEuNjM4LTQuODItLjc0NC0uNzUtMS4zOC0xLjA2NS0yLjQzNi0xLjU4Ni0uMTUyLS4wNzUtLjMyLS4xNTctLjQ5Ni0uMjQ2YTEuNCAxLjQgMCAwIDAgLjAwNS0uMTE3VjEuMjZsLjM3Ny0uMTNDNy40NDMuNTIyIDguOTQ4IDAgMTEuMjQ4IDBoNC4zNmMxLjE5IDAgMS44MTIuOTI2IDEuODEyIDEuODQxYTIgMiAwIDAgMS0uMTYzLjc5M2MuMzk3LjA3Mi43NDMuMjY0IDEgLjU1OS4yOTIuMzM0LjQ1My43NzkuNDUzIDEuMjUxIDAgLjI3LS4wNTUuNTQzLS4xNjMuNzkyLjk1Ni4xNjYgMS40NTMuOTkzIDEuNDUzIDEuODEgMCAuNDc1LS4xNjguOTUyLS40OTQgMS4zMDIuMzI2LjM1LjQ5NC44MjcuNDk0IDEuMzAyeiIgZmlsbD0iI0ZGQkNCQyIvPjwvc3ZnPg==);
}
.amreview-helpful-wrap .amreview-minus.-voted > .amreview-icon {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMThoMjBWMEgweiIvPjxwYXRoIGQ9Ik0zLjg5NiAxMC43MTRILjU1NkEuNTU0LjU1NCAwIDAgMSAwIDEwLjE1MlYxLjE2N0MwIC44NTMuMjQ1LjYwNi41NTcuNjA2aDMuMzRjLjMxMSAwIC41NTYuMjQ3LjU1Ni41NjF2OC45ODVhLjU1My41NTMgMCAwIDEtLjU1Ny41NjJ6TTIwIDkuNjVjMCAuOTE1LS42MjMgMS44NC0xLjgxMyAxLjg0aC01LjM5MmMuNzcgMS4zOTEuOTk3IDMuMzQ3LjQ2MiA0Ljc3Ny0uMzk0IDEuMDUzLTEuMTQ2IDEuNjY3LTIuMTE4IDEuNzNoLS4wMTZhMS4xNyAxLjE3IDAgMCAxLTEuMjM0LTEuMDc2Yy0uMTM4LTEuNDItLjc1NS0zLjkzLTEuNjM4LTQuODItLjc0NC0uNzUtMS4zOC0xLjA2NS0yLjQzNi0xLjU4Ni0uMTUyLS4wNzUtLjMyLS4xNTctLjQ5Ni0uMjQ2YTEuNCAxLjQgMCAwIDAgLjAwNS0uMTE3VjEuMjZsLjM3Ny0uMTNDNy40NDMuNTIyIDguOTQ4IDAgMTEuMjQ4IDBoNC4zNmMxLjE5IDAgMS44MTIuOTI2IDEuODEyIDEuODQxYTIgMiAwIDAgMS0uMTYzLjc5M2MuMzk3LjA3Mi43NDMuMjY0IDEgLjU1OS4yOTIuMzM0LjQ1My43NzkuNDUzIDEuMjUxIDAgLjI3LS4wNTUuNTQzLS4xNjMuNzkyLjk1Ni4xNjYgMS40NTMuOTkzIDEuNDUzIDEuODEgMCAuNDc1LS4xNjguOTUyLS40OTQgMS4zMDIuMzI2LjM1LjQ5NC44MjcuNDk0IDEuMzAyeiIgZmlsbD0iI0QyMzczNyIvPjwvc3ZnPg==);
}
.review-field-image {
display: flex;
align-items: center;
flex-wrap: wrap;
color: #292929;
margin: 0;
}
.review-field-image > .label {
font-weight: 600;
margin: 0 0 20px 0;
width: 190px;
}
.review-field-rating {
display: flex;
align-items: center;
}
.review-field-rating > .label {
color: #292929;
margin: 0;
min-width: 70px;
}
.review-field-rating > .label:after {
color: #e02b27;
content: '*';
font-size: 1.2rem;
margin-left: 3px;
}
.amreview-submit-form {
background: #fafafa;
margin: 0 auto;
}
.amreview-submit-form > .block-content {
margin: 0 auto;
max-width: 575px;
padding: 40px 20px 45px;
}
.amreview-submit-form .review-fieldset {
display: block;
margin: 0 0 35px;
width: 100%;
}
.amreview-submit-form .review-fieldset .field:last-child {
margin: 0;
}
.amreview-submit-form .review-form {
max-width: 100%;
}
.amreview-submit-form .review-form .action.submit.primary {
background: #1979c3;
border: 1px solid #1979c3;
border-radius: 2px;
box-shadow: none;
color: #fff;
font-weight: 400;
padding: 16px 22px;
}
.amreview-submit-form .review-form .action.submit.primary:hover,
.amreview-submit-form .review-form .action.submit.primary:active,
.amreview-submit-form .review-form .action.submit.primary.-active {
background: #166bac;
border-color: #166bac;
color: #fff;
}
.amreview-submit-form .review-fieldset .field {
margin: 0 0 20px 0;
}
.amreview-submit-form .review-fieldset .review-legend.legend {
display: flex;
float: none;
font-size: 16px;
margin: 0 0 10px 0;
}
.amreview-submit-form .review-fieldset .review-legend.legend > span {
float: left;
margin: 0 5px 0 0;
}
.amreview-submit-form .review-fieldset .review-field-ratings .field {
margin: 0 0 15px 0;
}
.amreview-submit-form .review-fieldset .review-field-ratings > .label {
display: none;
}
.amreview-submit-form .review-control-vote.control {
display: flex;
flex-wrap: wrap;
margin: 0 0 0 15px;
position: relative;
}
.amreview-submit-form .review-control-vote.control:before {
display: flex;
transition: 0.1s all ease-in;
color: #b1aeae;
font-size: 22px;
font-weight: 600;
letter-spacing: 5px;
line-height: normal;
margin: 0;
position: initial;
}
.amreview-submit-form .review-control-vote.control:hover:before {
color: #ed9d00;
}
.amreview-submit-form .review-control-vote.control label:hover:before {
color: #ed9d00;
}
.amreview-submit-form .review-control-vote.control label:before {
transition: 0.1s all ease-in;
color: #ed9d00;
font-size: 22px;
font-weight: 600;
letter-spacing: 5px;
line-height: normal;
margin: 0;
position: initial;
}
.amreview-submit-form .field > .label {
font-weight: 400;
margin: 0 0 2px;
}
.amreview-submit-form .field.required > .label:after {
margin-left: 3px;
}
.amreview-submit-form .field .review-field-rating > .label,
.amreview-submit-form .field.review-field-image > .label {
font-weight: 600;
}
.amreview-submit-form .field .mage-error[generated] {
margin: 0;
}
.amreview-submit-form .field.review-field-nickname.-half {
float: left;
}
.amreview-submit-form .field.review-field-email {
float: right;
}
.amreview-submit-form .field.review-field-nickname,
.amreview-submit-form .field.review-field-email {
width: 100%;
}
.amreview-submit-form .field .review-field-summary {
float: none;
overflow: hidden;
width: 100%;
}
.amreview-submit-form .field .input-text {
border: 1px solid #d4d4d4;
border-radius: 1px;
color: #292929;
height: 30px;
}
.amreview-submit-form .field .input-text.mage-error {
border-color: #ff2149;
}
.amreview-submit-form .field .input-text ::placeholder {
color: #adadad;
}
.review-field-summary > .label {
width: 100%;
}
.amreview-recommend-wrap {
margin: 0 0 10px 0;
position: relative;
}
.amreview-recommend-wrap > .amreview-checkbox,
.amreview-gdpr-wrap > .amreview-checkbox {
left: 0;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 1;
}
.amreview-recommend-wrap > .amreview-checkbox:not(.valid) + .mage-error[generated] + .amreview-checkboxlabel:before,
.amreview-gdpr-wrap > .amreview-checkbox:not(.valid) + .mage-error[generated] + .amreview-checkboxlabel:before {
border: 1px solid #e02b27;
}
.amreview-recommend-wrap > .amreview-checkbox:checked ~ .amreview-checkboxlabel:after,
.amreview-gdpr-wrap > .amreview-checkbox:checked ~ .amreview-checkboxlabel:after {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4wNzIuMzQzYy41MTMuNDg2LjU0OSAxLjMwOS4wOCAxLjgzOEw2LjY3IDkuNTA1YTEuMjI2IDEuMjI2IDAgMCAxLTEuNzQuMTEgMS4yNjIgMS4yNjIgMCAwIDEtLjIwOS0uMjA1TC44MDQgNC41OGExLjMzIDEuMzMgMCAwIDEgLjE2LTEuODMgMS4yMjUgMS4yMjUgMCAwIDEgMS43NjguMTU1TDUuNzc1IDYuNjYgMTEuMjk3LjQyYTEuMjI3IDEuMjI3IDAgMCAxIDEuNzc1LS4wNzd6IiBmaWxsPSIjMUFCOTAwIi8+PC9zdmc+) no-repeat center;
content: '';
display: inline-block;
height: 9px;
position: absolute;
right: 2px;
top: 5px;
width: 10px;
}
.amreview-recommend-wrap > .amreview-checkbox:checked ~ .amreview-checkboxlabel:before,
.amreview-gdpr-wrap > .amreview-checkbox:checked ~ .amreview-checkboxlabel:before {
border-color: #007bdb;
}
.amreview-recommend-wrap > .amreview-checkboxlabel,
.amreview-gdpr-wrap > .amreview-checkboxlabel {
color: #292929;
cursor: pointer;
display: inline-block;
font-weight: 600;
padding-right: 30px;
position: relative;
}
.amreview-recommend-wrap > .amreview-checkboxlabel:before,
.amreview-gdpr-wrap > .amreview-checkboxlabel:before {
background: #fff;
border: 1px solid #dadada;
border-radius: 2px;
box-sizing: border-box;
content: '';
display: inline-block;
height: 15px;
position: absolute;
right: 0;
top: 2px;
width: 15px;
}
.amreview-recommend-wrap > .amreview-checkboxlabel .asterix,
.amreview-gdpr-wrap > .amreview-checkboxlabel .asterix {
color: #e02b27;
font-size: 1.2rem;
margin-left: 3px;
}
.amreview-recommend-wrap > .amreview-checkboxlabel:hover:before,
.amreview-gdpr-wrap > .amreview-checkboxlabel:hover:before {
border-color: #007bdb;
box-shadow: 0 1px 2px rgba(37, 83, 119, 0.25);
}
.amshowmore-container .amshowmore-text {
transition: 0.3s all ease-in;
display: block;
overflow: hidden;
position: relative;
}
.amshowmore-container .amshowmore-text:after {
bottom: 0;
box-shadow: inset 0 -15px 10px 0 rgba(255, 255, 255, 0.7);
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
}
.amshowmore-container .amshowmore-text.-active {
box-shadow: none;
}
.amshowmore-container .amshowmore-text.-active:after {
content: none;
}
.amshowmore-container .amshowmore-text:not(.-active) {
max-height: 100px;
}
.amshowmore-container .amshowmore-button {
display: flex;
align-items: center;
color: #6b8fab;
cursor: pointer;
font-size: 12px;
margin-top: 5px;
text-decoration: none;
user-select: none;
}
.amshowmore-container .amshowmore-button:after {
content: '>';
display: inline-block;
margin: 0 0 0 5px;
text-decoration: none;
transform: scaleY(1.3);
}
.amrev-title-block {
font-size: 2.4rem;
font-weight: 700;
margin: 0;
padding: 50px 0 20px;
}
.amrev-items-block {
position: relative;
}
.amreview-info-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 0 -15px;
padding-top: 20px;
}
.amreview-description-wrap {
max-width: 100%;
width: 100%;
}
.amrev-desc-title {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.amrev-desc-title .amrev-voteqty {
color: #adadad;
font-size: 12px;
line-height: 25px;
}
.amreview-description {
color: #333;
font-size: 14px;
line-height: 19px;
margin-top: 20px;
overflow-wrap: break-word;
}
.amreview-summary-info {
flex-basis: 100%;
padding: 0 10px;
}
.amreview-summary-info .amreview-summary {
color: #000;
float: left;
font-size: 60px;
line-height: 1;
margin-right: 20px;
}
.amreview-summary-info .amreview-count {
color: #8f8f8f;
display: inline-block;
font-size: 16px;
}
.amreview-summary-info .amreview-showmore {
color: #1979c3;
cursor: pointer;
}
.amreview-percent-block {
clear: both;
color: #8f8f8f;
display: none;
font-size: 14px;
}
.amreview-percent-block .amreview-value {
font-size: 30px;
margin: 0 10px 0 0;
}
.amreview-percent-block .amreview-desc {
font-size: 12px;
max-width: 180px;
}
.amreview-rating-wrapper {
float: left;
margin-bottom: 5px;
}
.amreview-review-list.-empty {
padding: 20px;
position: relative;
text-align: center;
}
.amreview-summary-details {
clear: both;
display: none;
flex-basis: 100%;
order: 3;
padding: 40px 10px 0;
}
.amreview-summary-details .amreview-label > .amreview-stars,
.amreview-summary-details .amreview-label > .amreview-bar,
.amreview-summary-details .amreview-label > .amreview-text {
display: inline-block;
line-height: 14px;
}
.amreview-summary-details .amreview-label > .amreview-stars:hover,
.amreview-summary-details .amreview-label > .amreview-bar:hover,
.amreview-summary-details .amreview-label > .amreview-text:hover {
color: #ed9d00;
}
.amreview-summary-details .amreview-label > .amreview-stars {
color: #8f8f8f;
margin-bottom: 5px;
min-width: 50px;
text-align: right;
}
.amreview-summary-details .amreview-label .amreview-bar {
background: #dfdfdf;
height: 6px;
margin: 0 20px;
vertical-align: middle;
width: 50%;
}
.amreview-summary-details .amreview-label .amreview-bar.-active {
background: #ed9d00;
margin: 0;
}
.amreview-add-new {
background: #f9f9f9;
clear: both;
flex-basis: 100%;
margin: 40px 0 0;
order: 2;
padding: 20px;
}
.amreview-add-new .amreview-button.action {
border-radius: 2px;
margin-right: 2%;
padding: 12px 16px;
}
.amreview-add-new .amreview-label {
color: #8f8f8f;
display: inline-block;
line-height: 1.2;
vertical-align: middle;
width: 50%;
}
.amreview-author-details {
margin: 5px 0 20px;
position: relative;
width: 100%;
}
.amreview-author-details .amreview-author {
font-size: 18px;
font-weight: 400;
margin: 0 0 2px;
word-break: break-all;
}
.amreview-author-details .amreview-date {
color: #c4c4c4;
font-size: 12px;
margin: 0 0 25px 0;
position: absolute;
right: 0;
top: 0;
}
.amreview-author-details .amreview-verified {
color: #909090;
font-size: 14px;
margin: 0 0 2px;
}
.amreview-author-details .amreview-verified:after {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMnYxMkgweiIvPjxjaXJjbGUgY3g9IjYiIGN5PSI2IiByPSI2IiBmaWxsPSIjQzJFQUJDIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljk3OCAzLjdhLjY3LjY3IDAgMCAxIC4wNC45MTVMNS44NCA4LjI2M2EuNTk0LjU5NCAwIDAgMS0uODUxLjA1NS42MjIuNjIyIDAgMCAxLS4xMDMtLjEwMmwtMS45Mi0yLjQwOGEuNjY5LjY2OSAwIDAgMSAuMDc5LS45MS41OTMuNTkzIDAgMCAxIC44NjUuMDc2bDEuNDkzIDEuODcxIDIuNzA2LTMuMTA3YS41OTQuNTk0IDAgMCAxIC44NjktLjAzN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
content: '';
display: inline-block;
height: 12px;
margin-left: 5px;
vertical-align: middle;
width: 12px;
}
.amreview-author-details .amreview-recommended {
color: #1ab900;
font-size: 14px;
margin-top: 5px;
}
.amreview-title-review {
font-size: 18px;
font-weight: 700;
padding: 0 0 5px;
word-break: break-all;
}
.amreview-adminanswer-block {
color: #adadad;
padding: 25px 0 0 15px;
}
.amreview-adminanswer-block > .amreview-title {
color: #000;
font-size: 14px;
font-weight: 700;
margin-bottom: 5px;
}
.amreview-adminanswer-block > .amreview-text {
font-size: 14px;
}
.amreview-review-wrapper.review-item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 25px 0 30px 0;
}
.amreview-review-wrapper .amreview-images {
display: flex;
flex-wrap: wrap;
margin-left: -5px;
margin-right: -5px;
margin-top: 20px;
}
.amreview-review-wrapper .amreview-slider-item {
box-sizing: content-box;
display: inline-block;
padding: 5px;
width: 100%;
}
.amreview-review-wrapper .amreview-slider-item .amreview-image {
height: 100%;
margin: 0 auto;
object-fit: cover;
width: 100%;
}
.amreview-toolbar-wrap .pages strong.page {
background: #f0f0f0;
padding: 0 10px;
}
.amreview-toolbar-wrap .pages .action {
background: transparent;
box-shadow: none;
}
.amreview-toolbar-wrap .limiter select {
background-color: #fff;
box-shadow: none;
}
.field.amreview-gdpr-wrap {
padding: 0;
position: relative;
}
.amreview-gdpr-wrap .mage-error[generated] {
bottom: -30px;
position: absolute;
}
.amreview-proscons-container {
display: flex;
flex-direction: column;
margin: 15px 0 0 0;
word-break: break-word;
word-wrap: break-word;
}
.amreview-proscons-container .amreview-proscons {
flex-basis: 50%;
line-height: 15px;
margin-right: 10px;
min-width: 0;
padding: 0 0 0 20px;
position: relative;
}
.amreview-proscons-container .amreview-proscons:before {
content: '';
display: inline-block;
height: 15px;
left: 0;
position: absolute;
width: 15px;
}
.amreview-proscons-container .amreview-proscons.-dislike {
color: #d0021b;
}
.amreview-proscons-container .amreview-proscons.-like {
color: #3e7405;
}
.amreview-proscons-container .amreview-proscons.-dislike:before {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTS0xLTFoNTgydjQwMkgtMXoiLz48Y2lyY2xlIGZpbGw9IiNkODVhNGEiIHI9IjI1IiBjeT0iMjUiIGN4PSIyNSIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTM4IDI1SDEyIi8+PC9zdmc+) no-repeat;
background-size: contain;
}
.amreview-proscons-container .amreview-proscons.-like:before {
background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjUiIGZpbGw9IiM0M2IwNWMiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yNSAxM3YyNW0xMy0xM0gxMyIvPjwvc3ZnPg==) no-repeat;
background-size: contain;
}
.field.amreview-email-wrap {
margin: 0 0 10px;
}
.amreview-summary-details .amreview-label {
color: unset;
cursor: pointer;
display: block;
text-decoration: none;
}
#row_amasty_advancedreview_reminder_frequency .tooltip-content ul {
padding-left: 10px;
}
.block.review-list {
display: flex;
flex-direction: column;
}
.admin__fieldset .amreview-remove-image {
display: block;
margin-top: 10px;
text-align: center;
}
.admin__fieldset .amreview-remove-image .amreview-checkbox {
margin-right: 5px;
}
.admin__fieldset #is_need_send_notification {
margin-top: 12px;
}
.admin__fieldset .field-review_images .input-file {
display: none;
}
.admin__fieldset .field-review_images .input-file::-webkit-file-upload-button {
visibility: hidden;
}
.admin__fieldset .field-review_images .addbefore {
background-color: #eb5202;
border: 1px solid #eb5202;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-weight: 600;
letter-spacing: .025em;
padding: .6rem 1em;
text-align: center;
user-select: none;
}
.admin__fieldset .field-review_images .addbefore:hover {
background-color: #ba4000;
border-color: #b84002;
box-shadow: 0 0 0 1px #40070b;
color: #ffffff;
text-decoration: none;
}
.admin__fieldset .amreview-images {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.admin__fieldset .amreview-slider-item {
background: #f1f0f0;
display: flex;
flex-direction: column;
justify-content: space-between;
margin: 0 5px 10px;
padding: 10px;
text-align: center;
width: calc(100% / 3 - 10px);
}
.amasty-advanced-review {
margin-top: 2.2rem;
}
.amasty-advanced-review .table-row .item-position,
.amasty-advanced-review .table-row .table-header {
background: #efefef;
border-bottom: 1px solid #fff;
}
.amasty-advanced-review .table-row .item-position .draggable,
.amasty-advanced-review .table-row .table-header .draggable {
color: #adadad;
}
.amasty-advanced-review .table-row .item-position:hover {
cursor: move;
}
.amasty-advanced-review .table-row .amcontent.item-position {
box-sizing: border-box;
display: inline-block;
padding: 1rem;
width: 100%;
}
.amasty-advanced-review .table-row .item-position:before {
content: '\e63d';
font-family: 'Admin Icons';
}
.amreview-widget-title {
box-sizing: border-box;
display: block;
font-size: 16px;
font-weight: 700;
margin: 0;
max-width: 100%;
padding: 10px;
width: 100%;
}
.amreview-widget-container .amreview-full-link {
font-size: 12px;
}
.amreview-widget-container .amreview-full-link,
.amreview-widget-container .amreview-full-link:visited,
.amreview-widget-container .amreview-full-link:active,
.amreview-widget-container .amreview-full-link:hover {
color: #6b8fab;
}
.amreview-widget-container .amreview-full-link:after {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNDUxLjg0NiA0NTEuODQ3Ij48cGF0aCBkPSJNMzQ1LjQ0MSAyNDguMjkyTDE1MS4xNTQgNDQyLjU3M2MtMTIuMzU5IDEyLjM2NS0zMi4zOTcgMTIuMzY1LTQ0Ljc1IDAtMTIuMzU0LTEyLjM1NC0xMi4zNTQtMzIuMzkxIDAtNDQuNzQ0TDI3OC4zMTggMjI1LjkyIDEwNi40MDkgNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQgMC00NC43NDggMTIuMzU0LTEyLjM1OSAzMi4zOTEtMTIuMzU5IDQ0Ljc1IDBsMTk0LjI4NyAxOTQuMjg0YzYuMTc3IDYuMTggOS4yNjIgMTQuMjcxIDkuMjYyIDIyLjM2NiAwIDguMDk5LTMuMDkxIDE2LjE5Ni05LjI2NyAyMi4zNzN6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjNmI4ZmFiIiBmaWxsPSIjNmI4ZmFiIi8+PC9zdmc+) no-repeat center;
background-size: contain;
content: '';
display: inline-block;
height: 10px;
margin-left: 3px;
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%);
width: 10px;
}
.amreview-widget-container .slick-arrow {
z-index: 1;
}
.amreview-widget-container .slick-dots {
padding: 10px 0;
position: relative;
}
.amreview-widget-container .slick-dots li {
display: flex;
justify-content: center;
align-items: center;
display: inline-flex;
margin: 0 2px;
}
.amreview-widget-container .slick-dots button,
.amreview-widget-container .slick-dots .cart.table-wrapper .actions-toolbar > .action,
.amreview-widget-container .slick-dots .action-gift {
border: 1px solid #b3b3b3;
border-radius: 10px;
height: 10px;
width: 10px;
}
.amreview-widget-container .slick-dots button:before,
.amreview-widget-container .slick-dots .cart.table-wrapper .actions-toolbar > .action:before,
.amreview-widget-container .slick-dots .action-gift:before {
font-size: 0;
}
.amreview-widget-container .slick-dots .slick-active button,
.amreview-widget-container .slick-dots .slick-active .cart.table-wrapper .actions-toolbar > .action,
.amreview-widget-container .slick-dots .slick-active .action-gift {
background: #333;
}
.pagebuilder-content-type .amreview-review-items {
list-style: none;
}
.pagebuilder-content-type .amreviews .amreviews-placeholder {
display: flex;
justify-content: center;
align-items: center;
background-color: #fafafa;
min-height: 300px;
}
@media screen and (min-width: 992px), print {
.page-main .amreview-widget-title {
padding: 25px 0 20px;
}
}
.amreview-widget-container .amreview-review-items {
display: flex;
flex-wrap: wrap;
}
.amreview-widget-container .amreview-review-wrapper.review-item {
border-bottom: 1px solid #cde1ef;
box-sizing: border-box;
padding: 20px;
width: 100%;
}
.amreview-widget-container .amreview-image-wrapper {
height: 80px;
width: 80px;
}
.amreview-widget-container .amreview-description-wrapper {
display: flex;
justify-content: space-between;
flex-direction: column;
flex-grow: 1;
overflow: hidden;
}
.amreview-widget-container .amreview-rating-wrapper {
display: flex;
justify-content: center;
flex-direction: column;
margin: 0 15px 15px 0;
padding: 0;
}
.amreview-widget-container .amreview-title-wrapper {
color: #006bb4;
flex-basis: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.amreview-widget-container .amreview-details-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-top: 20px;
}
.amreview-widget-container .amreview-message {
height: 60px;
word-break: break-all;
word-wrap: break-word;
}
.amreview-widget-container .amreview-date {
color: #c4c4c4;
font-size: 12px;
}
.amreview-widget-container .amreview-footer {
display: flex;
justify-content: space-between;
position: relative;
}
.amreview-widget-container .product-item-photo {
margin: 0 15px 15px 0;
}
.amreview-widget-container.-advanced {
margin-bottom: 15px;
}
.amreview-rating-label {
color: #8f8f8f;
font-size: 12px;
margin: 0 10px 5px 0;
}
.amreview-widget-container.-grid .amreview-rating-wrapper {
min-width: 160px;
}
.amreview-widget-container.-sidebar .amreview-rating-wrapper {
flex-grow: 1;
}
.amreview-widget-container .amreview-title {
background: #f8fcff;
cursor: pointer;
font-size: 16px;
font-weight: 700;
margin-bottom: 10px;
padding: 15px 40px 15px 20px;
position: relative;
word-break: break-all;
word-break: break-word;
}
.amreview-widget-container .amreview-title:after {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjg0LjkyOSAyODQuOTI5Ij48cGF0aCBkPSJNMjgyLjA4MiAxOTUuMjg1TDE0OS4wMjggNjIuMjRjLTEuOTAxLTEuOTAzLTQuMDg4LTIuODU2LTYuNTYyLTIuODU2cy00LjY2NS45NTMtNi41NjcgMi44NTZMMi44NTYgMTk1LjI4NUMuOTUgMTk3LjE5MSAwIDE5OS4zNzggMCAyMDEuODUzYzAgMi40NzQuOTUzIDQuNjY0IDIuODU2IDYuNTY2bDE0LjI3MiAxNC4yNzFjMS45MDMgMS45MDMgNC4wOTMgMi44NTQgNi41NjcgMi44NTRzNC42NjQtLjk1MSA2LjU2Ny0yLjg1NGwxMTIuMjA0LTExMi4yMDIgMTEyLjIwOCAxMTIuMjA5YzEuOTAyIDEuOTAzIDQuMDkzIDIuODQ4IDYuNTYzIDIuODQ4IDIuNDc4IDAgNC42NjgtLjk1MSA2LjU3LTIuODQ4bDE0LjI3NC0xNC4yNzdjMS45MDItMS45MDIgMi44NDctNC4wOTMgMi44NDctNi41NjYuMDAxLTIuNDc2LS45NDQtNC42NjYtMi44NDYtNi41Njl6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjODU4NTg1Ii8+PC9zdmc+) no-repeat center;
background-size: contain;
content: '';
height: 15px;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 15px;
}
.amreview-widget-container .amreview-title.-collapsed:after {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgMjg0LjkyOSAyODQuOTI5Ij48cGF0aCBkPSJNMi44NDcgODkuNjQ0bDEzMy4wNTQgMTMzLjA0NWMxLjkwMSAxLjkwMyA0LjA4OCAyLjg1NiA2LjU2MiAyLjg1NnM0LjY2NS0uOTUzIDYuNTY3LTIuODU2TDI4Mi4wNzMgODkuNjQ0YzEuOTA2LTEuOTA2IDIuODU2LTQuMDkzIDIuODU2LTYuNTY4IDAtMi40NzQtLjk1My00LjY2NC0yLjg1Ni02LjU2NmwtMTQuMjcyLTE0LjI3MWMtMS45MDMtMS45MDMtNC4wOTMtMi44NTQtNi41NjctMi44NTRzLTQuNjY0Ljk1MS02LjU2NyAyLjg1NEwxNDIuNDYzIDE3NC40NDEgMzAuMjU1IDYyLjIzMmMtMS45MDItMS45MDMtNC4wOTMtMi44NDgtNi41NjMtMi44NDgtMi40NzggMC00LjY2OC45NTEtNi41NyAyLjg0OEwyLjg0OCA3Ni41MDlDLjk0NiA3OC40MTEuMDAxIDgwLjYwMi4wMDEgODMuMDc1IDAgODUuNTUxLjk0NSA4Ny43NDEgMi44NDcgODkuNjQ0eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgZmlsbD0iIzg1ODU4NSIvPjwvc3ZnPg==) no-repeat center;
background-size: contain;
}
.amreview-widget-container .amreview-rating-item {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.amreview-widget-container .amreview-rating-item:not(:last-child) {
margin-bottom: 15px;
}
.amreview-widget-container .amreview-rating-item.-one-rating {
align-items: flex-start;
flex-direction: column;
}
.amreview-widget-container .amreview-rating-item.-one-rating .amreview-rating-value {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
.amreview-widget-container .amreview-rating-item .amreview-number {
font-size: 30px;
}
.amreview-widget-container .amreview-rating-item .amstars-rating-container {
margin-bottom: 0;
}
.amreview-image-wrapper .product-image-container,
.amreview-image-wrapper .product-image-wrapper {
height: 100%;
width: 100%;
}
.amreview-image-wrapper .product-image-wrapper {
padding: 0 !important;
}
.amreview-image-wrapper .product-image-photo {
max-height: 100%;
width: auto;
}
.amreview-widget-container.-summary-widget {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
background: #f8fcff;
margin: 10px 0 20px;
padding: 30px 10px 80px;
position: relative;
}
.amreview-widget-container.-summary-widget .amreview-description {
display: flex;
flex-wrap: wrap;
margin: 0;
max-width: 100%;
width: 100%;
}
.amreview-widget-container.-summary-widget .amreview-description .amreview-text {
margin: 15px 0 0;
width: 100%;
}
.amreview-widget-container.-summary-widget .amshowmore-container .amshowmore-text:not(.-active) {
max-height: 45px;
}
.amreview-widget-container.-summary-widget .amrev-desc-title {
margin: 0 0 10px 0;
}
.amreview-widget-container.-summary-widget .amreview-images {
margin: 15px 0 0 0;
max-width: 370px;
overflow: hidden;
}
.amreview-widget-container.-summary-widget .amreview-images.-slider .amreview-slider-item {
display: none;
}
.amreview-widget-container.-summary-widget .amreview-review-block {
box-sizing: border-box;
margin: 30px 0 0;
max-width: 100%;
width: 100%;
}
.amreview-widget-container.-summary-widget .amreview-review-items {
margin: 0;
padding: 0;
}
.amreview-widget-container.-summary-widget .amreview-review-wrapper {
background: #fff;
border-color: transparent;
border-radius: 6px;
box-shadow: 0 4px 6px rgba(0, 75, 136, 0.12);
padding: 15px;
}
.amreview-widget-container.-summary-widget .amreview-rating-wrapper {
margin: 0 15px 0 0;
}
.amreview-widget-container.-summary-widget .amreview-title-review {
margin: 0 5px 0 0;
}
.amreview-widget-container.-summary-widget .amreview-info-wrapper {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
box-sizing: border-box;
margin: 0;
max-width: 280px;
min-width: 230px;
padding: 0;
}
.amreview-widget-container.-summary-widget .amreview-name {
color: #1e79c2;
flex-basis: 100%;
font-size: 16px;
font-weight: 700;
margin: 0 0 12px;
}
.amreview-widget-container.-summary-widget .amreview-summary {
font-size: 50px;
letter-spacing: -.08em;
margin-right: 15px;
}
.amreview-widget-container.-summary-widget .amreview-count {
font-size: 14px;
margin: 0 0 15px;
}
.amreview-widget-container.-summary-widget .amstars-rating-container {
margin: 0 0 2px;
}
.amreview-widget-container.-summary-widget .amreview-summary-details {
margin: 0 0 10px 0;
padding: 0;
}
.amreview-widget-container.-summary-widget .amreview-summary-details .amreview-text {
color: #748593;
margin: 0 0 0 auto;
white-space: nowrap;
width: 20%;
}
.amreview-widget-container.-summary-widget .amreview-add-new {
margin: 0;
padding: 0;
}
.amreview-widget-container.-summary-widget .amreview-label {
display: flex;
align-items: center;
margin: 0 0 8px;
}
.amreview-widget-container.-summary-widget .amreview-label > .amreview-bar {
margin: 0 15px;
width: 55%;
}
.amreview-widget-container.-summary-widget .amreview-label > .amreview-stars {
display: flex;
align-items: center;
margin: 0;
min-width: auto;
}
.amreview-widget-container.-summary-widget .amreview-label > .amreview-stars:before {
align-content: center;
align-items: center;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyMnYxOEgweiIvPjxwYXRoIGQ9Ik05LjUgMGwyLjI0MyA2Ljg3NUgxOWwtNS44NzEgNC4yNUwxNS4zNyAxOCA5LjUgMTMuNzUgMy42MjkgMThsMi4yNDItNi44NzVMMCA2Ljg3NWg3LjI1N0w5LjUgMHoiIGZpbGw9IiNFRDlEMDAiLz48L3N2Zz4=);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
content: '';
display: flex;
justify-content: center;
filter: invert(61%) sepia(0%) saturate(17%) hue-rotate(154deg) brightness(95%) contrast(68%);
height: 10px;
margin: 0 2px;
width: 10px;
}
.amreview-widget-container.-summary-widget .amreview-text {
margin: 0;
}
.amreview-widget-container.-summary-widget .amreview-button {
box-sizing: border-box;
font-weight: 600;
order: 3;
padding: 9px 16px;
text-align: center;
width: 100%;
}
.amreview-widget-container.-summary-widget .amreview-button.-see-all {
bottom: 0;
left: 0;
padding: 25px 16px;
position: absolute;
right: 0;
}
.amreview-widget-container.-summary-widget .amreview-summary-info {
display: flex;
padding: 0;
}
.amreview-widget-container.-summary-widget .amreview-summary-details {
border: none;
margin-right: 15px;
order: 2;
pointer-events: none;
width: 100%;
}
.amreview-widget-container.-summary-widget .product-image-container {
display: none;
margin: 0 0 15px;
}
.amreview-widget-container.-summary-widget .amrev-comment-toolbar.-nocomments {
justify-content: flex-start;
}
.amreview-widget-container.-summary-widget .amreview-helpful-wrap {
flex-wrap: wrap;
justify-content: center;
margin: 40px 0 0;
padding: 0;
}
.amreview-widget-container.-summary-widget .amreview-helpful {
margin: 0 0 5px;
text-align: center;
width: 100%;
}
.amreview-widget-container.-summary-widget .amreview-minus {
margin: 0 0 0 20px;
}
.amreview-widget-container.-summary-widget .amreview-plus {
margin: 0;
}
.amreview-widget-container.-summary-widget .amreview-icon {
margin: 0;
}
.amreview-widget-container.-summary-widget .amreview-percent-block {
display: flex;
align-items: center;
margin: 0 0 10px 0;
}
.amreview-widget-container.-summary-widget .amreview-pages-items {
display: flex;
justify-content: center;
align-items: center;
flex-basis: 70%;
list-style: none;
margin: 5px 0 auto;
padding: 0;
position: relative;
}
.amreview-widget-container.-summary-widget .amreview-pages-items .action {
background: transparent;
border: none;
box-shadow: none;
margin: 0 25px;
}
.amreview-widget-container.-summary-widget .amreview-pages-items .action:hover {
background: transparent;
color: #1979c3;
}
.amreview-widget-container.-summary-widget .amreview-pages-items .amreview-item {
display: flex;
justify-content: center;
align-items: center;
box-shadow: none;
font-size: 16px;
height: 25px;
width: 25px;
}
.amreview-widget-container.-summary-widget .amreview-pages-items .-current {
background: #ececec;
}
.amreview-widget-container.-summary-widget .amreview-slider-item {
height: 100px;
max-width: 100px;
width: 100%;
}
.amreview-widget-container.-summary-widget.-empty {
align-items: center;
padding-bottom: 35px;
}
.amreview-widget-container.-summary-widget.-list .amreview-review-wrapper {
background: #fff;
border-color: transparent;
border-radius: 6px;
box-shadow: 0 4px 6px rgba(0, 75, 136, 0.12);
margin: 0 0 15px;
padding: 15px;
}
.amreview-widget-container.-summary-widget.-slider .amreview-description-wrap {
align-content: flex-start;
display: inline-flex;
flex-wrap: wrap;
width: 100%;
}
.amreview-widget-container.-summary-widget.-slider .amrev-comment-toolbar {
padding-bottom: 0;
}
.amreview-widget-container.-summary-widget.-slider .amrev-desc-title {
flex-basis: 100%;
}
.amreview-widget-container.-summary-widget.-slider .slick-track {
display: flex;
}
.amreview-widget-container.-summary-widget.-slider .slick-slide > div,
.amreview-widget-container.-summary-widget.-slider .slick-slide .amreview-review-wrapper {
height: 100%;
}
@media (max-width: 768px) {
.amreview-widget-container.-summary-widget.-slider .amreview-review-items {
margin-right: -10px;
}
.amreview-widget-container.-summary-widget.-slider .amreview-review-items > .slick-list > .slick-track > .slick-slide {
transition: 0.1s all ease-in;
margin: 5px;
}
.amreview-widget-container.-summary-widget.-slider .amreview-review-items > .slick-list > .slick-track > .slick-slide:not(:last-child) {
padding-right: 20px;
}
.amreview-widget-container.-summary-widget.-slider .amreview-review-items > .slick-list > .slick-track > .slick-slide.slick-current ~ .slick-slide {
transform: translateX(-20px);
}
}
@media (min-width: 992px) {
.amreview-widget-container.-summary-widget {
flex-wrap: nowrap;
}
.amreview-widget-container.-summary-widget .amreview-rating-wrapper {
margin: 0 15px 5px 0;
}
.amreview-widget-container.-summary-widget .amreview-description .amreview-text {
margin: 10px 0 0;
}
.amreview-widget-container.-summary-widget .amreview-review-block {
margin: 0 0 0 50px;
max-width: 75%;
}
.amreview-widget-container.-summary-widget .amreview-button.-see-all {
background: transparent;
padding: 9px 16px;
position: inherit;
}
.amreview-widget-container.-summary-widget .amreview-percent-block {
margin: 0 0 25px 0;
order: 3;
}
.amreview-widget-container.-summary-widget .product-image-container {
display: block;
}
.amreview-widget-container.-summary-widget.-list {
padding: 35px 125px;
}
.amreview-widget-container.-summary-widget.-slider {
padding: 35px 125px 35px 90px;
}
.amreview-widget-container.-summary-widget.-slider .amreview-description-wrap {
width: 74%;
}
}
.amslick-slider-container .slick-dots li button:focus,
.amslick-slider-container .slick-dots li button:hover,
.amslick-slider-container .slick-list:focus,
.amslick-slider-container .slick-dots li .cart.table-wrapper .actions-toolbar > .action:focus,
.amslick-slider-container .slick-dots li .cart.table-wrapper .actions-toolbar > .action:hover,
.amslick-slider-container .slick-dots li .action-gift:focus,
.amslick-slider-container .slick-dots li .action-gift:hover {
outline: 0;
}
.amslick-slider-container .slick-list,
.amslick-slider-container .slick-slider,
.amslick-slider-container .slick-track {
position: relative;
display: block;
}
.amslick-slider-container .slick-loading .slick-slide,
.amslick-slider-container .slick-loading .slick-track {
visibility: hidden;
}
.amslick-slider-container .slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.amslick-slider-container .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.amslick-slider-container .slick-slider .slick-list,
.amslick-slider-container .slick-slider .slick-track {
transform: translate3d(0, 0, 0);
}
.amslick-slider-container .slick-track {
top: 0;
left: 0;
margin: 0 auto;
}
.amslick-slider-container .slick-track:after,
.amslick-slider-container .slick-track:before {
display: table;
content: '';
}
.amslick-slider-container .slick-track:after {
clear: both;
}
.amslick-slider-container .slick-slide,
.amslick-slider-container .slick-slide.slick-loading img {
display: none;
}
.amslick-slider-container .slick-slide {
float: left;
min-height: 1px;
height: 100%;
vertical-align: middle;
}
.amslick-slider-container [dir=rtl] .slick-slide {
float: right;
}
.amslick-slider-container .slick-slide.dragging img {
pointer-events: none;
}
.amslick-slider-container .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.amslick-slider-container .slick-arrow.slick-hidden {
display: none;
}
.amslick-slider-container .slick-loading .slick-list {
position: relative;
background: 0 0;
}
.amslick-slider-container .slick-loading .slick-list:before {
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 25px;
height: 25px;
border-width: 3px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.2);
border-top-color: #5c5c5c;
border-radius: 100%;
content: '';
transform: translate(-50%, -50%);
animation: loading 1s infinite linear;
}
.amslick-slider-container .slick-next.slick-disabled,
.amslick-slider-container .slick-prev.slick-disabled {
opacity: 0.25;
}
.amslick-slider-container .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.amslick-slider-container .slick-dots {
position: absolute;
left: 0;
display: block;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
text-align: center;
}
.amslick-slider-container .slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0;
width: 20px;
height: 20px;
cursor: pointer;
}
.amslick-slider-container .slick-dots li button,
.amslick-slider-container .slick-slider .slick-arrow,
.amslick-slider-container .slick-dots li .cart.table-wrapper .actions-toolbar > .action,
.amslick-slider-container .slick-dots li .action-gift {
display: block;
outline: 0;
box-shadow: none;
cursor: pointer;
}
.amslick-slider-container .slick-dots li button,
.amslick-slider-container .slick-dots li .cart.table-wrapper .actions-toolbar > .action,
.amslick-slider-container .slick-dots li .action-gift {
padding: 5px;
width: 20px;
height: 20px;
border: 0;
background: 0 0;
color: transparent;
font-size: 0;
line-height: 0;
}
.amslick-slider-container .slick-dots li button:focus:before,
.amslick-slider-container .slick-dots li button:hover:before,
.amslick-slider-container .slick-dots li .cart.table-wrapper .actions-toolbar > .action:focus:before,
.amslick-slider-container .slick-dots li .cart.table-wrapper .actions-toolbar > .action:hover:before,
.amslick-slider-container .slick-dots li .action-gift:focus:before,
.amslick-slider-container .slick-dots li .action-gift:hover:before {
opacity: 1;
}
.amslick-slider-container .slick-dots li button:before,
.amslick-slider-container .slick-dots li .cart.table-wrapper .actions-toolbar > .action:before,
.amslick-slider-container .slick-dots li .action-gift:before {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
color: #000000;
content: '•';
text-align: center;
font-size: 16px;
line-height: 20px;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.amslick-slider-container .slick-dots li.slick-active button:before,
.amslick-slider-container .slick-dots li.slick-active .cart.table-wrapper .actions-toolbar > .action:before,
.amslick-slider-container .slick-dots li.slick-active .action-gift:before {
color: #000000;
opacity: 0.75;
}
.amslick-slider-container .slick-slider {
box-sizing: border-box;
padding: 0 20px;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.amslick-slider-container .slick-slider .slick-arrow {
position: absolute;
top: 50%;
padding: 0;
width: 15px;
height: 22px;
border: none;
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+') center no-repeat !important;
color: transparent;
font-size: 0;
line-height: 0;
transition: background .3s ease;
transform: translate(0, -50%);
}
.amslick-slider-container .slick-slider .slick-arrow:before,
.amslick-slider-container .slick-slider .slick-arrow:after {
content: '';
}
.amslick-slider-container .slick-slider .slick-arrow:hover {
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjMTYxNjE2Ii8+PC9zdmc+') center no-repeat;
}
.amslick-slider-container .slick-slider .slick-arrow.slick-next {
right: 0;
}
.amslick-slider-container .slick-slider .slick-arrow.slick-prev {
left: 0;
transform: rotate(180deg) translate(0, 50%);
}
.amslick-slider-container .slick-initialized .slick-slide {
display: inline-block !important;
float: none !important;
height: auto;
}
.amslick-slider-container .product-items.slick-slider > .slick-list {
padding: 15px 0;
}
.amslick-slider-container .product-items.slick-slider .slick-slide .product-item {
display: block !important;
margin: auto !important;
max-width: 205px;
}
.amslick-slider-container .sidebar.sidebar-additional {
width: 100%;
}
@keyframes loading {
0% {
transform: translate(-50%, -50%) rotate(0);
}
100% {
transform: translate(-50%, -50%) rotate(359.9deg);
}
}
._am-word-break {
word-wrap: break-word;
word-break: break-word;
}
.amcoupons-main-container .amcoupons-input .label {
font-weight: 400;
}
.amcoupons-applied-coupon {
word-wrap: break-word;
word-break: break-word;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 7px 10px;
border-radius: 1px;
background: #ffffff;
}
.amcoupons-applied-coupon:not(:last-of-type) {
margin-bottom: 10px;
}
.amcoupons-applied-coupon .amcoupons-remove {
margin-left: auto;
line-height: 1;
display: inline-block;
text-decoration: none;
}
.amcoupons-applied-coupon .amcoupons-remove:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
line-height: 14px;
color: #575855;
content: '\e616';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.amcoupons-applied-coupon .amcoupons-message {
width: 100%;
}
.amcoupons-applied-coupon.message.success,
.amcoupons-applied-coupon.message.warning {
display: flex;
padding: 7px 10px;
}
.amcoupons-applied-coupon.message.success .amcoupons-remove,
.amcoupons-applied-coupon.message.warning .amcoupons-remove {
display: none;
}
.amcoupons-applied-coupon.message.success > *:first-child:before,
.amcoupons-applied-coupon.message.warning > *:first-child:before {
content: '';
}
.cart-totals tr[class='totals'] .title,
.totals.discount .title {
display: inline-block;
text-decoration: none;
}
.cart-totals tr[class='totals'] .title:after,
.totals.discount .title:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: 12px;
color: #858585;
content: '\e622';
font-family: 'icons-blank-theme';
margin: 0 0 0 10px;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.cart-totals tr[class='totals'] .title.-active,
.totals.discount .title.-active {
display: inline-block;
text-decoration: none;
}
.cart-totals tr[class='totals'] .title.-active:after,
.totals.discount .title.-active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 12px;
line-height: 12px;
color: #858585;
content: '\e621';
font-family: 'icons-blank-theme';
margin: 0 0 0 10px;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.totals.discount {
cursor: pointer;
}
.totals.discount .title {
word-wrap: break-word;
word-break: break-word;
}
.totals.discount .discount.coupon {
display: none;
}
.totals.discount .mark {
max-width: 290px;
}
.cart-totals .title {
word-wrap: break-word;
word-break: break-word;
}
.cart-totals .mark {
max-width: 209px;
}
.cart-totals .discount.coupon {
display: none;
}
.cart-totals tr[class='totals'] .title {
word-wrap: break-word;
word-break: break-word;
}
.table-wrapper tr[class='totals'] {
cursor: pointer;
}
.cart-totals .amcoupons-total-coupons {
display: none;
}
.cart-totals .amcoupons-total-coupons .mark {
padding-left: 10px;
}
.cart-summary .block .amcoupons-main-container .actions-toolbar > .amcoupons-apply,
.checkout-index-index .amcoupons-main-container .actions-toolbar > .amcoupons-apply,
.paypal-express-review .amcoupons-main-container .actions-toolbar > .amcoupons-apply,
.braintree-paypal-review .amcoupons-main-container .actions-toolbar > .amcoupons-apply {
width: 100%;
text-align: center;
}
.checkout-index-index .amcoupons-main-container,
.paypal-express-review .amcoupons-main-container,
.braintree-paypal-review .amcoupons-main-container {
display: flex;
flex-direction: column;
width: 275px;
}
.checkout-index-index .amcoupons-main-container .amcoupons-applied-coupon:not(.message),
.paypal-express-review .amcoupons-main-container .amcoupons-applied-coupon:not(.message),
.braintree-paypal-review .amcoupons-main-container .amcoupons-applied-coupon:not(.message) {
background: #f5faff;
}
.checkout-index-index .amcoupons-main-container .field,
.paypal-express-review .amcoupons-main-container .field,
.braintree-paypal-review .amcoupons-main-container .field {
margin: 0;
}
.checkout-index-index .amcoupons-main-container .actions-toolbar,
.paypal-express-review .amcoupons-main-container .actions-toolbar,
.braintree-paypal-review .amcoupons-main-container .actions-toolbar {
margin: 0;
width: auto;
}
.checkout-index-index .amcoupons-main-container .actions-toolbar > .amcoupons-apply,
.paypal-express-review .amcoupons-main-container .actions-toolbar > .amcoupons-apply,
.braintree-paypal-review .amcoupons-main-container .actions-toolbar > .amcoupons-apply {
margin: 10px 0 0;
}
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
border-radius: 3px;
box-shadow: none;
}
.frmb.ui-sortable {
min-height: 300px;
}
.form-builder-wrap {
min-height: 600px;
}
.form-builder-wrap div.form-actions.btn-group {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
}
div#frmb-0-cb-wrap {
position: relative;
padding-bottom: 40px;
min-height: 300px;
}
#loading_image_container {
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
}
#form_submit_loading {
position: fixed;
top: 0;
left: 0;
z-index: 100000;
width: 100%;
height: 100%;
background: -moz-linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x rgba(11, 11, 11, 0.2);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11, 11, 11, 0.1)), to(rgba(11, 11, 11, 0.6))) repeat-x rgba(11, 11, 11, 0.2);
}
.fb-date .ui-datepicker-trigger {
margin-left: 10px;
}
.fb-date input {
cursor: pointer;
}
.am-picker-year .ui-datepicker-calendar td a {
padding: 8px;
}
.amform-form {
margin: 0 auto 10px;
max-width: 700px;
}
.amform-form-fieldset.fieldset {
margin-bottom: 10px;
}
.amform-form .fb-number {
max-width: 200px;
}
.amform-groupv2 {
display: inline-block;
}
.amcform-gdpr {
display: none;
margin-bottom: 20px;
}
.amform-versiontwo-label {
display: inline;
margin-right: 10px;
padding-right: 20px;
word-break: break-all;
}
.amform-form .amform-hide-formload,
.amform-form .amform-hide-formload.action.primary,
.amform-form .amform-hide-formload.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.amform-form .amform-hide-formload.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
display: none;
}
.amform-form .action.primary,
.amform-parent .action.primary,
.amform-form .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.amform-parent .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.amform-form .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.amform-parent .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
padding: 9px;
min-width: 120px;
background: #4776f0;
}
.amform-form .action.primary:hover,
.amform-parent .action.primary:hover,
.amform-form .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.amform-parent .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.amform-form .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.amform-parent .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:hover {
background: #2f5bcd;
}
.amform-form .action.primary:disabled,
.amform-parent .action.primary:disabled,
.amform-form .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled,
.amform-parent .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled,
.amform-form .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled,
.amform-parent .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled {
background: #c4d1f3;
}
.amcform-toolbar {
text-align: right;
}
.amcform-toolbar > div {
display: inline-block;
}
.amform-form:not(.default) .amform-checkbox,
.amform-form:not(.default) .amform-radio,
.amform-form:not(.default) .amform-checkboxtwo,
.amform-form:not(.default) .amform-radiotwo {
display: block;
opacity: 0;
}
.amform-form:not(.default) .amform-checkbox + label,
.amform-form:not(.default) .amform-radio + label,
.amform-form:not(.default) .amform-checkboxtwo + label,
.amform-form:not(.default) .amform-radiotwo + label {
position: relative;
padding-left: 26px;
line-height: 16px;
}
.amform-form:not(.default) .amform-checkbox + label:before,
.amform-form:not(.default) .amform-radio + label:before,
.amform-form:not(.default) .amform-checkboxtwo + label:before,
.amform-form:not(.default) .amform-radiotwo + label:before {
position: absolute;
top: 2px;
left: 0;
display: block;
box-sizing: border-box;
margin-right: 10px;
width: 16px;
height: 16px;
border: 1px solid #e3e3e3;
border-radius: 1px;
content: '';
}
.amform-form:not(.default) .amform-checkbox:checked + label:before,
.amform-form:not(.default) .amform-radio:checked + label:before,
.amform-form:not(.default) .amform-checkboxtwo:checked + label:before,
.amform-form:not(.default) .amform-radiotwo:checked + label:before {
border-color: #4776f0;
background: #4776f0;
}
.amform-form:not(.default) .amform-checkbox:checked + label:after,
.amform-form:not(.default) .amform-checkboxtwo:checked + label:after {
position: absolute;
top: 3px;
left: 5px;
width: 4px;
height: 9px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
content: '';
transform: rotate(45deg);
}
.amform-form:not(.default) .amform-radio + label:before,
.amform-form:not(.default) .amform-radiotwo + label:before {
border-radius: 50%;
}
.amform-form:not(.default) .amform-radio:checked + label:before,
.amform-form:not(.default) .amform-radiotwo:checked + label:before {
border-width: 4px;
background: #fff;
}
.amform-form:not(.default) .kc-toggle {
margin: 0 4px 0 0;
width: 26px;
height: 16px;
border: 0;
border-radius: 20px;
background: #e3e3e3;
}
.amform-form:not(.default) .kc-toggle.on {
background: #4776f0;
}
.amform-form:not(.default) .kc-toggle .kct-inner {
top: 2px;
left: 2px;
width: 12px;
height: 12px;
border: 0;
border-radius: 12px;
background: #fff;
}
.amform-form:not(.default) .kc-toggle.on .kct-inner {
left: 12px;
}
.amform-form:not(.default) .kct-on,
.amform-form:not(.default) .kct-off,
.amform-form:not(.default) .kct-handle {
display: none;
}
.amcform-page-titles {
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: hidden;
padding: 0;
list-style: none;
}
.amcform-title {
position: relative;
z-index: 1;
display: inline-block;
margin: 0 10px;
color: #333333;
text-align: center;
font-size: 14px;
line-height: 19px;
}
.amcform-title:hover {
text-decoration: none;
}
.amcform-step {
margin: 0 auto 20px;
width: 38px;
height: 38px;
border: 1px solid #4776f0;
border-radius: 50%;
background-color: #4776f0;
color: #ffffff;
font-weight: 400;
font-size: 14px;
line-height: 36px;
}
.amcform-title-wrap {
position: relative;
flex-grow: 1;
margin-bottom: 18px;
min-width: 90px;
max-width: 148px;
text-align: center;
}
.amcform-title-wrap:before,
.amcform-title-wrap:after {
position: absolute;
top: 17px;
right: 51%;
display: block;
width: 100%;
height: 4px;
background: #e3e3e3;
content: '';
}
.amcform-title-wrap:after {
right: auto;
left: 50%;
content: none;
}
.amcform-title-wrap:first-child:before,
.amcform-title-wrap:last-child:after {
content: none;
}
.amcform-title-wrap.-done + .amcform-title-wrap:before {
background: #92b0ff;
}
.amcform-title-wrap.ui-state-active ~ .amcform-title-wrap:before {
background: #e3e3e3;
}
.amcform-title-wrap.-disabled {
pointer-events: none;
}
.amcform-title-wrap.-disabled .amcform-step {
border-color: #e3e3e3;
background: #ffffff;
color: #b8b8b8;
}
.amcform-title-wrap.-error .amcform-step {
border-color: #eb5757;
background: #eb5757 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI5Mjg5NCAxLjcwNzExQy0wLjA5NzYzMTIgMS4zMTY1OCAtMC4wOTc2MzEyIDAuNjgzNDE3IDAuMjkyODk0IDAuMjkyODkzQzAuNjgzNDE4IC0wLjA5NzYzMTEgMS4zMTY1OCAtMC4wOTc2MzExIDEuNzA3MTEgMC4yOTI4OTNMNiA0LjU4NTc5TDEwLjI5MjkgMC4yOTI4OTNDMTAuNjgzNCAtMC4wOTc2MzExIDExLjMxNjYgLTAuMDk3NjMxMSAxMS43MDcxIDAuMjkyODkzQzEyLjA5NzYgMC42ODM0MTcgMTIuMDk3NiAxLjMxNjU4IDExLjcwNzEgMS43MDcxMUw3LjQxNDIxIDZMMTEuNzA3MSAxMC4yOTI5QzEyLjA5NzYgMTAuNjgzNCAxMi4wOTc2IDExLjMxNjYgMTEuNzA3MSAxMS43MDcxQzExLjMxNjYgMTIuMDk3NiAxMC42ODM0IDEyLjA5NzYgMTAuMjkyOSAxMS43MDcxTDYgNy40MTQyMUwxLjcwNzExIDExLjcwNzFDMS4zMTY1OCAxMi4wOTc2IDAuNjgzNDE4IDEyLjA5NzYgMC4yOTI4OTQgMTEuNzA3MUMtMC4wOTc2MzA2IDExLjMxNjYgLTAuMDk3NjMwNiAxMC42ODM0IDAuMjkyODk0IDEwLjI5MjlMNC41ODU3OSA2TDAuMjkyODk0IDEuNzA3MTFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) center center no-repeat;
color: #fff;
font-size: 0;
}
.amcform-title-wrap.-disabled .amcform-label {
color: #b8b8b8;
}
.amcform-title-wrap.ui-state-active .amcform-label {
color: #4776f0;
}
.amcform-title-wrap.-error .amcform-label {
color: #eb5757;
}
.action.primary.amcform-next,
.action.primary.amcform-prev,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.amcform-next,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.amcform-prev,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.amcform-next,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.amcform-prev {
display: inline-block;
margin: 20px auto;
}
.action.primary.amcform-prev,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.amcform-prev,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.amcform-prev {
margin-right: 15px;
}
.action.primary.amcform-submit,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.amcform-submit,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.amcform-submit {
float: none;
}
.amcform-popup-block {
z-index: 9999;
box-sizing: border-box;
}
.amcform-popup-block .modal-title {
padding: 0;
border: none;
}
.amcform-popup-block .modal-inner-wrap {
max-width: 520px;
width: 100%;
border: 1px solid #fff;
border-radius: 4px;
}
.amcform-popup-block .modal-header {
box-sizing: border-box;
margin: 0;
padding: 40px 10px 10px;
width: 100%;
border: none;
text-align: center;
}
.amcform-popup-block .modal-title {
font-weight: 700;
font-size: 18px;
}
.amcform-popup-block .amcform-notice {
display: block;
margin: 0;
padding: 0 0 10px;
width: 100%;
border-bottom: 1px solid #c1c1c1;
text-align: center;
word-break: break-word;
font-weight: 400;
font-size: 12px;
}
.amcform-popup-block .modal-footer {
padding: 15px 15px 25px;
}
.amcform-popup-block .amcform-button {
margin: 0 10px 0 0;
}
.amform-popup-close {
position: absolute;
top: 5px;
right: 20px;
display: inline-block;
float: right;
color: #aaa;
font-weight: bold;
font-size: 20px;
cursor: pointer;
}
.amform-popup {
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
}
.amform-show {
display: inline-block;
margin: 10px;
vertical-align: middle;
}
.amform-popup-close .amform-close {
position: fixed;
}
.amform-content {
position: relative;
overflow-y: auto;
box-sizing: border-box;
padding: 20px;
max-height: 80%;
height: auto;
border: 1px solid #888;
border-radius: 2%;
background-color: #fefefe;
}
.linear-theme.rendered-form {
max-width: 720px;
}
.linear-theme .fields {
margin: 0 -20px;
padding: 0 20px;
}
.linear-theme.rendered-form .form-control,
.linear-theme.rendered-form .amform-date,
.linear-theme.rendered-form .amform-time {
position: relative;
z-index: 1;
padding: 0;
min-height: 30px;
max-width: 100%;
width: 100%;
border: 0;
border-bottom: 1px solid #ccc;
background-color: transparent;
color: #333333;
}
.linear-theme.rendered-form .form-control:focus,
.linear-theme.rendered-form .amform-date:focus,
.linear-theme.rendered-form .amform-time:focus {
outline: none;
border-color: #4776f0;
box-shadow: none;
}
.linear-theme.rendered-form .form-control:focus:-ms-input-placeholder,
.linear-theme.rendered-form .amform-date:focus:-ms-input-placeholder,
.linear-theme.rendered-form .amform-time:focus:-ms-input-placeholder {
color: #b8b8b8;
}
.linear-theme.rendered-form .form-control:focus::placeholder,
.linear-theme.rendered-form .amform-date:focus::placeholder,
.linear-theme.rendered-form .amform-time:focus::placeholder {
color: #b8b8b8;
}
.linear-theme.rendered-form .form-control.mage-error,
.linear-theme.rendered-form .amform-date.mage-error,
.linear-theme.rendered-form .amform-time.mage-error {
border-color: #eb5757;
}
.linear-theme.rendered-form .form-control[multiple],
.linear-theme.rendered-form .amform-date[multiple],
.linear-theme.rendered-form .amform-time[multiple] {
padding-top: 10px;
}
.linear-theme.rendered-form .form-control:-ms-input-placeholder,
.linear-theme.rendered-form .amform-date:-ms-input-placeholder,
.linear-theme.rendered-form .amform-time:-ms-input-placeholder {
color: transparent;
}
.linear-theme.rendered-form .form-control::placeholder,
.linear-theme.rendered-form .amform-date::placeholder,
.linear-theme.rendered-form .amform-time::placeholder {
color: transparent;
}
.linear-theme.rendered-form textarea.form-control {
padding-top: 6px;
min-height: 46px;
}
.linear-theme.rendered-form .field,
.linear-theme.rendered-form .fieldset > .field.form-group,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group {
position: relative;
margin-bottom: 24px;
padding: 0 20px;
}
.linear-theme.rendered-form .field.amform-layout-two,
.linear-theme.rendered-form .fieldset > .field.form-group.amform-layout-two,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group.amform-layout-two {
margin-right: 0;
max-width: 50%;
}
.linear-theme.rendered-form .field.amform-layout-three,
.linear-theme.rendered-form .fieldset > .field.form-group.amform-layout-three,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group.amform-layout-three {
margin-right: 0;
max-width: 33.33333333%;
}
.linear-theme.rendered-form .field .required,
.linear-theme.rendered-form .fieldset > .field.form-group .required,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group .required {
color: inherit;
}
.linear-theme.rendered-form .field .tooltip-element,
.linear-theme.rendered-form .fieldset > .field.form-group .tooltip-element,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group .tooltip-element {
z-index: 2;
background: #4776f0;
}
.linear-theme.rendered-form .field > .label,
.linear-theme.rendered-form .fieldset > .field.form-group > .label,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group > .label {
position: absolute;
top: 6px;
display: block;
margin: 0;
width: 100%;
font-weight: 400;
font-size: 14px;
transition: top 0.2s ease-in-out, font-size 0.2s ease-in-out;
}
.linear-theme.rendered-form .field > .label.fb-checkbox-group-label,
.linear-theme.rendered-form .fieldset > .field.form-group > .label.fb-checkbox-group-label,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group > .label.fb-checkbox-group-label,
.linear-theme.rendered-form .field > .label.fb-radio-group-label,
.linear-theme.rendered-form .fieldset > .field.form-group > .label.fb-radio-group-label,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group > .label.fb-radio-group-label,
.linear-theme.rendered-form .field > .label.fb-file-label,
.linear-theme.rendered-form .fieldset > .field.form-group > .label.fb-file-label,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group > .label.fb-file-label {
position: relative;
top: -8px;
color: #737373;
font-size: 10px;
line-height: 12px;
}
.linear-theme.rendered-form .field.-active > .label,
.linear-theme.rendered-form .fieldset > .field.form-group.-active > .label,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group.-active > .label,
.linear-theme.rendered-form .field.-has-content > .label,
.linear-theme.rendered-form .fieldset > .field.form-group.-has-content > .label,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group.-has-content > .label,
.linear-theme.rendered-form .field.fb-time > .label,
.linear-theme.rendered-form .fieldset > .field.form-group.fb-time > .label,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group.fb-time > .label {
top: -8px;
color: #737373;
font-size: 10px;
line-height: 12px;
}
.linear-theme.rendered-form .field.-active > .label,
.linear-theme.rendered-form .fieldset > .field.form-group.-active > .label,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group.-active > .label {
color: #4776f0;
}
.linear-theme.rendered-form div.mage-error[generated] {
margin-top: 2px;
color: #eb5757;
font-size: 10px;
line-height: 12px;
}
.linear-theme.rendered-form .amform-date._has-datepicker ~ .ui-datepicker-trigger {
margin-left: -15px;
}
.linear-theme.rendered-form .amform-date._has-datepicker ~ .ui-datepicker-trigger:before {
width: 12px;
height: 13px;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjY2NjcgMS4zMDAwMUgxMFYwSDguNjY2NjdWMS4zMDAwMUgzLjMzMzM0VjBIMlYxLjMwMDAxSDEuMzMzMzRDMC41OTY2ODYgMS4zMDAwMSAwLjAwNjY4NzUxIDEuODgxNzUgMC4wMDY2ODc1MSAyLjYwMDAxTDAgMTEuN0MwIDEyLjQxODIgMC41OTY2NTUgMTMgMS4zMzMzNCAxM0gxMC42NjY3QzExLjQwMzMgMTMgMTIgMTIuNDE4MiAxMiAxMS43VjIuNTk5OThDMTIgMS44ODE3NSAxMS40MDMzIDEuMzAwMDEgMTAuNjY2NyAxLjMwMDAxWk0xMC42NjY3IDExLjdIMS4zMzMzNFY0LjU0OTk4SDEwLjY2NjdWMTEuN1oiIGZpbGw9IiM0Nzc2RjAiLz4KPHBhdGggZD0iTTkuMDE5OTkgNi41MzkwOUw4LjMxMzMzIDUuODUwMUw1LjA2IDkuMDIyMUwzLjY0NjY5IDcuNjQ0MDlMMi45NCA4LjMzMzA4TDUuMDYgMTAuNDAwMUw5LjAxOTk5IDYuNTM5MDlaIiBmaWxsPSIjNDc3NkYwIi8+Cjwvc3ZnPgo=);
content: '';
}
.linear-theme.rendered-form input[type=checkbox],
.linear-theme.rendered-form input[type=radio] {
margin-right: 5px;
width: 16px;
height: 16px;
outline: none;
}
.linear-theme.rendered-form input[type=checkbox]:focus,
.linear-theme.rendered-form input[type=radio]:focus {
outline: none;
}
/* Pagination */
.linear-theme .amcform-page-titles {
align-items: stretch;
padding: 0 20px;
}
.linear-theme .amcform-step {
display: none;
}
.linear-theme .amcform-title-wrap {
display: block;
flex: 1;
margin: 0 0 16px 0;
text-align: left;
}
.linear-theme .amcform-title-wrap:after,
.linear-theme .amcform-title-wrap:before {
display: none;
}
.linear-theme .amcform-title-wrap.ui-state-active .amcform-title {
border-color: #4776f0;
}
.linear-theme .amcform-title-wrap.-disabled .amcform-title {
border-color: #e3e3e3;
}
.linear-theme .amcform-title-wrap.-error .amcform-title {
border-color: #eb5757;
}
.linear-theme .amcform-title {
display: block;
margin: 0;
padding-bottom: 7px;
min-height: 100%;
max-width: 100%;
border-bottom: 7px solid #92b0ff;
text-align: left;
}
.circle-theme.rendered-form .form-control,
.circle-theme.rendered-form .amform-date,
.circle-theme.rendered-form .amform-time {
padding: 9px;
min-height: 40px;
border: 1px solid #e3e3e3;
border-radius: 4px;
}
.circle-theme.rendered-form .form-control:focus,
.circle-theme.rendered-form .amform-date:focus,
.circle-theme.rendered-form .amform-time:focus {
outline: none;
border-color: #4776f0;
box-shadow: none;
color: #333333;
}
.circle-theme.rendered-form .form-control.mage-error,
.circle-theme.rendered-form .amform-date.mage-error,
.circle-theme.rendered-form .amform-time.mage-error {
border-color: #eb5757;
}
.circle-theme.rendered-form .form-control::-webkit-input-placeholder,
.circle-theme.rendered-form .amform-date::-webkit-input-placeholder,
.circle-theme.rendered-form .amform-time::-webkit-input-placeholder {
color: #b8b8b8;
}
.circle-theme.rendered-form .form-control::-moz-placeholder,
.circle-theme.rendered-form .amform-date::-moz-placeholder,
.circle-theme.rendered-form .amform-time::-moz-placeholder {
color: #b8b8b8;
}
.circle-theme.rendered-form .form-control:-moz-placeholder,
.circle-theme.rendered-form .amform-date:-moz-placeholder,
.circle-theme.rendered-form .amform-time:-moz-placeholder {
color: #b8b8b8;
}
.circle-theme.rendered-form .form-control:-ms-input-placeholder,
.circle-theme.rendered-form .amform-date:-ms-input-placeholder,
.circle-theme.rendered-form .amform-time:-ms-input-placeholder {
color: #b8b8b8;
}
.circle-theme.rendered-form input[type='file'].form-control {
padding: 0;
border: 0;
}
.circle-theme.rendered-form input[type=checkbox],
.circle-theme.rendered-form input[type=radio] {
margin-right: 5px;
width: 16px;
height: 16px;
outline: none;
}
.circle-theme.rendered-form input[type=checkbox]:focus,
.circle-theme.rendered-form input[type=radio]:focus {
outline: none;
}
.circle-theme.rendered-form div.mage-error[generated] {
position: relative;
top: -2px;
z-index: -1;
margin-top: 0;
padding: 2px 10px 0 10px;
border-radius: 0 0 4px 4px;
background: #eb5757;
color: #fff;
font-size: 10px;
line-height: 16px;
}
.circle-theme.rendered-form .field .label,
.circle-theme.rendered-form .fieldset > .field.form-group .label,
.circle-theme.rendered-form .fieldset > .fields > .field.form-group > .label {
font-weight: 400;
}
.circle-theme.rendered-form .required {
color: inherit;
}
.circle-theme.rendered-form .tooltip-element {
background: #4776f0;
}
/* Pagination */
.circle-theme .amcform-page-titles {
align-items: center;
}
.circle-theme .amcform-title {
display: flex;
align-items: center;
max-width: initial;
}
.circle-theme .amcform-step {
margin: 0 10px 0 0;
min-width: 38px;
border-radius: 15px;
}
.circle-theme .amcform-label {
text-align: left;
}
.circle-theme .amcform-title-wrap:after,
.circle-theme .amcform-title-wrap:before {
display: none;
}
.circle-theme .amcform-title-wrap + .amcform-title-wrap {
margin-left: 30px;
}
.circle-theme .amcform-title-wrap:nth-child(3n + 1) {
margin-left: 0;
}
.circle-theme .amcform-title-wrap.-disabled .amcform-step {
border-color: #bfd1ff;
background: #bfd1ff;
color: #fff;
}
.circle-theme .amform-form .action.primary,
.circle-theme .amform-form .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.circle-theme .amform-form .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
text-transform: uppercase;
font-weight: 700;
}
.amform-body .ui-datepicker {
overflow: hidden;
padding: 0;
border: 0;
border-radius: 4px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.amform-body .ui-datepicker .ui-datepicker-header {
padding: 16px 22px;
}
.amform-body .ui-datepicker .ui-datepicker-title {
margin: 0;
text-align: left;
text-transform: uppercase;
font-weight: 700;
}
.amform-body .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
margin-right: 0;
width: auto;
}
.amform-body .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
width: 70px;
border: 0;
}
.amform-body .ui-datepicker .ui-datepicker-title .ui-datepicker-year:focus {
outline: none;
box-shadow: none;
}
.amform-body .ui-datepicker .ui-datepicker-prev,
.amform-body .ui-datepicker .ui-datepicker-next {
top: 20px;
right: 22px;
left: auto;
}
.amform-body .ui-datepicker .ui-datepicker-prev {
right: 38px;
}
.amform-body .ui-datepicker .ui-datepicker-prev span.ui-icon,
.amform-body .ui-datepicker .ui-datepicker-next span.ui-icon {
width: 7px;
height: 7px;
border: 0;
border-top: 1px solid #333;
border-left: 1px solid #333;
transform: rotate(-45deg);
}
.amform-body .ui-datepicker .ui-datepicker-next span.ui-icon {
transform: rotate(135deg);
}
.amform-body .ui-datepicker .ui-datepicker-calendar {
margin-bottom: 10px;
border: 0;
}
.amform-body .ui-datepicker .ui-datepicker-calendar th {
border: 0;
border-bottom: 1px solid #e3e3e3;
background: transparent;
color: #b8b8b8;
text-align: center;
font-weight: 400;
}
.amform-body .ui-datepicker .ui-datepicker-calendar td {
padding: 0;
border: 0;
text-align: center;
}
.amform-body .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled,
.amform-body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
background: none;
}
.amform-body .ui-datepicker .ui-datepicker-calendar td:first-child {
padding-left: 10px;
}
.amform-body .ui-datepicker .ui-datepicker-calendar td:last-child {
padding-right: 10px;
}
.amform-body .ui-datepicker .ui-datepicker-calendar tr:first-child td {
padding-top: 10px;
}
.amform-body .am-picker-year .ui-datepicker-calendar td a {
display: block;
padding: 0;
width: 43px;
height: 43px;
border-radius: 42px;
text-align: center;
line-height: 42px;
}
.amform-body .am-picker-year .ui-datepicker-calendar td a.ui-state-hover {
background: #edf4ff;
color: #333333;
}
.amform-body .am-picker-year .ui-datepicker-calendar td a.ui-state-highlight {
background: #e3e3e3;
}
.amform-body .am-picker-year .ui-datepicker-calendar td a.ui-state-active {
background: #4776f0;
color: #fff;
font-weight: 700;
}
.am-recaptcha-container .messages-container {
margin-top: 15px;
}
.am-recaptcha-container .hidden {
position: absolute;
left: -10000px;
visibility: hidden;
}
#am-recaptcha-place-order .grecaptcha-badge {
z-index: 1000;
}
.ampromo-item .ampromo-options {
margin-bottom: 20px;
padding: 0 5px;
overflow: hidden;
transition: max-height 0.2s ease;
}
.ampromo-gallery {
width: 850px;
margin: 0 30px;
}
.ampromo-gallery[data-count="1"] {
width: 280px;
}
.ampromo-gallery[data-count="2"] {
width: 570px;
}
.ampromo-slick .slick-prev,
.ampromo-slick .slick-next {
width: 42px !important;
height: 42px !important;
}
.ampromo-slick .slick-prev {
left: -45px !important;
}
.ampromo-slick .slick-next {
right: -45px !important;
}
.ampromo-slick .slick-dots {
padding: 0 !important;
}
.ampromo-slick .slick-dots button,
.ampromo-slick .slick-dots button:hover,
.ampromo-slick .slick-dots .cart.table-wrapper .actions-toolbar > .action,
.ampromo-slick .slick-dots .cart.table-wrapper .actions-toolbar > .action:hover,
.ampromo-slick .slick-dots .action-gift,
.ampromo-slick .slick-dots .action-gift:hover {
height: 20px;
width: 20px;
padding: 5px !important;
background: transparent !important;
border: none !important;
text-indent: 0 !important;
}
.ampromo-slick .slick-slide {
vertical-align: top;
}
.ampromo-items-add {
display: none;
margin-bottom: 12px;
padding: 7px;
border: 1px solid #ededed;
text-align: center;
}
.ampromo-items-add > a {
text-decoration: none;
border-bottom: 1px dashed;
}
.checkout-index-index .ampromo-items-add:before {
content: '';
display: inline-block;
width: 32px;
height: 32px;
margin-right: 12px;
background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTEyIDI1NmMwIDE0MS4zODctMTE0LjYxMyAyNTYtMjU2IDI1NlMwIDM5Ny4zODcgMCAyNTYgMTE0LjYxMyAwIDI1NiAwczI1NiAxMTQuNjEzIDI1NiAyNTZ6bTAgMCIgZmlsbD0iIzYwYjJmYyIvPjxwYXRoIGQ9Ik01MTIgMjU2YzAtMS4xNTItLjAyNy0yLjI5Ny0uMDQzLTMuNDQ1TDM2OS4wNTEgMTA5LjY0OGwtODUuMzU2IDIzLjA2My03LjU4Ni03LjU4Ni00Ni4wNjIgOC44OTgtMjQuNTg2LTI0LjU5Ny02OC4wMDQgNTMuOTU3LTI1LjUzMSA3NC44NDQgNTguMDI3IDU3LjMyLTM5LjMxNiAxMjAuMTIxIDk0LjQ3MiA5NC40NzNBMjU5LjI2IDI1OS4yNiAwIDAgMCAyNTYgNTEyYzE0MS4zODcgMCAyNTYtMTE0LjYxMyAyNTYtMjU2em0wIDAiIGZpbGw9IiMzOTY1Y2MiLz48cGF0aCBkPSJNMjMzLjE4OCAxMzcuNjg4bC0yNy43MjctMjguMjYyYy04LjI4MS04LjQ0Mi0xOS4zNTItMTMuMDk0LTMxLjE2NC0xMy4wOTQtMjQuMDc0IDAtNDMuNjYgMTkuNTg2LTQzLjY2IDQzLjY2IDAgMjQuMDc0IDE5LjU4NiA0My42NiA0My42NiA0My42NkgyNTZ2LTQ1Ljk2NHptMCAwIiBmaWxsPSIjZjY0MjEzIi8+PHBhdGggZD0iTTMzNy43MDMgOTYuMzMyYy0xMS44MTYgMC0yMi44ODMgNC42NTItMzEuMTY0IDEzLjA5NGwtMjcuNzI2IDI4LjI2MUgyNTZ2NDUuOTY1aDgxLjcwM2MyNC4wNzQgMCA0My42Ni0xOS41ODYgNDMuNjYtNDMuNjYgMC0yNC4wNzQtMTkuNTg2LTQzLjY2LTQzLjY2LTQzLjY2em0wIDAiIGZpbGw9IiNlZDI0MDAiLz48cGF0aCBkPSJNMTMwLjYzNyAyMTkuNTE2SDI1NnYxOTYuMTUySDEzMC42Mzd6bTAgMCIgZmlsbD0iI2ZmNiIvPjxwYXRoIGQ9Ik0yNTYgMjE5LjUxNmgxMjUuMzYzdjE5Ni4xNTJIMjU2em0wIDAiIGZpbGw9IiNmZmQxNWUiLz48cGF0aCBkPSJNMTExLjkyNiAxNjMuMzgzSDI1NnY3NC44NDRIMTExLjkyNnptMCAwIiBmaWxsPSIjZmZmZmMyIi8+PHBhdGggZD0iTTI1NiAxNjMuMzgzaDE0NC4wNzR2NzQuODQ0SDI1NnptMCAwIiBmaWxsPSIjZmZlYTdjIi8+PHBhdGggZD0iTTI4NC4wNjYgMTQ0LjY3MmMwLTE1LjUwNC0xMi41NjYtMjguMDY3LTI4LjA2Ni0yOC4wNjdsLTEyLjQ3MyA2NS40ODkgNDAuNTQtMTguNzExem0wIDAiIGZpbGw9IiNmNjQyMTMiLz48cGF0aCBkPSJNMjI3LjkzNCAxNDQuNjcydjE4LjcxTDI1NiAxODIuMDk1di02NS40ODljLTE1LjUgMC0yOC4wNjYgMTIuNTYzLTI4LjA2NiAyOC4wNjd6bTAgMCIgZmlsbD0iI2ZmNjEyNiIvPjxwYXRoIGQ9Ik0yNTYgMTYzLjM4M2wtMTIuNDczIDczLjU5NEwyNTYgMzA4LjcwM2wyOC4wNjYgMTguNzExVjE2My4zODN6bTAgMCIgZmlsbD0iI2VkMjQwMCIvPjxwYXRoIGQ9Ik0yMjcuOTM0IDE2My4zODN2MTY0LjAzMUwyNTYgMzA4LjcwNFYxNjMuMzgyem0wIDAiIGZpbGw9IiNmNjQyMTMiLz48L3N2Zz4=) no-repeat;
background-size: contain;
vertical-align: middle;
}
.ampromo-items-form {
background: #fff;
padding: 5px;
}
.ampromo-items-form .ampromo-qty {
width: 30%;
margin-left: 35%;
margin-top: 10%;
}
.ampromo-items-form .product-info-price {
padding-bottom: 10px;
text-align: center;
word-break: break-all;
}
.ampromo-items-form .price-base-price .price {
font-size: 25px;
text-decoration: line-through;
}
.ampromo-items-form .price-new-price .price-wrapper {
font-size: 36px;
line-height: 36px;
font-weight: bold;
}
.ampromo-items-form .ampromo-item-qty-input > .mage-error {
float: left;
}
.ampromo-loading {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
width: 80px;
height: 80px;
}
.ampromo-loading.-show {
display: inline-block;
}
.ampromo-loading:after {
display: block;
width: 64px;
height: 64px;
margin: 8px;
content: ' ';
border-radius: 50%;
border: 6px solid #ccc;
border-color: #ccc transparent #ccc transparent;
animation: load 1.2s linear infinite;
}
.ampromo-carousel-product.-loading {
-webkit-filter: blur(10px);
filter: blur(10px);
opacity: 0.3;
pointer-events: none;
}
@keyframes load {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media only screen and (max-width: 700px) {
.ampromo-items-form .product-info-price > *:first-child,
.ampromo-items-form .product-info-price > *:last-child {
padding: 0;
}
}
.ampromo-overlay {
position: fixed;
top: -9999px;
left: 0;
z-index: 10000;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
text-align: center;
opacity: 0;
transition: opacity 0.4s linear;
}
.ampromo-overlay.-show {
top: 0;
opacity: 1;
}
.ampromo-popup-wrapper {
position: relative;
display: inline-block;
box-sizing: border-box;
max-height: 95vh;
overflow: auto;
margin: 30px auto;
padding: 24px;
border: 1px solid #ededed;
text-align: left;
background-color: #ffffff;
}
.ampromo-popup-wrapper .slick-slider .slick-track {
display: inline-flex;
}
.ampromo-popup-wrapper .ampromo-popup-title,
.ampromo-popup-wrapper .ampromo-item-buttons,
.ampromo-popup-wrapper .ampromo-title {
text-align: center;
}
.ampromo-popup-wrapper .ampromo-popup-title .ampromo-counter {
font-weight: bold;
}
.ampromo-popup-wrapper .ampromo-item {
position: relative;
box-sizing: border-box;
padding: 0 9px;
}
.ampromo-popup-wrapper .ampromo-item .product-item-info {
padding: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
width: auto;
text-align: center;
}
.ampromo-popup-wrapper .ampromo-item .product-info-price {
padding: 0;
margin: 0 0 10px;
display: flex;
justify-content: center;
align-items: center;
}
.ampromo-popup-wrapper .ampromo-item .product-info-price .price-box.price-base-price {
margin-right: 8px;
}
.ampromo-popup-wrapper .ampromo-item .product-info-price .price-box.price-base-price .price {
font-size: 14px;
color: #001d3a;
opacity: 0.3;
line-height: 18px;
}
.ampromo-popup-wrapper .ampromo-item .product-info-price .price-box .price {
font-size: 24px;
font-weight: 900;
color: #30c6ff;
line-height: 30px;
}
.ampromo-popup-wrapper .ampromo-item .product-info-price .price-box .price .currency {
font-size: 12px;
font-weight: 400;
vertical-align: text-top;
margin-left: 3px;
}
.ampromo-popup-wrapper .ampromo-item .product-info-price .price-new-price .price-wrapper {
font-size: inherit;
line-height: inherit;
}
.ampromo-popup-wrapper .ampromo-item .fieldset .field {
margin-bottom: 10px;
}
.ampromo-popup-wrapper .ampromo-item .fieldset .field .label {
margin-bottom: 3px;
}
.ampromo-popup-wrapper .ampromo-popup-title {
margin: 0 auto 20px;
}
.ampromo-popup-wrapper .ampromo-close {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
display: block;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWwxMCAxMG0wLTEwTDEgMTEiIHN0cm9rZT0iI0IyQjJCMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat;
background-size: contain;
font-size: 0;
cursor: pointer;
opacity: .8;
}
.ampromo-popup-wrapper .ampromo-close:hover {
opacity: 1;
transition: opacity .2s ease;
}
.ampromo-popup-wrapper .ampromo-button {
box-shadow: none;
border: none;
}
.ampromo-popup-wrapper .ampromo-item.-selected {
background: #1f78c2;
}
.ampromo-popup-wrapper .ampromo-item.-selected .ampromo-options {
max-height: 690px;
}
.ampromo-popup-wrapper .ampromo-item-image {
display: block;
margin: 7px auto;
}
.ampromo-popup-wrapper .ampromo-title {
margin: 0;
}
.ampromo-popup-wrapper .product-item-photo {
position: relative;
padding: 0;
width: auto;
display: block;
z-index: 1;
}
.ampromo-popup-wrapper .product-item-photo:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 50%;
max-height: 200px;
border: 15px solid #E9E9E9;
box-sizing: border-box;
border-radius: 40px;
z-index: -1;
transform: translateY(-50%);
}
.ampromo-popup-wrapper .product-item-details {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.ampromo-popup-wrapper .product-item-details .product-titles {
margin: 0 0 15px;
}
.ampromo-popup-wrapper .product-item-details .product-item-name {
display: block;
hyphens: auto;
margin: 5px 0;
word-wrap: break-word;
}
.ampromo-popup-wrapper .product-item-details .product-item-name > .product-item-link {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #0d0d0d;
margin: 30px 0 5px;
display: block;
text-decoration: none;
max-height: 60px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.ampromo-popup-wrapper .product-item-details .product.sub-title {
max-height: 65px;
font-size: 14px;
font-weight: 300;
line-height: 22px;
margin-bottom: 30px;
color: #000000;
max-width: 340px;
margin: 0 auto;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.ampromo-popup-wrapper .product-item-details .product-reviews-summary {
height: 20px;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 20px;
}
.ampromo-popup-wrapper .product-item-details .product-reviews-summary .rating-summary {
display: flex;
margin: 0 4px 0 0;
left: -5px;
position: relative;
text-align: left;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
}
.ampromo-popup-wrapper .product-item-details .product-reviews-summary .rating-value {
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin-right: 5px;
}
.ampromo-popup-wrapper .product-item-details .product-reviews-summary .reviews-actions {
margin-top: 0;
line-height: 20px;
font-size: 16px;
display: table-cell;
vertical-align: middle;
}
.ampromo-popup-wrapper .product-item-details .product-item-actions {
margin-top: auto;
}
.ampromo-popup-wrapper .product-item-details .product-item-actions .action.primary,
.ampromo-popup-wrapper .product-item-details .product-item-actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.ampromo-popup-wrapper .product-item-details .product-item-actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #00469e;
border-radius: 20px;
text-decoration: none;
color: #00469e;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
font-size: 14px;
font-family: 'Lato', sans-serif;
padding: 0 30px;
box-sizing: border-box;
}
.ampromo-popup-wrapper .product-item-details .product-item-actions .action.primary > span,
.ampromo-popup-wrapper .product-item-details .product-item-actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary > span,
.ampromo-popup-wrapper .product-item-details .product-item-actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary > span {
padding-right: 15px;
position: relative;
}
.ampromo-popup-wrapper .product-item-details .product-item-actions .action.primary > span:after,
.ampromo-popup-wrapper .product-item-details .product-item-actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary > span:after,
.ampromo-popup-wrapper .product-item-details .product-item-actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary > span:after {
border: solid #00469e;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: '';
position: absolute;
right: 3px;
top: 60%;
}
.ampromo-popup-wrapper .slick-dots {
position: initial;
}
.ampromo-popup-wrapper .slick-dotted.slick-slider {
margin-bottom: 2rem;
}
@media only screen and (max-width: 1000px) and (min-width: 701px) {
.ampromo-overlay .ampromo-gallery {
width: 570px;
}
.ampromo-popup-wrapper {
padding: 24px 54px;
}
}
@media only screen and (max-width: 700px) {
.ampromo-overlay .ampromo-gallery {
width: 280px;
margin: 0 auto;
}
.ampromo-popup-wrapper {
padding: 24px 54px;
}
}
@media only screen and (max-width: 400px) {
.ampromo-overlay .ampromo-gallery {
margin: 0 auto 30px auto;
}
.ampromo-overlay .slick-prev,
.ampromo-overlay .slick-next {
display: none !important;
}
.ampromo-popup-wrapper {
padding: 15px;
}
}
._error .order-comment-input {
outline: none;
border: 2px solid #ed8380;
}
._error .order-comment-input:focus {
outline: none;
border: 2px solid #ed8380;
box-shadow: 0 0 3px #ed8380;
}
.checkout-payment-method .payment-option._collapsible.comment .payment-option-content {
display: block;
}
.cart-order-comment {
border-bottom: 1px solid #d1d1d1;
clear: left;
}
.cart-order-comment .fieldset.order-comment {
display: block;
}
.cart-order-comment .fieldset.order-comment > div {
display: block;
}
input[name="qty"] + .mage-error {
display: none !important;
}
.catalog-product-view .modal-popup.modal-askforoffer .modal-inner-wrap {
max-width: 812px;
height: 905px;
}
@media (max-width: 767px) {
.catalog-product-view .modal-popup.modal-askforoffer .modal-inner-wrap {
max-height: 100vh;
}
}
.catalog-product-view .modal-popup.modal-askforoffer .modal-inner-wrap .modal-header,
.catalog-product-view .modal-popup.modal-askforoffer .modal-inner-wrap .modal-footer {
display: none;
}
.catalog-product-view .modal-popup.modal-askforoffer .modal-inner-wrap .modal-content {
padding-left: 0;
padding-right: 0;
padding-top: 20px;
}
.catalog-product-view .modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
overflow: hidden;
}
.catalog-product-view .modals-overlay {
background: none;
backdrop-filter: blur(15px);
opacity: 1;
-webkit-backdrop-filter: blur(15px);
}
.block-popup-ask-for-offer {
overflow: auto;
margin-bottom: 0;
padding-left: 24px;
padding-right: 24px;
position: relative;
}
.block-popup-ask-for-offer .close-popup {
text-align: right;
position: absolute;
right: 0;
top: 0;
}
.block-popup-ask-for-offer .close-popup .block-popup-close {
border: none;
background: no-repeat;
color: #00469E;
font-size: 25px;
font-weight: 400;
}
.block-popup-ask-for-offer .close-popup .block-popup-close span {
font: normal normal bold 12px/14px Lato;
letter-spacing: 0px;
color: #00469E;
margin-right: 10px;
vertical-align: middle;
font-size: 0;
}
.block-popup-ask-for-offer .block-title {
margin-bottom: 25px;
}
.block-popup-ask-for-offer .block-title .block-popup-heading {
text-align: left;
font-family: Lato;
letter-spacing: 0px;
color: #001D3A;
opacity: 1;
font-size: 32px;
font-weight: bold;
line-height: 60px;
}
.block-popup-ask-for-offer .block-title .block-popup-description {
text-align: left;
font-family: Lato;
letter-spacing: 0px;
color: #000000;
opacity: 1;
font-size: 16px;
line-height: 24px;
}
.block-popup-ask-for-offer .block-tabs {
position: relative;
}
.block-popup-ask-for-offer .block-tabs .block-tabs-container {
display: flex;
margin: 0 0 25px;
flex-wrap: wrap;
border: 1px solid #00469E;
border-radius: 22px;
overflow: hidden;
position: absolute;
width: 48%;
left: calc(48% + 20px);
top: 25px;
}
.block-popup-ask-for-offer .block-tabs .block-tabs-container .tab-individual,
.block-popup-ask-for-offer .block-tabs .block-tabs-container .tab-business {
width: 50%;
text-align: center;
cursor: pointer;
padding: 10px 0;
}
.block-popup-ask-for-offer .block-tabs .block-tabs-container .tab-individual span,
.block-popup-ask-for-offer .block-tabs .block-tabs-container .tab-business span {
color: #00469E;
font: normal normal normal 16px/19px Lato;
letter-spacing: 0px;
}
.block-popup-ask-for-offer .block-tabs .block-tabs-container .active {
background: #00469E;
}
.block-popup-ask-for-offer .block-tabs .block-tabs-container .active span {
font: normal normal bold 16px/19px Lato;
color: #FFFFFF;
}
.block-popup-ask-for-offer .block-content .form-individual-ask-for-offer,
.block-popup-ask-for-offer .block-content .form-business-ask-for-offer {
display: none;
}
.block-popup-ask-for-offer .block-content .form-individual-ask-for-offer.active,
.block-popup-ask-for-offer .block-content .form-business-ask-for-offer.active {
display: block;
}
.block-popup-ask-for-offer .block-content .form-business-ask-for-offer.active .field:not(.review-field-rating).choice.field-choice:has(input[type="checkbox"]) input:checked + label:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.971' height='15.023' viewBox='0 0 19.971 15.023'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1.764' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2363c4ff'/%3E%3Cstop offset='0.586' stop-color='%23044ba2'/%3E%3Cstop offset='1' stop-color='%2300095b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Path_652_-_Outline' data-name='Path 652 - Outline' d='M-5187.052-16552.713a1.491,1.491,0,0,1-.987-.371h0s0,0,0,0h0l0,0h0l0,0v0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0v0s0,0,0,0h0s0,0,0,0,0,0,0,0h0v0h0v0h0s0,0,0,0h0v0h0v0h0v0h0v0h0l0,0v0h0s0,0,0,0v0h0s0,0,0,0h0v0h0s0,0,0,0h0s0,0,0,0h0v0l0,0h0s0,0,0,0h0s0,0,0,0h0v0s0,0,0,0h0s0,0,0,0v0h0v0h0l-4.947-4.951a1.5,1.5,0,0,1-.439-1.061,1.494,1.494,0,0,1,.44-1.061,1.5,1.5,0,0,1,2.121,0l3.887,3.891,10.963-10.963a1.5,1.5,0,0,1,2.121,0,1.493,1.493,0,0,1,.439,1.061,1.493,1.493,0,0,1-.439,1.061l-12.024,12.023h0v0h0v0h0v0h0v0s0,0,0,0h0s0,0,0,0,0,0,0,0h0s0,0,0,0v0h0l0,0s0,0,0,0h0l0,0h0A1.5,1.5,0,0,1-5187.052-16552.713Z' transform='translate(5193.499 16567.736)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
display: block;
height: 30px;
width: 30px;
z-index: 1;
position: absolute;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 5px;
bottom: 0;
margin: auto;
}
.block-popup-ask-for-offer .block-content .fieldset {
display: flex;
flex-wrap: wrap;
}
.block-popup-ask-for-offer .block-content .fieldset .field-information-about {
width: 100%;
}
.block-popup-ask-for-offer .block-content .fieldset .field-information-about .control {
width: 48%;
}
.block-popup-ask-for-offer .block-content .fieldset .field-information-about .control #information-about {
height: 43px;
}
.block-popup-ask-for-offer .block-content .fieldset .field-name-firstname,
.block-popup-ask-for-offer .block-content .fieldset .field-company,
.block-popup-ask-for-offer .block-content .fieldset .field-cui,
.block-popup-ask-for-offer .block-content .fieldset .field-email,
.block-popup-ask-for-offer .block-content .fieldset .field-telephone,
.block-popup-ask-for-offer .block-content .fieldset .field-region {
width: 48%;
}
.block-popup-ask-for-offer .block-content .fieldset .field-region .county {
height: 43px;
}
.block-popup-ask-for-offer .block-content .fieldset .field-region .control:after,
.block-popup-ask-for-offer .block-content .fieldset .field-information-about .control:after {
display: none;
}
.block-popup-ask-for-offer .block-content .fieldset .field-message {
width: 100%;
}
.block-popup-ask-for-offer .block-content .fieldset .field-name-firstname,
.block-popup-ask-for-offer .block-content .fieldset .field-cui,
.block-popup-ask-for-offer .block-content .fieldset .field-telephone {
padding-right: 10px;
}
.block-popup-ask-for-offer .block-content .fieldset .field-company,
.block-popup-ask-for-offer .block-content .fieldset .field-email,
.block-popup-ask-for-offer .block-content .fieldset .field-region {
padding-left: 10px;
}
.block-popup-ask-for-offer .block-content .fieldset .field:not(.review-field-rating).choice.field-choice:has(input[type="checkbox"]) input:checked + label:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='19.971' height='15.023' viewBox='0 0 19.971 15.023'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1.764' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2363c4ff'/%3E%3Cstop offset='0.586' stop-color='%23044ba2'/%3E%3Cstop offset='1' stop-color='%2300095b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Path_652_-_Outline' data-name='Path 652 - Outline' d='M-5187.052-16552.713a1.491,1.491,0,0,1-.987-.371h0s0,0,0,0h0l0,0h0l0,0v0s0,0,0,0h0s0,0,0,0h0s0,0,0,0h0v0s0,0,0,0h0s0,0,0,0,0,0,0,0h0v0h0v0h0s0,0,0,0h0v0h0v0h0v0h0v0h0l0,0v0h0s0,0,0,0v0h0s0,0,0,0h0v0h0s0,0,0,0h0s0,0,0,0h0v0l0,0h0s0,0,0,0h0s0,0,0,0h0v0s0,0,0,0h0s0,0,0,0v0h0v0h0l-4.947-4.951a1.5,1.5,0,0,1-.439-1.061,1.494,1.494,0,0,1,.44-1.061,1.5,1.5,0,0,1,2.121,0l3.887,3.891,10.963-10.963a1.5,1.5,0,0,1,2.121,0,1.493,1.493,0,0,1,.439,1.061,1.493,1.493,0,0,1-.439,1.061l-12.024,12.023h0v0h0v0h0v0h0v0s0,0,0,0h0s0,0,0,0,0,0,0,0h0s0,0,0,0v0h0l0,0s0,0,0,0h0l0,0h0A1.5,1.5,0,0,1-5187.052-16552.713Z' transform='translate(5193.499 16567.736)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
display: block;
height: 30px;
width: 30px;
z-index: 1;
position: absolute;
background-repeat: no-repeat;
background-position: center;
top: 0;
bottom: 0;
left: 5px;
margin: auto;
}
.block-popup-ask-for-offer .block-content .fieldset .field-policy span {
font: normal normal normal 16px/19px Lato;
letter-spacing: 0px;
color: #000000;
}
.block-popup-ask-for-offer .block-content .fieldset .field-policy span a {
color: #000000;
text-decoration: underline;
}
.block-popup-ask-for-offer .block-content .fieldset .actions-toolbar {
width: 100%;
}
.block-popup-ask-for-offer .block-content .fieldset .actions-toolbar .primary {
float: right;
}
.block-popup-ask-for-offer .block-content .fieldset .actions-toolbar .primary .action.submit.primary {
width: 200px;
height: 50px;
background: #00469E;
border-radius: 25px;
font: normal normal 600 18px/22px Lato;
letter-spacing: 0px;
color: #FFFFFF;
}
.block-popup-ask-for-offer-success .icon-success {
width: 92px;
height: 92px;
background: #46ac2d 0% 0% no-repeat padding-box;
margin: 45px auto 15px auto;
border-radius: 50%;
position: relative;
}
.block-popup-ask-for-offer-success .icon-success:after {
content: '\2713';
font-weight: 700;
font-size: 45px;
position: absolute;
top: 15%;
left: 35%;
color: #fff;
}
.block-popup-ask-for-offer-success .block-content-header {
text-align: center;
}
.block-popup-ask-for-offer-success .block-content-header strong {
font: normal normal bold 32px/42px Lato;
letter-spacing: 0px;
color: #001D3A;
}
.block-popup-ask-for-offer-success .block-content-body {
text-align: center;
margin-bottom: 25px;
}
.block-popup-ask-for-offer-success .block-content-body span {
text-align: center;
font: normal normal normal 16px/24px Lato;
letter-spacing: 0px;
color: #000000;
}
.block-popup-ask-for-offer-success .close-popup-success {
text-align: center;
}
.block-popup-ask-for-offer-success .close-popup-success .block-popup-close-success {
background: #00469e 0% 0% no-repeat padding-box;
border-radius: 25px;
padding: 15px 45px;
text-align: center;
font: normal normal 600 18px/22px Lato;
letter-spacing: 0px;
color: #FFFFFF;
}
@media only screen and (max-width: 639px) {
.modals-wrapper .modal-popup.modal-askforoffer {
left: 0;
top: 30px;
}
.modals-wrapper .modal-popup.modal-askforoffer .modal-inner-wrap .modal-content {
padding-top: 32px;
}
.block-popup-ask-for-offer .close-popup {
top: 8px;
}
.block-popup-ask-for-offer .close-popup .block-popup-close {
padding: 7px 10px;
}
.block-popup-ask-for-offer .block-title {
padding-right: 10px;
}
.block-popup-ask-for-offer .block-title .block-popup-heading {
line-height: 45px;
}
.block-popup-ask-for-offer .block-tabs .block-tabs-container {
position: static;
width: 100%;
}
.block-popup-ask-for-offer .block-content .fieldset .field {
width: 100%;
padding: 0;
}
.block-popup-ask-for-offer .block-content .fieldset .field.choice:has(input[type="checkbox"]) input {
position: absolute;
}
.block-popup-ask-for-offer .block-content .fieldset .field-information-about .control {
width: 100%;
}
.block-popup-ask-for-offer .block-content .fieldset .actions-toolbar .primary {
float: unset;
}
}
@media only screen and (max-width: 480px) {
.block-popup-ask-for-offer .block-title .block-popup-heading {
font-size: 24px;
}
.block-popup-ask-for-offer .block-content .fieldset .field.choice:has(input[type="checkbox"]) label {
font-size: 14px;
}
.block-popup-ask-for-offer .block-content .fieldset .field-policy span {
font-size: 14px;
}
}
.catalogsearch-result-index .category-filter {
text-align: center;
}
.catalogsearch-result-index .category-filter h3 {
color: #000;
font-weight: 600;
font-size: 18px;
line-height: 24px;
}
.catalogsearch-result-index .category-filter .items {
font-weight: 600;
font-size: 14px;
line-height: 17px;
}
.catalogsearch-result-index .category-filter .items li.item {
display: inline-block;
margin-bottom: 12px;
margin-right: 12px;
}
.catalogsearch-result-index .category-filter .items li.item a {
color: #00469E;
padding: 12px 24px;
border-radius: 30px;
box-shadow: 0 20px 99px #00000029;
background: #ffffff 0% 0% no-repeat padding-box;
display: inline-block;
}
.catalogsearch-result-index .category-filter .items li.item.active a {
color: #ffffff;
background: #00469e 0% 0% no-repeat padding-box;
}
.catalogsearch-result-index .category-filter .items li.item:last-child {
margin-right: 0;
}
div.mage-error[generated] {
color: #EA4B1B;
}
.customer-account-login .page-title-wrapper {
display: none;
}
.customer-account-login .page-main {
max-width: 100%;
}
.customer-login-page-main {
display: flex;
align-items: center;
background: #ffffff;
}
@media (max-width: 767px) {
.customer-login-page-main {
flex-direction: column;
padding: 15px 0 120px;
}
}
.customer-login-container-main {
width: 50%;
}
@media (max-width: 767px) {
.customer-login-container-main {
width: 100%;
}
}
.customer-login-container-main .login-logo {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.customer-login-container-main .login-logo {
margin-bottom: 45px;
}
}
.customer-login-container-main .login-logo .nav-toggle {
display: none;
}
.customer-login-container-main .login-logo .logo {
float: none;
display: block;
width: max-content;
margin: 0 auto;
}
.customer-login-container-main .login-email-check,
.customer-login-container-main .register-container,
.customer-login-container-main .login-container {
color: #000000;
padding: 0 25px;
}
.customer-login-container-main .login-email-check.active,
.customer-login-container-main .register-container.active,
.customer-login-container-main .login-container.active {
display: block;
}
.customer-login-container-main .login-email-check .block,
.customer-login-container-main .register-container .block,
.customer-login-container-main .login-container .block {
margin-bottom: 0;
}
.customer-login-container-main .login-email-check .block-title,
.customer-login-container-main .register-container .block-title,
.customer-login-container-main .login-container .block-title {
text-align: center;
margin-bottom: 45px;
padding: 0;
}
@media (max-width: 767px) {
.customer-login-container-main .login-email-check .block-title,
.customer-login-container-main .register-container .block-title,
.customer-login-container-main .login-container .block-title {
margin-bottom: 35px;
}
}
.customer-login-container-main .login-email-check .block-title strong,
.customer-login-container-main .register-container .block-title strong,
.customer-login-container-main .login-container .block-title strong {
font-size: 32px;
line-height: 40px;
margin-bottom: 8px;
font-weight: 400;
display: block;
}
.customer-login-container-main .login-email-check .block-title .block-subtitle,
.customer-login-container-main .register-container .block-title .block-subtitle,
.customer-login-container-main .login-container .block-title .block-subtitle {
font-size: 16px;
line-height: 20px;
display: block;
margin: 0;
}
.customer-login-container-main .login-email-check .block-title .back-to-email,
.customer-login-container-main .register-container .block-title .back-to-email,
.customer-login-container-main .login-container .block-title .back-to-email {
max-width: 435px;
margin: 0 auto;
text-align: left;
margin-bottom: 70px;
}
@media (max-width: 767px) {
.customer-login-container-main .login-email-check .block-title .back-to-email,
.customer-login-container-main .register-container .block-title .back-to-email,
.customer-login-container-main .login-container .block-title .back-to-email {
margin-bottom: 70px;
}
}
.customer-login-container-main .login-email-check .block-title .back-to-email .back-to-email-btn,
.customer-login-container-main .register-container .block-title .back-to-email .back-to-email-btn,
.customer-login-container-main .login-container .block-title .back-to-email .back-to-email-btn {
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
width: max-content;
display: none;
}
.customer-login-container-main .login-email-check .block-title .back-to-email span,
.customer-login-container-main .register-container .block-title .back-to-email span,
.customer-login-container-main .login-container .block-title .back-to-email span {
font-size: 14px;
line-height: 19px;
padding-left: 5px;
}
.customer-login-container-main .login-email-check .block-title .block-customer-email,
.customer-login-container-main .register-container .block-title .block-customer-email,
.customer-login-container-main .login-container .block-title .block-customer-email {
font-size: 16px;
line-height: 20px;
display: block;
color: #B2B2B2;
margin-top: 15px;
}
.customer-login-container-main .login-email-check .block-title .block-customer-email .customer-password-not-existed,
.customer-login-container-main .register-container .block-title .block-customer-email .customer-password-not-existed,
.customer-login-container-main .login-container .block-title .block-customer-email .customer-password-not-existed {
display: block;
margin-top: 20px;
}
.customer-login-container-main .login-email-check .block-content .form,
.customer-login-container-main .register-container .block-content .form,
.customer-login-container-main .login-container .block-content .form {
max-width: 435px;
margin: 0 auto;
min-width: 300px;
}
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar,
.customer-login-container-main .register-container .block-content .form .actions-toolbar,
.customer-login-container-main .login-container .block-content .form .actions-toolbar {
margin-left: 0;
margin-bottom: 25px;
}
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary {
margin: 0;
float: none;
display: block;
}
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .action.primary,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .action.primary,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .action.primary,
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
float: none;
margin: 0;
width: 100%;
padding: 0;
border: none;
height: 50px;
line-height: 50px;
border-radius: 25px;
background: #00469E;
font-size: 18px;
font-weight: 600;
}
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .action.primary:not(:disabled):hover,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .action.primary:not(:disabled):hover,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .action.primary:not(:disabled):hover,
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):hover,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):hover,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):hover,
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):hover,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):hover,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):hover {
background: #30C6FF;
box-shadow: 0 5px 30px rgba(0, 70, 158, 0.3);
}
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .action.primary:not(:disabled):active,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .action.primary:not(:disabled):active,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .action.primary:not(:disabled):active,
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):active,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):active,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):active,
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):active,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):active,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:not(:disabled):active {
background: #27B9F0;
}
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .action.primary:disabled,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .action.primary:disabled,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .action.primary:disabled,
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled,
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled,
.customer-login-container-main .register-container .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled,
.customer-login-container-main .login-container .block-content .form .actions-toolbar > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:disabled {
pointer-events: none;
background: rgba(0, 0, 0, 0.13);
}
.customer-login-container-main .login-email-check .block-content .form a,
.customer-login-container-main .register-container .block-content .form a,
.customer-login-container-main .login-container .block-content .form a {
color: #10469E;
}
.customer-login-container-main .login-email-check .block-content .form .actions-additional,
.customer-login-container-main .register-container .block-content .form .actions-additional,
.customer-login-container-main .login-container .block-content .form .actions-additional {
display: flex;
justify-content: space-between;
}
.customer-login-container-main .login-email-check .block-content .form .actions-additional .field.choice .label,
.customer-login-container-main .register-container .block-content .form .actions-additional .field.choice .label,
.customer-login-container-main .login-container .block-content .form .actions-additional .field.choice .label {
color: #10469E;
}
.customer-login-container-main .login-email-check .block-content .form .actions-additional .field.choice .tooltip,
.customer-login-container-main .register-container .block-content .form .actions-additional .field.choice .tooltip,
.customer-login-container-main .login-container .block-content .form .actions-additional .field.choice .tooltip {
display: none;
}
.customer-login-container-main .login-email-check .block-content .form .actions-additional .action,
.customer-login-container-main .register-container .block-content .form .actions-additional .action,
.customer-login-container-main .login-container .block-content .form .actions-additional .action {
text-decoration: underline;
}
.customer-login-container-main .login-email-check .block-content .fieldset:after,
.customer-login-container-main .register-container .block-content .fieldset:after,
.customer-login-container-main .login-container .block-content .fieldset:after {
display: none;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field,
.customer-login-container-main .register-container .block-content .fieldset > .field,
.customer-login-container-main .login-container .block-content .fieldset > .field {
margin: 0 0 25px;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:has(input.mage-error) label,
.customer-login-container-main .register-container .block-content .fieldset > .field:has(input.mage-error) label,
.customer-login-container-main .login-container .block-content .fieldset > .field:has(input.mage-error) label {
color: #000000;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .label,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .label,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .label {
float: none;
width: 100%;
text-align: left;
padding: 0;
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
line-height: 18px;
padding: 0 5px;
margin-left: 0;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control {
float: none;
width: 100%;
position: relative;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="text"],
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"],
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"],
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="password"],
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"],
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"],
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="url"],
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"],
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"],
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="tel"],
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"],
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"],
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="search"],
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"],
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"],
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="number"],
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"],
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"],
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type*="date"],
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"],
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"],
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="email"],
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"],
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"] {
height: 43px;
line-height: 43px;
padding: 0 25px;
font-size: 16px;
border-radius: 20px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="text"]::-webkit-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]::-webkit-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]::-webkit-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="password"]::-webkit-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]::-webkit-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]::-webkit-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="url"]::-webkit-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]::-webkit-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]::-webkit-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]::-webkit-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]::-webkit-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]::-webkit-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="search"]::-webkit-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]::-webkit-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]::-webkit-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="number"]::-webkit-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]::-webkit-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]::-webkit-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]::-webkit-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]::-webkit-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]::-webkit-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="email"]::-webkit-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]::-webkit-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.3);
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="text"]:-ms-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]:-ms-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]:-ms-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="password"]:-ms-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]:-ms-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]:-ms-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="url"]:-ms-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]:-ms-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]:-ms-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]:-ms-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]:-ms-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]:-ms-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="search"]:-ms-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]:-ms-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]:-ms-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="number"]:-ms-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]:-ms-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]:-ms-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]:-ms-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]:-ms-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]:-ms-input-placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="email"]:-ms-input-placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]:-ms-input-placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.3);
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="text"]::placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]::placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]::placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="password"]::placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]::placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]::placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="url"]::placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]::placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]::placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]::placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]::placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]::placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="search"]::placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]::placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]::placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="number"]::placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]::placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]::placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]::placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]::placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]::placeholder,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="email"]::placeholder,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]::placeholder,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]::placeholder {
color: rgba(0, 0, 0, 0.3);
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="text"]:focus,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]:focus,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]:focus,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="password"]:focus,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]:focus,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]:focus,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="url"]:focus,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]:focus,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]:focus,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]:focus,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]:focus,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]:focus,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="search"]:focus,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]:focus,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]:focus,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="number"]:focus,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]:focus,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]:focus,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]:focus,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]:focus,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]:focus,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="email"]:focus,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]:focus,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]:focus {
border-color: #00469E;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="text"]:disabled,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]:disabled,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"]:disabled,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="password"]:disabled,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]:disabled,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"]:disabled,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="url"]:disabled,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]:disabled,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"]:disabled,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]:disabled,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]:disabled,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"]:disabled,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="search"]:disabled,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]:disabled,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"]:disabled,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="number"]:disabled,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]:disabled,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"]:disabled,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]:disabled,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]:disabled,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"]:disabled,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="email"]:disabled,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]:disabled,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"]:disabled {
opacity: 1;
background: #F5F5F5;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="text"].mage-error,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"].mage-error,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="text"].mage-error,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="password"].mage-error,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"].mage-error,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="password"].mage-error,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="url"].mage-error,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"].mage-error,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="url"].mage-error,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="tel"].mage-error,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"].mage-error,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="tel"].mage-error,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="search"].mage-error,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"].mage-error,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="search"].mage-error,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="number"].mage-error,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"].mage-error,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="number"].mage-error,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type*="date"].mage-error,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"].mage-error,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type*="date"].mage-error,
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control input[type="email"].mage-error,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"].mage-error,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control input[type="email"].mage-error {
border-color: #EA4B1B;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control .field.choice,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control .field.choice,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control .field.choice {
position: absolute;
right: 25px;
z-index: 9;
top: 0;
height: 45px;
display: flex;
align-items: center;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control .field.choice input[name="show-password"],
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control .field.choice input[name="show-password"],
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control .field.choice input[name="show-password"] {
height: 1px;
width: 1px;
opacity: 0;
margin: 0;
padding: 0;
border: 0;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control .field.choice input[name="show-password"]:checked + .label:after,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control .field.choice input[name="show-password"]:checked + .label:after,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control .field.choice input[name="show-password"]:checked + .label:after {
-webkit-mask-image: url('../CloudEBS_CustomLogin/images/hide_password_icon.svg');
mask-image: url('../CloudEBS_CustomLogin/images/hide_password_icon.svg');
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control .field.choice .label,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control .field.choice .label,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control .field.choice .label {
font-size: 0;
display: block;
cursor: pointer;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control .field.choice .label:before,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control .field.choice .label:before,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control .field.choice .label:before {
display: none;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control .field.choice .label:after,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control .field.choice .label:after,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control .field.choice .label:after {
content: '';
display: block;
width: 23px;
height: 16px;
background: #000000;
-webkit-mask-image: url('../CloudEBS_CustomLogin/images/show_password_icon.svg');
mask-image: url('../CloudEBS_CustomLogin/images/show_password_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
position: static;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container {
display: none;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container .password-strength-meter,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container .password-strength-meter,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container .password-strength-meter {
height: 15px;
line-height: 15px;
background: transparent;
font-size: 12px;
padding: 5px 5px 0;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-none,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-none,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-none {
display: none;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-weak,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-weak,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-weak {
display: block;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-weak .password-strength-meter,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-weak .password-strength-meter,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-weak .password-strength-meter {
color: #EA4B1B;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-weak .password-strength-meter:before,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-weak .password-strength-meter:before,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-weak .password-strength-meter:before {
display: none;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-very-strong,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-very-strong,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-very-strong {
display: block;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-very-strong .password-strength-meter,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-very-strong .password-strength-meter,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-very-strong .password-strength-meter {
color: #81b562;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-very-strong .password-strength-meter:before,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-very-strong .password-strength-meter:before,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-strength-meter-container.password-very-strong .password-strength-meter:before {
display: none;
}
.customer-login-container-main .login-email-check .block-content .fieldset > .field:not(.choice) > .control #password-error,
.customer-login-container-main .register-container .block-content .fieldset > .field:not(.choice) > .control #password-error,
.customer-login-container-main .login-container .block-content .fieldset > .field:not(.choice) > .control #password-error {
color: rgba(0, 0, 0, 0.5);
line-height: 15px;
padding: 0 5px;
margin: 0;
margin-top: 5px;
}
.customer-login-container-main .login-email-check .block-content .register-note,
.customer-login-container-main .register-container .block-content .register-note,
.customer-login-container-main .login-container .block-content .register-note {
text-align: center;
margin-bottom: 23px;
}
.customer-login-container-main .login-email-check .block-content .register-note > span,
.customer-login-container-main .register-container .block-content .register-note > span,
.customer-login-container-main .login-container .block-content .register-note > span {
display: block;
font-size: 16px;
line-height: 21px;
}
.customer-login-container-main .login-container .block .block-title {
border: none;
}
.customer-login-container-main .login-container .block-customer-login {
float: none;
width: 100%;
}
.customer-login-container-main .login-container .block-content .fieldset .actions-toolbar.actions-check {
display: block;
}
.customer-login-container-main .login-container .block-content .fieldset .actions-toolbar.social-btn {
display: inline-block;
}
.customer-login-container-main .register-container {
margin-top: -25px;
}
@media (max-width: 767px) {
.customer-login-container-main .register-container {
margin-top: 0;
}
}
.customer-login-container-main .register-container .block-title {
margin-bottom: 35px;
}
.customer-login-container-main .register-container .block-content .form {
/*.actions-additional {
justify-content: flex-end;
}*/
}
.customer-login-container-main .register-container .block-content .fieldset > .field {
margin: 0 0 32px;
}
.customer-login-container-main .register-container .block-content .fieldset > .field.newsletter {
margin: 0 0 15px;
}
.customer-login-container-main .register-container .block-content .fieldset > .field.confirmation {
/*display: none;*/
}
.customer-login-container-main .register-container .block-content .fieldset > .field.policy {
font-size: 16px;
}
.customer-login-container-main .register-container .block-content .fieldset > .field.policy a {
color: #000000;
text-decoration: underline;
}
.customer-login-container-main .login-email-check .block-content .form .actions-toolbar {
margin-bottom: 35px;
}
.customer-login-container-image {
width: 50%;
}
@media (max-width: 767px) {
.customer-login-container-image {
display: none;
}
}
.customer-login-container-image img {
display: block;
min-height: 950px;
object-fit: cover;
}
.customer-account-create .page-main {
border-radius: 30px 30px 0 0;
overflow: hidden;
margin-top: -30px;
max-width: 100%;
}
.form.create.account {
margin: 0 auto;
min-width: auto;
max-width: 435px;
}
.cms-index-index .block.block-newsletter,
.cms-home-b2c .block.block-newsletter,
.cms-homepage .block.block-newsletter,
.catalog-category-view .block.block-newsletter,
.catalog-product-view .block.block-newsletter,
.blog-page-list .block.block-newsletter,
.blog-post-view .block.block-newsletter {
background: #0c5da8;
color: #ffffff;
font-size: 18px;
}
.cms-index-index .block.block-newsletter .form-content,
.cms-home-b2c .block.block-newsletter .form-content,
.cms-homepage .block.block-newsletter .form-content,
.catalog-category-view .block.block-newsletter .form-content,
.catalog-product-view .block.block-newsletter .form-content,
.blog-page-list .block.block-newsletter .form-content,
.blog-post-view .block.block-newsletter .form-content {
background: linear-gradient(135deg, #083d98, rgba(5, 34, 83, 0.12), transparent);
padding: 48px 0 55px;
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .form-content,
.cms-home-b2c .block.block-newsletter .form-content,
.cms-homepage .block.block-newsletter .form-content,
.catalog-category-view .block.block-newsletter .form-content,
.catalog-product-view .block.block-newsletter .form-content,
.blog-page-list .block.block-newsletter .form-content,
.blog-post-view .block.block-newsletter .form-content {
padding: 48px 0;
background: linear-gradient(-45deg, #083d98, rgba(5, 34, 83, 0.12), transparent);
}
}
.cms-index-index .block.block-newsletter .content-wrapper,
.cms-home-b2c .block.block-newsletter .content-wrapper,
.cms-homepage .block.block-newsletter .content-wrapper,
.catalog-category-view .block.block-newsletter .content-wrapper,
.catalog-product-view .block.block-newsletter .content-wrapper,
.blog-page-list .block.block-newsletter .content-wrapper,
.blog-post-view .block.block-newsletter .content-wrapper {
max-width: 1395px;
padding-left: 15px;
padding-right: 15px;
display: flex;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
align-items: flex-end;
box-sizing: border-box;
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .content-wrapper,
.cms-home-b2c .block.block-newsletter .content-wrapper,
.cms-homepage .block.block-newsletter .content-wrapper,
.catalog-category-view .block.block-newsletter .content-wrapper,
.catalog-product-view .block.block-newsletter .content-wrapper,
.blog-page-list .block.block-newsletter .content-wrapper,
.blog-post-view .block.block-newsletter .content-wrapper {
padding-left: 35px;
padding-right: 35px;
}
}
.cms-index-index .block.block-newsletter .content-details,
.cms-home-b2c .block.block-newsletter .content-details,
.cms-homepage .block.block-newsletter .content-details,
.catalog-category-view .block.block-newsletter .content-details,
.catalog-product-view .block.block-newsletter .content-details,
.blog-page-list .block.block-newsletter .content-details,
.blog-post-view .block.block-newsletter .content-details {
flex-grow: 1;
padding-right: 20px;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.cms-index-index .block.block-newsletter .content-details,
.cms-home-b2c .block.block-newsletter .content-details,
.cms-homepage .block.block-newsletter .content-details,
.catalog-category-view .block.block-newsletter .content-details,
.catalog-product-view .block.block-newsletter .content-details,
.blog-page-list .block.block-newsletter .content-details,
.blog-post-view .block.block-newsletter .content-details {
padding: 0;
}
}
.cms-index-index .block.block-newsletter .block-title,
.cms-home-b2c .block.block-newsletter .block-title,
.cms-homepage .block.block-newsletter .block-title,
.catalog-category-view .block.block-newsletter .block-title,
.catalog-product-view .block.block-newsletter .block-title,
.blog-page-list .block.block-newsletter .block-title,
.blog-post-view .block.block-newsletter .block-title {
width: 100%;
}
@media (max-width: 1023px) {
.cms-index-index .block.block-newsletter .block-title,
.cms-home-b2c .block.block-newsletter .block-title,
.cms-homepage .block.block-newsletter .block-title,
.catalog-category-view .block.block-newsletter .block-title,
.catalog-product-view .block.block-newsletter .block-title,
.blog-page-list .block.block-newsletter .block-title,
.blog-post-view .block.block-newsletter .block-title {
text-align: center;
}
}
.cms-index-index .block.block-newsletter .title,
.cms-home-b2c .block.block-newsletter .title,
.cms-homepage .block.block-newsletter .title,
.catalog-category-view .block.block-newsletter .title,
.catalog-product-view .block.block-newsletter .title,
.blog-page-list .block.block-newsletter .title,
.blog-post-view .block.block-newsletter .title {
font-size: 48px;
line-height: 58px;
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.cms-index-index .block.block-newsletter .title,
.cms-home-b2c .block.block-newsletter .title,
.cms-homepage .block.block-newsletter .title,
.catalog-category-view .block.block-newsletter .title,
.catalog-product-view .block.block-newsletter .title,
.blog-page-list .block.block-newsletter .title,
.blog-post-view .block.block-newsletter .title {
margin-bottom: 24px;
}
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .title,
.cms-home-b2c .block.block-newsletter .title,
.cms-homepage .block.block-newsletter .title,
.catalog-category-view .block.block-newsletter .title,
.catalog-product-view .block.block-newsletter .title,
.blog-page-list .block.block-newsletter .title,
.blog-post-view .block.block-newsletter .title {
font-size: 24px;
line-height: 30px;
margin-bottom: 20px;
}
}
.cms-index-index .block.block-newsletter .subtitle,
.cms-home-b2c .block.block-newsletter .subtitle,
.cms-homepage .block.block-newsletter .subtitle,
.catalog-category-view .block.block-newsletter .subtitle,
.catalog-product-view .block.block-newsletter .subtitle,
.blog-page-list .block.block-newsletter .subtitle,
.blog-post-view .block.block-newsletter .subtitle {
line-height: 22px;
margin-bottom: 30px;
}
@media (max-width: 1023px) {
.cms-index-index .block.block-newsletter .subtitle,
.cms-home-b2c .block.block-newsletter .subtitle,
.cms-homepage .block.block-newsletter .subtitle,
.catalog-category-view .block.block-newsletter .subtitle,
.catalog-product-view .block.block-newsletter .subtitle,
.blog-page-list .block.block-newsletter .subtitle,
.blog-post-view .block.block-newsletter .subtitle {
margin-bottom: 24px;
}
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .subtitle,
.cms-home-b2c .block.block-newsletter .subtitle,
.cms-homepage .block.block-newsletter .subtitle,
.catalog-category-view .block.block-newsletter .subtitle,
.catalog-product-view .block.block-newsletter .subtitle,
.blog-page-list .block.block-newsletter .subtitle,
.blog-post-view .block.block-newsletter .subtitle {
font-size: 14px;
line-height: 24px;
margin-bottom: 20px;
}
}
.cms-index-index .block.block-newsletter .background-image-mobile,
.cms-home-b2c .block.block-newsletter .background-image-mobile,
.cms-homepage .block.block-newsletter .background-image-mobile,
.catalog-category-view .block.block-newsletter .background-image-mobile,
.catalog-product-view .block.block-newsletter .background-image-mobile,
.blog-page-list .block.block-newsletter .background-image-mobile,
.blog-post-view .block.block-newsletter .background-image-mobile {
margin-bottom: 45px;
}
@media (min-width: 1024px) {
.cms-index-index .block.block-newsletter .background-image-mobile,
.cms-home-b2c .block.block-newsletter .background-image-mobile,
.cms-homepage .block.block-newsletter .background-image-mobile,
.catalog-category-view .block.block-newsletter .background-image-mobile,
.catalog-product-view .block.block-newsletter .background-image-mobile,
.blog-page-list .block.block-newsletter .background-image-mobile,
.blog-post-view .block.block-newsletter .background-image-mobile {
display: none;
}
}
@media (max-width: 1023px) {
.cms-index-index .block.block-newsletter .background-image-mobile img,
.cms-home-b2c .block.block-newsletter .background-image-mobile img,
.cms-homepage .block.block-newsletter .background-image-mobile img,
.catalog-category-view .block.block-newsletter .background-image-mobile img,
.catalog-product-view .block.block-newsletter .background-image-mobile img,
.blog-page-list .block.block-newsletter .background-image-mobile img,
.blog-post-view .block.block-newsletter .background-image-mobile img {
max-width: 280px;
}
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .background-image-mobile img,
.cms-home-b2c .block.block-newsletter .background-image-mobile img,
.cms-homepage .block.block-newsletter .background-image-mobile img,
.catalog-category-view .block.block-newsletter .background-image-mobile img,
.catalog-product-view .block.block-newsletter .background-image-mobile img,
.blog-page-list .block.block-newsletter .background-image-mobile img,
.blog-post-view .block.block-newsletter .background-image-mobile img {
max-width: 157px;
}
}
.cms-index-index .block.block-newsletter .form.subscribe,
.cms-home-b2c .block.block-newsletter .form.subscribe,
.cms-homepage .block.block-newsletter .form.subscribe,
.catalog-category-view .block.block-newsletter .form.subscribe,
.catalog-product-view .block.block-newsletter .form.subscribe,
.blog-page-list .block.block-newsletter .form.subscribe,
.blog-post-view .block.block-newsletter .form.subscribe {
display: flex;
flex-wrap: wrap;
}
.cms-index-index .block.block-newsletter .form.subscribe .field.newsletter,
.cms-home-b2c .block.block-newsletter .form.subscribe .field.newsletter,
.cms-homepage .block.block-newsletter .form.subscribe .field.newsletter,
.catalog-category-view .block.block-newsletter .form.subscribe .field.newsletter,
.catalog-product-view .block.block-newsletter .form.subscribe .field.newsletter,
.blog-page-list .block.block-newsletter .form.subscribe .field.newsletter,
.blog-post-view .block.block-newsletter .form.subscribe .field.newsletter {
max-width: 675px;
margin-right: 15px;
flex-grow: 1;
}
@media (max-width: 1439px) {
.cms-index-index .block.block-newsletter .form.subscribe .field.newsletter,
.cms-home-b2c .block.block-newsletter .form.subscribe .field.newsletter,
.cms-homepage .block.block-newsletter .form.subscribe .field.newsletter,
.catalog-category-view .block.block-newsletter .form.subscribe .field.newsletter,
.catalog-product-view .block.block-newsletter .form.subscribe .field.newsletter,
.blog-page-list .block.block-newsletter .form.subscribe .field.newsletter,
.blog-post-view .block.block-newsletter .form.subscribe .field.newsletter {
max-width: 475px;
}
}
@media (max-width: 1023px) {
.cms-index-index .block.block-newsletter .form.subscribe .field.newsletter,
.cms-home-b2c .block.block-newsletter .form.subscribe .field.newsletter,
.cms-homepage .block.block-newsletter .form.subscribe .field.newsletter,
.catalog-category-view .block.block-newsletter .form.subscribe .field.newsletter,
.catalog-product-view .block.block-newsletter .form.subscribe .field.newsletter,
.blog-page-list .block.block-newsletter .form.subscribe .field.newsletter,
.blog-post-view .block.block-newsletter .form.subscribe .field.newsletter {
max-width: 100%;
}
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .form.subscribe .field.newsletter,
.cms-home-b2c .block.block-newsletter .form.subscribe .field.newsletter,
.cms-homepage .block.block-newsletter .form.subscribe .field.newsletter,
.catalog-category-view .block.block-newsletter .form.subscribe .field.newsletter,
.catalog-product-view .block.block-newsletter .form.subscribe .field.newsletter,
.blog-page-list .block.block-newsletter .form.subscribe .field.newsletter,
.blog-post-view .block.block-newsletter .form.subscribe .field.newsletter {
margin-right: 0;
margin-bottom: 24px;
}
}
.cms-index-index .block.block-newsletter .form.subscribe input[type="email"],
.cms-home-b2c .block.block-newsletter .form.subscribe input[type="email"],
.cms-homepage .block.block-newsletter .form.subscribe input[type="email"],
.catalog-category-view .block.block-newsletter .form.subscribe input[type="email"],
.catalog-product-view .block.block-newsletter .form.subscribe input[type="email"],
.blog-page-list .block.block-newsletter .form.subscribe input[type="email"],
.blog-post-view .block.block-newsletter .form.subscribe input[type="email"] {
width: 100%;
height: 50px;
line-height: 48px;
box-sizing: border-box;
border: 1px solid #ffffff;
padding: 0 24px;
font-size: 16px;
border-radius: 25px;
margin-right: 15px;
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .form.subscribe input[type="email"],
.cms-home-b2c .block.block-newsletter .form.subscribe input[type="email"],
.cms-homepage .block.block-newsletter .form.subscribe input[type="email"],
.catalog-category-view .block.block-newsletter .form.subscribe input[type="email"],
.catalog-product-view .block.block-newsletter .form.subscribe input[type="email"],
.blog-page-list .block.block-newsletter .form.subscribe input[type="email"],
.blog-post-view .block.block-newsletter .form.subscribe input[type="email"] {
height: 40px;
line-height: 38px;
font-size: 14px;
border-radius: 20px;
/* or, for legacy browsers */
}
.cms-index-index .block.block-newsletter .form.subscribe input[type="email"]::placeholder,
.cms-home-b2c .block.block-newsletter .form.subscribe input[type="email"]::placeholder,
.cms-homepage .block.block-newsletter .form.subscribe input[type="email"]::placeholder,
.catalog-category-view .block.block-newsletter .form.subscribe input[type="email"]::placeholder,
.catalog-product-view .block.block-newsletter .form.subscribe input[type="email"]::placeholder,
.blog-page-list .block.block-newsletter .form.subscribe input[type="email"]::placeholder,
.blog-post-view .block.block-newsletter .form.subscribe input[type="email"]::placeholder {
text-align: center;
}
.cms-index-index .block.block-newsletter .form.subscribe input[type="email"]::-webkit-input-placeholder,
.cms-home-b2c .block.block-newsletter .form.subscribe input[type="email"]::-webkit-input-placeholder,
.cms-homepage .block.block-newsletter .form.subscribe input[type="email"]::-webkit-input-placeholder,
.catalog-category-view .block.block-newsletter .form.subscribe input[type="email"]::-webkit-input-placeholder,
.catalog-product-view .block.block-newsletter .form.subscribe input[type="email"]::-webkit-input-placeholder,
.blog-page-list .block.block-newsletter .form.subscribe input[type="email"]::-webkit-input-placeholder,
.blog-post-view .block.block-newsletter .form.subscribe input[type="email"]::-webkit-input-placeholder {
text-align: center;
}
.cms-index-index .block.block-newsletter .form.subscribe input[type="email"]:-moz-placeholder,
.cms-home-b2c .block.block-newsletter .form.subscribe input[type="email"]:-moz-placeholder,
.cms-homepage .block.block-newsletter .form.subscribe input[type="email"]:-moz-placeholder,
.catalog-category-view .block.block-newsletter .form.subscribe input[type="email"]:-moz-placeholder,
.catalog-product-view .block.block-newsletter .form.subscribe input[type="email"]:-moz-placeholder,
.blog-page-list .block.block-newsletter .form.subscribe input[type="email"]:-moz-placeholder,
.blog-post-view .block.block-newsletter .form.subscribe input[type="email"]:-moz-placeholder {
/* Firefox 18- */
text-align: center;
}
.cms-index-index .block.block-newsletter .form.subscribe input[type="email"]::-moz-placeholder,
.cms-home-b2c .block.block-newsletter .form.subscribe input[type="email"]::-moz-placeholder,
.cms-homepage .block.block-newsletter .form.subscribe input[type="email"]::-moz-placeholder,
.catalog-category-view .block.block-newsletter .form.subscribe input[type="email"]::-moz-placeholder,
.catalog-product-view .block.block-newsletter .form.subscribe input[type="email"]::-moz-placeholder,
.blog-page-list .block.block-newsletter .form.subscribe input[type="email"]::-moz-placeholder,
.blog-post-view .block.block-newsletter .form.subscribe input[type="email"]::-moz-placeholder {
/* Firefox 19+ */
text-align: center;
}
.cms-index-index .block.block-newsletter .form.subscribe input[type="email"]:-ms-input-placeholder,
.cms-home-b2c .block.block-newsletter .form.subscribe input[type="email"]:-ms-input-placeholder,
.cms-homepage .block.block-newsletter .form.subscribe input[type="email"]:-ms-input-placeholder,
.catalog-category-view .block.block-newsletter .form.subscribe input[type="email"]:-ms-input-placeholder,
.catalog-product-view .block.block-newsletter .form.subscribe input[type="email"]:-ms-input-placeholder,
.blog-page-list .block.block-newsletter .form.subscribe input[type="email"]:-ms-input-placeholder,
.blog-post-view .block.block-newsletter .form.subscribe input[type="email"]:-ms-input-placeholder {
text-align: center;
}
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .form.subscribe .actions,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions,
.cms-homepage .block.block-newsletter .form.subscribe .actions,
.catalog-category-view .block.block-newsletter .form.subscribe .actions,
.catalog-product-view .block.block-newsletter .form.subscribe .actions,
.blog-page-list .block.block-newsletter .form.subscribe .actions,
.blog-post-view .block.block-newsletter .form.subscribe .actions {
width: 100%;
}
}
.cms-index-index .block.block-newsletter .form.subscribe .actions .action.primary,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions .action.primary,
.cms-homepage .block.block-newsletter .form.subscribe .actions .action.primary,
.catalog-category-view .block.block-newsletter .form.subscribe .actions .action.primary,
.catalog-product-view .block.block-newsletter .form.subscribe .actions .action.primary,
.blog-page-list .block.block-newsletter .form.subscribe .actions .action.primary,
.blog-post-view .block.block-newsletter .form.subscribe .actions .action.primary,
.cms-index-index .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-homepage .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-category-view .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-product-view .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-page-list .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-post-view .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-index-index .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-homepage .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-category-view .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-product-view .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-page-list .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-post-view .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
width: 100%;
min-width: 260px;
height: 50px;
line-height: 48px;
border: 1px solid #ffffff;
border-radius: 25px;
background: transparent;
font-weight: 700;
text-align: center;
padding: 0 15px;
font-size: 18px;
}
@media (max-width: 1439px) {
.cms-index-index .block.block-newsletter .form.subscribe .actions .action.primary,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions .action.primary,
.cms-homepage .block.block-newsletter .form.subscribe .actions .action.primary,
.catalog-category-view .block.block-newsletter .form.subscribe .actions .action.primary,
.catalog-product-view .block.block-newsletter .form.subscribe .actions .action.primary,
.blog-page-list .block.block-newsletter .form.subscribe .actions .action.primary,
.blog-post-view .block.block-newsletter .form.subscribe .actions .action.primary,
.cms-index-index .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-homepage .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-category-view .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-product-view .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-page-list .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-post-view .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-index-index .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-homepage .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-category-view .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-product-view .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-page-list .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-post-view .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
min-width: 200px;
}
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .form.subscribe .actions .action.primary,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions .action.primary,
.cms-homepage .block.block-newsletter .form.subscribe .actions .action.primary,
.catalog-category-view .block.block-newsletter .form.subscribe .actions .action.primary,
.catalog-product-view .block.block-newsletter .form.subscribe .actions .action.primary,
.blog-page-list .block.block-newsletter .form.subscribe .actions .action.primary,
.blog-post-view .block.block-newsletter .form.subscribe .actions .action.primary,
.cms-index-index .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-homepage .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-category-view .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-product-view .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-page-list .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-post-view .block.block-newsletter .form.subscribe .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-index-index .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-home-b2c .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-homepage .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-category-view .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.catalog-product-view .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-page-list .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.blog-post-view .block.block-newsletter .form.subscribe .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
height: 40px;
line-height: 38px;
font-size: 16px;
border-radius: 20px;
}
}
.cms-index-index .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.cms-home-b2c .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.cms-homepage .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.catalog-category-view .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.catalog-product-view .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.blog-page-list .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.blog-post-view .block.block-newsletter .form.subscribe .google-recaptcha-branding {
margin-top: 24px;
color: #ffffff;
}
@media (max-width: 639px) {
.cms-index-index .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.cms-home-b2c .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.cms-homepage .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.catalog-category-view .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.catalog-product-view .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.blog-page-list .block.block-newsletter .form.subscribe .google-recaptcha-branding,
.blog-post-view .block.block-newsletter .form.subscribe .google-recaptcha-branding {
text-align: center;
}
}
.cms-index-index .block.block-newsletter .background-image,
.cms-home-b2c .block.block-newsletter .background-image,
.cms-homepage .block.block-newsletter .background-image,
.catalog-category-view .block.block-newsletter .background-image,
.catalog-product-view .block.block-newsletter .background-image,
.blog-page-list .block.block-newsletter .background-image,
.blog-post-view .block.block-newsletter .background-image {
display: none;
flex-shrink: 0;
}
@media (max-width: 1439px) {
.cms-index-index .block.block-newsletter .background-image,
.cms-home-b2c .block.block-newsletter .background-image,
.cms-homepage .block.block-newsletter .background-image,
.catalog-category-view .block.block-newsletter .background-image,
.catalog-product-view .block.block-newsletter .background-image,
.blog-page-list .block.block-newsletter .background-image,
.blog-post-view .block.block-newsletter .background-image {
max-width: 280px;
}
}
@media (min-width: 1024px) {
.cms-index-index .block.block-newsletter .background-image,
.cms-home-b2c .block.block-newsletter .background-image,
.cms-homepage .block.block-newsletter .background-image,
.catalog-category-view .block.block-newsletter .background-image,
.catalog-product-view .block.block-newsletter .background-image,
.blog-page-list .block.block-newsletter .background-image,
.blog-post-view .block.block-newsletter .background-image {
display: block;
}
}
.search-autocomplete {
position: absolute;
z-index: 3;
overflow: hidden;
margin-top: -15px;
}
.search-autocomplete dl {
margin: 0;
padding: 0;
list-style: none none;
}
.search-autocomplete dl dt {
border-top: 1px solid #e5e5e5;
cursor: default;
margin: 0;
padding: 5px 40px 5px 10px;
position: relative;
text-align: left;
white-space: normal;
}
.search-autocomplete dl dt:not(:empty) {
background: #ffffff;
border: 1px solid #c2c2c2;
border-top: 0;
border-bottom: 0;
}
.search-autocomplete dl dt:first-child {
border-top: none;
}
.search-autocomplete dl dt:hover,
.search-autocomplete dl dt.selected {
background: #e8e8e8;
}
.search-autocomplete dl dd {
border-top: 1px solid #e5e5e5;
cursor: pointer;
margin: 0;
padding: 5px 10px;
position: relative;
text-align: left;
white-space: normal;
}
.search-autocomplete dl dd:not(:empty) {
background: #ffffff;
border: 1px solid #c2c2c2;
border-top: 0;
}
.search-autocomplete dl dd:first-child {
border-top: none;
}
.search-autocomplete dl dd:hover,
.search-autocomplete dl dd.selected {
background: #e8e8e8;
}
.search-autocomplete dl dd .amount {
color: #999999;
position: absolute;
right: 7px;
top: 5px;
}
.search-autocomplete dl dd .clear {
clear: both;
}
/**
* Swiper 8.3.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2022 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: July 13, 2022
*/
@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
}
.slider-banner {
width: 100%;
max-width: 100%;
overflow: hidden;
background-color: #ffffff;
}
.slider-banner .swiper {
width: 1280px;
margin: 0 auto;
}
@media (max-width: 1280px) {
.slider-banner .swiper {
width: 100%;
padding: 0 20px;
}
}
@media (max-width: 640px) {
.slider-banner .swiper.desktop {
display: none;
}
}
@media (min-width: 641px) {
.slider-banner .swiper.mobile {
display: none;
}
}
.slider-banner .swiper .swiper-wrapper {
width: 100%;
}
.slider-banner .swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
background: #ffffff;
}
.slider-banner .swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ffffff;
}
.slider-banner .swiper .swiper-pagination.swiper-pagination-fraction {
color: #ffffff;
}
.slider-banner .swiper .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: rgba(255, 255, 255, 0.5);
}
.slider-banner .swiper .swiper-pagination.custom.swiper-pagination-bullets .swiper-pagination-bullet {
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 12px;
}
.slider-banner .swiper .swiper-button-prev {
color: #ffffff;
}
.slider-banner .swiper .swiper-button-next {
color: #ffffff;
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title a {
display: inline-flex;
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title a img {
height: 24px;
vertical-align: bottom;
display: inline-block;
margin-right: 5px;
}
.fileupload-loader {
display: none;
position: fixed;
top: 50%;
left: 50%;
}
#drop_file_zone {
border: #6e6e6e 1px solid;
padding: 8px;
font-size: 16px;
cursor: pointer;
width: max-content;
margin-top: 20px;
}
#cebs-orderupload {
display: none;
}
#drag_upload_file {
text-align: center;
width: 250px;
}
#drag_upload_file span {
text-align: center;
}
.upload-icon {
width: 17px;
height: 22px;
overflow: hidden;
margin: 0px;
vertical-align: bottom;
float: right;
}
.cebs-files-container .file-row {
display: flex;
align-content: center;
justify-content: flex-start;
align-items: center;
margin: 10px 10px 10px 10px;
}
.cebs-files-container .file-filename {
flex-grow: 2;
}
.cebs-files-container .file-remove {
flex-grow: 2;
text-align: center;
}
.remove-icon {
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
vertical-align: bottom;
width: 18px;
height: 18px;
}
.items-files-container .fileItemsPreview {
margin-top: 30px;
}
.filePreview {
margin-top: 10px;
}
span.remove-btn {
margin-left: 20px;
}
#fileupload {
display: none;
}
#drop_file_zone {
border: #6e6e6e 1px solid;
padding: 8px;
font-size: 16px;
cursor: pointer;
width: max-content;
margin-top: 20px;
}
#drag_upload_file {
width: 250px;
}
.upload-container {
width: 100%;
}
#drag_upload_file .choose-file {
font-weight: 600;
margin-left: 5px;
margin-right: 10px;
}
.section-before {
margin-bottom: 20px;
}
.section-after {
margin-top: 20px;
border: 1px #bdbdbd solid;
padding: 10px 10px 0px;
background-color: #ffffff;
}
.allowed-file-types {
font-size: 12px;
font-style: italic;
color: #727272;
}
.upload-icon {
width: 17px;
height: 22px;
overflow: hidden;
margin: 0px;
vertical-align: bottom;
float: right;
}
.orderupload-link {
font-weight: 600;
}
.remove-icon {
display: inline-block;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
vertical-align: bottom;
width: 18px;
height: 18px;
}
.checkout-cart-index .totals.paymentfee th,
.checkout-cart-index .totals.paymentfee td {
border-top: 1px solid #DCDCDC !important;
font-size: 20px;
font-weight: 600 !important;
}
.checkout-cart-index .totals.paymentfee .mark {
padding: 15px 8px 15px 0;
}
.checkout-cart-index .totals.paymentfee .amount {
padding: 15px 0 15px 8px;
}
.checkout-index-index .totals.paymentfee th,
.checkout-index-index .totals.paymentfee td {
border-top: 1px solid #DCDCDC !important;
font-size: 20px;
font-weight: 600 !important;
color: #0054A5;
}
.checkout-index-index .totals.paymentfee .mark {
padding: 20px 8px 20px 0;
}
.checkout-index-index .totals.paymentfee .mark .label {
font-size: 18px;
}
.checkout-index-index .totals.paymentfee .amount {
padding: 20px 0 20px 8px;
}
.checkout-index-index .totals.paymentfee .amount .price {
font-size: 18px;
}
.product-info-main .product-add-form {
/*.returnable-packages {
font-size: 18px;
padding: 0 40px;
.returnable-packages-form {
display: flex;
flex-direction: column;
> .fieldset {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
position: relative;
box-sizing: border-box;
&.active {
.fieldset-return-qty {
display: flex;
}
.fieldset-return-non-qty {
display: none;
}
}
.control {
display: flex;
.field-option-radio {
display: flex;
align-items: center;
.label {
line-height: 25px;
}
}
}
.fieldset-return-qty {
display: flex;
align-items: center;
//font-weight: 700;
display: none;
.control {
display: grid;
grid-template-columns: 35px 50px 35px;
margin-left: 20px;
}
}
.fieldset-return-non-qty {
font-size: 16px;
color: #0054A5;
&:before {
display: inline-block;
content: '';
width: 18px;
height: 18px;
background: url('../CloudEBS_ReturnablePackaging/images/info_circle.svg') no-repeat;
background-size: 100%;
vertical-align: middle;
}
> span {
display: inline-block;
vertical-align: bottom;
margin-left: 8px;
}
}
input[type="radio"] {
height: 25px;
width: 25px;
margin: 0;
margin: 0 5px 0 10px;
&:checked {
accent-color: #0054A5;
+ .label {
color: #0054A5;
font-weight: 700;
}
}
}
}
.sp-quantity {
.sp-button {
height: 35px;
background: #DCDCDC;
position: relative;
width: 35px;
font-size: 0;
&.sp-minus {
&:before {
display: none;
}
}
&:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 13px;
width: 2px;
background: #0054A5;
}
&:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 13px;
height: 2px;
background: #0054A5;
}
}
}
input[type="number"] {
height: 35px;
line-height: 35px;
border: none;
text-align: center;
font-weight: 700;
padding: 0 10px;
}
}
.returnable-packages-info {
&:extend(.product-info-main .product-add-form .returnable-packages .returnable-packages-form all);
margin-top: 10px;
.fieldset {
width: 100%;
&:first-child {
justify-content: space-between;
&:after {
display: none;
}
}
> .control {
margin-left: 18px;
font-weight: 700;
}
}
.cantitate-qty,
.cantitate-price,
.cantitate-return-total {
padding: 0 5px;
}
.cantitate-qty {
padding-left: 0;
}
}
}*/
}
.catalog-product-view .product-add-form {
/*.returnable-packages {
.returnable-packages-form {
.fieldset {
&.qty {
justify-content: end;
padding-right: 25px;
}
}
}
.returnable-packages-info {
> .fieldset {
padding-right: 25px;
}
}
}*/
}
.cart.items .item .returnable-packages {
grid-column-start: 1;
grid-column-end: 5;
padding-left: 120px;
}
.cart.items .item .returnable-packages .returnable-packages-form,
.cart.items .item .returnable-packages .returnable-packages-info {
border: none;
border-radius: 0;
background: transparent;
min-height: 50px;
}
.cart.items .item .returnable-packages .returnable-packages-form > .fieldset,
.cart.items .item .returnable-packages .returnable-packages-info > .fieldset {
width: 100%;
justify-content: space-between;
}
.cart.items .item .returnable-packages .returnable-packages-form > .fieldset:first-child,
.cart.items .item .returnable-packages .returnable-packages-info > .fieldset:first-child {
padding-left: 0;
justify-content: space-between;
}
.cart.items .item .returnable-packages .returnable-packages-form > .fieldset:first-child:after,
.cart.items .item .returnable-packages .returnable-packages-info > .fieldset:first-child:after {
display: none;
}
.cart.items .item .returnable-packages .returnable-packages-form > .fieldset.qty,
.cart.items .item .returnable-packages .returnable-packages-info > .fieldset.qty {
flex-grow: 1;
justify-content: end;
}
.cart.items .item .returnable-packages .returnable-packages-form > .fieldset .label,
.cart.items .item .returnable-packages .returnable-packages-info > .fieldset .label {
font-size: 18px !important;
}
.cart.items .item.product .returnable-packages {
margin: 0 25px 20px 0;
}
.cart.table-wrapper .table.products .items .item.product > .returnable-packages .label {
display: inline-block;
}
@media only screen and (max-width: 1439px) {
.product-info-main .product-add-form {
/*.returnable-packages {
.returnable-packages-form {
flex-direction: column;
> .fieldset {
padding: 0 10px;
width: 100%;
min-height: 75px;
justify-content: space-between;
&:first-child {
padding-left: 10px;
justify-content: space-between;
&:after {
right: auto;
width: ~"calc(100% - 20px)";
bottom: 0;
border-bottom: 1px solid #DCDCDC;
border-left: 0;
height: 0;
}
}
.fieldset-return-qty {
width: 100%;
justify-content: space-between;
font-weight: 400;
}
}
}
.returnable-packages-info {
.fieldset {
flex-direction: column;
align-items: flex-start;
padding: 15px;
line-height: 25px;
> .label {
margin-bottom: 15px;
}
> .control {
margin-left: 0;
}
}
}
}*/
}
.cart.items .item .returnable-packages .returnable-packages-form > .fieldset,
.cart.items .item .returnable-packages .returnable-packages-info > .fieldset {
min-height: 55px;
}
}
.catalog-product-view .rp-modal .modal-inner-wrap .modal-footer {
display: flex;
padding: 0 24px 32px 24px;
}
/*#products-installation-date {
background-color: #212844;
color: #fff;
padding: 10px;
dl {
width: 100%;
overflow: hidden;
padding: 0;
margin: 0
}
dt {
float: left;
width: 70%;
padding: 0;
margin: 0
}
dd {
float: left;
width: 30%;
padding: 0;
margin: 0
}
}
#products-installation-disclaimer {
border: 1px #aaa solid;
padding: 10px;
margin-top: 10px;
p {
margin: 0;
}
}*/
.promo-block-over-image {
position: absolute;
z-index: 5;
display: inline-block;
width: max-content;
padding: 4px 8px;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
color: #ffffff;
box-sizing: border-box;
font-size: 12px;
font-weight: 400;
line-height: 15px;
}
.promo-block-over-image.promo {
background: #FF4D00;
}
.promo-block-over-image.info {
background-image: linear-gradient(to right, #00095b, #63c4ff);
}
.promo-block-over-image.free {
background: #30C6FF;
}
.promo-block-over-image.campaign {
background: #0D0D0D;
color: #FFE200;
padding: 4px;
}
.promo-block-over-image.campaign span {
display: block;
padding: 4px 8px;
border-radius: 5px;
border: 1px dashed #ffffff;
box-sizing: border-box;
}
.promo-block-over-image.personalized-offer {
border: 1px dashed #2F62A9;
color: #2F62A9;
min-width: 210px;
max-width: 100%;
background: #ffffff;
text-align: center;
box-shadow: none;
}
@media (max-width: 1024px) {
.promo-block-over-image.personalized-offer {
min-width: auto;
width: 100%;
}
}
.promo-block-over-image.top-left1 {
top: 0;
left: 0;
}
.promo-block-over-image.top-left2 {
top: 30px;
left: 0;
}
.promo-block-over-image.top-center {
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.promo-block-over-image.top-right1 {
top: 0;
right: 0;
}
.promo-block-over-image.top-right2 {
top: 30px;
right: 0;
}
.promo-block-over-image.bottom-center {
bottom: 140px;
left: 0;
right: 0;
margin: 0 auto;
}
.promo-block-over-image.bottom-left {
bottom: 140px;
left: 0;
}
.promo-block-over-image.bottom-right {
bottom: 140px;
right: 0;
}
.promo-block-over-image .strong {
font-weight: 700;
}
@media (max-width: 766px) {
.catalog-product-view .promo-block-over-image.top-left1 {
left: 20px;
}
}
@media (max-width: 766px) {
.catalog-product-view .promo-block-over-image.top-left2 {
left: 20px;
}
}
@media (max-width: 766px) {
.catalog-product-view .promo-block-over-image.top-right1 {
right: 20px;
}
}
@media (max-width: 766px) {
.catalog-product-view .promo-block-over-image.top-right2 {
right: 20px;
}
}
@media (max-width: 766px) {
.catalog-product-view .promo-block-over-image.bottom-center {
bottom: 40px;
}
}
@media (max-width: 766px) {
.catalog-product-view .promo-block-over-image.bottom-left {
bottom: 40px;
}
}
@media (max-width: 766px) {
.catalog-product-view .promo-block-over-image.bottom-right {
bottom: 40px;
}
}
@media (max-width: 500px) {
.catalog-category-view .promo-block-over-image,
.catalogsearch-result-index .promo-block-over-image {
padding: 4px;
font-size: 8px;
}
}
.catalog-category-view .promo-block-over-image.bottom-center,
.catalogsearch-result-index .promo-block-over-image.bottom-center {
bottom: 0;
}
.catalog-category-view .promo-block-over-image.bottom-left,
.catalogsearch-result-index .promo-block-over-image.bottom-left {
bottom: 0;
}
.catalog-category-view .promo-block-over-image.bottom-right,
.catalogsearch-result-index .promo-block-over-image.bottom-right {
bottom: 0;
}
/**
* Mageplaza
*
* NOTICE OF LICENSE
*
* This source file is subject to the Mageplaza.com license that is
* available through the world-wide-web at this URL:
* https://www.mageplaza.com/LICENSE.txt
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this extension to newer
* version in the future.
*
* @category Mageplaza
* @package Mageplaza_RewardPoints
* @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/)
* @license https://www.mageplaza.com/LICENSE.txt
*/
.payment-cart-title {
font-size: 20px;
margin-bottom: 10px;
}
.reward-points-payment-content .reward-rate {
text-align: left;
margin: 10px 0;
}
.reward-points-payment-content .reward-rate .content {
margin-left: 10px;
}
.reward-points-payment-content .range-slider {
max-width: 285px;
margin: 10px;
}
.reward-points-payment-content .extra-controls {
margin-left: 50px;
}
.reward-points-payment-content strong {
font-weight: 600;
}
.reward-points-payment-content .mp-spent {
width: 58px;
text-align: center;
}
.payment-checkout-content {
width: 80%;
margin-left: 10px;
}
.mp-reward-points {
line-height: 18px;
margin: 10px 5px 10px 5px;
}
.mp-reward-points img,
.mp-reward-points .mp-point-label {
float: left;
}
.mp-reward-points .mp-point-label {
margin: 0 0 0 5px;
font-size: 12px;
}
.mp-reward-points .clr {
clear: both;
}
.mp-reward-points.mp-product {
border: 1px solid #95a486 !important;
color: #3d6611 !important;
padding: 10px 15px 10px 15px;
}
.mp-reward-cart {
margin-left: 15px;
}
.item-balance {
padding: 0 20px;
margin: 10px 0;
text-align: center;
}
.item-balance .box-balance {
height: 65px;
}
.item-balance .box-balance > span {
line-height: 65px;
color: #ffffff;
font-size: 20px;
}
.item-balance .available {
background: #65d59a;
}
.item-balance .earned {
background: #6492f0;
}
.item-balance .paid {
background: #89c65e;
}
.item-balance .label {
padding-top: 5px;
}
.form-rewards-setting .actions-toolbar {
clear: both;
}
table.data.table {
word-break: break-all;
}
.smile-es-range-slider [data-role=from-label] {
display: block;
float: left;
padding: 0 0 5px;
}
.smile-es-range-slider [data-role=to-label] {
display: block;
float: right;
padding: 0 0 5px;
}
.smile-es-range-slider [data-role=message-box] {
font-size: 12px;
flex: 1;
padding: 6px 0 0;
}
.smile-es-range-slider [data-role=message-box].empty {
color: #e02b27;
font-size: 1.2rem;
padding: 0;
}
.smile-es-range-slider .actions-toolbar {
display: flex;
margin: 15px 0;
}
.smile-es-range-slider .ui-slider {
margin: 5px;
clear: both;
}
.smile-es-range-slider .ui-slider-handle {
background: #ff5501;
padding: 0;
margin: -3px 0 0 -7px;
border-radius: 15px;
width: 15px;
height: 15px;
}
.filter .filter-content .item {
margin: 10px 0 0 10px;
}
.filter .block-subtitle {
border-bottom: none;
font-weight: 700;
}
.filter .field.search input[type="text"] {
font-size: 12px;
}
.filter .actions {
text-align: right;
margin: 10px 0 0;
}
.filter .actions div.secondary {
display: inline-block;
}
.filter .actions div.secondary a {
color: #1979c3;
text-decoration: underline;
cursor: pointer;
}
.filter .actions div.secondary a:hover {
background: transparent;
}
.filter .actions div.secondary a.show-more span:after {
content: " +";
}
.filter .actions div.secondary a.show-less span:after {
content: "-";
}
.filter .filter-options dt.filter-options-title[aria-expanded="true"]:after {
content: '\e621';
}
.filter .no-results-message p {
margin: 9px 10px 0;
background-color: #FFEEEE;
padding: 5px;
color: #AA0000;
}
.smile-elasticsuite-autocomplete-result .product-image-box {
float: left;
padding: 0 5px;
width: 55px;
}
.smile-elasticsuite-autocomplete-result .product-shop {
float: left;
margin: 0 10px 0 0;
padding: 0;
white-space: normal;
width: 60%;
}
.smile-elasticsuite-autocomplete-result .product-item .price-box {
margin: 5px 0;
}
.smile-elasticsuite-autocomplete-result .category-mini-crumb {
font-style: italic;
display: block;
margin-bottom: 2px;
font-size: 12px;
color: #929292;
}
.smile-elasticsuite-autocomplete-result .product-attribute-label {
text-transform: uppercase;
vertical-align: super;
font-size: 10px;
color: #777;
}
.smile-elasticsuite-autocomplete-result .price-box span.old-price {
display: block;
}
.block.custom-related-products {
margin: 50px 0;
padding: 30px;
background-color: #ffffff;
border-radius: 10px;
box-sizing: border-box;
}
.block.custom-related-products .block-title {
font-size: 28px;
line-height: 37px;
font-weight: 700;
margin: 0;
margin-bottom: 30px !important;
text-align: left;
text-transform: uppercase;
}
@media (max-width: 640px) {
.block.custom-related-products .block-title {
font-size: 26px;
line-height: 34px;
text-transform: initial;
}
}
.block.custom-related-products .block-content .swiper .product-items .product-item {
margin-right: initial;
margin-bottom: initial;
}
.block.custom-related-products .block-content .swiper .product-items .product-item .product-item-info .product-item-photo .image {
margin-bottom: 10px;
}
.block.custom-related-products .block-content .swiper .product-items .product-item .product-item-info .product-item-details {
line-height: normal;
}
.block.custom-related-products .block-content .swiper .product-items .product-item .product-item-info .product-item-details .product-item-name {
line-height: normal;
height: 70px;
overflow: hidden;
margin: 0;
}
.block.custom-related-products .block-content .swiper .product-items .product-item .product-item-info .product-item-details .product-item-name .product-item-link {
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #212844;
}
.block.custom-related-products .block-content .swiper .product-items .product-item .product-item-info .product-item-details .price-box {
height: 21px !important;
margin: 10px 0;
}
.block.custom-related-products .block-content .swiper .product-items .product-item .product-item-info .product-item-details .price-box .price-container .price-wrapper .price {
font-size: 16px;
line-height: 21px;
font-weight: 700;
color: #0054A5;
}
.block.custom-related-products .block-content .swiper .product-items .product-item .product-item-info .product-item-details .product-item-actions .actions-primary .action.tocart {
padding: 0;
width: 100%;
height: 40px;
background-color: #ffffff;
color: #F59622;
border-color: #F59622;
font-size: 12px;
font-weight: 700;
}
.block.custom-related-products .block-content .swiper .product-items .product-item .product-item-info .product-item-details .product-item-actions .actions-primary .stock {
width: 100%;
height: 40px;
background-color: #ffffff !important;
font-size: 12px;
font-weight: 700;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
text-transform: uppercase;
}
.block.custom-related-products .block-content .swiper .swiper-button-prev {
left: 0;
right: auto;
width: 40px;
justify-content: left;
}
.block.custom-related-products .block-content .swiper .swiper-button-prev.swiper-button-disabled {
display: none;
}
.block.custom-related-products .block-content .swiper .swiper-button-next {
right: 0;
left: auto;
width: 40px;
justify-content: right;
}
.block.custom-related-products .block-content .swiper .swiper-button-next.swiper-button-disabled {
display: none;
}
@media (max-width: 1320px) {
.checkout-cart-index .block.custom-related-products {
width: calc(100% - 10px);
}
}
@media (min-width: 1320px) {
.checkout-cart-index .block.custom-related-products {
width: 63%;
}
}
.cebs-switcher-language {
display: inline-block;
}
.cebs-switcher-language .switcher-options {
position: relative;
}
.cebs-switcher-language .switcher-options.active .switcher-dropdown {
display: block;
}
.cebs-switcher-language .switcher-options img {
width: 28px;
height: 20px;
object-fit: cover;
border-radius: 8px;
display: block;
}
.cebs-switcher-language .switcher-options .action.toggle {
display: flex;
align-items: center;
}
.cebs-switcher-language .switcher-options .action.toggle:after {
display: block;
content: '';
width: 24px;
height: 24px;
background-image: url('../CloudEBS_StoreSwitcher/images/arrow_down.svg');
}
.cebs-switcher-language .switcher-options .action.toggle img {
margin: 0 13px;
}
.cebs-switcher-language .switcher-options .switcher-dropdown {
display: none;
list-style: none;
padding: 13px;
margin: 13px 0 0;
position: absolute;
top: 100%;
left: 0;
background: #266CC4;
border-radius: 18px;
}
.cebs-switcher-language .switcher-options .switcher-dropdown .switcher-option {
margin-bottom: 0;
padding: 8px 0;
}
#stories-slider {
position: relative;
width: 100%;
height: max-content;
}
.stories-slider-elements {
display: grid;
cursor: grab;
grid-template-columns: inherit;
overflow-y: hidden;
overflow-x: auto;
scroll-behavior: smooth;
}
.stories-slider-elements::-webkit-scrollbar {
display: none;
}
.stories-slider-elements__wrapper {
grid-column: content;
display: flex;
align-items: center;
gap: 45px;
}
@media (max-width: 767px) {
.stories-slider-elements__wrapper {
gap: 10px;
}
}
.stories-slider-elements__item {
height: 100%;
cursor: pointer;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.stories-slider-elements__item:first-child {
margin-left: 25px;
}
.stories-slider-elements__item:last-child {
margin-right: 25px;
}
.stories-slider-elements__item-story {
display: flex;
align-items: center;
justify-content: center;
width: 185px;
height: 185px;
border-radius: 50%;
z-index: 1;
scroll-snap-align: center;
box-sizing: border-box;
background: linear-gradient(to bottom, #63c4ff, #044ba2);
}
.stories-slider-elements__item-story--viewed {
background: linear-gradient(to bottom, #ececec, #e5f1ff);
}
@media (max-width: 767px) {
.stories-slider-elements__item-story {
width: 100px;
height: 100px;
}
}
.stories-slider-elements__item-story-image {
width: calc(100% - 25px);
height: calc(100% - 25px);
object-fit: cover;
border-radius: 50%;
border: 3px solid #ffffff;
}
@media (max-width: 767px) {
.stories-slider-elements__item-story-image {
width: calc(100% - 15px);
height: calc(100% - 15px);
}
}
.stories-slider-elements__item-story-title-container {
margin-top: 12px;
}
@media (max-width: 767px) {
.stories-slider-elements__item-story-title-container {
display: flex;
align-items: center;
margin-top: 6px;
max-width: 90%;
}
}
.stories-slider-elements__item-story-title {
font-size: 14px;
font-weight: 700;
font-family: "Lato";
text-align: center;
color: #044ba2;
}
@media (max-width: 767px) {
.stories-slider-elements__item-story-title {
font-size: 12px;
}
}
.stories-slider-elements__item-story-title--viewed {
color: #001d3a;
font-weight: 400;
}
.stories-slider-elements__item-story-icon {
margin-left: 10px;
color: #044ba2;
}
.stories-slider-elements__item-story-icon--viewed {
color: #001d3a;
}
.stories-slider-divider {
position: absolute;
top: calc(185px / 2);
width: 100%;
height: 1px;
background-color: #ccf3ff;
}
@media (max-width: 767px) {
.stories-slider-divider {
top: calc(100px / 2);
}
}
.stories-slider-modal {
position: fixed;
inset: 0;
display: flex;
flex-direction: column;
overflow: hidden;
z-index: 99999999999;
justify-content: center;
align-items: center;
}
@media (max-width: 1279px) {
.stories-slider-modal {
justify-content: flex-start;
}
}
.stories-slider-modal__overlay {
position: fixed;
inset: 0;
background-color: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
}
.stories-slider-modal__content {
overflow-y: auto;
z-index: 998;
display: flex;
justify-content: center;
width: 100%;
height: 90%;
max-width: 100%;
max-height: 100%;
}
@media (min-width: 1279px) {
.stories-slider-modal__content {
width: 1280px;
height: calc(620px + 20px);
}
}
.modal-stories {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: flex;
align-items: center;
width: 100%;
flex: 1;
overflow: hidden;
}
.modal-stories__blocks {
display: flex;
position: relative;
height: 100%;
width: 100%;
align-items: center;
}
.modal-stories__stories {
position: absolute;
transition: all 0.7s ease-in-out;
box-sizing: border-box;
display: flex;
flex-direction: column;
border-radius: 25px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.modal-stories__stories--level-left {
height: 80%;
max-height: 500px;
width: 300px;
left: 100px;
}
@media (max-width: 1279px) {
.modal-stories__stories--level-left {
left: -97vw;
height: 90%;
width: 100%;
z-index: -2;
max-height: unset;
}
}
.modal-stories__stories--level-center {
width: 360px;
left: calc(300px + 100px + 60px);
height: 100%;
max-height: 620px;
}
@media (max-width: 1279px) {
.modal-stories__stories--level-center {
height: 90%;
width: 90%;
left: 50%;
transform: translate(-50%);
position: relative;
z-index: 1;
max-height: unset;
}
}
.modal-stories__stories--level-right {
height: 80%;
max-height: 500px;
width: 300px;
left: calc(360px + calc(300px + 100px + 60px) + 60px);
}
@media (max-width: 1279px) {
.modal-stories__stories--level-right {
left: 97vw;
height: 90%;
width: 100%;
z-index: -1;
max-height: unset;
}
}
@media (min-width: 1280px) {
.modal-stories__stories--left-enter {
opacity: 0;
left: calc(100px - 300px);
height: calc(500px - 30px);
width: calc(300px - 20px);
}
.modal-stories__stories--left-exit {
opacity: 1;
left: calc(360px + calc(300px + 100px + 60px) + 60px);
height: 500px;
width: 300px;
}
.modal-stories__stories--left-enter-active {
opacity: 1;
left: 100px;
height: 80%;
max-height: 500px;
width: 300px;
transition: left 1s, opacity 1s, height 1s, width 1s, max-height 1s;
}
.modal-stories__stories--left-exit-active {
left: calc(calc(360px + calc(300px + 100px + 60px) + 60px) + 300px + 20px);
opacity: 0;
height: calc(500px - 30px);
width: calc(300px - 20px);
transition: left 1s, opacity 1s, height 1s, width 1s, max-height 1s;
}
.modal-stories__stories--right-enter {
opacity: 0;
left: calc(calc(360px + calc(300px + 100px + 60px) + 60px) + 300px);
height: calc(500px - 30px);
width: calc(300px - 20px);
}
.modal-stories__stories--right-enter-active {
left: calc(360px + calc(300px + 100px + 60px) + 60px);
opacity: 1;
height: 80%;
max-height: 500px;
width: 300px;
transition: left 1s, opacity 1s, height 1s, width 1s, max-height 1s;
}
.modal-stories__stories--right-exit {
opacity: 1;
left: 100px;
height: 500px;
width: 300px;
}
.modal-stories__stories--right-exit-active {
opacity: 0;
left: calc(100px - 300px - 20px);
height: calc(500px - 30px);
width: calc(300px - 20px);
transition: left 1s, opacity 1s, height 1s, width 1s, max-height 1s;
}
}
.modal-stories-navigation-button {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
top: 0;
bottom: 0;
width: 70px;
height: 100%;
background-color: transparent;
cursor: pointer;
z-index: 3;
left: -70px;
right: unset;
}
.modal-stories-navigation-button--next {
left: unset;
right: -70px;
}
.modal-stories-navigation-button__icon {
color: #044ba2;
}
.stories-slider-story {
position: relative;
display: flex;
flex: 1;
overflow: hidden;
align-items: center;
flex-direction: column;
border-radius: inherit;
}
.stories-slider-story__image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.stories-slider-story__overlay {
position: absolute;
display: flex;
inset: 0;
}
.stories-slider-story__overlay--pause {
width: 100%;
z-index: 2;
}
.stories-slider-story__overlay--navigate {
width: 50%;
z-index: 2;
}
.stories-slider-story__footer-overlay {
position: absolute;
bottom: 0;
width: 100%;
height: 350px;
background: linear-gradient(to bottom, transparent, #ffffff);
}
.stories-slider-story__footer {
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
width: 100%;
padding: 30px 0;
z-index: 2;
}
.stories-slider-story__description {
position: absolute;
bottom: 110px;
text-align: center;
padding: 0 15px;
font-size: 14px;
font-family: "Lato";
z-index: 1;
}
.stories-slider-story__button-container {
height: 50px;
}
.stories-slider-progress-bar {
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 98%;
-webkit-box-pack: justify;
top: 15px;
left: 20px;
right: 20px;
align-self: center;
z-index: 2;
height: 4px;
border-radius: 5px;
gap: 5px;
}
.stories-slider-progress-bar__wrapper {
height: 3px;
max-width: 100%;
transition: opacity 0.4s ease-in-out;
}
.stories-slider-progress-bar__inner {
background-color: #ffffff;
height: 100%;
max-width: 100%;
transform-origin: center left;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
}
.stories-slider-button {
cursor: pointer;
background-color: #044ba2;
height: 50px;
width: 200px;
border: none;
border-radius: 25px;
}
.stories-slider-button__title {
font-size: 18px;
font-family: "Lato";
font-weight: 700;
color: #ffffff;
}
.stories-slider-button:hover {
background: #30c6ff;
border-color: #30c6ff;
color: #ffffff;
text-decoration: none;
transition: 0.3s;
}
.block-stories-slider {
padding: 20px;
background: #f1f1f1;
}
/**
* Mageplaza
*
* NOTICE OF LICENSE
*
* This source file is subject to the mageplaza.com license that is
* available through the world-wide-web at this URL:
* https://www.mageplaza.com/LICENSE.txt
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this extension to newer
* version in the future.
*
* @category Mageplaza
* @package Mageplaza_RewardPointsUltimate
* @copyright Copyright (c) Mageplaza (https://www.mageplaza.com/)
* @license https://www.mageplaza.com/LICENSE.txt
*/
.mp-rw-social {
float: left;
margin: 5px;
}
.mp-reward-vertical .mp-reward-progress {
margin-left: 40%;
width: 150px;
}
.mp-reward-vertical .mp-reward-progress-step {
height: 150px;
}
.mp-reward-vertical .mp-reward-progress-step:after {
content: '';
position: absolute;
width: 20px;
height: 100%;
margin: auto 5px auto 0;
bottom: 100px;
left: 20px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mp-reward-vertical .mp-reward-step-end:after {
display: none;
}
.mp-reward-vertical .mp-reward-step-range {
position: absolute;
height: 100%;
width: 16px;
bottom: 100px;
left: 22px;
z-index: 1;
}
.mp-reward-vertical .mp-reward-tier-name {
position: absolute;
top: 15px;
left: -110px;
width: 100px;
text-align: right;
}
.mp-reward-vertical .mp-reward-tier-min-point {
position: absolute;
top: 15px;
left: 70px;
width: 100px;
text-align: left;
}
.mp-reward-vertical .reward-milestone-tier {
width: 70%;
}
.mp-reward-horizontal .mp-reward-progress {
display: flex;
height: 100px;
margin-top: 40px;
}
.mp-reward-progress-step {
position: relative;
}
.mp-reward-horizontal .mp-reward-progress-step {
width: 28%;
}
.mp-reward-step-image {
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
z-index: 2;
position: absolute;
overflow: hidden;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mp-reward-step-image img {
margin: 5px 0;
width: 50px;
height: 50px;
}
#mp-reward-milestone-tier .mp-reward-step-image.mp-step-pass {
box-shadow: none;
}
.mp-reward-horizontal .mp-reward-step-range {
width: 100%;
height: 16px;
z-index: 1;
position: absolute;
top: 22px;
border-radius: 3px;
left: 50px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
#mp-reward-milestone-tier.mp-reward-horizontal .mp-reward-step-end {
width: 5%;
}
.mp-reward-horizontal .mp-reward-progress-step:after {
content: '';
position: absolute;
width: 96%;
height: 20px;
margin: auto 5px auto 0;
top: 20px;
left: 15px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.mp-reward-horizontal .mp-reward-step-end:after {
display: none;
}
.mp-reward-horizontal .mp-reward-tier-info .mp-reward-tier-name {
position: absolute;
top: -35px;
left: 5px;
width: 200px;
text-align: justify;
}
.mp-reward-horizontal .mp-reward-tier-info .mp-reward-tier-min-point {
position: absolute;
top: 65px;
left: 5px;
width: 50px;
text-align: center;
}
.reward-milestone-tier .block-content .box-milestone-tier .box-image {
height: 75px;
margin-right: 10px;
}
.reward-milestone-tier .block-content .box-milestone-tier {
display: flex;
width: 100%;
}
.mp-reward-tier-description {
position: absolute;
top: 45px;
left: 60px;
font-size: 1rem;
width: 90px;
z-index: 3;
background-color: white;
padding: 2px;
height: 45px;
box-shadow: 5px 2px 7px grey;
text-align: justify;
overflow: auto;
display: none;
}
#mp-reward-milestone-tier.mp-reward-horizontal .mp-reward-step-end .mp-reward-tier-description {
left: -135px;
}
@media only screen and (min-width: 600px) {
.mp-reward-horizontal .mp-reward-progress-step {
width: 30%;
}
.mp-reward-vertical {
display: flex;
}
.mp-reward-vertical .mp-reward-progress {
margin-left: 100px;
}
#mp-reward-milestone-tier.mp-reward-vertical .box-milestone-tier {
width: 100%;
}
.mp-reward-tier-description {
width: 130px;
}
}
@media only screen and (min-width: 1024px) {
.mp-reward-horizontal .mp-reward-progress-step {
width: 31%;
}
.mp-reward-vertical {
display: flex;
}
.mp-reward-vertical .mp-reward-progress {
margin-left: 100px;
}
}
.mp-reward-tier-info {
font-size: 2rem;
font-weight: 400;
}
.mp-reward-slide {
position: relative;
height: 300px;
}
.mp-reward-slide .reward-milestone-tier {
position: absolute;
margin-top: 220px;
width: 100%;
}
.mp-reward-container {
position: absolute;
height: 200px;
left: 0;
right: 0;
margin: auto;
background-color: #bdf2ff;
overflow: hidden;
}
.mask {
position: absolute;
width: 100%;
height: 100%;
background-image: linear-gradient(to right, #6bc0df, rgba(107, 192, 223, 0.1), rgba(107, 192, 223, 0), rgba(107, 192, 223, 0.1), #6bc0df);
}
.mp-reward-slide .mp-reward-tier-description {
background-color: white;
}
.mp-reward-slide .mp-reward-tier-min-point {
color: #333333;
font-weight: 700;
}
.mp-reward-step-progress {
position: relative;
top: 35%;
left: 0;
width: 75%;
right: 0;
margin: auto;
}
.mp-tier {
position: absolute;
text-align: center;
border-radius: 50%;
color: inherit;
width: 40px;
height: 40px;
z-index: 2;
}
.mp-reward-slide .mp-tier img {
width: 35px;
height: 35px;
margin-top: 2px;
}
.progress {
width: 35%;
height: 10px;
position: absolute;
top: 15px;
}
.bar {
height: 100%;
width: 0;
transform: skew(-30deg);
}
.mp-reward-control div {
position: absolute;
width: 50px;
height: 50px;
top: 75%;
font-size: 3rem;
text-align: center;
opacity: 0.25;
}
.mp-reward-control div:hover {
opacity: 1;
}
.mp-next-bar {
right: 0;
}
.mp-next-bar:before {
content: '\e608';
font-family: 'luma-icons';
}
.mp-back-bar {
left: 0;
}
.mp-back-bar:before {
content: '\e617';
font-family: 'luma-icons';
}
.mp-reward-slide .mp-reward-tier-name {
position: absolute;
top: -25px;
left: 0;
text-align: justify;
width: 200px;
font-weight: 700;
color: #333333;
}
.mp-reward-slide .mp-reward-tier-description {
position: absolute;
width: 60%;
height: 30px;
left: 20%;
text-align: justify;
display: block;
top: 80%;
font-size: 1.5rem;
padding: 2px 5px;
overflow: auto;
border-radius: 5px;
}
.block-reward-dashboard .box-milestone-tier .box-image img {
height: 75px;
}
/** Style on category page **/
.action.to_cart_by_points {
display: inline-block;
vertical-align: bottom;
padding: 0 12px 0 5px;
margin: 0;
background: none;
border: none;
box-shadow: none;
}
.action.to_cart_by_points img {
width: 20px;
height: 20px;
}
.subsidiaries-theme .page-main {
max-width: 100% !important;
height: 80vh;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main {
height: auto;
}
}
.subsidiaries-theme .page-main .columns {
height: 100%;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns {
height: auto;
}
}
.subsidiaries-theme .page-main .columns .column.main {
height: 100%;
padding-bottom: 0;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main {
height: auto;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container {
margin: 0;
width: 100%;
height: 100%;
position: relative;
border-radius: 30px;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container {
height: auto;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper {
height: 100%;
max-width: 1640px;
border-radius: inherit;
margin: 0 auto;
display: flex;
flex-direction: column;
padding: 0 50px;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper {
padding: 0;
height: auto;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-title {
display: none;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-title {
display: block;
margin: 30px 0;
margin-left: 24px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-title > span {
font-size: 32px;
line-height: 38px;
font-weight: 700;
color: #000000;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container {
display: inline-block;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
z-index: 1;
width: 35%;
max-width: 380px;
background-color: #ffffff;
filter: drop-shadow(0px -10px 15px rgba(0, 70, 158, 0.15));
border-radius: 30px;
padding: 24px 10px;
margin-top: 30px;
margin-bottom: 20px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container:before,
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container:after {
content: '';
display: table;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container:after {
clear: both;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle {
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e607';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle:hover:after {
color: inherit;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle:active:after {
color: inherit;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle.active {
display: inline-block;
text-decoration: none;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle.active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e618';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle.active:hover:after {
color: inherit;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle.active:active:after {
color: inherit;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options {
margin: 0;
padding: 0;
list-style: none none;
background: #ffffff;
border: 1px solid #bbbbbb;
margin-top: 4px;
min-width: 100%;
z-index: 100;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options li {
margin: 0;
padding: 3px 5px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options li:hover {
background: #e8e8e8;
cursor: pointer;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options:before,
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options:before {
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options:after {
border: 7px solid;
border-color: transparent transparent #bbbbbb transparent;
z-index: 98;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options:before {
left: 10px;
top: -12px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options:after {
left: 9px;
top: -14px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container.active {
overflow: visible;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container.active ul.dropdown-options {
display: block;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container {
background: transparent;
padding: 0;
margin: 0 24px;
width: auto;
max-width: unset;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle {
width: 100%;
border-radius: 30px;
min-height: 43px;
display: flex;
align-items: center;
overflow: hidden;
justify-content: space-between;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle:after {
border: solid #000000;
border-width: 0 2px 2px 0;
padding: 4px;
transform: translateY(-50%) rotate(45deg);
content: "";
position: absolute;
right: 15px;
top: 45%;
margin-right: 10px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle.active {
display: flex;
border-color: #00469e;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle.active:after {
border: solid #000000;
border-width: 0 2px 2px 0;
padding: 4px;
transform: translateY(-50%) rotate(-135deg);
content: "";
position: absolute;
right: 15px;
top: 55%;
margin-right: 10px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle .label-text {
display: flex;
flex: 1;
gap: 60px;
margin-left: 20px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container .action.toggle .placeholder {
display: flex;
flex: 1;
color: rgba(0, 0, 0, 0.3);
margin-left: 20px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 20px;
padding: 25px;
width: max-content;
border: 0;
left: 0;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options:before {
border: 8px solid;
border-color: transparent transparent #ffffff transparent;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options:after {
border: 10px solid;
border-color: transparent transparent #ffffff transparent;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-search-container ul.dropdown-options .dropdown-option {
display: flex;
min-height: 35px;
align-items: center;
gap: 60px;
margin-bottom: 10px;
justify-content: space-between;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container {
position: relative;
overflow: hidden;
width: 35%;
max-width: 390px;
height: 55vh;
border-radius: 30px;
background-color: #ffffff;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
padding: 30px;
padding-left: 0;
padding-right: 10px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container {
margin: 0;
width: auto;
max-width: unset;
height: auto;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
filter: none;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list {
overflow-y: auto;
margin: 0;
padding: 0;
height: 100%;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list {
height: auto;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list::-webkit-scrollbar {
width: 7px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list::-webkit-scrollbar-thumb {
background-color: #00469e;
border-radius: 50px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list::-webkit-scrollbar-track {
background-color: #f6f6f6;
border-radius: 50px;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item {
position: relative;
list-style: none;
margin: 0;
cursor: pointer;
padding: 15px 0;
padding-left: 30px;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item {
pointer-events: none;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item .subsidiary-info-container {
display: flex;
align-items: flex-start;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item .subsidiary-info-container::before {
content: "";
display: inline-block;
margin-right: 10px;
vertical-align: middle;
width: 32px;
height: 32px;
background: url("../CloudEBS_Subsidiaries/images/icon-location-blue.svg") center;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item .subsidiary-info {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item .subsidiary-name {
font-size: 16px;
line-height: 24px;
color: #000000;
font-weight: 700;
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item .subsidiary-address {
font-size: 12px;
line-height: 15px;
color: rgba(0, 0, 0, 0.7);
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item .subsidiary-link {
display: none;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item .subsidiary-link {
display: block;
pointer-events: auto;
font-size: 12px;
line-height: 15px;
color: #00469e;
text-decoration: underline;
text-underline-offset: 2px;
margin-top: 4px;
margin-bottom: 10px;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item.selected-item {
padding-left: 26px;
border-left: solid 4px #30c6ff;
box-sizing: border-box;
background-color: #00469e;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item.selected-item {
padding-left: 30px;
border: none;
background-color: #ffffff;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item.selected-item .subsidiary-info-container::before {
background: url("../CloudEBS_Subsidiaries/images/icon-location-white.svg") center;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item.selected-item .subsidiary-info-container::before {
background: url("../CloudEBS_Subsidiaries/images/icon-location-blue.svg") center;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item.selected-item .subsidiary-name {
color: #ffffff;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item.selected-item .subsidiary-name {
color: #000000;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item.selected-item .subsidiary-address {
color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item.selected-item .subsidiary-address {
color: rgba(0, 0, 0, 0.7);
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item-divider {
display: flex;
height: 1px;
background-color: rgba(0, 0, 0, 0.3);
margin: 1px 0;
margin-left: 24px;
margin-right: 6px;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list .subsidiary-item-divider {
margin: 0 24px;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list-overlay {
position: absolute;
height: 134px;
background: linear-gradient(to bottom, transparent, #ffffff);
bottom: 0;
left: 0;
right: 0;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-list-wrapper .subsidiaries-list-container .subsidiaries-list-overlay {
display: none;
}
}
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-map-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: inherit;
}
@media (max-width: 767px) {
.subsidiaries-theme .page-main .columns .column.main .subsidiaries-container .subsidiaries-map-container {
display: none;
}
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide {
z-index: 99999999;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap {
background: unset;
width: 100%;
max-height: 100vh;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .modal-header {
display: none;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .modal-content {
height: 100%;
margin: 0;
padding: 0;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .subsidiary-modal {
height: 100%;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .subsidiary-modal .subsidiary-modal-map {
position: relative;
width: 100%;
height: 100%;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .subsidiary-modal .subsidiary-modal-close-button {
display: block;
position: absolute;
width: 46px;
height: 46px;
background-color: #63c4ff;
right: 10px;
border-radius: 50%;
top: 15px;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .subsidiary-modal .subsidiary-modal-close-button::before {
content: "";
position: absolute;
background: url("../CloudEBS_Subsidiaries/images/icon-close.svg") center;
width: 15px;
height: 15px;
top: 16px;
left: 16px;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .subsidiary-modal .subsidiary-selected-container {
position: absolute;
padding: 30px;
background-color: #ffffff;
border-radius: 30px;
bottom: 35px;
left: 12px;
right: 12px;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
display: flex;
align-items: flex-start;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .subsidiary-modal .subsidiary-selected-container::before {
content: "";
display: inline-block;
margin-right: 10px;
vertical-align: middle;
width: 32px;
height: 32px;
background: url("../CloudEBS_Subsidiaries/images/icon-location-blue.svg") center;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .subsidiary-modal .subsidiary-selected-container .subsidiary-selected-info {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .subsidiary-modal .subsidiary-selected-container .subsidiary-selected-info .subsidiary-name {
font-size: 16px;
line-height: 24px;
color: #000000;
font-weight: 700;
}
.subsidiaries-theme .modals-wrapper .modal-popup.modal-slide .modal-inner-wrap .subsidiary-modal .subsidiary-selected-container .subsidiary-selected-info .subsidiary-address {
font-size: 12px;
line-height: 15px;
color: rgba(0, 0, 0, 0.7);
}
.blog-author-view .post-author-avatar a img,
.blog-post-view .post-author-avatar a img {
border-radius: 50%;
}
.blog-author-view .author-detail,
.blog-post-view .author-detail {
padding: 20px;
border: 1px solid #d5d6da;
margin-bottom: 30px;
}
.blog-author-view .author-detail .block-info,
.blog-post-view .author-detail .block-info {
display: flex;
}
.blog-author-view .author-detail .block-info .block-img,
.blog-post-view .author-detail .block-info .block-img {
width: 10%;
flex: 0 0 100px;
margin-right: 20px;
}
.blog-author-view .author-detail .block-info .block-img .author-image,
.blog-post-view .author-detail .block-info .block-img .author-image {
width: 100px;
height: auto;
}
.blog-author-view .author-detail .block-info .block-data,
.blog-post-view .author-detail .block-info .block-data {
flex: 1 1;
}
.blog-author-view .author-detail .block-info .block-data .author-name,
.blog-post-view .author-detail .block-info .block-data .author-name {
margin: 7px 0;
font-size: 17px;
line-height: 21px;
font-weight: 700;
}
.blog-author-view .author-detail .block-info .block-data .author-role,
.blog-post-view .author-detail .block-info .block-data .author-role {
opacity: .7;
margin: 5px 0;
font-weight: 600;
}
.blog-author-view .author-detail .block-info .block-data .social-icons,
.blog-post-view .author-detail .block-info .block-data .social-icons {
display: flex;
}
.blog-author-view .author-detail .block-info .block-data .social-icons .icon,
.blog-post-view .author-detail .block-info .block-data .social-icons .icon {
padding: 5px;
}
.blog-author-view .author-detail .block-info .block-data .social-icons .icon:nth-child(1),
.blog-post-view .author-detail .block-info .block-data .social-icons .icon:nth-child(1) {
padding-left: 0;
}
.blog-author-view .author-detail .block-info .block-data .social-icons .icon img,
.blog-post-view .author-detail .block-info .block-data .social-icons .icon img {
width: 18px;
height: 18px;
}
.blog-author-view .author-detail .block-info .block-data .social-icons .icon img:hover,
.blog-post-view .author-detail .block-info .block-data .social-icons .icon img:hover {
opacity: .7;
}
.blog-author-view .author-detail .block-info .block-data .block-description,
.blog-post-view .author-detail .block-info .block-data .block-description {
width: 100%;
}
.blog-author-view .author-detail .block-info .block-data .block-description .block-content,
.blog-post-view .author-detail .block-info .block-data .block-description .block-content {
margin-top: 10px;
}
.blog-author-view .author-detail .a-right,
.blog-post-view .author-detail .a-right {
text-align: right;
}
.blog-author-view .author-detail .a-right .action-primary,
.blog-post-view .author-detail .a-right .action-primary {
border: 1px solid #1979c3;
color: #fff;
}
.customer-rewards-referral .rewards-dashboard,
.cms-recomanda-lafantana .rewards-dashboard {
display: flex;
}
.customer-rewards-referral .rewards-dashboard .hide,
.cms-recomanda-lafantana .rewards-dashboard .hide {
display: none !important;
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content {
position: relative;
max-width: 325px;
margin: 0 auto 50px;
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content:after,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content:after {
display: block;
width: calc(100% - 24px);
left: 50%;
bottom: -10px;
transform: translateX(-50%);
z-index: -1;
height: 80px;
content: "";
position: absolute;
border-radius: 30px;
background: #30c6ff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-balance,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-balance {
border-radius: 30px;
background: #ffffff;
height: 200px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.16);
z-index: 2;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
background-color: rgba(255, 255, 255, 0.96);
font-weight: 900;
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-balance .box-balance-points,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-balance .box-balance-points {
font-size: 54px;
line-height: 60px;
color: #30C6FF;
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-balance .box-balance-title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-balance .box-balance-title {
font-size: 14px;
color: #001D3A;
opacity: 0.3;
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-balance .box-balance-subtitle,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-balance .box-balance-subtitle {
padding: 10px 20px 0;
text-align: center;
font-size: 16px;
font-weight: 500;
color: #000000;
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-refer,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-refer {
padding: 0 12px;
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-refer .box-refer-content,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-refer .box-refer-content {
background: #01469E;
border-radius: 0 0 30px 30px;
position: relative;
padding: 25px 24px;
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-refer .box-refer-content:before,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-refer .box-refer-content:before {
content: '';
display: block;
width: 100%;
height: 110px;
position: absolute;
top: 0;
left: 0;
background: #01469E;
border-radius: 30px 30px 0 0;
z-index: 1;
transform: translateY(-100%);
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-refer .box-refer-description,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-refer .box-refer-description {
color: #ffffff;
font-size: 16px;
line-height: 22px;
text-align: center;
margin-bottom: 25px;
}
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-refer .actions .action-primary,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-refer .actions .action-primary,
.customer-rewards-referral .rewards-dashboard .rewards-points-content .box-refer .actions .actions-primary > a,
.cms-recomanda-lafantana .rewards-dashboard .rewards-points-content .box-refer .actions .actions-primary > a {
color: #01469E;
background: #ffffff;
padding: 0 32px;
width: max-content;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details {
flex-grow: 1;
padding-right: 90px;
box-sizing: border-box;
}
@media (max-width: 1439px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details {
padding-right: 25px;
}
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details {
padding-right: 0;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details img,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details img {
display: block;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .page-title-wrapper .page-title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .page-title-wrapper .page-title {
margin: 0 0 13px;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .page-title-wrapper .page-title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .page-title-wrapper .page-title {
margin: 0 0 13px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details > .subtitle,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details > .subtitle {
font-size: 18px;
line-height: 22px;
font-weight: 700;
color: #01469E;
margin-bottom: 22px;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details > .subtitle,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details > .subtitle {
padding: 0 25px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .tabs,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .tabs {
display: flex;
margin-bottom: 40px;
border-bottom: 2px solid #efefef;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .tabs,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .tabs {
margin: 0 25px 40px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .tabs .tab,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .tabs .tab {
margin-right: 20px;
color: #000000;
font-size: 18px;
font-weight: 500;
line-height: 24px;
padding-bottom: 3px;
position: relative;
cursor: pointer;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .tabs .tab.active,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .tabs .tab.active {
color: #00469E;
font-weight: 700;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .tabs .tab.active:after,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .tabs .tab.active:after {
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: -2px;
border-bottom: 2px solid #00469E;
content: ' ';
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image {
margin-bottom: 25px;
}
@media (max-width: 1439px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image {
margin-bottom: 45px;
}
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image {
padding: 0 25px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .main-image img,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .main-image img {
border: 10px solid #E9E9E9;
border-radius: 30px;
box-sizing: border-box;
width: 100%;
object-fit: cover;
}
@media (max-width: 479px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .main-image img,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .main-image img {
height: 200px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list {
height: 195px;
position: relative;
margin-top: -110px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
z-index: 1;
}
@media (max-width: 639px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item {
display: none;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.prev-1,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.prev-1 {
z-index: 2;
transform: translate3d(-125%, -50%, 0) scale3d(0.65, 0.65, 1);
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.prev-1.mobile,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.prev-1.mobile {
display: none;
}
@media (max-width: 639px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.prev-1.mobile,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.prev-1.mobile {
transform: translate3d(-120%, -50%, 0) scale3d(0.65, 0.65, 1);
display: block;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.prev-2,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.prev-2 {
transform: translate3d(-172%, -50%, 0) scale3d(0.5, 0.5, 1);
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.active,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.active {
z-index: 3;
display: block;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.next-1,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.next-1 {
z-index: 2;
transform: translate3d(25%, -50%, 0) scale3d(0.65, 0.65, 1);
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.next-1.mobile,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.next-1.mobile {
display: none;
}
@media (max-width: 639px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.next-1.mobile,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.next-1.mobile {
transform: translate3d(20%, -50%, 0) scale3d(0.65, 0.65, 1);
display: block;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.next-2,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item.next-2 {
transform: translate3d(72%, -50%, 0) scale3d(0.5, 0.5, 1);
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item img,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item img {
border-radius: 50%;
border: 5px solid #ffffff;
box-sizing: border-box;
width: 195px;
height: 195px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
}
@media (max-width: 1023px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item img,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .block-rewards-image .image-list .image-item img {
height: 140px;
width: 140px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-points-content,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-points-content {
display: none;
}
@media (max-width: 1439px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-points-content,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-points-content {
display: block;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral {
padding: 32px 24px;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral {
border-radius: 17px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral {
margin-bottom: 45px;
padding: 0;
}
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block {
border-radius: 17px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
padding: 32px 24px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code {
margin-bottom: 30px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .title {
font-size: 24px;
line-height: 24px;
font-weight: 700;
color: #000000;
margin-bottom: 16px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .subtitle,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .subtitle {
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #000000;
margin-bottom: 26px;
padding: 0;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-label,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-label {
font-size: 14px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-input,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-input {
display: grid;
grid-template-columns: 70% 28%;
grid-column-gap: 2%;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-input,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-input {
grid-template-columns: 100%;
grid-row-gap: 10px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-input .copy,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-input .copy {
height: 43px;
border-radius: 20px;
border: 1px solid #00469E;
font-size: 14px;
font-weight: 600;
color: #00469E;
padding: 0 20px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-input .copy,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.url-and-code .content .mp-url .mp-input .copy {
width: 50%;
margin-left: 50%;
box-sizing: border-box;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.divider,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.divider {
height: 52px;
position: relative;
font-size: 14px;
font-weight: 600;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.divider,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.divider {
display: none;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.divider:before,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.divider:before {
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
background: #65CFF7;
z-index: 0;
top: 50%;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.divider span,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.divider span {
width: 52px;
height: 52px;
background: #65CFF7;
color: #ffffff;
margin: 0 auto;
z-index: 1;
position: relative;
display: flex;
justify-content: center;
align-items: center;
border-radius: 26px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .title {
font-size: 24px;
line-height: 24px;
font-weight: 700;
color: #000000;
margin-bottom: 16px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .subtitle,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .subtitle {
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #000000;
margin-bottom: 26px;
padding: 0;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .label,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .label {
font-size: 14px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control {
display: grid;
grid-template-columns: 70% 28%;
grid-column-gap: 2%;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control {
grid-template-columns: 100%;
grid-row-gap: 10px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .action.primary,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .action.primary,
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
height: 43px;
border-radius: 20px;
border: 1px solid #00469E;
font-size: 14px;
font-weight: 600;
color: #00469E;
background: #ffffff;
padding: 0 20px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .action.primary,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .action.primary,
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .mp-reward-referral .block.refer-via-social .content .control .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
width: 50%;
margin-left: 50%;
box-sizing: border-box;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works {
padding: 32px 24px;
border-radius: 17px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
margin-bottom: 50px;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works {
margin-bottom: 45px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-title {
margin-bottom: 30px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step {
margin-bottom: 15px;
padding-left: 55px;
position: relative;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step:before,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step:before {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 42px;
height: 42px;
-webkit-mask-image: url('../CloudEBS_CustomRewardPoints/images/refer_order_icon.svg');
mask-image: url('../CloudEBS_CustomRewardPoints/images/refer_order_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
background: #30C6FF;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step.link:before,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step.link:before {
-webkit-mask-image: url('../CloudEBS_CustomRewardPoints/images/refer_link_icon.svg');
mask-image: url('../CloudEBS_CustomRewardPoints/images/refer_link_icon.svg');
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step.percent:before,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step.percent:before {
-webkit-mask-image: url('../CloudEBS_CustomRewardPoints/images/refer_percent_icon.svg');
mask-image: url('../CloudEBS_CustomRewardPoints/images/refer_percent_icon.svg');
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step.points:before,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step.points:before {
-webkit-mask-image: url('../CloudEBS_CustomRewardPoints/images/refer_points_icon.svg');
mask-image: url('../CloudEBS_CustomRewardPoints/images/refer_points_icon.svg');
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step-title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step-title {
font-size: 18px;
line-height: 22px;
font-weight: 700;
margin-bottom: 8px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step-description,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-works-list-step .rewards-works-step-description {
font-size: 16px;
line-height: 20px;
opacity: 0.5;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-policy,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-policy {
font-size: 16px;
line-height: 20px;
padding: 15px 0;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-policy a,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-works .rewards-policy a {
text-decoration: underline;
color: #01469E;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-actions,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-actions {
margin-bottom: 100px;
}
@media (max-width: 767px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-actions,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-actions {
margin-bottom: 0;
padding: 0 25px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-actions a,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-actions a {
margin: 0 0 0 auto;
width: max-content;
padding: 0 32px;
min-width: 160px;
color: #ffffff;
background: #00469E;
height: 50px;
line-height: 48px;
border-radius: 25px;
font-weight: 600;
}
@media (max-width: 479px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-actions a,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-actions a {
width: 100%;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .rewards-actions a:hover,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .rewards-actions a:hover {
font-weight: 600;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history {
min-height: 400px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history > .title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history > .title {
display: none;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance {
display: grid;
grid-template-columns: 30% 30% 30%;
grid-column-gap: 5%;
margin-bottom: 40px;
}
@media (max-width: 479px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance {
grid-template-columns: 100%;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container {
position: relative;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container:after,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container:after {
display: block;
width: calc(100% - 24px);
left: 50%;
bottom: -10px;
transform: translateX(-50%);
z-index: -1;
height: 80px;
content: "";
position: absolute;
border-radius: 30px;
background: #30c6ff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance {
border-radius: 30px;
background: #ffffff;
height: 200px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.16);
z-index: 2;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
background-color: rgba(255, 255, 255, 0.96);
font-weight: 900;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance .box-balance-points,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance .box-balance-points {
font-size: 54px;
line-height: 60px;
color: #30C6FF;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance .box-balance-title,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance .box-balance-title {
font-size: 14px;
color: #001D3A;
opacity: 0.3;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance .box-balance-subtitle,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance .box-balance-subtitle {
padding: 10px 20px 0;
text-align: center;
font-size: 16px;
font-weight: 500;
color: #000000;
}
@media (max-width: 479px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance {
margin-bottom: 40px;
}
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance.collected .box-balance-points,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance.collected .box-balance-points {
font-weight: 500;
color: #01469E;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance.spent .box-balance-points,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .points-balance .box-balance-container .box-balance.spent .box-balance-points {
font-weight: 500;
color: #01469E;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > thead,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > thead {
background-color: #01469E0D;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > thead > tr > th,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > thead > tr > th {
border-bottom: 0;
padding: 24px 10px;
font-size: 18px;
font-weight: 700;
line-height: 24px;
background-color: #01469E0D;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > thead > tr > th.first,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > thead > tr > th.first {
border-radius: 20px 0 0 0;
padding-left: 24px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > thead > tr > th.last,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > thead > tr > th.last {
border-radius: 0 20px 0 0;
padding-right: 24px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > tbody > tr > td,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > tbody > tr > td {
vertical-align: middle;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > tbody > tr > td.first,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > tbody > tr > td.first {
padding-left: 24px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > tbody > tr > td.last,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > tbody > tr > td.last {
padding-right: 24px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > tbody > tr > td.details,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .data.table.transactions-history > tbody > tr > td.details {
width: 250px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .transactions-toolbar.toolbar.bottom,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .transactions-toolbar.toolbar.bottom {
height: 40px;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .transactions-toolbar.toolbar.bottom .pager .toolbar-amount,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .transactions-toolbar.toolbar.bottom .pager .toolbar-amount {
display: none;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-details .transaction-history .transactions-toolbar.toolbar.bottom .pager .limiter,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-details .transaction-history .transactions-toolbar.toolbar.bottom .pager .limiter {
display: none;
}
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-points,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-points {
width: 325px;
flex-shrink: 0;
}
@media (max-width: 1439px) {
.customer-rewards-referral .rewards-dashboard .rewards-dashboard-points,
.cms-recomanda-lafantana .rewards-dashboard .rewards-dashboard-points {
display: none;
}
}
.block-minicart .fsm {
background: #F8F9FB;
display: block;
max-width: 350px;
margin: 15px 0 0 auto;
padding: 15px 25px;
text-align: right;
}
.block-minicart .fsm strong:first-child {
display: block;
}
.cart-container .fsm {
background: #FDE7E7;
font-size: 2.2rem;
padding: 10px 25px;
margin-bottom: 25px;
}
.cart-container .fsm strong {
font-weight: 400;
}
#subscriptions-terms-and-conditions h2 {
font-size: 18px;
}
#subscriptions-terms-and-conditions .subscription-terms .title {
font-size: 14px;
font-weight: 600;
}
#subscriptions-terms-and-conditions .subscription-terms .term-content {
border: 1px #bbb solid;
max-height: 300px;
overflow-y: scroll;
padding: 15px;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement {
margin: 20px 0 20px 0;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label {
color: #333;
position: relative;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
top: 100%;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle {
cursor: help;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:hover + .tooltip-content,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:focus + .tooltip-content,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label:hover .tooltip-content {
display: block;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
margin: 0 5px;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:hover {
text-decoration: none;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content {
left: -32px;
}
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
left: 22px;
}
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
top: 100%;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle {
cursor: help;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:hover + .tooltip-content,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:focus + .tooltip-content,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label:hover .tooltip-content {
display: block;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:hover {
text-decoration: none;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content {
left: -32px;
}
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before,
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
left: 22px;
}
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:before {
margin-right: 0;
position: static;
transform: none;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-toggle:hover .tooltip-content {
display: block;
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16);
border-color: #40c7fc;
width: 300px;
left: -145px;
padding: 18px;
line-height: 22px;
margin-bottom: 0;
box-sizing: border-box;
}
@media (max-width: 1024px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content {
right: -15px;
top: 50%;
transform: translate(100%, -50%);
left: auto;
bottom: auto;
max-width: calc(100VW - 80px);
}
}
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
border-top-color: #40c7fc;
}
@media (max-width: 1024px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:before {
border-top-color: transparent;
border-right-color: #40c7fc;
top: 50%;
left: -10px;
transform: translateY(-50%);
}
}
@media (max-width: 1024px) {
#subscriptions-terms-and-conditions .subscription-terms .subscr-agreement label .tooltip-content:after {
border-top-color: transparent;
border-right-color: #ffffff;
top: 50%;
left: -9px;
transform: translateY(-50%);
}
}
.column .block-addbysku .fieldset {
margin: 0;
}
.column .block-addbysku .fieldset .fields {
position: relative;
}
.column .block-addbysku .fieldset .fields .field {
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
}
.column .block-addbysku .fieldset .fields .actions-toolbar {
position: absolute;
right: 0;
top: 4px;
}
.column .block-addbysku .sku {
margin-right: -155px;
padding-right: 160px;
width: 100%;
}
.column .block-addbysku .skus > .label {
margin-top: 10px;
}
.column .block-addbysku .qty .qty + .mage-error {
width: 80px;
}
.column .block-addbysku .block-content .actions-toolbar {
clear: both;
margin: 0 0 20px;
text-align: left;
}
.column .block-addbysku .block-content .actions-toolbar:before,
.column .block-addbysku .block-content .actions-toolbar:after {
content: '';
display: table;
}
.column .block-addbysku .block-content .actions-toolbar:after {
clear: both;
}
.column .block-addbysku .block-content .actions-toolbar .primary {
float: left;
}
.column .block-addbysku .block-content .actions-toolbar .primary,
.column .block-addbysku .block-content .actions-toolbar .secondary {
display: inline-block;
}
.column .block-addbysku .block-content .actions-toolbar .primary a.action,
.column .block-addbysku .block-content .actions-toolbar .secondary a.action {
display: inline-block;
}
.column .block-addbysku .block-content .actions-toolbar .primary .action {
margin: 0 5px 0 0;
}
.column .block-addbysku .block-content .actions-toolbar .secondary a.action {
margin-top: 6px;
}
.column .block-addbysku .block-content .actions-toolbar .primary,
.column .block-addbysku .block-content .actions-toolbar .secondary {
display: block;
float: none;
}
.column .block-addbysku .block-content .actions-toolbar > .secondary {
text-align: left;
}
.column .block-addbysku .reset {
margin: 10px 0;
}
.column .block-addbysku .note {
display: block;
margin: 0 0 20px;
}
.block-cart-failed {
margin-top: 40px;
}
.block-cart-failed .block-title {
font-size: 2.6rem;
}
.block-cart-failed .block-title strong {
font-weight: 300;
}
.block-cart-failed .actions {
text-align: center;
}
.block-cart-failed .actions .action {
margin-bottom: 10px;
}
.bundle-options-container {
clear: both;
margin-bottom: 40px;
}
.bundle-options-container .legend.title {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
margin-top: 2.5rem;
margin-bottom: 2rem;
}
.bundle-options-container .product-add-form {
display: none;
}
.bundle-options-container .product-options-wrapper {
margin-bottom: 30px;
}
.bundle-options-container .action.back {
margin-bottom: 30px;
}
.bundle-options-container .price-box .price {
font-size: 18px;
font-weight: 700;
}
.bundle-options-container .block-bundle-summary {
background: #e8e8e8;
padding: 10px 20px;
}
.bundle-options-container .block-bundle-summary > .title > strong {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
margin-top: 2.5rem;
margin-bottom: 2rem;
}
.bundle-options-container .block-bundle-summary .bundle-summary {
margin-top: 30px;
}
.bundle-options-container .block-bundle-summary .bundle-summary.empty {
display: none;
}
.bundle-options-container .block-bundle-summary .bundle-summary > .subtitle {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
display: block;
}
.bundle-options-container .block-bundle-summary .bundle.items > li {
margin-bottom: 10px;
}
.bundle-options-container .block-bundle-summary .box-tocart .actions {
display: inline-block;
margin-bottom: 10px;
}
.bundle-options-container .block-bundle-summary .product-addto-links > .action {
vertical-align: top;
}
.bundle-options-container .nested .field.qty {
margin-top: 20px;
}
.bundle-options-container .nested .field.qty .label {
font-weight: 700;
margin: 0 0 5px;
display: inline-block;
}
.bundle-options-container p.required {
color: #e02b27;
}
.bundle-options-container .product-options-bottom {
clear: left;
}
.products {
margin: 30px 0;
}
.product-items {
font-size: 0;
}
.product-item {
font-size: 1.4rem;
vertical-align: top;
}
.products-grid .product-item {
display: inline-block;
margin-left: 2%;
padding: 0;
width: calc((100% - 2%) / 2);
}
.product-item:nth-child(2n + 1) {
margin-left: 0;
}
.product-item-name {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
display: block;
hyphens: auto;
margin: 5px 0;
word-wrap: break-word;
}
.product-item-info {
max-width: 100%;
width: 152px;
}
.page-products .product-item-info {
width: 240px;
}
.product-item-actions {
font-size: 0;
}
.product-item-actions > * {
font-size: 1.4rem;
}
.product-item-actions .actions-secondary {
display: inline-block;
font-size: 1.4rem;
vertical-align: middle;
white-space: nowrap;
}
.product-item-actions .actions-secondary > button.action,
.product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action,
.product-item-actions .actions-secondary > .action-gift.action {
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
}
.product-item-actions .actions-secondary > button.action:focus,
.product-item-actions .actions-secondary > button.action:active,
.product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action:focus,
.product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action:active,
.product-item-actions .actions-secondary > .action-gift.action:focus,
.product-item-actions .actions-secondary > .action-gift.action:active {
background: none;
border: none;
}
.product-item-actions .actions-secondary > button.action:hover,
.product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action:hover,
.product-item-actions .actions-secondary > .action-gift.action:hover {
background: none;
border: none;
}
.product-item-actions .actions-secondary > button.action.disabled,
.product-item-actions .actions-secondary > button.action[disabled],
fieldset[disabled] .product-item-actions .actions-secondary > button.action,
.product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action.disabled,
.product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action[disabled],
fieldset[disabled] .product-item-actions .actions-secondary > .cart.table-wrapper .actions-toolbar > .action.action,
.product-item-actions .actions-secondary > .action-gift.action.disabled,
.product-item-actions .actions-secondary > .action-gift.action[disabled],
fieldset[disabled] .product-item-actions .actions-secondary > .action-gift.action {
pointer-events: none;
opacity: 0.5;
}
.product-item-actions .actions-secondary > .action {
line-height: 35px;
text-align: center;
width: 35px;
}
.product-item-actions .actions-secondary > .action:before {
margin: 0;
}
.product-item-actions .actions-primary {
display: inline-block;
vertical-align: middle;
}
.product-item-description {
margin: 25px 0;
}
.product-item .product-reviews-summary .rating-summary {
margin: 0 4px 0 0;
}
.product-item .product-reviews-summary .reviews-actions {
font-size: 12px;
margin-top: 5px;
}
.product-item .price-box {
margin: 10px 0 25px;
}
.product-item .price-box .price {
font-size: 1.4rem;
font-weight: 700;
white-space: nowrap;
}
.product-item .price-box .price-label {
font-size: 12px;
}
.product-item .price-box .price-label:after {
content: ':';
}
.product-item .special-price .price,
.product-item .minimal-price .price {
font-size: 1.4rem;
font-weight: 700;
}
.product-item .special-price .price-wrapper,
.product-item .minimal-price .price-wrapper {
display: inline-block;
}
.product-item .special-price .price-including-tax + .price-excluding-tax,
.product-item .minimal-price .price-including-tax + .price-excluding-tax {
display: block;
}
.product-item .special-price {
display: block;
}
.product-item .old-price .price {
font-weight: 400;
}
.product-item .regular-price .price-label {
display: none;
}
.product-item .minimal-price .price-container {
display: block;
}
.product-item .minimal-price-link {
margin-top: 5px;
}
.product-item .minimal-price-link .price-label {
color: #1979c3;
font-size: 1.4rem;
}
.product-item .minimal-price-link .price {
font-weight: 400;
}
.product-item .minimal-price-link,
.product-item .price-excluding-tax,
.product-item .price-including-tax {
display: block;
white-space: nowrap;
}
.product-item .price-from,
.product-item .price-to {
margin: 0;
}
.product-item .tocompare:before {
content: '\e61f';
}
.product-item .tocart {
white-space: nowrap;
}
.price-container .price {
font-size: 1.4rem;
}
.price-container .price-including-tax + .price-excluding-tax,
.price-container .weee {
margin-top: 5px;
}
.price-container .price-including-tax + .price-excluding-tax,
.price-container .weee,
.price-container .price-including-tax + .price-excluding-tax .price,
.price-container .weee .price,
.price-container .weee + .price-excluding-tax:before,
.price-container .weee + .price-excluding-tax .price {
font-size: 1.1rem;
}
.price-container .weee:before {
content: '(' attr(data-label) ': ';
}
.price-container .weee:after {
content: ')';
}
.price-container .weee + .price-excluding-tax:before {
content: attr(data-label) ': ';
}
.products-list .product-item {
display: table;
width: 100%;
}
.products-list .product-item-info {
display: table-row;
}
.products-list .product-item-photo {
display: table-cell;
padding: 0 30px 30px 0;
vertical-align: top;
width: 1%;
}
.products-list .product-item-details {
display: table-cell;
vertical-align: top;
}
.page-products .columns {
position: relative;
z-index: 1;
}
.toolbar-amount {
display: block;
line-height: 26px;
margin: 0;
padding: 8px 0 0;
vertical-align: middle;
}
.products.wrapper ~ .toolbar .toolbar-amount {
display: none;
}
.toolbar-products {
margin-bottom: 40px;
padding: 0 10px;
text-align: center;
}
.toolbar-products .pages {
display: none;
}
.products.wrapper ~ .toolbar-products .pages {
display: block;
}
.toolbar-products .limiter .control {
display: inline-block;
}
.sorter {
padding: 4px 0 0;
}
.products.wrapper ~ .toolbar .sorter {
display: none;
}
.sorter .sorter-action {
position: relative;
top: -2px;
}
.sorter-options {
margin: 0 0 0 7px;
width: auto;
}
.sorter-action {
vertical-align: top;
display: inline-block;
text-decoration: none;
}
.sorter-action > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sorter-action:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 32px;
color: #8f8f8f;
content: '\e613';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.sorter-action:hover:before {
color: #333333;
}
.sorter .sort-desc:before {
content: '\e614';
}
.modes {
display: none;
}
.limiter-options {
margin: 0 5px 0 7px;
width: auto;
}
.limiter-label {
font-weight: 400;
}
.page-products .toolbar .limiter {
display: none;
}
.old-price,
.old.price {
text-decoration: line-through;
}
.prices-tier .price-container .price-including-tax + .price-excluding-tax:before {
content: '(' attr(data-label) ': ';
}
.prices-tier .price-container .price-including-tax + .price-excluding-tax:last-child:after {
content: ')';
}
.prices-tier .price-container .weee[data-label] {
display: inline;
}
.prices-tier .price-container .weee[data-label] .price {
font-size: 1.1rem;
}
.prices-tier .price-container .weee[data-label]:before {
content: ' +' attr(data-label) ': ';
}
.actual-price {
font-weight: 700;
}
.category-image .image {
display: block;
height: auto;
max-width: 100%;
}
.category-image,
.category-description {
margin-bottom: 20px;
}
.product-image-container {
display: inline-block;
max-width: 100%;
}
.product-image-wrapper {
display: block;
height: 0;
overflow: hidden;
position: relative;
z-index: 1;
}
.product-image-photo {
bottom: 0;
display: block;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: auto;
}
.product.media .placeholder .photo.container {
max-width: 100%;
}
.product.media .notice {
color: #7d7d7d;
font-size: 1.2rem;
margin: 10px 0;
}
.product.media .product.thumbs {
margin: 20px 0 30px;
}
.product.media .items.thumbs {
margin: 0;
padding: 0;
list-style: none none;
}
.product.media .items.thumbs > li {
display: inline-block;
vertical-align: top;
}
.product.media .items.thumbs .active {
display: block;
line-height: 1;
}
.product.info.detailed {
clear: both;
margin-bottom: 30px;
}
.product.info.detailed .additional-attributes {
width: auto;
}
.product.info.detailed .additional-attributes > thead > tr > td,
.product.info.detailed .additional-attributes > tbody > tr > td,
.product.info.detailed .additional-attributes > tfoot > tr > td {
padding: 4px 5px 10px 5px;
}
.product.info.detailed .additional-attributes > thead > tr > th,
.product.info.detailed .additional-attributes > tbody > tr > th,
.product.info.detailed .additional-attributes > tfoot > tr > th {
padding: 4px 30px 10px 0;
}
.product-info-main .page-title-wrapper .page-title {
line-height: 1.42857143;
margin-bottom: 10px;
}
.product-info-main .stock.available,
.product-info-main .stock.unavailable {
display: inline-block;
font-weight: 700;
margin-right: 20px;
text-transform: uppercase;
vertical-align: top;
}
.product-info-main .product.attribute.sku {
display: inline-block;
vertical-align: top;
color: #7d7d7d;
}
.product-info-main .product.attribute.sku > .value {
display: inline-block;
vertical-align: top;
word-break: break-all;
}
.product-info-main .product.attribute.sku .type {
margin-right: 5px;
}
.product-info-main .product.attribute.overview {
margin: 20px 0;
}
.product-info-main .product.alert {
margin: 10px 0;
}
.product-info-main .price-box {
margin-top: 10px;
}
.product-info-main .product-reviews-summary .reviews-actions {
font-size: 1.4rem;
}
.product-options-wrapper .fieldset-product-options-inner .legend {
font-weight: 700;
margin: 0 0 5px;
font-size: 1.4rem;
border: none;
display: inline-block;
float: none;
padding: 0;
}
.product-options-wrapper .fieldset-product-options-inner input.datetime-picker ~ select.datetime-picker {
margin-top: 10px;
}
.product-options-wrapper .fieldset-product-options-inner.required .legend:after,
.product-options-wrapper .fieldset-product-options-inner._required .legend:after {
content: '*';
color: #e02b27;
font-size: 1.2rem;
margin: 0 0 0 5px;
}
.product-options-wrapper .field .note {
display: block;
}
.product-info-main .price-box .price-including-tax + .price-excluding-tax,
.product-options-bottom .price-box .price-including-tax + .price-excluding-tax,
.product-info-main .price-box .weee + .price-excluding-tax,
.product-options-bottom .price-box .weee + .price-excluding-tax,
.product-info-main .price-box .weee,
.product-options-bottom .price-box .weee {
font-size: 1.2rem;
line-height: 14px;
margin-bottom: 5px;
}
.product-info-main .price-box .price-including-tax + .price-excluding-tax .price,
.product-options-bottom .price-box .price-including-tax + .price-excluding-tax .price,
.product-info-main .price-box .weee + .price-excluding-tax .price,
.product-options-bottom .price-box .weee + .price-excluding-tax .price,
.product-info-main .price-box .weee .price,
.product-options-bottom .price-box .weee .price {
font-size: 1.2rem;
font-weight: 700;
}
.product-info-main .price-box .price-wrapper .price,
.product-options-bottom .price-box .price-wrapper .price {
font-size: 1.8rem;
font-weight: 700;
}
.product-info-main .price-box .price,
.product-options-bottom .price-box .price {
white-space: nowrap;
}
.product-info-main .special-price,
.product-options-bottom .special-price {
display: block;
margin: 10px 0;
}
.product-info-main .special-price .price-container,
.product-options-bottom .special-price .price-container {
font-size: 1.4rem;
}
.product-info-main .special-price .price-label + .price-wrapper,
.product-options-bottom .special-price .price-label + .price-wrapper {
display: inline-block;
}
.product-info-main .old-price .price-label:after,
.product-options-bottom .old-price .price-label:after,
.product-info-main .special-price .price-label:after,
.product-options-bottom .special-price .price-label:after {
content: ': ';
}
.product-info-main .box-tocart,
.product-options-bottom .box-tocart {
margin: 20px 0;
}
.product-info-main .box-tocart .field.qty,
.product-options-bottom .box-tocart .field.qty {
padding-right: 15px;
}
.product-info-main .box-tocart .input-text.qty,
.product-options-bottom .box-tocart .input-text.qty {
height: 52px;
text-align: center;
width: 52px;
}
.product-info-main .box-tocart .actions,
.product-options-bottom .box-tocart .actions {
text-align: center;
}
.product-info-main .product-addto-links,
.product-options-bottom .product-addto-links {
margin: 20px 0;
}
.product-info-main .action.tocompare,
.product-options-bottom .action.tocompare {
vertical-align: top;
}
.prices-tier {
background: #f5f5f5;
margin: 10px 0;
padding: 10px 15px;
}
.prices-tier .price-container {
display: inline-block;
}
.prices-tier .price-including-tax,
.prices-tier .price-excluding-tax,
.prices-tier .weee {
display: inline-block;
}
.prices-tier .price-including-tax .price,
.prices-tier .price-excluding-tax .price,
.prices-tier .weee .price {
font-size: 1.4rem;
font-weight: 700;
}
.ui-dialog-titlebar-close {
line-height: 1.42857143;
margin: 0;
padding: 0;
color: #1979c3;
text-decoration: none;
background: none;
border: 0;
display: inline;
}
.ui-dialog-titlebar-close:visited {
color: #1979c3;
text-decoration: none;
}
.ui-dialog-titlebar-close:hover {
color: #006bb4;
text-decoration: underline;
}
.ui-dialog-titlebar-close:active {
color: #ff5501;
text-decoration: underline;
}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:active,
.ui-dialog-titlebar-close:focus {
background: none;
border: 0;
}
.ui-dialog-titlebar-close.disabled,
.ui-dialog-titlebar-close[disabled],
fieldset[disabled] .ui-dialog-titlebar-close {
color: #1979c3;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.block.related .action.select {
margin: 0 5px;
}
.sidebar .product-items .product-item {
margin-bottom: 20px;
position: relative;
}
.sidebar .product-items .product-item-info {
position: relative;
width: auto;
}
.sidebar .product-items .product-item-info .product-item-photo {
left: 0;
position: absolute;
top: 0;
}
.sidebar .product-items .product-item-name {
margin-top: 0;
}
.sidebar .product-items .product-item-details {
margin: 0 0 0 85px;
}
.sidebar .product-items .product-item-actions {
display: block;
margin-top: 10px;
}
.sidebar .product-items .price-box {
display: block;
margin: 7px 0;
}
.sidebar .product-items .text {
margin-right: 8px;
}
.sidebar .product-items .counter {
color: #7d7d7d;
font-size: 1.2rem;
white-space: nowrap;
}
.sidebar .product-items .minilist .price {
display: inline;
padding: 0;
}
.sidebar .product-items .minilist .weee:before {
display: inline-block;
}
.sidebar .action.delete {
position: absolute;
right: 0;
top: -1px;
}
.sidebar .block-wishlist .action.delete {
line-height: unset;
width: auto;
}
.sidebar .block-compare .action.delete {
right: initial;
}
.sidebar .product-items-images {
margin-left: -5px;
}
.sidebar .product-items-images .product-item {
float: left;
padding-left: 5px;
}
.sidebar .product-items-names .product-item {
display: flex;
margin-bottom: 10px;
}
.sidebar .product-items-names .product-item-name {
margin: 0;
}
.catalog-category-view.page-layout-1column .column.main {
min-height: inherit;
}
body.catalog-product-compare-index .action.print {
float: right;
margin: 15px 0;
}
.table-wrapper.comparison {
clear: both;
max-width: 100%;
overflow-x: auto;
}
.table-comparison {
table-layout: fixed;
}
.table-comparison .cell.label,
.table-comparison td:last-child {
border-right: 1px solid #d1d1d1;
}
.table-comparison .cell {
padding: 15px;
width: 140px;
}
.table-comparison .cell .attribute.value {
overflow: hidden;
width: 100%;
}
.table-comparison .cell.product.info,
.table-comparison .cell.product.label {
border-bottom: 1px solid #d1d1d1;
}
.table-comparison .cell.label .attribute.label {
display: block;
width: 100%;
word-wrap: break-word;
}
.table-comparison .cell.attribute {
font-size: 1.3rem;
}
.table-comparison .cell.attribute img {
height: auto;
max-width: 100%;
}
.table-comparison .product-item-photo {
display: block;
margin: 0 auto 15px;
}
.table-comparison .product-image-photo {
margin-left: 0;
}
.table-comparison .product-item-actions,
.table-comparison .price-box,
.table-comparison .product.rating,
.table-comparison .product-item-name {
display: block;
margin: 15px 0;
}
.table-comparison .product-addto-links {
margin-top: 15px;
}
.table-comparison .product-addto-links .action.split,
.table-comparison .product-addto-links .action.toggle {
line-height: 1.2rem;
padding: 5px 8px;
font-size: 1.1rem;
}
.table-comparison .product-addto-links .action.toggle {
padding: 0;
}
.table-comparison .cell.remove {
padding-bottom: 0;
padding-top: 0;
text-align: right;
}
.table-comparison .product-item-actions > .actions-primary + .actions-secondary {
margin-top: 10px;
}
.table-comparison .action.tocart {
white-space: nowrap;
}
.comparison.headings {
background: #ffffff;
left: 0;
position: absolute;
top: 0;
width: auto;
z-index: 2;
}
.block-compare .product-item .product-item-name {
margin-left: 22px;
}
.block-compare .action.delete {
left: -6px;
position: absolute;
right: 0;
top: 0;
}
.block-compare .actions-toolbar {
margin: 17px 0 0;
}
.block-category-event {
background: #f0f0f0;
color: #333333;
padding: 10px 0 15px;
text-align: center;
}
.block-category-event.block:last-child {
margin-bottom: 10px;
}
.block-category-event .block-title {
margin: 0 0 10px;
}
.block-category-event .block-title strong {
font-size: 1.5rem;
font-weight: 300;
}
.block-category-event .ticker {
margin: 0;
padding: 0;
list-style: none none;
}
.block-category-event .ticker li {
display: none;
margin: 0 15px;
}
.block-category-event .ticker .value {
font-size: 1.8rem;
font-weight: 300;
}
.block-category-event .ticker .label {
font-size: 1rem;
display: block;
text-transform: lowercase;
}
.block-category-event .dates {
display: table;
margin: 0 auto;
}
.block-category-event .dates .start,
.block-category-event .dates .end {
display: table-cell;
vertical-align: top;
}
.block-category-event .dates .date {
font-size: 1.8rem;
}
.block-category-event .dates .time {
display: block;
}
.block-category-event .dates .start {
padding-right: 40px;
position: relative;
}
.block-category-event .dates .start:after {
font-size: 1.8rem;
content: '\2013';
display: block;
position: absolute;
right: 15px;
top: 0;
}
.block-search {
margin-bottom: 0;
}
.block-search .block-title {
display: none;
}
.block-search .block-content {
margin-bottom: 0;
}
.block-search .label {
text-decoration: none;
display: inline-block;
float: right;
}
.block-search .label > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.block-search .label:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 35px;
line-height: 33px;
color: #8f8f8f;
content: '\e615';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.block-search .label:hover:before {
color: #333333;
}
.block-search .label:active:before {
color: #333333;
}
.block-search .label.active + .control input {
position: static;
}
.block-search .action.search {
display: none;
}
.block-search .control {
border-top: 1px solid #d1d1d1;
clear: both;
margin: 0 -15px -1px;
padding: 0 15px;
}
.block-search input {
font-size: 16px;
left: -300%;
margin: 15px 0;
position: absolute;
}
.block-search .nested {
display: none;
}
.search-autocomplete {
display: none;
margin-top: -15px;
overflow: hidden;
position: absolute;
z-index: 3;
}
.search-autocomplete ul {
margin: 0;
padding: 0;
list-style: none none;
}
.search-autocomplete ul li {
border-top: 1px solid #e5e5e5;
cursor: pointer;
margin: 0;
padding: 5px 40px 5px 10px;
position: relative;
text-align: left;
white-space: normal;
}
.search-autocomplete ul li:not(:empty) {
border-top: 0;
border: 1px solid #c2c2c2;
background: #ffffff;
}
.search-autocomplete ul li:first-child {
border-top: none;
}
.search-autocomplete ul li:hover,
.search-autocomplete ul li.selected {
background: #e8e8e8;
}
.search-autocomplete ul li .amount {
color: #999999;
position: absolute;
right: 7px;
top: 5px;
}
.form.search.advanced .fields.range .field:first-child {
position: relative;
}
.form.search.advanced .fields.range .field:first-child .control {
padding-right: 25px;
}
.form.search.advanced .fields.range .field:first-child .control:after {
content: ' \2013 ';
display: inline-block;
position: absolute;
right: 0;
text-align: center;
top: 6px;
width: 25px;
}
.form.search.advanced .fields.range .field:last-child {
position: relative;
}
.form.search.advanced .fields.range .field:last-child div.mage-error {
left: 0;
position: absolute;
top: 32px;
}
.form.search.advanced .fields.range .field.with-addon .control {
padding-right: 45px;
}
.form.search.advanced .group.price .addon .addafter {
background: none;
border: 0;
padding-top: 6px;
position: absolute;
right: 0;
top: 0;
}
.search.summary {
margin-bottom: 10px;
}
.cart-summary {
background: #f5f5f5;
margin-bottom: 25px;
padding: 1px 15px 25px;
}
.cart-summary > .title {
display: block;
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.cart-summary .block {
margin-bottom: 0;
}
.cart-summary .block .item-options {
margin-left: 0;
}
.cart-summary .block .fieldset {
margin: 15px 0 25px 5px;
}
.cart-summary .block .fieldset .field {
margin: 0 0 10px;
}
.cart-summary .block .fieldset .field.note {
font-size: 12px;
}
.cart-summary .block .fieldset .methods .field > .label {
display: inline;
}
.cart-totals {
border-top: 1px solid #d1d1d1;
padding-top: 10px;
}
.cart-totals .table-wrapper {
margin-bottom: 0;
overflow: inherit;
}
.cart-totals .discount.coupon {
display: none;
}
.cart.table-wrapper .items thead + .item {
border-top: 1px solid #d1d1d1;
}
.cart.table-wrapper .items > .item {
border-bottom: 1px solid #d1d1d1;
position: relative;
}
.cart.table-wrapper .col {
padding-top: 20px;
}
.cart.table-wrapper .col.qty .input-text {
margin-top: -5px;
}
.cart.table-wrapper .item-actions td {
padding-bottom: 10px;
text-align: center;
white-space: normal;
}
.cart.table-wrapper .item .col.item {
display: block;
min-height: 75px;
padding: 25px 0 10px 75px;
position: relative;
}
.cart.table-wrapper .actions-toolbar > .action,
.action-gift {
display: inline-block;
text-decoration: none;
margin-bottom: 10px;
margin-right: 10px;
}
.cart.table-wrapper .actions-toolbar > .action:hover,
.cart.table-wrapper .actions-toolbar > .action:active,
.cart.table-wrapper .actions-toolbar > .action:focus,
.action-gift:hover,
.action-gift:active,
.action-gift:focus {
text-decoration: none;
}
.cart.table-wrapper .actions-toolbar > .action:last-child,
.action-gift:last-child {
margin-right: 0;
}
.cart.table-wrapper .action.help.map {
font-weight: 400;
}
.cart.table-wrapper .product-item-photo {
display: block;
left: 0;
max-width: 60px;
padding: 0;
position: absolute;
top: 15px;
width: 100%;
}
.cart.table-wrapper .product-item-details {
white-space: normal;
}
.cart.table-wrapper .product-item-name {
display: inline-block;
font-weight: 400;
margin-top: -6px;
}
.cart.table-wrapper .gift-registry-name-label:after {
content: ':';
}
.cart.table-wrapper .item-options {
font-size: 12px;
margin-bottom: 10px;
}
.cart.table-wrapper .product-item-name + .item-options {
margin-top: 10px;
}
.cart.table-wrapper .action.configure {
display: inline-block;
margin: 0 0 20px;
}
.cart-container .checkout-methods-items {
margin-top: 20px;
text-align: center;
}
.cart-container .checkout-methods-items .action.primary,
.cart-container .checkout-methods-items .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cart-container .checkout-methods-items .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
width: 100%;
}
.cart-container .checkout-methods-items .item + .item {
margin-top: 20px;
}
.cart-products-toolbar .toolbar-amount {
margin: 25px 0 15px;
padding: 0;
text-align: center;
}
.cart-products-toolbar .pages {
margin: 0 0 25px;
text-align: center;
}
.cart-products-toolbar .pages .items > .item {
border-bottom: 0;
}
.cart-products-toolbar-top {
border-bottom: 1px solid #d1d1d1;
}
.block.crosssell {
margin-top: 70px;
}
.cart-tax-info + .cart-tax-total,
.cart .cart-tax-info + .cart-tax-total {
display: block;
}
.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: right;
}
.block-minicart .items-total {
float: left;
margin: 0 10px;
}
.block-minicart .items-total .count {
font-weight: 700;
}
.block-minicart .subtotal {
margin: 0 10px 10px;
text-align: right;
}
.block-minicart .amount .price-wrapper:first-child .price {
font-size: 18px;
font-weight: 700;
}
.block-minicart .subtitle {
display: none;
}
.block-minicart .subtitle.empty {
display: block;
font-size: 14px;
padding: 30px 0 20px;
text-align: center;
}
.block-minicart .text.empty {
text-align: center;
}
.block-minicart .block-content > .actions {
margin-top: 15px;
text-align: center;
}
.block-minicart .block-content > .actions > .primary {
margin: 0 10px 15px;
}
.block-minicart .block-content > .actions > .primary .action.primary,
.block-minicart .block-content > .actions > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.block-minicart .block-content > .actions > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
display: block;
margin-bottom: 15px;
width: 100%;
}
.block-minicart .block-content > .actions > .primary .action.primary:last-child,
.block-minicart .block-content > .actions > .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:last-child,
.block-minicart .block-content > .actions > .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:last-child {
margin-bottom: 0;
}
.block-minicart .block-category-link,
.block-minicart .block-product-link,
.block-minicart .block-cms-link,
.block-minicart .block-banners {
margin: 15px 0 0;
text-align: center;
}
.minicart-wrapper {
display: inline-block;
position: relative;
float: right;
}
.minicart-wrapper:before,
.minicart-wrapper:after {
content: '';
display: table;
}
.minicart-wrapper:after {
clear: both;
}
.minicart-wrapper .action.showcart {
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.minicart-wrapper .action.showcart:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 35px;
line-height: 33px;
color: #8f8f8f;
content: '\e611';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-wrapper .action.showcart:hover:before {
color: #333333;
}
.minicart-wrapper .action.showcart:active:before {
color: #8f8f8f;
}
.minicart-wrapper .action.showcart.active {
display: inline-block;
text-decoration: none;
}
.minicart-wrapper .action.showcart.active:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 35px;
line-height: 33px;
color: #8f8f8f;
content: '\e611';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-wrapper .action.showcart.active:hover:before {
color: #333333;
}
.minicart-wrapper .action.showcart.active:active:before {
color: #8f8f8f;
}
.minicart-wrapper .block-minicart {
margin: 0;
padding: 0;
list-style: none none;
background: #ffffff;
border: 1px solid #bbbbbb;
margin-top: 4px;
min-width: 100%;
width: 320px;
z-index: 101;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
right: 0;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.minicart-wrapper .block-minicart li {
margin: 0;
}
.minicart-wrapper .block-minicart li:hover {
cursor: pointer;
}
.minicart-wrapper .block-minicart:before,
.minicart-wrapper .block-minicart:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.minicart-wrapper .block-minicart:before {
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.minicart-wrapper .block-minicart:after {
border: 7px solid;
border-color: transparent transparent #bbbbbb transparent;
z-index: 98;
}
.minicart-wrapper .block-minicart:before {
right: 26px;
top: -12px;
}
.minicart-wrapper .block-minicart:after {
right: 25px;
top: -14px;
}
.minicart-wrapper.active {
overflow: visible;
}
.minicart-wrapper.active .block-minicart {
display: block;
}
.minicart-wrapper .block-minicart {
padding: 25px 20px;
}
.minicart-wrapper .block-minicart .block-title {
display: none;
}
.minicart-wrapper .product .actions {
float: right;
margin: -28px 0 0;
text-align: right;
}
.minicart-wrapper .product .actions > .primary,
.minicart-wrapper .product .actions > .secondary {
display: inline;
}
.minicart-wrapper .action.close {
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
height: 40px;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.minicart-wrapper .action.close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.minicart-wrapper .action.close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 32px;
color: inherit;
content: '\e616';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-wrapper .action.close:hover:before {
color: inherit;
}
.minicart-wrapper .action.close:active:before {
color: inherit;
}
.minicart-wrapper .action.close:focus,
.minicart-wrapper .action.close:active {
background: none;
border: none;
}
.minicart-wrapper .action.close:hover {
background: none;
border: none;
}
.minicart-wrapper .action.close.disabled,
.minicart-wrapper .action.close[disabled],
fieldset[disabled] .minicart-wrapper .action.close {
pointer-events: none;
opacity: 0.5;
}
.minicart-wrapper .action.showcart {
white-space: nowrap;
}
.minicart-wrapper .action.showcart .counter.qty {
background: #ff5501;
color: #ffffff;
height: 24px;
line-height: 24px;
border-radius: 2px;
display: inline-block;
margin: 3px 0 0;
min-width: 18px;
overflow: hidden;
padding: 0 3px;
text-align: center;
white-space: normal;
}
.minicart-wrapper .action.showcart .counter.qty.empty {
display: none;
}
.minicart-wrapper .action.showcart .counter.qty .loader > img {
max-width: 24px;
}
.minicart-wrapper .minicart-widgets {
margin-top: 15px;
}
.minicart-items-wrapper {
border: 1px solid #cccccc;
margin: 0 -20px;
border-left: 0;
border-right: 0;
overflow-x: auto;
padding: 15px;
}
.minicart-items {
margin: 0;
padding: 0;
list-style: none none;
}
.minicart-items .product-item {
padding: 20px 0;
}
.minicart-items .product-item:not(:first-child) {
border-top: 1px solid #cccccc;
}
.minicart-items .product-item:first-child {
padding-top: 0;
}
.minicart-items .product-item-pricing .label {
display: inline-block;
}
.minicart-items .price-minicart {
margin-bottom: 5px;
}
.minicart-items .message {
margin-bottom: 0;
margin-top: 10px;
}
.minicart-items .product > .product-item-photo,
.minicart-items .product > .product-image-container {
float: left;
}
.minicart-items .product .toggle {
display: block;
text-decoration: none;
cursor: pointer;
position: relative;
white-space: nowrap;
}
.minicart-items .product .toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 16px;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-items .product .toggle:after {
position: static;
right: 20px;
top: 0;
}
.minicart-items .product.active > .toggle:after {
content: '\e621';
}
.minicart-items .product-item-name {
font-weight: 400;
margin: 0 0 10px;
}
.minicart-items .product-item-name a {
color: #1979c3;
}
.minicart-items .product-item-details {
padding-left: 88px;
}
.minicart-items .product-item-details .price {
font-weight: 700;
}
.minicart-items .product-item-details .price-including-tax,
.minicart-items .product-item-details .price-excluding-tax {
margin: 5px 0 0;
}
.minicart-items .product-item-details .weee[data-label] {
font-size: 1.1rem;
}
.minicart-items .product-item-details .details-qty {
margin-top: 10px;
}
.minicart-items .product.options .tooltip.toggle {
display: inline-block;
text-decoration: none;
}
.minicart-items .product.options .tooltip.toggle > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.minicart-items .product.options .tooltip.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
margin: -3px 0 0 7px;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-items .product.options .tooltip.toggle .details {
display: none;
}
.minicart-items .item-qty {
text-align: center;
width: 45px;
}
.minicart-items .update-cart-item {
font-size: 1.1rem;
margin-left: 5px;
vertical-align: top;
}
.minicart-items .subtitle {
display: none;
}
.minicart-items .action.edit,
.minicart-items .action.delete {
display: inline-block;
text-decoration: none;
}
.minicart-items .action.edit > span,
.minicart-items .action.delete > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.minicart-items .action.edit:before,
.minicart-items .action.delete:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: #303030;
content: '\e606';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.minicart-items .action.edit:hover:before,
.minicart-items .action.delete:hover:before {
color: #303030;
}
.minicart-items .action.edit:active:before,
.minicart-items .action.delete:active:before {
color: #303030;
}
.minicart-items .action.delete:before {
content: '\e604';
}
.checkout-container {
margin: 0 0 20px;
}
.opc-wrapper {
margin: 0 0 20px;
}
.opc-wrapper .step-content {
margin: 0 0 40px;
}
.checkout-index-index .nav-sections,
.checkout-index-index .nav-toggle {
display: none;
}
.checkout-index-index .logo {
margin-left: 0;
}
.checkout-onepage-success .print {
display: none;
}
.opc-estimated-wrapper {
border-bottom: 1px solid #cccccc;
margin: 0 0 15px;
padding: 18px 15px;
}
.opc-estimated-wrapper .estimated-block {
font-size: 18px;
font-weight: 700;
float: left;
}
.opc-estimated-wrapper .estimated-block .estimated-label {
display: block;
margin: 0 0 5px;
}
.opc-estimated-wrapper .minicart-wrapper .action.showcart:before {
color: #333333;
}
.opc-estimated-wrapper .minicart-wrapper .action.showcart:hover:before {
color: #555555;
}
.opc-progress-bar {
margin: 0 0 20px;
counter-reset: i;
font-size: 0;
}
.opc-progress-bar-item {
margin: 0 0 10px;
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
width: 50%;
}
.opc-progress-bar-item:before {
background: #e4e4e4;
top: 19px;
content: '';
height: 7px;
left: 0;
position: absolute;
width: 100%;
}
.opc-progress-bar-item:first-child:before {
border-radius: 6px 0 0 6px;
}
.opc-progress-bar-item:last-child:before {
border-radius: 0 6px 6px 0;
}
.opc-progress-bar-item > span {
display: inline-block;
padding-top: 45px;
width: 100%;
word-wrap: break-word;
color: #e4e4e4;
font-weight: 300;
font-size: 1.8rem;
}
.opc-progress-bar-item > span:before,
.opc-progress-bar-item > span:after {
background: #e4e4e4;
height: 38px;
margin-left: -19px;
width: 38px;
border-radius: 50%;
content: '';
left: 50%;
position: absolute;
top: 0;
}
.opc-progress-bar-item > span:after {
background: #ffffff;
height: 26px;
margin-left: -13px;
top: 6px;
width: 26px;
content: counter(i);
counter-increment: i;
color: #333333;
font-weight: 600;
font-size: 1.8rem;
}
.opc-progress-bar-item._active:before {
background: #ff5501;
}
.opc-progress-bar-item._active > span {
color: #333333;
}
.opc-progress-bar-item._active > span:before {
background: #ff5501;
}
.opc-progress-bar-item._active > span:after {
content: '\e610';
font-family: 'icons-blank-theme';
line-height: 1;
font-size: 2.8rem;
}
.opc-progress-bar-item._complete {
cursor: pointer;
}
.opc-progress-bar-item._complete > span {
color: #333333;
}
.opc-progress-bar-item._complete > span:after {
content: '\e610';
font-family: 'icons-blank-theme';
line-height: 1;
font-size: 2.8rem;
}
.field.choice .field-tooltip {
display: inline-block;
margin-left: 10px;
position: relative;
top: -3px;
}
.field.choice .field-tooltip-action {
line-height: 24px;
}
.field._error .control input,
.field._error .control select,
.field._error .control textarea {
border-color: #ed8380;
}
.opc-wrapper .fieldset > .field > .label {
font-weight: 400;
}
.field-tooltip {
cursor: pointer;
position: absolute;
right: 0;
top: 1px;
}
.field-tooltip._active {
z-index: 100;
}
.field-tooltip._active .field-tooltip-content {
display: block;
}
.field-tooltip._active .field-tooltip-action:before {
color: #333333;
}
.field-tooltip .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.field-tooltip .field-tooltip-action {
display: inline-block;
text-decoration: none;
}
.field-tooltip .field-tooltip-action > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.field-tooltip .field-tooltip-action:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 24px;
line-height: inherit;
color: #bbbbbb;
content: '\e623';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.field-tooltip .field-tooltip-action:hover:before {
color: #333333;
}
.field-tooltip .field-tooltip-action:before {
padding-left: 1px;
}
._keyfocus .field-tooltip .field-tooltip-action:focus {
z-index: 100;
}
._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content {
display: block;
}
._keyfocus .field-tooltip .field-tooltip-action:focus:before {
color: #333333;
}
.field-tooltip .field-tooltip-content {
background: #f4f4f4;
border: 1px solid #999999;
border-radius: 1px;
font-size: 14px;
padding: 12px;
width: 270px;
display: none;
left: 38px;
position: absolute;
text-transform: none;
top: -9px;
word-wrap: break-word;
z-index: 2;
}
.field-tooltip .field-tooltip-content:before,
.field-tooltip .field-tooltip-content:after {
border: 10px solid transparent;
height: 0;
width: 0;
border-right-color: #f4f4f4;
left: -21px;
top: 12px;
content: '';
display: block;
position: absolute;
z-index: 3;
}
.field-tooltip .field-tooltip-content:before {
border-right-color: #666666;
}
.field-tooltip .field-tooltip-content:after {
border-right-color: #f4f4f4;
width: 1px;
z-index: 4;
}
@media only screen and (max-width: 768px) {
.field-tooltip .field-tooltip-content {
left: auto;
right: -10px;
top: 40px;
}
.field-tooltip .field-tooltip-content::before,
.field-tooltip .field-tooltip-content::after {
border: 10px solid transparent;
height: 0;
left: auto;
margin-top: -21px;
right: 10px;
top: 0;
width: 0;
}
.field-tooltip .field-tooltip-content::before {
border-bottom-color: #999999;
}
.field-tooltip .field-tooltip-content::after {
border-bottom-color: #f4f4f4;
top: 1px;
}
}
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
margin-top: 28px;
margin-bottom: 20px;
}
.opc-wrapper .form-login .fieldset .note,
.opc-wrapper .form-shipping-address .fieldset .note {
font-size: 14px;
margin-top: 10px;
}
.opc-wrapper .shipping-address-items {
font-size: 0;
}
.opc-wrapper .shipping-address-item {
border: 2px solid transparent;
line-height: 30px;
margin: 0 0 20px;
padding: 20px 35px 20px 20px;
transition: 0.3s border-color;
width: 50%;
display: inline-block;
font-size: 14px;
position: relative;
vertical-align: top;
word-wrap: break-word;
}
.opc-wrapper .shipping-address-item.selected-item {
border-color: #ff5501;
}
.opc-wrapper .shipping-address-item.selected-item:after {
background: #ff5501;
color: #ffffff;
content: '\e610';
font-family: 'icons-blank-theme';
height: 27px;
width: 29px;
font-size: 27px;
line-height: 21px;
padding-top: 2px;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.opc-wrapper .action-show-popup {
margin: 0 0 20px;
}
.opc-wrapper .action-show-popup > span:before {
content: '+';
padding-right: 5px;
}
.opc-wrapper .action-select-shipping-item {
float: right;
margin: 20px 0 0;
}
.opc-wrapper .edit-address-link {
display: block;
float: left;
margin: 26px 5px 0 0;
}
.checkout-shipping-method .step-title {
margin-bottom: 0;
}
.checkout-shipping-method .no-quotes-block {
margin: 20px 0;
}
.methods-shipping .actions-toolbar .action.primary,
.methods-shipping .actions-toolbar .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.methods-shipping .actions-toolbar .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
margin: 20px 0 0;
}
.table-checkout-shipping-method thead th {
display: none;
}
.table-checkout-shipping-method tbody td {
border-top: 1px solid #cccccc;
padding-bottom: 20px;
padding-top: 20px;
}
.table-checkout-shipping-method tbody td:first-child {
padding-left: 0;
padding-right: 0;
width: 20px;
}
.table-checkout-shipping-method tbody tr:first-child td {
border-top: none;
}
.table-checkout-shipping-method tbody .row-error td {
border-top: none;
padding-bottom: 10px;
padding-top: 0;
}
.checkout-shipping-method {
position: relative;
}
.shipping-policy-block.field-tooltip {
top: 12px;
}
.shipping-policy-block.field-tooltip .field-tooltip-action {
color: #1979c3;
cursor: pointer;
}
.shipping-policy-block.field-tooltip .field-tooltip-action:before {
display: none;
}
.shipping-policy-block.field-tooltip .field-tooltip-content {
width: 420px;
top: 30px;
}
.opc-block-shipping-information {
padding: 0 30px;
}
.opc-block-shipping-information .shipping-information-title {
border-bottom: 1px solid #cccccc;
margin: 0 0 20px;
position: relative;
}
.opc-block-shipping-information .shipping-information-title .action-edit {
top: 2px;
display: inline-block;
text-decoration: none;
margin: 0;
position: absolute;
right: 0;
}
.opc-block-shipping-information .shipping-information-title .action-edit > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.opc-block-shipping-information .shipping-information-title .action-edit:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: #8f8f8f;
content: '\e606';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.opc-block-shipping-information .shipping-information-title .action-edit:hover:before {
color: #333333;
}
.opc-block-shipping-information .shipping-information-title .action-edit:active:before {
color: #8f8f8f;
}
.opc-block-shipping-information .shipping-information-content {
line-height: 27px;
}
.opc-block-shipping-information .shipping-information-content .actions-toolbar {
margin-left: 0;
}
.opc-block-shipping-information .ship-to,
.opc-block-shipping-information .ship-via {
margin: 0 0 20px;
}
.opc-block-summary {
background: #f5f5f5;
padding: 22px 30px;
margin: 0 0 20px;
}
.opc-block-summary > .title {
display: block;
}
.opc-block-summary .mark .value {
color: #999999;
display: block;
}
.opc-block-summary .discount.coupon {
display: none;
}
.opc-block-summary .grand.incl + .grand.excl .mark,
.opc-block-summary .grand.incl + .grand.excl .amount {
border-top: 0;
font-size: 1.4rem;
padding-top: 0;
}
.opc-block-summary .grand.incl + .grand.excl .mark strong,
.opc-block-summary .grand.incl + .grand.excl .amount strong {
font-weight: 400;
}
.opc-block-summary .not-calculated {
font-style: italic;
}
.opc-block-summary .items-in-cart > .title {
border-bottom: 1px solid #d1d1d1;
padding: 10px 40px 10px 0;
cursor: pointer;
display: block;
text-decoration: none;
margin-bottom: 0;
position: relative;
}
.opc-block-summary .items-in-cart > .title > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.opc-block-summary .items-in-cart > .title:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 30px;
line-height: 12px;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
margin: 3px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.opc-block-summary .items-in-cart > .title:after {
position: absolute;
right: 0;
top: 10px;
}
.opc-block-summary .items-in-cart > .title strong {
font-size: 1.8rem;
font-weight: 300;
margin: 0;
}
.opc-block-summary .items-in-cart.active > .title:after {
content: '\e621';
}
.opc-block-summary .items-in-cart .product {
position: relative;
}
.opc-block-summary .minicart-items-wrapper {
margin: 0 -15px 0 0;
max-height: 370px;
padding: 15px 15px 0 0;
border: 0;
}
.column.main .opc-block-summary .product-item {
margin: 0;
padding-left: 0;
}
.opc-block-summary .product-item .product-item-inner {
display: table;
margin: 0 0 10px;
width: 100%;
}
.opc-block-summary .product-item .product-item-name-block {
display: table-cell;
padding-right: 5px;
text-align: left;
}
.opc-block-summary .product-item .subtotal {
display: table-cell;
text-align: right;
}
.opc-block-summary .product-item .price {
font-size: 1.6rem;
font-weight: 400;
}
.opc-block-summary .product-item .price-including-tax + .price-excluding-tax {
margin: 0;
}
.opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price {
font-size: 1rem;
}
.opc-block-summary .actions-toolbar {
position: relative;
z-index: 1;
}
.opc-block-summary .actions-toolbar .secondary {
border-top: 1px solid #d1d1d1;
display: block;
float: none;
margin: -1px 0 0;
padding: 15px 0 0;
text-align: left;
}
.opc-block-summary .actions-toolbar .secondary .action {
margin: 0;
}
.authentication-dropdown {
box-sizing: border-box;
}
.authentication-dropdown .modal-inner-wrap {
padding: 25px;
}
.authentication-wrapper {
float: right;
margin-top: -60px;
max-width: 50%;
position: relative;
z-index: 1;
}
._has-auth-shown .authentication-wrapper {
z-index: 900;
}
.block-authentication .block-title {
font-size: 1.8rem;
border-bottom: 0;
margin-bottom: 25px;
}
.block-authentication .block-title strong {
font-weight: 300;
}
.block-authentication .field .label {
font-weight: 400;
}
.block-authentication .actions-toolbar {
margin-bottom: 5px;
}
.block-authentication .actions-toolbar > .secondary {
padding-top: 25px;
text-align: left;
}
.block-authentication .block[class] {
margin: 0;
}
.block-authentication .block[class] ul {
list-style: none;
padding-left: 10px;
}
.block-authentication .block[class] .field .control,
.block-authentication .block[class] .field .label {
float: none;
width: auto;
}
.block-authentication .block[class] + .block {
border-top: 1px solid #c1c1c1;
margin-top: 40px;
padding-top: 40px;
position: relative;
}
.block-authentication .block[class] + .block:before {
height: 36px;
line-height: 34px;
margin: -19px 0 0 -18px;
min-width: 36px;
background: #ffffff;
border: 1px solid #c1c1c1;
border-radius: 50%;
box-sizing: border-box;
color: #c1c1c1;
content: attr(data-label);
display: inline-block;
left: 50%;
letter-spacing: normal;
padding: 0 .2rem;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 0;
}
.checkout-payment-method .step-title {
border-bottom: 0;
margin-bottom: 0;
}
.checkout-payment-method .payment-method:first-child .payment-method-title {
border-top: 0;
}
.checkout-payment-method .payment-method._active .payment-method-content {
display: block;
}
.checkout-payment-method .payment-method + .payment-method .payment-method-title {
border-top: 1px solid #cccccc;
}
.checkout-payment-method .payment-method-title {
padding: 20px 0;
margin: 0;
}
.checkout-payment-method .payment-method-title .payment-icon {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.checkout-payment-method .payment-method-title .action-help {
display: inline-block;
margin-left: 5px;
}
.checkout-payment-method .payment-method-content {
display: none;
padding: 0 0 20px 22px;
}
.checkout-payment-method .payment-method-content .fieldset:not(:last-child) {
margin: 0 0 20px;
}
.checkout-payment-method .payment-group + .payment-group .step-title {
margin: 20px 0 0;
}
.checkout-payment-method .field-select-billing,
.checkout-payment-method .billing-address-form {
max-width: 600px;
}
.checkout-payment-method .billing-address-same-as-shipping-block {
margin: 0 0 10px;
}
.checkout-payment-method .checkout-billing-address {
margin: 0 0 20px;
}
.checkout-payment-method .checkout-billing-address .primary .action-update {
margin-right: 0;
}
.checkout-payment-method .checkout-billing-address .billing-address-details {
line-height: 27px;
padding: 0 0 0 23px;
}
.checkout-payment-method .payment-method-note + .checkout-billing-address {
margin-top: 20px;
}
.checkout-payment-method .payment-method-iframe {
background-color: transparent;
display: none;
width: 100%;
}
.checkout-payment-method .no-payments-block {
margin: 20px 0;
}
.checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after {
content: '\e621';
}
.checkout-payment-method .payment-option._collapsible .payment-option-title {
cursor: pointer;
}
.checkout-payment-method .payment-option._collapsible .payment-option-content {
display: none;
}
.checkout-payment-method .payment-option-title {
border-top: 1px solid #cccccc;
padding: 20px 0;
}
.checkout-payment-method .payment-option-title .action-toggle {
color: #1979c3;
display: inline-block;
text-decoration: none;
}
.checkout-payment-method .payment-option-title .action-toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 16px;
color: #8f8f8f;
content: '\e622';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.checkout-payment-method .payment-option-title .action-toggle:hover:after {
color: #333333;
}
.checkout-payment-method .payment-option-title .action-toggle:active:after {
color: #8f8f8f;
}
.checkout-payment-method .payment-option-content {
padding: 0 0 20px 22px;
}
.checkout-payment-method .payment-option-inner {
margin: 0 0 20px;
}
.checkout-payment-method .credit-card-types {
padding: 0;
}
.checkout-payment-method .credit-card-types .item {
display: inline-block;
list-style: none;
margin: 0 5px 0 0;
vertical-align: top;
}
.checkout-payment-method .credit-card-types .item._active {
font-weight: 700;
}
.checkout-payment-method .credit-card-types .item._active img {
-webkit-filter: grayscale(0%);
}
.checkout-payment-method .credit-card-types .item._inactive {
opacity: .4;
}
.checkout-payment-method .credit-card-types .item span {
display: inline-block;
padding-top: 6px;
vertical-align: top;
}
.checkout-payment-method .credit-card-types img {
-webkit-filter: grayscale(100%);
-webkit-transition: all .6s ease;
}
.checkout-payment-method .ccard .fields > .year {
padding-left: 5px;
}
.checkout-payment-method .ccard .fields .select {
padding-left: 5px;
padding-right: 5px;
}
.checkout-payment-method .ccard .month .select {
width: 140px;
}
.checkout-payment-method .ccard .year .select {
width: 80px;
}
.checkout-payment-method .ccard .captcha .input-text,
.checkout-payment-method .ccard .number .input-text {
width: 225px;
}
.checkout-payment-method .ccard > .field.cvv > .control {
padding-right: 20px;
width: auto;
}
.checkout-payment-method .ccard .cvv .input-text {
width: 55px;
}
.checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field {
width: auto !important;
}
.checkout-agreements-block .checkout-agreements {
margin-bottom: 20px;
}
.checkout-agreements-block .checkout-agreement.field {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.checkout-agreements-block .checkout-agreement.field.required label:after {
content: none;
}
.checkout-agreements-block .checkout-agreement.field.required .action-show:after {
content: '*';
color: #e02b27;
font-size: 1.2rem;
}
.checkout-agreements-block .action-show {
vertical-align: baseline;
}
.checkout-agreements-items {
padding-bottom: 30px;
}
.checkout-agreements-items .checkout-agreements-item {
margin-bottom: 20px;
}
.checkout-agreements-items .checkout-agreements-item-title {
border-bottom: 0;
}
.checkout-agreement-item-content {
overflow: auto;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.contact-index-index .column:not(.sidebar-main) .form.contact {
float: none;
width: 50%;
}
.contact-index-index .column:not(.sidebar-additional) .form.contact {
float: none;
width: 50%;
}
.login-container .block-new-customer .actions-toolbar {
margin-top: 25px;
}
.login-container .block .block-title {
font-size: 1.8rem;
}
.login-container .fieldset:after {
margin: 10px 0 0;
content: attr(data-hasrequired);
display: block;
letter-spacing: normal;
word-spacing: normal;
color: #e02b27;
font-size: 1.2rem;
}
.login-container .fieldset:after {
margin-top: 35px;
}
.block-addresses-list .items.addresses > .item {
margin-bottom: 20px;
}
.block-addresses-list .items.addresses > .item:last-child {
margin-bottom: 0;
}
.form-address-edit .region_id {
display: none;
}
.form-edit-account .fieldset.password {
display: none;
}
.box-billing-address .box-content,
.box-shipping-address .box-content,
.box-information .box-content,
.box-newsletter .box-content {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 26px;
}
.fieldset .fullname.field > .label + .control {
width: 100%;
}
.account .column.main h2 {
margin-top: 0;
}
.account .column.main .toolbar {
text-align: center;
}
.account .column.main .toolbar .limiter-options {
width: auto;
}
.account .sidebar-additional {
margin-top: 40px;
}
.account .table-wrapper:last-child {
margin-bottom: 0;
}
.account .table-wrapper .action {
margin-right: 15px;
}
.account .table-wrapper .action:last-child {
margin-right: 0;
}
.account-nav .content {
background: #f5f5f5;
padding: 15px 0;
}
.account-nav .item {
margin: 3px 0 0;
}
.account-nav .item:first-child {
margin-top: 0;
}
.account-nav .item a,
.account-nav .item > strong {
border-left: 3px solid transparent;
display: block;
padding: 5px 18px 5px 15px;
}
.account-nav .item a {
text-decoration: none;
}
.account-nav .item a:hover {
background: #e8e8e8;
}
.account-nav .item.current a,
.account-nav .item.current strong {
border-color: #ff5501;
font-weight: 600;
}
.account-nav .item.current a {
border-color: #ff5501;
}
.account-nav .item .delimiter {
border-top: 1px solid #d1d1d1;
display: block;
margin: 10px 1.8rem;
}
.column.main .block:last-child {
margin-bottom: 0;
}
.block .title {
margin-bottom: 10px;
}
.block .title strong {
font-weight: 700;
line-height: 1.1;
font-size: 1.4rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.column.main .block .title strong {
font-size: 18px;
}
.block p:last-child {
margin: 0;
}
.block .box-actions {
margin-top: 5px;
}
.field.password .control {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.field.password .control .mage-error {
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.field.password .control .input-text {
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
z-index: 2;
}
.password-strength-meter {
background-color: #f4f4f4;
height: 32px;
line-height: 32px;
padding: 0 9px;
position: relative;
z-index: 1;
}
.password-strength-meter:before {
content: '';
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -1;
}
.password-none .password-strength-meter:before {
background-color: #f4f4f4;
width: 100%;
}
.password-weak .password-strength-meter:before {
background-color: #ffafae;
width: 25%;
}
.password-medium .password-strength-meter:before {
background-color: #ffd6b3;
width: 50%;
}
.password-strong .password-strength-meter:before {
background-color: #c5eeac;
width: 75%;
}
.password-very-strong .password-strength-meter:before {
background-color: #81b562;
width: 100%;
}
.control.captcha-image {
margin-top: 10px;
}
.control.captcha-image .captcha-img {
vertical-align: middle;
}
.downloadable.samples {
margin-bottom: 20px;
}
.downloadable.samples dd {
margin: 0 0 10px;
}
.table-downloadable-products .product-name {
margin-right: 15px;
}
.field.downloads .price-container {
display: inline;
white-space: nowrap;
}
.field.downloads .price-container:before {
content: ' + ';
display: inline;
}
.field.downloads .price-excluding-tax {
display: inline;
}
.field.downloads .price-excluding-tax:before {
content: ' (' attr(data-label) ': ';
}
.field.downloads .price-excluding-tax:after {
content: ')';
}
.field.downloads .price-including-tax {
font-size: 1.4rem;
display: inline;
font-weight: 600;
}
.field.downloads .sample.link {
float: right;
}
.page-product-downloadable .product-add-form {
clear: both;
margin-bottom: 25px;
}
.page-product-downloadable .product-options-bottom .field.qty {
display: none !important;
}
.cart-summary .block.giftcard .action.check {
line-height: 1.2rem;
padding: 5px 8px;
font-size: 1.1rem;
margin-top: 20px;
}
.page-product-giftcard .giftcard-amount {
margin-bottom: 0;
text-align: left;
}
.page-product-giftcard .giftcard-amount .field:last-child {
padding-bottom: 20px;
}
.page-product-giftcard .product-options-wrapper .field:first-of-type {
margin-top: 20px;
}
.giftcard-account .please-wait {
display: none;
}
.giftcard-account .form-giftcard-redeem .giftcard.info {
margin-bottom: 30px;
}
.opc-wrapper .form-giftcard-account {
max-width: 500px;
}
.opc-wrapper .form-giftcard-account .field {
margin: 0 0 20px;
}
.opc-wrapper .giftcard-account-info {
margin: 0 0 20px;
}
.opc-wrapper .giftcard-account-info .giftcard-account-number {
margin: 0 0 10px;
}
.gift-message .field {
margin-bottom: 20px;
}
.gift-message .field .label {
color: #666666;
font-weight: 400;
}
.gift-options .actions-toolbar .action-cancel {
display: none;
}
.gift-options-title {
margin: 0 0 20px;
}
.gift-options-content .fieldset {
margin: 0 0 20px;
}
.gift-summary .actions-toolbar > .secondary {
float: none;
}
.gift-summary .actions-toolbar > .secondary .action {
margin: 10px 20px 0 0;
}
.action-gift {
display: inline-block;
text-decoration: none;
}
.action-gift:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 16px;
color: inherit;
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;
}
.action-gift:hover:after {
color: inherit;
}
.action-gift:active:after {
color: inherit;
}
.action-gift.active:after,
.action-gift._active:after {
content: '\e621';
}
.cart.table-wrapper .gift-content {
box-sizing: border-box;
clear: left;
display: none;
float: left;
margin: 10px 0 20px;
text-align: left;
width: 100%;
}
.cart.table-wrapper .gift-content._active {
display: block;
}
.gift-item-block {
margin: 0;
}
.gift-item-block._active .title:after {
content: '\e621';
}
.gift-item-block .title {
border-radius: 3px;
background-image: none;
background: #f2f2f2;
border: 1px solid #cdcdcd;
color: #333333;
cursor: pointer;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
margin: 20px 0 0;
padding: 7px 15px;
font-size: 1.4rem;
line-height: 1.6rem;
box-sizing: border-box;
vertical-align: middle;
display: inline-block;
text-decoration: none;
}
.gift-item-block .title:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 16px;
color: inherit;
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;
}
.gift-item-block .title:hover:after {
color: inherit;
}
.gift-item-block .title:active:after {
color: inherit;
}
.gift-item-block .title:focus,
.gift-item-block .title:active {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #333333;
}
.gift-item-block .title:hover {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #555555;
}
.gift-item-block .title.disabled,
.gift-item-block .title[disabled],
fieldset[disabled] .gift-item-block .title {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.gift-item-block .title:active {
box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.12);
}
.gift-item-block .content {
border-bottom: 1px solid #c1c1c1;
padding: 10px 10px 20px;
position: relative;
}
.order-details-items .order-gift-message .item-options dt,
.order-details-items .block-order-details-gift-message .item-options dt {
font-weight: 400;
margin: 10px 0;
}
.order-details-items .order-gift-message dt:after,
.order-details-items .block-order-details-gift-message dt:after {
content: '';
}
.order-details-items .order-gift-message .item-message,
.order-details-items .block-order-details-gift-message .item-message {
clear: left;
}
.order-details-items .order-items .action.show {
display: inline-block;
text-decoration: none;
padding-right: 20px;
position: relative;
}
.order-details-items .order-items .action.show:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: inherit;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.order-details-items .order-items .action.show:after {
position: absolute;
right: 0;
top: -4px;
}
.order-details-items .order-items .action.show.expanded:after {
content: '\e621';
}
.block-order-details-gift-message {
border-top: 1px solid #d1d1d1;
padding-top: 10px;
}
.form-giftregistry-share .actions-toolbar:not(:last-child),
.form-giftregistry-edit .actions-toolbar:not(:last-child) {
margin-bottom: 40px;
}
.form-giftregistry-share .fieldset .nested .field:not(.choice) .control,
.form-giftregistry-edit .fieldset .nested .field:not(.choice) .control {
width: 100%;
}
.table-giftregistry-items .product-image {
float: left;
margin-right: 10px;
}
.cart-summary .form.giftregistry .fieldset {
margin: 25px 0 5px;
}
.cart-summary .form.giftregistry .fieldset .field {
margin: 0 0 10px;
}
.cart-summary .form.giftregistry .fieldset .field .control {
float: none;
width: auto;
}
.cart-summary .form.giftregistry .fieldset .action.primary,
.cart-summary .form.giftregistry .fieldset .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.cart-summary .form.giftregistry .fieldset .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
margin-bottom: 0;
}
.form-giftregistry-search {
margin-bottom: 60px;
}
.form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) {
margin-bottom: 0;
}
.block-giftregistry-results .toolbar-giftregistry-results {
text-align: center;
}
.block-giftregistry .actions-toolbar {
margin: 17px 0 0;
}
.block-giftregistry-shared .item-options .item-value {
margin: 0 0 25px;
}
.block-giftregistry-shared-items .item {
border-bottom: 1px solid #d1d1d1;
}
.block-giftregistry-shared-items .col {
padding: 20px 8px 10px;
}
.block-giftregistry-shared-items .col .price-box {
display: inline-block;
}
.block-giftregistry-shared-items .col .price-wrapper {
font-size: 1.8rem;
display: block;
font-weight: 700;
white-space: nowrap;
}
.block-giftregistry-shared-items .product .item-options {
margin-bottom: 0;
}
.block-giftregistry-shared-items .product-item-photo {
display: block;
max-width: 65px;
padding: 10px 0;
}
.block-giftregistry-shared-items .product-item-name {
display: block;
margin: 0 0 5px;
}
.gift-wrapping .label {
margin: 0 0 5px;
display: inline-block;
}
.gift-wrapping .field {
margin-bottom: 10px;
}
.gift-wrapping-info {
font-weight: 300;
font-size: 18px;
margin: 20px 0;
}
.gift-wrapping-list {
list-style: none;
margin: 20px 0 10px;
padding: 0;
}
.gift-wrapping-list .no-image {
background: #f2f2f2;
display: inline-block;
text-decoration: none;
}
.gift-wrapping-list .no-image > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.gift-wrapping-list .no-image:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 38px;
line-height: 4rem;
color: #494949;
content: '\e629';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.gift-wrapping-list .no-image:after {
display: block;
}
.gift-wrapping-preview,
.gift-wrapping-item > span {
cursor: pointer;
display: block;
overflow: hidden;
position: relative;
z-index: 1;
}
.gift-wrapping-item {
float: left;
margin: 0 10px 10px 0;
}
.gift-wrapping-item:last-child {
margin-right: 0;
}
.gift-wrapping-item._active span:before {
border: 3px solid #333333;
box-sizing: border-box;
content: '';
display: block;
height: 100%;
position: absolute;
width: 100%;
z-index: 2;
}
.gift-wrapping-item > span {
height: 4rem;
width: 4rem;
}
.gift-wrapping-title {
margin: 10px 0;
}
.gift-wrapping-title .action-remove {
margin-left: 5px;
}
.gift-options-content .fieldset > .field {
margin: 0 0 5px;
}
.gift-options-content .fieldset > .field:before {
display: none;
}
.gift-wrapping-summary .gift-wrapping-title {
border: 0;
display: inline-block;
padding: 0;
}
.opc-wrapper .data.table .gift-wrapping,
.table-order-items .gift-wrapping,
.table-order-review .gift-wrapping {
margin: 20px 0;
}
.opc-wrapper .data.table .gift-wrapping .title,
.table-order-items .gift-wrapping .title,
.table-order-review .gift-wrapping .title {
float: none;
}
.opc-wrapper .data.table .gift-wrapping .content,
.table-order-items .gift-wrapping .content,
.table-order-review .gift-wrapping .content {
margin: 0;
}
.opc-wrapper .data.table .gift-wrapping .content > img,
.table-order-items .gift-wrapping .content > img,
.table-order-review .gift-wrapping .content > img {
float: left;
margin: 0 10px 0 0;
max-height: 50px;
max-width: 50px;
}
.gift-summary .price-box,
.gift-options .price-box {
margin-left: 22px;
}
.gift-summary .regular-price:before,
.gift-options .regular-price:before {
content: attr(data-label) ': ';
}
.gift-summary .regular-price .price,
.gift-options .regular-price .price {
font-weight: 700;
}
.order-options .item {
padding-bottom: 20px;
}
.order-options .product {
margin-bottom: 10px;
}
.order-options .product-image-container {
float: left;
padding-right: 10px;
}
.order-options .gift-wrapping {
margin-bottom: 10px;
}
.table.grouped > thead > tr > th,
.table.grouped > tbody > tr > th,
.table.grouped > tfoot > tr > th,
.table.grouped > thead > tr > td,
.table.grouped > tbody > tr > td,
.table.grouped > tfoot > tr > td {
border-top: 1px solid #d1d1d1;
}
.table.grouped > caption + thead > tr:first-child > th,
.table.grouped > colgroup + thead > tr:first-child > th,
.table.grouped > thead:first-child > tr:first-child > th,
.table.grouped > caption + thead > tr:first-child > td,
.table.grouped > colgroup + thead > tr:first-child > td,
.table.grouped > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table.grouped > tbody + tbody {
border-top: 1px solid #d1d1d1;
}
.table.grouped > thead > tr > th {
border-bottom: 0;
}
.table.grouped .product-item-name {
font-weight: 400;
}
.table.grouped .price-box .price {
font-size: 14px;
}
.table.grouped .stock.unavailable {
font-weight: normal;
margin: 0;
text-transform: none;
white-space: nowrap;
}
.table.grouped .row-tier-price td {
border-top: 0;
}
.table.grouped .row-tier-price .prices-tier {
margin: 0 -10px 10px;
}
.form-add-invitations .action.add {
display: inline-block;
text-decoration: none;
line-height: normal;
padding: 2px 0;
width: auto;
}
.form-add-invitations .action.add > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.form-add-invitations .action.add:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 31px;
line-height: 22px;
color: inherit;
content: '\e61c';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.form-add-invitations .action.add:hover:before {
color: inherit;
}
.form-add-invitations .action.add:active:before {
color: inherit;
}
.block.filter {
margin-bottom: 40px;
}
.block.filter .filter-title {
margin-bottom: 20px;
}
.block.filter .filter-title strong {
font-size: 18px;
}
.block-subtitle {
display: inline-block;
margin-bottom: 10px;
}
.filter-current .item {
margin-bottom: 10px;
}
.filter-current .filter-label {
display: block;
font-weight: 700;
}
.filter-current .filter-label:after {
content: ':';
}
.filter-current + .filter-actions {
margin-bottom: 30px;
}
.filter-options {
margin: 0;
}
.filter-options .filter-options-title {
font-weight: 700;
line-height: 1.1;
font-size: 1.4rem;
margin-top: 2rem;
margin-bottom: 2rem;
margin: 0 0 10px;
word-break: break-all;
}
.filter-options .filter-options-content {
margin: 0 0 25px;
}
.filter-options .filter-options-content .item {
margin-bottom: 3px;
}
.filter-options .count {
color: #7d7d7d;
}
.filter-options .count:before {
content: '(';
}
.filter-options .count:after {
content: ')';
}
.filtered .items {
margin: 15px 0;
}
.filtered .item {
margin-bottom: 6px;
padding-left: 22px;
position: relative;
}
.filtered .item .label {
font-weight: 700;
}
.filtered .item .action.remove {
left: -6px;
position: absolute;
top: 0;
}
.filtered + .actions {
margin-bottom: 35px;
}
.map-popup-wrapper.popup .action.close {
top: 10px;
}
.map-popup {
background: #ffffff;
border: 1px solid #aeaeae;
padding: 22px;
width: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
transition: opacity 0.3s linear;
left: 0;
margin-top: 10px;
position: absolute;
top: 0;
z-index: 1001;
display: none;
opacity: 0;
box-sizing: border-box;
}
.map-popup .popup-header {
margin: 0 0 25px;
padding-right: 22px;
}
.map-popup .popup-header .title {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.map-popup .popup-content {
margin: 10px 0 0;
}
.map-popup .popup-actions .action.close {
position: absolute;
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
right: 10px;
top: 10px;
}
.map-popup .popup-actions .action.close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.map-popup .popup-actions .action.close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e616';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.map-popup .popup-actions .action.close:hover:before {
color: inherit;
}
.map-popup .popup-actions .action.close:active:before {
color: inherit;
}
.map-popup .popup-actions .action.close:focus,
.map-popup .popup-actions .action.close:active {
background: none;
border: none;
}
.map-popup .popup-actions .action.close:hover {
background: none;
border: none;
}
.map-popup .popup-actions .action.close.disabled,
.map-popup .popup-actions .action.close[disabled],
fieldset[disabled] .map-popup .popup-actions .action.close {
pointer-events: none;
opacity: 0.5;
}
.map-popup.active {
opacity: 1;
}
.map-popup .map-info-price {
margin-bottom: 15px;
}
.map-popup .map-info-price .price-box {
margin: 0 0 20px;
}
.map-popup .map-info-price .price-box .label:after {
content: ': ';
}
.map-popup .regular-price .price-label {
display: none;
}
.map-old-price:not(:last-child),
.product-info-price .map-show-info:not(:last-child) {
margin-right: 10px;
}
.map-fallback-price {
display: none;
}
.map-old-price {
text-decoration: none;
}
.map-old-price .price-wrapper {
text-decoration: line-through;
}
.map-form-addtocart {
display: inline-block;
text-align: center;
}
.map-form-addtocart img {
display: block;
margin: 0 auto;
}
button.map-show-info,
.cart.table-wrapper .actions-toolbar > .action.map-show-info,
.action-gift.map-show-info {
background-image: none;
-moz-box-sizing: content-box;
box-shadow: none;
line-height: inherit;
text-shadow: none;
font-weight: 400;
line-height: 1.42857143;
margin: 0;
padding: 0;
color: #1979c3;
text-decoration: none;
background: none;
border: 0;
display: inline;
}
button.map-show-info:focus,
button.map-show-info:active,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:focus,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:active,
.action-gift.map-show-info:focus,
.action-gift.map-show-info:active {
background: none;
border: none;
}
button.map-show-info:hover,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:hover,
.action-gift.map-show-info:hover {
background: none;
border: none;
}
button.map-show-info.disabled,
button.map-show-info[disabled],
fieldset[disabled] button.map-show-info,
.cart.table-wrapper .actions-toolbar > .action.map-show-info.disabled,
.cart.table-wrapper .actions-toolbar > .action.map-show-info[disabled],
fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action.map-show-info,
.action-gift.map-show-info.disabled,
.action-gift.map-show-info[disabled],
fieldset[disabled] .action-gift.map-show-info {
pointer-events: none;
opacity: 0.5;
}
button.map-show-info:visited,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:visited,
.action-gift.map-show-info:visited {
color: #1979c3;
text-decoration: none;
}
button.map-show-info:hover,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:hover,
.action-gift.map-show-info:hover {
color: #006bb4;
text-decoration: underline;
}
button.map-show-info:active,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:active,
.action-gift.map-show-info:active {
color: #ff5501;
text-decoration: underline;
}
button.map-show-info:hover,
button.map-show-info:active,
button.map-show-info:focus,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:hover,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:active,
.cart.table-wrapper .actions-toolbar > .action.map-show-info:focus,
.action-gift.map-show-info:hover,
.action-gift.map-show-info:active,
.action-gift.map-show-info:focus {
background: none;
border: 0;
}
button.map-show-info.disabled,
button.map-show-info[disabled],
fieldset[disabled] button.map-show-info,
.cart.table-wrapper .actions-toolbar > .action.map-show-info.disabled,
.cart.table-wrapper .actions-toolbar > .action.map-show-info[disabled],
fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action.map-show-info,
.action-gift.map-show-info.disabled,
.action-gift.map-show-info[disabled],
fieldset[disabled] .action-gift.map-show-info {
color: #1979c3;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.wishlist.split.button {
display: inline-block;
position: relative;
vertical-align: middle;
}
.wishlist.split.button:before,
.wishlist.split.button:after {
content: '';
display: table;
}
.wishlist.split.button:after {
clear: both;
}
.wishlist.split.button .action.split {
float: left;
margin: 0;
}
.wishlist.split.button .action.toggle {
float: right;
margin: 0;
}
.wishlist.split.button button.action.split,
.wishlist.split.button .cart.table-wrapper .actions-toolbar > .action.action.split,
.wishlist.split.button .action-gift.action.split {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.wishlist.split.button button + .action.toggle,
.wishlist.split.button .cart.table-wrapper .actions-toolbar > .action + .action.toggle,
.wishlist.split.button .action-gift + .action.toggle {
border-bottom-left-radius: 0;
border-left: 0;
border-top-left-radius: 0;
}
.wishlist.split.button .action.toggle {
display: inline-block;
text-decoration: none;
}
.wishlist.split.button .action.toggle > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.wishlist.split.button .action.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: #7d7d7d;
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;
}
.wishlist.split.button .action.toggle:hover:after {
color: #333333;
}
.wishlist.split.button .action.toggle:active:after {
color: inherit;
}
.wishlist.split.button .action.toggle.active {
display: inline-block;
text-decoration: none;
}
.wishlist.split.button .action.toggle.active > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.wishlist.split.button .action.toggle.active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: #7d7d7d;
content: '\e621';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.wishlist.split.button .action.toggle.active:hover:after {
color: #333333;
}
.wishlist.split.button .action.toggle.active:active:after {
color: inherit;
}
.wishlist.split.button .items {
margin: 0;
padding: 0;
list-style: none none;
background: #ffffff;
border: 1px solid #bbbbbb;
margin-top: 4px;
min-width: 200px;
z-index: 100;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.wishlist.split.button .items li {
margin: 0;
padding: 5px 5px 5px 23px;
}
.wishlist.split.button .items li:hover {
background: #e8e8e8;
cursor: pointer;
}
.wishlist.split.button .items:before,
.wishlist.split.button .items:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.wishlist.split.button .items:before {
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.wishlist.split.button .items:after {
border: 7px solid;
border-color: transparent transparent #bbbbbb transparent;
z-index: 98;
}
.wishlist.split.button .items:before {
left: 10px;
top: -12px;
}
.wishlist.split.button .items:after {
left: 9px;
top: -14px;
}
.wishlist.split.button.active {
overflow: visible;
}
.wishlist.split.button.active .items {
display: block;
}
.wishlist.split.button .items {
text-align: left;
}
.wishlist.split.button .items .item > span {
display: block;
padding: 5px 5px 5px 23px;
}
.wishlist.split.button .items .item:last-child:hover {
background: #e8e8e8;
}
.wishlist.split.button .items li {
padding: 0;
}
.table-comparison .wishlist.split.button > .action.split:before,
.product-items .wishlist.split.button > .action.split:before {
content: '\e601';
}
.table-comparison .wishlist.split.button > .action:active,
.product-items .wishlist.split.button > .action:active,
.table-comparison .wishlist.split.button > .action:focus,
.product-items .wishlist.split.button > .action:focus,
.table-comparison .wishlist.split.button > .action:hover,
.product-items .wishlist.split.button > .action:hover {
color: #333333;
}
.table-comparison .wishlist.split.button > .action.toggle:before,
.product-items .wishlist.split.button > .action.toggle:before {
border-left: 1px solid #c9c9c9;
content: '';
float: left;
height: 15px;
margin-top: 3px;
}
.product-info-main .wishlist.split.button .action.split,
.block-bundle-summary .wishlist.split.button .action.split,
.product-add-form .wishlist.split.button .action.split,
.product-info-main .wishlist.split.button .action.toggle,
.block-bundle-summary .wishlist.split.button .action.toggle,
.product-add-form .wishlist.split.button .action.toggle {
line-height: 1.2rem;
padding: 5px 8px;
font-size: 1.1rem;
}
.product-info-main .wishlist.split.button .action.toggle,
.block-bundle-summary .wishlist.split.button .action.toggle,
.product-add-form .wishlist.split.button .action.toggle {
padding: 0;
}
.cart.table-wrapper .wishlist.split.button {
margin-bottom: 10px;
}
.cart.table-wrapper .wishlist.split.button > .action.toggle {
padding: 4px 5px;
}
.wishlist.window.popup {
box-sizing: border-box;
background: #ffffff;
border: 1px solid #aeaeae;
padding: 22px;
width: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
transition: opacity 0.3s linear;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1001;
display: none;
opacity: 0;
}
.wishlist.window.popup .popup-header {
margin: 0 0 25px;
padding-right: 22px;
}
.wishlist.window.popup .popup-header .title {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.wishlist.window.popup .popup-actions .action.close {
position: absolute;
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
right: 10px;
top: 10px;
}
.wishlist.window.popup .popup-actions .action.close > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.wishlist.window.popup .popup-actions .action.close:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e616';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.wishlist.window.popup .popup-actions .action.close:hover:before {
color: inherit;
}
.wishlist.window.popup .popup-actions .action.close:active:before {
color: inherit;
}
.wishlist.window.popup .popup-actions .action.close:focus,
.wishlist.window.popup .popup-actions .action.close:active {
background: none;
border: none;
}
.wishlist.window.popup .popup-actions .action.close:hover {
background: none;
border: none;
}
.wishlist.window.popup .popup-actions .action.close.disabled,
.wishlist.window.popup .popup-actions .action.close[disabled],
fieldset[disabled] .wishlist.window.popup .popup-actions .action.close {
pointer-events: none;
opacity: 0.5;
}
.wishlist.window.popup.active {
opacity: 1;
}
.wishlist.window.popup.active {
display: block;
}
.wishlist.overlay {
transition: opacity 0.15s linear;
background: #000000;
z-index: 899;
bottom: 0;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
}
.wishlist.overlay.active {
opacity: 0.5;
filter: alpha(opacity=50);
}
.wishlist.overlay.active {
display: block;
}
.block-wishlist-management {
position: relative;
}
.block-wishlist-management .wishlist-select .wishlist-name-label {
font-weight: 600;
}
.block-wishlist-management .wishlist-title {
margin-bottom: 10px;
}
.block-wishlist-management .wishlist-title strong {
font-weight: 300;
margin-right: 10px;
}
.block-wishlist-management .wishlist-notice {
color: #7d7d7d;
display: inline-block;
margin-right: 20px;
}
.block-wishlist-management .wishlist-toolbar-select,
.block-wishlist-management .wishlist-toolbar-actions {
display: inline-block;
}
.block-wishlist-management .wishlist-toolbar-select {
margin-right: 20px;
}
.block-wishlist-management .wishlist-dropdown.move {
margin-right: 20px;
}
.block-wishlist-search-form .form-wishlist-search {
margin-bottom: 60px;
max-width: 500px;
}
.block-wishlist-search-results .toolbar-wishlist-results {
text-align: center;
}
.block-wishlist-info-items .block-title {
font-size: 2.2rem;
margin-bottom: 20px;
}
.block-wishlist-info-items .block-title > strong {
font-weight: 300;
}
.block-wishlist-info-items .product-item {
width: 100%;
}
.block-wishlist-info-items .product-item-photo {
margin-left: 20px;
}
.block-wishlist-info-items .product-item-info {
width: auto;
}
.block-wishlist-info-items .product-item-info:hover .split {
visibility: visible;
}
.block-wishlist-info-items .price-wrapper {
display: block;
margin: 0 0 10px;
}
.block-wishlist-info-items .split {
clear: both;
padding: 10px 0;
}
.block-wishlist-info-items .action.towishlist {
padding: 10px 0;
}
.block-wishlist-info-items .input-text.qty {
margin-right: 10px;
}
.multicheckout.results h3,
.multicheckout.success h3 {
font-size: 1.6rem;
margin-bottom: 20px;
margin-top: 30px;
}
.multicheckout.results h3 a,
.multicheckout.success h3 a {
color: #333333;
}
.multicheckout.results h3 a:hover,
.multicheckout.success h3 a:hover {
text-decoration: none;
}
.multicheckout.results ul.orders-list,
.multicheckout.success ul.orders-list {
list-style: none;
padding-left: 0;
}
.multicheckout.results .orders-list,
.multicheckout.success .orders-list {
margin-top: 25px;
padding-left: 16px;
}
.multicheckout.results .orders-list .shipping-list .shipping-item,
.multicheckout.success .orders-list .shipping-list .shipping-item {
margin-left: 84px;
}
.multicheckout.results .orders-list .shipping-list .shipping-label,
.multicheckout.success .orders-list .shipping-list .shipping-label {
font-weight: 700;
margin-right: 10px;
}
.multicheckout.results .orders-list .shipping-list .shipping-address,
.multicheckout.success .orders-list .shipping-list .shipping-address {
font-weight: 400;
}
.multicheckout.results .orders-list .shipping-list .error-block,
.multicheckout.success .orders-list .shipping-list .error-block {
color: #e02b27;
}
.multicheckout.results .orders-list .shipping-list .error-block .error-label,
.multicheckout.success .orders-list .shipping-list .error-block .error-label {
font-weight: 700;
margin-right: 10px;
}
.multicheckout.results .orders-list .shipping-list .error-block .error-description,
.multicheckout.success .orders-list .shipping-list .error-block .error-description {
font-weight: 400;
}
.multicheckout.results .orders-succeed .orders-list,
.multicheckout.success .orders-succeed .orders-list {
margin-top: 0;
}
.multicheckout.results .orders-succeed .orders-list .shipping-list .order-id,
.multicheckout.success .orders-succeed .orders-list .shipping-list .order-id {
float: left;
}
.multicheckout.results .orders-succeed .orders-list .shipping-list .shipping-item,
.multicheckout.success .orders-succeed .orders-list .shipping-list .shipping-item {
margin-left: 100px;
}
.multicheckout .title {
margin-bottom: 30px;
}
.multicheckout .title strong {
font-weight: 400;
}
.multicheckout .table-wrapper {
margin-bottom: 0;
}
.multicheckout .table-wrapper .action.delete {
display: inline-block;
}
.multicheckout .table-wrapper .col .qty {
display: inline-block;
}
.multicheckout .table-wrapper .col.item .action.edit {
font-weight: 400;
margin-left: 10px;
}
.multicheckout:not(.address) .table-wrapper .product-item-name {
margin: 0;
}
.multicheckout > .actions-toolbar {
margin-top: 40px;
}
.multicheckout .actions-toolbar > .secondary {
display: block;
}
.multicheckout .actions-toolbar > .secondary .action {
margin-bottom: 25px;
}
.multicheckout .actions-toolbar > .secondary .action.back {
display: block;
margin-left: 0;
}
.multicheckout .actions-toolbar > .primary {
margin-right: 10px;
}
.multicheckout .item-options {
margin: 10px 0 0;
}
.multicheckout .block .methods-shipping .item-content .fieldset > .field:before {
display: none;
}
.multicheckout .block .methods-shipping .item-content .fieldset > .field .control {
display: inline-block;
}
.multicheckout .block-title,
.multicheckout .block-content .title {
border-bottom: 1px solid #d1d1d1;
padding-bottom: 10px;
}
.multicheckout .block-title strong,
.multicheckout .block-content .title strong {
font-weight: 400;
}
.multicheckout .block-title strong span,
.multicheckout .block-content .title strong span {
color: #a6a6a6;
}
.multicheckout .block-content .title {
border-bottom: none;
padding-bottom: 0;
}
.multicheckout.order-review .block-title > strong {
font-size: 2.4rem;
}
.multicheckout.order-review .block-shipping .block-content:not(:last-child) {
margin-bottom: 40px;
}
.multicheckout.order-review .error-description {
color: #e02b27;
font-weight: 400;
margin-bottom: 10px;
margin-top: -10px;
}
.multicheckout .box-title span {
margin-right: 10px;
}
.multicheckout .box-title > .action {
margin: 0;
}
.multicheckout .box-shipping-method .price {
font-weight: 700;
}
.multicheckout .box-billing-method .fieldset {
margin: 0;
}
.multicheckout .box-billing-method .fieldset .legend.box-title {
margin: 0 0 5px;
}
.multicheckout .checkout-review .grand.totals {
font-size: 2.1rem;
margin-bottom: 40px;
}
.multicheckout .checkout-review .grand.totals .mark {
font-weight: 400;
}
[class^='multishipping-'] .logo {
margin-left: 0;
}
.multishipping-checkout-success .nav-sections {
display: block;
}
.block.newsletter {
margin-bottom: 40px;
}
.block.newsletter .form.subscribe {
display: table;
width: 100%;
}
.block.newsletter .fieldset {
display: table-cell;
margin: 0;
padding: 0;
vertical-align: top;
}
.block.newsletter .field {
margin: 0;
}
.block.newsletter .field .control {
display: inline-block;
text-decoration: none;
display: block;
}
.block.newsletter .field .control:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 35px;
line-height: 33px;
color: #c2c2c2;
content: '\e61d';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.block.newsletter .field .control:before {
position: absolute;
}
.block.newsletter input {
margin-right: 35px;
padding: 0 0 0 35px;
}
.block.newsletter .title {
display: none;
}
.block.newsletter .actions {
display: table-cell;
vertical-align: top;
width: 1%;
}
.block.newsletter .action.subscribe {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: -1px;
}
.payment-method-content .pay-later-message {
margin-bottom: 10px;
margin-top: 10px;
}
.paypal.after:before {
content: '- ' attr(data-label) ' -';
display: block;
margin: 5px 5px 10px;
text-transform: uppercase;
}
.paypal.before:before {
content: '- ' attr(data-label) ' -';
display: block;
margin: 10px 5px;
text-align: center;
text-transform: uppercase;
}
.paypal.acceptance {
display: block;
margin: 0 0 20px;
}
.paypal.acceptance img {
max-width: 100%;
}
.box-tocart .paypal img,
.block-minicart .paypal img {
display: block;
margin: 0 auto;
}
.paypal-review .paypa-review-title > strong {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
display: inline-block;
}
.paypal-review .items-qty .item {
white-space: nowrap;
}
.paypal-review .items-qty .title:after {
content: ': ';
}
.paypal-review .paypal-review-title > strong {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
display: inline-block;
}
.paypal-review .actions-toolbar {
margin-top: 10px;
}
.paypal-review .item-options dt {
display: inline-block;
}
.paypal-review .item-options dt:after {
content: ': ';
}
.paypal-review .item-options dd {
margin: 0;
}
.paypal-review-discount {
border-bottom: 1px solid #d1d1d1;
margin: 20px 0;
}
.paypal-review-discount .block {
margin-bottom: 0;
}
.paypal-review-discount .block .fieldset {
padding: 10px 0 20px;
}
.fotorama-video-container:after {
background: url('../Magento_ProductVideo/img/gallery-sprite.png') bottom right;
bottom: 0;
content: '';
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 12px;
width: 100px;
}
.fotorama-video-container .magnify-lens {
display: none !important;
}
.fotorama-video-container.video-unplayed:hover img {
opacity: .6;
}
.fotorama-video-container.video-unplayed:hover:after {
transform: scale(1.25);
}
.video-thumb-icon:after {
background: url('../Magento_ProductVideo/img/gallery-sprite.png') bottom left;
bottom: 0;
content: '';
height: 40px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 10px;
width: 49px;
}
.product-video {
bottom: 0;
height: 75%;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.product-video iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
}
.fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after {
bottom: 0;
content: '';
height: 100px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 12px;
width: 100px;
}
.fotorama__product-video--loading:after {
visibility: hidden;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) {
.product-video {
height: 100%;
width: 81%;
}
}
.data.switch .counter {
color: #7d7d7d;
}
.data.switch .counter:before {
content: '(';
}
.data.switch .counter:after {
content: ')';
}
.rating-summary {
overflow: hidden;
white-space: nowrap;
}
.rating-summary .rating-result {
width: 100px;
display: inline-block;
position: relative;
vertical-align: middle;
}
.rating-summary .rating-result:before {
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
-webkit-font-smoothing: antialiased;
color: #c7c7c7;
font-family: 'icons-blank-theme';
font-size: 28px;
height: 28px;
letter-spacing: -10px;
line-height: 28px;
content: '\e605' '\e605' '\e605' '\e605' '\e605';
display: block;
font-style: normal;
font-weight: normal;
speak: none;
}
.rating-summary .rating-result > span {
display: block;
overflow: hidden;
}
.rating-summary .rating-result > span:before {
position: relative;
z-index: 2;
-webkit-font-smoothing: antialiased;
color: #ff5501;
font-family: 'icons-blank-theme';
font-size: 28px;
height: 28px;
letter-spacing: -10px;
line-height: 28px;
content: '\e605' '\e605' '\e605' '\e605' '\e605';
display: block;
font-style: normal;
font-weight: normal;
speak: none;
}
.rating-summary .rating-result > span span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.rating-summary .rating-result {
margin-left: -5px;
}
.product-reviews-summary .rating-summary .label,
.table-reviews .rating-summary .label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.review-control-vote {
overflow: hidden;
}
.review-control-vote:before {
color: #c7c7c7;
font-family: 'icons-blank-theme';
font-size: 28px;
height: 28px;
letter-spacing: -10px;
line-height: 28px;
font-style: normal;
font-weight: normal;
speak: none;
vertical-align: top;
-webkit-font-smoothing: antialiased;
content: '\e605' '\e605' '\e605' '\e605' '\e605';
display: block;
position: absolute;
z-index: 1;
}
.review-control-vote input[type="radio"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.review-control-vote input[type="radio"]:hover + label:before,
.review-control-vote input[type="radio"]:checked + label:before {
opacity: 1;
}
.review-control-vote label {
cursor: pointer;
display: block;
position: absolute;
}
.review-control-vote label span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.review-control-vote label:before {
color: #ff5501;
font-family: 'icons-blank-theme';
font-size: 28px;
height: 28px;
letter-spacing: -10px;
line-height: 28px;
font-style: normal;
font-weight: normal;
speak: none;
vertical-align: top;
-webkit-font-smoothing: antialiased;
opacity: 0;
}
.review-control-vote label:hover:before {
opacity: 1;
}
.review-control-vote label:hover ~ label:before {
opacity: 0;
}
.review-control-vote .rating-5 {
z-index: 2;
}
.review-control-vote .rating-5:before {
content: '\e605' '\e605' '\e605' '\e605' '\e605';
}
.review-control-vote .rating-4 {
z-index: 3;
}
.review-control-vote .rating-4:before {
content: '\e605' '\e605' '\e605' '\e605';
}
.review-control-vote .rating-3 {
z-index: 4;
}
.review-control-vote .rating-3:before {
content: '\e605' '\e605' '\e605';
}
.review-control-vote .rating-2 {
z-index: 5;
}
.review-control-vote .rating-2:before {
content: '\e605' '\e605';
}
.review-control-vote .rating-1 {
z-index: 6;
}
.review-control-vote .rating-1:before {
content: '\e605';
}
.block.add.review {
margin-bottom: 40px;
}
.block.add.review > .title {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
margin-top: 2.5rem;
margin-bottom: 2rem;
}
.block.add.review .legend {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
margin: 0 0 20px;
}
.block.add.review .field.rating {
display: table-row;
}
.block.add.review .field.rating .label {
display: table-cell;
padding: 5px 0;
vertical-align: middle;
}
.block.add.review .field.rating .control {
display: table-cell;
vertical-align: top;
}
.block.reviews.list > .title {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
margin-top: 2.5rem;
margin-bottom: 2rem;
}
.block.reviews.list .review.item {
margin-bottom: 40px;
}
.block.reviews.list .review.title {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.data.table.reviews .rating-summary {
margin-top: -4px;
}
.customer-review.view {
margin-bottom: 20px;
}
.customer-review.view .review.title,
.customer-review.view .ratings-summary,
.customer-review.view .product-details {
margin-bottom: 20px;
}
.product-reviews-summary {
display: table;
margin: 10px 0 12px;
}
.products.wrapper.list .product-reviews-summary {
margin: 0 auto;
}
.product-reviews-summary.empty {
margin-left: 0;
}
.product-reviews-summary .rating-summary {
display: table-cell;
left: -5px;
position: relative;
text-align: left;
vertical-align: middle;
}
.product-reviews-summary .reviews-actions {
display: table-cell;
line-height: 28px;
vertical-align: middle;
}
.product-reviews-summary .reviews-actions a {
margin-right: 5px;
}
.customer-review .product-details {
margin-bottom: 40px;
}
.customer-review .product-media {
float: left;
margin-right: 3%;
max-width: 285px;
width: 30%;
}
.customer-review .review-details .customer-review-rating {
margin-bottom: 20px;
}
.customer-review .review-details .customer-review-rating .item {
margin-bottom: 10px;
}
.customer-review .review-details .customer-review-rating .item:last-child {
margin-bottom: 0;
}
.customer-review .review-details .review-title {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
font-weight: 600;
margin-bottom: 20px;
}
.customer-review .review-details .review-content {
margin-bottom: 20px;
}
.customer-review .product-reviews-summary .rating-summary,
.customer-review .product-reviews-summary .reviews-actions {
display: block;
}
.review-field-ratings .nested {
display: table;
}
.review-field-ratings .review-field-rating {
display: table-row;
}
.review-field-ratings .review-field-rating .label,
.review-field-ratings .review-field-rating .control {
display: table-cell;
padding-bottom: 10px;
vertical-align: top;
}
.review-field-ratings .review-field-rating .label {
padding-right: 10px;
padding-top: 6px;
}
.review-field-ratings .review-field-rating .control {
padding-top: 2px;
}
.review-toolbar {
border-top: 1px solid #c9c9c9;
margin: 0 0 20px;
text-align: center;
}
.review-toolbar:first-child {
display: none;
}
.review-toolbar .pages {
border-bottom: 1px solid #c9c9c9;
display: block;
padding: 20px 0;
text-align: center;
}
.review-toolbar .limiter {
display: none;
}
.review-add .block-title {
display: none;
}
.review-form .action.submit.primary {
background: #f2f2f2;
border: 1px solid #cdcdcd;
color: #333333;
}
.review-form .action.submit.primary:focus,
.review-form .action.submit.primary:active {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #333333;
}
.review-form .action.submit.primary:hover {
background: #e2e2e2;
border: 1px solid #cdcdcd;
color: #555555;
}
.fieldset .review-legend.legend {
margin-bottom: 20px;
}
.fieldset .review-legend.legend strong {
display: block;
margin-left: 0;
}
.review-field-rating .control {
margin-bottom: 48px;
margin-top: 10px;
}
.review-list {
margin-bottom: 30px;
}
.review-list .block-title strong {
font-weight: 300;
line-height: 1.1;
font-size: 2.6rem;
margin-top: 2.5rem;
margin-bottom: 2rem;
}
.review-item {
border-bottom: 1px solid #c9c9c9;
margin: 0;
padding: 20px 0;
}
.review-item:after {
clear: both;
content: '';
display: table;
}
.review-item:last-child {
border-width: 0;
}
.review-ratings {
display: table;
margin-bottom: 10px;
max-width: 100%;
}
.review-author {
display: inline;
}
.review-title {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
margin: 0 0 20px;
}
.review-content {
margin-bottom: 20px;
}
.block-reward-info .reward-rates:not(:last-child),
.block-reward-info .reward-limit:not(:last-child),
.block-reward-info .reward-expiring:not(:last-child) {
margin-bottom: 25px;
}
.block-reward-info .reward-rates .title,
.block-reward-info .reward-limit .title,
.block-reward-info .reward-expiring .title {
display: inline-block;
margin-bottom: 10px;
}
.form-create-return .field .control > span,
.form-create-return .field address {
display: inline-block;
padding-top: 6px;
}
.form-create-return .additional:first-child {
margin-top: 0;
}
.form-create-return .additional .field:nth-last-child(2) {
margin-bottom: 0;
}
.form-create-return .additional .field:last-child {
margin-top: 20px;
}
.form-create-return .field.comment {
margin-top: 55px;
}
.block-returns-comments .returns-comments dt,
.block-returns-comments .returns-comments dd {
margin: 0;
}
.block-returns-comments .returns-comments dt {
font-weight: 400;
}
.block-returns-comments .returns-comments dd {
margin-bottom: 15px;
}
.block-returns-comments .returns-comments dd:last-child {
margin-bottom: 0;
}
.block-returns-comments .fieldset {
margin-bottom: 20px;
}
.magento-rma-returns-returns .page-title-wrapper .page-title,
.magento-rma-guest-returns .page-title-wrapper .page-title,
.magento-rma-returns-view .page-title-wrapper .page-title {
margin-right: 25px;
}
.order-links {
border-bottom: 1px solid #d1d1d1;
margin-bottom: 10px;
}
.order-links .item {
display: inline-block;
margin-right: 20px;
}
.order-actions-toolbar .action {
margin: 0 20px 0 0;
}
.order-details-items {
border-bottom: 1px solid #d1d1d1;
margin-bottom: 20px;
padding-bottom: 10px;
}
.order-details-items .order-title > strong {
font-weight: 300;
line-height: 1.1;
font-size: 1.8rem;
margin-top: 1.5rem;
margin-bottom: 1rem;
display: inline-block;
}
.order-details-items .items-qty .item {
white-space: nowrap;
}
.order-details-items .items-qty .title:after {
content: ': ';
}
.order-details-items .table-order-items .product-item-name {
margin-top: 0;
}
.order-details-items .table-order-items tbody + tbody {
border-top: 1px solid #d1d1d1;
}
.order-details-items .item-options dt {
margin: 0;
}
.order-details-items .item-options dd {
margin: 0 0 15px;
}
.order-details-items .item-options.links dt {
display: inline-block;
}
.order-details-items .item-options.links dt:after {
content: ': ';
}
.order-details-items .item-options.links dd {
margin: 0;
}
.order-pager-wrapper .toolbar-amount {
padding-top: 3px;
}
.order-pager-wrapper .pages-items .item:first-child,
.order-pager-wrapper .pages-items .item:last-child {
margin-right: 0;
}
.order-actions-toolbar {
margin-bottom: 25px;
}
.order-actions-toolbar .action {
margin-right: 30px;
}
.order-actions-toolbar .action.print {
margin: 0;
}
.page-title-wrapper .order-date {
margin: 0 0 20px;
}
.account .page-title-wrapper .page-title,
[class^='sales-guest-'] .page-title-wrapper .page-title,
.sales-guest-view .page-title-wrapper .page-title {
margin-right: 25px;
}
.form-orders-search .field.email,
.form-orders-search .field.zip {
margin-bottom: 0;
}
.block-reorder .product-item .checkbox {
position: relative;
top: 2px;
vertical-align: baseline;
}
.block-reorder .product-item .field.item {
display: inline-block;
}
.block-reorder .product-item-name {
display: inline-block;
}
.block-reorder .actions-toolbar {
margin: 17px 0;
max-width: 178px;
}
.block-order-details-comments {
margin: 0 0 40px;
}
.block-order-details-comments .comment-date {
font-weight: 600;
}
.block-order-details-comments .comment-content {
line-height: 1.6;
margin: 0 0 20px;
}
.block-order-details-view .box-content .payment-method .title {
font-weight: 400;
}
.block-order-details-view .box-content .payment-method .content {
margin: 0;
}
.block-order-details-view .box-content .payment-method .content > strong {
font-weight: 400;
}
.block-order-details-view .box-content .payment-method .content > strong:after {
content: ': ';
}
.order-tracking {
border-bottom: 1px solid #d1d1d1;
margin: 0;
padding: 20px 0;
}
.order-tracking .tracking-title {
display: inline-block;
}
.order-tracking .tracking-content {
display: inline-block;
margin: 0 0 0 5px;
}
.opc-wrapper .form-discount {
max-width: 500px;
}
.action.mailto.friend {
margin-left: -7px;
display: inline-block;
text-decoration: none;
}
.action.mailto.friend:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: inherit;
content: '\e61d';
font-family: 'icons-blank-theme';
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.action.mailto.friend span {
display: inline-block;
line-height: 28px;
vertical-align: top;
}
.swatch-attribute-label {
font-weight: 700;
position: relative;
}
.swatch-attribute-label.required {
padding-right: 10px;
}
.swatch-attribute-label[data-required='1']:after {
color: #e02b27;
content: '*';
font-size: 14px;
font-weight: 700;
position: absolute;
right: -11px;
top: -2px;
}
.swatch-attribute-selected-option {
color: #646464;
padding-left: 17px;
}
.swatch-attribute-options {
margin: 10px 0;
}
.swatch-attribute-options:focus {
box-shadow: none;
}
.swatch-attribute-options .swatch-option-tooltip-layered .title {
color: #282828;
bottom: -5px;
height: 20px;
left: 0;
margin-bottom: 10px;
position: absolute;
text-align: center;
width: 100%;
}
.swatch-attribute.size .swatch-option,
.swatch-attribute.manufacturer .swatch-option {
background: #f0f0f0;
color: #949494;
}
.swatch-attribute.size .swatch-option.selected,
.swatch-attribute.manufacturer .swatch-option.selected {
background: #ffffff;
border: 1px solid #ffffff;
color: #000000;
}
.swatch-option {
border: 1px solid #dadada;
cursor: pointer;
float: left;
height: 20px;
margin: 0 10px 5px 0;
max-width: 100%;
min-width: 30px;
overflow: hidden;
padding: 1px 2px;
position: relative;
text-align: center;
text-overflow: ellipsis;
}
.swatch-option:focus {
box-shadow: 0 0 3px 1px #68a8e0;
}
.swatch-option.text {
background: #f0f0f0;
color: #686868;
font-size: 12px;
font-weight: 700;
line-height: 20px;
margin-right: 7px;
min-width: 22px;
padding: 4px 8px;
}
.swatch-option.text.selected {
background-color: #ffffff;
}
.swatch-option.selected {
outline: 2px solid #ff5501;
border: 1px solid #ffffff;
color: #333333;
}
.swatch-option:not(.disabled):hover {
border: 1px solid #ffffff;
color: #333333;
outline: 1px solid #999999;
}
.swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover {
border: 1px solid #ffffff;
outline: 2px solid #c34000;
}
.swatch-option.disabled {
box-shadow: unset;
cursor: default;
pointer-events: none;
}
.swatch-option.disabled:after {
background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%);
bottom: 0;
content: '';
filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)';
left: 0;
position: absolute;
right: 0;
top: 0;
}
.swatch-option-disabled {
border: 0;
cursor: default;
outline: none !important;
}
.swatch-option-disabled:after {
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
background: #e02b27;
content: '';
height: 2px;
left: -4px;
position: absolute;
top: 10px;
width: 42px;
z-index: 995;
}
.swatch-option-loading {
content: url('../images/loader-2.gif');
}
.swatch-option-tooltip {
border: 1px solid #dadada;
color: #949494;
background: #ffffff;
display: none;
max-height: 100%;
min-height: 20px;
min-width: 20px;
padding: 5px;
position: absolute;
text-align: center;
z-index: 999;
}
.swatch-option-tooltip .corner,
.swatch-option-tooltip-layered .corner {
bottom: 0;
height: 8px;
left: 40%;
position: absolute;
}
.swatch-option-tooltip .corner:before,
.swatch-option-tooltip-layered .corner:before,
.swatch-option-tooltip .corner:after,
.swatch-option-tooltip-layered .corner:after {
border-style: solid;
content: '';
font-size: 1px;
height: 0;
position: relative;
width: 0;
}
.swatch-option-tooltip .corner:before,
.swatch-option-tooltip-layered .corner:before {
border-color: #adadad transparent transparent transparent;
border-width: 8px 8.5px 0 8.5px;
left: 0;
top: 2px;
}
.swatch-option-tooltip .corner:after,
.swatch-option-tooltip-layered .corner:after {
border-color: #ffffff transparent transparent transparent;
border-width: 7px 7.5px 0 7.5px;
left: -15px;
top: 1px;
}
.swatch-option-tooltip .image,
.swatch-option-tooltip-layered .image {
display: block;
height: 130px;
margin: 0 auto;
width: 130px;
}
.swatch-option-tooltip-layered {
background: #ffffff;
border: 1px solid #dadada;
color: #949494;
display: none;
left: -47px;
position: absolute;
width: 140px;
z-index: 999;
}
.swatch-option-tooltip .title {
color: #282828;
display: block;
max-height: 200px;
min-height: 20px;
overflow: hidden;
text-align: center;
}
.swatch-option-link-layered {
margin: 0 !important;
padding: 0 !important;
position: relative;
}
.swatch-option-link-layered:focus > div {
box-shadow: 0 0 3px 1px #68a8e0;
}
.swatch-option-link-layered:hover > .swatch-option-tooltip-layered {
display: block;
}
.swatch-opt {
margin: 20px 0;
}
.swatch-opt-listing {
margin-bottom: 10px;
}
.swatch-more {
display: inline-block;
margin: 2px 0;
padding: 2px;
position: static;
}
.swatch-visual-tooltip-layered {
height: 160px;
top: -170px;
}
.swatch-textual-tooltip-layered {
height: 30px;
top: -40px;
}
.swatch-input {
left: -1000px;
position: absolute;
visibility: hidden;
}
.clearfix:after {
clear: both;
content: '';
display: block;
height: 0;
visibility: hidden;
}
.block-collapsible-nav .content {
background: #f5f5f5;
padding: 15px 0;
}
.block-collapsible-nav .item {
margin: 3px 0 0;
}
.block-collapsible-nav .item:first-child {
margin-top: 0;
}
.block-collapsible-nav .item a,
.block-collapsible-nav .item > strong {
border-left: 3px solid transparent;
color: #575757;
display: block;
padding: 5px 18px 5px 15px;
}
.block-collapsible-nav .item a {
text-decoration: none;
}
.block-collapsible-nav .item a:hover {
background: #e8e8e8;
}
.block-collapsible-nav .item.current a,
.block-collapsible-nav .item.current > strong {
border-color: #ff5501;
color: #000000;
font-weight: 600;
}
.block-collapsible-nav .item.current a {
border-color: #ff5501;
}
.block-collapsible-nav .item .delimiter {
border-top: 1px solid #d1d1d1;
display: block;
margin: 10px 1.8rem;
}
body {
background-color: #ffffff;
}
.page-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
}
.page-main {
-webkit-flex-grow: 1;
flex-grow: 1;
}
.page-header {
border-bottom: 1px solid #d1d1d1;
margin-bottom: 20px;
}
.header.content {
padding-top: 10px;
position: relative;
}
.logo {
float: left;
margin: 0 0 10px 40px;
max-width: 50%;
position: relative;
z-index: 5;
}
.logo img {
display: block;
height: auto;
}
.page-print .logo {
float: none;
}
.page-main > .page-title-wrapper .page-title + .action {
margin-top: 30px;
}
.action.skip:focus {
background: #f0f0f0;
padding: 10px;
box-sizing: border-box;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 15;
}
.action-skip-wrapper {
height: 0;
position: relative;
}
.message.global p {
margin: 0;
}
.message.global.noscript,
.message.global.cookie {
margin: 0 0 10px;
padding: 10px 20px;
display: block;
line-height: 1.2em;
font-size: 1.3rem;
background: #ffee9c;
border-color: #d6ca8e;
color: #333333;
margin: 0;
}
.message.global.noscript a,
.message.global.cookie a {
color: #1979c3;
}
.message.global.noscript a:hover,
.message.global.cookie a:hover {
color: #006bb4;
}
.message.global.noscript a:active,
.message.global.cookie a:active {
color: #ff5501;
}
.message.global.cookie {
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 3;
}
.message.global.cookie .actions {
margin-top: 10px;
}
.message.global.demo {
margin: 0 0 10px;
padding: 10px 20px;
display: block;
line-height: 1.2em;
font-size: 1.3rem;
background: #ff0101;
border-color: none;
color: #ffffff;
margin-bottom: 0;
text-align: center;
}
.message.global.demo a {
color: #1979c3;
}
.message.global.demo a:hover {
color: #006bb4;
}
.message.global.demo a:active {
color: #ff5501;
}
.page-footer {
margin-top: auto;
}
.footer.content {
border-top: 1px solid #d1d1d1;
margin-top: 25px;
padding-bottom: 25px;
padding-top: 25px;
}
.footer.content .links > li {
margin: 0 0 8px;
}
.footer.content .switcher-store {
margin: 0 0 30px;
}
.footer .copyright,
.footer .bugs {
display: block;
margin: 20px 0 0;
}
.page-header .panel.wrapper .switcher,
.page-footer .switcher {
margin-right: 10px;
}
.page-header .panel.wrapper .switcher .options,
.page-footer .switcher .options {
display: inline-block;
position: relative;
}
.page-header .panel.wrapper .switcher .options:before,
.page-footer .switcher .options:before,
.page-header .panel.wrapper .switcher .options:after,
.page-footer .switcher .options:after {
content: '';
display: table;
}
.page-header .panel.wrapper .switcher .options:after,
.page-footer .switcher .options:after {
clear: both;
}
.page-header .panel.wrapper .switcher .options .action.toggle,
.page-footer .switcher .options .action.toggle {
padding: 0;
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.page-header .panel.wrapper .switcher .options .action.toggle > span,
.page-footer .switcher .options .action.toggle > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.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: 22px;
line-height: 22px;
color: inherit;
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;
}
.page-header .panel.wrapper .switcher .options .action.toggle:hover:after,
.page-footer .switcher .options .action.toggle:hover:after {
color: inherit;
}
.page-header .panel.wrapper .switcher .options .action.toggle:active:after,
.page-footer .switcher .options .action.toggle:active:after {
color: inherit;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active,
.page-footer .switcher .options .action.toggle.active {
display: inline-block;
text-decoration: none;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active > span,
.page-footer .switcher .options .action.toggle.active > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.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: 22px;
line-height: 22px;
color: inherit;
content: '\e621';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:hover:after,
.page-footer .switcher .options .action.toggle.active:hover:after {
color: inherit;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:active:after,
.page-footer .switcher .options .action.toggle.active:active:after {
color: inherit;
}
.page-header .panel.wrapper .switcher .options ul.dropdown,
.page-footer .switcher .options ul.dropdown {
margin: 0;
padding: 0;
list-style: none none;
background: #ffffff;
border: 1px solid #bbbbbb;
margin-top: 4px;
min-width: 160px;
z-index: 100;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.page-header .panel.wrapper .switcher .options ul.dropdown li,
.page-footer .switcher .options ul.dropdown li {
margin: 0;
padding: 0;
}
.page-header .panel.wrapper .switcher .options ul.dropdown li:hover,
.page-footer .switcher .options ul.dropdown li:hover {
background: #e8e8e8;
cursor: pointer;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before,
.page-header .panel.wrapper .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before {
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:after {
border: 7px solid;
border-color: transparent transparent #bbbbbb transparent;
z-index: 98;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before {
left: 10px;
top: -12px;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:after {
left: 9px;
top: -14px;
}
.page-header .panel.wrapper .switcher .options.active,
.page-footer .switcher .options.active {
overflow: visible;
}
.page-header .panel.wrapper .switcher .options.active ul.dropdown,
.page-footer .switcher .options.active ul.dropdown {
display: block;
}
.page-header .panel.wrapper .switcher .options ul.dropdown a,
.page-footer .switcher .options ul.dropdown a {
display: block;
padding: 8px;
}
.page-header .panel.wrapper .switcher .options ul.dropdown a:hover,
.page-footer .switcher .options ul.dropdown a:hover {
text-decoration: none;
}
.page-header .panel.wrapper .switcher li,
.page-footer .switcher li {
font-size: 12px;
margin: 0;
}
.page-header .panel.wrapper .switcher strong,
.page-footer .switcher strong {
font-weight: 400;
}
.widget {
clear: both;
}
.page-header .widget.block,
.page-footer .widget.block {
margin: 20px 0;
}
.ui-datepicker td {
padding: 0;
}
.cookie-status-message {
display: none;
}
.my-credit-cards .status {
font-style: italic;
}
.my-credit-cards .action.delete {
background-image: none;
-moz-box-sizing: content-box;
box-shadow: none;
line-height: inherit;
text-shadow: none;
font-weight: 400;
line-height: 1.42857143;
margin: 0;
padding: 0;
color: #1979c3;
text-decoration: none;
background: none;
border: 0;
display: inline;
}
.my-credit-cards .action.delete:focus,
.my-credit-cards .action.delete:active {
background: none;
border: none;
}
.my-credit-cards .action.delete:hover {
background: none;
border: none;
}
.my-credit-cards .action.delete.disabled,
.my-credit-cards .action.delete[disabled],
fieldset[disabled] .my-credit-cards .action.delete {
pointer-events: none;
opacity: 0.5;
}
.my-credit-cards .action.delete:visited {
color: #1979c3;
text-decoration: none;
}
.my-credit-cards .action.delete:hover {
color: #006bb4;
text-decoration: underline;
}
.my-credit-cards .action.delete:active {
color: #ff5501;
text-decoration: underline;
}
.my-credit-cards .action.delete:hover,
.my-credit-cards .action.delete:active,
.my-credit-cards .action.delete:focus {
background: none;
border: 0;
}
.my-credit-cards .action.delete.disabled,
.my-credit-cards .action.delete[disabled],
fieldset[disabled] .my-credit-cards .action.delete {
color: #1979c3;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.my-credit-cards-popup .modal-footer {
text-align: right;
}
.my-credit-cards-popup .action.secondary {
background-image: none;
-moz-box-sizing: content-box;
box-shadow: none;
line-height: inherit;
text-shadow: none;
font-weight: 400;
line-height: 1.42857143;
margin: 0;
padding: 0;
color: #1979c3;
text-decoration: none;
background: none;
border: 0;
display: inline;
margin-right: 20px;
}
.my-credit-cards-popup .action.secondary:focus,
.my-credit-cards-popup .action.secondary:active {
background: none;
border: none;
}
.my-credit-cards-popup .action.secondary:hover {
background: none;
border: none;
}
.my-credit-cards-popup .action.secondary.disabled,
.my-credit-cards-popup .action.secondary[disabled],
fieldset[disabled] .my-credit-cards-popup .action.secondary {
pointer-events: none;
opacity: 0.5;
}
.my-credit-cards-popup .action.secondary:visited {
color: #1979c3;
text-decoration: none;
}
.my-credit-cards-popup .action.secondary:hover {
color: #006bb4;
text-decoration: underline;
}
.my-credit-cards-popup .action.secondary:active {
color: #ff5501;
text-decoration: underline;
}
.my-credit-cards-popup .action.secondary:hover,
.my-credit-cards-popup .action.secondary:active,
.my-credit-cards-popup .action.secondary:focus {
background: none;
border: 0;
}
.my-credit-cards-popup .action.secondary.disabled,
.my-credit-cards-popup .action.secondary[disabled],
fieldset[disabled] .my-credit-cards-popup .action.secondary {
color: #1979c3;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.minilist .weee {
display: table-row;
font-size: 1.1rem;
}
.minilist .weee:before {
display: none;
}
.price-container.weee:before {
display: none;
}
.toolbar.wishlist-toolbar .limiter {
float: right;
}
.toolbar.wishlist-toolbar .main .pages {
display: inline-block;
position: relative;
z-index: 0;
}
.toolbar.wishlist-toolbar .toolbar-amount,
.toolbar.wishlist-toolbar .limiter {
display: inline-block;
z-index: 1;
}
.product-items .action.towishlist:before,
.products.list.items .action.towishlist:before,
.table-comparison .action.towishlist:before {
content: '\e601';
}
.account .table-wrapper .data.table.wishlist > thead > tr > th,
.account .table-wrapper .data.table.wishlist > tbody > tr > th,
.account .table-wrapper .data.table.wishlist > tfoot > tr > th,
.account .table-wrapper .data.table.wishlist > thead > tr > td,
.account .table-wrapper .data.table.wishlist > tbody > tr > td,
.account .table-wrapper .data.table.wishlist > tfoot > tr > td {
border-top: 1px solid #d1d1d1;
}
.account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th,
.account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th,
.account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th,
.account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td,
.account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td,
.account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td {
border-top: 0;
}
.account .table-wrapper .data.table.wishlist > tbody + tbody {
border-top: 1px solid #d1d1d1;
}
.account .table-wrapper .data.table.wishlist thead > tr > th {
border-bottom: 0;
}
.account .table-wrapper .data.table.wishlist tbody > tr:last-child > td {
border-bottom: 1px solid #d1d1d1;
}
.account .table-wrapper .data.table.wishlist .product.name {
display: inline-block;
margin-bottom: 10px;
}
.account .table-wrapper .data.table.wishlist .box-tocart {
margin: 10px 0;
}
.account .table-wrapper .data.table.wishlist .box-tocart .qty {
vertical-align: middle;
}
.account .table-wrapper .data.table.wishlist .col.item {
width: 50%;
}
.account .table-wrapper .data.table.wishlist .col.photo {
max-width: 150px;
}
.account .table-wrapper .data.table.wishlist .col.selector {
max-width: 15px;
}
.account .table-wrapper .data.table.wishlist textarea {
margin: 10px 0;
}
.account .table-wrapper .data.table.wishlist .input-text.qty {
margin-bottom: 10px;
}
.account .table-wrapper .data.table.wishlist .action.primary,
.account .table-wrapper .data.table.wishlist .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.account .table-wrapper .data.table.wishlist .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
vertical-align: top;
}
.account .table-wrapper .data.table.wishlist .price {
font-weight: 700;
}
.block-wishlist .product-item-name {
margin-right: 25px;
}
.products-grid.wishlist .product-item {
margin-left: 2%;
width: calc((100% - 4%) / 3);
}
.products-grid.wishlist .product-item:nth-child(3n + 1) {
margin-left: 0;
}
.products-grid.wishlist .product-item-photo {
display: block;
margin-bottom: 10px;
}
.products-grid.wishlist .product-item-name {
margin-top: 0;
}
.products-grid.wishlist .product-item .price-box {
margin: 0;
}
.products-grid.wishlist .product-item-comment {
display: block;
height: 42px;
margin: 10px 0;
}
.products-grid.wishlist .product-item-actions > * {
margin-right: 15px;
}
.products-grid.wishlist .product-item-actions > *:last-child {
margin-right: 0;
}
.products-grid.wishlist .product-item .box-tocart input.qty {
height: 32px;
}
.page-wrapper {
overflow: hidden;
}
.cloudebs-category-container {
padding: 0 20px;
}
.cloudebs-category-container .cloudebs-category-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
.cloudebs-category-container .cloudebs-category-header .header-left h2 span {
text-align: left;
font-family: Lato;
letter-spacing: 0px;
color: #001D3A;
opacity: 1;
font-size: 32px;
font-weight: bold;
line-height: 60px;
}
.cloudebs-category-container .cloudebs-categories .category-item .cate-name {
position: absolute;
bottom: 10px;
left: 10px;
display: block;
z-index: 2;
}
.cloudebs-category-container .cloudebs-categories .category-item .cate-name a.name {
padding: 10px;
background: #fff;
color: #001D3A;
font-size: 14px;
border-radius: 3px;
}
.cloudebs-category-container .cloudebs-categories.cc-grid .category-item {
width: 50%;
}
.cloudebs-category-container .cloudebs-categories .owl-nav button,
.cloudebs-category-container .cloudebs-categories .owl-nav .cart.table-wrapper .actions-toolbar > .action,
.cloudebs-category-container .cloudebs-categories .owl-nav .action-gift {
position: absolute;
top: 20%;
display: inline-flex;
width: 20px;
}
.cloudebs-category-container .cloudebs-categories .owl-nav button.owl-prev,
.cloudebs-category-container .cloudebs-categories .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-prev,
.cloudebs-category-container .cloudebs-categories .owl-nav .action-gift.owl-prev {
left: -20px;
}
.cloudebs-category-container .cloudebs-categories .owl-nav button.owl-next,
.cloudebs-category-container .cloudebs-categories .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next,
.cloudebs-category-container .cloudebs-categories .owl-nav .action-gift.owl-next {
right: -20px;
}
.cloudebs-category-container .cloudebs-categories .owl-nav button span,
.cloudebs-category-container .cloudebs-categories .owl-nav .cart.table-wrapper .actions-toolbar > .action span,
.cloudebs-category-container .cloudebs-categories .owl-nav .action-gift span {
font-size: 60px;
}
.cloudebs-categories {
display: flex;
margin: 0 -10px;
flex-wrap: wrap;
}
.cloudebs-categories .category-item {
text-align: center;
box-sizing: border-box;
position: relative;
}
.cloudebs-categories .category-item .category-image {
margin: 0;
}
.cloudebs-categories .category-item .category-name {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.cloudebs-categories .category-item .category-name a.name {
width: 55%;
padding: 15px;
background: #33488A99;
color: #fff;
font-size: 16px;
border-radius: 3px;
}
.cloudebs-categories.cc-grid .category-item {
width: 50%;
}
.cloudebs-categories .owl-nav button,
.cloudebs-categories .owl-nav .cart.table-wrapper .actions-toolbar > .action,
.cloudebs-categories .owl-nav .action-gift {
position: absolute;
top: 20%;
display: inline-flex;
width: 20px;
}
.cloudebs-categories .owl-nav button.owl-prev,
.cloudebs-categories .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-prev,
.cloudebs-categories .owl-nav .action-gift.owl-prev {
left: -20px;
}
.cloudebs-categories .owl-nav button.owl-next,
.cloudebs-categories .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next,
.cloudebs-categories .owl-nav .action-gift.owl-next {
right: -20px;
}
.cloudebs-categories .owl-nav button span,
.cloudebs-categories .owl-nav .cart.table-wrapper .actions-toolbar > .action span,
.cloudebs-categories .owl-nav .action-gift span {
font-size: 60px;
}
.list-categories {
padding: 0 25px;
}
@media (min-width: 1690px) {
.list-categories {
padding: 0;
}
}
.list-categories .list-categories-wrapper {
display: flex;
margin-left: -8px;
margin-right: -8px;
width: calc(100% + 16px);
}
.list-categories .owl-carousel .owl-nav {
margin: 0;
}
.list-categories .owl-carousel .owl-nav button,
.list-categories .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action,
.list-categories .owl-carousel .owl-nav .action-gift {
width: 53px;
height: 53px;
border-radius: 50%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
margin: 0;
background: #ffffff !important;
position: absolute;
transform: translate(-30%, -50%);
left: 0;
top: 50%;
font-size: 0 !important;
}
.list-categories .owl-carousel .owl-nav button.disabled,
.list-categories .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.disabled,
.list-categories .owl-carousel .owl-nav .action-gift.disabled {
display: none;
}
.list-categories .owl-carousel .owl-nav button:after,
.list-categories .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action:after,
.list-categories .owl-carousel .owl-nav .action-gift:after {
border: solid #000000;
border-width: 0 2px 2px 0;
transform: translate(-30%, -50%) rotate(135deg);
display: block;
padding: 5px;
content: '';
position: absolute;
left: 50%;
top: 50%;
}
.list-categories .owl-carousel .owl-nav button.owl-next,
.list-categories .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next,
.list-categories .owl-carousel .owl-nav .action-gift.owl-next {
left: auto;
right: 0;
transform: translate(30%, -50%);
}
.list-categories .owl-carousel .owl-nav button.owl-next:after,
.list-categories .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action.owl-next:after,
.list-categories .owl-carousel .owl-nav .action-gift.owl-next:after {
transform: translate(-65%, -50%) rotate(-45deg);
}
.list-categories .owl-carousel .owl-nav button:hover,
.list-categories .owl-carousel .owl-nav .cart.table-wrapper .actions-toolbar > .action:hover,
.list-categories .owl-carousel .owl-nav .action-gift:hover {
background: #ffffff;
color: #000000;
}
.list-categories .owl-item .category-item {
width: 100%;
}
.list-categories .category-item {
width: 25%;
padding: 0 8px;
box-sizing: border-box;
}
.list-categories .category-item .category-item-wrapper {
border-radius: 20px;
background: #F6F6F6;
padding: 0 24px;
display: flex;
align-items: center;
border: 1px solid #F6F6F6;
}
.list-categories .category-item .category-item-wrapper:hover {
border: 1px solid #30C6FF;
}
.list-categories .category-image {
margin: 0;
flex-shrink: 0;
}
.list-categories .category-image img {
height: 118px;
width: 136px;
min-height: 118px;
min-width: 136px;
object-fit: cover;
}
.list-categories .category-image .placeholder {
width: 110px;
height: 65px;
background: #E0E0E0;
border-radius: 5px;
display: block;
}
.list-categories .category-details {
padding-left: 24px;
}
.list-categories .category-details .category-name {
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin-bottom: 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.list-categories .category-details .view-action {
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: #00469E;
text-decoration: none;
}
.list-categories .category-details .view-action > span {
padding-right: 15px;
position: relative;
}
.list-categories .category-details .view-action > span:after {
border: solid #00469e;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: '';
position: absolute;
right: 3px;
top: 60%;
}
.list-categories .category-details .view-action:hover {
color: #00469E;
text-decoration: none;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.selected.border-color {
border-color: transparent !important;
padding-bottom: 0 !important;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.delivery-option-wapper {
display: flex;
flex-direction: column;
padding: 0;
gap: 15px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper {
display: inline-block;
position: relative;
display: flex;
flex-direction: column;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper:before,
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper:after {
content: '';
display: table;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper:after {
clear: both;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle {
cursor: pointer;
display: inline-block;
text-decoration: none;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e607';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle:hover:after {
color: inherit;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle:active:after {
color: inherit;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle.active {
display: inline-block;
text-decoration: none;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle.active:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 22px;
line-height: 22px;
color: inherit;
content: '\e618';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle.active:hover:after {
color: inherit;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle.active:active:after {
color: inherit;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options {
margin: 0;
padding: 0;
list-style: none none;
background: #ffffff;
border: 1px solid #bbbbbb;
margin-top: 4px;
min-width: 100%;
z-index: 100;
box-sizing: border-box;
display: none;
position: absolute;
top: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options li {
margin: 0;
padding: 3px 5px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options li:hover {
background: #e8e8e8;
cursor: pointer;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options:before,
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options:after {
border-bottom-style: solid;
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options:before {
border: 6px solid;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options:after {
border: 7px solid;
border-color: transparent transparent #bbbbbb transparent;
z-index: 98;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options:before {
left: 10px;
top: -12px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options:after {
left: 9px;
top: -14px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper.active {
overflow: visible;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper.active ul.dropdown-options {
display: block;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 20px;
padding: 25px;
width: max-content;
border: 0;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options:before {
border: 8px solid;
border-color: transparent transparent #ffffff transparent;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options:after {
border: 10px solid;
border-color: transparent transparent #ffffff transparent;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options .dropdown-option {
display: flex;
min-height: 35px;
align-items: center;
gap: 60px;
margin-bottom: 10px;
justify-content: space-between;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options .dropdown-option .label-text-container {
display: flex;
flex-direction: column;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options .dropdown-option .label-amount {
font-weight: 700;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper ul.dropdown-options .dropdown-option.disabled {
pointer-events: none;
background-color: #f5f5f5;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .label {
padding-bottom: 6px;
padding-left: 6px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle {
overflow: hidden;
display: flex;
align-items: center;
height: 43px;
padding: 0 40px 0 20px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 20px;
min-width: 250px;
box-sizing: border-box;
font-size: 16px;
position: relative;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle.disabled {
background-color: #f5f5f5;
pointer-events: none;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle.active {
display: flex;
border-color: #00469e;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle.active:after {
border: solid #000000;
border-width: 0 2px 2px 0;
padding: 4px;
transform: translateY(-50%) rotate(-135deg);
content: "";
position: absolute;
right: 15px;
top: 55%;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle .label-text {
display: flex;
flex: 1;
gap: 60px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle .label-text .label-text-amount {
font-weight: 700;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle .placeholder {
display: flex;
flex: 1;
color: rgba(0, 0, 0, 0.3);
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .dropdown-wapper .action.toggle:after {
border: solid #000000;
border-width: 0 2px 2px 0;
padding: 4px;
transform: translateY(-50%) rotate(45deg);
content: "";
position: absolute;
right: 15px;
top: 45%;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .price .price-info {
font-size: 14px;
font-weight: 400;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .carrier-description-wapper {
border: 0 !important;
padding: 20px 0 20px;
font-size: 16px;
color: #000000;
font-weight: 600;
}
@media only screen and (min-width: 768px) {
.abs-add-fields-desktop .fieldset .field .control {
width: auto;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.delivery-option-wapper {
padding-bottom: 15px;
padding-right: 30px;
flex-direction: row;
}
.modal-popup.modal-slide .modal-footer {
border: 0;
padding: 0 32px 32px;
}
.assistance-page .assistance-content {
margin-left: 25px;
margin-right: 25px;
margin-top: 30px;
}
.assistance-page .action-link {
width: 170px;
height: 41px;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 5px 10px #0000001a;
border-radius: 20px;
display: block;
line-height: 41px;
color: #00469e;
margin: 32px auto 20px;
}
.assistance-page .assistance-contact .cms-left {
width: 50%;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.assistance-page .assistance-contact .cms-right {
width: 50%;
}
.assistance-page .assistance-contact .cms-right img {
border-radius: 25px;
}
.assistance-page .cms-block-title {
margin-top: 40px;
min-height: unset;
background: #fff;
padding: 0;
}
.assistance-page .contact-info-block {
box-shadow: none;
margin: 0;
padding: 0;
flex-direction: row;
flex-wrap: wrap;
}
.assistance-page .contact-info-block .contact-info {
max-width: 360px;
box-sizing: border-box;
margin: 0 30px 50px 0;
}
.assistance-page .cms-title {
color: #000;
font-size: 54px;
text-align: left;
padding: 0;
}
.assistance-page .cms-title .strong {
display: inline;
}
.assistance-page .cms-row {
flex-direction: row;
flex-wrap: wrap;
}
.assistance-page .guide-n-cert {
margin: 60px auto 0;
justify-content: center;
max-width: 1364px;
}
.assistance-page .guide-n-cert > div {
box-sizing: border-box;
padding: 35px 50px;
flex-grow: 1;
}
.assistance-page .guide-n-cert .desc {
max-width: 330px;
}
.assistance-page .guide-n-cert .user-guide {
margin-right: 16px;
margin-bottom: 0;
}
.assistance-page .guide-n-cert .user-guide:after {
width: 114px;
right: 53px;
}
.assistance-page .guide-n-cert .action-button {
margin-bottom: 10px;
}
.assistance-page .guide-n-cert .cert:after {
width: 76px;
right: 53px;
}
.assistance-page .cms-asistenta-nav {
background: #fff;
}
.assistance-page .cms-asistenta-nav .nav-grid {
max-width: 1364px;
margin: auto;
width: 100%;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav {
flex-grow: 1;
width: auto;
background: #ffffff no-repeat center 48px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav + .block-nav {
margin-left: 15px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav .nav-title {
font-size: 24px;
margin: 55px auto 25px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(1) {
background-size: 62px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(2) {
background-size: 56px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(3) {
background-size: 55px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(4) {
background-size: 48px;
}
.assistance-page .cms-asistenta-nav .nav-block-title {
max-width: 670px;
margin-left: auto;
margin-right: auto;
}
.assistance-page .assistance-main-content {
width: 62%;
padding-left: 25px;
}
.assistance-page .assistance-sidebar {
width: 35%;
}
.sidebar-assistance-block {
border-radius: 30px;
margin-top: 30px;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 30px #00469e26;
padding-bottom: 0;
}
.sidebar-assistance-block .list-assistance-block {
padding-bottom: 0;
}
.sidebar-assistance-block .list-assistance,
.sidebar-assistance-block .sub-list-assistance {
margin: 0;
position: relative;
right: 0;
left: 0;
background-color: transparent;
}
.sidebar-assistance-block .list-assistance > .assistance-item,
.sidebar-assistance-block .sub-list-assistance > .assistance-item {
font-size: 18px;
background-color: transparent;
box-shadow: none;
border-radius: 0;
margin-bottom: 0;
border-bottom: 0;
border-top: 1px solid rgba(112, 112, 112, 0.1);
}
.sidebar-assistance-block .list-assistance > .assistance-item.current,
.sidebar-assistance-block .sub-list-assistance > .assistance-item.current {
order: 1;
border-radius: 0;
background: transparent;
box-shadow: none;
text-indent: 0;
margin: 0 32px;
}
.sidebar-assistance-block .list-assistance > .assistance-item.current:after,
.sidebar-assistance-block .sub-list-assistance > .assistance-item.current:after {
display: none !important;
}
.sidebar-assistance-block .list-assistance > .assistance-item.current > a,
.sidebar-assistance-block .sub-list-assistance > .assistance-item.current > a {
color: #30c6ff;
}
.sidebar-assistance-block .list-assistance.level-0-active .assistance-item.level-0,
.sidebar-assistance-block .sub-list-assistance.level-0-active .assistance-item.level-0 {
display: flex;
height: 58px;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.sidebar-assistance-block .list-assistance.level-1-active .assistance-item.level-1,
.sidebar-assistance-block .sub-list-assistance.level-1-active .assistance-item.level-1 {
display: flex;
height: 58px;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin: 0;
}
.user-cert-assistance-page .list-assistance {
padding-bottom: 15px;
}
.user-cert-assistance-content .file-row {
max-height: 64px;
}
.user-cert-assistance-content .file-row > a {
margin-top: 0;
right: 0;
position: absolute;
}
.user-cert-assistance-content .file-name {
font-size: 16px;
width: 100%;
}
.user-cert-assistance-content .format-n-size {
width: auto;
}
.faq-like {
margin: 0;
max-width: 812px;
display: flex;
padding: 0;
justify-content: space-between;
}
.faq-button + .faq-button {
margin-left: 20px;
}
.second-assistance-page .row-faq {
margin-left: 24px;
}
.assistance-produse .asistenta-produse-cate {
display: block;
}
.assistance-produse .action-link {
background: none;
box-shadow: none;
margin: 0 0 10px 0;
}
.assistance-produse .block-cate-wrapper {
float: left;
margin-right: 0;
width: 30%;
}
.assistance-produse .block-cate-wrapper:nth-child(3) {
clear: left;
}
.sa-faq {
margin: 40px 60px 0;
}
.sa-faq .img-block.over-width {
margin-left: -60px;
margin-right: -60px;
}
}
.additional-addresses .caption {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.additional-addresses .caption .title {
margin: 0;
font-weight: bold;
text-align: left;
display: block;
width: auto;
}
.additional-addresses .caption .actions-toolbar .primary button,
.additional-addresses .caption .actions-toolbar .primary .cart.table-wrapper .actions-toolbar > .action,
.additional-addresses .caption .actions-toolbar .primary .action-gift {
padding: 10px;
font-size: 16px;
font-weight: 400;
}
.additional-addresses .additional-addresses-items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.additional-addresses .additional-addresses-items .additional-address {
display: flex;
flex-direction: row;
align-items: stretch;
border: 1px #aaa solid;
padding: 20px;
margin: 0 0 10px 0;
box-sizing: border-box;
width: calc(50% - 5px);
}
.additional-addresses .additional-addresses-items .additional-address.address-pj {
width: 100%;
}
.additional-addresses .additional-addresses-items .additional-address.selected {
border: 3px #f59622 solid;
width: 100%;
}
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-content {
flex-grow: 4;
font-size: 16px;
}
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-content.default {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-evenly;
}
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-content.default span {
/*color: #f59622;
font-weight: bold;
*/
display: block;
clear: both;
}
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-content.default span:before {
/*background: #dac79d;;*/
color: #dac79d;
content: '\f10d';
font-family: "Flaticon";
height: 40px;
width: 40px;
font-size: 23px;
line-height: 34px;
padding-top: 2px;
position: relative;
right: 0;
text-align: center;
top: 0;
margin: 5px;
border-radius: 3px;
}
.additional-addresses .additional-addresses-items .additional-address .actions {
display: flex;
align-content: space-around;
flex-direction: column;
justify-content: space-evenly;
align-items: flex-end;
}
.additional-addresses .additional-addresses-items .additional-address .actions a {
color: #f59622;
text-transform: uppercase;
font-size: 0.6em;
font-weight: bold;
}
.additional-addresses .additional-addresses-items .additional-address.address-pj .additional-addresses-content {
flex-grow: 0;
width: 35%;
}
.additional-addresses .additional-addresses-items .additional-address.address-pj .additional-addresses-content.default {
flex-grow: 4;
width: auto;
}
.form-address-edit .readonly {
color: #aaa;
border-color: #aaa;
}
.form-address-edit .field.street .field.additional {
width: 100%;
padding: 0;
margin: 15px 0 20px;
}
.form-address-edit .field.street .field.additional .label {
clip: auto;
height: auto;
width: auto;
left: 15px;
}
@media (max-width: 640px) {
body.catalog-product-view .family-variants {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 0;
}
}
body.catalog-product-view .family-variants .block-title {
width: fit-content;
float: left;
margin-right: 5%;
margin-top: 1%;
}
@media (max-width: 640px) {
body.catalog-product-view .family-variants .block-title {
float: none;
margin: 0 0 20px 0;
}
}
body.catalog-product-view .family-variants .block-title .title {
color: #000000;
font-size: 22px;
font-weight: 600;
line-height: 26px;
}
body.catalog-product-view .family-variants.buttons .variants {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
body.catalog-product-view .family-variants.buttons .variants {
justify-content: center;
}
}
body.catalog-product-view .family-variants.buttons .variants .variant {
display: inline-block;
text-align: center;
}
@media (max-width: 767px) {
body.catalog-product-view .family-variants.buttons .variants .variant:last-child a.action {
margin-right: 0;
}
}
body.catalog-product-view .family-variants.buttons .variants .variant a.action {
display: block;
padding: 0 20px;
height: 40px;
line-height: 40px;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.1);
margin-right: 10px;
margin-bottom: 10px;
border-radius: 30px;
color: #00469e;
font-weight: 600;
min-width: 175px;
box-sizing: border-box;
}
body.catalog-product-view .family-variants.buttons .variants .variant a.action:hover {
text-decoration: none;
}
body.catalog-product-view .family-variants.buttons .variants .variant a.action.active {
color: #ffffff;
background-color: #30c6ff;
box-shadow: 0 2px 5px rgba(0, 70, 158, 0.2);
pointer-events: none;
}
body.catalog-product-view .family-variants.buttons .variants .variant a.action.active:after {
content: '';
display: inline-block;
width: 4px;
height: 12px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 10px;
}
body.catalog-product-view .family-variants.buttons .variants .variant a.action.swatch-option {
width: 30px;
height: 30px;
outline: none;
margin: 0 10px 5px 0;
border: 1px solid #cbcbcb;
background-size: 100% !important;
}
body.catalog-product-view .family-variants.buttons .variants .variant a.action.swatch-option:not(.disabled):hover {
transform: scale(1.2);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
outline: none;
}
body.catalog-product-view .family-variants.buttons .variants .variant .sub-label {
color: #8b8b8b;
font-size: 10px;
}
@media (max-width: 767px) {
body.catalog-product-view .family-variants.buttons.slider {
width: 100%;
padding: 0;
}
}
body.catalog-product-view .family-variants.buttons.slider .swiper {
padding: 10px;
}
@media (max-width: 767px) {
body.catalog-product-view .family-variants.buttons.slider .swiper {
width: 100%;
}
}
body.catalog-product-view .family-variants.buttons.slider .variants .variant a.action {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
body.catalog-product-view .family-variants.buttons.slider .variants .variant a.action.active {
box-shadow: 0 4px 10px rgba(0, 70, 158, 0.2);
}
body.catalog-product-view .family-variants.dropdown .variants {
display: flex;
flex-wrap: wrap;
}
@media (max-width: 767px) {
body.catalog-product-view .family-variants.dropdown .variants {
justify-content: center;
}
}
body.catalog-product-view .family-variants.dropdown .variants .variant {
display: inline-block;
text-align: center;
}
@media (max-width: 767px) {
body.catalog-product-view .family-variants.dropdown .variants .variant:last-child a.action {
margin-right: 0;
}
}
body.catalog-product-view .family-variants.dropdown .variants .variant a.action {
display: block;
padding: 0 20px;
height: 40px;
line-height: 40px;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.1);
margin-right: 10px;
margin-bottom: 10px;
border-radius: 30px;
color: #00469e;
font-weight: 600;
min-width: 175px;
box-sizing: border-box;
}
body.catalog-product-view .family-variants.dropdown .variants .variant a.action:hover {
text-decoration: none;
}
body.catalog-product-view .family-variants.dropdown .variants .variant a.action.active {
color: #ffffff;
background-color: #30c6ff;
box-shadow: 0 2px 5px rgba(0, 70, 158, 0.2);
pointer-events: none;
}
body.catalog-product-view .family-variants.dropdown .variants .variant a.action.active:after {
content: '';
display: inline-block;
width: 4px;
height: 12px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 10px;
}
body.catalog-product-view .family-variants.dropdown .variants .variant a.action.swatch-option {
width: 30px;
height: 30px;
outline: none;
margin: 0 10px 5px 0;
border: 1px solid #cbcbcb;
background-size: 100% !important;
}
body.catalog-product-view .family-variants.dropdown .variants .variant a.action.swatch-option:not(.disabled):hover {
transform: scale(1.2);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
outline: none;
}
body.catalog-product-view .family-variants.dropdown .variants .variant .sub-label {
color: #8b8b8b;
font-size: 10px;
}
body.catalog-product-view .family-variants.dropdown .variants .arrow {
z-index: 20;
float: right;
margin-left: 167px;
}
body.catalog-product-view .family-variants.dropdown .variants .arrow span {
color: #ffffff;
font-size: 30px;
font-weight: 300;
line-height: 45px;
z-index: 21;
position: absolute;
margin-top: -7px;
cursor: pointer;
transform: scaleY(0.5) scaleX(0.9);
}
body.catalog-product-view .family-variants.dropdown .variants .dropdown-related {
cursor: pointer;
background: #21c9ff;
list-style: none;
padding: 0px 10px;
position: absolute;
height: fit-content;
z-index: 10;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
line-height: 1;
font-weight: 500;
color: #ffffff;
width: 180px;
border-radius: 15px;
}
body.catalog-product-view .family-variants.dropdown .variants .dropdown-related li {
margin-top: 9px;
margin-left: 9px;
}
body.catalog-product-view .family-variants.dropdown .variants .dropdown-related li:not(.init) {
background: #21c9ff;
z-index: 2;
padding: 5px 19px;
width: 90%;
height: 100%;
display: none;
color: #ffffff;
position: relative;
margin-left: -10px;
}
body.catalog-product-view .family-variants.dropdown .variants .dropdown-related li:not(.init):hover {
background: #00a2d8;
}
body.catalog-product-view .family-variants.dropdown .variants .dropdown-related li a {
color: white;
}
body.catalog-product-view .swatch-option-tooltip.family-variants-tooltip .corner:before {
top: 4px;
}
body.catalog-product-view .swatch-option-tooltip.family-variants-tooltip .corner:after {
top: 3px;
}
.page-products .page-main .columns .column.main .products-grid .product-items .product-item .product-item-info {
transition: none !important;
}
.page-products .page-main .columns .column.main .products-grid .product-items .product-item.expand {
overflow: visible;
position: relative;
}
.page-products .page-main .columns .column.main .products-grid .product-items .product-item.expand .product-item-info {
position: absolute;
width: calc(100% - 46px);
z-index: 9;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
height: auto;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 767px) {
.page-products .page-main .columns .column.main .products-grid .product-items .product-item.expand .product-item-info {
width: calc(100% - 26px);
}
}
.page-products .page-main .columns .column.main .products-grid .product-items .product-item.expand .family-variants.buttons .variants {
max-height: 1000px;
}
.page-products .page-main .columns .column.main .products-grid .product-items .product-item.expand .family-variants.buttons .variants .expand-btn.endline {
position: relative;
left: auto !important;
width: 100%;
}
.page-products .page-main .columns .column.main .products-grid .product-items .product-item.expand .family-variants.buttons .variants .expand-btn > span {
border-color: #EE741D;
}
.page-products .page-main .columns .column.main .products-grid .product-items .product-item.expand .family-variants.buttons .variants .expand-btn > span:after {
border-color: #EE741D;
transform: translate(-50%, -10%) rotate(-135deg);
}
.page-products .family-variants {
text-align: left;
}
.page-products .family-variants.buttons {
overflow: hidden;
}
.page-products .family-variants.buttons .title {
color: #000000;
font-weight: 700;
margin-bottom: 15px;
display: block;
}
.page-products .family-variants.buttons .title .count {
color: #EE741D;
}
.page-products .family-variants.buttons .variants {
display: flex;
flex-wrap: wrap;
margin-left: -6px;
margin-right: -6px;
position: relative;
max-height: 40px;
overflow: hidden;
}
.page-products .family-variants.buttons .variants .variant {
padding: 5px 6px;
}
.page-products .family-variants.buttons .variants .variant a.action {
font-size: 0;
}
.page-products .family-variants.buttons .variants .variant a.action.swatch-option {
width: 30px;
height: 30px;
outline: none;
margin: 0;
border: none;
background-size: 100% !important;
float: none;
display: block;
}
.page-products .family-variants.buttons .variants .variant a.action.swatch-option:not(.disabled):hover {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
outline: none;
}
.page-products .family-variants.buttons .variants .expand-btn {
position: absolute;
bottom: 0;
left: 0;
font-size: 0;
margin: 5px 6px;
display: flex;
justify-content: flex-end;
}
.page-products .family-variants.buttons .variants .expand-btn > span {
width: 30px;
height: 30px;
border: 1px solid #3A4993;
background: #ffffff;
cursor: pointer;
display: block;
position: relative;
}
.page-products .family-variants.buttons .variants .expand-btn > span:after {
border: solid #3A4993;
border-width: 0 1px 1px 0;
display: block;
padding: 4px;
transform: translate(-50%, -50%) rotate(45deg);
content: '';
position: absolute;
left: 50%;
top: 45%;
}
.page-products .swatch-option-tooltip.family-variants-tooltip {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
border: none;
border-radius: 3px;
}
.catalog-product-view .reviews {
font-size: 16px;
}
.catalog-product-view .reviews .review-content {
margin-bottom: 0;
}
.catalog-product-view .reviews .order-products-toolbar {
border-bottom: solid 1px #ccc;
}
.catalog-product-view .reviews .order-products-toolbar .limiter,
.catalog-product-view .reviews .order-products-toolbar .toolbar-amount {
display: none;
}
.catalog-product-view .reviews .order-products-toolbar .pages .item a {
border: solid 1px #8C90C1;
border-radius: 4px;
width: 33px;
font-size: 16px;
color: #343A85;
font-weight: 600;
}
.catalog-product-view .reviews .order-products-toolbar .pages .item.current {
border: solid 1px #EE741D;
background: #EE741D;
border-radius: 4px;
width: 33px;
}
.catalog-product-view .reviews .order-products-toolbar .pages .item.current strong {
color: #fff;
background: none;
font-size: 16px;
}
.catalog-product-view .reviews .order-products-toolbar .pages .item.pages-item-next,
.catalog-product-view .reviews .order-products-toolbar .pages .item.pages-item-previous {
background: none;
border: none;
}
.catalog-product-view .reviews .order-products-toolbar .pages .item.pages-item-next a,
.catalog-product-view .reviews .order-products-toolbar .pages .item.pages-item-previous a {
background: none;
border: none;
box-shadow: none;
}
.catalog-product-view .reviews .order-products-toolbar .pages .item.pages-item-next a:before,
.catalog-product-view .reviews .order-products-toolbar .pages .item.pages-item-previous a:before {
font-size: 14px;
color: #343A85;
}
.catalog-product-view .reviews .reviews-info {
width: 100%;
padding: 0;
}
.catalog-product-view .reviews .reviews-info .row {
display: grid;
grid-template-columns: 70% 30%;
padding: 0 20px;
align-items: center;
text-align: center;
}
@media (max-width: 992px) {
.catalog-product-view .reviews .reviews-info .row {
grid-template-columns: 100%;
}
}
.catalog-product-view .reviews .reviews-info .row .col-left {
display: block;
}
.catalog-product-view .reviews .reviews-info .row .col-left .title {
font-size: 18px;
font-weight: 400;
line-height: 50px;
text-transform: uppercase;
display: block;
float: left;
margin-right: 50px;
}
@media (min-width: 992px) and (max-width: 1440px) {
.catalog-product-view .reviews .reviews-info .row .col-left .title {
line-height: 25px;
}
}
@media (max-width: 992px) {
.catalog-product-view .reviews .reviews-info .row .col-left .title {
line-height: unset;
width: 100%;
font-size: 18px;
padding-top: 20px;
}
}
@media (max-width: 480px) {
.catalog-product-view .reviews .reviews-info .row .col-left .title {
text-align: center;
}
}
.catalog-product-view .reviews .reviews-info .row .col-left .title .show-reviews {
color: #00469e;
text-decoration: none;
}
.catalog-product-view .reviews .reviews-info .row .col-left .subtitle {
font-size: 15px;
font-weight: 400;
line-height: 50px;
display: block;
float: left;
color: #00469e;
}
@media (max-width: 992px) {
.catalog-product-view .reviews .reviews-info .row .col-left .subtitle {
float: none;
line-height: unset;
margin-left: unset;
padding: 10px 15px;
display: flow-root;
}
}
@media (min-width: 992px) and (max-width: 1440px) {
.catalog-product-view .reviews .reviews-info .row .col-left .subtitle {
line-height: 15px;
margin-left: 0;
clear: left;
}
}
.catalog-product-view .reviews .reviews-info .row .col-right {
display: block;
}
.catalog-product-view .reviews .reviews-info .row .col-right .show-review-form {
display: block;
line-height: 28px;
text-transform: uppercase;
color: #00469e;
border: 1px solid #00469e;
font-size: 12px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.catalog-product-view .reviews .reviews-info .row .col-right .show-review-form:hover {
text-decoration: none;
background: #00469e;
color: #fff;
}
.catalog-product-view .reviews .row-summary .title {
color: #001D3A;
font-size: 28px;
line-height: 35px;
text-align: center;
margin-bottom: 20px;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .row-summary .title {
font-size: 54px;
line-height: 65px;
margin-bottom: 80px;
}
}
.catalog-product-view .reviews .row-summary .title .count-reviews {
font-weight: 400;
}
.catalog-product-view .reviews .row-rating {
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
}
.catalog-product-view .reviews .row-rating .row-rating-content {
display: flex;
flex-wrap: wrap;
max-width: 1365px;
margin: 0 auto;
justify-content: center;
}
@media (min-width: 1440px) {
.catalog-product-view .reviews .row-rating .row-rating-content {
justify-content: flex-start;
}
}
.catalog-product-view .reviews .row-rating .summary {
text-align: center;
padding-right: 35px;
padding-bottom: 30px;
}
.catalog-product-view .reviews .row-rating .summary .product-reviews-summary {
margin: 0;
display: flex;
flex-direction: column;
}
.catalog-product-view .reviews .row-rating .summary .product-reviews-summary .rating-value {
font-size: 70px;
line-height: 85px;
color: #00469e;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .row-rating .summary .product-reviews-summary .rating-value {
font-size: 100px;
line-height: 140px;
}
}
.catalog-product-view .reviews .row-rating .summary .product-reviews-summary .rating-summary {
text-align: center;
}
.catalog-product-view .reviews .row-rating .summary .product-reviews-summary .rating-summary .rating-result {
text-align: left;
width: 136px;
}
.catalog-product-view .reviews .row-rating .summary .product-reviews-summary .rating-summary .rating-result:before {
font-size: 22px;
height: 22px;
line-height: 22px;
}
.catalog-product-view .reviews .row-rating .summary .product-reviews-summary .rating-summary .rating-result > span:before {
font-size: 22px;
height: 22px;
line-height: 22px;
}
.catalog-product-view .reviews .row-rating .summary .product-reviews-summary .rating-count {
margin-top: 9px;
font-size: 16px;
color: #000000;
}
.catalog-product-view .reviews .row-rating .rating-votes {
padding: 0 20px 30px;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .row-rating .rating-votes {
padding: 0 0 30px;
}
}
.catalog-product-view .reviews .row-rating .rating-votes .vote-row {
display: grid;
grid-template-columns: auto 190px auto;
align-items: center;
grid-column-gap: 5px;
color: #000000;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .row-rating .rating-votes .vote-row {
grid-template-columns: auto 260px auto;
grid-column-gap: 20px;
}
}
.catalog-product-view .reviews .row-rating .rating-votes .vote-row:not(:last-child) {
margin-bottom: 20px;
}
.catalog-product-view .reviews .row-rating .rating-votes .vote-row .vote-line {
background: #DCDCDC;
height: 20px;
}
.catalog-product-view .reviews .row-rating .rating-votes .vote-row .vote-active {
color: #00469e;
}
.catalog-product-view .reviews .row-rating .short-form {
padding: 30px 30px 40px;
text-align: center;
position: relative;
width: 100%;
}
.catalog-product-view .reviews .row-rating .short-form:after {
content: '';
display: block;
position: absolute;
height: 0;
width: 100VW;
top: 0;
left: 50%;
transform: translateX(-50%);
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
}
@media (min-width: 640px) {
.catalog-product-view .reviews .row-rating .short-form {
padding: 0 0 40px;
width: auto;
}
.catalog-product-view .reviews .row-rating .short-form:after {
display: none;
}
}
@media (min-width: 992px) {
.catalog-product-view .reviews .row-rating .short-form {
margin-left: 110px;
text-align: left;
}
}
.catalog-product-view .reviews .row-rating .short-form .form-title {
font-weight: 700;
font-size: 24px;
color: #00469e;
margin: 0;
}
.catalog-product-view .reviews .row-rating .short-form .form-sub-title {
font-size: 18px;
color: #001D3A;
margin-bottom: 20px;
line-height: 30px;
}
@media (min-width: 992px) {
.catalog-product-view .reviews .row-rating .short-form .form-sub-title {
line-height: 24px;
}
}
.catalog-product-view .reviews .row-rating .short-form .action-neo-submit {
margin: 0 auto;
}
@media (min-width: 992px) {
.catalog-product-view .reviews .row-rating .short-form .action-neo-submit {
margin: 0;
}
}
.catalog-product-view .reviews .form-rating-wrap .review-form {
margin: auto;
padding: 30px 30px 40px;
}
.catalog-product-view .reviews .review-list {
max-width: 1445px;
margin: 0 auto;
padding: 80px 20px 95px;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .review-list {
height: 550px;
padding: 40px 40px 95px;
}
}
.catalog-product-view .reviews .review-list .review-title {
border-bottom: solid 1px #ccc;
padding-bottom: 20px;
margin: 0;
display: none;
}
.catalog-product-view .reviews .review-list .row-review {
display: flex;
padding: 55px 20px 20px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
box-sizing: border-box;
position: relative;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .review-list .row-review {
padding: 40px 55px 30px 40px;
height: calc((100% - 30px) / 2) !important;
}
}
@media (min-width: 992px) {
.catalog-product-view .reviews .review-list .row-review {
padding: 30px 20px;
}
}
@media (min-width: 1440px) {
.catalog-product-view .reviews .review-list .row-review {
padding: 40px 55px 30px 40px;
}
}
.catalog-product-view .reviews .review-list .row-review .customer-avatar {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .review-list .row-review .customer-avatar {
position: static;
transform: none;
width: 100px;
padding-right: 25px;
}
}
@media (min-width: 992px) {
.catalog-product-view .reviews .review-list .row-review .customer-avatar {
width: 80px;
padding-right: 15px;
}
}
@media (min-width: 1440px) {
.catalog-product-view .reviews .review-list .row-review .customer-avatar {
width: 100px;
padding-right: 25px;
}
}
.catalog-product-view .reviews .review-list .row-review .customer-avatar > img {
width: 65px;
border-radius: 50%;
border: 5px solid #40c7fc;
display: block;
}
@media (min-width: 992px) {
.catalog-product-view .reviews .review-list .row-review .customer-avatar > img {
width: 50px;
}
}
@media (min-width: 1440px) {
.catalog-product-view .reviews .review-list .row-review .customer-avatar > img {
width: 65px;
}
}
.catalog-product-view .reviews .review-list .row-review .review {
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .review-list .row-review .review {
width: calc(100% - 100px);
text-align: left;
}
}
@media (min-width: 992px) {
.catalog-product-view .reviews .review-list .row-review .review {
width: calc(100% - 75px);
}
}
@media (min-width: 1440px) {
.catalog-product-view .reviews .review-list .row-review .review {
width: calc(100% - 100px);
}
}
.catalog-product-view .reviews .review-list .row-review .review .rating-summary {
margin-bottom: 18px;
order: 2;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .review-list .row-review .review .rating-summary {
margin-bottom: 10px;
order: 1;
}
}
.catalog-product-view .reviews .review-list .row-review .review .rating-summary .rating-result {
text-align: left;
}
.catalog-product-view .reviews .review-list .row-review .review .nick-name {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 10px;
order: 1;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .review-list .row-review .review .nick-name {
margin-bottom: 15px;
order: 2;
}
}
.catalog-product-view .reviews .review-list .row-review .review .item-product {
margin-bottom: 20px;
height: 66px;
order: 3;
}
.catalog-product-view .reviews .review-list .row-review .review .item-product .product-review {
font-size: 16px;
line-height: 22px;
}
@media (min-width: 992px) {
.catalog-product-view .reviews .review-list .row-review .review .item-product .product-review {
font-size: 14px;
}
}
@media (min-width: 1440px) {
.catalog-product-view .reviews .review-list .row-review .review .item-product .product-review {
font-size: 16px;
}
}
.catalog-product-view .reviews .review-list .row-review .review .item-product .product-review > span {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .review-list .row-review .review .item-product .product-review > span {
margin-right: 10px;
}
}
.catalog-product-view .reviews .review-list .row-review .review .item-product .product-review > span.product-review-btn {
margin: 0;
}
.catalog-product-view .reviews .review-list .row-review .review .item-product .product-review-btn {
display: block;
font-size: 12px;
font-weight: 700;
color: #40c7fc;
text-transform: lowercase;
}
@media (min-width: 640px) {
.catalog-product-view .reviews .review-list .row-review .review .item-product .product-review-btn {
display: inline-block;
}
}
.catalog-product-view .reviews .review-list .row-review .review .item-admin {
display: none;
margin-left: 25px;
order: 4;
}
.catalog-product-view .reviews .review-list .row-review .review .item-admin .admin-user {
font-weight: 600;
margin-bottom: 5px;
color: #888888;
font-size: 14px;
}
.catalog-product-view .reviews .review-list .row-review .review .item-admin .admin-rely {
color: #888888;
}
.catalog-product-view .reviews .review-list .row-review .review .date-create {
font-size: 12px;
line-height: 15px;
color: #001d3a;
opacity: 0.3;
order: 5;
}
.catalog-product-view .reviews .review-add {
display: none;
}
.catalog-product-view .reviews .swiper-actions {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px;
}
.catalog-product-view .reviews .swiper-actions .swiper-button-next,
.catalog-product-view .reviews .swiper-actions .swiper-button-prev {
position: static;
height: 100%;
margin: 0;
width: auto;
}
.catalog-product-view .reviews .swiper-actions .swiper-button-next:after,
.catalog-product-view .reviews .swiper-actions .swiper-button-prev:after {
border: solid #00469e;
border-width: 0 3px 3px 0;
display: block;
padding: 3px;
transform: rotate(-45deg);
content: '';
}
.catalog-product-view .reviews .swiper-actions .swiper-button-prev:after {
transform: rotate(135deg);
}
.catalog-product-view .reviews .swiper-actions .swiper-pagination {
width: auto;
position: static;
padding: 0 25px;
display: flex;
}
.catalog-product-view .reviews .swiper-actions .swiper-pagination .swiper-pagination-bullet {
border: none;
height: 30px;
width: 30px;
margin: 0;
padding: 0;
border-radius: 6px;
display: block;
line-height: 30px;
font-size: 14px;
color: #00469e;
}
.catalog-product-view .reviews .swiper-actions .swiper-pagination .swiper-pagination-bullet-active {
background: transparent;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.2);
z-index: 9;
position: relative;
display: block;
color: #40c7fc;
font-weight: 700;
}
.catalog-product-view #product-review-container {
padding: 0 20px;
}
.catalog-product-view #product-review-container .block.review-list {
margin-bottom: 10px;
}
.catalog-product-view #product-review-container .block.review-list .block-title {
display: none;
}
.catalog-product-view #product-review-container .block.review-list .block-content .review-toolbar {
margin-top: 20px !important;
}
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item {
border-bottom: 1px solid #ececec;
}
@media (min-width: 992px) {
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item {
padding: 10px 0;
}
}
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-title {
font-weight: 400;
}
@media (min-width: 992px) {
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-title {
margin: 0 0 10px;
}
}
@media (min-width: 640px) {
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-ratings {
max-width: 270px;
}
}
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-ratings .rating-summary .label {
display: inline-block;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
line-height: 20px;
}
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-ratings .rating-summary .label > span {
font-size: 15px;
font-weight: 400;
}
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-ratings .rating-summary .rating-result {
float: right;
margin-right: 10px;
}
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-content {
font-size: 15px;
font-weight: 400;
margin-bottom: 5px;
text-align: justify;
}
@media (min-width: 640px) {
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-content {
margin-left: 270px;
}
}
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-details {
font-size: 15px;
font-weight: 400;
color: #00469e;
}
@media (min-width: 640px) {
.catalog-product-view #product-review-container .block.review-list .block-content .review-items .review-item .review-details {
margin-left: 270px;
}
}
.catalog-product-view #show-more-reviews {
padding: 0 20px;
margin-bottom: 20px;
font-size: 14px;
font-weight: 500;
color: #00469e;
}
.catalog-product-view .block.review-add {
padding-bottom: 40px;
margin-bottom: 50px !important;
border-bottom: solid 1px #ccc;
}
.catalog-product-view .block.review-add .block-content .review-form {
max-width: 700px;
}
.catalog-product-view .block.review-add .block-content .review-form .review-field-ratings {
margin: 0;
}
.catalog-product-view .block.review-add .block-content .agree-checked {
display: flex;
}
.catalog-product-view .block.review-add .block-content .agree-checked input[type="checkbox"] {
width: 20px;
height: 20px;
}
.catalog-product-view .block.review-add .block-content .agree-checked input[type="checkbox"]:after {
height: 20px;
width: 20px;
border-color: #707070;
font-size: 13px;
line-height: 19px;
}
.catalog-product-view .block.review-add .block-content .agree-checked label {
margin-left: 15px;
font-size: 14px;
color: #212844;
}
.catalog-product-view .block.review-add .block-content .agree-checked label > a {
color: #EE741D;
text-decoration: underline;
}
.catalog-product-view .block.review-add legend.review-legend {
margin-bottom: 10px;
}
.catalog-product-view .block.review-add .review-field-ratings legend.label {
display: none;
}
.catalog-product-view .block.review-add .review-field-ratings .control #Rating_rating_label {
display: none;
}
.catalog-product-view .block.review-add .review-form-actions button,
.catalog-product-view .block.review-add .review-form-actions .cart.table-wrapper .actions-toolbar > .action,
.catalog-product-view .block.review-add .review-form-actions .action-gift {
background: #00469e;
color: #fff;
border-radius: 5px;
padding: 10px 30px;
width: 100%;
}
.review-control-vote {
margin-top: 0 !important;
overflow: hidden;
margin: 0 auto 70px;
width: 260px;
}
@media (min-width: 992px) {
.review-control-vote {
margin: 0 0 80px;
}
}
.review-control-vote:before {
color: #E6E6E6;
font-family: 'lafantana-icons';
font-style: normal;
font-weight: normal;
speak: none;
vertical-align: top;
-webkit-font-smoothing: antialiased;
display: block;
position: absolute;
z-index: 1;
content: '\e902' '\e902' '\e902' '\e902' '\e902';
font-size: 40px;
height: 40px;
letter-spacing: 10px;
line-height: 40px;
}
.review-control-vote input[type="radio"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
vertical-align: top;
}
.review-control-vote label {
margin-bottom: 0.5rem;
cursor: pointer;
display: block;
position: absolute;
}
.review-control-vote label:before {
font-style: normal;
font-weight: normal;
speak: none;
vertical-align: top;
-webkit-font-smoothing: antialiased;
opacity: 0;
font-size: 40px;
height: 40px;
letter-spacing: 10px;
line-height: 40px;
color: #40c7fc;
font-family: 'lafantana-icons';
border: 0;
}
.review-control-vote label:after {
display: none;
}
.review-control-vote label:hover:before {
opacity: 1;
}
.review-control-vote label.rating-1 {
z-index: 6;
}
.review-control-vote label.rating-1:before {
content: '\e902';
}
.review-control-vote label.rating-2:before {
content: '\e902' '\e902';
}
.review-control-vote label.rating-3:before {
content: '\e902' '\e902' '\e902';
}
.review-control-vote label.rating-4:before {
content: '\e902' '\e902' '\e902' '\e902';
}
.review-control-vote label.rating-5:before {
content: '\e902' '\e902' '\e902' '\e902' '\e902';
}
.review-control-vote label span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.review-control-vote input[type="radio"]:hover + label:before,
.review-control-vote input[type="radio"]:checked + label:before {
opacity: 1;
}
.vote-line {
position: relative;
width: 100%;
height: 20px;
border-radius: 10px;
background: #cecece;
}
.vote-line .vote-ratio-render {
position: absolute;
background: #40c7fc;
left: 0;
top: 0;
height: 20px;
border-radius: 10px;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list {
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
padding: 18px 0;
}
@media (max-width: 639px) {
.subscription-customer-index .customer-subscriptions .product-subscriptions-list {
margin-left: 0;
margin-right: 0;
padding: 20px 0;
}
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item {
width: 50%;
padding: 12px 8px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item {
width: 100%;
}
}
@media (max-width: 639px) {
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item {
padding: 8px 0;
}
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-content {
display: flex;
padding: 32px;
border-radius: 30px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
background: #ffffff;
box-sizing: border-box;
height: 100%;
}
@media (max-width: 1439px) {
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-content {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 767px) {
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-content {
flex-direction: row;
align-items: flex-start;
}
}
@media (max-width: 639px) {
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-content {
flex-direction: column;
align-items: center;
padding: 32px 25px;
}
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-image {
flex-shrink: 0;
}
@media (max-width: 639px) {
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-image {
margin-bottom: 25px;
}
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-image img {
display: block;
max-width: 130px;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-details {
padding-left: 15px;
box-sizing: border-box;
flex-grow: 1;
}
@media (max-width: 639px) {
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-details {
padding: 0;
}
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-label {
font-size: 12px;
font-weight: 700;
color: #ffffff;
display: inline-block;
padding: 0 8px;
height: 24px;
line-height: 24px;
background: #ea4b1b;
margin-bottom: 8px;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-label.active,
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-label.activ {
background: #46ac2d;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 5px;
color: #001d3a;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-subtitle {
font-size: 16px;
line-height: 22px;
margin-bottom: 5px;
color: #000000;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-price {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #30c6ff;
margin-bottom: 8px;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-subscription-date {
font-size: 14px;
line-height: 18px;
color: #001d3a;
margin-bottom: 18px;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-address {
font-size: 12px;
line-height: 16px;
color: #0d0d0d;
opacity: 0.5;
padding-top: 8px;
border-top: 1px solid rgba(112, 112, 112, 0.1);
margin-bottom: 12px;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-actions {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-actions .action {
margin: 0;
width: auto;
min-width: 160px;
padding: 0 30px;
display: inline-block;
font-weight: 600;
}
@media (max-width: 1590px) {
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-actions .action {
padding: 0 10px;
font-size: 12px;
}
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-actions .action:hover {
font-weight: 600;
background: #ffffff;
border-color: #ffffff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-actions .action:hover span:after {
border-width: 0 1px 1px 0;
}
.subscription-customer-index .customer-subscriptions .product-subscriptions-list .item .item-actions .action:not(:last-child) {
margin-bottom: 15px;
}
.subscription-customer-view .page-title-wrapper {
display: none;
}
.subscription-customer-view .subscription-view-title {
display: flex;
align-items: center;
margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
.subscription-customer-view .subscription-view-title {
padding: 0 25px;
}
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view-title {
margin-bottom: 30px;
}
}
.subscription-customer-view .subscription-view-title .subscription-image {
margin-right: 40px;
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view-title .subscription-image {
display: none;
}
}
.subscription-customer-view .subscription-view-title .subscription-image img {
width: 140px;
}
.subscription-customer-view .subscription-view-title .subscription-title .title {
font-size: 28px;
font-weight: 700;
line-height: 35px;
margin-bottom: 5px;
}
.subscription-customer-view .subscription-view-title .subscription-title .status.active > span,
.subscription-customer-view .subscription-view-title .subscription-title .status.activ > span {
background: #46AC2D;
}
.subscription-customer-view .subscription-view-title .subscription-title .status > span {
font-size: 12px;
font-weight: 700;
color: #ffffff;
display: inline-block;
padding: 0 8px;
height: 24px;
line-height: 24px;
background: #EA4B1B;
}
.subscription-customer-view .subscription-view {
position: relative;
z-index: 1;
margin-bottom: 50px;
}
.subscription-customer-view .subscription-view:before,
.subscription-customer-view .subscription-view:after {
content: '';
display: table;
}
.subscription-customer-view .subscription-view:after {
clear: both;
}
.subscription-customer-view .subscription-view > .item.title {
float: left;
width: auto;
}
.subscription-customer-view .subscription-view > .item.title > .switch {
height: 20px;
display: block;
position: relative;
z-index: 2;
}
.subscription-customer-view .subscription-view > .item.content {
margin-top: 20px;
box-sizing: border-box;
float: right;
margin-left: -100%;
width: 100%;
}
.subscription-customer-view .subscription-view > .item.content:before,
.subscription-customer-view .subscription-view > .item.content:after {
content: '';
display: table;
}
.subscription-customer-view .subscription-view > .item.content:after {
clear: both;
}
.subscription-customer-view .subscription-view > .item.content.active {
display: block;
}
.subscription-customer-view .subscription-view > .item.title {
margin: 0 5px 0 0;
}
.subscription-customer-view .subscription-view > .item.title > .switch {
font-weight: 600;
line-height: 20px;
font-size: 1.4rem;
color: #7d7d7d;
text-decoration: none;
background: #f0f0f0;
border: 1px solid #d1d1d1;
border-bottom: none;
height: 20px;
padding: 5px 20px 5px 20px;
}
.subscription-customer-view .subscription-view > .item.title > .switch:visited {
color: #7d7d7d;
text-decoration: none;
}
.subscription-customer-view .subscription-view > .item.title > .switch:hover {
color: #7d7d7d;
text-decoration: none;
}
.subscription-customer-view .subscription-view > .item.title > .switch:active {
color: #333333;
text-decoration: none;
}
.subscription-customer-view .subscription-view > .item.title:not(.disabled) > .switch:focus,
.subscription-customer-view .subscription-view > .item.title:not(.disabled) > .switch:hover {
background: #fcfcfc;
}
.subscription-customer-view .subscription-view > .item.title:not(.disabled) > .switch:active,
.subscription-customer-view .subscription-view > .item.title.active > .switch,
.subscription-customer-view .subscription-view > .item.title.active > .switch:focus,
.subscription-customer-view .subscription-view > .item.title.active > .switch:hover {
background: #ffffff;
color: #333333;
text-decoration: none;
}
.subscription-customer-view .subscription-view > .item.title.active > .switch,
.subscription-customer-view .subscription-view > .item.title.active > .switch:focus,
.subscription-customer-view .subscription-view > .item.title.active > .switch:hover {
padding-bottom: 6px;
}
.subscription-customer-view .subscription-view > .item.content {
background: #ffffff;
margin-top: 31px;
padding: 20px 20px 20px 20px;
border: 0;
border-top: 1px solid #d1d1d1;
}
@media only screen and (max-width: 767px) {
.subscription-customer-view .subscription-view {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.subscription-customer-view .subscription-view .item.title {
margin-left: 25px;
}
}
.subscription-customer-view .subscription-view .item.title:not(:first-child) {
margin-left: 25px;
}
.subscription-customer-view .subscription-view .item.title .switch {
background: transparent;
color: #000000;
border: 0;
border-bottom: 0;
font-size: 18px;
font-weight: 400;
padding: 0;
line-height: 28px;
margin: 0;
height: 28px;
}
.subscription-customer-view .subscription-view .item.title .switch:visited {
color: #000000;
}
.subscription-customer-view .subscription-view .item.title.active .switch {
color: #00469e;
border-bottom: 2px solid #00469e;
font-size: 18px;
font-weight: 700;
padding: 0;
}
.subscription-customer-view .subscription-view .item.title.active .switch:hover,
.subscription-customer-view .subscription-view .item.title.active .switch:focus {
padding: 0;
color: #00469e;
}
.subscription-customer-view .subscription-view .item.content {
order: 2;
border-top: 1px solid rgba(112, 112, 112, 0.1);
padding: 45px 0 0;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.subscription-customer-view .subscription-view .item.content {
border-top: none;
padding: 30px 0 0;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .title {
display: inline-block;
width: 100%;
font-size: 26px;
font-weight: 700;
}
.subscription-customer-view .subscription-view .item.content .content-container .sub-title {
font-size: 14px;
color: #7b7b7b;
}
.subscription-customer-view .subscription-view .item.content .content-container .label {
display: inline-block;
font-weight: 700;
color: #0c5da8;
min-width: 80px;
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details {
display: flex;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
margin-bottom: 50px;
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details {
margin-left: 0;
margin-right: 0;
margin-bottom: 16px;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info {
width: calc(100%/3);
padding: 0 8px;
box-sizing: border-box;
}
@media only screen and (max-width: 1023px) {
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info {
width: 50%;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info {
padding: 0;
width: 100%;
}
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info.box-price .box-info-content {
padding: 32px 24px;
}
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info.box-date .box-info-content {
display: flex;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info.box-date .box-info-content .detail {
width: 50%;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
background: #ffffff;
padding: 32px 24px;
box-sizing: border-box;
height: 100%;
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content {
border-radius: 17px;
padding: 24px;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content .label {
display: block;
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
line-height: 18px;
margin-bottom: 5px;
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content .value {
line-height: 20px;
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content .subscription-price .title {
font-size: 24px;
font-weight: 900;
line-height: 30px;
margin-bottom: 20px;
color: #30C6FF;
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content .detail.payed {
margin-bottom: 24px;
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content .detail.billing-data {
margin-bottom: 18px;
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content .detail.customer {
margin-bottom: 16px;
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content .detail.location {
margin-bottom: 20px;
}
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content .actions .action-primary,
.subscription-customer-view .subscription-view .item.content .content-container .subscription-details .box-info .box-info-content .actions .actions-primary > a {
margin: 0;
padding: 0 32px;
min-width: 160px;
width: max-content;
}
@media only screen and (max-width: 767px) {
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products {
padding: 0 25px;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products > .label {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 40px;
color: #000000;
}
@media only screen and (max-width: 767px) {
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products > .label {
margin-bottom: 25px;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty {
width: 45%;
box-sizing: border-box;
padding-right: 50px;
}
@media only screen and (max-width: 1023px) {
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty {
padding-right: 35px;
}
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty {
width: 100%;
padding-right: 0;
margin-bottom: 25px;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty .total-qty-container {
background: #0c5da8;
border-radius: 30px;
border: 1px solid #0c5da8;
padding: 24px 20px;
min-height: 170px;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
align-items: center;
position: relative;
height: 100%;
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty .total-qty-container {
min-height: 150px;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty .total-qty-container:after {
content: '=';
color: #ffffff;
position: absolute;
right: 0;
top: calc(50% + 10px);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #0c5da8;
font-size: 21px;
font-weight: 700;
line-height: 40px;
border: 1px solid #ffffff;
transform: translate(50%, -50%);
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty .total-qty-container:after {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 14px;
right: auto;
left: 50%;
top: auto;
bottom: 0;
transform: translate(-50%, 5px);
}
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty .total-qty-container .qty {
color: #0c5da8;
background: #ffffff;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 28px;
font-weight: 700;
border-radius: 3px;
margin-bottom: 10px;
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty .total-qty-container .label {
font-weight: 700;
color: #ffffff;
line-height: 20px;
margin-bottom: 3px;
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .total-qty .total-qty-container .prod-name {
font-size: 14px;
line-height: 18px;
color: #30C6FF;
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .child-qty {
width: 55%;
display: flex;
border: 1px solid #0c5da8;
border-radius: 30px;
box-sizing: border-box;
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .child-qty {
width: 100%;
min-height: 150px;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .child-qty .prod-qty {
width: 50%;
box-sizing: border-box;
padding: 24px 20px;
display: flex;
flex-direction: column;
align-items: center;
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .child-qty .prod-qty.first {
border-right: 1px solid #0c5da8;
position: relative;
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .child-qty .prod-qty.first:after {
content: '+';
color: #ffffff;
position: absolute;
right: 0;
top: calc(50% + 10px);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #0c5da8;
font-size: 22px;
font-weight: 700;
line-height: 40px;
transform: translate(50%, -50%);
}
@media only screen and (max-width: 639px) {
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .child-qty .prod-qty.first:after {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 13px;
}
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .child-qty .prod-qty .qty {
color: #ffffff;
background: #0c5da8;
width: 34px;
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight: 700;
border-radius: 3px;
margin-bottom: 10px;
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .child-qty .prod-qty .label {
color: #000000;
font-weight: 700;
line-height: 20px;
max-width: 250px;
margin-bottom: 15px;
}
.subscription-customer-view .subscription-view .item.content .content-container .detail-subscription-products .subscription-product .child-qty .prod-qty .prod-name {
font-size: 14px;
color: #0174B6;
margin-top: auto;
}
.subscription-customer-view .subscription-view .item.content .top {
display: grid;
grid-template-columns: 29% 39% 29%;
grid-column-gap: 1%;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #DCDCDC;
}
@media (max-width: 720px) {
.subscription-customer-view .subscription-view .item.content .top {
grid-template-columns: 100%;
grid-row-gap: 10px;
}
}
.subscription-customer-view .subscription-view .item.content .top .info .title {
display: block;
font-size: 16px;
font-weight: 600;
color: #212844;
word-break: keep-all;
}
.subscription-customer-view .subscription-view .item.content .top .info .price {
display: block;
font-size: 14px;
font-weight: 500;
color: #7B7B7B;
}
.subscription-customer-view .subscription-view .item.content .top .actions {
text-align: right;
}
.subscription-customer-view .subscription-view .item.content .top .actions .action {
display: inline-flex;
justify-content: left;
align-items: center;
box-sizing: border-box;
clear: both;
background: #F9F9F9;
padding: 0 15px;
margin-bottom: 5px;
height: 40px;
font-size: 14px;
font-weight: 400;
border-radius: 5px;
}
@media (max-width: 720px) {
.subscription-customer-view .subscription-view .item.content .top .actions .action {
display: flex;
}
}
.subscription-customer-view .subscription-view .item.content .top .actions .action.enroll:before {
background: url('../CloudEBS_ProductSubscription/images/convert-card.svg') center center no-repeat;
background-size: contain;
content: ' ';
display: block;
width: 20px;
height: 20px;
margin-right: 10px;
}
.subscription-customer-view .subscription-view .item.content .top .status {
text-align: right;
}
.subscription-customer-view .subscription-view .item.content .top .status .code {
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
color: #0c5da8;
border: 1px solid #DCDCDC;
height: 40px;
font-size: 14px;
font-weight: 700;
border-radius: 5px;
padding: 0 20px;
}
.subscription-customer-view .subscription-view .item.content .bottom.summary {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
}
.subscription-customer-view .subscription-view .item.content .bottom .detail .label {
font-size: 14px;
font-weight: 600;
}
.subscription-customer-view .subscription-view .item.content .bottom .detail .value {
font-size: 14px;
font-weight: 400;
}
.subscription-customer-view .subscription-view .item.content .bottom .detail .action {
font-size: 14px;
font-weight: 500;
color: #212844;
}
.subscription-customer-view .subscription-view .item.content .bottom .table-payments tr {
border-bottom: 0;
}
.subscription-customer-view .subscription-view .item.content .bottom .table-payments th {
font-size: 16px;
}
.subscription-customer-view .subscription-view .item.content .bottom .table-payments td {
font-size: 14px;
vertical-align: middle;
}
.subscription-customer-view .subscription-view .item.content .bottom .table-payments td.actions .action {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
background: #F1F1F1;
color: #00376d;
padding: 0 20px;
margin: 0;
}
.subscription-customer-view .subscription-view .item.content .bottom .table-payments tbody tr:nth-child(odd) {
background-color: #FAFAFA;
}
@media (max-width: 720px) {
.subscription-customer-view .subscription-view .item.content .bottom .table-payments tbody tr {
padding: 0 10px;
}
}
.subscription-customer-view .subscription-view .item.content .bottom .table-payments tbody tr td {
padding: 16px;
}
@media (max-width: 720px) {
.subscription-customer-view .subscription-view .item.content .bottom .table-payments tbody tr td {
padding: 5px;
}
}
@media (max-width: 720px) {
.subscription-customer-view .subscription-view .item.content .bottom .table-payments tbody tr td:first-child {
padding-top: 10px;
}
}
@media (max-width: 720px) {
.subscription-customer-view .subscription-view .item.content .bottom .table-payments tbody tr td:last-child {
padding-bottom: 10px;
}
}
.subscription-customer-view .order-products .title {
font-size: 24px;
font-weight: 700;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.subscription-customer-view .order-products .title {
padding-bottom: 25px;
padding: 0 25px;
}
}
.subscription-customer-view .order-products form {
border-radius: 35px 35px 30px 30px;
background: #0c5da8;
max-width: 780px;
padding-bottom: 37px;
}
@media (max-width: 639px) {
.subscription-customer-view .order-products form {
padding-bottom: 34px;
}
}
.subscription-customer-view .order-products .product .product-content .product-qty-return {
border-radius: 30px;
box-sizing: border-box;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.16);
padding: 30px 0 35px;
background: #ffffff;
}
.subscription-customer-view .order-products .product .product-content .label {
font-size: 18px;
font-weight: 700;
margin-right: 10px;
}
.subscription-customer-view .order-products .product .product-content .control {
flex-shrink: 0;
}
.subscription-customer-view .order-products .product .product-content .control .action.primary,
.subscription-customer-view .order-products .product .product-content .control .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.subscription-customer-view .order-products .product .product-content .control .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
margin: 0;
padding: 0;
width: 35px;
height: 50px;
background: none;
border: 0;
border-radius: 0;
color: #000000;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-weight: 400;
}
.subscription-customer-view .order-products .product .product-content .control input[type="text"],
.subscription-customer-view .order-products .product .product-content .control input[type="number"] {
border: 1px solid #00469e;
width: 50px;
height: 50px;
padding: 0 5px;
text-align: center;
border-radius: 15px;
font-size: 18px;
font-weight: 700;
color: #00469e;
}
.subscription-customer-view .order-products .product .product-content .product-qty {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 25px 20px;
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
box-sizing: border-box;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages {
padding: 0 25px;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask {
display: flex;
align-items: center;
padding-top: 15px;
justify-content: space-between;
align-items: flex-start;
margin: 0 0 20px;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control {
display: flex;
align-items: center;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .return-packages-value {
display: block;
width: 35px;
height: 32px;
line-height: 32px;
color: rgba(0, 0, 0, 0.3);
text-align: center;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .return-packages-value.active {
color: #30C6FF;
font-weight: 700;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn {
position: relative;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn .switch-checkbox {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn .switch-checkbox:checked + .switch-label:before {
right: 4px;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn .switch-checkbox:checked + .switch-label:after {
background: #30c6ff;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn .switch-label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 22px;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 0;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn .switch-label:before,
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn .switch-label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn .switch-label:before {
background: linear-gradient(180deg, #63c4ff 0%, #044ba2 58.6%, #00095b 100%);
border-radius: 50%;
content: "";
display: block;
height: 24px;
transition: right 0.2s ease-in 0s;
width: 24px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 4px;
right: 30px;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn .switch-label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 30px;
transition: background 0.2s ease-in 0s;
width: 56px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-ask .control .switch-btn .switch-label {
width: 58px;
height: 32px;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset.qty {
display: flex;
justify-content: end;
flex-grow: 1;
align-items: center;
margin-bottom: 0;
}
@media (max-width: 1439px) {
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset.qty {
justify-content: flex-start;
min-height: 55px;
}
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset.qty .fieldset-return-non-qty {
display: flex;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset.qty .returnable-item {
display: none;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset.qty.active .fieldset-return-non-qty {
display: none;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset.qty.active .returnable-item {
display: flex;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-return-non-qty {
font-size: 16px;
color: #0054A5;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-return-non-qty.visible {
display: flex;
align-items: center;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-return-non-qty.hidden {
display: none;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-return-non-qty:before {
display: inline-block;
content: '';
width: 18px;
height: 18px;
background: url(../CloudEBS_ProductSubscription/images/info_circle.svg) no-repeat;
background-size: 100%;
vertical-align: middle;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .fieldset-return-non-qty > span {
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .returnable-item {
flex-direction: column;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .returnable-item:not(:last-child) {
margin-bottom: 10px;
}
@media (max-width: 1439px) {
.subscription-customer-view .order-products .product .product-content .returnable-packages .returnable-item {
width: 100%;
}
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .returnable-item .returnable-item-name {
font-weight: 700;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .returnable-item .returnable-item-qty-returned .returnable-item-qty-container {
display: flex;
min-height: 50px;
align-items: center;
justify-content: space-between;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .returnable-item .returnable-item-price,
.subscription-customer-view .order-products .product .product-content .returnable-packages .returnable-item .returnable-item-subtotal {
padding: 0 10px;
text-align: right;
}
.subscription-customer-view .order-products .product .product-content .returnable-packages .returnable-item .returnable-item-qty {
padding: 0 10px;
text-align: center;
}
.subscription-customer-view .order-products .product .product-content .summary {
padding: 30px 25px 15px;
color: #ffffff;
}
@media (max-width: 639px) {
.subscription-customer-view .order-products .product .product-content .summary {
padding-top: 40px;
}
}
.subscription-customer-view .order-products .product .product-content .summary .summary-item {
display: grid;
grid-template-columns: auto 100px;
}
.subscription-customer-view .order-products .product .product-content .summary .summary-item:not(:last-child) {
margin-bottom: 10px;
}
.subscription-customer-view .order-products .product .product-content .summary .summary-item .item-name .name {
font-weight: 700;
}
.subscription-customer-view .order-products .product .product-content .summary .summary-item .item-name .info {
font-size: 14px;
font-weight: 400;
background: none;
}
.subscription-customer-view .order-products .product .product-content .summary .summary-item .item-name .sub-title {
display: block;
font-size: 14px;
font-weight: 400;
opacity: 0.4;
}
.subscription-customer-view .order-products .product .product-content .summary .summary-item .item-subtotal {
font-weight: 700;
text-align: right;
}
.subscription-customer-view .order-products .product .product-content .summary .summary-item .item-subtotal .currency-symbol {
font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;
}
.subscription-customer-view .order-products .product .product-content .disclaimer {
font-size: 14px;
font-weight: 400;
color: #9E9E9E;
display: none;
}
.subscription-customer-view .order-products .subtotal {
font-size: 24px;
margin-bottom: 20px;
display: flex;
justify-content: space-between;
color: #fff;
align-items: center;
padding: 0 25px;
line-height: 32px;
font-weight: 700;
}
.subscription-customer-view .order-products .subtotal .currency-symbol {
font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;
}
.subscription-customer-view .order-products .warning {
text-align: center;
margin-bottom: 20px;
color: #ee3333;
font-size: 0.9em;
}
.subscription-customer-view .order-products .actions {
padding: 0 25px;
}
.subscription-customer-view .order-products .actions .action.primary,
.subscription-customer-view .order-products .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.subscription-customer-view .order-products .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
width: 100%;
border-radius: 25px;
font-size: 18px;
height: 50px;
padding: 0 30px;
font-weight: 600;
background: #ffffff;
color: #0c5da8;
}
.subscription-customer-view .modal-edit-subscription .modal-inner-wrap {
max-width: 660px;
}
.subscription-customer-view .modal-edit-subscription .modal-inner-content {
display: flex;
flex-direction: column;
}
@media (max-width: 639px) {
.subscription-customer-view .modal-edit-subscription .modal-inner-content {
padding-top: 50px;
}
}
.subscription-customer-view .modal-edit-subscription .modal-inner-content .title {
display: block;
text-align: center;
font-size: 18px;
line-height: 30px;
font-weight: 300;
}
.subscription-customer-view .modal-edit-subscription .modal-inner-content .subtitle {
display: block;
text-align: center;
font-size: 18px;
line-height: 30px;
font-weight: 700;
margin-bottom: 50px;
}
@media (max-width: 720px) {
.subscription-customer-view .modal-edit-subscription .modal-inner-content .subtitle {
margin-bottom: 35px;
}
}
.subscription-customer-view .modal-edit-subscription .modal-inner-content .infotext {
display: block;
font-size: 14px;
line-height: 18px;
font-weight: 300;
margin-bottom: 20px;
}
.price .decimals {
font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;
}
@media only screen and (max-width: 768px) {
.price .decimals {
top: -0.7em;
}
}
.price .currency-symbol {
font-weight: 300;
}
.opc-block-summary .product-item .details-qty {
font-size: 1.8rem;
letter-spacing: 0px;
}
.account.sales-order-view .order-items .product-item-name .subscription,
.items.sales-order-view .order-items .product-item-name .subscription {
display: block;
font-size: 14px;
color: #7B7B7B;
}
.account.sales-order-view .order-items .order-subscription-wrapper .title,
.items.sales-order-view .order-items .order-subscription-wrapper .title {
font-weight: 800;
line-height: 1.1;
font-size: 2.4rem;
padding-bottom: 30px;
display: block;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment {
border-radius: 10px;
border: 0.5px solid #F52222;
padding: 30px 17px 30px 23px;
display: block;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment > .details {
display: block;
padding: 0;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment > .details .product-title-action .product-title {
font-size: 26px;
font-weight: 400;
padding-bottom: 30px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment > .details .product-title-action .product-title .pre-item-title {
font-weight: 700;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail {
display: flex;
justify-content: space-between;
align-items: center;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .unpaid-invoice .unpaid-invoice-details {
font-weight: 700;
padding-bottom: 22px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .unpaid-invoice .unpaid-invoice-note {
font-size: 14px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .subtotal {
text-align: right;
font-size: 22px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .subtotal .price-including-tax,
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .subtotal .price-excluding-tax {
font-size: 22px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .subtotal .price-including-tax .currency-symbol,
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .subtotal .price-excluding-tax .currency-symbol {
font-weight: 700;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .subtotal .note {
color: #7B7B7B;
font-size: 14px;
font-weight: 400;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .unpaid-invoice-note-mobile {
display: none;
font-size: 14px;
}
.sidebar .block-addbysku .fieldset {
margin: 0;
}
.sidebar .block-addbysku .fieldset .fields {
position: relative;
}
.sidebar .block-addbysku .fieldset .fields .field {
display: inline-block;
margin-bottom: 10px;
vertical-align: top;
}
.sidebar .block-addbysku .fieldset .fields .field.sku {
margin-right: -85px;
padding-right: 90px;
width: 100%;
}
.sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error {
width: 80px;
}
.sidebar .block-addbysku .fieldset .fields .actions-toolbar {
position: absolute;
right: 0;
top: 6px;
}
.sidebar .block-addbysku .form-addbysku .actions-toolbar {
margin-bottom: 20px;
}
.sidebar .block-addbysku .form-addbysku .actions-toolbar .primary {
text-align: left;
}
.sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action {
width: auto;
}
.sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary {
float: none;
text-align: left;
}
.sidebar .block-addbysku .action.add {
display: inline-block;
text-decoration: none;
line-height: normal;
padding: 2px 0;
width: auto;
}
.sidebar .block-addbysku .action.add > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sidebar .block-addbysku .action.add:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 31px;
line-height: 22px;
color: inherit;
content: '\e61c';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.sidebar .block-addbysku .action.add:hover:before {
color: inherit;
}
.sidebar .block-addbysku .action.add:active:before {
color: inherit;
}
.sidebar .block-addbysku .action.links {
display: inline-block;
margin: 20px 0 0;
}
.sidebar .block-addbysku .action.reset {
display: block;
margin: 10px 0;
}
.sidebar .block-addbysku .action.remove {
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
}
.sidebar .block-addbysku .action.remove > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.sidebar .block-addbysku .action.remove:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 22px;
color: inherit;
content: '\e616';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.sidebar .block-addbysku .action.remove:hover:before {
color: inherit;
}
.sidebar .block-addbysku .action.remove:active:before {
color: inherit;
}
.sidebar .block-addbysku .action.remove:focus,
.sidebar .block-addbysku .action.remove:active {
background: none;
border: none;
}
.sidebar .block-addbysku .action.remove:hover {
background: none;
border: none;
}
.sidebar .block-addbysku .action.remove.disabled,
.sidebar .block-addbysku .action.remove[disabled],
fieldset[disabled] .sidebar .block-addbysku .action.remove {
pointer-events: none;
opacity: 0.5;
}
.block-banners .banner-item,
.block-banners-inline .banner-item {
display: block;
}
.block-banners .banner-item-content,
.block-banners-inline .banner-item-content {
margin-bottom: 20px;
}
.block-banners .banner-item-content img,
.block-banners-inline .banner-item-content img {
display: block;
margin: 0 auto;
}
.block-product-link.widget,
.block-category-link.widget {
display: block;
margin-bottom: 20px;
}
.block-product-link-inline.widget {
margin: 0;
}
.block.widget .products-grid .product-item {
margin-left: 2%;
width: calc((100% - 2%) / 2);
}
.block.widget .products-grid .product-item:nth-child(2n + 1) {
margin-left: 0;
}
.block.widget .product-item-info {
width: auto;
}
.block.widget .pager {
padding: 0;
}
.block.widget .pager .toolbar-amount {
float: none;
font-size: 1.2rem;
}
.block.widget .pager .pages-item-previous {
padding-left: 0;
}
.block.widget .pager .pages-item-next {
position: relative;
}
.block.widget .pager .items {
white-space: nowrap;
}
.columns .block-event {
position: relative;
z-index: 2;
}
.block-event .block-content {
position: relative;
}
.block-event .block-content > .action {
cursor: pointer;
margin-top: -6px;
position: absolute;
top: 50%;
z-index: 3;
}
.block-event .block-content > .action.backward,
.block-event .block-content > .action.forward {
opacity: .5;
overflow: hidden;
width: 20px;
display: inline-block;
text-decoration: none;
}
.block-event .block-content > .action.backward > span,
.block-event .block-content > .action.forward > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.block-event .block-content > .action.backward:before,
.block-event .block-content > .action.forward:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 55px;
line-height: 30px;
color: inherit;
content: '\e617';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.block-event .block-content > .action.backward:before,
.block-event .block-content > .action.forward:before {
margin-left: -15px;
}
.block-event .block-content > .action.backward {
left: 0;
}
.block-event .block-content > .action.forward {
right: 0;
}
.block-event .block-content > .action.forward:before {
content: '\e608';
}
.block-event .block-content > .action.forward:before {
margin-left: -20px;
}
.block-event .block-content > .action.inactive {
cursor: default;
display: none;
}
.block-event .block-content > .action:hover {
opacity: 1;
}
.block-event .slider-panel {
overflow: hidden;
position: relative;
z-index: 2;
}
.block-event .slider-panel .slider {
white-space: nowrap;
}
.block-event .slider-panel .slider .item {
background: #f0f0f0;
display: inline-block;
text-align: center;
vertical-align: top;
white-space: normal;
width: 16.35%;
}
.sidebar-main .block-event .slider-panel .slider .item,
.sidebar-additional .block-event .slider-panel .slider .item {
width: 100%;
}
.block-event .slider-panel .slider .item img {
max-width: 100%;
}
.block-event .slider-panel .slider .item .category-name {
display: inline-block;
font-size: 1.8rem;
padding: 15px 5px 0;
word-break: break-all;
}
.block-event .slider-panel .slider .item .ticker {
margin: 0;
padding: 0;
list-style: none none;
}
.block-event .slider-panel .slider .item .ticker li {
display: none;
margin: 0 5px;
}
.block-event .slider-panel .slider .item .ticker .value {
font-size: 2.6rem;
font-weight: 300;
}
.block-event .slider-panel .slider .item .ticker .label {
display: block;
font-size: 1.3rem;
}
.block-event .slider-panel .slider .item .dates {
font-weight: 300;
}
.block-event .slider-panel .slider .item .dates .start,
.block-event .slider-panel .slider .item .dates .end,
.block-event .slider-panel .slider .item .dates .date {
display: block;
}
.block-event .slider-panel .slider .item .dates .start:after {
font-size: 1.8rem;
content: '\2013';
display: block;
}
.block-event .slider-panel .slider .item .dates .date {
font-size: 1.8rem;
font-weight: 300;
}
.block-event .slider-panel .slider .item .dates .time {
font-size: 1.3rem;
}
.block-event .slider-panel .slider .item .box-event .box-content {
padding: 5px 0 10px;
}
.block-event .slider-panel .slider .item .box-event .box-title {
display: block;
font-weight: 300;
margin: 10px 0 0;
}
.block-event .slider-panel .slider .item .action.show {
display: block;
padding: 0;
}
.block-event .slider-panel .slider .item .action.show .category.name {
display: inline-block;
padding: 30px 10px 0;
}
.block-event .slider-panel .slider .item .action.show img {
display: block;
}
.block-event .slider-panel .slider .item .action.event {
background-image: none;
background: #1979c3;
border: 1px solid #1979c3;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 700;
padding: 7px 15px;
font-size: 1.4rem;
box-sizing: border-box;
vertical-align: middle;
margin-top: 15px;
}
.block-event .slider-panel .slider .item .action.event:focus,
.block-event .slider-panel .slider .item .action.event:active {
background: #006bb4;
border: 1px solid #006bb4;
color: #ffffff;
}
.block-event .slider-panel .slider .item .action.event:hover {
background: #006bb4;
border: 1px solid #006bb4;
color: #ffffff;
}
.block-event .slider-panel .slider .item .action.event.disabled,
.block-event .slider-panel .slider .item .action.event[disabled],
fieldset[disabled] .block-event .slider-panel .slider .item .action.event {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
.block-event .slider-panel .slider .item .action.event:hover {
text-decoration: none;
}
.block-static-block.widget,
.block-cms-link.widget {
margin-bottom: 20px;
}
.links .block-static-block.widget,
.links .block-cms-link.widget {
margin-bottom: 0;
}
.block-cms-link-inline.widget {
margin: 0;
}
.block-wishlist-search .form-wishlist-search {
margin: 20px 0 0;
}
.block-cms-hierarchy-link.widget {
display: block;
margin-bottom: 20px;
}
.block-cms-hierarchy-link-inline.widget {
margin: 0;
}
@media only screen and (max-width: 769px) {
.field-tooltip .field-tooltip-content {
right: -10px;
top: 40px;
left: auto;
}
}
@media only screen and (max-width: 768px) {
.abs-button-responsive-smaller,
.product-info-main .box-tocart .actions .action.tocart {
width: 100%;
}
.abs-visually-hidden-mobile-m {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-add-clearfix-mobile-m:before,
.abs-add-clearfix-mobile-m:after,
.form-create-return .fieldset > .actions-toolbar:before,
.form-create-return .fieldset > .actions-toolbar:after {
content: '';
display: table;
}
.abs-add-clearfix-mobile-m:after,
.form-create-return .fieldset > .actions-toolbar:after {
clear: both;
}
.abs-icon-add-mobile,
.block-wishlist-management .wishlist-add.item .add {
display: block;
text-decoration: none;
}
.abs-icon-add-mobile:before,
.block-wishlist-management .wishlist-add.item .add:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
line-height: 10px;
color: inherit;
content: '\e61c';
font-family: 'icons-blank-theme';
margin: 0 5px 0 0;
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-toggling-title-mobile,
.block-wishlist-management .wishlist-select .wishlist-name,
.block-collapsible-nav .title {
border-bottom: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
cursor: pointer;
margin-bottom: 0;
padding: 10px 40px 10px 15px;
position: relative;
display: block;
text-decoration: none;
}
.abs-toggling-title-mobile:after,
.block-wishlist-management .wishlist-select .wishlist-name:after,
.block-collapsible-nav .title:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: inherit;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.abs-toggling-title-mobile:after,
.block-wishlist-management .wishlist-select .wishlist-name:after,
.block-collapsible-nav .title:after {
position: absolute;
right: 10px;
top: 0;
}
.abs-toggling-title-mobile.active:after,
.block-wishlist-management .wishlist-select .wishlist-name.active:after,
.block-collapsible-nav .title.active:after {
content: '\e621';
}
.abs-pager-toolbar-mobile .toolbar-amount,
.abs-pager-toolbar-mobile .limiter,
.abs-pager-toolbar-mobile .pages,
.account .toolbar .toolbar-amount,
.account .toolbar .limiter,
.account .toolbar .pages,
.toolbar-wishlist-results .toolbar-amount,
.toolbar-wishlist-results .limiter,
.toolbar-wishlist-results .pages {
float: none;
margin-bottom: 25px;
}
.abs-shopping-cart-items-mobile .actions,
.cart-container .form-cart .actions {
text-align: center;
}
.abs-shopping-cart-items-mobile .action.update,
.abs-shopping-cart-items-mobile .action.continue,
.abs-shopping-cart-items-mobile .action.clear,
.cart-container .form-cart .action.update,
.cart-container .form-cart .action.continue,
.cart-container .form-cart .action.clear {
margin: 0 auto 10px;
}
.abs-shopping-cart-items-mobile .action.update,
.abs-shopping-cart-items-mobile .action.clear,
.cart-container .form-cart .action.update,
.cart-container .form-cart .action.clear {
display: block;
}
.abs-checkout-tooltip-content-position-top-mobile,
.field-tooltip .field-tooltip-content {
right: -10px;
top: 40px;
left: auto;
}
.abs-checkout-tooltip-content-position-top-mobile:before,
.abs-checkout-tooltip-content-position-top-mobile:after,
.field-tooltip .field-tooltip-content:before,
.field-tooltip .field-tooltip-content:after {
border: 10px solid transparent;
height: 0;
width: 0;
margin-top: -21px;
right: 10px;
left: auto;
top: 0;
}
.abs-checkout-tooltip-content-position-top-mobile:before,
.field-tooltip .field-tooltip-content:before {
border-bottom-color: #999999;
}
.abs-checkout-tooltip-content-position-top-mobile:after,
.field-tooltip .field-tooltip-content:after {
border-bottom-color: #f4f4f4;
top: 1px;
}
.navigation,
.breadcrumbs,
.page-header .header.panel,
.header.content,
.footer.content,
.page-main,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container {
padding-left: 15px;
padding-right: 15px;
}
.account .page-main,
.cms-privacy-policy .page-main {
padding-top: 41px;
position: relative;
}
.navigation {
padding: 0;
}
.navigation .parent .level-top {
display: block;
text-decoration: none;
position: relative;
}
.navigation .parent .level-top:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 42px;
line-height: inherit;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.navigation .parent .level-top:after {
position: absolute;
right: 7px;
top: -8px;
}
.navigation .parent .level-top.ui-state-active:after {
content: '\e621';
}
.nav-sections {
-webkit-overflow-scrolling: touch;
-webkit-transition: left 0.3s;
-moz-transition: left 0.3s;
-ms-transition: left 0.3s;
transition: left 0.3s;
height: 100%;
left: calc(-1 * (100% - 54px));
overflow: auto;
position: fixed;
top: 0;
width: calc(100% - 54px);
}
.nav-sections .switcher {
border-top: 1px solid #d1d1d1;
font-size: 1.6rem;
font-weight: 700;
margin: 0;
padding: .8rem 3.5rem .8rem 2rem;
}
.nav-sections .switcher .label {
display: block;
margin-bottom: 5px;
}
.nav-sections .switcher:last-child {
border-bottom: 1px solid #d1d1d1;
}
.nav-sections .switcher-trigger strong {
display: block;
text-decoration: none;
position: relative;
}
.nav-sections .switcher-trigger strong:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 42px;
line-height: inherit;
color: inherit;
content: '\e622';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.nav-sections .switcher-trigger strong:after {
position: absolute;
right: -40px;
top: -16px;
}
.nav-sections .switcher-trigger.active strong:after {
content: '\e621';
}
.nav-sections .switcher-dropdown {
margin: 0;
padding: 0;
list-style: none none;
display: none;
padding: 10px 0;
}
.nav-sections .switcher-options.active .switcher-dropdown {
display: block;
}
.nav-sections .header.links {
margin: 0;
padding: 0;
list-style: none none;
border-bottom: 1px solid #d1d1d1;
}
.nav-sections .header.links li {
font-size: 1.6rem;
margin: 0;
}
.nav-sections .header.links li.greet.welcome {
border-top: 1px solid #d1d1d1;
font-weight: 700;
padding: 0.8rem 15px;
}
.nav-sections .header.links li > a {
border-top: 1px solid #d1d1d1;
}
.nav-sections .header.links a,
.nav-sections .header.links a:hover {
color: #575757;
text-decoration: none;
display: block;
font-weight: 700;
padding: 0.8rem 15px;
}
.nav-sections .header.links .header.links {
border: 0;
}
.nav-before-open {
height: 100%;
overflow-x: hidden;
width: 100%;
}
.nav-before-open .page-wrapper {
-webkit-transition: left 0.3s;
-moz-transition: left 0.3s;
-ms-transition: left 0.3s;
transition: left 0.3s;
height: 100%;
left: 0;
overflow: hidden;
position: relative;
}
.nav-before-open body {
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
}
.nav-open .page-wrapper {
left: calc(100% - 54px);
}
.nav-open .nav-sections {
-webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
-ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
left: 0;
z-index: 99;
}
.nav-open .nav-toggle:after {
background: rgba(0, 0, 0, 0.5);
content: '';
display: block;
height: 100%;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
.nav-sections-items {
position: relative;
z-index: 1;
}
.nav-sections-items:before,
.nav-sections-items:after {
content: '';
display: table;
}
.nav-sections-items:after {
clear: both;
}
.nav-sections-item-title {
background: #e8e8e8;
border: solid #dbdbdb;
border-width: 0 0 1px 1px;
box-sizing: border-box;
float: left;
height: 71px;
padding-top: 24px;
text-align: center;
width: 33.33%;
}
.nav-sections-item-title.active {
background: transparent;
border-bottom: 0;
}
.nav-sections-item-title .nav-sections-item-switch:hover {
text-decoration: none;
}
.nav-sections-item-content {
box-sizing: border-box;
float: right;
margin-left: -100%;
margin-top: 71px;
width: 100%;
padding: 25px 0;
}
.nav-sections-item-content:before,
.nav-sections-item-content:after {
content: '';
display: table;
}
.nav-sections-item-content:after {
clear: both;
}
.nav-sections-item-content.active {
display: block;
}
.navigation {
background: #f5f5f5;
box-sizing: border-box;
}
.navigation ul {
margin: 0;
padding: 0;
}
.navigation li {
margin: 0;
}
.navigation a {
display: block;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 15px;
}
.navigation a,
.navigation a:hover {
color: #575757;
text-decoration: none;
}
.navigation .level0 {
border-top: 1px solid #d1d1d1;
font-size: 1.6rem;
}
.navigation .level0 > .level-top {
font-weight: 700;
padding: 8px 40px 8px 15px;
text-transform: uppercase;
word-wrap: break-word;
}
.navigation .level0 > .level-top:hover {
color: #333333;
}
.navigation .level0.active .all-category .ui-state-focus {
border-color: #ff5501;
border-style: solid;
border-width: 0 0 0 8px;
padding-left: 7px;
display: inline-block;
}
.navigation .level0 > .level1 {
font-weight: 600;
}
.navigation .level0.active > a:not(.ui-state-active),
.navigation .level0.has-active > a:not(.ui-state-active) {
border-color: #ff5501;
border-style: solid;
border-width: 0 0 0 8px;
}
.navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon),
.navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) {
margin-left: -8px;
}
.navigation li.level0:last-child {
border-bottom: 1px solid #d1d1d1;
}
.navigation .submenu > li {
word-wrap: break-word;
}
.navigation .submenu > li > a:hover {
color: #333333;
}
.navigation .submenu:not(:first-child) {
font-weight: 400;
line-height: 1.3;
left: auto !important;
overflow-x: hidden;
padding: 0;
position: relative;
top: auto !important;
transition: left 0.3s ease-out;
}
.navigation .submenu:not(:first-child) > li > a {
padding-left: 15px;
}
.navigation .submenu:not(:first-child) > li:last-child {
margin-bottom: 0;
}
.navigation .submenu:not(:first-child) ul {
display: block;
padding-left: 15px;
}
.navigation .submenu:not(:first-child) ul > li {
margin: 0;
}
.navigation .submenu:not(:first-child) ul > li a {
color: #575757;
display: block;
line-height: normal;
}
.navigation .submenu:not(:first-child) ul > li a:hover {
color: #333333;
}
.navigation .submenu:not(:first-child).expanded {
display: block !important;
padding-right: 0;
top: 0 !important;
}
.navigation .submenu:not(:first-child) .active > a {
border-color: #ff5501;
border-style: solid;
border-width: 0 0 0 8px;
padding-left: 7px;
}
.navigation .submenu:not(:first-child) .level1.active > a {
padding-left: 7px;
}
.product.data.items {
margin: 0;
padding: 0;
}
.product.data.items > .item.title {
box-sizing: border-box;
float: none;
width: 100%;
}
.product.data.items > .item.title > .switch {
display: block;
}
.product.data.items > .item.content {
box-sizing: border-box;
display: block;
float: none;
margin: 0;
}
.product.data.items > .item.content:before,
.product.data.items > .item.content:after {
content: '';
display: table;
}
.product.data.items > .item.content:after {
clear: both;
}
.product.data.items > .item.content.active {
display: block;
}
.product.data.items > .item.title {
margin: 0 0 5px;
}
.product.data.items > .item.title > .switch {
background: #f0f0f0;
border-bottom: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
height: 40px;
padding: 5px 20px 5px 20px;
font-weight: 600;
line-height: 40px;
font-size: 1.8rem;
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:visited {
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:hover {
color: #7d7d7d;
text-decoration: none;
}
.product.data.items > .item.title > .switch:active {
color: #333333;
text-decoration: none;
}
.product.data.items > .item.title:not(.disabled) > .switch:focus,
.product.data.items > .item.title:not(.disabled) > .switch:hover {
background: #fcfcfc;
}
.product.data.items > .item.title:not(.disabled) > .switch:active,
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:focus,
.product.data.items > .item.title.active > .switch:hover {
background: #ffffff;
color: #333333;
text-decoration: none;
padding-bottom: 5px;
}
.product.data.items > .item.content {
background: #ffffff;
border: 1px solid #d1d1d1;
margin: 0 0 5px;
padding: 20px 20px 20px 20px;
}
.product.data.items .data.item {
display: block;
}
.product.data.items .item.title > .switch {
padding: 1px 15px 1px;
}
.product.data.items > .item.content {
padding: 10px 15px 30px;
}
.modal-popup.modal-slide {
left: 44px;
z-index: 900;
}
.modal-popup.modal-slide._show .modal-inner-wrap {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.modal-popup.modal-slide .modal-inner-wrap {
height: 100%;
overflow-y: auto;
position: static;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
width: auto;
}
.modal-popup.modal-slide .modal-inner-wrap {
margin: 0;
max-height: 90vh;
/** iOS webkit fix height problem when added long content **/
}
.custom-slide {
bottom: 0;
left: 0;
min-width: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s .3s, opacity .3s ease;
transition: visibility 0s .3s, opacity .3s ease;
left: 44px;
z-index: 900;
}
.custom-slide._show {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.custom-slide._show .modal-inner-wrap {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.custom-slide .modal-inner-wrap {
background-color: #ffffff;
box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
opacity: 1;
pointer-events: auto;
}
.custom-slide._show .modal-inner-wrap {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.custom-slide .modal-inner-wrap {
height: 100%;
overflow-y: auto;
position: static;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
width: auto;
}
.custom-slide._show {
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
}
.custom-slide .modal-inner-wrap {
background-color: #f4f4f4;
box-sizing: border-box;
height: auto;
min-height: 100%;
}
body._has-modal-custom {
height: 100vh;
overflow: hidden;
width: 100vw;
}
body._has-modal-custom .modal-custom-overlay {
background-color: rgba(99, 196, 255, 0.55);
}
.modal-popup {
pointer-events: auto;
}
.modal-popup.modal-slide .modal-inner-wrap[class] {
background-color: #f4f4f4;
}
.modal-popup.modal-slide._inner-scroll._show {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
height: auto;
min-height: 100%;
}
.modal-popup .modal-title {
font-size: 14px;
font-weight: 700;
}
.lac-notification {
padding: 5px 0;
}
.lac-notification .lac-notification-icon {
display: none;
}
.lac-notification .lac-notification-text,
.lac-notification .lac-notification-links {
float: none;
padding: 5px 0;
text-align: center;
}
.pagebuilder-banner-wrapper {
background-attachment: scroll !important;
}
.pagebuilder-banner-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: none;
}
.pagebuilder-column {
background-attachment: scroll !important;
flex-basis: 100%;
max-width: 100%;
}
.pagebuilder-column-group {
flex-wrap: wrap;
}
.pagebuilder-column-line {
flex-wrap: wrap;
}
[data-content-type='row'][data-appearance='contained'] [data-element='inner'] {
background-attachment: scroll !important;
}
[data-content-type='row'][data-appearance='full-bleed'] {
background-attachment: scroll !important;
}
[data-content-type='row'][data-appearance='full-width'] {
background-attachment: scroll !important;
}
.pagebuilder-slide-wrapper .pagebuilder-overlay:not(.pagebuilder-poster-overlay) {
max-width: none;
}
[data-content-type='tab-item'] {
background-attachment: scroll !important;
}
.pagebuilder-mobile-hidden {
display: none !important;
}
.amreview-widget-container .slick-dots button,
.amreview-widget-container .slick-dots .cart.table-wrapper .actions-toolbar > .action,
.amreview-widget-container .slick-dots .action-gift {
border: 1px solid #ccc;
}
form:not(.linear-theme) .amcform-title-wrap {
display: none;
max-width: 50%;
}
form:not(.linear-theme) .amcform-title-wrap:not(:last-child):after,
form:not(.linear-theme) .amcform-title-wrap:before {
width: 50%;
content: '';
}
form:not(.linear-theme) .amcform-title-wrap:first-child:before {
content: none;
}
form:not(.linear-theme) .amcform-title-wrap:after {
background: linear-gradient(90deg, #e3e3e3 16.87%, #ffffff 107.36%);
}
form:not(.linear-theme) .amcform-title-wrap.ui-state-active ~ form:not(.linear-theme) .amcform-title-wrap:nth-last-child(2) {
display: none;
}
form:not(.linear-theme) .amcform-title-wrap.ui-state-active,
form:not(.linear-theme) .amcform-title-wrap.ui-state-active + .amcform-title-wrap,
form:not(.linear-theme) .amcform-title-wrap.ui-state-active + form:not(.linear-theme) .amcform-title-wrap:nth-last-child(2),
form:not(.linear-theme) .amcform-title-wrap.-done:nth-last-child(2) {
display: block;
}
form:not(.linear-theme) .amcform-title-wrap.ui-state-active:not(:last-child):before,
form:not(.linear-theme) .amcform-title-wrap.-done:not(:last-child):before {
background: linear-gradient(270deg, #92b0ff 11.11%, rgba(146, 176, 255, 0) 100%);
}
form:not(.linear-theme) .amcform-title-wrap.ui-state-active + form:not(.linear-theme) .amcform-title-wrap:not(.-disabled):after {
background: linear-gradient(270deg, rgba(146, 176, 255, 0) 11.1%, #92b0ff 100%);
}
form:not(.linear-theme) .amcform-title-wrap.ui-state-active:after,
form:not(.linear-theme) .amcform-title-wrap.ui-state-active + .amcform-title-wrap:before,
form:not(.linear-theme) .amcform-title-wrap.-done:nth-last-child(2):after {
background: #92b0ff;
}
.linear-theme .amcform-page-titles {
padding: 0 15px;
}
.linear-theme .amcform-title-wrap {
display: block;
min-width: 50%;
max-width: 100%;
}
.linear-theme .amcform-title-wrap.ui-state-active ~ .linear-theme .amcform-title-wrap:nth-last-child(2) {
display: block;
}
.linear-theme .fields {
margin: 0 -15px;
padding: 0 15px;
}
.linear-theme.rendered-form .fieldset > .field.form-group,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group {
padding: 0 15px;
}
.linear-theme.rendered-form .fieldset > .field.form-group.amform-layout-two,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group.amform-layout-two,
.linear-theme.rendered-form .fieldset > .field.form-group.amform-layout-three,
.linear-theme.rendered-form .fieldset > .fields > .field.form-group.amform-layout-three {
max-width: 100%;
}
.circle-theme .amcform-page-titles {
align-items: stretch;
}
.circle-theme .amcform-title {
display: block;
margin: 0;
}
.circle-theme .amcform-label {
display: block;
padding: 10px 0;
}
.circle-theme .amcform-title-wrap {
margin: 0;
border-bottom: 4px solid #92b0ff;
}
.circle-theme .amcform-title-wrap:after,
.circle-theme .amcform-title-wrap:before {
display: none;
}
.circle-theme .amcform-title-wrap + .amcform-title-wrap {
margin: 0;
}
.circle-theme .amcform-title-wrap.ui-state-active {
border-color: #4776f0;
}
.circle-theme .amcform-title-wrap.-disabled {
border-color: #e3e3e3;
}
.circle-theme .amcform-title-wrap.-error {
border-color: #eb5757;
}
.checkout-container .opc-estimated-wrapper {
margin-top: 10px;
}
.checkout-container .authentication-wrapper {
margin-top: -12px;
}
.cart-order-comment {
border-bottom: 1px solid #d1d1d1;
}
.cart-order-comment .block > .title {
border: 0;
}
.product-info-main .product-add-form {
/*.returnable-packages {
margin: 30px 0;
.returnable-packages-form {
max-width: 100%;
}
}*/
}
.cart.items .item .returnable-packages {
padding-left: 0;
}
.catalog-product-view .column.main {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog-product-view .product.media {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.block.related .action.select {
display: block;
margin: 5px 0;
}
.compare,
.product-addto-links .action.tocompare,
.product-item-actions .actions-secondary > .action.tocompare {
display: none;
}
.block-search .block-content {
margin-bottom: 0;
}
.cart.table-wrapper {
overflow: inherit;
}
.cart.table-wrapper thead .col:not(.item) {
display: none;
}
.cart.table-wrapper .col.qty,
.cart.table-wrapper .col.price,
.cart.table-wrapper .col.subtotal,
.cart.table-wrapper .col.msrp {
box-sizing: border-box;
display: block;
float: left;
text-align: center;
white-space: nowrap;
width: 33%;
}
.cart.table-wrapper .col.qty[data-th]:before,
.cart.table-wrapper .col.price[data-th]:before,
.cart.table-wrapper .col.subtotal[data-th]:before,
.cart.table-wrapper .col.msrp[data-th]:before {
content: attr(data-th) ':';
display: block;
font-weight: 700;
padding-bottom: 10px;
}
.cart.table-wrapper .col.msrp {
white-space: normal;
}
.cart.table-wrapper .item .col.item {
padding-bottom: 0;
}
.field-tooltip .field-tooltip-content {
right: -10px;
top: 40px;
left: auto;
}
.checkout-payment-method .payment-methods {
margin: 0 -15px;
}
.checkout-payment-method .step-title {
padding-left: 15px;
padding-right: 15px;
}
.checkout-payment-method .payment-method-title {
padding: 15px;
}
.checkout-payment-method .payment-method-content {
padding: 0 15px 20px;
}
.checkout-payment-method .checkout-billing-address .action-cancel {
margin-top: 10px;
}
.checkout-payment-method .payment-option {
margin: 0 -15px;
}
.checkout-payment-method .payment-option .payment-option-title {
padding: 15px;
}
.checkout-payment-method .payment-option .payment-option-content {
padding: 0 15px 20px;
}
.contact-index-index .column:not(.sidebar-main) .form.contact {
float: none;
width: 100%;
}
.contact-index-index .column:not(.sidebar-additional) .form.contact {
float: none;
width: 100%;
}
.login-container .fieldset:after {
text-align: center;
}
.account .messages {
margin-bottom: 0;
}
.control.captcha-image .captcha-img {
margin-bottom: 10px;
display: block;
}
.customer-account-index .page-title-wrapper {
position: relative;
}
.form.search.advanced .field.price .with-addon .input-text {
flex-basis: auto;
width: 100%;
}
.gift-options .actions-toolbar .action-update {
font-size: 2rem;
padding: 15px;
width: 100%;
}
.gift-item-block {
border-top: 1px solid #c1c1c1;
border-bottom: 0;
}
.cart.table-wrapper .gift-content {
margin-right: -10px;
}
.gift-wrapping {
border-bottom: 1px solid #c1c1c1;
margin-bottom: 20px;
padding-bottom: 10px;
}
.gift-wrapping-list {
width: 100%;
}
.gift-wrapping-preview img {
width: 100%;
}
.item-actions .actions-toolbar .gift-options .gift-wrapping,
.item-actions .actions-toolbar .gift-options .gift-message {
display: block;
}
.form-add-invitations .additional,
.form-add-invitations .field.text {
margin-top: 20px;
}
.page-with-filter .columns .sidebar-main {
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.map-popup {
max-width: 100%;
}
.map-old-price,
.map-show-info {
display: inline-block;
}
.map-old-price:not(:last-child),
.map-show-info:not(:last-child) {
margin-bottom: 10px;
}
.block-wishlist-management {
clear: both;
margin-top: -21px;
}
.block-wishlist-management .wishlist-select {
margin: 0 -15px 20px;
}
.block-wishlist-management .wishlist-select-items {
border-bottom: 1px solid #d1d1d1;
background: #f5f5f5;
display: none;
padding: 15px 0;
}
.block-wishlist-management .wishlist-select-items.active {
display: block;
}
.block-wishlist-management .wishlist-select-items .item {
margin: 3px 0 0;
}
.block-wishlist-management .wishlist-select-items .item:first-child {
margin-top: 0;
}
.block-wishlist-management .wishlist-select-items .item.current {
display: none;
}
.block-wishlist-management .wishlist-select-items .item a {
display: block;
padding: 5px 18px;
text-decoration: none;
}
.block-wishlist-management .wishlist-select-items .item a:hover {
background: #e8e8e8;
}
.block-wishlist-management .wishlist-title strong {
font-size: 2.6rem;
}
.block-wishlist-management .wishlist-info {
margin-bottom: 15px;
}
.block-wishlist-management .wishlist-toolbar-select,
.block-wishlist-management .wishlist-toolbar-actions {
margin-bottom: 15px;
}
.products-grid.wishlist .product-item-checkbox {
left: 0;
position: absolute;
top: 20px;
}
.page-multiple-wishlist .products-grid.wishlist .product-item-photo {
margin-left: 25px;
}
.page-multiple-wishlist .products-grid.wishlist .product-item-name,
.page-multiple-wishlist .products-grid.wishlist .product-item-description,
.page-multiple-wishlist .products-grid.wishlist .product-item .price-box,
.page-multiple-wishlist .products-grid.wishlist .product-item-tooltip {
margin-left: 115px;
}
.products-grid.wishlist .wishlist-dropdown {
display: none;
}
.multishipping-checkout-success .nav-toggle {
display: block;
}
.multishipping-checkout-success .logo {
margin-left: 40px;
}
.reward-settings + .actions-toolbar {
margin-top: 10px;
}
.account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track {
display: block;
float: none;
margin: 10px 0 0;
}
.order-pager-wrapper .toolbar-amount {
left: inherit;
position: relative;
text-align: center;
top: inherit;
}
.order-pager-wrapper .pages {
text-align: center;
}
.order-pager-wrapper .action.previous,
.order-pager-wrapper .action.next {
margin: 0;
}
.block-collapsible-nav {
left: 0;
position: absolute;
top: -21px;
width: 100%;
z-index: 5;
}
.block-collapsible-nav .content {
border-bottom: 1px solid #d1d1d1;
display: none;
}
.block-collapsible-nav .content.active {
display: block;
}
.my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status {
display: none;
}
.my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before {
display: none;
}
.my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default {
display: block;
}
.my-credit-cards .card-type img {
vertical-align: middle;
}
.products-grid.wishlist {
margin-bottom: 30px;
margin-right: 0;
}
.products-grid.wishlist .product-item {
padding: 20px 0 20px 0;
position: relative;
}
.products-grid.wishlist .product-item-photo {
float: left;
margin-right: 20px;
}
.products-grid.wishlist .product-item-name {
font-size: 1.6rem;
}
.products-grid.wishlist .product-item-actions {
display: block;
float: left;
}
.products-grid.wishlist .product-item-actions .action {
margin-right: 15px;
}
.products-grid.wishlist .product-item-actions .action:last-child {
margin-right: 0;
}
.products-grid.wishlist .product-item-actions .action.edit {
float: left;
}
.products-grid.wishlist .product-item-actions .action.delete {
float: right;
}
.products-grid.wishlist .product-item-actions .action.edit,
.products-grid.wishlist .product-item-actions .action.delete {
margin-top: 7px;
}
.products-grid.wishlist .product-item-name,
.products-grid.wishlist .product-item-description,
.products-grid.wishlist .product-item .price-box,
.products-grid.wishlist .product-item-tooltip {
margin-left: 95px;
}
.products-grid.wishlist .product-item .box-tocart {
float: left;
margin-right: 20px;
}
.products-grid.wishlist .product-item .box-tocart .stock {
margin-top: 7px;
}
.products-grid.wishlist .product-item .giftregisty-dropdown,
.products-grid.wishlist .product-item .field.qty {
display: none;
}
.products-grid.wishlist .product-image-container {
max-width: 80px;
}
.wishlist-index-index .product-item {
width: 100%;
}
.wishlist-index-index .product-item-info {
width: auto;
}
.list-categories .owl-carousel .owl-stage {
padding-left: 0 !important;
}
.list-categories .category-item .category-item-wrapper {
padding: 0;
}
.list-categories .category-image img {
width: 105px;
min-width: 105px;
object-fit: cover;
}
.list-categories category-details {
padding: 0 15px;
}
.list-categories category-details .category-name {
font-size: 18px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment {
padding: 15px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment > .details {
border: none;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment > .details .product-title-action .product-title {
padding-bottom: 15px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail {
padding-bottom: 15px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .unpaid-invoice {
max-width: 50%;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .unpaid-invoice .unpaid-invoice-details {
padding-bottom: 0;
font-size: 16px;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .unpaid-invoice-note {
display: none;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .subtotal {
max-width: 50%;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .item-detail .subtotal .label {
display: none;
}
.cart.table-wrapper .table.products .items .item.product.unpaid-payment .unpaid-invoice-note-mobile {
display: block;
font-size: 14px;
}
.sidebar .block-viewed-products-grid .products-grid .product-item {
margin-left: 2%;
width: calc((100% - 2%) / 2);
}
.sidebar .block-viewed-products-grid .products-grid .product-item:nth-child(2n + 1) {
margin-left: 0;
}
.sidebar .block-viewed-products-grid .products-grid .product-item-photo {
display: block;
position: relative;
}
.sidebar .block-viewed-products-grid .products-grid .product-item-details {
margin: 0;
}
.sidebar .block-viewed-products-grid .products-grid .product-item-info {
text-align: center;
}
.blog-page-list .page-title-wrapper {
margin: 0px 35px;
}
.blog-page-list .blog-filters {
margin-top: 40px;
position: relative;
padding-left: 20px;
padding-top: 18px;
padding-bottom: 18px;
border-bottom: unset;
flex-direction: column;
}
.blog-page-list .blog-filters::before,
.blog-page-list .blog-filters:after {
content: ' ';
display: block;
position: absolute;
width: calc(100% - 40px);
height: 1px;
background: #dedede;
}
.blog-page-list .blog-filters::before {
top: 0px;
}
.blog-page-list .blog-filters:after {
bottom: 0px;
}
.blog-page-list .blog-filters {
padding-right: 20px;
}
.blog-page-list .category-filter {
overflow: scroll;
display: flex;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
margin-bottom: 20px;
}
.blog-page-list .category-filter::-webkit-scrollbar {
display: none;
}
.blog-page-list .category-filter .category-list {
display: flex;
padding: 2px 0px;
}
.blog-page-list .category-filter .category-list .category-item {
margin-right: 10px;
width: 95px;
box-shadow: 1px 1px 5px #E9E9E9;
}
.blog-page-list .category-filter .category-list .root-category {
width: 167px;
}
.blog-page-list .post-list-wrapper {
margin: 0px 20px;
}
.blog-page-list .post-list-wrapper .post-list {
display: flex;
flex-direction: column;
}
.blog-page-list .post-list-wrapper .post-list .post-item {
max-width: 100%;
}
.blog-page-list .post-list-wrapper .post-list .post-item .post-info .post-title-wrap h3.post-title a {
font-size: 18px;
}
.blog-page-list .post-list-wrapper .post-list .post-item .post-info .post-description {
display: block;
height: 60px;
overflow: hidden;
}
.cms-blog-slider .cloudebs-slider-container .list-sliders {
padding: 0;
}
.cms-blog-slider .cloudebs-slider-container .list-sliders .swiper-slide.swiper-slide-active {
max-width: 85%;
}
.cms-blog-slider .cloudebs-slider-container .list-sliders .swiper-actions {
display: none;
}
.cms-blog-slider .cloudebs-slider-container .list-sliders .slider-item .slider-item-wrapper {
padding: 0 5px 0;
}
.cms-blog-slider .cloudebs-slider-container .list-sliders .slider-image img {
min-width: 105px;
object-fit: cover;
}
.cms-blog-slider .cloudebs-slider-container .list-sliders .slider-details {
padding-left: 5px;
}
.cms-blog-slider .cloudebs-slider-container .list-sliders .slider-details .slider-name {
font-size: 14px;
}
}
@media only screen and (max-width: 639px) {
.abs-visually-hidden-mobile,
.table-giftregistry-items .col.product:before {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-add-clearfix-mobile:before,
.abs-add-clearfix-mobile:after,
.abs-checkout-order-review tbody tr:before,
.abs-checkout-order-review tbody tr:after,
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:before,
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after,
.table-giftregistry-items .col.product:before,
.table-giftregistry-items .col.product:after,
.account .toolbar:before,
.account .toolbar:after,
.multicheckout.order-review .data.table tbody tr:before,
.multicheckout.order-review .data.table tbody tr:after {
content: '';
display: table;
}
.abs-add-clearfix-mobile:after,
.abs-checkout-order-review tbody tr:after,
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after,
.table-giftregistry-items .col.product:after,
.account .toolbar:after,
.multicheckout.order-review .data.table tbody tr:after {
clear: both;
}
.abs-checkout-order-review tbody tr:not(:last-child),
.multicheckout.order-review .data.table tbody tr:not(:last-child) {
border-bottom: 1px solid #d1d1d1;
}
.abs-checkout-order-review tbody tr .col.item:before,
.multicheckout.order-review .data.table tbody tr .col.item:before {
display: none;
}
.abs-checkout-order-review tbody tr .col.qty,
.abs-checkout-order-review tbody tr .col.price,
.abs-checkout-order-review tbody tr .col.subtotal,
.multicheckout.order-review .data.table tbody tr .col.qty,
.multicheckout.order-review .data.table tbody tr .col.price,
.multicheckout.order-review .data.table tbody tr .col.subtotal {
box-sizing: border-box;
float: left;
text-align: center;
white-space: nowrap;
width: 33%;
}
.abs-checkout-order-review tbody tr .col.qty[data-th]:before,
.abs-checkout-order-review tbody tr .col.price[data-th]:before,
.abs-checkout-order-review tbody tr .col.subtotal[data-th]:before,
.multicheckout.order-review .data.table tbody tr .col.qty[data-th]:before,
.multicheckout.order-review .data.table tbody tr .col.price[data-th]:before,
.multicheckout.order-review .data.table tbody tr .col.subtotal[data-th]:before {
content: attr(data-th) ':';
display: block;
font-weight: 700;
padding-bottom: 10px;
}
.abs-checkout-order-review tbody tr .product-item-name,
.multicheckout.order-review .data.table tbody tr .product-item-name {
margin: 0;
}
.abs-no-display-s,
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison).additional-attributes tbody th {
display: none;
}
.abs-pager-toolbar-mobile-s .toolbar-amount,
.abs-pager-toolbar-mobile-s .limiter,
.abs-pager-toolbar-mobile-s .pages,
.toolbar-giftregistry-results .toolbar-amount,
.toolbar-giftregistry-results .limiter,
.toolbar-giftregistry-results .pages {
margin-bottom: 25px;
}
.table-wrapper {
overflow-x: auto;
overflow-y: hidden;
width: 100%;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
position: relative;
}
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) {
border: none;
display: block;
}
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > thead > tr > th {
display: none;
}
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody {
display: block;
}
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr {
display: block;
}
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td,
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr th {
border-bottom: none;
display: block;
padding: 5px 0;
}
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr td[data-th]:before,
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) > tbody > tr th[data-th]:before {
padding-right: 10px;
content: attr(data-th) ': ';
display: inline-block;
color: #111111;
font-weight: 700;
}
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) tbody > tr > td:first-child {
padding-top: 20px;
}
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison) tbody > tr > td:last-child {
padding-bottom: 20px;
}
.table-wrapper .table:not(.cart):not(.totals):not(.table-comparison).additional-attributes tbody td:last-child {
border: none;
padding: 0 0 5px;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot {
display: block;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr {
display: block;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th,
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td {
padding-top: 20px;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot th {
box-sizing: border-box;
float: left;
padding-left: 0;
padding-right: 0;
text-align: left;
width: 70%;
}
.table-wrapper .table:not(.totals):not(.table-comparison) tfoot td {
box-sizing: border-box;
float: left;
padding-left: 0;
padding-right: 0;
text-align: right;
width: 30%;
}
.data-table-definition-list thead {
display: none;
}
.data-table-definition-list tbody th {
padding-bottom: 0;
}
.data-table-definition-list tbody th,
.data-table-definition-list tbody td {
display: block;
padding-left: 0;
padding-right: 0;
}
.amreview-widget-container .amreview-message {
height: 80px;
}
.column .block-addbysku .sku {
margin-right: -85px;
padding-right: 90px;
}
.column .block-addbysku .action.remove {
display: inline-block;
background-image: none;
background: none;
-moz-box-sizing: content-box;
border: 0;
box-shadow: none;
line-height: inherit;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
font-weight: 400;
}
.column .block-addbysku .action.remove > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.column .block-addbysku .action.remove:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 22px;
color: inherit;
content: '\e616';
font-family: 'icons-blank-theme';
margin: 1px 0 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.column .block-addbysku .action.remove:hover:before {
color: inherit;
}
.column .block-addbysku .action.remove:active:before {
color: inherit;
}
.column .block-addbysku .action.remove:focus,
.column .block-addbysku .action.remove:active {
background: none;
border: none;
}
.column .block-addbysku .action.remove:hover {
background: none;
border: none;
}
.column .block-addbysku .action.remove.disabled,
.column .block-addbysku .action.remove[disabled],
fieldset[disabled] .column .block-addbysku .action.remove {
pointer-events: none;
opacity: 0.5;
}
.products-list .product-item {
table-layout: fixed;
}
.products-list .product-item-photo {
padding: 0 10px 10px 0;
width: 30%;
}
.block-search {
margin-top: 10px;
}
.minicart-wrapper {
margin-top: 10px;
}
.minicart-wrapper:before,
.minicart-wrapper:after {
content: '';
display: table;
}
.minicart-wrapper:after {
clear: both;
}
.minicart-wrapper .product .actions {
float: left;
margin: 10px 0 0 0;
}
.minicart-wrapper .update-cart-item {
float: right;
margin-left: 0;
}
.opc-wrapper .step-title {
font-size: 18px;
border-bottom: 0;
padding-bottom: 0;
}
.opc-wrapper .form-login {
border-bottom: 1px solid #cccccc;
margin: 0 0 15px;
padding: 0 0 15px;
}
.opc-wrapper .shipping-address-item {
border-bottom: 1px solid #cccccc;
margin: 0 0 15px;
padding: 0 0 15px;
width: 100%;
}
.opc-wrapper .shipping-address-item.selected-item {
padding: 15px 35px 15px 18px;
border-bottom-width: 2px;
}
.opc-wrapper .shipping-address-item.selected-item .edit-address-link {
right: 39px;
}
.opc-wrapper .form-login,
.opc-wrapper .form-shipping-address {
margin-top: 28px;
}
.opc-wrapper .action-select-shipping-item {
float: none;
margin-top: 10px;
width: 100%;
}
.opc-wrapper .action-show-popup {
width: 100%;
}
.opc-wrapper .edit-address-link {
display: inline-block;
text-decoration: none;
margin: 0;
position: absolute;
right: 0;
top: 1px;
}
.opc-wrapper .edit-address-link > span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.opc-wrapper .edit-address-link:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 28px;
line-height: 28px;
color: #303030;
content: '\e606';
font-family: 'icons-blank-theme';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.opc-wrapper .edit-address-link:hover:before {
color: #303030;
}
.opc-wrapper .edit-address-link:active:before {
color: #303030;
}
.shipping-policy-block.field-tooltip {
margin-bottom: 20px;
position: relative;
right: auto;
top: auto;
}
.shipping-policy-block.field-tooltip .field-tooltip-content {
width: 300px;
right: auto;
}
.shipping-policy-block.field-tooltip .field-tooltip-content:before,
.shipping-policy-block.field-tooltip .field-tooltip-content:after {
right: auto;
}
.opc-block-shipping-information .shipping-information-title {
font-size: 2.3rem;
}
.account .column.main,
.account .sidebar-additional {
margin: 0;
}
.cart.table-wrapper .gift-content {
border-bottom: 1px solid #d1d1d1;
margin-bottom: 20px;
}
.table-giftregistry-items .field.choice,
.table-giftregistry-items .field.qty {
display: inline-block;
}
.form-giftregistry-search .fieldset {
margin-bottom: 15px;
}
.multicheckout .data.table .address:before {
margin-bottom: 5px;
}
.multicheckout .product-item-name,
.multicheckout .price-including-tax,
.multicheckout .price-excluding-tax {
display: inline-block;
}
.multicheckout .block-content .box:not(:last-child) {
margin-bottom: 40px;
}
.multicheckout .block-content .box:last-child {
margin-bottom: 0;
}
.multicheckout.order-review .box-items .data.table thead {
display: block;
}
.multicheckout.order-review .box-items .data.table thead tr {
display: block;
}
.multicheckout.order-review .box-items .data.table thead .col.item {
display: block;
padding: 0;
}
.multicheckout .actions-toolbar .action {
margin-bottom: 25px;
}
.multicheckout .actions-toolbar > .primary {
margin-bottom: 25px;
margin-right: 0;
}
.account .order-details-items .table-order-items .product-item-name,
.account .order-details-items .table-order-items .price-including-tax,
.account .order-details-items .table-order-items .price-excluding-tax,
.account .order-details-items .table-order-items .items-qty {
display: inline-block;
vertical-align: top;
}
.account .toolbar .pages {
float: right;
}
.account .toolbar .limiter {
clear: both;
}
.order-details-items thead {
display: block;
}
.order-details-items thead tr,
.order-details-items thead td {
display: block;
}
.table-wrapper .table.table-order-items tfoot td.order-pager-wrapper {
width: 100%;
}
.order-items.table-wrapper .col.price,
.order-items.table-wrapper .col.qty,
.order-items.table-wrapper .col.subtotal,
.order-items.table-wrapper .col.msrp {
text-align: left;
}
.products-grid.wishlist .product-item {
border-bottom: 1px solid #e8e8e8;
margin: 0;
width: 100%;
}
.products-grid.wishlist .product-item:first-child {
border-top: 1px solid #e8e8e8;
}
.additional-addresses .additional-addresses-items {
flex-direction: column;
}
.additional-addresses .additional-addresses-items .additional-address {
flex-direction: column;
width: 100%;
}
.additional-addresses .additional-addresses-items .additional-address.address-pj .additional-addresses-content {
width: auto;
}
}
@media only screen and (max-width: 479px) {
.tooltip.wrapper .tooltip.content {
min-width: 10rem;
}
.checkout-index-index .columns .amcoupons-main-container,
.paypal-express-review .amcoupons-main-container,
.braintree-paypal-review .amcoupons-main-container {
box-sizing: border-box;
width: 100%;
}
.minicart-wrapper .block-minicart {
width: 290px;
}
.modal-popup .field-tooltip .field-tooltip-content {
width: 200px;
}
}
@media all and (min-width: 640px) {
.abs-blocks-2columns-s {
width: 48.8%;
}
.abs-blocks-2columns-s:nth-child(odd) {
clear: left;
float: left;
}
.abs-blocks-2columns-s:nth-child(even) {
float: right;
}
.abs-reset-left-margin-desktop-s,
.column:not(.sidebar-main) .multicheckout .actions-toolbar,
.multicheckout .block-shipping .box-shipping-method .fieldset .legend {
margin-left: 0;
}
.abs-margin-for-forms-desktop-s {
margin-left: 25.8%;
}
.abs-visually-hidden-desktop-s {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.abs-add-clearfix-desktop-s:before,
.abs-add-clearfix-desktop-s:after,
.multicheckout .block-billing:before,
.multicheckout .block-billing:after {
content: '';
display: table;
}
.abs-add-clearfix-desktop-s:after,
.multicheckout .block-billing:after {
clear: both;
}
.abs-add-box-sizing-desktop-s,
.multicheckout .block-shipping .box,
.multicheckout .block-billing .box-billing-address,
.multicheckout .block-billing .box-billing-method {
box-sizing: border-box;
}
.ui-dialog.popup {
width: 420px;
}
.amrev-title-block {
display: flex;
align-items: center;
}
.amrev-title-block .am-strong {
font-size: 2.4rem;
font-weight: 400;
padding: 0 24px 0 0;
white-space: nowrap;
}
.amreview-proscons-container {
flex-direction: row;
}
.column .block-addbysku .action.remove {
background-image: none;
-moz-box-sizing: content-box;
box-shadow: none;
line-height: inherit;
text-shadow: none;
font-weight: 400;
line-height: 1.42857143;
margin: 0;
padding: 0;
color: #1979c3;
text-decoration: none;
background: none;
border: 0;
display: inline;
margin-top: 2px;
}
.column .block-addbysku .action.remove:focus,
.column .block-addbysku .action.remove:active {
background: none;
border: none;
}
.column .block-addbysku .action.remove:hover {
background: none;
border: none;
}
.column .block-addbysku .action.remove.disabled,
.column .block-addbysku .action.remove[disabled],
fieldset[disabled] .column .block-addbysku .action.remove {
pointer-events: none;
opacity: 0.5;
}
.column .block-addbysku .action.remove:visited {
color: #1979c3;
text-decoration: none;
}
.column .block-addbysku .action.remove:hover {
color: #006bb4;
text-decoration: underline;
}
.column .block-addbysku .action.remove:active {
color: #ff5501;
text-decoration: underline;
}
.column .block-addbysku .action.remove:hover,
.column .block-addbysku .action.remove:active,
.column .block-addbysku .action.remove:focus {
background: none;
border: 0;
}
.column .block-addbysku .action.remove.disabled,
.column .block-addbysku .action.remove[disabled],
fieldset[disabled] .column .block-addbysku .action.remove {
color: #1979c3;
opacity: 0.5;
cursor: default;
pointer-events: none;
text-decoration: underline;
}
.products-grid .product-item {
margin-bottom: 30px;
}
.product-item-actions {
display: block;
}
.products-grid .product-item-actions {
margin: 10px 0;
}
.product-item-actions .actions-primary + .actions-secondary > * {
white-space: normal;
}
.products-grid .product-item {
width: 33.33333333%;
}
.page-products .products-grid .product-item,
.page-layout-1column .products-grid .product-item,
.page-layout-3columns .products-grid .product-item,
.page-products.page-layout-1column .products-grid .product-item,
.page-products.page-layout-3columns .products-grid .product-item {
margin-left: 2%;
padding: 0;
width: calc((100% - 4%) / 3);
}
.page-products .products-grid .product-item:nth-child(3n + 1),
.page-layout-1column .products-grid .product-item:nth-child(3n + 1),
.page-layout-3columns .products-grid .product-item:nth-child(3n + 1),
.page-products.page-layout-1column .products-grid .product-item:nth-child(3n + 1),
.page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) {
margin-left: 0;
}
.multicheckout .actions-toolbar .secondary {
float: none;
margin-top: 11px;
text-align: right;
}
.multicheckout .actions-toolbar .secondary .action {
margin-left: 10px;
}
.multicheckout .actions-toolbar .secondary .action.back {
display: block;
float: left;
}
.multicheckout .item-options {
margin: 20px 0 0;
}
.multicheckout .block-content .box {
margin-bottom: 0;
}
.multicheckout .block-shipping .box {
float: left;
width: 25%;
}
.multicheckout .block-shipping .box-shipping-method {
padding-left: 25px;
padding-right: 25px;
width: 50%;
}
.multicheckout .block-shipping .box-shipping-method .fieldset .field:before {
display: none;
}
.multicheckout .block-billing .box-billing-address {
float: left;
width: 25%;
}
.multicheckout .block-billing .box-billing-method {
float: left;
padding-left: 25px;
width: 50%;
}
.multicheckout.form.address .table-wrapper .applicable {
margin: 7px 0 0;
}
.multicheckout.order-review .box-items {
clear: left;
float: none;
padding-top: 40px;
width: auto;
}
.multicheckout.order-review .col.item {
width: 75%;
}
.multicheckout .methods-payment .item-content > .fieldset {
width: auto;
}
.multicheckout .methods-payment .item-content > .fieldset .field.cvv {
display: inline-block;
width: auto;
}
.multicheckout .methods-payment .fieldset > .field:not(.choice) > .label {
float: none;
margin-bottom: 8px;
text-align: left;
width: auto;
}
.multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control {
width: 100%;
}
.review-form {
max-width: 500px;
}
.review-ratings {
float: left;
margin-bottom: 0;
max-width: 240px;
}
.review-ratings ~ .review-content,
.review-ratings ~ .review-details {
margin-left: 280px;
}
.review-toolbar {
margin: 0 0 30px;
}
.review-toolbar .pages {
padding: 30px 0;
}
.fieldset .review-legend.legend {
margin-bottom: 30px;
}
.review-item {
padding: 30px 0;
}
.review-title {
margin: 0 0 30px;
}
.wishlist-index-index .products-grid .product-item {
margin-bottom: 20px;
}
.wishlist-index-index .products-grid .product-item-actions {
margin: 0;
}
.block.widget .products-grid .product-item,
.page-layout-1column .block.widget .products-grid .product-item,
.page-layout-3columns .block.widget .products-grid .product-item {
width: 33.33333333%;
}
.page-layout-1column .block.widget .products-grid .product-item {
margin-left: 2%;
width: calc((100% - 4%) / 3);
}
.page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) {
margin-left: 0;
}
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/pub/media/theme/fonts/Lato/Lato-Regular.eot');
src: url('/pub/media/theme/fonts/Lato/Lato-Regular.woff2') format('woff2'), url('/pub/media/theme/fonts/Lato/Lato-Regular.woff') format('woff'), url('/pub/media/theme/fonts/Lato/Lato-Regular.ttf') format('truetype');
}
/*
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('/pub/media/theme/fonts/Lato/Lato-Italic.eot');
src: url('/pub/media/theme/fonts/Lato/Lato-Italic.woff2') format('woff2'),
url('/pub/media/theme/fonts/Lato/Lato-Italic.woff') format('woff'),
url('/pub/media/theme/fonts/Lato/Lato-Italic.ttf') format('truetype');
}
*/
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/pub/media/theme/fonts/Lato/Lato-SemiBold.eot');
src: url('/pub/media/theme/fonts/Lato/Lato-SemiBold.woff2') format('woff2'), url('/pub/media/theme/fonts/Lato/Lato-SemiBold.woff') format('woff'), url('/pub/media/theme/fonts/Lato/Lato-SemiBold.ttf') format('truetype');
}
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/pub/media/theme/fonts/Lato/Lato-Bold.eot');
src: url('/pub/media/theme/fonts/Lato/Lato-Bold.woff2') format('woff2'), url('/pub/media/theme/fonts/Lato/Lato-Bold.woff') format('woff'), url('/pub/media/theme/fonts/Lato/Lato-Bold.ttf') format('truetype');
}
/*
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url('/pub/media/theme/fonts/Lato/Lato-BoldItalic.eot');
src: url('/pub/media/theme/fonts/Lato/Lato-BoldItalic.woff2') format('woff2'),
url('/pub/media/theme/fonts/Lato/Lato-BoldItalic.woff') format('woff'),
url('/pub/media/theme/fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
}
*/
@font-face {
font-family: 'Lato';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url('/pub/media/theme/fonts/Lato/Lato-Black.eot');
src: url('/pub/media/theme/fonts/Lato/Lato-Black.woff2') format('woff2'), url('/pub/media/theme/fonts/Lato/Lato-Black.woff') format('woff'), url('/pub/media/theme/fonts/Lato/Lato-Black.ttf') format('truetype');
}
/*
@font-face {
font-family: 'Lato';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url('/pub/media/theme/fonts/Lato/Lato-BlackItalic.eot');
src: url('/pub/media/theme/fonts/Lato/Lato-BlackItalic.woff2') format('woff2'),
url('/pub/media/theme/fonts/Lato/Lato-BlackItalic.woff') format('woff'),
url('/pub/media/theme/fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
}
*/
@font-face {
font-family: 'lafantana-icons';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/pub/media/theme/fonts/LafantanaIcons/LafantanaIcons.eot');
src: url('/pub/media/theme/fonts/LafantanaIcons/LafantanaIcons.woff2') format('woff2'), url('/pub/media/theme/fonts/LafantanaIcons/LafantanaIcons.woff') format('woff'), url('/pub/media/theme/fonts/LafantanaIcons/LafantanaIcons.ttf') format('truetype');
}
.lafantana-star-icon {
font-family: 'lafantana-icons';
content: '\e902';
}
.lafantana-list-icon {
font-family: 'lafantana-icons';
content: '\e900';
}
.lafantana-grid-icon {
font-family: 'lafantana-icons';
content: '\e901';
}
*:focus {
outline: none !important;
box-shadow: 0px 0px !important;
}
body {
font-family: 'Lato';
color: #000000;
font-size: 1.6rem;
}
.main .swiper-horizontal > .swiper-pagination-bullets {
bottom: 0;
}
.main .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.main .main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
height: 11px;
width: 11px;
margin: 0 8px;
}
.main .swiper-pagination-horizontal.swiper-pagination-bullets {
bottom: 0;
}
.main .swiper-pagination-bullet {
border: 2px solid #0c5da8;
background: #ffffff;
opacity: 1;
}
.main .swiper-pagination-bullet-active {
background: #30C6FF;
border-color: #30C6FF;
}
.navigation,
.page-header .header.panel,
.header.content,
.footer.content,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.navigation,
.page-header .header.panel,
.header.content,
.footer.content,
.page-wrapper > .widget,
.page-wrapper > .page-bottom,
.block.category.event,
.top-container,
.page-main {
max-width: 1640px;
}
}
.cms-container {
padding-left: 0;
padding-right: 0;
margin: 0 auto;
}
@media (min-width: 768px) {
.cms-container {
max-width: 1640px;
}
}
.page-header {
background: #00469E;
border: none;
}
.breadcrumbs {
max-width: 100%;
padding: 0 30px;
border-radius: 30px 30px 0 0;
position: relative;
top: -30px;
background: #ffffff;
margin: 0;
z-index: 1;
}
@media (max-width: 767px) {
.breadcrumbs {
display: none;
}
}
.breadcrumbs .items {
font-size: 14px;
line-height: 17px;
padding: 15px 0;
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
}
@media (min-width: 768px) {
.breadcrumbs .items {
max-width: 1640px;
margin-left: auto;
margin-right: auto;
}
}
.breadcrumbs .items .item.home:before {
display: inline-block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('/pub/media/theme/images/breadcrumbs_home_icon.svg');
mask-image: url('/pub/media/theme/images/breadcrumbs_home_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background-color: #0D0D0D;
margin-right: 5px;
vertical-align: baseline;
}
.breadcrumbs .items a {
color: #000000;
}
.breadcrumbs .items a:visited,
.breadcrumbs .items a:hover,
.breadcrumbs .items a:focus {
color: #000000;
text-decoration: none;
}
.breadcrumbs .items strong {
font-weight: 700;
color: #0c5da8;
}
.cms-page-view .breadcrumbs {
margin-bottom: -30px;
}
.cms-page-view .breadcrumbs .items {
border-bottom: 0;
}
.page-main:after {
border-radius: 30px 30px 0 0;
display: block;
position: absolute;
background: #ffffff;
top: 140px;
left: 0;
content: '';
width: 100%;
height: 30px;
transform: translate(0, -100%);
}
@media (max-width: 767px) {
.page-main:after {
top: 141px;
}
}
.action.primary,
.action-primary,
.paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
font-family: 'Lato';
}
.actions .action-primary,
.actions .actions-primary > a {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
font-size: 14px;
font-family: 'Lato';
}
.actions .action-primary:hover,
.actions .actions-primary > a:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.actions .action-primary:hover > span:after,
.actions .actions-primary > a:hover > span:after {
border-width: 0 2px 2px 0;
}
.actions .action-primary > span,
.actions .actions-primary > a > span {
padding-right: 15px;
position: relative;
}
.actions .action-primary > span:after,
.actions .actions-primary > a > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: '';
position: absolute;
right: 3px;
top: 60%;
}
.toolbar-actions .toolbar-btn {
width: 145px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 5px;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: #ffffff;
padding: 0;
font-weight: 700;
text-align: center;
font-size: 14px;
font-family: 'Lato';
}
.rating-summary .rating-result {
margin-left: 0;
}
.rating-summary .rating-result:before {
color: #E6E6E6;
content: '\e902' '\e902' '\e902' '\e902' '\e902';
font-family: 'lafantana-icons';
letter-spacing: 5px;
font-size: 15px;
height: 15px;
line-height: 15px;
}
.rating-summary .rating-result > span:before {
content: '\e902' '\e902' '\e902' '\e902' '\e902';
font-family: 'lafantana-icons';
letter-spacing: 5px;
font-size: 15px;
height: 15px;
line-height: 15px;
color: #40c7fc;
}
.block.block-product-contact {
display: flex;
padding: 40px 0;
position: relative;
margin-bottom: 50px;
max-width: 100%;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.block.block-product-contact {
padding: 0;
}
}
.block.block-product-contact .block-info {
color: #ffffff;
background-color: #0c5da8;
width: 100%;
padding: 70px 40px 40px;
text-align: center;
box-sizing: border-box;
display: flex;
flex-direction: column;
z-index: 1;
order: 1;
}
@media (min-width: 1023px) {
.block.block-product-contact .block-info {
width: 50%;
text-align: left;
}
}
@media (max-width: 767px) {
.block.block-product-contact .block-info {
padding: 50px 15px;
}
}
.block.block-product-contact .block-title {
font-size: 48px;
line-height: 57px;
color: #ffffff;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.block.block-product-contact .block-title {
font-size: 28px;
line-height: 34px;
}
}
.block.block-product-contact .block-description {
color: #ffffff;
font-size: 24px;
line-height: 30px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.block.block-product-contact .block-description {
font-size: 16px;
line-height: 22px;
margin-bottom: 50px;
}
}
.block.block-product-contact .block-actions {
margin-top: auto;
}
.block.block-product-contact .block-actions .action-primary {
margin: 0 auto;
border: 2px solid #ffffff;
color: #ffffff;
width: 205px;
height: 50px;
line-height: 46px;
font-size: 18px;
font-weight: 700;
border-radius: 25px;
transition: 0.3s;
display: block;
text-decoration: none;
background-color: transparent;
padding: 0;
text-align: center;
font-family: 'Lato';
}
@media (min-width: 1023px) {
.block.block-product-contact .block-actions .action-primary {
margin: 0;
}
}
.block.block-product-contact .block-actions .action-primary:hover {
color: #0c5da8;
background-color: #ffffff;
}
.block.block-product-contact .block-actions .action-primary:hover > span:after {
color: #0c5da8;
}
.block.block-product-contact .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.block.block-product-contact .block-actions .action-primary > span:after {
border: solid #ffffff;
border-width: 0 2px 2px 0;
top: 60%;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: '';
position: absolute;
right: 3px;
}
.block.block-product-contact .block-image {
position: relative;
width: 100%;
}
@media (min-width: 1023px) {
.block.block-product-contact .block-image {
width: 50%;
order: 2;
}
}
.block.block-product-contact .block-image:after {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(135deg, rgba(8, 61, 152, 0) 0%, rgba(8, 61, 152, 0.12) 64%, #083d98 100%);
}
.block.block-product-contact .block-image img {
object-fit: cover;
display: block;
width: 100%;
height: 100%;
}
@media (min-width: 1439px) {
.block.block-product-contact .block-image img {
max-height: 400px;
}
}
.modal-popup,
.modal-slide {
align-items: center;
display: flex;
}
.modal-popup .modal-header,
.modal-slide .modal-header {
display: flex;
flex-direction: column;
justify-content: flex-end;
box-sizing: border-box;
height: 95px;
padding: 32px 32px 0 32px;
}
.modal-popup .modal-title,
.modal-slide .modal-title {
font-size: 24px;
font-weight: 700;
border: 0;
color: #000000;
}
.modal-popup .action-close,
.modal-slide .action-close {
display: flex;
align-items: center;
position: absolute;
right: 0;
top: 0;
}
.modal-popup .action-close:before,
.modal-slide .action-close:before {
content: "";
}
.modal-popup .action-close > span,
.modal-slide .action-close > span {
color: #00469e;
display: flex;
flex-direction: row;
position: relative;
width: auto;
height: auto;
}
.modal-popup .action-close > span:hover,
.modal-slide .action-close > span:hover {
color: #002f6b;
}
.modal-popup .action-close:after,
.modal-slide .action-close:after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
line-height: 32px;
color: #00469e;
content: "\e616";
font-family: "icons-blank-theme";
margin: 0;
vertical-align: top;
display: inline-block;
font-weight: normal;
overflow: hidden;
text-align: center;
}
.modal-popup .action-close:hover:after,
.modal-slide .action-close:hover:after {
color: #002f6b;
}
.modal-popup .modal-content,
.modal-slide .modal-content {
padding: 32px 32px 0 32px;
margin-bottom: 32px;
margin-right: 10px;
}
.modal-popup .modal-content::-webkit-scrollbar,
.modal-slide .modal-content::-webkit-scrollbar {
width: 7px;
height: 7px;
margin-left: 10px;
margin-right: 10px;
}
.modal-popup .modal-content::-webkit-scrollbar-track,
.modal-slide .modal-content::-webkit-scrollbar-track {
background: #f6f6f6;
border-radius: 10px;
}
.modal-popup .modal-content::-webkit-scrollbar-thumb,
.modal-slide .modal-content::-webkit-scrollbar-thumb {
background: #01469e;
border-radius: 10px;
}
.modal-popup .modal-footer,
.modal-slide .modal-footer {
border: 0;
padding: 0 32px 32px;
}
.modal-popup .modal-footer .action.primary,
.modal-slide .modal-footer .action.primary,
.modal-popup .modal-footer .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.modal-slide .modal-footer .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary,
.modal-popup .modal-footer .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary,
.modal-slide .modal-footer .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
font-size: 14px;
font-weight: 600;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
cursor: pointer;
}
.modal-popup .modal-footer .action.primary:hover,
.modal-slide .modal-footer .action.primary:hover,
.modal-popup .modal-footer .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.modal-slide .modal-footer .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.modal-popup .modal-footer .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:hover,
.modal-slide .modal-footer .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:hover {
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
}
.modal-popup .modal-footer .action.primary:after,
.modal-slide .modal-footer .action.primary:after,
.modal-popup .modal-footer .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:after,
.modal-slide .modal-footer .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary:after,
.modal-popup .modal-footer .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:after,
.modal-slide .modal-footer .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary:after {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: "";
margin-left: 5px;
}
.modal-popup .modal-footer .action.secondary,
.modal-slide .modal-footer .action.secondary {
box-shadow: 0 0;
background: transparent;
border-color: #00469e;
color: #00469e;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
font-family: "Lato";
display: block;
width: 180px;
height: 40px;
font-size: 14px;
font-weight: 600;
line-height: 38px;
text-decoration: none;
padding: 0;
text-align: center;
}
.modal-popup .modal-footer .action.secondary:hover,
.modal-slide .modal-footer .action.secondary:hover {
background: transparent;
border-color: #00469e;
text-decoration: none;
transition: 0.3s;
}
.modal-popup .modal-footer .action.secondary:hover,
.modal-slide .modal-footer .action.secondary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.modals-overlay {
background: transparent linear-gradient(180deg, #63c4ff 0%, #044ba2 59%, #00095b 100%) 0% 0% no-repeat padding-box;
opacity: 0.55;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
body._has-modal-custom .modal-custom-overlay {
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 899;
}
@media only screen and (max-width: 768px) {
.custom-slide._show {
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
}
.custom-slide .modal-inner-wrap {
background: white;
}
body._has-modal-custom {
height: 100vh;
overflow: hidden;
width: 100vw;
}
body._has-modal-custom .modal-custom-overlay {
background: transparent linear-gradient(180deg, #63c4ff 0%, #044ba2 59%, #00095b 100%) 0% 0% no-repeat padding-box;
opacity: 0.55;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
.modal-popup {
pointer-events: auto;
}
.modal-popup.modal-slide {
left: 0;
top: 44px;
}
.modal-popup.modal-slide .modal-inner-wrap[class] {
background: white;
}
.modal-popup.modal-slide._inner-scroll._show {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
height: auto;
min-height: 100%;
}
.modal-popup.modal-slide .modal-footer {
display: flex;
}
}
.load-more-container {
position: relative;
}
.load-more-container.active {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 500px;
z-index: 2;
}
.load-more-container .load-more-overlay {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.load-more-container .load-more-action {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
font-size: 14px;
font-weight: 600;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
cursor: pointer;
bottom: 0;
position: absolute;
padding: 0 32px;
font-family: "Lato";
}
.load-more-container .load-more-action:hover {
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
}
.load-more-container .load-more-action:after {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: "";
margin-left: 5px;
}
.load-more-container .load-more-action > span::after {
display: none;
}
#recaptcha-invisible .grecaptcha-badge {
z-index: 99999;
}
@media (min-width: 768px) {
.page-footer {
box-shadow: 0px 0px 50px #00000029;
}
}
.page-footer .footer.content {
max-width: 1395px;
padding-left: 15px;
padding-right: 15px;
color: #0c5da8;
font-size: 18px;
padding-bottom: 0;
overflow: hidden;
border-top: 0;
}
@media (max-width: 767px) {
.page-footer .footer.content {
padding-left: 25px;
padding-right: 25px;
padding-top: 0;
}
}
.page-footer .footer.content a {
color: #001d3a;
}
.page-footer .footer.content .footer-bar:before {
content: "";
display: block;
height: 20px;
width: 100%;
border-radius: 10px;
background: #0c5da8;
opacity: 0.1;
margin: 10px 0 15px;
}
.page-footer .footer.content .footer-top {
display: flex;
justify-content: space-between;
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-top {
flex-wrap: wrap;
}
}
.page-footer .footer.content .footer-top .footer-info {
width: 30%;
padding-top: 34px;
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-top .footer-info {
width: 100%;
padding-top: 0;
}
}
.page-footer .footer.content .footer-top .footer-info .footer-contact {
padding: 0 5px;
margin-bottom: 25px;
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-info .footer-contact {
padding: 0;
}
}
.page-footer .footer.content .footer-top .footer-info .footer-contact:before {
margin-left: -5px;
margin-right: -5px;
width: auto;
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-info .footer-contact:before {
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 1240px) {
.page-footer .footer.content .footer-top .footer-info .footer-contact a {
color: #00469e;
display: inline-block;
text-decoration: underline;
}
}
.page-footer .footer.content .footer-top .footer-info .footer-phone-number {
font-size: 24px;
font-weight: 700;
}
.page-footer .footer.content .footer-top .footer-info .footer-phone-number:after {
content: "";
display: none;
height: 20px;
border-radius: 10px;
background: #0c5da8;
opacity: 0.1;
margin: 15px 0 35px;
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-top .footer-info .footer-phone-number:after {
display: block;
}
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-info .footer-phone-number:after {
margin-left: -10px;
margin-right: -10px;
}
}
.page-footer .footer.content .footer-top .footer-info .footer-phone-number a {
color: #0c5da8;
padding: 0 5px;
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-info .footer-phone-number a {
padding: 0;
}
}
.page-footer .footer.content .footer-top .footer-info .footer-phone-number a:hover {
text-decoration: none;
}
.page-footer .footer.content .footer-top .footer-links {
display: flex;
flex-wrap: wrap;
width: 60%;
margin-left: -8px;
margin-right: -8px;
}
@media (max-width: 1023px) {
.page-footer .footer.content .footer-top .footer-links {
width: 70%;
}
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-top .footer-links {
width: calc(100% + 16px);
}
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-links {
width: 100%;
margin: 0;
}
}
.page-footer .footer.content .footer-top .footer-links .footer-links-column {
width: calc(100%/3);
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-links .footer-links-column {
width: 100%;
padding: 0;
margin-bottom: 15px;
}
}
.page-footer .footer.content .footer-top .footer-links .footer-links-column.active .footer-column-title:after {
transform: translateY(-50%) rotate(-135deg);
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-links .footer-links-column.active .footer-links-list {
max-height: 500px;
}
}
.page-footer .footer.content .footer-top .footer-links .footer-links-column .footer-column-title {
font-weight: 700;
line-height: 34px;
position: relative;
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-links .footer-links-column .footer-column-title {
line-height: 22px;
margin-bottom: 15px;
}
}
.page-footer .footer.content .footer-top .footer-links .footer-links-column .footer-column-title:after {
border: solid #10469e;
border-width: 0 2px 2px 0;
display: none;
padding: 3px;
transform: translateY(-50%) rotate(45deg);
content: "";
position: absolute;
right: 3px;
top: 50%;
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-links .footer-links-column .footer-column-title:after {
display: block;
}
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-links-list:before {
display: none;
}
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-links-list {
max-height: 0;
transition: all 1.5s;
overflow: hidden;
}
}
.page-footer .footer.content .footer-top .footer-links-list .link {
line-height: 22px;
margin-bottom: 10px;
}
@media (max-width: 639px) {
.page-footer .footer.content .footer-top .footer-links-list .link {
margin-bottom: 15px;
}
}
.page-footer .footer.content .footer-bottom {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
height: 75px;
margin-top: 80px;
border-top: 1px solid #e9e9e9;
}
@media (max-width: 1023px) {
.page-footer .footer.content .footer-bottom {
flex-direction: column-reverse;
align-items: center;
height: auto;
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-bottom {
margin-top: 30px;
}
}
.page-footer .footer.content .footer-bottom .footer-links {
display: flex;
align-items: center;
font-size: 16px;
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-bottom .footer-links {
flex-wrap: wrap;
}
}
.page-footer .footer.content .footer-bottom .footer-links .copyright {
margin: 0;
color: #001d3a;
opacity: 0.5;
}
@media (max-width: 1023px) {
.page-footer .footer.content .footer-bottom .footer-links .copyright {
line-height: 34px;
}
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-bottom .footer-links .copyright {
width: 100%;
text-align: center;
}
}
.page-footer .footer.content .footer-bottom .footer-links .footer-links-list {
margin-left: 5px;
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-bottom .footer-links .footer-links-list {
width: 100%;
text-align: center;
margin-left: 0;
}
}
.page-footer .footer.content .footer-bottom .footer-links .footer-links-list .item {
padding: 0 5px;
margin: 0;
line-height: 18px;
display: inline;
position: relative;
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-bottom .footer-links .footer-links-list .item {
line-height: 34px;
}
}
.page-footer .footer.content .footer-bottom .footer-links .footer-links-list .item:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 11px;
transform: translateY(-50%);
border-left: 1px solid #001d3a;
width: 0;
height: 14px;
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-bottom .footer-links .footer-links-list .item:first-child:before {
border-left: 0;
}
}
.page-footer .footer.content .footer-bottom .footer-links .footer-links-list .item > a {
color: #001d3a;
opacity: 0.5;
}
.page-footer .footer.content .footer-bottom .footer-social {
display: flex;
align-items: center;
max-width: 100%;
overflow: hidden;
}
@media (max-width: 1023px) {
.page-footer .footer.content .footer-bottom .footer-social {
margin-top: 25px;
margin-bottom: 15px;
}
}
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list {
display: flex;
align-items: center;
}
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list .social-item {
padding: 0 4px;
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list .social-item {
padding: 0 25px;
}
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list .social-item:first-child {
padding-left: 0;
}
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list .social-item:last-child {
padding-right: 0;
}
}
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list .social-item .social-link {
display: block;
width: 32px;
height: 32px;
font-size: 0;
}
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list .social-item .social-link.facebook {
background: url("/pub/media/theme/images/facebook.svg") no-repeat;
background-size: 100%;
background-position: center;
}
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list .social-item .social-link.instagram {
background: url("/pub/media/theme/images/instagram.svg") no-repeat;
background-size: 100%;
background-position: center;
}
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list .social-item .social-link.linkedin {
background: url("/pub/media/theme/images/linkedin.svg") no-repeat;
background-size: 100%;
background-position: center;
}
.page-footer .footer.content .footer-bottom .footer-social .footer-social-list .social-item .social-link.youtube {
background: url("/pub/media/theme/images/youtube.svg") no-repeat;
background-size: 100%;
background-position: center;
}
.page-footer .footer.content .footer-anpc {
border-top: 1px solid #e9e9e9;
margin-bottom: 60px;
padding-top: 30px;
gap: 22px;
display: flex;
}
@media (max-width: 767px) {
.page-footer .footer.content .footer-anpc {
margin-bottom: 150px;
flex-direction: column;
align-items: center;
}
}
.backtotop-container .backtotop-link {
position: fixed;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: 0;
background: url("/pub/media/theme/images/top.svg") center center no-repeat;
background-size: contain;
z-index: 9999999;
right: 20px;
bottom: 100px;
opacity: 0.5;
}
.backtotop-container .backtotop-link .backtotop-icon {
display: none;
}
.backtotop-container .backtotop-link .backtotop-label {
display: none;
}
.page-header .header-search .block-search .search-autocomplete dl .autocomplete-list-title.title-category ~ dd:before {
-webkit-mask-image: url("../images/search_autocomplete_category.svg");
mask-image: url("../images/search_autocomplete_category.svg");
}
.swiper-pagination.custom {
padding-bottom: 10px;
bottom: 10px;
left: 0;
width: 100%;
display: flex;
justify-content: center;
}
.swiper-pagination.custom .swiper-button {
width: 30px;
height: 30px;
margin: 0 4px;
}
.swiper-pagination.custom .swiper-button:after {
font-size: 14px;
font-weight: 700;
}
.swiper-pagination.custom .swiper-button.swiper-button-prev {
position: relative;
top: unset;
left: unset;
right: unset;
}
.swiper-pagination.custom .swiper-button.swiper-button-next {
position: relative;
top: unset;
left: unset;
right: unset;
}
.swiper-pagination.custom .pagination-wrapper {
display: inline-block;
width: auto;
}
.swiper-pagination.custom .swiper-pagination-bullet {
border: 0;
height: 30px !important;
width: 30px !important;
border-radius: 6px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 400;
color: #00469E;
margin: 0 4px;
}
.swiper-pagination.custom .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ffffff;
box-shadow: 0 0 10px #d0e2f9 !important;
font-weight: 700 !important;
color: #30C6FF !important;
}
.cms-index-index .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-index-index .column.main .block img {
display: block;
}
.cms-index-index .column.main .block .block-actions {
margin-top: auto;
}
.cms-index-index .column.main .block .block-actions .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-index-index .column.main .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.cms-index-index .column.main .block .block-actions .action-primary:hover > span:after {
border-width: 0 2px 2px 0;
}
.cms-index-index .column.main .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-index-index .column.main .block .block-actions .action-primary > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: '';
position: absolute;
right: 3px;
top: 60%;
}
.cms-index-index .column.main .block .block-title {
font-size: 54px;
line-height: 60px;
color: #001d3a;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block .block-title {
font-size: 28px;
line-height: 38px;
}
}
.cms-index-index .column.main .block .block-description {
font-size: 24px;
line-height: 34px;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-index-index .column.main .block .block-tabs {
position: relative;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
border: none;
background-color: #ffffff;
margin: 55px 0 35px;
height: 68px;
}
.cms-index-index .column.main .block .block-tabs .tabs-separator {
position: absolute;
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
bottom: 1.5px;
}
.cms-index-index .column.main .block .block-tabs .tab-link {
display: inline-block;
background-color: #ffffff;
border: none;
font-size: 24px;
font-weight: 400;
color: #0d0d0d;
height: 100%;
cursor: pointer;
}
.cms-index-index .column.main .block .block-tabs .tab-link:hover {
border: none;
background-color: #ffffff;
color: #0d0d0d;
}
.cms-index-index .column.main .block .block-tabs .tab-link:focus,
.cms-index-index .column.main .block .block-tabs .tab-link:active {
border: none;
border-radius: 0;
background-color: #ffffff;
border-bottom: 4px solid #00469e;
color: #00469e;
font-weight: 700;
}
.cms-index-index .column.main .block .block-tabs .tab-link.active {
border: none;
border-radius: 0;
background-color: #ffffff;
border-bottom: 4px solid #00469e;
color: #00469e;
font-weight: 700;
}
.cms-index-index .column.main .block .block-tabs::-webkit-scrollbar {
display: none;
}
.cms-index-index .column.main .block.block-services {
padding-bottom: 75px;
overflow: hidden;
max-width: 100%;
}
@media (max-width: 639px) {
.cms-index-index .column.main .block.block-services {
padding-bottom: 30px;
}
}
.cms-index-index .column.main .block.block-services .swiper-wrapper {
padding-bottom: 55px;
box-sizing: border-box;
}
@media (min-width: 640px) {
.cms-index-index .column.main .block.block-services .swiper-wrapper {
flex-wrap: wrap;
padding: 0;
}
}
@media (min-width: 640px) {
.cms-index-index .column.main .block.block-services .swiper-pagination {
display: none;
}
}
.cms-index-index .column.main .block.block-services .list-item {
max-width: 1640px;
}
@media (min-width: 640px) {
.cms-index-index .column.main .block.block-services .list-item {
overflow: visible;
}
}
.cms-index-index .column.main .block.block-services .list-item .item {
padding: 20px 25px 0;
box-sizing: border-box;
}
@media (min-width: 640px) {
.cms-index-index .column.main .block.block-services .list-item .item {
width: calc(100%/2);
box-sizing: border-box;
border: 1px solid rgba(0, 70, 158, 0.1);
border-right: 0;
border-top: 0;
min-height: 220px;
position: relative;
padding: 20px 30px 25px 35px;
box-shadow: none;
}
}
@media (min-width: 768px) {
.cms-index-index .column.main .block.block-services .list-item .item {
padding: 30px 30px 35px 25px;
min-height: 185px;
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item {
padding: 20px 20px 25px 25px;
width: calc(100%/3);
}
}
@media (min-width: 1200px) {
.cms-index-index .column.main .block.block-services .list-item .item {
padding: 30px 35px 35px 25px;
}
}
@media (min-width: 1440px) {
.cms-index-index .column.main .block.block-services .list-item .item {
padding: 40px 40px 45px 55px;
min-height: 200px;
}
}
@media (min-width: 1640px) {
.cms-index-index .column.main .block.block-services .list-item .item {
padding: 40px 60px 45px 75px;
min-height: 210px;
}
}
@media (min-width: 640px) {
.cms-index-index .column.main .block.block-services .list-item .item:hover {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 768px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(2) .item-image {
transform: translate(calc(-100% - 10px), -10px);
}
}
@media (min-width: 640px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(2n + 1) {
border-left-width: 0;
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(2n + 1) {
border-left-width: 1px;
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(3n + 1) {
border-left: 0;
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(3n + 1):hover:before {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(3n + 1):hover:after {
display: block;
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(3n + 1):before {
content: '';
display: block;
width: 1000px;
left: 0;
bottom: -1px;
height: 100%;
border-bottom: 1px solid rgba(0, 70, 158, 0.1);
position: absolute;
transform: translateX(-100%);
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(3n + 1):after {
content: '';
display: none;
left: 0;
top: 0;
height: 100%;
background: #ffffff;
width: 60px;
position: absolute;
transform: translateX(-50%);
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(3n):hover:before {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(3n):hover:after {
display: block;
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(3n):before {
content: '';
display: block;
width: 1000px;
right: 0;
bottom: -1px;
height: 100%;
border-bottom: 1px solid rgba(0, 70, 158, 0.1);
position: absolute;
transform: translateX(100%);
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item:nth-child(3n):after {
content: '';
display: none;
right: 0;
top: 0;
height: 100%;
background: #ffffff;
width: 60px;
position: absolute;
transform: translateX(50%);
}
}
@media (max-width: 639px) {
.cms-index-index .column.main .block.block-services .list-item .item .content {
min-height: 195px;
padding: 20px 20px 30px;
box-sizing: border-box;
box-shadow: 0 3px 20px rgba(70, 107, 135, 0.16);
}
}
.cms-index-index .column.main .block.block-services .list-item .item-image {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.cms-index-index .column.main .block.block-services .list-item .item-image {
position: absolute;
transform: translateX(-100%);
top: 30px;
left: 80px;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item-image {
top: 20px;
left: 85px;
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item-image {
top: 30px;
}
}
@media (min-width: 1440px) {
.cms-index-index .column.main .block.block-services .list-item .item-image {
top: 40px;
left: 95px;
}
}
@media (min-width: 1640px) {
.cms-index-index .column.main .block.block-services .list-item .item-image {
left: 100px;
}
}
.cms-index-index .column.main .block.block-services .list-item .item-image img {
margin: 0 auto;
}
@media (min-width: 768px) {
.cms-index-index .column.main .block.block-services .list-item .item-details {
padding-left: 65px;
text-align: left;
}
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item-details {
padding-left: 80px;
}
}
@media (min-width: 1440px) {
.cms-index-index .column.main .block.block-services .list-item .item-details {
padding-left: 50px;
}
}
@media (min-width: 1640px) {
.cms-index-index .column.main .block.block-services .list-item .item-details {
padding-left: 80px;
}
}
.cms-index-index .column.main .block.block-services .list-item .item-details .item-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 12px;
}
@media (min-width: 1024px) {
.cms-index-index .column.main .block.block-services .list-item .item-details .item-title {
font-size: 18px;
line-height: 24px;
}
}
@media (min-width: 1440px) {
.cms-index-index .column.main .block.block-services .list-item .item-details .item-title {
font-size: 24px;
line-height: 30px;
}
}
.cms-index-index .column.main .block.block-services .list-item .item-details .item-description {
font-size: 18px;
line-height: 25px;
}
@media (max-width: 639px) {
.cms-index-index .column.main .block.block-services .list-item .item-details .item-description {
font-size: 16px;
line-height: 22px;
}
}
.cms-index-index .column.main .block.block-afla-mai-multe,
.catalog-category-view .block.block-afla-mai-multe {
max-width: 100%;
margin-bottom: 80px;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-afla-mai-multe,
.catalog-category-view .block.block-afla-mai-multe {
margin-bottom: 40px;
}
}
.cms-index-index .column.main .block.block-afla-mai-multe .block-info {
position: relative;
max-width: 812px;
margin: 0 auto -135px;
background: #ffffff;
padding: 45px 15px;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-info {
max-width: 500px;
padding: 15px 15px 30px;
}
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-info {
max-width: 450px;
padding: 0 15px 30px;
}
}
@media (max-width: 479px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-info {
max-width: calc(100% - 30px);
margin-bottom: -185px;
}
}
@media (max-width: 1023px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-title {
font-size: 35px;
line-height: 45px;
}
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-title {
font-size: 28px;
line-height: 34px;
}
}
.cms-index-index .column.main .block.block-afla-mai-multe .block-description {
max-width: 600px;
margin: 0 auto 20px;
}
@media (max-width: 1023px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-description {
font-size: 18px;
line-height: 24px;
max-width: 400px;
}
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-description {
font-size: 18px;
line-height: 22px;
margin-bottom: 25px;
}
}
.cms-index-index .column.main .block.block-afla-mai-multe .block-image {
height: 610px;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-image {
height: 520px;
}
}
.cms-index-index .column.main .block.block-afla-mai-multe .block-image img {
object-fit: cover;
height: 100%;
width: 100%;
}
@media (max-width: 639px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-image .image-desktop {
display: none;
}
}
.cms-index-index .column.main .block.block-afla-mai-multe .block-image .image-mobile {
display: none;
}
@media (max-width: 639px) {
.cms-index-index .column.main .block.block-afla-mai-multe .block-image .image-mobile {
display: block;
}
}
.cms-index-index .column.main .block.block-de-ce-lafantana {
max-width: 1640px;
margin: 0 auto 120px;
}
@media (max-width: 479px) {
.cms-index-index .column.main .block.block-de-ce-lafantana {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-info {
padding: 0 25px;
}
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-info .block-description {
max-width: 675px;
margin: 0 auto 80px;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-info .block-description {
margin-bottom: 40px;
}
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .swiper-wrapper {
padding-bottom: 83px;
}
@media (max-width: 479px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .swiper-wrapper {
padding-bottom: 135px;
}
}
@media (min-width: 1440px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .swiper-wrapper .swiper-slide {
max-height: 650px;
overflow-y: hidden;
}
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .swiper-pagination {
bottom: 30px;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-image {
min-height: 470px;
}
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-image img {
width: 100%;
min-height: 500px;
object-fit: cover;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-image img {
min-height: 470px;
}
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-image .movie {
height: 470px;
object-fit: cover;
}
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details {
position: absolute;
bottom: 0;
background: #ffffff;
left: 50%;
transform: translateX(-50%);
width: 810px;
height: 383px;
max-width: 100%;
padding: 45px 40px 40px 40px;
box-sizing: border-box;
}
@media (max-width: 1439px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details {
width: 600px;
padding: 30px 40px;
}
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details {
width: 500px;
max-width: calc(100% - 50px);
}
}
@media (max-width: 479px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details {
bottom: -90px;
padding: 30px 20px;
}
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-details-image {
margin-bottom: 4px;
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-details-image img {
margin: 0 auto;
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-title {
font-size: 54px;
line-height: 60px;
margin-bottom: 20px;
}
@media (max-width: 1439px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-title {
font-size: 38px;
line-height: 48px;
}
}
@media (max-width: 1439px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-title {
font-size: 28px;
line-height: 34px;
}
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-description {
font-size: 18px;
line-height: 34px;
max-width: 500px;
margin: 0 auto 10px;
}
@media (max-width: 1439px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-description {
line-height: 28px;
min-height: 84px;
}
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-description {
font-size: 16px;
line-height: 22px;
min-height: 66px;
}
}
@media (max-width: 479px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-description {
margin-bottom: 30px;
min-height: 90px;
}
}
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-count {
font-size: 34px;
line-height: 60px;
}
@media (max-width: 1439px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-count {
font-size: 28px;
line-height: 34px;
}
}
@media (max-width: 1439px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-count {
font-size: 24px;
line-height: 29px;
}
}
@media (max-width: 479px) {
.cms-index-index .column.main .block.block-de-ce-lafantana .block-content .list-item .item-details .item-count {
max-width: 175px;
margin: 0 auto;
min-height: 60px;
}
}
.cms-index-index .column.main .block.block-parteners {
margin: 80px 0;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-parteners {
margin: 40px 0;
}
}
.cms-index-index .column.main .block.block-parteners .block-info {
max-width: 740px;
margin: 0 auto 40px;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-parteners .block-info {
padding: 0 25px;
}
}
.cms-index-index .column.main .block.block-parteners .block-parteners-images {
display: flex;
justify-content: space-around;
max-width: 1640px;
flex-wrap: wrap;
margin: 0 auto;
}
@media (max-width: 767px) {
.cms-index-index .column.main .block.block-parteners .block-parteners-images img {
width: 158px;
height: 85px;
}
}
.cms-home-b2c .column.main .block,
.cms-homepage .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-home-b2c .column.main .block img,
.cms-homepage .column.main .block img {
display: block;
}
.cms-home-b2c .column.main .block .block-actions,
.cms-homepage .column.main .block .block-actions {
margin-top: auto;
}
.cms-home-b2c .column.main .block .block-actions .action-primary,
.cms-homepage .column.main .block .block-actions .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-home-b2c .column.main .block .block-actions .action-primary:hover,
.cms-homepage .column.main .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.cms-home-b2c .column.main .block .block-actions .action-primary:hover > span:after,
.cms-homepage .column.main .block .block-actions .action-primary:hover > span:after {
border-width: 0 2px 2px 0;
}
.cms-home-b2c .column.main .block .block-actions .action-primary > span,
.cms-homepage .column.main .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-home-b2c .column.main .block .block-actions .action-primary > span:after,
.cms-homepage .column.main .block .block-actions .action-primary > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: '';
position: absolute;
right: 3px;
top: 60%;
}
.cms-home-b2c .column.main .block .block-title,
.cms-homepage .column.main .block .block-title {
font-size: 54px;
line-height: 60px;
color: #001d3a;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.cms-home-b2c .column.main .block .block-title,
.cms-homepage .column.main .block .block-title {
font-size: 28px;
line-height: 38px;
}
}
.cms-home-b2c .column.main .block .block-description,
.cms-homepage .column.main .block .block-description {
font-size: 24px;
line-height: 34px;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-home-b2c .column.main .block .block-description,
.cms-homepage .column.main .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-home-b2c .column.main .block .block-tabs,
.cms-homepage .column.main .block .block-tabs {
position: relative;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
border: none;
background-color: #ffffff;
margin: 55px 0 35px;
height: 68px;
}
.cms-home-b2c .column.main .block .block-tabs .tabs-separator,
.cms-homepage .column.main .block .block-tabs .tabs-separator {
position: absolute;
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.1);
bottom: 1.5px;
}
.cms-home-b2c .column.main .block .block-tabs .tab-link,
.cms-homepage .column.main .block .block-tabs .tab-link {
display: inline-block;
background-color: #ffffff;
border: none;
font-size: 24px;
font-weight: 400;
color: #0d0d0d;
height: 100%;
cursor: pointer;
}
.cms-home-b2c .column.main .block .block-tabs .tab-link:hover,
.cms-homepage .column.main .block .block-tabs .tab-link:hover {
border: none;
background-color: #ffffff;
color: #0d0d0d;
}
.cms-home-b2c .column.main .block .block-tabs .tab-link:focus,
.cms-homepage .column.main .block .block-tabs .tab-link:focus,
.cms-home-b2c .column.main .block .block-tabs .tab-link:active,
.cms-homepage .column.main .block .block-tabs .tab-link:active {
border: none;
border-radius: 0;
background-color: #ffffff;
border-bottom: 4px solid #00469e;
color: #00469e;
font-weight: 700;
}
.cms-home-b2c .column.main .block .block-tabs .tab-link.active,
.cms-homepage .column.main .block .block-tabs .tab-link.active {
border: none;
border-radius: 0;
background-color: #ffffff;
border-bottom: 4px solid #00469e;
color: #00469e;
font-weight: 700;
}
.cms-home-b2c .column.main .block .block-tabs::-webkit-scrollbar,
.cms-homepage .column.main .block .block-tabs::-webkit-scrollbar {
display: none;
}
@media (max-width: 767px) {
.catalog-category-view.toolbar-expand,
.catalogsearch-result-index.toolbar-expand {
overflow: hidden;
}
}
.catalog-category-view .page-wrapper > .category-cms,
.catalogsearch-result-index .page-wrapper > .category-cms {
margin-top: -30px;
z-index: 2;
}
.catalog-category-view .page-main,
.catalogsearch-result-index .page-main {
margin-top: 30px;
}
.catalog-category-view .page-main > .page-title-wrapper,
.catalogsearch-result-index .page-main > .page-title-wrapper {
text-align: center;
}
@media (max-width: 767px) {
.catalog-category-view .page-main > .page-title-wrapper,
.catalogsearch-result-index .page-main > .page-title-wrapper {
padding: 40px 20px 0;
}
}
.catalog-category-view .page-main > .page-title-wrapper .page-title,
.catalogsearch-result-index .page-main > .page-title-wrapper .page-title {
margin-bottom: 20px;
font-size: 34px;
font-weight: 700;
color: #001d3a;
}
.catalog-category-view .page-main .category-view .category-cms .category-presentation,
.catalogsearch-result-index .page-main .category-view .category-cms .category-presentation {
margin-bottom: 450px;
}
.catalog-category-view .page-main .category-view .thumbnail,
.catalogsearch-result-index .page-main .category-view .thumbnail {
display: none;
}
.catalog-category-view .page-main .category-description,
.catalogsearch-result-index .page-main .category-description {
text-align: center;
font-weight: 600;
font-size: 18px;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .category-description,
.catalogsearch-result-index .page-main .category-description {
padding: 0 20px;
}
}
.catalog-category-view .page-main .category-description .actions,
.catalogsearch-result-index .page-main .category-description .actions {
margin-top: 40px;
}
.catalog-category-view .page-main .products.wrapper,
.catalogsearch-result-index .page-main .products.wrapper {
margin: 0 0 30px;
}
.catalog-category-view .page-main .products.wrapper .product-items,
.catalogsearch-result-index .page-main .products.wrapper .product-items {
margin-left: -9px;
margin-right: -9px;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-items,
.catalogsearch-result-index .page-main .products.wrapper .product-items {
margin-left: -15px;
margin-right: -15px;
}
}
@media (max-width: 1639px) {
.catalog-category-view .page-main .products.wrapper.products-grid,
.catalogsearch-result-index .page-main .products.wrapper.products-grid {
padding: 0 20px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item {
width: 25%;
box-sizing: border-box;
padding: 0 9px;
text-align: center;
margin: 75px 0 0;
}
@media (max-width: 1439px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item {
width: calc(100%/3);
}
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item {
width: 50%;
margin: 40px 0 0;
}
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item {
padding: 0 15px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-titles,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-titles {
margin: 0 0 15px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-name .product-item-link,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-name .product-item-link {
max-height: 60px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-reviews-summary,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-reviews-summary {
height: 20px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product.description,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product.description,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product.sub-title,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product.sub-title {
max-height: 65px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price {
display: flex;
justify-content: center;
height: 56px;
position: relative;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .content {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
top: 100%;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle {
cursor: help;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:hover + .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:hover + .tooltip-content,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:focus + .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:focus + .tooltip-content,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price:hover .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price:hover .tooltip-content {
display: block;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
margin: 0 5px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:hover,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:hover {
text-decoration: none;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content {
left: -32px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
left: 22px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
top: 100%;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle {
cursor: help;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:hover + .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:hover + .tooltip-content,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:focus + .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:focus + .tooltip-content,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price:hover .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price:hover .tooltip-content {
display: block;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:hover,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:hover {
text-decoration: none;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content {
left: -32px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
left: 22px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle {
position: static;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-toggle:before {
position: static;
transform: none;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16);
border-color: #40c7fc;
width: 200px;
left: auto;
right: -15px;
top: 50%;
bottom: auto;
padding: 18px;
line-height: 22px;
margin-bottom: 0;
box-sizing: border-box;
transform: translate(100%, -50%);
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:before {
border-top-color: transparent;
border-right-color: #40c7fc;
top: 50%;
left: -10px;
transform: translateY(-50%);
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content:after {
border-top-color: transparent;
border-right-color: #ffffff;
top: 50%;
left: -9px;
transform: translateY(-50%);
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content.left,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content.left {
right: auto;
left: -15px;
transform: translate(-100%, -50%);
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content.left:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content.left:before {
border-right-color: transparent;
border-left-color: #40c7fc;
right: -20px;
left: auto;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content.left:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .tooltip-content.left:after {
border-right-color: transparent;
border-left-color: #ffffff;
right: -18px;
left: auto;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency {
font-size: 24px;
font-weight: 900;
color: #30c6ff;
line-height: 30px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .label.note-icon,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .label.note-icon {
display: inline-flex;
align-items: center;
position: relative;
margin: 10px 5px 8px 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .label.note-icon:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .label.note-icon:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .label.note-icon:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .label.note-icon:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .label.note-icon:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .label.note-icon:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .currency,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .subscription-price .price.price-currency .currency {
font-size: 12px;
font-weight: 400;
vertical-align: text-top;
margin-left: 3px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions > .price-box,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions > .price-box {
margin-bottom: 10px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer {
height: 56px;
margin-bottom: 10px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .note-icon,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .note-icon {
display: inline-flex;
align-items: center;
position: relative;
margin: 10px 5px 8px 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .note-icon:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .note-icon:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .note-icon:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .note-icon:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .note-icon:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .note-icon:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip {
position: relative;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
top: 100%;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle {
cursor: help;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:hover + .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:hover + .tooltip-content,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:focus + .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:focus + .tooltip-content,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip:hover .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip:hover .tooltip-content {
display: block;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
margin: 0 5px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:hover,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:hover {
text-decoration: none;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content {
left: -32px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
left: 22px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
top: 100%;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle {
cursor: help;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:hover + .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:hover + .tooltip-content,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:focus + .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:focus + .tooltip-content,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip:hover .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip:hover .tooltip-content {
display: block;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:hover,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:hover {
text-decoration: none;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content {
left: -32px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
left: 22px;
}
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .custom-tooltip .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
.catalog-category-view .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .label,
.catalogsearch-result-index .page-main .products.wrapper.products-grid .product-item .product-item-info .product-item-details .product-item-actions .custom-offer .label {
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
}
.catalog-category-view .page-main .products.wrapper.products-list .product-items,
.catalogsearch-result-index .page-main .products.wrapper.products-list .product-items {
margin-left: 0;
margin-right: 0;
padding: 0 30px;
margin: 0 0 20px;
}
.catalog-category-view .page-main .products.wrapper.products-list .product-item,
.catalogsearch-result-index .page-main .products.wrapper.products-list .product-item {
padding: 50px 0 20px;
border-top: 1px solid rgba(112, 112, 112, 0.2);
}
.catalog-category-view .page-main .products.wrapper.products-list .product-item:first-child,
.catalogsearch-result-index .page-main .products.wrapper.products-list .product-item:first-child {
border-top: none;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper.products-list .product-item-info,
.catalogsearch-result-index .page-main .products.wrapper.products-list .product-item-info {
text-align: center;
}
}
.catalog-category-view .page-main .products.wrapper.products-list .product-item-info .product-image-wrapper:before,
.catalogsearch-result-index .page-main .products.wrapper.products-list .product-item-info .product-image-wrapper:before {
max-height: 200px;
border: 20px solid #E9E9E9;
border-radius: 75px;
}
.catalog-category-view .page-main .products.wrapper.products-list .product-item-info .product-reviews-summary,
.catalogsearch-result-index .page-main .products.wrapper.products-list .product-item-info .product-reviews-summary {
justify-content: center;
}
.catalog-category-view .page-main .products.wrapper.products-list .product-item-info .price-box,
.catalogsearch-result-index .page-main .products.wrapper.products-list .product-item-info .price-box {
margin: 10px 0 15px;
}
.catalog-category-view .page-main .products.wrapper .product-item-info,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info {
height: 100%;
display: flex;
flex-direction: column;
width: auto;
text-align: center;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info {
text-align: left;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-photo,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-photo {
position: relative;
padding: 0 0 30px;
width: auto;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-photo,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-photo {
padding-bottom: 10px;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-photo:before,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-photo:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 185px;
height: 0;
border-bottom: 20px solid #E9E9E9;
border-radius: 10px;
z-index: -1;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-photo:before,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-photo:before {
display: none;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-photo:after,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-photo:after {
content: '';
display: block;
position: absolute;
top: calc(50% - 35px);
left: 0;
width: 100%;
height: 50%;
max-height: 200px;
border: 20px solid #E9E9E9;
box-sizing: border-box;
border-radius: 75px;
z-index: -1;
transform: translateY(-50%);
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-photo:after,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-photo:after {
border: 10px solid #E9E9E9;
border-radius: 30px;
max-height: 100px;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-image-wrapper,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-image-wrapper {
position: relative;
padding-bottom: 110% !important;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-image-photo,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-image-photo {
position: absolute;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-details,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-details {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-name > a,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-name > a {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #0d0d0d;
margin: 30px 0 5px;
display: block;
text-decoration: none;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-name > a,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-name > a {
margin: 5px 0;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-reviews-summary,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-reviews-summary {
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 20px;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info .product-reviews-summary,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-reviews-summary {
justify-content: flex-start;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-reviews-summary .rating-summary,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-reviews-summary .rating-summary {
display: flex;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info .product-reviews-summary .rating-summary,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-reviews-summary .rating-summary {
left: 0;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-reviews-summary .rating-value,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-reviews-summary .rating-value {
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin-right: 5px;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-reviews-summary .reviews-actions,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-reviews-summary .reviews-actions {
margin-top: 0;
line-height: 20px;
font-size: 16px;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .description,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .description,
.catalog-category-view .page-main .products.wrapper .product-item-info .sub-title,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .sub-title {
font-size: 14px;
line-height: 22px;
margin-bottom: 30px;
color: #000000;
max-width: 340px;
margin: 0 auto;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info .description,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .description,
.catalog-category-view .page-main .products.wrapper .product-item-info .sub-title,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .sub-title {
margin-bottom: 5px;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .description > p,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .description > p,
.catalog-category-view .page-main .products.wrapper .product-item-info .sub-title > p,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .sub-title > p {
margin: 0;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .price-box,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .price-box {
margin: 0 0 10px;
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .price-box .price-label,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .price-box .price-label {
display: none;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .price-box .price,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .price-box .price {
font-size: 24px;
font-weight: 900;
color: #40c7fc;
line-height: 30px;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info .price-box .price,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .price-box .price {
font-size: 18px;
line-height: 22px;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .price-box .price .currency,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .price-box .price .currency {
font-size: 12px;
font-weight: 400;
vertical-align: text-top;
margin-left: 3px;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .price-box .old-price,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .price-box .old-price {
margin-right: 8px;
}
.catalog-category-view .page-main .products.wrapper .product-item-info .price-box .old-price .price,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .price-box .old-price .price {
font-size: 14px;
color: #001d3a;
opacity: 0.3;
line-height: 18px;
}
@media (max-width: 639px) {
.catalog-category-view .page-main .products.wrapper .product-item-info .price-box .old-price .price,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .price-box .old-price .price {
font-size: 12px;
line-height: 15px;
}
}
.catalog-category-view .page-main .products.wrapper .product-item-info .product-item-actions,
.catalogsearch-result-index .page-main .products.wrapper .product-item-info .product-item-actions {
margin-top: auto;
}
.catalog-category-view .page-main .products.wrapper ~ .toolbar-products,
.catalogsearch-result-index .page-main .products.wrapper ~ .toolbar-products {
margin-bottom: 40px;
margin-top: 0;
padding: 0;
border: none;
}
.catalog-category-view .page-main .toolbar-products,
.catalogsearch-result-index .page-main .toolbar-products {
padding: 0 0 30px;
margin-top: 80px;
margin-bottom: 0;
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
@media (max-width: 1639px) {
.catalog-category-view .page-main .toolbar-products,
.catalogsearch-result-index .page-main .toolbar-products {
margin: 80px 30px 0;
}
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products,
.catalogsearch-result-index .page-main .toolbar-products {
margin: 20px 30px 0;
padding: 20px 0;
border-top: 1px solid rgba(112, 112, 112, 0.2);
}
}
.catalog-category-view .page-main .toolbar-products .sorter,
.catalogsearch-result-index .page-main .toolbar-products .sorter,
.catalog-category-view .page-main .toolbar-products .toolbar-filter,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter {
float: left;
}
.catalog-category-view .page-main .toolbar-products .sorter,
.catalogsearch-result-index .page-main .toolbar-products .sorter {
font-size: 14px;
font-weight: 600;
padding: 0;
}
.catalog-category-view .page-main .toolbar-products .sorter .sorter-label,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-label {
margin: 0 25px 0 100px;
display: inline-block;
line-height: 40px;
}
@media (max-width: 1023px) {
.catalog-category-view .page-main .toolbar-products .sorter .sorter-label,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-label {
margin: 0 25px 0 0;
}
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .sorter .sorter-label,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-label {
display: none;
}
}
.catalog-category-view .page-main .toolbar-products .sorter #sorter,
.catalogsearch-result-index .page-main .toolbar-products .sorter #sorter,
.catalog-category-view .page-main .toolbar-products .sorter .sorter-action,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-action {
display: none;
}
.catalog-category-view .page-main .toolbar-products .sorter .sorter-options,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-options {
min-width: 160px;
padding: 0 20px;
line-height: 40px;
height: 40px;
border-radius: 30px;
background: #ffffff;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.16);
color: #0c5da8;
font-size: 14px;
font-weight: 600;
box-sizing: border-box;
display: inline-block;
margin-left: 0;
margin-right: 20px;
cursor: pointer;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .sorter .sorter-options,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-options {
margin-left: -10px;
margin-right: 10px;
min-width: 110px;
border-radius: 20px;
box-shadow: 0 1px 5px rgba(0, 70, 158, 0.15);
}
}
.catalog-category-view .page-main .toolbar-products .sorter .sorter-options.expand,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-options.expand {
color: #ffffff;
background: #0c5da8;
}
.catalog-category-view .page-main .toolbar-products .sorter .sorter-options.expand > span:after,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-options.expand > span:after {
border-color: #ffffff;
transform: translateY(-50%) rotate(-135deg);
top: 70%;
}
.catalog-category-view .page-main .toolbar-products .sorter .sorter-options > span,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-options > span {
padding-right: 15px;
position: relative;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .sorter .sorter-options > span,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-options > span {
display: none;
}
}
.catalog-category-view .page-main .toolbar-products .sorter .sorter-options > span.mobile-label,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-options > span.mobile-label {
display: none;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .sorter .sorter-options > span.mobile-label,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-options > span.mobile-label {
display: inline;
}
}
.catalog-category-view .page-main .toolbar-products .sorter .sorter-options > span:after,
.catalogsearch-result-index .page-main .toolbar-products .sorter .sorter-options > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 3px;
transform: translateY(-50%) rotate(45deg);
content: '';
position: absolute;
right: -1px;
top: 45%;
}
.catalog-category-view .page-main .toolbar-products .toolbar-filter,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter {
min-width: 160px;
padding: 0 20px;
line-height: 40px;
height: 40px;
border-radius: 30px;
background: #ffffff;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.16);
color: #0c5da8;
font-size: 14px;
font-weight: 600;
box-sizing: border-box;
cursor: pointer;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .toolbar-filter,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter {
min-width: 110px;
border-radius: 20px;
box-shadow: 0 1px 5px rgba(0, 70, 158, 0.15);
}
}
.catalog-category-view .page-main .toolbar-products .toolbar-filter.active,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter.active {
color: #ffffff;
background: #0c5da8;
}
.catalog-category-view .page-main .toolbar-products .toolbar-filter.active > span:after,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter.active > span:after {
border-color: #ffffff;
transform: translateY(-50%) rotate(-135deg);
top: 70%;
}
.catalog-category-view .page-main .toolbar-products .toolbar-filter > span,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter > span {
padding-right: 15px;
position: relative;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .toolbar-filter > span,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter > span {
display: none;
}
}
.catalog-category-view .page-main .toolbar-products .toolbar-filter > span.mobile-label,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter > span.mobile-label {
display: none;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .toolbar-filter > span.mobile-label,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter > span.mobile-label {
display: inline;
}
}
.catalog-category-view .page-main .toolbar-products .toolbar-filter > span:after,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 3px;
transform: translateY(-50%) rotate(45deg);
content: '';
position: absolute;
right: -1px;
top: 45%;
}
.catalog-category-view .page-main .toolbar-products .toolbar-filter.expand,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter.expand {
color: #ffffff;
background: #0c5da8;
}
.catalog-category-view .page-main .toolbar-products .toolbar-filter.expand > span:after,
.catalogsearch-result-index .page-main .toolbar-products .toolbar-filter.expand > span:after {
border-color: #ffffff;
transform: translateY(-50%) rotate(-135deg);
top: 70%;
}
.catalog-category-view .page-main .toolbar-products .modes,
.catalogsearch-result-index .page-main .toolbar-products .modes {
float: right;
margin: 0;
display: flex;
align-items: center;
}
.catalog-category-view .page-main .toolbar-products .modes .modes-label,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-label {
position: static;
margin: 0;
width: auto;
height: auto;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .modes .modes-label,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-label {
display: none;
}
}
.catalog-category-view .page-main .toolbar-products .modes .modes-mode,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-mode {
float: none;
margin-left: 20px;
border: none;
padding: 7px 0;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .modes .modes-mode > span,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-mode > span {
display: none;
}
}
.catalog-category-view .page-main .toolbar-products .modes .modes-mode:before,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-mode:before {
content: '\e901';
font-family: 'lafantana-icons';
color: #CDCDCD;
font-size: 24px;
line-height: 1;
}
.catalog-category-view .page-main .toolbar-products .modes .modes-mode:not(.active):hover,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-mode:not(.active):hover {
background: none;
color: #CDCDCD;
}
.catalog-category-view .page-main .toolbar-products .modes .modes-mode.active:before,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-mode.active:before {
color: #0c5da8;
}
.catalog-category-view .page-main .toolbar-products .modes .modes-mode.mode-list:before,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-mode.mode-list:before {
content: '\e900';
}
.catalog-category-view .page-main .toolbar-products .modes .modes-mode.mode-grid,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-mode.mode-grid {
order: 2;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products .modes .modes-mode.mode-grid,
.catalogsearch-result-index .page-main .toolbar-products .modes .modes-mode.mode-grid {
margin-right: -10px;
}
}
.catalog-category-view .page-main .toolbar-products .pages,
.catalogsearch-result-index .page-main .toolbar-products .pages {
float: none !important;
}
.catalog-category-view .page-main .toolbar-products .pages .item,
.catalogsearch-result-index .page-main .toolbar-products .pages .item {
border: none;
height: 30px;
width: 30px;
margin: 0;
padding: 0;
border-radius: 6px;
line-height: 30px;
font-size: 14px;
vertical-align: middle;
}
.catalog-category-view .page-main .toolbar-products .pages .item a,
.catalogsearch-result-index .page-main .toolbar-products .pages .item a {
color: #0c5da8;
}
.catalog-category-view .page-main .toolbar-products .pages .item a:hover,
.catalogsearch-result-index .page-main .toolbar-products .pages .item a:hover,
.catalog-category-view .page-main .toolbar-products .pages .item a:active,
.catalogsearch-result-index .page-main .toolbar-products .pages .item a:active,
.catalog-category-view .page-main .toolbar-products .pages .item a:focus,
.catalogsearch-result-index .page-main .toolbar-products .pages .item a:focus,
.catalog-category-view .page-main .toolbar-products .pages .item a:visited,
.catalogsearch-result-index .page-main .toolbar-products .pages .item a:visited {
color: #0c5da8;
}
.catalog-category-view .page-main .toolbar-products .pages .item.current,
.catalogsearch-result-index .page-main .toolbar-products .pages .item.current {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.2);
}
.catalog-category-view .page-main .toolbar-products .pages .item.current strong.page,
.catalogsearch-result-index .page-main .toolbar-products .pages .item.current strong.page {
line-height: 30px;
font-size: 14px;
color: #40c7fc;
}
.catalog-category-view .page-main .toolbar-products .pages .action,
.catalogsearch-result-index .page-main .toolbar-products .pages .action {
border: none;
width: auto;
height: 30px;
}
.catalog-category-view .page-main .toolbar-products .pages .action.next:before,
.catalogsearch-result-index .page-main .toolbar-products .pages .action.next:before,
.catalog-category-view .page-main .toolbar-products .pages .action.previous:before,
.catalogsearch-result-index .page-main .toolbar-products .pages .action.previous:before {
display: none;
}
.catalog-category-view .page-main .toolbar-products .pages .action.next:after,
.catalogsearch-result-index .page-main .toolbar-products .pages .action.next:after,
.catalog-category-view .page-main .toolbar-products .pages .action.previous:after,
.catalogsearch-result-index .page-main .toolbar-products .pages .action.previous:after {
border: solid #00469e;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 3px;
transform: rotate(-45deg);
content: '';
}
.catalog-category-view .page-main .toolbar-products .pages .action.previous,
.catalogsearch-result-index .page-main .toolbar-products .pages .action.previous {
margin-right: 25px;
}
.catalog-category-view .page-main .toolbar-products .pages .action.previous:after,
.catalogsearch-result-index .page-main .toolbar-products .pages .action.previous:after {
transform: rotate(135deg);
}
.catalog-category-view .page-main .toolbar-products .pages .action.next,
.catalogsearch-result-index .page-main .toolbar-products .pages .action.next {
margin-left: 25px;
}
.catalog-category-view .page-main .toolbar-products .limiter,
.catalogsearch-result-index .page-main .toolbar-products .limiter {
display: none !important;
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content {
overflow: hidden;
max-height: 0;
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
border-bottom-width: 0;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content {
max-height: unset;
border-bottom: none;
transition: none;
position: fixed;
background: transparent;
z-index: -1;
top: 0;
height: 100%;
opacity: 0;
transition: opacity 1s;
padding-top: 110px;
display: none;
flex-direction: column;
width: 100%;
}
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content.active,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content.active {
max-height: 1000px;
transition: max-height 1s, border 0.1s linear;
border-bottom-width: 1px;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content.active,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content.active {
max-height: unset;
border-bottom: none;
transition: none;
z-index: 9;
opacity: 1;
transition: opacity 1s;
display: flex;
}
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list {
display: flex;
flex-direction: column;
width: max-content;
border-radius: 30px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
padding: 25px 30px;
box-sizing: border-box;
width: 400px;
max-width: 100%;
position: relative;
margin: 20px 0;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list {
background: rgba(255, 255, 255, 0.75);
position: static;
flex-grow: 1;
margin: 0;
width: 100%;
padding: 40px 35px 30px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
backdrop-filter: blur(16px);
}
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list:before,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list:before {
content: '';
display: none;
width: 145px;
height: 5px;
background: rgba(112, 112, 112, 0.2);
left: 50%;
top: 12px;
transform: translateX(-50%);
border-radius: 3px;
position: absolute;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list:before,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list:before {
display: block;
}
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-options-list-title,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-options-list-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 40px;
text-align: center;
display: none;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-options-list-title,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-options-list-title {
display: block;
}
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option {
font-size: 16px;
line-height: 20px;
margin: 5px 0;
color: #001d3a;
position: relative;
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option .checkmark,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option .checkmark {
width: 20px;
height: 20px;
border: 1px solid #0c5da8;
border-radius: 3px;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option .checkmark:after,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option .checkmark:after {
left: 6px;
top: 1px;
width: 5px;
height: 10px;
border: solid #40c7fc;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
display: none;
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option input,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option input {
display: none;
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option input:checked ~ .checkmark:after,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option input:checked ~ .checkmark:after {
display: block;
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option label,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .sorter-options-list .sorter-option label {
padding-left: 30px;
position: relative;
z-index: 1;
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .toolbar-actions,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .toolbar-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: -5px;
margin-right: -5px;
justify-content: center;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .toolbar-actions,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .toolbar-actions {
margin-top: 40px;
}
}
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .toolbar-actions .toolbar-btn,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .toolbar-actions .toolbar-btn {
display: none;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .sorter-options-content .toolbar-actions .toolbar-btn,
.catalogsearch-result-index .page-main .toolbar-products ~ .sorter-options-content .toolbar-actions .toolbar-btn {
display: block;
}
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter {
overflow: hidden;
max-height: 0;
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
border-bottom-width: 0;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .block.filter,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter {
max-height: unset;
border-bottom: none;
transition: none;
position: fixed;
background: transparent;
z-index: -1;
top: 0;
height: 100%;
opacity: 0;
transition: opacity 1s;
padding-top: 110px;
display: none;
flex-direction: column;
width: 100%;
}
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter.active,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter.active {
max-height: 1000px;
transition: max-height 1s, border 0.1s linear;
border-bottom-width: 1px;
overflow: visible;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .block.filter.active,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter.active {
max-height: unset;
border-bottom: none;
transition: none;
z-index: 9;
opacity: 1;
transition: opacity 1s;
display: flex;
}
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-title,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-title {
display: none;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content {
display: flex;
flex-direction: column;
width: max-content;
border-radius: 30px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
padding: 25px 30px;
box-sizing: border-box;
width: 100%;
position: relative;
margin: 20px 0;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content {
background: rgba(255, 255, 255, 0.75);
position: static;
flex-grow: 1;
margin: 0;
width: 100%;
padding: 20px 40px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
backdrop-filter: blur(16px);
}
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content:before,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content:before {
content: '';
display: none;
width: 145px;
height: 5px;
background: rgba(112, 112, 112, 0.2);
left: 50%;
top: 12px;
transform: translateX(-50%);
border-radius: 3px;
position: absolute;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content:before,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content:before {
display: block;
}
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content > .filter-current,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content > .filter-current {
display: none;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content > .filter-actions,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content > .filter-actions {
display: none;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-subtitle,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-subtitle {
display: none;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options {
display: grid;
grid-template-columns: 24% 24% 24% 24%;
grid-column-gap: 2%;
width: 100%;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options {
grid-template-columns: 49% 49%;
}
}
@media (max-width: 479px) {
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options {
grid-template-columns: 100%;
overflow-y: auto;
height: calc(100vh - 250px);
}
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-title,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-title {
font-size: 24px;
font-weight: 700;
color: #001d3a;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content {
display: block !important;
padding: 0;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item {
font-size: 16px;
font-weight: 500;
color: #001d3a;
margin: 10px 0;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a {
color: #001d3a;
position: relative;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a:hover,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a:hover {
text-decoration: none;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a .checkmark,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a .checkmark {
width: 20px;
height: 20px;
border: 1px solid #0c5da8;
border-radius: 3px;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a .checkmark:after,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a .checkmark:after {
left: 6px;
top: 2px;
width: 5px;
height: 10px;
border: solid #40c7fc;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
display: none;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a input[type="checkbox"],
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a input[type="checkbox"] {
display: none;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a input[type="checkbox"]:checked ~ .checkmark:after,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a input[type="checkbox"]:checked ~ .checkmark:after {
display: block;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a .checkmark ~ label,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .filter-options .filter-options-content .items .item a .checkmark ~ label {
margin-left: 25px;
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .toolbar-actions,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .toolbar-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-left: -5px;
margin-right: -5px;
justify-content: center;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .toolbar-actions,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .toolbar-actions {
margin-top: 40px;
}
}
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .toolbar-actions .toolbar-btn,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .toolbar-actions .toolbar-btn {
display: none;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.catalog-category-view .page-main .toolbar-products ~ .block.filter .filter-content .toolbar-actions .toolbar-btn,
.catalogsearch-result-index .page-main .toolbar-products ~ .block.filter .filter-content .toolbar-actions .toolbar-btn {
display: block;
}
}
@media (max-width: 767px) {
.catalog-category-view .page-main .block.block-product-contact .block-info,
.catalogsearch-result-index .page-main .block.block-product-contact .block-info {
padding: 50px 15px 40px;
}
}
.catalog-category-view .page-main .block.block-product-contact .block-title,
.catalogsearch-result-index .page-main .block.block-product-contact .block-title {
margin-bottom: 30px;
}
.catalog-category-view .page-main .block.block-product-contact .block-actions .action-primary,
.catalogsearch-result-index .page-main .block.block-product-contact .block-actions .action-primary {
font-size: 14px;
}
.catalog-product-view.page-layout-1column .page-wrapper {
overflow: hidden;
}
.catalog-product-view.page-layout-1column .page-wrapper .breadcrumbs .items {
border-bottom: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main {
max-width: 1640px;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main {
order: unset;
padding-bottom: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top {
padding: 0 0 50px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top {
display: flex;
flex-direction: column;
padding: 0 20px 50px;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top {
padding: 0 0 20px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top:after {
display: block;
content: '';
width: 0;
height: 0;
clear: both;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main {
width: calc(67% - 30px);
margin-right: 15px;
margin-left: 15px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left {
width: 60%;
padding-right: 15px;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left {
width: 100%;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left {
display: flex;
flex-direction: column;
padding: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top {
padding: 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top {
padding: 0 30px 20px;
border-bottom: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top:after {
content: " ";
display: table;
clear: both;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper {
display: flex;
width: calc(100% - 90px);
padding: 0 50px 0 40px;
}
@media (max-width: 479px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper {
width: 100%;
padding: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title {
color: #001d3a;
margin-right: 15px;
font-size: 34px;
font-weight: 700;
margin-bottom: 10px;
position: relative;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title.discount {
padding-right: 60px;
}
@media (max-width: 1023px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title {
margin-right: 0;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title {
font-size: 28px;
}
}
@media (max-width: 479px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title {
margin-bottom: 15px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title .discount-block {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
border: 2px solid #FF4E00;
border-radius: 14px;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title .discount-block {
width: 36px;
height: 36px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title .discount-block .content {
color: #FF4E00;
font-size: 18px;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title .discount-block .content {
font-size: 12px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title .discount-block .content .value {
font-weight: 700;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .page-title .discount-block {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .sub-title {
font-size: 18px;
font-weight: 600;
line-height: 24px;
display: block;
margin-top: 10px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .sub-title {
font-size: 14px;
font-weight: 400;
line-height: 18px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .price-benefit {
width: 53px;
height: 53px;
border: 2px solid #ff4e00;
border-radius: 14px;
line-height: 53px;
text-align: center;
color: #FF4E00;
background: #E8E8E8;
font-size: 18px;
font-weight: 900;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .page-title-wrapper .percent-symbol {
font-weight: 400;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .product-reviews-summary {
display: flex;
width: calc(100% - 90px);
padding: 0 50px 0 40px;
}
@media (max-width: 479px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .product-reviews-summary {
padding: 0;
width: 100%;
margin: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .product-reviews-summary .rating-summary {
left: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .product-reviews-summary .rating-summary .rating-result > span:before {
color: #30C6FF;
z-index: 1;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .product-reviews-summary .rating-value {
color: #001d3a;
line-height: 28px;
font-weight: bold;
font-size: 16px;
margin: 0 8px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .product-reviews-summary .reviews-actions {
text-transform: lowercase;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .product-reviews-summary .reviews-actions a {
font-size: 16px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .family-variants {
min-height: 34px;
width: calc(100% - 90px);
padding: 0 50px 0 40px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .family-variants {
margin-bottom: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-left-top .family-variants.slider {
width: 100%;
padding: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-services {
border-top: 1px solid rgba(112, 112, 112, 0.1);
margin: 20px 0 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-services {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services {
padding: 25px 40px 30px 50px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services {
display: none;
padding: 30px 20px 0 70px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services .product-info-services-list {
list-style: none;
padding: 0;
margin: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services .product-info-services-list .service-item {
padding: 20px 0;
position: relative;
font-size: 16px;
line-height: 20px;
margin: 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services .product-info-services-list .service-item:last-child {
padding-bottom: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services .product-info-services-list .service-item.filtered-water:before {
-webkit-mask-image: url('../images/filtered_water.svg');
mask-image: url('../images/filtered_water.svg');
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services .product-info-services-list .service-item.water-network:before {
-webkit-mask-image: url('../images/water_network.svg');
mask-image: url('../images/water_network.svg');
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services .product-info-services-list .service-item.water-provides:before {
-webkit-mask-image: url('../images/water_provides.svg');
mask-image: url('../images/water_provides.svg');
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services .product-info-services-list .service-item.installation-maintenance:before {
-webkit-mask-image: url('../images/installation_maintenance.svg');
mask-image: url('../images/installation_maintenance.svg');
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services .product-info-services-list .service-item.payment-automatically:before {
-webkit-mask-image: url('../images/payment_automatically.svg');
mask-image: url('../images/payment_automatically.svg');
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-services .product-info-services-list .service-item:before {
display: block;
content: "";
position: absolute;
left: -50px;
top: 50%;
transform: translateY(-50%);
width: 35px;
height: 60px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: #40c7fc;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo {
display: flex;
align-items: center;
width: calc(100% - 15px);
padding: 15px 30px 15px 40px;
justify-content: space-between;
border: 1px dashed rgba(48, 198, 255, 0.35);
border-radius: 15px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
background: #F5F5F5;
font-size: 16px;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo {
margin-bottom: 18px;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo {
width: calc(100% - 48px);
margin: 0 auto 18px;
padding: 15px;
flex-wrap: wrap;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo .title {
font-weight: 700;
color: #0c5da8;
text-transform: uppercase;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo .title {
order: 1;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo .detail {
flex-shrink: 1;
padding: 0 20px 0 40px;
color: #0D0D0D;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo .detail {
order: 0;
padding: 0 0 10px;
font-size: 14px;
line-height: 18px;
border-bottom: 1px dashed #B0E5F9;
width: 100%;
margin-bottom: 10px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo .expand-btn {
width: 28px;
height: 28px;
display: block;
-webkit-mask-image: url(../images/tab_expand_icon.svg);
mask-image: url(../images/tab_expand_icon.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: #0c5da8;
flex-shrink: 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo .expand-btn {
order: 2;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount {
display: flex;
align-items: center;
width: calc(100% - 15px);
padding: 3px;
justify-content: space-between;
border-radius: 15px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
background: #001D3A;
font-size: 16px;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount {
margin-bottom: 18px;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount {
width: calc(100% - 48px);
margin: 0 auto 18px;
padding: 3px;
flex-wrap: wrap;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount .content {
border: 1px dashed #ffffff;
border-radius: 15px;
width: 100%;
display: flex;
align-items: center;
padding: 15px 20px 15px 25px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount .content {
padding: 15px 20px 15px 20px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount .content .detail {
flex-shrink: 1;
padding: 0 10px 0 10px;
color: #ffffff;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount .content .detail {
order: 0;
padding: 0 0 0 15px;
font-size: 14px;
line-height: 18px;
width: 100%;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount.custom-red {
background: #9E0623;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount.custom-red .content {
padding: 8px 20px 4px 25px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount.custom-red .content .icon {
max-width: 30px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product-info-promo-discount {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product.attribute.overview {
padding: 35px 40px 35px 50px;
margin: 0;
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
font-size: 18px;
font-weight: 600;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product.attribute.overview {
padding: 0 15px 15px;
font-size: 14px;
font-weight: 400;
border-bottom: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-left .product.attribute.overview p {
margin-bottom: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right {
width: 40%;
}
@media (max-width: 1023px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right {
width: 100%;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data {
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.16);
border-radius: 30px;
padding: 20px 0;
position: relative;
background: #ffffff;
margin-bottom: 35px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data {
display: flex;
flex-direction: column;
box-shadow: none;
border-radius: 0;
padding: 0;
margin-bottom: 0;
background: transparent;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data:after {
display: block;
width: calc(100% - 26px);
left: 50%;
bottom: -15px;
transform: translateX(-50%);
z-index: -1;
background: #000;
height: 100px;
content: '';
position: absolute;
border-radius: 30px;
background: #40c7fc;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data:after {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form {
margin-bottom: 20px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form form {
display: flex;
flex-direction: column;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .product-options-wrapper {
display: block;
width: calc(100% - 80px);
padding: 0 40px;
margin: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .product-options-wrapper .field.configurable .label {
margin: 0 0 10px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart-form {
order: 1;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart-form {
order: 2;
border-radius: 30px;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.16);
background: #ffffff;
margin-bottom: 10px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart {
display: block;
width: 100%;
margin: 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart {
width: auto;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .fieldset {
margin: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty {
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding: 0;
color: #000000;
padding: 20px 40px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty {
padding: 20px 8px 20px 15px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty:before,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty:after {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .label {
margin: 0;
font-size: 18px;
display: flex;
font-weight: 400;
align-items: center;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .label {
font-size: 16px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .label.no-icon {
padding-left: 17px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .label:before {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .label:after {
border: 1px solid #0c5da8;
border-width: 0 1px 1px 0;
display: none;
padding: 2px;
transform: rotate(-45deg);
content: '';
margin-left: 5px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .label:after {
display: block;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control {
display: flex;
align-items: center;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .qty-action,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .sp-button,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .action {
width: 35px;
height: 20px;
display: block;
text-align: center;
font-size: 24px;
line-height: 20px;
color: #000000;
cursor: pointer;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .qty-action,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .sp-button,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .action {
/*width: 27px;
height: 27px;
line-height: 27px;
font-size: 18px;
background: #F2F2F2;
border-radius: 50%;*/
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .qty-action:hover,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .sp-button:hover,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .action:hover {
text-decoration: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .input-text {
height: 50px;
width: 50px;
border: none;
font-size: 18px;
font-weight: bold;
line-height: 50px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 15px;
color: #0c5da8;
text-align: center;
padding: 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .field.qty .control .input-text {
/*height: 35px;
width: 35px;
background: #F2F2F2;
border-radius: 50%;
line-height: 35px;
background: #E6EDF0;
border: 1px solid #E6EDF0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
margin: 0 10px;*/
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form .box-tocart .actions {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer {
height: 56px;
margin-bottom: 10px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .note-icon {
display: inline-flex;
align-items: center;
position: relative;
margin: 10px 5px 8px 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .note-icon:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .note-icon:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .note-icon:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .note-icon:before {
margin-right: 5px;
flex-shrink: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip {
position: relative;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
top: 100%;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle {
cursor: help;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:hover + .tooltip-content,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:focus + .tooltip-content,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip:hover .tooltip-content {
display: block;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
margin: 0 5px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:hover {
text-decoration: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content {
left: -32px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
left: 22px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
top: 100%;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle {
cursor: help;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:hover + .tooltip-content,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:focus + .tooltip-content,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip:hover .tooltip-content {
display: block;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:hover {
text-decoration: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content {
left: -32px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
left: 22px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .custom-tooltip .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .custom-offer .label {
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price {
padding: 0 40px;
border-top: 1px solid rgba(139, 165, 180, 0.2);
order: 2;
/*.monthly-price-label {
font-size: 14px;
font-weight: 700;
color: rgba(0, 29, 58, 0.3);
@media (max-width: (@screen__m - 1) ) {
width: 50%;
}
}
.monthly-price-value {
width: 100%;
text-align: center;
font-size: 14px;
font-weight: 900;
color: rgba(0, 29, 58, 0.3);
@media (max-width: (@screen__m - 1) ) {
width: 50%;
text-align: right;
}
}*/
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price {
padding: 15px 20px 20px 30px;
border-radius: 30px;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
background: #ffffff;
margin-bottom: 10px;
order: 1;
border-top: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .content {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .content {
padding: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .content:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 6px;
background: #00469e;
transform: translateY(-50%);
border-radius: 3px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .content:after {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .price-label {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .product-info-price-label {
font-size: 16px;
font-weight: 500;
color: #000000;
line-height: 24px;
padding-left: 17px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .product-info-price-label {
padding-left: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .price-box {
display: flex;
flex-direction: column;
align-items: end;
position: relative;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .price-box {
margin-top: 10px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .old-price {
color: rgba(0, 29, 58, 0.3);
position: absolute;
top: 0;
right: 0;
transform: translate(0, -100%);
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .old-price .price {
font-size: 14px;
font-weight: 900;
line-height: 18px;
color: rgba(0, 29, 58, 0.3);
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .special-price {
margin: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .price {
font-size: 24px;
font-weight: 900;
line-height: 24px;
color: #40c7fc;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .price {
font-size: 24px;
line-height: 24px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price .price .currency {
margin-left: 3px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .ask-for-offer-text {
padding: 0 40px;
color: #00469e;
text-align: center;
order: 4;
border-top: 1px solid rgba(139, 165, 180, 0.2);
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .ask-for-offer-text {
order: 1;
padding: 23px 60px;
border-radius: 30px;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
background: #ffffff;
margin-bottom: 10px;
border: none;
font-size: 14px;
font-weight: 700;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .ask-for-offer-text .content {
position: relative;
padding: 55px 0 40px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .ask-for-offer-text .content {
padding: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .ask-for-offer-text .content:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 6px;
background: #00469e;
transform: translateY(-50%);
border-radius: 3px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .ask-for-offer-text .content:after {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom {
order: 7;
padding: 0 40px;
margin-top: 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom {
padding: 14px 35px 20px;
border-radius: 20px 20px 0 0;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.16);
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom.sticky {
position: fixed;
width: 100%;
box-sizing: border-box;
z-index: 3;
bottom: 0;
left: 0;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
font-size: 14px;
font-weight: 600;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
cursor: pointer;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn:hover {
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn:after {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: "";
margin-left: 5px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.disabled {
opacity: 0.5;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .ask-for-offer {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
font-size: 14px;
font-weight: 600;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
cursor: pointer;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .ask-for-offer:hover {
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .ask-for-offer:after {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: "";
margin-left: 5px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-cart-icon {
position: relative;
width: 45px;
height: 45px;
margin-left: 15px;
background: linear-gradient(245deg, #63c4ff 0%, #044ba2 58.6%, #00095b 100%);
border-radius: 50%;
display: none;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-cart-icon {
display: block;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-cart-icon:after {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-mask-image: url('../images/shopping_cart_icon.svg');
mask-image: url('../images/shopping_cart_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 50% 50%;
mask-size: 50% 50%;
background-color: #ffffff;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-cart-icon .counter-number {
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #dff0f7;
position: absolute;
top: -2px;
right: -2px;
color: #000000;
font-size: 12px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-cart-icon .counter-number.hidden {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages {
font-size: 14px;
padding: 25px 40px 50px;
border-top: 1px solid rgba(139, 165, 180, 0.2);
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages.packages-allow {
border-top: 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages {
padding: 25px 23px 25px 15px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form {
display: flex;
flex-direction: column;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0 0 30px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset {
margin: 5px 0 25px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option {
height: 32px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option {
margin: 0 0 25px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .label {
font-size: 18px;
line-height: 18px;
color: #000000;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .label.no-icon {
padding-left: 17px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn {
position: relative;
margin-right: 10px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn .switch-checkbox {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn .switch-checkbox:checked + .switch-label:before {
right: 4px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn .switch-checkbox:checked + .switch-label:after {
background: #40c7fc;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn .switch-label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 22px;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn .switch-label:before,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn .switch-label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn .switch-label:before {
background: linear-gradient(180deg, #63c4ff 0%, #044ba2 58.6%, #00095b 100%);
border-radius: 50%;
content: "";
display: block;
height: 24px;
transition: right 0.2s ease-in 0s;
width: 24px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 4px;
right: 30px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn .switch-label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 30px;
transition: background 0.2s ease-in 0s;
width: 56px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.option .control .switch-btn .switch-label {
height: 32px;
line-height: 32px;
width: 56px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty .fieldset-return-non-qty {
display: flex;
font-size: 16px;
color: #B0BBC4;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty .fieldset-return-non-qty span.note-icon {
align-items: flex-start;
margin: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty .fieldset-return-non-qty span.note-icon:before {
background: #ee3333;
margin-top: 3px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty .fieldset-return-non-qty span.note-icon:before {
margin-right: 10px;
position: unset;
left: unset;
transform: unset;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty .fieldset-return-qty {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-non-qty {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
margin-right: -25px;
width: calc(100% + 25px);
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty {
margin-right: -5px;
width: calc(100% + 5px);
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .label {
padding-left: 17px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control {
display: flex;
align-items: center;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .qty-action,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .sp-button,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .action {
width: 35px;
height: 20px;
display: block;
text-align: center;
font-size: 24px;
line-height: 20px;
color: #000000;
cursor: pointer;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .qty-action,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .sp-button,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .action {
/*width: 27px;
height: 27px;
line-height: 27px;
font-size: 18px;
background: #F2F2F2;
border-radius: 50%;*/
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .qty-action:hover,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .sp-button:hover,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .action:hover {
text-decoration: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .input-text {
height: 50px;
width: 50px;
border: none;
font-size: 18px;
font-weight: bold;
line-height: 50px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 15px;
color: #0c5da8;
text-align: center;
padding: 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-form > .fieldset.qty.active .fieldset-return-qty .control .input-text {
/*height: 35px;
width: 35px;
background: #F2F2F2;
border-radius: 50%;
line-height: 35px;
background: #E6EDF0;
border: 1px solid #E6EDF0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
margin: 0 10px;*/
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-info .fieldset .label {
font-weight: 500;
margin: 0;
align-items: flex-start;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-info .fieldset .label.note-icon:before {
background: #ee3333;
margin-top: 3px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-info .fieldset .label.note-icon:before {
position: static;
transform: none;
margin-right: 12px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-info .fieldset .control {
font-weight: 700;
margin-left: 17px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .returnable-packages .returnable-packages-info .fieldset .price-calculate {
font-weight: 700;
white-space: nowrap;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance {
padding: 0 40px;
border-top: 1px solid rgba(139, 165, 180, 0.2);
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance {
padding: 28px 40px 20px 15px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content {
display: flex;
padding: 30px 0;
position: relative;
justify-content: space-between;
align-items: center;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content {
padding: 0;
align-items: flex-start;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .mobile-title {
font-size: 12px;
font-weight: 900;
line-height: 15px;
margin-bottom: 8px;
color: #0c5da8;
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .mobile-title:after {
border: 1px solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: '';
margin-left: 5px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .title {
font-size: 12px;
font-weight: 900;
line-height: 15px;
color: #40c7fc;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .title.note-icon {
font-size: 0;
display: inline-block;
margin: 0;
line-height: 1;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .title.note-icon:before {
margin-right: 0;
position: static;
transform: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .sub-title {
font-size: 18px;
line-height: 22px;
color: #000000;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .sub-title {
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .description {
color: rgba(0, 29, 58, 0.3);
font-size: 14px;
line-height: 17px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .description {
padding-left: 16px;
padding-top: 10px;
font-weight: 700;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .switch-btn {
position: relative;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .switch-btn .switch-checkbox {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .switch-btn .switch-checkbox:checked + .switch-label:before {
right: 4px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .switch-btn .switch-checkbox:checked + .switch-label:after {
background: #40c7fc;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .switch-btn .switch-label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 22px;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .switch-btn .switch-label:before,
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .switch-btn .switch-label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .switch-btn .switch-label:before {
background: linear-gradient(180deg, #63c4ff 0%, #044ba2 58.6%, #00095b 100%);
border-radius: 50%;
content: "";
display: block;
height: 24px;
transition: right 0.2s ease-in 0s;
width: 24px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 4px;
right: 30px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-maintenance .content .switch-btn .switch-label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 30px;
transition: background 0.2s ease-in 0s;
width: 56px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo {
display: flex;
align-items: center;
width: calc(100% - 15px);
padding: 15px 30px 15px 40px;
justify-content: space-between;
border: 1px dashed rgba(48, 198, 255, 0.35);
border-radius: 15px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
background: #F5F5F5;
font-size: 16px;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo {
margin-bottom: 18px;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo {
width: calc(100% - 48px);
margin: 0 auto 18px;
padding: 15px;
flex-wrap: wrap;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo .title {
font-weight: 700;
color: #0c5da8;
text-transform: uppercase;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo .title {
order: 1;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo .detail {
flex-shrink: 1;
padding: 0 20px 0 40px;
color: #0D0D0D;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo .detail {
order: 0;
padding: 0 0 10px;
font-size: 14px;
line-height: 18px;
border-bottom: 1px dashed #B0E5F9;
width: 100%;
margin-bottom: 10px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo .expand-btn {
width: 28px;
height: 28px;
display: block;
-webkit-mask-image: url(../images/tab_expand_icon.svg);
mask-image: url(../images/tab_expand_icon.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: #0c5da8;
flex-shrink: 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo .expand-btn {
order: 2;
}
}
@media (min-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount {
display: flex;
align-items: center;
width: calc(100% - 15px);
padding: 3px;
justify-content: space-between;
border-radius: 15px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
background: #001D3A;
font-size: 16px;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount {
margin-bottom: 18px;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount {
width: calc(100% - 48px);
margin: 0 auto 18px;
padding: 3px;
flex-wrap: wrap;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount .content {
border: 1px dashed #ffffff;
border-radius: 15px;
width: 100%;
display: flex;
align-items: center;
padding: 15px 20px 15px 25px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount .content {
padding: 15px 20px 15px 20px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount .content .detail {
flex-shrink: 1;
padding: 0 10px 0 10px;
color: #ffffff;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount .content .detail {
order: 0;
padding: 0 0 0 15px;
font-size: 14px;
line-height: 18px;
width: 100%;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount.custom-red {
background: #9E0623;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount.custom-red .content {
padding: 8px 20px 4px 25px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount.custom-red .content .icon {
max-width: 30px;
}
@media (min-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-promo-mobile .product-info-promo-discount {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0 0;
border-top: 1px solid rgba(112, 112, 112, 0.1);
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery {
justify-content: center;
border-top: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item {
height: 60px;
width: 60px;
border-radius: 15px;
background: #f5f5f5;
margin-left: 10px;
font-size: 12px;
font-weight: 900;
text-align: center;
display: flex;
align-items: center;
color: #0c5da8;
position: relative;
text-transform: uppercase;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item {
font-size: 9px;
height: 45px;
width: 45px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item:after {
-webkit-mask-image: url('../images/delivery_percent.svg');
mask-image: url('../images/delivery_percent.svg');
display: block;
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 50% 50%;
mask-size: 50% 50%;
background-color: #0c5da8;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item:hover {
text-decoration: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item:first-child {
margin-left: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item.transport {
width: 190px;
text-align: left;
padding: 0 20px;
font-size: 14px;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item.transport {
font-size: 10px;
width: 145px;
padding: 0 15px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item.transport:before {
content: '';
display: inline-block;
width: 60px;
height: 20px;
margin-right: 10px;
vertical-align: middle;
-webkit-mask-image: url('../images/delivery_transport.svg');
mask-image: url('../images/delivery_transport.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background-color: #0c5da8;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item.transport:before {
width: 40px;
height: 15px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item.transport:after {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item.black-friday:after {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-delivery .delivery-item.delivery-services:after {
-webkit-mask-image: url('../images/delivery_services.svg');
mask-image: url('../images/delivery_services.svg');
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-services-mobile {
margin: 0 24px;
}
@media (min-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-services-mobile {
display: none;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media {
position: relative;
order: -1;
}
@media (min-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media {
width: 100%;
}
}
@media (min-width: 1024px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media {
width: 33%;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media {
padding: 0 15px 20px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .product-info-title-mobile {
display: none;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .product-info-title-mobile {
display: block;
padding: 0 35px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama {
z-index: 9;
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama {
margin-top: 0;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage {
height: 300px !important;
width: 360px !important;
margin: 0 auto;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr {
width: 40px;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr {
display: block !important;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
background: transparent;
}
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr--prev {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
-o-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr--prev .fotorama__arr__arr {
background-image: url('/media/theme/images/arrow-left.svg');
}
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr--next {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
-o-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr--next .fotorama__arr__arr {
background-image: url('/media/theme/images/arrow-right.svg');
}
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__arr .fotorama__arr__arr {
transform: translate3d(-50%, -50%, 0) scale(0.4);
background-position: center;
background-size: contain;
height: 40px;
width: 40px;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__stage__shaft {
max-width: 300px;
margin: 0 auto !important;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame {
background-image: url('/media/theme/images/product-bg.svg');
background-color: #ffffff;
background-position-x: center;
background-position-y: 110px;
background-repeat: no-repeat;
background-size: 75% 75%;
margin-top: 1px;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame {
background-image: url('/media/theme/images/product-bg-mobile.svg');
background-position-y: 50px;
background-size: 100% auto;
}
}
@media (max-width: 767px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__stage .fotorama__stage__shaft .fotorama__stage__frame img {
top: 0;
transform: translate3d(-50%, 0, 0);
height: 300px;
}
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft {
margin-top: 20px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__thumb-border {
border-radius: 10px;
border-color: #ababab;
border-width: 1px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame--thumb {
padding: 0;
border-radius: 10px;
margin: 10px 10px 0 0;
border: 1px solid #e1e1e1;
box-sizing: border-box;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame--thumb .fotorama__thumb {
border-radius: 10px;
background-color: #fafafa;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame--dot {
height: auto;
width: auto;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame--dot .fotorama__dot {
border: 0;
height: 10px;
width: 10px;
margin: 0 9px;
border-radius: 10px;
background-color: #CFCFCF;
left: unset;
top: unset;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .gallery-placeholder .fotorama .fotorama__wrap .fotorama__nav-wrap .fotorama__nav .fotorama__nav__shaft .fotorama__nav__frame--dot.fotorama__active .fotorama__dot {
background-color: #00469E;
width: 40px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .discount-block {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
border: 2px solid #FF4E00;
border-radius: 14px;
top: 30px;
right: 30px;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .discount-block {
width: 36px;
height: 36px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .discount-block .content {
color: #FF4E00;
font-size: 18px;
}
@media (max-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .discount-block .content {
font-size: 12px;
}
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .discount-block .content .value {
font-weight: 700;
}
@media (min-width: 768px) {
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product.media .discount-block {
display: none;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-add-form {
margin-bottom: 20px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .product-info-price {
display: none !important;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .box-tocart {
margin: 0;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .box-tocart > .fieldset {
margin: 0;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper {
order: 2;
position: relative;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
top: 100%;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle {
cursor: help;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:hover + .tooltip-content,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:focus + .tooltip-content,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper:hover .tooltip-content {
display: block;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
margin: 0 5px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:hover {
text-decoration: none;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content {
left: -32px;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
left: 22px;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content {
background: #ffffff;
max-width: 360px;
min-width: 210px;
padding: 12px 16px;
z-index: 100;
display: none;
position: absolute;
text-align: left;
color: #333333;
line-height: 1.4;
border: 1px solid #bbbbbb;
margin-bottom: 5px;
bottom: 100%;
left: 0;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
border-width: 5px;
border-color: transparent;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
border-width: 6px;
border-color: transparent;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
top: 100%;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
border-top-color: #ffffff;
left: 15px;
margin-left: -5px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
border-top-color: #bbbbbb;
left: 15px;
margin-left: -6px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle {
cursor: help;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:hover + .tooltip-content,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:focus + .tooltip-content,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper:hover .tooltip-content {
display: block;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle {
display: inline-flex;
align-items: center;
position: relative;
font-size: 16px;
font-weight: 500;
color: #30c6ff;
line-height: 30px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:hover {
text-decoration: none;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
}
@media (max-width: 768px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content {
width: 210px;
left: -120px;
padding: 20px;
border-radius: 20px;
box-shadow: 0 5px 30px rgba(11, 64, 117, 0.1);
font-size: 14px;
border-color: #f1f1f1;
}
@media (max-width: 768px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content {
left: -32px;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
left: 50%;
}
@media (max-width: 768px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
left: 22px;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
margin-left: -10px;
border-width: 10px;
border-top-color: #f1f1f1;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
margin-left: -9px;
border-width: 9px;
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper {
padding: 15px 20px 20px 15px;
border-radius: 30px;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
background: #ffffff;
margin-bottom: 10px;
order: 1;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:before {
margin-right: 0;
position: static;
transform: none;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-toggle:hover .tooltip-content {
display: block;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16);
border-color: #40c7fc;
width: 300px;
left: -145px;
padding: 18px;
line-height: 22px;
margin-bottom: 0;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content {
right: -15px;
top: 50%;
transform: translate(100%, -50%);
left: auto;
bottom: auto;
max-width: calc(100VW - 80px);
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
border-top-color: #40c7fc;
}
@media (max-width: 1023px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:before {
border-top-color: transparent;
border-right-color: #40c7fc;
top: 50%;
left: -10px;
transform: translateY(-50%);
}
}
@media (max-width: 1023px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .price-wapper .tooltip-content:after {
border-top-color: transparent;
border-right-color: #ffffff;
top: 50%;
left: -9px;
transform: translateY(-50%);
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price {
padding: 0 40px;
border-top: 1px solid rgba(139, 165, 180, 0.2);
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price {
border-top: 0;
padding: 0;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .content {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: relative;
padding: 20px 0;
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .content {
padding: 0;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .content:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 6px;
background: #00469e;
transform: translateY(-50%);
border-radius: 3px;
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .content:after {
display: none;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-label .subscription-info {
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #000000;
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-label .subscription-info {
font-size: 16px;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-label .subscription-info:hover {
text-decoration: none;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-label .subscription-info:after {
border: 1px solid #00469E;
border-width: 0 1px 1px 0;
transform: translateY(-2px) rotate(-45deg);
content: '';
display: inline-block;
width: 4px;
height: 4px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-label .tooltip-content {
display: none;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-label .price-label-text {
font-size: 12px;
font-weight: 700;
line-height: 30px;
color: #001D3A;
opacity: 0.30;
margin-left: 16px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-box {
display: flex;
flex-direction: column;
align-items: end;
margin-top: 0;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-box .price.price-currency.first {
font-size: 24px;
font-weight: 700;
line-height: 24px;
color: #30c6ff;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-box .price.price-currency.first .currency {
font-size: 12px;
font-weight: 400;
vertical-align: text-top;
margin-left: 3px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-box .price.price-currency.last {
font-size: 12px;
font-weight: 700;
line-height: 24px;
color: #001D3A;
opacity: 0.30;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-box .price.price-currency.last .decimals {
font-size: 1em;
position: static;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-price .price-box .price.price-currency.last .currency {
font-size: 12px;
font-weight: 700;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action {
order: 5;
padding: 0 40px;
display: none;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions {
padding: 0;
display: block !important;
box-sizing: border-box;
width: 100%;
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions {
display: none !important;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .action.primary.tocart,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.tocart,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.tocart {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
font-size: 14px;
font-weight: 600;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
cursor: pointer;
width: 100%;
display: none !important;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .action.primary.tocart:hover,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.tocart:hover,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.tocart:hover {
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .action.primary.tocart:after,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.tocart:after,
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.tocart:after {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: "";
margin-left: 5px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .ask-for-offer {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
font-size: 14px;
font-weight: 600;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
cursor: pointer;
width: 100%;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .ask-for-offer:hover {
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .subscription-custom-action .actions .ask-for-offer:after {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: "";
margin-left: 5px;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .message.addtocart {
padding: 0 40px;
text-align: center;
border-top: 1px solid rgba(139, 165, 180, 0.2);
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .message.addtocart {
border-top: 0;
}
}
@media (max-width: 479px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .message.addtocart {
padding: 0 30px;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .message.addtocart .content {
padding: 45px 0;
position: relative;
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .message.addtocart .content {
padding: 8px 0 3px 5px;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .message.addtocart .content:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 6px;
background: #00469e;
transform: translateY(-50%);
border-radius: 3px;
}
@media (max-width: 767px) {
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .message.addtocart .content:after {
display: none;
}
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .message.addtocart .info {
font-weight: 700;
}
.catalog-product-view.page-product-subscription .page-main .product-information-top .product-info-main .product-info-right .product-info-form-data .message.addtocart .text {
font-size: 14px;
font-weight: 600;
color: #0c5da8;
}
.catalog-product-view .product-info-services-mobile .product-info-services {
display: none;
}
@media (max-width: 767px) {
.catalog-product-view .product-info-services-mobile .product-info-services {
display: block;
}
}
.catalog-product-view .note-icon {
display: inline-flex;
align-items: center;
position: relative;
margin: 10px 5px 8px 0;
}
.catalog-product-view .note-icon:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url('../images/note_icon.svg');
mask-image: url('../images/note_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
}
@media (max-width: 768px) {
.catalog-product-view .note-icon:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
@media (max-width: 767px) {
.catalog-product-view .note-icon:before {
position: absolute;
left: -5px;
transform: translateX(-100%);
}
}
.catalog-product-view .note-icon:before {
margin-right: 5px;
flex-shrink: 0;
}
.catalog-product-view .product-info-sistemath {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.catalog-product-view .product-info-sistemath {
justify-content: center;
}
}
.catalog-product-view .product-info-sistemath .sistemath-item {
display: block;
padding: 0 20px;
height: 40px;
line-height: 40px;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.1);
margin-left: 10px;
border-radius: 30px;
color: #0c5da8;
font-weight: 600;
}
.catalog-product-view .product-info-sistemath .sistemath-item:first-child {
margin-left: 0;
}
.catalog-product-view .product-info-sistemath .sistemath-item:hover {
text-decoration: none;
}
.catalog-product-view .product-info-sistemath .sistemath-item.diamond {
color: #ffffff;
background-color: #40c7fc;
box-shadow: 0 2px 5px rgba(0, 70, 158, 0.2);
}
.catalog-product-view .product-info-sistemath .sistemath-item.diamond:after {
content: '';
display: inline-block;
width: 4px;
height: 12px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: 10px;
}
.catalog-product-view .product-info-tab-container {
clear: both;
margin-bottom: 80px;
}
@media (max-width: 767px) {
.catalog-product-view .product-info-tab-container {
padding-top: 20px;
margin-bottom: 35px;
border-top: 1px solid rgba(112, 112, 112, 0.1);
}
}
@media (max-width: 767px) {
.catalog-product-view .custom-detailed-tab {
display: none;
}
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content {
display: flex;
justify-content: center;
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title {
font-size: 18px;
line-height: 24px;
border-radius: 30px 30px 0 0;
color: #000000;
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title.active {
background-color: #f6f6f6;
font-weight: 700;
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title.active a {
color: #0c5da8;
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title.active a:active,
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title.active a:focus {
color: #0c5da8;
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title a {
padding: 25px 40px 20px;
display: block;
color: #000000;
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title a:hover {
text-decoration: none;
}
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title a:active,
.catalog-product-view .custom-detailed-tab .custom-detailed-tab-content .tab-title a:focus {
color: #000000;
}
.catalog-product-view .product.info.detailed {
position: relative;
}
.catalog-product-view .product.info.detailed:before {
display: block;
content: '';
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 0;
border-top: 1px solid rgba(112, 112, 112, 0.1);
z-index: 9;
}
@media (max-width: 767px) {
.catalog-product-view .product.info.detailed:before {
display: none;
}
}
.catalog-product-view .product.data.items > .item#description {
max-width: 1365px;
}
.catalog-product-view .product.data.items > .item.title {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
margin: 0 0 10px;
padding: 30px 35px;
min-height: 120px;
display: flex;
align-items: center;
}
@media (min-width: 768px) {
.catalog-product-view .product.data.items > .item.title {
display: none;
}
}
.catalog-product-view .product.data.items > .item.title.active {
box-shadow: 0 -10px 15px rgba(0, 70, 158, 0.1);
margin: 0;
min-height: 0;
padding: 40px 35px 30px;
}
.catalog-product-view .product.data.items > .item.title.active > .switch {
color: #40c7fc;
}
.catalog-product-view .product.data.items > .item.title.active > .switch:after {
-webkit-mask-image: url('../images/tab_close_icon.svg');
mask-image: url('../images/tab_close_icon.svg');
background-color: #40c7fc;
}
@media (max-width: 767px) {
.catalog-product-view .product.data.items > .item.title.active + .item.content {
box-shadow: 0 10px 15px rgba(0, 70, 158, 0.1);
padding-top: 0;
}
}
.catalog-product-view .product.data.items > .item.title > .switch {
border: none;
background: none;
padding: 0 15px 0 0;
font-size: 24px;
line-height: 30px;
height: auto;
font-weight: 400;
color: #0c5da8;
position: relative;
width: 100%;
}
.catalog-product-view .product.data.items > .item.title > .switch:after {
display: block;
content: '';
top: 50%;
right: 0;
transform: translate(50%, -50%);
width: 28px;
height: 28px;
position: absolute;
-webkit-mask-image: url('../images/tab_expand_icon.svg');
mask-image: url('../images/tab_expand_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background-color: #0c5da8;
}
.catalog-product-view .product.data.items > .item.content {
border-top: none;
background: #f6f6f6;
padding: 40px 20px;
position: relative;
margin: 0 auto;
float: none;
font-size: 18px;
color: #000000;
}
@media (max-width: 767px) {
.catalog-product-view .product.data.items > .item.content {
background: none;
margin-bottom: 10px;
border: none;
font-size: 14px;
}
}
.catalog-product-view .product.data.items > .item.content:before,
.catalog-product-view .product.data.items > .item.content:after {
content: '';
display: block;
position: absolute;
height: 100%;
width: 10000px;
left: 0;
top: 0;
background: #f6f6f6;
transform: translateX(-100%);
}
.catalog-product-view .product.data.items > .item.content:after {
right: 0;
left: auto;
transform: translateX(100%);
}
.catalog-product-view .product.data.items > .item.content .title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
color: #0c5da8;
display: block;
}
@media (max-width: 767px) {
.catalog-product-view .product.data.items > .item.content .title {
font-size: 18px;
line-height: 24px;
}
}
.catalog-product-view .product.data.items > .item.content .description-content {
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.catalog-product-view .product.data.items > .item.content .description-content {
flex-direction: column;
}
}
.catalog-product-view .product.data.items > .item.content .description-content .content-text {
padding-right: 75px;
}
@media (max-width: 767px) {
.catalog-product-view .product.data.items > .item.content .description-content .content-text {
padding: 0 20px;
margin-bottom: 40px;
}
}
.catalog-product-view .product.data.items > .item.content .description-content .content-text .title {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.catalog-product-view .product.data.items > .item.content .description-content .content-text .title {
margin-bottom: 25px;
}
}
.catalog-product-view .product.data.items > .item.content .description-content .content-image {
flex-shrink: 0;
}
.catalog-product-view .product.data.items > .item.content .description-content .content-image img {
display: block;
border-radius: 75px;
border: 20px solid #ECECEC;
box-sizing: border-box;
}
.catalog-product-view .product.data.items > .item.content .subscription-detail {
max-width: 1050px;
margin: 10px auto 55px;
}
@media (max-width: 639px) {
.catalog-product-view .product.data.items > .item.content .subscription-detail {
margin: 0 auto 35px;
}
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-list {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
counter-reset: line-number;
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item {
padding: 10px;
position: relative;
box-sizing: border-box;
width: calc(100%/3);
counter-increment: line-number;
}
@media (max-width: 1023px) {
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item {
width: 50%;
}
}
@media (max-width: 639px) {
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item {
width: 100%;
}
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item:before {
content: counter(line-number);
position: absolute;
top: 15px;
left: 20px;
font-size: 24px;
font-weight: 900;
line-height: 30px;
color: rgba(13, 13, 13, 0.1);
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
background: #ffffff;
padding: 33px 40px;
min-height: 135px;
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
height: 100%;
}
@media (max-width: 1439px) {
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content {
padding: 23px 20px;
}
}
@media (max-width: 1023px) {
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content {
padding: 33px 40px;
}
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content .step-item-icon {
flex-shrink: 0;
width: 75px;
height: 70px;
-webkit-mask-image: url('../images/payment_icon.svg');
mask-image: url('../images/payment_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
background: #40c7fc;
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content .step-item-icon.contract-icon {
-webkit-mask-image: url('../images/contract_icon.svg');
mask-image: url('../images/contract_icon.svg');
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content .step-item-icon.fee-icon {
-webkit-mask-image: url('../images/fee_icon.svg');
mask-image: url('../images/fee_icon.svg');
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content .step-item-icon.device-icon {
-webkit-mask-image: url('../images/device_icon.svg');
mask-image: url('../images/device_icon.svg');
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content .step-item-icon.withdrawn-icon {
-webkit-mask-image: url('../images/withdrawn_icon.svg');
mask-image: url('../images/withdrawn_icon.svg');
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content .step-item-icon.maintenance-icon {
-webkit-mask-image: url('../images/maintenance_icon.svg');
mask-image: url('../images/maintenance_icon.svg');
}
.catalog-product-view .product.data.items > .item.content .subscription-steps .step-item .step-item-content .step-item-text {
padding-left: 25px;
font-weight: 700;
line-height: 30px;
}
.catalog-product-view .product.data.items > .item.content .technical-specifications {
overflow: hidden;
}
.catalog-product-view .product.data.items > .item.content .technical-specifications-detail {
text-align: center;
margin-bottom: 20px;
}
.catalog-product-view .product.data.items > .item.content .technical-specifications-list {
display: flex;
flex-wrap: wrap;
margin-left: -30px;
margin-right: -30px;
margin-top: 20px;
}
@media (min-width: 768px) {
.catalog-product-view .product.data.items > .item.content .technical-specifications-list {
margin-top: 40px;
}
}
@media (min-width: 768px) {
.catalog-product-view .product.data.items > .item.content .technical-specifications-list.first .technical-item {
border-bottom: 5px solid rgba(112, 112, 112, 0.1);
}
}
.catalog-product-view .product.data.items > .item.content .technical-specifications-list.first .technical-item .item-title {
color: #0c5da8;
}
.catalog-product-view .product.data.items > .item.content .technical-specifications-list.last .technical-item {
border: none !important;
padding: 0 30px;
}
.catalog-product-view .product.data.items > .item.content .technical-specifications-list .technical-item {
padding: 0 30px 10px;
box-sizing: border-box;
width: 100%;
}
@media (min-width: 768px) {
.catalog-product-view .product.data.items > .item.content .technical-specifications-list .technical-item {
width: 50%;
padding-bottom: 40px;
}
}
.catalog-product-view .product.data.items > .item.content .technical-specifications-list .technical-item:last-child {
border-bottom: 5px solid rgba(112, 112, 112, 0.1);
}
.catalog-product-view .product.data.items > .item.content .technical-specifications-list .technical-item .item-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
.catalog-product-view .product.data.items > .item.content .technical-specifications-list .technical-item .item-content {
font-size: 14px;
line-height: 30px;
}
.catalog-product-view .reviews {
margin-bottom: 50px;
}
.catalog-product-view .block.related {
margin-top: 0;
}
@media (max-width: 1639px) {
.catalog-product-view .block.related {
padding-left: 15px;
padding-right: 15px;
}
}
.catalog-product-view .block.related .products {
margin: 0;
}
.catalog-product-view .block.related .products .product .product-item-info .product-item-photo .product-image-container .product-image-wrapper:before {
display: none;
}
.catalog-product-view .block.related .title {
text-align: center;
}
.catalog-product-view .block.related .title > strong {
font-size: 54px;
line-height: 60px;
font-weight: 500;
margin-bottom: 20px;
color: #001d3a;
font-size: 400;
}
@media (max-width: 767px) {
.catalog-product-view .block.related .title > strong {
font-size: 28px;
line-height: 38px;
}
}
.catalog-product-view .products-grid .product-item {
width: auto;
margin: 0;
height: auto;
}
.catalog-product-view .products-grid .product-item .product-item-info {
width: auto;
text-align: center;
display: flex;
flex-direction: column;
height: 100%;
}
.catalog-product-view .products-grid .product-item .product-item-info .product-item-photo {
position: relative;
}
.catalog-product-view .products-grid .product-item .product-item-info .product-item-photo:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 185px;
height: 0;
border-bottom: 20px solid #E9E9E9;
border-radius: 10px;
z-index: -1;
}
.catalog-product-view .products-grid .product-item .product-item-info .product-item-photo:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 50%;
max-height: 200px;
border: 20px solid #E9E9E9;
box-sizing: border-box;
border-radius: 75px;
z-index: -1;
transform: translateY(-50%);
}
@media (max-width: 639px) {
.catalog-product-view .products-grid .product-item .product-item-info .product-item-photo:after {
border: 10px solid #E9E9E9;
border-radius: 30px;
max-height: 100px;
}
}
.catalog-product-view .products-grid .product-item .product-item-info .product-item-photo .image {
width: auto;
height: auto !important;
border: 0;
}
.catalog-product-view .products-grid .product-item .product-item-info .product-image-wrapper {
position: relative;
}
.catalog-product-view .products-grid .product-item .product-item-info .product-image-wrapper:before {
content: '';
display: block;
position: absolute;
top: 5%;
left: 0;
width: 100%;
height: 90%;
border: 20px solid #E9E9E9;
box-sizing: border-box;
border-radius: 75px;
z-index: -1;
}
.catalog-product-view .products-grid .product-item .product-item-info .product-item-name {
padding: 0;
margin: 0;
}
.catalog-product-view .products-grid .product-item .product-item-info .product-item-name > a {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #0d0d0d;
margin: 30px 0;
display: block;
text-decoration: none;
}
.catalog-product-view .products-grid .product-item .product-item-info .description {
font-size: 14px;
line-height: 24px;
margin-bottom: 30px;
color: #000000;
padding: 0 20px;
text-align: center;
}
.catalog-product-view .products-grid .product-item .product-item-info .product-item-details {
flex-grow: 1;
display: flex;
flex-direction: column;
}
.catalog-product-view .products-grid .product-item .product-item-info .product-item-actions {
margin-top: auto;
}
@media (max-width: 767px) {
.block-product-contact {
margin-bottom: 0 !important;
}
}
.block.related .block-content > .block-actions,
.block.upsell .block-content > .block-actions,
.block.crosssell .block-content > .block-actions,
.block.new .block-content > .block-actions,
.block.block-products-bestseller .block-content > .block-actions {
display: none;
}
.catalog-product-view .product-info-main .page-title-wrapper .page-title {
margin-top: 0;
}
@media (max-width: 639px) {
.fotorama--fullscreen .fotorama__fullscreen-icon {
top: unset;
bottom: 0;
}
}
.checkout-cart-index .totals.paymentfee th,
.checkout-cart-index .totals.paymentfee td {
border-top: unset !important;
font-size: unset;
font-weight: unset !important;
color: unset !important;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary {
box-sizing: border-box;
background: transparent;
margin-bottom: 25px;
padding: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary table > tbody > tr > td {
padding: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items {
min-height: 128px;
background-color: #00469e;
margin: 0 12px;
padding: 32px 24px;
margin-top: -25px;
padding-top: 50px;
box-sizing: border-box;
display: flex;
position: relative;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.16);
color: white;
flex-direction: column;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item:not(:only-child):not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
padding-bottom: 24px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item:not(:only-child):not(:last-child):has(div:empty) {
border-bottom: 0;
padding-bottom: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item + .item {
margin-top: 24px;
padding-bottom: 0;
border: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward {
display: flex;
flex-direction: column;
flex: 1;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-title {
text-align: left;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content {
display: flex;
flex: 1;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box {
display: flex;
flex-direction: column;
flex: 1;
align-items: flex-start;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box .points {
display: flex;
flex: 1;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box .reward-rule-select {
display: flex;
flex: 1;
flex-direction: column;
text-align: left;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box .reward-spending-slider {
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box .reward-spending-slider .range-slider {
max-width: unset;
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 12px 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box .reward-spending-slider .extra-controls {
align-items: center;
margin-left: 0;
display: flex;
justify-content: space-between;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box .reward-spending-slider .extra-controls span:first-child {
padding-right: 24px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box .reward-spending-slider .extra-controls .mp-spent {
width: 100%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box .reward-spending-slider .field.choice {
margin-top: 24px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .reward .payment-option-content .reward-box .reward-spending-slider .field.choice label {
color: #ffffff;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .grand.totals.custom {
display: flex;
width: 100%;
justify-content: space-between;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .grand.totals.custom .title {
padding: 0;
flex: 1;
font-size: 24px;
font-weight: 700;
line-height: 32px;
padding-right: 12px;
max-width: unset;
text-align: left;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .grand.totals.custom .amount {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .grand.totals.custom .amount .price {
font-size: 25px;
font-weight: 700;
line-height: 32px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .checkout.methods.items.checkout-methods-items .item .grand.totals.custom .amount .subtitle {
font-size: 12px;
opacity: 0.5;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container {
display: flex;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
padding: 32px 24px;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
background-color: #ffffff;
overflow: hidden;
z-index: 1;
position: relative;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .block.shipping {
display: none;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .summary.title {
color: #001d3a;
font-weight: 700;
font-size: 28px;
line-height: 24px;
border: 0;
padding-bottom: 32px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals {
padding-top: 0;
border-top: 0;
width: 100%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper {
margin-bottom: 0;
overflow: inherit;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table {
font-size: 18px;
line-height: 32px;
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table tbody {
display: flex;
flex-direction: column;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table td,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table th {
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table td strong,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table th strong {
font-weight: 700;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table tr:not(:last-child) {
margin-bottom: 8px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.opc-block-summary {
padding: 0;
margin: 0;
background-color: #ffffff;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals),
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub {
display: flex;
justify-content: space-between;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.subscription-shipping-address td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.subscription-shipping-address td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).subscription-shipping-address td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.subscription-shipping-address td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.subscription-shipping-address td.amount {
width: 100%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.subscription-shipping-address td.amount .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.subscription-shipping-address td.amount .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).subscription-shipping-address td.amount .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.subscription-shipping-address td.amount .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.subscription-shipping-address td.amount .title {
display: block;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.subscription-shipping-address td.amount .address,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.subscription-shipping-address td.amount .address,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).subscription-shipping-address td.amount .address,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.subscription-shipping-address td.amount .address,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.subscription-shipping-address td.amount .address {
display: block;
text-wrap: wrap;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee th.mark,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons th.mark,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals) th.mark,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping th.mark,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub th.mark {
display: flex;
flex-direction: column;
flex: 1;
max-width: unset;
padding: 0;
padding-right: 12px;
max-width: 70%;
word-break: break-word;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals) th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub th.mark .title {
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 400;
line-height: 32px;
max-width: 100%;
word-break: break-word;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee th.mark .title.unpaid-title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons th.mark .title.unpaid-title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals) th.mark .title.unpaid-title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping th.mark .title.unpaid-title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub th.mark .title.unpaid-title {
color: #f52222;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals) th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub th.mark .subtitle {
font-size: 12px;
line-height: 18px;
opacity: 0.5;
max-width: 100%;
word-break: break-word;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals) td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub td.amount {
padding: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals) td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub td.amount .price {
font-size: 18px;
font-weight: 700;
line-height: 32px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.all-subscription th.mark,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.all-subscription th.mark,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).all-subscription th.mark,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.all-subscription th.mark,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.all-subscription th.mark {
padding-bottom: 16px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.all-subscription td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.all-subscription td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).all-subscription td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.all-subscription td.amount,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.all-subscription td.amount {
text-align: right;
padding-left: 0;
padding-bottom: 16px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.all-subscription td.amount .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.all-subscription td.amount .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).all-subscription td.amount .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.all-subscription td.amount .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.all-subscription td.amount .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.all-subscription td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.all-subscription td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).all-subscription td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.all-subscription td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.all-subscription td.amount .price {
font-size: 18px;
font-weight: 700;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.coupon th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.coupon th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).coupon th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.coupon th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.coupon th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.discount_sub th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.discount_sub th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).discount_sub th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.discount_sub th.mark .title,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.discount_sub th.mark .title {
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #46ac2d;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.coupon th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.coupon th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).coupon th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.coupon th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.coupon th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.discount_sub th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.discount_sub th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).discount_sub th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.discount_sub th.mark .subtitle,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.discount_sub th.mark .subtitle {
font-size: 14px;
line-height: 18px;
opacity: 1;
color: #46ac2d;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.coupon td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.coupon td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).coupon td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.coupon td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.coupon td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.paymentfee.discount_sub td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .amcoupons-total-coupons.discount_sub td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals:not(.grand.totals).discount_sub td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.shipping.discount_sub td.amount .price,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals.sub.discount_sub td.amount .price {
font-size: 18px;
font-weight: 700;
line-height: 32px;
color: #46ac2d;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .summary-totals-divider {
border-top: 5px solid #00469e;
opacity: 0.2;
margin: 24px -24px;
margin-top: 16px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .summary-totals-divider ~ tr:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 16px;
margin-bottom: 16px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .grand.totals {
display: flex;
width: 100%;
justify-content: space-between;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .grand.totals .mark {
padding: 0;
flex: 1;
font-size: 24px;
font-weight: 700;
line-height: 32px;
padding-right: 12px;
max-width: unset;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .grand.totals .amount {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .grand.totals .amount .price {
font-size: 25px;
font-weight: 700;
line-height: 32px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .grand.totals .amount .subtitle {
font-size: 12px;
opacity: 0.5;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals-tax th,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .cart-summary-top-container .cart-totals .table-wrapper table .totals-tax td {
padding-bottom: 28px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount {
margin-top: 35px;
display: flex;
flex-direction: column;
align-items: flex-start;
box-sizing: border-box;
padding: 32px 24px;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
background-color: #ffffff;
overflow: hidden;
position: relative;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .content {
display: flex;
width: 100%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .content #discount-coupon-form {
width: 100%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .content #discount-coupon-form .fieldset {
margin: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .content #discount-coupon-form .fieldset .actions-toolbar {
display: flex;
justify-content: flex-end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .content #discount-coupon-form .fieldset .actions-toolbar .primary {
box-shadow: 0 0;
background: transparent;
border-color: #00469e;
color: #00469e;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
font-family: "Lato";
display: block;
width: 180px;
height: 40px;
font-size: 14px;
font-weight: 600;
line-height: 38px;
text-decoration: none;
padding: 0;
text-align: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .content #discount-coupon-form .fieldset .actions-toolbar .primary:hover {
background: transparent;
border-color: #00469e;
text-decoration: none;
transition: 0.3s;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .content #discount-coupon-form .fieldset .actions-toolbar .primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .title {
cursor: none;
border: 0;
padding: 0;
padding-bottom: 24px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .title strong {
font-size: 18px;
line-height: 24px;
color: #001d3a;
font-weight: 700;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .block.discount .title:after {
content: "";
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .action.primary.checkout,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.checkout,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.checkout {
box-shadow: 0 0;
background: #00469e;
border-color: #00469e;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
transition: 0.3s;
font-weight: 500;
width: 200px;
width: 100%;
background: #ffffff;
height: 50px;
border-radius: 25px;
border: 0;
color: #00469e;
font-size: 18px;
font-weight: 700;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .action.primary.checkout:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.checkout:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.checkout:hover {
background: #30c6ff;
border-color: #30c6ff;
text-decoration: none;
transition: 0.3s;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-form-container {
padding: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper {
background-color: #f6f6f6;
padding: 32px 24px;
border-radius: 30px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper {
padding: 32px 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items .item {
border-bottom: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items .subtitle {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
margin: 4px 0 22px 0;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items .subtitle {
margin: 0 0 16px 5px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products:not(.remaining-payment) {
padding: 0;
box-sizing: border-box;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products:not(.remaining-payment) {
padding: 18px 5px 5px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products.remaining-payment {
margin: 0;
margin-bottom: 24px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products.remaining-payment .items .item:not(:last-child) {
margin-bottom: 20px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items {
display: block;
padding: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product {
display: flex;
flex-direction: column;
background-color: #ffffff;
border-radius: 30px;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.16);
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product:not(.unpaid-payment) {
margin-bottom: 20px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product:last-of-type {
margin-bottom: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product.unpaid-payment {
border: 0.5px solid #f52222;
border-bottom: 0.5px solid #f52222;
padding: 30px 17px 30px 23px;
display: block;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details {
display: grid;
grid-template-columns: 50% 35% 15%;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details {
grid-template-columns: 49% 49%;
grid-template-rows: auto;
grid-template-areas: "details details" "returnable returnable" "qty subtotal";
grid-row-gap: 2%;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > div .label {
font-size: 14px;
font-weight: 400;
display: none;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .details {
display: grid;
grid-template-columns: 140px auto;
grid-column-gap: 20px;
align-items: center;
padding: 20px;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .details {
border-bottom: 1px solid #dddad4;
}
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .details {
grid-area: details;
grid-template-columns: 60px auto;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .details .product-title-action .product-title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
border-spacing: 0;
margin-bottom: 20px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .details .product-title-action .product-title a {
color: #0d0d0d;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .details .product-title-action .product-title .product-subtitle {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #0d0d0d;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .details .product-title-action .product-action .action-delete {
font-size: 16px;
line-height: 19px;
font-weight: 500;
color: #00469e;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .price {
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
font-weight: 400;
display: none !important;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .price {
justify-content: space-between;
flex-direction: row;
padding: 30px 15px 15px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .price .currency-symbol {
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty {
justify-content: space-between;
flex-direction: row;
padding: 15px;
}
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty {
grid-area: qty;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control {
display: flex;
align-items: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .action {
width: 35px;
height: 20px;
display: block;
text-align: center;
font-size: 24px;
line-height: 20px;
color: #000000;
cursor: pointer;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .action {
/*width: 27px;
height: 27px;
line-height: 27px;
font-size: 18px;
background: #F2F2F2;
border-radius: 50%;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .qty-action:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .sp-button:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .action:hover {
text-decoration: none;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .input-text {
height: 50px;
width: 50px;
border: none;
font-size: 18px;
font-weight: bold;
line-height: 50px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 15px;
color: #0c5da8;
text-align: center;
padding: 0;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .qty .control .input-text {
/*height: 35px;
width: 35px;
background: #F2F2F2;
border-radius: 50%;
line-height: 35px;
background: #E6EDF0;
border: 1px solid #E6EDF0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
margin: 0 10px;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .subtotal {
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 25px;
font-weight: 600;
padding-right: 24px;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .subtotal {
justify-content: space-between;
flex-direction: row;
padding: 15px 15px 30px;
}
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .subtotal {
grid-area: subtotal;
justify-content: flex-end;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .subtotal .price {
font-size: 24px;
font-weight: 700;
color: #000000;
text-wrap: nowrap;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .item-details > .subtotal .price .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages {
margin: 24px;
padding-top: 24px;
padding-left: 0;
border-top: 1px solid #dddad4;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages {
grid-area: returnable;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection {
display: grid;
grid-template-columns: 50% 35% 15%;
margin-bottom: 26px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection {
grid-template-columns: 100%;
grid-row-gap: 20px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .label {
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding-left: 160px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .label {
padding-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .label .subtitle {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: block;
margin: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection {
display: flex;
justify-content: center;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection {
justify-content: flex-start;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control {
display: flex;
align-items: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn {
position: relative;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn .switch-checkbox {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn .switch-checkbox:checked + .switch-label:before {
right: 4px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn .switch-checkbox:checked + .switch-label:after {
background: #40c7fc;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 22px;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:before,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:before {
background: linear-gradient(180deg, #63c4ff 0%, #044ba2 58.6%, #00095b 100%);
border-radius: 50%;
content: "";
display: block;
height: 24px;
transition: right 0.2s ease-in 0s;
width: 24px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 4px;
right: 30px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 30px;
transition: background 0.2s ease-in 0s;
width: 56px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label {
width: 57px;
height: 32px;
margin: 0 5px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-selection .empty {
display: none;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no {
display: none;
grid-template-columns: 50% 35% 15%;
margin-bottom: 26px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no.active {
display: grid;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no {
grid-template-columns: 50% 50%;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no .label {
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding-left: 160px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no .label {
padding-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no .label .subtitle {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: block;
margin: 0;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no .empty {
display: none;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no .price {
display: flex;
justify-content: flex-end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no .price .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no .price .price-box .price.price-currency.first {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-no .price .price-box .price.price-currency.first .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes {
display: none;
grid-template-columns: 50% 35% 15%;
margin-bottom: 26px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes.active {
display: grid;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes {
grid-template-columns: 49% 49%;
grid-template-rows: auto;
grid-template-areas: "label label" "selection price";
grid-row-gap: 20px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .label {
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding-left: 160px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .label {
grid-area: label;
padding-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .label .subtitle {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: block;
margin: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection {
display: flex;
justify-content: center;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection {
grid-area: selection;
justify-content: flex-start;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity {
display: flex;
align-items: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .action {
width: 35px;
height: 20px;
display: block;
text-align: center;
font-size: 24px;
line-height: 20px;
color: #000000;
cursor: pointer;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .action {
/*width: 27px;
height: 27px;
line-height: 27px;
font-size: 18px;
background: #F2F2F2;
border-radius: 50%;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .qty-action:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .sp-button:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .action:hover {
text-decoration: none;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .input-text {
height: 50px;
width: 50px;
border: none;
font-size: 18px;
font-weight: bold;
line-height: 50px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 15px;
color: #0c5da8;
text-align: center;
padding: 0;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .input-text {
/*height: 35px;
width: 35px;
background: #F2F2F2;
border-radius: 50%;
line-height: 35px;
background: #E6EDF0;
border: 1px solid #E6EDF0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
margin: 0 10px;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .price {
display: flex;
justify-content: flex-end;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .price {
grid-area: price;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .price .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .price .price-box .price.price-currency.first {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .price .price-box .price.price-currency.first .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .price .price-box .price.price-currency.last {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products .items .item.product .returnable-packages .container .option-yes .price .price-box .price.price-currency.last .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products.contract .subtitle .business {
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products.contract .items {
margin-bottom: 20px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products.contract .subtotal {
display: block;
text-align: right;
font-weight: 700;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.products.contract .subtotal .currency-symbol {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription {
margin-bottom: 20px;
padding: 0;
box-sizing: border-box;
border-radius: 30px;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription {
padding: 18px 5px 5px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription {
background-color: #ffffff;
margin-bottom: 20px;
padding: 32px 24px;
border-radius: 30px;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.16);
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription:last-of-type {
margin-bottom: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .info-subscription .title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin-bottom: 20px;
color: #0d0d0d;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .info-subscription .title {
line-height: 34px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .info-subscription .action .action-delete {
font-size: 16px;
line-height: 19px;
font-weight: 500;
color: #00469e;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details {
display: grid;
grid-template-columns: 140px auto 25%;
grid-column-gap: 20px;
align-items: center;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details {
border-bottom: 1px solid #dcdcdc;
padding: 0 0 20px;
}
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details {
grid-template-columns: 60px auto;
grid-template-rows: auto;
grid-template-areas: "image title" "subtotal subtotal";
grid-row-gap: 20px;
align-items: start;
}
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .product-image {
grid-area: image;
}
}
@media (min-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .product-title-action {
padding-bottom: 20px;
}
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .product-title-action {
grid-area: title;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .product-title-action .product-title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .product-title-action .product-title {
line-height: 34px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .product-title-action .product-title a {
color: #0d0d0d;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .product-title-action .product-title .product-subtitle {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #0d0d0d;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .product-title-action .product-title .info {
display: block;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .product-title-action .product-action .action-delete {
font-size: 16px;
line-height: 19px;
font-weight: 500;
color: #00469e;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty {
justify-content: space-between;
flex-direction: row;
padding: 15px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control {
display: flex;
align-items: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .action {
width: 35px;
height: 20px;
display: block;
text-align: center;
font-size: 24px;
line-height: 20px;
color: #000000;
cursor: pointer;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .action {
/*width: 27px;
height: 27px;
line-height: 27px;
font-size: 18px;
background: #F2F2F2;
border-radius: 50%;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .qty-action:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .sp-button:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .action:hover {
text-decoration: none;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .input-text {
height: 50px;
width: 50px;
border: none;
font-size: 18px;
font-weight: bold;
line-height: 50px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 15px;
color: #0c5da8;
text-align: center;
padding: 0;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .qty .control .input-text {
/*height: 35px;
width: 35px;
background: #F2F2F2;
border-radius: 50%;
line-height: 35px;
background: #E6EDF0;
border: 1px solid #E6EDF0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
margin: 0 10px;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal {
text-align: right;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal {
grid-area: subtotal;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal .price-box .price.price-currency.first {
font-size: 24px;
font-weight: 700;
line-height: 28px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal .price-box .price.price-currency.first .decimals {
/*font-size: 24px;
vertical-align: unset;
top: unset;*/
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal .price-box .price.price-currency.first .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal .price-box .price.price-currency.last {
font-size: 24px;
font-weight: 700;
line-height: 28px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal .price-box .price.price-currency.last .decimals {
/*font-size: 24px;
vertical-align: unset;
top: unset;*/
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal .price-box .price.price-currency.last .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal .note {
color: #7b7b7b;
font-size: 14px;
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .details .subtotal .note .price {
font-size: 14px;
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription.included .details {
grid-template-columns: 140px auto 30% 15%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages {
margin: 24px;
padding-top: 24px;
padding-left: 0;
border-top: 1px solid #dddad4;
margin: 24px 0;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages {
grid-area: returnable;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection {
display: grid;
grid-template-columns: 50% 35% 15%;
margin-bottom: 26px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection {
grid-template-columns: 100%;
grid-row-gap: 20px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .label {
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding-left: 160px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .label {
padding-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .label .subtitle {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: block;
margin: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection {
display: flex;
justify-content: center;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection {
justify-content: flex-start;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control {
display: flex;
align-items: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn {
position: relative;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn .switch-checkbox {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn .switch-checkbox:checked + .switch-label:before {
right: 4px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn .switch-checkbox:checked + .switch-label:after {
background: #40c7fc;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 22px;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:before,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:before {
background: linear-gradient(180deg, #63c4ff 0%, #044ba2 58.6%, #00095b 100%);
border-radius: 50%;
content: "";
display: block;
height: 24px;
transition: right 0.2s ease-in 0s;
width: 24px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 4px;
right: 30px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 30px;
transition: background 0.2s ease-in 0s;
width: 56px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label {
width: 57px;
height: 32px;
margin: 0 5px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-selection .empty {
display: none;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no {
display: none;
grid-template-columns: 50% 35% 15%;
margin-bottom: 26px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no.active {
display: grid;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no {
grid-template-columns: 50% 50%;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no .label {
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding-left: 160px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no .label {
padding-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no .label .subtitle {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: block;
margin: 0;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no .empty {
display: none;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no .price {
display: flex;
justify-content: flex-end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no .price .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no .price .price-box .price.price-currency.first {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-no .price .price-box .price.price-currency.first .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes {
display: none;
grid-template-columns: 50% 35% 15%;
margin-bottom: 26px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes.active {
display: grid;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes {
grid-template-columns: 49% 49%;
grid-template-rows: auto;
grid-template-areas: "label label" "selection price";
grid-row-gap: 20px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .label {
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding-left: 160px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .label {
grid-area: label;
padding-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .label .subtitle {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: block;
margin: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection {
display: flex;
justify-content: center;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection {
grid-area: selection;
justify-content: flex-start;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity {
display: flex;
align-items: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .action {
width: 35px;
height: 20px;
display: block;
text-align: center;
font-size: 24px;
line-height: 20px;
color: #000000;
cursor: pointer;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .action {
/*width: 27px;
height: 27px;
line-height: 27px;
font-size: 18px;
background: #F2F2F2;
border-radius: 50%;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .qty-action:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .sp-button:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .action:hover {
text-decoration: none;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .input-text {
height: 50px;
width: 50px;
border: none;
font-size: 18px;
font-weight: bold;
line-height: 50px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 15px;
color: #0c5da8;
text-align: center;
padding: 0;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .input-text {
/*height: 35px;
width: 35px;
background: #F2F2F2;
border-radius: 50%;
line-height: 35px;
background: #E6EDF0;
border: 1px solid #E6EDF0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
margin: 0 10px;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .price {
display: flex;
justify-content: flex-end;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .price {
grid-area: price;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .price .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .price .price-box .price.price-currency.first {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .price .price-box .price.price-currency.first .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .price .price-box .price.price-currency.last {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .returnable-packages .container .option-yes .price .price-box .price.price-currency.last .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost {
display: block;
margin-left: 160px;
border-top: 1px solid #dcdcdc;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost {
margin-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .cost-detail {
padding: 0;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .cost-detail {
padding: 10px 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line {
display: grid;
grid-template-columns: 50% 50%;
align-items: start;
padding: 15px 0 0;
/*.value {
text-align: right;
.price {
font-size: 18px;
font-weight: 700;
}
.note {
color: #7B7B7B;
font-size: 14px;
font-weight: 400;
.price {
font-size: 14px;
font-weight: 400;
}
}
}*/
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line.payment-amount {
display: none !important;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line .label {
font-size: 18px;
font-weight: 700;
color: #212844;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line .label .gray {
font-size: 16px;
font-weight: 400;
margin-top: 5px;
display: block;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line .price-box .price.price-currency.first {
font-size: 16px;
font-weight: 400;
line-height: 18px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line .price-box .price.price-currency.first .decimals {
font-size: 16px;
vertical-align: unset;
top: unset;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line .price-box .price.price-currency.first .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line .price-box .price.price-currency.last {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line .price-box .price.price-currency.last .decimals {
font-size: 18px;
vertical-align: unset;
top: unset;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .cost .payment-line .price-box .price.price-currency.last .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .summary {
padding: 0;
margin: 20px 0 20px 160px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .summary .summary-item {
display: grid;
grid-template-columns: auto 100px;
margin-bottom: 10px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .summary .summary-item .item-name {
font-size: 18px;
font-weight: 700;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .summary .summary-item .item-name .sub-title {
display: block;
font-size: 16px;
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .summary .summary-item .item-subtotal {
font-size: 18px;
font-weight: 400;
text-align: right;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .item.subscription .summary .summary-item .item-subtotal .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .subtotal {
display: flex;
justify-content: flex-end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .subtotal .label {
font-size: 18px;
font-weight: 700;
margin-right: 5px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .subtotal .price .value {
font-size: 18px;
font-weight: 700;
text-align: right;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.subscription .subtotal .price .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract {
margin-bottom: 20px;
padding: 0;
box-sizing: border-box;
border-radius: 30px;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract {
padding: 18px 5px 5px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract {
background-color: #ffffff;
margin-bottom: 20px;
padding: 32px 24px;
border-radius: 30px;
box-shadow: 0 20px 99px rgba(0, 0, 0, 0.16);
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract:last-of-type {
margin-bottom: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .info-contract .title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin-bottom: 20px;
color: #0d0d0d;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .info-contract .title {
line-height: 34px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .info-contract .action .action-delete {
font-size: 16px;
line-height: 19px;
font-weight: 500;
color: #00469e;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details {
display: grid;
grid-template-columns: 140px auto 25%;
grid-column-gap: 20px;
align-items: center;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details {
border-bottom: 1px solid #dcdcdc;
padding: 0 0 20px;
}
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details {
grid-template-columns: 60px auto;
grid-template-rows: auto;
grid-template-areas: "image title" "subtotal subtotal";
grid-row-gap: 20px;
align-items: start;
}
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-image {
grid-area: image;
}
}
@media (min-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-title-action {
padding-bottom: 20px;
}
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-title-action {
grid-area: title;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-title-action .product-title {
font-size: 18px;
line-height: 28px;
font-weight: 700;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-title-action .product-title {
line-height: 34px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-title-action .product-title a {
color: #0d0d0d;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-title-action .product-title .product-subtitle {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #0d0d0d;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-title-action .product-title .info {
display: block;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-title-action .product-title .action .action-delete {
font-size: 16px;
line-height: 19px;
font-weight: 500;
color: #00469e;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .product-title-action .product-action .action-delete {
font-size: 16px;
line-height: 19px;
font-weight: 500;
color: #00469e;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty {
justify-content: space-between;
flex-direction: row;
padding: 15px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control {
display: flex;
align-items: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .action {
width: 35px;
height: 20px;
display: block;
text-align: center;
font-size: 24px;
line-height: 20px;
color: #000000;
cursor: pointer;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .action {
/*width: 27px;
height: 27px;
line-height: 27px;
font-size: 18px;
background: #F2F2F2;
border-radius: 50%;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .qty-action:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .sp-button:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .action:hover {
text-decoration: none;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .input-text {
height: 50px;
width: 50px;
border: none;
font-size: 18px;
font-weight: bold;
line-height: 50px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 15px;
color: #0c5da8;
text-align: center;
padding: 0;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .qty .control .input-text {
/*height: 35px;
width: 35px;
background: #F2F2F2;
border-radius: 50%;
line-height: 35px;
background: #E6EDF0;
border: 1px solid #E6EDF0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
margin: 0 10px;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal {
text-align: right;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal {
grid-area: subtotal;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal .price-box .price.price-currency.first {
font-size: 24px;
font-weight: 700;
line-height: 28px;
color: #000000;
text-wrap: nowrap;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal .price-box .price.price-currency.first .decimals {
/*font-size: 24px;
vertical-align: unset;
top: unset;*/
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal .price-box .price.price-currency.first .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal .price-box .price.price-currency.last {
font-size: 24px;
font-weight: 700;
line-height: 28px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal .price-box .price.price-currency.last .decimals {
/*font-size: 24px;
vertical-align: unset;
top: unset;*/
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal .price-box .price.price-currency.last .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal .note {
color: #7b7b7b;
font-size: 14px;
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .details .subtotal .note .price {
font-size: 14px;
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract.included .details {
grid-template-columns: 140px auto 30% 15%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages {
margin: 24px;
padding-top: 24px;
padding-left: 0;
border-top: 1px solid #dddad4;
margin: 24px 0;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages {
grid-area: returnable;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection {
display: grid;
grid-template-columns: 50% 35% 15%;
margin-bottom: 26px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection {
grid-template-columns: 100%;
grid-row-gap: 20px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .label {
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding-left: 160px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .label {
padding-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .label .subtitle {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: block;
margin: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection {
display: flex;
justify-content: center;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection {
justify-content: flex-start;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control {
display: flex;
align-items: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn {
position: relative;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn .switch-checkbox {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn .switch-checkbox:checked + .switch-label:before {
right: 4px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn .switch-checkbox:checked + .switch-label:after {
background: #40c7fc;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 22px;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:before,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:before {
background: linear-gradient(180deg, #63c4ff 0%, #044ba2 58.6%, #00095b 100%);
border-radius: 50%;
content: "";
display: block;
height: 24px;
transition: right 0.2s ease-in 0s;
width: 24px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 4px;
right: 30px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 30px;
transition: background 0.2s ease-in 0s;
width: 56px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .selection .control .switch-btn .switch-label {
width: 57px;
height: 32px;
margin: 0 5px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-selection .empty {
display: none;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no {
display: none;
grid-template-columns: 50% 35% 15%;
margin-bottom: 26px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no.active {
display: grid;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no {
grid-template-columns: 50% 50%;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no .label {
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding-left: 160px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no .label {
padding-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no .label .subtitle {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: block;
margin: 0;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no .empty {
display: none;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no .price {
display: flex;
justify-content: flex-end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no .price .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no .price .price-box .price.price-currency.first {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-no .price .price-box .price.price-currency.first .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes {
display: none;
grid-template-columns: 50% 35% 15%;
margin-bottom: 26px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes.active {
display: grid;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes {
grid-template-columns: 49% 49%;
grid-template-rows: auto;
grid-template-areas: "label label" "selection price";
grid-row-gap: 20px;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .label {
font-size: 18px;
font-weight: 700;
line-height: 24px;
padding-left: 160px;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .label {
grid-area: label;
padding-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .label .subtitle {
font-size: 12px;
font-weight: 400;
line-height: 18px;
display: block;
margin: 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection {
display: flex;
justify-content: center;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection {
grid-area: selection;
justify-content: flex-start;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity {
display: flex;
align-items: center;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .action {
width: 35px;
height: 20px;
display: block;
text-align: center;
font-size: 24px;
line-height: 20px;
color: #000000;
cursor: pointer;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .qty-action,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .sp-button,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .action {
/*width: 27px;
height: 27px;
line-height: 27px;
font-size: 18px;
background: #F2F2F2;
border-radius: 50%;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .qty-action:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .sp-button:hover,
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .action:hover {
text-decoration: none;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .input-text {
height: 50px;
width: 50px;
border: none;
font-size: 18px;
font-weight: bold;
line-height: 50px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 15px;
color: #0c5da8;
text-align: center;
padding: 0;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .selection .control.qty.sp-quantity .input-text {
/*height: 35px;
width: 35px;
background: #F2F2F2;
border-radius: 50%;
line-height: 35px;
background: #E6EDF0;
border: 1px solid #E6EDF0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
margin: 0 10px;*/
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .price {
display: flex;
justify-content: flex-end;
}
@media (max-width: 640px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .price {
grid-area: price;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .price .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .price .price-box .price.price-currency.first {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .price .price-box .price.price-currency.first .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .price .price-box .price.price-currency.last {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .returnable-packages .container .option-yes .price .price-box .price.price-currency.last .currency {
/*font-size: 12px;
font-weight: 400;
vertical-align: text-top;*/
font-weight: 400;
margin-left: 3px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost {
display: block;
margin-left: 160px;
border-top: 1px solid #dcdcdc;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost {
margin-left: 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .cost-detail {
padding: 0;
}
@media (max-width: 767px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .cost-detail {
padding: 10px 0;
}
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line {
display: grid;
grid-template-columns: 50% 50%;
align-items: start;
padding: 15px 0 0;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line.payment-amount {
display: none !important;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line .label {
font-size: 18px;
font-weight: 700;
color: #212844;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line .label .gray {
font-size: 16px;
font-weight: 400;
margin-top: 5px;
display: block;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line .price-box {
display: flex;
flex-direction: column;
align-items: end;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line .price-box .price.price-currency.first {
font-size: 16px;
font-weight: 400;
line-height: 18px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line .price-box .price.price-currency.first .decimals {
font-size: 16px;
vertical-align: unset;
top: unset;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line .price-box .price.price-currency.first .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line .price-box .price.price-currency.last {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #000000;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line .price-box .price.price-currency.last .decimals {
font-size: 18px;
vertical-align: unset;
top: unset;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .cost .payment-line .price-box .price.price-currency.last .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .summary {
padding: 0;
margin: 20px 0 20px 160px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .summary .summary-item {
display: grid;
grid-template-columns: auto 100px;
margin-bottom: 10px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .summary .summary-item .item-name {
font-size: 18px;
font-weight: 700;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .summary .summary-item .item-name .sub-title {
display: block;
font-size: 16px;
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .summary .summary-item .item-subtotal {
font-size: 18px;
font-weight: 400;
text-align: right;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .item.contract .summary .summary-item .item-subtotal .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .subtotal {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .subtotal .label {
font-size: 18px;
font-weight: 700;
margin-right: 5px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .subtotal .price .value {
font-size: 18px;
font-weight: 700;
text-align: right;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items.contract .subtotal .price .currency {
/*font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;*/
font-weight: 400;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.main.actions {
display: none;
}
@media only screen and (min-width: 760px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart {
width: 100%;
padding: 0 40px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items .items .item.product .item-details {
display: flex;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary {
padding: 0 40px;
width: 100%;
}
.checkout-index-index .checkout-container {
margin: 0 40px;
margin-bottom: 75px;
}
.checkout-index-index .checkout-container .opc-wrapper .opc {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
display: flex;
border: 0 solid transparent;
background-color: #f6f6f6;
padding: 32px 25px;
flex-direction: column;
border-radius: 30px;
}
.checkout-index-index .checkout-container .opc-wrapper .opc-progress-bar {
padding: 0;
}
.checkout-index-index .checkout-container .opc-wrapper.w-100 {
width: 100%;
margin: 0;
}
.checkout-index-index .checkout-container .opc-wrapper.w-100 .opc {
background-color: #ffffff;
padding: 0;
}
.checkout-index-index .checkout-container:has(.opc-wrapper.w-100) {
margin: 0;
}
.checkout-index-index .columns .column.main .page-title {
padding: 0;
}
.checkout-index-index .checkout-container .opc-progress-bar {
padding: 0;
}
.checkout-index-index .checkout-container .opc-progress-bar-item > span:before {
display: none;
}
.checkout-index-index .checkout-container .opc-progress-bar-item > span > span {
width: 50%;
display: flex;
opacity: 0.5;
}
.checkout-index-index .checkout-container .opc-progress-bar-item:not(:first-child):not(:last-child) > span > span {
display: flex;
position: absolute;
left: -25%;
justify-content: center;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._complete > span:before,
.checkout-index-index .checkout-container .opc-progress-bar-item._active > span:before {
display: inline-block;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._complete > span > span,
.checkout-index-index .checkout-container .opc-progress-bar-item._active > span > span {
opacity: 1;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.delivery-option-wapper {
padding-bottom: 15px;
padding-right: 30px;
flex-direction: row;
}
.checkout-index-index .opc-wrapper .step-title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 0;
display: flex;
}
.checkout-index-index .opc-wrapper .info-block-shipping {
margin: 0;
margin-bottom: 22px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .reward .payment-option-title,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .discount-code .payment-option-title,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-title {
margin-left: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar .primary {
width: auto;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions h2 {
margin-left: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container {
flex-direction: row;
align-items: center;
margin: 0;
margin-bottom: 16px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 0;
display: flex;
padding-bottom: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .fieldset {
grid-template-columns: 49% 49%;
}
.checkout-index-index .page-main.information-step {
border-radius: 30px 30px 0 0;
overflow: hidden;
margin-top: -30px;
max-width: 100%;
}
.checkout-index-index .page-main.information-step:after {
display: none;
}
.checkout-index-index .checkout-container .opc-wrapper.w-100 {
width: 100%;
}
.checkout-index-index .checkout-container .opc-wrapper.w-100 .opc {
background-color: white;
padding: 0;
}
.checkout-index-index .checkout-container .opc-wrapper.no-padding {
padding: 0;
}
.checkout-index-index .checkout-container .opc-wrapper .step-information .step-content .step-content-image {
flex: 1;
display: flex;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap {
overflow: visible;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-header {
display: none;
}
}
@media only screen and (min-width: 960px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart {
width: 50%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary {
padding: 0;
margin-right: 40px;
width: 38%;
}
.checkout-index-index .checkout-container .opc-wrapper {
padding-right: 40px;
width: 60%;
}
.checkout-index-index .checkout-container .opc-sidebar {
width: 40%;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.delivery-option-wapper {
flex-direction: column;
padding: 0;
gap: 15px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content.actions {
flex-direction: row;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content.actions .actions-toolbar {
margin-bottom: 0;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn {
width: 50%;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary {
width: auto;
}
}
@media only screen and (min-width: 1200px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart {
width: 65%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary {
width: 23%;
}
.checkout-index-index .checkout-container .opc-wrapper {
width: 67%;
padding-left: 136.66666667px;
}
.checkout-index-index .checkout-container .opc-sidebar {
width: 33%;
max-width: 398px;
min-width: 340px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.delivery-option-wapper {
padding-bottom: 15px;
padding-right: 30px;
flex-direction: row;
}
}
@media only screen and (min-width: 1680px) {
.checkout-index-index .checkout-container .opc-wrapper {
width: 75%;
}
.checkout-index-index .checkout-container .opc-sidebar {
width: 25%;
max-width: unset;
}
.assistance-page .assistance-content {
margin: 0;
margin-top: 30px;
}
.assistance-page .assistance-main-content {
padding-left: 0;
margin-left: auto;
}
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
/**
* Checkout components
*/
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.checkout-index-index .ampromo-items-add {
display: none !important;
}
.checkout-index-index .checkout-container .checkout-opc-container .opc-estimated-wrapper {
margin-top: 0;
top: 20px;
}
.checkout-index-index .checkout-container .checkout-opc-container .opc-estimated-wrapper .minicart-wrapper .action.showcart:before {
font-size: 37px;
line-height: 37px;
height: 41px;
}
@media (min-width: 1100px) {
.checkout-index-index .checkout-container .checkout-opc-container .messages {
padding-right: 60px;
}
}
.checkout-index-index .checkout-container .checkout-opc-container .messages .message {
display: block;
padding: 20px;
font-size: 18px;
line-height: 18px;
color: #212844;
position: relative;
}
.checkout-index-index .checkout-container .opc-sidebar {
padding: 0;
margin: 0;
}
.checkout-index-index .checkout-container .opc-wrapper {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 0;
}
.checkout-index-index .checkout-container .opc-wrapper .opc {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
display: flex;
border: 0 solid transparent;
background-color: #f6f6f6;
padding: 32px 0;
flex-direction: column;
border-radius: 30px;
}
.checkout-index-index .checkout-container .opc-wrapper.w-100 .opc {
background-color: #ffffff;
}
.checkout-index-index .checkout-container .opc-wrapper .step-content {
margin: 0;
}
.checkout-index-index .page-main {
max-width: 1640px;
}
.checkout-index-index .columns .column.main {
position: relative;
padding-bottom: 0;
}
.checkout-index-index .columns .column.main .page-title {
font-size: 32px;
font-weight: 700;
margin-bottom: 30px;
text-transform: none;
padding: 0 25px;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.checkout-index-index .checkout-container .opc-progress-bar {
margin: 35px 0;
display: flex;
flex-direction: row;
padding: 0 25px;
}
.checkout-index-index .checkout-container .opc-progress-bar-item {
width: 100%;
font-size: 16px;
}
.checkout-index-index .checkout-container .opc-progress-bar-item:last-child {
width: 0;
padding-right: 10.5px;
right: 0;
text-align: right;
}
.checkout-index-index .checkout-container .opc-progress-bar-item:last-child > span:before {
right: 0;
}
.checkout-index-index .checkout-container .opc-progress-bar-item:last-child > span > span {
opacity: 0.5;
position: absolute;
right: 0;
justify-content: flex-end;
}
.checkout-index-index .checkout-container .opc-progress-bar-item:first-child {
text-align: left;
}
.checkout-index-index .checkout-container .opc-progress-bar-item:first-child > span:before {
margin-left: 0;
}
.checkout-index-index .checkout-container .opc-progress-bar-item:before {
background: #dddddd;
top: 8.5px;
height: 5px;
}
.checkout-index-index .checkout-container .opc-progress-bar-item > span {
padding-top: 30px;
color: #000000;
line-height: 32px;
}
.checkout-index-index .checkout-container .opc-progress-bar-item > span:before {
left: 0;
height: 21px;
width: 21px;
margin-left: -10.5px;
background: #dddddd;
border: 1px solid #dddddd;
}
.checkout-index-index .checkout-container .opc-progress-bar-item > span:after {
content: none;
}
.checkout-index-index .checkout-container .opc-progress-bar-item > span > span {
display: none;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._active:before {
background: #dddddd;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._active > span {
font-weight: bold;
color: #00469e;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._active > span:before {
background: #ffffff;
border: 1px solid #00469e;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._active > span:after {
content: none;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._complete {
font-weight: bold;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._complete:before {
background: #46ac2d;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._complete > span {
font-weight: bold;
color: #46ac2d;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._complete > span:before {
background: #46ac2d;
border: 1px solid #46ac2d;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._complete > span:after {
content: none;
}
.billing-address-form,
#shipping-new-address-form {
margin: 0 -10px;
}
.checkout-index-index #shipping-new-address-form div.field[name="shippingAddress.country_id"] {
display: none;
}
.checkout-index-index .opc-wrapper .step-title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 25px;
display: flex;
}
.checkout-index-index .opc-wrapper .info-block-shipping {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
border: 1px solid #46ac2d;
background-color: #f7fff5;
padding: 16px;
flex-direction: column;
border-radius: 10px;
display: flex;
flex-direction: row;
margin: 22px 25px;
}
@media only screen and (min-width: 768px) {
.checkout-index-index .opc-wrapper .info-block-shipping {
align-items: center;
}
}
.checkout-index-index .opc-wrapper .info-block-shipping .info-block-icon {
display: flex;
width: 42px;
height: 42px;
box-sizing: border-box;
flex: 0 0 auto;
padding: 5px;
}
.checkout-index-index .opc-wrapper .info-block-shipping .info-block-icon span {
background-repeat: no-repeat;
background-size: contain;
background-image: url('../CloudEBS_AdvanceCheckout/images/icon-info.svg');
background-position: top center;
background-color: transparent;
display: flex;
flex: 1;
}
.checkout-index-index .opc-wrapper .info-block-shipping .info-block-content {
padding-left: 10px;
}
.checkout-index-index .opc-wrapper .info-block-shipping .info-block-content .info-block-title {
font-size: 16px;
font-weight: 700;
color: #46ac2d;
}
.checkout-index-index .opc-wrapper .info-block-shipping .info-block-content .info-block-description {
font-size: 14px;
font-weight: 400;
color: #000000;
}
.checkout-index-index .opc-wrapper .info-block-shipping .info-block-content .info-block-description .info-block-change-email {
cursor: pointer;
color: #000000;
text-decoration: underline;
}
.checkout-index-index .opc-wrapper .info-block-shipping .info-block-content .info-block-description .info-block-change-email:hover {
color: #000000;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address {
width: 100%;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .message.notice.discount-notice {
background: #f1f1f1;
font-size: 16px;
padding: 20px;
margin-bottom: 30px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .products-installation-date {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
border: 1px solid #46ac2d;
background-color: #f7fff5;
padding: 16px;
flex-direction: column;
border-radius: 10px;
display: flex;
flex-direction: row;
}
@media only screen and (min-width: 768px) {
.checkout-index-index .opc-wrapper .checkout-shipping-address .products-installation-date {
align-items: center;
}
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .products-installation-date .info-block-icon {
display: flex;
width: 42px;
height: 42px;
box-sizing: border-box;
flex: 0 0 auto;
padding: 5px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .products-installation-date .info-block-icon span {
background-repeat: no-repeat;
background-size: contain;
background-image: url('../CloudEBS_AdvanceCheckout/images/product-installation.svg');
background-position: top center;
background-color: transparent;
display: flex;
flex: 1;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .products-installation-date .info-block-content {
padding-left: 10px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .products-installation-date .info-block-content .info-block-title {
font-size: 16px;
font-weight: 700;
color: #46ac2d;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .products-installation-date .info-block-content .info-block-description {
font-size: 14px;
font-weight: 400;
color: #000000;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses {
width: 100%;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item {
color: #000000;
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: 400;
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-background-clip: padding-box;
/* for Safari */
background-clip: padding-box;
/* for IE9+, Firefox 4+, Opera, Chrome */
padding-bottom: 15px;
margin-bottom: 15px;
padding-right: 30px;
box-sizing: border-box;
cursor: pointer;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .address-details .title {
font-weight: 700;
line-height: 32px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .address-details a {
color: #000000;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item.not-selected-item:before {
display: none;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item.selected-item:after {
content: none;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item.selected-item .radio:before {
border-color: #0054a5;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item.selected-item .radio:after {
background: #0054a5;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item.selected-item .action.edit-address-link {
display: inline-block;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .radio-btn {
position: relative;
position: absolute;
right: 0;
top: auto;
bottom: auto;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .radio-btn input {
display: none;
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .radio-btn input:checked + span:before,
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .radio-btn input:checked + label:before {
background: transparent linear-gradient(180deg, #63c4ff 0%, #044ba2 59%, #00095b 100%) 0% 0% no-repeat padding-box;
border-radius: 50%;
content: "";
display: block;
height: 16px;
width: 16px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 5px;
right: 5px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .radio-btn label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: flex;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 16px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .radio-btn label:before,
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .radio-btn label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .radio-btn label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 24px;
width: 24px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .action.edit-address-link {
display: none;
margin: 0;
float: none;
width: 16px;
height: 16px;
background: url("../../../../../frontend/CloudEBS/Lafantana/sr_Latn_RS/CloudEBS_ProductSubscription/images/edit.svg") center center #ffffff;
background-repeat: no-repeat;
position: absolute;
top: auto;
bottom: auto;
right: 50px;
}
@media (max-width: 768px) {
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .action.edit-address-link {
right: 15px;
}
}
@media (max-width: 639px) {
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .action.edit-address-link:before {
content: "";
}
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .field.addresses .control .shipping-address-items .shipping-address-item .action.edit-address-link span {
display: none;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .action.action-show-popup {
box-shadow: 0 0;
background: transparent;
border-color: #00469e;
color: #00469e;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
font-family: "Lato";
display: block;
width: 180px;
height: 40px;
font-size: 14px;
font-weight: 600;
line-height: 38px;
text-decoration: none;
padding: 0;
text-align: center;
margin: 0;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .action.action-show-popup:hover {
background: transparent;
border-color: #00469e;
text-decoration: none;
transition: 0.3s;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .action.action-show-popup:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .action.action-show-popup > span:before {
display: none;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .info-block {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
border: 1px solid #f8c800;
background-color: #fffcf0;
padding: 16px;
flex-direction: column;
border-radius: 10px;
display: flex;
flex-direction: row;
width: 100%;
margin-bottom: 22px;
}
@media only screen and (min-width: 768px) {
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .info-block {
align-items: center;
}
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .info-block .info-block-icon {
display: flex;
width: 42px;
height: 42px;
box-sizing: border-box;
flex: 0 0 auto;
padding: 5px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .info-block .info-block-icon span {
background-repeat: no-repeat;
background-size: contain;
background-image: url('../CloudEBS_AdvanceCheckout/images/icon-truck.svg');
background-position: top center;
background-color: transparent;
display: flex;
flex: 1;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .info-block .info-block-content {
padding-left: 10px;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .info-block .info-block-content .info-block-title {
font-size: 16px;
font-weight: 700;
color: #1d1c14;
}
.checkout-index-index .opc-wrapper .checkout-shipping-address .step-content .info-block .info-block-content .info-block-description {
font-size: 14px;
font-weight: 400;
color: #1d1c14;
}
.checkout-index-index .opc-wrapper .checkout-shipping-method {
width: 100%;
}
.checkout-index-index .opc-wrapper .step-content .no-quotes-block {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping #checkout-shipping-method-load {
overflow-x: visible;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item {
color: #000000;
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: 400;
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-background-clip: padding-box;
/* for Safari */
background-clip: padding-box;
/* for IE9+, Firefox 4+, Opera, Chrome */
padding-bottom: 15px;
margin-bottom: 15px;
padding-right: 30px;
box-sizing: border-box;
cursor: pointer;
flex-direction: row;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .check {
position: relative;
position: absolute;
right: 0;
top: auto;
bottom: auto;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .check input {
display: none;
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .check input:checked + span:before,
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .check input:checked + label:before {
background: transparent linear-gradient(180deg, #63c4ff 0%, #044ba2 59%, #00095b 100%) 0% 0% no-repeat padding-box;
border-radius: 50%;
content: "";
display: block;
height: 16px;
width: 16px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 5px;
right: 5px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .check label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: flex;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 16px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .check label:before,
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .check label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .check label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 24px;
width: 24px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .method-carrier {
width: 70%;
display: flex;
align-items: center;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .method-carrier .method {
display: block;
font-size: 16px;
font-weight: 700;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item .method-carrier .carrier {
display: block;
font-size: 16px;
font-weight: 500;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item div.price {
width: 30%;
font-size: 18px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 20px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .actions-toolbar .primary .button.action.continue {
box-shadow: 0 0;
background: #00469e;
border-color: #00469e;
color: #ffffff;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
transition: 0.3s;
font-size: 18px;
font-weight: 500;
width: 200px;
height: 50px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .actions-toolbar .primary .button.action.continue:hover {
background: #30c6ff;
border-color: #30c6ff;
text-decoration: none;
transition: 0.3s;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .modal-google-address h3 {
font-size: 24px;
line-height: 24px;
font-weight: 600;
color: #000000;
margin: 0 0 30px 0;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .modal-google-address .description {
font-size: 18px;
font-weight: 400;
margin-bottom: 20px;
display: block;
color: #000000;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .modal-google-address .description.description-ga {
padding-top: 10px;
font-size: 0.7em;
text-align: left;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .modal-google-address .field.input {
width: 50%;
margin: 0 0 10px;
padding: 0 5px;
float: left;
box-sizing: border-box;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .modal-google-address .field.input.search,
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .modal-google-address .field.input.street {
width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address {
max-width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address {
margin-bottom: 0;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address .title {
display: block;
margin-bottom: 15px;
padding: 0 10px;
font-size: 18px;
font-weight: 700;
color: #000000;
clear: both;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field {
padding: 0 10px;
box-sizing: border-box;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field.choice {
width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field[name="shippingAddress.custom_attributes.address_autocomplete"] {
width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field[name*=".vat_id"] {
width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field.street {
width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field.street legend {
display: none;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field.street .field.input {
padding: 0;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field.street .control .field.input {
padding: 0;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field.street .control .field.input:nth-child(2) {
margin-top: 15px;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field .description.description-ga {
display: flex;
font-size: 14px;
line-height: 18px;
padding: 12px;
color: rgba(0, 0, 0, 0.5);
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form {
max-width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address {
margin-bottom: 0;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address .title {
display: block;
margin-bottom: 15px;
padding: 0 10px;
font-size: 18px;
font-weight: 700;
color: #000000;
clear: both;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field {
padding: 0 10px;
box-sizing: border-box;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field.choice {
width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field.hidden {
display: none;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field[name="billingAddressshared.custom_attributes.address_autocomplete"] {
width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field[name*=".vat_id"] {
width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field.street {
width: 100%;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field.street legend {
display: none;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field.street .control .field.input {
padding: 0;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field.street .control .field.input:nth-child(2) {
margin-top: 15px;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field .description.description-ga {
display: flex;
font-size: 14px;
line-height: 18px;
padding: 12px;
color: rgba(0, 0, 0, 0.5);
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .action-save-address {
float: unset;
margin: 0;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .google-address-continue {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
font-size: 14px;
font-weight: 600;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
cursor: pointer;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .google-address-continue:hover {
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .google-address-continue:after {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: "";
margin-left: 5px;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .google-address-continue span {
padding: 12px 32px;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .google-address-continue[disabled] {
background: rgba(0, 0, 0, 0.13);
border-color: rgba(0, 0, 0, 0.13);
opacity: 1;
color: white;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .primary span {
padding: 12px;
padding-left: 32px;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .primary span:after {
padding-right: 32px;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .secondary {
display: none;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .action-update {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
font-size: 14px;
font-weight: 600;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
cursor: pointer;
padding: 12px;
padding-left: 32px;
padding-right: 32px;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .action-update:hover {
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .action-update:after {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: "";
margin-left: 5px;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .action-cancel {
box-shadow: 0 0;
background: transparent;
border-color: #00469e;
color: #00469e;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
font-family: "Lato";
display: block;
width: 180px;
height: 40px;
font-size: 14px;
font-weight: 600;
line-height: 38px;
text-decoration: none;
padding: 0;
text-align: center;
display: none;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .action-cancel:hover {
background: transparent;
border-color: #00469e;
text-decoration: none;
transition: 0.3s;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-footer .action-cancel:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
.opc-wrapper .opc .checkout-payment-method {
width: 100%;
}
.opc-wrapper .opc .checkout-payment-method .payment-option,
.opc-wrapper .opc .checkout-payment-method .payment-methods {
margin: 0;
}
.opc-wrapper .opc .checkout-payment-method .step-content .fieldset > br {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .step-content .fieldset > hr {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .step-content .fieldset .legend {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address {
margin: 0;
width: 100%;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-same-as-shipping-block label,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-same-as-shipping-block label {
color: #000;
font-size: 20px;
font-weight: 600;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details {
color: #000000;
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: 400;
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-background-clip: padding-box;
/* for Safari */
background-clip: padding-box;
/* for IE9+, Firefox 4+, Opera, Chrome */
padding-bottom: 15px;
margin-bottom: 15px;
padding-right: 30px;
box-sizing: border-box;
cursor: pointer;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .customer-data .firstname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .customer-data .firstname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .customer-data .firstname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .customer-data .firstname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .company-data .firstname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .company-data .firstname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .company-data .firstname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .company-data .firstname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .customer-data .lastname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .customer-data .lastname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .customer-data .lastname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .customer-data .lastname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .company-data .lastname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .company-data .lastname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .company-data .lastname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .company-data .lastname,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .customer-data .company,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .customer-data .company,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .customer-data .company,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .customer-data .company,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .company-data .company,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .company-data .company,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .company-data .company,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .company-data .company {
font-weight: 700;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .customer-data > span a,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .customer-data > span a,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .customer-data > span a,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .customer-data > span a,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .company-data > span a,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .company-data > span a,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .company-data > span a,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .company-data > span a {
color: #000000;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item.selected:after,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item.selected:after,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details.selected:after,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details.selected:after {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .radio-btn,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .radio-btn,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .radio-btn,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .radio-btn {
position: relative;
position: absolute;
right: 0;
top: auto;
bottom: auto;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .radio-btn input,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .radio-btn input,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .radio-btn input,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .radio-btn input {
display: none;
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .radio-btn input:checked + span:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .radio-btn input:checked + span:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .radio-btn input:checked + span:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .radio-btn input:checked + span:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .radio-btn input:checked + label:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .radio-btn input:checked + label:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .radio-btn input:checked + label:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .radio-btn input:checked + label:before {
background: transparent linear-gradient(180deg, #63c4ff 0%, #044ba2 59%, #00095b 100%) 0% 0% no-repeat padding-box;
border-radius: 50%;
content: "";
display: block;
height: 16px;
width: 16px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 70, 158, 0.3);
top: 5px;
right: 5px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .radio-btn label,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .radio-btn label,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .radio-btn label,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .radio-btn label {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
cursor: pointer;
display: flex;
position: relative;
user-select: none;
vertical-align: middle;
box-sizing: border-box;
font-size: 16px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .radio-btn label:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .radio-btn label:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .radio-btn label:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .radio-btn label:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .radio-btn label:after,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .radio-btn label:after,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .radio-btn label:after,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .radio-btn label:after {
right: 0;
position: absolute;
left: auto;
top: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-item .radio-btn label:after,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-item .radio-btn label:after,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .billing-address-details .radio-btn label:after,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .billing-address-details .radio-btn label:after {
background: #e6edf0;
border: 1px solid #e6edf0;
border-radius: 20px;
content: "";
display: block;
height: 24px;
width: 24px;
z-index: 0;
box-shadow: 0 3px 3px rgba(3, 34, 61, 0.3) inset;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset {
margin-bottom: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing {
width: 100%;
max-width: 100%;
margin-bottom: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .label,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .label {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .billing-address-container,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container {
display: flex;
justify-content: space-between;
flex-direction: column;
margin: 0 25px 16px 25px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .billing-address-container .title,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 0;
display: flex;
flex: 2;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .billing-address-container .address-type-list,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .address-type-list {
list-style: none;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
display: flex;
border: 0;
border-radius: 17px;
background-color: #ffffff;
padding: 0;
flex: 1;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .billing-address-container .address-type-list li,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .address-type-list li {
margin-bottom: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .billing-address-container .address-type-list li:first-child,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .address-type-list li:first-child {
border-top-left-radius: 17px;
border-bottom-left-radius: 17px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .billing-address-container .address-type-list li:last-child,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .address-type-list li:last-child {
border-top-right-radius: 17px;
border-bottom-right-radius: 17px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .billing-address-container .address-type-list .address-type-item,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .address-type-list .address-type-item {
width: 100%;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .billing-address-container .address-type-list .address-type-item .address-type-button,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .address-type-list .address-type-item .address-type-button {
font-size: 14px;
width: 100%;
height: 100%;
line-height: 17px;
font-weight: 500;
padding: 10px 18px;
border: 1px solid #ffffff;
background: #ffffff;
border-radius: inherit;
color: #00469e;
font-family: 'Lato';
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .field.field-select-billing .billing-address-container .address-type-list .address-type-item.selected .address-type-button,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .address-type-list .address-type-item.selected .address-type-button {
width: 100%;
background: #00469e;
font-weight: 700;
color: #ffffff;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .billing-address-form,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .billing-address-form {
max-width: 100%;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .billing-address-list-container,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .billing-address-list-container {
margin: 0;
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .billing-address-list-container .action.action-show-popup,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .billing-address-list-container .action.action-show-popup {
box-shadow: 0 0;
background: transparent;
border-color: #00469e;
color: #00469e;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
font-family: "Lato";
display: block;
width: 180px;
height: 40px;
font-size: 14px;
font-weight: 600;
line-height: 38px;
text-decoration: none;
padding: 0;
text-align: center;
margin: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .billing-address-list-container .action.action-show-popup:hover,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .billing-address-list-container .action.action-show-popup:hover {
background: transparent;
border-color: #00469e;
text-decoration: none;
transition: 0.3s;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .billing-address-list-container .action.action-show-popup:hover,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .billing-address-list-container .action.action-show-popup:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-address-list .fieldset .billing-address-list-container .action.action-show-popup > span:before,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .billing-address-list-container .action.action-show-popup > span:before {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .subscription-message {
background-color: #fff;
border: 1px solid #dcdcdc;
font-size: 20px;
font-weight: 400;
padding: 20px;
margin-bottom: 40px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .subscription-message {
background-color: #f1f1f1;
border-color: #f1f1f1;
color: #212844;
font-size: 18px;
margin-bottom: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .no-quotes-block {
padding-bottom: 20px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment .items.payment-methods .payment-group,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment .items.payment-methods .no-payments-block {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment .items.payment-methods .payment-group .step-title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 0;
display: flex;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment .items.payment-methods .payment-group .payment-method {
color: #000000;
position: relative;
font-size: 16px;
line-height: 24px;
font-weight: 400;
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-webkit-background-clip: padding-box;
/* for Safari */
background-clip: padding-box;
/* for IE9+, Firefox 4+, Opera, Chrome */
padding-bottom: 15px;
margin-bottom: 15px;
padding-right: 30px;
box-sizing: border-box;
cursor: pointer;
padding-right: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment .items.payment-methods .payment-group .payment-method .choice label {
font-weight: 700;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment .items.payment-methods .payment-group .payment-method._active .payment-method-content {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment .items.payment-methods .payment-group .payment-method .payment-method-title {
padding: 0;
border-top: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment .items.payment-methods .payment-group .payment-method .payment-method-content {
padding: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment .items.payment-methods .payment-group .payment-method .payment-method-content p {
margin: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .no-quotes-block {
background-color: #f1f1f1;
border-color: #f1f1f1;
color: #212844;
font-size: 18px;
padding: 20px;
margin-bottom: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.requestphone {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.requestphone .payment-option-title {
margin-bottom: 24px;
font-size: 16px;
font-weight: 700;
padding: 0;
border: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.requestphone .payment-option-content {
padding: 0;
width: 100%;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.requestphone .payment-option-content .payment-option-inner {
margin: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.requestphone .payment-option-content .order-requestphone-form .field .control label span {
display: inline;
max-width: unset;
vertical-align: unset;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.requestphone .payment-option-content .order-requestphone-form .field .control label span:after {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-title {
padding: 0;
border: 0;
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 25px;
display: flex;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-title .action-toggle {
color: inherit;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-title .action-toggle:after {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content .section-before {
margin: 0;
font-size: 16px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content .items-files-container .fileItemsPreview {
margin: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content .section-after {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
border: 1px solid #00469e;
background-color: #ebf4ff;
padding: 16px;
flex-direction: column;
border-radius: 10px;
display: flex;
flex-direction: row;
color: #00469e;
width: 100%;
}
@media only screen and (min-width: 768px) {
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content .section-after {
align-items: center;
}
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content .section-after .info-block-icon {
display: flex;
width: 42px;
height: 42px;
box-sizing: border-box;
flex: 0 0 auto;
padding: 5px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content .section-after .info-block-icon span {
background-repeat: no-repeat;
background-size: contain;
background-image: ;
background-position: top center;
background-color: transparent;
display: flex;
flex: 1;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content .section-after .info-block-content {
padding-left: 10px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content .section-after .info-block-content .info-block-title {
font-size: 14px;
font-weight: 700;
color: #00469e;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content .section-after .info-block-content .info-block-description {
font-size: 14px;
font-weight: 700;
color: #00469e;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content #drop_file_zone {
cursor: pointer;
border: #00469e 1px solid;
padding: 8px;
font-size: 14px;
font-weight: 600;
width: max-content;
margin-top: 20px;
border-radius: 20px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content #drop_file_zone #drag_upload_file {
width: unset;
padding-left: 32px;
padding-right: 32px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content #drop_file_zone #drag_upload_file .upload-container {
display: flex;
align-items: center;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content #drop_file_zone #drag_upload_file .choose-file {
color: #00469e;
margin-right: 12px;
margin-left: 12px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-content #drop_file_zone #drag_upload_file .upload-icon {
display: flex;
align-items: center;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions h2 {
margin: 0;
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 25px;
display: flex;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .title {
font-size: 16px;
padding-bottom: 11px;
font-weight: 700;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .term-content {
display: flex;
position: relative;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: inset 0px 3px 6px rgba(0, 0, 0, 0.16);
border: 1px solid #eaeaea;
overflow-y: hidden;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .term-content table {
table-layout: fixed;
width: 100% !important;
overflow: hidden;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .term-content table tbody {
display: flex;
flex-direction: column;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .term-content table tbody td {
width: unset !important;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .term-content .term-content-overlay {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .term-content .term-content-overlay .action.action-show-popup {
display: block;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
cursor: pointer;
bottom: 0;
position: absolute;
padding: 0 32px;
font-family: "Lato";
font-size: 14px;
font-weight: 600;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .term-content .term-content-overlay .action.action-show-popup:hover {
color: #ffffff;
background: #0c5da8;
border-color: #0c5da8;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .term-content .term-content-overlay .action.action-show-popup:after {
border: 1px solid #ffffff;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: rotate(-45deg);
content: "";
margin-left: 5px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .term-content .term-content-overlay .action.action-show-popup span:before {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions .subscription-terms .subscr-agreement {
margin: 0;
margin-top: 13px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-gdpr.fieldset {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-gdpr.fieldset .checkout-gdpr-notification {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
border: 1px solid #00469e;
background-color: #ebf4ff;
padding: 16px;
flex-direction: column;
border-radius: 10px;
display: flex;
flex-direction: row;
display: inline;
margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-gdpr.fieldset .checkout-gdpr-notification {
align-items: center;
}
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-gdpr.fieldset .checkout-gdpr-notification .info-block-icon {
display: flex;
width: 42px;
height: 42px;
box-sizing: border-box;
flex: 0 0 auto;
padding: 5px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-gdpr.fieldset .checkout-gdpr-notification .info-block-icon span {
background-repeat: no-repeat;
background-size: contain;
background-image: ;
background-position: top center;
background-color: transparent;
display: flex;
flex: 1;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-gdpr.fieldset .checkout-gdpr-notification .info-block-content {
padding-left: 10px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-gdpr.fieldset .checkout-gdpr-notification .info-block-content .info-block-title {
font-size: 14px;
font-weight: 700;
color: #00469e;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-gdpr.fieldset .checkout-gdpr-notification .info-block-content .info-block-description {
font-size: 14px;
font-weight: 700;
color: #00469e;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-gdpr.fieldset .field.choice .label span:after {
top: 0;
left: 5px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.comment {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.comment .payment-option-title {
margin-bottom: 24px;
font-size: 16px;
font-weight: 700;
padding: 0;
border: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.comment .payment-option-content {
padding: 0;
width: 100%;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.comment .payment-option-content .form-discount {
max-width: 100%;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.comment .payment-option-content .payment-option-inner {
margin: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .opc-payment-additional.comment .payment-option-content .payment-option-inner p {
margin: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .discount-code {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .discount-code .payment-option-title {
border-bottom: 0;
padding: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .discount-code .payment-option-content {
border-bottom: 1px solid #dcdcdc;
padding-bottom: 10px;
margin-bottom: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .discount-code .payment-option-content .form-discount .actions-toolbar .primary button,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .discount-code .payment-option-content .form-discount .actions-toolbar .primary .cart.table-wrapper .actions-toolbar > .action,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .discount-code .payment-option-content .form-discount .actions-toolbar .primary .action-gift {
background: #7b7b7b;
border-color: #7b7b7b;
color: #ffffff;
font-weight: 400;
text-transform: uppercase;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-info-container .billing-info {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
padding: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-info-container .billing-info .content {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
border: 1px solid #f8c800;
background-color: #fffcf0;
padding: 16px;
flex-direction: column;
border-radius: 10px;
display: flex;
flex-direction: row;
width: 100%;
font-size: 14px;
}
@media only screen and (min-width: 768px) {
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-info-container .billing-info .content {
align-items: center;
}
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-info-container .billing-info .content .info-block-icon {
display: flex;
width: 42px;
height: 42px;
box-sizing: border-box;
flex: 0 0 auto;
padding: 5px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-info-container .billing-info .content .info-block-icon span {
background-repeat: no-repeat;
background-size: contain;
background-image: url('../CloudEBS_AdvanceCheckout/images/icon-info-yellow.svg');
background-position: top center;
background-color: transparent;
display: flex;
flex: 1;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-info-container .billing-info .content .info-block-content {
padding-left: 10px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-info-container .billing-info .content .info-block-content .info-block-title {
font-size: 16px;
font-weight: 700;
color: #1d1c14;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-info-container .billing-info .content .info-block-content .info-block-description {
font-size: 14px;
font-weight: 400;
color: #1d1c14;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .billing-info-container .billing-info .content a {
color: #1d1c14;
text-decoration: underline;
font-weight: 700;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 0;
display: flex;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info {
display: flex;
flex-direction: column;
border: 0 solid transparent;
background-color: #ffffff;
align-items: flex-start;
box-sizing: border-box;
padding: 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .fieldset {
display: grid;
grid-column-gap: 2%;
margin-bottom: 20px;
width: 100%;
grid-template-columns: 100%;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .fieldset .field {
width: 100% !important;
float: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .fieldset .field.email .control {
display: flex;
align-items: center;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .fieldset .field.email .control .action {
padding: 0;
background: url("../images/edit_blue.svg") center center #ffffff;
background-repeat: no-repeat;
width: 14px;
height: 14px;
position: absolute;
border: 0;
right: 15px;
background-color: transparent;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .fieldset .field.email .control .action span {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .content {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
border: 1px solid #00469e;
background-color: #ebf4ff;
padding: 16px;
flex-direction: column;
border-radius: 10px;
display: flex;
flex-direction: row;
color: #00469e;
width: 100%;
font-size: 14px;
}
@media only screen and (min-width: 768px) {
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .content {
align-items: center;
}
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .content .info-block-icon {
display: flex;
width: 42px;
height: 42px;
box-sizing: border-box;
flex: 0 0 auto;
padding: 5px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .content .info-block-icon span {
background-repeat: no-repeat;
background-size: contain;
background-image: ;
background-position: top center;
background-color: transparent;
display: flex;
flex: 1;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .content .info-block-content {
padding-left: 10px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .content .info-block-content .info-block-title {
font-size: 14px;
font-weight: 700;
color: #00469e;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .content .info-block-content .info-block-description {
font-size: 14px;
font-weight: 700;
color: #00469e;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar {
clear: both;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar .primary {
width: 100%;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar .primary .action.primary.place-order,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order {
box-shadow: 0 0;
background: #00469e;
border-color: #00469e;
color: #ffffff;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
transition: 0.3s;
font-size: 18px;
font-weight: 500;
width: 200px;
height: 50px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar .primary .action.primary.place-order:hover,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order:hover,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order:hover {
background: #30c6ff;
border-color: #30c6ff;
text-decoration: none;
transition: 0.3s;
}
.opc-wrapper .opc .checkout-payment-method .payment-method-content {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .payment-method-content .actions-toolbar .primary .action.primary.checkout,
.opc-wrapper .opc .checkout-payment-method .payment-method-content .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.checkout,
.opc-wrapper .opc .checkout-payment-method .payment-method-content .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.checkout {
display: none;
}
.opc-wrapper .opc .checkout-payment-method .payment-method-iframe {
background-color: transparent;
display: none;
width: 100%;
}
.opc-wrapper .opc .step-information {
width: 100%;
}
.opc-wrapper .opc .step-information .step-content {
display: flex;
width: 100%;
}
.opc-wrapper .opc .step-information .step-content .step-content-image {
display: none;
}
.opc-wrapper .opc .step-information .step-content .step-content-image img {
display: block;
min-height: 950px;
object-fit: cover;
}
.opc-wrapper .opc .step-information .step-content .step-content-main {
display: flex;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
padding: 0 25px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-logo {
margin-bottom: 60px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-title {
text-align: center;
margin-bottom: 45px;
padding: 0;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-title .step-heading {
font-size: 32px;
line-height: 40px;
margin-bottom: 8px;
font-weight: 400;
display: block;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-title .step-subtitle {
font-size: 16px;
line-height: 20px;
display: block;
margin: 0;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content {
width: 100%;
max-width: 435px;
min-width: 300px;
margin: 0 auto;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .note {
display: flex;
flex-direction: column;
text-align: center;
margin-bottom: 23px;
color: #000000;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .note span {
display: block;
font-size: 16px;
line-height: 21px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login {
margin: 0;
border: 0;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .field.password .control .toggle-password {
position: absolute;
right: 8px;
z-index: 2;
color: #000000;
font-size: 20px;
height: 43px;
align-items: center;
display: flex;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .field.password .control .action.remind {
text-align: right;
font-size: 16px;
margin-top: 10px;
color: #10469e;
line-height: 24px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .field.password .control .note {
color: #000000;
display: flex;
flex-direction: column;
text-align: center;
margin-bottom: 23px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .field.password .control .note span {
display: block;
font-size: 16px;
line-height: 21px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .actions-toolbar {
margin-left: 0;
margin-bottom: 35px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .actions-toolbar .primary {
width: 100%;
margin-right: 0 !important;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .actions-toolbar .primary button.action.login,
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .actions-toolbar .primary .cart.table-wrapper .actions-toolbar > .action.action.login,
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .actions-toolbar .primary .action-gift.action.login {
box-shadow: 0 0;
background: #00469e;
border-color: #00469e;
color: #ffffff;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
transition: 0.3s;
font-size: 18px;
font-weight: 500;
width: 200px;
height: 50px;
width: 100%;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .actions-toolbar .primary button.action.login:hover,
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .actions-toolbar .primary .cart.table-wrapper .actions-toolbar > .action.action.login:hover,
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-main-content .form-login .fieldset .fieldset .actions-toolbar .primary .action-gift.action.login:hover {
background: #30c6ff;
border-color: #30c6ff;
text-decoration: none;
transition: 0.3s;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .actions-toolbar {
margin-left: 0;
margin-bottom: 35px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .actions-toolbar .primary {
width: 100%;
margin-right: 0 !important;
justify-content: center;
display: flex;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .actions-toolbar .primary button.action.continue,
.opc-wrapper .opc .step-information .step-content .step-content-main .actions-toolbar .primary .cart.table-wrapper .actions-toolbar > .action.action.continue,
.opc-wrapper .opc .step-information .step-content .step-content-main .actions-toolbar .primary .action-gift.action.continue {
box-shadow: 0 0;
background: #00469e;
border-color: #00469e;
color: #ffffff;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
transition: 0.3s;
font-size: 18px;
font-weight: 500;
width: 200px;
height: 50px;
width: 100%;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .actions-toolbar .primary button.action.continue:hover,
.opc-wrapper .opc .step-information .step-content .step-content-main .actions-toolbar .primary .cart.table-wrapper .actions-toolbar > .action.action.continue:hover,
.opc-wrapper .opc .step-information .step-content .step-content-main .actions-toolbar .primary .action-gift.action.continue:hover {
background: #30c6ff;
border-color: #30c6ff;
text-decoration: none;
transition: 0.3s;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper {
width: 100%;
max-width: 435px;
min-width: 300px;
margin: 0 auto;
text-align: center;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-divider {
height: 25px;
line-height: 25px;
position: relative;
font-size: 14px;
font-weight: 600;
margin-bottom: 23px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-divider:before {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
background: rgba(0, 0, 0, 0.2);
z-index: 0;
top: 50%;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-divider span {
width: 75px;
background: #ffffff;
display: block;
margin: 0 auto;
z-index: 1;
position: relative;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content.actions {
display: flex;
justify-content: space-between;
margin-left: -12px;
margin-right: -12px;
flex-direction: column;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content.actions .actions-toolbar {
margin-bottom: 23px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn {
margin-top: 0;
width: 100%;
padding: 0 12px;
box-sizing: border-box;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn.facebook-login {
order: 2;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn .btn-social {
padding: 0;
height: 40px;
line-height: 40px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
font-family: "Lato";
border: 1px solid #2b7aee;
text-align: center;
text-decoration: none;
margin-bottom: 0;
touch-action: manipulation;
cursor: pointer;
user-select: none;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn .btn-social.btn-facebook {
background-color: #2b7aee;
color: #ffffff;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn .btn-social.btn-facebook .fa.fa-facebook {
width: 22px;
height: 22px;
background: #ffffff;
-webkit-mask-image: url("../CloudEBS_CustomLogin/images/facebook_social_icon.svg");
mask-image: url("../CloudEBS_CustomLogin/images/facebook_social_icon.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
margin-right: 8px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn .btn-social.btn-facebook .fa.fa-facebook:before {
content: "";
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn .btn-social.btn-google {
color: #00469e;
background: #ffffff;
border-color: #00469e;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn .btn-social.btn-google .fa.fa-google {
width: 34px;
height: 34px;
background: url("../Mageplaza_SocialLogin/css/images/g-logo.png") no-repeat;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn .btn-social.btn-google .fa.fa-google:before {
content: "";
}
.checkout-index-index .totals.paymentfee th,
.checkout-index-index .totals.paymentfee td {
border-top: unset !important;
font-size: unset;
font-weight: unset !important;
color: unset !important;
}
.checkout-index-index .checkout-container .opc-sidebar {
box-sizing: border-box;
visibility: visible;
opacity: 1;
margin: 0 auto;
position: static;
width: 100%;
}
.checkout-index-index .checkout-container .opc-sidebar:after {
display: none;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap {
position: relative;
z-index: 2;
transform: none;
background-color: transparent;
box-shadow: none;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total {
min-height: 128px;
background-color: #00469e;
margin: 0 12px;
padding: 32px 24px;
margin-top: -25px;
padding-top: 50px;
box-sizing: border-box;
display: flex;
position: relative;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.16);
color: white;
flex-direction: column;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar {
display: block;
margin-top: 24px;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary {
width: 100%;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .action.primary.next-step-summary,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .action.primary.next-step-summary,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .action.primary.place-order,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .action.primary.place-order,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.next-step-summary,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.next-step-summary,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.next-step-summary,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.next-step-summary,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order {
box-shadow: 0 0;
background: #00469e;
border-color: #00469e;
color: #ffffff;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
transition: 0.3s;
font-size: 18px;
font-weight: 500;
width: 200px;
height: 50px;
background-color: #ffffff;
color: #00469e;
width: 100%;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .action.primary.next-step-summary:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .action.primary.next-step-summary:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .action.primary.place-order:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .action.primary.place-order:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.next-step-summary:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.next-step-summary:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .paypal-express-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.next-step-summary:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.next-step-summary:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order:hover,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary .braintree-paypal-review .paypal-review-discount .block .actions-toolbar .action.primary.place-order:hover {
background: #30c6ff;
border-color: #30c6ff;
text-decoration: none;
transition: 0.3s;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .grand.totals {
display: flex;
width: 100%;
justify-content: space-between;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .grand.totals .mark {
padding: 0;
flex: 1;
font-size: 24px;
font-weight: 700;
line-height: 32px;
padding-right: 12px;
max-width: unset;
display: flex;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .grand.totals .amount {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .grand.totals .amount .price {
font-size: 25px;
font-weight: 700;
line-height: 32px;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .grand.totals .amount .subtitle {
font-size: 12px;
opacity: 0.5;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) {
display: flex;
flex-direction: column;
border: 0 solid transparent;
align-items: flex-start;
box-sizing: border-box;
padding: 32px 24px;
margin: 0 0 25px 0;
box-shadow: 0px 0px 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
margin: 0;
margin-top: 35px;
background-color: #ffffff;
overflow: hidden;
z-index: 1;
position: relative;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .title:not(.table-totals) {
color: #001d3a;
font-weight: 700;
font-size: 28px;
line-height: 24px;
border: 0;
padding-bottom: 32px;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals {
width: 100%;
color: #000000;
display: flex;
font-size: 18px;
line-height: 32px;
font-weight: 400;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals tbody {
display: flex;
flex-direction: column;
width: 100%;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals td,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals th {
font-weight: 400;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals td strong,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals th strong {
font-weight: 700;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals tr:not(:last-child) {
margin-bottom: 8px;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.opc-block-summary {
padding: 0;
margin: 0;
background-color: #ffffff;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals),
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub {
display: flex;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.subscription-shipping-address td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.subscription-shipping-address td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).subscription-shipping-address td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.subscription-shipping-address td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.subscription-shipping-address td.amount {
width: 100%;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.subscription-shipping-address td.amount .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.subscription-shipping-address td.amount .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).subscription-shipping-address td.amount .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.subscription-shipping-address td.amount .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.subscription-shipping-address td.amount .title {
display: block;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.subscription-shipping-address td.amount .address,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.subscription-shipping-address td.amount .address,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).subscription-shipping-address td.amount .address,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.subscription-shipping-address td.amount .address,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.subscription-shipping-address td.amount .address {
display: block;
text-wrap: wrap;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee th.mark,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons th.mark,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals) th.mark,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping th.mark,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub th.mark {
display: flex;
flex-direction: column;
flex: 1;
max-width: unset;
padding: 0;
padding-right: 12px;
width: 70%;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals) th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub th.mark .title {
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 400;
line-height: 32px;
max-width: 100%;
word-break: break-word;
color: #000000;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee th.mark .title.unpaid-title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons th.mark .title.unpaid-title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals) th.mark .title.unpaid-title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping th.mark .title.unpaid-title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub th.mark .title.unpaid-title {
color: #f52222;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals) th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub th.mark .subtitle {
font-size: 12px;
line-height: 18px;
opacity: 0.5;
max-width: 100%;
word-break: break-word;
color: #000000;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals) td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub td.amount {
padding: 0;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals) td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub td.amount .price {
font-size: 18px;
font-weight: 700;
line-height: 32px;
color: #000000;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.all-subscription th.mark,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.all-subscription th.mark,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).all-subscription th.mark,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.all-subscription th.mark,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.all-subscription th.mark {
padding-bottom: 16px;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.all-subscription td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.all-subscription td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).all-subscription td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.all-subscription td.amount,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.all-subscription td.amount {
text-align: right;
padding-left: 0;
padding-bottom: 16px;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.all-subscription td.amount .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.all-subscription td.amount .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).all-subscription td.amount .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.all-subscription td.amount .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.all-subscription td.amount .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.all-subscription td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.all-subscription td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).all-subscription td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.all-subscription td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.all-subscription td.amount .price {
font-size: 18px;
font-weight: 700;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.coupon th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.coupon th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).coupon th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.coupon th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.coupon th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.discount_sub th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.discount_sub th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).discount_sub th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.discount_sub th.mark .title,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.discount_sub th.mark .title {
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #46ac2d;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.coupon th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.coupon th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).coupon th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.coupon th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.coupon th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.discount_sub th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.discount_sub th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).discount_sub th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.discount_sub th.mark .subtitle,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.discount_sub th.mark .subtitle {
font-size: 14px;
line-height: 18px;
opacity: 1;
color: #46ac2d;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.coupon td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.coupon td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).coupon td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.coupon td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.coupon td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.paymentfee.discount_sub td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .amcoupons-total-coupons.discount_sub td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals:not(.grand.totals).discount_sub td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.shipping.discount_sub td.amount .price,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals.sub.discount_sub td.amount .price {
font-size: 18px;
font-weight: 700;
line-height: 32px;
color: #46ac2d;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .summary-totals-divider {
border-top: 5px solid #00469e;
opacity: 0.2;
margin: 24px -24px;
margin-top: 16px;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .summary-totals-divider ~ tr:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 16px;
margin-bottom: 16px;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals-tax th,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-summary:not(.totals.opc-block-summary) .table-totals .totals-tax td {
padding-bottom: 28px;
}
.checkout-onepage-success .page-main {
max-width: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
padding: 24px;
}
.checkout-onepage-success .page-main .columns {
display: flex;
flex: 1;
}
.checkout-onepage-success .page-main .columns .column.main {
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.checkout-onepage-success .page-main .columns .column.main .checkout-success {
display: flex;
}
.checkout-onepage-success .page-main .columns .column.main .checkout-success .success-container {
display: flex;
justify-content: center;
align-items: center;
flex: 1;
flex-direction: column;
}
.checkout-onepage-success .page-main .columns .column.main .checkout-success .success-container h2 {
margin-top: 46px;
margin-bottom: 36px;
font-size: 52px;
line-height: 60px;
text-align: center;
}
.checkout-onepage-success .page-main .columns .column.main .checkout-success .success-container .success-container-content {
max-width: 550px;
}
.checkout-onepage-success .page-main .columns .column.main .checkout-success .success-container .success-container-content p {
font-size: 20px;
line-height: 32px;
text-align: center;
}
.checkout-onepage-success .page-main .columns .column.main .checkout-success .success-container .success-container-content p strong,
.checkout-onepage-success .page-main .columns .column.main .checkout-success .success-container .success-container-content p span {
font-weight: 700;
}
.checkout-onepage-success .page-main .columns .column.main .registration-result {
max-width: 550px;
text-align: center;
margin-top: 32px;
}
.checkout-onepage-success .print {
display: none;
}
@media only screen and (max-width: 479px) {
#checkout-shipping-method-load {
overflow-x: scroll;
}
#checkout-shipping-method-load .table-checkout-shipping-method {
min-width: 500px;
}
}
@media only screen and (min-width: 480px) {
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .form.form-shipping-address .fieldset.address > .field {
width: 50%;
float: left;
box-sizing: border-box;
clear: unset !important;
}
.checkout-index-index .modals-wrapper .modal-popup .modal-inner-wrap .modal-content .billing-address-popup .billing-address-form .fieldset.address > .field {
width: 50%;
float: left;
box-sizing: border-box;
clear: unset !important;
}
}
@media only screen and (max-width: 767px) {
.custom-slide._show {
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
overflow-y: auto;
}
.custom-slide .modal-inner-wrap {
background: white;
}
body._has-modal-custom {
height: 100vh;
overflow: hidden;
width: 100vw;
}
body._has-modal-custom .modal-custom-overlay {
background: transparent linear-gradient(180deg, #63c4ff 0%, #044ba2 59%, #00095b 100%) 0% 0% no-repeat padding-box;
opacity: 0.55;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
.modal-popup {
pointer-events: auto;
}
.modal-popup.modal-slide {
left: 0;
top: 44px;
}
.modal-popup.modal-slide .modal-inner-wrap[class] {
background: white;
}
.modal-popup.modal-slide._inner-scroll._show {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
height: auto;
min-height: 100%;
}
.modal-popup.modal-slide .modal-footer {
display: flex;
}
}
@media only screen and (min-width: 768px) {
.abs-add-fields-desktop .fieldset .field .control {
width: auto;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.delivery-option-wapper {
padding-bottom: 15px;
padding-right: 30px;
flex-direction: row;
}
.modal-popup.modal-slide .modal-footer {
border: 0;
padding: 0 32px 32px;
}
.assistance-page .assistance-content {
margin-left: 25px;
margin-right: 25px;
margin-top: 30px;
}
.assistance-page .action-link {
width: 170px;
height: 41px;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 5px 10px #0000001a;
border-radius: 20px;
display: block;
line-height: 41px;
color: #00469e;
margin: 32px auto 20px;
}
.assistance-page .assistance-contact .cms-left {
width: 50%;
display: flex;
flex-wrap: wrap;
align-content: center;
}
.assistance-page .assistance-contact .cms-right {
width: 50%;
}
.assistance-page .assistance-contact .cms-right img {
border-radius: 25px;
}
.assistance-page .cms-block-title {
margin-top: 40px;
min-height: unset;
background: #fff;
padding: 0;
}
.assistance-page .contact-info-block {
box-shadow: none;
margin: 0;
padding: 0;
flex-direction: row;
flex-wrap: wrap;
}
.assistance-page .contact-info-block .contact-info {
max-width: 360px;
box-sizing: border-box;
margin: 0 30px 50px 0;
}
.assistance-page .cms-title {
color: #000;
font-size: 54px;
text-align: left;
padding: 0;
}
.assistance-page .cms-title .strong {
display: inline;
}
.assistance-page .cms-row {
flex-direction: row;
flex-wrap: wrap;
}
.assistance-page .guide-n-cert {
margin: 60px auto 0;
justify-content: center;
max-width: 1364px;
}
.assistance-page .guide-n-cert > div {
box-sizing: border-box;
padding: 35px 50px;
flex-grow: 1;
}
.assistance-page .guide-n-cert .desc {
max-width: 330px;
}
.assistance-page .guide-n-cert .user-guide {
margin-right: 16px;
margin-bottom: 0;
}
.assistance-page .guide-n-cert .user-guide:after {
width: 114px;
right: 53px;
}
.assistance-page .guide-n-cert .action-button {
margin-bottom: 10px;
}
.assistance-page .guide-n-cert .cert:after {
width: 76px;
right: 53px;
}
.assistance-page .cms-asistenta-nav {
background: #fff;
}
.assistance-page .cms-asistenta-nav .nav-grid {
max-width: 1364px;
margin: auto;
width: 100%;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav {
flex-grow: 1;
width: auto;
background: #ffffff no-repeat center 48px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav + .block-nav {
margin-left: 15px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav .nav-title {
font-size: 24px;
margin: 55px auto 25px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(1) {
background-size: 62px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(2) {
background-size: 56px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(3) {
background-size: 55px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(4) {
background-size: 48px;
}
.assistance-page .cms-asistenta-nav .nav-block-title {
max-width: 670px;
margin-left: auto;
margin-right: auto;
}
.assistance-page .assistance-main-content {
width: 62%;
padding-left: 25px;
}
.assistance-page .assistance-sidebar {
width: 35%;
}
.sidebar-assistance-block {
border-radius: 30px;
margin-top: 30px;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 30px #00469e26;
padding-bottom: 0;
}
.sidebar-assistance-block .list-assistance-block {
padding-bottom: 0;
}
.sidebar-assistance-block .list-assistance,
.sidebar-assistance-block .sub-list-assistance {
margin: 0;
position: relative;
right: 0;
left: 0;
background-color: transparent;
}
.sidebar-assistance-block .list-assistance > .assistance-item,
.sidebar-assistance-block .sub-list-assistance > .assistance-item {
font-size: 18px;
background-color: transparent;
box-shadow: none;
border-radius: 0;
margin-bottom: 0;
border-bottom: 0;
border-top: 1px solid rgba(112, 112, 112, 0.1);
}
.sidebar-assistance-block .list-assistance > .assistance-item.current,
.sidebar-assistance-block .sub-list-assistance > .assistance-item.current {
order: 1;
border-radius: 0;
background: transparent;
box-shadow: none;
text-indent: 0;
margin: 0 32px;
}
.sidebar-assistance-block .list-assistance > .assistance-item.current:after,
.sidebar-assistance-block .sub-list-assistance > .assistance-item.current:after {
display: none !important;
}
.sidebar-assistance-block .list-assistance > .assistance-item.current > a,
.sidebar-assistance-block .sub-list-assistance > .assistance-item.current > a {
color: #30c6ff;
}
.sidebar-assistance-block .list-assistance.level-0-active .assistance-item.level-0,
.sidebar-assistance-block .sub-list-assistance.level-0-active .assistance-item.level-0 {
display: flex;
height: 58px;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.sidebar-assistance-block .list-assistance.level-1-active .assistance-item.level-1,
.sidebar-assistance-block .sub-list-assistance.level-1-active .assistance-item.level-1 {
display: flex;
height: 58px;
flex-direction: column;
align-items: flex-start;
justify-content: center;
margin: 0;
}
.user-cert-assistance-page .list-assistance {
padding-bottom: 15px;
}
.user-cert-assistance-content .file-row {
max-height: 64px;
}
.user-cert-assistance-content .file-row > a {
margin-top: 0;
right: 0;
position: absolute;
}
.user-cert-assistance-content .file-name {
font-size: 16px;
width: 100%;
}
.user-cert-assistance-content .format-n-size {
width: auto;
}
.faq-like {
margin: 0;
max-width: 812px;
display: flex;
padding: 0;
justify-content: space-between;
}
.faq-button + .faq-button {
margin-left: 20px;
}
.second-assistance-page .row-faq {
margin-left: 24px;
}
.assistance-produse .asistenta-produse-cate {
display: block;
}
.assistance-produse .action-link {
background: none;
box-shadow: none;
margin: 0 0 10px 0;
}
.assistance-produse .block-cate-wrapper {
float: left;
margin-right: 0;
width: 30%;
}
.assistance-produse .block-cate-wrapper:nth-child(3) {
clear: left;
}
.sa-faq {
margin: 40px 60px 0;
}
.sa-faq .img-block.over-width {
margin-left: -60px;
margin-right: -60px;
}
}
@media only screen and (min-width: 760px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart {
width: 100%;
padding: 0 40px;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart .cart.table-wrapper .items .items .item.product .item-details {
display: flex;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary {
padding: 0 40px;
width: 100%;
}
.checkout-index-index .checkout-container {
margin: 0 40px;
margin-bottom: 75px;
}
.checkout-index-index .checkout-container .opc-wrapper .opc {
align-items: flex-start;
box-sizing: border-box;
margin: 0;
display: flex;
border: 0 solid transparent;
background-color: #f6f6f6;
padding: 32px 25px;
flex-direction: column;
border-radius: 30px;
}
.checkout-index-index .checkout-container .opc-wrapper .opc-progress-bar {
padding: 0;
}
.checkout-index-index .checkout-container .opc-wrapper.w-100 {
width: 100%;
margin: 0;
}
.checkout-index-index .checkout-container .opc-wrapper.w-100 .opc {
background-color: #ffffff;
padding: 0;
}
.checkout-index-index .checkout-container:has(.opc-wrapper.w-100) {
margin: 0;
}
.checkout-index-index .columns .column.main .page-title {
padding: 0;
}
.checkout-index-index .checkout-container .opc-progress-bar {
padding: 0;
}
.checkout-index-index .checkout-container .opc-progress-bar-item > span:before {
display: none;
}
.checkout-index-index .checkout-container .opc-progress-bar-item > span > span {
width: 50%;
display: flex;
opacity: 0.5;
}
.checkout-index-index .checkout-container .opc-progress-bar-item:not(:first-child):not(:last-child) > span > span {
display: flex;
position: absolute;
left: -25%;
justify-content: center;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._complete > span:before,
.checkout-index-index .checkout-container .opc-progress-bar-item._active > span:before {
display: inline-block;
}
.checkout-index-index .checkout-container .opc-progress-bar-item._complete > span > span,
.checkout-index-index .checkout-container .opc-progress-bar-item._active > span > span {
opacity: 1;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.delivery-option-wapper {
padding-bottom: 15px;
padding-right: 30px;
flex-direction: row;
}
.checkout-index-index .opc-wrapper .step-title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 0;
display: flex;
}
.checkout-index-index .opc-wrapper .info-block-shipping {
margin: 0;
margin-bottom: 22px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .reward .payment-option-title,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .discount-code .payment-option-title,
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .file-upload .payment-option .payment-option-title {
margin-left: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .place-order .actions-toolbar .primary {
width: auto;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset #subscriptions-terms-and-conditions h2 {
margin-left: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container {
flex-direction: row;
align-items: center;
margin: 0;
margin-bottom: 16px;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .checkout-billing-address .fieldset .field.field-select-billing .billing-address-container .title {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
border-bottom: unset;
padding-bottom: 16px;
margin-left: 0;
display: flex;
padding-bottom: 0;
}
.opc-wrapper .opc .checkout-payment-method .form.payments .fieldset .account-info-container .account-info .fieldset {
grid-template-columns: 49% 49%;
}
.checkout-index-index .page-main.information-step {
border-radius: 30px 30px 0 0;
overflow: hidden;
margin-top: -30px;
max-width: 100%;
}
.checkout-index-index .page-main.information-step:after {
display: none;
}
.checkout-index-index .checkout-container .opc-wrapper.w-100 {
width: 100%;
}
.checkout-index-index .checkout-container .opc-wrapper.w-100 .opc {
background-color: white;
padding: 0;
}
.checkout-index-index .checkout-container .opc-wrapper.no-padding {
padding: 0;
}
.checkout-index-index .checkout-container .opc-wrapper .step-information .step-content .step-content-image {
flex: 1;
display: flex;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap {
overflow: visible;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-header {
display: none;
}
}
@media only screen and (min-width: 960px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart {
width: 50%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary {
padding: 0;
margin-right: 40px;
width: 38%;
}
.checkout-index-index .checkout-container .opc-wrapper {
padding-right: 40px;
width: 60%;
}
.checkout-index-index .checkout-container .opc-sidebar {
width: 40%;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.delivery-option-wapper {
flex-direction: column;
padding: 0;
gap: 15px;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content.actions {
flex-direction: row;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content.actions .actions-toolbar {
margin-bottom: 0;
}
.opc-wrapper .opc .step-information .step-content .step-content-main .step-content-social-login-wrapper .social-login-authentication-popup .block-content .social-btn {
width: 50%;
}
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .next-step-summary .actions-toolbar .primary,
.checkout-index-index .checkout-container .opc-sidebar .modal-inner-wrap .modal-content .opc-block-grand-total .place-order .actions-toolbar .primary {
width: auto;
}
}
@media only screen and (min-width: 1200px) {
.checkout-cart-index .page-main .columns .column.main .cart-container .form-cart {
width: 65%;
}
.checkout-cart-index .page-main .columns .column.main .cart-container .cart-summary {
width: 23%;
}
.checkout-index-index .checkout-container .opc-wrapper {
width: 67%;
padding-left: 136.66666667px;
}
.checkout-index-index .checkout-container .opc-sidebar {
width: 33%;
max-width: 398px;
min-width: 340px;
}
.checkout-index-index .opc-wrapper .step-content .form.methods-shipping .checkout-shipping-method .shipping-method-item.delivery-option-wapper {
padding-bottom: 15px;
padding-right: 30px;
flex-direction: row;
}
}
@media only screen and (min-width: 1680px) {
.checkout-index-index .checkout-container .opc-wrapper {
width: 75%;
}
.checkout-index-index .checkout-container .opc-sidebar {
width: 25%;
max-width: unset;
}
.assistance-page .assistance-content {
margin: 0;
margin-top: 30px;
}
.assistance-page .assistance-main-content {
padding-left: 0;
margin-left: auto;
}
}
.customer-account-forgotpassword .page-title-wrapper,
.customer-account-createpassword .page-title-wrapper {
margin-top: 60px;
}
.customer-account-forgotpassword .page-main,
.customer-account-createpassword .page-main {
padding: 24px;
margin-bottom: 60px;
}
@media (max-width: 769px) {
.customer-account-forgotpassword .page-main form,
.customer-account-createpassword .page-main form {
width: 100%;
}
}
.customer-account-forgotpassword .page-main form .actions-toolbar,
.customer-account-createpassword .page-main form .actions-toolbar {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.customer-account-forgotpassword .page-main form .actions-toolbar .primary .action.submit.primary,
.customer-account-createpassword .page-main form .actions-toolbar .primary .action.submit.primary {
box-shadow: 0 0;
background: #00469e;
border-color: #00469e;
color: #ffffff;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
transition: 0.3s;
font-size: 18px;
font-weight: 500;
width: 200px;
height: 50px;
}
.customer-account-forgotpassword .page-main form .actions-toolbar .primary .action.submit.primary:hover,
.customer-account-createpassword .page-main form .actions-toolbar .primary .action.submit.primary:hover {
background: #30c6ff;
border-color: #30c6ff;
text-decoration: none;
transition: 0.3s;
}
@media (min-width: 768px) {
.account.page-layout-2columns-left .columns .sidebar-main {
width: 27%;
box-sizing: border-box;
padding-right: 25px;
}
}
@media (min-width: 1440px) {
.account.page-layout-2columns-left .columns .sidebar-main {
padding-right: 45px;
}
}
@media (min-width: 768px) {
.account.page-layout-2columns-left .columns .column.main {
width: 73%;
padding: 0;
}
}
.account.customer-account-index .page-main .page-title-wrapper {
display: none;
}
.account .page-wrapper {
overflow: hidden;
}
@media (max-width: 767px) {
.account .page-header {
height: 210px;
}
}
.account .page-main {
padding-top: 40px;
position: static;
}
@media (max-width: 767px) {
.account .page-main {
padding-top: 0;
}
}
@media (max-width: 767px) {
.account .page-main:after {
top: 211px;
}
}
.account .page-main .page-title-wrapper .page-title {
font-size: 32px;
font-weight: 700;
line-height: 40px;
margin-bottom: 45px;
padding: 15px 0 0;
}
@media (max-width: 767px) {
.account .page-main .page-title-wrapper .page-title {
margin-right: 0;
margin-bottom: 30px;
padding: 15px 25px 0;
}
}
.account .page-main .customer-dashboard-info {
display: flex;
margin-left: -15px;
margin-right: -15px;
}
@media (max-width: 1439px) {
.account .page-main .customer-dashboard-info {
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 1023px) {
.account .page-main .customer-dashboard-info {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info {
margin-left: 0;
margin-right: 0;
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details {
width: 66.67%;
padding: 0 15px;
}
@media (max-width: 1439px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details {
width: 75%;
padding: 0;
}
}
@media (max-width: 1023px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details {
width: 100%;
margin-bottom: 40px;
padding: 0 10px;
}
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details {
padding: 0;
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content {
border-radius: 30px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
padding: 30px;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content {
box-shadow: none;
border-radius: 0;
padding: 20px 25px 0;
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-welcome {
display: flex;
align-items: center;
margin-bottom: 35px;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-welcome {
margin-bottom: 28px;
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-welcome .customer-avatar {
position: relative;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-welcome .customer-avatar .customer-avatar-image {
border-radius: 50%;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-welcome .customer-avatar .customer-avatar-edit {
position: absolute;
right: 0;
bottom: 0;
font-size: 0;
width: 32px;
height: 32px;
border-radius: 50%;
background: url("../images/edit_icon.svg") no-repeat;
background-position: 50% 50%;
background-color: #ffffff;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-welcome .customer-welcome {
font-size: 18px;
line-height: 22px;
box-sizing: border-box;
padding-left: 25px;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-welcome .customer-welcome .customer-welcome-message {
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info {
font-size: 16px;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info {
border-top: 1px solid rgba(112, 112, 112, 0.2);
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-title {
height: 62px;
line-height: 62px;
position: relative;
margin-bottom: 0;
}
@media (min-width: 768px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-title {
display: none;
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-title.active:after {
transform: translateY(-50%) rotate(-135deg);
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-title:after {
border: solid #000000;
border-width: 0 2px 2px 0;
display: block;
padding: 4px;
transform: translateY(-50%) rotate(45deg);
content: "";
position: absolute;
right: 10px;
top: 45%;
transition: all 0.5s;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-title > strong {
font-size: 16px;
font-weight: 700;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content {
max-height: 0;
overflow: hidden;
transition: all 1s;
}
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content.active {
max-height: 1500px;
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-information,
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-newsletter {
margin-bottom: 0;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-information {
padding-top: 8px;
}
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-newsletter {
padding-bottom: 32px;
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .information-item {
display: flex;
line-height: 32px;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .information-item-title {
font-weight: 700;
margin-right: 5px;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-actions {
margin-top: 25px;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-actions {
margin-top: 18px;
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-actions .action-primary {
margin: 0;
width: auto;
min-width: 160px;
padding: 0 30px;
display: inline-block;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-actions .action-primary:not(:last-child) {
margin-bottom: 25px;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-newsletter {
margin-top: 25px;
}
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-newsletter .box-title > span {
font-size: 16px;
line-height: 20px;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-newsletter .box-actions {
margin-top: 10px;
}
.account .page-main .customer-dashboard-info .customer-dashboard-info-details .customer-dashboard-info-details-content .block-dashboard-info .block-content .box-newsletter .box-actions .action {
color: #000000;
text-decoration: underline;
}
.account .page-main .customer-dashboard-info .block-dashboard-reference-points {
width: 33.33%;
padding: 0 15px;
}
@media (max-width: 1439px) {
.account .page-main .customer-dashboard-info .block-dashboard-reference-points {
padding: 0 10px;
}
}
@media (max-width: 1023px) {
.account .page-main .customer-dashboard-info .block-dashboard-reference-points {
width: 50%;
}
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-info .block-dashboard-reference-points {
padding: 0 25px;
width: 100%;
}
}
.account .page-main .customer-dashboard-info .block-dashboard-reference-points .block-dashboard-reference-points-content {
border-radius: 30px;
position: relative;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
background: #ffffff;
padding: 50px 0 35px;
text-align: center;
}
.account .page-main .customer-dashboard-info .block-dashboard-reference-points .block-dashboard-reference-points-content:after {
display: block;
width: calc(100% - 24px);
left: 50%;
bottom: -10px;
transform: translateX(-50%);
z-index: -1;
height: 80px;
content: "";
position: absolute;
border-radius: 30px;
background: #30c6ff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
}
.account .page-main .customer-dashboard-info .block-dashboard-reference-points .block-dashboard-reference-points-content .reference-points-available {
margin-bottom: 30px;
}
.account .page-main .customer-dashboard-info .block-dashboard-reference-points .block-dashboard-reference-points-content .reference-points-available .points {
font-size: 54px;
font-weight: 700;
color: #30c6ff;
line-height: 60px;
}
.account .page-main .customer-dashboard-info .block-dashboard-reference-points .block-dashboard-reference-points-content .reference-points-available .points-label {
font-size: 14px;
font-weight: 900;
line-height: 18px;
opacity: 0.3;
color: #001d3a;
}
.account .page-main .customer-dashboard-info .block-dashboard-reference-points .block-dashboard-reference-points-content .reference-points-action {
font-size: 16px;
line-height: 22px;
color: #000000;
}
.account .page-main .customer-dashboard-info .block-dashboard-reference-points .block-dashboard-reference-points-content .reference-points-action > a {
color: #000000;
text-decoration: underline;
}
.account .page-main .customer-dashboard-actions {
margin-top: 60px;
display: flex;
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 1439px) {
.account .page-main .customer-dashboard-actions {
margin-top: 40px;
}
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-actions {
margin-top: 65px;
margin-left: -6px;
margin-right: -6px;
padding-left: 25px;
overflow-x: hidden;
overflow-y: auto;
}
}
@media (max-width: 640px) {
.account .page-main .customer-dashboard-actions {
flex-direction: column;
}
}
.account .page-main .customer-dashboard-actions .customer-dashboard-order,
.account .page-main .customer-dashboard-actions .customer-dashboard-review {
padding: 0 10px;
width: 50%;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-actions .customer-dashboard-order,
.account .page-main .customer-dashboard-actions .customer-dashboard-review {
padding: 0 6px;
width: 70%;
min-width: 240px;
}
}
@media (max-width: 640px) {
.account .page-main .customer-dashboard-actions .customer-dashboard-order,
.account .page-main .customer-dashboard-actions .customer-dashboard-review {
width: calc(100% - 40px);
margin-bottom: 20px;
}
}
.account .page-main .customer-dashboard-actions .customer-dashboard-order .dashboard-content,
.account .page-main .customer-dashboard-actions .customer-dashboard-review .dashboard-content {
border: 1px solid #00459d;
border-radius: 30px;
padding: 18px 24px;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-actions .customer-dashboard-order .dashboard-content,
.account .page-main .customer-dashboard-actions .customer-dashboard-review .dashboard-content {
padding: 24px;
flex-direction: column;
align-items: flex-start;
}
}
.account .page-main .customer-dashboard-actions .customer-dashboard-order .dashboard-content .dashboard-total,
.account .page-main .customer-dashboard-actions .customer-dashboard-review .dashboard-content .dashboard-total {
font-weight: 700;
font-size: 53px;
line-height: 62px;
margin-right: 25px;
color: #30c6ff;
}
@media (max-width: 767px) {
.account .page-main .customer-dashboard-actions .customer-dashboard-order .dashboard-content .dashboard-total,
.account .page-main .customer-dashboard-actions .customer-dashboard-review .dashboard-content .dashboard-total {
margin-bottom: 8px;
}
}
.account .page-main .customer-dashboard-actions .customer-dashboard-order .dashboard-content .dashboard-actions,
.account .page-main .customer-dashboard-actions .customer-dashboard-review .dashboard-content .dashboard-actions {
color: #00459d;
}
.account .page-main .customer-dashboard-actions .customer-dashboard-order .dashboard-content .dashboard-actions .dashboard-text,
.account .page-main .customer-dashboard-actions .customer-dashboard-review .dashboard-content .dashboard-actions .dashboard-text {
font-size: 21px;
font-weight: 700;
line-height: 25px;
margin-bottom: 8px;
}
.account .page-main .customer-dashboard-actions .customer-dashboard-order .dashboard-content .dashboard-actions .dashboard-action > a,
.account .page-main .customer-dashboard-actions .customer-dashboard-review .dashboard-content .dashboard-actions .dashboard-action > a {
font-size: 14px;
color: #00459d;
text-decoration: underline;
line-height: 17px;
}
.account .block-collapsible-nav {
margin: 0;
}
@media (max-width: 767px) {
.account .block-collapsible-nav {
top: 120px;
padding: 0 25px;
box-sizing: border-box;
}
}
@media (max-width: 767px) {
.account .block-collapsible-nav .title {
border-radius: 20px;
background: #ffffff;
box-shadow: 0 1px 5px rgba(0, 70, 158, 0.15);
border: none;
padding: 10px 32px;
color: #0c5da8;
}
}
@media (max-width: 767px) {
.account .block-collapsible-nav .title:after {
right: 25px;
color: #0c5da8;
}
}
.account .block-collapsible-nav .content {
padding: 20px 32px 35px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
border-radius: 30px;
background: #ffffff;
}
@media (max-width: 1439px) {
.account .block-collapsible-nav .content {
padding: 15px 15px 25px;
border-radius: 20px;
}
}
.account .block-collapsible-nav .item {
margin: 0;
}
.account .block-collapsible-nav .item.current a,
.account .block-collapsible-nav .item.current > strong {
border: none;
font-weight: 700;
color: #30c6ff;
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
}
.account .block-collapsible-nav .item a,
.account .block-collapsible-nav .item > strong {
height: 58px;
line-height: 58px;
padding: 0;
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
color: #000000;
font-weight: 400;
font-size: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
@media (max-width: 1439px) {
.account .block-collapsible-nav .item a,
.account .block-collapsible-nav .item > strong {
height: 50px;
line-height: 50px;
font-size: 16px;
}
}
.account .block-collapsible-nav .item a:hover {
background: transparent;
}
.account .customer-dashboard-additional {
clear: both;
padding-top: 23px;
order: 2;
width: 100%;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions {
margin: 0;
background: #f6f6f6;
position: relative;
padding: 50px 0 30px;
padding-left: 25%;
}
@media (max-width: 1023px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions {
padding: 50px 25px 30px;
}
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions {
padding: 45px 0 50px;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions.subscriptions-empty {
padding-top: 45px;
padding-bottom: 40px;
}
@media (max-width: 1023px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions.subscriptions-empty {
padding: 45px 25px 40px;
}
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions.subscriptions-empty {
padding: 45px 15px 50px;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions:before,
.account .customer-dashboard-additional .block-dashboard-product-subscriptions:after {
display: block;
content: "";
position: absolute;
width: 10000px;
height: 100%;
left: 0;
top: 0;
transform: translateX(-100%);
background: #f6f6f6;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions:after {
left: auto;
right: 0;
transform: translateX(100%);
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions {
background: #ffffff;
border-radius: 30px;
box-sizing: border-box;
padding: 12px 10px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content {
border: 1px dashed #30c6ff;
border-radius: 30px;
box-sizing: border-box;
padding: 20px 22px;
text-align: center;
color: #000000;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .title {
font-size: 18px;
font-weight: 700;
line-height: 22px;
color: #30c6ff;
margin-bottom: 15px;
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .title {
margin-bottom: 25px;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 15px;
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-title {
margin-bottom: 25px;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-description {
margin-bottom: 25px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-description > span {
font-size: 16px;
line-height: 22px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-description > span:last-child:before {
content: "\A";
white-space: pre;
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-description > span:last-child:before {
display: none;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-actions {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-actions {
flex-direction: column;
align-items: center;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-actions .action {
margin: 0 15px;
width: auto;
min-width: 160px;
padding: 0 30px;
display: inline-block;
font-weight: 600;
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .no-subscriptions-content .new-subscription-actions .action:first-child {
margin-bottom: 25px;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 32px;
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-title {
padding: 0 25px;
margin-bottom: 20px;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .block-sub-title {
line-height: 17px;
background: #ea4b1b;
padding: 15px;
color: #ffffff;
font-size: 14px;
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .block-sub-title {
margin: 0 25px;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .block-sub-title a {
color: #ffffff;
text-decoration: underline;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
padding: 25px 0;
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list {
margin-left: 0;
margin-right: 0;
padding: 16px 0;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item {
width: 50%;
padding: 8px 12px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item {
width: 100%;
}
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item {
padding: 16px 0;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-content {
display: flex;
padding: 32px;
border-radius: 30px;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
background: #ffffff;
box-sizing: border-box;
height: 100%;
}
@media (max-width: 1439px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-content {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 767px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-content {
flex-direction: row;
align-items: flex-start;
}
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-content {
flex-direction: column;
align-items: center;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-image {
flex-shrink: 0;
margin-bottom: 15px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-image img {
display: block;
max-width: 130px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-details {
padding-left: 15px;
box-sizing: border-box;
flex-grow: 1;
}
@media (max-width: 639px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-details {
padding: 0;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-label {
font-size: 12px;
font-weight: 700;
color: #ffffff;
display: inline-block;
padding: 0 8px;
height: 24px;
line-height: 24px;
background: #ea4b1b;
margin-bottom: 8px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-label.active,
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-label.activ {
background: #46ac2d;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 5px;
color: #001d3a;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-subtitle {
font-size: 16px;
line-height: 22px;
margin-bottom: 5px;
color: #000000;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-price {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #30c6ff;
margin-bottom: 8px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-subscription-date {
font-size: 14px;
line-height: 18px;
color: #001d3a;
margin-bottom: 18px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-address {
font-size: 12px;
line-height: 16px;
color: #0d0d0d;
opacity: 0.5;
padding-top: 8px;
border-top: 1px solid rgba(112, 112, 112, 0.1);
margin-bottom: 12px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-actions {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-actions .action {
margin: 0;
width: auto;
min-width: 160px;
padding: 0 30px;
display: inline-block;
font-weight: 600;
}
@media (max-width: 1590px) {
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-actions .action {
padding: 0 10px;
font-size: 12px;
}
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-actions .action:hover {
font-weight: 600;
background: #ffffff;
border-color: #ffffff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-actions .action:hover span:after {
border-width: 0 1px 1px 0;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-product .product-subscriptions-list .item .item-actions .action:not(:last-child) {
margin-bottom: 15px;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-actions {
text-align: center;
}
.account .customer-dashboard-additional .block-dashboard-product-subscriptions .block-content .box-actions .action {
color: #0c5da8;
text-decoration: underline;
}
.account .customer-dashboard-additional .block-dashboard-addresses {
margin-bottom: 0;
padding: 80px 0 120px;
padding-left: 25%;
}
@media (max-width: 1023px) {
.account .customer-dashboard-additional .block-dashboard-addresses {
padding: 80px 25px 120px;
}
}
@media (max-width: 767px) {
.account .customer-dashboard-additional .block-dashboard-addresses {
padding: 24px 0 20px;
}
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content {
display: flex;
}
@media (max-width: 767px) {
.account .customer-dashboard-additional .block-dashboard-addresses .block-content {
flex-direction: column;
padding: 0 25px;
}
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content > .box {
width: 50%;
}
@media (max-width: 767px) {
.account .customer-dashboard-additional .block-dashboard-addresses .block-content > .box {
width: 100%;
padding: 32px 0;
box-sizing: border-box;
}
}
@media (max-width: 767px) {
.account .customer-dashboard-additional .block-dashboard-addresses .block-content > .box:not(:last-child) {
border-bottom: 1px solid rgba(112, 112, 112, 0.2);
}
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content .box-title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 40px;
display: block;
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content .address-label {
display: inline-block;
font-weight: 700;
font-size: 12px;
color: #ffffff;
line-height: 22px;
background: rgba(0, 70, 158, 0.5);
padding: 0 8px;
margin-bottom: 15px;
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content .box-content {
font-size: 16px;
color: #001d3a;
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content .box-content .name {
font-weight: 700;
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content .box-content a {
color: #001d3a;
margin-bottom: 13px;
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content .box-content a:hover {
text-decoration: none;
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content .box-actions {
margin-top: 25px;
}
.account .customer-dashboard-additional .block-dashboard-addresses .block-content .box-actions .action-primary {
margin: 0;
width: auto;
min-width: 160px;
padding: 0 30px;
display: inline-block;
}
@media (max-width: 639px) {
.account.sales-order-history .orders-history {
padding: 0 25px;
box-sizing: border-box;
}
}
@media (max-width: 639px) {
.account.sales-order-history .order-products-toolbar .pager .pages {
float: none;
}
}
.account.sales-order-history .order-products-toolbar .pager .pages .pages-items {
display: inline-flex;
}
.account.sales-order-history .order-products-toolbar .pager .pages .pages-items .item {
border-radius: 6px;
line-height: 30px;
font-size: 14px;
color: #00469e;
width: 30px;
}
.account.sales-order-history .order-products-toolbar .pager .pages .pages-items .item.current {
background: transparent;
box-shadow: 0 0 30px rgba(0, 70, 158, 0.2);
z-index: 9;
position: relative;
}
.account.sales-order-history .order-products-toolbar .pager .pages .pages-items .item.current strong {
color: #30c6ff;
font-weight: 700;
font-size: 14px;
}
.account.sales-order-history .order-products-toolbar .pager .pages .pages-item-previous a,
.account.sales-order-history .order-products-toolbar .pager .pages .pages-item-next a {
border: none;
}
.account.sales-order-history .order-products-toolbar .pager .pages .pages-item-previous a::before,
.account.sales-order-history .order-products-toolbar .pager .pages .pages-item-next a::before {
color: #00469e;
}
.account.sales-order-history .table-order-items {
border-radius: 20px 20px 0 0;
overflow: hidden;
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > thead {
display: none;
}
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr {
border-radius: 30px;
padding: 24px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
border: 1px solid rgba(0, 0, 0, 0.2);
margin-bottom: 15px;
}
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td {
padding: 0;
font-size: 14px;
margin: 5px 0;
border-bottom: 0;
}
}
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td:before {
padding-right: 5px;
}
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.id {
text-wrap: nowrap;
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.id {
order: 2;
width: 100%;
font-size: 16px;
}
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.id .action {
font-weight: 700;
color: #001d3a;
}
}
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.date {
text-wrap: nowrap;
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.date {
order: 3;
padding-right: 5px;
margin-right: 5px;
position: relative;
}
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.date:before {
font-weight: 400;
content: attr(data-th);
padding-right: 3px;
}
}
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.date:after {
/*position: absolute;
content: "";
display: block;
width: 1px;
height: 16px;
background: #001d3a;
top: 50%;
transform: translateY(-50%);
right: 0;*/
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.delivery {
order: 5;
}
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.total {
order: 4;
}
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.total:before {
font-weight: 400;
}
}
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.total span.price {
text-wrap: nowrap;
}
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.status {
text-wrap: nowrap;
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.status {
order: 1;
width: 100%;
margin-bottom: 8px;
}
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.status:before {
display: none;
}
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.actions {
order: 6;
font-size: 16px;
}
}
@media (max-width: 1280px) {
.account.sales-order-history .table-order-items:not(.cart):not(.totals):not(.table-comparison) > tbody > tr > td.actions:before {
display: none;
}
}
.account.sales-order-history .table-order-items > thead > tr > th {
border-bottom: none;
background: rgba(1, 70, 158, 0.05);
font-size: 18px;
font-weight: 700;
line-height: 22px;
padding: 24px;
}
.account.sales-order-history .table-order-items > tbody > tr > td {
padding: 16px 24px;
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
font-size: 16px;
line-height: 22px;
color: #001d3a;
}
.account.sales-order-history .table-order-items > tbody > tr > td .action {
color: #01469e;
}
.account.sales-order-history .table-order-items > tbody > tr > td.delivery {
max-width: 300px;
}
.account.sales-order-history .table-order-items > tbody > tr > td.actions .action {
text-decoration: underline;
display: block !important;
}
.account.sales-order-history .table-order-items .status-label {
font-size: 12px;
font-weight: 700;
line-height: 15px;
padding: 2px 8px;
color: #ffffff;
background: #2194bf;
}
.account.sales-order-history .table-order-items .status-label.complete {
background: #46ac2d;
}
.account.sales-order-history .table-order-items .status-label.cancel {
background: #bcbcbc;
}
.account.sales-order-view .order-detail-content {
display: flex;
}
@media (max-width: 767px) {
.account.sales-order-view .order-detail-content {
padding: 0 25px;
}
}
.account.sales-order-view .order-detail-content .order-detail-info {
flex-grow: 1;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-title {
margin-top: 10px;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-title strong {
font-size: 16px;
font-weight: 700;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-title .page-title-wrapper .page-title {
padding: 0;
margin: 5px 0 20px;
font-size: 28px;
line-height: 34px;
}
@media (max-width: 767px) {
.account.sales-order-view .order-detail-content .block-order-summary-info .block-title .page-title-wrapper .page-title {
margin: 5px 0 45px;
}
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-detail-subtitle {
display: block;
color: #0c5da8;
font-size: 18px;
font-weight: 700;
line-height: 27px;
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
margin-bottom: 22px;
}
@media (max-width: 767px) {
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-detail-subtitle {
margin-bottom: 32px;
}
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-detail-subtitle span {
display: block;
width: max-content;
border-bottom: 2px solid #0c5da8;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
}
@media (max-width: 639px) {
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info {
flex-direction: column;
margin-bottom: 32px;
}
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .box {
width: calc(50% - 12px);
padding: 25px;
box-sizing: border-box;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .box {
padding: 25px 0;
}
}
@media (max-width: 639px) {
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .box {
width: 100%;
padding: 15px 0;
margin-bottom: 0;
}
}
@media (max-width: 639px) {
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .box.order-info-status {
padding: 25px 0;
}
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .box .box-title {
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
font-weight: 700;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .box .box-order-shipping-method {
margin-bottom: 15px;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .order-status {
font-size: 12px;
font-weight: 700;
line-height: 15px;
padding: 2px 8px;
color: #ffffff;
background: #2194bf;
margin-bottom: 15px;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .order-status.complete {
background: #46ac2d;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .order-date span {
display: block;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .order-date span:first-child {
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
font-weight: 700;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .box-order-billing-method dl {
margin-bottom: 15px;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-info .box-order-billing-method dt {
font-weight: 400;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items {
padding: 25px;
background: #f6f6f6;
border: none;
}
@media (max-width: 767px) {
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items {
margin-left: -25px;
margin-right: -25px;
}
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .order-title > strong {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin: 0 0 25px;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items {
background: #ffffff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
border-radius: 30px;
padding: 25px;
box-sizing: border-box;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items .order-items .order-item-row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
padding-bottom: 15px;
margin-bottom: 15px;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items .order-items .order-item-row .product-item-name {
margin: 0 0 5px;
font-weight: 700;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items .order-items .order-item-row .subscription {
font-size: 14px;
line-height: 18px;
color: rgba(0, 0, 0, 0.4);
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items .order-items .order-item-row .item-options {
font-size: 12px;
line-height: 15px;
color: rgba(0, 0, 0, 0.4);
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items .order-items .order-item-row .item-subtotal {
flex-shrink: 0;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items .order-items .order-item-row .item-subtotal .price {
font-size: 16px;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items .order-items .order-item-row .item-subtotal .price .currency-symbol {
display: inline-block;
vertical-align: text-top;
font-size: 12px;
font-weight: 400;
margin-left: 3px;
margin-top: 3px;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items .order-totals .total-item {
display: flex;
justify-content: space-between;
font-size: 24px;
line-height: 30px;
font-weight: 700;
}
.account.sales-order-view .order-detail-content .block-order-summary-info .block-content .order-details-items .block-order-items .order-totals .total-item .total-item-value .price .currency {
display: inline-block;
vertical-align: super;
font-size: 16px;
font-weight: 600;
margin-left: 3px;
}
.account.sales-order-view .order-detail-content .order-detail-image {
flex-shrink: 0;
width: 410px;
display: none;
}
@media (min-width: 1440px) {
.account.sales-order-view .order-detail-content .order-detail-image {
display: block;
}
}
.account.subscription-customer-index .page-main .page-title-wrapper .page-title {
margin-bottom: 0;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .actions-toolbar {
display: none;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .newletter-image {
width: 50%;
float: right;
}
@media (max-width: 767px) {
.account.newsletter-manage-index .columns .main .form-newsletter-manage .newletter-image {
display: none;
}
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset {
width: 50%;
float: left;
}
@media (max-width: 767px) {
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset {
width: 85%;
padding: 0 25px;
}
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .legend {
display: block !important;
font-size: 21px;
font-weight: 600;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice {
display: flex;
border-bottom: 1px solid #ebebeb;
padding-bottom: 1%;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .label-container {
width: 95%;
margin-right: 5%;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .label-container label {
padding-left: 0;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .label-container label::before {
display: none;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .label-container label.label {
font-size: 18px;
font-weight: 600;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .label-container label.sub-label {
font-size: 14px;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .switch input {
opacity: 0;
width: 0;
height: 0;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .switch::before {
box-shadow: none !important;
background-color: transparent !important;
border: none !important;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .slider::before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice input:checked + .slider {
background-color: #30c6ff;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice input:focus + .slider {
box-shadow: 0 0 1px #30c6ff;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .slider.round {
width: 56px;
height: 30px;
background: #e6edf0 0% 0% no-repeat padding-box;
box-shadow: inset 0px 3px 3px #03223d4d;
border: 1px solid #e6edf0;
border-radius: 20px;
opacity: 1;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .slider.round::before {
border-radius: 50%;
background: transparent linear-gradient(180deg, #63c4ff 0%, #044ba2 59%, #00095b 100%) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00469e4d;
opacity: 1;
top: 2px;
}
.account.newsletter-manage-index .columns .main .form-newsletter-manage .fieldset .field.choice .slider.round::after {
display: none;
}
@media (max-width: 767px) {
.blog-post-view #maincontent {
position: relative;
margin-top: -30px;
}
}
@media (max-width: 1024px) {
.blog-post-view #maincontent {
overflow: hidden;
}
}
@media (max-width: 767px) {
.blog-post-view #maincontent::after {
display: none;
}
}
@media (max-width: 767px) {
.blog-post-view #maincontent .column.main {
padding-bottom: 0px;
}
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .post-holder {
margin-bottom: 0px;
padding-bottom: 0px;
}
}
.blog-post-view .post-view-modern .page-title-wrapper .page-title {
max-width: 1088px;
margin: 40px auto 20px auto;
font-size: 34px;
text-align: start;
font-weight: 700;
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .page-title-wrapper .page-title {
margin: 20px 18px;
font-size: 24px;
}
}
.blog-post-view .post-view-modern .image-container {
text-align: center;
position: relative;
}
.blog-post-view .post-view-modern .image-container .post-featured-image img {
width: 1640px;
height: 650px;
border-radius: 30px;
object-fit: cover;
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .image-container .post-featured-image img {
width: auto;
height: 335px;
}
}
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-meta {
max-width: 1364px;
position: absolute;
width: 85%;
left: 50%;
transform: translateX(-50%);
bottom: 30px;
height: 46px;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
align-items: center;
background: #ffffff30;
backdrop-filter: blur(2px);
border-radius: 30px;
padding-left: 88px;
padding-right: 5px;
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-meta {
width: 90%;
padding-left: 10px;
padding-right: 10px;
}
}
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-avatar {
height: 100%;
display: flex;
flex-wrap: wrap;
align-content: center;
width: 91px;
margin-right: 15px;
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-avatar {
margin-right: 5px;
width: 46px;
}
}
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-avatar > a,
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-avatar > img {
border: 2px solid #fff;
border-radius: 50%;
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-avatar > a,
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-avatar > img {
width: 46px;
}
}
.blog-post-view .post-view-modern .image-container .post-data-wrap .author-right {
text-align: left;
}
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-name {
display: block;
margin-bottom: 24px;
margin-top: 9px;
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-name {
margin-bottom: 3px;
margin-top: 0;
}
}
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-date {
flex-wrap: wrap;
margin-left: 15px;
display: flex;
height: 30px;
line-height: 1;
flex-direction: column;
color: #fff;
}
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-author-date a {
color: #fff;
}
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-category a:hover {
background: #00469E;
}
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-category .category-name {
background: #30C6FF;
min-width: 90px;
height: 28px;
padding: 0px;
line-height: 28px;
border-radius: 15px;
text-transform: capitalize;
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .image-container .post-data-wrap .post-category .category-name {
background: transparent;
min-width: auto;
}
}
.blog-post-view .post-view-modern .post-description {
max-width: 1088px;
margin: auto;
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .post-description {
margin: 0 18px;
}
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .post-description .pagebuilder-column-group .pagebuilder-column [data-content-type="image"] img.pagebuilder-mobile-only {
max-width: 90% !important;
height: 380px !important;
object-fit: cover;
}
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .post-description .pagebuilder-column-group .pagebuilder-column {
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.blog-post-view .post-view-modern .page-title-wrapper {
text-align: center;
}
.blog-post-view .post-view-modern .post-bottom {
max-width: 1363px;
margin: auto;
}
.blog-post-view .post-view-modern .post-bottom .post-gallery-title {
font-size: 34px;
font-weight: 700;
}
@media (max-width: 767px) {
.blog-post-view .post-view-modern .post-bottom .post-gallery-title {
font-size: 24px;
}
}
.blog-post-view .post-view-modern .post-bottom .post-gallery-carousel .post-gallery {
grid-gap: 0;
display: flex;
}
.blog-post-view .post-view-modern .post-bottom .post-gallery-carousel .post-gallery .gallery-image-hld {
display: block;
border-radius: 15px;
overflow: hidden;
}
.blog-post-view .post-view-modern .post-bottom .post-gallery-wrapper {
position: relative;
margin: 0 -125px;
padding: 0 125px;
overflow: hidden;
}
@media (max-width: 480px) {
.blog-post-view .post-view-modern .post-bottom .post-gallery-wrapper {
margin: 0 -15px;
padding: 0 50px;
}
}
.blog-post-view .post-view-modern .post-bottom .post-gallery-wrapper .post-gallery-carousel.swiper {
overflow: visible;
}
@media (max-width: 1024px) {
.blog-post-view .post-view-modern .post-bottom .post-gallery-wrapper .post-gallery-carousel.swiper {
overflow: hidden;
}
}
.blog-post-view .post-view-modern .post-bottom .swiper-navigation-button {
min-width: 125px;
height: 320px;
top: 22px;
}
@media (max-width: 1024px) {
.blog-post-view .post-view-modern .post-bottom .swiper-navigation-button {
min-width: 65px;
height: 100%;
}
}
@media (max-width: 768px) {
.blog-post-view .post-view-modern .post-bottom .swiper-navigation-button {
min-width: 28px;
height: 100%;
}
}
.blog-post-view .post-view-modern .post-bottom .swiper-navigation-button:after {
color: black;
font-size: 30px;
}
.blog-post-view .post-view-modern .post-bottom .swiper-button-prev {
left: -13px;
background: #ffffff80;
backdrop-filter: blur(8px);
border-radius: 6px;
overflow: hidden;
}
@media (max-width: 1024px) {
.blog-post-view .post-view-modern .post-bottom .swiper-button-prev {
left: 125px;
}
}
@media (max-width: 480px) {
.blog-post-view .post-view-modern .post-bottom .swiper-button-prev {
left: 13px;
top: 0;
}
}
.blog-post-view .post-view-modern .post-bottom .swiper-button-next {
background: #ffffff80;
backdrop-filter: blur(8px);
right: -13px;
border-radius: 6px;
overflow: hidden;
}
@media (max-width: 1024px) {
.blog-post-view .post-view-modern .post-bottom .swiper-button-next {
right: 125px;
}
}
@media (max-width: 480px) {
.blog-post-view .post-view-modern .post-bottom .swiper-button-next {
right: 13px;
top: 0;
}
}
.blog-post-view .post-view-modern .post-bottom .swiper-button-disabled {
display: none;
}
.blog-post-view [data-content-type="heading"] {
color: #00469E;
font-weight: bold;
}
.blog-post-view [data-content-type="video"] {
margin-left: -138px;
margin-top: 70px;
margin-right: -138px;
}
@media (max-width: 1024px) {
.blog-post-view [data-content-type="video"] {
margin: 0;
}
}
@media (max-width: 480px) {
.blog-post-view [data-content-type="video"] {
rotate: 90deg;
width: 515px;
margin-top: 95px;
margin-bottom: 170px;
margin-left: -85px;
height: 320px;
}
}
.blog-post-view [data-content-type="video"] .pagebuilder-video-inner .pagebuilder-video-wrapper .pagebuilder-video-container {
border-radius: 55px;
}
.blog-post-view .overflow-hidden {
overflow: hidden;
}
.blog-post-view .video-over-width {
margin: 70px -138px 0;
}
@media (max-width: 767px) {
.blog-post-view .video-over-width {
margin: 10px 0;
}
}
@media (max-width: 767px) {
.blog-post-view .page-footer .footer.content {
margin-top: 0px;
padding-top: 0px;
}
}
.cms-no-route .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-no-route .column.main .block img {
display: block;
}
.cms-no-route .column.main .block .block-actions {
margin-top: auto;
}
.cms-no-route .column.main .block .block-actions .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-no-route .column.main .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.cms-no-route .column.main .block .block-actions .action-primary:hover > span:after {
border-width: 0 2px 2px 0;
}
.cms-no-route .column.main .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-no-route .column.main .block .block-actions .action-primary > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 60%;
}
.cms-no-route .column.main .block.block-eroare-404 {
position: relative;
max-width: 1640px;
margin: 150px auto 120px;
text-align: center;
}
@media (max-width: 767px) {
.cms-no-route .column.main .block.block-eroare-404 {
margin: 60px auto 0px;
}
}
.cms-no-route .column.main .block.block-eroare-404 .block-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
}
@media (max-width: 767px) {
.cms-no-route .column.main .block.block-eroare-404 .block-background {
display: none;
}
}
.cms-no-route .column.main .block.block-eroare-404 .block-info {
max-width: 812px;
margin: 0 auto;
padding: 0 20px;
}
.cms-no-route .column.main .block.block-eroare-404 .block-info .block-title {
font-size: 52px;
line-height: 60px;
}
@media (max-width: 767px) {
.cms-no-route .column.main .block.block-eroare-404 .block-info .block-title {
font-size: 32px;
line-height: 42px;
font-weight: 700;
}
}
.cms-no-route .column.main .block.block-eroare-404 .block-info .block-title > img {
margin-bottom: -15px;
}
@media (max-width: 767px) {
.cms-no-route .column.main .block.block-eroare-404 .block-info .block-title > img {
margin-bottom: -10px;
width: 42px;
height: 42px;
}
}
.cms-no-route .column.main .block.block-eroare-404 .block-info .block-description {
font-size: 20px;
line-height: 32px;
max-width: 470px;
margin: 35px auto 95px;
}
@media (max-width: 767px) {
.cms-no-route .column.main .block.block-eroare-404 .block-info .block-description {
margin: 30px auto 60px;
}
}
.cms-no-route .column.main .block.block-eroare-404 .block-content {
max-width: 812px;
margin: 0 auto;
}
@media (max-width: 991px) {
.cms-no-route .column.main .block.block-eroare-404 .block-content {
padding: 0 20px;
}
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item {
height: auto;
display: flex;
flex-direction: column;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item:hover .item-image:before {
border-radius: 15px;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item.filtre-sisteme-filtrare .item-image:before,
.cms-no-route .column.main .block.block-eroare-404 .list-item .item.filtre-sisteme-filtrare .item-image:after {
border-color: #40c7fc;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item.apa-imbuteliata .item-image:before,
.cms-no-route .column.main .block.block-eroare-404 .list-item .item.apa-imbuteliata .item-image:after {
border-color: #eb99e9;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item.cafea-espressoare .item-image:before,
.cms-no-route .column.main .block.block-eroare-404 .list-item .item.cafea-espressoare .item-image:after {
border-color: #eb7f00;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item-image {
position: relative;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item-image:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 48%;
border: 20px solid #0c5da8;
box-sizing: border-box;
border-radius: 75px;
z-index: -1;
transition: 0.3s;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item-image:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 45%;
height: 0;
border-bottom: 20px solid #0c5da8;
border-radius: 10px;
z-index: -1;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item-image img {
width: 100%;
height: 350px;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item-details {
padding: 0 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media (max-width: 479px) {
.cms-no-route .column.main .block.block-eroare-404 .list-item .item-details {
padding: 0 15px;
}
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item-details .item-title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #0d0d0d;
margin: 30px 0;
}
.cms-no-route .column.main .block.block-eroare-404 .list-item .item-details .block-actions > a {
background-color: #ffffff;
}
.b2b-title {
font: normal normal bold 46px/56px Lato;
color: #40c7fc;
}
@media (max-width: 1440px) and (min-width: 768px) {
.b2b-title {
font-size: 3.5rem;
}
}
.b2b-container {
max-width: 1640px;
padding: 0 18px;
margin: auto;
box-sizing: border-box;
display: flex;
}
@media (max-width: 768px) {
.b2b-container {
flex-direction: column;
}
}
.hero-image {
position: relative;
z-index: 1;
display: flex;
border-radius: 30px;
overflow: hidden;
justify-content: center;
min-height: 924px;
}
@media (max-width: 768px) {
.hero-image {
flex-direction: column;
background: #000;
}
.hero-image .abs-visually-hidden-desktop {
position: relative;
top: 6px;
}
}
.hero-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../images/dozatoare-bgr2.png") no-repeat;
pointer-events: none;
opacity: 10%;
background-size: 100% auto;
}
.hero-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/dozatoare-bgr1.jpg) no-repeat;
z-index: -1;
pointer-events: none;
background-size: cover;
}
.hero-image .hero-block-left {
margin-left: 15%;
margin-right: 10%;
max-width: 674px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 1440px) and (min-width: 768px) {
.hero-image .hero-block-left {
margin-left: 5%;
margin-right: 5%;
max-width: unset;
width: 50%;
}
}
@media (max-width: 768px) {
.hero-image .hero-block-left {
margin-left: 26px;
margin-right: 36px;
}
}
.hero-image .hero-block-left p {
font-size: 18px;
color: #fff;
line-height: 1.5;
margin-bottom: 15px;
}
@media (max-width: 992px) {
.hero-image .hero-block-left p {
font-size: 16px;
}
}
.hero-image .hero-block-left p.c-gray {
font-weight: bold;
color: #6d7190;
font-size: 20px;
}
@media (max-width: 992px) {
.hero-image .hero-block-left p.c-gray {
font-size: 18px;
}
}
.hero-image .hero-block-left .block-actions {
display: flex;
margin-top: 20px;
}
.hero-image .hero-block-left .block-actions .action-primary {
background-color: #ffffff;
margin: 0;
}
.hero-image .hero-block-right {
display: flex;
justify-content: end;
width: 100%;
min-width: 700px;
}
@media (max-width: 1024px) {
.hero-image .hero-block-right {
min-width: unset;
}
}
@media (max-width: 768px) {
.hero-image .hero-block-right {
justify-content: center;
}
}
@media (min-width: 768px) {
.hero-image .hero-block-right img {
height: 100%;
}
.hero-image .hero-block-right .abs-visually-hidden-desktop {
display: none;
}
}
@media (min-width: 768px) {
.b2b-section.info {
box-shadow: 0px 1px 5px #00469e26;
}
}
.b2b-section.masonry {
margin-top: 50px;
background: transparent linear-gradient(180deg, #ffffff 0%, #eeeeee 100%) 0% 0% no-repeat padding-box;
padding-bottom: 80px;
}
.b2b-section.service {
display: flex;
padding-top: 50px;
margin-top: 15px;
}
@media (max-width: 768px) {
.b2b-section.service {
flex-direction: column;
}
}
.service {
background: url(../images/dozatoare-bgr3.png) no-repeat;
box-shadow: 0px 3px 5px #00469e26;
padding-bottom: 30px;
background-size: 100% auto;
}
@media (max-width: 768px) {
.service {
background-position: -586px -122px;
background-size: 319%;
}
}
.service > div {
width: 50%;
}
.service .service-left {
text-align: center;
}
@media (max-width: 768px) {
.service .service-left {
width: 140px;
margin: auto;
}
}
.service .service-right {
max-width: 812px;
padding: 5px;
backdrop-filter: blur(10px);
}
@media (max-width: 768px) {
.service .service-right {
width: 100%;
margin: auto;
padding: 0;
}
}
.service .service-right .title {
font: normal normal bold 34px/44px Lato;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.service .service-right .title {
text-indent: 24px;
}
}
.service .service-right .number {
font: normal normal 900 52px/34px Lato;
color: #30c6ff;
display: inline-flex;
opacity: 0.3;
}
.service .service-list {
list-style: none;
}
@media (max-width: 768px) {
.service .service-list {
padding-left: 20px;
padding-right: 27px;
}
}
.service .service-row {
display: flex;
margin-bottom: 30px;
align-items: center;
}
.service .service-row:nth-child(7) .number {
align-self: flex-start;
margin-top: 15px;
}
.service .service-content {
font: normal normal normal 24px/34px Lato;
max-width: 650px;
margin-left: 30px;
}
@media (max-width: 768px) {
.service .service-content {
font-size: 18px;
line-height: 24px;
}
}
.benefit {
box-shadow: 0px 3px 5px #00469e26;
margin-bottom: 60px;
}
.benefit .b2b-section-inner {
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
max-width: 1350px;
margin: 10px auto;
overflow: hidden;
}
@media (max-width: 768px) {
.benefit .b2b-section-inner {
padding-top: 40px;
}
}
.benefit .title {
font: normal normal bold 34px/44px Lato;
}
.benefit .desc {
font: normal normal bold 20px/30px Lato;
max-width: 976px;
margin: auto;
margin-bottom: 50px;
}
@media (max-width: 768px) {
.benefit .desc {
padding: 0 24px;
font-weight: normal;
}
}
@media (max-width: 768px) {
.benefit .benefit-wrap {
overflow-y: scroll;
}
}
.benefit .benefit-list {
width: 100%;
display: flex;
}
@media (max-width: 768px) {
.benefit .benefit-list {
width: 280%;
margin-left: 15px;
}
}
.benefit .benefit-list .benefit-item {
width: 25%;
font: normal normal bold 20px/30px Lato;
display: flex;
align-items: center;
}
.benefit .benefit-list .benefit-item > span {
margin-left: 18px;
text-align: left;
max-width: 220px;
}
.info-item {
width: 20%;
padding: 65px 30px 63px 20px;
}
@media (max-width: 1440px) {
.info-item {
padding: 50px 20px 40px;
}
}
@media (max-width: 768px) {
.info-item {
padding: 50px 15px 40px;
}
}
.info-item .img-block {
min-height: 55px;
}
.info-item .img-block img {
height: 100%;
}
.info-item .info-title {
font: normal normal bold 28px/44px Lato;
letter-spacing: 0px;
color: #0d0d0d;
}
@media (max-width: 1440px) {
.info-item .info-title {
font-size: 24px;
line-height: 1.5;
}
}
.info-item .info-desc {
font-size: 20px;
line-height: 1.5;
}
@media (max-width: 1440px) {
.info-item .info-desc {
font-size: 18px;
line-height: 1.5;
}
}
@media (max-width: 992px) {
.info-item .info-desc {
font-size: 16px;
}
}
.info-item + .info-item {
border-left: 1px solid #d6d6d6;
}
@media (max-width: 768px) {
.info-item {
width: auto;
text-align: center;
padding: 20px;
border-left: none !important;
}
.info-item .info-title {
font-size: 24px;
}
}
.masonry {
width: 100%;
box-sizing: border-box;
padding-top: 49px;
padding-bottom: 101px;
position: relative;
overflow: hidden;
}
.masonry .masonry-overlay {
background: transparent linear-gradient(180deg, #ffffff 0%, #b8b8b8 100%) 0% 0% no-repeat padding-box;
opacity: 0.3;
position: absolute;
width: 100%;
height: 100%;
}
.masonry .masonry-items {
display: flex;
flex-direction: column;
gap: 1%;
position: relative;
padding: 0 7%;
}
@media screen and (max-width: 1023px) {
.masonry .masonry-items {
padding: 0;
}
}
@media screen and (min-width: 767px) {
.masonry .masonry-items {
flex-direction: row;
}
}
.masonry .masonry-items .masonry-item {
display: flex;
flex-direction: column;
flex: 1;
gap: 20px;
position: relative;
width: calc(100% /3);
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item {
width: unset;
gap: 10px;
margin-bottom: 10px;
}
}
.masonry .masonry-items .masonry-item:first-child {
flex-direction: row;
}
@media (min-width: 767px) {
.masonry .masonry-items .masonry-item:first-child {
flex-direction: column;
}
}
.masonry .masonry-items .masonry-item .empty.small {
height: 247px;
width: 10%;
position: relative;
}
@media (min-width: 767px) {
.masonry .masonry-items .masonry-item .empty.small {
height: 190px;
width: unset;
}
}
.masonry .masonry-items .masonry-item .empty.small .overlay {
width: 100%;
height: 100%;
background: transparent linear-gradient(180deg, #ffffff 0%, #b8b8b8 100%) 0% 0% no-repeat padding-box;
border-radius: 30px;
opacity: 0.1;
}
.masonry .masonry-items .masonry-item .empty.big {
height: 247px;
width: 10%;
position: relative;
}
@media (min-width: 767px) {
.masonry .masonry-items .masonry-item .empty.big {
height: 280px;
width: unset;
}
}
.masonry .masonry-items .masonry-item .empty.big .overlay {
width: 100%;
height: 100%;
background: transparent linear-gradient(180deg, #ffffff 0%, #b8b8b8 100%) 0% 0% no-repeat padding-box;
border-radius: 30px;
opacity: 0.1;
}
.masonry .masonry-items .masonry-item .item1 {
height: 247px;
width: 80%;
box-sizing: border-box;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 767px) {
.masonry .masonry-items .masonry-item .item1 {
height: 475px;
width: unset;
}
}
.masonry .masonry-items .masonry-item .item1 .overlay {
background: transparent linear-gradient(180deg, #ffffff 0%, #b8b8b8 100%) 0% 0% no-repeat padding-box;
border-radius: 30px;
opacity: 0.1;
display: flex;
position: absolute;
width: 100%;
height: 100%;
}
.masonry .masonry-items .masonry-item .item1 > span {
font-size: 60px;
line-height: 60px;
color: #000000;
font-weight: 700;
display: block;
flex: 0.5;
}
@media (max-width: 1023px) {
.masonry .masonry-items .masonry-item .item1 > span {
font-size: 42px;
line-height: 42px;
}
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item1 > span {
flex: 0.8;
}
}
.masonry .masonry-items .masonry-item .item2 {
height: 575px;
position: relative;
border-radius: 30px;
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item2 {
height: 400px;
}
}
.masonry .masonry-items .masonry-item .item2 > span {
position: absolute;
top: 35px;
left: 40px;
color: #ffffff;
font-size: 32px;
font-weight: 700;
line-height: 42px;
padding-right: 10px;
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item2 > span {
left: 25px;
}
}
.masonry .masonry-items .masonry-item .item2 img {
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.masonry .masonry-items .masonry-item .item3 {
height: 390px;
position: relative;
border-radius: 30px;
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item3 {
height: 272px;
}
}
.masonry .masonry-items .masonry-item .item3 > video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.masonry .masonry-items .masonry-item .item3 > span {
position: absolute;
bottom: 35px;
left: 40px;
color: #ffffff;
font-size: 32px;
font-weight: 700;
line-height: 42px;
padding-right: 10px;
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item3 > span {
left: 25px;
font-size: 28px;
line-height: 38px;
}
}
.masonry .masonry-items .masonry-item .item4 {
height: 404px;
position: relative;
border-radius: 30px;
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item4 {
height: 283px;
}
}
.masonry .masonry-items .masonry-item .item4 > span {
position: absolute;
bottom: 35px;
left: 40px;
color: #ffffff;
font-size: 32px;
font-weight: 700;
line-height: 42px;
padding-right: 10px;
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item4 > span {
left: 25px;
}
}
.masonry .masonry-items .masonry-item .item4 img {
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.masonry .masonry-items .masonry-item .item5 {
height: 560px;
border-radius: 30px;
position: relative;
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item5 {
height: 392px;
}
}
.masonry .masonry-items .masonry-item .item5 > video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.masonry .masonry-items .masonry-item .item5 > span {
position: absolute;
top: 50%;
left: 40px;
transform: translate(0, -50%);
font-size: 24px;
color: #ffffff;
line-height: 42px;
padding-right: 10px;
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item5 > span {
font-size: 21px;
line-height: 28px;
left: 25px;
}
}
.masonry .masonry-items .masonry-item .item5 > span strong {
font-size: 32px;
line-height: 42px;
}
@media (max-width: 767px) {
.masonry .masonry-items .masonry-item .item5 > span strong {
font-size: 28px;
line-height: 28px;
}
}
.catalog-category-view .page-wrapper {
overflow: hidden;
}
@media (max-width: 768px) {
.catalog-category-view .block.block-afla-mai-multe {
position: relative;
min-height: 520px;
}
}
.catalog-category-view .block.block-afla-mai-multe .block-info {
position: relative;
max-width: 812px;
margin: 0 auto -135px;
background: #ffffff;
padding: 45px 15px;
box-sizing: border-box;
text-align: center;
}
@media (max-width: 768px) {
.catalog-category-view .block.block-afla-mai-multe .block-info {
width: auto;
margin: 0 24px;
z-index: 2;
position: relative;
padding-top: 0;
top: -60px;
margin-top: 80px;
}
}
.catalog-category-view .block.block-afla-mai-multe .block-image {
height: 610px;
}
@media (max-width: 767px) {
.catalog-category-view .block.block-afla-mai-multe .block-image {
height: 520px;
}
}
@media (max-width: 767px) {
.catalog-category-view .block.block-afla-mai-multe .block-image .image-desktop {
display: none;
}
}
.catalog-category-view .block.block-afla-mai-multe .block-image .image-mobile {
display: none;
}
@media (max-width: 767px) {
.catalog-category-view .block.block-afla-mai-multe .block-image .image-mobile {
display: block;
}
}
.catalog-category-view .block.block-afla-mai-multe .block-image img {
object-fit: cover;
height: 100%;
width: 100%;
}
@media (max-width: 768px) {
.catalog-category-view .block.block-afla-mai-multe .block-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.catalog-category-view .block.block-afla-mai-multe .block-image img {
width: 100%;
max-height: 100%;
}
.catalog-category-view .block.block-afla-mai-multe .block-image img.image-desktop {
display: none;
}
}
.catalog-category-view .block.block-afla-mai-multe .block-title {
font-size: 54px;
line-height: 60px;
color: #001d3a;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.catalog-category-view .block.block-afla-mai-multe .block-title {
font-size: 32px;
}
}
.catalog-category-view .block.block-afla-mai-multe .block-description {
font-size: 24px;
line-height: 34px;
color: #001d3a;
max-width: 574px;
margin: auto;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.catalog-category-view .block.block-afla-mai-multe .block-description {
font-size: 16px;
line-height: 22px;
}
}
.catalog-category-view .category-cms {
position: relative;
margin: 0 calc(50% - 50vw);
}
.catalog-category-view .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #00469e;
border-radius: 20px;
text-decoration: none;
color: #00469e;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: "Lato";
}
.catalog-category-view .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.catalog-category-view .block-descopera-servicii {
display: flex;
max-width: 1640px;
margin: 120px auto 60px;
height: 400px;
padding: 0 10px;
}
@media (max-width: 1023px) {
.catalog-category-view .block-descopera-servicii {
height: 510px;
}
}
@media (max-width: 767px) {
.catalog-category-view .block-descopera-servicii {
height: auto;
margin-top: 40px;
}
}
.catalog-category-view .block-descopera-servicii .block-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
text-align: start;
background-color: #00469e;
margin: 0;
padding: 40px;
}
@media (max-width: 767px) {
.catalog-category-view .block-descopera-servicii .block-info {
align-items: center;
text-align: center;
top: 0;
padding: 45px 20px;
}
}
.catalog-category-view .block-descopera-servicii .block-info .block-title {
color: #ffffff;
font-size: 48px;
font-weight: 500;
}
@media (max-width: 767px) {
.catalog-category-view .block-descopera-servicii .block-info .block-title {
font-size: 28px;
line-height: 34px;
}
}
.catalog-category-view .block-descopera-servicii .block-info .block-description {
color: #ffffff;
margin: 0;
margin-bottom: 40px;
}
.catalog-category-view .block-descopera-servicii .block-info .action-primary {
color: #ffffff;
border-color: #ffffff;
margin: 0;
}
.catalog-category-view .block-descopera-servicii .block-image {
flex: 1;
height: 100%;
}
.catalog-category-view .block-descopera-servicii .block-image > img {
height: 100%;
}
@media (max-width: 767px) {
.catalog-category-view .block-descopera-servicii .block-image {
display: none;
}
}
.catalog-category-view .block-product-contact {
display: flex;
padding: 40px 0;
position: relative;
margin-bottom: 50px;
max-width: 100%;
flex-wrap: wrap;
}
.catalog-category-view .block-product-contact.b2b {
max-width: 1640px;
margin: auto;
}
.catalog-category-view .block-product-contact.b2b .block-info {
margin: 0;
max-height: 400px;
}
.catalog-category-view .block-product-contact.b2b .block-description {
margin-left: 0;
width: 100%;
}
@media (max-width: 768px) {
.catalog-category-view .block-product-contact.b2b .block-info {
margin: 30px 10px;
}
.catalog-category-view .block-product-contact.b2b .block-image {
display: none;
}
.catalog-category-view .block-product-contact.b2b .block-description {
margin-left: 0;
}
}
.cms-apa-imbuteliata .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-apa-imbuteliata .column.main .block img {
display: block;
}
.cms-apa-imbuteliata .column.main .block .block-actions {
margin-top: auto;
}
.cms-apa-imbuteliata .column.main .block .block-actions .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-apa-imbuteliata .column.main .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.cms-apa-imbuteliata .column.main .block .block-actions .action-primary:hover > span:after {
border-width: 0 2px 2px 0;
}
.cms-apa-imbuteliata .column.main .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-apa-imbuteliata .column.main .block .block-actions .action-primary > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 60%;
}
.cms-apa-imbuteliata .column.main .block .block-title {
font-size: 34px;
line-height: 44px;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block .block-title {
font-size: 28px;
line-height: 36px;
}
}
.cms-apa-imbuteliata .column.main .block .block-description {
font-size: 14px;
line-height: 24px;
color: #000000;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-apa-imbuteliata .column.main .block .block-divider {
background-color: #707070;
height: 10px;
opacity: 20%;
margin: 80px auto;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block .block-divider {
margin: 40px auto;
}
}
.cms-apa-imbuteliata .column.main .block.block-apa-direct-la-usa-ta {
display: flex;
align-items: center;
flex-direction: column;
margin-top: -25px;
margin-bottom: 80px;
padding: 40px 25px 0;
background-color: #ffffff;
border-radius: 30px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-apa-direct-la-usa-ta {
padding-top: 80px;
margin-bottom: 40px;
}
}
.cms-apa-imbuteliata .column.main .block.block-apa-direct-la-usa-ta .block-title {
font-weight: 700;
}
.cms-apa-imbuteliata .column.main .block.block-apa-direct-la-usa-ta .block-subtitle {
font-size: 20px;
font-weight: 700;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-apa-direct-la-usa-ta .block-subtitle {
margin-top: 20px;
}
}
.cms-apa-imbuteliata .column.main .block.block-apa-direct-la-usa-ta .block-description {
font-size: 18px;
max-width: 720px;
margin: 20px 0;
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill {
max-width: 1640px;
margin: 0 auto;
padding: 0 10px;
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-title {
font-weight: 700;
color: #00469e;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-title {
font-size: 20px;
color: #001d3a;
}
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-video {
max-width: 1364px;
margin: 0 auto 210px;
position: relative;
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-video {
margin-bottom: 130px;
}
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-video .movie {
height: 540px;
width: 100%;
box-sizing: border-box;
border: solid;
border-color: #e9e9e9;
border-radius: 270px;
border-width: 20px;
object-fit: fill;
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-video .movie {
height: 280px;
}
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-video .block-image {
position: absolute;
bottom: -165px;
left: 50%;
transform: translate(-50%, 0);
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-video .block-image {
width: 150px;
bottom: -90px;
}
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-cards {
display: flex;
gap: 15px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-cards {
flex-direction: column;
margin-bottom: 20px;
}
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-cards .block-card {
position: relative;
padding: 20px;
height: 300px;
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
background-color: #ffffff;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-cards .block-card .indicator {
position: absolute;
top: 20px;
left: 20px;
font-weight: 700;
font-size: 20px;
color: #40c7fc;
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-cards .block-card .block-image {
height: 155px;
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-cards .block-card .block-image > img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
.cms-apa-imbuteliata .column.main .block.block-pachete-start-refill .block-content .block-cards .block-card .block-description {
text-align: left;
margin-top: 30px;
font-size: 16px;
}
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box {
max-width: 1640px;
margin: 0 auto;
padding: 0 10px;
}
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-title {
font-weight: 700;
color: #00469e;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-title {
font-size: 20px;
color: #001d3a;
}
}
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-content .block-video {
max-width: 1364px;
margin: 0 auto 210px;
position: relative;
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-content .block-video {
margin-bottom: 180px;
}
}
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-content .block-video .movie {
height: 540px;
width: 100%;
box-sizing: border-box;
border: solid;
border-color: #e9e9e9;
border-radius: 270px;
border-width: 20px;
object-fit: fill;
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-content .block-video .movie {
height: 280px;
}
}
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-content .block-video .block-image {
position: absolute;
bottom: -165px;
left: 50%;
transform: translate(-50%, 0);
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-content .block-video .block-image {
width: 170px;
bottom: -125px;
}
}
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-content .block-description {
max-width: 940px;
margin: 0 auto 40px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-cutii-bag-in-box .block-content .block-description {
margin: 0 auto 20px;
}
}
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator {
max-width: 1640px;
margin: 0 auto;
padding: 0 10px;
}
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-content {
max-width: 1364px;
margin: 0 auto 120px;
display: flex;
flex-direction: row;
align-items: center;
}
@media (max-width: 1023px) {
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-content {
flex-direction: column;
max-width: unset;
width: 100%;
margin-bottom: 0;
}
}
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-content .block-video {
margin-right: 140px;
position: relative;
height: 624px;
max-width: 445px;
}
@media (max-width: 1023px) {
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-content .block-video {
margin: 0;
width: 100%;
}
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-content .block-video {
margin: 0;
height: 469px;
width: 100%;
}
}
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-content .block-video .movie {
height: 100%;
width: 100%;
box-sizing: border-box;
border: solid;
border-color: #e9e9e9;
border-radius: 270px;
border-width: 20px;
object-fit: fill;
}
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-content .block-video .block-image {
position: absolute;
top: -30px;
left: 48%;
width: 190px;
height: 751px;
transform: translate(-50%, 0);
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-content .block-video .block-image {
height: 563px;
}
}
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-content .block-video .block-image > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-info {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: start;
}
@media (max-width: 1023px) {
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-info {
align-items: center;
text-align: center;
}
}
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-info .block-title {
font-weight: 700;
color: #00469e;
margin-bottom: 20px;
}
@media (max-width: 1023px) {
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-info .block-title {
margin-top: 80px;
}
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-info .block-title {
font-size: 20px;
color: #001d3a;
margin-top: 80px;
}
}
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-info .block-description {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-abonamente-dozator .block-info .block-description {
margin-bottom: 20px;
}
}
.cms-apa-imbuteliata .column.main .block.block-sticle-05 {
max-width: 1640px;
margin: 0 auto;
padding: 0 10px;
}
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-title {
font-weight: 700;
color: #00469e;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-title {
font-size: 20px;
color: #001d3a;
}
}
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-content .block-video {
max-width: 1364px;
margin: 0 auto 210px;
position: relative;
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-content .block-video {
margin-bottom: 170px;
}
}
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-content .block-video .movie {
height: 540px;
width: 100%;
box-sizing: border-box;
border: solid;
border-color: #e9e9e9;
border-radius: 270px;
border-width: 20px;
object-fit: fill;
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-content .block-video .movie {
height: 280px;
}
}
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-content .block-video .block-image {
position: absolute;
bottom: -165px;
left: 50%;
transform: translate(-50%, 0);
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-content .block-video .block-image {
width: 90px;
bottom: -130px;
}
}
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-content .block-description {
max-width: 940px;
margin: 0 auto 40px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-sticle-05 .block-content .block-description {
margin: 0 auto 20px;
}
}
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale {
max-width: 100%;
}
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-info {
position: relative;
max-width: 1086px;
margin: 0 auto -110px;
background: #ffffff;
padding: 45px 15px;
box-sizing: border-box;
}
@media (max-width: 1439px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-info {
max-width: 810px;
padding: 15px 15px 30px;
}
}
@media (max-width: 1023px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-info {
max-width: 500px;
padding: 15px 15px 30px;
}
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-info {
max-width: 450px;
padding: 15px 15px 30px;
}
}
@media (max-width: 479px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-info {
max-width: calc(100% - 30px);
margin-bottom: -185px;
}
}
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-title {
font-size: 54px;
line-height: 60px;
margin-bottom: 20px;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-title {
font-size: 28px;
line-height: 38px;
}
}
@media (max-width: 1023px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-title {
font-size: 35px;
line-height: 45px;
}
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-title {
font-size: 28px;
line-height: 34px;
font-weight: 700;
}
}
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-description {
font-size: 24px;
line-height: 34px;
color: #001d3a;
max-width: 600px;
margin: 0 auto 40px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-description {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 1023px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-description {
font-size: 18px;
line-height: 24px;
max-width: 400px;
}
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-description {
font-size: 18px;
line-height: 22px;
margin-bottom: 20px;
}
}
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-image {
height: 610px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-image {
height: 520px;
}
}
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-image img {
object-fit: cover;
height: 100%;
width: 100%;
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-image .image-desktop {
display: none;
}
}
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-image .image-mobile {
display: none;
}
@media (max-width: 639px) {
.cms-apa-imbuteliata .column.main .block.block-apa-surse-naturale .block-image .image-mobile {
display: block;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata {
max-width: 1364px;
margin: 100px auto 0;
display: flex;
align-items: center;
height: 450px;
padding: 0 10px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata {
margin-top: 35px;
height: unset;
flex-direction: column-reverse;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-image {
flex: 0.6;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-image {
flex: unset;
width: 100%;
height: 324px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-image > img {
border: solid;
border-width: 3px;
border-color: #81C753;
box-sizing: border-box;
border-radius: 75px;
object-fit: cover;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-image > img {
width: 100%;
height: 100%;
border-radius: 45px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-info {
width: 45%;
flex: 1;
text-align: start;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-info {
width: 100%;
margin-bottom: 20px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-info .block-title {
font-size: 18px;
font-weight: 700;
margin-left: 35px;
line-height: 28px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-info .block-title {
margin-left: 25px;
line-height: 24px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-info .block-description {
font-size: 18px;
margin-top: 20px;
margin-left: 35px;
line-height: 28px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-imbuteliata .block-info .block-description {
font-size: 16px;
margin-top: 15px;
margin-left: 25px;
line-height: 24px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala {
max-width: 1364px;
margin: 100px auto 0;
padding: 0 10px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala {
margin-top: 40px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content {
display: flex;
gap: 15px;
align-items: flex-end;
height: 495px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content {
height: unset;
flex-direction: column;
align-items: unset;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-info {
display: flex;
flex-direction: column;
flex: 1.5;
text-align: start;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-info {
width: 100%;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-info .block-title {
font-size: 18px;
font-weight: 700;
margin-left: 35px;
line-height: 28px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-info .block-title {
margin-left: 25px;
line-height: 24px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-info .block-description {
font-size: 18px;
margin-top: 20px;
margin-left: 35px;
line-height: 28px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-info .block-description {
font-size: 16px;
margin-top: 15px;
margin-left: 25px;
line-height: 24px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-info .block-images {
display: flex;
align-items: center;
gap: 15px;
margin-top: 45px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-info .block-images {
margin-top: 15px;
height: 162px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-info .block-images .block-image {
flex: 1;
height: 100%;
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-image {
height: 100%;
flex: 1;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-image {
flex: unset;
width: 100%;
height: 324px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-image > img {
border: solid;
border-width: 3px;
border-color: #81C753;
box-sizing: border-box;
border-radius: 75px;
object-fit: cover;
height: 100%;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-oligominerala .block-content .block-image > img {
width: 100%;
border-radius: 45px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala {
max-width: 1364px;
margin: 0 auto;
display: flex;
align-items: center;
height: 450px;
padding: 0 10px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala {
height: unset;
flex-direction: column-reverse;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-image {
flex: 0.6;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-image {
flex: unset;
width: 100%;
height: 324px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-image > img {
border: solid;
border-width: 3px;
border-color: #81C753;
box-sizing: border-box;
object-fit: cover;
border-radius: 75px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-image > img {
width: 100%;
height: 100%;
border-radius: 45px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-info {
width: 45%;
flex: 1;
text-align: start;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-info {
width: 100%;
margin-bottom: 20px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-info .block-title {
font-size: 18px;
font-weight: 700;
margin-left: 35px;
line-height: 28px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-info .block-title {
margin-left: 25px;
line-height: 24px;
}
}
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-info .block-description {
font-size: 18px;
margin-top: 20px;
margin-left: 35px;
line-height: 28px;
}
@media (max-width: 767px) {
.cms-apa-imbuteliata .column.main .block.block-detalii-apa-minerala .block-info .block-description {
font-size: 16px;
margin-top: 15px;
margin-left: 25px;
line-height: 24px;
}
}
.cms-sisteme-filtrare .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-sisteme-filtrare .column.main .block img {
display: block;
}
.cms-sisteme-filtrare .column.main .block .block-actions {
margin-top: auto;
}
.cms-sisteme-filtrare .column.main .block .block-actions .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-sisteme-filtrare .column.main .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.cms-sisteme-filtrare .column.main .block .block-actions .action-primary:hover > span:after {
border-width: 0 2px 2px 0;
}
.cms-sisteme-filtrare .column.main .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-sisteme-filtrare .column.main .block .block-actions .action-primary > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 60%;
}
.cms-sisteme-filtrare .column.main .block .block-title {
font-size: 34px;
line-height: 44px;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block .block-title {
font-size: 28px;
line-height: 36px;
}
}
.cms-sisteme-filtrare .column.main .block .block-description {
font-size: 14px;
line-height: 24px;
color: #000000;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-sisteme-filtrare .column.main .block .block-divider {
background-color: #707070;
height: 10px;
opacity: 20%;
margin: 80px auto;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block .block-divider {
margin: 40px auto;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata {
max-width: 1640px;
margin: 0 auto 200px;
padding: 0 10px;
}
@media (max-width: 1439px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata {
margin-bottom: 100px;
}
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata {
margin-bottom: 80px;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-title {
font-weight: 700;
margin: 40px 0 130px;
text-align: center;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-title {
margin-bottom: 80px;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content {
display: flex;
align-items: center;
padding: 0 45px;
}
@media (max-width: 1023px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content {
padding: 0;
}
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content {
flex-direction: column-reverse;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-info {
width: 50%;
max-width: 536px;
margin-left: 90px;
margin-right: 20px;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-info {
width: unset;
flex: 1;
margin: 0 25px;
max-width: unset;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
text-align: start;
line-height: 36px;
margin-top: 0;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-title {
text-align: center;
font-size: 20px;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-description {
margin-bottom: 40px;
text-align: start;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-description {
text-align: center;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-actions > a {
margin: unset;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-actions > a {
margin: 0 auto;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video {
position: relative;
width: 50%;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video {
margin-bottom: 100px;
width: 100%;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video .movie {
height: 475px;
width: 100%;
box-sizing: border-box;
border: solid;
border-color: #e9e9e9;
border-radius: 270px;
border-width: 20px;
object-fit: fill;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video .movie {
height: 320px;
border-radius: 70px;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video .block-image {
position: absolute;
width: 100%;
height: 100%;
top: -150px;
left: 50%;
transform: translate(-50%, 0);
}
@media (max-width: 1439px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video .block-image {
top: 100px;
height: 455px;
}
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video .block-image {
top: 0;
}
}
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video .block-image > img {
object-fit: contain;
width: 100%;
}
@media (max-width: 1439px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video .block-image > img {
height: 100%;
}
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-apa-filtrata .block-content .block-video .block-image > img {
max-height: 412px;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura {
max-width: 1640px;
margin: 0 auto;
padding: 0 10px;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura {
margin-bottom: 0;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content {
display: flex;
align-items: center;
padding: 0 10px;
margin-bottom: 160px;
}
@media (max-width: 1023px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content {
padding: 0;
}
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content {
flex-direction: column;
margin-bottom: 40px;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video {
position: relative;
width: 50%;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video {
margin-bottom: 100px;
width: 100%;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video .movie {
height: 655px;
width: 100%;
box-sizing: border-box;
border: solid;
border-color: #e9e9e9;
border-radius: 270px;
border-width: 20px;
object-fit: fill;
}
@media (max-width: 1439px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video .movie {
height: 555px;
}
}
@media (max-width: 1023px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video .movie {
height: 455px;
}
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video .movie {
height: 422px;
border-radius: 70px;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video .block-image {
position: absolute;
width: fit-content;
height: 100%;
bottom: -110px;
right: 0;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video .block-image {
width: 100%;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video .block-image > img {
height: 100%;
object-fit: contain;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-video .block-image > img {
width: 100%;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-info {
margin-left: 55px;
width: 50%;
max-width: 627px;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-info {
width: unset;
flex: 1;
margin: 0 25px;
max-width: unset;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-info .block-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
text-align: start;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-info .block-title {
text-align: center;
font-size: 20px;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-info .block-description {
margin-bottom: 40px;
text-align: start;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-info .block-description {
text-align: center;
}
}
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-info .block-actions > a {
width: 183px;
margin: unset;
}
@media (max-width: 767px) {
.cms-sisteme-filtrare .column.main .block.block-filtrare-sigura .block-content .block-info .block-actions > a {
margin: 0 auto;
}
}
.cms-descopera-city .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-descopera-city .column.main .block img {
display: block;
}
.cms-descopera-city .column.main .block .block-actions {
margin-top: auto;
}
.cms-descopera-city .column.main .block .block-actions .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-descopera-city .column.main .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.cms-descopera-city .column.main .block .block-actions .action-primary:hover > span:after {
border-width: 0 2px 2px 0;
}
.cms-descopera-city .column.main .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-descopera-city .column.main .block .block-actions .action-primary > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 60%;
}
.cms-descopera-city .column.main .block .block-title {
font-size: 34px;
line-height: 44px;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block .block-title {
font-size: 28px;
line-height: 36px;
}
}
.cms-descopera-city .column.main .block .block-description {
font-size: 14px;
line-height: 24px;
color: #000000;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-descopera-city .column.main .block.block-descopera-city {
background-color: #ffffff;
border-radius: 30px;
margin: -25px auto 380px;
padding: 40px 100px 0;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-descopera-city {
padding: 40px 10px 0;
}
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-descopera-city {
margin-bottom: 300px;
padding-top: 80px;
}
}
@media (max-width: 420px) {
.cms-descopera-city .column.main .block.block-descopera-city {
margin-bottom: 450px;
}
}
.cms-descopera-city .column.main .block.block-descopera-city .block-info {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-descopera-city .block-info {
margin-bottom: 40px;
}
}
.cms-descopera-city .column.main .block.block-descopera-city .block-info .block-title {
font-weight: 700;
}
.cms-descopera-city .column.main .block.block-descopera-city .block-content {
position: relative;
}
.cms-descopera-city .column.main .block.block-descopera-city .block-content .main-image > img {
width: 100%;
height: 417px;
box-sizing: border-box;
border: solid;
border-width: 20px;
border-radius: 270px;
border-color: #e9e9e9;
object-fit: cover;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-descopera-city .block-content .main-image > img {
border-radius: 70px;
}
}
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image {
position: absolute;
left: 0;
bottom: -70%;
display: flex;
align-items: flex-end;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image {
left: 50%;
transform: translate(-50%, 0);
flex-direction: column;
width: 100%;
align-items: center;
}
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image {
top: 150px;
}
}
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image > img {
width: 65%;
height: 100%;
object-fit: contain;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image > img {
width: 100%;
height: 100%;
max-height: 300px;
object-fit: contain;
}
}
@media (max-width: 319px) {
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image > img {
object-fit: unset;
}
}
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image .block-info {
display: flex;
flex-direction: column;
gap: 20px;
text-align: start;
margin-bottom: 70px;
margin-left: -160px;
max-width: 674px;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image .block-info {
text-align: center;
margin: 0 10px;
width: unset;
max-width: unset;
margin-top: 40px;
}
}
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image .block-info .block-title {
font-size: 28px;
font-weight: 700;
color: #40c7fc;
line-height: 36px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-descopera-city .block-content .block-image .block-info .block-title {
font-size: 20px;
line-height: 28px;
}
}
.cms-descopera-city .column.main .block.block-prezentare-city {
background-color: #F6F6F6;
padding: 70px 0px;
border: solid;
border-color: rgba(0, 70, 158, 0.2);
border-width: 1px;
border-left-width: 0;
border-right-width: 0;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-prezentare-city {
background-color: #ffffff;
border-width: 0;
padding-top: 0;
padding-bottom: 60px;
}
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-info {
max-width: 654px;
margin: 0 auto;
padding: 0 10px;
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-info .block-title {
font-weight: 700;
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-info .block-description {
font-size: 20px;
font-weight: 700;
margin-top: 20px;
line-height: 28px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-prezentare-city .block-info .block-description {
font-weight: 500;
}
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-content {
max-width: calc(1640px + 100px);
margin: 0 auto;
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .list-item {
padding: 0 50px;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .list-item {
padding: 0 10px;
}
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .list-item .item {
height: 340px;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
margin-top: 100px;
margin-bottom: 60px;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .list-item .item {
margin: 45px 0;
}
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .list-item .item .item-details {
height: 100%;
background-color: #ffffff;
display: flex;
flex-direction: column;
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .list-item .item .item-description {
font-size: 18px;
flex: 1;
width: 90%;
align-self: center;
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .list-item .item .item-details-image {
width: 100%;
flex: 1;
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
margin-bottom: 40px;
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .list-item .item .item-details-image > img {
width: 86px;
height: 86px;
object-fit: contain;
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .swiper-pagination {
display: none;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-prezentare-city .block-content .swiper-pagination {
display: block;
}
}
.cms-descopera-city .column.main .block.block-prezentare-city .block-actions > a {
background-color: #ffffff;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-prezentare-city .block-actions {
margin-top: 60px;
}
}
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa {
max-width: 1368px;
margin: 80px auto;
padding: 0 10px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa {
margin: 0 auto 40px;
}
}
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-info .block-title {
font-weight: 700;
}
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-info .block-subtitle {
font-size: 20px;
font-weight: 700;
color: #001d3a;
margin-top: 20px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-info .block-subtitle {
font-weight: 500;
}
}
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-content {
margin-top: 60px;
display: flex;
align-items: flex-start;
gap: 15px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-content {
flex-direction: column;
gap: 40px;
align-items: center;
}
}
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-content .block-image {
flex: 1;
}
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-content .block-image > img {
width: 100%;
height: 100%;
max-height: 340px;
object-fit: cover;
border: solid;
border-color: transparent;
border-radius: 30px;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-content .block-image > img {
margin-bottom: 20px;
}
}
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-content .block-image .block-title {
font-size: 24px;
line-height: 28px;
font-weight: 700;
margin-left: 20px;
text-align: start;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-content .block-image .block-title {
text-align: center;
font-size: 16px;
margin-left: 0;
line-height: 24px;
}
}
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-content .block-image .block-description {
font-size: 18px;
color: #001d3a;
margin-left: 20px;
line-height: 28px;
text-align: start;
margin-top: 5px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-cum-filtreaza-apa .block-content .block-image .block-description {
text-align: center;
font-size: 16px;
margin-left: 0;
line-height: 24px;
}
}
.cms-descopera-city .column.main .block.block-comunitatea-ta {
background-color: #F6F6F6;
padding: 50px 10px;
border: solid;
border-color: rgba(0, 70, 158, 0.2);
border-width: 1px;
border-left-width: 0;
border-right-width: 0;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-info {
max-width: 684px;
margin: 0 auto;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-info .block-title {
font-weight: 700;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-info .block-description {
font-size: 20px;
font-weight: 700;
margin-top: 20px;
line-height: 28px;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-info .block-description {
font-weight: 500;
}
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content {
max-width: 1640px;
margin: 60px auto 80px;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content {
margin-left: 15px;
}
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content {
margin-bottom: 40px;
}
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .list-item {
margin-right: 15px;
}
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .list-item .swiper-wrapper {
margin-bottom: 40px;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .list-item .item {
min-height: 220px;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .list-item .item .item-details {
background-color: transparent;
text-align: start;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .list-item .item .item-details {
text-align: center;
}
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .list-item .item .item-details-order {
font-size: 24px;
font-weight: 700;
color: #40c7fc;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .list-item .item .item-details-divider {
width: 100%;
height: 2px;
background-color: #40c7fc;
margin: 10px 0;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .list-item .item .item-title {
font-size: 24px;
font-weight: 700;
line-height: 28px;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .list-item .item .item-description {
font-size: 18px;
line-height: 28px;
margin-top: 40px;
font-weight: 500;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .swiper-pagination {
display: none;
}
@media (max-width: 1023px) {
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-content .swiper-pagination {
display: block;
}
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-important {
position: relative;
max-width: 1088px;
margin: 0 auto;
display: flex;
align-items: center;
background-color: #ffffff;
border: solid 1px #E6E6E6;
border-radius: 30px;
padding: 15px 30px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-important {
border-radius: 10px;
max-width: unset;
padding: 20px 10px;
}
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-important > img {
margin-right: 55px;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-important > img {
position: absolute;
margin: 0;
width: 22px;
height: 22px;
top: -11px;
left: 10px;
}
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-important .block-important-info .block-title {
font-size: 14px;
line-height: 24px;
font-weight: 700;
text-align: start;
color: #000000;
}
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-important .block-important-info .block-description {
font-size: 14px;
margin-top: 10px;
text-align: start;
font-weight: 500;
}
@media (max-width: 767px) {
.cms-descopera-city .column.main .block.block-comunitatea-ta .block-important .block-important-info .block-description {
font-size: 12px;
line-height: 20px;
}
}
.cms-landing-cafea .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-landing-cafea .column.main .block img {
display: block;
}
.cms-landing-cafea .column.main .block .block-actions {
margin-top: auto;
}
.cms-landing-cafea .column.main .block .block-actions .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-landing-cafea .column.main .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.cms-landing-cafea .column.main .block .block-actions .action-primary:hover > span:after {
border-width: 0 2px 2px 0;
}
.cms-landing-cafea .column.main .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-landing-cafea .column.main .block .block-actions .action-primary > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 60%;
}
.cms-landing-cafea .column.main .block .block-title {
font-size: 34px;
line-height: 44px;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block .block-title {
font-size: 28px;
line-height: 36px;
}
}
.cms-landing-cafea .column.main .block .block-description {
font-size: 14px;
line-height: 24px;
color: #000000;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-kafune {
position: relative;
background-color: #212844;
min-height: 924px;
display: flex;
padding: 0 180px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
margin-top: -25px;
}
@media (max-width: 1439px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune {
padding: 0 80px;
}
}
@media (max-width: 1023px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune {
padding: 0 60px;
min-height: unset;
}
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune {
padding: 0 10px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-mask {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.2;
border-radius: inherit;
}
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-mask > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info {
display: flex;
align-items: center;
gap: 180px;
text-align: start;
}
@media (max-width: 1023px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info {
flex-direction: column;
text-align: center;
gap: 0;
}
}
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-title {
flex: 1;
font-size: 46px;
font-weight: 700;
color: #DAC79D;
line-height: 62px;
text-transform: uppercase;
}
@media (max-width: 1023px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-title {
margin-top: 40px;
font-size: 34px;
}
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-title {
font-size: 24px;
line-height: 34px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description {
flex: 1;
position: relative;
display: flex;
box-sizing: border-box;
border: solid 20px #DAC79D;
border-radius: 70px;
background-color: transparent;
min-height: 352px;
padding: 120px 0;
padding-left: 180px;
padding-right: 60px;
font-size: 18px;
color: #ffffff;
line-height: 30px;
}
@media (max-width: 1023px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description {
padding: 15px;
align-items: flex-end;
margin-top: 450px;
margin-bottom: 25px;
}
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description {
font-size: 14px;
line-height: 24px;
margin-top: 370px;
min-height: 418px;
}
}
@media (max-width: 639px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description {
margin-top: 270px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description .block-image {
position: absolute;
left: -210px;
top: 60%;
transform: translate(0, -50%);
}
@media (max-width: 1023px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description .block-image {
left: 50%;
top: -80px;
transform: translate(-50%, -50%);
width: 340px;
}
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description .block-image {
top: 0;
width: unset;
min-width: 240px;
}
}
@media (max-width: 319px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description .block-image {
top: -50px;
min-width: 200px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description .block-image::before {
content: '';
display: block;
width: 1440px;
height: 844px;
background: url('/pub/media/wysiwyg/staticpages/gradient.png');
position: absolute;
left: -520px;
z-index: -1;
}
@media (max-width: 1023px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description .block-image::before {
left: -560px;
}
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description .block-image::before {
left: -600px;
top: -60px;
}
}
@media (max-width: 639px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description .block-image::before {
left: -620px;
top: -150px;
}
}
@media (max-width: 319px) {
.cms-landing-cafea .column.main .block.block-cafea-kafune .block-info .block-description .block-image::before {
top: -200px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze {
position: relative;
background-color: #212844;
padding: 80px 10px 0;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
z-index: 1;
margin-bottom: -55px;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze {
padding: 40px 10px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-title {
font-weight: 700;
color: #DAC79D;
text-align: center;
padding: 0 35px;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-title {
font-size: 24px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content {
display: flex;
align-items: center;
margin: 20px 20% 0;
}
@media (max-width: 1439px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content {
margin: 20px 10% 0;
}
}
@media (max-width: 1023px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content {
margin: 20px 60px 0;
}
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content {
flex-direction: column-reverse;
margin: 0;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content .block-info {
flex: 1;
text-align: start;
margin-right: -100px;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content .block-info {
text-align: center;
margin: 0;
margin-top: 40px;
padding: 0 20px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content .block-info .block-title {
font-size: 28px;
font-weight: 700;
line-height: 36px;
color: #DCDE35;
text-align: start;
padding: 0;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content .block-info .block-title {
text-align: center;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content .block-info .block-description {
color: #ffffff;
margin: 20px 0;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content .block-info .block-description {
font-size: 14px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content .block-info .block-actions > a {
margin: unset;
background-color: #ffffff;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-content .block-info .block-actions > a {
margin: 0 auto;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-image {
flex: 1;
max-height: 550px;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-image {
max-height: 247px;
margin: 20px 0;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-image > img {
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-image .image-desktop {
display: none;
}
}
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-image .image-mobile {
display: none;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-monodoze .block-image .image-mobile {
display: block;
}
}
.cms-landing-cafea .column.main .block.block-cafea-boabe {
position: relative;
background-color: #f6f6f6;
border-radius: 30px;
padding: 135px 10px 40px;
margin-bottom: -55px;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-boabe {
padding-bottom: 250px;
}
}
@media (max-width: 479px) {
.cms-landing-cafea .column.main .block.block-cafea-boabe {
padding-bottom: 200px;
}
}
@media (max-width: 319px) {
.cms-landing-cafea .column.main .block.block-cafea-boabe {
padding-bottom: 150px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-mask {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.2;
border-radius: inherit;
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-mask > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-image {
max-width: 1046px;
height: 250px;
margin: 0 auto;
box-sizing: border-box;
border: solid 20px #DAC79D;
border-radius: 70px;
margin-bottom: 150px;
}
@media (max-width: 991px) {
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-image {
margin-bottom: 100px;
}
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-image {
margin-bottom: 80px;
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-image > img {
object-fit: cover;
width: 100%;
height: 120%;
margin-top: 80px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-info {
text-align: center;
max-width: 594px;
margin: 0 auto;
position: relative;
z-index: 1;
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-info .block-title {
font-size: 28px;
font-weight: 700;
color: #212844;
line-height: 36px;
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-info .block-description {
margin: 20px 0;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-info .block-description {
font-size: 14px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-info .block-actions > a {
background-color: #ffffff;
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-image-cup {
position: absolute;
bottom: -274px;
right: 100px;
}
@media (max-width: 1439px) {
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-image-cup {
width: 400px;
height: 400px;
bottom: -200px;
right: 10px;
}
}
@media (max-width: 991px) {
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-image-cup {
width: 300px;
height: 300px;
bottom: -150px;
}
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-image-cup {
bottom: 0;
left: 0;
right: unset;
width: 100%;
height: 100%;
transform: translate(0, 50%);
}
.cms-landing-cafea .column.main .block.block-cafea-boabe .block-image-cup > img {
width: 100%;
height: 100%;
object-fit: scale-down;
}
}
.cms-landing-cafea .column.main .block.block-cafea-capsule {
display: flex;
align-items: center;
padding: 55px 260px 0;
background-color: #212844;
border-radius: 30px;
overflow: hidden;
}
@media (max-width: 1439px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule {
padding: 55px 100px 0;
}
}
@media (max-width: 1023px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule {
padding: 55px 50px 0;
}
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule {
padding: 250px 10px 0;
flex-direction: column;
}
}
@media (max-width: 479px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule {
padding-top: 200px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-video {
flex: 1;
margin-right: 40px;
height: 600px;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-video {
margin-right: 0;
}
}
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-video .movie {
width: 100%;
height: 85%;
object-fit: cover;
}
@media (max-width: 991px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-video .movie {
height: 90%;
}
}
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-video > img {
width: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-video > img {
display: none;
}
}
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-info {
flex: 1;
text-align: start;
padding: 60px 0;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-info {
text-align: center;
padding-right: 0;
}
}
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-info .block-title {
font-size: 28px;
font-weight: 700;
color: #ffffff;
line-height: 36px;
}
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-info .block-description {
font-size: 14px;
color: #ffffff;
margin-top: 20px;
margin-bottom: 40px;
max-width: 536px;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-info .block-description {
margin-bottom: 20px;
}
}
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-info .block-actions > a {
margin: unset;
background-color: #ffffff;
}
@media (max-width: 767px) {
.cms-landing-cafea .column.main .block.block-cafea-capsule .block-info .block-actions > a {
margin: 0 auto;
}
}
.cms-servicii .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-servicii .column.main .block img {
display: block;
}
.cms-servicii .column.main .block .block-actions {
margin-top: auto;
}
.cms-servicii .column.main .block .block-actions .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #0c5da8;
border-radius: 20px;
text-decoration: none;
color: #0c5da8;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-servicii .column.main .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.cms-servicii .column.main .block .block-actions .action-primary:hover > span:after {
border-width: 0 2px 2px 0;
}
.cms-servicii .column.main .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-servicii .column.main .block .block-actions .action-primary > span:after {
border: solid #0c5da8;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 60%;
}
.cms-servicii .column.main .block .block-title {
font-size: 54px;
line-height: 60px;
color: #001d3a;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.cms-servicii .column.main .block .block-title {
font-size: 28px;
line-height: 38px;
}
}
.cms-servicii .column.main .block .block-description {
font-size: 24px;
line-height: 34px;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-servicii .column.main .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-servicii .column.main .block.block-servicii-la-fantana {
margin-bottom: 100px;
margin-top: -25px;
}
@media (max-width: 767px) {
.cms-servicii .column.main .block.block-servicii-la-fantana {
margin-bottom: 32px;
}
}
.cms-servicii .column.main .block.block-servicii-la-fantana .block-image {
position: relative;
width: 100%;
height: 456px;
border-radius: 30px;
}
@media (max-width: 319px) {
.cms-servicii .column.main .block.block-servicii-la-fantana .block-image {
height: 550px;
}
}
.cms-servicii .column.main .block.block-servicii-la-fantana .block-image > img {
border-radius: inherit;
height: 100%;
width: 100%;
object-fit: cover;
}
.cms-servicii .column.main .block.block-servicii-la-fantana .block-image .block-info {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background-color: rgba(33, 40, 58, 0.5);
border-radius: inherit;
padding: 0 10px;
}
.cms-servicii .column.main .block.block-servicii-la-fantana .block-image .block-info .block-title {
font-weight: 700;
color: #ffffff;
margin-bottom: 0;
}
@media (max-width: 767px) {
.cms-servicii .column.main .block.block-servicii-la-fantana .block-image .block-info .block-title {
font-size: 32px;
}
}
.cms-servicii .column.main .block.block-servicii-la-fantana .block-image .block-info .block-description {
font-size: 20px;
font-weight: 700;
color: #ffffff;
line-height: 32px;
max-width: 812px;
margin: 20px 0;
}
@media (max-width: 767px) {
.cms-servicii .column.main .block.block-servicii-la-fantana .block-image .block-info .block-description {
font-size: 18px;
line-height: 28px;
}
}
.cms-servicii .column.main .block.block-servicii-la-fantana .block-image .block-info .block-subtitle {
font-size: 24px;
font-weight: 700;
color: #ffffff;
}
.cms-servicii .column.main .block.block-servicii-la-fantana-lista {
max-width: 1600px;
padding: 0 25px;
margin: 0 auto 80px;
display: grid;
grid-column-gap: 85px;
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1023px) {
.cms-servicii .column.main .block.block-servicii-la-fantana-lista {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.cms-servicii .column.main .block.block-servicii-la-fantana-lista {
grid-template-columns: 1fr;
grid-row: 40px;
}
}
.cms-servicii .column.main .block.block-servicii-la-fantana-lista .block-service .block-image {
position: relative;
height: 314px;
margin-bottom: 50px;
}
@media (max-width: 767px) {
.cms-servicii .column.main .block.block-servicii-la-fantana-lista .block-service .block-image {
height: 217px;
}
}
.cms-servicii .column.main .block.block-servicii-la-fantana-lista .block-service .block-image > img {
width: 100%;
height: 100%;
object-fit: cover;
box-sizing: border-box;
border: solid 10px #e9e9e9;
border-radius: 80px;
}
.cms-servicii .column.main .block.block-servicii-la-fantana-lista .block-service .block-image .block-icon {
position: absolute;
bottom: -36px;
left: 50%;
transform: translate(-50%, 0);
width: 72px;
height: 72px;
border: solid 5px #ffffff;
border-radius: 15px;
background-color: #40c7fc;
display: flex;
align-items: center;
justify-content: center;
}
.cms-servicii .column.main .block.block-servicii-la-fantana-lista .block-service .block-title {
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin-bottom: 15px;
}
.cms-servicii .column.main .block.block-servicii-la-fantana-lista .block-service .block-description {
font-size: 16px;
line-height: 24px;
}
.cms-cariere .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-cariere .column.main .block img {
display: block;
}
.cms-cariere .column.main .block .block-title {
font-size: 54px;
line-height: 60px;
color: #001d3a;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.cms-cariere .column.main .block .block-title {
font-size: 28px;
line-height: 38px;
}
}
.cms-cariere .column.main .block .block-description {
font-size: 24px;
line-height: 34px;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-cariere .column.main .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-cariere .column.main .block.block-cariere-header {
position: relative;
margin-bottom: 400px;
margin-top: -25px;
}
@media (max-width: 991px) {
.cms-cariere .column.main .block.block-cariere-header {
margin-bottom: 300px;
}
}
@media (max-width: 479px) {
.cms-cariere .column.main .block.block-cariere-header {
margin-bottom: 500px;
}
}
@media (max-width: 319px) {
.cms-cariere .column.main .block.block-cariere-header {
margin-bottom: 620px;
}
}
.cms-cariere .column.main .block.block-cariere-header .block-image {
position: relative;
width: 100%;
height: 456px;
border-radius: 30px;
}
.cms-cariere .column.main .block.block-cariere-header .block-image > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.cms-cariere .column.main .block.block-cariere-header .block-image .block-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background-color: rgba(33, 40, 58, 0.5);
border-radius: inherit;
}
.cms-cariere .column.main .block.block-cariere-header .block-image .block-background .block-title {
font-weight: 700;
color: #ffffff;
}
@media (max-width: 767px) {
.cms-cariere .column.main .block.block-cariere-header .block-image .block-background .block-title {
font-size: 52px;
}
}
.cms-cariere .column.main .block.block-cariere-header .block-info {
max-width: 812px;
box-sizing: border-box;
position: absolute;
background-color: #ffffff;
bottom: -50%;
left: 50%;
transform: translate(-50%, 0);
padding: 55px 80px;
border-radius: 30px;
}
@media (max-width: 1439px) {
.cms-cariere .column.main .block.block-cariere-header .block-info {
width: 70%;
}
}
@media (max-width: 991px) {
.cms-cariere .column.main .block.block-cariere-header .block-info {
max-width: unset;
transform: unset;
left: 0;
width: 100%;
top: 90%;
}
}
@media (max-width: 767px) {
.cms-cariere .column.main .block.block-cariere-header .block-info {
padding: 45px 25px;
}
}
.cms-cariere .column.main .block.block-cariere-header .block-info .block-description {
font-size: 20px;
line-height: 32px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.cms-cariere .column.main .block.block-cariere-header .block-info .block-description {
font-size: 18px;
}
}
.cms-cariere .column.main .block.block-cariere-header .block-info .block-email {
font-size: 20px;
font-weight: 700;
line-height: 32px;
}
@media (max-width: 767px) {
.cms-cariere .column.main .block.block-cariere-header .block-info .block-email {
font-size: 18px;
}
}
.cms-cariere .column.main .block.block-cariere-header .block-info .block-email > a {
color: #40c7fc;
}
.cms-cariere .column.main .block.block-cariere-departamente {
display: flex;
gap: 15px;
background-color: #F6F6F6;
height: 587px;
padding: 0 140px;
}
@media (max-width: 1439px) {
.cms-cariere .column.main .block.block-cariere-departamente {
padding: 0 10px;
}
}
@media (max-width: 1023px) {
.cms-cariere .column.main .block.block-cariere-departamente {
flex-direction: column;
background-color: #ffffff;
height: unset;
}
}
.cms-cariere .column.main .block.block-cariere-departamente .block-carrier {
background-color: #ffffff;
border-radius: 17px;
padding: 7px;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
margin-top: -110px;
height: fit-content;
}
@media (max-width: 1023px) {
.cms-cariere .column.main .block.block-cariere-departamente .block-carrier {
margin-top: 0;
}
}
.cms-cariere .column.main .block.block-cariere-departamente .block-carrier .block-image {
height: 203px;
border-radius: inherit;
margin-bottom: 50px;
}
.cms-cariere .column.main .block.block-cariere-departamente .block-carrier .block-image > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.cms-cariere .column.main .block.block-cariere-departamente .block-carrier .block-title {
font-size: 32px;
line-height: 28px;
margin-bottom: 25px;
}
.cms-cariere .column.main .block.block-cariere-departamente .block-carrier .block-description {
font-size: 18px;
line-height: 32px;
padding: 0 30px;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.cms-cariere .column.main .block.block-cariere-departamente .block-carrier .block-description {
font-size: 16px;
padding: 0 20px;
}
}
.swiper-pagination-nav-button {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
}
@media (max-width: 767px) {
.swiper-pagination-nav-button {
display: none;
}
}
.swiper-pagination-nav-button::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block {
margin: 0 auto;
text-align: center;
}
.cms-responsabilitate-sociala .column.main .block img {
display: block;
}
.cms-responsabilitate-sociala .column.main .block .block-actions .action-primary {
font-size: 18px;
font-weight: 700;
line-height: 22px;
display: block;
border: none;
border-radius: 30px;
text-decoration: none;
color: #ffffff;
background-color: #40c7fc;
padding: 8px 25px;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-responsabilitate-sociala .column.main .block .block-title {
font-size: 42px;
font-weight: 700;
color: #ffffff;
line-height: 44px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block .block-title {
font-size: 32px;
line-height: 38px;
}
}
.cms-responsabilitate-sociala .column.main .block .block-description {
font-size: 20px;
line-height: 32px;
color: #ffffff;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala {
position: relative;
border-radius: 30px;
margin: 20px;
z-index: 1;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala {
margin: -25px 0 130px;
}
}
@media (max-width: 479px) {
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala {
margin-bottom: 180px;
}
}
@media (max-width: 319px) {
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala {
margin-bottom: 280px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
border-radius: inherit;
}
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-image > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-content {
background-color: rgba(0, 70, 158, 0.5);
border-radius: inherit;
padding: 124px 25px 106px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-content {
padding: 56px 25px 140px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-content .block-info {
max-width: 814px;
margin: 0 auto;
}
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-content .block-info .block-description {
margin-top: 20px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-content .block-info .block-description {
margin-top: 10px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-content .block-info .block-pillars {
background-color: #ffffff;
padding: 50px 35px;
margin-top: 72px;
border-radius: 17px;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-content .block-info .block-pillars {
padding: 35px 20px;
margin-top: 40px;
position: absolute;
left: 25px;
right: 25px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-content .block-info .block-pillars .block-pillars-description {
font-size: 24px;
line-height: 32px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-responsabilitate-sociala .block-content .block-info .block-pillars .block-pillars-description {
font-size: 18px;
line-height: 24px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate {
background-color: #ffffff;
margin: 20px;
border-radius: 30px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate {
margin: 30px 0;
padding: 20px;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
}
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item {
border-radius: 30px;
position: relative;
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item {
position: relative;
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item .item-image {
border-radius: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item .item-image {
height: 324px;
position: relative;
}
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item .item-image > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item .item-details {
background-color: rgba(0, 70, 158, 0.5);
border-radius: 30px;
position: relative;
display: flex;
flex-direction: column;
text-align: start;
align-items: flex-start;
justify-content: center;
padding: 285px 0;
padding-left: 55%;
padding-right: 120px;
}
@media (max-width: 1439px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item .item-details {
padding: 140px 120px;
align-items: center;
text-align: center;
}
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item .item-details {
background-color: transparent;
position: relative;
text-align: center;
align-items: center;
padding: 0;
margin-top: 15px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item .item-details .block-title {
margin-top: 20px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item .item-details .block-title {
color: #000000;
}
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .item .item-details .block-description {
color: #000000;
}
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination {
display: flex;
bottom: 30px;
align-items: center;
justify-content: center;
position: absolute;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination {
bottom: 0;
margin: 16px 0;
position: relative;
}
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-navigation-left {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-right: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-navigation-left {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-navigation-left::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-navigation-right {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-left: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-navigation-right {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
transform: rotate(45deg);
left: 18px;
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
height: 20px;
width: 20px;
background-color: #ffffff;
border: none;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
background-color: #e9e9e9;
border-radius: 50px;
height: 4px;
flex: 1;
margin: 0 5px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 3px solid #ffffff;
box-sizing: border-box;
background-color: #40c7fc;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-proiecte-comunitate .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor {
background-color: #00469e;
display: flex;
border-radius: 30px;
margin: 20px;
padding: 5px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor {
flex-direction: column;
margin: 30px 0;
border: solid 3px #ffffff;
box-sizing: border-box;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content {
width: 50%;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content {
width: unset;
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item {
border-radius: 30px;
height: 100%;
position: relative;
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .item-image {
border-radius: 30px;
height: 100%;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .item-image {
height: 324px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .item-image > img {
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination {
display: flex;
bottom: 30px;
align-items: center;
justify-content: center;
position: absolute;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination {
bottom: 0;
margin: 16px 0;
position: relative;
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-navigation-left {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-right: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-navigation-left {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-navigation-left::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-navigation-right {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-left: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-navigation-right {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
transform: rotate(45deg);
left: 18px;
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
height: 20px;
width: 20px;
background-color: #ffffff;
border: none;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
background-color: #e9e9e9;
border-radius: 50px;
height: 4px;
flex: 1;
margin: 0 5px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 3px solid #ffffff;
box-sizing: border-box;
background-color: #40c7fc;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-info {
width: 50%;
text-align: start;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 674px;
margin: 0 auto;
padding: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-info {
text-align: center;
align-items: center;
width: unset;
padding: 20px;
padding-top: 0;
}
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-info .block-title {
margin-top: 15px;
margin-bottom: 20px;
color: #ffffff;
}
.cms-responsabilitate-sociala .column.main .block.block-mana-de-ajutor .block-info .block-description {
color: #ffffff;
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor {
background-color: #ffffff;
margin: 20px;
border-radius: 30px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor {
margin: 30px 0;
padding: 20px;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
}
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item {
border-radius: 30px;
position: relative;
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item {
position: relative;
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-image {
border-radius: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-image {
height: 324px;
position: relative;
}
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-image > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-details {
background-color: rgba(0, 70, 158, 0.5);
border-radius: 30px;
position: relative;
display: flex;
flex-direction: column;
text-align: start;
align-items: flex-start;
justify-content: center;
padding: 285px 0;
padding-left: 55%;
padding-right: 120px;
}
@media (max-width: 1439px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-details {
padding: 140px 120px;
align-items: center;
text-align: center;
}
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-details {
background-color: transparent;
position: relative;
text-align: center;
align-items: center;
padding: 0;
margin-top: 15px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-details .block-title {
margin-top: 20px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-details .block-title {
color: #000000;
}
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-details .block-description {
color: #000000;
}
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination {
display: flex;
bottom: 30px;
align-items: center;
justify-content: center;
position: absolute;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination {
bottom: 0;
margin: 16px 0;
position: relative;
}
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-navigation-left {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-right: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-navigation-left {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-navigation-left::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-navigation-right {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-left: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-navigation-right {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
transform: rotate(45deg);
left: 18px;
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
height: 20px;
width: 20px;
background-color: #ffffff;
border: none;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
background-color: #e9e9e9;
border-radius: 50px;
height: 4px;
flex: 1;
margin: 0 5px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 3px solid #ffffff;
box-sizing: border-box;
background-color: #40c7fc;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-details {
padding-left: 120px;
padding-right: 55%;
}
@media (max-width: 1439px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-details {
padding: 140px 120px;
align-items: center;
text-align: center;
}
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-viitorul-tinerilor .block-content .list-item .item .item-details {
background-color: transparent;
position: relative;
text-align: center;
align-items: center;
padding: 0;
margin-top: 15px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului {
background-color: #e9e9e9;
display: flex;
border-radius: 30px;
margin: 20px;
padding: 5px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului {
flex-direction: column;
margin: 30px 0;
border: solid 3px #ffffff;
box-sizing: border-box;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content {
width: 50%;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content {
width: unset;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item {
border-radius: 30px;
height: 100%;
position: relative;
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .item-image {
border-radius: 30px;
height: 100%;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .item-image {
height: 324px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .item-image > img {
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination {
display: flex;
bottom: 30px;
align-items: center;
justify-content: center;
position: absolute;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination {
bottom: 0;
margin: 16px 0;
position: relative;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-navigation-left {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-right: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-navigation-left {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-navigation-left::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-navigation-right {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-left: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-navigation-right {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
transform: rotate(45deg);
left: 18px;
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
height: 20px;
width: 20px;
background-color: #ffffff;
border: none;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
background-color: #e9e9e9;
border-radius: 50px;
height: 4px;
flex: 1;
margin: 0 5px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 3px solid #ffffff;
box-sizing: border-box;
background-color: #40c7fc;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-info {
width: 50%;
text-align: start;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
max-width: 674px;
margin: 0 auto;
padding: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-info {
text-align: center;
align-items: center;
width: unset;
padding: 20px;
padding-top: 0;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-info .block-title {
margin-top: 15px;
margin-bottom: 20px;
color: #000000;
}
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-info .block-description {
color: #000000;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sustenabilitatea-sportului .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
background-color: #ffffff;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii {
background-color: #ffffff;
margin: 20px;
border-radius: 30px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii {
margin: 30px 0;
padding: 20px;
filter: drop-shadow(0 0 30px rgba(0, 70, 158, 0.15));
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item {
border-radius: 30px;
position: relative;
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item {
position: relative;
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-image {
border-radius: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-image {
height: 324px;
position: relative;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-image > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-details {
background-color: rgba(0, 70, 158, 0.5);
border-radius: 30px;
position: relative;
display: flex;
flex-direction: column;
text-align: start;
align-items: flex-start;
justify-content: center;
padding: 285px 0;
padding-left: 55%;
padding-right: 120px;
}
@media (max-width: 1439px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-details {
padding: 140px 120px;
align-items: center;
text-align: center;
}
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-details {
background-color: transparent;
position: relative;
text-align: center;
align-items: center;
padding: 0;
margin-top: 15px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-details .block-title {
margin-top: 20px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-details .block-title {
color: #000000;
}
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-details .block-description {
color: #000000;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination {
display: flex;
bottom: 30px;
align-items: center;
justify-content: center;
position: absolute;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination {
bottom: 0;
margin: 16px 0;
position: relative;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-navigation-left {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-right: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-navigation-left {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-navigation-left::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-navigation-right {
width: 48px;
height: 48px;
background-color: #ffffff;
border-radius: 50%;
cursor: pointer;
position: relative;
margin-left: 40px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-navigation-right {
display: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
border: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
width: 8px;
height: 8px;
display: block;
position: absolute;
top: 40%;
transform: rotate(-135deg);
left: 22px;
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-navigation-right::before {
transform: rotate(45deg);
left: 18px;
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
height: 20px;
width: 20px;
background-color: #ffffff;
border: none;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-pagination-bullet {
background-color: #e9e9e9;
border-radius: 50px;
height: 4px;
flex: 1;
margin: 0 5px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: 3px solid #ffffff;
box-sizing: border-box;
background-color: #40c7fc;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border: none;
}
}
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-details {
padding-left: 120px;
padding-right: 55%;
}
@media (max-width: 1439px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-details {
padding: 140px 120px;
align-items: center;
text-align: center;
}
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-sanatatea-comunitatii .block-content .list-item .item .item-details {
background-color: transparent;
position: relative;
text-align: center;
align-items: center;
padding: 0;
margin-top: 15px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-social-banner {
margin-top: 160px;
padding: 20px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-social-banner {
margin-top: 30px;
}
}
.cms-responsabilitate-sociala .column.main .block.block-social-banner .block-image > img {
margin: 0 auto;
}
.cms-responsabilitate-sociala .column.main .block.block-social-banner .block-description {
max-width: 1088px;
text-align: center;
margin: 90px auto 0;
color: #000000;
font-size: 28px;
line-height: 38px;
}
@media (max-width: 767px) {
.cms-responsabilitate-sociala .column.main .block.block-social-banner .block-description {
font-size: 24px;
line-height: 32px;
margin-top: 40px;
}
}
.cms-centre-instruire .read-more-text {
display: block;
margin: 20px 0 30px;
color: #00469E;
}
.cms-centre-instruire .read-more-text:after {
content: '';
border: solid #00469E;
border-width: 0 0 1px 1px;
display: inline-block;
transform: rotate(-45deg);
position: relative;
top: -2px;
width: 4px;
left: 10px;
height: 4px;
}
.cms-centre-instruire .read-more-text.active:after {
border-width: 1px 1px 0 0;
top: 0;
}
.cms-centre-instruire .block.block-configurator {
display: flex;
padding: 40px 0;
position: relative;
margin-bottom: 50px;
max-width: 1640px;
margin: 50px auto;
}
@media (max-width: 1023px) {
.cms-centre-instruire .block.block-configurator {
flex-direction: column;
background: none;
padding: 0 10px;
margin-bottom: 40px;
}
}
.cms-centre-instruire .block.block-configurator .block-info {
color: #ffffff;
background-color: #0c5da8;
width: 50%;
padding: 70px 40px 40px;
text-align: left;
box-sizing: border-box;
display: flex;
flex-direction: column;
z-index: 1;
}
@media (max-width: 1639px) {
.cms-centre-instruire .block.block-configurator .block-info {
padding: 55px 40px 40px;
}
}
@media (max-width: 1023px) {
.cms-centre-instruire .block.block-configurator .block-info {
padding: 40px 20px;
width: 100%;
text-align: center;
}
}
@media (max-width: 479px) {
.cms-centre-instruire .block.block-configurator .block-info {
padding: 40px 15px;
}
}
.cms-centre-instruire .block.block-configurator .block-title {
font-size: 48px;
line-height: 57px;
color: #ffffff;
}
@media (max-width: 1639px) {
.cms-centre-instruire .block.block-configurator .block-title {
font-size: 38px;
line-height: 45px;
}
}
@media (max-width: 1439px) {
.cms-centre-instruire .block.block-configurator .block-title {
font-size: 30px;
line-height: 34px;
}
}
@media (max-width: 479px) {
.cms-centre-instruire .block.block-configurator .block-title {
font-size: 28px;
}
}
.cms-centre-instruire .block.block-configurator .block-description {
line-height: 30px;
color: #ffffff;
margin-bottom: 40px;
}
@media (max-width: 1639px) {
.cms-centre-instruire .block.block-configurator .block-description {
font-size: 20px;
}
}
@media (max-width: 1439px) {
.cms-centre-instruire .block.block-configurator .block-description {
font-size: 18px;
line-height: 25px;
}
}
@media (max-width: 479px) {
.cms-centre-instruire .block.block-configurator .block-description {
font-size: 16px;
line-height: 22px;
}
}
.cms-centre-instruire .block.block-configurator .block-image-container {
position: relative;
width: 50%;
}
@media (max-width: 1023px) {
.cms-centre-instruire .block.block-configurator .block-image-container {
display: none;
}
}
.cms-centre-instruire .block.block-configurator .block-image-container .banner-ring {
content: '';
position: absolute;
top: -30px;
left: -7%;
border: 20px solid #00469e;
height: calc(100% + 60px);
width: 35%;
box-sizing: border-box;
border-radius: 75px;
transform: translate(0);
transition: 0.3s;
}
@media (max-width: 1023px) {
.cms-centre-instruire .block.block-configurator .block-image-container .banner-ring {
display: none;
}
}
.cms-centre-instruire .block.block-configurator .block-image-container .banner-ring:hover {
border-radius: 10px;
}
.cms-centre-instruire .block.block-configurator .block-image-container .block-image {
width: 100%;
height: 100%;
}
.cms-centre-instruire .block.block-configurator .block-image-container .block-image > img {
height: 100%;
}
.cms-centre-instruire .block.block-configurator .block-actions .action-primary {
margin: auto 0 0;
border: 2px solid #ffffff;
color: #ffffff;
width: 205px;
height: 50px;
line-height: 46px;
font-size: 18px;
font-weight: 700;
border-radius: 25px;
transition: 0.3s;
}
@media (max-width: 1023px) {
.cms-centre-instruire .block.block-configurator .block-actions .action-primary {
margin: 0 auto;
}
}
.cms-centre-instruire .block.block-configurator .block-actions .action-primary:hover {
color: #0c5da8;
background-color: #ffffff;
}
.cms-centre-instruire .block.block-configurator .block-actions .action-primary:hover > span:after {
border-color: #0c5da8;
}
.cms-centre-instruire .block.block-configurator .block-actions .action-primary > span:after {
border: solid #ffffff;
border-width: 0 2px 2px 0;
top: 60%;
}
.cms-centre-instruire .block.block-configurator .block-title {
margin-bottom: 20px;
}
.cms-centre-instruire .block.block-configurator .block-description {
font-size: 24px;
}
.cms-centre-instruire .block.block-configurator .block-actions {
margin-top: auto;
}
.cms-centre-instruire .block.block-configurator .block-actions .action-primary {
border: 2px solid #ffffff;
color: #ffffff;
width: 205px;
height: 50px;
font: normal normal 700 18px/48px 'Lato', 'Open Sans';
border-radius: 25px;
transition: 0.3s;
background: transparent;
padding: 0;
margin: 0;
text-align: center;
}
.cms-centre-instruire .block.block-configurator .block-actions .action-primary:hover {
color: #00469e;
background-color: #ffffff;
text-decoration: none;
}
.cms-centre-instruire .block.block-configurator .block-actions .action-primary:hover:after {
border-color: #00469e;
}
.cms-centre-instruire .block.block-configurator .block-actions .action-primary:after {
border: solid #fff;
border-width: 0 2px 2px 0;
display: inline-block;
transform: rotate(-45deg);
content: '';
position: relative;
top: -2px;
width: 4px;
height: 4px;
}
.cms-centre-instruire .block.block-configurator .block-image-container .block-image > img {
border-radius: 0;
}
.cms-centre-instruire .cms-title {
display: flex;
background: url(../images/training-bgr-mobile.jpg);
width: 100%;
background-size: cover;
align-items: center;
font-size: 52px;
color: #FFFFFF;
justify-content: center;
font-weight: bold;
margin: 0;
border-radius: 20px;
position: relative;
min-height: 326px;
}
@media (max-width: 768px) {
.cms-centre-instruire .cms-title:before {
content: '';
position: absolute;
width: 100%;
height: 40px;
top: 0;
left: 0;
background: #00469E;
z-index: -1;
}
}
.cms-centre-instruire .cms-title:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #333e589e;
z-index: 1;
border-radius: inherit;
}
.cms-centre-instruire .cms-title span {
max-width: 540px;
text-align: center;
margin-bottom: 30px;
position: relative;
z-index: 2;
}
.cms-centre-instruire .row-desc {
text-align: center;
}
.cms-centre-instruire .row-desc .row-block {
display: inline-block;
background: #fff;
max-width: 812px;
height: 230px;
border-radius: 20px;
transform: translateY(-55px);
font-size: 18px;
padding: 45px 10px 10px;
box-sizing: border-box;
margin-bottom: -40%;
position: relative;
z-index: 2;
}
.cms-centre-instruire .row-desc .button-scroll {
display: flex;
justify-content: space-around;
margin-top: 50px;
}
.cms-centre-instruire .row-desc .button-scroll a {
color: #000;
max-width: 170px;
font: normal normal bold 16px/18px Lato;
}
.cms-centre-instruire .row-desc .button-scroll a:after {
content: "";
display: block;
box-sizing: border-box;
width: 10px;
height: 10px;
border-bottom: 2px solid;
border-right: 2px solid;
transform: rotate(45deg);
margin: 10px auto 0;
}
.cms-centre-instruire .cms-row {
max-width: 1640px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.cms-centre-instruire .cms-left,
.cms-centre-instruire .cms-right {
flex: 0 0 calc(50% - 8px);
box-sizing: border-box;
}
.cms-centre-instruire .cms-left p,
.cms-centre-instruire .cms-right p {
font-size: 16px;
line-height: 24px;
max-width: 625px;
}
.cms-centre-instruire .cms-left h3,
.cms-centre-instruire .cms-right h3 {
font-size: 42px;
font-weight: bold;
margin-bottom: 0;
margin-top: 0;
}
.cms-centre-instruire .cms-left h5,
.cms-centre-instruire .cms-right h5 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.cms-centre-instruire .line {
width: 64px;
height: 6px;
background: #30c6ff 0% 0% no-repeat padding-box;
border-radius: 5px;
margin-bottom: 20px;
}
.cms-centre-instruire .text-block {
display: flex;
flex-direction: column;
justify-content: center;
}
@media (max-width: 768px) {
.cms-centre-instruire .text-block p.below-p {
display: none;
}
}
@media (max-width: 768px) {
.cms-centre-instruire .text-block {
padding: 0 24px;
}
}
.cms-centre-instruire .cms-row img {
border-radius: 30px;
}
@media (max-width: 768px) {
.cms-centre-instruire .images {
display: flex;
}
.cms-centre-instruire .images.abs-visually-hidden-desktop {
padding: 0 25px;
}
.cms-centre-instruire .images img {
max-width: 49%;
}
.cms-centre-instruire .images img + img {
margin-left: auto;
}
}
.cms-centre-instruire .pentru-apa {
position: relative;
margin-top: 40px;
}
.cms-centre-instruire .kafune {
position: relative;
}
.cms-centre-instruire .kafune .cms-row {
margin-top: 55px;
}
.cms-centre-instruire .kafune .cms-right h3 {
padding-top: 30px;
}
.cms-centre-instruire .kafune .cms-right .img-row {
text-align: center;
margin-top: 45px;
max-width: 625px;
}
.cms-centre-instruire .cms-recent-blog {
margin-top: 25px;
background: #f6f6f6;
position: relative;
}
.cms-centre-instruire .cms-recent-blog .blog-widget-recent {
overflow: hidden;
padding-top: 30px;
}
.cms-centre-instruire .cms-post-item {
box-shadow: 0px 0px 10px #00469E26;
}
.cms-centre-instruire .cms-post-item img {
border-radius: 10px;
}
.cms-centre-instruire .cms-post-item .post-title {
min-height: 56px;
padding: 10px 40px;
margin-top: 30px;
margin-bottom: 15px;
}
.cms-centre-instruire .cms-post-item .post-ftimg-hld {
height: 203px;
overflow: hidden;
border-radius: 10px;
}
.cms-centre-instruire .cms-post-item .post-item-link {
font: normal normal bold 21px/28px Lato;
color: #000;
}
.cms-centre-instruire .cms-post-item .post-content .post-read-more {
font: normal normal bold 16px/22px Open Sans;
float: none;
padding: 0 40px;
color: #00469E;
display: block;
margin-bottom: 28px;
}
.cms-centre-instruire .cms-post-item .post-content .post-read-more:after {
border: solid #00469E;
border-width: 0 2px 2px 0;
display: inline-block;
transform: rotate(-45deg);
content: '';
position: relative;
top: -2px;
width: 4px;
height: 4px;
}
.cms-centre-instruire .blog-link {
text-align: center;
margin: 40px auto;
}
@media (max-width: 768px) {
.cms-centre-instruire .blog-link {
width: calc(100vw - 20px);
position: relative;
left: -10px;
}
}
.cms-centre-instruire .blog-link a {
width: max-content;
background: #ffffff;
padding: 0 32px;
}
.cms-centre-instruire .blog-link a > span:after {
top: 55%;
}
.cms-centre-instruire .post-list-slider {
overflow: visible;
}
@media (max-width: 768px) {
.cms-centre-instruire .post-list-slider {
margin-left: 20px;
width: calc(81vw - 20px);
}
.cms-centre-instruire .post-list-slider .cms-post-item {
border-radius: 17px;
border: 7px solid #fff;
box-sizing: border-box;
}
.cms-centre-instruire .post-list-slider .cms-post-item .post-title {
padding: 0 15px;
margin-top: -10px;
margin-bottom: 10px;
}
.cms-centre-instruire .post-list-slider .cms-post-item .post-item-link {
font-size: 18px;
}
.cms-centre-instruire .post-list-slider .cms-post-item .post-content .post-read-more {
padding: 0 15px;
}
}
.cms-centre-instruire .main .swiper-pagination-horizontal.swiper-pagination-bullets {
position: relative;
margin-top: 40px;
width: 100vw;
left: -20px;
}
.assistance-page .block.block-configurator {
display: flex;
padding: 40px 0;
position: relative;
margin-bottom: 50px;
max-width: 1640px;
margin: 50px auto;
}
@media (max-width: 1023px) {
.assistance-page .block.block-configurator {
flex-direction: column;
background: none;
padding: 0 10px;
margin-bottom: 40px;
}
}
.assistance-page .block.block-configurator .block-info {
color: #ffffff;
background-color: #0c5da8;
width: 50%;
padding: 70px 40px 40px;
text-align: left;
box-sizing: border-box;
display: flex;
flex-direction: column;
z-index: 1;
}
@media (max-width: 1639px) {
.assistance-page .block.block-configurator .block-info {
padding: 55px 40px 40px;
}
}
@media (max-width: 1023px) {
.assistance-page .block.block-configurator .block-info {
padding: 40px 20px;
width: 100%;
text-align: center;
}
}
@media (max-width: 479px) {
.assistance-page .block.block-configurator .block-info {
padding: 40px 15px;
}
}
.assistance-page .block.block-configurator .block-title {
font-size: 48px;
line-height: 57px;
color: #ffffff;
}
@media (max-width: 1639px) {
.assistance-page .block.block-configurator .block-title {
font-size: 38px;
line-height: 45px;
}
}
@media (max-width: 1439px) {
.assistance-page .block.block-configurator .block-title {
font-size: 30px;
line-height: 34px;
}
}
@media (max-width: 479px) {
.assistance-page .block.block-configurator .block-title {
font-size: 28px;
}
}
.assistance-page .block.block-configurator .block-description {
line-height: 30px;
color: #ffffff;
margin-bottom: 40px;
}
@media (max-width: 1639px) {
.assistance-page .block.block-configurator .block-description {
font-size: 20px;
}
}
@media (max-width: 1439px) {
.assistance-page .block.block-configurator .block-description {
font-size: 18px;
line-height: 25px;
}
}
@media (max-width: 479px) {
.assistance-page .block.block-configurator .block-description {
font-size: 16px;
line-height: 22px;
}
}
.assistance-page .block.block-configurator .block-image-container {
position: relative;
width: 50%;
}
@media (max-width: 1023px) {
.assistance-page .block.block-configurator .block-image-container {
display: none;
}
}
.assistance-page .block.block-configurator .block-image-container .banner-ring {
content: '';
position: absolute;
top: -30px;
left: -7%;
border: 20px solid #00469e;
height: calc(100% + 60px);
width: 35%;
box-sizing: border-box;
border-radius: 75px;
transform: translate(0);
transition: 0.3s;
}
@media (max-width: 1023px) {
.assistance-page .block.block-configurator .block-image-container .banner-ring {
display: none;
}
}
.assistance-page .block.block-configurator .block-image-container .banner-ring:hover {
border-radius: 10px;
}
.assistance-page .block.block-configurator .block-image-container .block-image {
width: 100%;
height: 100%;
}
.assistance-page .block.block-configurator .block-image-container .block-image > img {
height: 100%;
}
.assistance-page .block.block-configurator .block-actions .action-primary {
margin: auto 0 0;
border: 2px solid #ffffff;
color: #ffffff;
width: 205px;
height: 50px;
line-height: 46px;
font-size: 18px;
font-weight: 700;
border-radius: 25px;
transition: 0.3s;
}
@media (max-width: 1023px) {
.assistance-page .block.block-configurator .block-actions .action-primary {
margin: 0 auto;
}
}
.assistance-page .block.block-configurator .block-actions .action-primary:hover {
color: #0c5da8;
background-color: #ffffff;
}
.assistance-page .block.block-configurator .block-actions .action-primary:hover > span:after {
border-color: #0c5da8;
}
.assistance-page .block.block-configurator .block-actions .action-primary > span:after {
border: solid #ffffff;
border-width: 0 2px 2px 0;
top: 60%;
}
.assistance-page .block.block-configurator .block-title {
margin-bottom: 20px;
}
.assistance-page .block.block-configurator .block-description {
font-size: 24px;
}
.assistance-page .block.block-configurator .block-actions {
margin-top: auto;
}
.assistance-page .block.block-configurator .block-actions .action-primary {
border: 2px solid #ffffff;
color: #ffffff;
width: 205px;
height: 50px;
font: normal normal 700 18px/48px "Lato", "Open Sans";
border-radius: 25px;
transition: 0.3s;
background: transparent;
padding: 0;
margin: 0;
text-align: center;
}
.assistance-page .block.block-configurator .block-actions .action-primary:hover {
color: #00469e;
background-color: #ffffff;
text-decoration: none;
}
.assistance-page .block.block-configurator .block-actions .action-primary:hover:after {
border-color: #00469e;
}
.assistance-page .block.block-configurator .block-actions .action-primary:after {
border: solid #fff;
border-width: 0 2px 2px 0;
display: inline-block;
transform: rotate(-45deg);
content: "";
position: relative;
top: -2px;
width: 4px;
height: 4px;
}
.assistance-page .assistance-title {
font-size: 32px;
font-weight: 700;
line-height: 38px;
}
.assistance-page .assistance-subtitle {
font: normal normal normal 24px/32px Lato;
}
.assistance-page .action-button {
display: inline-block;
background: #ffffff 0 0 no-repeat padding-box;
border: 1px solid #00469e;
border-radius: 20px;
width: 200px;
height: 41px;
position: relative;
line-height: 40px;
text-align: center;
color: #00469e;
}
.assistance-page .action-button.auto-width {
width: auto;
}
.assistance-page .action-button:after {
content: "";
border: solid #00469e;
border-width: 0 0 1px 1px;
display: inline-block;
transform: rotate(-135deg);
position: relative;
top: -2px;
width: 4px;
left: 10px;
height: 4px;
}
.assistance-page .action-link {
color: #00469e;
}
.assistance-page .action-link:after {
content: "";
border: solid #00469e;
border-width: 0 0 1px 1px;
display: inline-block;
transform: rotate(-135deg);
position: relative;
top: -2px;
width: 4px;
left: 4px;
height: 4px;
}
.assistance-page .cms-block-title {
background: url(../images/asistenta-bgr.jpg) no-repeat;
min-height: 321px;
background-size: 100% 100%;
border-radius: 20px;
margin-top: -20px;
padding-top: 25px;
}
.assistance-page .cms-title {
font: normal normal normal 42px/46px Lato;
color: #fff;
padding: 0 20px;
text-align: center;
}
.assistance-page .cms-title .strong {
font-weight: bold;
display: block;
}
.assistance-page .cms-row {
display: flex;
flex-direction: column;
}
.assistance-page .assistance-contact {
position: relative;
z-index: 2;
}
.assistance-page .contact-info-block {
display: flex;
flex-direction: column;
margin: 0 22px;
box-shadow: 0px 0px 30px #00469e26;
box-sizing: border-box;
padding: 22px;
margin-top: -65px;
background: #fff;
border-radius: 28px;
}
.assistance-page .contact-info {
padding-left: 70px;
margin: 13px 0;
}
.assistance-page .contact-info .contact-title {
font-size: 21px;
font-weight: bold;
margin-bottom: 10px;
}
.assistance-page .contact-info .contact-title.smaller {
font-size: 18px;
}
.assistance-page .contact-info.email {
background: url("../images/email.svg") no-repeat;
background-position: left -6px;
}
.assistance-page .contact-info.phone {
background: url("../images/phone.svg") no-repeat;
background-position: left -1px;
}
.assistance-page .contact-info.location {
background: url("../images/location.svg") no-repeat;
background-position: left 2px;
}
.assistance-page .contact-info .contact-detail {
font-size: 14px;
}
.assistance-page .contact-info .contact-detail a {
color: #000;
text-decoration: underline;
}
.assistance-page .guide-n-cert {
margin-top: 30px;
}
.assistance-page .guide-n-cert > div {
background: #00469e 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 30px #00469e26;
border: 5px solid #ffffff;
border-radius: 30px;
padding: 20px;
color: #fff;
padding-right: 110px;
position: relative;
}
.assistance-page .guide-n-cert > div:after {
content: "";
position: absolute;
top: 0;
right: 30px;
height: 100%;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
.assistance-page .guide-n-cert .user-guide {
margin-bottom: 13px;
}
.assistance-page .guide-n-cert .user-guide:after {
width: 50px;
background-image: url(../images/menu_book_FILL0_wght.svg);
}
.assistance-page .guide-n-cert .cert:after {
width: 38px;
background-image: url("../images/workspace_premium_FI.svg");
}
.assistance-page .guide-n-cert .title {
font: normal normal bold 24px/29px Lato;
margin: 7px 0 15px;
}
.assistance-page .guide-n-cert .desc {
font: normal normal normal 16px/24px Lato;
}
.assistance-page .guide-n-cert .action-button {
padding: 0 35px;
margin: 10px 0 20px;
}
.assistance-page .cms-asistenta-nav {
background: #f6f6f6 0% 0% no-repeat padding-box;
margin-top: 40px;
padding: 0 0 40px;
}
.assistance-page .cms-asistenta-nav .nav-block-title {
font: normal normal bold 32px/39px Lato;
margin: 35px 25px;
text-align: center;
}
.assistance-page .cms-asistenta-nav .nav-grid {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 24px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav {
width: 48%;
background: #ffffff no-repeat center 35px;
background-size: 40px;
border-radius: 20px;
margin-bottom: 20px;
text-align: center;
padding: 100px 0 30px;
box-shadow: 0px 0px 30px #00469e26;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(1) {
background-image: url("../images/account_circle.svg");
background-size: 40px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(2) {
background-image: url("../images/card_membership.svg");
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(3) {
background-image: url("../images/category.svg");
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav:nth-child(4) {
background-image: url("../images/shopping_bag.svg");
background-size: 33px;
}
.assistance-page .cms-asistenta-nav .nav-grid .block-nav .nav-title {
text-align: center;
font: normal normal bold 18px/22px Lato;
margin-bottom: 15px;
}
.assistance-page .assistance-content {
display: flex;
flex-wrap: wrap;
}
.assistance-page .assistance-main-content {
width: 100%;
box-sizing: border-box;
}
.assistance-page .assistance-sidebar {
width: 100%;
}
@media only screen and (min-width: 1024px) {
.assistance-page .assistance-main-content {
width: 73%;
}
.assistance-page .assistance-sidebar {
width: 24.3%;
}
}
.sidebar-assistance-block {
border-radius: 30px 30px 0 0;
background: #f6f6f6;
margin-top: -30px;
z-index: 1;
position: relative;
padding: 15px 0;
}
.sidebar-assistance-block .actions-toolbar {
font-weight: bold;
margin-left: 32px;
padding: 19px 0;
}
.sidebar-assistance-block .actions-toolbar a {
font-size: 14px;
color: #000;
}
.sidebar-assistance-block .list-assistance-block {
display: flex;
flex-direction: column;
position: relative;
padding-bottom: 20px;
min-height: 40px;
}
.sub-list-assistance,
.list-assistance:not(.level-1-active) {
display: flex;
flex-direction: column;
box-sizing: border-box;
background-color: white;
border-radius: 20px;
position: absolute;
top: 0;
left: 32px;
right: 32px;
}
.sub-list-assistance .assistance-item,
.list-assistance:not(.level-1-active) .assistance-item {
order: 1;
border-bottom: 1px solid rgba(112, 112, 112, 0.1);
position: relative;
margin: 0 32px;
}
.sub-list-assistance .assistance-item:not(.current),
.list-assistance:not(.level-1-active) .assistance-item:not(.current) {
height: 40px;
line-height: 40px;
}
.sub-list-assistance .assistance-item.current,
.list-assistance:not(.level-1-active) .assistance-item.current {
display: block;
order: 0;
border-bottom: 0;
border-radius: 20px;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 5px #00469e26;
margin: 0;
text-indent: 32px;
height: 40px;
line-height: 40px;
}
.sub-list-assistance .assistance-item.current > a,
.list-assistance:not(.level-1-active) .assistance-item.current > a {
display: block;
}
.sub-list-assistance .assistance-item.current:after,
.list-assistance:not(.level-1-active) .assistance-item.current:after {
border: solid #00469e;
border-width: 0 2px 2px 0;
display: inline-block;
transform: rotate(45deg);
content: "";
position: absolute;
top: 46%;
width: 4px;
height: 4px;
right: 20px;
pointer-events: none;
}
.sub-list-assistance.level-1-active .level-0.current > a,
.list-assistance:not(.level-1-active).level-1-active .level-0.current > a {
display: none;
}
.sub-list-assistance.level-1-active .level-0.current:after,
.list-assistance:not(.level-1-active).level-1-active .level-0.current:after {
display: none;
}
.sub-list-assistance.opened,
.list-assistance:not(.level-1-active).opened {
box-shadow: 0px 1px 5px #00469e26;
}
.sub-list-assistance.opened .current,
.list-assistance:not(.level-1-active).opened .current {
margin-bottom: 3px;
}
.list-assistance {
list-style: none;
padding: 0;
}
.list-assistance ul {
list-style: none;
}
.list-assistance .assistance-item {
font-size: 14px;
display: none;
}
.list-assistance .assistance-item a {
color: #000;
font-weight: 400;
}
.list-assistance .assistance-item.current {
display: block;
}
.list-assistance .assistance-item.current > a {
color: #00469e;
font-weight: 600;
}
.list-assistance .assistance-item .current-page h3 {
font: normal normal bold 14px/32px Lato;
}
.list-assistance .assistance-item .active {
font: normal normal bold 18px/32px Lato;
}
.list-assistance.level-0-active .sub-list-assistance {
display: none;
}
.list-assistance.level-1-active > .assistance-item {
display: none;
}
.list-assistance.level-1-active > .assistance-item.current {
display: block;
border-top: none;
}
.list-assistance.level-1-active > .assistance-item.current > .sub-list-assistance {
padding: 0;
}
.list-assistance.level-1-active > .assistance-item.current > a {
display: none;
}
.assistance-produse .cate-title {
font: normal normal bold 18px/34px Lato;
}
.assistance-produse .block-cate-wrapper {
margin: 33px 24px;
padding: 10px 24px 10px 128px;
background: #f6f6f6 0% 0% no-repeat padding-box;
border-radius: 20px;
position: relative;
height: 121px;
display: flex;
flex-direction: column;
justify-content: center;
width: calc(100% - 48px);
box-sizing: border-box;
}
.assistance-produse .block-cate-wrapper img {
position: absolute;
left: 40px;
bottom: 20px;
height: 160px;
}
.assistance-produse .block-cate-wrapper:nth-child(3) img {
height: 130px;
left: 25px;
}
.assistance-produse .block-cate-wrapper:nth-child(4) img {
height: 130px;
left: 15px;
}
.assistance-produse .action-link {
font-weight: bold;
margin-bottom: 10px;
}
.second-assistance-page .assistance-block-title,
.assistance-produse .assistance-block-title {
margin: 30px 24px 55px;
}
.second-assistance-page .second-assistance-page .list-faq-section-1 {
margin-bottom: 77px;
}
.second-assistance-page .faq-block-title {
margin: 65px 24px;
}
.second-assistance-page .faq-block-title h1 {
font-size: 32px;
font-weight: bold;
}
.second-assistance-page .row-faq {
width: 65%;
border-bottom: 1px solid #001d3a;
padding-bottom: 24px;
color: #001d3a;
}
@media (max-width: 767px) {
.second-assistance-page .row-faq {
width: auto;
margin: 0 24px;
}
}
.second-assistance-page .row-faq .child-title {
text-align: left;
font-size: 24px;
font-weight: 700;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
@media (max-width: 767px) {
.second-assistance-page .row-faq .child-title {
padding-right: 25px;
}
}
.second-assistance-page .row-faq .content-block {
padding-right: 32px;
}
@media (max-width: 767px) {
.second-assistance-page .row-faq .content-block {
padding-right: 0;
}
}
.second-assistance-page .row-faq .tutoriale-title {
position: relative;
}
.second-assistance-page .row-faq .tutoriale-title:after {
position: absolute;
right: 0;
top: 0;
display: block;
content: "\2192";
font-weight: 900;
font-size: 15px;
color: #000000;
}
.second-assistance-page .row-faq .faq-title {
position: relative;
}
.second-assistance-page .row-faq .faq-title:after {
position: absolute;
right: 0;
top: 0;
display: block;
content: "";
background-image: url("../images/tab_expand_icon.svg");
background-size: cover;
width: 24px;
height: 24px;
}
.second-assistance-page .row-faq.active .faq-title:after {
background-image: url("../images/tab_close_icon.svg");
}
.sa-faq {
margin: 40px 24px 0;
max-width: 692px;
}
.sa-faq p {
font: normal normal normal 18px/28px Lato;
}
.sa-faq .img-block {
box-shadow: 0px 0px 30px #00469e26;
margin-bottom: 30px;
}
.sa-faq .img-block.over-width {
margin-left: -24px;
margin-right: -24px;
}
.sa-faq .img-block.no-box-shadow {
box-shadow: none;
}
.sa-faq .img-block video {
height: auto;
border: 1px solid #eee;
}
.faq-like {
background: #f6f6f6 0% 0% no-repeat padding-box;
margin: 0 24px;
border-radius: 30px;
padding: 20px 0 40px;
}
.like-title {
font: normal normal bold 20px/32px Lato;
padding: 0 30px;
text-align: center;
}
.faq-actions {
padding: 0 50px;
display: flex;
justify-content: space-between;
}
.faq-button {
display: inline-flex;
align-items: center;
}
.faq-button a {
width: 48px;
height: 48px;
background-image: url("../images/like-icon.svg");
background-size: 100%;
display: inline-block;
}
.faq-button a.dislike {
transform: rotate(180deg);
}
.user-cert-assistance-content .assistance-block-title {
margin: 40px 0;
}
.user-cert-assistance-content .uc-wrapper {
margin-left: 24px;
margin-right: 24px;
max-width: 750px;
}
.user-cert-assistance-content .uc-wrapper .row-uc {
margin-bottom: 32px;
}
.user-cert-assistance-content .child-title {
font-size: 24px;
font-weight: 500;
line-height: 29px;
position: relative;
margin: 0 0 24px 0;
cursor: pointer;
}
@media (max-width: 640px) {
.user-cert-assistance-content .child-title {
padding-right: 20px;
}
}
.user-cert-assistance-content .accordion .child-title:after {
border: solid #000;
border-width: 0px 2px 2px 0;
display: inline-block;
transform: rotate(45deg);
content: "";
position: absolute;
top: 10px;
right: 0;
width: 6px;
height: 6px;
}
.user-cert-assistance-content .accordion .active .child-title:after {
transform: rotate(-135deg);
}
.user-cert-assistance-content .file-row {
display: flex;
padding-left: 45px;
background: url(../images/pdf-icon.svg) no-repeat left top;
position: relative;
flex-wrap: wrap;
align-content: baseline;
padding-bottom: 22px;
border-bottom: 1px solid #0000004d;
box-sizing: border-box;
margin-bottom: 22px;
}
.user-cert-assistance-content .file-row:last-child {
margin-bottom: 0;
}
.user-cert-assistance-content .file-row > a {
font-size: 16px;
text-decoration: underline;
color: #00469e;
margin-top: 10px;
}
.user-cert-assistance-content .file-name {
font-size: 16px;
width: 100%;
line-height: 20px;
margin-bottom: 4px;
}
.user-cert-assistance-content .format-n-size {
color: #000000b3;
font-size: 12px;
line-height: 15px;
width: 100%;
}
.cms-despre-noi .column.main .block {
margin: 0 auto;
text-align: start;
}
.cms-despre-noi .column.main .block.float-menu {
position: fixed;
left: 60px;
top: 50%;
transform: translate(0, -50%);
z-index: 1;
opacity: 0;
transition: 1s all ease;
}
.cms-despre-noi .column.main .block.float-menu.active {
opacity: 1;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.float-menu {
display: none;
}
}
.cms-despre-noi .column.main .block.float-menu .menu-item {
display: flex;
align-items: flex-start;
gap: 20px;
list-style: none;
margin: 0;
padding-bottom: 20px;
border-left: solid 2px #40c7fc;
transition: 0.3s;
}
.cms-despre-noi .column.main .block.float-menu .menu-item::before {
content: "";
display: block;
width: 23px;
height: 23px;
border-radius: 50%;
background-color: #ffffff;
margin-left: -12px;
}
.cms-despre-noi .column.main .block.float-menu .menu-item > a {
font-size: 21px;
line-height: 22px;
text-decoration: none !important;
color: #ffffff !important;
}
.cms-despre-noi .column.main .block.float-menu .menu-item.active {
padding: 60px 0;
}
.cms-despre-noi .column.main .block.float-menu .menu-item.active:first-child {
padding-top: 0;
}
.cms-despre-noi .column.main .block.float-menu .menu-item.active:last-child {
padding-bottom: 0;
}
.cms-despre-noi .column.main .block.float-menu .menu-item.active::before {
background-color: #40c7fc;
width: 31px;
height: 31px;
margin-left: -16px;
border: solid 3px #ffffff;
box-sizing: border-box;
}
.cms-despre-noi .column.main .block.float-menu .menu-item.active > a {
font-size: 42px;
font-weight: 700;
line-height: 26px;
}
.cms-despre-noi .column.main .block.block-despre-noi-header {
padding: 60px 25px 0;
position: relative;
background-color: #ffffff;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
margin-top: -25px;
height: auto;
margin-bottom: 100px;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi-header {
margin-bottom: 50px;
}
}
.cms-despre-noi .column.main .block.block-despre-noi-header > img {
display: block;
margin: 0 auto;
}
.cms-despre-noi .column.main .block.block-despre-noi-header .block-overlay {
position: absolute;
background: linear-gradient(to bottom, #f0f7ff 100%, #ffffff 50%);
opacity: 0.2;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: inherit;
}
.cms-despre-noi .column.main .block.block-despre-noi-header .block-info {
max-width: 812px;
margin: 50px auto 0;
}
.cms-despre-noi .column.main .block.block-despre-noi-header .block-info .block-title {
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #0d0d0d;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi-header .block-info .block-title {
font-size: 16px;
}
}
.cms-despre-noi .column.main .block.block-despre-noi-header .block-info .block-description {
font-size: 16px;
line-height: 24px;
color: #0d0d0d;
}
.cms-despre-noi .column.main .block.block-despre-noi {
background-color: #00469e;
width: 100%;
height: 100vh;
position: relative;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi {
background-color: #ffffff;
height: auto;
}
}
.cms-despre-noi .column.main .block.block-despre-noi > img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.8;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi > img {
display: none;
}
}
.cms-despre-noi .column.main .block.block-despre-noi .block-info {
display: flex;
align-items: flex-start;
gap: 35px;
padding: 30px;
background-color: #ffffff;
position: absolute;
max-width: 812px;
bottom: 25px;
left: 50%;
transform: translate(-50%, 0);
border-radius: 30px;
}
@media (max-width: 1439px) {
.cms-despre-noi .column.main .block.block-despre-noi .block-info {
transform: unset;
max-width: unset;
display: flex;
flex-direction: column;
right: 25px;
align-items: center;
}
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi .block-info {
position: relative;
flex-direction: column;
left: 0;
right: 0;
bottom: 0;
padding: 0;
margin-bottom: 40px;
}
}
.cms-despre-noi .column.main .block.block-despre-noi .block-info > img {
border-radius: inherit;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi .block-info > img {
width: 100%;
max-height: 370px;
}
}
.cms-despre-noi .column.main .block.block-despre-noi .block-info .block-info-details {
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi .block-info .block-info-details {
padding: 0 25px;
}
}
.cms-despre-noi .column.main .block.block-despre-noi .block-info .block-info-details .block-title {
font-size: 52px;
line-height: 60px;
font-weight: 700;
color: #00469e;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi .block-info .block-info-details .block-title {
font-size: 42px;
}
}
.cms-despre-noi .column.main .block.block-despre-noi .block-info .block-info-details .block-subtitle {
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #000000;
margin: 10px 0 20px;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi .block-info .block-info-details .block-subtitle {
font-size: 21px;
}
}
.cms-despre-noi .column.main .block.block-despre-noi .block-info .block-info-details .block-description {
font-size: 18px;
line-height: 28px;
color: #0d0d0d;
}
@media (max-width: 767px) {
.cms-despre-noi .column.main .block.block-despre-noi .block-info .block-info-details .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-black-friday-b2b {
background-color: #000000;
color: #ffffff;
}
.cms-black-friday-b2b > .widget.block-static-block {
display: none;
}
.cms-black-friday-b2b .page-header {
display: none;
}
.cms-black-friday-b2b .breadcrumbs {
display: none;
}
.cms-black-friday-b2b .page-footer {
display: none;
}
.cms-black-friday-b2b .page-main:after {
display: none;
}
.cms-black-friday-b2b .bf-header {
position: absolute;
top: 0;
width: 100%;
height: 100px;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(5px);
z-index: 10;
font-family: 'Lato';
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header {
height: 80px;
}
}
.cms-black-friday-b2b .bf-header .bf-header-content {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 1366px;
margin: 30px auto;
padding: 0 37px;
box-sizing: border-box;
max-width: 100%;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header .bf-header-content {
margin: 20px auto;
}
}
.cms-black-friday-b2b .bf-header .bf-header-content .logo-white {
width: 125px;
}
.cms-black-friday-b2b .bf-header .bf-header-content .action-back {
color: #ffffff;
background-color: #00469e;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 145px;
height: 40px;
border-radius: 10px;
transition: 0.3s;
text-decoration: none;
}
.cms-black-friday-b2b .bf-header .bf-header-content .action-back:hover {
background-color: #001D3A;
}
.cms-black-friday-b2b .bf-header-menu .list-item {
display: flex;
justify-content: center;
width: max-content;
margin: 0 auto;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cms-black-friday-b2b .bf-header-menu .list-item .item {
font-size: 18px;
color: #ffffff;
margin: 0 18px;
padding-bottom: 15px;
position: relative;
}
.cms-black-friday-b2b .bf-header-menu .list-item .item:hover {
text-decoration: none;
}
.cms-black-friday-b2b .bf-header-menu .list-item .item:first-child {
margin-left: 0;
}
.cms-black-friday-b2b .bf-header-menu .list-item .item:last-child {
margin-right: 0;
}
.cms-black-friday-b2b .bf-header-menu .list-item .item.active:after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #ffffff;
}
.cms-black-friday-b2b .bf-header-menu.bf-header-desktop-menu {
display: block;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-menu.bf-header-desktop-menu {
display: none;
}
}
.cms-black-friday-b2b .bf-header-menu.bf-header-mobile-menu {
display: none;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-menu.bf-header-mobile-menu {
display: block;
margin-bottom: 25px;
}
}
.cms-black-friday-b2b .bf-header-banner {
width: 100%;
background-color: #000000;
font-family: 'Lato';
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container {
display: block;
width: 100%;
max-width: 1366px;
height: 768px;
margin: 0 auto;
position: relative;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container {
height: 815px;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-image {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-image > img {
width: 100%;
height: 100%;
object-fit: contain;
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-image-desktop {
display: block;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-image-desktop {
display: none;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-image-mobile {
display: none;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-image-mobile {
display: block;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content {
position: absolute;
bottom: 20px;
left: 50px;
max-width: 515px;
color: #ffffff;
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content {
bottom: 70px;
}
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content {
bottom: 0;
top: 95px;
left: 0;
width: 100%;
max-width: none;
padding: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-info {
text-align: left;
margin-bottom: 65px;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-info {
padding: 0 25px;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-info .header-banner-title {
font-size: 48px;
line-height: 60px;
font-weight: 700;
color: #ffffff;
margin-bottom: 65px;
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-info .header-banner-title {
font-size: 36px;
line-height: 42px;
max-width: 310px;
}
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-info .header-banner-title {
font-size: 24px;
line-height: 27px;
max-width: none;
text-align: center;
margin-bottom: 8px;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-info .header-banner-title-highlight {
color: #40c7fc;
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-info .header-banner-description {
font-size: 24px;
line-height: 32px;
font-weight: 500;
color: #ffffff;
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-info .header-banner-description {
font-size: 18px;
line-height: 26px;
max-width: 290px;
}
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-info .header-banner-description {
font-size: 14px;
line-height: 20px;
text-align: center;
max-width: none;
}
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown {
margin-top: auto;
text-align: center;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(5px);
padding: 25px 0 15px;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .countdown-title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 15px;
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .countdown-title {
font-size: 18px;
margin-bottom: 10px;
line-height: 22px;
}
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .countdown-title {
font-size: 14px;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .countdown {
margin-bottom: 80px;
margin-left: -8px;
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .countdown {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .countdown {
margin-bottom: 15px;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .num::after {
font-size: 32px;
font-weight: 400;
padding: 0 12px;
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .num::after {
font-size: 22px;
padding: 0 7px;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .num .digit {
color: #ffffff;
font-size: 46px;
font-weight: 900;
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 90px;
background-color: #00469e;
border-radius: 10px;
margin: 0 3px;
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .num .digit {
font-size: 31px;
font-weight: 900;
width: 40px;
height: 60px;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .word {
padding: 0 5px;
margin-top: 8px;
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .word {
font-size: 14px !important;
margin-top: 10px;
}
}
.cms-black-friday-b2b .bf-header-banner .bf-header-banner-container .bf-header-banner-content .header-banner-countdown .campain-time {
font-size: 12px;
line-height: 15px;
}
.cms-black-friday-b2b .block {
margin: 0 auto;
text-align: center;
}
.cms-black-friday-b2b .block img {
display: block;
}
.cms-black-friday-b2b .block .block-actions {
margin-top: auto;
}
.cms-black-friday-b2b .block .block-actions .action-primary {
width: 160px;
height: 50px;
line-height: 22px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
border: 1px solid #00469e;
border-radius: 25px;
text-decoration: none;
color: #00469e;
background-color: #ffffff;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-black-friday-b2b .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(93, 206, 255, 0.5);
font-weight: bold;
}
.cms-black-friday-b2b .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-black-friday-b2b .block .block-actions .action-primary > span:after {
border: solid #00469e;
border-width: 0 2px 2px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 55%;
}
.cms-black-friday-b2b .block .block-title {
font-size: 54px;
line-height: 60px;
color: #001d3a;
margin-bottom: 20px;
color: #ffffff;
font-size: 32px;
font-weight: 700;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block .block-title {
font-size: 28px;
line-height: 38px;
}
}
.cms-black-friday-b2b .block .block-description {
font-size: 24px;
line-height: 34px;
color: #001d3a;
color: #ffffff;
font-size: 18px;
line-height: 24px;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-black-friday-b2b .block.bf-services {
padding-bottom: 75px;
overflow: hidden;
max-width: 100%;
background: #2B2B2B;
padding: 50px 0;
}
@media (max-width: 639px) {
.cms-black-friday-b2b .block.bf-services {
padding-bottom: 30px;
}
}
.cms-black-friday-b2b .block.bf-services .swiper-wrapper {
padding-bottom: 55px;
box-sizing: border-box;
}
@media (min-width: 640px) {
.cms-black-friday-b2b .block.bf-services .swiper-wrapper {
flex-wrap: wrap;
padding: 0;
}
}
@media (min-width: 640px) {
.cms-black-friday-b2b .block.bf-services .swiper-pagination {
display: none;
}
}
.cms-black-friday-b2b .block.bf-services .list-item {
max-width: 1640px;
}
@media (min-width: 640px) {
.cms-black-friday-b2b .block.bf-services .list-item {
overflow: visible;
}
}
.cms-black-friday-b2b .block.bf-services .list-item .item {
padding: 20px 25px 0;
box-sizing: border-box;
}
@media (min-width: 640px) {
.cms-black-friday-b2b .block.bf-services .list-item .item {
width: calc(100%/2);
box-sizing: border-box;
border: 1px solid rgba(0, 70, 158, 0.1);
border-right: 0;
border-top: 0;
min-height: 220px;
position: relative;
padding: 20px 30px 25px 35px;
box-shadow: none;
}
}
@media (min-width: 768px) {
.cms-black-friday-b2b .block.bf-services .list-item .item {
padding: 30px 30px 35px 25px;
min-height: 185px;
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item {
padding: 20px 20px 25px 25px;
width: calc(100%/3);
}
}
@media (min-width: 1200px) {
.cms-black-friday-b2b .block.bf-services .list-item .item {
padding: 30px 35px 35px 25px;
}
}
@media (min-width: 1440px) {
.cms-black-friday-b2b .block.bf-services .list-item .item {
padding: 40px 40px 45px 55px;
min-height: 200px;
}
}
@media (min-width: 1640px) {
.cms-black-friday-b2b .block.bf-services .list-item .item {
padding: 40px 60px 45px 75px;
min-height: 210px;
}
}
@media (min-width: 640px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:hover {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 768px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(2) .item-image {
transform: translate(calc(-100% - 10px), -10px);
}
}
@media (min-width: 640px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(2n + 1) {
border-left-width: 0;
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(2n + 1) {
border-left-width: 1px;
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(3n + 1) {
border-left: 0;
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(3n + 1):hover:before {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(3n + 1):hover:after {
display: block;
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(3n + 1):before {
content: '';
display: block;
width: 1000px;
left: 0;
bottom: -1px;
height: 100%;
border-bottom: 1px solid rgba(0, 70, 158, 0.1);
position: absolute;
transform: translateX(-100%);
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(3n + 1):after {
content: '';
display: none;
left: 0;
top: 0;
height: 100%;
background: #ffffff;
width: 60px;
position: absolute;
transform: translateX(-50%);
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(3n):hover:before {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(3n):hover:after {
display: block;
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(3n):before {
content: '';
display: block;
width: 1000px;
right: 0;
bottom: -1px;
height: 100%;
border-bottom: 1px solid rgba(0, 70, 158, 0.1);
position: absolute;
transform: translateX(100%);
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:nth-child(3n):after {
content: '';
display: none;
right: 0;
top: 0;
height: 100%;
background: #ffffff;
width: 60px;
position: absolute;
transform: translateX(50%);
}
}
@media (max-width: 639px) {
.cms-black-friday-b2b .block.bf-services .list-item .item .content {
min-height: 195px;
padding: 20px 20px 30px;
box-sizing: border-box;
box-shadow: 0 3px 20px rgba(70, 107, 135, 0.16);
}
}
.cms-black-friday-b2b .block.bf-services .list-item .item-image {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-image {
position: absolute;
transform: translateX(-100%);
top: 30px;
left: 80px;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-image {
top: 20px;
left: 85px;
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-image {
top: 30px;
}
}
@media (min-width: 1440px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-image {
top: 40px;
left: 95px;
}
}
@media (min-width: 1640px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-image {
left: 100px;
}
}
.cms-black-friday-b2b .block.bf-services .list-item .item-image img {
margin: 0 auto;
}
@media (min-width: 768px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-details {
padding-left: 65px;
text-align: left;
}
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-details {
padding-left: 80px;
}
}
@media (min-width: 1440px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-details {
padding-left: 50px;
}
}
@media (min-width: 1640px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-details {
padding-left: 80px;
}
}
.cms-black-friday-b2b .block.bf-services .list-item .item-details .item-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 12px;
}
@media (min-width: 1024px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-details .item-title {
font-size: 18px;
line-height: 24px;
}
}
@media (min-width: 1440px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-details .item-title {
font-size: 24px;
line-height: 30px;
}
}
.cms-black-friday-b2b .block.bf-services .list-item .item-details .item-description {
font-size: 18px;
line-height: 25px;
}
@media (max-width: 639px) {
.cms-black-friday-b2b .block.bf-services .list-item .item-details .item-description {
font-size: 16px;
line-height: 22px;
}
}
@media (max-width: 639px) {
.cms-black-friday-b2b .block.bf-services {
padding: 25px 0;
}
}
.cms-black-friday-b2b .block.bf-services .list-item {
max-width: 1366px;
}
.cms-black-friday-b2b .block.bf-services .list-item .item {
border-color: #40c7fc !important;
min-height: 230px !important;
}
@media (max-width: 639px) {
.cms-black-friday-b2b .block.bf-services .list-item .item {
border: none !important;
}
}
@media (max-width: 639px) {
.cms-black-friday-b2b .block.bf-services .list-item .item .content {
box-shadow: none;
border: 1px solid #40c7fc;
}
}
@media (min-width: 639px) {
.cms-black-friday-b2b .block.bf-services .list-item .item:hover {
box-shadow: 0 3px 30px rgba(255, 255, 255, 0.4);
background-color: #000000;
}
}
.cms-black-friday-b2b .block.bf-services .list-item .item::before {
display: none !important;
}
.cms-black-friday-b2b .block.bf-services .list-item .item::after {
display: none !important;
}
.cms-black-friday-b2b .block.bf-services .list-item .swiper-pagination .swiper-pagination-bullet {
background-color: transparent;
}
.cms-black-friday-b2b .block.bf-services .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #40c7fc;
}
.cms-black-friday-b2b .block.bf-echipamente,
.cms-black-friday-b2b .block.bf-selectie-produse {
max-width: 1640px;
background-color: #2B2B2B;
padding: 0;
max-width: unset;
padding-top: 50px;
}
.cms-black-friday-b2b .block.bf-echipamente .block-info,
.cms-black-friday-b2b .block.bf-selectie-produse .block-info {
padding: 0 25px;
}
.cms-black-friday-b2b .block.bf-echipamente .block-description,
.cms-black-friday-b2b .block.bf-selectie-produse .block-description {
max-width: 740px;
margin: 0 auto 80px;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-echipamente .block-description,
.cms-black-friday-b2b .block.bf-selectie-produse .block-description {
margin-bottom: 40px;
}
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .block.bf-echipamente .block-content,
.cms-black-friday-b2b .block.bf-selectie-produse .block-content {
padding: 0;
margin-left: 20px;
}
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .block.bf-echipamente .list-item,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item {
margin-right: 20px;
}
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item {
height: auto;
display: flex;
flex-direction: column;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item:hover .item-image:before,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item:hover .item-image:before {
border-radius: 15px;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-image,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-image {
position: relative;
height: 500px;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-image:before,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-image:before {
content: '';
display: block;
position: absolute;
top: 20px;
left: 0;
width: 100%;
height: 400px;
border: 20px solid #e9e9e9;
box-sizing: border-box;
border-radius: 75px;
z-index: -1;
transition: 0.3s;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-image:after,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-image:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 200px;
height: 0;
border-bottom: 20px solid #e9e9e9;
border-radius: 10px;
z-index: -1;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-image img,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-image img {
width: 100%;
height: 440px;
object-fit: contain;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-details,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-details {
padding: 0 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media (max-width: 479px) {
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-details,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-details {
padding: 0 15px;
}
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-details .item-title,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-details .item-title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #0d0d0d;
margin: 30px 0;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-details .item-description,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-details .item-description {
font-size: 14px;
line-height: 24px;
margin-bottom: 30px;
color: #000000;
}
.cms-black-friday-b2b .block.bf-echipamente .block-description,
.cms-black-friday-b2b .block.bf-selectie-produse .block-description {
margin-bottom: 40px;
}
.cms-black-friday-b2b .block.bf-echipamente .block-content,
.cms-black-friday-b2b .block.bf-selectie-produse .block-content {
max-width: 1640px;
margin: 0 auto;
padding: 0 15px;
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .block.bf-echipamente .block-content,
.cms-black-friday-b2b .block.bf-selectie-produse .block-content {
margin: 0;
}
}
@media (max-width: 1023px) {
.cms-black-friday-b2b .block.bf-echipamente .list-item,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item {
margin: 0px;
}
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item {
margin-bottom: 50px;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-image,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-image {
height: 440px;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-image::before,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-image::before {
height: 250px;
top: 80px;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-details .item-title,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-details .item-title {
color: #ffffff;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-details .item-description,
.cms-black-friday-b2b .block.bf-selectie-produse .list-item .item-details .item-description {
color: #ffffff;
font-size: 16px;
}
.cms-black-friday-b2b .block.bf-echipamente .list-item .item-image::before {
height: 180px;
}
.cms-black-friday-b2b .block.bf-offer {
width: 100%;
max-width: 1640px;
margin: 0 auto;
background-color: #000000;
min-height: 350px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 60px 35px;
box-sizing: border-box;
position: relative;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-offer {
flex-direction: column;
padding: 15px 25px 50px;
}
}
.cms-black-friday-b2b .block.bf-offer .block-info {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: start;
max-width: 340px;
padding-left: 50px;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-offer .block-info {
align-items: center;
text-align: center;
padding: 0;
max-width: unset;
}
}
.cms-black-friday-b2b .block.bf-offer .block-info .block-title {
font-size: 36px;
line-height: 48px;
display: block;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-offer .block-info .block-title {
font-size: 28px;
line-height: 33px;
margin-bottom: 25px;
}
}
.cms-black-friday-b2b .block.bf-offer .block-actions {
margin-top: 50px;
}
.cms-black-friday-b2b .block.bf-offer .block-actions .action-primary {
background: transparent;
border: 2px solid #40c7fc;
color: #ffffff;
}
.cms-black-friday-b2b .block.bf-offer .block-actions .action-primary > span::after {
border-color: #ffffff;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-offer .block-actions .action-primary {
font-weight: 700;
}
}
.cms-black-friday-b2b .block.bf-offer .block-actions.action-desktop {
display: flex;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-offer .block-actions.action-desktop {
display: none;
}
}
.cms-black-friday-b2b .block.bf-offer .block-actions.action-mobile {
display: none;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-offer .block-actions.action-mobile {
display: flex;
}
}
.cms-black-friday-b2b .block.bf-offer .block-images {
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-offer .block-images {
width: 100%;
flex-direction: column;
}
}
.cms-black-friday-b2b .block.bf-offer .block-images .block-image-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 35px;
max-width: 330px;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-offer .block-images .block-image-container {
max-width: unset;
}
}
.cms-black-friday-b2b .block.bf-offer .block-images .block-image-container .block-image .block-description {
font-size: 16px;
line-height: 24px;
}
.cms-black-friday-b2b .block.bf-offer .block-images .block-image-divider {
width: 1px;
height: 290px;
background-color: #40c7fc;
transform: rotate(5deg);
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.bf-offer .block-images .block-image-divider {
display: none;
}
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer {
padding-top: 50px;
border: 1px solid #40c7fc;
border-left: none;
border-right: none;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.block-popup-ask-for-offer {
padding-top: 0;
background-color: #2B2B2B;
border: none;
}
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title {
max-width: 812px;
margin: 0 auto;
padding: 0 30px;
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-popup-heading {
color: #ffffff;
font-weight: 700;
text-align: center;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-popup-heading {
font-weight: 500;
font-size: 28px;
line-height: 38px;
}
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-popup-description {
color: #ffffff;
text-align: center;
font-weight: 500;
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content {
margin-top: 50px;
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset {
gap: 15px;
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .field {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 10px;
padding: 0 !important;
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .field .label {
color: #ffffff;
line-height: 17px;
text-align: left;
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .field .control {
width: 100%;
line-height: 19px;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .actions-toolbar .primary {
float: unset;
}
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .actions-toolbar .primary > button,
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .actions-toolbar .primary > .cart.table-wrapper .actions-toolbar > .action,
.cms-black-friday-b2b .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .actions-toolbar .primary > .action-gift {
width: 100%;
}
}
.cms-black-friday-b2b .bf-footer {
background-color: #000000;
min-height: 460px;
box-sizing: border-box;
padding-top: 50px;
border-top: 1px solid #40c7fc;
}
.cms-black-friday-b2b .bf-footer .bf-footer-content {
max-width: 1074px;
margin: 0 auto;
padding: 0 15px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.cms-black-friday-b2b .bf-footer .bf-footer-content .bf-footer-title {
font-family: "Lato";
font-size: 18px;
line-height: 32px;
font-weight: 700;
color: #ffffff;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-footer .bf-footer-content .bf-footer-title {
font-size: 14px;
line-height: 24px;
}
}
.cms-black-friday-b2b .bf-footer .bf-footer-content .bf-footer-info {
margin: 50px 0;
}
.cms-black-friday-b2b .bf-footer .bf-footer-content .bf-footer-links > a {
font-family: "Lato";
font-size: 16px;
line-height: 34px;
font-weight: 500;
color: #ffffff;
text-decoration: none;
}
.cms-black-friday-b2b .bf-footer .bf-footer-content .bf-footer-anpc {
display: flex;
gap: 12px;
}
@media (max-width: 767px) {
.cms-black-friday-b2b .bf-footer .bf-footer-content .bf-footer-anpc {
flex-direction: column;
gap: 25px;
}
}
.cms-black-friday-b2b .bf-footer .bf-footer-content .bf-footer-anpc > a > img {
width: 245px;
height: 60px;
}
.cms-tehnologie-inovatie {
background-color: #f7f7f7;
color: #001d3a;
}
.cms-tehnologie-inovatie > .widget.block-static-block {
display: none;
}
.cms-tehnologie-inovatie .page-header {
display: none;
}
.cms-tehnologie-inovatie .breadcrumbs {
display: none;
}
.cms-tehnologie-inovatie .page-footer {
display: none;
}
.cms-tehnologie-inovatie .page-main:after {
display: none;
}
.cms-tehnologie-inovatie .tech-header {
position: absolute;
top: 0;
width: 100%;
height: 100px;
z-index: 10;
font-family: "Lato";
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header {
height: 80px;
}
}
.cms-tehnologie-inovatie .tech-header .tech-header-content {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
width: 100%;
max-width: 1366px;
margin: 30px auto;
padding: 0 37px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header .tech-header-content {
margin: 20px auto;
}
}
.cms-tehnologie-inovatie .tech-header .tech-header-content .logo-white {
width: 235px;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header .tech-header-content .logo-white {
width: 125px;
}
}
.cms-tehnologie-inovatie .tech-header .tech-header-content .action-back {
color: #ffffff;
background-color: #00469e;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 145px;
height: 40px;
border-radius: 10px;
transition: 0.3s;
text-decoration: none;
}
.cms-tehnologie-inovatie .tech-header .tech-header-content .action-back:hover {
background-color: #001d3a;
}
.cms-tehnologie-inovatie .tech-header-menu .list-item {
display: flex;
justify-content: center;
width: max-content;
margin: 0 auto;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cms-tehnologie-inovatie .tech-header-menu .list-item .item {
font-size: 18px;
color: #ffffff;
margin: 0 18px;
padding-bottom: 15px;
position: relative;
}
.cms-tehnologie-inovatie .tech-header-menu .list-item .item:hover {
text-decoration: none;
}
.cms-tehnologie-inovatie .tech-header-menu .list-item .item:first-child {
margin-left: 0;
}
.cms-tehnologie-inovatie .tech-header-menu .list-item .item:last-child {
margin-right: 0;
}
.cms-tehnologie-inovatie .tech-header-menu .list-item .item.active:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #ffffff;
}
.cms-tehnologie-inovatie .tech-header-menu.tech-header-desktop-menu {
display: block;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-menu.tech-header-desktop-menu {
display: none;
}
}
.cms-tehnologie-inovatie .tech-header-menu.tech-header-mobile-menu {
display: none;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-menu.tech-header-mobile-menu {
display: block;
margin-bottom: 25px;
}
}
.cms-tehnologie-inovatie .tech-header-banner {
width: 100%;
background-color: #000000;
font-family: "Lato";
position: relative;
}
.cms-tehnologie-inovatie .tech-header-banner .header-banner-image-container {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.cms-tehnologie-inovatie .tech-header-banner .header-banner-image-container > img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-image-desktop {
display: block;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-image-desktop {
display: none;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-image-tablet {
display: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-image-tablet {
display: block;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-image-mobile {
display: none;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-image-mobile {
display: block;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-movie {
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-movie {
display: none;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container {
display: block;
width: 100%;
max-width: 1366px;
height: 768px;
margin: 0 auto;
position: relative;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container {
height: 635px;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content {
position: absolute;
max-width: 515px;
right: 30px;
top: 50%;
transform: translate(0, -50%);
color: #ffffff;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content {
max-width: 310px;
}
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content {
bottom: 30px;
top: unset;
left: 0;
right: 0;
max-width: 100%;
padding: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
transform: unset;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info {
text-align: left;
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info {
text-align: center;
align-items: center;
padding: 0 25px;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-title {
font-size: 52px;
line-height: 58px;
font-weight: 700;
color: #ffffff;
margin-bottom: 25px;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-title {
font-size: 42px;
line-height: 48px;
}
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-title {
font-size: 24px;
line-height: 28px;
margin-bottom: 12px;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-subtitle {
font-size: 32px;
line-height: 38px;
font-weight: 700;
color: #0776ba;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-subtitle {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-subtitle {
font-size: 18px;
line-height: 22px;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-description {
font-size: 24px;
line-height: 36px;
font-weight: 500;
color: #ffffff;
margin: 40px 0;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-description {
font-size: 14px;
line-height: 26px;
}
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-description {
margin: 25px 0;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-action {
color: #00469e;
background-color: #ffffff;
border: 1px solid #00469e;
font-size: 14px;
line-height: 17px;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
width: 160px;
height: 40px;
border-radius: 10px;
text-decoration: none;
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-action > span {
padding-right: 15px;
position: relative;
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-action > span:after {
border: solid #00469e;
border-width: 0 2px 2px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 55%;
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-disclaimer {
font-size: 18px;
line-height: 36px;
color: #ffffff;
margin-top: 40px;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-info .header-banner-disclaimer {
font-size: 12px;
line-height: 20px;
margin-top: 25px;
}
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown {
text-align: center;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
margin-bottom: 15px;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-title {
font-size: 18px;
margin-bottom: 10px;
line-height: 22px;
}
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-title {
font-size: 14px;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-container {
margin-bottom: 30px;
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-container .num {
margin-bottom: 10px;
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-container .num:after {
font-size: 32px;
font-weight: 400;
padding: 0 12px;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-container .num:after {
font-size: 22px;
padding: 0 7px;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-container .num .digit {
color: #ffffff;
font-size: 46px;
font-weight: 900;
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 90px;
background-color: #00469e;
border-radius: 10px;
margin: 0 3px;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-container .num .digit {
font-size: 26px;
font-weight: 900;
width: 32px;
height: 60px;
}
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-container .num .digit {
font-size: 30px;
width: 40px;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-container .word {
padding: 0 5px;
margin-top: 8px;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .countdown-container .word {
font-size: 14px !important;
margin-top: 10px;
}
}
.cms-tehnologie-inovatie .tech-header-banner .tech-header-banner-container .tech-header-banner-content .header-banner-countdown .campain-time {
font-size: 12px;
line-height: 15px;
}
.cms-tehnologie-inovatie .block {
margin: 0 auto;
text-align: center;
}
.cms-tehnologie-inovatie .block img {
display: block;
}
.cms-tehnologie-inovatie .block .block-actions {
margin-top: auto;
}
.cms-tehnologie-inovatie .block .block-actions .action-primary {
width: 160px;
height: 50px;
line-height: 22px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
border: 1px solid #00469e;
border-radius: 25px;
text-decoration: none;
color: #00469e;
background-color: #ffffff;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.cms-tehnologie-inovatie .block .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(93, 206, 255, 0.5);
font-weight: bold;
}
.cms-tehnologie-inovatie .block .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.cms-tehnologie-inovatie .block .block-actions .action-primary > span:after {
border: solid #00469e;
border-width: 0 2px 2px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 55%;
}
.cms-tehnologie-inovatie .block .block-title {
font-size: 54px;
line-height: 60px;
margin-bottom: 20px;
color: #001d3a;
font-size: 32px;
font-weight: 700;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block .block-title {
font-size: 28px;
line-height: 38px;
}
}
.cms-tehnologie-inovatie .block .block-description {
font-size: 24px;
line-height: 34px;
color: #001d3a;
font-size: 18px;
line-height: 24px;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block .block-description {
font-size: 16px;
line-height: 24px;
}
}
.cms-tehnologie-inovatie .block.bf-services {
padding-bottom: 75px;
overflow: hidden;
max-width: 100%;
background: #ffffff;
padding: 0;
}
@media (max-width: 639px) {
.cms-tehnologie-inovatie .block.bf-services {
padding-bottom: 30px;
}
}
.cms-tehnologie-inovatie .block.bf-services .swiper-wrapper {
padding-bottom: 55px;
box-sizing: border-box;
}
@media (min-width: 640px) {
.cms-tehnologie-inovatie .block.bf-services .swiper-wrapper {
flex-wrap: wrap;
padding: 0;
}
}
@media (min-width: 640px) {
.cms-tehnologie-inovatie .block.bf-services .swiper-pagination {
display: none;
}
}
.cms-tehnologie-inovatie .block.bf-services .list-item {
max-width: 1640px;
}
@media (min-width: 640px) {
.cms-tehnologie-inovatie .block.bf-services .list-item {
overflow: visible;
}
}
.cms-tehnologie-inovatie .block.bf-services .list-item .item {
padding: 20px 25px 0;
box-sizing: border-box;
}
@media (min-width: 640px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item {
width: calc(100%/2);
box-sizing: border-box;
border: 1px solid rgba(0, 70, 158, 0.1);
border-right: 0;
border-top: 0;
min-height: 220px;
position: relative;
padding: 20px 30px 25px 35px;
box-shadow: none;
}
}
@media (min-width: 768px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item {
padding: 30px 30px 35px 25px;
min-height: 185px;
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item {
padding: 20px 20px 25px 25px;
width: calc(100%/3);
}
}
@media (min-width: 1200px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item {
padding: 30px 35px 35px 25px;
}
}
@media (min-width: 1440px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item {
padding: 40px 40px 45px 55px;
min-height: 200px;
}
}
@media (min-width: 1640px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item {
padding: 40px 60px 45px 75px;
min-height: 210px;
}
}
@media (min-width: 640px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:hover {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 768px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(2) .item-image {
transform: translate(calc(-100% - 10px), -10px);
}
}
@media (min-width: 640px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(2n + 1) {
border-left-width: 0;
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(2n + 1) {
border-left-width: 1px;
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(3n + 1) {
border-left: 0;
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(3n + 1):hover:before {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(3n + 1):hover:after {
display: block;
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(3n + 1):before {
content: '';
display: block;
width: 1000px;
left: 0;
bottom: -1px;
height: 100%;
border-bottom: 1px solid rgba(0, 70, 158, 0.1);
position: absolute;
transform: translateX(-100%);
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(3n + 1):after {
content: '';
display: none;
left: 0;
top: 0;
height: 100%;
background: #ffffff;
width: 60px;
position: absolute;
transform: translateX(-50%);
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(3n):hover:before {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(3n):hover:after {
display: block;
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(3n):before {
content: '';
display: block;
width: 1000px;
right: 0;
bottom: -1px;
height: 100%;
border-bottom: 1px solid rgba(0, 70, 158, 0.1);
position: absolute;
transform: translateX(100%);
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item:nth-child(3n):after {
content: '';
display: none;
right: 0;
top: 0;
height: 100%;
background: #ffffff;
width: 60px;
position: absolute;
transform: translateX(50%);
}
}
@media (max-width: 639px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item .content {
min-height: 195px;
padding: 20px 20px 30px;
box-sizing: border-box;
box-shadow: 0 3px 20px rgba(70, 107, 135, 0.16);
}
}
.cms-tehnologie-inovatie .block.bf-services .list-item .item-image {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-image {
position: absolute;
transform: translateX(-100%);
top: 30px;
left: 80px;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-image {
top: 20px;
left: 85px;
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-image {
top: 30px;
}
}
@media (min-width: 1440px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-image {
top: 40px;
left: 95px;
}
}
@media (min-width: 1640px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-image {
left: 100px;
}
}
.cms-tehnologie-inovatie .block.bf-services .list-item .item-image img {
margin: 0 auto;
}
@media (min-width: 768px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-details {
padding-left: 65px;
text-align: left;
}
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-details {
padding-left: 80px;
}
}
@media (min-width: 1440px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-details {
padding-left: 50px;
}
}
@media (min-width: 1640px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-details {
padding-left: 80px;
}
}
.cms-tehnologie-inovatie .block.bf-services .list-item .item-details .item-title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
margin-bottom: 12px;
}
@media (min-width: 1024px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-details .item-title {
font-size: 18px;
line-height: 24px;
}
}
@media (min-width: 1440px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-details .item-title {
font-size: 24px;
line-height: 30px;
}
}
.cms-tehnologie-inovatie .block.bf-services .list-item .item-details .item-description {
font-size: 18px;
line-height: 25px;
}
@media (max-width: 639px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item-details .item-description {
font-size: 16px;
line-height: 22px;
}
}
@media (max-width: 639px) {
.cms-tehnologie-inovatie .block.bf-services {
background-color: transparent;
}
}
.cms-tehnologie-inovatie .block.bf-services .list-item {
max-width: 1366px;
}
.cms-tehnologie-inovatie .block.bf-services .list-item .item {
border-color: #40c7fc !important;
min-height: 230px !important;
}
@media (max-width: 639px) {
.cms-tehnologie-inovatie .block.bf-services .list-item .item {
border: none !important;
}
}
.cms-tehnologie-inovatie .block.bf-services .list-item .item .content {
background-color: #ffffff;
border: none;
}
.cms-tehnologie-inovatie .block.bf-services .list-item .item::before {
display: none !important;
}
.cms-tehnologie-inovatie .block.bf-services .list-item .item::after {
display: none !important;
}
.cms-tehnologie-inovatie .block.bf-services .list-item .swiper-pagination .swiper-pagination-bullet {
background-color: transparent;
}
.cms-tehnologie-inovatie .block.bf-services .list-item .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #40c7fc;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse {
max-width: 1640px;
background-color: #ffffff;
padding: 0;
max-width: unset;
padding: 50px 0;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .block-info {
padding: 0 25px;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .block-description {
max-width: 740px;
margin: 0 auto 80px;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .block-description {
margin-bottom: 40px;
}
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .block-content {
padding: 0;
margin-left: 20px;
}
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item {
margin-right: 20px;
}
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item {
height: auto;
display: flex;
flex-direction: column;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item:hover .item-image:before {
border-radius: 15px;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image {
position: relative;
height: 500px;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image:before {
content: '';
display: block;
position: absolute;
top: 20px;
left: 0;
width: 100%;
height: 400px;
border: 20px solid #e9e9e9;
box-sizing: border-box;
border-radius: 75px;
z-index: -1;
transition: 0.3s;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 200px;
height: 0;
border-bottom: 20px solid #e9e9e9;
border-radius: 10px;
z-index: -1;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image img {
width: 100%;
height: 440px;
object-fit: contain;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details {
padding: 0 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
@media (max-width: 479px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details {
padding: 0 15px;
}
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details .item-title {
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #0d0d0d;
margin: 30px 0;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details .item-description {
font-size: 14px;
line-height: 24px;
margin-bottom: 30px;
color: #000000;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .swiper-wrapper {
display: flex;
flex-wrap: wrap;
row-gap: 20px;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .swiper-wrapper {
row-gap: 50px;
}
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item {
width: 25%;
box-sizing: border-box;
padding: 0 5px;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item {
width: calc(100%/3);
}
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item {
width: 50%;
padding: 0 10px;
}
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .block-description {
margin-bottom: 40px;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .block-content {
max-width: 1366px;
margin: 0 auto;
padding: 0 15px;
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .block-content {
margin: 0;
}
}
@media (max-width: 1023px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item {
margin: 0px;
}
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image {
height: 440px;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image {
height: 170px;
}
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image > img {
height: 100%;
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image::before {
height: 250px;
top: 80px;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image::before {
height: 100px;
top: 15px;
border-width: 10px;
border-radius: 30px;
}
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-image::after {
width: 75px;
border-radius: 30px;
border-width: 10px;
}
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details .item-title {
color: #001d3a;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details .item-title {
font-size: 14px;
margin: 10px 0;
color: #0D0D0D;
}
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details .item-description {
color: #001d3a;
font-size: 16px;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details .item-description {
font-size: 12px;
color: #0D0D0D;
margin-bottom: 20px;
line-height: 18px;
}
}
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details .block-actions .action-primary {
font-weight: 700;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.tech-selectie-produse .list-item .item-details .block-actions .action-primary {
height: 40px;
font-size: 14px;
width: 145px;
}
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer {
padding-top: 50px;
border-left: none;
border-right: none;
}
@media (max-width: 639px) {
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer {
padding-top: 0;
}
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title {
max-width: 812px;
margin: 0 auto;
padding: 0 30px;
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-popup-heading {
color: #001d3a;
font-weight: 700;
text-align: center;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-popup-heading {
font-weight: 500;
font-size: 28px;
line-height: 38px;
}
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-popup-description {
color: #001d3a;
text-align: center;
font-weight: 500;
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content {
margin-top: 50px;
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset {
gap: 15px;
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .field {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 10px;
padding: 0 !important;
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .field .label {
color: #001d3a;
line-height: 17px;
text-align: left;
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .field .control {
width: 100%;
line-height: 19px;
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .field.choice > input {
opacity: 0;
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .field.policy a {
color: #001d3a !important;
}
@media (max-width: 639px) {
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .actions-toolbar .primary {
float: unset;
}
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .actions-toolbar .primary > button,
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .actions-toolbar .primary > .cart.table-wrapper .actions-toolbar > .action,
.cms-tehnologie-inovatie .block.block-popup-ask-for-offer .block-popup-ask-for-offer-form .block-title .block-content form .fieldset .actions-toolbar .primary > .action-gift {
width: 100%;
}
}
.cms-tehnologie-inovatie .bf-footer {
background-color: #ffffff;
box-sizing: border-box;
padding: 50px 0;
}
.cms-tehnologie-inovatie .bf-footer .bf-footer-content {
max-width: 1074px;
margin: 0 auto;
padding: 0 15px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.cms-tehnologie-inovatie .bf-footer .bf-footer-content .bf-footer-title {
font-family: "Lato";
font-size: 18px;
line-height: 32px;
font-weight: 700;
color: #001d3a;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .bf-footer .bf-footer-content .bf-footer-title {
font-size: 14px;
line-height: 24px;
}
}
.cms-tehnologie-inovatie .bf-footer .bf-footer-content .bf-footer-info {
margin: 50px 0;
}
.cms-tehnologie-inovatie .bf-footer .bf-footer-content .bf-footer-info .bf-footer-copyright {
color: #001d3a;
}
.cms-tehnologie-inovatie .bf-footer .bf-footer-content .bf-footer-info .bf-footer-links > a {
font-family: "Lato";
font-size: 16px;
line-height: 34px;
font-weight: 500;
color: #001d3a;
text-decoration: none;
}
.cms-tehnologie-inovatie .bf-footer .bf-footer-content .bf-footer-anpc {
display: flex;
gap: 12px;
}
@media (max-width: 767px) {
.cms-tehnologie-inovatie .bf-footer .bf-footer-content .bf-footer-anpc {
flex-direction: column;
gap: 25px;
}
}
.cms-tehnologie-inovatie .bf-footer .bf-footer-content .bf-footer-anpc > a > img {
width: 245px;
height: 60px;
}
.b2b-block-banner {
margin-bottom: 5%;
}
@media screen and (max-width: 767px) {
.b2b-block-banner {
overflow-x: clip;
}
}
.b2b-block-banner .block-cat-banner {
position: relative;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner:not(.banner2,.banner3,.banner5) {
background: #000000;
border-radius: 30px;
height: 1205px;
}
}
.b2b-block-banner .block-cat-banner .banner-img {
border-radius: 30px;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner .banner-img {
object-position: 64% 567px;
transform: rotateX(45deg);
height: 1411px;
object-fit: none;
}
}
.b2b-block-banner .block-cat-banner .banner-text {
position: absolute;
z-index: 9;
top: 225px;
width: 654px;
left: 14%;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner .banner-text {
top: 85px;
}
}
.b2b-block-banner .block-cat-banner .banner-text h1 {
height: 111px;
text-align: left;
font: normal normal bold 46px/56px Lato;
color: #40c7fc;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner .banner-text h1 {
width: 78vw;
margin-top: 0%;
height: fit-content;
}
}
.b2b-block-banner .block-cat-banner .banner-text .p1 {
width: 654px;
height: 54px;
text-align: left;
font: normal normal bold 20px/30px Lato;
color: #6D7190;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner .banner-text .p1 {
margin-top: unset;
width: 78vw;
height: fit-content;
}
}
.b2b-block-banner .block-cat-banner .banner-text .p2 {
height: 134px;
text-align: left;
font: normal normal normal 18px/28px Lato;
color: #ffffff;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner .banner-text .p2 {
width: 80vw;
margin-top: unset;
}
}
.b2b-block-banner .block-cat-banner.banner3 {
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner.banner3 {
display: flex;
flex-wrap: wrap;
}
}
.b2b-block-banner .block-cat-banner.banner3 .banner3-background {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
object-fit: contain;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner.banner3 .banner3-background {
height: auto;
top: 145px;
transform: scale(2);
}
}
.b2b-block-banner .block-cat-banner.banner3 .banner3-img {
z-index: 1;
}
.b2b-block-banner .block-cat-banner.banner3 .banner3-text {
z-index: 1;
margin-left: -40px;
padding-right: 30px;
width: 45vw;
border-radius: 30px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
.b2b-block-banner .block-cat-banner.banner3 .banner3-text h1 {
text-align: left;
font: normal normal bold 34px/44px Lato;
color: #40c7fc;
}
.b2b-block-banner .block-cat-banner.banner3 .banner3-text h2 {
text-align: left;
font: normal normal bold 34px/44px Lato;
color: #0D0D0D;
margin-top: -40px;
font-size: 34px;
}
.b2b-block-banner .block-cat-banner.banner3 .banner3-text h3 {
text-align: left;
font: normal normal bold 20px/30px Lato;
color: #40c7fc;
}
.b2b-block-banner .block-cat-banner.banner3 .banner3-text p {
text-align: left;
font: normal normal normal 16px/24px Lato;
color: #0D0D0D;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner.banner3 .banner3-text {
width: 100%;
margin-left: 0;
padding: 0 25px 40px;
}
.b2b-block-banner .block-cat-banner.banner3 .banner3-text h1 {
margin-bottom: 15%;
}
}
.b2b-block-banner .block-cat-banner.banner5 {
overflow: hidden;
border-radius: 30px;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text {
position: relative;
z-index: 1;
display: flex;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text1 {
width: 50%;
align-items: center;
display: flex;
justify-content: center;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text1 h1 {
font: normal normal bold 34px/44px Lato;
color: #40c7fc;
max-width: 530px;
margin: 0 0 0 30px;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text2 {
width: 50%;
display: flex;
flex-direction: column;
margin: 74px auto;
padding-right: 2%;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text2 .banner5-text-row {
display: flex;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text2 .number {
font: normal normal 900 52px/34px Lato;
color: #30C6FF30;
margin-right: 30px;
margin-top: 15px;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text2 p {
text-align: left;
font: normal normal normal 24px/34px Lato;
color: #ffffff;
margin-bottom: 50px;
max-width: 674px;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text3 {
width: 5%;
margin-left: 46%;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text3 h1 {
text-align: left;
font: normal normal 900 52px/34px Lato;
color: #40c7fc;
opacity: 0.3;
margin-top: 25%;
margin-bottom: 75px;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-img img {
transform: scaleX(-1);
height: 100%;
width: 100%;
object-fit: cover;
}
.b2b-block-banner .block-cat-banner.banner5 .actions {
display: none;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .block-cat-banner.banner5 .banner5-text {
flex-direction: column;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text1 {
width: auto;
margin: 50px 26px 0;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text1 h1 {
margin: 0;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text2 {
width: auto;
margin: 50px 26px 0;
}
.b2b-block-banner .block-cat-banner.banner5 .banner5-text .banner5-text2 .banner5-text-row.show-more {
display: none;
}
.b2b-block-banner .block-cat-banner.banner5 .actions {
display: block;
z-index: 1;
position: relative;
margin-bottom: 50px;
text-align: center;
}
.b2b-block-banner .block-cat-banner.banner5 .actions a {
color: #ffffff;
border: none;
display: inline-block;
}
}
.b2b-block-banner .hero-image.filtre {
padding-top: 70px;
margin-top: 30px;
border-radius: 0;
height: auto;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .hero-image.filtre {
padding-top: 40px;
}
}
.b2b-block-banner .hero-image.filtre .hero-block-left {
margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
.b2b-block-banner .hero-image.filtre .hero-block-left {
margin: 30px 0;
padding: 0 25px;
}
}
.b2b-block-banner .hero-image.filtre .hero-block-left h1 {
color: #001d3a;
margin-bottom: 15px;
font: normal normal bold 34px/60px Lato;
line-height: 44px;
}
.b2b-block-banner .hero-image.filtre .hero-block-left p {
color: #001d3a;
font: normal normal normal 20px/30px Lato;
}
.b2b-block-banner .hero-image.filtre .hero-block-left .block-actions {
display: flex;
margin-top: 20px;
}
.b2b-block-banner .hero-image.filtre .hero-block-left .block-actions .action-primary {
background-color: #ffffff;
margin: 0;
}
.b2b-block-banner .hero-image.filtre .hero-block-right {
display: flex;
align-items: flex-start;
align-self: flex-start;
}
@media screen and (max-width: 991px) {
.b2b-block-banner .hero-image.filtre .hero-block-right {
max-width: 400px;
}
}
@media screen and (max-width: 767px) {
.b2b-block-banner .hero-image.filtre .hero-block-right {
max-width: unset;
}
}
.b2b-block-banner .hero-image.filtre:before {
background: none;
}
.b2b-block-banner .hero-image.filtre:after {
background: #62cdd5 0 0 no-repeat padding-box;
}
.block-cat-info {
display: inline-flex;
margin: 3% 0;
box-shadow: 0 4px 2px -2px #e6eaf1;
width: -webkit-fill-available;
padding: 0 7%;
}
@media screen and (max-width: 1023px) {
.block-cat-info {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.block-cat-info {
display: inline-block;
}
}
.block-cat-info .info-container {
width: 20%;
border-right: 1px solid #00469e1a;
}
@media screen and (max-width: 767px) {
.block-cat-info .info-container {
text-align: center;
width: 100%;
border-right: unset;
}
}
.block-cat-info .info-container:last-child {
border-right: none;
}
.block-cat-info .info-container .info-child {
width: 85%;
}
@media screen and (max-width: 767px) {
.block-cat-info .info-container .info-child {
text-align: center;
width: 100%;
}
}
.block-cat-info .info-container .info-child h1 {
width: 95%;
text-align: left;
font: normal normal bold 28px/44px Lato;
color: #0D0D0D;
margin-bottom: 15px;
font-size: 2vw;
}
@media screen and (max-width: 767px) {
.block-cat-info .info-container .info-child h1 {
text-align: center;
width: 100%;
font-size: 34px;
}
}
.block-cat-info .info-container .info-child p {
width: 95%;
height: fit-content;
text-align: left;
font: normal normal normal 20px/30px Lato;
color: #001d3a;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.block-cat-info .info-container .info-child p {
text-align: center;
width: 100%;
}
}
.block-cat-info.info2 {
gap: 1%;
box-shadow: unset;
}
@media (max-width: 767px) {
.block-cat-info.info2 {
display: block;
}
}
.block-cat-info.info2 .info2-div {
width: calc(100% /3);
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div {
width: unset;
gap: 10px;
margin-bottom: 10px;
}
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div1 {
flex-direction: row;
width: unset;
gap: 10px;
margin-bottom: 10px;
}
}
.block-cat-info.info2 .info2-div.div1 .div {
background: transparent radial-gradient(at 30% 50%, #ffffff 0%, #ebebeb 100%) 0% 0% no-repeat padding-box;
width: 100%;
border-radius: 30px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div1 .div {
height: 247px !important;
padding: 0 !important;
}
}
.block-cat-info.info2 .info2-div.div1 .div.first {
height: 190px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div1 .div.first {
width: 10%;
}
}
.block-cat-info.info2 .info2-div.div1 .div.second {
height: 475px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div1 .div.second {
width: 80%;
}
}
.block-cat-info.info2 .info2-div.div1 .div.second > span {
font-size: 60px;
line-height: 60px;
color: #000000;
font-weight: 700;
display: block;
flex: 0.5;
}
@media (max-width: 1023px) {
.block-cat-info.info2 .info2-div.div1 .div.second > span {
font-size: 42px;
line-height: 42px;
}
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div1 .div.second > span {
flex: 0.8;
}
}
.block-cat-info.info2 .info2-div.div1 .div.third {
height: 280px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div1 .div.third {
width: 10%;
}
}
.block-cat-info.info2 .info2-div.div2 .div {
position: relative;
border-radius: 30px;
}
.block-cat-info.info2 .info2-div.div2 .div.first {
height: 575px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div2 .div.first {
height: 400px;
}
}
.block-cat-info.info2 .info2-div.div2 .div.first > span {
position: absolute;
top: 35px;
left: 40px;
color: #ffffff;
font-size: 32px;
font-weight: 700;
line-height: 42px;
padding-right: 10px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div2 .div.first > span {
left: 25px;
}
}
.block-cat-info.info2 .info2-div.div2 .div.first img {
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
object-position: -70px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div2 .div.first img {
object-position: 0;
}
}
.block-cat-info.info2 .info2-div.div2 .div.second {
height: 390px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div2 .div.second {
height: 272px;
}
}
.block-cat-info.info2 .info2-div.div2 .div.second > video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.block-cat-info.info2 .info2-div.div2 .div.second > span {
position: absolute;
bottom: 35px;
left: 40px;
color: #ffffff;
font-size: 32px;
font-weight: 700;
line-height: 42px;
padding-right: 10px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div2 .div.second > span {
left: 25px;
font-size: 28px;
line-height: 38px;
}
}
.block-cat-info.info2 .info2-div.div3 .div {
position: relative;
border-radius: 30px;
}
.block-cat-info.info2 .info2-div.div3 .div.first {
height: 404px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div3 .div.first {
height: 283px;
}
}
.block-cat-info.info2 .info2-div.div3 .div.first > video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.block-cat-info.info2 .info2-div.div3 .div.first > span {
position: absolute;
top: 50%;
left: 40px;
transform: translate(0, -50%);
font-size: 32px;
color: #ffffff;
line-height: 42px;
font-weight: 700;
padding-right: 10px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div3 .div.first > span {
font-size: 28px;
line-height: 38px;
left: 25px;
}
}
.block-cat-info.info2 .info2-div.div3 .div.second {
height: 560px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div3 .div.second {
height: 392px;
}
}
.block-cat-info.info2 .info2-div.div3 .div.second > video {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
}
.block-cat-info.info2 .info2-div.div3 .div.second > span {
position: absolute;
top: 50%;
left: 40px;
transform: translate(0, -50%);
font-size: 24px;
color: #ffffff;
line-height: 42px;
padding-right: 10px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div3 .div.second > span {
font-size: 21px;
line-height: 28px;
left: 25px;
}
}
.block-cat-info.info2 .info2-div.div3 .div.second > span strong {
font-size: 32px;
line-height: 42px;
}
@media (max-width: 767px) {
.block-cat-info.info2 .info2-div.div3 .div.second > span strong {
font-size: 28px;
line-height: 28px;
}
}
.block-cat-info.info3 {
display: inline-grid;
}
.block-cat-info.info3 h1 {
text-align: center;
font: normal normal bold 34px/60px Lato;
color: #0D0D0D;
width: 100%;
margin-bottom: 6px;
}
.block-cat-info.info3 p {
text-align: center;
font: normal normal bold 20px/30px Lato;
color: #0D0D0D;
margin-bottom: 0;
}
.block-cat-info.info3 .info3-container {
display: inline-flex;
margin: 60px 0;
}
.block-cat-info.info3 .info3-container .info3-child {
width: 25%;
display: inherit;
margin-right: 10%;
}
.block-cat-info.info3 .info3-container .info3-child img {
width: 100px;
height: 100px;
}
.block-cat-info.info3 .info3-container .info3-child p {
width: 45%;
text-align: left;
margin: auto 15px;
}
@media screen and (max-width: 767px) {
.block-cat-info.info3 h1 {
width: 100vw;
margin-left: -7vw;
}
.block-cat-info.info3 p {
width: 85vw;
}
.block-cat-info.info3 .info3-container {
overflow-x: overlay;
}
.block-cat-info.info3 .info3-container::-webkit-scrollbar {
display: none;
}
.block-cat-info.info3 .info3-container .info3-child {
width: 90vw;
}
.block-cat-info.info3 .info3-container .info3-child p {
width: 70vw;
}
}
@media screen and (max-width: 767px) {
.b2b-block-banner .hero-image.filtre .hero-block-left {
order: 1;
box-shadow: 70px -70px 100px 0px #62cdd5;
}
.b2b-block-banner .hero-image.filtre .hero-block-right {
width: 100%;
text-align: right;
display: block;
}
.b2b-block-banner .hero-image.filtre .hero-block-right img {
max-width: 80%;
}
.b2b-block-banner .block-cart-info {
display: inline-block;
}
.b2b-block-banner .block-cart-info .info-container {
width: 100%;
text-align: center;
}
.b2b-block-banner .block-cart-info .info-container .info-child {
text-align: center;
width: 100%;
}
.b2b-block-banner .block-cart-info .info-container .info-child h1 {
width: 100%;
text-align: center;
}
.b2b-block-banner .block-cart-info .info-container .info-child p {
width: 100%;
text-align: center;
}
.info2 {
display: block;
}
}
.category-cms .bb-coffe-office-container {
display: flex;
align-items: center;
flex-direction: column;
}
@media (min-width: 768px) {
.category-cms .bb-coffe-office-container {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.header {
display: flex;
align-items: center;
width: 100%;
height: 924px;
overflow: hidden;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
margin-bottom: 0;
flex-direction: column;
}
@media (min-width: 768px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.header {
border-radius: 30px;
}
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.header {
flex-direction: row;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-left-container {
width: 100%;
display: flex;
flex-direction: column;
padding: 26px;
box-sizing: border-box;
align-items: center;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-left-container {
padding: 0;
width: 45%;
display: flex;
flex-direction: column;
align-items: flex-end;
padding-left: 200px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-left-container .left-content {
max-width: 670px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-left-container .left-content .title {
padding: 0;
margin: 0;
font-weight: 700;
text-align: start;
line-height: 56px;
font-size: 46px;
color: #40c7fc;
margin-bottom: 32px;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-left-container .left-content .subtitle {
text-align: start;
font-weight: 700;
color: #6d7190;
margin-bottom: 28px;
font-size: 18px;
line-height: 28px;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-left-container .left-content .subtitle {
font-size: 20px;
line-height: 30px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-left-container .left-content .heading {
text-align: start;
font-size: 16px;
line-height: 24px;
color: #ffffff;
font-weight: 400;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-left-container .left-content .heading {
font-size: 18px;
line-height: 28px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-right-container {
width: 100%;
height: 100%;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-right-container .image {
height: 100%;
background-size: 750px !important;
background-position-x: 200px !important;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-right-container {
width: 55%;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.header .header-right-container .image {
width: 100%;
height: 1411px;
background-size: unset !important;
background-position-x: unset !important;
background-position-y: -300px !important;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items {
display: flex;
flex-direction: column;
align-items: center;
padding: 26px;
}
@media (min-width: 1640px) {
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items {
margin: 0 140px;
}
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items {
flex-direction: row;
align-items: flex-start;
padding: 2px 15px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items .services.item {
display: flex;
flex-direction: column;
text-align: start;
flex: 1;
padding-top: 63px;
padding-bottom: 68px;
align-items: center;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items .services.item {
align-items: flex-start;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items .services.item .title {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 24px;
line-height: 44px;
padding-bottom: 18px;
color: #0d0d0d;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items .services.item .title {
font-size: 28px;
line-height: 44px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items .services.item .description {
color: #0d0d0d;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items .services.item .description {
font-size: 20px;
line-height: 30px;
}
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office .services.items .services.item:not(:last-child) {
border-right: 1px solid rgba(0, 70, 158, 0.1);
margin-right: 21px;
padding-right: 21px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content {
width: 100%;
height: 1282px;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .overlay-image {
position: absolute;
width: 100%;
height: 100%;
filter: blur(24px);
z-index: -1;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.content {
width: 100%;
height: 904px;
display: flex;
flex-direction: row;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-left-container {
width: 100%;
height: 50%;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-left-container {
width: 50%;
height: 100%;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-left-container .image {
width: 100%;
height: 100%;
background-position: center center;
background-size: 500px !important;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-left-container .image {
background-size: unset;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container {
width: 100%;
height: 50%;
flex: 1;
display: flex;
align-items: center;
box-sizing: border-box;
justify-content: center;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container {
width: 50%;
height: 100%;
justify-content: flex-start;
min-height: 904px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content {
flex: 1;
border-radius: 30px;
backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);
padding: 36px 45px;
text-align: start;
max-width: 812px;
box-sizing: border-box;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .title {
color: #ffffff;
font-family: 700;
font-size: 34px;
line-height: 44px;
margin-bottom: 34px;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item {
display: flex;
margin-bottom: 24px;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .indicator {
margin-right: 27px;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .indicator.blue:after,
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .indicator.yellow:after,
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .indicator.white:after,
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .indicator.red:after {
content: "";
width: 25px;
height: 25px;
border-radius: 50%;
display: flex;
margin-top: 5px;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .indicator.red:after {
background-color: red;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .indicator.yellow:after {
background-color: yellow;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .indicator.blue:after {
background-color: blue;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .indicator.white:after {
background-color: white;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .description {
color: #ffffff;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.content .content-right-container .right-content .item .description {
font-size: 24px;
line-height: 34px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits {
width: 100%;
padding: 26px;
box-sizing: border-box;
background: #ffffff 0% 0% no-repeat padding-box;
box-shadow: 0px 1px 5px #00469e26;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits {
padding: 60px;
}
}
@media (min-width: 1200px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits {
padding: 60px 272px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits .title:not(.benefits.item .title) {
margin: 0;
padding: 0;
font-size: 34px;
font-weight: 700;
line-height: 60px;
padding-bottom: 20px;
color: #0d0d0d;
text-align: center;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits .description {
font-size: 20px;
font-weight: 400;
line-height: 30px;
padding-bottom: 20px;
color: #0d0d0d;
padding-bottom: 60px;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits .benefits.items {
width: 280%;
display: flex;
justify-content: center;
flex-direction: row;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits .benefits.items {
width: 100%;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits .benefits.items-wrap {
overflow: scroll;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits .benefits.items-wrap {
overflow: inherit;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits .benefits .benefits.item {
display: flex;
align-items: center;
padding-right: 25px;
flex: 1;
text-align: left;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits .benefits .benefits.item .icon {
display: flex;
padding-right: 20px;
width: 80px;
height: 80px;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.benefits .benefits .benefits.item .title {
margin: 0;
padding: 0;
font-size: 20px;
line-height: 30px;
font-weight: 700;
color: #0d0d0d;
flex: 1;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is {
width: 100%;
box-sizing: border-box;
padding-top: 49px;
padding-bottom: 101px;
position: relative;
overflow: hidden;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.overlay {
background: transparent linear-gradient(180deg, #ffffff 0%, #b8b8b8 100%) 0% 0% no-repeat padding-box;
opacity: 0.3;
position: absolute;
width: 100%;
height: 100%;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items {
display: flex;
flex-direction: column;
gap: 18px;
position: relative;
}
@media (min-width: 1640px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items {
margin: 0 140px;
}
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items {
flex-direction: row;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item {
display: flex;
flex-direction: column;
flex: 1;
gap: 20px;
position: relative;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item:first-child {
flex-direction: row;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item:first-child {
flex-direction: column;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .empty.small {
height: 247px;
width: 25%;
position: relative;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .empty.small {
height: 190px;
width: unset;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .empty.small .overlay {
width: 100%;
height: 100%;
background: transparent linear-gradient(180deg, #ffffff 0%, #b8b8b8 100%) 0% 0% no-repeat padding-box;
border-radius: 30px;
opacity: 0.1;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .empty.big {
height: 247px;
width: 25%;
position: relative;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .empty.big {
height: 280px;
width: unset;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .empty.big .overlay {
width: 100%;
height: 100%;
background: transparent linear-gradient(180deg, #ffffff 0%, #b8b8b8 100%) 0% 0% no-repeat padding-box;
border-radius: 30px;
opacity: 0.1;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item1 {
height: 247px;
width: 50%;
box-sizing: border-box;
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 43px;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item1 {
height: 475px;
width: unset;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item1 .overlay {
background: transparent linear-gradient(180deg, #ffffff 0%, #b8b8b8 100%) 0% 0% no-repeat padding-box;
border-radius: 30px;
opacity: 0.1;
display: flex;
position: absolute;
width: 100%;
height: 100%;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item1 .title {
margin: 0;
padding: 0;
text-align: left;
color: #0d0d0d;
opacity: 1;
font-size: 42px;
line-height: 42px;
}
@media (min-width: 960px) {
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item1 .title {
font-size: 90px;
line-height: 90px;
}
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item5,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item4,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item3,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item2 {
height: 575px;
position: relative;
border-radius: 30px;
overflow: hidden;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item5 .image-container,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item4 .image-container,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item3 .image-container,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item2 .image-container {
width: 100%;
height: 100%;
position: absolute;
background-size: cover !important;
top: 0;
bottom: 0;
padding: 40px;
padding-top: 60px;
box-sizing: border-box;
align-items: flex-end;
display: flex;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item5 .image-container .description,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item4 .image-container .description,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item3 .image-container .description,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item2 .image-container .description {
font-size: 32px;
font-weight: 700;
color: white;
line-height: 42px;
text-align: left;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item3 {
height: 389px;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item5,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item4 {
height: 404px;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item5 .image-container,
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item4 .image-container {
align-items: flex-start;
}
.category-cms .bb-coffe-office-container .bb-coffe-office.coffee-is .coffee-is.items .coffee-is.item .item5 {
height: 560px;
}
.category-cms .block.block-horeca-bottom {
margin-top: 40px;
}
@media (min-width: 960px) {
.category-cms .block.block-horeca-bottom {
margin-top: 100px;
}
}
.category-cms .block.block-horeca {
position: relative;
}
.category-cms .block.block-cere-oferta {
margin: 0 auto;
text-align: center;
max-width: 100%;
margin-bottom: 80px;
}
.category-cms .block.block-cere-oferta img {
display: block;
}
@media (max-width: 767px) {
.category-cms .block.block-cere-oferta {
margin-bottom: 40px;
}
}
.category-cms .block.block-cere-oferta .block-info {
position: relative;
max-width: 812px;
margin: 0 auto -135px;
background: #ffffff;
padding: 45px 15px;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.category-cms .block.block-cere-oferta .block-info {
max-width: 500px;
padding: 15px 15px 30px;
}
}
@media (max-width: 767px) {
.category-cms .block.block-cere-oferta .block-info {
max-width: 450px;
padding: 0 15px 30px;
}
}
@media (max-width: 479px) {
.category-cms .block.block-cere-oferta .block-info {
max-width: calc(100% - 30px);
margin-bottom: -185px;
}
}
@media (max-width: 1023px) {
.category-cms .block.block-cere-oferta .block-title {
font-size: 35px;
line-height: 45px;
}
}
@media (max-width: 767px) {
.category-cms .block.block-cere-oferta .block-title {
font-size: 28px;
line-height: 34px;
}
}
.category-cms .block.block-cere-oferta .block-description {
max-width: 600px;
margin: 0 auto 20px;
}
@media (max-width: 1023px) {
.category-cms .block.block-cere-oferta .block-description {
font-size: 18px;
line-height: 24px;
max-width: 400px;
}
}
@media (max-width: 767px) {
.category-cms .block.block-cere-oferta .block-description {
font-size: 18px;
line-height: 22px;
margin-bottom: 25px;
}
}
.category-cms .block.block-cere-oferta .block-actions .action-primary {
width: fit-content;
padding: 0 15px;
}
.category-cms .block.block-cere-oferta .block-image {
height: 610px;
}
@media (max-width: 767px) {
.category-cms .block.block-cere-oferta .block-image {
height: 520px;
}
}
.category-cms .block.block-cere-oferta .block-image img {
object-fit: cover;
height: 100%;
width: 100%;
}
@media (max-width: 639px) {
.category-cms .block.block-cere-oferta .block-image .image-desktop {
display: none;
}
}
.category-cms .block.block-cere-oferta .block-image .image-mobile {
display: none;
}
@media (max-width: 639px) {
.category-cms .block.block-cere-oferta .block-image .image-mobile {
display: block;
}
}
.category-cms .block.block-cere-oferta .block-title {
font-size: 54px;
line-height: 60px;
color: #001d3a;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.category-cms .block.block-cere-oferta .block-title {
font-size: 28px;
line-height: 38px;
}
}
.category-cms .block.block-cere-oferta .block-description {
font-size: 24px;
line-height: 34px;
color: #001d3a;
}
@media (max-width: 767px) {
.category-cms .block.block-cere-oferta .block-description {
font-size: 16px;
line-height: 24px;
}
}
.category-cms .block.block-cere-oferta .block-actions {
margin-top: auto;
}
.category-cms .block.block-cere-oferta .block-actions .action-primary {
width: 160px;
height: 40px;
line-height: 38px;
display: block;
margin: 0 auto;
border: 1px solid #00469e;
border-radius: 20px;
text-decoration: none;
color: #00469e;
background-color: transparent;
padding: 0;
font-weight: 400;
text-align: center;
transition: 0.3s;
font-family: 'Lato';
}
.category-cms .block.block-cere-oferta .block-actions .action-primary:hover {
box-shadow: 0 10px 30px rgba(0, 70, 158, 0.15);
font-weight: bold;
}
.category-cms .block.block-cere-oferta .block-actions .action-primary:hover > span:after {
border-width: 0 2px 2px 0;
}
.category-cms .block.block-cere-oferta .block-actions .action-primary > span {
padding-right: 15px;
position: relative;
}
.category-cms .block.block-cere-oferta .block-actions .action-primary > span:after {
border: solid #00469e;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: "";
position: absolute;
right: 3px;
top: 60%;
}
.category-cms .block-horeca.header {
height: 924px;
display: flex;
position: relative;
}
.category-cms .block-horeca.header .header-image {
position: absolute;
width: 100%;
height: 100%;
border-radius: 30px;
overflow: hidden;
z-index: 1;
}
.category-cms .block-horeca.header .header-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.category-cms .block-horeca.header .header-content {
width: 100%;
z-index: 2;
padding: 45px 26px;
}
@media (min-width: 960px) {
.category-cms .block-horeca.header .header-content {
flex-direction: row;
display: flex;
justify-content: flex-end;
align-items: center;
}
}
@media (min-width: 960px) {
.category-cms .block-horeca.header .header-content .header-content-main {
width: 42%;
padding-bottom: 70px;
}
}
.category-cms .block-horeca.header .header-content .header-content-main .title {
padding: 0;
margin: 0;
font-weight: 700;
text-align: start;
line-height: 56px;
font-size: 46px;
color: #40c7fc;
margin-bottom: 32px;
}
.category-cms .block-horeca.header .header-content .header-content-main .subtitle {
text-align: start;
font-weight: 700;
color: #6d7190;
margin-bottom: 50px;
font-size: 18px;
line-height: 28px;
}
@media (min-width: 960px) {
.category-cms .block-horeca.header .header-content .header-content-main .subtitle {
font-size: 20px;
line-height: 30px;
margin-bottom: 48px;
}
}
.category-cms .block-horeca.header .header-content .header-content-main .actions-toolbar .primary {
min-width: 256px;
width: fit-content;
}
.category-cms .block-horeca.header .header-content .header-content-main .actions-toolbar .primary .button.action.continue.primary {
box-shadow: 0 0;
background: #00469e;
border-color: #00469e;
color: #ffffff;
border-radius: 25px;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
transition: 0.3s;
font-size: 18px;
font-weight: 500;
width: 200px;
height: 50px;
width: 100%;
}
.category-cms .block-horeca.header .header-content .header-content-main .actions-toolbar .primary .button.action.continue.primary:hover {
background: #30c6ff;
border-color: #30c6ff;
text-decoration: none;
transition: 0.3s;
}
@media (min-width: 960px) {
.category-cms .block-horeca.services {
box-shadow: 0px 1px 5px #00469e26;
}
}
.category-cms .block-horeca.services .services.items {
max-width: 1640px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
align-items: center;
padding: 36px 26px;
}
@media (min-width: 960px) {
.category-cms .block-horeca.services .services.items {
flex-direction: row;
align-items: stretch;
padding: 0 26px;
}
}
.category-cms .block-horeca.services .services.items .services.item {
display: flex;
flex-direction: column;
text-align: start;
flex: 1;
align-items: center;
padding: 0 24px 24px 24px;
}
.category-cms .block-horeca.services .services.items .services.item span {
text-align: center;
}
@media (min-width: 960px) {
.category-cms .block-horeca.services .services.items .services.item {
align-items: flex-start;
padding: 0;
padding-top: 63px;
padding-bottom: 68px;
}
.category-cms .block-horeca.services .services.items .services.item span {
text-align: left;
}
}
.category-cms .block-horeca.services .services.items .services.item .title {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 24px;
line-height: 44px;
padding-bottom: 18px;
color: #0d0d0d;
}
@media (min-width: 960px) {
.category-cms .block-horeca.services .services.items .services.item .title {
font-size: 28px;
line-height: 44px;
}
}
.category-cms .block-horeca.services .services.items .services.item .description {
color: #0d0d0d;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 960px) {
.category-cms .block-horeca.services .services.items .services.item .description {
font-size: 20px;
line-height: 30px;
}
}
@media (min-width: 960px) {
.category-cms .block-horeca.services .services.items .services.item:not(:last-child) {
border-right: 1px solid rgba(0, 70, 158, 0.1);
margin-right: 21px;
padding-right: 21px;
}
}
.category-cms .block-horeca-bottom .main-product {
position: relative;
display: flex;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product {
height: 820px;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-background {
position: absolute;
width: 100%;
height: 100%;
display: none;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-background {
display: block;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-background img {
width: 100%;
height: 100%;
object-fit: cover;
}
.category-cms .block-horeca-bottom .main-product .main-product-content {
display: flex;
width: 100%;
height: 100%;
z-index: 2;
flex-direction: column;
align-items: center;
padding: 26px;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-content {
flex-direction: row;
align-items: start;
padding: 0;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-content .content-left {
width: 100%;
height: 100%;
order: 2;
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-content .content-left {
order: 1;
width: 50%;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-content .content-left .content-left-image {
box-sizing: border-box;
height: 400px;
margin-bottom: 34px;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-content .content-left .content-left-image {
margin-left: 20%;
margin-top: 30px;
margin-bottom: 0;
height: 100%;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-content .content-left .content-left-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.category-cms .block-horeca-bottom .main-product .main-product-content .content-left .actions {
display: flex;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-content .content-left .actions {
display: none;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right {
width: 100%;
display: flex;
align-items: center;
order: 1;
justify-content: center;
height: 100%;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right {
order: 2;
width: 50%;
justify-content: flex-start;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right .content-right-main {
max-width: 812px;
border-radius: 30px;
padding: 0;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right .content-right-main {
padding: 36px 45px;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right .content-right-main .title {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 34px;
line-height: 44px;
margin-bottom: 38px;
text-align: center;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right .content-right-main .title {
font-size: 34px;
line-height: 44px;
margin-bottom: 24px;
text-align: left;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right .content-right-main .description {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 18px;
line-height: 28px;
margin-bottom: 28px;
text-align: center;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right .content-right-main .description {
font-size: 20px;
line-height: 32px;
margin-bottom: 24px;
text-align: left;
}
}
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right .content-right-main .actions {
display: none;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .main-product .main-product-content .content-right .content-right-main .actions {
display: flex;
}
}
.category-cms .block-horeca-bottom .block-complementary-products {
margin: 0;
padding-top: 100px;
padding-bottom: 75px;
overflow: hidden;
max-width: 100%;
}
@media (max-width: 639px) {
.category-cms .block-horeca-bottom .block-complementary-products {
padding-bottom: 30px;
}
}
.category-cms .block-horeca-bottom .block-complementary-products .swiper-wrapper {
padding-bottom: 55px;
box-sizing: border-box;
}
@media (min-width: 640px) {
.category-cms .block-horeca-bottom .block-complementary-products .swiper-wrapper {
flex-wrap: wrap;
padding: 0;
}
}
@media (min-width: 640px) {
.category-cms .block-horeca-bottom .block-complementary-products .swiper-pagination {
display: none;
}
}
.category-cms .block-horeca-bottom .block-complementary-products .block-content-header {
max-width: 812px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
flex-direction: column;
padding: 25px;
padding-bottom: 0;
}
@media (min-width: 768px) {
.category-cms .block-horeca-bottom .block-complementary-products .block-content-header {
padding: 0;
}
}
.category-cms .block-horeca-bottom .block-complementary-products .block-content-header .title {
padding: 0;
margin: 0;
font-weight: 700;
line-height: 44px;
font-size: 34px;
padding-bottom: 24px;
text-align: center;
}
.category-cms .block-horeca-bottom .block-complementary-products .block-content-header .description {
padding: 0;
margin: 0;
font-weight: 400;
font-size: 20px;
line-height: 30px;
margin-bottom: 40px;
text-align: center;
}
.category-cms .block-horeca-bottom .block-complementary-products .list-item {
max-width: 1640px;
}
@media (min-width: 640px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item {
overflow: visible;
}
}
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item {
padding: 20px 25px 0;
box-sizing: border-box;
display: flex;
align-items: center;
}
@media (min-width: 640px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item {
width: calc(100%/2);
box-sizing: border-box;
border: 1px solid rgba(0, 70, 158, 0.1);
border-right: 0;
min-height: 220px;
position: relative;
padding: 20px 30px 25px 35px;
box-shadow: none;
}
}
@media (min-width: 768px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item {
padding: 30px 30px 35px 25px;
min-height: 185px;
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item {
padding: 20px 20px 25px 25px;
width: calc(100%/4);
}
}
@media (min-width: 1200px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item {
padding: 30px 35px 35px 25px;
}
}
@media (min-width: 1440px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item {
padding: 54px;
min-height: 200px;
}
}
@media (min-width: 1640px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item {
padding: 54px;
min-height: 210px;
}
}
@media (min-width: 640px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:hover {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:nth-child(4n + 1) {
border-left: 0;
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:nth-child(4n + 1):hover:before {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:nth-child(4n + 1):hover:after {
display: block;
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:nth-child(4n + 1):before {
content: "";
display: block;
width: 1000px;
left: 0;
bottom: -1px;
height: 100%;
border: 1px solid rgba(0, 70, 158, 0.1);
border-left: 0;
border-right: 0;
position: absolute;
transform: translateX(-100%);
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:nth-child(4n + 1):after {
content: "";
display: none;
left: 0;
top: 0;
height: 100%;
background: #ffffff;
width: 60px;
position: absolute;
transform: translateX(-50%);
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:nth-child(4n):hover:before {
box-shadow: 0 0 30px rgba(0, 70, 158, 0.15);
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:nth-child(4n):hover:after {
display: block;
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:nth-child(4n):before {
content: "";
display: block;
width: 1000px;
right: 0;
bottom: -1px;
height: 100%;
border: 1px solid rgba(0, 70, 158, 0.1);
border-left: 0;
border-right: 0;
position: absolute;
transform: translateX(100%);
}
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item:nth-child(4n):after {
content: "";
display: none;
right: 0;
top: 0;
height: 100%;
background: #ffffff;
width: 60px;
position: absolute;
transform: translateX(50%);
}
}
@media (max-width: 639px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .item .content {
min-height: 195px;
padding: 20px 20px 30px;
box-sizing: border-box;
box-shadow: 0 3px 20px rgba(70, 107, 135, 0.16);
}
}
.category-cms .block-horeca-bottom .block-complementary-products .list-item .content {
display: flex;
align-items: center;
width: 100%;
}
.category-cms .block-horeca-bottom .block-complementary-products .list-item .content .item-image {
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.category-cms .block-horeca-bottom .block-complementary-products .list-item .content .item-details {
padding-left: 15px;
}
.category-cms .block-horeca-bottom .block-complementary-products .list-item .content .item-details .item-title {
font-size: 20px;
font-weight: 700;
line-height: 30px;
}
@media (min-width: 1024px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .content .item-details .item-title {
font-size: 18px;
line-height: 24px;
}
}
.category-cms .block-horeca-bottom .block-complementary-products .list-item .content .item-details .item-description {
font-size: 18px;
line-height: 25px;
}
@media (max-width: 639px) {
.category-cms .block-horeca-bottom .block-complementary-products .list-item .content .item-details .item-description {
font-size: 16px;
line-height: 22px;
}
}
.category-cms .block-horeca-bottom .block-services .block-content {
max-width: 1088px;
margin-left: auto;
margin-right: auto;
}
.category-cms .block-horeca-bottom .block-services .block-content .block-content-header {
display: flex;
justify-content: center;
}
.category-cms .block-horeca-bottom .block-services .block-content .block-content-header .title {
margin: 0;
padding: 0;
line-height: 44px;
font-weight: 700;
font-size: 34px;
padding-bottom: 36px;
}
@media (min-width: 960px) {
.category-cms .block-horeca-bottom .block-services .block-content .block-content-header .title {
padding-bottom: 54px;
}
}
.category-cms .block-horeca-bottom .block-services .list-item {
padding: 0 25px;
}
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper {
flex-wrap: nowrap;
padding: 0;
}
@media (min-width: 640px) {
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper {
flex-wrap: wrap;
padding: 0;
}
}
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper .item {
width: 100%;
box-sizing: border-box;
}
@media (min-width: 640px) {
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper .item {
width: 50%;
}
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper .item:nth-child(even) {
padding-left: 15px;
padding-bottom: 15px;
}
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper .item:nth-child(odd) {
padding-right: 15px;
padding-bottom: 15px;
}
}
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper .item .content .item-image {
width: 100%;
height: 240px;
border-radius: 30px;
overflow: hidden;
margin-bottom: 20px;
}
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper .item .content .item-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper .item .content .item-details .item-title {
font-weight: 700;
font-size: 20px;
line-height: 30px;
color: #40c7fc;
padding-bottom: 20px;
}
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper .item .content .item-details .item-description {
font-weight: 400;
font-size: 16px;
line-height: 24px;
display: flex;
flex-direction: column;
color: #0d0d0d;
}
.category-cms .block-horeca-bottom .block-services .list-item .swiper-wrapper .item .content .item-details .item-description span {
padding-bottom: 20px;
}
.cloudebs-slider-container .description {
margin-bottom: 10px;
text-align: center;
}
.cloudebs-slider-container .description .title {
color: #001d3a;
font-weight: 700;
font-size: 34px;
line-height: 1.1;
margin-bottom: 40px;
}
.cloudebs-slider-container .list-sliders {
padding: 0 25px;
}
.cloudebs-slider-container .list-sliders .list-sliders-wrapper {
display: flex;
margin-left: -8px;
margin-right: -8px;
width: calc(100% + 16px);
overflow: hidden;
position: relative;
}
.cloudebs-slider-container .list-sliders .list-sliders-wrapper .swiper-actions .swiper-button-disabled {
display: none;
}
.cloudebs-slider-container .list-sliders .slider-item {
padding: 0 8px;
box-sizing: border-box;
}
.cloudebs-slider-container .list-sliders .slider-item .slider-item-wrapper {
border-radius: 20px;
background: #F6F6F6;
padding: 0 24px;
display: flex;
align-items: center;
border: 1px solid #F6F6F6;
}
.cloudebs-slider-container .list-sliders .slider-item .slider-item-wrapper:hover {
border: 1px solid #30C6FF;
}
.cloudebs-slider-container .list-sliders .slider-image {
margin: 0;
flex-shrink: 0;
}
.cloudebs-slider-container .list-sliders .slider-image img {
height: 118px !important;
width: 136px;
min-height: 118px;
min-width: 136px;
object-fit: cover;
margin: 0;
display: block;
}
.cloudebs-slider-container .list-sliders .slider-details {
padding-left: 24px;
}
.cloudebs-slider-container .list-sliders .slider-details .slider-name {
font-size: 16px;
font-weight: 700;
line-height: 24px;
margin-bottom: 5px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.cloudebs-slider-container .list-sliders .slider-details .view-action {
font-size: 14px;
font-weight: 700;
line-height: 17px;
color: #00469E;
text-decoration: none;
}
.cloudebs-slider-container .list-sliders .slider-details .view-action > span {
padding-right: 15px;
position: relative;
}
.cloudebs-slider-container .list-sliders .slider-details .view-action > span:after {
border: solid #00469e;
border-width: 0 1px 1px 0;
display: block;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
content: '';
position: absolute;
right: 3px;
top: 60%;
}
.cloudebs-slider-container .list-sliders .slider-details .view-action:hover {
color: #00469E;
text-decoration: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn {
transition: all 200ms linear;
margin: auto;
position: relative;
z-index: 1;
background: transparent;
overflow: hidden;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn span {
position: relative;
z-index: 2;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn .bgr-effect {
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
height: 100%;
transition: all 200ms linear;
background: #00469e;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn .checked {
animation: showIconAnimation 0.1s 0.21s ease-in 1;
opacity: 0;
width: 0;
height: 0;
background: green;
border-radius: 50%;
display: block;
line-height: 34px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn .checked svg {
width: 34px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked {
transition: all 0.2s ease;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked .bgr-effect {
display: block;
background-color: #30c6ff;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked span {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked:after {
display: none;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked .dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #fff;
margin-right: 10px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked .dot:nth-last-child(1) {
animation: jumpingAnimationFirstLast 1s 0.1s ease-in infinite;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked .dot:nth-last-child(2) {
animation: jumpingAnimation 1s 0.2s ease-in infinite;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked .dot:nth-last-child(3) {
animation: jumpingAnimation 1s 0.3s ease-in infinite;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked .dot:nth-last-child(4) {
animation: jumpingAnimationFirstLast 1s 0.4s ease-in infinite;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked.added .bgr-effect {
background: green;
width: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked.added .checked {
opacity: 1;
width: 34px;
height: 34px;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked.added span {
color: black;
margin-left: 10px;
display: inline-block;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked.added .dot {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked.added:after {
opacity: 0;
visibility: hidden;
width: 0;
}
.catalog-product-view.page-layout-1column .page-wrapper .page-main .column.main .product-information-top .product-info-main .product-info-right .product-info-form-data .addtocart-custom .addtocart-custom-btn.clicked.added:hover {
background-color: transparent;
}
@keyframes jumpingAnimation {
0% {
transform: translateY(0);
}
25% {
transform: translateY(10px);
}
50% {
transform: translateY(0);
}
75% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
@keyframes jumpingAnimationFirstLast {
0% {
transform: translateY(0);
}
25% {
transform: translateY(5px);
}
50% {
transform: translateY(0);
}
75% {
transform: translateY(-5px);
}
100% {
transform: translateY(0);
}
}
@keyframes showIconAnimation {
0% {
width: 0;
height: 0;
opacity: 0;
}
100% {
width: 34px;
height: 34px;
opacity: 1;
}
}
.page.messages .messages {
padding-bottom: 0;
position: fixed;
cursor: pointer;
right: 20px;
top: 145px;
z-index: 9;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.page.messages .messages .message {
-moz-animation: bounceOutRight 1.5s ease-in 4s forwards;
/* Firefox */
-webkit-animation: bounceOutRight 1.5s ease-in 4s forwards;
/* Safari and Chrome */
-o-animation: bounceOutRight 1.5s ease-in 4s forwards;
/* Opera */
animation: bounceOutRight 1.5s ease-in 4s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.page.messages .messages .message:after {
-moz-animation: runToOff 1.5s ease-in 3s forwards;
/* Firefox */
-webkit-animation: runToOff 1.5s ease-in 3s forwards;
/* Safari and Chrome */
-o-animation: runToOff 1.5s ease-in 3s forwards;
/* Opera */
animation: runToOff 1.5s ease-in 3s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.page.messages .messages .message.success,
.page.messages .messages .message .error,
.page.messages .messages .message .notice {
display: inline-block;
}
.page.messages .messages .message.success:before,
.page.messages .messages .message .error:before,
.page.messages .messages .message .notice:before {
display: block;
content: '';
width: 12px;
height: 12px;
background: transparent url(../images/icon-close.svg) 0% 0% no-repeat padding-box;
background-size: 12px 12px;
background-color: #ffffff;
border-radius: 5px;
position: absolute;
top: 5px;
right: 10px;
}
@-webkit-keyframes runToOff {
0% {
width: 90%;
}
50% {
width: 45%;
}
100% {
width: 0;
}
}
@keyframes runToOff {
0% {
width: 90%;
}
50% {
width: 45%;
}
100% {
width: 0;
}
}
.message.success {
color: #000000;
font: normal normal normal 16px/24px Lato;
background: #eeffea 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 30px #00469E26;
border: 2px solid #FFFFFF;
border-radius: 10px;
margin: 0;
padding-left: 20px;
}
.message.success a {
margin-left: 1px;
}
.message.success:after {
content: "";
width: 0;
background: #45AC2D;
display: block;
height: 2px;
position: absolute;
bottom: 2px;
}
.message.success > *:first-child {
padding-left: 48px;
}
.message.success > *:first-child:before {
content: '';
width: 48px;
height: 100%;
background: transparent url(../images/icon-success.svg) 0% 0% no-repeat padding-box;
background-size: 48px 48px;
background-position: center;
margin: 0 10px 0 0;
top: 0;
border-right: 1px solid #d6e5d2;
}
.message.error {
color: #000000;
font: normal normal normal 16px/24px Lato;
background: #e8f9ff 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 30px #00469E26;
border: 2px solid #FFFFFF;
border-radius: 10px;
margin: 0;
padding-left: 20px;
}
.message.error a {
margin-left: 1px;
}
.message.error:after {
content: "";
width: 0;
background: #00469E;
display: block;
height: 2px;
position: absolute;
bottom: 2px;
}
.message.error > *:first-child {
padding-left: 48px;
}
.message.error > *:first-child:before {
content: '';
width: 64px;
height: 100%;
background: transparent url(../images/icon-information.svg) 0% 0% no-repeat padding-box;
background-size: 48px 48px;
background-position: center;
margin: 0 10px 0 0;
top: 0;
border-right: 1px solid #d6e5d2;
}
.message.notice,
.message.info {
color: #000000;
font: normal normal normal 16px/24px Lato;
background: #fffbed 0% 0% no-repeat padding-box;
box-shadow: 0px 0px 30px #00469E26;
border: 2px solid #FFFFFF;
border-radius: 10px;
margin: 0;
padding-left: 20px;
}
.message.notice:after,
.message.info:after {
content: "";
width: 0;
background: #EABA1A;
display: block;
height: 2px;
position: absolute;
bottom: 2px;
}
.message.notice > *:first-child,
.message.info > *:first-child {
display: flex;
align-items: center;
}
.message.notice > *:first-child:before,
.message.info > *:first-child:before {
display: block;
content: '';
width: 48px;
height: 48px;
background: transparent url(../images/icon-warning.svg) 0% 0% no-repeat padding-box;
background-size: 48px 48px;
margin: 0 10px 0 0;
position: unset;
border-right: 1px solid #d6e5d2;
}
.promo-badge {
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
html {
scroll-padding-top: 80px;
}
@media (max-width: 428px) {
html {
scroll-padding-top: 200px;
}
}
.container {
max-width: 1450px;
padding: 0 20px;
margin: 0 auto;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.container {
max-width: 650px;
}
}
.container-small {
max-width: 1210px;
padding: 0 20px;
margin: 0 auto;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.container-small {
max-width: 650px;
}
}
.page-header {
height: 110px;
}
.page-header .header-custom.desktop .header-right .discover-menu {
transform: translateY(5px);
}
.page-header .header-custom.desktop .header-right .navigation li.level0.level-top > a {
font-size: 20px;
}
.page-header .header-custom.mobile .menu-mobile .navigation .level0.level-top > a {
font-size: 16px;
}
@media (min-width: 768px) {
.breadcrumbs {
position: absolute;
top: 110px;
background: transparent;
}
}
@media (min-width: 768px) {
.breadcrumbs .items {
max-width: 650px;
padding-left: 20px;
padding-right: 20px;
border-bottom: none;
}
}
@media (min-width: 993px) {
.breadcrumbs .items {
max-width: 1450px;
}
}
.columns .column.main {
padding-bottom: 0;
}
.catalog-category-view .header-cms-block {
position: relative;
margin-bottom: 95px;
}
@media (max-width: 1024px) {
.catalog-category-view .header-cms-block {
margin-bottom: 60px;
}
}
@media (max-width: 640px) {
.catalog-category-view .header-cms-block {
margin-bottom: 40px;
}
}
.catalog-category-view .header-cms-block .tech-header {
display: none;
}
.catalog-category-view .lp-ads-message {
margin: 0 auto 95px;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-message {
max-width: 650px;
margin: 0 auto 65px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-message {
margin: 0 auto 45px;
}
}
.catalog-category-view .lp-ads-message .lp-ads-message-wrapper {
padding: 60px 120px;
border-radius: 30px;
border: 1px solid #86B7E7;
background: #F0F6FC;
text-align: center;
box-sizing: border-box;
font-weight: 700;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-message .lp-ads-message-wrapper {
padding: 38px 45px;
border-radius: 20px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-message .lp-ads-message-wrapper {
padding: 80px 37px;
border-radius: 30px;
}
}
.catalog-category-view .lp-ads-message .lp-ads-message-title {
font-size: 49px;
line-height: 59px;
margin-bottom: 30px;
color: #0054A6;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-message .lp-ads-message-title {
max-width: 55%;
margin: 0 auto 30px;
font-size: 26px;
line-height: 31px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-message .lp-ads-message-title {
max-width: 100%;
margin-bottom: 20px;
}
}
.catalog-category-view .lp-ads-message .lp-ads-message-content {
font-size: 24px;
line-height: 29px;
color: #000000;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-message .lp-ads-message-content {
font-size: 12px;
line-height: 14px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-message .lp-ads-message-content {
font-size: 16px;
line-height: 19px;
color: #001746;
}
}
.catalog-category-view .lp-ads-message .lp-ads-message-content p {
margin-bottom: 30px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-message .lp-ads-message-content p {
margin-bottom: 18px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-message .lp-ads-message-content p {
margin-bottom: 20px;
}
}
.catalog-category-view .lp-ads-message .lp-ads-message-content p:nth-last-child {
margin-bottom: 0;
}
.catalog-category-view .main .products-list {
margin: 0;
/*&.first {
@media (min-width: @container_width) {
border: 1px solid @color_white;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
}*/
}
.catalog-category-view .main .products-list .category-title-wrapper {
text-align: center;
}
.catalog-category-view .main .products-list .category-title-wrapper .title {
font-size: 40px;
line-height: 48px;
margin-bottom: 65px;
padding-bottom: 50px;
border-bottom: 1px solid #C2DBF2;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.catalog-category-view .main .products-list .category-title-wrapper .title {
font-size: 22px;
line-height: 26px;
padding-bottom: 15px;
margin-bottom: 60px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .products-list .category-title-wrapper .title {
font-size: 26px;
line-height: 31px;
padding: 0 28px 25px;
margin-bottom: 30px;
}
}
.catalog-category-view .main .products-list .category-title-wrapper .description {
font-size: 16px;
line-height: 20px;
}
.catalog-category-view .main .product-items {
margin: 0;
margin-left: -15px;
margin-right: -15px;
display: flex;
flex-wrap: wrap;
margin-top: -40px;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items {
margin-left: -8px;
margin-right: -8px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .product-items {
margin-left: -10px;
margin-right: -10px;
margin-top: -20px;
}
}
.catalog-category-view .main .product-items .product-item {
width: calc(100%/3);
box-sizing: border-box;
padding: 0 15px;
text-align: center;
margin: 40px 0 0;
display: block;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item {
padding: 0 8px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .product-items .product-item {
width: 50%;
padding: 0 8px;
margin: 20px 0 0;
}
}
.catalog-category-view .main .product-items .product-item:hover img.product-image-photo,
.catalog-category-view .main .product-items .product-item:hover img.photo.image {
transition: all 0.2s ease-in-out;
}
.catalog-category-view .main .product-items .product-item .product-item-info {
transition: none !important;
height: 100%;
display: flex;
flex-direction: column;
width: auto;
text-align: center;
position: relative;
z-index: 1;
}
.catalog-category-view .main .product-items .product-item .product-item-info:hover {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
border: none;
padding: 0;
margin: 0;
z-index: 2;
}
.catalog-category-view .main .product-items .product-item .product-item-info:hover:after {
border-color: #40C7FC;
background-image: linear-gradient(#ffffff 0%, #ffffff 40%, #7dd9fd 80%, #40c7fc 100%);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
}
.catalog-category-view .main .product-items .product-item .product-item-info:hover .product-item-details .price-container .price-box .price-container .price-wrapper .price {
color: #0c5da8;
}
.catalog-category-view .main .product-items .product-item .product-item-info:hover .product-item-details .price-container .price-box .price-container .price-wrapper .price:before {
background: #0c5da8;
}
.catalog-category-view .main .product-items .product-item .product-item-info:hover .product-item-details .price-container .subscription-price .tooltip-toggle:before {
background: #0c5da8;
}
.catalog-category-view .main .product-items .product-item .product-item-info:hover .product-item-details .price-container .subscription-price .price.price-currency {
color: #0c5da8;
}
.catalog-category-view .main .product-items .product-item .product-item-info:hover .product-item-details .price-container .custom-offer .custom-tooltip .tooltip-toggle {
color: #0c5da8;
}
.catalog-category-view .main .product-items .product-item .product-item-info:hover .product-item-details .price-container .custom-offer .custom-tooltip .tooltip-toggle:before {
background: #0c5da8;
}
.catalog-category-view .main .product-items .product-item .product-item-info:hover .product-item-details .actions-primary > a {
border-color: transparent;
}
.catalog-category-view .main .product-items .product-item .product-item-info:after {
content: '';
display: block;
position: absolute;
top: 18%;
bottom: 0;
left: 0;
right: 0;
border: 12px solid #E9E9E9;
box-sizing: border-box;
border-radius: 50px;
z-index: -1;
transition: 0.3s;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info:after {
top: 12%;
border-radius: 30px;
border-width: 6px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo {
/* display: initial; */
position: relative;
padding: 0 0 15px;
width: auto;
background-size: 0;
margin-top: 1px;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo {
padding: 0 0 25px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo {
padding: 0 0 15px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo:after {
content: '';
display: block;
position: absolute;
top: calc(50% - 35px);
left: 0;
width: 100%;
height: 65%;
max-height: 200px;
border: 10px solid #E9E9E9;
box-sizing: border-box;
border-radius: 50px;
z-index: 0;
transform: translateY(-50%);
display: none;
}
@media (max-width: 479px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo:after {
border-radius: 30px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .product-image-container .product-image-wrapper .product-image-photo {
width: 100%;
max-height: unset;
object-fit: cover;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .photo.image {
width: 100%;
height: auto;
position: relative;
z-index: 1;
display: block;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badge.promo {
left: auto;
right: auto;
z-index: 10;
color: #0c5da8;
background-color: transparent;
background-image: url('..//images/badge_label2.png');
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
width: 165px;
height: 29px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
@media (max-width: 1280px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badge.promo {
top: 20px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badge.promo > span {
font-size: 14px;
font-weight: 500;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badge.promo > span .dpoint {
display: none;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badge.promo > span .decimals {
font-size: 0.5em;
vertical-align: baseline;
position: relative;
top: -0.7em;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badge.promo > span .currency-symbol {
font-weight: 300;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badge.campaigns-badge {
display: none;
background: url('../images/campaigns-badge.png') center center no-repeat;
background-size: 100%;
width: 83px;
height: 48px;
position: absolute;
top: -7px;
right: 10px;
text-align: center;
line-height: 45px;
font-size: 13px;
font-weight: 700;
color: #ffffff;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badge.campaigns-badge ~ .black-friday-badge {
display: none;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badge.black-friday-badge {
display: block;
background: url('../images/black-friday-badge.png') center center no-repeat;
background-size: contain;
width: 60px;
height: 50px;
position: absolute;
top: 0;
right: 10px;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badges {
top: 10px;
left: 0;
border-radius: 0;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badges .badge {
background: #e8e8e8;
width: 70px;
height: 30px;
line-height: 30px;
text-align: center;
text-transform: uppercase;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 0;
font-size: 16px;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badges .badge.badge-sale {
color: #ffffff;
background-color: #ff5000;
font-weight: 700;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-photo .badges .badge.badge-sale:before {
content: '-';
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details {
display: flex;
flex-direction: column;
flex-grow: 1;
color: #000000;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .product-details {
display: inline-block;
min-height: 60px;
max-height: 100px;
width: 100%;
overflow: hidden;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title {
max-width: 355px;
margin: 0 auto;
padding: 0 40px;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title {
padding: 0 20px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title {
padding: 0 15px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product-item-name {
margin: 0 0 20px;
text-align: center;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product-item-name {
margin: 0 0 15px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product-item-name {
margin: 0 0 20px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product-item-name > a {
font-size: 30px;
line-height: 28px;
font-weight: 700;
display: block;
text-decoration: none;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product-item-name > a {
font-size: 16px;
line-height: 15px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product-item-name .product-item-link {
max-height: 60px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product-item-name .product-item-link {
max-height: 30px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product.description {
height: 75px;
font-size: 16px;
line-height: 19px;
color: inherit;
margin: 0 auto 20px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
font-weight: 700;
letter-spacing: -0.3px;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product.description {
font-size: 10px;
line-height: 12px;
height: 50px;
margin: 0 auto 30px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details h2.product-title .product.description {
height: 60px;
margin: 0 auto 20px;
-webkit-line-clamp: 5;
line-clamp: 5;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .product-item-actions {
margin-top: auto;
padding: 0 40px 42px;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .product-item-actions {
padding: 0 20px 30px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .product-item-actions {
padding: 0 15px 25px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container {
width: 100%;
margin: 10px 0;
text-align: center;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-evenly;
align-items: baseline;
margin: 0;
margin-bottom: 10px;
margin-right: 0 !important;
font-size: 10px;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price-label {
font-size: 13px;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price-label:after {
content: '';
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price {
display: inline-block;
margin-top: 0px;
font-size: 13px;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price .currency {
font-size: 14px;
vertical-align: super;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .old-price {
display: block;
width: 100%;
text-decoration: none;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .old-price .price-container .price-label {
color: #bbbbbb;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .old-price .price-container .price-wrapper .price {
font-size: 14px;
color: #D3D3D3;
line-height: 18px;
text-decoration: line-through;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .old-price .price-container .price-wrapper .price .currency {
font-size: 12px;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .special-price {
display: block;
width: 100%;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .special-price .price-container .price-label {
color: #000000;
font-weight: 700;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box > .price-container .price-wrapper .price {
color: #000000;
font-size: 18px;
font-weight: 700;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .weee:after {
content: '';
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price {
display: flex;
justify-content: center;
position: relative;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price:hover .tooltip-content {
display: block;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .content {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
@media (max-width: 479px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .content {
justify-content: flex-start;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-toggle {
position: static;
display: inline-flex;
align-items: center;
font-size: 16px;
font-weight: 500;
color: #40c7fc;
line-height: 30px;
cursor: help;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-toggle:before {
display: block;
content: '';
width: 12px;
height: 12px;
-webkit-mask-image: url(../images/note_icon.svg);
mask-image: url(../images/note_icon.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 5px 8px 0;
position: static;
transform: none;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-content {
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16);
width: 200px;
left: auto;
right: -15px;
top: 50%;
bottom: auto;
padding: 18px;
line-height: 22px;
margin-bottom: 0;
box-sizing: border-box;
transform: translate(100%, -50%);
background: #ffffff;
max-width: 360px;
min-width: 210px;
z-index: 3;
display: none;
position: absolute;
text-align: left;
color: #333333;
border: 1px solid #40c7fc;
border-radius: 20px;
font-size: 14px;
}
@media (max-width: 479px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-content {
width: 185px;
padding: 15px;
min-width: 185px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-content.left {
right: auto;
left: -15px;
transform: translate(-100%, -50%);
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-content.left:before {
border-right-color: transparent;
border-left-color: #40c7fc;
right: -20px;
left: auto;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-content.left:after {
border-right-color: transparent;
border-left-color: #ffffff;
right: -18px;
left: auto;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-content:before,
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-content:after {
border: solid transparent;
content: '';
height: 0;
position: absolute;
width: 0;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-content:before {
border-top-color: transparent;
border-right-color: #40c7fc;
top: 50%;
left: -10px;
transform: translateY(-50%);
margin-left: -10px;
border-width: 10px;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-content:after {
border-top-color: transparent;
border-right-color: #ffffff;
top: 50%;
left: -9px;
transform: translateY(-50%);
margin-left: -9px;
border-width: 9px;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .price.price-currency {
font-size: 24px;
font-weight: 900;
color: #40c7fc;
line-height: 30px;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .price.price-currency .currency {
font-size: 14px;
vertical-align: super;
margin-left: 0;
font-weight: 400;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price.price-original {
margin-top: 10px;
color: inherit;
font-size: 12px;
font-weight: 700;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price.price-original .decimals {
font-size: 1em;
top: 0;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container {
margin: 0;
height: auto;
}
@media (max-width: 479px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container {
text-align: left;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container.price-wrapper {
margin: 0 0 20px;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container.price-wrapper {
margin: 0 0 10px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container.price-wrapper {
margin: 0 0 15px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-toggle:before {
width: 16px;
height: 16px;
margin: 10px 20px 8px 0;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .tooltip-toggle:before {
width: 10px;
height: 10px;
margin: 10px 6px 8px 0;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .price.price-currency {
font-size: 40px;
font-weight: 900;
color: #40c7fc;
line-height: 48px;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .price.price-currency {
font-size: 14px;
line-height: 18px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .price.price-currency:before {
display: none;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .price.price-currency .decimals {
position: static;
font-size: unset;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .subscription-price .price.price-currency .currency {
margin-left: 5px;
vertical-align: baseline;
font-size: unset;
font-weight: 700;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box {
flex-direction: column;
align-items: center;
margin: 0;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price-container .price-wrapper .price {
font-size: 40px;
font-weight: 900;
color: #40c7fc;
line-height: 48px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price-container .price-wrapper .price {
font-size: 14px;
line-height: 18px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price-container .price-wrapper .price:before {
display: block;
content: '';
width: 16px;
height: 16px;
-webkit-mask-image: url(../images/circle_check.svg);
mask-image: url(../images/circle_check.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 20px 8px 0;
position: static;
transform: none;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price-container .price-wrapper .price:before {
width: 10px;
height: 10px;
margin: 10px 6px 8px 0;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price-container .price-wrapper .price .currency {
margin-left: 5px;
vertical-align: baseline;
font-size: unset;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .price-box .price-label {
display: none;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .custom-offer .custom-tooltip .tooltip-toggle {
color: #40c7fc;
cursor: help;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .custom-offer .custom-tooltip .tooltip-toggle:hover {
text-decoration: underline;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .custom-offer .custom-tooltip .tooltip-toggle:before {
display: block;
content: '';
width: 16px;
height: 16px;
-webkit-mask-image: url(../images/circle_check.svg);
mask-image: url(../images/circle_check.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
-mask-size: contain;
background: #40c7fc;
margin: 10px 20px 8px 0;
position: static;
transform: none;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .price-container .custom-offer .custom-tooltip .tooltip-toggle:before {
width: 10px;
height: 10px;
margin: 10px 6px 8px 0;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .promo-message {
font-size: 14px;
font-weight: 700;
text-align: center;
margin-bottom: 20px;
color: #9E0623;
}
@media (max-width: 767px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .promo-message {
margin-bottom: 5px;
}
}
@media (max-width: 479px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .promo-message {
font-size: 12px;
text-align: left;
line-height: 20px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .actions-primary > a {
background-color: #ffffff;
font-weight: 700;
width: 170px;
line-height: 36px;
box-sizing: border-box;
border: 2px solid #0054A6;
border-radius: 60px;
color: #0054A6;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .actions-primary > a {
font-size: 10px;
line-height: 29px;
height: 33px;
max-width: 105px;
}
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .actions-primary > a > span {
padding: 0;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .actions-primary > a > span:after {
display: none;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .product-item-inner {
display: inline-block !important;
position: relative !important;
height: auto;
width: 100%;
padding: 0;
margin: 0;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions {
display: inline-block;
width: 100%;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions .actions-primary {
display: inline-block;
width: 100%;
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions .actions-primary .product-list_vezi-detalii {
display: inline-block;
color: #ffffff;
background-color: #f59622;
border: 1px solid #f59622;
border-radius: 3px;
font-weight: normal;
text-align: center;
cursor: pointer;
font-size: 16px;
padding: 10px 0;
width: 100%;
clear: both;
transition: all 0.2s ease-in-out;
/* text-transform: uppercase; */
}
.catalog-category-view .main .product-items .product-item .product-item-info .product-item-details .product-item-inner .product-item-actions .actions-primary .product-list_vezi-detalii:hover {
text-decoration: none;
color: #ffffff;
background-color: #da7c0a;
border: 1px solid #da7c0a;
transition: all 0.2s ease-in-out;
}
.catalog-category-view .main .product-list-wrapper {
box-sizing: border-box;
padding: 0 20px 125px;
position: relative;
}
@media (max-width: 1024px) {
.catalog-category-view .main .product-list-wrapper {
padding: 0 20px 105px;
}
}
@media (max-width: 640px) {
.catalog-category-view .main .product-list-wrapper {
padding: 0 20px 85px;
}
}
.catalog-category-view .main .product-list-wrapper:after {
content: '';
display: block;
width: 100vW;
height: 1px;
left: 50%;
transform: translate(-50%, 0);
position: absolute;
bottom: 0;
background: #9E0623;
}
.catalog-category-view .lp-ads-block .lp-ads-block-wrapper {
width: 100%;
text-align: center;
padding: 0 20px 105px;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block .lp-ads-block-wrapper {
padding: 0 20px 60px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block .lp-ads-block-wrapper {
padding: 0 20px 85px;
}
}
.catalog-category-view .lp-ads-block .lp-ads-title {
color: #000000;
font-size: 24px;
line-height: 29px;
margin-bottom: 55px;
font-weight: 700;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block .lp-ads-title {
font-size: 16px;
line-height: 19px;
margin-bottom: 33px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block .lp-ads-title {
padding: 0 20px;
box-sizing: border-box;
margin-bottom: 20px;
}
}
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list {
display: flex;
gap: 45px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list {
gap: 16px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list {
gap: 31px;
flex-wrap: wrap;
}
}
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item {
display: flex;
flex-direction: column;
background: #F0F6FC;
border: 1px solid #86B7E7;
box-sizing: border-box;
width: 33.33%;
padding: 30px 40px 45px;
border-radius: 30px;
transition: all 0.2s;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item {
padding: 27px 23px 25px;
border-radius: 20px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item {
padding: 25px 38px;
border-radius: 30px;
width: 100%;
}
}
@media (max-width: 480px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item {
padding: 0 38px;
justify-content: center;
min-height: 320px;
}
}
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item:hover {
background: #ffffff;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image {
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image {
margin-bottom: 20px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image {
margin-bottom: 22px;
}
}
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image img {
max-width: 145px;
max-height: 145px;
display: block;
margin: 0 auto;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image img {
max-width: 75px;
max-height: 75px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image img {
max-width: 100px;
max-height: 100px;
}
}
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info {
font-size: 18px;
line-height: 22px;
font-weight: 700;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info {
font-size: 10px;
line-height: 12px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info {
font-size: 14px;
line-height: 17px;
}
}
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-name {
margin-bottom: 22px;
color: #001746;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-name {
font-size: 12px;
line-height: 14px;
margin-bottom: 14px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-name {
font-size: 16px;
line-height: 19px;
margin-bottom: 19px;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-block-wrapper {
padding: 0 20px 150px;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-block-wrapper {
padding: 0 20px 65px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-block-wrapper {
padding: 0 20px 45px;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-title {
font-size: 40px;
line-height: 48px;
margin-bottom: 65px;
padding-bottom: 50px;
border-bottom: 1px solid #C2DBF2;
box-sizing: border-box;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-title {
font-size: 22px;
line-height: 26px;
padding-bottom: 15px;
margin-bottom: 70px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-title {
font-size: 26px;
line-height: 31px;
padding: 0 28px 25px;
margin-bottom: 45px;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list {
flex-wrap: wrap;
gap: 40px 35px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list {
gap: 18px 15px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list {
gap: 25px;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item {
width: calc(33.33% - 23.5px);
min-height: 270px;
flex-direction: row;
padding: 30px 35px;
align-items: center;
box-sizing: border-box;
text-align: left;
}
@media (max-width: 1439px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item {
padding: 30px 20px;
}
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item {
width: calc(33.33% - 10px);
flex-direction: column;
padding: 20px 15px 10px;
text-align: center;
min-height: 192px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item {
width: 100%;
padding: 25px 22px;
min-height: 160px;
flex-direction: row;
text-align: left;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 25px;
}
@media (max-width: 1439px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image img {
max-width: 75px;
max-height: 75px;
}
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image img {
max-width: 55px;
max-height: 55px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image img {
max-width: 100px;
max-height: 100px;
}
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image {
margin-bottom: 12px;
margin-right: 0;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-image {
margin-bottom: 0;
margin-right: 17px;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info {
font-weight: 400;
margin: auto;
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info {
margin: 0;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-name {
margin-bottom: 0;
color: #0c5da8;
}
@media (max-width: 1439px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-name {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-name {
font-size: 10px;
line-height: 12px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-name {
font-size: 14px;
line-height: 17px;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-description {
font-size: 13px;
line-height: 16px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-description {
font-size: 10px;
line-height: 12px;
text-align: left;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-description {
font-size: 14px;
line-height: 17px;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-description ol {
margin: 0;
margin-top: 10px;
padding-left: 15px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-description ol {
margin-top: 5px;
padding-left: 10px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-description ol {
margin-top: 2px;
padding-left: 15px;
}
}
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-description ol > li {
margin-bottom: 5px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-block.lp-ads-bottom .lp-ads-content .lp-ads-list .lp-ads-item .lp-ads-info .lp-ads-item-description ol > li {
margin-bottom: 3px;
}
}
.catalog-category-view .lp-ads-smart-technology {
margin-bottom: 85px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-smart-technology {
margin-bottom: 80px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-smart-technology {
margin-bottom: 55px;
}
}
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-title {
margin: 0 auto 60px;
text-align: center;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-title {
margin: 0 auto 30px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-title {
margin: 0 auto 35px;
padding: 0 40px;
}
}
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-title .sub-title {
font-size: 30px;
line-height: 36px;
font-weight: 700;
color: #001746;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-title .sub-title {
font-size: 16px;
line-height: 19px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-title .sub-title {
margin-bottom: 20px;
}
}
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-title .title {
font-size: 49px;
line-height: 59px;
font-weight: 700;
color: #0c5da8;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-title .title {
font-size: 26px;
line-height: 31px;
}
}
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content-wrap {
background: #40C7FC;
}
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content {
padding: 64px 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content {
padding: 50px 20px;
flex-direction: column;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content {
padding: 68px 20px;
}
}
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-info {
max-width: 480px;
color: #ffffff;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-info {
max-width: 100%;
text-align: center;
margin-bottom: 20px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-info {
margin-bottom: 45px;
}
}
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-info .lp-ads-technology-title {
font-size: 40px;
line-height: 48px;
font-weight: 700;
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-info .lp-ads-technology-title {
font-size: 26px;
line-height: 31px;
margin-bottom: 15px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-info .lp-ads-technology-title {
margin-bottom: 20px;
}
}
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-info .lp-ads-technology-description {
font-size: 18px;
line-height: 22px;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-info .lp-ads-technology-description {
font-size: 14px;
line-height: 17px;
}
}
@media (max-width: 640px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-info .lp-ads-technology-description {
font-size: 16px;
line-height: 19px;
}
}
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-video .youtube-player {
border-radius: 22px;
max-width: 100%;
}
@media (max-width: 1024px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-video .youtube-player {
margin: 0 auto;
width: 462px;
height: 257px;
}
}
@media (max-width: 480px) {
.catalog-category-view .lp-ads-smart-technology .lp-ads-smart-technology-content .lp-ads-technology-video .youtube-player {
height: 210px;
}
}
.catalog-category-view .backtotop-container {
display: none !important;
}
.catalog-category-view .backtotop-wrapper {
display: inline;
position: fixed;
right: 20px;
bottom: 60px;
z-index: 10;
width: auto;
background: transparent;
text-shadow: -1px -1px 0 #000000, 0 -1px 0 #000000, 1px -1px 0 #000000, 1px 0 0 #000000, 1px 1px 0 #000000, 0 1px 0 #000000, -1px 1px 0 #000000, -1px 0 0 #000000;
}
@media (min-width: 1440px) {
.catalog-category-view .backtotop-wrapper {
bottom: 40px;
}
}
.catalog-category-view .backtotop-wrapper .backtotop-link {
font-size: 16px;
text-transform: uppercase;
width: 100%;
text-align: center;
padding: 0;
margin: 0;
display: inline;
color: #ffffff;
background: unset;
background-color: unset;
}
@media (min-width: 768px) {
.catalog-category-view .backtotop-wrapper .backtotop-link:hover {
color: #e6e6e6;
transition: 0.3s;
}
}
@media (max-width: 480px) {
.catalog-category-view .backtotop-wrapper .backtotop-link {
margin: 10px auto;
display: inline-block;
}
}
@media (max-width: 1024px) {
.catalog-category-view .backtotop-wrapper .backtotop-link {
display: block;
width: 40px;
height: 40px;
background: url('..//images/arrow_up.png') center center no-repeat;
background-size: cover;
}
.catalog-category-view .backtotop-wrapper .backtotop-link > span {
display: none;
}
}
@media (min-width: 768px) {
.customer-account-login .page-main {
border-radius: 30px 30px 0 0;
overflow: hidden;
margin-top: -30px;
}
}
@media (min-width: 768px) {
.customer-account-login .page-main:after {
display: none;
}
}
.customer-login-container-main .login-logo {
display: none;
}
.customer-login-container-main .login-email-check .block-content .form .actions-additional .action,
.customer-login-container-main .register-container .block-content .form .actions-additional .action,
.customer-login-container-main .login-container .block-content .form .actions-additional .action {
line-height: 24px;
}
.customer-login-container-main .login-email-check .block-content .fieldset .field:not(.choice) > .control input[type="email"]:read-only,
.customer-login-container-main .register-container .block-content .fieldset .field:not(.choice) > .control input[type="email"]:read-only,
.customer-login-container-main .login-container .block-content .fieldset .field:not(.choice) > .control input[type="email"]:read-only {
background: #F5F5F5;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.customer-login-container-main .login-email-check .block-content .fieldset .field:not(.review-field-rating).choice:has(input[type="checkbox"]) label:before,
.customer-login-container-main .register-container .block-content .fieldset .field:not(.review-field-rating).choice:has(input[type="checkbox"]) label:before,
.customer-login-container-main .login-container .block-content .fieldset .field:not(.review-field-rating).choice:has(input[type="checkbox"]) label:before {
height: 24px;
width: 24px;
}
.customer-login-container-main .login-email-check .block-content .fieldset .field:not(.review-field-rating).choice:has(input[type="checkbox"]) input:checked + label:after,
.customer-login-container-main .register-container .block-content .fieldset .field:not(.review-field-rating).choice:has(input[type="checkbox"]) input:checked + label:after,
.customer-login-container-main .login-container .block-content .fieldset .field:not(.review-field-rating).choice:has(input[type="checkbox"]) input:checked + label:after {
height: 24px;
width: 24px;
background-size: 70%;
}
.customer-login-container-main .login-email-check .block-content .fieldset .field.mp_refer,
.customer-login-container-main .register-container .block-content .fieldset .field.mp_refer,
.customer-login-container-main .login-container .block-content .fieldset .field.mp_refer {
display: none;
}
.customer-login-container-main .login-email-check .block.account-social-login,
.customer-login-container-main .register-container .block.account-social-login,
.customer-login-container-main .login-container .block.account-social-login {
float: none;
width: auto;
}
.customer-login-container-main .account-social-login {
margin: 0;
}
.customer-login-container-main .account-social-login .block-content {
max-width: 435px;
margin: 0 auto;
min-width: 300px;
}
.customer-login-container-main .account-social-login .block-content .social-divider {
height: 25px;
line-height: 25px;
position: relative;
font-size: 14px;
font-weight: 600;
margin-bottom: 23px;
}
@media (max-width: 767px) {
.customer-login-container-main .account-social-login .block-content .social-divider {
margin-bottom: 35px;
}
}
.customer-login-container-main .account-social-login .block-content .social-divider:before {
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
background: rgba(0, 0, 0, 0.2);
z-index: 0;
top: 50%;
}
.customer-login-container-main .account-social-login .block-content .social-divider span {
width: 75px;
background: #ffffff;
display: block;
margin: 0 auto;
z-index: 1;
position: relative;
}
.customer-login-container-main .account-social-login .block-content .social-button {
display: flex;
justify-content: space-between;
margin-left: -12px;
margin-right: -12px;
}
@media (max-width: 1023px) {
.customer-login-container-main .account-social-login .block-content .social-button {
flex-direction: column;
}
}
.customer-login-container-main .account-social-login .block-content .social-btn {
margin-top: 0;
width: 50%;
padding: 0 12px;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.customer-login-container-main .account-social-login .block-content .social-btn {
width: 100%;
margin-bottom: 23px;
}
}
.customer-login-container-main .account-social-login .block-content .social-btn.facebook-login {
order: 2;
}
.customer-login-container-main .account-social-login .block-content .social-btn .btn-social {
padding: 0;
height: 40px;
line-height: 40px;
border-radius: 20px;
font-size: 14px;
font-weight: 600;
font-family: "Lato";
border: 1px solid #2B7AEE;
text-align: center;
}
.customer-login-container-main .account-social-login .block-content .social-btn .btn-social > :first-child {
border: none;
position: static;
display: inline-block;
vertical-align: middle;
margin-top: -3px;
}
.customer-login-container-main .account-social-login .block-content .social-btn .btn-social.btn-google {
color: #00469E;
background: #ffffff;
border-color: #00469E;
}
.customer-login-container-main .account-social-login .block-content .social-btn .btn-social.btn-google .fa-google {
width: 34px;
height: 34px;
}
.customer-login-container-main .account-social-login .block-content .social-btn .btn-social.btn-facebook {
background: #2B7AEE;
color: #ffffff;
}
.customer-login-container-main .account-social-login .block-content .social-btn .btn-social.btn-facebook .fa-facebook {
width: 22px;
height: 22px;
background: #ffffff;
-webkit-mask-image: url('../CloudEBS_CustomLogin/images/facebook_social_icon.svg');
mask-image: url('../CloudEBS_CustomLogin/images/facebook_social_icon.svg');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
margin-right: 8px;
}
.customer-login-container-main .account-social-login .block-content .social-btn .btn-social.btn-facebook .fa-facebook:before {
content: '';
}
.customer-address-index .page-title-wrapper .page-title {
display: none;
}
.block-addresses-list {
margin: 0;
}
@media (max-width: 767px) {
.additional-addresses {
padding: 0 25px;
}
}
.additional-addresses .additional-shipping-addresses {
padding-top: 15px;
}
.additional-addresses .additional-billing-addresses {
margin-top: 60px;
}
.additional-addresses .caption {
margin-bottom: 48px;
}
.additional-addresses .caption .title {
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
.additional-addresses .caption .actions-toolbar .primary button,
.additional-addresses .caption .actions-toolbar .primary .cart.table-wrapper .actions-toolbar > .action,
.additional-addresses .caption .actions-toolbar .primary .action-gift {
font-size: 14px;
padding: 0 30px;
color: #ffffff;
background: #00469E;
border-color: #00469E;
}
.additional-addresses .caption .actions-toolbar .primary button span:after,
.additional-addresses .caption .actions-toolbar .primary .cart.table-wrapper .actions-toolbar > .action span:after,
.additional-addresses .caption .actions-toolbar .primary .action-gift span:after {
border-color: #ffffff;
}
@media (max-width: 639px) {
.additional-addresses .additional-addresses-items {
flex-direction: column;
}
}
.additional-addresses .additional-addresses-items .additional-address {
padding: 25px;
margin: 0 0 20px 0;
width: calc(50% - 8px);
border-radius: 30px;
border-color: rgba(0, 0, 0, 0.2);
min-height: 185px;
}
@media (max-width: 991px) {
.additional-addresses .additional-addresses-items .additional-address {
width: 100%;
}
}
@media (max-width: 639px) {
.additional-addresses .additional-addresses-items .additional-address {
flex-direction: row;
padding: 25px 15px;
min-height: auto;
}
}
.additional-addresses .additional-addresses-items .additional-address.selected {
border: 1px solid rgba(0, 0, 0, 0.2);
width: calc(50% - 8px);
}
@media (max-width: 991px) {
.additional-addresses .additional-addresses-items .additional-address.selected {
width: 100%;
}
}
.additional-addresses .additional-addresses-items .additional-address.address-pj {
width: calc(50% - 8px);
}
@media (max-width: 991px) {
.additional-addresses .additional-addresses-items .additional-address.address-pj {
width: 100%;
}
}
.additional-addresses .additional-addresses-items .additional-address.address-pj .additional-addresses-content {
width: 100%;
}
.additional-addresses .additional-addresses-items .additional-address.address-pj .additional-addresses-content.default {
width: max-content;
}
.additional-addresses .additional-addresses-items .additional-address .address-icon {
width: 65px;
flex-shrink: 0;
}
@media (max-width: 639px) {
.additional-addresses .additional-addresses-items .additional-address .address-icon {
width: 42px;
}
}
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-content {
padding-left: 15px;
box-sizing: border-box;
position: relative;
display: flex;
flex-direction: column;
}
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-content.default {
position: absolute;
top: 0;
right: 0;
padding: 0;
width: max-content;
}
@media (max-width: 639px) {
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-content.default {
position: static;
margin-bottom: 15px;
}
}
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-content.default span {
height: 23px;
line-height: 23px;
background: rgba(0, 70, 158, 0.5);
padding: 0 8px;
font-size: 12px;
color: #ffffff;
font-weight: 700;
letter-spacing: 0;
}
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-content.default span:before {
display: none;
}
.additional-addresses .additional-addresses-items .additional-address .additional-addresses-details {
line-height: 21px;
margin-bottom: 15px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.additional-addresses .additional-addresses-items .additional-address strong {
margin-bottom: 3px;
}
.additional-addresses .additional-addresses-items .additional-address .col.phone {
margin-bottom: 15px;
}
.additional-addresses .additional-addresses-items .additional-address .company-info,
.additional-addresses .additional-addresses-items .additional-address .bank-info {
margin-bottom: 15px;
font-size: 14px;
line-height: 18px;
}
.additional-addresses .additional-addresses-items .additional-address .address-info {
margin-top: auto;
}
.additional-addresses .additional-addresses-items .additional-address .actions {
display: block;
margin-top: auto;
}
.additional-addresses .additional-addresses-items .additional-address .actions .action {
font-size: 14px;
font-weight: 600;
text-transform: none;
color: #00469E;
margin-right: 15px;
line-height: 18px;
position: relative;
padding-right: 10px;
}
@media (max-width: 639px) {
.additional-addresses .additional-addresses-items .additional-address .actions .action {
display: block;
width: max-content;
}
}
@media (max-width: 639px) {
.additional-addresses .additional-addresses-items .additional-address .actions .action:not(:last-child) {
margin-bottom: 15px;
}
}
.additional-addresses .additional-addresses-items .additional-address .actions .action:hover {
text-decoration: none;
}
.additional-addresses .additional-addresses-items .additional-address .actions .action.delete {
color: #EA4B1B;
}
.additional-addresses .additional-addresses-items .additional-address .actions .action.delete:after {
border-color: #EA4B1B;
}
.additional-addresses .additional-addresses-items .additional-address .actions .action:after {
display: inline-block;
content: '';
border: solid #00469e;
border-width: 0 1px 1px 0;
padding: 2px;
transform: translateY(-50%) rotate(-45deg);
vertical-align: -webkit-baseline-middle;
position: absolute;
right: 3px;
top: 60%;
}
@media (max-width: 639px) {
.additional-addresses .additional-addresses-items .additional-address .actions .action:after {
top: 56%;
}
}
@media (max-width: 767px) {
.form-address-edit {
padding: 0 25px;
}
}
.form-address-edit .readonly.mage-error {
border-color: #ea4b1b;
}
.form-address-edit select {
height: 43px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.form-address-edit fieldset:not(:last-of-type) {
margin-bottom: 0;
}
.form-address-edit fieldset > .field.choice.pj {
display: none;
}
.form-address-edit fieldset > .field.select label,
.form-address-edit fieldset > .field.region label,
.form-address-edit fieldset > .field.country label {
padding: 0 5px !important;
transform: none !important;
}
.form-address-edit fieldset > .field input ~ .description,
.form-address-edit fieldset > .field select ~ .description,
.form-address-edit fieldset > .field textarea ~ .description {
font-size: 12px;
padding: 0 5px;
margin-top: 5px;
display: block;
}
.form-address-edit .actions-toolbar {
margin-left: 0 !important;
}
@media (max-width: 767px) {
.form-address-edit .actions-toolbar .actions {
margin-bottom: 35px;
}
}
.form-address-edit .actions-toolbar .actions .action-primary,
.form-address-edit .actions-toolbar .actions .actions-primary > a {
font-size: 14px;
padding: 0 30px;
color: #ffffff;
background: #00469E;
border-color: #00469E;
}
.form-address-edit .actions-toolbar .actions .action-primary:hover,
.form-address-edit .actions-toolbar .actions .actions-primary > a:hover {
font-weight: 400;
}
.form-address-edit .actions-toolbar .actions .action-primary span:after,
.form-address-edit .actions-toolbar .actions .actions-primary > a span:after {
border-color: #ffffff;
}
.form-address-edit .actions-toolbar > .secondary .action.back {
display: block;
text-align: right;
text-decoration: underline;
}
.blog-author-view .post-author-avatar a img,
.blog-post-view .post-author-avatar a img {
border-radius: 50%;
}
.blog-author-view .author-detail,
.blog-post-view .author-detail {
padding: 20px 65px;
margin-bottom: 30px;
border: none;
}
@media (max-width: 479px) {
.blog-author-view .author-detail,
.blog-post-view .author-detail {
padding: 0px 25px;
}
}
.blog-author-view .author-detail .block-info,
.blog-post-view .author-detail .block-info {
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
}
.blog-author-view .author-detail .block-info .block-img,
.blog-post-view .author-detail .block-info .block-img {
width: auto;
flex: none;
margin: 0;
}
.blog-author-view .author-detail .block-info .block-img .author-image,
.blog-post-view .author-detail .block-info .block-img .author-image {
width: 150px;
height: auto;
border-radius: 50%;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.blog-author-view .author-detail .block-info .block-data .author-name,
.blog-post-view .author-detail .block-info .block-data .author-name {
margin: 30px 0;
font-size: 48px;
line-height: 55px;
font-weight: 700;
text-align: center;
color: #000000;
}
@media (max-width: 479px) {
.blog-author-view .author-detail .block-info .block-data .author-name,
.blog-post-view .author-detail .block-info .block-data .author-name {
margin: 20px 0;
font-size: 28px;
line-height: 35px;
}
}
.blog-author-view .author-detail .block-info .block-data .author-name .author-url,
.blog-post-view .author-detail .block-info .block-data .author-name .author-url {
color: inherit;
}
.blog-author-view .author-detail .block-info .block-data .author-name .author-url:hover,
.blog-post-view .author-detail .block-info .block-data .author-name .author-url:hover {
text-decoration: none;
}
.blog-author-view .author-detail .block-info .block-data .author-role,
.blog-post-view .author-detail .block-info .block-data .author-role {
opacity: .7;
margin: 5px 0;
font-weight: 600;
}
.blog-author-view .author-detail .block-info .block-data .social-icons,
.blog-post-view .author-detail .block-info .block-data .social-icons {
display: flex;
justify-content: center;
}
.blog-author-view .author-detail .block-info .block-data .social-icons .icon,
.blog-post-view .author-detail .block-info .block-data .social-icons .icon {
padding: 5px;
}
.blog-author-view .author-detail .block-info .block-data .social-icons .icon:nth-child(1),
.blog-post-view .author-detail .block-info .block-data .social-icons .icon:nth-child(1) {
padding-left: 0;
}
.blog-author-view .author-detail .block-info .block-data .social-icons .icon img,
.blog-post-view .author-detail .block-info .block-data .social-icons .icon img {
width: 25px;
height: 25px;
}
.blog-author-view .author-detail .block-info .block-data .social-icons .icon img:hover,
.blog-post-view .author-detail .block-info .block-data .social-icons .icon img:hover {
opacity: .7;
}
.blog-author-view .author-detail .block-info .block-data .block-description,
.blog-post-view .author-detail .block-info .block-data .block-description {
width: 100%;
line-height: 1.65;
max-width: 660px;
}
@media (max-width: 479px) {
.blog-author-view .author-detail .block-info .block-data .block-description,
.blog-post-view .author-detail .block-info .block-data .block-description {
font-size: 14px;
}
}
.blog-author-view .author-detail .block-info .block-data .block-description .block-content,
.blog-post-view .author-detail .block-info .block-data .block-description .block-content {
margin-top: 0;
}
.blog-author-view .author-detail .block-info .block-data .block-description .block-content .author-description,
.blog-post-view .author-detail .block-info .block-data .block-description .block-content .author-description {
display: none;
text-align: center;
}
.blog-author-view .author-detail .block-info .block-data .block-description .block-content .author-description.visible,
.blog-post-view .author-detail .block-info .block-data .block-description .block-content .author-description.visible {
display: block;
}
.blog-author-view .author-detail .block-info .block-data .block-description .block-content .load-more,
.blog-post-view .author-detail .block-info .block-data .block-description .block-content .load-more {
display: none;
color: #000000;
}
.blog-author-view .author-detail .block-info .block-data .block-description .block-content .load-more:after,
.blog-post-view .author-detail .block-info .block-data .block-description .block-content .load-more:after {
content: '\2197';
}
.blog-author-view .author-detail .block-info .block-data .block-description .block-content .load-more.visible,
.blog-post-view .author-detail .block-info .block-data .block-description .block-content .load-more.visible {
display: block;
}
.blog-author-view .author-detail .block-info .block-data .block-description .block-content .load-more:hover,
.blog-post-view .author-detail .block-info .block-data .block-description .block-content .load-more:hover {
text-decoration: none;
}
.blog-author-view .author-detail .a-right,
.blog-post-view .author-detail .a-right {
text-align: right;
}
.blog-author-view .author-detail .a-right .action-primary,
.blog-post-view .author-detail .a-right .action-primary {
border: 1px solid #1979c3;
color: #fff;
}
.blog-page-list .post-list-wrapper .post-list .post-image .post-author-avatar a img {
border-radius: 50%;
}
.blog-author-view.page-layout-2columns-right .column.main {
width: 100%;
}
.blog-author-view .page-title-wrapper {
display: none;
}
.blog-author-view .author-detail {
padding: 0 20px;
border: none;
}
.blog-author-view .author-detail .block-description {
text-align: center;
}