@charset "UTF-8";
/* ---- globals ---- */
/* inputs */
/* ???? */
/* categories navigation */
/* compare products */
/* page structure */
/* mechanics and animations */
/* --- components ---- */
/* no image icon */
/* basic dropdowns (dropdowns from init.js) */
/* miniboxes */
/* waiting circle */
/* newsletter */
/* small cart */
/* stepper */
/* tables */
/* tooltips */
/* tooltips and modals */
/* ---- pages ---- */
/* product list */
/* product details */
/* message bars and texts */
/* cart */
/* editing order stuff */
/* Other */
* {
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
svg {
vertical-align: middle;
max-height: 40rem;
max-width: 30rem;
}
input,
label,
select,
button,
textarea {
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
font-size: inherit;
line-height: inherit;
font-family: "Roboto", sans-serif;
}
input:focus-visible,
label:focus-visible,
select:focus-visible,
button:focus-visible,
textarea:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
z-index: 1;
}
iframe:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
z-index: 1;
}
select, option {
font-family: "Roboto", sans-serif;
}
html {
position: relative;
min-height: 100vh;
min-height: 100dvh;
font-size: 16px;
}
.narrow-container-ui {
width: 100%;
}
.container, .container-ui {
width: 93%;
margin: auto;
}
body {
min-height: 100%;
margin: 0;
font-family: "Roboto", sans-serif;
background: ;
font-weight: 400;
overflow-y: scroll;
line-height: 1.5em;
}
body.with-editing-order-message-ui {
margin-top: 55px;
}
body .docket {
position: absolute;
margin-top: 30px;
color: #717171;
font-size: 13px;
}
@media screen and (max-width: 1280px) {
body .docket {
margin-top: 20px;
font-size: 11px;
}
}
img {
max-width: 100%;
}
img:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
z-index: 1;
}
img[src="css/img/alo.gif"] {
height: fit-content !important;
width: fit-content !important;
margin-left: auto;
margin-right: auto;
}
i {
color: ;
cursor: inherit !important;
}
i:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
z-index: 1;
}
i:hover {
cursor: pointer;
}
.ti-close {
color:  !important;
}
.ti-close :hover {
cursor: pointer;
}
.cancel-ui i {
font-size: 16px !important;
}
a {
color: ;
text-decoration: none;
}
a:focus-visible {
outline-style: solid;
outline-color: #D30326;
outline-width: 2px;
outline-offset: 2px;
z-index: 1;
}
mark {
background: #fdd835;
}
a:hover {
color: ;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
i {
color: inherit;
}
button, input[type=checkbox] {
cursor: pointer;
font-family: "Roboto", sans-serif;
}
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
display: none;
}
@media screen and (min-width: 768px) {
.hide-on-desktop {
display: none;
}
}
h2, .section-title {
border-left: 4px solid ;
font-weight: 500;
padding: 8px 15px;
margin-bottom: 20px;
font-size: 1.2rem;
}
h3, .label-ui {
font-weight: 400;
}
h1:first-child, h2:first-child, h3:first-child {
margin-top: 0;
}
input {
padding: 10px;
}
input[type=number] {
-moz-appearance: textfield;
padding: 0 10px;
}
input {
background: ;
border: 1px solid #DDDDDD;
font-size: 1rem;
vertical-align: bottom;
}
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
display: none;
}
:invalid, :-moz-submit-invalid, :-moz-ui-invalid {
box-shadow: none;
}
.requirements-label-ui {
font-size: small;
}
.f-left-ui {
display: block;
float: left;
}
.f-left-ui-abs {
position: absolute;
}
.f-right-ui {
display: block;
float: right;
}
.clear-after-ui::after, .div-table-row-ui::after {
display: block;
clear: both;
content: "";
}
.flex-ui, .image-container-ui {
display: -ms-flexbox;
display: flex;
}
.inline-flex-ui {
display: -ms-inline-flexbox;
display: inline-flex;
}
.flex-ui .f-left-ui, .inline-flex-ui .f-left-ui {
margin-right: auto;
}
.flex-ui .f-right-ui, .inline-flex-ui .f-right-ui {
margin-left: auto;
}
.flex-ui.vertically-centered-ui, .inline-flex-ui.vertically-centered-ui {
-ms-align-items: center;
align-items: center;
}
.image-container-ui img {
display: block;
margin: auto;
max-height: 100%;
}
.image-container-ui {
position: relative;
}
.image-container-ui i, .image-container-ui .no-image-ui {
margin: auto;
font-size: 150px;
}
.image-container-ui img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.no-image-ui {
margin: auto;
font-size: 5rem;
color: #DDDDDD;
}
.btn-ui, button, .btn-solid-ui {
background: ;
color: ;
padding: 10px;
line-height: 1 !important;
border: none;
font-family: "Roboto", sans-serif;
}
.btn-ui:hover, button:hover, .btn-solid-ui:hover {
background: ;
color: ;
}
.btn-ui:hover i, button:hover i, .btn-solid-ui:hover i {
color: inherit;
}
a, button, .btn-ui, .btn-solid-ui {
transition: background 300ms, color 300ms;
}
.btn-pure-ui, .input-pure-ui, .close-ui {
border: none;
background: transparent;
color: ;
}
.btn-pure-ui:hover, .input-pure-ui:hover, .close-ui:hover {
background: transparent;
color: ;
}
.btn-pure-ui {
cursor: pointer;
}
.btn-outline-ui, .btn-ghost-ui {
background: transparent;
color: ;
border: 1px solid ;
transition: background 300ms, color 300ms;
}
.btn-outline-ui:hover, .btn-ghost-ui:hover {
background: ;
color: #FFF;
}
.btn-active-ui, .btn-active-js {
border: 1px solid ;
}
.dropdown-arrow-ui {
transform: rotate(360);
transition: transform 800ms;
display: inline-block;
}
.close-dropdown-lq .dropdown-arrow-ui {
transform: rotate(180deg);
}
.hidden-js {
display: none !important;
}
.inline-block-ui {
display: inline-block;
vertical-align: top;
}
.scroll-container-lq {
overflow-y: auto;
overflow-x: hidden;
}
.pointer-ui {
cursor: pointer;
}
.attached-lq {
position: absolute;
left: 0;
right: 0;
}
.centered-ui {
text-align: center;
}
.text-right-ui {
text-align: right;
}
.w25-ui {
width: 25%;
}
.w30-ui {
width: 30%;
}
.w100-ui {
width: 100%;
}
.mb10-ui {
margin-bottom: 10px;
}
.grey-ui {
background-color: #ccc;
}
h1 {
margin: 0;
}
.home-page-icon-ui {
font-size: 18px;
color: ;
}
[readonly] {
opacity: 0.5;
}
.checkbox-ui, .radio-ui {
display: block;
cursor: pointer;
}
.checkbox-ui [type=checkbox], .radio-ui [type=radio] {
position: absolute;
visibility: hidden;
z-index: -1;
}
.input-with-icon-ui {
display: inline-block;
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
flex-wrap: wrap;
vertical-align: bottom;
}
.input-with-icon-ui button, .input-with-icon-ui i, .input-with-icon-ui .btn-ui, .input-with-icon-ui .icon-ui {
position: absolute;
right: 0;
top: 7px;
color: ;
background: transparent;
border: none;
font-size: 1.15em;
}
.input-with-icon-ui input {
width: 100%;
padding-right: 15px;
}
.input-with-icon-ui .error-ui {
order: 10;
}
[type=checkbox] + .label-ui, [type=radio] + .label-ui {
display: inline-block;
position: relative;
cursor: pointer;
}
[type=checkbox] + .label-ui::before, [type=radio] + .label-ui::before {
content: "\e64c";
display: inline-block;
font-size: 0.8rem;
text-align: center;
margin-right: 10px;
width: 1.5em;
height: 1.5em;
background: ;
color: ;
border: 1px solid #DDDDDD;
cursor: pointer;
font-family: "themify";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: background 400ms, color 400ms;
}
[type=checkbox] + .label-ui.color-checkbox-ui, [type=radio] + .label-ui.color-checkbox-ui {
line-height: 1;
}
[type=checkbox] + .label-ui.color-checkbox-ui::before, [type=radio] + .label-ui.color-checkbox-ui::before {
background: inherit;
color: #fff;
margin: 0;
}
[type=checkbox] + .label-ui.color-checkbox-ui.white-ui::before, [type=radio] + .label-ui.color-checkbox-ui.white-ui::before {
color: #000;
}
[type=checkbox]:checked + .label-ui::before, [type=radio]:checked + .label-ui::before {
background: ;
}
[type=checkbox]:checked + .label-ui.color-checkbox-ui::before, [type=radio]:checked + .label-ui.color-checkbox-ui::before {
background: inherit;
}
[type=checkbox]:checked + .label-ui.inverse-ui::before, [type=radio]:checked + .label-ui.inverse-ui::before {
background: ;
color: ;
}
[type=checkbox]:disabled + .label-ui, [type=radio]:disabled + .label-ui {
opacity: 0.5;
cursor: default;
}
[type=checkbox]:disabled + .label-ui::before, [type=radio]:disabled + .label-ui::before {
cursor: default;
}
.color-checkbox-ui {
margin: 0 20px 20px 0;
display: inline-block;
}
.color-checkbox-ui [type=checkbox] + .label-ui {
line-height: 1;
}
.color-checkbox-ui [type=checkbox] + .label-ui::before {
background: inherit;
color: inherit;
margin: 0;
}
.color-checkbox-ui [type=checkbox]:checked + .label-ui::before {
background: inherit;
color: #fff;
}
.color-checkbox-ui [type=checkbox]:checked + .label-ui.white-ui::before {
color: #000;
}
[type=radio] + .label-ui::before {
content: "•";
border-radius: 1.5em;
background: #DDDDDD;
color: transparent;
font-size: 30px;
width: 0.7em;
height: 0.7em;
line-height: 0.55em;
}
[type=radio]:checked + .label-ui::before {
background: ;
color: ;
}
.margin-auto-ui {
margin: auto;
}
input::-ms-clear {
display: none;
}
.clear-ui {
clear: both;
}
select, textarea {
border: 1px solid #DDDDDD;
background: ;
padding: 10px;
font-size: 1rem;
}
h4:first-child {
margin-top: 0;
}
.block-ui {
display: block;
}
.golden-big-ui {
width: 62%;
}
.golden-small-ui {
width: 38%;
}
.half-ui {
width: 50%;
}
.half-ui-with-space-ui {
width: calc(50% - 15px);
margin-right: 15px;
}
.right-corner-ui {
position: absolute;
right: 0;
top: 0;
}
.expanded-ui.dropdown-arrow-ui, .expanded-ui .dropdown-arrow-ui, .expanded-js.dropdown-arrow-ui, .expanded-js .dropdown-arrow-ui {
transform: rotate(180deg);
}
.dropdown-ui {
padding: 10px;
}
.dropdown-ui .dropdown-arrow-ui {
width: 1em;
text-align: center;
display: inline-block;
float: right;
line-height: 1.5em;
}
.dropdown-ui .dropdown-label-ui {
width: calc(100% - 1em);
display: inline-block;
float: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.slick-track {
margin: 0;
}
.active-left-ui {
border-left: 4px solid ;
}
.active-top-ui {
border-top: 4px solid ;
}
.dropdown-title-ui {
margin-top: 0;
font-size: 16px;
text-align: left;
}
.dropdown-title-ui i {
margin-right: 5px;
}
.basic-dropdown-ui {
position: relative;
}
.basic-dropdown-ui .dropdown-trigger-ui {
padding: 7px 14px;
}
.basic-dropdown-ui .dropdown-trigger-ui .close-ui {
display: none;
}
.basic-dropdown-ui .dropdown-trigger-ui.close-dropdown-lq {
position: relative;
z-index: 105;
}
.basic-dropdown-ui .dropdown-trigger-ui.close-dropdown-lq .sorting-label-ui {
visibility: hidden;
z-index: -105;
}
.basic-dropdown-ui .dropdown-trigger-ui.close-dropdown-lq .close-ui {
display: block;
}
.basic-dropdown-ui .dropdown-container-ui {
position: absolute;
top: 0;
left: 0;
box-shadow: 0 2px 4px 0 #ddd;
background: ;
padding: 20px;
font-size: 1rem;
z-index: 100;
max-width: 100vw;
}
.basic-dropdown-ui .dropdown-container-ui.to-right-ui {
left: auto;
right: 0;
}
.basic-dropdown-ui li {
line-height: 2em;
white-space: nowrap;
}
.basic-dropdown-ui li:not(.active-left-ui) {
cursor: pointer;
}
.sorting-options-ui.basic-dropdown-ui .dropdown-container-ui {
padding: 0;
}
.sorting-options-ui.basic-dropdown-ui .dropdown-container-ui .dropdown-title-ui {
padding: 20px 20px 0 20px;
}
.sorting-options-ui.basic-dropdown-ui .dropdown-container-ui li {
padding: 0 20px;
border-top: 1px solid #DDDDDD;
}
.active-sorting-option-ui {
font-size: small;
text-align: right;
line-height: 1rem;
padding: 0 14px;
}
.sorting-options-icon-ui {
margin-right: 10px;
}
.slided-right-lq, slided-right-ui {
transform: translateX(-100%);
}
.slided-position-right-lq, slided-position-right-ui {
left: -110%;
}
.hidden-besides-left-lq {
transform: translateX(-110%) !important;
}
.flex-wrap-ui {
flex-wrap: wrap;
}
.space-between-ui {
-ms-justify-content: space-between;
justify-content: space-between;
}
.noscroll {
overflow-y: hidden;
}
/* ---- tables ----*/
.table-ui {
display: table;
}
.table-row-ui {
display: table-row;
}
.table-cell-ui {
display: table-cell;
}
.table-cell-ui .unit-ratio-info-ui {
line-height: 1;
margin-top: -6px;
}
table, .table-ui, .div-table-ui, .quick-shopping-view-js .pagination-page-ui {
border: 1px solid #DDDDDD;
}
thead, .table-header-ui {
background: #F6F6F6;
height: 60px;
}
thead td, .table-header-ui {
border-bottom: 1px solid #c6c6c6;
}
tr:nth-child(odd), .table-row-ui:nth-child(odd), .quick-shopping-view-js .product-item-ui:nth-child(odd), .div-table-row-ui:nth-child(odd) {
background: #f8f8f8;
}
tr tr, tr .table-row-ui, tr .quick-shopping-view-js .product-item-ui, tr .div-table-row-ui, .table-row-ui tr, .table-row-ui .table-row-ui, .table-row-ui .quick-shopping-view-js .product-item-ui, .table-row-ui .div-table-row-ui, .quick-shopping-view-js .product-item-ui tr, .quick-shopping-view-js .product-item-ui .table-row-ui, .quick-shopping-view-js .product-item-ui .quick-shopping-view-js .product-item-ui, .quick-shopping-view-js .product-item-ui .div-table-row-ui, .div-table-row-ui tr, .div-table-row-ui .table-row-ui, .div-table-row-ui .quick-shopping-view-js .product-item-ui, .div-table-row-ui .div-table-row-ui {
background: inherit;
}
a.table-row-ui:hover, .quick-shopping-view-js a.product-item-ui:hover {
background: #cfd6da;
}
td, th, .table-cell-ui, .table-header-ui > *, .quick-shopping-view-js .product-item-ui > * {
padding: 10px;
}
.tfoot-ui {
border-top: 1px solid #c6c6c6;
padding: 9px 0;
}
.tfoot-ui, .tfoot-ui .container-ui, .tfoot-ui .narrow-container-ui {
height: 60px;
}
.tfoot-ui .pagination-ui {
margin: 0;
}
tfoot > * {
border-top: 1px solid #c6c6c6;
height: 60px;
}
button[disabled], button[disabled]:hover, .btn-ui[disabled], .btn-ui[disabled]:hover, [type=submit][disabled], [type=submit][disabled]:hover {
background: #dad5d5;
border: 1px solid #eeeeee;
color: #eeeeee;
cursor: default;
cursor: initial;
}
button.btn-gray-ui:not(:hover), .btn-ui.btn-gray-ui:not(:hover), [type=submit].btn-gray-ui:not(:hover) {
background: #f0f0f0;
border: 1px solid #DDDDDD;
color: ;
}
button.btn-gray-ui:hover, .btn-ui.btn-gray-ui:hover, [type=submit].btn-gray-ui:hover {
border: 1px solid transparent;
}
button.btn-gray-ui.in-popup-ui, .btn-ui.btn-gray-ui.in-popup-ui, [type=submit].btn-gray-ui.in-popup-ui {
min-width: 260px;
margin-top: 20px;
}
button.btn-warn-ui, .btn-ui.btn-warn-ui, [type=submit].btn-warn-ui {
background: #F9A825;
border: 1px solid #F9A825;
}
button.btn-warn-ui:hover, .btn-ui.btn-warn-ui:hover, [type=submit].btn-warn-ui:hover {
background: ;
border: 1px solid ;
}
/* messages and alerts */
.message-bar-ui {
color: ;
padding: 15px;
margin-bottom: 20px;
font-weight: 500;
position: relative;
}
.message-bar-ui, .message-bar-ui.info-bar-ui {
background: ;
text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
}
.message-bar-ui.danger-bar-ui, .message-bar-ui.error-bar-ui {
background: #EF5350;
font-weight: 600;
}
.message-bar-ui.warning-bar-ui {
background: #F9A825;
text-align: center;
}
.message-bar-ui.success-bar-ui {
background: #81C784;
}
.message-text-ui {
padding: 15px;
margin-bottom: 20px;
font-weight: 500;
}
.message-text-ui, .message-text-ui.info-ui {
color: ;
}
.message-text-ui.danger-ui, .message-text-ui.error-ui {
color: #EF5350;
font-weight: 600;
}
.message-text-ui.warning-ui {
color: #F9A825;
}
.message-text-ui.success-ui {
color: #81C784;
}
.message-bar-ui, .message-text-ui {
font-size: 18px;
}
.message-bar-ui i, .message-text-ui i {
font-size: 27px;
vertical-align: middle;
margin-right: 5px;
}
.message-bar-ui button, .message-text-ui button {
margin-left: 40px;
font-size: 18px;
line-height: 30px;
}
.message-bar-ui button i, .message-text-ui button i {
font-size: 18px;
}
.message-bar-ui.points-ui {
font-size: 1rem;
}
.message-bar-ui.points-ui i {
font-size: 1.5rem;
}
.message-bar-ui .message-bar-title-ui {
font-size: 18px;
}
.message-bar-ui .message-bar-content-ui {
font-size: 16px;
}
.message-bar-ui .message-bar-content-ui .product-name-ui {
margin-right: 10px;
}
.editing-order-message-bar-ui {
background: ;
color: ;
padding: 0;
}
.editing-order-message-bar-ui.during-ui {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
height: 55px;
line-height: 55px;
padding: 0;
margin: 0;
}
.editing-order-message-bar-ui.during-ui a, .editing-order-message-bar-ui.during-ui button {
color: inherit;
padding: 17px;
vertical-align: top;
}
.editing-order-message-bar-ui.during-ui a i, .editing-order-message-bar-ui.during-ui button i {
font-size: inherit;
color: inherit;
}
.no-order {
color: #005EAD;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.48px;
line-height: normal;
padding: 50px;
}
/* waiting for ajax modal */
.during-ajax-modal-ui, .during-ajax-modal-js {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: ;
display: flex;
opacity: 0.9;
z-index: 1000;
}
.during-ajax-modal-ui .loader-ui, .during-ajax-modal-js .loader-ui {
margin: auto;
}
.close-ui {
position: absolute;
right: 0;
top: 0;
padding: 20px;
z-index: 1;
line-height: 1;
}
.close-ui i {
font-size: 16px !important;
margin: 0 !important;
pointer-events: none;
}
.full-ui {
width: 100%;
}
.expandable-lq, .expandable-ui {
height: 0;
overflow: hidden;
transition: height 800ms;
}
.expandable-lq.expanded-js, .expandable-ui.expanded-js {
height: auto;
}
.expandable-lq.no-animation-lq, .expandable-ui.no-animation-lq {
transition: none;
}
.div-table-cell-ui {
float: left;
padding: 10px;
min-height: 1px;
}
.minibox-product-ui, .product-list-ui {
position: relative;
}
.minibox-product-ui .product-link-ui, .product-list-ui .product-link-ui {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.h300-ui {
height: 300px;
}
.mh300-ui {
min-height: 300px;
}
.mt10-ui {
margin-top: 10px;
}
.attached-ui {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.flip-horizontally-ui {
transform: scaleX(-1);
display: inline-block;
}
.confirmation-popup-ui {
font-size: 16px;
}
.confirmation-popup-ui .message-popup-ui {
padding: 0;
}
.confirmation-popup-ui .message-popup-ui .close-ui {
right: 0;
}
.confirmation-popup-ui .message-popup-ui .question-ui {
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
background: ;
border-bottom: 1px solid #DDDDDD;
}
.confirmation-popup-ui .message-popup-ui .question-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px;
}
.confirmation-popup-ui .message-popup-ui .question-ui + .info-ui {
padding: 35px 40px 40px;
}
/* ---- PAGE STRUCTURE ----*/
.page-container-ui {
position: relative;
}
.category-column-ui {
width: 320px;
float: left;
box-shadow: 2.5px 5px 5px rgba(0, 0, 0, 0.2);
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 100;
}
.main-content-ui {
background: #F6F4F5;
width: 100%;
position: relative;
min-height: calc(100vh - 183px);
}
.main-content-ui.with-column-ui {
width: calc(100% - 320px);
float: right;
min-height: calc(100vh - 183px);
}
.breadcrumbs-ui li {
margin: 36px 0px 36px 0px;
font-size: 14px;
font-family: "Roboto", sans-serif;
color: #717171;
display: inline-block;
vertical-align: top;
}
.breadcrumbs-ui li:last-child {
margin-bottom: 0;
}
.breadcrumbs-ui li a {
text-decoration: none;
}
.breadcrumbs-ui li:after {
font-family: "themify";
content: "\e649";
display: inline-block;
margin: 0 10px;
vertical-align: top;
font-size: 10px;
}
.breadcrumbs-ui li:last-child:after {
display: none;
}
.message-popup-ui {
position: fixed;
background: ;
width: calc(100% - 20px);
margin: 0 auto;
z-index: 999;
padding: 20px;
}
.message-popup-ui.top-ui {
top: 0;
z-index: 999;
}
.message-popup-ui.bottom-ui {
bottom: 0;
z-index: 999;
}
.message-popup-ui .product-added-to-cart-ui {
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 80px 40px 40px;
background: ;
border-bottom: 1px solid #DDDDDD;
}
.message-popup-ui .product-added-to-cart-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px;
}
.message-popup-ui .product-added-to-cart-ui + .info-ui {
padding: 35px 40px 40px;
}
.message-popup-ui .go-to-cart-ui {
background: ;
color: ;
}
.message-popup-ui .go-to-cart-ui:hover {
background-color: ;
color: ;
}
.message-popup-ui .close-ui {
position: absolute;
right: 10px;
}
.message-popup-background-ui {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 10vw;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99999;
}
.message-popup-background-ui:not(.hidden-js) + .message-popup-background-ui:not(.unsuccessfull-post-message-js) {
display: none;
}
.message-popup-background-ui .message-popup-ui {
width: calc(100% - 10vw - 20px);
top: 50%;
transform: translateY(-50%);
left: 0px;
right: 0px;
max-width: 800px;
z-index: 999;
}
.message-popup-background-ui .message-popup-ui.with-iframe-ui {
max-width: 870px;
}
.message-popup-background-ui .many-units-ui .select-arrow-ui {
position: absolute;
margin-top: 12px;
}
@media screen and (min-width: 1280px) {
.message-popup-background-ui .many-units-ui .select-arrow-ui {
margin-top: 9px;
}
}
.message-cookie-popup {
width: 500px !important;
height: auto;
max-height: 1058px;
background: rgb(255, 255, 255) !important;
text-align: center;
color: #000;
font-family: "Poppins", sans-serif;
font-size: 15px;
font-weight: 300;
padding: 25px 15px;
border-radius: 0.2rem;
box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}
.message-cookie-popup .title-ui {
font-size: 18px;
font-weight: 600;
color: #24292e;
}
.message-cookie-popup .message-ui {
padding-right: 0;
margin-bottom: 0;
}
.message-cookie-popup .cp_link {
color: #000;
text-decoration: underline;
font-weight: 700;
}
.message-cookie-popup .cp_link:hover {
text-decoration: none;
}
.ta-center-ui {
text-align: center;
}
a:hover {
color: ;
}
.show-ui {
display: block;
}
.hide-ui {
display: none;
}
.validation-login-ui {
margin-left: 15px;
}
.new-price-ui {
font-size: 20px;
font-family: "Roboto", sans-serif;
color: ;
line-height: 1.2;
}
.old-price-ui {
text-decoration: line-through;
font-size: 16px;
font-family: "Roboto", sans-serif;
color: #717171;
}
.old-price-ui.suggested-retail-price-ui {
text-decoration: none;
}
.old-price-ui.suggested-retail-price-ui i {
position: relative;
z-index: 1;
}
.lowest-price-ui {
z-index: 1;
position: relative;
}
.container-shop-closed-ui {
margin-top: 30px;
}
.container-shop-closed-ui .lang-and-currency-ui {
margin: 0px;
}
.container-shop-closed-ui .lang-and-currency-ui .flags-div-ui span {
display: -webkit-inline-box;
}
.container-shop-closed-ui .shop-closed-language-container-ui {
display: inline;
float: right;
height: 0px;
}
.container-shop-closed-ui .register-or-login-flags-ui {
margin-right: 48px;
}
.container-shop-closed-ui .shop-closed-current-language-ui, .container-shop-closed-ui .choosen-flag-background-ui {
pointer-events: none;
cursor: default !important;
}
.container-shop-closed-ui .shop-closed-current-language-ui:hover, .container-shop-closed-ui .choosen-flag-background-ui:hover {
cursor: default !important;
}
.user-icon-ui {
font-size: 30px;
color: ;
text-align: center;
}
.user-icon-ui + p {
color: ;
}
.customer-currency-carts-ui {
font-size: 14px;
margin-top: 14px;
}
.cart-amount-ui {
font-size: 14px;
line-height: 1.6;
font-family: "Roboto", sans-serif;
color: #000;
bottom: 0;
}
.cart-amount-ui.smaller-ui {
font-size: 22px;
}
.carts-ui {
font-size: 25px;
color: #c50102;
margin-right: 8px;
transform: scaleX(-1);
}
.cart-quantity-ui {
float: right;
margin: 65px -50px 10px 0px;
color: ;
line-height: 1.2;
}
.login-container-ui, .register-container-ui {
display: block;
margin-left: 275px;
z-index: 999;
width: 335px;
border: 1px solid #DDDDDD;
border-top: none;
background: white;
top: -6px;
position: absolute;
min-height: 235px;
max-height: calc(100vh - 228px);
overflow: auto;
}
.login-container-ui .usr-logged-in-ui, .register-container-ui .usr-logged-in-ui {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.login-container-ui .sign-in-required-ui, .register-container-ui .sign-in-required-ui {
margin-top: 50px;
}
.login-container-ui .register-required-fields-info-ui, .register-container-ui .register-required-fields-info-ui {
font-size: 12px;
line-height: 1.667;
width: 90%;
text-align: left;
}
.login-container-ui .reminder-required-fields-ui, .register-container-ui .reminder-required-fields-ui {
margin-top: 30px;
}
.login-container-ui .first-step-register-ui, .register-container-ui .first-step-register-ui {
margin-left: 18px;
margin-top: 10px;
}
.login-container-ui p, .register-container-ui p {
text-align: left;
font-size: 14px;
margin-left: 18px;
margin-right: 18px;
color: ;
margin-bottom: 2px;
}
.login-container-ui label, .register-container-ui label {
margin-left: 18px;
}
.login-container-ui .terms-acceptance-info-ui, .register-container-ui .terms-acceptance-info-ui {
vertical-align: middle;
font-size: 14px;
text-align: left;
margin: 10px 18px 0;
}
.login-container-ui .terms-acceptance-info-ui > *:not(.register-required-fields-info-ui), .register-container-ui .terms-acceptance-info-ui > *:not(.register-required-fields-info-ui) {
margin-top: 10px;
}
.login-container-ui .terms-acceptance-info-ui input, .register-container-ui .terms-acceptance-info-ui input {
vertical-align: middle;
}
.login-container-ui .terms-acceptance-info-ui .checkbox-ui, .register-container-ui .terms-acceptance-info-ui .checkbox-ui {
font-size: 13px;
}
.login-container-ui .please-login-or-register-ui, .register-container-ui .please-login-or-register-ui {
margin: 26px 0;
text-align: center;
font-size: 16px;
}
.login-container-ui .please-login-or-register-ui span, .register-container-ui .please-login-or-register-ui span {
margin-left: 13px;
}
.login-container-ui .password-icon-ui, .register-container-ui .password-icon-ui {
position: absolute;
width: 50px;
right: 8px;
font-size: 20px;
padding: 12px 15px;
background: transparent;
border: none;
color: ;
}
.login-container-ui .login-password-container-ui, .register-container-ui .login-password-container-ui {
position: relative;
}
.login-container-ui .button-ui, .register-container-ui .button-ui {
width: 301px;
background: ;
color: ;
font-size: 16px;
margin-top: 50px;
margin-bottom: 30px;
border: none;
}
.login-container-ui .button-ui:hover, .register-container-ui .button-ui:hover {
background: ;
color: ;
}
.login-container-ui input[type=text], .login-container-ui input[type=email], .login-container-ui input[type=password], .login-container-ui input[type=tel], .register-container-ui input[type=text], .register-container-ui input[type=email], .register-container-ui input[type=password], .register-container-ui input[type=tel] {
padding-left: 8px;
font-size: 16px;
font-family: "Roboto", sans-serif;
margin: 22px 0px 22px 0px;
margin: auto;
height: 46px;
width: calc(100% - 28px);
background: ;
}
.login-container-ui .pass-wrapper .show-pass.visible::before, .register-container-ui .pass-wrapper .show-pass.visible::before {
content: "\e106";
}
.login-container-ui .small-input-ui, .register-container-ui .small-input-ui {
width: 45%;
display: inline-block;
vertical-align: top;
}
.login-container-ui .small-input-ui label, .register-container-ui .small-input-ui label {
margin-left: 2px;
}
.login-container-ui input[name=streetNo], .login-container-ui input[name=zipCode], .login-container-ui input[name=city], .login-container-ui input[name=unitNo], .register-container-ui input[name=streetNo], .register-container-ui input[name=zipCode], .register-container-ui input[name=city], .register-container-ui input[name=unitNo] {
width: 98%;
height: 50px;
}
.login-container-ui select, .register-container-ui select {
border: 1px solid #DDDDDD;
float: left;
height: 50px;
display: inline-block;
}
.login-container-ui input[name=tin], .register-container-ui input[name=tin] {
width: 41%;
}
.login-container-ui input[name=tin].no-vateu-ui, .register-container-ui input[name=tin].no-vateu-ui {
width: 300px;
}
.login-container-ui select[name=vateu], .register-container-ui select[name=vateu] {
width: 45%;
}
.login-container-ui select[name=countryCode], .register-container-ui select[name=countryCode] {
border: 1px solid #DDDDDD;
}
.login-container-ui .select-background-ui, .register-container-ui .select-background-ui {
width: 90%;
margin-top: 0;
margin-left: -13px;
vertical-align: middle;
}
.login-container-ui .half-ui, .register-container-ui .half-ui {
vertical-align: middle;
float: left;
width: calc(50% - 14px - 10px);
margin-left: 4%;
}
.login-container-ui .half-ui:nth-child(2n), .register-container-ui .half-ui:nth-child(2n) {
margin-left: 0;
margin-right: 16px;
float: right;
}
.login-container-ui .half-ui .select-background-ui, .login-container-ui .half-ui select, .login-container-ui .half-ui input, .register-container-ui .half-ui .select-background-ui, .register-container-ui .half-ui select, .register-container-ui .half-ui input {
width: 100%;
}
.login-container-ui .successfull-post-message-ui, .register-container-ui .successfull-post-message-ui {
min-height: 120px;
}
.login-container-ui .login-button-ui, .register-container-ui .login-button-ui {
margin-top: 0;
margin-bottom: 20px;
}
.login-container-ui .checkbox-ui, .register-container-ui .checkbox-ui {
margin-left: 0;
}
.login-container-ui .checkbox-ui.channel-ui .label-ui, .register-container-ui .checkbox-ui.channel-ui .label-ui {
margin-left: 30px;
}
.login-container-ui .loginForm-ui, .register-container-ui .loginForm-ui {
width: 100%;
font-size: 16px;
margin-bottom: 20px;
}
.login-container-ui .loginForm-ui .login-form__socialButtons__title-ui, .register-container-ui .loginForm-ui .login-form__socialButtons__title-ui {
display: inline-block;
width: 100%;
text-align: center;
}
.login-container-ui .loginForm-ui .socialLoginButtons-ui, .register-container-ui .loginForm-ui .socialLoginButtons-ui {
display: flex;
width: 100%;
align-content: center;
flex-wrap: wrap;
flex-direction: column;
}
.login-container-ui .loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui, .register-container-ui .loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui {
display: flex;
background: #FFFFFF;
color: #3c4043;
width: 250px;
height: 40px;
border: 1px solid #dadce0;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-top: 18px;
cursor: pointer;
}
.login-container-ui .loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui .FbLoginIcon-ui, .register-container-ui .loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui .FbLoginIcon-ui {
background: #FFFFFF;
display: inline-block;
vertical-align: middle;
width: 21px;
height: 21px;
}
.login-container-ui .loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui .FbButtonText-ui, .register-container-ui .loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui .FbButtonText-ui {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
font-size: 14px;
font-family: "Roboto", sans-serif;
font-weight: 500;
}
.login-container-ui .loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui:hover, .register-container-ui .loginForm-ui .socialLoginButtons-ui .FbLoginForm-ui:hover {
background-color: #f9faff;
border: 1px solid #dbe1ee;
transition: 0, 5s;
}
.login-container-ui .loginForm-ui .socialLoginButtons-ui .GLoginForm-ui, .register-container-ui .loginForm-ui .socialLoginButtons-ui .GLoginForm-ui {
display: flex;
justify-content: center;
align-items: center;
margin-top: 18px;
}
.login-button-drop-ui span, .register-button-drop-ui span {
margin-left: 13px;
}
.register-button-next-step-ui, .register-button-sign-up-ui {
margin-top: 20px;
margin-bottom: 20px;
width: 299px;
}
.register-form-next-step-ui {
width: 90%;
margin: auto;
}
.register-form-next-step-ui .register-step-change-ui {
position: relative;
left: -2px;
width: 50%;
display: inline-block;
margin-right: -5px;
padding: 5px;
text-align: center;
font-size: 14px;
color: ;
background-color: #F6F6F6;
transition: all 300ms ease;
}
.register-form-next-step-ui .register-step-change-ui:hover {
cursor: pointer;
color: ;
background-color: ;
}
.register-form-next-step-ui .active-step-ui {
background-color: ;
color: ;
}
.register-form-next-step-ui .first-step-ui {
z-index: 1;
}
.register-form-next-step-ui .first-step-ui:after {
content: "";
position: absolute;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 16px solid #F6F6F6;
right: -16px;
top: 0;
transition: all 300ms ease;
}
.register-form-next-step-ui .first-step-ui:hover:after {
cursor: pointer;
border-left: 16px solid ;
}
.register-form-next-step-ui .first-step-ui.active-step-ui:after {
cursor: pointer;
border-left: 16px solid ;
}
.register-form-next-step-ui .second-step-ui {
padding-left: 16px;
}
.second-step-validation-ui {
pointer-events: none;
}
.reminder-container-ui {
min-height: auto;
}
.reminder-container-ui .button-ui {
margin-top: 20px;
margin-bottom: 20px;
}
.reminder-container-ui .new-password-mail-reset-ui {
text-align: center;
}
.reminder-container-ui .reminder-required-fields-ui {
font-size: 12px;
font-family: "Roboto", sans-serif;
line-height: 1.667;
margin: 0px 0px 0px 18px;
color: ;
margin-top: 20px;
}
.required-fields-ui {
margin-bottom: 20px;
}
.login-password-reminder-ui {
font-size: 14px;
float: right;
margin-right: 15px;
color: ;
}
.login-back-ui {
width: 276px;
}
.login-button-drop-ui {
width: 335px;
}
.running .load-bar {
background-color: #b8b8b8;
}
.running .load-bar .indeterminate {
background-color: #7e63d4;
}
.running .load-bar .indeterminate:before {
content: "";
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.running .load-bar .indeterminate:after {
content: "";
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
-webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
animation-delay: 1.15s;
}
.load-bar {
margin-top: 5px;
position: relative;
height: 2px;
display: block;
width: 100%;
border-radius: 0;
margin: 1rem 0 1rem 0;
overflow: hidden;
background-color: transparent;
}
@keyframes indeterminate {
0% {
left: -35%;
right: 100%;
}
60% {
left: 100%;
right: -90%;
}
100% {
left: 100%;
right: -90%;
}
}
@-webkit-keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%;
}
60% {
left: 107%;
right: -8%;
}
100% {
left: 107%;
right: -8%;
}
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.shake {
animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
.main-navigation-ui {
width: 100% !important;
border: none !important;
}
@media screen and (min-width: 768px) {
.main-navigation-ui {
background: #005EAD !important;
}
}
.main-navigation-ui ul {
margin: 0 auto;
justify-content: center !important;
}
.main-navigation-ui li a {
border-bottom: 4px solid transparent;
transition: 200ms;
}
.main-navigation-ui li a:hover {
opacity: 0.8;
}
.main-navigation-ui li .highlighted-ui {
background: transparent !important;
}
.main-navigation-main-link {
margin-right: auto !important;
}
.lang-and-currency-menu-ui .header-item-label-ui, .lang-and-currency-menu-ui .header-option-label-ui {
display: none;
font-family: "Poppins", sans-serif !important;
}
.ti-close.js-closeMenu {
display: none;
}
@media screen and (max-width: 767px) {
.ti-menu {
display: block;
}
}
@media screen and (min-width: 768px) {
.ti-menu, .ti-close {
display: none;
}
}
@media screen and (max-width: 767px) {
.ti-menu, .ti-close {
color: #fff;
font-size: 24px;
margin-top: 0;
margin-right: -54px;
}
}
.manufacturer-container-ui {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
}
.manufacturer-container-ui i {
color: ;
transition: all ease 300ms;
}
.manufacturer-container-ui::after {
content: "";
display: block;
clear: both;
}
.manufacturer-container-ui li {
text-align: center;
display: block;
float: left;
min-height: 50px;
position: relative;
margin-right: -1px;
border-bottom: 2px solid transparent;
}
.manufacturer-container-ui li::after {
content: "";
display: block;
clear: both;
}
.manufacturer-container-ui li label:not(.checkbox-ui):not(.radio-ui) {
color: ;
}
.manufacturer-container-ui li a {
color: #fff !important;
display: flex !important;
justify-content: center;
align-items: center;
font-size: 16px;
}
.manufacturer-container-ui li a:hover {
background: none !important;
}
.manufacturer-container-ui .page-label-ui, .manufacturer-container-ui .drop-btn-terms-ui {
display: block;
}
.manufacturer-container-ui .page-label-ui, .manufacturer-container-ui .drop-btn-terms-ui, .manufacturer-container-ui li > a, .manufacturer-container-ui li > button {
padding: 0 15px;
}
.manufacturer-container-ui li a, .manufacturer-container-ui li > button {
min-height: inherit;
display: block;
text-decoration: none;
color: ;
font-family: "Roboto", sans-serif;
font-family: "Poppins", sans-serif !important;
}
.manufacturer-container-ui li a:visited, .manufacturer-container-ui li a:active, .manufacturer-container-ui li > button:visited, .manufacturer-container-ui li > button:active {
text-decoration: none;
color: ;
font-family: "Roboto", sans-serif;
}
.manufacturer-container-ui li > button {
width: 100%;
background: none;
}
.manufacturer-container-ui > li a:hover, .manufacturer-container-ui > li > button:hover {
background: ;
color: ;
}
.manufacturer-container-ui > li a:hover a, .manufacturer-container-ui > li a:hover .drop-btn-terms-ui, .manufacturer-container-ui > li a:hover i, .manufacturer-container-ui > li > button:hover a, .manufacturer-container-ui > li > button:hover .drop-btn-terms-ui, .manufacturer-container-ui > li > button:hover i {
color: ;
}
.manufacturer-container-ui > li.cart-ui a {
color: ;
}
.manufacturer-container-ui > li.cart-ui a:hover {
background: ;
color: ;
}
.manufacturer-container-ui li > button.toggle-cart-type-ui {
color: #fff;
background: ;
}
.manufacturer-container-ui li > button.toggle-cart-type-ui:hover {
background: ;
}
.manufacturer-container-ui li > button.toggle-cart-type-ui.disabled-ui {
background: #8e8e8e;
cursor: not-allowed;
}
.manufacturer-container-ui .dropdowns-ui {
line-height: 1.5em;
position: absolute;
left: 0;
top: 0;
}
.manufacturer-container-ui > li .highlighted-ui, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui) {
background: ;
color: ;
}
.manufacturer-container-ui > li .highlighted-ui i, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui) i {
color: ;
}
.manufacturer-container-ui > li .highlighted-ui:hover, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover {
background: ;
color: ;
}
.manufacturer-container-ui > li .highlighted-ui:hover i, .manufacturer-container-ui > li label.highlighted-ui:not(.checkbox-ui):not(.radio-ui):hover i {
color: ;
}
.change-quantity-modal-box {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
width: 100%;
height: 100%;
padding-left: 28px;
padding-right: 28px;
background-color: transparent;
opacity: 0;
transition: background-color 0.15s linear, opacity 0.15s linear;
}
.change-quantity-modal-box--fade {
opacity: 1;
background-color: rgba(0, 0, 0, 0.5);
transition: background-color 0.3s linear, opacity 0.15s linear;
}
.change-quantity-modal-box--fade .change-quantity-modal-ui {
transform: translate(0, 0);
transition: transform 0.3s ease-out;
}
.change-quantity-modal-ui {
width: 100%;
background: #fff;
pointer-events: auto;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
outline: none;
margin: 28px auto;
transform: translate(0, -50px);
transition: transform 0.3s ease-out;
}
@media screen and (min-width: 576px) {
.change-quantity-modal-ui {
max-width: 500px;
}
}
.change-quantity-modal-ui__header {
padding: 16px;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
font-size: 17.5px;
font-weight: 500;
line-height: 1.5;
color: #000;
display: flex;
justify-content: space-between;
}
.change-quantity-modal-ui__close {
font-size: 21px;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;
cursor: pointer;
}
.change-quantity-modal-ui__close:hover {
opacity: 0.75;
}
.change-quantity-modal-ui__content {
padding: 16px;
}
.change-quantity-modal-ui__input {
width: 100% !important;
height: 35px !important;
padding: 6px 12px !important;
font-size: 14px;
line-height: 1.5 !important;
color: #495057 !important;
background: #fff;
border: 1px solid #ced4da;
border-radius: 4px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
float: none !important;
text-align: left !important;
}
.change-quantity-modal-ui__input:focus {
outline: none;
border-color: #80bdff;
box-shadow: 0 0 0 3.2px rgba(0, 123, 255, 0.25);
}
.change-quantity-modal-ui__footer {
display: flex;
justify-content: flex-end;
padding: 12px;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.change-quantity-modal-ui__btn {
font-size: 14px;
font-weight: 400;
text-align: center;
user-select: none;
border: 1px solid #dfdfdf;
padding: 6px 12px;
margin: 4px;
color: #6c7f92;
background: transparent;
cursor: pointer;
}
.change-quantity-modal-ui__btn:hover {
background: #7e63d4;
color: #fff;
}
.change-quantity-modal-ui__btn--submit {
color: #fff;
background: #232732;
border-color: #232732;
}
.change-quantity-modal-ui__btn--submit:hover {
border-color: #474f66;
background: #474f66;
}
.active-bar-ui {
background: #fff;
color: #fff;
margin-top: -15px !important;
padding: 9px 45px 0 45px !important;
border: 1px solid #DDDDDD;
border-bottom: none;
border-top: 5px solid ;
height: 80px;
}
.active-bar-ui:hover {
background: #fff !important;
}
.active-bar-ui:hover i {
background: #fff !important;
color:  !important;
}
.active-bar-ui:hover a {
color:  !important;
}
.active-bar-ui:after {
content: "";
display: block;
height: 6px;
background: inherit;
margin-right: -45px;
margin-left: -45px;
}
footer {
background-color: #F6F4F5;
padding: 30px 0;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
font-family: "Poppins", sans-serif;
color: #b8b8b8;
}
@media screen and (max-width: 1279px) {
footer {
padding: 30px 0 20px;
}
}
footer.homepage {
padding: 30px 0 20px;
}
.footer-ui {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.links-ui {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.links-ui ul {
list-style-type: none;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.footer-logo-link-ui {
display: inline-block;
outline: none;
margin-bottom: 18px;
}
.footer-logo-ui {
max-height: 32px;
-webkit-filter: grayscale(100%) contrast(80%);
filter: grayscale(100%) contrast(80%);
}
.footer-links-ui {
margin: 0 16px;
gap: 0 50px;
}
.footer-link-ui a {
color: #484848;
text-decoration-line: underline;
}
.footer-partner-ui {
text-align: center;
color: #868686;
}
.footer-partner-ui a {
color: inherit;
}
.footer-sticky-ui {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #c50102;
font-family: "Poppins", sans-serif;
font-size: 17px;
font-weight: 300;
color: #fff;
padding: 20px;
z-index: 1000;
display: flex;
}
.footer-sticky-ui__cart {
display: flex;
align-items: flex-end;
}
.footer-sticky-ui__cart-icon {
font-family: Icons;
font-style: normal;
font-size: 24px;
padding-right: 5px;
color: #fff;
}
.footer-sticky-ui__cart-icon::before {
content: "\f100";
}
.footer-sticky-ui__cart-count {
margin-bottom: 2px;
}
.footer-sticky-ui__content {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.footer-sticky-ui__content-title {
position: absolute;
left: 0;
right: 0;
text-align: center;
}
.copyright-ui {
text-align: right;
float: right;
margin-right: 80px;
opacity: 0.75 !important;
font-size: 12px;
}
.copyright-ui a {
font-size: 12px;
}
.copyright-link-ui {
color:  !important;
}
.go-to-top-ui {
width: 70px;
float: right;
margin-right: 30px;
border: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.go-to-top-ui span {
border: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 50px;
padding: 0px 0px 10px 0px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#top-button-ui {
z-index: 100;
display: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom: 51px;
right: 3%;
border: none;
width: 62px;
height: 62px;
position: fixed;
background-color: ;
cursor: pointer;
}
#top-button-ui:hover {
background: ;
}
.modal-open-ui #top-button-ui {
display: none !important;
}
.successfull-post-message-ui {
color: ;
}
.successfull-post-message-ui .message-container-ui {
text-align: center;
padding: 40px !important;
line-height: 20px;
font-size: 18px;
font-weight: 500;
margin: auto;
background-color: ;
display: flex;
align-items: center;
justify-content: center;
}
.successfull-post-message-ui .message-container-ui i {
font-size: 30px !important;
}
.successfull-post-message-ui .message-container-ui p {
color: ;
font-size: 18px;
}
.successfull-post-message-ui .message-container-ui .ti-check {
color: #68a204;
font-size: 30px;
margin-right: 10px;
}
.successfull-post-message-ui .message-container-ui .ti-alert {
color: #EF5350;
font-size: 30px;
margin-right: 10px;
}
.successfull-post-message-ui .message-container-ui + .info-ui {
font-size: 16px !important;
padding: 35px 40px 40px;
border-top: 1px solid #DDDDDD;
background-color: ;
text-align: left !important;
}
.pagination-ui li {
display: inline-block;
}
section.home-ui ul {
text-align: center;
}
section.home-ui ul li {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
section.products-ui .dropdown-ui {
cursor: pointer;
}
section.products-ui .dropdown-ui li:hover {
text-decoration: underline;
}
section.contact-ui .map-ui {
height: 300px;
}
.search-advanced-ui {
padding-left: 5px;
font-family: "Roboto", sans-serif;
font-size: 16px;
}
/*ribbons*/
.ribbon-ui {
font-size: small;
color: #fff;
display: inline-block;
padding: 0 6px;
background: ;
}
.ribbon-ui.Promotion-ui, .ribbon-ui.free-ui {
background: ;
}
.ribbon-ui.BestRated-ui {
background: ;
}
.ribbon-ui.NewProduct-ui {
background: ;
}
.ribbon-ui.RecommendedProduct-ui {
background: ;
}
.ribbon-ui.PromotionalProduct-ui {
background: ;
}
.ribbon-ui.VendorRecomendation-ui {
background: ;
}
.ribbon-ui.GreatPrice-ui {
background: ;
}
.ribbon-ui.GreatQuality-ui {
background: ;
}
.ribbon-ui.Sale-ui {
background: ;
}
.ribbon-ui.Reward-ui {
background: ;
}
.price-ui {
color: ;
font-weight: 500;
}
.seach-by-type-and-area-container {
display: inline-block;
width: 590px;
}
.advanced-search-title-ui {
font-size: 16px;
font-weight: bold;
}
.advanced-search-title-ui:before {
content: "";
height: 50px;
width: 5px;
background: ;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.advanced-search-ui {
padding-bottom: 50px;
vertical-align: initial;
font-family: "Roboto", sans-serif;
/* Hover and focus states */
/* Checked state */
/* Hover state whilst checked */
/* Disabled state */
/* Check mark */
/* Show check mark */
/* Checkbox tick */
/* Radio button inner circle */
}
.advanced-search-ui .select-arrow-ui {
width: 0px;
position: relative;
left: -32px;
display: inline-block;
vertical-align: middle;
margin-left: 0px;
pointer-events: none;
}
.advanced-search-ui p {
font-size: 14px;
}
.advanced-search-ui input[type=search] {
display: block;
width: 60%;
height: 40px;
}
.advanced-search-ui-price-ui {
text-align: center;
margin-top: 50px;
font-weight: bold;
background: #fbfbfb;
padding: 20px 0px 20px 0px;
}
.advanced-search-ui-price-ui span {
margin-left: 5px;
text-align: left;
}
.advanced-search-ui .checkbox-ui {
display: inline-block;
margin-right: 15px;
}
.advanced-search-ui .last-searches-ui {
float: right;
color: ;
}
.advanced-search-ui .last-searches-ui i {
padding-right: 10px;
}
.advanced-search-ui .filter-opts-ui {
margin-top: 70px;
display: inline-block;
width: 24%;
vertical-align: top;
}
.advanced-search-ui .filter-opts-ui .checkbox-ui {
display: inline-block;
line-height: 2.5em;
margin: -2px 0px 4px 0px;
}
.advanced-search-ui .filter-opts-ui .formal-regulations-ui ul {
margin-left: 0px;
}
.advanced-search-ui .filter-opts-ui input[type=radio] {
display: none;
}
.advanced-search-ui .filter-opts-ui input[type=radio] + .label-ui::before {
vertical-align: middle;
}
.advanced-search-ui input[type=search] {
display: inline-block;
height: 62px;
vertical-align: middle;
}
.advanced-search-ui input[type=text], .advanced-search-ui input[type=number] {
-moz-appearance: textfield;
width: 68px;
height: 35px;
border: 1px solid #DDDDDD;
}
.advanced-search-ui select {
-webkit-appearance: none;
-moz-appearance: none;
width: 21%;
height: 62px;
display: inline-block;
border: 1px solid #DDDDDD;
padding-left: 5px;
margin-left: -5px;
}
.advanced-search-ui select:hover {
cursor: pointer;
}
.advanced-search-ui .advanced-search-button-ui {
display: inline-block;
margin: 20px 0px 30px 0px;
width: 18%;
background: ;
border-top: 1px solid ;
color: ;
height: 62px;
font-size: 16px;
vertical-align: sub;
margin-left: -9px;
font-size: 18px;
}
.advanced-search-ui .advanced-search-button-ui:hover {
background: ;
border-top: 1px solid ;
color: ;
}
.advanced-search-ui .control-group-ui {
display: inline-block;
width: 200px;
height: 210px;
margin: 10px;
padding: 30px;
text-align: left;
vertical-align: top;
background: #DDDDDD;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.advanced-search-ui .control-ui {
position: relative;
padding-left: 15px;
}
.advanced-search-ui .control-ui input {
opacity: 0;
}
.advanced-search-ui .control-indicator-ui {
position: absolute;
top: 2px;
left: 0;
width: 20px;
height: 20px;
background: #DDDDDD;
}
.advanced-search-ui .control-radio-ui .control-indicator-ui {
border-radius: 50%;
}
.advanced-search-ui .control-ui:hover input ~ .control-indicator-ui,
.advanced-search-ui .control-ui input:focus ~ .control-indicator-ui {
background: #DDDDDD;
}
.advanced-search-ui .control-ui input:checked ~ .control-indicator-ui {
background: ;
}
.advanced-search-ui .control-ui:hover input:not([disabled]):checked ~ .control-indicator-ui,
.advanced-search-ui .control-ui input:checked:focus ~ .control-indicator-ui {
background: ;
}
.advanced-search-ui .control-ui input:disabled ~ .control-indicator-ui {
pointer-events: none;
opacity: 0.6;
background: ;
}
.advanced-search-ui .control-indicator-ui:after {
position: absolute;
display: none;
content: "";
}
.advanced-search-ui .control-ui input:checked ~ .control-indicator-ui:after {
display: block;
}
.advanced-search-ui .control-checkbox-ui .control-indicator-ui:after {
top: 4px;
left: 8px;
width: 3px;
height: 8px;
transform: rotate(45deg);
border: solid ;
border-width: 0 2px 2px 0;
}
.advanced-search-ui .control-radio-ui .control-indicator-ui:after {
top: 7px;
left: 7px;
width: 6px;
height: 6px;
border-radius: 50%;
background: ;
}
/*FORMAL PAGES - SOME PARTS THAT ARE COMMON AND CONTACT*/
.formal-regulations-ui {
font-family: "Roboto", sans-serif;
padding-left: 21px;
font-size: 16px;
line-height: 1.5;
color: ;
}
.formal-regulations-ui a {
color: ;
}
.formal-regulations-ui a:hover {
color: ;
}
.formal-regulations-ui p {
margin: 33px 0px 20px 0px;
}
.formal-regulations-ui ul {
list-style-type: disc;
padding-inline-start: 40px;
}
.formal-regulations-ui ul li {
line-height: 1.6;
}
.formal-content-title-ui {
font-size: 18px;
color: ;
line-height: 1.2;
}
.formal-content-title-ui:before {
content: "";
height: 30px;
width: 2px;
background: ;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.formal-content-container-ui {
color: ;
}
.formal-content-container-ui a {
color: ;
}
.formal-content-ui {
color: ;
}
.date-of-publication-ui {
font-family: "Roboto", sans-serif;
font-size: 16px;
color: #717171;
line-height: 1.2;
}
.date-of-publication-ui:before {
content: "";
height: 30px;
width: 2px;
background: ;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
/*END OF FORMAL PAGES - SOME PARTS THAT ARE COMMON */
/*CONTACT PAGE AND FORM */
.shop-address-contact-page-ui {
width: 46%;
margin-left: 75px;
font-family: "Roboto", sans-serif;
font-size: 16px;
float: left;
color: ;
}
.shop-address-contact-page-ui .additional-info-ui {
font-size: 16px;
color: ;
line-height: 1.5;
margin-left: 19px;
}
.shop-address-contact-page-ui i {
font-size: 24px;
margin-left: -30px;
vertical-align: middle;
}
.shop-address-contact-page-ui i + span {
vertical-align: middle;
}
.shop-address-contact-page-ui-phone-and-mail-container {
display: inline-table;
float: right;
margin-left: 100px;
margin-right: 30px;
}
.shop-address-contact-page-ui-phone-and-mail-container .contact-page-phone-mail-ui {
margin-left: 0px;
}
.shop-address-contact-page-ui h2 {
margin-top: 60px;
border-left: 2px solid  !important;
font-weight: normal;
line-height: 1.3;
}
.shop-address-contact-page-ui a {
color: ;
}
.shop-address-contact-page-ui a:hover {
color: ;
}
.shop-address-contact-page-ui p {
margin-left: 21px;
}
.shop-address-contact-page-ui .contact-mail-ui {
margin-top: 20px;
}
.shop-address-and-contact-ui {
margin-top: 40px;
display: inline-flex;
}
.contact-page-company-name-ui {
margin-left: -6px;
font-size: 24px;
margin-top: 60px;
color: ;
line-height: 1.2;
}
.close-contact-form-icon-ui {
float: right;
font-size: 18px;
position: absolute;
right: 36px;
top: 22px;
}
.close-contact-form-icon-ui:hover {
cursor: pointer;
}
.map-container-ui {
width: 45%;
float: right;
}
.map-container-ui .map {
height: 820px;
width: 95%;
float: right;
}
.toggle-files-to-download-ui {
display: none;
z-index: 999;
background-color: rgb(255, 255, 255);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.11);
left: 774px;
top: 24px;
width: 300px;
position: absolute;
border-bottom: 1px solid #DDDDDD;
}
.toggle-files-to-download-ui span {
font-size: 16px;
font-family: "Roboto", sans-serif;
color: rgba(66, 66, 66, 0.749);
margin-left: 15px;
}
.toggle-files-to-download-ui ul li {
width: 100%;
border-bottom: 1px solid #DDDDDD;
text-align: left;
font-size: 16px;
}
.toggle-files-to-download-ui ul li a {
color:  !important;
text-decoration: none;
}
.toggle-files-to-download-ui ul li i {
color: ;
font-size: 16px;
padding-left: 10px;
padding-right: 5px;
}
.toggle-files-to-download-ui ul li:hover a, .toggle-files-to-download-ui ul li:hover i {
color:  !important;
background: none;
}
.contact-ui {
width: 630px;
}
.contact-ui .dropdown-title-ui {
padding: 20px;
opacity: 1;
margin: 0;
font-weight: 500;
font-size: 18px;
color: ;
}
.contact-ui .form-ui {
padding: 0 20px 20px;
}
.files-to-download-ui {
width: 300px;
}
.files-to-download-ui .close-ui {
padding: 0;
top: 25px;
right: 21px;
}
.files-to-download-ui .dropdown-title-ui {
padding: 21px;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
color: ;
}
.dropdowns-ui {
border-bottom: 1px solid #DDDDDD;
background-color: ;
box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
text-align: left;
font-size: 1rem;
max-width: 520px;
font-family: "Roboto", sans-serif;
}
.dropdowns-ui .files-ui {
width: 300px;
}
.dropdowns-ui .files-ui ul li {
color: ;
margin-left: 0px;
background-color: ;
}
.dropdowns-ui .files-ui ul li:hover {
background: none;
}
.dropdowns-ui span {
font-family: "Roboto", sans-serif;
}
.dropdowns-ui ul li {
width: 100%;
border: none;
border-bottom: 1px solid #DDDDDD;
text-align: left;
font-size: 16px;
}
.dropdowns-ui ul li a {
color:  !important;
text-decoration: none;
}
.dropdowns-ui ul li i {
color: ;
font-size: 16px;
padding-left: 10px;
padding-right: 5px;
}
.dropdowns-ui ul li:hover a, .dropdowns-ui ul li:hover i {
color:  !important;
background: none;
}
.dropdowns-ui input {
font-size: 16px;
font-family: "Roboto", sans-serif;
height: 46px;
width: 100%;
display: block;
border: 1px solid #DDDDDD;
background-color: ;
margin-top: 3px;
}
.dropdowns-ui textarea {
font-size: 16px;
height: 46px;
width: 100%;
display: block;
margin: auto;
border: 1px solid #DDDDDD;
background-color: ;
height: 145px;
margin-top: 3px;
padding: 10px;
font-family: "Roboto", sans-serif;
}
.dropdowns-ui label {
margin-top: 10px;
font-size: 13px;
color: #717171;
font-family: "Roboto", sans-serif;
}
.dropdowns-ui label:not(.checkbox-ui) {
height: 20px;
}
.dropdowns-ui .close-cart-form-icon-ui {
float: right;
font-size: 16px;
right: 0;
top: 0;
padding: 20px;
line-height: 1;
z-index: 1;
text-align: right;
}
.dropdowns-ui .close-cart-form-icon-ui i {
padding: 0 !important;
}
.dropdowns-ui .button-container-ui {
padding-top: 20px;
}
.dropdowns-ui .button-container-ui button {
width: 100%;
margin-right: -4px;
font-size: 18px;
}
.dropdowns-ui .button-container-ui button:hover {
background: ;
}
.dropdowns-ui .button-container-ui .cart-order-ui {
background: ;
width: 100%;
}
.dropdowns-ui .button-container-ui .cart-order-ui:hover {
background: ;
}
.dropdowns-ui .button-container-ui i {
margin-right: 10px;
}
.send-contact-form-button-ui {
background-color: ;
font-size: 16px;
min-width: 260px;
margin-top: 20px;
color: ;
border: none;
}
.send-contact-form-button-ui i {
color: ;
padding-right: 9px;
}
.send-contact-form-button-ui:hover {
background: ;
}
.contact-form-required-fields-ui {
font-size: 12px;
font-family: "Roboto", sans-serif;
line-height: 1.667;
margin: 0;
color: ;
margin-top: 20px;
}
.add-attachement-label-ui-contact {
width: fit-content !important;
font-size: 16px !important;
line-height: 1;
color:  !important;
vertical-align: middle;
margin: 0;
cursor: pointer;
transition: all ease 200ms;
}
.add-attachement-label-ui-contact:hover {
color:  !important;
}
.add-attachement-label-ui-contact i {
font-size: 20px;
vertical-align: bottom;
color: ;
}
.connectSocialsAccount-ui {
width: 93%;
margin: auto;
margin-bottom: 50px;
}
.connectSocialsAccount-ui .CustomerContentSection-ui {
margin-top: 50px;
display: flex;
flex-direction: column;
}
.connectSocialsAccount-ui .CustomerContentSection-ui .CustomerSocialButton-ui {
display: inline-flex !important;
box-shadow: 0px 1px 1px 1px lightgray;
justify-content: center;
align-items: center;
width: calc(33% - 11px);
min-width: 420px;
height: auto;
color: #232323;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
display: block;
margin-bottom: 20px;
padding: 17px;
text-align: center;
cursor: pointer;
letter-spacing: 1px;
}
.connectSocialsAccount-ui .CustomerContentSection-ui .CustomerSocialButtonGoogle-ui {
background-color: #FFFFFF;
}
.connectSocialsAccount-ui .CustomerContentSection-ui .CustomerSocialButtonFacebook-ui {
background-color: #FFFFFF;
}
.connectSocialsAccount-ui .CustomerContentSection-ui .CustomerSocialButton-ui:hover {
box-shadow: 0 0 4px #4285F4;
transition: 1s;
}
.connectSocialsAccount-ui .CustomerContentSection-ui .GFbLinkIcon-ui {
margin-right: 10px;
width: 32px;
height: 32px;
}
@media screen and (min-width: 1280px) {
.no-on-desktop-ui {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.hide-on-desktop {
display: none !important;
}
}
.popup-ui {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999;
width: 100%;
height: 100%;
padding-left: 28px;
padding-right: 28px;
background-color: transparent;
opacity: 0;
transition: background-color 0.15s linear, opacity 0.15s linear;
}
@media screen and (max-width: 768px) {
.popup-ui {
padding-left: 0;
padding-right: 0;
}
}
.popup-ui.top-popup {
z-index: 100000;
}
.popup-ui--fade {
opacity: 1;
background-color: rgba(0, 94, 173, 0.6);
transition: background-color 0.3s linear, opacity 0.15s linear;
}
.popup-ui--fade .popup-ui__content {
transform: translate(0, -50%);
transition: transform 0.3s ease-out;
}
@media screen and (max-width: 768px) {
.popup-ui--fade .popup-ui__content {
transform: translate(0, 0);
}
}
.popup-ui__content {
width: 100%;
position: relative;
top: 50%;
background: #F6F4F5;
pointer-events: auto;
border-radius: 20px;
outline: none;
font-family: "Poppins", sans-serif;
margin: auto;
transform: translate(0, 0);
transition: transform 0.3s ease-out;
overflow: auto;
}
@media screen and (max-width: 768px) {
.popup-ui__content {
position: static;
top: 0;
height: 100%;
border-radius: 0;
}
}
@media screen and (min-width: 576px) {
.popup-ui__content {
max-width: 500px;
}
}
.popup-ui__content.ticket-popup {
max-width: 845px;
}
.popup-ui__content.ticket-popup .popup-ui__body {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 40px 70px;
overflow: auto;
max-height: 80vh;
}
.popup-ui__content.ticket-popup .popup-ui__body--smaller {
padding: 20px 80px 40px;
}
@media screen and (max-width: 768px) {
.popup-ui__content.ticket-popup .popup-ui__body {
padding: 15px 15px 30px;
}
}
.popup-ui__mobile-header {
display: none;
justify-content: space-between;
align-items: center;
padding: 10px 16px;
background-color: #005EAD;
}
@media screen and (max-width: 768px) {
.popup-ui__mobile-header {
display: flex;
}
}
.popup-ui__mobile-header .logo-ui img {
max-height: 40px;
width: auto;
}
.popup-ui__header {
padding: 20px 20px 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
font-size: 18px;
font-weight: 700;
line-height: normal;
color: #005EAD;
display: flex;
flex-direction: column;
align-items: center;
}
.popup-ui__header.only-header {
padding: 20px;
}
@media screen and (max-width: 768px) {
.popup-ui__header {
padding: 15px 15px 0;
}
}
.popup-ui__footer {
padding: 16px;
border-top: 1px solid #dee2e6;
font-size: 17.5px;
font-weight: 500;
line-height: 1.5;
color: #000;
text-align: right;
}
.popup-ui__footer button {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
padding: 12px;
}
.popup-ui__footer button.cancel-ui {
background-color: transparent;
color: #6c7f92;
border: 1px solid #dfdfdf;
margin-right: 5px;
}
.popup-ui__footer button.cancel-ui:hover {
background: #7e63d4;
color: #fff;
}
.popup-ui__footer button.ok-ui {
color: #fff;
background: #232732;
border: 1px solid #232732;
}
.popup-ui__footer button.ok-ui:hover {
border-color: #474f66;
background: #474f66;
}
.popup-ui__title {
padding: 0 60px;
text-transform: uppercase;
text-align: center;
margin: 0;
border: none;
font-weight: 700;
}
@media screen and (max-width: 768px) {
.popup-ui__title {
padding: 0 15px;
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.popup-ui__title.mobile-hide {
display: none;
}
}
@media screen and (min-width: 769px) {
.popup-ui__title.desktop-hide {
display: none;
}
}
.popup-ui__close {
align-self: flex-end;
cursor: pointer;
padding: 0;
}
.popup-ui__close:hover {
opacity: 0.75;
}
@media screen and (max-width: 768px) {
.popup-ui__close {
align-self: center;
}
.popup-ui__close.hide-on-mobile {
display: none;
}
}
.popup-ui__body {
padding: 40px 60px;
}
.popup-ui__body:has(.parking-tickets-info-ui) {
padding-top: 8px;
}
.popup-ui__body [name=quantity] {
width: 100%;
border: 1px solid #ced4da;
border-radius: 4px;
padding: 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: left;
float: none;
}
@media screen and (max-width: 768px) {
.popup-ui__body {
padding: 15px 15px 30px;
}
}
.popup-ui__approval-form {
margin-bottom: 20px;
color: #868686;
font-size: 14px;
font-weight: 400;
}
.popup-ui__approval-form-btn {
width: 166px;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 700;
line-height: normal !important;
letter-spacing: 0.42px;
text-align: center;
user-select: none;
padding: 5px 10px;
cursor: pointer;
color: #fff;
background: #005EAD;
text-transform: uppercase;
transition: opacity 0.3s ease;
margin: auto;
}
.popup-ui__approval-form-btn:hover {
opacity: 0.8;
}
@media screen and (max-width: 900px) {
.popup-ui__approval-form-btn {
width: 100%;
}
}
.popup-ui--error .popup-ui__content {
background: #FFD0DA;
max-width: 565px;
}
@media screen and (max-width: 768px) {
.popup-ui--error .popup-ui__content {
max-width: 100%;
}
}
.popup-ui--error .popup-ui__title {
color: #A91938;
font-size: 16px;
}
.popup-ui--error .popup-ui__title--second {
color: #484848;
}
.popup-ui--error .popup-ui__body {
display: block !important;
text-align: center;
font-size: 14px;
font-weight: 400;
padding: 20px 50px 40px !important;
}
.alerts-box-ui {
position: fixed;
left: 0;
right: 0;
width: 600px;
max-width: 100%;
margin: 0 auto;
margin-top: 100px;
z-index: 100000;
}
.alerts-box-ui__alert {
position: relative;
padding: 12px 60px 12px 20px;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
border: 1px solid #D6EAF8;
border-radius: 4px;
color: #154360;
background-color: #D6EAF8;
font-family: "Poppins", sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 1.5;
}
.alerts-box-ui__alert strong {
font-weight: 500;
}
.alerts-box-ui__alert-close {
background-color: inherit;
position: absolute;
top: 0;
right: 0;
padding: 12px 20px;
color: inherit;
font-size: 21px;
font-weight: 700;
line-height: 1 !important;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;
}
.alerts-box-ui__alert-close:hover {
background-color: inherit;
color: inherit;
opacity: 0.75;
}
.attribute-container-ui {
line-height: 1.5;
}
.attribute-container-ui__link {
font-size: 14px;
font-family: "Poppins", sans-serif;
font-weight: 300;
color: #c50102;
line-height: 1.5;
}
.attribute-container-ui__link:hover {
color: #5233b8;
}
.rectangle-product-details-link-ui {
width: 100%;
display: flex;
justify-content: center;
padding: 0 !important;
}
.rectangle-product-details-link-ui a {
font-size: 14px;
font-family: "Poppins", sans-serif;
font-weight: 400;
color: #212529;
line-height: 1.5;
padding: 6px 12px;
}
.product-box-presentation-ui {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin: 0 auto;
font-family: "Poppins", sans-serif;
font-weight: 300;
line-height: 1.5;
}
@media screen and (min-width: 576px) {
.product-box-presentation-ui {
max-width: 540px;
}
}
@media screen and (min-width: 768px) {
.product-box-presentation-ui {
max-width: 720px;
}
}
@media screen and (min-width: 992px) {
.product-box-presentation-ui {
max-width: 960px;
}
}
@media screen and (min-width: 1200px) {
.product-box-presentation-ui {
max-width: 1140px;
}
}
.product-box-presentation-ui__image {
width: 100%;
}
.product-box-presentation-ui__link {
display: inline-block;
font-size: 14px;
margin: 22px 16px;
color: #c50102;
}
.product-box-presentation-ui__link:hover {
color: #5233b8;
}
.product-box-presentation-ui__content {
width: 100%;
background: #fff;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15);
}
.product-box-presentation-ui__main {
width: 100%;
}
.product-box-presentation-ui__main-content {
padding: 30px 20px 20px;
}
@media screen and (min-width: 768px) {
.product-box-presentation-ui__main {
display: flex;
flex-direction: row-reverse;
}
.product-box-presentation-ui__main-content {
width: 41.6666666667%;
padding: 30px 40px 20px 20px;
}
.product-box-presentation-ui__main-image {
width: 58.3333333333%;
}
}
.product-box-presentation-ui__main-category {
color: #000;
font-size: 14px;
}
.product-box-presentation-ui__main-name {
color: #000;
font-size: 28px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 8px;
}
.product-box-presentation-ui__main-flags {
margin-bottom: 20px;
}
.product-box-presentation-ui__main-flags .ribbon-ui {
display: inline-block;
padding: 3px 4px;
border-radius: 4px;
font-size: 10.5px;
line-height: 1;
white-space: nowrap;
vertical-align: baseline;
font-weight: 700;
}
.product-box-presentation-ui__adding-to-cart {
border-top: 1px solid #e2e2e2;
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin: 0 auto;
}
.product-box-presentation-ui__adding-to-cart .variant-container-ui {
margin-top: 10px;
padding: 13px 12px;
font-size: 14px;
color: #000;
border: 1px solid #ced4da;
line-height: 1.5;
}
.product-box-presentation-ui__adding-to-cart .amount-container-ui {
margin-top: 10px;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.product-box-presentation-ui__adding-to-cart .amount-container-ui {
margin-bottom: 35px;
}
}
.product-box-presentation-ui__adding-to-cart .amount-container-ui .amount-stepper-label-ui {
font-size: 14px;
color: #000;
margin-bottom: 8px;
}
.product-box-presentation-ui__adding-to-cart .amount-container-ui .amount-stepper-ui {
width: 100%;
flex-wrap: nowrap;
position: relative;
}
.product-box-presentation-ui__adding-to-cart .amount-container-ui .amount-stepper-ui .validation-container-ui {
position: absolute;
top: 45px;
left: 0;
}
.product-box-presentation-ui__adding-to-cart .amount-container-ui input[name=quantity] {
width: 100%;
height: 44px;
flex-grow: 1;
padding: 8px 16px;
text-align: left;
}
@media screen and (min-width: 992px) {
.product-box-presentation-ui__adding-to-cart .amount-container-ui input[name=quantity] {
width: auto;
}
}
.product-box-presentation-ui__adding-to-cart .amount-container-ui .change-quantity-ui {
height: 44px;
color: #fff;
background: #c50102;
border: 1px solid #c50102;
width: auto;
font-weight: 400;
padding: 6px 12px;
font-size: 14px;
user-select: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.product-box-presentation-ui__adding-to-cart .amount-container-ui .change-quantity-ui:hover {
background: #c50102 !important;
border-color: #c50102 !important;
opacity: 0.8;
}
.product-box-presentation-ui__adding-to-cart .price-container-ui {
margin-bottom: 16px;
}
.product-box-presentation-ui__adding-to-cart .price-container-ui .price-label-ui {
font-size: 14px;
color: #000;
margin-bottom: 8px;
}
.product-box-presentation-ui__adding-to-cart .price-container-ui .price-ui {
color: #c50102;
font-size: 25px;
font-weight: 800;
}
.product-box-presentation-ui__adding-to-cart .success-ui {
font-size: 14px;
text-align: center;
}
.product-box-presentation-ui__adding-to-cart .success-ui a {
color: inherit;
}
.product-box-presentation-ui__adding-to-cart .add-to-cart-ui {
margin-top: 0;
width: 100%;
min-width: auto;
min-height: auto;
color: #FFF;
background: #c50102;
border: 1px solid #c50102;
font-family: "Poppins", sans-serif;
font-size: 17.5px;
font-weight: 400;
line-height: 1.5 !important;
padding: 8px 16px;
user-select: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.product-box-presentation-ui__adding-to-cart .add-to-cart-ui:hover {
background: #c50102;
border-color: #c50102;
opacity: 0.8;
}
.product-box-presentation-ui__gallery {
padding: 20px;
}
.product-box-presentation-ui__gallery-box {
margin-bottom: 70px;
}
.product-box-presentation-ui__gallery-box-first-name {
display: block;
font-size: 40px;
font-weight: 500;
line-height: 1.2;
color: #d30326;
text-transform: uppercase;
border-top: 1px solid #f8f8f8;
border-bottom: 1px solid #f8f8f8;
padding: 15px 0;
margin-bottom: 8px;
}
.product-box-presentation-ui__gallery-box-name {
text-align: center;
font-size: 17.5px;
color: #000;
margin-top: 62px;
margin-bottom: 8px;
line-height: 2.5;
font-weight: 500;
}
.contact-section-ui {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin: 20px auto 0;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.5;
color: #000;
}
@media screen and (min-width: 576px) {
.contact-section-ui {
max-width: 540px;
}
}
@media screen and (min-width: 768px) {
.contact-section-ui {
max-width: 720px;
}
}
@media screen and (min-width: 992px) {
.contact-section-ui {
max-width: 960px;
}
}
@media screen and (min-width: 1200px) {
.contact-section-ui {
max-width: 1140px;
}
}
.contact-section-ui__title {
font-size: 28px;
border: none;
padding: 0;
margin-bottom: 8px;
}
.contact-section-ui > div {
margin-bottom: 16px;
}
.contact-section-ui__text {
margin: 0;
}
.contact-section-ui__text--strong {
font-weight: 500;
}
.contact-section-ui__company {
text-transform: uppercase;
}
.terms-and-conditions-ui {
text-align: center;
padding: 40px 15px;
}
.terms-and-conditions-ui__link {
display: block;
margin-bottom: 40px;
color: #c50102;
font-size: 28px;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
}
.terms-and-conditions-ui__link:hover {
color: #5233b8;
}
.thank-you-ui {
font-family: "Poppins", sans-serif;
font-size: 14px;
line-height: 1.5;
}
.thank-you-ui .external-payment-ui {
background: #c50102;
border-color: #c50102;
}
.thank-you-ui .external-payment-ui:hover {
opacity: 0.8;
}
.thank-you-page-ui {
width: 100%;
padding-left: 15px;
padding-right: 15px;
padding: 20px;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.5;
color: #484848;
}
.thank-you-page-ui__header {
line-height: normal;
font-style: normal;
text-transform: uppercase;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.thank-you-page-ui__header {
display: flex;
justify-content: flex-start;
align-items: center;
}
}
.thank-you-page-ui__order-number {
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.51px;
text-transform: uppercase;
color: #484848;
}
.thank-you-page-ui__order-status {
font-size: 10px;
width: fit-content;
letter-spacing: 0.3px;
font-weight: 600;
color: #fff;
border-radius: 8px;
border: 1px solid #007D00;
background: #007D00;
padding: 3px 6px;
}
@media screen and (min-width: 768px) {
.thank-you-page-ui__order-status {
margin: 0 10px;
}
}
.thank-you-page-ui__content {
width: 100%;
gap: 60px;
display: flex;
justify-content: space-between;
}
.thank-you-page-ui__column {
width: 60%;
}
.thank-you-page-ui__column:last-child {
width: 40%;
}
.thank-you-page-ui__section {
margin-bottom: 10px;
}
.thank-you-page-ui__section-title {
padding-bottom: 10px;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
color: #005EAD;
}
.thank-you-page-ui__section-content {
display: flex;
flex-direction: column;
gap: 5px;
}
.thank-you-page-ui__section-content .online-payment-error-ui {
padding: 0;
}
@media screen and (min-width: 992px) {
.thank-you-page-ui__section-content .online-payment-error-ui {
display: flex;
align-items: center;
}
}
.thank-you-page-ui__section-content .online-payment-error-ui img {
height: 100%;
}
.thank-you-page-ui__section-content .online-payment-error-bold-text-ui, .thank-you-page-ui__section-content .online-payment-error-text-ui {
width: auto;
padding: 0 15px;
margin: 15px auto;
}
@media screen and (min-width: 992px) {
.thank-you-page-ui__section-content .online-payment-error-bold-text-ui, .thank-you-page-ui__section-content .online-payment-error-text-ui {
margin: 30px auto;
}
}
.thank-you-page-ui__section-content .restore-payment-button-ui {
width: fit-content;
margin-bottom: 10px;
padding: 10px 12px;
background: #c50102;
border-color: #c50102;
color: #fff;
border-radius: 4px;
}
.thank-you-page-ui__section-content .restore-payment-button-ui:hover {
background: #c50102;
border-color: #c50102;
color: #fff;
opacity: 0.8;
}
.thank-you-page-ui__section-content.payment {
background: #FFF;
padding: 20px 20px 0;
border-radius: 20px 20px 0 0;
}
@media screen and (max-width: 768px) {
.thank-you-page-ui__section-content.payment {
margin: 0 20px;
width: auto;
}
}
.thank-you-page-ui__section-content.right {
background: #FFF;
padding: 20px;
margin-bottom: 30px;
border-radius: 20px;
}
@media screen and (max-width: 768px) {
.thank-you-page-ui__section-content.right {
width: auto;
margin: 0 20px 30px;
}
}
.thank-you-page-ui__list-section {
display: flex;
flex-direction: row;
gap: inherit;
}
.thank-you-page-ui__list-item {
background: #FFF;
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 20px;
gap: 20px;
border-radius: 20px;
}
.thank-you-page-ui__list-item-title {
padding: 0 5px;
}
.thank-you-page-ui__list-item-name {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.thank-you-page-ui__list-item-desc {
color: #b8b8b8;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.thank-you-page-ui__list-item-price, .thank-you-page-ui__list-item-total-price {
align-self: center;
width: max-content;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.48px;
padding: 0 5px;
color: #c50102;
}
.thank-you-page-ui__list-item-quantity {
align-self: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.42px;
padding: 0 5px;
color: #484848;
}
.thank-you-page-ui__list-item-total-price {
font-weight: 700;
text-align: right;
}
.thank-you-page-ui__text {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.thank-you-page-ui__text--strong {
font-size: 16px;
font-weight: 500;
}
.thank-you-page-ui__summary {
background-color: #FFF;
padding: 20px;
border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 768px) {
.thank-you-page-ui__summary {
margin: 0 20px;
}
}
.thank-you-page-ui__summary-item {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 8px;
}
.thank-you-page-ui__summary-item:last-child {
margin: 0;
}
.thank-you-page-ui__summary-item .payment {
width: fit-content;
}
.thank-you-page-ui__summary-item .payment__text {
color: #868686;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
}
.thank-you-page-ui__summary-item .payment__price {
color: #484848;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
}
.thank-you-page-ui__summary-item .payment__price.summary {
font-weight: 700;
color: #A91938;
}
.thank-you-page-ui__summary--strong {
font-size: 14px;
font-weight: 600;
}
.parking-tickets {
width: 72%;
}
.parking-tickets:has(.parking-ticket-ui:not(:only-child)) {
width: 100%;
margin-bottom: 10px;
}
.parking-tickets:has(.parking-ticket-ui:not(:only-child)) .parking-ticket-ui {
margin-bottom: 10px;
padding: 0 40px;
}
@media screen and (max-width: 768px) {
.parking-tickets:has(.parking-ticket-ui:not(:only-child)) .parking-ticket-ui {
padding: 0;
}
}
@media screen and (max-width: 900px) {
.parking-tickets {
width: 100%;
}
}
.parking-ticket-ui {
display: flex;
align-items: center;
justify-content: space-between;
}
.parking-ticket-ui input {
padding: 5px 10px;
font-size: 14px;
line-height: normal;
font-weight: 400;
background-color: #fff;
min-width: 206px;
margin-right: 10px;
border: 1px solid #d2d6da;
border-radius: 8px;
font-family: "Poppins", sans-serif;
}
.parking-ticket-ui input:focus {
border: 1px solid #D30326;
box-shadow: 0 0 0 2px #D30326;
}
.parking-ticket-ui input:focus-visible {
border: 1px solid #d2d6da;
box-shadow: none;
}
.parking-ticket-ui .ticket-name-ui {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.48px;
text-align: center;
margin-right: 10px;
white-space: nowrap;
}
.parking-ticket-ui .plate-number-ui {
margin-right: 10px;
}
.parking-ticket-ui .validation-info-ui {
color: #EF5350;
}
.parking-ticket-ui ::placeholder {
opacity: 1; /* Firefox */
}
.parking-ticket-ui ::-ms-input-placeholder { /* Edge 12-18 */ }
@media screen and (max-width: 900px) {
.parking-ticket-ui {
flex-direction: column;
align-items: flex-start;
}
.parking-ticket-ui .ticket-name-ui {
margin-bottom: 10px;
text-align: left;
}
.parking-ticket-ui .input-wrapper-ui {
margin-bottom: 10px;
width: 100%;
}
}
@media screen and (max-width: 420px) {
.parking-ticket-ui .input-wrapper-ui > span {
font-size: 8px;
}
}
.parking-tickets-info-ui {
color: #868686;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.48px;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.parking-tickets-info-ui {
font-size: 12px;
}
}
.spinner {
position: relative;
height: 37px;
margin: 5px;
}
.spinner::after {
content: "";
display: none;
box-sizing: border-box;
position: absolute;
top: calc(50% - 8.5px);
left: calc(50% - 8.5px);
width: 17px;
height: 17px;
border: 2px solid transparent;
border-radius: 50%;
}
.spinner-active::after {
display: block;
border-color: #000 #000 #000 transparent;
}
.spinner.rotation::after {
-webkit-animation: rotating 1.15s cubic-bezier(0.1, 0.84, 0.44, 1) infinite;
animation: rotating 1.15s cubic-bezier(0.1, 0.84, 0.44, 1) infinite;
}
.popup-after-adding-ui {
max-width: 100%;
max-height: calc(100vh - 56px);
overflow-y: auto;
clip-path: inset(0 round 20px);
}
.popup-after-adding-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%;
}
.popup-after-adding-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, 0.5);
outline: none;
border-radius: 2px;
}
.popup-after-adding-ui::-webkit-scrollbar-thumb:hover {
background-color: #8E8E8E;
}
.popup-after-adding-ui__title {
font-size: 40px;
letter-spacing: 1.2px;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__title {
font-size: 20px;
}
}
.popup-after-adding-ui__added-container {
width: 65%;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__added-container {
width: 100%;
}
}
.popup-after-adding-ui__added-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__added-wrapper {
flex-direction: column;
align-items: flex-start;
}
}
.popup-after-adding-ui__added-product {
font-size: 16px;
font-weight: 700;
letter-spacing: 0.48px;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__added-product {
margin-bottom: 16px;
}
}
.popup-after-adding-ui__added-product:only-child {
margin-bottom: 0;
}
.popup-after-adding-ui__added-product-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__added-product-wrapper {
flex-direction: column;
align-items: flex-start;
}
}
.popup-after-adding-ui__added-product-name {
width: 50%;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__added-product-name {
width: 100%;
}
}
@media screen and (min-width: 769px) {
.popup-after-adding-ui__added-product-name {
word-break: break-word;
}
}
.popup-after-adding-ui__added-product-additional {
line-height: 1.2;
font-weight: 500;
color: #A91938;
text-align: center;
}
@media screen and (min-width: 769px) {
.popup-after-adding-ui__added-product-additional {
margin-bottom: 0;
text-align: left;
}
}
.popup-after-adding-ui__added-product-name, .popup-after-adding-ui__added-product-price {
text-transform: uppercase;
color: #484848;
}
.popup-after-adding-ui__added-product-price {
font-size: 18px;
width: 30%;
text-align: right;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__added-product-price {
width: 100%;
text-align: left;
}
}
.popup-after-adding-ui__added-product-quantity {
font-size: 16px;
font-weight: 400;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__added-product-quantity {
font-size: 14px;
}
}
.popup-after-adding-ui__buttons-wrapper {
width: 20%;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__buttons-wrapper {
width: 100%;
flex-direction: row;
margin-top: 15px;
}
}
.popup-after-adding-ui__button {
width: 100%;
min-width: 150px;
background-color: transparent;
color: #484848;
font-family: "Poppins", sans-serif;
font-size: 14px;
line-height: normal;
font-weight: 700;
letter-spacing: 0.42px;
padding: 5px 10px;
margin: 5px 0;
border: 2px solid #484848;
border-radius: 8px;
transition: opacity 300ms;
text-transform: uppercase;
cursor: pointer;
}
.popup-after-adding-ui__button:hover {
opacity: 0.8;
}
.popup-after-adding-ui__button-primary {
background-color: #A91938;
border-color: #A91938;
color: #fff;
}
.popup-after-adding-ui__recommended {
width: 100%;
}
.popup-after-adding-ui__recommended-title {
font-size: 18px;
font-weight: 700;
line-height: normal;
text-align: center;
padding: 50px 0 20px;
text-transform: uppercase;
color: #005EAD;
margin: 0;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__recommended-title {
padding-top: 30px;
}
}
.popup-after-adding-ui__recommended-container {
width: 90%;
margin: 0 auto 20px;
display: flex !important;
align-items: center;
order: -1;
}
.popup-after-adding-ui__recommended-container .square-product-ui {
display: flex !important;
flex: none;
height: auto;
}
.popup-after-adding-ui__recommended-container .square-product-ui .amount-stepper-ui [name=quantity] {
padding: 0;
line-height: 1.5em;
text-align: center;
float: left;
}
.popup-after-adding-ui__recommended-container .square-product-ui .name-ui {
font-size: 20px;
}
.popup-after-adding-ui__recommended-container .square-product-ui .description-ui {
font-size: 11px;
line-height: 1.5;
}
.popup-after-adding-ui__recommended-container .square-product-ui .price-and-quantity-container-ui {
flex-wrap: wrap;
padding-bottom: 0;
order: 1;
}
.popup-after-adding-ui__recommended-container .square-product-ui .price-label-ui {
font-size: 10px;
}
.popup-after-adding-ui__recommended-container .square-product-ui .price-ui {
font-size: 20px;
}
.popup-after-adding-ui__recommended-container .square-product-ui .quantity-label-ui {
font-size: 12px;
}
.popup-after-adding-ui__recommended-container .square-product-ui .change-quantity-ui, .popup-after-adding-ui__recommended-container .square-product-ui [name=quantity] {
width: 30px;
height: 30px;
}
.popup-after-adding-ui__recommended-container .square-product-ui [name=quantity] {
font-size: 12px;
}
.popup-after-adding-ui__recommended-container .square-product-ui .attribute-container-ui {
font-size: 10px;
}
.popup-after-adding-ui__recommended-container .square-product-ui .add-to-cart-container-ui {
padding-top: 20px;
width: 100%;
}
.popup-after-adding-ui__recommended-container .square-product-ui .add-to-cart-ui {
width: 100%;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__recommended-container .square-product-ui .product-flags-ui, .popup-after-adding-ui__recommended-container .square-product-ui .description-ui {
display: none;
}
.popup-after-adding-ui__recommended-container .square-product-ui .name-ui {
font-size: 12px;
}
.popup-after-adding-ui__recommended-container .square-product-ui .price-ui {
font-size: 14px;
}
.popup-after-adding-ui__recommended-container .square-product-ui .attribute-container-ui {
font-size: 11px;
}
.popup-after-adding-ui__recommended-container .square-product-ui .price-and-quantity-container-ui {
padding-top: 15px;
}
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui__recommended-container {
width: 80%;
}
}
@media screen and (max-width: 576px) {
.popup-after-adding-ui__recommended-container {
width: 70%;
}
}
.popup-after-adding-ui__recommended-wrapper {
position: relative;
display: flex;
align-items: center;
}
.popup-after-adding-ui__recommended-left-arrow, .popup-after-adding-ui__recommended-right-arrow {
display: flex;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
position: absolute;
z-index: 1;
top: calc(50% - 31px);
padding: 0;
background: #ccc !important;
border: none !important;
cursor: pointer;
opacity: 0.7;
border-radius: 50%;
}
.popup-after-adding-ui__recommended-left-arrow svg, .popup-after-adding-ui__recommended-right-arrow svg {
width: 1.2rem;
height: 1.2rem;
fill: #000;
}
.popup-after-adding-ui__recommended-left-arrow:hover, .popup-after-adding-ui__recommended-right-arrow:hover {
opacity: 1;
background: #ccc !important;
}
.popup-after-adding-ui__recommended-left-arrow.swiper-button-disabled, .popup-after-adding-ui__recommended-right-arrow.swiper-button-disabled {
display: none;
}
.popup-after-adding-ui__recommended-left-arrow {
left: 0;
}
.popup-after-adding-ui__recommended-left-arrow svg {
transform: scaleX(-1);
}
.popup-after-adding-ui__recommended-right-arrow {
right: 0;
}
@media screen and (max-width: 768px) {
.popup-after-adding-ui {
max-height: 100vh;
}
}
@media screen and (min-width: 576px) {
.popup-after-adding-ui {
max-width: 1170px;
}
}
@media screen and (min-width: 2600px) {
.homepage-slider-ui {
max-width: 2600px;
}
}
.info-banner-1 {
width: 100%;
margin: 0 auto;
text-align: center;
background-color: #005DAE;
}
.info-banner-1 .slick-slide, .info-banner-1 .slick-track {
width: 100% !important;
max-width: 1420px;
}
.info-banner-1 .shape {
position: absolute;
top: 156px;
left: 59px;
width: 230px;
height: 180px;
background: #0F1E3C;
border-radius: 100%;
clip: rect(70px, auto, auto, 45px);
transform: rotate(-90deg);
}
.info-banner-1 .info-banner-title {
background-color: #005DAE;
padding: 0 20px;
bottom: -13px;
position: relative;
font-size: 24px;
display: inline-block;
color: #000;
}
.info-banner-1__list {
display: flex;
justify-content: center;
margin: 20px auto 0;
padding: 0 40px 40px;
position: relative;
}
.info-banner-1__list .wave {
position: absolute;
bottom: 35px;
width: 100%;
z-index: 1;
max-width: unset;
}
@media screen and (min-width: 1600px) {
.info-banner-1__list .wave {
bottom: -5%;
}
}
@media screen and (min-width: 2600px) {
.info-banner-1__list .wave {
bottom: -3vh;
max-width: 2600px;
}
}
@media screen and (min-width: 856px) and (max-width: 1150px) {
.info-banner-1__list .wave {
bottom: 75px;
}
}
@media screen and (min-width: 768px) and (max-width: 855px) {
.info-banner-1__list .wave {
bottom: 115px;
}
}
.info-banner-1__list .sliderItem {
display: flex !important;
flex-direction: column;
width: 190px;
z-index: 2;
justify-self: center;
transition: 200ms;
}
.info-banner-1__list .sliderItem__imageContainer {
height: 87px;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.info-banner-1__list .sliderItem__imageContainer {
height: 67px;
}
}
.info-banner-1__list .sliderItem__imageContainer-centered {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.info-banner-1__list .sliderItem__imageContainer img {
height: 87px;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.info-banner-1__list .sliderItem__imageContainer img {
height: 67px;
}
}
.info-banner-1__list .sliderItem span {
color: #fff;
margin-top: 32px;
font-size: 16px;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.info-banner-1__list .sliderItem span {
font-size: 14px;
}
}
.info-banner-1__list .sliderItem:hover {
cursor: pointer;
opacity: 0.8;
}
.info-banner-1__list .sliderItem:hover img {
opacity: 0.8;
}
.info-banner-1 a {
display: flex !important;
justify-content: center;
cursor: initial;
}
.info-banner-1 a .sliderItem {
cursor: pointer;
}
.promotionsbanner, .eticketsbanner, .giftticketsbanner, .annualticketsbanner, .fastpassbanner {
margin: 0 auto;
width: 100%;
z-index: 1;
}
.promotionsbanner-container, .eticketsbanner-container, .giftticketsbanner-container, .annualticketsbanner-container, .fastpassbanner-container {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.promotionsbanner-heading, .eticketsbanner-heading, .giftticketsbanner-heading, .annualticketsbanner-heading, .fastpassbanner-heading {
padding-top: 120px;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #fff;
text-align: center;
width: 100%;
border-left: 0;
}
.promotionsbanner-textcontainer, .eticketsbanner-textcontainer, .giftticketsbanner-textcontainer, .annualticketsbanner-textcontainer, .fastpassbanner-textcontainer {
display: flex;
align-items: center;
justify-content: center;
margin-top: 5px;
}
.promotionsbanner-text, .eticketsbanner-text, .giftticketsbanner-text, .annualticketsbanner-text, .fastpassbanner-text {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.54px;
text-transform: uppercase;
color: #fff;
margin-left: 30px;
}
.promotionsbanner .svgImg, .eticketsbanner .svgImg, .giftticketsbanner .svgImg, .annualticketsbanner .svgImg, .fastpassbanner .svgImg {
left: 0px;
top: -6px;
}
.promotionsbanner svg:not(.svgImg), .eticketsbanner svg:not(.svgImg), .giftticketsbanner svg:not(.svgImg), .annualticketsbanner svg:not(.svgImg), .fastpassbanner svg:not(.svgImg) {
position: absolute;
z-index: 0;
left: -9px;
bottom: -50px;
}
@media screen and (max-width: 767px) {
.promotionsbanner svg:not(.svgImg), .eticketsbanner svg:not(.svgImg), .giftticketsbanner svg:not(.svgImg), .annualticketsbanner svg:not(.svgImg), .fastpassbanner svg:not(.svgImg) {
display: none;
}
}
.promotionsbanner-tickets, .eticketsbanner-tickets, .giftticketsbanner-tickets, .annualticketsbanner-tickets, .fastpassbanner-tickets {
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
flex-wrap: wrap;
align-items: stretch;
}
.promotionsbanner-ticket, .eticketsbanner-ticket, .giftticketsbanner-ticket, .annualticketsbanner-ticket, .fastpassbanner-ticket {
position: relative;
background-color: transparent;
width: 262px !important;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 120px;
border-radius: 42px;
position: relative;
}
.promotionsbanner-ticket-img, .eticketsbanner-ticket-img, .giftticketsbanner-ticket-img, .annualticketsbanner-ticket-img, .fastpassbanner-ticket-img {
height: 160px;
object-fit: cover;
position: inherit;
z-index: 1;
}
.promotionsbanner-ticket-textscontainer, .eticketsbanner-ticket-textscontainer, .giftticketsbanner-ticket-textscontainer, .annualticketsbanner-ticket-textscontainer, .fastpassbanner-ticket-textscontainer {
position: inherit;
z-index: 1;
margin-bottom: 100px;
}
.promotionsbanner-ticket-header, .eticketsbanner-ticket-header, .giftticketsbanner-ticket-header, .annualticketsbanner-ticket-header, .fastpassbanner-ticket-header {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
color: #4F5A90;
margin-top: 24px;
text-align: center;
}
.promotionsbanner-ticket-header::first-line, .eticketsbanner-ticket-header::first-line, .giftticketsbanner-ticket-header::first-line, .annualticketsbanner-ticket-header::first-line, .fastpassbanner-ticket-header::first-line {
color: #A91938;
}
.promotionsbanner-ticket-dates, .eticketsbanner-ticket-dates, .giftticketsbanner-ticket-dates, .annualticketsbanner-ticket-dates, .fastpassbanner-ticket-dates {
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.33px;
color: #2A3A94;
text-align: center;
margin-top: 10px;
}
.promotionsbanner-ticket-text, .eticketsbanner-ticket-text, .giftticketsbanner-ticket-text, .annualticketsbanner-ticket-text, .fastpassbanner-ticket-text {
display: grid;
align-items: center;
grid-template-columns: 60% 40%;
grid-row-gap: 9px;
color: #4F5A90;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 16px;
letter-spacing: 0.39px;
margin: 12px auto 30px;
width: calc(100% - 20px);
}
.promotionsbanner-ticket-text div:nth-child(2n+1), .eticketsbanner-ticket-text div:nth-child(2n+1), .giftticketsbanner-ticket-text div:nth-child(2n+1), .annualticketsbanner-ticket-text div:nth-child(2n+1), .fastpassbanner-ticket-text div:nth-child(2n+1) {
text-align: left;
}
.promotionsbanner-ticket-text div:nth-child(2n+1) span, .eticketsbanner-ticket-text div:nth-child(2n+1) span, .giftticketsbanner-ticket-text div:nth-child(2n+1) span, .annualticketsbanner-ticket-text div:nth-child(2n+1) span, .fastpassbanner-ticket-text div:nth-child(2n+1) span {
display: block;
width: 100%;
text-align: left;
color: #868686;
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.33px;
}
.promotionsbanner-ticket-text div:nth-child(2n+2), .eticketsbanner-ticket-text div:nth-child(2n+2), .giftticketsbanner-ticket-text div:nth-child(2n+2), .annualticketsbanner-ticket-text div:nth-child(2n+2), .fastpassbanner-ticket-text div:nth-child(2n+2) {
text-align: right;
}
.promotionsbanner-ticket-button, .eticketsbanner-ticket-button, .giftticketsbanner-ticket-button, .annualticketsbanner-ticket-button, .fastpassbanner-ticket-button {
display: block;
width: calc(100% - 40px);
margin: 0 auto;
background-color: #005EAD;
height: 31px;
color: #fff;
border: 1px solid #005EAD;
transition: 200ms;
cursor: pointer;
text-transform: uppercase;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 31px;
letter-spacing: 0.42px;
position: absolute;
z-index: 1;
bottom: 24px;
left: 0;
right: 0;
}
.promotionsbanner-ticket-button:hover, .eticketsbanner-ticket-button:hover, .giftticketsbanner-ticket-button:hover, .annualticketsbanner-ticket-button:hover, .fastpassbanner-ticket-button:hover {
color: #FFF;
background-color: #0075D7;
border-color: #0075D7;
}
.giftticketsbanner-textcontainer {
margin-top: 10px;
}
.giftticketsbanner-iconAndText {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 20px;
}
.giftticketsbanner-iconContainer {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.giftticketsbanner-text {
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.54px;
text-transform: uppercase;
margin-left: 0;
}
.giftticketsbanner-secondContainer {
display: flex;
align-items: center;
justify-content: center;
height: 250px;
margin-top: 20px;
}
.giftticketsbanner-secondContainer-img {
position: relative;
width: 50%;
}
.giftticketsbanner-secondContainer-img img {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: auto;
max-width: 400px;
height: auto;
}
.giftticketsbanner-secondContainer-img img.img_rotate {
transform: translateY(-50%) rotate(-16deg) scale(0.9);
top: -6px;
}
.giftticketsbanner-secondContainer-text {
width: calc(50% - 30px);
color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.66px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.giftticketsbanner-secondContainer {
flex-direction: column;
height: 340px;
}
.giftticketsbanner-secondContainer-img {
width: 100%;
}
.giftticketsbanner-secondContainer-img img {
right: unset;
left: 50%;
transform: translate(-50%, -50%);
}
.giftticketsbanner-secondContainer-img img.img_rotate {
transform: translate(-50%, -50%) rotate(-16deg) scale(0.9);
}
.giftticketsbanner-secondContainer-text {
width: calc(100% - 30px);
justify-content: center;
padding-top: 130px;
margin-bottom: -96px;
}
}
@media screen and (min-width: 768px) and (max-width: 880px) {
.giftticketsbanner-textcontainer {
flex-direction: column;
}
.giftticketsbanner-iconAndText {
flex-direction: row;
width: 400px;
justify-content: flex-start;
}
.giftticketsbanner-iconContainer {
width: 80px;
}
}
.giftticketsbanner-tickets {
justify-content: center !important;
margin-top: 30px;
}
.giftticketsbanner-ticket {
margin-left: 20px;
margin-right: 20px;
}
@media screen and (min-width: 768px) {
.annualticketsbanner-container, .fastpassbanner-container {
display: flex;
align-items: center;
justify-content: center;
}
}
.annualticketsbanner-mainContainer, .fastpassbanner-mainContainer {
width: 60%;
margin-top: 50px;
margin-bottom: 120px;
}
.annualticketsbanner-mainContainer-header, .fastpassbanner-mainContainer-header {
color: #FFF;
text-align: left;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-bottom: 20px;
margin-left: -20px;
}
.annualticketsbanner-mainContainer-textContainer, .fastpassbanner-mainContainer-textContainer {
background-color: #005EAD;
border-radius: 30px;
padding: 30px 30px 30px 50px;
width: 75%;
}
@media screen and (min-width: 768px) and (max-width: 990px) {
.annualticketsbanner-mainContainer-textContainer, .fastpassbanner-mainContainer-textContainer {
width: 85%;
}
}
.annualticketsbanner ul, .fastpassbanner ul {
list-style-type: circle;
}
.annualticketsbanner li, .fastpassbanner li {
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 10px 0;
}
.annualticketsbanner li::marker, .fastpassbanner li::marker {
font-weight: bold;
font-size: 18px;
}
.annualticketsbanner li a, .fastpassbanner li a {
color: #fff;
text-decoration: underline;
transition: 200ms;
}
.annualticketsbanner li a:hover, .fastpassbanner li a:hover {
opacity: 0.8;
}
.fastpassbanner-container {
flex-wrap: wrap;
}
.fastpassbanner-mainHeader {
color: #fff;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-top: 124px;
width: 100%;
text-align: center;
}
.fastpassbanner-mainContainer-textContainer {
margin-left: auto;
margin-right: 0;
background-color: transparent;
}
.fastpassbanner-mainContainer-header {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.54px;
text-transform: uppercase;
}
.highlightedCategory {
color: #EBE649;
}
.eventsbanner {
width: 100%;
max-width: 1420px;
margin: 140px auto 0;
padding: 0 20px;
text-align: center;
position: relative;
}
@media screen and (max-width: 767px) {
.eventsbanner {
margin: 50px auto;
}
}
.eventsbanner-header {
color: #005EAD;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.eventsbanner-header {
font-size: 20px;
}
}
.eventsbanner-swiper-arrow {
position: absolute;
z-index: 2;
padding: 0;
top: calc(50% + 10px);
background: #ccc;
border-radius: 50%;
height: 2rem;
width: 2rem;
opacity: 0.7;
}
.eventsbanner-swiper-arrow:hover {
background: #ccc;
opacity: 1;
}
.eventsbanner-swiper-arrow svg {
fill: #000;
height: 1.2rem;
width: 1.2rem;
}
.eventsbanner-swiper-arrow--left {
left: 36px;
transform: scaleX(-1);
}
@media screen and (max-width: 767px) {
.eventsbanner-swiper-arrow--left {
left: 24px;
}
}
.eventsbanner-swiper-arrow--right {
right: 36px;
}
@media screen and (max-width: 767px) {
.eventsbanner-swiper-arrow--right {
right: 24px;
}
}
.eventsbanner-swiper-arrow.swiper-button-disabled {
display: none;
}
.eventsbanner-image {
position: relative;
overflow: hidden;
border-radius: 20px;
}
.eventsbanner-container {
margin-top: 30px;
padding-bottom: 10px;
}
.eventsbanner-container img {
width: auto;
height: auto;
max-width: 100%;
margin: 0 auto;
transition: 400ms;
cursor: pointer;
}
.eventsbanner-container img:hover {
transform: scale(1.1);
}
.ourparkbanner {
width: 100%;
max-width: 1420px;
margin: 140px auto 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.ourparkbanner {
margin: 50px auto;
}
}
.ourparkbanner-header {
color: #005EAD;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
max-width: 96%;
}
@media screen and (max-width: 767px) {
.ourparkbanner-header {
font-size: 20px;
max-width: unset;
width: 100%;
}
}
.ourparkbanner-container {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
grid-row-gap: 40px;
margin-top: 30px;
}
@media screen and (max-width: 767px) {
.ourparkbanner-container {
margin-top: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 1150px) {
.ourparkbanner-container {
grid-template-columns: 33% 33% 33%;
}
}
.ourparkbanner-image {
border-radius: 20px;
margin: 0 20px;
}
@media screen and (min-width: 768px) {
.ourparkbanner-image:hover .ourparkbanner-img {
transform: scale(1.1);
}
}
.ourparkbanner-top {
position: relative;
height: 170px;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.ourparkbanner-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px 20px 0 0;
transition: 400ms;
}
.ourparkbanner-smallimgcontainer {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
background-color: #fff;
border-radius: 20px 20px 0 0;
padding: 8px 10px 0;
width: 65px;
height: 50px;
}
.ourparkbanner-smallimg {
position: absolute;
max-width: 70%;
max-height: 80%;
bottom: 1px;
left: 50%;
transform: translateX(-50%);
}
.ourparkbanner-bottom {
background-color: #fff;
text-align: center;
border-radius: 0 0 20px 20px;
}
.ourparkbanner-heading {
color: #005EAD;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.54px;
padding-top: 10px;
border-left: 0;
}
.ourparkbanner-text {
color: #868686;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding: 5px 15px 10px;
}
@media screen and (max-width: 767px) {
.ourparkbanner-container {
grid-template-columns: 50% 50%;
grid-row-gap: 20px;
}
.ourparkbanner-image {
margin: 0 10px;
position: relative;
}
.ourparkbanner-top {
background: #000;
border-radius: 20px;
}
.ourparkbanner-img {
opacity: 0.5;
border-radius: 20px;
}
.ourparkbanner-bottom {
position: absolute;
background-color: transparent;
top: 23px;
left: 50%;
transform: translateX(-50%);
width: 96%;
}
.ourparkbanner-heading {
color: #fff;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 15px;
letter-spacing: 0.42px;
margin-bottom: 5px;
width: 100%;
}
.ourparkbanner-text {
color: #fff;
text-align: center;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 15px;
width: 100%;
}
}
.infosection {
display: grid;
grid-template-columns: 43% 43%;
width: 90%;
margin-top: 140px;
margin-right: auto;
margin-bottom: 140px;
margin-left: auto;
grid-column-gap: 14%;
padding-left: 20px;
}
@media screen and (min-width: 2600px) {
.infosection {
max-width: 2600px;
}
}
@media screen and (min-width: 768px) and (max-width: 1360px) {
.infosection {
width: 94%;
}
}
@media screen and (max-width: 767px) {
.infosection {
grid-template-columns: 100%;
grid-column-gap: unset;
width: calc(96% - 20px);
margin-top: 0;
margin-bottom: 50px;
}
}
.infosection-header {
color: #005EAD;
text-align: left;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-left: -20px;
}
@media screen and (max-width: 767px) {
.infosection-header {
font-size: 20px;
margin-left: 0;
text-align: center;
margin-top: 50px;
}
}
.infosection-headersmall {
color: #4F5A90;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.54px;
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 10px;
text-align: left;
margin-left: -20px;
position: relative;
}
@media screen and (max-width: 767px) {
.infosection-headersmall {
font-size: 12px;
letter-spacing: 0.36px;
}
}
@media screen and (min-width: 768px) {
.infosection-icon {
display: none;
}
}
@media screen and (max-width: 767px) {
.infosection-icon {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(180deg);
}
.infosection-icon.rotate {
transform: translateY(-50%);
}
}
.infosection ul {
list-style-type: circle;
}
.infosection li {
word-break: break-word;
margin-bottom: 10px;
}
.infosection li::marker {
color: #4F5A90;
}
.infosection-content {
color: #868686;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
word-break: break-word;
display: none;
}
.infosection a {
color: #005EAD;
text-decoration: underline;
transition: 200ms;
cursor: pointer;
}
.infosection a:hover {
color: #0075D7;
}
.flag {
background-image: url(img/flags.png);
background-repeat: no-repeat;
display: inline-block;
width: 35px;
height: 20px;
margin-bottom: 10px;
padding: 8px 12px !important;
}
.flag-be {
background-position: -2px -5px;
}
.flag-bg {
background-position: -2px -27px;
}
.flag-cs {
background-position: -2px -52px;
}
.flag-da {
background-position: -2px -76px;
}
.flag-de {
background-position: -2px -101px;
}
.flag-el {
background-position: -2px -125px;
}
.flag-en {
background-position: -2px -150px;
}
.flag-es {
background-position: -2px -174px;
}
.flag-et {
background-position: -2px -199px;
}
.flag-fi {
background-position: -2px -224px;
}
.flag-fr {
background-position: -2px -248px;
}
.flag-hr {
background-position: -2px -273px;
}
.flag-hu {
background-position: -2px -298px;
}
.flag-is {
background-position: -2px -322px;
}
.flag-it {
background-position: -2px -347px;
}
.flag-ja {
background-position: -2px -371px;
}
.flag-ka {
background-position: -2px -396px;
}
.flag-lt {
background-position: -2px -421px;
}
.flag-lv {
background-position: -2px -445px;
}
.flag-mk {
background-position: -2px -470px;
}
.flag-nl {
background-position: -2px -495px;
}
.flag-no {
background-position: -2px -519px;
}
.flag-pl {
background-position: -2px -544px;
}
.flag-pt {
background-position: -2px -568px;
}
.flag-ro {
background-position: -2px -593px;
}
.flag-ru {
background-position: -2px -617px;
}
.flag-sk {
background-position: -2px -642px;
}
.flag-sl {
background-position: -2px -667px;
}
.flag-sq {
background-position: -2px -691px;
}
.flag-sr {
background-position: -2px -716px;
}
.flag-sv {
background-position: -2px -740px;
}
.flag-tr {
background-position: -2px -765px;
}
.flag-uk {
background-position: -2px -790px;
}
.active-li {
border-bottom: 2px solid #fff !important;
}
.header-ui {
padding-left: 50px;
padding-right: 50px;
background: rgb(251, 251, 251);
font-size: 14px;
height: 41px;
padding-top: 6px;
}
.header-ui i {
font-size: 18px;
color: ;
margin-right: 5px;
color: inherit;
}
.header-ui ul li {
display: inline-block;
position: relative;
}
.header-ui ul li > a > *, .header-ui ul li > button > *, .header-ui ul li > .header-option-label-ui > *, .header-ui ul li > .form-js:not(.dropdowns-ui) button > * {
vertical-align: middle;
}
.header-ui ul li:not(.last-ui) {
margin-right: 30px;
}
.header-ui ul li .dropdowns-ui {
position: absolute;
top: 0;
right: 0;
left: auto;
z-index: 999;
padding: 15px;
}
.header-ui ul li .dropdowns-ui.change-employee-company-ui {
padding: 0;
}
.header-ui ul li .dropdowns-ui.supervisor-ui {
left: 0;
right: auto;
width: 450px;
padding: 20px;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .dropdown-title-ui {
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui {
padding: 10px;
border: 1px solid #DDDDDD;
background-color: ;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui .img-ui {
width: 100px;
margin-right: 10px;
display: inline-block;
vertical-align: top;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui .img-ui.i-ui {
padding-top: 10px;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui .img-ui i {
color: #DDDDDD;
font-size: 76px;
border: 1px solid #DDDDDD;
padding: 10px;
}
.header-ui ul li .dropdowns-ui.supervisor-ui .supervisor-info-ui .info-ui {
width: 270px;
line-height: 2;
display: inline-block;
vertical-align: top;
}
.header-ui ul li .header-item-label-ui {
padding: 0;
}
.header-ui ul li .dropdown-icon-ui {
font-size: small;
margin-right: 0;
}
.header-ui .flags-div-ui, .header-ui .currency-div-ui {
margin: 30px 0;
}
.header-ui .header-supervisor-ui > button {
color: #F9A825;
transition: all 300ms ease;
}
.header-ui .header-supervisor-ui > button:hover, .header-ui .header-supervisor-ui > button span:hover {
color: ;
}
.header-ui .label-ui {
font-size: 10px;
line-height: 1;
}
.header-ui .current-company-short-name-ui {
display: inline-block;
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 2px;
}
@media only screen and (min-width: 1320px) {
.header-ui .current-company-short-name-ui {
width: 200px;
}
}
@media only screen and (min-width: 1430px) {
.header-ui .current-company-short-name-ui {
width: 300px;
}
}
@media only screen and (min-width: 1500px) {
.header-ui .current-company-short-name-ui {
width: 370px;
}
}
.header-categories-icon-ui {
margin-right: 5px;
vertical-align: middle;
font-size: 24px;
color: ;
line-height: 1;
text-align: left;
}
.header-categories-ui {
background: ;
}
.header-middle-section-ui .customer-profile-ui {
margin: 0px 30px 0px 0px;
text-align: center;
margin-top: 15px;
display: inline-block;
}
.header-middle-section-ui .customer-profile-ui p {
font-size: 14px;
}
.header-middle-section-ui .customer-profile-ui:hover i, .header-middle-section-ui .customer-profile-ui:hover p {
color: ;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button i {
color: ;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button i:hover {
color: ;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button:hover i, .header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover button:hover i:hover {
color: ;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover .empty-cart-notice-ui {
color: ;
}
.header-middle-section-ui .customer-profile-ui.wishlist-icon-container-ui:hover .wishlist-icon-ui .counter-bg-ui {
background-color: ;
}
.header-middle-section-ui .customer-profile-ui a {
color: ;
text-decoration: none;
}
.header-middle-section-ui .customer-profile-ui i {
text-align: center;
display: inline-block;
padding-top: 5px;
}
.header-middle-section-ui .customer-profile-ui.active-ui {
height: 123px;
background: ;
border: 1px solid ;
border-bottom: 1px solid ;
padding: 0 20px;
margin-top: 0;
vertical-align: top;
padding-top: 15px;
cursor: default;
z-index: 1;
position: relative;
}
.header-middle-section-ui .customer-profile-ui.active-ui:hover {
background: ;
}
.header-middle-section-ui .customer-profile-ui.active-ui:hover a, .header-middle-section-ui .customer-profile-ui.active-ui:hover, .header-middle-section-ui .customer-profile-ui.active-ui:hover p {
color: ;
}
.header-middle-section-ui .customer-profile-ui.active-ui:hover i {
color: ;
}
.header-middle-section-ui .customer-profile-ui.active-ui a, .header-middle-section-ui .customer-profile-ui.active-ui, .header-middle-section-ui .customer-profile-ui.active-ui p {
color: ;
}
.header-middle-section-ui .customer-profile-ui.active-ui i {
color: ;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button i {
color: ;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button i:hover {
color: ;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button:hover i, .header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui button:hover i:hover {
color: ;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui .empty-cart-notice-ui {
color: ;
}
.header-middle-section-ui .customer-profile-ui.active-ui .no-products-in-wishlist-ui .empty-cart-notice-ui i:hover {
color: #d2d2d2;
}
.header-middle-section-ui .inquiry-icon-container-ui {
position: relative;
cursor: pointer;
margin: 0px 30px 0px 0px;
text-align: center;
margin-top: 15px;
display: inline-block;
}
.header-middle-section-ui .inquiry-icon-container-ui > p {
font-size: 14px;
color: ;
}
.header-middle-section-ui .inquiry-icon-container-ui:hover > i, .header-middle-section-ui .inquiry-icon-container-ui:hover > p {
color: ;
}
.header-middle-section-ui .inquiry-icon-container-ui .counter-bg-ui {
position: absolute;
left: 33px;
background-color: ;
color: ;
font-size: 12px;
font-family: "Roboto", sans-serif;
text-align: center;
border-radius: 50%;
width: 20px;
height: 20px;
}
.header-middle-section-ui .inquiry-icon-container-ui .counter-ui {
vertical-align: middle;
line-height: 1.5;
}
.header-middle-section-ui .inquiry-icon-container-ui:hover .counter-bg-ui, .header-middle-section-ui .inquiry-icon-container-ui:hover .counter-ui {
color:  !important;
}
.header-middle-section-ui .inquiry-icon-container-ui:hover .counter-bg-ui {
background-color: ;
}
.header-middle-section-ui .inquiry-icon-container-ui.active-ui .counter-bg-ui {
left: 52px;
}
.header-middle-section-ui .inquiry-icon-container-ui.active-ui:hover {
background-color: ;
}
.phone-ui .header-mail-ui {
float: left;
font-size: 18px;
line-height: 1.2;
margin-left: 22px;
margin-top: 11px;
}
.phone-no-ui .mail-address-ui {
font-size: 14px;
font-family: "Roboto", sans-serif;
color: #717171;
opacity: 0.8;
line-height: 1.2;
text-align: left;
margin-left: 12px;
margin-right: 35px;
text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.change-lang-form-ui {
top: 82px !important;
}
}
@media screen and (max-width: 767px) {
.change-lang-form-ui {
top: 44px !important;
right: -11px !important;
left: unset !important;
}
.change-lang-form-ui button {
width: fit-content;
min-width: unset;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.change-lang-form-ui button {
min-width: 32px;
}
}
.change-lang-form-ui, .change-currency-form-ui {
position: absolute;
top: 94px;
right: auto;
left: 41px;
padding: 8px 0;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
color: #212529;
font-size: 14px;
box-shadow: none;
}
.change-lang-form-ui .flags-div-ui, .change-currency-form-ui .flags-div-ui {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 6px;
margin-bottom: -12px;
}
.change-lang-form-ui .flags-div-ui img, .change-currency-form-ui .flags-div-ui img {
max-width: 22px;
width: auto;
height: auto;
border-radius: 2px;
}
.flags-dropdown-ui, .currency-dropdown-ui {
min-width: 34px;
line-height: 1em;
display: inline-block;
border: 1px solid #DDDDDD;
padding: 7px;
background-color: ;
cursor: pointer;
}
.flags-dropdown-ui:hover:not(.selected), .currency-dropdown-ui:hover:not(.selected) {
background: ;
color: ;
}
.flags-dropdown-ui.selected, .flags-dropdown-ui.selected:hover, .currency-dropdown-ui.selected, .currency-dropdown-ui.selected:hover {
border: 1px solid ;
color: inherit;
background-color: ;
cursor: default;
}
.langs-dropdown-ui {
width: 100%;
border: none;
text-align: left;
padding: 8px 24px;
color: #212529;
background-color: transparent;
font-weight: 400;
}
.langs-dropdown-ui:hover {
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.9) !important;
color: unset !important;
}
.shop-closed-current-language-ui {
border: 1px solid ;
}
.register-or-login-flags-ui {
right: 48px;
}
.logout {
float: right !important;
color: ;
margin-left: 500px;
}
.current-client-currency-ui {
border: 1px solid ;
}
.header-middle-section-ui {
background: #005EAD;
position: sticky;
top: 0;
z-index: 99999;
margin-bottom: -1px;
}
.header-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
}
@media screen and (max-width: 767px) {
.header-background {
height: 67px;
}
}
.header-background.in-cart {
height: 84px;
}
@media screen and (max-width: 767px) {
.header-background.in-cart {
height: 67px;
}
}
.header-shopping-cart-icon {
font-size: 24px;
transform: rotateY(180deg);
color: #fff;
transition: 200ms;
margin-bottom: -5px;
}
.header-shopping-cart-icon:hover {
opacity: 0.8;
}
@media screen and (max-width: 767px) {
.header-shopping-cart-icon {
margin-bottom: 2px;
}
}
.header-icon-cart {
position: relative;
margin-bottom: -2px;
}
.header-icon-cart span {
position: absolute;
right: -15px;
bottom: -8px;
font-size: 12px;
color: #fff;
}
.main-header-ui {
position: sticky;
z-index: 99998;
top: 81px;
}
@media screen and (max-width: 1279px) {
.main-header-ui {
top: 66px;
}
}
.header-nav-cart-ui {
width: 100%;
}
@media screen and (min-width: 1360px) {
.header-nav-cart-ui {
max-width: 1300px !important;
}
}
.header-nav-ui {
max-width: 1170px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
height: 82px;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
}
.header-nav-ui.closed-ui {
height: 66px;
}
.header-nav-ui .logo-ui {
position: absolute;
left: 50%;
top: 20px;
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.header-nav-ui .logo-ui {
left: 10px;
top: 50%;
transform: translateY(-50%);
}
}
.header-nav-ui .logo-ui a {
display: block;
}
.header-nav-ui .logo-ui img {
height: auto;
width: auto;
max-width: 432px;
max-height: 67px;
box-sizing: border-box;
padding-bottom: 10px;
}
.header-nav-ui nav > * {
margin-right: 10px;
display: inline-block;
}
.header-nav-ui .sign-out-ui {
cursor: pointer;
}
.header-nav-return-ui {
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.42px;
text-transform: uppercase;
text-decoration: none;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #fff;
transition: 200ms;
}
.header-nav-return-ui:hover {
cursor: pointer;
opacity: 0.8;
color: #fff;
}
.header-nav-return-ui i {
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.header-nav-return-ui {
display: none;
}
}
.client-area-ui {
align-self: center;
position: relative;
display: flex;
align-items: center;
font-family: "Poppins", sans-serif;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.client-area-ui {
position: absolute !important;
right: 65px;
}
}
.client-area-ui .header-cart-button-ui {
font-family: "Poppins", sans-serif;
background: #c50102;
color: #fff;
user-select: none;
border: 1px solid transparent;
font-size: 14px;
font-weight: 400;
line-height: 1.5 !important;
margin: 0 8px;
padding: 6px 12px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.client-area-ui .header-cart-button-ui:hover {
opacity: 0.8;
}
@media screen and (min-width: 1280px) {
.lang-and-currency-ui {
margin-top: 56px;
margin-left: 15px;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.lang-and-currency-ui {
margin-top: 40px;
margin-left: 15px;
}
}
@media screen and (max-width: 767px) {
.lang-and-currency-ui {
margin-top: 2px;
margin-right: 10px;
margin-left: 15px;
}
}
.lang-and-currency-ui .header-item-label-ui, .lang-and-currency-menu-ui .header-item-label-ui {
color: #000;
font-family: "Poppins", sans-serif;
}
.lang-and-currency-ui .lang-ui, .lang-and-currency-menu-ui .lang-ui {
font-size: 14px;
text-transform: capitalize;
margin-bottom: -2px;
}
.lang-and-currency-ui .lang-ui img, .lang-and-currency-menu-ui .lang-ui img {
border-radius: 2px;
max-width: 24px;
width: auto;
height: auto;
}
.lang-and-currency-ui .lang-down-arrow-ui, .lang-and-currency-menu-ui .lang-down-arrow-ui {
display: inline-block;
vertical-align: middle;
border-top: 6px solid #fff;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 0;
margin-bottom: 5px;
margin-left: 2px;
}
.lang-and-currency-ui .lang-down-arrow-rotate, .lang-and-currency-menu-ui .lang-down-arrow-rotate {
transform: rotate(180deg);
}
.lang-and-currency-ui .langs-dropdown-ui, .lang-and-currency-menu-ui .langs-dropdown-ui {
font-family: "Poppins", sans-serif;
}
/* UNREGISTERED USER HEADER */
.unregistered-user-header-ui {
float: right;
margin-top: 35px;
font-family: "Roboto", sans-serif;
}
.unregistered-user-header-ui i:hover {
cursor: default;
}
.unregistered-user-ui li {
text-align: center;
}
.logged-user-only-text-ui {
font-size: 20px;
color: ;
line-height: 1.2;
text-align: right;
font-family: "Roboto", sans-serif;
}
.login-or-register-text-ui {
text-align: right;
}
.login-or-register-text-ui span {
margin-right: 20px;
}
.please-register-link-ui, .please-login-link-ui {
margin: 0px 10px 0px 10px;
font-family: "Roboto", sans-serif;
}
.change-employee-company-ui {
width: 251px;
min-height: 172px;
color: ;
}
.change-employee-company-ui .dropdown-title-ui {
padding: 15px;
margin-bottom: 0;
}
.change-employee-company-ui #idSelectP p {
padding: 10px 0px 10px 15px;
margin: 0;
border-bottom: 1px solid #DDDDDD;
background-color: ;
}
.change-employee-company-ui #idSelectP p:hover {
cursor: pointer;
}
.change-employee-company-ui #idSelectP p:first-child {
border-top: 1px solid #DDDDDD;
}
.change-employee-company-ui .default-company-ui {
border-left: 3px solid ;
pointer-events: none;
}
.change-cart-ui {
width: 320px;
max-height: 500px;
overflow-x: hidden;
top: 55px;
right: -170px;
position: absolute;
border-width: 1px;
border-radius: 3px;
border-bottom: 2px solid #c50102;
background-color: #fff;
z-index: 999;
height: auto;
z-index: 999;
padding: 20px;
font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 767px) {
.change-cart-ui {
display: none;
}
}
.change-cart-ui span {
font-family: "Poppins", sans-serif;
}
.change-cart-ui .cart-change-icon-ui {
margin-right: 8px;
}
.change-cart-ui .add-cart-ui {
color: ;
font-weight: bold;
}
.change-cart-ui .add-cart-ui:hover {
color: ;
cursor: pointer;
}
.change-cart-ui .cart-change-popup-ui {
padding: 15px;
margin: 0;
font-size: 16px;
color: ;
}
.change-cart-ui .cart-change-popup-ui:hover {
cursor: pointer;
}
.change-cart-ui .listed-cart-ui:first-child {
border-top: 1px solid #DDDDDD;
}
.change-cart-ui .listed-cart-ui {
padding: 10px 0px 10px 15px;
margin: 0;
border-bottom: 1px solid #DDDDDD;
background-color: ;
}
.change-cart-ui .listed-cart-ui:hover {
cursor: pointer;
}
.change-cart-ui .selected-cart-ui {
border-left: 3px solid ;
pointer-events: none;
}
.change-cart-ui .empty-cart-notice-ui {
width: 90%;
margin: auto;
text-align: center;
font-size: 16px;
margin-top: 56px;
}
.change-cart-ui .empty-cart-notice-ui.with-change-ui {
margin: 16px 0 20px;
}
.change-cart-ui .empty-cart-notice-ui i {
font-size: 40px;
padding: 0;
color: #d2d2d2;
margin-right: 10px;
}
.change-cart-ui .price-ui {
color: ;
font-size: 18px;
margin-top: 1px;
}
.change-cart-ui .quantity-ui {
font-size: 14px;
}
.change-cart-ui .total-items-ui {
font-size: 18px;
}
.change-cart-ui.no-products-in-cart-ui {
background-color: ;
}
.change-cart-ui.change-inquiry-ui {
top: -21px;
}
.cart-box-header-ui {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #e8e8e8;
}
.cart-box-header-ui__icons {
display: flex;
align-items: flex-end;
}
.cart-box-header-ui__icons .carts-ui {
padding-top: 10px;
padding-bottom: 4px;
color: #515783;
}
.cart-box-header-ui__cart-icon {
font-family: Icons;
font-style: normal;
font-size: 24px;
margin-right: 7px;
color: #515783;
align-self: center;
}
.cart-box-header-ui__cart-icon::before {
content: "\f100";
}
.cart-box-header-ui__counter {
background-color: #c50102;
border-radius: 10px;
display: inline-block;
align-self: flex-start;
color: #fff;
font-size: 12px;
line-height: 1.1;
font-weight: 700;
padding: 3px 7px;
margin-top: 3px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cart-box-header-ui__total {
align-self: flex-start;
padding-bottom: 10px;
}
.cart-box-header-ui__total span {
font-size: 14px;
color: #000;
}
.cart-box-header-ui__cart-name {
color: #abb0be !important;
}
.cart-box-list-ui {
list-style: none;
padding-top: 20px;
margin-bottom: 16px;
padding-left: 0;
}
.cart-box-list-ui__item {
border-bottom: none !important;
padding-top: 10px;
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.cart-box-list-ui__item-content {
color: #000;
width: 90%;
}
.cart-box-list-ui__item-close {
align-self: center;
cursor: pointer;
font-size: 12.25px;
line-height: 1.5;
padding: 4px 8px;
color: #212529;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cart-box-list-ui__item-close:hover {
background: #5554a7;
color: #fff;
}
.cart-box-list-ui__item-name {
font-size: 16px;
}
.cart-box-list-ui__item-desc {
font-size: 10.5px;
color: #b8b8b8;
}
.cart-box-list-ui__item-price {
display: flex;
font-size: 14px;
}
.cart-box-list-ui__item-price-value {
margin-right: 8px;
}
.cart-box-list-ui__item-counter {
color: #b8b8b8;
border-bottom: 1px dashed #08c;
touch-action: manipulation;
cursor: pointer;
}
.cart-box-button-ui {
width: 100%;
background: #c50102;
border: 1px solid #c50102;
color: #fff;
font-family: "Poppins", sans-serif;
font-size: 14px;
padding: 6px 12px;
line-height: 1.5 !important;
font-weight: 400;
user-select: none;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.cart-box-button-ui:hover {
opacity: 0.8;
background: #c50102;
border-color: #c50102;
}
.no-products-in-wishlist-ui {
width: 390px;
top: -1px;
right: -1px;
position: absolute;
border-width: 1px;
background-color: ;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.11);
z-index: 999;
float: left;
min-height: 150px;
z-index: 999;
padding: 0;
}
.no-products-in-wishlist-ui .empty-cart-notice-ui {
width: 90%;
margin: auto;
text-align: center;
font-size: 16px;
margin-top: 50px;
}
.close-cart-form-icon-ui {
float: right;
font-size: 18px;
position: absolute;
right: 36px;
top: 5px;
}
.close-cart-form-icon-ui :hover {
cursor: pointer;
}
.carts-containers-ui {
margin: auto;
width: 90%;
border: 1px solid #DDDDDD;
margin-top: 40px;
margin-bottom: 20px;
background-color: ;
}
.carts-containers-ui p, .carts-containers-ui span {
margin: 11px 11px 0px 11px;
}
.carts-containers-ui .quantity-ui {
position: relative;
height: 18px;
}
.carts-containers-ui .quantity-ui > span {
margin: 0;
position: absolute;
bottom: 0;
}
.carts-containers-ui .price-ui {
right: 0;
}
.carts-containers-ui .price-ui span:last-child {
font-size: 14px;
color: ;
padding-left: 7px;
margin: 0;
}
.carts-containers-ui .icon-ui {
color: ;
margin-right: 0;
cursor: pointer;
}
.carts-containers-ui .cart-name-ui {
font-size: 16px;
color: ;
display: inline-block;
width: calc(100% - 48px);
margin-left: 5px;
margin-top: 16px;
}
.carts-containers-ui .cart-name-input-ui {
display: inline-block;
width: calc(100% - 47px);
height: 30px;
margin: 10px 10px 0 5px;
}
.carts-containers-ui .cart-name-to-replace-ui {
margin: 0;
}
.cart-ui-summary {
border-top: 1px solid #DDDDDD;
width: 90%;
margin: auto;
margin-top: 50px;
}
.cart-ui-summary span {
float: right;
}
.button-container-ui {
padding-top: 20px;
}
.button-container-ui button {
width: 50%;
margin-right: -4px;
font-size: 18px;
}
.button-container-ui button:hover {
background: ;
}
.button-container-ui .cart-delete-ui {
background: ;
}
.button-container-ui .cart-change-ui {
background: ;
}
.button-container-ui i {
margin-right: 10px;
}
.header-shopping-cart-ui {
position: relative;
align-self: flex-end;
}
.header-shopping-cart-ui .header-cart-box-ui {
height: 41px;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 8px 0;
}
.header-shopping-cart-ui .header-cart-box-ui:hover {
cursor: pointer;
}
.header-shopping-cart-ui .header-cart-box-ui__icon {
font-family: Icons;
font-style: normal;
font-size: 20px;
padding-right: 7px;
margin-bottom: 2px;
color: #c50102;
}
@media only screen and (min-width: 768px) {
.header-shopping-cart-ui .header-cart-box-ui__icon {
font-size: 25px;
margin-bottom: 5px;
}
}
.header-shopping-cart-ui .header-cart-box-ui__icon::before {
content: "\f100";
}
.header-shopping-cart-ui .current-cart-name-ui {
color: #000;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.header-shopping-cart-ui.active-ui {
background: ;
}
.header-shopping-cart-ui.active-ui .header-cart-box-ui {
height: 123px;
background: ;
border: 1px solid ;
border-bottom: 1px solid ;
transition: all 300ms ease;
}
.header-shopping-cart-ui.active-ui .header-cart-box-ui:hover {
background: ;
border: 1px solid ;
}
.header-shopping-cart-ui.active-ui .current-cart-name-ui, .header-shopping-cart-ui.active-ui .cart-amount-ui, .header-shopping-cart-ui.active-ui .customer-currency-carts-ui {
color: ;
}
.header-shopping-cart-ui.active-ui .ti-shopping-cart {
color: ;
}
.header-shopping-cart-ui.active-ui:hover .current-cart-name-ui, .header-shopping-cart-ui.active-ui:hover .cart-amount-ui, .header-shopping-cart-ui.active-ui:hover .customer-currency-carts-ui {
color: ;
}
.header-shopping-cart-ui.active-ui:hover .ti-shopping-cart {
color: ;
}
.header-shopping-cart-ui.editing-order-ui.active-ui, .header-shopping-cart-ui.inquiry-header-ui.active-ui {
background: ;
border: 1px solid ;
border-bottom: none;
}
.header-shopping-cart-ui.editing-order-ui.active-ui .user-icon-ui, .header-shopping-cart-ui.inquiry-header-ui.active-ui .user-icon-ui {
color: ;
}
.header-shopping-cart-ui.editing-order-ui.active-ui > p, .header-shopping-cart-ui.inquiry-header-ui.active-ui > p {
color: ;
}
.header-shopping-cart-ui.editing-order-ui.active-ui:hover .user-icon-ui, .header-shopping-cart-ui.inquiry-header-ui.active-ui:hover .user-icon-ui {
color: ;
}
.header-shopping-cart-ui.editing-order-ui.active-ui:hover > p, .header-shopping-cart-ui.inquiry-header-ui.active-ui:hover > p {
color: ;
}
.header-shopping-cart-ui.inquiry-icon-container-ui.active-ui {
padding: 20px 20px 16px;
margin-top: 0;
float: none;
}
.text-ui {
text-align: right;
position: relative;
float: right;
}
.search-ui {
padding: 0px 18px 0px 0px;
width: 392px;
max-width: 550px;
height: 61px;
text-decoration: none;
border: 1px solid #DDDDDD;
opacity: 0.6;
font-family: "Roboto", sans-serif;
}
.search-ui[placeholder] {
padding-left: 20px;
font-family: "Roboto", sans-serif;
}
@media only screen and (max-width: 1439px) {
.search-ui {
width: 285px;
}
}
.input-field-search-ui {
position: relative;
font-family: "Roboto", sans-serif;
background: ;
margin-top: 20px;
}
.search-btn-ui {
position: absolute;
width: 50px;
top: 0;
bottom: 0;
right: 0;
font-size: 24px;
padding: 12px 15px;
color: inherit;
background: transparent;
border: none;
color: ;
}
.quick-cart-container-ui {
margin-left: 102px;
margin-right: 50px;
text-align: center;
margin-top: 15px;
}
.shopping-list-ui {
margin: 0px 35px 0px 0px;
text-align: center;
margin-top: 15px;
display: inline-block;
}
.shopping-list-ui p {
font-size: 14px;
}
.shopping-list-ui:hover i, .shopping-list-ui:hover p {
color: ;
}
.quick-cart-container-ui a {
color: ;
text-decoration: none;
}
.quick-cart-container-ui i {
text-align: center;
display: inline-block;
padding-top: 5px;
}
.shopping-list-ui a {
color: ;
text-decoration: none;
}
.shopping-list-ui i {
text-align: center;
display: inline-block;
padding-top: 5px;
}
.autocomplete-ui {
position: absolute;
z-index: 1000;
width: 100%;
box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1279px) {
.autocomplete-ui {
max-width: 550px;
left: 50%;
transform: translateX(calc(-50% - 25px));
text-align: left;
}
}
@media only screen and (max-width: 680px) {
.autocomplete-ui {
left: auto;
transform: none;
}
}
.autocomplete-ui .product-ui {
display: block;
padding: 10px;
background: ;
border: 1px solid #DDDDDD;
border-bottom: none;
font-size: 16px;
color: ;
transition: all ease 300ms;
}
.autocomplete-ui .product-ui:last-child {
border-bottom: 1px solid #DDDDDD;
}
.autocomplete-ui .product-ui > div {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.autocomplete-ui .product-ui > div:last-child {
width: 100px;
margin-right: 0;
text-align: right;
}
.autocomplete-ui .product-ui .img-ui {
width: 50px;
height: 50px;
position: relative;
}
.autocomplete-ui .product-ui img {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.autocomplete-ui .product-ui .names-ui {
width: calc(100% - 50px - 100px - 20px);
}
.autocomplete-ui .product-ui .name-ui {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: ;
transition: all ease 300ms;
}
.autocomplete-ui .product-ui .code-ui {
font-size: 12px;
color: ;
transition: all ease 300ms;
}
.autocomplete-ui .product-ui:hover {
background: ;
color: ;
}
.autocomplete-ui .product-ui:hover .name-ui, .autocomplete-ui .product-ui:hover .code-ui {
color: ;
}
/* ---- components ---- */
.flag-ui {
position: relative;
background-color: ;
background-image: url(../css/img/flags.png);
display: inline-block;
width: 31px;
height: 19px;
padding: 7px;
vertical-align: text-top !important;
}
.flag-be-ui {
background-position: -2px -5px;
}
.flag-bg-ui {
background-position: -2px -27px;
}
.flag-cs-ui {
background-position: -2px -52px;
}
.flag-da-ui {
background-position: -2px -76px;
}
.flag-de-ui {
background-position: -2px -101px;
}
.flag-el-ui {
background-position: -2px -125px;
}
.flag-en-ui {
background-position: -2px -150px;
}
.flag-es-ui {
background-position: -2px -174px;
}
.flag-et-ui {
background-position: -2px -199px;
}
.flag-fi-ui {
background-position: -2px -224px;
}
.flag-fr-ui {
background-position: -2px -248px;
}
.flag-hr-ui {
background-position: -2px -273px;
}
.flag-hu-ui {
background-position: -2px -298px;
}
.flag-is-ui {
background-position: -2px -322px;
}
.flag-it-ui {
background-position: -2px -347px;
}
.flag-ja-ui {
background-position: -2px -371px;
}
.flag-ka-ui {
background-position: -2px -396px;
}
.flag-lt-ui {
background-position: -2px -421px;
}
.flag-lv-ui {
background-position: -2px -445px;
}
.flag-mk-ui {
background-position: -2px -470px;
}
.flag-nl-ui {
background-position: -2px -495px;
}
.flag-no-ui {
background-position: -2px -519px;
}
.flag-pl-ui {
background-position: -2px -544px;
}
.flag-pt-ui {
background-position: -2px -568px;
}
.flag-ro-ui {
background-position: -2px -593px;
}
.flag-ru-ui {
background-position: -2px -617px;
}
.flag-sk-ui {
background-position: -2px -642px;
}
.flag-sl-ui {
background-position: -2px -667px;
}
.flag-sq-ui {
background-position: -2px -691px;
}
.flag-sr-ui {
background-position: -2px -716px;
}
.flag-sv-ui {
background-position: -2px -740px;
}
.flag-tr-ui {
background-position: -2px -765px;
}
.flag-uk-ui {
background-position: -2px -790px;
}
.tooltip-ui {
position: relative;
display: inline-block;
}
.tooltip-ui .tooltip-icon-ui {
font-size: 0.8rem;
width: 1.5em;
line-height: 1.5em;
display: inline-block;
text-align: center;
border-radius: 1em;
cursor: pointer;
background: ;
color: #fff;
vertical-align: middle;
}
.tooltip-ui .tooltip-text-ui {
position: absolute;
top: calc(100% + 10px);
right: -16px;
width: 280px;
max-width: 100vw;
padding: 10px 15px;
border: 1px solid ;
font-size: smaller;
line-height: 1.5em;
background: #fff;
color: ;
display: none;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.11);
z-index: 100;
}
.tooltip-ui .tooltip-text-ui::before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent  transparent;
position: absolute;
top: -10px;
right: 14px;
}
.tooltip-ui .tooltip-text-ui p:first-child {
margin-top: 0;
}
.tooltip-ui .tooltip-text-ui p:last-child {
margin-bottom: 0;
}
.tooltip-ui:hover .tooltip-text-ui {
display: block;
}
.tooltip-ui.left-tooltip-ui .tooltip-icon-ui {
top: -18px;
position: absolute;
}
@media only screen and (max-width: 1279px) {
.tooltip-ui.left-tooltip-ui .tooltip-icon-ui {
top: -11px;
}
}
.tooltip-ui.left-tooltip-ui .tooltip-text-ui {
left: -17px;
}
@media only screen and (max-width: 1279px) {
.tooltip-ui.left-tooltip-ui .tooltip-text-ui {
top: 17px;
}
}
.tooltip-ui.left-tooltip-ui .tooltip-text-ui::before {
right: auto;
}
.amount-stepper-ui {
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.amount-stepper-ui .validation-info-js {
clear: both;
width: 100%;
}
.amount-stepper-ui::after {
clear: both;
content: "";
display: block;
}
.amount-stepper-column-ui:not(.f-left-ui-abs), .stepper-and-adding-ui:not(.f-left-ui-abs) {
position: relative;
}
.amount-stepper-column-ui .error-ui, .stepper-and-adding-ui .error-ui {
position: absolute;
bottom: -19px;
left: auto;
right: 0;
width: auto;
min-width: 100%;
white-space: nowrap;
text-align: left;
padding-right: 15px;
}
.amount-stepper-ui .unit-name-ui, .amount-stepper-column-ui .unit-name-ui {
padding-left: 12px;
}
.amount-stepper-column-ui .unit-name-ui {
display: inline-block;
width: 90px;
}
.change-quantity-ui, [name=quantity] {
display: block;
float: left;
line-height: 1.5em;
height: 40px;
width: 40px;
text-align: center;
border: 1px solid #DDDDDD;
padding: 0;
}
[name=quantity] {
width: 80px;
}
.change-quantity-ui {
background: #f6f6f6;
color: ;
}
.change-quantity-ui:hover {
background: ;
}
.decrement-ui {
border-right: none;
}
.increment-ui {
border-left: none;
}
.cart-container-ui .decrement-ui, .cart-container-ui .increment-ui, .cart-container-ui .changeable-js {
position: relative;
}
.stepper-space-ui {
width: 160px;
text-align: center;
display: block;
float: left;
}
.pagination-ui {
margin: 25px 0px;
}
.pagination-ui .change-quantity-ui {
width: auto;
}
.pagination-ui .change-quantity-ui {
padding: 0 20px;
}
.pagination-ui .page-amount-ui {
display: block;
float: left;
padding: 7px 5px;
}
.pagination-ui input {
width: 45px;
}
.pagination-ui > *:not(:first-child) {
margin-left: 10px;
}
/* ---- SLIDERS ----*/
.lazyslider-container-ui .slider-ui, .lazyslider-container-ui .slider-lq, .lazyslider-container-lq .slider-ui, .lazyslider-container-lq .slider-lq {
visibility: hidden;
}
.slider-ui.wide-ui .slick-prev {
left: 0;
}
.slider-ui.wide-ui .slick-next {
right: 0;
}
.slider-ui:not(.wide-ui) {
width: calc(100% - 7rem);
margin: auto;
}
.slider-ui.dots-inside-ui .slick-dots {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.slider-container-ui {
margin: 0;
position: relative;
}
.slider-caption-ui {
position: absolute;
top: 30%;
left: 10%;
color: ;
width: 80%;
}
.slick-slider, .slick-slide {
outline: none;
}
.slick-arrow {
font-size: 3.5rem;
text-shadow: 0px 0px 5px #fff;
position: absolute;
top: 50%;
transform: translateY(-0.5em);
left: -3.5rem;
z-index: 10;
padding: 0;
}
.slick-arrow.slick-next {
right: -3.5rem;
left: auto;
}
.slick-dots {
margin-top: 10px;
text-align: center;
}
.slick-dots li {
background: #fff;
border: 1px solid #DDDDDD;
width: 110px;
height: 7px;
display: inline-block;
margin: 5px;
transition: 800ms border, 800ms background;
}
.slick-dots li:hover {
cursor: pointer;
}
.slick-dots .slick-active, .slick-dots li:hover {
background: ;
border-color: ;
}
/* ----- HOMEPAGE SLIDER ---- */
.homepage-slider-ui img {
width: 100%;
}
.homepage-slider-heading-ui {
line-height: 1.5;
font-size: 1.5rem;
font-weight: 400;
padding: 0;
border: none;
}
@media screen and (min-width: 1280px) {
.homepage-slider-heading-ui {
font-size: 60px;
}
}
.homepage-slider-text {
font-size: 1.1rem;
line-height: 1.5em;
padding-right: 20px;
margin-top: 0;
}
@media screen and (min-width: 1280px) {
.homepage-slider-text {
font-size: 35px;
}
}
/* ---- GRIDS SLIDER ----*/
.products-grid-ui .minibox-product-ui {
width: calc(100% - 10px);
}
.products-grid-ui .minibox-product-ui.larger-ui {
width: calc(50% - 10px);
height: 700px;
}
.products-grid-ui .minibox-product-ui.larger-ui .image-container-ui {
height: 565px;
}
.products-grid-ui .grid-page-ui {
width: 100%;
}
.products-grid-ui .grid-page-ui::after {
clear: both;
display: block;
content: "";
}
.products-grid-ui .shorter-grid-column-ui {
width: 25%;
float: left;
}
.header-categories-ui .categories-label-ui, .category-column-ui .categories-label-ui {
background: ;
line-height: 63px;
height: calc(63px + 2px); /* ?? */
text-align: center;
padding: 0;
width: 320px;
}
.header-categories-ui .category-links-ui:not(.current-ui) .category-label-ui:hover, .header-categories-ui .prev-level-ui:hover, .header-categories-ui .categories-label-ui:hover, .category-column-ui .category-links-ui:not(.current-ui) .category-label-ui:hover, .category-column-ui .prev-level-ui:hover, .category-column-ui .categories-label-ui:hover {
background: ;
color: #fff;
}
.header-categories-ui .categories-opened-ui .categories-label-ui, .category-column-ui .categories-opened-ui .categories-label-ui {
background-color: ;
}
.header-categories-ui .categories-opened-ui .categories-label-ui:hover, .category-column-ui .categories-opened-ui .categories-label-ui:hover {
background: ;
color: #fff;
}
.category-column-ui {
height: 100%;
max-height: 100vh;
transition: height 800ms;
background: ;
overflow: hidden;
}
.category-column-ui.categories-hidden-js {
height: 0;
}
.category-column-ui.no-on-desktop-adv-search-ui {
display: none;
}
.category-column-ui.with-filters-ui {
background: #F6F6F6;
}
.category-column-ui .categories-and-filters-container-ui {
height: 100vh;
transition: height 800ms;
scrollbar-color: #8E8E8E transparent;
scrollbar-width: thin;
overflow-y: auto;
overflow-x: hidden;
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar {
width: 4px;
border-radius: 50%;
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px transparent;
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar-thumb {
background-color: rgba(142, 142, 142, 0.5);
outline: none;
border-radius: 2px;
}
.category-column-ui .categories-and-filters-container-ui::-webkit-scrollbar-thumb:hover {
background-color: #8E8E8E;
}
.category-column-ui.with-filters-ui .categories-and-filters-container-ui {
height: calc(100vh - 228px);
}
.category-column-ui.with-filters-ui.element-attached-lq .categories-and-filters-container-ui {
height: calc(100vh - 45px);
}
.category-column-ui .hidden-level-lq {
display: none;
}
.category-column-ui .header-categories-icon-ui {
color: inherit;
padding: 0;
}
.category-column-ui .category-content-ui {
position: relative;
width: 100%;
transition: height 800ms;
background-color: ;
}
.category-column-ui .category-content-ui.big-ui .has-nodes-js a, .category-column-ui .category-content-ui.big-ui .prev-level-label-ui, .category-column-ui .category-content-ui.big-ui .deeper-level-ui .prev-level-ui {
width: calc(100% - 60px);
}
.category-column-ui .category-content-ui.big-ui .category-label-ui {
font-size: 16px;
padding-left: 20px;
}
.category-column-ui .category-content-ui.big-ui .category-arrow:not(.prev-level-ui), .category-column-ui .category-content-ui.big-ui .prev-level-ui i {
width: 60px;
}
.category-column-ui .category-content-ui.big-ui .category-label-ui, .category-column-ui .category-content-ui.big-ui .category-arrow {
min-height: 55px;
}
.category-column-ui .category-content-ui.medium-ui .has-nodes-js a, .category-column-ui .category-content-ui.medium-ui .prev-level-label-ui, .category-column-ui .category-content-ui.medium-ui .deeper-level-ui .prev-level-ui {
width: calc(100% - 47px);
}
.category-column-ui .category-content-ui.medium-ui .category-label-ui {
font-size: 14px;
padding-left: 15px;
}
.category-column-ui .category-content-ui.medium-ui .category-arrow:not(.prev-level-ui), .category-column-ui .category-content-ui.medium-ui .prev-level-ui i {
width: 47px;
}
.category-column-ui .category-content-ui.medium-ui .category-label-ui, .category-column-ui .category-content-ui.medium-ui .category-arrow {
min-height: 44px;
}
.category-column-ui .category-content-ui.small-ui .has-nodes-js a, .category-column-ui .category-content-ui.small-ui .prev-level-label-ui, .category-column-ui .category-content-ui.small-ui .deeper-level-ui .prev-level-ui {
width: calc(100% - 34px);
}
.category-column-ui .category-content-ui.small-ui .category-label-ui {
font-size: 12px;
padding-left: 10px;
}
.category-column-ui .category-content-ui.small-ui .category-arrow:not(.prev-level-ui), .category-column-ui .category-content-ui.small-ui .prev-level-ui i {
width: 34px;
}
.category-column-ui .category-content-ui.small-ui .category-label-ui, .category-column-ui .category-content-ui.small-ui .category-arrow {
min-height: 34px;
}
.category-column-ui .category-links-ui {
display: block;
clear: both;
position: relative;
border-bottom: 1px solid #DDDDDD;
}
.category-column-ui .category-arrow:not(.prev-level-ui) {
background: #F6F6F6;
}
.category-column-ui .category-label-ui, .category-column-ui .category-arrow {
min-height: 55px;
padding: 0;
float: left;
width: 100%;
overflow: hidden;
}
.category-column-ui .category-amount-ui {
display: inline-block;
padding: 5px;
}
.category-column-ui .category-label-ui, .category-column-ui .prev-level-ui, .category-column-ui .categories-label-ui {
background: ;
color: #272727;
transition: color 300ms, background 300ms;
}
.category-column-ui .prev-level-ui {
background-color: ;
}
.category-column-ui .category-label-ui {
background: ;
padding-left: 20px;
padding-right: 10px;
}
.category-column-ui .next-level-ui, .category-column-ui .first-level-ui {
background: #F6F6F6;
color: #272727;
transition: color 300ms, background 300ms;
}
.category-column-ui .next-level-ui:hover, .category-column-ui .first-level-ui:hover {
background: ;
color: #fff;
}
.category-column-ui .category-arrow:not(.prev-level-ui), .category-column-ui .prev-level-ui i {
width: 60px;
font-size: larger;
display: inline-block;
line-height: 1.5em;
}
.category-column-ui .prev-level-label-ui, .category-column-ui .prev-level-js i, .category-column-ui .first-level-js i {
opacity: 0.7;
font-size: small;
}
.category-column-ui .prev-level-label-ui {
text-align: left;
display: inline-block;
}
.category-column-ui .has-nodes-js a, .category-column-ui .prev-level-label-ui, .category-column-ui .deeper-level-ui .prev-level-ui {
width: calc(100% - 60px);
}
.category-column-ui .current-ui {
border-left: 7px solid ;
}
.category-column-ui .current-ui::before {
content: "";
width: 15px;
height: 55px;
position: absolute;
top: 0;
right: -15px;
left: auto;
background: ;
}
.category-column-ui .sliding-categories-ui {
position: absolute;
top: 0;
left: 0;
right: 0;
transition: height 800ms;
}
/* ---- partial pages ---- */
.homepage-ui {
display: flex;
flex-direction: column;
background-color: #F6F4F5;
}
/*newsletter*/
.newsletter-ui {
background: ;
color: ;
text-align: center;
padding: 30px;
}
.newsletter-ui .input-with-icon-ui {
margin-bottom: 18px;
width: 280px;
max-width: 100%;
}
.newsletter-ui .input-with-icon-ui input {
padding-right: 40px;
}
.newsletter-ui .label-ui:last-child {
margin-bottom: 0;
}
.newsletter-ui .checkbox-ui label, .newsletter-ui .checkbox-ui .label-ui {
color:  !important;
font-size: 13px;
}
.newsletter-ui .checkbox-ui label a, .newsletter-ui .checkbox-ui .label-ui a {
color: inherit;
opacity: 0.7;
}
.newsletter-ui .successfull-post-message-ui .message-container-ui {
color: ;
}
.newsletter-header-ui {
font-size: 1.5rem;
}
@media only screen and (max-width: 1279px) {
.homepage-ui > section.homepage-small-slider-ui, .homepage-ui > section.manufacturers-slider-ui {
margin: 30px 0;
}
}
.homepage-ui > section.homepage-small-slider-ui .slider-container-ui, .homepage-ui > section.manufacturers-slider-ui .slider-container-ui {
padding: 0 25px;
float: left;
text-align: center;
}
.homepage-ui > section.homepage-small-slider-ui .slider-container-ui img, .homepage-ui > section.manufacturers-slider-ui .slider-container-ui img {
display: inline-block;
}
.homepage-ui > section.homepage-small-slider-ui .homepage-small-slider-lq .slider-container-ui, .homepage-ui > section.manufacturers-slider-ui .homepage-small-slider-lq .slider-container-ui {
float: none;
}
.homepage-ui > section.homepage-small-slider-ui .homepage-small-slider-lq .slider-container-ui img, .homepage-ui > section.manufacturers-slider-ui .homepage-small-slider-lq .slider-container-ui img {
height: 42px;
}
.homepage-ui > section.homepage-small-slider-ui .caption-ui, .homepage-ui > section.manufacturers-slider-ui .caption-ui {
margin-top: 20px;
}
.homepage-ui > section.homepage-small-slider-ui .slider-heading-ui, .homepage-ui > section.manufacturers-slider-ui .slider-heading-ui {
font-weight: 700;
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.homepage-ui > section.homepage-small-slider-ui .slider-text-ui, .homepage-ui > section.manufacturers-slider-ui .slider-text-ui {
font-size: 12px;
color: ;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.blog-link-ui {
color: ;
}
section.manufacturers-slider-ui .slick-track {
display: flex;
align-items: center;
}
.offers-section {
margin-top: 15px;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
font-family: "Poppins", sans-serif;
}
.offers-section__title {
width: 100%;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #f8f8f8;
border-top: 1px solid #f8f8f8;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 8px;
font-size: 40px;
font-weight: 500;
line-height: 1.2;
color: #d30326;
}
.offers-section__container {
width: 100%;
margin: 0 auto;
}
@media screen and (min-width: 576px) {
.offers-section__container {
max-width: 540px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
}
@media screen and (min-width: 768px) {
.offers-section__container {
max-width: 720px;
}
}
@media screen and (min-width: 992px) {
.offers-section__container {
max-width: 960px;
}
}
@media screen and (min-width: 1200px) {
.offers-section__container {
max-width: 1140px;
}
}
.offers-section__box {
padding: 0 15px;
}
@media screen and (min-width: 576px) {
.offers-section__box {
flex: 0 0 50%;
max-width: 50%;
}
}
@media screen and (min-width: 768px) {
.offers-section__box {
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
@media screen and (min-width: 576px) {
.offers-section__box--wider {
flex: 0 0 50%;
max-width: 50%;
}
}
.offers-section__link {
width: 100%;
}
.offers-section__offer {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
text-transform: uppercase;
padding: 15px;
padding-bottom: 25px;
background-color: #f8f8f8;
border-bottom: 5px solid #c50102;
}
@media screen and (min-width: 768px) {
.offers-section__offer {
margin-bottom: 20px;
}
}
.offers-section__img {
width: 34%;
}
.offers-section__name {
font-size: 30px;
font-weight: 800;
color: #000;
margin-top: 20px;
margin-bottom: 8px;
line-height: 1.2;
}
.offers-section__btn {
width: 50%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.5;
text-transform: uppercase;
font-weight: 400;
background: #c50102;
border: 1px solid #c50102;
color: #fff;
cursor: pointer;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.offers-section__btn:hover {
opacity: 0.8;
}
.home-section-image-ui {
width: 100%;
background-size: cover;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.home-section-image-ui {
margin-top: 40px;
}
}
.home-section-image-ui .home-section-image-content-ui {
font-size: 30px;
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 20px;
}
.attractions-section-ui {
width: 100%;
margin: 0 auto 30px;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 576px) {
.attractions-section-ui {
max-width: 540px;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-left: 0;
padding-right: 0;
}
.attractions-section-ui--on-home-page {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (min-width: 768px) {
.attractions-section-ui {
max-width: 720px;
}
}
@media screen and (min-width: 992px) {
.attractions-section-ui {
max-width: 960px;
}
}
@media screen and (min-width: 1200px) {
.attractions-section-ui {
max-width: 1140px;
}
}
.attractions-section-ui__link {
display: block;
}
@media screen and (min-width: 576px) {
.attractions-section-ui__link {
flex: 0 0 33.3%;
max-width: 33.3%;
}
}
.attractions-section-ui__box {
display: flex;
justify-content: center;
align-items: center;
background-size: cover;
padding: 53% 0;
position: relative;
}
.attractions-section-ui__name {
text-transform: uppercase;
color: #fff;
font-family: "Poppins", sans-serif;
font-size: 24.5px;
font-weight: 500;
line-height: 1.2;
margin-bottom: 8px;
text-align: center;
position: absolute;
}
.home-bottom-header-ui {
text-transform: uppercase;
color: #0080ed;
font-family: "Poppins", sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 1.2;
text-align: center;
margin-top: 10px;
margin-bottom: 40px;
padding: 0 15px;
}
.tickets-list {
display: flex;
flex-direction: column;
background: #F6F4F5;
}
.tickets-list__section-img {
margin: 30px auto;
}
.tickets-list__section-img:first-child {
margin-top: 0;
}
.tickets-list__section-name {
width: 100%;
text-transform: uppercase;
text-align: center;
margin: 70px auto 0;
}
.tickets-list__section-name h2, .tickets-list__section-name h3 {
font-weight: 700;
margin: 0;
}
.tickets-list__section-name h2 {
font-size: 40px;
line-height: normal;
letter-spacing: 1.2px;
border: none;
}
.tickets-list__section-name h3 {
font-size: 16px;
letter-spacing: 0.48px;
}
.tickets-list__products-container {
width: 100%;
max-width: 1170px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto;
gap: 40px;
}
.tickets-list__products-container:has(> div) {
margin: 30px auto 70px;
}
@media screen and (max-width: 1279px) {
.tickets-list {
padding: 0 0 20px;
}
.tickets-list > *:not(.tickets-list__section-img) {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.tickets-list {
padding: 0 0 20px;
}
.tickets-list > *:not(.tickets-list__section-img) {
padding-left: 20px;
padding-right: 20px;
}
.tickets-list__ticket-view-image {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
margin: 30px auto 10px;
padding-left: 20px;
padding-right: 20px;
}
.tickets-list__ticket-view-image-text {
width: 150px;
padding: 10px 8px;
background-color: #FFF;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.33px;
border-radius: 0 0 20px 20px;
text-align: center;
color: #868686;
}
.tickets-list__ticket-view-image-text > h4 {
margin: 0;
}
.tickets-list__ticket-view-image-text > h4:first-child, .tickets-list__ticket-view-image-text > h4:nth-child(2) {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.36px;
}
.tickets-list__ticket-view-image-text > h4:first-child {
color: #A91938;
}
.tickets-list__ticket-view-image-text > h4:nth-child(2) {
color: #4F5A90;
}
.tickets-list__ticket-view-img {
margin: 0;
width: 150px;
}
.tickets-list__section-name {
margin: 10px auto;
padding-left: 20px;
padding-right: 20px;
}
.tickets-list__section-name h2 {
font-size: 20px;
}
.tickets-list__section-name h3 {
font-size: 12px;
font-weight: 500;
line-height: normal;
}
.tickets-list__products-container {
padding: 0 20px;
gap: 0;
}
.tickets-list__products-container:has(> div) {
margin: 10px auto 30px;
}
.tickets-list .square-product-ui {
background-color: transparent;
flex-direction: row;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
padding: 12.5px 0;
}
.tickets-list .square-product-ui:first-child {
padding-top: 0;
}
.tickets-list .square-product-ui .product-flags-ui, .tickets-list .square-product-ui .add-to-cart-container-ui .add-to-cart-ui {
display: none;
}
.tickets-list .square-product-ui .attribute-container-ui {
font-size: 10px;
font-weight: 400;
letter-spacing: 0.3px;
color: #005EAD;
}
.tickets-list .square-product-ui .name-container-ui {
flex: 0 0 auto;
width: 48%;
order: -1;
}
.tickets-list .square-product-ui .name-container-ui .description-ui {
font-size: 10px;
font-weight: 400;
letter-spacing: 0.3px;
margin-bottom: 0;
line-height: normal;
color: #005EAD;
}
.tickets-list .square-product-ui .name-container-ui .description-ui:has(h2) {
display: none;
}
.tickets-list .square-product-ui .name-ui {
font-size: 12px;
}
.tickets-list .square-product-ui .price-and-quantity-container-ui {
padding: 0;
width: 50%;
}
}
@media only screen and (max-width: 767px) and (max-width: 340px) {
.tickets-list .square-product-ui .price-and-quantity-container-ui {
flex-direction: column-reverse;
align-items: flex-end;
}
}
@media only screen and (max-width: 767px) {
.tickets-list .square-product-ui .amount-stepper-ui {
order: 1;
}
.tickets-list .square-product-ui .change-quantity-ui, .tickets-list .square-product-ui [name=quantity] {
background-color: #FFF;
}
.tickets-list .square-product-ui [name=quantity] {
border-color: #F6F4F5;
}
.tickets-list .square-product-ui .price-ui {
font-size: 12px;
}
}
@media only screen and (max-width: 767px) and (max-width: 340px) {
.tickets-list .square-product-ui .price-ui {
margin-top: 8px;
}
}
@media only screen and (max-width: 767px) {
.tickets-list .square-product-ui .mobile-description-ui:has(h2) {
display: block;
width: 100%;
margin: 0;
font-size: 12px;
line-height: normal;
color: #868686;
}
.tickets-list .square-product-ui .mobile-description-ui:has(h2) h2 {
font-size: 12px;
margin-bottom: 3px;
}
.tickets-list .rectangle-product-ui {
background-color: transparent;
padding: 12.5px 0;
}
.tickets-list .rectangle-product-ui:first-child {
padding-top: 0;
}
.tickets-list .rectangle-product-ui .product-img-ui, .tickets-list .rectangle-product-ui .product-flags-ui, .tickets-list .rectangle-product-ui .add-to-cart-container-ui .add-to-cart-ui {
display: none;
}
.tickets-list .rectangle-product-ui .attribute-container-ui {
font-size: 10px;
font-weight: 400;
letter-spacing: 0.3px;
color: #005EAD;
}
.tickets-list .rectangle-product-ui .content-container-ui {
flex-direction: row;
padding: 0;
display: grid;
grid-template-columns: 48% 50%;
grid-template-rows: repeat(2, auto);
justify-content: space-between;
align-items: center;
}
.tickets-list .rectangle-product-ui .content-container-ui:has(.description-ui) .name-ui {
grid-row: 1;
}
.tickets-list .rectangle-product-ui .name-ui {
grid-column: 1;
grid-row: 1/span 2;
font-size: 12px;
margin: 0;
}
.tickets-list .rectangle-product-ui .description-ui {
grid-column: 1;
grid-row: 2;
margin: 0;
font-size: 10px;
font-weight: 400;
letter-spacing: 0.3px;
color: #005EAD;
}
.tickets-list .rectangle-product-ui .description-ui:has(h2) {
grid-row: 3;
font-size: 12px;
line-height: normal;
color: #868686;
grid-column: 1/span 2;
}
.tickets-list .rectangle-product-ui .description-ui:has(h2) h2 {
font-size: 12px;
margin-bottom: 3px;
}
.tickets-list .rectangle-product-ui .price-ui {
font-size: 12px;
margin-right: 0;
letter-spacing: normal;
}
}
@media only screen and (max-width: 767px) and (max-width: 340px) {
.tickets-list .rectangle-product-ui .price-ui {
margin-top: 8px;
}
}
@media only screen and (max-width: 767px) {
.tickets-list .rectangle-product-ui .adding-container-ui {
flex-wrap: nowrap;
grid-column: 2;
grid-row: 1/span 2;
margin: 0;
}
}
@media only screen and (max-width: 767px) and (max-width: 340px) {
.tickets-list .rectangle-product-ui .adding-container-ui {
flex-direction: column-reverse;
align-items: flex-end;
}
}
@media only screen and (max-width: 767px) {
.tickets-list .rectangle-product-ui .add-to-cart-container-ui {
width: auto;
}
.tickets-list .rectangle-product-ui .amount-stepper-ui {
order: 1;
}
.tickets-list .rectangle-product-ui .change-quantity-ui, .tickets-list .rectangle-product-ui [name=quantity] {
background-color: #FFF;
}
.tickets-list .rectangle-product-ui [name=quantity] {
border-color: #F6F4F5;
}
}
@media screen and (max-width: 500px) {
.tickets-list {
padding: 0 0 15px;
}
.tickets-list > *:not(.tickets-list__section-img) {
padding-left: 15px;
padding-right: 15px;
}
.tickets-list__section-image, .tickets-list__section-name, .tickets-list__products-container {
padding-left: 15px;
padding-right: 15px;
}
}
.mobile-add-to-cart {
display: none;
position: sticky;
bottom: 0;
background: #F6F4F5;
padding: 10px 20px;
}
.mobile-add-to-cart--shadow {
box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
.mobile-add-to-cart {
display: block;
}
}
@media screen and (max-width: 500px) {
.mobile-add-to-cart {
padding: 10px 15px;
}
}
.mobile-add-to-cart__info {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
font-size: 14px;
font-weight: 700;
line-height: normal;
letter-spacing: 0.42px;
color: #868686;
}
.mobile-add-to-cart__info > div:first-child {
text-transform: uppercase;
}
.mobile-add-to-cart__btn {
width: 100%;
background: #A91938;
padding: 8.5px 10px;
border-radius: 8px;
color: #FFF;
font-size: 14px;
font-weight: 700;
line-height: normal;
letter-spacing: 0.42px;
text-transform: uppercase;
transition: opacity 0.3s ease;
display: flex;
justify-content: center;
align-items: center;
}
.mobile-add-to-cart__btn:disabled, .mobile-add-to-cart__btn:hover {
background: #A91938 !important;
border: none !important;
}
.mobile-add-to-cart__btn:hover {
opacity: 0.8;
}
.mobile-add-to-cart__btn--spinner::after {
content: "";
display: block;
width: 11px;
height: 11px;
border: 2px solid transparent;
border-color: #fff #fff #fff transparent;
border-radius: 50%;
margin-left: 8px;
}
.categories-map-ui a {
color: ;
line-height: 2em;
}
.categories-map-ui .level-1-ui {
width: 25%;
padding: 0 25px 35px 25px;
}
.categories-map-ui .image-container-ui {
height: 165px;
}
.categories-map-ui .image-container-ui i, .categories-map-ui .image-container-ui .no-image-ui {
font-size: 5rem;
}
.categories-map-ui .f-left-ui {
margin-right: 0;
}
.cart-bar-ui {
background: ;
color: ;
border: 1px solid ;
}
.cart-bar-ui .manufacturer-container-ui {
border: none;
}
.cart-bar-ui li:not(.active-ui), .cart-bar-ui li:not(.active-ui):hover, .cart-bar-ui i, .cart-bar-ui a, .cart-bar-ui a:hover {
color: inherit !important;
}
.cart-bar-ui li {
vertical-align: top;
line-height: 63px;
cursor: default;
cursor: initial;
}
.cart-bar-ui li:not(.active-ui):hover, .cart-bar-ui li i {
background: none !important;
}
.cart-bar-ui a {
transition: background 300ms;
}
.cart-bar-ui a:hover {
background: ;
color: #fff !important;
}
.cart-bar-ui .active-ui, .cart-bar-ui .active-ui:hover {
background: #fff;
color: ;
margin-top: -15px;
height: calc(17px + 63px);
padding: 12px 45px 0 45px;
border-left: 1px solid #DDDDDD;
}
.cart-bar-ui .active-ui::after, .cart-bar-ui .active-ui:hover::after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
height: 6px;
background: inherit;
}
.cart-bar-ui .active-top-ui {
border-top: 4px solid ;
}
.cart-bar-ui.editing-order-ui {
background: ;
color: ;
border: 1px solid ;
}
.cart-bar-ui.editing-order-ui a:hover, .cart-bar-ui.editing-order-ui .manufacturer-container-ui > li.cart-ui a:hover {
background: ;
}
.cart-bar-ui.editing-order-ui .active-top-ui {
border-top: 4px solid ;
}
.messages-container-ui .successfull-post-message-ui {
height: auto;
line-height: 1.5em;
padding: 0;
margin: 0;
}
.cart-ui .image-container-ui, .cart-ui .image-link-ui { /* image-link-ui probably temporary */
width: 50px;
height: 50px;
float: left;
}
.cart-ui .image-container-ui i, .cart-ui .image-link-ui i {
font-size: 40px;
color: #DDDDDD !important;
}
.cart-ui .image-container-ui i:hover, .cart-ui .image-link-ui i:hover {
color: #DDDDDD !important;
}
.cart-ui .product-info-ui {
float: right;
width: calc(100% - 50px);
padding-left: 10px;
color: ;
}
.cart-ui .product-info-ui.no-image-ui {
width: 100%;
padding-left: 0;
font-size: 16px;
}
.cart-ui .product-name-ui {
color: ;
font-size: 16px;
font-weight: 500;
}
.cart-ui .div-table-ui {
position: relative;
padding-top: 60px;
font-size: 0.9rem;
}
.cart-ui .table-header-ui {
top: 0;
border-bottom: 1px solid #c6c6c6;
z-index: 50;
}
.cart-ui .table-header-ui > * {
border: none;
height: 60px;
padding: 0;
}
.cart-ui .product-code-ui {
font-size: 0.8rem;
display: block;
}
.cart-ui .remove-product-ui, .cart-ui .options-column-ui {
width: 60px;
}
.cart-ui .number-column-ui {
width: 40px;
}
.cart-ui .price-like-column-ui {
width: 95px;
text-align: right;
}
.cart-ui .value-ui {
font-size: 16px;
font-weight: 500;
}
.cart-ui .summary-value-ui {
font-size: 18px;
font-weight: 500;
}
.cart-ui .product-desc-ui {
font-size: 12px;
}
.cart-ui .percent-column-ui {
width: 75px;
}
.cart-ui .amount-stepper-column-ui {
width: 270px;
position: relative;
}
.cart-ui .amount-stepper-column-ui--aggregator {
width: 100px;
}
.cart-ui .amount-stepper-column-ui--aggregator .unit-name-ui {
width: auto;
}
.cart-ui .amount-stepper-ui .error-ui {
position: absolute;
bottom: -10px;
left: 10px;
}
.cart-ui .amount-stepper-ui .error-ui.with-unit-ratio-info-ui {
bottom: -3px;
}
.cart-ui .amount-stepper-ui .successfull-post-message-js {
height: auto;
line-height: 1.5em;
text-align: left;
color: #EF5350;
}
.cart-ui .currency-column-ui {
width: 80px;
}
.cart-ui .name-and-code-ui {
flex-grow: 10;
}
.cart-ui .coupon-ui {
background: none;
padding: 15px 0;
max-width: 100%;
}
.cart-ui .coupon-ui .loyalty-ui {
margin-bottom: 20px;
}
.cart-ui .coupon-ui .btn-ui, .cart-ui .coupon-ui button {
height: 45px;
}
.cart-ui .coupon-ui .inputs-wrapper-ui {
width: calc(100% - 150px);
}
.cart-ui .coupon-ui .add-coupon-ui {
width: 150px;
height: 46px;
}
.cart-ui .coupon-ui .add-coupon-ui.with-email-ui {
margin-top: 27px;
margin-bottom: 24px;
}
.cart-ui .coupon-ui span {
padding: 10px 10px 10px 0;
width: 120px;
font-size: inherit;
vertical-align: middle;
}
.cart-ui .coupon-ui .message-container-ui {
width: 100%;
}
.cart-ui .coupon-ui input.no-email-ui {
width: calc(100% - 120px);
}
.cart-ui .coupon-ui [readonly] {
background: none;
color: inherit;
}
.cart-ui .coupon-ui .error-ui {
padding: 0 !important;
margin: 0 !important;
margin-bottom: 10px !important;
color: #EF5350;
}
.cart-ui .coupon-ui .error-ui:not(.validation-info-js) {
background: ;
font-weight: 500;
margin-bottom: 20px;
padding: 5px 15px;
margin: 0 20px 20px 20px;
}
.cart-ui .country-ui {
padding: 15px 0;
}
.cart-ui .country-ui > * {
vertical-align: middle;
}
.cart-ui .country-ui [class*=half] {
padding-right: 15px;
}
.cart-ui .summary-section-ui {
position: relative;
}
.cart-ui .summary-section-ui .f-right-ui {
text-align: right;
}
.cart-ui .tfoot-ui .products-summary-ui {
margin-right: auto;
}
.cart-ui .total-amount-ui {
font-weight: 600;
font-size: 1.3rem;
}
.cart-ui .changed-ui .change-quantity-ui, .cart-ui .changed-ui [name=quantity] {
border-color: #F9A825;
}
.cart-ui .changed-ui:not(.deleted-ui) .stepper-space-ui {
color: #F9A825;
font-weight: 600;
}
.cart-ui .deleted-ui .div-table-cell-ui:not(.options-column-ui) {
opacity: 0.35;
}
.cart-ui .removed-icon-ui {
padding: 15px;
}
.cart-ui .recalculate-cell-ui, .cart-ui .recalculate-ui {
height: 100%;
background: #F9A825;
font-size: 1rem;
}
.cart-ui .comfortable-cart-section-title-ui {
text-align: left;
display: block;
width: 100%;
}
@media only screen and (min-width: 1600px) {
.cart-ui .comfortable-cart-section-title-ui {
padding: 15px 10%;
}
}
.cart-ui .comfortable-cart-section-title-ui .counter-bg-ui {
display: inline-block;
background-color: ;
color: ;
font-size: 12px;
font-family: "Roboto", sans-serif;
text-align: center;
border-radius: 50%;
width: 20px;
height: 20px;
}
.cart-ui .comfortable-cart-section-title-ui .counter-ui {
vertical-align: middle;
line-height: 1.5;
}
.cart-ui .comfortable-cart-section-title-ui .title-ui {
vertical-align: middle;
color: ;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin-left: 10px;
}
.cart-ui .comfortable-country-ui {
display: inline-block;
width: calc((100% - 130px) / 3);
margin-right: 50px;
margin-left: 15px;
padding: 0;
}
@media only screen and (min-width: 1600px) {
.cart-ui .comfortable-country-ui {
width: calc((80% - 200px) / 3);
margin-right: 100px;
margin-left: 10%;
}
}
.cart-ui .comfortable-country-ui .choose-country-in-cart-ui {
width: 100%;
padding: 0;
}
.cart-ui .comfortable-country-ui .select-background-ui {
width: 100%;
}
.cart-ui .comfortable-customer-data-title-ui {
order: -1;
width: calc(100vw - 17px);
margin-left: calc(-1 * (15px + (100vw - 130px) / 3 + 49px));
padding: 15px;
}
@media only screen and (min-width: 1600px) {
.cart-ui .comfortable-customer-data-title-ui {
padding: 15px 10vw;
margin-left: calc(-1 * (10vw + (80vw - 200px) / 3 + 98px));
}
}
.comfortable-loyalty-and-coupon-container-ui {
margin: 0 auto;
width: calc(100% - 30px);
}
@media only screen and (min-width: 1600px) {
.comfortable-loyalty-and-coupon-container-ui {
width: 80%;
}
}
.comfortable-coupon-container-ui {
float: right;
width: calc((100% - 100px) / 3);
}
@media only screen and (min-width: 1600px) {
.comfortable-coupon-container-ui {
width: calc((100% - 200px) / 3);
}
}
.comfortable-coupon-container-ui.with-email-ui {
width: calc((100% - 100px) / 3 * 2 + 50px);
}
@media only screen and (min-width: 1600px) {
.comfortable-coupon-container-ui.with-email-ui {
width: calc((100% - 200px) / 3 * 2 + 100px);
}
}
.cart-ui .coupon-ui .comfortable-coupon-container-ui .error-ui:not(.validation-info-js) {
background-color: ;
}
.comfortable-no-delivery-for-country-ui {
margin: 20px 0 20px 15px;
}
@media only screen and (min-width: 1600px) {
.comfortable-no-delivery-for-country-ui {
margin: 20px 0 20px 10%;
}
}
.comfortable-delivery-section-container-ui {
width: calc((100% - 130px) / 3 * 2 + 50px);
display: inline-block;
vertical-align: top;
}
@media only screen and (min-width: 1600px) {
.comfortable-delivery-section-container-ui {
width: calc((80% - 200px) / 3 * 2 + 100px);
}
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui {
border: none;
margin: 0;
padding: 4px 0 14px;
text-align: left;
width: auto;
background: ;
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.left-ui {
margin-right: 20px;
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.right-ui {
float: left;
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.active-js {
border-bottom: 2px solid ;
}
.comfortable-delivery-section-container-ui .order-address-data-tab-ui.more-addresses-ui {
margin-top: 28px;
}
.comfortable-delivery-section-container-ui .box-ui {
border: none;
border-top: 1px solid #DDDDDD;
margin-top: -1px;
padding: 20px 0;
}
.comfortable-customer-data-section-ui {
order: 1;
width: calc(100vw - 17px);
margin-left: calc(-1 * (15px + (100vw - 130px) / 3 + 49px));
}
@media only screen and (min-width: 1600px) {
.comfortable-customer-data-section-ui {
margin-left: calc(-1 * (10vw + (80vw - 200px) / 3 + 98px));
}
}
.comfortable-customer-data-section-ui .delivery-address-ui {
display: inline-block;
width: calc((100% - 130px) / 3);
margin-right: 54px;
margin-left: 15px;
}
@media only screen and (min-width: 1600px) {
.comfortable-customer-data-section-ui .delivery-address-ui {
width: calc((80% - 200px) / 3);
margin-right: 104px;
margin-left: 10%;
}
}
.comfortable-customer-data-section-ui .delivery-address-ui .other-address-ui {
padding-top: 2px !important;
}
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui {
float: left;
width: calc((100% - 130px) / 3);
}
@media only screen and (min-width: 1600px) {
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui {
width: calc((80% - 200px) / 3);
}
}
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui > .radio-ui {
margin-bottom: 10px !important;
}
.comfortable-customer-data-section-ui .comfortable-invoice-wrapper-ui .other-address-ui {
margin-top: -66px !important;
}
.comfortable-customer-data-section-ui .invoice-address-ui {
float: none;
width: 100%;
}
.comfortable-summary-ui {
display: flex;
flex-wrap: wrap;
}
.order-ui {
margin-top: 25px;
}
.order-ui p {
margin: 0 0 4px 0;
}
.order-ui label, .order-ui small, .order-ui .right-corner-ui {
font-size: 0.9rem;
}
.order-ui .narrow-container-ui {
margin: auto;
padding: 0;
}
.order-ui .narrow-container-ui.with-online-payment-error-ui {
margin-top: 50px;
}
.order-ui .note-ui {
margin-top: 20px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
padding: 15px;
}
.order-ui .note-ui .half-ui {
padding: 10px;
float: left;
}
.order-ui .note-ui .half-ui:first-child {
border-right: 1px solid #DDDDDD;
}
.order-ui .note-ui button {
padding: 0;
line-height: 1;
}
.order-ui .note-ui .note-in-order-ui {
margin-top: 20px;
position: relative;
}
.order-ui .note-ui .note-in-order-ui .edit-ui {
margin-left: 15px;
vertical-align: baseline;
}
.order-ui .note-ui .label-note-in-cart-ui {
color: #696666;
cursor: default;
}
.order-ui .note-ui .form-to-confirm-in-cart-ui {
resize: none;
}
.order-ui .note-ui .confirm-in-cart-ui {
top: -20px;
}
.order-ui .note-ui .file-container-ui {
background: ;
border: 1px solid #DDDDDD;
border-radius: 20px;
margin: 0 10px 10px 0;
padding: 5px 15px 10px;
display: inline-block;
}
.order-ui .note-ui .file-container-ui:first-child {
margin-top: 20px;
}
.order-ui .note-ui .file-container-ui .icon-ui {
font-size: 20px;
vertical-align: middle;
}
.order-ui .note-ui .file-container-ui .remove-attachement-in-order-ui {
vertical-align: middle;
margin-left: 10px;
cursor: pointer !important;
}
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui) {
width: auto;
font-size: 16px;
line-height: 1;
vertical-align: middle;
margin: 0;
color: ;
cursor: pointer;
transition: all ease 200ms;
}
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui):hover {
color: ;
}
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui) .ti-clip {
font-size: 24px;
line-height: 1;
vertical-align: middle;
}
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui) .max-ui {
color: #696666;
font-size: 12px;
}
@media only screen and (max-width: 1279px) {
.order-ui .cart-option-ui .add-attachement-label-ui:not(.checkbox-ui):not(.radio-ui) {
font-size: 14px;
vertical-align: baseline;
}
}
.order-ui .cart-option-ui {
position: relative;
margin-bottom: 15px;
}
.order-ui .cart-option-ui.f-left-ui, .order-ui .cart-option-ui.f-right-ui {
padding-right: 15px;
}
.order-ui .cart-option-ui select, .order-ui .cart-option-ui textarea, .order-ui .cart-option-ui input:not([type=radio]):not([type=checkbox]) {
width: 100%;
}
.order-ui .cart-option-ui .right-corner-ui, .order-ui .cart-option-ui .right-corner-ui button, .order-ui .cart-option-ui .right-corner-ui .btn-pure-ui {
padding-top: 0;
}
.order-ui .cart-option-ui.comfortable-delivery-container-ui {
width: calc(50% - 25px);
padding: 0;
margin-right: 46px;
}
@media only screen and (min-width: 1600px) {
.order-ui .cart-option-ui.comfortable-delivery-container-ui {
width: calc(50% - 50px);
margin-right: 100px;
}
}
.order-ui .cart-option-ui.comfortable-payment-container-ui {
width: calc(50% - 25px);
padding: 0;
margin-right: 0;
}
@media only screen and (min-width: 1600px) {
.order-ui .cart-option-ui.comfortable-payment-container-ui {
width: calc(50% - 50px);
}
}
.order-ui .comfortable-customer-data-section-ui .delivery-address-ui, .order-ui .comfortable-customer-data-section-ui .invoice-address-ui {
padding: 0;
}
.order-ui select {
font-weight: 500;
}
.order-ui .expandable-lq:not(.expanded-js) .right-corner-ui {
display: none;
}
.order-ui .options-section-ui {
padding-bottom: 15px;
}
.order-ui .options-section-ui:not(.comfortable-ui) {
background: #F8f8f8;
}
.order-ui .options-section-ui.inquiry-section-ui {
padding-top: 50px;
}
.order-ui .options-section-ui.inquiry-section-ui .left-column-ui input {
width: 50%;
}
.order-ui .options-section-ui.inquiry-section-ui .note-ui {
padding: 0;
margin-top: 0;
border: none;
}
@media only screen and (max-width: 1279px) {
.order-ui .options-section-ui.inquiry-section-ui input {
width: 100%;
}
.order-ui .options-section-ui.inquiry-section-ui .right-column-ui {
padding: 20px;
}
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui {
background: ;
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .left-column-ui, .order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .right-column-ui {
margin-bottom: 20px;
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .left-column-ui input, .order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .order-button-ui {
width: 300px;
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .right-column-ui textarea {
width: 50%;
}
.order-ui .options-section-ui.inquiry-section-ui.comfortable-ui .right-column-ui .comfortable-note-in-inquiry-ui textarea {
width: 100%;
}
.order-ui .box-ui {
background: #fff;
padding: 15px;
border: 1px solid #DDDDDD;
}
.order-ui .border-bottom-ui {
padding-bottom: 15px;
margin-bottom: 15px;
}
.order-ui .address-ui .message-bar-ui i {
font-size: inherit;
}
.order-ui .address-ui label {
display: block;
}
.order-ui .address-ui i {
vertical-align: middle;
margin-right: 7px;
}
.order-ui .order-button-ui {
width: 100%;
height: 50px;
font-size: 1.2rem;
}
.order-ui .order-button-ui.editing-order-ui {
margin-top: 20px;
margin-bottom: 20px;
}
.order-ui .tos-form-ui {
padding: 15px 0;
}
.order-ui .checkbox-ui {
padding-bottom: 10px;
}
.order-ui .checkbox-ui.channel-ui .label-ui {
margin-left: 30px;
}
.order-ui .error-ui {
display: block;
}
.order-ui .collection-points-ui li:hover {
background: ;
color: #fff;
}
.order-ui .collection-points-ui .grey-ui {
border-color: ;
font-weight: 500;
}
.order-ui .points-list-ui {
max-height: 385px;
overflow-y: auto;
}
.order-ui .address-option-ui {
padding-left: 55px;
position: relative;
border: none;
border-bottom: 1px solid #DDDDDD;
}
.order-ui .address-option-ui:last-child {
border-bottom: none;
}
.order-ui .address-option-ui .radio-ui {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.order-ui .address-option-ui .radio-ui .label-ui {
position: absolute;
top: 50%;
left: 15px;
transform: translateY(-0.5em);
}
.order-ui .address-option-ui.lack-of-phone-ui {
background: transparent;
opacity: 0.5;
}
.order-ui .addresses-list-ui {
overflow-x: auto;
max-height: 411px;
}
.order-ui .choose-collection-point-lq::before {
content: "•";
display: inline-block;
text-align: center;
margin-right: 15px;
border: 1px solid #DDDDDD;
cursor: pointer;
font-family: "themify";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
border-radius: 1.5em;
background: #DDDDDD;
color: transparent;
font-size: 30px;
width: 0.7em;
height: 0.7em;
line-height: 0.55em;
transition: background 400ms, color 400ms;
}
.order-ui .choose-collection-point-lq.grey-ui::before {
background: ;
color: ;
}
.order-ui .loyalty-ui {
margin-bottom: 20px;
}
.order-ui .comfortable-note-ui {
width: calc((100% - 130px) / 3);
margin: 0 50px 0 15px;
padding: 0;
border: none;
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-note-ui {
width: calc((80% - 200px) / 3);
margin: 0 100px 0 10%;
}
}
.order-ui .comfortable-note-in-inquiry-ui {
display: inline-block;
width: calc((100% - 130px) / 3);
margin: 0 50px 0 0;
padding: 0;
border: none;
vertical-align: top;
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-note-in-inquiry-ui {
width: calc((100% - 200px) / 3);
margin: 0 100px 0 0;
}
}
@media only screen and (max-width: 1279px) {
.order-ui .comfortable-note-in-inquiry-ui {
width: 100%;
}
}
.order-ui .comfortable-tos-ui {
width: calc((100% - 130px) / 3);
margin: 0 50px 0 0;
padding: 0;
text-align: justify;
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-tos-ui {
width: calc((80% - 200px) / 3);
margin: 0 100px 0 0;
}
}
.order-ui .comfortable-tos-in-inquiry-ui {
display: inline-block;
width: calc((100% - 130px) / 3);
margin: 0 50px 0 0;
padding: 0;
text-align: justify;
vertical-align: top;
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-tos-in-inquiry-ui {
width: calc((100% - 200px) / 3);
margin: 0 100px 0 0;
}
}
@media only screen and (max-width: 1279px) {
.order-ui .comfortable-tos-in-inquiry-ui {
width: 100%;
}
}
.order-ui .comfortable-summary-wrapper-ui {
order: 1;
width: calc((100% - 130px) / 3);
}
@media only screen and (min-width: 1600px) {
.order-ui .comfortable-summary-wrapper-ui {
width: calc((80% - 200px) / 3);
}
}
.order-ui .comfortable-summary-wrapper-ui .order-summary-ui {
padding: 0;
border: none;
}
.order-ui .comfortable-summary-wrapper-ui .order-summary-ui + .box-ui {
padding: 15px 0;
border: none;
border-top: 1px solid #DDDDDD;
margin-top: 15px;
}
.order-ui .comfortable-summary-wrapper-ui .summary-with-btn-ui .box-ui {
padding: 15px 0;
border: none;
border-top: 1px solid #DDDDDD;
margin-top: 15px;
}
.order-ui .comfortable-delivery-section-container-ui .form-to-confirm-in-cart-ui {
border: none;
}
.order-ui .comfortable-delivery-section-container-ui .box-ui {
border: none;
border-top: 1px solid #DDDDDD !important;
margin-top: -1px;
padding: 20px 0;
}
.order-ui .comfortable-delivery-section-container-ui .box-ui.choose-collection-point-lq {
padding: 20px;
}
.order-ui .comfortable-delivery-section-container-ui .address-option-ui {
padding-left: 55px;
}
.order-ui .comfortable-delivery-section-container-ui .choosen-payment-channel-ui {
margin-top: 10px;
}
.order-ui .comfortable-delivery-section-container-ui .choosen-payment-channel-ui img {
max-width: 100px;
display: inline-block;
vertical-align: middle;
}
.order-ui .comfortable-delivery-section-container-ui .choosen-payment-channel-ui .channel-name-ui {
display: inline-block;
margin: 0 10px;
}
.order-ui .comfortable-delivery-section-container-ui .choosen-payment-channel-ui i {
display: inline-block;
font-size: 14px;
cursor: pointer !important;
}
.order-ui .comfortable-delivery-section-container-ui .comfortable-payment-channels-popup-ui {
padding: 20px;
font-weight: 700;
position: static;
transform: none;
text-align: center;
}
.order-ui .comfortable-delivery-section-container-ui .comfortable-payment-channels-popup-ui .box-ui {
border-top: none !important;
margin: 0;
}
.order-ui .comfortable-delivery-section-container-ui .comfortable-payment-channels-popup-ui .payment-channel-ui:not(.checkbox-ui):not(.radio-ui) [type=radio] + img {
max-width: 78px;
}
.order-ui .comfortable-delivery-section-container-ui .comfortable-payment-channels-popup-ui .channel-name-ui {
line-height: 1.3;
font-weight: 400;
}
.thank-you-ui .order-info-ui {
background: #f8f8f8;
padding: 15px;
}
.thank-you-ui .order-info-ui .box-ui {
background: none;
border: none;
padding: 0;
}
.thank-you-ui .order-info-ui .f-right-ui {
text-align: right;
font-weight: bold;
}
.thank-you-ui .details-wrapper-ui {
max-width: 500px;
}
.thank-you-ui .details-wrapper-ui.add-inquiry-details-wrapper-ui {
width: 500px;
}
@media screen and (max-width: 1599px) {
.thank-you-ui > .mb10-ui {
padding: 0 15px;
}
}
.comfortable-payment-channels-popup-background-ui {
overflow: auto;
padding: 4vw;
}
.order-ui .not-authenticated-in-order-container-ui {
margin-top: 30px;
padding: 40px 50px;
text-align: center;
}
.order-ui .not-authenticated-in-order-container-ui .big-text-ui {
font-size: 18px;
font-weight: 700;
}
.order-ui .not-authenticated-in-order-container-ui .small-text-ui {
font-size: 14px;
margin-top: 10px;
margin-bottom: 30px;
}
.order-ui .not-authenticated-in-order-container-ui a {
display: inline-block;
width: calc(50% - 13px);
font-weight: 700;
}
.order-ui .not-authenticated-in-order-container-ui .btn-outline-ui {
margin-left: 20px;
padding: 9px;
}
.order-ui .not-authenticated-in-order-container-ui .without-sign-up-ui {
margin-top: 30px;
border-top: 1px solid #DDDDDD;
padding-top: 30px;
}
.order-ui .not-authenticated-in-order-container-ui .open-order-delivery-data-popup-background-ui {
font-weight: 700;
margin-top: 20px;
}
.order-ui .not-authenticated-in-order-container-ui .order-delivery-data-popup-background-ui, .order-ui .not-authenticated-in-order-container-ui .comfortable-payment-channels-popup-background-ui {
overflow: auto;
padding: 4vw;
}
.order-ui .not-authenticated-in-order-container-ui .order-delivery-data-popup-ui {
padding: 30px;
text-align: left;
position: relative;
top: auto;
transform: none;
max-width: 800px;
}
.order-ui .not-authenticated-in-order-container-ui .ti-close {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer !important;
}
.order-ui .not-authenticated-in-order-container-ui .radio-container-ui {
margin-top: 50px;
}
.order-ui .not-authenticated-in-order-container-ui .radio-ui {
display: inline-block;
margin-right: 20px;
}
.order-ui .not-authenticated-in-order-container-ui .label-ui {
vertical-align: middle;
height: 23px;
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui {
margin-top: 40px;
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui .half-ui {
width: calc(50% - 10px);
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui .half-ui + .half-ui {
margin-left: 20px;
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui input {
width: 100%;
}
.order-ui .not-authenticated-in-order-container-ui .forms-container-ui input[name=phoneNo] {
max-width: none;
}
.order-ui .not-authenticated-in-order-container-ui .form-title-ui {
color: #717171;
padding-bottom: 10px;
border-bottom: 1px solid #DDDDDD;
margin-bottom: 30px;
}
.order-ui .not-authenticated-in-order-container-ui .form-title-ui.not-authenticated-ui {
margin-top: -10px;
margin-bottom: 27px;
padding: 0;
}
.order-ui .not-authenticated-in-order-container-ui .delivery-address-form-in-popup-container-ui, .order-ui .not-authenticated-in-order-container-ui .invoice-address-form-in-popup-container-ui {
display: inline-block;
width: calc(50% - 28px);
vertical-align: top;
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui .delivery-address-form-in-popup-container-ui, .order-ui .not-authenticated-in-order-container-ui .invoice-address-form-in-popup-container-ui {
width: 100%;
margin-right: 0;
}
}
.order-ui .not-authenticated-in-order-container-ui .delivery-address-form-in-popup-container-ui {
margin-right: 50px;
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui .invoice-address-form-in-popup-container-ui {
margin-top: 50px;
}
.order-ui .not-authenticated-in-order-container-ui .order-address-data-tab-ui {
display: flex;
align-items: center;
text-align: center;
height: 69px;
}
}
.order-ui .not-authenticated-in-order-container-ui .save-delivery-data-popup-ui {
position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 30px;
width: 300px;
}
.order-ui .not-authenticated-in-order-container-ui .want-to-get-invoice-ui {
margin-top: 63px;
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui {
width: calc(100% - 30px);
margin: 0 auto 20px;
padding: 0;
order: -1;
text-align: left;
}
@media only screen and (min-width: 1600px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui {
width: 80%;
}
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui {
width: calc(100% - 40px);
}
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui {
display: inline-block;
width: calc((100% - 100px) / 3);
margin-right: 50px;
}
@media only screen and (min-width: 1600px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui {
width: calc((100% - 200px) / 3);
margin-right: 100px;
}
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui {
width: 100%;
}
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui a {
text-align: center;
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .sign-in-section-ui .btn-outline-ui {
border: 1px solid transparent;
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .without-sign-up-ui {
display: inline-block;
width: calc((100% - 100px) / 3);
vertical-align: top;
border: none;
margin-top: 0;
padding-top: 0;
}
@media only screen and (min-width: 1600px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .without-sign-up-ui {
width: calc((100% - 200px) / 3);
}
}
@media only screen and (max-width: 1279px) {
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .without-sign-up-ui {
width: 100%;
margin-top: 30px;
border-top: 1px solid #DDDDDD;
padding-top: 30px;
}
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .without-sign-up-ui .open-order-delivery-data-popup-background-ui {
text-align: center;
width: calc(50% - 13px);
margin: 0;
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .small-text-ui {
color: #696666;
height: 48px;
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui {
border: none;
padding: 8px 0 10px;
width: auto;
background: ;
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui.left-ui {
margin-right: 20px;
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui.right-ui {
float: left;
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui.active-js {
border-bottom: 2px solid ;
}
.order-ui .not-authenticated-in-order-container-ui.comfortable-sign-in-section-ui .comfortable-order-address-data-tab-ui.more-addresses-ui {
margin-top: 28px;
}