:root {
--font-family-base: "CeraPro-Regular", sans-serif;
--font-family-bold: "CeraPro-Bold", sans-serif;
}
::-moz-selection {
color: #fff;
background-color: #5cb885;
}
::selection {
color: #fff;
background-color: #5cb885;
}
span[class*="fl-"] {
color: #ddd;
font-weight: 100;
}
.fl.fl-check:before {
color: #5cb885;
}
.fl.fl-csv:before,
.fl.fl-excel:before,
.fl.fl-pdf:before,
.fl.voucher-print:before {
color: #333;
}
.fl.fl-csv:hover:before,
.fl.fl-excel:hover:before,
.fl.fl-pdf:hover:before,
.fl.voucher-print:hover:before {
color: #5cb885;
}
body.theme-cbw {
color: #333;
background-color: #fff;
}
.theme-cbw a {
color: #5cb885;
text-decoration: none;
}
.theme-cbw a:hover {
color: #6fcb98;
text-decoration: underline;
}
.theme-cbw h1,
.theme-cbw h2,
.theme-cbw h3,
.theme-cbw h4,
.theme-cbw h5,
.theme-cbw h6 {
text-transform: uppercase;
}
.theme-cbw h1 {
font-family: CeraPro-Bold, sans-serif;
font-size: 24px;
color: #333;
font-weight: 400;
}
.theme-cbw h2 {
font-size: 30px;
font-family: CeraPro-Bold, sans-serif;
color: #333;
}
.theme-cbw h3 {
font-size: 24px;
font-family: CeraPro-Bold, sans-serif;
color: #333;
}
.theme-cbw h4 {
font-size: 20px;
font-family: CeraPro-Bold, sans-serif;
color: #333;
}
.theme-cbw h5 {
font-size: 18px;
font-family: CeraPro-Bold, sans-serif;
color: #333;
}
.theme-cbw h6 {
font-size: 16px;
font-family: CeraPro-Bold, sans-serif;
color: #333;
}
.theme-cbw .btn-primary,
.theme-cbw .btn-primary[disabled] {
color: #fff;
background-color: #5cb885;
box-shadow: 0 10px 30px 0 rgba(92, 184, 133, 0.5);
}
.theme-cbw .btn-primary:hover,
.theme-cbw .btn-primary[disabled]:hover {
color: #fff;
background-color: #6fcb98;
}
.theme-cbw .btn-primary:active,
.theme-cbw .btn-primary:active:focus,
.theme-cbw .btn-primary[disabled]:active,
.theme-cbw .btn-primary[disabled]:active:focus {
background-color: #6fcb98;
}
.theme-cbw .btn-secondary,
.theme-cbw .btn-secondary[disabled] {
color: #333;
background-color: transparent;
border-color: #5cb885;
}
.theme-cbw .btn-secondary:hover,
.theme-cbw .btn-secondary[disabled]:hover {
color: #5cb885;
background-color: transparent;
border-color: #5cb885;
}
.theme-cbw .btn-secondary:active,
.theme-cbw .btn-secondary:active:focus,
.theme-cbw .btn-secondary[disabled]:active,
.theme-cbw .btn-secondary[disabled]:active:focus {
color: #5cb885;
background-color: transparent;
border-color: #5cb885;
}
.theme-cbw .btn-secondary > input,
.theme-cbw .btn-secondary[disabled] > input {
color: #333;
}
.theme-cbw .btn-secondary > input:hover,
.theme-cbw .btn-secondary[disabled] > input:hover {
color: #5cb885;
}
.theme-cbw .btn-dark-bg,
.theme-cbw .btn-dark-bg[disabled] {
color: #fff;
background-color: #5bb784;
}
.theme-cbw .btn-dark-bg:hover,
.theme-cbw .btn-dark-bg[disabled]:hover {
color: #fff;
background-color: #6fcb98;
}
.theme-cbw .btn-dark-bg:active,
.theme-cbw .btn-dark-bg:active:focus,
.theme-cbw .btn-dark-bg[disabled]:active,
.theme-cbw .btn-dark-bg[disabled]:active:focus {
background-color: #6fcb98;
}
.theme-cbw .btn-link {
color: #5cb885;
}
.theme-cbw .btn-link:active,
.theme-cbw .btn-link:active:focus,
.theme-cbw .btn-link:hover {
color: #6fcb98;
}
.theme-cbw .tabs ul:before {
border-bottom: 1px solid #b6b6b6;
}
.theme-cbw .tabs ul:after {
border-bottom: 1px solid #b6b6b6;
}
.theme-cbw .tabs ul > li:before {
border-bottom: 1px solid #b6b6b6;
}
.theme-cbw .tabs ul > li:after {
border-bottom: 1px solid #b6b6b6;
}
.theme-cbw .tabs ul > li a {
font-family: CeraPro-Medium, sans-serif;
font-size: 15px;
color: #333;
}
.theme-cbw .tabs ul > li a:before {
border-bottom: 1px solid #b6b6b6;
}
.theme-cbw .tabs ul > li a:hover {
background-color: transparent;
color: #5cb885;
}
.theme-cbw .tabs ul > li a:hover:before {
border: 1px solid #b6b6b6;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.theme-cbw .tabs ul > li.filler:before {
border-bottom: 1px solid #b6b6b6;
}
.theme-cbw .tabs ul > li.active a {
color: #5cb885;
}
.theme-cbw .tabs ul > li.active a:before {
border: 1px solid #b6b6b6;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.theme-cbw .tabs ul > li.active a:focus {
background-color: transparent;
}
.theme-cbw .tabs.tabs-inverted ul:before {
border-bottom: 2px solid #fff;
}
.theme-cbw .tabs.tabs-inverted ul:after {
border-bottom: 2px solid #fff;
}
.theme-cbw .tabs.tabs-inverted ul > li:before {
border-bottom: 2px solid #fff;
}
.theme-cbw .tabs.tabs-inverted ul > li:after {
border-bottom: 2px solid #fff;
}
.theme-cbw .tabs.tabs-inverted ul > li a {
font-family: CeraPro-Medium, sans-serif;
font-size: 15px;
color: #003320;
}
.theme-cbw .tabs.tabs-inverted ul > li a:before {
border-bottom: 2px solid #fff;
}
.theme-cbw .tabs.tabs-inverted ul > li a:hover {
background-color: transparent;
color: #fff;
}
.theme-cbw .tabs.tabs-inverted ul > li a:hover:before {
border: 2px solid #fff;
}
.theme-cbw .tabs.tabs-inverted ul > li.filler:before {
border-bottom: 2px solid #fff;
}
.theme-cbw .tabs.tabs-inverted ul > li.active a {
color: #fff;
}
.theme-cbw .tabs.tabs-inverted ul > li.active a:before {
border: 2px solid #fff;
}
.theme-cbw #collapse-myTab .panel-heading a.collapsed,
.theme-cbw [id^="collapse-"] .panel-heading a.collapsed {
color: #333 !important;
}
.theme-cbw #collapse-myTab .panel-heading:hover a.collapsed,
.theme-cbw [id^="collapse-"] .panel-heading:hover a.collapsed {
color: #333 !important;
}
.theme-cbw #collapse-myTab .panel-heading a,
.theme-cbw [id^="collapse-"] .panel-heading a {
color: #5cb885 !important;
}
.theme-cbw #accordion .panel-heading a.collapsed {
color: #333 !important;
}
.theme-cbw #accordion .panel-heading a {
color: #5cb885 !important;
}
.theme-cbw #accordion .panel-heading:hover a.collapsed {
color: #5cb885 !important;
}
.theme-cbw .breadcrumb-wrapper h1 {
font-family: CeraPro-Regular, sans-serif;
color: #909090;
text-transform: none;
font-size: 24px;
}
.theme-cbw .breadcrumb > li + li:before {
color: #333;
}
.theme-cbw .breadcrumb li a,
.theme-cbw .breadcrumb li span {
color: #333;
}
.theme-cbw #website-container {
background-color: #333;
}
.theme-cbw #navbar-top {
background-color: #fff;
background-color: #333;
}
.theme-cbw #navbar-top .website-select a {
color: #fff;
}
.theme-cbw #navbar-top .website-select a:before {
border-top: 9px solid #fff;
}
.theme-cbw #navbar-top .website-select a:hover {
color: #fff;
}
.theme-cbw #navbar-top .website-select.active {
background-color: #333;
}
.theme-cbw #navbar-top .website-select.active a {
color: #fff;
}
.theme-cbw #navbar-top .website-select.active a:before {
border-top: 9px solid #fff;
}
.theme-cbw #navbar-top .selected {
color: #fff;
border-right: 1px solid #333;
}
.theme-cbw #navbar-top .btn-mobile .icon-bar {
background-color: #333;
}
.theme-cbw #navbar-top.navbar-inverse .navbar-offcanvas {
background-color: #fff;
border-color: #fff;
}
.theme-cbw #navbar-top #navbar-top-collapse a.dropdown-toggle {
color: #333;
}
.theme-cbw
#navbar-top
#navbar-top-collapse
> li:not(.dropdown1):not(.faq):not(.contact)
a {
color: #333;
}
.theme-cbw
#navbar-top
#navbar-top-collapse
> li:not(.dropdown1):not(.faq):not(.contact)
sup {
color: #5cb885;
}
.theme-cbw #navbar-top #navbar-top-collapse li.dropdown1.open ul {
background-color: #fff;
}
.theme-cbw #navbar-top #navbar-top-collapse li.dropdown1.open a {
color: #333;
}
.theme-cbw
#navbar-top
#navbar-top-collapse
li.dropdown1.open
a.has-submenu.highlighted {
color: #5cb885;
}
.theme-cbw #navbar-top #navbar-top-collapse li.dropdown1.open li.active > a {
color: #5cb885;
}
.theme-cbw
#navbar-top
#navbar-top-collapse
li.dropdown1
a.has-submenu.active:not(.default) {
color: #5cb885;
}
.theme-cbw #navbar-top #navbar-top-collapse li.contact a,
.theme-cbw #navbar-top #navbar-top-collapse li.contact:before,
.theme-cbw #navbar-top #navbar-top-collapse li.faq a,
.theme-cbw #navbar-top #navbar-top-collapse li.faq:before {
color: #333;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile {
background-color: #fff;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile li > a {
color: #333;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile li.name {
border-bottom: 1px solid #ececec;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile li.favorite-shops:before,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.mastercard:before,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.my-vouchers:before,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.recommend:before,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.zipmark-dwolla:before {
color: #5cb885;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile li.favorite-shops a,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.mastercard a,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.my-vouchers a,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.recommend a,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.zipmark-dwolla a {
color: #5cb885;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile li.my-vouchers {
border-bottom: 1px solid #ececec;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile li.account:before,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.points:before {
color: #333;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile li.account a,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.points a {
color: #333;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile li.account h6,
.theme-cbw #navbar-top #navbar-top-collapse-profile li.points h6 {
color: #333;
}
.theme-cbw #navbar-top #navbar-top-collapse-profile li.logout {
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
}
.theme-cbw #navbar-top .navbar-mobile-right .shopping-cart a:before {
color: #333;
}
.theme-cbw #navbar-top .navbar-mobile-right .shopping-cart.active a:before {
color: #5cb885;
}
.theme-cbw #navbar-top .navbar-mobile-right .magnifier a:before {
color: #333;
}
.theme-cbw #navbar-top .navbar-mobile-right .magnifier.active a:before {
color: #5cb885;
}
.theme-cbw #navbar-top .navbar-mobile-right .magnifier.active a:after {
border-bottom: 8px solid #fff;
}
.theme-cbw #navbar-top .navbar-mobile-right .user-text a {
color: #333;
}
.theme-cbw #navbar-top .navbar-mobile-right li span a {
color: #333;
}
.theme-cbw #navbar-top .popover {
background-color: #fff;
}
.theme-cbw #navbar-top #navbar-top-right > li > a {
color: #fff;
}
.theme-cbw #navbar-top #navbar-top-right > li > a:hover {
color: #333;
}
.theme-cbw #navbar-top #navbar-top-right .shopping-cart {
border-right: 1px solid #333;
}
.theme-cbw #navbar-top #navbar-top-right .shopping-cart > a {
color: #fff;
}
.theme-cbw #navbar-top #navbar-top-right .shopping-cart > a:hover {
color: #333;
}
.theme-cbw #navbar-top #navbar-top-right .user > span {
color: #fff;
}
.theme-cbw #navbar-top #navbar-top-right .help {
border-right: 1px solid #333;
}
.theme-cbw #navbar-top #navbar-top-right .help a:before {
color: #fff;
}
.theme-cbw #navbar-top #navbar-top-right .help a:hover:before {
color: #333;
}
.theme-cbw #navbar-top #navbar-top-right .mail-img {
border-right: 1px solid #333;
}
.theme-cbw #navbar-top #navbar-top-right .mail-img a:before {
color: #fff;
}
.theme-cbw #navbar-top #navbar-top-right .mail-img a:hover:before {
color: #333;
}
.theme-cbw #navbar-top .profile-info ul li a {
color: #333;
}
.theme-cbw #navbar-top .profile-info .links-shops-vouchers ul li a {
color: #5cb885;
}
.theme-cbw #navbar-top .profile-info .links-shops-vouchers ul li:before {
color: #5cb885;
}
.theme-cbw #navbar-top .profile-info h6 {
color: #333;
}
.theme-cbw #navbar-top .profile-info h6 a {
color: #333;
}
.theme-cbw #navbar-top .profile-info h6:before {
color: #333;
}
.theme-cbw #navbar-top .profile-info hr {
border-color: #ececec;
}
.theme-cbw.canvas-slid .btn-mobile .icon-bar {
background-color: #5cb885 !important;
}
.theme-cbw #navbar-main li > a:hover,
.theme-cbw #navbar-sub li > a:hover {
color: #5cb885 !important;
}
.theme-cbw #navbar-main {
background-color: #fff;
}
.theme-cbw #navbar-main .level1 > li.active > a,
.theme-cbw #navbar-main .level1 > li:hover > a {
color: #5cb885 !important;
}
.theme-cbw #navbar-main .level1 > li > a {
color: #333;
font-size: 15px;
font-family: CeraPro-Medium, sans-serif;
}
.theme-cbw #navbar-main .level1 > li sup {
color: #5cb885;
}
.theme-cbw #navbar-main a.menuRedirect {
color: #aab3c0 !important;
}
.theme-cbw
#navbar-main.border
#container-navbar-layer
.level1
> li.active:before,
.theme-cbw #navbar-main.border #container-navbar-layer .level1 > li:before {
border-bottom: 9px solid #fff;
}
.theme-cbw #navbar-main #searchBox {
border: 2px solid transparent;
background-color: rgba(101, 101, 101, 0.07);
}
.theme-cbw #navbar-main #searchBox .suggestion-header {
color: #5cb885;
border-bottom: 1px solid #333;
}
.theme-cbw #navbar-main #searchBox:before {
color: #333;
}
.theme-cbw #navbar-main #searchBox .textBox {
color: #333;
background-color: rgba(101, 101, 101, 0.07);
}
.theme-cbw #navbar-main #searchBox .textBox::-moz-placeholder {
color: #73a09b;
}
.theme-cbw #navbar-main #searchBox .textBox:-moz-placeholder {
color: #73a09b;
}
.theme-cbw #navbar-main #searchBox .textBox:-ms-input-placeholder {
color: #73a09b;
}
.theme-cbw #navbar-main #searchBox .textBox::-webkit-input-placeholder {
color: #73a09b;
}
.theme-cbw #navbar-main #searchBox.active {
border: 2px solid transparent;
background-color: rgba(101, 101, 101, 0.07);
}
.theme-cbw #navbar-main #searchBox.active:before {
color: #5cb885;
}
.theme-cbw #navbar-main #searchBox.active .textBox {
color: #5cb885;
background-color: rgba(101, 101, 101, 0.07);
}
.theme-cbw #navbar-main #searchBox.active .textBox::-moz-placeholder {
color: #5cb885;
}
.theme-cbw #navbar-main #searchBox.active .textBox:-moz-placeholder {
color: #5cb885;
}
.theme-cbw #navbar-main #searchBox.active .textBox:-ms-input-placeholder {
color: #5cb885;
}
.theme-cbw #navbar-main #searchBox.active .textBox::-webkit-input-placeholder {
color: #5cb885;
}
.theme-cbw #navbar-main #searchBox .universal-search-icon-wrapper:before {
color: #333;
}
.theme-cbw #navbar-main #searchBox .universal-search-icon-wrapper:hover:before {
color: #5cb885;
}
.theme-cbw #navbar-main #searchBox #tbUniversalSearch {
color: #5cb885;
}
.theme-cbw #navbar-main #searchBox #tbUniversalSearch::-moz-placeholder {
color: #73a09b;
}
.theme-cbw #navbar-main #searchBox #tbUniversalSearch:-moz-placeholder {
color: #73a09b;
}
.theme-cbw #navbar-main #searchBox #tbUniversalSearch:-ms-input-placeholder {
color: #73a09b;
}
.theme-cbw
#navbar-main
#searchBox
#tbUniversalSearch::-webkit-input-placeholder {
color: #73a09b;
}
.theme-cbw #navbar-main #searchBox .active .tt-hint {
color: #333;
}
.theme-cbw #navbar-main #searchBox .active #tbUniversalSearch {
color: #333;
background-color: rgba(101, 101, 101, 0.07);
}
.theme-cbw
#navbar-main
#searchBox
.active
#tbUniversalSearch::-moz-placeholder {
color: #73a09b;
}
.theme-cbw #navbar-main #searchBox .active #tbUniversalSearch:-moz-placeholder {
color: #73a09b;
}
.theme-cbw
#navbar-main
#searchBox
.active
#tbUniversalSearch:-ms-input-placeholder {
color: #73a09b;
}
.theme-cbw
#navbar-main
#searchBox
.active
#tbUniversalSearch::-webkit-input-placeholder {
color: #73a09b;
}
.theme-cbw #navbar-main .mega-menu-content {
border-top: 3px solid #fff;
}
@media (min-width: 1200px) {
.theme-cbw #navbar-main .mega-menu-content > .container {
background-image: url("");
}
}
.theme-cbw #navbar-main .mega-menu-content .teaser {
border-right-color: #fff;
}
.theme-cbw #navbar-main .mega-menu-content .btn-primary {
color: #fff;
background-color: #91c634;
}
.theme-cbw #navbar-main .mega-menu-content .btn-primary:hover {
color: #fff;
background-color: #91c634;
}
.theme-cbw
#navbar-main
.mega-menu-content
.navbar-main-layer
ul.mainmenu-l1
> li
a,
.theme-cbw
#navbar-main
.mega-menu-content
.navbar-main-layer
ul.mainmenu-l1
> li.title {
color: #333;
}
.theme-cbw
#navbar-main
.mega-menu-content
.navbar-main-layer
ul.mainmenu-l1
> li.title {
font-family: CeraPro-Bold, sans-serif;
}
.theme-cbw
#navbar-main
.mega-menu-content
.navbar-main-layer
ul.mainmenu-l1
> li
a.menuRedirect {
color: #aab3c0;
}
.theme-cbw
#navbar-main
.mega-menu-content
.navbar-main-layer
ul.mainmenu-l1
> li.active
> a {
color: #5cb885;
}
.theme-cbw
#navbar-main
.mega-menu-content
.navbar-main-layer
ul.mainmenu-l2
> li.active
> a {
color: #5cb885;
}
@media (min-width: 768px) {
.theme-cbw #bootslider .bs-foreground .conditions-wrapper,
.theme-cbw #bootslider .bs-foreground h2,
.theme-cbw #bootslider .bs-foreground p {
color: #333;
}
}
.theme-cbw #webchat .header {
background-color: #333;
}
.theme-cbw #webchat .header:hover {
background-color: #5cb885;
}
.theme-cbw #webchat .header.open {
background-color: #5cb885;
}
.theme-cbw #webchat .wrapper {
border: 2px solid #b6b6b6;
}
.theme-cbw #webchat hr {
border-top: 1px solid #b6b6b6;
}
.theme-cbw #webchat form {
background-color: #fff;
}
.theme-cbw .cms-chat-button:before {
color: #fff;
}
.theme-cbw .cms-chat-button.online:after {
color: #5cb885;
}
.theme-cbw .cms-chat-button.offline > input[disabled] {
color: #ddd;
background-color: #f4f4f4;
}
.theme-cbw .cms-chat-button.offline > input[disabled]:hover {
color: #ddd;
background-color: #f4f4f4;
}
.theme-cbw .cms-chat-button.offline:before {
color: #ddd;
}
.theme-cbw .cms-chat-button.offline:after {
color: #dc5a5a;
}
.theme-cbw #support-box .support-btn {
background-color: #333;
box-shadow: 0 10px 30px 0 rgba(51, 51, 51, 0.5);
}
.theme-cbw #support-box .content:before {
border-bottom: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
}
.theme-cbw #support-box .content a.inactive {
color: #b6b6b6;
}
.theme-cbw #support-box .content a.inactive:before {
color: #fff;
}
.theme-cbw #support-box.open .support-btn {
background-color: #5cb885;
}
.theme-cbw #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-share > a {
color: #333;
}
.theme-cbw #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-share > a.active,
.theme-cbw #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-share > a:active,
.theme-cbw #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-share > a:hover {
color: #5cb885;
}
.theme-cbw #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-favorite a {
color: #333;
}
.theme-cbw
#sbbl-wrapper
.sbbl-back-bar-top
.sbbl-links
.sbbl-favorite
a.active:hover,
.theme-cbw #sbbl-wrapper .sbbl-back-bar-top .sbbl-links .sbbl-favorite a:hover,
.theme-cbw
#sbbl-wrapper
.sbbl-back-bar-top
.sbbl-links
.sbbl-favorite
a:hover:active {
color: #5cb885;
}
.theme-cbw
#sbbl-wrapper
.sbbl-back-bar-top
.sbbl-links
.sbbl-favorite
a.active:before,
.theme-cbw
#sbbl-wrapper
.sbbl-back-bar-top
.sbbl-links
.sbbl-favorite
a:hover:active:before,
.theme-cbw
#sbbl-wrapper
.sbbl-back-bar-top
.sbbl-links
.sbbl-favorite
a:hover:before {
color: #5cb885;
}
.theme-cbw .form-control {
color: #333;
border: 1px solid #b6b6b6;
}
.theme-cbw .form-control::-moz-placeholder {
color: #73a09b !important;
}
.theme-cbw .form-control:-moz-placeholder {
color: #73a09b !important;
}
.theme-cbw .form-control:-ms-input-placeholder {
color: #73a09b !important;
}
.theme-cbw .form-control::-webkit-input-placeholder {
color: #73a09b !important;
}
.theme-cbw .form-control:focus {
border: 1px solid #5cb885;
box-shadow: none;
}
.theme-cbw .form-control[disabled],
.theme-cbw .form-control[readonly],
.theme-cbw fieldset[disabled] .form-control {
background-color: #fff;
border-color: #ddd;
color: #ddd;
}
.theme-cbw .ui-multiselect,
.theme-cbw select.form-control {
color: #333;
}
.theme-cbw .ui-multiselect.ui-state-active,
.theme-cbw .ui-multiselect:focus,
.theme-cbw select.form-control.ui-state-active,
.theme-cbw select.form-control:focus {
border: 1px solid #5cb885 !important;
}
.theme-cbw .Select {
outline: 0;
}
.theme-cbw .Select .Select-control {
color: #333;
border: 1px solid #b6b6b6;
}
.theme-cbw .Select .Select-control .Select-placeholder,
.theme-cbw .Select .Select-control .Select-value-label {
color: #333 !important;
}
.theme-cbw .Select .Select-control .Select-arrow-zone .Select-arrow:before {
color: #909090;
}
.theme-cbw .Select .Select-control .Select-clear-zone .Select-clear {
color: #b6b6b6;
}
.theme-cbw .Select.is-focused .Select-control,
.theme-cbw .Select.is-open .Select-control {
border: 1px solid #5cb885 !important;
}
.theme-cbw
.Select.is-focused
.Select-control
.Select-arrow-zone
.Select-arrow:before,
.theme-cbw
.Select.is-open
.Select-control
.Select-arrow-zone
.Select-arrow:before {
color: #909090;
}
.theme-cbw .Select.is-focused .Select-control .Select-clear-zone .Select-clear,
.theme-cbw .Select.is-open .Select-control .Select-clear-zone .Select-clear {
color: #a94442;
}
.theme-cbw .Select.is-focused .Select-control ~ .Select-menu-outer,
.theme-cbw .Select.is-open .Select-control ~ .Select-menu-outer {
border: 1px solid #b6b6b6 !important;
color: #5cb885 !important;
}
.theme-cbw
.Select.is-focused
.Select-control
~ .Select-menu-outer
.Select-option.is-focused,
.theme-cbw
.Select.is-open
.Select-control
~ .Select-menu-outer
.Select-option.is-focused {
background-color: #5cb885 !important;
}
.theme-cbw
.Select.is-focused
.Select-control
~ .Select-menu-outer
.Select-option.is-selected,
.theme-cbw
.Select.is-open
.Select-control
~ .Select-menu-outer
.Select-option.is-selected {
background-color: rgba(92, 184, 133, 0.08) !important;
color: #5cb885 !important;
}
.theme-cbw
.Select.is-focused
.Select-control
~ .Select-menu-outer
.Select-option.is-selected:focus,
.theme-cbw
.Select.is-focused
.Select-control
~ .Select-menu-outer
.Select-option.is-selected:hover,
.theme-cbw
.Select.is-open
.Select-control
~ .Select-menu-outer
.Select-option.is-selected:focus,
.theme-cbw
.Select.is-open
.Select-control
~ .Select-menu-outer
.Select-option.is-selected:hover {
background-color: #5cb885 !important;
}
.theme-cbw .table > tbody th,
.theme-cbw .table > tbody > tr > td,
.theme-cbw .table > tfoot th,
.theme-cbw .table > tfoot > tr > td,
.theme-cbw .table > thead th,
.theme-cbw .table > thead > tr > td {
border: solid 1px #fff;
}
.theme-cbw .table > thead > tr > th {
background-color: #333;
color: #fff;
}
.theme-cbw .table td {
background-color: #f5f5f5;
}
.theme-cbw .grid-container input[type="text"] {
color: #333 !important;
}
.theme-cbw .grid-icon:before {
color: #333;
}
.theme-cbw .grid-icon:hover:before {
color: #5cb885;
}
.theme-cbw .grid-summary {
font-family: CeraPro-Bold, sans-serif;
}
.theme-cbw .grid-summary .grid-summary-header {
color: #333;
border-bottom: 1px solid #b6b6b5;
font-family: CeraPro-Regular, sans-serif;
font-size: 15px;
}
.theme-cbw .grid-summary .summaryRow {
background-color: #fff;
}
.theme-cbw .grid-summary .grid-summary-label {
font-family: CeraPro-Regular, sans-serif;
}
.theme-cbw .grid-summary .grid-summary-amount {
font-family: CeraPro-Bold, sans-serif;
}
.theme-cbw .grid-pagination-refresh:before {
color: #5cb885;
}
.theme-cbw .grid-pagination-refresh:hover:before {
color: #6fcb98;
}
.theme-cbw .grid-pagination-first:before {
color: #333;
}
.theme-cbw .grid-pagination-first:hover:before {
color: #5cb885;
}
.theme-cbw .grid-pagination-last:before {
color: #333;
}
.theme-cbw .grid-pagination-last:hover:before {
color: #5cb885;
}
.theme-cbw .grid-pagination-next:before {
color: #333;
}
.theme-cbw .grid-pagination-next:hover:before {
color: #5cb885;
}
.theme-cbw .grid-pagination-previous:before {
color: #333;
}
.theme-cbw .grid-pagination-previous:hover:before {
color: #5cb885;
}
.theme-cbw .grid-pagination-first-off:before {
color: #f4f4f4;
}
.theme-cbw .grid-pagination-last-off:before {
color: #f4f4f4;
}
.theme-cbw .grid-pagination-next-off:before {
color: #f4f4f4;
}
.theme-cbw .grid-pagination-previous-off:before {
color: #f4f4f4;
}
.theme-cbw .footer_div {
color: #333;
}
.theme-cbw .footer_div a:hover {
text-decoration: none;
}
.theme-cbw .footer_div .lyoness_label {
color: #333;
}
.theme-cbw .footer_div .lyoness_label .CurrentPage {
color: #333;
}
.theme-cbw select.RowsPerPage {
color: #333;
}
.theme-cbw select.RowsPerPage option {
color: #333;
}
.theme-cbw .grid-header-sort-asc,
.theme-cbw .grid-header-sort-des,
.theme-cbw .grid-header-sort-selected {
background-color: #5cb885;
}
.theme-cbw .grid-pagination-control a {
color: #333;
border-color: #333;
background-color: transparent;
}
.theme-cbw .grid-pagination-control a:hover {
color: #5cb885;
border-color: #333;
background-color: transparent;
}
.theme-cbw .grid-pagination-control li.active a {
color: #5cb885;
border-color: #5cb885;
background-color: transparent;
}
.theme-cbw .grid-pagination-control li.active a:hover {
color: #5cb885;
border-color: #5cb885;
background-color: transparent;
}
.theme-cbw .list-group .list-group-item {
border-radius: 0;
}
.theme-cbw .list-group .list-group-item.active,
.theme-cbw .list-group .list-group-item:focus {
background-color: #5cb885;
border-color: #5cb885;
}
.theme-cbw h2 > span.fl {
color: #333;
}
.theme-cbw .socialmedia-container {
background-color: #fff;
}
.theme-cbw .asterisk {
background-color: #fff;
}
.theme-cbw .container-bottom {
background-color: #fff;
}
.theme-cbw #footer {
background-color: #fff;
}
.theme-cbw #footer .logo-dots {
background: url("") center left no-repeat;
}
.theme-cbw #footer .logo-lyoness {
background: url("../../img/cbw/footer-lyoness-operated-logo.png") center left
no-repeat;
}
.theme-cbw #footer .logo-operated {
background: url("../../img/cbw/footer-lyoness-operated-logo.png") center left
no-repeat;
}
.theme-cbw #footer .footer-header {
color: #333;
font-family: CeraPro-Bold, sans-serif;
text-transform: none;
font-size: 16px;
}
.theme-cbw #footer .footer-header > a {
font-size: 16px;
font-family: CeraPro-Bold, sans-serif;
}
.theme-cbw #footer li {
color: #909090;
}
.theme-cbw #footer li a {
color: #909090;
font-size: 16px;
font-family: CeraPro-Regular, sans-serif;
}
.theme-cbw #footer li a:hover {
color: #5cb885;
}
.theme-cbw #footer .official-links a {
color: #909090;
font-family: CeraPro-Regular, sans-serif;
}
.theme-cbw #footer .official-links a:hover {
color: #5cb885;
}
.theme-cbw .country {
color: #333;
}
.theme-cbw .verdict {
color: #fff;
font-family: CeraPro-Regular, sans-serif;
}
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--success {
background-color: #f5f5f5;
border: 1px solid #eee;
}
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--success
h4,
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--success
p {
color: #909090;
}
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--success
.Toastify__close-button {
color: #909090;
}
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--default {
background-color: #333;
}
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--default
h4,
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--default
p {
color: #fff;
}
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--default
.Toastify__close-button {
color: #fff;
}
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--error {
background-color: #fbeded;
color: #d54c4c;
border: 1px solid #d54c4c;
}
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--error
h4,
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--error
p {
color: #d54c4c;
}
.theme-cbw
.Toastify
.Toastify__toast-container
.Toastify__toast.Toastify__toast--error
.Toastify__close-button {
color: #d54c4c;
}
.is-mobile .theme-cbw #container-top .nav-sidebar a {
color: #333;
}
.is-mobile .theme-cbw #container-top .nav-sidebar li.header a {
color: #5cb885;
}
@media (min-width: 0px) {
.hidden-mobile {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-desktop {
display: none !important;
}
}
@media (min-width: 0px) {
.hidden-xxxs {
display: none !important;
}
}
@media (min-width: 360px) {
.hidden-xxs {
display: none !important;
}
}
@media (min-width: 600px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-s {
display: none !important;
}
}
@media (min-width: 960px) {
.hidden-m {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-l {
display: none !important;
}
}
@media (min-width: 1440px) {
.hidden-xl {
display: none !important;
}
}
@media (min-width: 1660px) {
.hidden-xxl {
display: none !important;
}
}
@media (min-width: 0px) and (max-width: 1199px) {
.hidden-mobile-only {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-desktop-only {
display: none !important;
}
}
@media (min-width: 0px) {
.hidden-xxxs-only {
display: none !important;
}
}
@media (min-width: 360px) {
.hidden-xxs-only {
display: none !important;
}
}
@media (min-width: 600px) {
.hidden-xs-only {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-s-only {
display: none !important;
}
}
@media (min-width: 960px) {
.hidden-m-only {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-l-only {
display: none !important;
}
}
@media (min-width: 1440px) {
.hidden-xl-only {
display: none !important;
}
}
@media (min-width: 1660px) {
.hidden-xxl-only {
display: none !important;
}
}
@media (min-width: 0px) {
.visible-mobile-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-desktop-block {
display: block !important;
}
}
@media (min-width: 0px) {
.visible-xxxs-block {
display: block !important;
}
}
@media (min-width: 360px) {
.visible-xxs-block {
display: block !important;
}
}
@media (min-width: 600px) {
.visible-xs-block {
display: block !important;
}
}
@media (min-width: 768px) {
.visible-s-block {
display: block !important;
}
}
@media (min-width: 960px) {
.visible-m-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-l-block {
display: block !important;
}
}
@media (min-width: 1440px) {
.visible-xl-block {
display: block !important;
}
}
@media (min-width: 1660px) {
.visible-xxl-block {
display: block !important;
}
}
.visible-mobile-block-only {
display: none !important;
}
@media (min-width: 0px) and (max-width: 1199px) {
.visible-mobile-block-only {
display: block !important;
}
}
.visible-desktop-block-only {
display: none !important;
}
@media (min-width: 1200px) {
.visible-desktop-block-only {
display: block !important;
}
}
.visible-xxxs-block-only {
display: none !important;
}
@media (min-width: 0px) and (max-width: 359px) {
.visible-xxxs-block-only {
display: block !important;
}
}
.visible-xxs-block-only {
display: none !important;
}
@media (min-width: 360px) and (max-width: 599px) {
.visible-xxs-block-only {
display: block !important;
}
}
.visible-xs-block-only {
display: none !important;
}
@media (min-width: 600px) and (max-width: 767px) {
.visible-xs-block-only {
display: block !important;
}
}
.visible-s-block-only {
display: none !important;
}
@media (min-width: 768px) and (max-width: 959px) {
.visible-s-block-only {
display: block !important;
}
}
.visible-m-block-only {
display: none !important;
}
@media (min-width: 960px) and (max-width: 1199px) {
.visible-m-block-only {
display: block !important;
}
}
.visible-l-block-only {
display: none !important;
}
@media (min-width: 1200px) and (max-width: 1439px) {
.visible-l-block-only {
display: block !important;
}
}
.visible-xl-block-only {
display: none !important;
}
@media (min-width: 1440px) and (max-width: 1659px) {
.visible-xl-block-only {
display: block !important;
}
}
.visible-xxl-block-only {
display: none !important;
}
@media (min-width: 1660px) {
.visible-xxl-block-only {
display: block !important;
}
}
@media (min-width: 0px) {
.visible-mobile-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-desktop-inline-block {
display: inline-block !important;
}
}
@media (min-width: 0px) {
.visible-xxxs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 360px) {
.visible-xxs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 600px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) {
.visible-s-inline-block {
display: inline-block !important;
}
}
@media (min-width: 960px) {
.visible-m-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-l-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1440px) {
.visible-xl-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1660px) {
.visible-xxl-inline-block {
display: inline-block !important;
}
}
.visible-mobile-inline-block-only {
display: none !important;
}
@media (min-width: 0px) and (max-width: 1199px) {
.visible-mobile-inline-block-only {
display: inline-block !important;
}
}
.visible-desktop-inline-block-only {
display: none !important;
}
@media (min-width: 1200px) {
.visible-desktop-inline-block-only {
display: inline-block !important;
}
}
.visible-xxxs-inline-block-only {
display: none !important;
}
@media (min-width: 0px) and (max-width: 359px) {
.visible-xxxs-inline-block-only {
display: inline-block !important;
}
}
.visible-xxs-inline-block-only {
display: none !important;
}
@media (min-width: 360px) and (max-width: 599px) {
.visible-xxs-inline-block-only {
display: inline-block !important;
}
}
.visible-xs-inline-block-only {
display: none !important;
}
@media (min-width: 600px) and (max-width: 767px) {
.visible-xs-inline-block-only {
display: inline-block !important;
}
}
.visible-s-inline-block-only {
display: none !important;
}
@media (min-width: 768px) and (max-width: 959px) {
.visible-s-inline-block-only {
display: inline-block !important;
}
}
.visible-m-inline-block-only {
display: none !important;
}
@media (min-width: 960px) and (max-width: 1199px) {
.visible-m-inline-block-only {
display: inline-block !important;
}
}
.visible-l-inline-block-only {
display: none !important;
}
@media (min-width: 1200px) and (max-width: 1439px) {
.visible-l-inline-block-only {
display: inline-block !important;
}
}
.visible-xl-inline-block-only {
display: none !important;
}
@media (min-width: 1440px) and (max-width: 1659px) {
.visible-xl-inline-block-only {
display: inline-block !important;
}
}
.visible-xxl-inline-block-only {
display: none !important;
}
@media (min-width: 1660px) {
.visible-xxl-inline-block-only {
display: inline-block !important;
}
}
@media (min-width: 0px) {
.visible-mobile-flex {
display: flex !important;
}
}
@media (min-width: 1200px) {
.visible-desktop-flex {
display: flex !important;
}
}
@media (min-width: 0px) {
.visible-xxxs-flex {
display: flex !important;
}
}
@media (min-width: 360px) {
.visible-xxs-flex {
display: flex !important;
}
}
@media (min-width: 600px) {
.visible-xs-flex {
display: flex !important;
}
}
@media (min-width: 768px) {
.visible-s-flex {
display: flex !important;
}
}
@media (min-width: 960px) {
.visible-m-flex {
display: flex !important;
}
}
@media (min-width: 1200px) {
.visible-l-flex {
display: flex !important;
}
}
@media (min-width: 1440px) {
.visible-xl-flex {
display: flex !important;
}
}
@media (min-width: 1660px) {
.visible-xxl-flex {
display: flex !important;
}
}
.visible-mobile-flex-only {
display: none !important;
}
@media (min-width: 0px) and (max-width: 1199px) {
.visible-mobile-flex-only {
display: flex !important;
}
}
.visible-desktop-flex-only {
display: none !important;
}
@media (min-width: 1200px) {
.visible-desktop-flex-only {
display: flex !important;
}
}
.visible-xxxs-flex-only {
display: none !important;
}
@media (min-width: 0px) and (max-width: 359px) {
.visible-xxxs-flex-only {
display: flex !important;
}
}
.visible-xxs-flex-only {
display: none !important;
}
@media (min-width: 360px) and (max-width: 599px) {
.visible-xxs-flex-only {
display: flex !important;
}
}
.visible-xs-flex-only {
display: none !important;
}
@media (min-width: 600px) and (max-width: 767px) {
.visible-xs-flex-only {
display: flex !important;
}
}
.visible-s-flex-only {
display: none !important;
}
@media (min-width: 768px) and (max-width: 959px) {
.visible-s-flex-only {
display: flex !important;
}
}
.visible-m-flex-only {
display: none !important;
}
@media (min-width: 960px) and (max-width: 1199px) {
.visible-m-flex-only {
display: flex !important;
}
}
.visible-l-flex-only {
display: none !important;
}
@media (min-width: 1200px) and (max-width: 1439px) {
.visible-l-flex-only {
display: flex !important;
}
}
.visible-xl-flex-only {
display: none !important;
}
@media (min-width: 1440px) and (max-width: 1659px) {
.visible-xl-flex-only {
display: flex !important;
}
}
.visible-xxl-flex-only {
display: none !important;
}
@media (min-width: 1660px) {
.visible-xxl-flex-only {
display: flex !important;
}
}
.container-tiles .row-tiles {
display: flex;
flex-flow: row wrap;
}
.container-tiles .row-tiles div[class*="col"],
.container-tiles .row-tiles div[class^="col"] {
position: relative;
margin-bottom: 40px;
}
.container-tiles .row-tiles.center {
display: flex;
justify-content: center;
}
@media (min-width: 0px) {
.container-tiles {
margin-right: auto;
margin-left: auto;
padding-left: 8px;
padding-right: 8px;
max-width: 100%;
}
.container-tiles .row {
margin-left: -8px;
margin-right: -8px;
}
.container-tiles .col-xxxs-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-xxxs-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-xxxs-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-xxxs-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-xxxs-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-xxxs-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-xxxs-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-xxxs-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-xxxs-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-xxxs-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-xxxs-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-xxxs-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles div[class*="col"],
.container-tiles div[class^="col"] {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 360px) {
.container-tiles {
margin-right: auto;
margin-left: auto;
padding-left: 8px;
padding-right: 8px;
max-width: 100%;
}
.container-tiles .row {
margin-left: -8px;
margin-right: -8px;
}
.container-tiles .col-xxs-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-xxs-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-xxs-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-xxs-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-xxs-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-xxs-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-xxs-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-xxs-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-xxs-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-xxs-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-xxs-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-xxs-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles div[class*="col"],
.container-tiles div[class^="col"] {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 600px) {
.container-tiles {
margin-right: auto;
margin-left: auto;
padding-left: 8px;
padding-right: 8px;
max-width: 100%;
}
.container-tiles .row {
margin-left: -8px;
margin-right: -8px;
}
.container-tiles .col-xs-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-xs-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-xs-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-xs-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-xs-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-xs-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-xs-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-xs-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-xs-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-xs-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-xs-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-xs-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles div[class*="col"],
.container-tiles div[class^="col"] {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 768px) {
.container-tiles {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
}
.container-tiles .row {
margin-left: -12px;
margin-right: -12px;
}
.container-tiles .col-s-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-s-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-s-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-s-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-s-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-s-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-s-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-s-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-s-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-s-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-s-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-s-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles .col-sm-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-sm-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-sm-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-sm-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-sm-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-sm-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-sm-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-sm-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-sm-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-sm-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-sm-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-sm-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles div[class*="col"],
.container-tiles div[class^="col"] {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 960px) {
.container-tiles {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
}
.container-tiles .row {
margin-left: -12px;
margin-right: -12px;
}
.container-tiles .col-m-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-m-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-m-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-m-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-m-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-m-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-m-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-m-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-m-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-m-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-m-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-m-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles .col-md-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-md-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-md-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-md-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-md-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-md-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-md-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-md-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-md-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-md-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-md-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-md-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles div[class*="col"],
.container-tiles div[class^="col"] {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 1200px) {
.container-tiles {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 1092px;
}
.container-tiles .row {
margin-left: -12px;
margin-right: -12px;
}
.container-tiles .col-l-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-l-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-l-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-l-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-l-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-l-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-l-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-l-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-l-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-l-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-l-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-l-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles .col-lg-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-lg-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-lg-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-lg-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-lg-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-lg-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-lg-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-lg-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-lg-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-lg-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-lg-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-lg-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles div[class*="col"],
.container-tiles div[class^="col"] {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 1440px) {
.container-tiles {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 1344px;
}
.container-tiles .row {
margin-left: -12px;
margin-right: -12px;
}
.container-tiles .col-xl-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-xl-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-xl-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-xl-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-xl-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-xl-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-xl-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-xl-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-xl-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-xl-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-xl-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-xl-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles div[class*="col"],
.container-tiles div[class^="col"] {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 1660px) {
.container-tiles {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 1632px;
}
.container-tiles .row {
margin-left: -12px;
margin-right: -12px;
}
.container-tiles .col-xxl-12 {
flex: 0 0 auto;
max-width: 100%;
width: 100%;
}
.container-tiles .col-xxl-11 {
flex: 0 0 auto;
max-width: 91.66666667%;
width: 91.66666667%;
}
.container-tiles .col-xxl-10 {
flex: 0 0 auto;
max-width: 83.33333333%;
width: 83.33333333%;
}
.container-tiles .col-xxl-9 {
flex: 0 0 auto;
max-width: 75%;
width: 75%;
}
.container-tiles .col-xxl-8 {
flex: 0 0 auto;
max-width: 66.66666667%;
width: 66.66666667%;
}
.container-tiles .col-xxl-7 {
flex: 0 0 auto;
max-width: 58.33333333%;
width: 58.33333333%;
}
.container-tiles .col-xxl-6 {
flex: 0 0 auto;
max-width: 50%;
width: 50%;
}
.container-tiles .col-xxl-5 {
flex: 0 0 auto;
max-width: 41.66666667%;
width: 41.66666667%;
}
.container-tiles .col-xxl-4 {
flex: 0 0 auto;
max-width: 33.33333333%;
width: 33.33333333%;
}
.container-tiles .col-xxl-3 {
flex: 0 0 auto;
max-width: 25%;
width: 25%;
}
.container-tiles .col-xxl-2 {
flex: 0 0 auto;
max-width: 16.66666667%;
width: 16.66666667%;
}
.container-tiles .col-xxl-1 {
flex: 0 0 auto;
max-width: 8.33333333%;
width: 8.33333333%;
}
.container-tiles div[class*="col"],
.container-tiles div[class^="col"] {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 0px) {
.container-tiles.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 8px;
padding-right: 8px;
max-width: 100%;
}
}
@media (min-width: 360px) {
.container-tiles.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 8px;
padding-right: 8px;
max-width: 100%;
}
}
@media (min-width: 600px) {
.container-tiles.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 8px;
padding-right: 8px;
max-width: 100%;
}
}
@media (min-width: 768px) {
.container-tiles.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
}
}
@media (min-width: 960px) {
.container-tiles.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.container-tiles.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
}
}
@media (min-width: 1440px) {
.container-tiles.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
}
}
@media (min-width: 1660px) {
.container-tiles.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 12px;
padding-right: 12px;
max-width: 100%;
}
}
.container-tiles {
padding-left: 16px;
padding-right: 16px;
}
.container-tiles .row {
margin-left: -8px;
margin-right: -8px;
}
.container-tiles .row > .col,
.container-tiles .row > [class*="col-"] {
padding-right: 8px;
padding-left: 8px;
}
@media (min-width: 768px) {
.container-tiles {
padding-left: 24px;
padding-right: 24px;
}
.container-tiles .row {
margin-left: -12px;
margin-right: -12px;
}
.container-tiles .row > .col,
.container-tiles .row > [class*="col-"] {
padding-right: 12px;
padding-left: 12px;
}
}
#wrapper .particle-snow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
@media (min-width: 992px) {
#wrapper .particle-snow {
display: block;
}
}
#wrapper #unsubscribe .container-flex {
display: flex;
flex-flow: row nowrap;
}
#wrapper #unsubscribe .container-flex .cell {
flex: auto;
}
#wrapper #unsubscribe i {
color: #333;
font-family: "myWorld Font";
font-style: normal;
display: inline-block;
width: 50px;
height: 50px;
margin-right: 12px;
position: relative;
}
#wrapper #unsubscribe i:before {
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
font-size: 48px;
line-height: 1;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
#wrapper #unsubscribe i.icon-customershoppingnews:before {
content: "\0074";
}
#wrapper #unsubscribe i.icon-cffnews:before {
content: "\0034";
}
#wrapper #unsubscribe i.icon-customerrecommendationinfos:before {
content: "\0058";
}
#wrapper #unsubscribe i.icon-customerserviceinfos:before {
content: "\0070";
}
#wrapper #unsubscribe i.icon-customerlyconetnews:before {
content: "\0031";
}
#wrapper #unsubscribe i.icon-smenews:before {
content: "\005C";
}
#wrapper #unsubscribe i.icon-dealerpartnernews:before {
content: "\005C";
}
#wrapper #unsubscribe i.icon-gffnews:before {
content: "\0035";
}
#wrapper #unsubscribe #wrapper-unsubscribe {
background-color: #fff;
padding-top: 20px;
}
#wrapper #unsubscribe #wrapper-unsubscribe .box-content {
padding: 18px;
}
#wrapper #unsubscribe #wrapper-unsubscribe .subscription-header {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #333;
margin-bottom: 5px;
}
#wrapper #unsubscribe #wrapper-unsubscribe .important {
color: #5cb885;
}
#wrapper #unsubscribe #wrapper-unsubscribe .important .header {
font-size: 30px;
margin-bottom: 10px;
position: relative;
padding-left: 46px;
}
#wrapper #unsubscribe #wrapper-unsubscribe .important .header:before {
font-family: "myWorld Font";
content: "\0067";
font-size: 50px;
line-height: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
width: 90px;
height: 90px;
display: inline-block;
padding-top: 43px;
margin-top: 0 !important;
}
#wrapper #unsubscribe #wrapper-unsubscribe .save-container {
margin-top: 40px;
}
#wrapper.xmas-overlay #overlay {
position: fixed;
top: 0;
left: 0;
overflow: hidden;
z-index: 102;
width: 100%;
height: 100%;
}
#wrapper.xmas-overlay #overlay:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
}
#wrapper.xmas-overlay #overlay img {
position: relative;
opacity: 0;
transition: opacity 0.3s ease-in;
max-height: 85%;
}
@media (min-width: 768px) {
#wrapper.xmas-overlay #overlay img {
max-height: 100%;
}
}
#wrapper.xmas-overlay #overlay img:empty {
position: absolute;
top: 65px;
left: 50%;
transform: translateX(-50%);
}
@media (min-width: 992px) {
#wrapper.xmas-overlay #overlay img:empty {
top: 119px;
}
}
#wrapper.xmas-overlay #overlay img.loaded {
padding: 0 12px;
}
#wrapper.xmas-overlay #overlay a {
display: block;
}
@media (min-width: 1430px) {
#wrapper.xmas-overlay #overlay .container {
position: relative;
}
}
#wrapper.xmas-overlay #overlay a.close {
position: absolute;
top: 39px;
right: 2px;
width: 50px;
height: 50px;
z-index: 1;
background: url("../../img/lyoness/xmas2016/x.png") no-repeat;
background-size: contain;
opacity: 0;
transition: opacity 0.3s ease-in;
}
@media (min-width: 992px) {
#wrapper.xmas-overlay #overlay a.close {
top: 88px;
}
}
@media (min-width: 1430px) {
#wrapper.xmas-overlay #overlay a.close {
right: -100px;
}
}
#wrapper .gdpr-pin-box {
margin-top: 20px;
background-color: #fff;
width: 345px;
border: 1px solid #dadde4;
margin-left: auto;
margin-right: auto;
}
#wrapper .gdpr-pin-box .gdpr-pin-box-content {
padding: 35px;
}
#wrapper .gdpr-pin-box .btn-gdpr-pin {
width: 100%;
padding: 0;
margin-top: 20px;
}
#wrapper .gdpr-pin-box .btn-gdpr-pin input {
width: 100% !important;
}
#wrapper #joyofgiving p {
line-height: 1.6em;
}
#wrapper #joyofgiving h2 {
line-height: 1.2em;
}
#wrapper #joyofgiving .joyofgiving-banner {
min-height: 27vw;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-bottom: 3px solid #5cb885;
}
#wrapper #joyofgiving .joyofgiving-banner h2 {
margin-top: 1vw;
}
@media (max-width: 768px) {
#wrapper #joyofgiving .joyofgiving-banner h2 {
font-size: 31px;
}
}
#wrapper #joyofgiving .box-content {
padding: 18px;
}
#wrapper #joyofgiving .col-centered {
margin-left: -2px;
margin-right: -2px;
text-align: center;
}
#wrapper #joyofgiving .link-boxes a {
display: inline-block;
text-decoration: none;
}
#wrapper #joyofgiving .link-boxes a:hover h4 {
color: #6fcb98;
}
#wrapper #joyofgiving .cat-header {
position: relative;
}
#wrapper #joyofgiving .cat-header h3 {
font-size: 21px;
margin-top: 8px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
#wrapper #joyofgiving .cat-header h3 {
font-size: 30px;
margin-top: 12px;
}
}
@media (min-width: 768px) {
#wrapper #joyofgiving .cat-header h3 {
font-size: 40px;
margin-top: 16px;
}
}
#wrapper .tabs {
margin-top: 3%;
}
#wrapper .tabs h5 {
margin-bottom: 8px;
}
#wrapper .tabs ul > li a {
padding-top: 3px;
padding-bottom: 3px;
}
.sk-circle {
margin: 30px auto;
width: 40px;
height: 40px;
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child:before {
content: "";
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #5cb885;
border-radius: 100%;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
animation-delay: -0.9s;
}
.sk-circle .sk-circle5:before {
animation-delay: -0.8s;
}
.sk-circle .sk-circle6:before {
animation-delay: -0.7s;
}
.sk-circle .sk-circle7:before {
animation-delay: -0.6s;
}
.sk-circle .sk-circle8:before {
animation-delay: -0.5s;
}
.sk-circle .sk-circle9:before {
animation-delay: -0.4s;
}
.sk-circle .sk-circle10:before {
animation-delay: -0.3s;
}
.sk-circle .sk-circle11:before {
animation-delay: -0.2s;
}
.sk-circle .sk-circle12:before {
animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
0%,
100%,
80% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.dropzone-info-text {
color: #aab3c0;
}
.dropzone {
border: 2px dashed #aab3c0 !important;
min-height: 120px !important;
}
.dropzone-bottom-text-dark {
color: #5e6d81;
}
#easterGame2017 {
background: url("../../img/lyoness/campaign-special/easter2018/2017-easter-game-bg.jpg")
no-repeat;
background-size: cover;
position: relative;
}
#easterGame2017:before {
content: "";
position: absolute;
width: 100%;
height: 126px;
background: url("../../img/lyoness/campaign-special/easter2018/2017-easter-search-grass.png")
no-repeat;
bottom: 0;
left: 0;
background-size: contain;
background-position: bottom center;
}
#easterGame2017 h2 {
color: #fff;
text-align: center;
line-height: 1em;
margin-top: 12px;
}
@media (min-width: 768px) {
#easterGame2017 h2 {
font-size: 6vw;
line-height: 1em;
}
}
#easterGame2017 .container {
padding-top: 21px;
padding-bottom: 21px;
}
@media (min-width: 768px) {
#easterGame2017 .container {
padding-top: 5%;
padding-bottom: 6%;
}
}
#easterGame2017 #eggs {
height: 100px;
}
@media (min-width: 768px) {
#easterGame2017 #eggs {
height: 194px;
}
}
#easterGame2017 .box-content {
background-color: transparent;
}
#easterGame2017 .navigation {
width: 300px;
height: 80px;
overflow: hidden;
margin: auto;
margin-bottom: 12px;
padding-left: 18px;
padding-right: 18px;
}
@media (min-width: 768px) {
#easterGame2017 .navigation {
width: 340px;
}
}
@media (min-width: 768px) {
#easterGame2017 .navigation {
margin-bottom: 8%;
}
}
#easterGame2017 .dragger-area {
position: relative;
width: 100%;
height: 80px;
}
#easterGame2017 .dragger-area:before {
content: "\007E";
font-family: "myWorld Font";
position: absolute;
font-size: 30px;
line-height: 0;
left: 50%;
top: 40px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #fff;
opacity: 0;
animation: swiperight 2s infinite ease-in-out;
}
@keyframes swiperight {
0% {
transform: translateX(-20px);
opacity: 0;
}
10% {
transform: translateX(-20px);
opacity: 0.3;
}
90% {
transform: translateX(20px);
opacity: 0.6;
}
100% {
transform: translateX(20px);
opacity: 0;
}
}
#easterGame2017 .dragger-ct {
height: 38px;
width: 38px;
border: 1px solid #fff;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -19px;
}
#easterGame2017 .dragger-start {
left: 0;
animation: pulsate1 1.5s cubic-bezier(0, 0.6, 0.5, 1);
animation-iteration-count: infinite;
opacity: 0.7;
}
@keyframes pulsate1 {
0% {
transform: scale(0.1, 0.1);
opacity: 0.1;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.5, 1.5);
opacity: 0.3;
}
}
#easterGame2017 .dragger-end {
right: 0;
animation: pulsate2 1.7s cubic-bezier(0, 0.6, 0.5, 1);
animation-iteration-count: infinite;
opacity: 0.7;
}
@keyframes pulsate2 {
0% {
transform: scale(1.2, 1.2);
opacity: 0.5;
}
50% {
transform: scale(1, 1);
opacity: 1;
}
100% {
transform: scale(1.2, 1.2);
opacity: 0.5;
}
}
#easterGame2017 .dragger-sphere {
cursor: pointer;
height: 38px;
width: 38px;
background-color: #fff;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
border-radius: 50%;
transition-property: left;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0, 0.6, 0.5, 1);
}
#easterGame2017 .dragger-sphere.follow {
transition-property: none;
}
#easterGame2017 .dragger-sphere:before {
content: "\007E";
color: #85baa6;
position: absolute;
height: 100%;
display: block;
line-height: 37px;
width: 100%;
top: 0;
left: 1px;
font-family: "myWorld Font";
font-size: 23px;
text-align: center;
}
#easterGame2017 .egg {
display: inline-block;
transform: translate3d(0, 0, 0);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.85, -0.25, 0.65, 1.5);
}
#easterGame2017 .egg:before {
content: "";
display: none;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 50%;
}
#easterGame2017 .egg.broken::before {
display: block;
}
#easterGame2017 .egg.follow {
transition-property: none;
}
#easterGame2017 .egg img {
max-width: 20vw;
}
#easterGame2017 .egg-left {
float: left;
}
#easterGame2017 .egg-left:before {
background-image: url("../../img/lyoness/campaign-special/easter2018/2017-easter-game-crack-left.png");
background-position: top 30% right 0;
}
#easterGame2017 .egg-right {
float: right;
}
#easterGame2017 .egg-right:before {
background-image: url("../../img/lyoness/campaign-special/easter2018/2017-easter-game-crack-right.png");
background-position: 0 30%;
}
#easterGame2017 p {
color: #fff;
}
@media (min-width: 768px) {
#easterGame2017 p {
font-size: 15px;
}
}
#easterGame2017 .custom-checkbox {
position: relative;
display: inline-block;
cursor: pointer;
}
#easterGame2017 .custom-checkbox label {
padding-left: 30px;
color: #fff;
cursor: pointer;
float: left;
display: inline-block;
}
#easterGame2017 .custom-checkbox input {
position: absolute;
outline: 0;
left: 0;
top: 0;
padding: 0;
width: 18px !important;
height: 18px !important;
border: none;
margin: 0;
opacity: 0;
z-index: 1;
cursor: pointer;
}
#easterGame2017 .custom-checkbox .box {
position: relative;
display: block;
width: 18px;
height: 18px;
border: 2px solid #333;
background-color: #fff;
border-radius: 2px;
}
#easterGame2017 .custom-checkbox .box .tick {
position: absolute;
left: 2px;
top: 3px;
width: 10px;
height: 6px;
border-bottom: 3px solid #5cb885;
border-left: 3px solid #5cb885;
transform: rotate(-45deg);
display: none;
border-radius: 2px;
}
#easterGame2017 .custom-checkbox.active .tick {
display: block;
}
#easterGame2017 {
background: url("../../img/lyoness/campaign-special/Easter2018/game-bg.jpg")
no-repeat;
background-size: cover;
position: relative;
}
#easterGame2017:before {
content: "";
position: absolute;
width: 100%;
height: 126px;
background: url("../../img/lyoness/campaign-special/Easter2018/game-grass.png");
background-repeat: repeat-x;
bottom: 0;
left: 0;
background-size: contain;
background-position: bottom center;
}
#easterGame2017 h2 {
color: #fff;
text-align: center;
line-height: 1em;
margin-top: 12px;
}
@media (min-width: 768px) {
#easterGame2017 h2 {
font-size: 6vw;
line-height: 1em;
}
}
@media (min-width: 1200px) {
#easterGame2017 h2 {
font-size: 5vw;
}
}
#easterGame2017 a:not(.btn) {
text-decoration: underline;
color: #fff;
}
#easterGame2017 a:not(.btn):hover {
color: #d9d9d9;
}
#easterGame2017 .container {
padding-top: 21px;
padding-bottom: 21px;
}
@media (min-width: 768px) {
#easterGame2017 .container {
padding-top: 5%;
padding-bottom: 6%;
}
}
#easterGame2017 #eggs {
height: 100px;
}
@media (min-width: 768px) {
#easterGame2017 #eggs {
height: 194px;
}
}
#easterGame2017 .box-content {
background-color: transparent;
}
#easterGame2017 .navigation {
width: 300px;
height: 80px;
overflow: hidden;
margin: auto;
margin-bottom: 12px;
padding-left: 18px;
padding-right: 18px;
}
@media (min-width: 768px) {
#easterGame2017 .navigation {
width: 340px;
}
}
@media (min-width: 768px) {
#easterGame2017 .navigation {
margin-bottom: 8%;
}
}
#easterGame2017 .dragger-area {
position: relative;
width: 100%;
height: 80px;
}
#easterGame2017 .dragger-area:before {
content: "\007E";
font-family: "myWorld Font";
position: absolute;
font-size: 30px;
line-height: 0;
left: 50%;
top: 40px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #fff;
opacity: 0;
animation: swiperight 2s infinite ease-in-out;
}
@keyframes swiperight {
0% {
transform: translateX(-20px);
opacity: 0;
}
10% {
transform: translateX(-20px);
opacity: 0.3;
}
90% {
transform: translateX(20px);
opacity: 0.6;
}
100% {
transform: translateX(20px);
opacity: 0;
}
}
#easterGame2017 .dragger-ct {
height: 38px;
width: 38px;
border: 1px solid #fff;
border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -19px;
}
#easterGame2017 .dragger-start {
left: 0;
animation: pulsate1 1.5s cubic-bezier(0, 0.6, 0.5, 1);
animation-iteration-count: infinite;
opacity: 0.7;
}
@keyframes pulsate1 {
0% {
transform: scale(0.1, 0.1);
opacity: 0.1;
}
50% {
opacity: 1;
}
100% {
transform: scale(1.5, 1.5);
opacity: 0.3;
}
}
#easterGame2017 .dragger-end {
right: 0;
animation: pulsate2 1.7s cubic-bezier(0, 0.6, 0.5, 1);
animation-iteration-count: infinite;
opacity: 0.7;
}
@keyframes pulsate2 {
0% {
transform: scale(1.2, 1.2);
opacity: 0.5;
}
50% {
transform: scale(1, 1);
opacity: 1;
}
100% {
transform: scale(1.2, 1.2);
opacity: 0.5;
}
}
#easterGame2017 .dragger-sphere {
cursor: pointer;
height: 38px;
width: 38px;
background-color: #fff;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
border-radius: 50%;
transition-property: left;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0, 0.6, 0.5, 1);
}
#easterGame2017 .dragger-sphere.follow {
transition-property: none;
}
#easterGame2017 .dragger-sphere:before {
content: "\007E";
color: #85baa6;
position: absolute;
height: 100%;
display: block;
line-height: 37px;
width: 100%;
top: 0;
left: 1px;
font-family: "myWorld Font";
font-size: 23px;
text-align: center;
}
#easterGame2017 .egg {
display: inline-block;
transform: translate3d(0, 0, 0);
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.85, -0.25, 0.65, 1.5);
}
#easterGame2017 .egg:before {
content: "";
display: none;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 50%;
}
#easterGame2017 .egg.broken::before {
display: block;
}
#easterGame2017 .egg.follow {
transition-property: none;
}
#easterGame2017 .egg img {
max-width: 20vw;
}
#easterGame2017 .egg-left {
float: left;
}
#easterGame2017 .egg-left:before {
background-image: url("../../img/lyoness/campaign-special/Easter2018/game-crack-left.png");
background-position: top 50% right 0;
}
#easterGame2017 .egg-right {
float: right;
}
#easterGame2017 .egg-right:before {
background-image: url("../../img/lyoness/campaign-special/Easter2018/game-crack-right.png");
background-position: 0 50%;
}
#easterGame2017 p {
color: #fff;
}
@media (min-width: 768px) {
#easterGame2017 p {
font-size: 15px;
}
}
#easterGame2017 .custom-checkbox {
position: relative;
display: inline-block;
cursor: pointer;
}
#easterGame2017 .custom-checkbox label {
padding-left: 30px;
color: #fff;
cursor: pointer;
float: left;
display: inline-block;
}
#easterGame2017 .custom-checkbox input {
position: absolute;
outline: 0;
left: 0;
top: 0;
padding: 0;
width: 18px !important;
height: 18px !important;
border: none;
margin: 0;
opacity: 0;
z-index: 1;
cursor: pointer;
}
#easterGame2017 .custom-checkbox .box {
position: relative;
display: block;
width: 18px;
height: 18px;
border: 2px solid #333;
background-color: #fff;
border-radius: 2px;
}
#easterGame2017 .custom-checkbox .box .tick {
position: absolute;
left: 2px;
top: 3px;
width: 10px;
height: 6px;
border-bottom: 3px solid #5cb885;
border-left: 3px solid #5cb885;
transform: rotate(-45deg);
display: none;
border-radius: 2px;
}
#easterGame2017 .custom-checkbox.active .tick {
display: block;
}
.row-colorize {
background-color: #333;
color: #fff;
}
.row-white {
background-color: #fff;
}
.deal-category .category-container {
display: flex;
flex-flow: row wrap;
margin-bottom: 21px;
}
.deal-category .category-container .category {
position: relative;
width: 50%;
height: 284.98575071px;
flex: 0 1 auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.deal-category .category-container .category:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: all 0.5s ease-out 0.1s;
background-color: #000;
opacity: 0.6;
}
.deal-category .category-container .category:hover:after {
opacity: 0.7;
}
@media (min-width: 768px) {
.deal-category .category-container .category {
height: 308.09145452px;
width: 25%;
}
}
@media (min-width: 1200px) {
.deal-category .category-container .category {
height: 380px;
width: 25%;
}
}
.deal-category .category-container .category .content {
display: flex;
flex-flow: column wrap;
justify-content: center;
text-align: center;
height: 100%;
}
.deal-category .category-container .category .content:hover {
text-decoration: none;
}
.deal-category .category-container .category .content:hover .txt {
color: #6fcb98;
}
.deal-category .category-container .category .cat-img {
position: relative;
z-index: 1;
}
.deal-category .category-container .category .txt {
position: relative;
z-index: 1;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 18px;
color: #fff;
padding-top: 12px;
transition: all 0.5s ease-out 0.1s;
}
.deal-category .cat {
border-bottom-width: 3px;
border-bottom-style: solid;
position: relative;
}
.deal-category .cat.cat-anchor:before {
content: "";
display: block;
position: relative;
width: 0;
height: 15px;
margin-top: -15px;
}
@media (min-width: 992px) {
.deal-category .cat.cat-anchor:before {
height: 80px;
margin-top: -70px;
}
}
.deal-category .cat h4 {
font-size: 18px;
margin-top: 58px;
}
.deal-category .cat img {
position: absolute;
bottom: 2px;
right: 0;
max-height: 65px;
}
@media (min-width: 768px) {
.deal-category .cat img {
max-height: inherit;
right: inherit;
left: 50%;
transform: translateX(-50%);
}
}
.deal-category #cat-1 {
border-bottom-color: #f3a7b6;
position: relative;
}
.deal-category #cat-1 h4 {
color: #f3a7b6;
}
.deal-category #cat-2 {
border-bottom-color: #333;
position: relative;
}
.deal-category #cat-2 h4 {
color: #333;
}
.deal-category #cat-3 {
border-bottom-color: #5cb885;
position: relative;
}
.deal-category #cat-3 h4 {
color: #5cb885;
}
.deal-category #cat-4 {
border-bottom-color: #797978;
position: relative;
}
.deal-category #cat-4 h4 {
color: #797978;
}
.deal-category .box-content {
padding: 21px;
}
.link-copy-txt {
color: #5cb885 !important;
text-decoration: underline !important;
}
.link-copy-txt:active,
.link-copy-txt:focus,
.link-copy-txt:hover {
color: #6fcb98 !important;
}
.link-copy-txt-dark {
color: #5cb885 !important;
text-decoration: underline !important;
}
.link-copy-txt-dark:active,
.link-copy-txt-dark:focus,
.link-copy-txt-dark:hover {
color: #6fcb98 !important;
}
b,
strong {
font-weight: 400 !important;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif !important;
}
.cms-font-9 {
font-size: 9px !important;
}
.cms-font-15 {
font-size: 15px !important;
}
.cms-font-18 {
font-size: 18px !important;
}
.cms-font-21 {
font-size: 21px !important;
}
.cms-font-26 {
font-size: 26px !important;
}
.cms-font-32 {
font-size: 32px !important;
}
@media (min-width: 992px) {
.cms-img-v-bottom {
position: absolute;
}
.cms-img-v-bottom:empty {
bottom: 0;
left: 50%;
transform: translate(-50%);
}
}
@media (min-width: 992px) {
.cms-img-hv-center {
position: absolute;
}
.cms-img-hv-center:empty {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
@media (min-width: 992px) {
.cms-iframe-hv-center {
position: absolute;
width: 94%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.cms-lineheight-1 {
line-height: 1em;
}
.cms-lineheight-12 {
line-height: 1.2em;
}
.cms-lineheight-15 {
line-height: 1.5em;
}
.cms-lineheight-160 {
line-height: 1.6em;
}
.cms-full-width {
background-position: left top;
background-repeat: no-repeat;
width: 100%;
}
.cms-full-width.cms-bg-cover {
background-size: cover;
background-position: center;
}
@media (max-width: 768px) {
.cms-full-width.cms-bg-cover :not(#cashback-helper .cms-gb-cover) {
background-image: none !important;
}
}
.cms-full-width.cms-banner h2 {
margin: 0 !important;
line-height: 1.2em !important;
}
@media (min-width: 768px) {
.cms-full-width.cms-banner .container {
display: flex;
justify-content: center;
flex-flow: column nowrap;
}
.cms-full-width.cms-banner h2 {
width: 50%;
}
}
@media (min-width: 992px) {
.cms-full-width.cms-banner .container {
height: 330px;
}
.cms-full-width.cms-banner h2 {
width: 50%;
}
}
@media (min-width: 1200px) {
.cms-full-width.cms-banner .container {
height: 26vw;
max-height: 530px;
}
.cms-full-width.cms-banner h2 {
width: 50%;
}
}
.cms-full-width.cms-msg-center {
line-height: 1.6em;
text-align: center;
}
.cms-full-width.cms-msg-center.cms-bg-cover {
background-position: center;
}
.cms-full-width.cms-msg-center .cms-item-content {
padding-top: 18%;
padding-bottom: 18%;
}
.cms-full-width .container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.cms-full-width .container .cms-item {
padding-top: 1.5%;
padding-bottom: 1.5%;
background-position: left top -5%;
background-repeat: no-repeat;
}
.cms-full-width.cms-bg-bright {
background-color: #fff;
}
.cms-icon {
width: 160px;
height: 160px;
background-color: #5cb885;
margin: 0 auto;
border-radius: 50%;
position: relative;
color: #fff;
}
.cms-icon:before {
font-family: "myWorld Font";
font-size: 125px;
line-height: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
width: 90px;
height: 90px;
display: inline-block;
padding-top: 36px;
margin-left: -12px;
margin-top: 0 !important;
}
.cms-icon.cms-icon-cbcard:before {
content: "\0042";
margin-left: -4px;
}
.cms-icon.cms-icon-online-shopping:before {
content: "\0044";
margin-left: 2px;
}
.cms-icon.cms-icon-sp:before {
content: "\0046";
font-size: 133px;
padding-top: 37px;
margin-left: -3px;
}
.cms-icon.cms-icon-cb:before {
content: "\0045";
}
.cms-icon.cms-icon-cbcard:before {
content: "\0042";
}
.cms-icon.cms-icon-scan-and-go {
display: flex;
align-items: center;
justify-content: center;
}
.cms-icon.cms-icon-scan-and-go .mwif-scan {
font-size: 93px;
left: 11px;
}
.cms-icon.cms-icon-friendship:before {
content: "\0073";
font-size: 107px;
padding-top: 42px;
}
.cms-icon.cms-icon-online:before {
content: "\0060";
}
.cms-icon.cms-icon-evoucher:before {
content: "\00ED";
margin-left: 0;
}
.cms-icon.cms-icon-recommender:before {
content: "\0071";
margin-left: -3px;
font-size: 117px;
}
h3.cms-icon-right {
margin-top: 26px;
z-index: -1;
}
h3.cms-icon-right span {
position: relative;
padding-right: 115px;
}
h3.cms-icon-right span:before {
font-family: "myWorld Font";
position: absolute;
font-size: 62px;
line-height: 0;
right: 0;
top: -2px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
h3.cms-icon-right .cms-icon-cbcard {
padding-right: 74px;
}
h3.cms-icon-right .cms-icon-cbcard:before {
content: "\0042";
font-size: 74px;
}
h3.cms-icon-right .cms-icon-shopping-cart {
padding-right: 62px;
}
h3.cms-icon-right .cms-icon-shopping-cart:before {
content: "\0044";
right: 14px;
}
h3.cms-icon-right .cms-icon-voucher {
padding-right: 62px;
}
h3.cms-icon-right .cms-icon-voucher:before {
content: "\043";
right: 0;
}
h3.cms-icon-left {
padding-left: 74px;
position: relative;
}
h3.cms-icon-left:before {
font-family: "myWorld Font";
left: 0;
line-height: 0;
position: absolute;
top: 50%;
z-index: -1;
}
h3.cms-icon-left.cms-icon-sp:before {
content: "\0046";
margin-top: -9px;
font-size: 80px;
}
h3.cms-icon-left.cms-icon-cashback:before {
content: "\0045";
margin-top: -23px;
font-size: 80px;
}
.cms-bg-bottom-right {
background-position: right bottom !important;
}
@media (max-width: 768px) {
.cms-bg-bottom-right {
background-image: none !important;
}
}
.cms-font-bright {
color: #fff;
}
.cms-font-bright h1,
.cms-font-bright h2,
.cms-font-bright h3,
.cms-font-bright h4,
.cms-font-bright h5,
.cms-font-bright h6 {
color: #fff;
}
.cms-img-bottom {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.cms-img-bottom > .cms-item-content {
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.cms-img-bottom > .cms-item-content > img {
padding-top: 0;
margin: 0 auto;
}
@media (min-width: 992px) {
.cms-img-bottom > .cms-item-content > img {
padding-top: 15px;
}
}
.cms-item ol {
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 8px;
}
.cms-item ol li {
counter-increment: step-counter;
position: relative;
padding-left: 26px;
margin-top: 8px;
}
.cms-item ol li:before {
content: counter(step-counter) ".";
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5cb885;
position: absolute;
left: 0;
top: 0;
}
.cms-item-content {
display: block;
background-color: transparent;
padding: 18px;
height: 100%;
position: relative;
}
.cms-item-content h2 {
font-size: 48px;
line-height: 1.2em;
}
.cms-item-content a {
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.cms-item-content a:hover {
text-decoration: underline;
}
.cms-item-content a.link-blue {
color: #1375d7;
}
.cms-item-content a.link-orange {
color: #fc0;
}
.cms-item-content a.link-pink {
color: #e84270;
}
.cms-item-content ul.cms-li-check {
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 8px;
}
.cms-item-content ul.cms-li-check li {
position: relative;
padding-left: 26px;
margin-top: 8px;
}
.cms-item-content ul.cms-li-check li:before {
font-family: "myWorld Font";
content: "\0064";
color: #5cb885;
font-size: 26px;
line-height: 0;
position: absolute;
left: 0;
top: 13px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.cms-padding-t-5p {
padding-top: 5%;
}
.cms-padding-tb-5p {
padding-top: 5%;
padding-bottom: 5%;
}
.cms-padding-tp-3p {
padding-top: 3%;
padding-bottom: 3%;
}
.cms-padding-tp-10p {
padding-top: 10%;
padding-bottom: 10%;
}
.cms-intro {
font-size: 18px;
}
.cms-header-img-right {
display: table-row;
}
.cms-header-img-right > span {
display: table-cell;
vertical-align: bottom;
padding-bottom: 8%;
}
.cms-header-img-right > img {
display: table-cell;
padding-left: 10px;
padding-bottom: 15px;
}
.cms-header-img-left {
display: table-row;
}
.cms-header-img-left > span {
display: table-cell;
vertical-align: bottom;
padding-bottom: 8%;
}
.cms-header-img-left > img {
display: table-cell;
padding-right: 10px;
padding-bottom: 15px;
}
.cms-deposit h2 {
line-height: 1em;
}
.cms-deposit h3 {
line-height: 1em;
}
.cms-deposit p {
line-height: 1.8em;
}
.cms-deposit .border {
padding: 18px;
border: 3px solid #f3a7b6;
}
.cms-deposit .border h3 {
position: relative;
padding-left: 45px;
}
.cms-deposit .border h3:before {
font-family: "myWorld Font";
content: "\0067";
font-size: 50px;
line-height: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
width: 90px;
height: 90px;
display: inline-block;
padding-top: 43px;
margin-top: 0 !important;
}
.cms-deposit .cms-icon-mail {
position: relative;
padding-left: 53px;
}
.cms-deposit .cms-icon-mail:before {
font-family: "myWorld Font";
content: "\076";
font-size: 53px;
line-height: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
width: 90px;
height: 90px;
display: inline-block;
padding-top: 43px;
margin-top: 0 !important;
color: #5cb885;
}
.cms-deposit .cms-icon-email {
position: relative;
padding-left: 60px;
}
.cms-deposit .cms-icon-email:before {
font-family: "myWorld Font";
content: "\00B9";
font-size: 53px;
line-height: 0;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
width: 90px;
height: 90px;
display: inline-block;
padding-top: 43px;
margin-top: 0 !important;
color: #5cb885;
}
.cms-deposit .cms-icon-payment {
position: relative;
padding-right: 70px;
display: inline-block;
}
.cms-deposit .cms-icon-payment:before {
font-family: "myWorld Font";
content: "\0045";
font-size: 62px;
line-height: 0;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
height: 90px;
display: inline-block;
padding-top: 40px;
margin-top: 0 !important;
color: #333;
}
.cms-deposit .cms-color-bulletsul {
list-style: none;
}
.cms-deposit .cms-color-bullets li {
padding-left: 22px;
}
.cms-deposit .cms-color-bullets li:before {
position: absolute;
top: 10px;
left: 0;
font-size: 40px;
content: "•";
line-height: 0;
color: #5cb885;
}
.cms-hint-wrapper .header {
font-size: 110px;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
text-transform: uppercase;
line-height: 1em;
}
.cms-hint-wrapper > p {
font-size: 26px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.cms-item-img-right {
display: table-row;
}
.cms-item-img-right > .txt,
.cms-item-img-right > img {
display: table-cell;
vertical-align: top;
padding-left: 5px;
}
.cms-item-center-caps-bold {
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
text-align: center;
font-size: 26px;
text-transform: uppercase;
}
.cms-qa-box {
background-color: #42ade2;
color: #fff;
position: relative;
vertical-align: top;
}
.cms-qa-box h3 {
color: #fff;
}
.cms-qa-box .bg {
width: 70px;
height: 75px;
position: absolute;
}
.cms-qa-box .bg:before {
content: "\0069";
font-family: "myWorld Font";
position: absolute;
font-size: 100px;
line-height: 0;
left: 0;
top: 28px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.cms-qa-box .txt-wrapper {
padding-left: 85px;
}
.cms-q-box {
background-color: #42ade2;
}
.cms-q-box .txt-wrapper {
display: inline-block;
}
@media (min-width: 768px) {
.cms-q-box .txt-wrapper {
display: table;
}
}
.cms-q-box h2,
.cms-q-box h3 {
color: #fff;
display: table-cell;
vertical-align: middle;
padding-left: 10px;
}
.cms-green-hint-item {
background-color: #76b72a;
color: #fff;
font-size: 18px;
text-align: center;
}
.cms-green-hint-item h3 {
color: #fff;
}
h1.cms-header-bright,
h2.cms-header-bright,
h3.cms-header-bright,
h4.cms-header-bright,
h5.cms-header-bright,
h6.cms-header-bright {
color: #fff;
}
ul.cms-dashlist-2 {
list-style: none;
padding: 0;
margin: 0;
}
ul.cms-dashlist-2 li {
padding-bottom: 5px;
}
ul.cms-dashlist-2 li:before {
content: "- ";
}
ul.cms-dashlist {
list-style: none;
padding: 0;
margin: 0;
}
ul.cms-dashlist li {
font-size: 18px;
padding-bottom: 5px;
}
ul.cms-dashlist li:before {
content: "- ";
color: #e84270;
}
ul.cms-checklist {
list-style: none;
padding: 0;
margin: 0;
font-size: 18px;
}
ul.cms-checklist li {
position: relative;
padding-left: 35px;
padding-bottom: 10px;
}
ul.cms-checklist li:before {
background: url("../../img/root/content-pages/li-check.png") no-repeat;
position: absolute;
left: 0;
top: 5px;
width: 25px;
height: 21px;
display: inline-block;
content: "";
}
ul.cms-checklist.cms-checklist-white {
font-size: 13px;
}
ul.cms-checklist.cms-checklist-white li {
padding-bottom: 15px;
}
ul.cms-checklist.cms-checklist-white li:before {
top: 2px;
background: url("../../img/root/content-pages/li-check-2.png") no-repeat;
width: 20px;
height: 16px;
}
ol.cms-olist {
padding: 0;
margin: 0;
font-size: 18px;
}
ol.cms-olist li {
padding-bottom: 10px;
padding-left: 5px;
margin-left: 20px;
}
@media (min-width: 768px) {
ol.cms-olist li {
margin-left: 21px;
}
}
@media (min-width: 992px) {
ol.cms-olist li {
margin-left: 14px;
}
}
@media (min-width: 1200px) {
ol.cms-olist li {
margin-left: 18px;
}
}
.cms-hr {
border-top: 3px solid #e5e5e5;
width: 100%;
height: 3px;
float: left;
position: relative;
z-index: 1;
}
.cms-hr-thin {
border-top: 1px solid #a7a7a7;
width: 100%;
height: 1px;
float: left;
position: relative;
z-index: 1;
}
.cms-sub-header {
font-size: 18px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.cms-btn-lyobrowser {
position: relative;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.cms-btn-lyobrowser {
bottom: 11%;
position: absolute !important;
}
}
@media (min-width: 992px) {
.cms-btn-lyobrowser {
bottom: 15%;
}
}
@media (min-width: 1200px) {
.cms-btn-lyobrowser {
bottom: 16%;
}
}
.cms-icon-wincolor,
.cms-icon-windark {
background: url("../../img/root/content-pages/win-color.jpg") no-repeat;
width: 57px;
height: 62px;
position: relative;
display: block;
margin-top: 10px;
}
@media (min-width: 768px) {
.cms-icon-wincolor,
.cms-icon-windark {
left: 21px;
position: absolute;
margin-top: 0;
bottom: 11px;
}
}
@media (min-width: 992px) {
.cms-icon-wincolor,
.cms-icon-windark {
left: 14px;
}
}
@media (min-width: 1200px) {
.cms-icon-wincolor,
.cms-icon-windark {
left: 18px;
}
}
.cms-icon-wincolor {
background: url("../../img/root/content-pages/win-color.jpg") no-repeat;
}
.cms-icon-windark {
background: url("../../img/root/content-pages/win-dark.jpg") no-repeat;
}
ul.cms-browser-support {
list-style: none;
padding: 0;
margin: 0;
position: relative;
height: 50px;
}
ul.cms-browser-support > li {
width: 50px;
height: 50px;
float: left;
margin-left: 10px;
background-size: cover !important;
}
ul.cms-browser-support > li:first-child {
margin-left: 0;
}
ul.cms-browser-support > li.chrome.active {
background: url("../../img/root/content-pages/icon-chrome.png") no-repeat;
}
ul.cms-browser-support > li.chrome {
background: url("../../img/root/content-pages/icon-chrome-d.png") no-repeat;
}
ul.cms-browser-support > li.ff.active {
background: url("../../img/root/content-pages/icon-firefox.png") no-repeat;
}
ul.cms-browser-support > li.ff {
background: url("../../img/root/content-pages/icon-firefox-d.png") no-repeat;
}
ul.cms-browser-support > li.safari.active {
background: url("../../img/root/content-pages/icon-safari.png") no-repeat;
}
ul.cms-browser-support > li.safari {
background: url("../../img/root/content-pages/icon-safari-d.png") no-repeat;
}
ul.cms-browser-support > li.ie.active {
background: url("../../img/root/content-pages/icon-ie.png") no-repeat;
}
ul.cms-browser-support > li.ie {
background: url("../../img/root/content-pages/icon-ie-d.png") no-repeat;
}
.cms-row-step-box {
margin: 0 -23px;
}
.cms-row-step-box .cms-step-box {
margin: 0 18px;
height: 100%;
background-color: #fff;
}
.cms-row-step-box .cms-step-box .header {
background-color: #42ade2;
color: #fff;
font-size: 18px;
padding: 5px 10px;
position: relative;
}
.cms-row-step-box .cms-step-box .header:after {
content: "";
height: 3px;
width: 100%;
z-index: 1;
position: absolute;
background-color: #fff;
left: 0;
bottom: -3px;
}
.cms-row-step-box .cms-step-box .content {
padding: 10px 10px;
margin-top: 3px;
background-color: #fff;
}
.cms-row-step-box .cms-step-box .content .subheader {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #333;
}
.cms-row-step-box .cms-step-box .content p {
padding-top: 5px;
}
.cms-row-step-box .cms-step-box.cms-tip {
background-color: #42ade2;
overflow: hidden;
}
.cms-row-step-box .cms-step-box.cms-tip .header {
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 26px;
padding: 3.5px 10px;
margin-top: 3px;
}
.cms-row-step-box .cms-step-box.cms-tip .header:after {
width: 0;
height: 0;
}
.cms-row-step-box .cms-step-box.cms-tip .content {
padding-top: 0;
color: #fff;
background-color: #42ade2;
}
.cms-row-step-box .cms-step-box.cms-tip .content .subheader {
color: #fff;
}
a.cms-link-video {
position: relative;
display: inline-block;
max-width: 100%;
z-index: 1;
}
a.cms-link-video:before {
background: url("../../img/loyaltyprogram/features/video-play.png") no-repeat;
content: " ";
position: absolute;
top: 50%;
margin-top: -48px;
left: 50%;
margin-left: -48px;
width: 96px;
height: 96px;
z-index: 1;
}
a.cms-link-video:hover:before {
background: url("../../img/loyaltyprogram/features/video-play-green.png")
no-repeat;
}
a.cms-link-video img {
position: relative;
z-index: -1;
display: inline-block;
}
.cms-feature-videos {
position: relative;
}
.cms-feature-videos .wrapper {
position: relative;
background-color: #42ade2;
}
@media (min-width: 768px) {
.cms-feature-videos .wrapper {
float: left;
}
}
.cms-feature-videos .wrapper .box-content {
padding: 50px 18px 18px;
background-color: transparent;
text-align: center;
}
.cms-feature-videos .wrapper .box-content h3 {
text-transform: none;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
margin-top: 10px;
}
.cms-feature-videos .wrapper .box-content p {
font-size: 15px;
margin: 10px 0 0;
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
}
.cms-bg-cover.marketplace-wrapper #bootslider {
min-height: 1px;
}
.cms-bg-cover.marketplace-wrapper #bootslider .conditions-wrapper {
color: #fff;
}
.cms-bg-cover.marketplace-wrapper
#bootslider
.conditions-wrapper
> div:first-child {
margin-right: 20px;
}
#contact-form .contact-control-label {
padding-top: 10px;
}
#contact-form .form-control {
margin-top: 8px;
}
#contact-form h4.address {
margin-top: 5%;
}
#contact-form .lbl {
padding-top: 24px;
}
#contact-form textarea {
margin-top: 20px !important;
height: 180px;
resize: none;
}
#contact-form input[type="Button"]#btnNewDocument {
margin-top: 0;
background-color: #dfe3e9;
color: #5e6d81;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#contact-form input[type="Button"]#btnNewDocument:hover {
background-color: #eef0f3;
}
#contact-form .progress {
height: 40px;
margin: 0;
border-radius: 0;
}
#contact-form .attachments {
position: relative;
}
#contact-form .attachments > span {
display: block;
padding-left: 25px;
position: relative;
margin-top: 10px;
}
#contact-form .attachments > span a:before {
content: " ";
position: absolute;
background: url("../../img/root/content-pages/delete.png") no-repeat;
width: 18px;
height: 18px;
left: 0;
top: 0;
}
#contact-form .attachments .attachment-info:before {
content: " ";
bottom: 0;
right: 6px;
position: absolute;
background: url("../../img/root/content-pages/info.png") no-repeat;
width: 29px;
height: 29px;
}
@media (max-width: 768px) {
#contact-form .attachments .attachment-info {
display: block;
width: 29px;
height: 29px;
margin-top: 15px;
}
#contact-form .attachments .attachment-info:before {
left: 50%;
margin-left: -14.5px;
}
}
#contact-form .attachments .popover {
width: 50% !important;
left: 50% !important;
max-width: 50% !important;
border-radius: 0;
background-color: #fff;
border: 2px solid #5cb885;
color: #333;
}
#contact-form .attachments .popover.bottom .arrow {
left: auto !important;
right: 11px;
border-bottom-color: #3982de;
}
#contact-form .attachments .popover.bottom .arrow:after {
top: 3px;
}
@media (max-width: 768px) {
#contact-form .attachments .popover {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
}
#contact-form .attachments .popover.bottom .arrow {
left: 50% !important;
right: auto !important;
}
}
#contact-form .button.btn-send {
margin-top: 15px;
width: 100%;
}
@media (min-width: 768px) {
#contact-form .button.btn-send {
float: right !important;
width: 180px;
}
}
#purchaseForm label.chk-disclaimer {
margin-top: 12px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
#purchaseForm label.chk-disclaimer span {
padding-left: 8px;
}
#mastercard {
margin-top: 2%;
padding-top: 1.5%;
}
#mastercard .tabs {
margin-left: 0;
margin-right: 0;
}
#mastercard .tabs .tab-content {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
#mastercard .btn-mastercard-load {
float: right;
margin-top: -40px;
}
}
#mastercard .mastercard-spacer {
height: 10px;
background-color: #fff;
}
#mastercard .mastercard-info {
font-size: 11px;
}
#mastercard .cms-dashlist-2 li {
display: block;
height: auto;
padding-left: 0;
padding-right: 0;
}
ul.cms-amazon-categoryboxes {
list-style: none;
margin: 0 -10px;
padding: 0;
text-align: center;
}
ul.cms-amazon-categoryboxes > li {
display: inline-block;
margin-left: -5px;
margin-right: -5px;
padding: 0 38px;
}
ul.cms-amazon-categoryboxes .categorybox {
margin-bottom: 20px;
width: 300px;
}
ul.cms-amazon-categoryboxes .categorybox .button {
margin-top: 5%;
}
#cms-singlepager .cms-padding-t-3p {
padding-top: 3%;
}
#cms-singlepager .cms-padding-t-3p .cms-item {
padding-top: 2%;
padding-bottom: 2%;
}
#cms-singlepager .cms-padding-t-3p hr {
margin: 0;
}
#cms-singlepager .col-centered {
margin-left: -1.5px;
margin-right: -1.5px;
}
#cms-singlepager i {
width: 90px;
height: 90px;
display: block;
margin: 0 auto;
font-style: normal;
}
#cms-singlepager i:before {
width: 100%;
height: 100%;
display: inline-block;
}
#cms-singlepager .fl-mobile-barcode:before {
content: "\00E7";
font-size: 90px;
padding-top: 49px;
padding-left: 20px;
}
#cms-singlepager .fl-location:before {
content: "\00E0";
font-size: 97px;
padding-top: 49px;
padding-left: 13px;
}
#cms-singlepager .fl-laptop {
width: 143px;
}
#cms-singlepager .fl-laptop:before {
content: "\0060";
font-size: 155px;
padding-top: 35px;
padding-left: 0;
}
#cms-singlepager .fl-shopping {
width: 143px;
}
#cms-singlepager .fl-shopping:before {
content: "\0044";
font-size: 138px;
padding-top: 35px;
padding-left: 0;
}
#cms-singlepager .fl-ticket {
width: 101px;
position: relative;
}
#cms-singlepager .fl-ticket:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: url("../../img/root/content-pages/icon-ticket.png") no-repeat;
}
#cms-singlepager .fl-cbc {
width: 143px;
}
#cms-singlepager .fl-cbc:before {
content: "\0042";
font-size: 93px;
padding-top: 41px;
padding-left: 35px;
}
.panel-cms {
border: none;
border-radius: 0;
box-shadow: none;
}
.panel-cms:first-of-type {
padding-top: 1%;
}
.panel-cms .panel-heading {
position: relative;
padding: 0;
}
.panel-cms .panel-heading.icon-tick {
background: url("../../img/loyaltyprogram/loyalty-tick.png") no-repeat left
center;
padding-left: 30px;
}
.panel-cms .panel-heading.icon-no {
background: url("../../img/loyaltyprogram/loyalty-no.png") no-repeat left
center;
padding-left: 30px;
}
.panel-cms .panel-heading a {
display: block;
padding: 10px 25px 10px 0;
}
.panel-cms .panel-heading a:active,
.panel-cms .panel-heading a:hover {
text-decoration: none;
color: #5cb885;
}
.panel-cms .panel-heading a.collapsed {
color: #333;
}
.panel-cms .panel-heading a.collapsed:active,
.panel-cms .panel-heading a.collapsed:hover {
text-decoration: none;
color: #5cb885;
}
.panel-cms .panel-heading .accordion-arrow {
font-weight: 800;
}
.panel-cms .panel-heading .accordion-arrow:before {
transition: all 0.3s ease-in-out;
content: "\007B";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
right: 12px;
top: 50%;
transform: translateY(-50%);
margin-top: -3px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.panel-cms .panel-heading .accordion-arrow.down:before {
transform: rotate(-180deg);
}
.panel-cms .panel-body {
border: none !important;
padding: 0;
}
.panel-cms .panel-body a {
color: #e84270;
}
.panel-cms .panel-body .button {
margin-top: 15px;
margin-bottom: 10px;
}
.panel-cms .panel-body .button a {
color: #fff;
}
.landing-page-wrapper {
position: relative;
z-index: 10;
}
.landing-page-wrapper .col-centered {
margin-left: -2px;
margin-right: -2px;
}
.landing-page-wrapper .box-content {
padding: 18px;
}
.landing-page-wrapper .box-content .box-bg-cover {
background-size: cover;
padding-bottom: 10px;
height: 100%;
}
@media (max-width: 992px) {
.landing-page-wrapper .box-content .box-bg-cover {
background-image: none !important;
}
}
.landing-page-wrapper .box-content .box-bg-cover.bg-reg {
background: url("../../img/lyoness/root/registrierung.png");
}
.landing-page-wrapper .box-content .box-bg-cover.bg-taf {
background: url("../../img/lyoness/root/freundschaftsbonus.png");
}
.landing-page-wrapper .box-content.front-ad-banner {
background-color: #fff;
}
@media (max-width: 768px) {
.landing-page-wrapper .box-content.front-ad-banner {
background-image: none !important;
}
}
@media (min-width: 768px) {
.landing-page-wrapper .box-content.front-ad-banner {
background-size: 80%;
background-position: bottom right;
background-repeat: no-repeat;
}
}
@media (min-width: 992px) {
.landing-page-wrapper .box-content.front-ad-banner {
background-size: 90%;
}
}
@media (min-width: 1200px) {
.landing-page-wrapper .box-content.front-ad-banner {
background-size: cover;
}
}
@media (min-width: 768px) {
.landing-page-wrapper .campaign-special {
background: url("../../img/cbw/campaign-special/joyofgiving/newsteaser-bg.jpg");
background-color: #fff;
background-size: 80%;
background-position: bottom right;
background-repeat: no-repeat;
}
}
@media (min-width: 992px) {
.landing-page-wrapper .campaign-special {
background-size: 90%;
}
}
@media (min-width: 1200px) {
.landing-page-wrapper .campaign-special {
background-size: cover;
}
}
.landing-page-wrapper .campaign-special .lp-btn-news {
margin: 0;
margin-top: 12px;
}
.landing-page-wrapper .lp-link {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.landing-page-wrapper .lp-link:hover {
text-decoration: none;
}
.landing-page-wrapper .lp-h1 {
font-size: 26px;
}
.landing-page-wrapper h3 > span {
font-size: 14px;
}
.landing-page-wrapper h3 > span:before {
content: " ";
}
.landing-page-wrapper h3.lp-header {
color: #d9dee5;
padding-left: 5px;
}
.landing-page-wrapper h2.lp-header {
color: #333;
font-size: 42px;
margin-bottom: 0;
margin-top: 18px;
}
.landing-page-wrapper .lp-cbcard hr {
border: none;
margin: 0;
height: 2px;
background-color: #b6b6b6;
}
.landing-page-wrapper .lp-btn-news {
display: table;
height: 40px;
margin: 12px auto;
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-btn-news {
margin: 0 0 12px;
}
}
.landing-page-wrapper .lp-btn-news .btn {
padding: 0 8px;
display: table-cell;
white-space: normal;
}
.landing-page-wrapper .lp-img-news {
float: left;
}
@media (min-width: 768px) {
.landing-page-wrapper .lp-img-news {
float: right;
}
}
.landing-page-wrapper .lp-highlight {
max-width: 620px;
display: block;
margin: 0 auto;
margin-bottom: 12px;
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-highlight {
display: inline-block;
margin-bottom: inherit;
max-height: 305px;
}
}
.landing-page-wrapper .lp-highlight img {
max-height: 225px;
}
.landing-page-wrapper .lp-topnews {
max-width: 310px;
float: left;
margin-top: 18px;
}
@media (min-width: 768px) {
.landing-page-wrapper .lp-topnews {
margin-top: 0;
}
}
.landing-page-wrapper .lp-topnews a {
color: #333;
}
.landing-page-wrapper .lp-topnews a:hover {
color: #5cb885;
}
.landing-page-wrapper .lp-topnews a:hover h6 {
color: #5cb885;
}
.landing-page-wrapper .lp-topnews p {
margin: 0;
}
.landing-page-wrapper .lp-topnews h6 {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.landing-page-wrapper .lp-bannertool-s,
.landing-page-wrapper .lp-topnews {
height: 305px;
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-bannertool-s,
.landing-page-wrapper .lp-topnews {
margin-top: 0;
}
}
.landing-page-wrapper .lp-bannertool-s {
max-width: 310px;
float: left;
margin-top: 18px;
}
@media (min-width: 768px) {
.landing-page-wrapper .lp-bannertool-s {
margin-top: 0;
}
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-bannertool-s {
padding-bottom: 0;
}
.landing-page-wrapper .lp-bannertool-s:before {
background: 0 0;
}
}
.landing-page-wrapper .lp-bannertool-s.ds-itembox {
padding-left: 5px;
padding-right: 5px;
}
.landing-page-wrapper .lp-bannertool-s.ds-itembox > a:before {
border: none;
}
.landing-page-wrapper .lp-bannertool-s.ds-itembox .ds-box-v2 {
padding-bottom: 56px;
min-height: 305px !important;
}
.landing-page-wrapper .lp-bannertool-s.ds-itembox .ds-box-v2:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: auto;
width: auto;
border: 2px solid transparent;
z-index: 1;
transition: border-color 0.35s ease;
}
.landing-page-wrapper .lp-bannertool-s.ds-itembox .ds-box-v2:active:before,
.landing-page-wrapper .lp-bannertool-s.ds-itembox .ds-box-v2:focus:before,
.landing-page-wrapper .lp-bannertool-s.ds-itembox .ds-box-v2:hover:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: auto;
width: auto;
border: 2px solid #333;
z-index: 1;
}
.landing-page-wrapper .lp-bannertool-s.ds-itembox .ds-box-v2 .ds-footer {
border-top: 2px solid transparent;
}
.landing-page-wrapper .lp-bannertool-s.ds-itembox .ds-box-content {
padding: 0;
}
.landing-page-wrapper a.lp-dealersearch {
position: relative;
display: inline-block;
margin-top: 5px;
}
.landing-page-wrapper a.lp-dealersearch:before {
content: "\0039";
font-family: "myWorld Font";
position: absolute;
font-size: 40px;
line-height: 0;
left: 0;
top: 18px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.landing-page-wrapper a.lp-dealersearch > span {
padding-left: 40px;
display: inline-block;
}
.landing-page-wrapper .lp-banner-autoslider {
margin-top: 3%;
margin-bottom: 3%;
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-banner-autoslider {
padding-bottom: 11%;
position: relative;
}
.landing-page-wrapper .lp-banner-autoslider:before {
background: url("../../img/layout/dots-tabs.png") no-repeat;
width: 352px;
height: 138px;
position: absolute;
content: "";
bottom: 0;
left: 50%;
margin-left: -176px;
}
.landing-page-wrapper .lp-banner-autoslider.logo-easter:before {
background: url("../../img/layout/dots-tabs-easter.png") no-repeat;
}
.landing-page-wrapper .lp-banner-autoslider.logo-xmas:before {
background: url("../../img/layout/dots-tabs-xmas-2015.png") no-repeat;
background-position: center bottom;
}
}
.landing-page-wrapper #bannerWithTabsArea .tabs ul > li.active {
border-bottom: 1px solid #fff;
}
.landing-page-wrapper #bannerWithTabsArea .thumbnail-lyoness2 {
display: inline-block;
display: block;
height: 95px;
width: 125px;
max-width: 100%;
line-height: 95px;
border-radius: 0;
transition: all 0.2s ease-in-out;
text-align: center;
background-color: #fff;
}
.landing-page-wrapper #bannerWithTabsArea .panel-default {
padding-top: 6px;
}
.landing-page-wrapper #bannerWithTabsArea .panel-default > .panel-heading {
background-color: transparent;
border: none;
height: 56px;
border-radius: 0;
padding: 0;
width: 100%;
position: relative;
border-bottom: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
color: #333;
}
.landing-page-wrapper
#bannerWithTabsArea
.panel-default
> .panel-heading
.panel-title {
position: relative;
}
.landing-page-wrapper #bannerWithTabsArea .panel-default > .panel-heading a {
display: inline-block;
width: 100%;
padding: 17px 12px;
padding-left: 46px;
position: relative;
color: #333;
font-family: Arial, sans-serif;
font-weight: 800;
font-size: 18px;
text-decoration: none;
text-transform: none;
}
.landing-page-wrapper
#bannerWithTabsArea
.panel-default
> .panel-heading
.panel-heading-icon:before {
transition: all 0.3s ease-in-out;
content: "\007B";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
left: 12px;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.landing-page-wrapper
#bannerWithTabsArea
.panel-default
> .panel-heading
.panel-heading-icon-closed:before {
transform: rotate(-180deg);
}
.landing-page-wrapper #bannerWithTabsArea .panel-default > .panel-heading.open {
color: #5cb885;
}
.landing-page-wrapper
#bannerWithTabsArea
.panel-default
> .panel-heading.open
a {
color: #5cb885;
}
.landing-page-wrapper
#bannerWithTabsArea
.panel-default
.panel-collapse
.panel-body {
border: none;
}
.landing-page-wrapper #bannertool-sme-public .bannerInfoTextBox {
text-align: center;
min-height: 319px;
background-color: #fff;
padding: 0;
padding-bottom: 50px !important;
}
.landing-page-wrapper
#bannertool-sme-public
.bannerInfoTextBox
.bannerInfoTextBoxContent {
min-height: 110px;
padding-left: 30px;
margin-top: 15px;
font-weight: 700;
font-size: 18px;
}
.landing-page-wrapper #bannertool-sme-public .bannerInfoTextBox ul {
display: table;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.landing-page-wrapper #bannertool-sme-public .bannerInfoTextBox {
text-align: left;
max-height: 319px;
padding-bottom: 0;
}
.landing-page-wrapper #bannertool-sme-public .bannerInfoTextBox ul {
display: block;
margin-left: 0;
}
.landing-page-wrapper
#bannertool-sme-public
.bannerInfoTextBox
.bannerInfoTextBoxContent {
max-height: 110px;
overflow: hidden;
max-width: 452px;
}
}
.landing-page-wrapper .lp-network .cff,
.landing-page-wrapper .lp-network .gff,
.landing-page-wrapper .lp-network .store,
.landing-page-wrapper .lp-network .tv {
padding-top: 22px;
}
.landing-page-wrapper .lp-network a {
color: #333;
}
.landing-page-wrapper .lp-network a:hover {
color: #6fcb98;
}
.landing-page-wrapper .lp-offers,
.landing-page-wrapper .lp-redeem-sp {
margin-top: 3%;
}
@media (min-width: 768px) {
.landing-page-wrapper .lp-offers,
.landing-page-wrapper .lp-redeem-sp {
margin-top: 0;
}
}
.landing-page-wrapper .ds-carousel {
height: 100%;
padding: 0;
}
.landing-page-wrapper .ds-carousel .carousel-inner,
.landing-page-wrapper .ds-carousel .item {
height: 100%;
}
.landing-page-wrapper .ds-carousel .ds-box-v2 {
cursor: pointer;
}
.landing-page-wrapper .ds-carousel .ds-itembox {
position: relative;
z-index: 2;
}
.landing-page-wrapper .ds-carousel .carousel-control {
position: absolute;
top: 50%;
margin-top: -13.5px;
opacity: 1;
text-shadow: none;
width: 19px;
height: 27px;
}
.landing-page-wrapper .ds-carousel .carousel-control.left {
background: url("../../img/root/content-pages/carousel-arrow-left-xs.png")
no-repeat;
left: 5px;
}
.landing-page-wrapper .ds-carousel .carousel-control.left:hover {
background: url("../../img/root/content-pages/carousel-arrow-left-xs-a.png")
no-repeat;
}
.landing-page-wrapper .ds-carousel .carousel-control.right {
background: url("../../img/root/content-pages/carousel-arrow-right-xs.png")
no-repeat;
right: 5px;
}
.landing-page-wrapper .ds-carousel .carousel-control.right:hover {
background: url("../../img/root/content-pages/carousel-arrow-right-xs-a.png")
no-repeat;
}
@media (min-width: 992px) {
.landing-page-wrapper #bannertoolWithTabs .carousel-inner {
overflow: hidden;
position: relative;
width: 100%;
}
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .item {
display: none;
position: relative;
transition: left 0.8s ease-in-out 0s;
}
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .active,
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .next,
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .prev {
display: block;
}
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .active {
left: 0;
}
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .next,
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .next {
left: 100%;
}
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .prev {
left: -100%;
}
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .next.left,
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .prev.right {
left: 0;
}
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .active.left {
left: -100%;
}
.landing-page-wrapper #bannertoolWithTabs .carousel-inner > .active.right {
left: 100%;
}
}
.landing-page-wrapper .deal-link {
text-align: right;
}
.landing-page-wrapper .lp-banner {
background-color: #fff;
margin-top: 3%;
margin-bottom: 3%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-1,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-10,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-2,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-3,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-4,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-5,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-6,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-7,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-8,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-9,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-1,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-10,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-2,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-3,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-4,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-5,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-6,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-7,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-8,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-9,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-1,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-10,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-2,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-3,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-4,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-5,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-6,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-7,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-8,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-9,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-1,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-10,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-2,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-3,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-4,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-5,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-6,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-7,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-8,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-1,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-10,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-2,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-3,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-4,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-5,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-6,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-7,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-8,
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-9 {
float: left;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-10 {
width: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-9 {
width: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-8 {
width: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-7 {
width: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-6 {
width: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-5 {
width: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-4 {
width: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-3 {
width: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-2 {
width: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-1 {
width: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-10 {
right: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-9 {
right: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-8 {
right: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-7 {
right: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-6 {
right: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-5 {
right: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-4 {
right: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-3 {
right: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-2 {
right: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-1 {
right: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-pull-0 {
right: auto;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-10 {
left: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-9 {
left: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-8 {
left: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-7 {
left: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-6 {
left: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-5 {
left: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-4 {
left: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-3 {
left: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-2 {
left: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-1 {
left: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-xs-push-0 {
left: auto;
}
@media (min-width: 768px) {
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-1,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-10,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-2,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-3,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-4,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-5,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-6,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-7,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-8,
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-9 {
float: left;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-10 {
width: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-9 {
width: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-8 {
width: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-7 {
width: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-6 {
width: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-5 {
width: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-4 {
width: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-3 {
width: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-2 {
width: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-1 {
width: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-10 {
right: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-9 {
right: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-8 {
right: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-7 {
right: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-6 {
right: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-5 {
right: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-4 {
right: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-3 {
right: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-2 {
right: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-1 {
right: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-pull-0 {
right: auto;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-10 {
left: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-9 {
left: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-8 {
left: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-7 {
left: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-6 {
left: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-5 {
left: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-4 {
left: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-3 {
left: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-2 {
left: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-1 {
left: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-sm-push-0 {
left: auto;
}
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-1,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-10,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-2,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-3,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-4,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-5,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-6,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-7,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-8,
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-9 {
float: left;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-10 {
width: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-9 {
width: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-8 {
width: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-7 {
width: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-6 {
width: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-5 {
width: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-4 {
width: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-3 {
width: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-2 {
width: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-1 {
width: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-10 {
right: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-9 {
right: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-8 {
right: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-7 {
right: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-6 {
right: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-5 {
right: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-4 {
right: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-3 {
right: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-2 {
right: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-1 {
right: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-pull-0 {
right: auto;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-10 {
left: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-9 {
left: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-8 {
left: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-7 {
left: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-6 {
left: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-5 {
left: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-4 {
left: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-3 {
left: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-2 {
left: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-1 {
left: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-md-push-0 {
left: auto;
}
}
@media (min-width: 1200px) {
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-1,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-10,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-2,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-3,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-4,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-5,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-6,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-7,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-8,
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-9 {
float: left;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-10 {
width: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-9 {
width: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-8 {
width: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-7 {
width: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-6 {
width: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-5 {
width: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-4 {
width: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-3 {
width: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-2 {
width: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-1 {
width: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-10 {
right: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-9 {
right: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-8 {
right: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-7 {
right: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-6 {
right: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-5 {
right: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-4 {
right: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-3 {
right: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-2 {
right: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-1 {
right: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-pull-0 {
right: auto;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-10 {
left: 100%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-9 {
left: 90%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-8 {
left: 80%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-7 {
left: 70%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-6 {
left: 60%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-5 {
left: 50%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-4 {
left: 40%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-3 {
left: 30%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-2 {
left: 20%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-1 {
left: 10%;
}
.landing-page-wrapper .lp-banner .banner-wrapper .col-lg-push-0 {
left: auto;
}
}
.landing-page-wrapper .lp-banner .banner-wrapper:after {
content: "";
display: block;
clear: both;
}
.landing-page-wrapper .lp-banner .col-centered {
margin: 0 -2px;
vertical-align: top;
text-align: center;
}
.landing-page-wrapper .lp-banner .stamp {
text-align: center;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
color: #333;
text-transform: uppercase;
font-size: 20px;
}
@media (min-width: 768px) {
.landing-page-wrapper .lp-banner .stamp {
padding: 0 0 18px 0;
min-height: 110px;
}
}
.landing-page-wrapper .lp-banner .stamp span {
font-size: 70px;
line-height: 1em;
display: inline-block;
}
@media (min-width: 768px) {
.landing-page-wrapper .lp-banner .stamp span {
margin-top: -6px;
}
}
.landing-page-wrapper .lp-banner .stamp > div {
line-height: 1em;
}
.landing-page-wrapper .lp-banner .logo {
width: 90px;
height: 90px;
display: inline-block;
position: relative;
border: 5px solid #f5f5f5;
background-color: #fff;
overflow: hidden;
transition: border-color 0.4s;
margin-bottom: 12px;
}
@media (min-width: 768px) {
.landing-page-wrapper .lp-banner .logo {
margin-bottom: 0;
}
}
.landing-page-wrapper .lp-banner .logo:hover {
border: 5px solid #b6b6b6;
}
.landing-page-wrapper .lp-banner .logo a {
display: inline-block;
width: 100%;
height: 100%;
}
.landing-page-wrapper .lp-banner .logo img {
margin: auto;
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
max-width: 80px;
max-height: 80px;
}
.landing-page-wrapper #socialmedia-wall h3 {
text-align: center;
}
@media (min-width: 768px) {
.landing-page-wrapper #socialmedia-wall h3 {
text-align: left;
float: left;
}
}
.landing-page-wrapper #socialmedia-wall .button {
width: 100%;
text-align: center;
margin-top: 18px;
}
@media (min-width: 768px) {
.landing-page-wrapper #socialmedia-wall .button {
width: 180px;
text-align: left;
margin-top: 3px;
padding-left: 18px;
}
}
.landing-page-wrapper #socialmedia-wall .btn-link {
color: #5cb885;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.landing-page-wrapper #socialmedia-wall .btn-link:active,
.landing-page-wrapper #socialmedia-wall .btn-link:focus,
.landing-page-wrapper #socialmedia-wall .btn-link:hover {
color: #6fcb98;
}
.landing-page-wrapper #socialmedia-wall .iframe {
margin-left: -18px;
padding-right: 18px;
}
.landing-page-wrapper.interstitial {
background: #fff !important;
position: relative;
padding-bottom: 52px;
}
.landing-page-wrapper.interstitial .infobox {
padding-top: 38px;
}
.landing-page-wrapper.interstitial .infobox a {
color: #5cb885;
text-decoration: underline;
}
.landing-page-wrapper.interstitial .infobox a:hover {
color: #6fcb98;
}
.landing-page-wrapper.interstitial .infobox .row-centered {
margin-left: -8px;
margin-right: -8px;
}
.landing-page-wrapper.interstitial .infobox .col-centered {
margin-left: -1.5px;
margin-right: -1.5px;
padding-left: 8px;
padding-right: 8px;
}
.landing-page-wrapper.interstitial .infobox .box-item {
padding-top: 8px;
padding-bottom: 8px;
}
.landing-page-wrapper.interstitial .infobox.icons {
padding-top: 0;
}
.landing-page-wrapper.interstitial .infobox:not(.icons) .box-content {
padding-top: 18px;
padding-bottom: 18px;
}
@media (min-width: 768px) {
.landing-page-wrapper.interstitial .infobox:not(.icons) .box-content {
padding-top: 3%;
padding-bottom: 3%;
}
}
.landing-page-wrapper.interstitial h4 {
position: relative;
display: inline-block;
padding-top: 30px;
padding-bottom: 30px;
text-transform: uppercase !important;
margin: 0;
}
.landing-page-wrapper.interstitial h4 span {
display: inline-block;
text-align: left;
padding-left: 60px;
}
.landing-page-wrapper.interstitial .fl:before {
font-size: 66px;
display: inline-block;
height: 48px;
top: 50%;
position: absolute;
left: 0;
transform: translateY(-50%);
padding-top: 20px;
width: 48px;
}
.landing-page-wrapper.interstitial .fl-protect:before {
content: "\005A";
font-size: 72px;
}
.landing-page-wrapper.interstitial .fl-cb:before {
content: "\0045";
font-size: 53px;
}
.landing-page-wrapper.interstitial .lp-banner {
background: 0 0;
margin-top: 12px;
}
.landing-page-wrapper.interstitial .lp-banner .logo {
box-shadow: 0 0 16px 2px #b6b6b6;
}
.landing-page-wrapper.interstitial #interstitial-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.landing-page-wrapper.interstitial #interstitial-footer a {
display: inline-block;
margin: 18px 8px;
font-size: 11px;
}
.landing-page-wrapper.interstitial #logo-container {
text-align: center;
margin-top: 21px;
}
@media (min-width: 768px) {
.landing-page-wrapper.interstitial #logo-container {
margin-top: 3%;
}
}
.landing-page-wrapper.interstitial #logo-container a {
display: inline-block;
height: 100%;
width: 100%;
}
#container-middle .landing-page-wrapper-v2 .container {
padding-top: 0;
padding-bottom: 0;
}
#container-middle .landing-page-wrapper-v2 .benefit-header,
#container-middle .landing-page-wrapper-v2 .custom-tiles-header {
padding-top: 8px;
}
.stars.editable > .star {
cursor: pointer;
}
.rating-bubble {
float: left;
width: 50px;
height: 50px;
background-color: #333;
color: #fff;
border-radius: 50%;
font-size: 24px;
text-align: center;
padding-top: 7px;
}
.star {
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: #333;
}
.star:before {
content: "\e006";
}
.star.half {
position: relative;
}
.star.half:before {
position: relative;
z-index: 1;
width: 47%;
display: block;
overflow: hidden;
color: #5cb885;
}
.star.half:after {
position: absolute;
z-index: 0;
content: "\e006";
top: 0;
left: 0;
}
.star.full {
color: #5cb885;
}
.rating-score-wrapper .rating-bubble {
margin-right: 15px;
}
.rating-score-wrapper .stars {
font-size: 24px;
}
.rating-score-wrapper .stars > span {
margin-left: 5px;
}
.rating-score-wrapper .stars > span:first-child {
margin-left: 0;
}
.modal-rating-body h3,
.modal-rating-body h4 {
color: #333 !important;
text-transform: none;
}
.modal-rating-body .dealer-logobox {
position: relative;
width: 123px;
height: 123px;
border: 10px solid #fff;
background-color: #fff;
left: 50%;
margin-left: -61.5px;
border-radius: 2px;
z-index: 2;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
}
.modal-rating-body .img-wrapper {
height: 100%;
width: 100%;
text-align: center;
position: relative;
overflow: hidden;
}
.modal-rating-body img {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.modal-rating-body .rating-overview {
padding: 18px;
margin-top: 30px;
width: 100%;
max-height: 228px;
min-height: 120px;
overflow: auto;
border: 2px solid #b6b6b6;
}
.modal-rating-body .rating-overview > div:first-child {
margin-top: 0;
}
.modal-rating-body .rating-overview .date {
margin-top: 12px;
}
.modal-rating-body .rating-overview .name {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.modal-rating-body .rating-overview .stars {
font-size: 15px;
}
.modal-rating-body .alert {
margin: 0 -20px;
margin-top: 12px;
}
.modal-rating-body .alert.alert-danger {
position: relative;
padding-left: 76px;
min-height: 78px;
}
.modal-rating-body .alert.alert-danger:before {
content: "\0067";
font-family: "myWorld Font";
position: absolute;
font-size: 64px;
line-height: 0;
left: 12px;
top: 34px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.modal-rating-body .font-11 {
font-size: 11px;
}
.modal-rating-body .font-20 {
font-size: 20px;
}
.modal-rating-body .font-34 {
font-size: 34px;
}
.modal-rating-body .check-icon {
position: relative;
width: 58px;
height: 46px;
margin: 0 auto;
color: #5cb885;
}
.modal-rating-body .check-icon:before {
content: "\0064";
font-family: "myWorld Font";
position: absolute;
font-size: 83px;
line-height: 0;
left: 2px;
top: 18px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.modal-rating-body .socialmedia-container li {
height: 45px;
width: 45px;
}
.modal-rating-body .socialmedia-container a {
width: 100%;
height: 100%;
}
.modal-rating-body .socialmedia-container .mail {
background-color: #5cb885;
border-radius: 50%;
cursor: pointer;
}
.modal-rating-body .socialmedia-container .mail:hover {
background-color: #6fcb98;
}
.modal-rating-body .socialmedia-container .mail a:before {
content: "\076";
font-family: "myWorld Font";
position: absolute;
font-size: 29px;
line-height: 0;
left: 50%;
top: 50%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #fff !important;
transform: translate(-50%, -50%);
margin-top: -2px;
}
.modal-rating-body #rating-text {
min-height: 18px;
}
.modal-rating-body label {
font-size: 11px;
margin-bottom: 3px;
}
.modal-rating-body #hideCommentDetails,
.modal-rating-body #showCommentDetails {
color: #5cb885;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.modal-rating-body #hideCommentDetails:hover,
.modal-rating-body #showCommentDetails:hover {
color: #6fcb98;
}
.modal-rating-body #showHideCommentDetails {
display: block;
text-align: center;
margin-top: 21px;
}
.modal-rating-body #showHideCommentDetails:hover {
text-decoration: none;
}
.modal-rating-body #charsLeftComment,
.modal-rating-body #charsLeftTitle {
font-size: 11px;
margin-top: 3px;
}
.modal-rating-body #collapseKomentarInfo {
margin-top: 8px;
}
#play-vid.eVoucher {
color: #fff;
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
font-size: 26px;
position: relative;
padding-right: 42px;
text-decoration: none;
}
#play-vid.eVoucher:before {
content: "\0028";
font-family: "myWorld Font";
position: absolute;
font-size: 42px;
line-height: 0;
right: 0;
top: 50%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #fff !important;
transform: translateY(-50%);
margin-top: -2px;
}
#play-vid.eVoucher:hover {
text-decoration: underline;
}
#evoucher-vid-wrapper {
position: relative;
}
#evoucher-vid-wrapper .evoucher-play-btn {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
box-shadow: 0 0 27px rgba(0, 0, 0, 0.5);
opacity: 1;
cursor: pointer;
}
#evoucher-vid-wrapper .evoucher-play-btn.hidden {
opacity: 0;
display: block !important;
}
#evoucher-vid-wrapper .evoucher-play-btn:before {
content: "\0028";
font-family: "myWorld Font";
position: absolute;
transform: translate(-50%, -50%);
font-size: 62px;
line-height: 0;
left: 50%;
top: 50%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #fff !important;
margin-top: 16px;
}
.box-evoucher {
position: relative;
height: 100%;
}
.box-evoucher:before {
background: url("../../img/root/evoucher/evoucher.png") no-repeat;
position: absolute;
background-position: bottom right;
min-height: 305px;
width: 100%;
height: 100%;
background-size: 35%;
left: 43%;
bottom: 0;
transform: translateX(-50%);
}
@media (min-width: 768px) {
.box-evoucher:before {
content: "";
}
}
.colorize-small {
color: #5cb885;
}
.cms-extra-cb #play-vid.eVoucher {
position: absolute;
top: 30px;
right: 12%;
margin-top: 12px;
color: #5cb885;
}
.cms-extra-cb #play-vid.eVoucher:before {
color: #5cb885 !important;
}
@media (min-width: 768px) {
.cms-extra-cb #play-vid.eVoucher {
top: 0;
right: 0;
}
}
@media (min-width: 992px) {
.cms-extra-cb #play-vid.eVoucher {
margin-top: 20px;
font-size: 36px;
padding-right: 51px;
}
.cms-extra-cb #play-vid.eVoucher:before {
font-size: 51px;
}
}
@media (min-width: 1200px) {
.cms-extra-cb #play-vid.eVoucher {
margin-top: 30px;
font-size: 42px;
padding-right: 65px;
}
.cms-extra-cb #play-vid.eVoucher:before {
font-size: 65px;
}
}
.twitter-typeahead {
width: 100%;
height: 40px;
position: relative !important;
top: 0 !important;
left: 0;
}
.twitter-typeahead .tt-hint {
opacity: 0.3 !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
}
.twitter-typeahead .tt-input {
top: 0 !important;
height: 40px;
width: 100%;
line-height: 40px;
}
.twitter-typeahead .tt-dropdown-menu {
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
color: #6fcb98;
position: absolute !important;
left: 0 !important;
top: 38px !important;
padding: 5px 10px;
}
.twitter-typeahead .tt-suggestion {
height: 30px;
padding-top: 4px;
padding-left: 5px;
}
.twitter-typeahead .tt-suggestion.tt-cursor {
background-color: #dfe3e9;
cursor: pointer;
}
.vo-searchbox .twitter-typeahead {
padding-left: 35px;
position: absolute !important;
}
.vo-searchbox .twitter-typeahead .tt-hint {
top: 8px !important;
left: 35px !important;
}
#navbar-main-searchbox .twitter-typeahead .tt-dropdown-menu {
border: 2px solid #5cb885;
color: #5cb885;
}
#navbar-main-searchbox .twitter-typeahead .tt-suggestion.tt-cursor {
background-color: #6fcb98;
}
.contact a {
text-decoration: none !important;
}
.contact a .faq,
.contact a .fl {
transition: all 0.3s ease-in-out;
}
.contact a:hover .circle {
color: #5cb885;
border: 4px solid #5cb885;
}
.contact a:hover .faq,
.contact a:hover .fl {
color: #5cb885;
}
.contact a.inactive {
cursor: auto;
}
.contact a.inactive .circle {
color: #b6b6b6;
border: 4px solid #fff;
}
.contact a.inactive .circle .faq,
.contact a.inactive .circle .fl {
color: #b6b6b6;
}
.contact a.inactive .circle-txt {
color: #b6b6b6;
}
.contact .circle-txt {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
max-width: 130px;
height: 40px;
margin-top: 18px;
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
}
.contact .circle {
position: relative;
width: 100px;
height: 100px;
border: 4px solid #333;
border-radius: 50%;
margin-top: 8px;
margin-left: 8px;
margin-right: 8px;
transition: all 0.1s ease;
}
@media (min-width: 992px) {
.contact .circle {
width: 130px;
height: 130px;
}
}
@media (min-width: 1200px) {
.contact .circle {
margin-left: 3px;
margin-right: 3px;
}
}
.contact.flex-container {
display: flex;
align-items: center;
flex-flow: row wrap;
justify-content: space-evenly;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.contact.flex-container {
justify-content: space-around;
}
}
@supports (-ms-accelerator: true) {
.contact.flex-container {
justify-content: space-around;
}
}
.contact span {
display: inline-block;
width: 100%;
}
.contact .faq {
line-height: 92px;
text-align: center;
font-size: 38px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #333;
}
@media (min-width: 992px) {
.contact .faq {
line-height: 122px;
font-size: 45px;
}
}
.contact .fl {
position: relative;
display: inline-block;
color: #333;
}
.contact .fl:before {
display: inline-block;
font-family: "myWorld Font";
position: absolute;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.contact .fl-docs:before {
content: "\0062";
font-size: 80px;
margin-top: 28px;
}
@media (min-width: 992px) {
.contact .fl-docs:before {
font-size: 90px;
margin-top: 43px;
}
}
.contact .fl-mobile:before {
content: "\00A8";
font-size: 80px;
margin-top: 28px;
}
@media (min-width: 992px) {
.contact .fl-mobile:before {
font-size: 90px;
margin-top: 43px;
}
}
.contact .fl-chat:before {
content: "\006A";
font-size: 80px;
margin-top: 28px;
}
@media (min-width: 992px) {
.contact .fl-chat:before {
font-size: 90px;
margin-top: 43px;
}
}
.contact .fl-map:before {
content: "\0049";
font-size: 80px;
margin-top: 28px;
}
@media (min-width: 992px) {
.contact .fl-map:before {
font-size: 90px;
margin-top: 43px;
}
}
#cashback-helper p,
#modal-cashback-helper-availability p {
line-height: 1.6em;
}
@media (min-width: 768px) {
#cashback-helper h3,
#modal-cashback-helper-availability h3 {
font-size: 30px;
line-height: 1.2em;
}
#cashback-helper p,
#modal-cashback-helper-availability p {
font-size: 18px;
line-height: 1.6em;
}
}
@media (max-width: 768px) {
#cashback-helper .cms-full-width.cms-bg-cover,
#modal-cashback-helper-availability .cms-full-width.cms-bg-cover {
background-position: 60% !important;
}
}
#cashback-helper .cms-browser-support,
#modal-cashback-helper-availability .cms-browser-support {
float: left;
width: 100%;
margin-bottom: 4vw;
}
#cashback-helper .browser-support .browser,
#modal-cashback-helper-availability .browser-support .browser {
width: 70px;
height: 70px;
position: relative;
display: inline-block;
}
#cashback-helper .browser-support .chrome,
#modal-cashback-helper-availability .browser-support .chrome {
background: url("../../img/cbw/root/helper/chrome.png") no-repeat;
}
#cashback-helper .browser-support .chrome.active,
#modal-cashback-helper-availability .browser-support .chrome.active {
background: url("../../img/cbw/root/helper/chrome-active.png") no-repeat;
}
#cashback-helper .browser-support .firefox,
#modal-cashback-helper-availability .browser-support .firefox {
background: url("../../img/cbw/root/helper/firefox.png") no-repeat;
}
#cashback-helper .browser-support .firefox.active,
#modal-cashback-helper-availability .browser-support .firefox.active {
background: url("../../img/cbw/root/helper/firefox-active.png") no-repeat;
}
#cashback-helper .browser-support .safari,
#modal-cashback-helper-availability .browser-support .safari {
background: url("../../img/cbw/root/helper/safari.png") no-repeat;
}
#cashback-helper .browser-support .safari.active,
#modal-cashback-helper-availability .browser-support .safari.active {
background: url("../../img/cbw/root/helper/safari-active.png") no-repeat;
}
#cashback-helper .banner .cms-item-content,
#modal-cashback-helper-availability .banner .cms-item-content {
padding-top: 4vw;
padding-bottom: 4vw;
}
#cashback-helper .share-box,
#modal-cashback-helper-availability .share-box {
background: #333;
border-bottom: 4px solid #5cb885;
}
#cashback-helper .share-box h3,
#modal-cashback-helper-availability .share-box h3 {
margin-bottom: 3vw;
}
#cashback-helper .share-box img,
#modal-cashback-helper-availability .share-box img {
max-width: 35px;
}
@media (min-width: 768px) {
#cashback-helper .share-box img,
#modal-cashback-helper-availability .share-box img {
max-width: 100%;
}
}
#cashback-helper .share-box h3,
#modal-cashback-helper-availability .share-box h3 {
color: #5cb885;
}
#cashback-helper .advantages,
#modal-cashback-helper-availability .advantages {
margin-top: 3vw;
}
#cashback-helper .advantages li,
#modal-cashback-helper-availability .advantages li {
line-height: 1.6em;
position: relative;
padding: 0;
margin: 0;
padding-left: 60px;
margin-top: 35px;
}
#cashback-helper .advantages li:before,
#modal-cashback-helper-availability .advantages li:before {
content: "\0025";
font-family: "myWorld Font";
position: absolute;
font-size: 54px;
line-height: 0;
left: 0;
top: 50%;
margin-top: -4px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
@media (min-width: 768px) {
#cashback-helper .advantages li,
#modal-cashback-helper-availability .advantages li {
font-size: 18px;
}
}
@media (min-width: 992px) {
#cashback-helper .advantages li,
#modal-cashback-helper-availability .advantages li {
margin-top: 1.5vw;
}
}
#cashback-helper .video,
#modal-cashback-helper-availability .video {
margin-top: 3vw;
}
#cashback-helper .video .img-vid-wrapper,
#modal-cashback-helper-availability .video .img-vid-wrapper {
margin-top: 18px;
height: 245px;
background-size: cover;
background-position: center;
position: relative;
}
#cashback-helper .video .img-vid-wrapper a,
#modal-cashback-helper-availability .video .img-vid-wrapper a {
display: inline-block;
position: absolute;
height: 86px;
width: 86px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#cashback-helper .video .img-vid-wrapper a:before,
#modal-cashback-helper-availability .video .img-vid-wrapper a:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-left: -43px;
margin-top: -43px;
width: 100%;
height: 100%;
border: 4px solid #5cb885;
opacity: 0.8;
border-radius: 50%;
}
#cashback-helper .video .img-vid-wrapper a:after,
#modal-cashback-helper-availability .video .img-vid-wrapper a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 30px solid #5cb885;
opacity: 0.8;
margin-left: 4px;
}
#cashback-helper .video .img-vid-wrapper a:hover:before,
#modal-cashback-helper-availability .video .img-vid-wrapper a:hover:before {
border: 4px solid #6fcb98;
animation: cff-pulse 1.5s cubic-bezier(0, 0.6, 0.5, 1);
animation-iteration-count: infinite;
opacity: 0.7;
}
@keyframes cff-pulse {
0% {
transform: scale(1, 1);
opacity: 0.3;
}
50% {
transform: scale(1.1, 1.1);
opacity: 1;
}
100% {
transform: scale(1, 1);
opacity: 0.3;
}
}
#cashback-helper .video .img-vid-wrapper a:hover:after,
#modal-cashback-helper-availability .video .img-vid-wrapper a:hover:after {
border-left: 30px solid #6fcb98;
}
#modal-cashback-helper-availability h3 {
color: #333;
}
#modal-cashback-helper-availability .info {
margin-top: 3vw;
}
#modal-cashback-helper-availability label {
display: inline-block;
padding-left: 15px;
text-indent: -15px;
}
#modal-cashback-helper-availability input {
width: 13px;
height: 13px;
padding: 0;
margin: 0;
vertical-align: bottom;
position: relative;
top: -1px;
}
.cms-error.v2 {
padding-top: 1vw;
padding-bottom: 1vw;
}
.cms-error.v2 h2 {
font-size: 45px;
margin-bottom: 0 !important;
line-height: 1.5;
}
.cms-error.v2 h3.subheader {
font-size: 36px;
line-height: 1.5;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.cms-error.v2 p {
font-size: 15px;
line-height: 1.5;
margin-top: 1.5vw;
}
.cms-error.v2 .link-bubbles {
margin-top: 2vw !important;
}
.cms-error.v2 .link-bubbles .icon {
display: inline-block;
height: 50px;
position: relative;
}
.cms-error.v2 .link-bubbles .icon:before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #333;
}
.cms-error.v2 .link-bubbles .icon:after {
font-family: "myWorld Font";
color: #fff;
line-height: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.cms-error.v2 .link-bubbles .icon > div {
margin-top: 56px;
}
.cms-error.v2 .link-bubbles .icon span {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.cms-error.v2 .link-bubbles .icon:hover {
text-decoration: none;
}
.cms-error.v2 .link-bubbles .icon:hover:before {
background-color: #5cb885;
}
.cms-error.v2 .link-bubbles .icon-evoucher:after {
content: "\00ED";
font-size: 42px;
margin-top: -2px;
}
.cms-error.v2 .link-bubbles .icon-cashbackcard:after {
content: "\0042";
font-size: 42px;
margin-top: -2px;
}
.cms-error.v2 .link-bubbles .icon-shopping:after {
content: "\0044";
font-size: 42px;
margin-top: -2px;
}
#ds-adbox {
position: relative;
transition: all ease-in 0.3s;
}
#ds-adbox a {
text-decoration: none;
}
@media (max-width: 768px) {
#ds-adbox .box-content {
padding: 18px;
}
}
#ds-adbox .btn-close {
position: absolute;
width: 20px;
height: 20px;
top: 6px;
right: 14px;
z-index: 2;
color: #fff;
}
#ds-adbox .btn-close:hover {
color: #d9d9d9;
}
@media (min-width: 768px) {
#ds-adbox .btn-close {
right: 12px;
top: -13px;
color: #333;
}
#ds-adbox .btn-close:hover {
color: #5cb885;
}
}
@media (min-width: 992px) {
#ds-adbox .btn-close {
top: -6%;
}
}
@media (min-width: 1200px) {
#ds-adbox .btn-close {
top: -5%;
}
}
#ds-adbox .btn-close:before {
content: "\0065";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
right: 0;
top: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
cursor: pointer;
}
#ds-adbox .img-box {
background-size: cover !important;
background-repeat: no-repeat !important;
min-height: 140px;
position: relative;
}
#ds-adbox .img-box:before {
content: "";
position: absolute;
width: 100%;
height: 58px;
background: 0 0;
bottom: 0;
left: 0;
background-size: contain;
background-position: bottom center;
}
#ds-adbox .img-box h3 {
font-size: 42px;
margin: 0;
line-height: 1em;
color: #fff;
text-align: center;
transform: translateY(30%);
}
@media (min-width: 768px) {
#ds-adbox .img-box h3 {
font-size: 60px;
}
}
#ds-adbox .img-box p {
color: #333;
padding: 0;
margin: 0;
margin-top: 12px;
}
#ds-adbox .img-box .badge {
background: 0 0;
padding: 0;
position: relative;
}
@media (min-width: 768px) {
#ds-adbox .img-box .badge {
width: 100%;
height: 100%;
}
#ds-adbox .img-box .badge img {
position: absolute;
}
#ds-adbox .img-box .badge img:empty {
bottom: 0;
left: 50%;
transform: translate(-50%);
}
#ds-adbox .img-box .badge img:last-child {
left: 62%;
bottom: -28px;
}
}
@media (max-width: 768px) {
#ds-adbox .img-box .date-wrapper {
padding: 0;
}
}
#ds-adbox .img-box .date {
width: 100%;
text-transform: uppercase;
color: #333;
text-align: center;
}
@media (min-width: 768px) {
#ds-adbox .img-box .date {
text-align: right;
padding-top: 12px;
}
}
#ds-adbox .sub-box {
margin-top: 20px;
}
@media (min-width: 768px) {
#ds-adbox .sub-box a {
float: right;
}
}
#ds-adbox .sub-box .sub-box-btn {
text-align: center;
margin-bottom: 12px;
}
@media (min-width: 768px) {
#ds-adbox .sub-box .sub-box-btn {
text-align: left;
margin-bottom: 0;
}
}
#ds-adbox .sub-box p {
color: #333;
}
#ds-adbox .sub-box .btn-primary {
width: 180px;
white-space: normal;
height: 40px;
position: relative;
display: inline-block;
margin-top: 8px;
}
@media (min-width: 768px) {
#ds-adbox .sub-box .btn-primary {
margin-top: 0;
}
}
#ds-adbox .sub-box .btn-primary > span {
position: absolute;
display: inline-block;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
white-space: normal;
width: 90%;
}
.ui-multiselect {
padding: 9px 12px !important;
font-family: "Open Sans", Arial Unicode MS, sans-serif !important;
font-size: 13px !important;
border-radius: 0 !important;
overflow: hidden;
position: relative;
width: 100%;
}
.ui-multiselect > span {
overflow: hidden;
width: 100%;
display: inline-block;
}
.ui-multiselect .ui-icon.ui-icon-triangle-2-n-s {
width: 15px;
position: absolute;
right: 0;
}
.ui-multiselect .ui-state-hover {
background: 0 0 !important;
border: none !important;
background-color: #dfe2e9 !important;
}
.ui-multiselect-menu {
border-radius: 0 !important;
}
.ui-multiselect-menu label {
font-family: "Open Sans", Arial Unicode MS, sans-serif !important;
font-size: 13px !important;
color: #555 !important;
border: none;
padding: 9px 5px !important;
}
.ui-multiselect-menu label input[type="checkbox"] {
height: 13px;
}
.ui-multiselect-menu .ui-state-hover {
background: 0 0 !important;
background-color: #d9dee5 !important;
border: none !important;
border-radius: 0;
}
.ds-filter-wrapper .input-group-btn button {
padding: 3px 11px;
width: 46px;
height: 40px;
background-color: #5cb885;
position: relative;
}
.ds-filter-wrapper .input-group-btn button:focus {
outline: 0;
}
.ds-filter-wrapper .input-group-btn button:active,
.ds-filter-wrapper .input-group-btn button:active:focus,
.ds-filter-wrapper .input-group-btn button:hover {
background-color: #6fcb98;
}
.ds-filter-wrapper .input-group-btn button .fl-search {
font-size: 31px;
line-height: 0;
top: 6px;
vertical-align: top;
}
.ds-filter-wrapper .input-group-btn button .fl-search:before {
font-family: "myWorld Font";
content: "\0039";
color: #fff;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-filter-wrapper input[type="checkbox"] {
height: 13px !important;
float: left;
}
.ds-filter-wrapper label {
display: inline-block;
float: left;
padding-left: 5px;
}
.ds-filter-wrapper .box-content {
position: relative;
}
.ds-filter-wrapper .ds-hidden {
display: none;
}
.ds-filter-wrapper .ds-hidden-table-xs {
display: none !important;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-hidden-table-xs {
display: table !important;
}
}
.ds-filter-wrapper .ds-hidden-table-cell-xs {
display: none !important;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-hidden-table-cell-xs {
display: table-cell !important;
}
}
.ds-filter-wrapper .ds-hidden-xs {
display: none;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-hidden-xs {
display: inline-block;
}
}
.ds-filter-wrapper .ds-full-width {
margin: 0 -20px;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-full-width {
margin: 0 -21px;
}
}
@media (min-width: 992px) {
.ds-filter-wrapper .ds-full-width {
margin: 0 -14px;
}
}
@media (min-width: 1200px) {
.ds-filter-wrapper .ds-full-width {
margin: 0 -18px;
}
}
.ds-filter-wrapper hr {
border-color: #f1f2f7;
margin: 0;
margin-top: 15px !important;
}
.ds-filter-wrapper hr.ds-mobile {
margin-top: 15px !important;
}
.ds-filter-wrapper .ds-extended-search {
margin-top: 11px;
}
.ds-filter-wrapper #ds-hide-me {
margin-top: 25px;
}
@media (min-width: 768px) {
.ds-filter-wrapper #ds-hide-me {
margin-top: 12px;
}
}
.ds-filter-wrapper #ds-hide-me .ds-slider-txt-wrapper {
margin-top: 12px;
padding-left: 10px;
}
@media (min-width: 768px) {
.ds-filter-wrapper #ds-hide-me .ds-slider-txt-wrapper {
margin-top: 0;
font-size: 11px;
padding-top: 8px;
}
}
.ds-filter-wrapper #ds-hide-me .ds-zipcode {
margin-top: 12px;
}
@media (min-width: 768px) {
.ds-filter-wrapper #ds-hide-me .ds-zipcode {
margin-top: 0;
}
}
.ds-filter-wrapper #ds-hide-me .ds-location {
margin-top: 12px;
}
@media (min-width: 768px) {
.ds-filter-wrapper #ds-hide-me .ds-location {
margin-top: 0;
}
}
.ds-filter-wrapper #ds-hide-me .ds-country-id {
margin-top: 12px;
}
@media (min-width: 768px) {
.ds-filter-wrapper #ds-hide-me .ds-country-id {
margin-top: 0;
}
}
.ds-filter-wrapper #ds-hide-me .ds-state {
margin-top: 12px;
}
@media (min-width: 992px) {
.ds-filter-wrapper #ds-hide-me .ds-state {
margin-top: 0;
}
}
.ds-filter-wrapper #ds-hide-me .ds-area {
margin-top: 12px;
}
@media (min-width: 992px) {
.ds-filter-wrapper #ds-hide-me .ds-area {
margin-top: 0;
}
}
.ds-filter-wrapper #ds-hide-me .ds-checkboxes {
margin-top: 12px;
}
.ds-filter-wrapper #ds-hide-me .ds-checkboxes > div {
margin-top: 10px;
}
@media (min-width: 768px) {
.ds-filter-wrapper #ds-hide-me .ds-checkboxes > div {
margin-top: 0;
}
}
.ds-filter-wrapper #ds-hide-me .ds-checkboxes > div:first-child {
margin-top: 0;
}
.ds-filter-wrapper #toggleExtendedSearch {
cursor: pointer;
color: #5cb885;
}
.ds-filter-wrapper #toggleExtendedSearch:hover {
color: #6fcb98;
}
.ds-filter-wrapper #toggleExtendedSearch #toggleExtendedSearchIcon {
padding: 0;
}
.ds-filter-wrapper .ds-toggle-filter-wrapper {
margin-top: 10px;
}
.ds-filter-wrapper .ds-toggle-filter-wrapper a {
font-size: 16px;
}
.ds-filter-wrapper .ds-toggle-filter-wrapper .ds-open {
color: #fff;
background-color: #3982de;
}
.ds-filter-wrapper .ds-toggle-filter-wrapper .ds-open:focus,
.ds-filter-wrapper .ds-toggle-filter-wrapper .ds-open:hover {
background-color: #659ee5;
}
.ds-filter-wrapper .ds-toggle-filter-wrapper .glyphicon {
margin-right: 5px;
}
.ds-filter-wrapper #activeFilterContainer {
display: table;
opacity: 1;
}
@media (min-width: 768px) {
.ds-filter-wrapper #activeFilterContainer {
padding-left: 23px;
}
}
.ds-filter-wrapper #activeFilterContainer.no-filter .ds-txt {
transition: opacity 0.25s ease-in-out;
opacity: 0.5;
}
.ds-filter-wrapper #activeFilterContainer:not(.no-filter) .ds-txt {
opacity: 1;
transition: opacity 0.25s ease-in-out;
}
.ds-filter-wrapper .sep.sep-filter {
height: 1px;
width: 100%;
margin-top: 0;
background: 0 0;
}
.ds-filter-wrapper .sep.sep-filter > span {
display: block;
height: 100%;
margin-left: 5px;
background-color: #333;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-filters-active {
margin-top: 6px;
}
}
.ds-filter-wrapper .ds-filters-active a {
display: inline-block;
float: left;
}
.ds-filter-wrapper .ds-filters-active .ds-txt {
margin-top: 5px;
display: block;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 15px;
color: #71bf44;
padding-right: 10px;
text-transform: uppercase;
vertical-align: top;
white-space: nowrap;
padding-top: 7px;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-filters-active .ds-txt {
display: table-cell;
}
}
.ds-filter-wrapper .ds-filters-active .ds-clear-all {
display: table;
cursor: pointer;
padding: 2px 14px 2px 0;
color: #5cb885;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 16px;
position: relative;
margin-top: 6px;
width: 100%;
}
.ds-filter-wrapper .ds-filters-active .ds-clear-all:focus,
.ds-filter-wrapper .ds-filters-active .ds-clear-all:hover {
color: #6fcb98;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-filters-active .ds-clear-all {
display: inline-block;
font-size: 13px;
text-decoration: none;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
color: #5cb885;
margin-top: 7px;
margin-bottom: 12px;
width: auto;
}
.ds-filter-wrapper .ds-filters-active .ds-clear-all:focus,
.ds-filter-wrapper .ds-filters-active .ds-clear-all:hover {
color: #6fcb98;
}
.ds-filter-wrapper .ds-filters-active .ds-clear-all:after {
content: "\0065";
font-family: "myWorld Font";
position: absolute;
font-size: 17px;
line-height: 0;
right: 0;
top: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
}
.ds-filter-wrapper .ds-filters-active .ds-clear {
margin-right: 6px;
margin-top: 6px;
text-decoration: none;
background-color: #dfe3e9;
color: #5e6d81;
cursor: pointer;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
font-size: 11px;
padding: 5px;
padding-right: 20px;
position: relative;
}
.ds-filter-wrapper .ds-filters-active .ds-clear:after {
content: "\0065";
font-family: "myWorld Font";
position: absolute;
font-size: 17px;
line-height: 0;
right: 6px;
top: 12px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #5e6d81;
}
.ds-filter-wrapper .ds-filters-active .ds-clear:hover {
background-color: #5cb885;
}
.ds-filter-wrapper .ds-total-search-count-wrapper {
float: right;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 14px;
padding-top: 6px;
}
.ds-filter-wrapper .ds-select-type {
margin-top: 0;
}
.ds-filter-wrapper .ds-select-cbtype {
margin-top: 10px;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-select-cbtype {
margin-top: 0;
}
}
.ds-filter-wrapper .ds-select-category {
margin-top: 10px;
}
@media (min-width: 992px) {
.ds-filter-wrapper .ds-select-category {
margin-top: 0;
}
}
.ds-filter-wrapper .ds-select-subcategory {
margin-top: 10px;
}
@media (min-width: 992px) {
.ds-filter-wrapper .ds-select-subcategory {
margin-top: 0;
}
}
.ds-filter-wrapper .ds-searchfield {
margin-top: 10px;
}
@media (min-width: 992px) {
.ds-filter-wrapper .ds-searchfield {
margin-top: 0;
}
}
.ds-filter-wrapper .ds-result-count {
color: #333;
}
.ds-filter-wrapper .ds-filter-footer.box-content {
background-color: transparent;
padding-top: 10px;
}
.ds-filter-wrapper .ds-view {
padding-top: 5px;
width: 100%;
}
.ds-filter-wrapper .ds-view span {
display: inline-block;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-view {
padding-top: 11px;
width: auto;
}
}
.ds-filter-wrapper .ds-left-wrapper {
text-align: center;
}
@media (min-width: 992px) {
.ds-filter-wrapper .ds-left-wrapper {
text-align: right;
}
}
.ds-filter-wrapper .ds-left-wrapper .ds-favorites-wrapper,
.ds-filter-wrapper .ds-left-wrapper .ds-googlemaps-wrapper,
.ds-filter-wrapper .ds-left-wrapper .ds-total-search-count-wrapper {
display: table;
height: 40px;
}
.ds-filter-wrapper .ds-left-wrapper .ds-total-search-count-wrapper {
float: none;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
font-size: 13px;
padding-top: 0;
}
.ds-filter-wrapper .ds-left-wrapper #btnShowGoogleMaps,
.ds-filter-wrapper .ds-left-wrapper #search-favourites-container,
.ds-filter-wrapper .ds-left-wrapper .ds-total-search-count {
display: inline-block;
padding-right: 15%;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-left-wrapper #btnShowGoogleMaps,
.ds-filter-wrapper .ds-left-wrapper #search-favourites-container,
.ds-filter-wrapper .ds-left-wrapper .ds-total-search-count {
float: left;
display: table-cell;
padding-right: 15px;
}
}
.ds-filter-wrapper .ds-left-wrapper #btnShowGoogleMaps span,
.ds-filter-wrapper .ds-left-wrapper #search-favourites-container span,
.ds-filter-wrapper .ds-left-wrapper .ds-total-search-count span {
vertical-align: middle;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ds-left-wrapper #btnShowGoogleMaps span,
.ds-filter-wrapper .ds-left-wrapper #search-favourites-container span,
.ds-filter-wrapper .ds-left-wrapper .ds-total-search-count span {
display: table-cell;
}
}
.ds-filter-wrapper #search-favourites-container {
cursor: pointer;
padding-right: 0;
}
@media (min-width: 768px) {
.ds-filter-wrapper #search-favourites-container {
padding-right: 15%;
}
}
.ds-filter-wrapper #search-favourites-container .search-favourites-icon {
width: 35px;
height: 29px;
position: relative;
}
.ds-filter-wrapper #search-favourites-container .search-favourites-icon:before {
content: "\0048";
font-family: "myWorld Font";
position: absolute;
font-size: 3.8em;
line-height: 0;
left: 0;
top: 18px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
@media (min-width: 768px) {
.ds-filter-wrapper #search-favourites-container .search-favourites-icon {
width: 20px;
height: 16px;
}
.ds-filter-wrapper
#search-favourites-container
.search-favourites-icon:before {
font-size: 29px;
}
}
.ds-filter-wrapper #search-favourites-container .search-favourites-text {
color: #333;
display: none;
}
@media (min-width: 768px) {
.ds-filter-wrapper #search-favourites-container .search-favourites-text {
display: inline;
}
}
.ds-filter-wrapper
#search-favourites-container.search-favourites-on
.search-favourites-icon:before,
.ds-filter-wrapper
#search-favourites-container:hover
.search-favourites-icon:before {
color: #5cb885;
}
.ds-filter-wrapper
#search-favourites-container.search-favourites-on
.search-favourites-text,
.ds-filter-wrapper #search-favourites-container:hover .search-favourites-text {
color: #5cb885;
}
.ds-filter-wrapper #btnShowGoogleMaps {
cursor: pointer;
}
.ds-filter-wrapper #btnShowGoogleMaps .search-google-maps-icon {
width: 20px;
height: 32px;
position: relative;
}
.ds-filter-wrapper #btnShowGoogleMaps .search-google-maps-icon:before {
content: "\0049";
font-family: "myWorld Font";
position: absolute;
font-size: 3.8em;
line-height: 0;
left: 0;
top: 18px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
@media (min-width: 768px) {
.ds-filter-wrapper #btnShowGoogleMaps .search-google-maps-icon {
width: 14px;
height: 22px;
}
.ds-filter-wrapper #btnShowGoogleMaps .search-google-maps-icon:before {
font-size: 29px;
}
}
.ds-filter-wrapper #btnShowGoogleMaps .search-google-maps-text {
color: #333;
display: none;
}
@media (min-width: 768px) {
.ds-filter-wrapper #btnShowGoogleMaps .search-google-maps-text {
display: inline;
}
}
.ds-filter-wrapper #btnShowGoogleMaps:hover .search-google-maps-icon:before {
color: #e84271;
}
.ds-filter-wrapper #btnShowGoogleMaps:hover .search-google-maps-text {
color: #5cb885;
}
.ds-filter-wrapper .search-boxview-icon {
margin-right: 15px;
width: 37px;
height: 31px;
cursor: pointer;
position: relative;
}
@media (min-width: 768px) {
.ds-filter-wrapper .search-boxview-icon {
margin-right: 5px;
}
}
.ds-filter-wrapper .search-boxview-icon:before {
content: "\04A";
font-family: "myWorld Font";
position: absolute;
font-size: 4.4em;
line-height: 0;
left: 0;
top: 12px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.ds-filter-wrapper .search-boxview-icon:hover:before {
color: #5cb885;
}
@media (min-width: 768px) {
.ds-filter-wrapper .search-boxview-icon {
width: 19px;
height: 16px;
}
.ds-filter-wrapper .search-boxview-icon:before {
font-size: 32px;
line-height: 0;
top: 6px;
}
}
.ds-filter-wrapper .search-boxview-icon.on:before {
color: #5cb885;
}
.ds-filter-wrapper .search-listview-icon {
margin-left: 5px;
width: 37px;
height: 31px;
cursor: pointer;
position: relative;
}
.ds-filter-wrapper .search-listview-icon:before {
content: "\04B";
font-family: "myWorld Font";
position: absolute;
font-size: 4.4em;
line-height: 0;
left: 0;
top: 12px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.ds-filter-wrapper .search-listview-icon:hover:before {
color: #5cb885;
}
@media (min-width: 768px) {
.ds-filter-wrapper .search-listview-icon {
width: 19px;
height: 16px;
}
.ds-filter-wrapper .search-listview-icon:before {
font-size: 32px;
line-height: 0;
top: 6px;
}
}
.ds-filter-wrapper .search-listview-icon.on:before {
color: #5cb885;
}
@media (max-width: 767px) {
.ds-filter-wrapper .ds-filter-footer > .row {
text-align: center;
}
.ds-filter-wrapper .ds-left-wrapper {
width: auto;
float: none;
display: inline-block;
}
.ds-filter-wrapper .ds-left-wrapper #btnShowGoogleMaps {
width: 21px;
height: 40px;
padding-right: 0;
margin-left: 8px;
margin-right: 8px;
}
.ds-filter-wrapper .ds-left-wrapper .search-google-maps-icon {
display: inline-block;
height: 40px !important;
}
.ds-filter-wrapper .ds-left-wrapper #search-favourites-container {
padding-right: 0 !important;
}
.ds-filter-wrapper .ds-left-wrapper .search-favourites-icon {
width: 35px;
height: 40px !important;
display: inline-block;
margin-left: 8px;
margin-right: 8px;
}
.ds-filter-wrapper .ds-right-wrapper {
width: auto;
float: none;
display: inline-block;
}
}
.ds-filter-wrapper .ds-search-result-txt,
.ds-filter-wrapper .search-favourites-text,
.ds-filter-wrapper .search-google-maps-text {
padding-left: 5px;
}
.ds-filter-wrapper .ds-right-wrapper .ds-select-sort {
padding-left: 10px;
}
.ds-filter-wrapper .ds-right-wrapper .ds-sort-txt {
padding-left: 32px;
padding-top: 10px;
}
.ds-filter-wrapper .ds-select-sort,
.ds-filter-wrapper .ds-sort-txt,
.ds-filter-wrapper .ds-view {
float: right;
}
.ds-filter-wrapper .ds-select-sort.ds-top {
margin-bottom: 6px;
}
.ds-filter-wrapper .ds-select-sort.ds-top .form-control {
text-align: center;
}
.ds-filter-wrapper .ds-right-wrapper {
text-align: center;
}
.ds-filter-wrapper .react-select-wrapper .react-select__control {
height: 40px !important;
border-radius: 0;
box-shadow: none !important;
border: 2px solid #b6b6b6;
}
.ds-filter-wrapper
.react-select-wrapper
.react-select__control.react-select__control--is-focused,
.ds-filter-wrapper
.react-select-wrapper
.react-select__control.react-select__control--menu-is-open {
border: 2px solid #5cb885 !important;
}
.ds-filter-wrapper .react-select-wrapper .react-select__indicator-separator {
background-color: transparent !important;
}
.ds-filter-wrapper .react-select-wrapper .react-select__dropdown-indicator svg {
color: #909090;
}
.ds-filter-wrapper .react-select-wrapper .react-select__placeholder,
.ds-filter-wrapper .react-select-wrapper .react-select__single-value {
color: #333 !important;
}
.ds-filter-wrapper .react-select-wrapper .react-select__menu {
margin-top: 0 !important;
border-radius: 0 !important;
background-color: #fff !important;
border: 2px solid #b6b6b6;
box-shadow: none !important;
}
.ds-filter-wrapper
.react-select-wrapper
.react-select__menu
.react-select__option--is-focused,
.ds-filter-wrapper
.react-select-wrapper
.react-select__menu
.react-select__option--is-selected {
background-color: #5cb885 !important;
color: #fff !important;
}
.ds-filter-wrapper .ui-slider.ui-slider-horizontal {
border: none;
background: 0 0;
height: 32px;
width: 95%;
margin-left: 2%;
background-color: #d9dee5;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ui-slider.ui-slider-horizontal {
height: 20px;
}
}
.ds-filter-wrapper .ui-slider-range {
background: 0 0;
background-color: #aab3c0;
}
.ds-filter-wrapper .ui-slider-handle {
margin-left: -12.5px !important;
background: 0 0 !important;
border: none !important;
top: 0 !important;
height: 32px !important;
width: 32px !important;
cursor: pointer !important;
}
@media (min-width: 768px) {
.ds-filter-wrapper .ui-slider-handle {
height: 20px !important;
width: 20px !important;
}
}
.ds-filter-wrapper .ui-corner-all,
.ds-filter-wrapper .ui-corner-left,
.ds-filter-wrapper .ui-corner-tl,
.ds-filter-wrapper .ui-corner-top {
border-top-left-radius: 12px;
}
.ds-filter-wrapper .ui-corner-all,
.ds-filter-wrapper .ui-corner-right,
.ds-filter-wrapper .ui-corner-top,
.ds-filter-wrapper .ui-corner-tr {
border-top-right-radius: 12px;
}
.ds-filter-wrapper .ui-corner-all,
.ds-filter-wrapper .ui-corner-bl,
.ds-filter-wrapper .ui-corner-bottom,
.ds-filter-wrapper .ui-corner-left {
border-bottom-left-radius: 12px;
}
.ds-filter-wrapper .ui-corner-all,
.ds-filter-wrapper .ui-corner-bottom,
.ds-filter-wrapper .ui-corner-br,
.ds-filter-wrapper .ui-corner-right {
border-bottom-right-radius: 12px;
}
.ds-filter-wrapper .no-result-search-text-bold {
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 15px;
}
.ds-filter-wrapper .sort-wrapper {
display: flex;
align-items: center;
text-align: right;
}
.ds-filter-wrapper .sort-wrapper .ds-sort-txt {
flex: 1;
font-size: 13px;
}
.ds-filter-wrapper .sort-wrapper .react-select-wrapper {
text-align: left;
flex: 1;
}
.bm-burger-button {
position: relative;
float: right;
width: 36px;
height: 30px;
}
.bm-burger-bars {
background: #373a47;
}
.bm-cross-button {
height: 24px;
width: 24px;
}
.bm-cross {
background: #bdc3c7;
}
.bm-menu-wrap {
top: 0;
}
.bm-menu {
background: #fff;
padding: 2.5em 1.5em 0;
font-size: 1.15em;
}
.bm-menu .sidebar-filter-btn {
font-size: 15px;
}
.bm-menu .ds-filter-box {
margin: 22px 0;
}
.bm-menu .ds-filter-box:last-of-type {
margin-bottom: 50px;
}
.bm-item-list {
color: #b8b7ad;
padding: 0.8em;
}
.bm-overlay {
background: rgba(0, 0, 0, 0.3);
}
.ds-filter-reloaded #ds-hide-me #extendedSearchFilter .react-select-wrapper {
margin-top: 16px;
}
.ds-filter-reloaded #GlobalSearchFilterContainer {
padding-bottom: 4px;
padding-top: 4px;
}
@media (min-width: 768px) {
.ds-filter-reloaded #GlobalSearchFilterContainer {
padding-bottom: 12px;
padding-top: 0;
}
}
.ds-filter-reloaded #GlobalSearchFilterContainer .box-content {
padding: 18px;
}
@media (max-width: 767px) {
.ds-filter-reloaded #GlobalSearchFilterContainer .box-content:before {
content: "";
border-bottom: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
height: 100%;
left: 2px;
position: absolute;
top: 2px;
width: 100%;
z-index: 0;
}
}
@media (min-width: 768px) {
.ds-filter-reloaded #GlobalSearchFilterContainer .box-content {
margin-left: 5px;
}
}
.ds-filter-reloaded .ds-result-count {
color: #333;
padding-left: 0;
margin-right: 24px;
float: left;
}
.ds-filter-reloaded .result-extension.map {
padding: 0 9px 24px 10px;
}
.ds-filter-reloaded .result-extension.sidebar {
padding: 0 9px 8px 10px;
}
.ds-filter-reloaded .map-btn-wrapper,
.ds-filter-reloaded .print-btn-wrapper {
display: inline-block;
cursor: pointer;
margin-top: -1px;
}
.ds-filter-reloaded .res-btn.btn-block {
padding: 10px 42px;
margin: inherit;
}
.ds-filter-reloaded .res-btn .res-btn-lbl {
color: #fff;
font-size: 13px;
position: relative;
padding-left: 22px;
margin-right: 24px;
}
@media (min-width: 768px) {
.ds-filter-reloaded .res-btn .res-btn-lbl {
color: #333;
height: 24px;
display: inline-block;
}
}
.ds-filter-reloaded .res-btn .res-btn-lbl:hover {
color: #fff;
}
@media (min-width: 768px) {
.ds-filter-reloaded .res-btn .res-btn-lbl:hover {
color: #5cb885;
}
}
.ds-filter-reloaded .res-btn .res-btn-lbl:before {
content: "\0049";
font-family: "myWorld Font";
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
position: absolute;
left: 0;
top: 5px;
font-size: 38px;
color: #fff;
}
@media (min-width: 768px) {
.ds-filter-reloaded .res-btn .res-btn-lbl:before {
color: #333;
}
}
.ds-filter-reloaded .res-btn .res-btn-lbl:hover:before {
color: #fff;
}
@media (min-width: 768px) {
.ds-filter-reloaded .res-btn .res-btn-lbl:hover:before {
color: #5cb885;
}
}
.ds-filter-reloaded .res-btn .res-btn-lbl.filter {
padding-left: 36px;
}
.ds-filter-reloaded .res-btn .res-btn-lbl.filter:before {
content: "\0037";
}
.ds-filter-reloaded .res-btn .res-btn-lbl.print {
padding-left: 41px;
}
.ds-filter-reloaded .res-btn .res-btn-lbl.print:before {
content: "\007A";
}
.ds-filter-reloaded .no-results-infotext {
padding-left: 0;
padding-top: 0;
padding-bottom: 11px;
color: #333;
font-size: 15px;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.ds-filter-reloaded .no-results-infotext .print-btn-wrapper {
margin-top: 8px;
}
.ds-filter-reloaded #tbSearch {
padding: 16px 14px 4px 14px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
position: relative;
z-index: 1;
}
.ds-filter-reloaded #tbSearch:focus + #tbSearchPlaceholder {
position: absolute;
top: 3px;
left: 14px;
pointer-events: none;
font-size: 10px;
transition: all 0.2s;
}
.ds-filter-reloaded #tbSearchPlaceholder {
position: absolute;
top: 11px;
left: 14px;
color: #909090;
pointer-events: none;
font-size: 13px;
transition: all 0.2s;
z-index: 1;
}
.ds-filter-reloaded #tbSearchPlaceholder.elevate {
position: absolute;
top: 3px;
left: 14px;
pointer-events: none;
font-size: 10px;
transition: all 0.2s;
}
.ds-filter-reloaded .s-alert-wrapper .s-alert-info {
background-color: #5cb885;
color: #5cb885;
}
.ds-filter-reloaded .s-alert-wrapper .s-alert-info h4 {
color: #5cb885;
}
.ds-filter-reloaded .s-alert-wrapper .s-alert-info a {
color: #5cb885;
}
.ds-filter-reloaded .s-alert-wrapper .s-alert-info a:hover {
color: #6fcb98;
}
.ds-filter-reloaded .s-alert-wrapper .s-alert-close:after,
.ds-filter-reloaded .s-alert-wrapper .s-alert-close:before {
content: "";
transform: translate(0, 0);
left: auto;
}
.ds-filter-reloaded .s-alert-wrapper .s-alert-close:before {
content: "\0065";
font-family: "myWorld Font";
position: absolute;
font-size: 22px;
line-height: 0;
right: 4px;
top: 9px;
width: auto;
height: auto;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
cursor: pointer;
color: #5cb885;
}
.ds-filter-reloaded .s-alert-wrapper .s-alert-close:hover:before {
color: #6fcb98;
}
.ds-filter-reloaded #toggleExtendedSearch {
margin-top: 10px;
}
.ds-filter-reloaded #toggleExtendedSearch > span {
display: inline-block;
padding-right: 19px;
position: relative;
}
.ds-filter-reloaded #toggleExtendedSearch > span:after,
.ds-filter-reloaded #toggleExtendedSearch > span:before {
font-family: "myWorld Font";
font-size: 24px;
line-height: 0;
position: absolute;
width: 18px;
height: 18px;
top: 0;
right: 0;
transition: all 0.3s ease-out;
padding-top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-filter-reloaded #toggleExtendedSearch > span:before {
content: "\00A1";
transform: rotate(0);
opacity: 1;
}
.ds-filter-reloaded #toggleExtendedSearch > span:after {
content: "\00A2";
padding-top: 10px;
opacity: 0;
transform: rotate(-90deg);
}
.ds-filter-reloaded #toggleExtendedSearch.active span:before {
transform: rotate(90deg);
opacity: 0;
}
.ds-filter-reloaded #toggleExtendedSearch.active span:after {
transform: rotate(0);
opacity: 1;
}
.ds-filter-reloaded .Select .Select-control {
margin-top: 16px;
}
.ds-filter-reloaded #ds-hide-me {
margin: 0;
position: relative;
z-index: 2;
}
.ds-filter-reloaded #ds-hide-me #extendedSearchFilter.overflow-visible {
overflow: visible !important;
}
.ds-filter-reloaded #ds-hide-me #extendedSearchFilter.opened {
transition-duration: 0.4s;
transition-timing-function: ease-in;
max-height: 120px;
overflow: hidden;
}
.ds-filter-reloaded #ds-hide-me #extendedSearchFilter.closed {
overflow: hidden;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.ds-filter-reloaded #ds-hide-me .form-control {
margin-top: 16px;
}
.ds-filter-reloaded .ds-searchfield {
margin-top: 0;
}
.ds-filter-reloaded .ds-searchfield .form-control {
-webkit-appearance: none;
-moz-appearance: none;
}
.ds-filter-reloaded .ds-searchfield .frm-search-input {
position: relative;
display: table;
border-collapse: separate;
}
.ds-filter-reloaded .input-group-btn {
z-index: 0;
}
.ds-filter-reloaded .input-group-btn button {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.ds-filter-reloaded .input-group-btn button .fl-search {
width: 46px;
height: 40px;
position: absolute;
left: 0;
top: 0;
line-height: normal;
}
.ds-filter-reloaded .input-group-btn button .fl-search:before {
content: "\0039";
font-family: "myWorld Font";
font-size: 30px;
line-height: 0;
position: absolute;
width: 21px;
height: 21px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-filter-reloaded .row-results-header {
display: flex;
align-items: center;
margin-bottom: 42px;
padding-left: 23px;
padding-right: 18px;
}
@media (min-width: 768px) {
.ds-filter-reloaded .row-results-header {
margin-top: 12px;
}
}
.ds-filter-reloaded .ds-filters-active {
margin-top: 6px;
min-height: 45px;
}
.ds-filter-reloaded .ds-filters-active.opened {
transition-duration: 0.4s;
transition-timing-function: ease-in;
overflow: hidden;
}
.ds-filter-reloaded .ds-filters-active.closed {
overflow: hidden;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.ds-filter-reloaded .ds-filters-active hr {
border: none;
height: 2px;
margin-top: 0 !important;
background-color: #fff;
}
.ds-filter-reloaded .ds-filters-active .ds-clear {
padding-right: 24px;
margin-top: 7px;
}
.ds-filter-reloaded .ds-filters-active .ds-clear:after {
font-size: 20px;
right: 5px;
top: 12px;
}
.ds-filter-reloaded .ds-filters-active .ds-clear-all {
margin-top: 10px;
padding-right: 17px;
}
.ds-filter-reloaded .ds-filters-active .ds-clear-all:after {
font-size: 23px;
}
.ds-filter-reloaded .ds-filters-active .ds-txt {
padding-top: 10px;
}
.ds-filter-reloaded .ds-itembox {
margin-bottom: 30px;
}
.ds-filter-reloaded .box-item {
padding-top: 0;
padding-bottom: 0;
}
.ds-filter-reloaded .ds-row-results {
margin-top: 6px;
}
@media (min-width: 768px) {
.ds-filter-reloaded .ds-row-results {
margin-top: 18px;
}
}
.ds-filter-reloaded h4 {
font-size: 18px;
}
.ds-filter-reloaded .sep {
height: 1px;
width: 100%;
margin-top: 10px;
background-color: #333;
}
.ds-filter-reloaded ul.ds-quicksearch {
margin: 0;
padding: 0;
padding-top: 12px;
padding-left: 32px;
}
.ds-filter-reloaded ul.ds-quicksearch > li {
list-style: none;
margin-top: 16px;
}
.ds-filter-reloaded ul.ds-quicksearch > li:first-child {
margin-top: 0;
}
.ds-filter-reloaded ul.ds-quicksearch > li a {
color: #333;
cursor: pointer;
text-decoration: none;
}
.ds-filter-reloaded ul.ds-quicksearch > li a:hover {
color: #5cb885;
}
.ds-filter-reloaded ul.ds-quicksearch .fl {
position: relative;
color: #333;
}
.ds-filter-reloaded ul.ds-quicksearch .fl:before {
position: absolute;
font-family: "myWorld Font";
font-size: 27px;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
left: -27px;
top: 8px;
color: #333;
}
.ds-filter-reloaded ul.ds-quicksearch .fl.active {
color: #5cb885;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.ds-filter-reloaded ul.ds-quicksearch .fl:hover {
color: #5cb885;
}
.ds-filter-reloaded ul.ds-quicksearch .fl.fl-partner:before {
content: "\0049";
font-size: 30px;
left: -24px;
}
.ds-filter-reloaded ul.ds-quicksearch .fl.fl-sp:before {
content: "\0046";
}
.ds-filter-reloaded ul.ds-quicksearch .fl.fl-deals:before {
content: "\002f";
left: -28px;
}
.ds-filter-reloaded ul.ds-quicksearch .fl.fl-favourites:before {
content: "\0048";
}
.ds-filter-reloaded ul.ds-quicksearch .fl.fl-online-shops:before {
content: "\0023";
left: -26px;
font-size: 26px;
}
.ds-filter-reloaded ul.ds-quicksearch .fl.fl-evouchers:before {
content: "\00ED";
left: -26px;
font-size: 28px;
}
.ds-filter-reloaded ul.ds-quicksearch .fl.fl-voucher-stores:before {
content: "\0047";
left: -31px;
font-size: 26px;
}
.ds-filter-reloaded ul.ds-quicksearch .fl.fl-partners-near-me:before {
content: "\00C7";
left: -24px;
}
.ds-filter-reloaded ul.cashback-type {
margin: 0;
padding: 0;
padding-top: 12px;
margin-bottom: -3px;
}
.ds-filter-reloaded ul.cashback-type > li {
list-style: none;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox {
position: relative;
display: inline-block;
cursor: pointer;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox label {
padding-left: 30px;
color: #333;
cursor: pointer;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox label:hover {
color: #5cb885;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox input {
position: absolute;
outline: 0;
left: 0;
top: 0;
padding: 0;
width: 18px !important;
height: 18px !important;
border: none;
margin: 0;
opacity: 0;
z-index: 1;
cursor: pointer;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox .box {
position: relative;
display: block;
width: 18px;
height: 18px;
border: 2px solid #333;
background-color: #fff;
border-radius: 2px;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox .box .tick {
position: absolute;
left: 2px;
top: 3px;
width: 10px;
height: 6px;
border-bottom: 3px solid #5cb885;
border-left: 3px solid #5cb885;
transform: rotate(-45deg);
display: none;
border-radius: 2px;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox.active label {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5cb885;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox.active .tick {
display: block;
}
.ds-filter-reloaded .ds-filter-box {
padding-right: 18px;
}
.ds-filter-reloaded .ds-filter-extra-col {
font-size: 13px;
}
@media (min-width: 768px) {
.ds-filter-reloaded .ds-filter-extra-col {
font-size: 11px;
}
}
@media (min-width: 992px) {
.ds-filter-reloaded .ds-filter-extra-col {
font-size: 13px;
}
}
.ds-filter-reloaded .ds-filter-extra-col > div {
padding-top: 6%;
margin-top: 12px;
}
.ds-filter-reloaded .ds-filter-extra-col > div:first-child {
padding-top: 0;
margin-top: 0;
}
.ds-filter-reloaded #accordion {
padding-left: 0;
padding-right: 0;
}
.ds-filter-reloaded #accordion .panel {
margin-right: -2px;
}
.ds-filter-reloaded #accordion .panel-body {
background-color: #fff;
padding-top: 0;
}
.ds-filter-reloaded .ds-select-sort {
margin-top: -9px;
}
@media (min-width: 768px) {
.ds-filter-reloaded .ds-select-sort {
padding-right: 18px;
}
}
.ds-filter-reloaded .ds-select-sort .form-control {
height: 32px;
padding: 4px;
}
.ds-filter-reloaded .ds-sort-txt {
margin-top: -2px;
}
.ds-filter-reloaded .ds-sort-txt > span {
padding-right: 10px;
}
.ds-filter-reloaded #btnFilterMobile {
box-shadow: none;
margin-top: 10px;
}
.ds-filter-reloaded #btnFilterMobile.btn-primary.active:focus {
background-color: #6fcb98;
}
.ds-filter-reloaded #dsClearAllMobile {
display: inline-block;
color: #5cb885;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
cursor: pointer;
}
.ds-filter-reloaded #dsClearAllMobile:hover {
color: #6fcb98;
}
.ds-filter-reloaded #totalSearchCountWrapperMobile {
font-size: 12px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #333;
}
.ds-filter-reloaded .ds-loading-sk .sk-three-bounce {
width: 80px;
text-align: center;
}
.ds-filter-reloaded .ds-loading-sk .sk-three-bounce .sk-child {
width: 18px;
height: 18px;
background-color: #5cb885;
border-radius: 100%;
display: inline-block;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.ds-filter-reloaded .ds-loading-sk .sk-three-bounce .sk-bounce1 {
animation-delay: -0.32s;
}
.ds-filter-reloaded .ds-loading-sk .sk-three-bounce .sk-bounce2 {
animation-delay: -0.16s;
}
@keyframes sk-three-bounce {
0%,
100%,
80% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
#ds-cat-menu[showallcat="true"] .ul-cat {
display: block;
}
#ds-cat-menu[showallcat="true"] #show-categories {
display: none;
}
#ds-cat-menu[showallcat="true"] #hide-categories {
display: block;
}
#ds-cat-menu[showallcat="false"] .ul-cat {
display: none;
}
#ds-cat-menu[showallcat="false"] #show-categories {
display: block;
}
#ds-cat-menu[showallcat="false"] #hide-categories {
display: none;
}
#ds-cat-menu .ul-cat {
cursor: pointer;
}
#ds-cat-menu .ul-cat[hasfocus="true"] {
display: block;
}
#ds-cat-menu .ul-cat.collapsed .ul-subcat {
display: none;
}
#ds-cat-menu .ul-cat.expanded .ul-subcat {
display: block;
}
#ds-cat-menu ul {
padding: 0;
margin: 0;
padding-left: 23px;
margin-top: 8px;
}
#ds-cat-menu ul.ul-subcat-more {
padding-left: 0;
}
#ds-cat-menu ul#hide-categories > li > a,
#ds-cat-menu ul#show-categories > li > a,
#ds-cat-menu ul.ul-cat > li > a {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#ds-cat-menu ul li a.ul-cat {
margin-top: 11px;
}
#ds-cat-menu ul li a.ul-cat.status {
position: relative;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#ds-cat-menu ul li a.ul-cat.status:before {
position: absolute;
transition: all 0.3s;
content: "\007E";
font-family: "myWorld Font";
font-size: 21px;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
left: -17px;
top: 8px;
color: #333;
}
#ds-cat-menu ul li a.ul-cat.status.expanded {
color: #5cb885;
}
#ds-cat-menu ul li a.ul-cat.status.expanded:before {
transform-origin: center 2px;
transform: rotate(90deg);
}
#ds-cat-menu ul li a.ul-cat[subcat="none"]:before {
content: "";
}
#ds-cat-menu ul.ul-subcat {
padding-left: 5px;
}
@media (min-width: 992px) {
#ds-cat-menu ul.ul-subcat {
padding-left: 23px;
}
}
#ds-cat-menu ul.ul-subcat li {
margin-top: 8px;
}
#ds-cat-menu a {
color: #333;
cursor: pointer;
text-decoration: none;
}
#ds-cat-menu a:hover {
color: #5cb885;
}
#ds-cat-menu li {
list-style: none;
}
#ds-cat-menu li.active a {
font-family: var(
--font-family-bold,
"Open Sans Bold",
Arial Unicode MS,
sans-serif
);
}
#ds-cat-menu li.li-more a {
font-family: var(
--font-family-bold,
"Open Sans Bold",
Arial Unicode MS,
sans-serif
);
}
#ds-cat-menu li.li-less a {
font-family: var(
--font-family-bold,
"Open Sans Bold",
Arial Unicode MS,
sans-serif
);
}
#ds-cat-menu li.subcat-more-wrapper {
margin-top: 0 !important;
}
#ds-cat-menu ul li.active a {
color: #5cb885;
}
#ds-cat-menu[showallcat] ul#hide-categories,
#ds-cat-menu[showallcat] ul#show-categories {
margin-top: 12px;
position: relative;
}
#ds-cat-menu[showallcat] ul#hide-categories:before,
#ds-cat-menu[showallcat] ul#show-categories:before {
position: absolute;
transition: all 0.3s;
content: "\007E";
font-family: "myWorld Font";
font-size: 21px;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
left: 5px;
top: 6px;
color: #333;
}
@media (min-width: 992px) {
#ds-cat-menu[showallcat] ul#hide-categories:before,
#ds-cat-menu[showallcat] ul#show-categories:before {
top: 8px;
}
}
#ds-cat-menu[showallcat="true"] ul#hide-categories:before,
#ds-cat-menu[showallcat="true"] ul#show-categories:before {
transition: all 0.3s;
transform-origin: center 2px;
transform: rotate(90deg);
}
.v2-box-footer-wrapper {
height: 56px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-top: 2px solid #fff;
}
.v2-box-footer-wrapper .info {
font-size: 9px;
color: #333;
text-transform: uppercase;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.v2-box-footer-wrapper .upto {
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
font-size: 9px;
text-transform: uppercase;
color: #333;
background-color: #fff;
padding: 0 2px;
}
.v2-box-footer-wrapper .v2-sp-cb-wrapper {
height: 100%;
position: relative;
}
.v2-box-footer-wrapper .v2-sp-cb-wrapper:before {
position: absolute;
content: "";
border: 1px solid #fff;
width: 1px;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.v2-box-footer-wrapper .v2-cb-wrapper {
display: inline-block;
float: left;
width: 50%;
color: #333;
font-family: var(
--font-family-bold,
"Open Sans Bold",
Arial Unicode MS,
sans-serif
);
text-align: center;
}
.v2-box-footer-wrapper .v2-cb-wrapper .v2-cb {
display: inline-block;
margin-top: 2px;
}
.v2-box-footer-wrapper .v2-cb-wrapper .v2-cb span {
font-size: 18px;
}
.v2-box-footer-wrapper .v2-cb-wrapper .v2-cb span:first-child {
font-size: 26px;
}
.v2-box-footer-wrapper .v2-cb-wrapper .v2-cb-txt {
font-family: var(
--font-family-base,
"Open Sans",
Arial Unicode MS,
sans-serif
);
color: #333;
font-size: 9px;
text-transform: uppercase;
margin-top: -3px;
}
.v2-box-footer-wrapper .v2-sp-wrapper {
display: inline-block;
float: left;
width: 50%;
text-align: center;
color: #333;
font-family: var(
--font-family-bold,
"Open Sans Bold",
Arial Unicode MS,
sans-serif
);
font-size: 26px;
}
.v2-box-footer-wrapper .v2-sp-wrapper .v2-sp {
display: inline-block;
margin-top: 2px;
}
.v2-box-footer-wrapper .v2-sp-wrapper .v2-sp span {
position: relative;
padding-right: 23px;
}
.v2-box-footer-wrapper .v2-sp-wrapper .v2-sp span:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.v2-box-footer-wrapper .v2-sp-wrapper .v2-sp-txt {
font-family: var(
--font-family-base,
"Open Sans",
Arial Unicode MS,
sans-serif
);
color: #333;
font-size: 9px;
text-transform: uppercase;
margin-top: -3px;
}
.js-isotope {
margin-left: -10px;
margin-right: -10px;
}
.ds-itembox {
margin-bottom: 15px;
height: 290px;
padding-left: 10px;
padding-right: 10px;
}
.ds-itembox a,
.ds-itembox a:active,
.ds-itembox a:focus,
.ds-itembox a:hover {
text-decoration: none !important;
}
.ds-itembox.p-bannerbox img {
padding-top: 17px;
}
.ds-itembox.p-bannerbox .p-banner-txt {
color: #00386e;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
text-transform: uppercase;
padding-top: 7px;
}
.ds-itembox.p-bannerbox .ds-bottom-line-txt-wrapper {
width: 100%;
}
.ds-itembox.p-bannerbox .ds-bottom-line-txt-wrapper .ds-bottom-line-txt {
text-align: center !important;
}
.ds-itembox.box-img-shadow a {
position: relative;
display: inline-block;
}
.ds-itembox.box-img-shadow a:active:before,
.ds-itembox.box-img-shadow a:focus:before,
.ds-itembox.box-img-shadow a:hover:before {
border: 2px solid #d0d4d9;
bottom: 0;
content: "";
height: auto;
left: -2px;
position: absolute;
right: 0;
top: -2px;
width: auto;
}
.ds-itembox > .ds-box {
position: relative;
display: block;
}
.ds-itembox > .ds-box:before {
position: absolute;
content: "";
left: 2px;
top: 2px;
width: 100%;
height: 100%;
border-bottom: 2px solid #d0d0d0;
border-right: 2px solid #d0d0d0;
z-index: 0;
}
.ds-itembox > .ds-box > .ds-footer-lnk-2:before {
content: "";
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
height: auto;
width: auto;
border: 2px solid transparent;
transition: border-color 0.35s ease;
z-index: 1;
}
.ds-itembox > .ds-box > .ds-footer-lnk-2:active,
.ds-itembox > .ds-box > .ds-footer-lnk-2:focus,
.ds-itembox > .ds-box > .ds-footer-lnk-2:hover {
text-decoration: none;
}
.ds-itembox > .ds-box > .ds-footer-lnk-2:active:before,
.ds-itembox > .ds-box > .ds-footer-lnk-2:focus:before,
.ds-itembox > .ds-box > .ds-footer-lnk-2:hover:before {
content: "";
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
height: auto;
width: auto;
border: 2px solid #aaa;
z-index: 1;
}
.ds-box {
margin-bottom: 10px;
position: relative;
z-index: 0;
background-color: #fff;
min-height: 250px;
height: 100%;
width: 100%;
float: left;
}
.ds-box a {
text-decoration: none !important;
height: 100%;
position: relative;
}
.ds-box a.ds-footer-lnk {
float: left;
height: 52px;
width: 100%;
text-align: center;
}
.ds-box a.ds-footer-lnk-2 {
height: 100%;
width: 100%;
text-align: center;
position: absolute;
bottom: 0;
}
.ds-box a.ds-footer-lnk-2:active,
.ds-box a.ds-footer-lnk-2:focus,
.ds-box a.ds-footer-lnk-2:hover {
position: absolute;
}
.ds-box > a,
.ds-box > a:active,
.ds-box > a:focus,
.ds-box > a:hover {
position: relative;
display: block;
text-decoration: none !important;
color: #505050;
}
.ds-box .ds-box-headline {
text-align: center;
margin-top: 69px;
}
.ds-box .ds-box-headline h4 {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5e6c81;
padding: 0 15px;
font-size: 13px;
}
.ds-box .ds-box-content {
font-size: 11px;
padding: 0 15px;
position: relative;
text-align: center;
color: #333;
}
.ds-box .ds-box-content > p {
overflow-x: hidden;
text-align: center;
}
.ds-box .ds-box-content-evoucher {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
padding-top: 25px;
}
.ds-box .ds-box-content-evoucher > i {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
position: relative;
display: inline-block;
padding-left: 30px;
font-style: normal;
color: #333;
}
.ds-box .ds-box-content-evoucher > i:before {
content: "\00ED";
font-family: "myWorld Font";
position: absolute;
font-size: 31px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-box .ds-box-openstat {
text-align: center;
font-size: 11px;
position: relative;
}
.ds-box .ds-box-openstat span {
display: inline-block;
position: relative;
padding-left: 18px;
top: -5px;
}
.ds-box .ds-box-openstat span:before {
content: "\0059";
font-family: "myWorld Font";
position: absolute;
font-size: 22px;
line-height: 0;
left: 0;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #a94442;
}
.ds-box .ds-box-openstat.open span:before {
color: #5cb885;
}
.ds-box .ds-box-footer {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 26px;
color: #333;
text-align: center;
padding-bottom: 5px;
}
.ds-box .ds-box-footer .txt {
font-family: "Open Sans", Arial Unicode MS, sans-serif;
font-size: 9px;
text-transform: uppercase;
color: #333;
margin-top: -5px;
text-align: left;
}
.ds-box .ds-box-footer .ds-cb-wrapper {
float: right;
}
.ds-box .ds-box-footer .ds-cb-wrapper .ds-cb .img {
width: 23px;
height: 20px;
display: inline-block;
margin-left: 3px;
position: relative;
}
.ds-box .ds-box-footer .ds-cb-wrapper .ds-cb .img:before {
content: "\0045";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
left: 0;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.ds-box .ds-box-footer .ds-sp-wrapper {
float: left;
}
.ds-box .ds-box-footer .ds-sp-wrapper .ds-sp .img {
width: 20px;
height: 20px;
display: inline-block;
margin-left: 3px;
position: relative;
}
.ds-box .ds-box-footer .ds-sp-wrapper .ds-sp .img:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
left: 0;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.ds-box .ds-box-footer .ds-sp-wrapper .ds-sp .info {
font-size: 9px;
display: inline-block;
text-align: left;
}
.ds-box .ds-box-footer .ds-sp-wrapper .ds-sp .info span:after {
content: "\A";
white-space: pre;
}
.ds-box.ds-standard {
padding-bottom: 52px;
}
.ds-box.ds-standard .ds-box-content {
text-align: justify;
color: #333;
}
.ds-box.ds-standard .ds-favorite-link {
width: 20px;
height: 18px;
position: absolute;
right: 12px;
top: 55px;
z-index: 2;
cursor: pointer;
}
.ds-box.ds-standard .ds-favorite-link span {
display: inline-block;
position: relative;
z-index: 2;
width: 20px;
height: 18px;
color: transparent;
cursor: pointer;
}
.ds-box.ds-standard .ds-favorite-link span:hover {
color: #5cb885;
}
.ds-box.ds-standard .ds-favorite-link span:hover:before {
color: #5cb885;
}
.ds-box.ds-standard .ds-favorite-link span:before {
content: "\0048";
font-family: "myWorld Font";
position: absolute;
font-size: 30px;
line-height: 0;
left: 0;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
z-index: -1;
}
.ds-box.ds-standard .ds-favorite-link.tool-tip span {
color: #333;
}
.ds-box.ds-standard .ds-favorite-link.active span,
.ds-box.ds-standard .ds-favorite-link.active.tool-tip span {
color: #5cb885 !important;
}
.ds-box.ds-standard .ds-favorite-link.active span:hover:before,
.ds-box.ds-standard .ds-favorite-link.active.tool-tip span:hover:before {
color: #6fcb98 !important;
}
.ds-box.ds-standard:hover .ds-favorite-link span {
color: #333;
}
.ds-box.ds-super-cb .ds-scb-txt {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 12px;
font-size: 11px;
text-transform: uppercase;
padding-left: 24px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5cb885;
}
.ds-box.ds-super-cb .ds-scb-txt:before {
content: "\00E4";
text-transform: none;
font-family: "myWorld Font";
position: absolute;
font-size: 21px;
line-height: 0;
left: 0;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #5cb885;
}
.ds-box.ds-super-cb .v2-box-footer-wrapper .v2-cb-wrapper .v2-cb {
position: relative;
}
.ds-box.ds-super-cb
.v2-box-footer-wrapper
.v2-cb-wrapper
.v2-cb
span:first-child {
padding-left: 23px;
}
.ds-box.ds-super-cb .v2-box-footer-wrapper .v2-cb-wrapper .v2-cb:before {
font-family: "myWorld Font";
font-size: 22px;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
position: absolute;
text-transform: none;
content: "\00E4";
left: 0;
top: 20px;
}
.ds-box.ds-super-cb .v2-box-footer-wrapper .v2-cb-wrapper .v2-cb span {
color: #5cb885;
}
.ds-box.ds-super-cb .v2-box-footer-wrapper .v2-sp-wrapper .v2-sp span,
.ds-box.ds-super-cb .v2-box-footer-wrapper .v2-sp-wrapper .v2-sp span:before {
color: #5cb885;
}
.ds-top-wrapper > .ds-cat-dots {
width: 45px;
height: 40px;
}
.ds-cat {
position: absolute;
width: 30px;
height: 30px;
top: 11px;
right: 4px;
z-index: 0;
}
.ds-top-wrapper {
height: 41px;
position: relative;
}
.ds-top-wrapper .ds-cbtype {
display: inline-block;
float: left;
margin-left: 1px;
}
.ds-top-wrapper .ds-cbtype:first-child {
margin-left: 15px;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-coupon {
width: 23px;
height: 19px;
margin-top: 11px;
position: relative;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-coupon:before {
content: "\022";
font-family: "myWorld Font";
position: absolute;
font-size: 22px;
line-height: 0;
left: 2px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-evoucher {
width: 23px;
height: 19px;
margin-top: 11px;
position: relative;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-evoucher:before {
content: "\00ED";
font-family: "myWorld Font";
position: absolute;
font-size: 22px;
line-height: 0;
left: 2px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-shopping {
width: 21px;
height: 21px;
margin-top: 9px;
position: relative;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-shopping:before {
content: "\0023";
font-family: "myWorld Font";
position: absolute;
font-size: 24px;
line-height: 0;
left: 2px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-cbcard {
width: 23px;
height: 17px;
margin-top: 12px;
position: relative;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-cbcard:before {
content: "\0021";
font-family: "myWorld Font";
position: absolute;
font-size: 22px;
line-height: 0;
left: 2px;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-mobilecoupon {
width: 23px;
height: 19px;
margin-top: 12px;
position: relative;
}
.ds-top-wrapper .ds-cbtype.ds-cbtype-mobilecoupon:before {
content: "\00A9";
font-family: "myWorld Font";
position: absolute;
font-size: 24px;
line-height: 0;
left: 6px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-top-wrapper .ds-cbtype.ds-dealer-b2b-voucherdetail {
width: 36px;
height: 23px;
margin-top: 12px;
position: relative;
}
.ds-top-wrapper .ds-cbtype.ds-dealer-b2b-voucherdetail:before {
content: "\038";
font-family: "myWorld Font";
position: absolute;
font-size: 30px;
line-height: 0;
left: 4px;
top: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-top-wrapper .ds-cbtype.ds-dealer-mastercard-voucherdetail {
background: url("../../img/root/search/mastercard-icon.png") no-repeat top
left;
width: 37px;
height: 23px;
margin-top: 12px;
}
.ds-top-wrapper .ds-cat-dots {
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
.ds-top-wrapper .ds-cat-dots.ds-cat-lastchance {
background: url("../../img/root/search/dots-green-lastchance.png") no-repeat;
width: 59px;
}
.ds-top-wrapper .ds-cat-dot {
position: absolute;
top: -9px;
right: -9px;
z-index: -1;
width: 48px;
height: 48px;
}
.ds-top-wrapper .ds-dealer-mastercard {
position: absolute;
top: 45px;
left: 55px;
background: url("../../img/root/search/mastercard-icon.png") no-repeat top
left;
width: 37px;
height: 23px;
}
.ds-top-wrapper .ds-dealer-mastercard-listview {
position: absolute;
top: 110px;
left: 52px;
background: url("../../img/root/search/mastercard-icon.png") no-repeat top
left;
width: 37px;
height: 23px;
}
.ds-top-wrapper .ds-dealer-logo-box {
position: absolute;
width: 92px;
height: 92px;
border: 6px solid #d0d0d0;
background-color: #fff;
top: 9px;
left: 50%;
margin-left: -46px;
border-radius: 2px;
}
.ds-top-wrapper .ds-dealer-logo-box .ds-dealer-logo-wrapper {
height: 68px;
width: 76px;
text-align: center;
position: relative;
overflow: hidden;
margin: 6px 2px;
}
.ds-top-wrapper .ds-dealer-logo-box .ds-dealer-logo-wrapper img {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.ds-top-wrapper .ds-dealer-b2b {
position: absolute;
top: 45px;
left: 5%;
width: 36px;
height: 23px;
}
.ds-top-wrapper .ds-dealer-b2b:before {
content: "\038";
font-family: "myWorld Font";
position: absolute;
font-size: 30px;
line-height: 0;
left: 0;
top: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-top-wrapper .ds-dealer-b2b-listview {
position: absolute;
top: 76px;
left: 129px;
width: 36px;
height: 23px;
}
@media (min-width: 992px) {
.ds-top-wrapper .ds-dealer-b2b-listview {
top: 110px;
left: 19px;
}
}
.ds-top-wrapper .ds-dealer-b2b-listview:before {
content: "\038";
font-family: "myWorld Font";
position: absolute;
font-size: 30px;
line-height: 0;
left: 0;
top: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-top-wrapper .ds-additional-cbtypes {
position: absolute;
bottom: -32px;
left: 0;
}
.ds-top-wrapper .ds-additional-cbtypes .ds-cbtype {
position: relative;
width: 21px;
height: 21px;
margin-left: 6px;
}
.ds-top-wrapper .ds-additional-cbtypes .ds-cbtype:first-child {
margin-left: 15px;
}
.ds-top-wrapper .ds-additional-cbtypes .ds-cbtype:before {
font-family: "myWorld Font";
position: absolute;
line-height: 0;
left: 0;
top: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-top-wrapper .ds-additional-cbtypes .ds-cbtype-b2b:before {
font-size: 25px;
content: "\038";
}
.ds-top-wrapper .ds-additional-cbtypes .ds-cbtype-ecredit:before {
font-size: 25px;
content: "\2026";
}
.ds-carousel .item .ds-voucher-box-wrapper {
margin-top: 0;
}
a.ds-link {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
a.ds-link:hover {
text-decoration: none;
}
.ds-vouchers .ds-top-wrapper {
border-bottom: 2px dotted #aeb5c0 !important;
}
.ds-vouchers .ds-box-footer .v2-box-footer-wrapper {
border-top: 2px dotted #aeb5c0 !important;
}
.ds-vouchers .ds-box-footer .ds-bottom-line-txt-wrapper .ds-bottom-line-txt {
font-family: "Open Sans", Arial Unicode MS, sans-serif !important;
}
.ds-listview a,
.ds-listview a:focus,
.ds-listview a:hover {
text-decoration: none !important;
color: #333;
}
.ds-listview .ds-box {
height: 100%;
}
.ds-listview .ds-box .ds-top-wrapper {
padding-top: 40px;
}
.ds-listview .ds-box .ds-top-wrapper h4 {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5e6c81;
padding-left: 130px;
padding-right: 48px;
margin-top: -31px;
text-transform: none;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 24px;
}
.ds-listview .ds-box .ds-top-wrapper p {
padding-left: 130px;
}
.ds-listview .ds-box .ds-top-wrapper .ds-cbtype:first-child {
margin-left: 130px;
}
.ds-listview .ds-box .ds-top-wrapper .ds-dealer-logo-box {
left: 18px;
margin-left: 0;
}
.ds-listview .ds-box .ds-top-wrapper .ds-box-headline {
margin-top: 10px;
padding-right: 15px;
padding-top: 8px;
text-align: left;
}
.ds-listview .ds-box .ds-top-wrapper .ds-box-headline:before {
content: "\00A0\00A0";
}
.ds-listview .ds-box .ds-box-content {
padding-left: 18px;
padding-top: 70px;
color: #333;
text-align: justify;
}
@media (min-width: 992px) {
.ds-listview .ds-box .ds-box-content {
padding-left: 133px;
padding-top: 45px;
}
}
.ds-listview .ds-box .ds-box-footer {
height: 55px;
margin-left: 18px;
}
@media (min-width: 992px) {
.ds-listview .ds-box .ds-box-footer {
margin-left: 130px;
}
}
.ds-listview .ds-box .ds-box-footer .txt {
text-align: center;
}
.ds-listview .ds-box .ds-box-footer .ds-cb-wrapper {
float: left;
margin-right: 32px;
}
.ds-listview .ds-box .ds-box-footer .ds-footer-wrapper {
position: absolute;
bottom: 18px;
}
.ds-listview .ds-box .ds-box-footer .ds-cb span {
font-size: 18px;
}
.ds-listview .ds-box .ds-box-footer .ds-sp {
position: relative;
padding-right: 23px;
display: inline-block;
}
.ds-listview .ds-box .ds-box-footer .ds-sp:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
right: 0;
top: 18px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-listview .ds-box .ds-favorite-link {
width: 20px;
height: 18px;
position: absolute;
right: 12px;
top: 50px;
z-index: 1;
cursor: pointer;
}
.ds-listview .ds-box .ds-favorite-link span {
display: inline-block;
position: relative;
z-index: 2;
width: 20px;
height: 18px;
color: transparent;
cursor: pointer;
}
.ds-listview .ds-box .ds-favorite-link span:hover {
color: #5cb885;
}
.ds-listview .ds-box .ds-favorite-link span:hover:before {
color: #5cb885;
}
.ds-listview .ds-box .ds-favorite-link span:before {
content: "\0048";
font-family: "myWorld Font";
position: absolute;
font-size: 30px;
line-height: 0;
left: 0;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
z-index: -1;
}
.ds-listview .ds-box .ds-favorite-link.active span {
color: #5cb885 !important;
}
.ds-listview .ds-box .ds-favorite-link.active span:hover:before {
color: #6fcb98 !important;
}
.ds-listview .ds-box:hover .ds-favorite-link span {
color: #333;
}
.ds-itembox > a {
position: relative;
display: block;
height: auto;
}
.ds-itembox > a:before {
position: absolute;
content: "";
left: 2px;
top: 2px;
width: 100%;
height: 100%;
border-bottom: 2px solid #d0d0d0;
border-right: 2px solid #d0d0d0;
z-index: 0;
}
.ds-itembox > a > .ds-box-v2 {
position: relative;
}
.ds-itembox > a > .ds-box-v2:before {
content: "";
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
height: auto;
width: auto;
border: 2px solid transparent;
transition: border-color 0.35s ease;
z-index: 1;
}
.ds-itembox > a > .ds-box-v2:active,
.ds-itembox > a > .ds-box-v2:focus,
.ds-itembox > a > .ds-box-v2:hover {
text-decoration: none;
}
.ds-itembox > a > .ds-box-v2:active:before,
.ds-itembox > a > .ds-box-v2:focus:before,
.ds-itembox > a > .ds-box-v2:hover:before {
content: "";
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
height: auto;
width: auto;
border: 2px solid #aaa;
z-index: 1;
}
.ds-box-v2 {
background-color: #fff;
height: 100%;
width: 100%;
padding-bottom: 135px;
position: relative;
min-height: 250px;
text-align: center;
color: #5e6c81;
height: 290px !important;
}
.ds-box-v2.ds-inactive {
position: relative;
}
.ds-box-v2.ds-inactive:before {
position: absolute;
content: "";
left: 2px;
top: 2px;
width: 100%;
height: 100%;
border-bottom: 2px solid #d0d0d0;
border-right: 2px solid #d0d0d0;
z-index: 0;
}
.ds-box-v2.ds-inactive:active,
.ds-box-v2.ds-inactive:focus,
.ds-box-v2.ds-inactive:hover {
text-decoration: none;
}
.ds-box-v2.ds-inactive:active:before,
.ds-box-v2.ds-inactive:focus:before,
.ds-box-v2.ds-inactive:hover:before {
position: absolute;
content: "";
left: 2px;
top: 2px;
width: 100%;
height: 100%;
border: none;
border-bottom: 2px solid #d0d0d0;
border-right: 2px solid #d0d0d0;
z-index: 0;
}
.ds-box-v2.ds-inactive:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 234px;
content: "";
background: url("../../img/root/search/search-transparent.png") repeat-x;
}
.ds-box-v2.ds-inactive .ds-box-content {
position: relative;
}
.ds-box-v2.ds-inactive .ds-box-content .ds-kickoff {
position: absolute;
width: 100%;
left: 0;
top: 8px;
z-index: 1;
font-size: 15px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #333;
}
.ds-box-v2.ds-inactive .ds-box-content .ds-ribbon-corner-left {
position: absolute;
width: 160px;
height: 160px;
top: -3px;
left: -3px;
overflow: hidden;
}
.ds-box-v2.ds-inactive .ds-box-content .ds-ribbon-corner-left > span {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 15px;
color: #fff;
text-align: center;
text-shadow: rgba(0, 0, 0, 0.5) 0 2px 0;
transform: rotate(-45deg);
position: absolute;
background-color: #333;
width: 170px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
z-index: 1;
top: 25px;
left: -40px;
height: 40px;
}
.ds-box-v2.ds-inactive .ds-box-content .ds-ribbon-corner-left > span:after,
.ds-box-v2.ds-inactive .ds-box-content .ds-ribbon-corner-left > span:before {
content: "";
position: absolute;
top: 100%;
}
.ds-box-v2.ds-inactive .ds-box-content .ds-ribbon-corner-left > span:before {
left: 0;
border-left: 3px solid #0d0d0d;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #0d0d0d;
}
.ds-box-v2.ds-inactive .ds-box-content .ds-ribbon-corner-left > span:after {
right: 0;
border-left: 3px solid transparent;
border-right: 3px solid #0d0d0d;
border-bottom: 3px solid transparent;
border-top: 3px solid #0d0d0d;
}
.ds-box-v2.ds-inactive .ds-box-content .ds-ribbon-corner-left em {
font-style: normal;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 1.2em;
}
.ds-box-v2.ds-inactive .ds-footer {
z-index: 1;
}
.ds-box-v2.ds-campaign-special.ds-inactive:after,
.ds-box-v2.ds-superdeal.ds-inactive:after,
.ds-box-v2.ds-xmas-bowtie.ds-inactive:after {
background: #f3a7b6;
opacity: 0.86;
}
.ds-box-v2.ds-campaign-special.ds-inactive .ds-box-content .ds-kickoff,
.ds-box-v2.ds-superdeal.ds-inactive .ds-box-content .ds-kickoff,
.ds-box-v2.ds-xmas-bowtie.ds-inactive .ds-box-content .ds-kickoff {
color: #333;
font-size: 25px;
transform: translateY(50%);
top: 50%;
padding: 0 12px;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
height: 100%;
}
.ds-box-v2.ds-campaign-special.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span,
.ds-box-v2.ds-superdeal.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span,
.ds-box-v2.ds-xmas-bowtie.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span {
background-color: #5cb885;
}
.ds-box-v2.ds-campaign-special.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span:before,
.ds-box-v2.ds-superdeal.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span:before,
.ds-box-v2.ds-xmas-bowtie.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span:before {
left: 0;
border-left: 3px solid #3d8b5f;
border-top: 3px solid #3d8b5f;
}
.ds-box-v2.ds-campaign-special.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span:after,
.ds-box-v2.ds-superdeal.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span:after,
.ds-box-v2.ds-xmas-bowtie.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span:after {
right: 0;
border-right: 3px solid #3d8b5f;
border-top: 3px solid #3d8b5f;
}
.ds-box-v2.ds-campaign-special:not(.ds-inactive):before,
.ds-box-v2.ds-superdeal:not(.ds-inactive):before,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):before {
content: "";
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
height: auto;
width: auto;
border: 1px solid #5cb885;
transition: box-shadow 0.35s ease;
z-index: 1;
}
.ds-box-v2.ds-campaign-special:not(.ds-inactive):active,
.ds-box-v2.ds-campaign-special:not(.ds-inactive):focus,
.ds-box-v2.ds-campaign-special:not(.ds-inactive):hover,
.ds-box-v2.ds-superdeal:not(.ds-inactive):active,
.ds-box-v2.ds-superdeal:not(.ds-inactive):focus,
.ds-box-v2.ds-superdeal:not(.ds-inactive):hover,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):active,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):focus,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):hover {
text-decoration: none;
}
.ds-box-v2.ds-campaign-special:not(.ds-inactive):active:before,
.ds-box-v2.ds-campaign-special:not(.ds-inactive):focus:before,
.ds-box-v2.ds-campaign-special:not(.ds-inactive):hover:before,
.ds-box-v2.ds-superdeal:not(.ds-inactive):active:before,
.ds-box-v2.ds-superdeal:not(.ds-inactive):focus:before,
.ds-box-v2.ds-superdeal:not(.ds-inactive):hover:before,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):active:before,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):focus:before,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):hover:before {
content: "";
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
height: auto;
width: auto;
border: 1px solid #5cb885;
box-shadow: 0 0 6px 0 #5cb885;
z-index: 1;
}
.ds-box-v2.ds-campaign-special:not(.ds-inactive):active:after,
.ds-box-v2.ds-campaign-special:not(.ds-inactive):focus:after,
.ds-box-v2.ds-campaign-special:not(.ds-inactive):hover:after,
.ds-box-v2.ds-superdeal:not(.ds-inactive):active:after,
.ds-box-v2.ds-superdeal:not(.ds-inactive):focus:after,
.ds-box-v2.ds-superdeal:not(.ds-inactive):hover:after,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):active:after,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):focus:after,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive):hover:after {
border: none;
}
.ds-box-v2.ds-campaign-special:not(.ds-inactive) .ds-box-content,
.ds-box-v2.ds-superdeal:not(.ds-inactive) .ds-box-content,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive) .ds-box-content {
position: relative;
}
.ds-box-v2.ds-campaign-special:not(.ds-inactive) .ds-box-content:before,
.ds-box-v2.ds-superdeal:not(.ds-inactive) .ds-box-content:before,
.ds-box-v2.ds-xmas-bowtie:not(.ds-inactive) .ds-box-content:before {
content: "";
position: absolute;
width: 40px;
height: 30px;
top: -13px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.ds-box-v2.ds-xmas.ds-inactive:after {
background: #9f9f9f;
opacity: 0.86;
}
.ds-box-v2.ds-xmas.ds-inactive .ds-box-content {
position: relative;
}
.ds-box-v2.ds-xmas.ds-inactive .ds-box-content:before {
content: "";
position: absolute;
background: url("../../img/cbw/xmas/xmas-lights-off.png") no-repeat;
width: 100%;
height: 100%;
top: 1px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.ds-box-v2.ds-xmas.ds-inactive .ds-box-content .ds-kickoff {
color: #303030;
font-size: 17px;
transform: translateY(50%);
padding: 0 12px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
height: 100%;
margin-top: 6px;
}
.ds-box-v2.ds-xmas.ds-inactive .ds-box-content .ds-ribbon-corner-left {
width: 100%;
height: 100%;
position: relative;
overflow: visible;
top: auto;
}
.ds-box-v2.ds-xmas.ds-inactive .ds-box-content .ds-ribbon-corner-left > span {
background-color: transparent;
transform: none;
text-shadow: none;
box-shadow: none;
display: block;
position: relative;
width: 100%;
height: 100%;
top: auto;
left: auto;
}
.ds-box-v2.ds-xmas.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span
em {
color: #303030;
font-size: 31px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
text-transform: none;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
margin-top: -44px;
}
.ds-box-v2.ds-xmas.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span:before {
border: none;
}
.ds-box-v2.ds-xmas.ds-inactive
.ds-box-content
.ds-ribbon-corner-left
> span:after {
border: none;
}
.ds-box-v2.ds-xmas:not(.ds-inactive):before {
content: "";
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
height: auto;
width: auto;
border: 1px solid #5cb885;
transition: box-shadow 0.35s ease;
z-index: 1;
}
.ds-box-v2.ds-xmas:not(.ds-inactive):active,
.ds-box-v2.ds-xmas:not(.ds-inactive):focus,
.ds-box-v2.ds-xmas:not(.ds-inactive):hover {
text-decoration: none;
}
.ds-box-v2.ds-xmas:not(.ds-inactive):active:before,
.ds-box-v2.ds-xmas:not(.ds-inactive):focus:before,
.ds-box-v2.ds-xmas:not(.ds-inactive):hover:before {
content: "";
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
height: auto;
width: auto;
border: 1px solid #5cb885;
box-shadow: 0 0 6px 0 #5cb885;
z-index: 1;
}
.ds-box-v2.ds-xmas:not(.ds-inactive):active:after,
.ds-box-v2.ds-xmas:not(.ds-inactive):focus:after,
.ds-box-v2.ds-xmas:not(.ds-inactive):hover:after {
border: none;
}
.ds-box-v2.ds-xmas:not(.ds-inactive) .ds-box-content {
position: relative;
}
.ds-box-v2.ds-xmas:not(.ds-inactive) .ds-box-content:before {
content: "";
position: absolute;
background: url("../../img/cbw/xmas/xmas-lights-on.png") no-repeat;
width: 100%;
height: 100%;
top: 1px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.ds-box-v2.ds-box-mall {
min-height: 300px;
}
.ds-box-v2 .ds-box-content {
padding: 0 15px;
}
.ds-box-v2 .ds-txt-remainingdeals-text {
color: #333;
font-size: 13px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.ds-box-v2 .currency {
text-transform: uppercase;
}
.ds-box-v2 .currency:before {
content: " ";
}
.ds-box-v2 .ds-txt-only {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 18px;
padding-left: 20px;
padding-right: 20px;
height: 136px;
padding-top: 43px;
line-height: 1.2em;
word-wrap: break-word;
overflow: hidden;
}
.ds-box-v2 .ds-amount {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 56px;
line-height: 40px;
padding-top: 46px;
}
.ds-box-v2 .ds-amount .currency,
.ds-box-v2 .ds-amount span {
font-size: 24px;
}
.ds-box-v2 .ds-amount .currency:before,
.ds-box-v2 .ds-amount span:before {
content: "";
}
.ds-box-v2 .ds-percent {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 56px;
line-height: 51px;
padding-top: 41px;
}
.ds-box-v2 .ds-percent > span {
font-size: 40px;
}
.ds-box-v2 .ds-txt-additional {
font-size: 18px;
line-height: 1.2em;
margin-top: -4px;
height: 42px;
word-wrap: break-word;
overflow: hidden;
}
.ds-box-v2 .ds-img-wrapper {
text-align: left;
padding-top: 25px;
}
.ds-box-v2 .ds-img-wrapper img {
max-width: 85px;
max-height: 85px;
float: left;
margin-right: 10px;
}
.ds-box-v2 .ds-img-wrapper .img {
width: 85px;
height: 85px;
float: left;
margin-right: 10px;
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
}
.ds-box-v2 .ds-img-wrapper .txt {
word-wrap: break-word;
overflow: hidden;
height: 59px;
}
.ds-box-v2 .ds-img-wrapper .saving {
border-radius: 9px;
padding: 3px 8px;
color: #fff;
background-color: #5cb885;
display: inline-block;
margin-bottom: 10px;
}
.ds-box-v2 .ds-img-wrapper.txt-only {
text-align: center;
}
.ds-box-v2 .ds-img-wrapper.txt-only .txt span {
position: relative;
display: block;
font-size: 18px;
top: 50%;
transform: translateY(-50%);
}
.ds-box-v2 .new-price {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5cb885;
}
.ds-box-v2 .old-price {
text-decoration: line-through;
}
.ds-box-v2 .ds-txt-validity {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 11px;
padding-top: 9px;
}
.ds-box-v2 .ds-box-special {
padding: 0 15px;
bottom: 52px;
height: 60px;
position: absolute;
left: 0;
width: 100%;
text-align: center;
font-size: 15px;
}
.ds-box-v2 .ds-box-special > span:not(.sp-amount):first-child {
padding-top: 7px;
display: inline-block;
}
.ds-box-v2 .ds-box-special .sp-amount {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 26px;
position: relative;
padding-right: 29px;
line-height: 1em;
}
.ds-box-v2 .ds-box-special .sp-amount:after {
position: absolute;
content: "";
width: 20px;
height: 20px;
bottom: 7px;
right: 5px;
}
.ds-box-v2 .ds-box-special .sp-amount:before {
content: "\0046";
font-family: "myWorld Font";
color: #5cb885;
position: absolute;
font-size: 28px;
line-height: 0;
right: 5px;
top: 17px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-box-v2 .ds-footer {
position: absolute;
bottom: 0;
left: 0;
height: 56px;
width: 100%;
border-top: 2px dotted #aeb5c0;
font-size: 11px;
padding-top: 1px;
padding-right: 5px;
text-align: left;
}
.ds-box-v2 .ds-footer .logo {
width: 54px;
height: 54px;
position: absolute;
bottom: 10px;
left: 12px;
border: 4px solid #f1f2f7;
background-color: #fff;
overflow: hidden;
}
.ds-box-v2 .ds-footer .logo:before {
position: relative;
}
.ds-box-v2 .ds-footer .logo img {
margin: auto;
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
max-width: 46px;
max-height: 46px;
}
.ds-box-v2 .ds-footer .dealer {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
text-transform: uppercase;
padding-left: 74px;
display: block;
}
.ds-box-v2 .ds-footer .conditions {
padding-left: 74px;
display: block;
}
.ds-box-v2 .ds-footer .ds-cbtype {
display: inline-block;
float: right;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-mobilecoupon {
width: 19px;
height: 23px;
position: relative;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-mobilecoupon:before {
content: "\00A9";
font-family: "myWorld Font";
color: #333;
position: absolute;
font-size: 24px;
line-height: 0;
left: 6px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-cbcard {
width: 23px;
height: 17px;
position: relative;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-cbcard:before {
content: "\0021";
font-family: "myWorld Font";
color: #333;
position: absolute;
font-size: 22px;
line-height: 0;
left: 2px;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-coupon {
width: 23px;
height: 19px;
position: relative;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-coupon:before {
content: "\022";
font-family: "myWorld Font";
color: #333;
position: absolute;
font-size: 22px;
line-height: 0;
left: 2px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-evoucher {
width: 23px;
height: 19px;
position: relative;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-evoucher:before {
content: "\00ED";
font-family: "myWorld Font";
color: #333;
position: absolute;
font-size: 22px;
line-height: 0;
left: 2px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-shopping {
width: 21px;
height: 21px;
position: relative;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-shopping:before {
content: "\0023";
font-family: "myWorld Font";
color: #333;
position: absolute;
font-size: 24px;
line-height: 0;
left: 2px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.ds-box-v2 .colorize {
color: #5cb885;
}
#marketplace-boxes {
margin-top: 18px;
margin-bottom: 18px;
}
#marketplace-boxes .ds-box-v2 {
padding-bottom: 0;
}
#marketplace-boxes .ds-box-v2:before {
border: none;
}
#marketplace-boxes .ds-itembox > a:before {
border: none;
}
#marketplace-boxes .ds-itembox > a:hover .def {
color: #6fcb98;
}
#marketplace-boxes .header {
display: flex;
flex-flow: column-reverse;
}
@media (min-width: 768px) {
#marketplace-boxes .header {
flex-flow: row;
margin-bottom: 12px;
}
}
#marketplace-boxes .header img {
width: 150px;
margin-right: 18px;
margin-bottom: 12px;
align-self: center;
}
@media (min-width: 768px) {
#marketplace-boxes .header img {
margin-bottom: 0;
align-self: auto;
}
}
#marketplace-boxes .header h3 {
margin-top: 5px;
}
#marketplace-boxes article {
height: 100%;
padding: 18px 26px;
}
#marketplace-boxes article .img-wrapper {
height: 160px;
}
#marketplace-boxes article .img-wrapper .img {
background-size: contain;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
#marketplace-boxes article > div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#marketplace-boxes article .def {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
margin-top: 12px;
transition: color 125ms ease-in-out;
}
#marketplace-boxes .price {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 15px;
margin-top: 8px;
}
#marketplace-boxes .link {
padding: 0 12px;
}
#marketplace-boxes .slick-next,
#marketplace-boxes .slick-prev {
text-shadow: none;
}
#marketplace-boxes .slick-next:before,
#marketplace-boxes .slick-prev:before {
color: #333;
transition: color 125ms ease-in-out;
}
#marketplace-boxes .slick-next:hover:before,
#marketplace-boxes .slick-prev:hover:before {
color: #5cb885;
}
.ds-box.no-content {
text-align: center;
padding-top: 40px;
}
.ds-box.no-content .ds-box-content {
position: relative;
display: inline-block;
width: 200px;
height: 200px;
overflow: hidden;
}
.ds-box.no-content .ds-box-content::after,
.ds-box.no-content .ds-box-content::before {
content: "";
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #000;
}
.ds-box.no-content .ds-box-content::before {
background: #d0d0d0;
transform: rotate(45deg);
}
.ds-box.no-content .ds-box-content::after {
background: #d0d0d0;
transform: rotate(-45deg);
}
.ds-box.no-content .ds-box-content.hairline::after,
.ds-box.no-content .ds-box-content.hairline::before {
height: 1px;
}
#favourite-popup {
position: fixed;
left: 50%;
top: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate(-50%, -50%);
filter: blur(0);
-webkit-filter: blur(0);
background: #fff;
padding: 20px;
text-align: center;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
z-index: 9999;
border-radius: 2px;
}
#favourite-popup p {
color: #333;
padding-top: 8px;
}
#favourite-popup p span {
text-transform: uppercase;
}
#favourite-popup h4 {
text-align: center;
font-size: 15px;
position: relative;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
padding-left: 32px;
color: #333;
}
#favourite-popup h4:before {
content: "\0048";
font-family: "myWorld Font";
position: absolute;
font-size: 34px;
line-height: 0;
left: 0;
top: 6px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
z-index: -1;
color: #5cb885;
}
#ResultsContainer {
position: relative;
}
#ResultsContainer .popover {
border-radius: 2px;
background-color: #333;
min-width: 300px;
margin-top: 0 !important;
left: 20px !important;
z-index: 10;
}
#ResultsContainer .popover .arrow:after {
border-top-color: #333 !important;
}
#ResultsContainer .popover .ds-favourite-tooltip {
left: 0;
top: 0;
background-color: #333;
border-radius: 2px;
color: #fff;
}
#ResultsContainer .popover .ds-favourite-tooltip p {
padding-top: 8px;
padding-left: 30px;
}
#ResultsContainer .popover .ds-favourite-tooltip h4 {
font-size: 15px;
position: relative;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #fff;
padding-left: 30px;
}
#ResultsContainer .popover .ds-favourite-tooltip h4:before {
content: "\0048";
font-family: "myWorld Font";
position: absolute;
font-size: 34px;
line-height: 0;
left: 0;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
z-index: 0;
color: #fff;
}
#ResultsContainer .popover .ds-favourite-tooltip a {
padding-left: 30px;
color: #fff;
}
#ResultsContainer .popover .ds-favourite-tooltip a:hover {
color: #ccc;
}
.ds-carousel {
height: 270px;
padding-top: 22px;
}
.ds-carousel .carousel-indicators {
top: 0;
height: 22px;
bottom: unset;
}
.ds-carousel .carousel-indicators li {
background-color: #d9dee5;
border: none;
width: 6px;
height: 6px;
}
.ds-carousel .carousel-indicators li.active {
background-color: #333;
height: 8px;
width: 8px;
}
.ds-carousel .carousel-inner > .active.left {
left: -145%;
}
.ds-carousel .carousel-inner > .active.right {
left: 145%;
}
.ds-carousel .carousel-control {
background-image: none;
filter: none;
position: absolute;
z-index: 1;
}
.ds-carousel .carousel-control .glyphicon-chevron-left,
.ds-carousel .carousel-control .glyphicon-chevron-right {
cursor: pointer;
color: #fff;
font-size: 20px !important;
height: auto;
width: auto;
margin: 0;
top: 50%;
}
.ds-carousel .carousel-control .glyphicon-chevron-left:hover,
.ds-carousel .carousel-control .glyphicon-chevron-right:hover {
color: #e6e7ec;
}
.ds-carousel .carousel-inner > .item > img {
display: inline-block;
}
.ds-carousel .carousel-inner .item {
text-align: center;
}
.ds-cat.ds-cat-househome {
background: url("../../img/root/search/cat-househome.png") no-repeat;
}
.ds-cat.ds-cat-0 {
background: url("../../img/partner-categories/cat_icons/cat_0.png") no-repeat;
}
.ds-cat.ds-cat-1 {
background: url("../../img/partner-categories/cat_icons/cat_1.png") no-repeat;
}
.ds-cat.ds-cat-2 {
background: url("../../img/partner-categories/cat_icons/cat_2.png") no-repeat;
}
.ds-cat.ds-cat-3 {
background: url("../../img/partner-categories/cat_icons/cat_3.png") no-repeat;
}
.ds-cat.ds-cat-4 {
background: url("../../img/partner-categories/cat_icons/cat_4.png") no-repeat;
}
.ds-cat.ds-cat-5 {
background: url("../../img/partner-categories/cat_icons/cat_5.png") no-repeat;
}
.ds-cat.ds-cat-6 {
background: url("../../img/partner-categories/cat_icons/cat_6.png") no-repeat;
}
.ds-cat.ds-cat-7 {
background: url("../../img/partner-categories/cat_icons/cat_7.png") no-repeat;
}
.ds-cat.ds-cat-8 {
background: url("../../img/partner-categories/cat_icons/cat_8.png") no-repeat;
}
.ds-cat.ds-cat-9 {
background: url("../../img/partner-categories/cat_icons/cat_9.png") no-repeat;
}
.ds-cat.ds-cat-10 {
background: url("../../img/partner-categories/cat_icons/cat_10.png") no-repeat;
}
.ds-cat.ds-cat-11 {
background: url("../../img/partner-categories/cat_icons/cat_11.png") no-repeat;
}
.ds-cat.ds-cat-12 {
background: url("../../img/partner-categories/cat_icons/cat_12.png") no-repeat;
}
.ds-cat.ds-cat-13 {
background: url("../../img/partner-categories/cat_icons/cat_13.png") no-repeat;
}
.ds-cat.ds-cat-14 {
background: url("../../img/partner-categories/cat_icons/cat_14.png") no-repeat;
}
.ds-cat.ds-cat-15 {
background: url("../../img/partner-categories/cat_icons/cat_15.png") no-repeat;
}
.ds-cat.ds-cat-16 {
background: url("../../img/partner-categories/cat_icons/cat_16.png") no-repeat;
}
.ds-cat.ds-cat-17 {
background: url("../../img/partner-categories/cat_icons/cat_17.png") no-repeat;
}
.ds-cat.ds-cat-18 {
background: url("../../img/partner-categories/cat_icons/cat_18.png") no-repeat;
}
.ds-cat.ds-cat-19 {
background: url("../../img/partner-categories/cat_icons/cat_19.png") no-repeat;
}
.ds-cat.ds-cat-20 {
background: url("../../img/partner-categories/cat_icons/cat_20.png") no-repeat;
}
.ds-cat.ds-cat-21 {
background: url("../../img/partner-categories/cat_icons/cat_21.png") no-repeat;
}
.ds-cat.ds-cat-22 {
background: url("../../img/partner-categories/cat_icons/cat_22.png") no-repeat;
}
.ds-cat.ds-cat-23 {
background: url("../../img/partner-categories/cat_icons/cat_23.png") no-repeat;
}
.ds-cat.ds-cat-24 {
background: url("../../img/partner-categories/cat_icons/cat_24.png") no-repeat;
}
.ds-cat.ds-cat-25 {
background: url("../../img/partner-categories/cat_icons/cat_25.png") no-repeat;
}
.ds-cat.ds-cat-26 {
background: url("../../img/partner-categories/cat_icons/cat_26.png") no-repeat;
}
.ds-cat.ds-cat-27 {
background: url("../../img/partner-categories/cat_icons/cat_27.png") no-repeat;
}
.ds-cat.ds-cat-28 {
background: url("../../img/partner-categories/cat_icons/cat_28.png") no-repeat;
}
.ds-cat.ds-cat-29 {
background: url("../../img/partner-categories/cat_icons/cat_29.png") no-repeat;
}
.ds-cat.ds-cat-30 {
background: url("../../img/partner-categories/cat_icons/cat_30.png") no-repeat;
}
.ds-cat.ds-cat-31 {
background: url("../../img/partner-categories/cat_icons/cat_31.png") no-repeat;
}
.ds-cat.ds-cat-32 {
background: url("../../img/partner-categories/cat_icons/cat_32.png") no-repeat;
}
.ds-cat.ds-cat-33 {
background: url("../../img/partner-categories/cat_icons/cat_33.png") no-repeat;
}
.ds-cat.ds-cat-34 {
background: url("../../img/partner-categories/cat_icons/cat_34.png") no-repeat;
}
.ds-cat.ds-cat-35 {
background: url("../../img/partner-categories/cat_icons/cat_35.png") no-repeat;
}
.ds-cat.ds-cat-36 {
background: url("../../img/partner-categories/cat_icons/cat_36.png") no-repeat;
}
.ds-cat.ds-cat-37 {
background: url("../../img/partner-categories/cat_icons/cat_37.png") no-repeat;
}
.ds-cat.ds-cat-38 {
background: url("../../img/partner-categories/cat_icons/cat_38.png") no-repeat;
}
.ds-cat.ds-cat-39 {
background: url("../../img/partner-categories/cat_icons/cat_39.png") no-repeat;
}
.ds-box .ds-top-wrapper {
border-bottom: 1px solid #333;
}
.ds-box .ds-cat-dot {
background: url("../../img/root/search/dot-yellow.png") no-repeat;
}
.ds-box .ds-cat-dots {
background: url("../../img/root/search/dots.png") no-repeat;
}
.ds-box .ds-top-wrapper {
border-bottom: 1px solid #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-coupon:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-evoucher:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-shopping:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-cbcard:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-mobilecoupon:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-dealer-b2b:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-dealer-b2b-listview:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-additional-cbtypes .ds-cbtype-b2b:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-additional-cbtypes .ds-cbtype-ecredit:before {
color: #333;
}
.ds-box .ds-box-headline {
color: #333;
}
.ds-box .ds-voucher-box-wrapper .ds-bottom-line-txt {
color: #333;
}
.ds-box.ds-offers-deals .ds-top-wrapper {
border-bottom: 2px dotted #333;
}
.ds-box.ds-offers-deals.ds-vouchers .ds-box-special > span:first-child {
color: #5cb885;
}
.ds-box.ds-offers-deals .ds-box-footer .v2-box-footer-wrapper {
border-top: 2px dotted #333;
}
.ds-box.ds-offers-deals .ds-box-footer .ds-bottom-line-txt {
color: #333;
}
.ds-box .ds-box-footer-wrapper.ds-sp-deal .bg,
.ds-box .ds-voucher-box .ds-bottom-line-wrapper.ds-sp-deal .bg {
background-color: #333;
}
.ds-box .ds-box-footer-wrapper.ds-sp-deal .bg-img,
.ds-box .ds-voucher-box .ds-bottom-line-wrapper.ds-sp-deal .bg-img {
background: url("../../img/root/search/sp-deal-bg-yellow.png") no-repeat;
width: 65px;
height: 42px;
}
.fadein,
.fadeout {
visibility: hidden;
opacity: 0;
display: none;
height: 0;
transition: display 1.2s, height 1s, opacity 1s ease-in-out;
}
.fadein {
visibility: visible;
height: 56px;
opacity: 1;
display: block;
}
#mapModal .modal-header {
height: 35px;
display: none;
}
@media (min-width: 768px) {
#mapModal .modal-header {
display: block;
}
}
#mapModal .modal-body #map_canvas {
height: 350px;
}
@media (min-width: 768px) {
#mapModal .modal-body #map_canvas {
height: 500px;
}
}
#mapModal .modal-footer {
padding: 0 18px 18px 18px;
display: block;
}
@media (min-width: 768px) {
#mapModal .modal-footer {
display: none;
}
}
#dealerbox-slider {
text-align: center;
display: none;
}
#dealerbox-slider:before {
content: "";
display: block;
position: relative;
width: 0;
height: 6em;
margin-top: -6em;
}
#dealerbox-slider.slick-initialized {
display: block;
}
#dealerbox-slider a {
display: inline-block;
position: relative;
}
#dealerbox-slider a .inner {
position: relative;
float: left;
width: 100%;
height: 100%;
padding-top: 32px;
}
#dealerbox-slider a .inner:before {
position: absolute;
content: "";
left: 2px;
top: 2px;
width: 100%;
height: 100%;
border-bottom: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
z-index: 0;
}
#dealerbox-slider a .inner:after {
content: "";
position: absolute;
top: 0;
right: -2px;
bottom: -2px;
left: 0;
height: auto;
width: auto;
border: 2px solid transparent;
transition: border-color 0.35s ease;
z-index: 1;
}
#dealerbox-slider a:hover .inner:after {
border: 2px solid #aaa;
}
#dealerbox-slider .content {
display: inline-block;
width: 280px !important;
background-color: #fff;
text-align: center;
position: relative;
}
#dealerbox-slider .logo-wrapper {
position: relative;
width: 150px;
height: 150px;
border: 12px solid #b6b6b6;
background-color: #fff;
border-radius: 2px;
z-index: 2;
display: inline-block;
padding: 5px;
}
#dealerbox-slider .logo-wrapper .logo {
height: 100%;
width: 100%;
text-align: center;
position: relative;
overflow: hidden;
}
#dealerbox-slider .logo-wrapper .logo img {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
#dealerbox-slider .name {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
margin-top: 6px;
height: 59px;
overflow: hidden;
margin: 0 8px;
position: relative;
}
#dealerbox-slider .name span {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #333 !important;
}
#dealerbox-slider .conditions {
border-top: 2px solid #b6b6b6;
height: 56px;
position: relative;
}
#dealerbox-slider .conditions:before {
position: absolute;
content: "";
border: 1px solid #b6b6b6;
width: 1px;
height: 100%;
top: 0;
left: 50%;
transform: translateX(-50%);
}
#dealerbox-slider .conditions .cb-wrapper,
#dealerbox-slider .conditions .sp-wrapper {
display: inline-block;
float: left;
width: 50%;
text-align: center;
}
#dealerbox-slider .conditions .cb-txt,
#dealerbox-slider .conditions .sp-txt {
font-family: "Open Sans", Arial Unicode MS, sans-serif;
color: #333;
font-size: 9px;
text-transform: uppercase;
margin-top: -3px;
}
#dealerbox-slider .conditions .cb {
font-size: 18px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #333;
}
#dealerbox-slider .conditions .cb span:first-child {
font-size: 26px;
}
#dealerbox-slider .conditions .sp {
font-size: 26px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #333;
}
#dealerbox-slider .conditions .sp span {
position: relative;
padding-right: 24px;
}
#dealerbox-slider .conditions .sp span:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
margin-top: -1px;
color: #333;
}
@media print {
#SearchResultsWrapper.col-sm-9 {
width: 100%;
}
#SearchResultsWrapper .col-lg-4,
#SearchResultsWrapper .col-sm-6,
#SearchResultsWrapper .col-xs-12 {
float: left;
width: 32.333333%;
}
#SearchResultsWrapper .ds-itembox {
height: 220px;
}
#SearchResultsWrapper .ds-itembox.box-item {
margin-bottom: 10px;
padding: 0 5px;
}
#SearchResultsWrapper .ds-itembox.box-item .ds-box-v2 {
border: 1px solid #b6b6b6;
height: 220px !important;
min-height: 220px !important;
}
#SearchResultsWrapper .ds-itembox.box-item .ds-box-v2 .ds-box-content {
position: absolute;
top: -70px;
font-size: 10px;
padding: 0 10px;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-content
.ds-amount
.currency {
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-content
.ds-amount,
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-content
.ds-percent {
padding-top: 20px;
font-size: 40px;
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-content
.ds-amount
span,
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-content
.ds-percent
span {
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-content
.ds-txt-additional {
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-content
.ds-txt-validity {
padding-top: 0;
color: #5cb885 !important;
}
#SearchResultsWrapper .ds-itembox.box-item .ds-box-v2 .ds-img-wrapper {
text-align: left;
padding-top: 10px;
}
#SearchResultsWrapper .ds-itembox.box-item .ds-box-v2 .ds-img-wrapper img {
width: 60px;
max-width: 60px;
max-height: 70px;
float: left;
margin-right: 10px;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-img-wrapper
.saving {
margin: 0;
padding: 0;
background-color: #5cb885;
}
#SearchResultsWrapper .ds-itembox.box-item .ds-box-v2 .ds-box-special {
height: 40px;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-special.colorize
.sp-amount {
color: #6fcb98 !important;
font-size: 15px;
padding-right: 22px;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-special.colorize
.sp-amount:after {
width: 20px;
height: 10px;
bottom: 7px;
right: 5px;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-special.colorize
.sp-amount:before {
color: #6fcb98 !important;
font-size: 20px;
right: 5px;
top: 10px;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-special.colorize
span {
color: #6fcb98 !important;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-box-special.colorize
.ds-txt-remainingdeals-text {
font-size: 10px;
}
#SearchResultsWrapper .ds-itembox.box-item .ds-box-v2 .ds-footer .logo {
background-color: #fff !important;
-webkit-print-color-adjust: exact;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-footer
.ds-cbtype:before {
color: #5cb885 !important;
}
#SearchResultsWrapper .ds-itembox.box-item .ds-box-v2 .ds-footer span {
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox.box-item
.ds-box-v2
.ds-footer
span.conditions {
color: #5cb885 !important;
}
#SearchResultsWrapper .ds-itembox > .ds-box {
height: 220px;
min-height: 220px;
float: none;
}
#SearchResultsWrapper .ds-itembox > .ds-box .ds-favorite-link {
display: none;
}
#SearchResultsWrapper .ds-itembox > .ds-box .ds-favorite-link.active {
display: block;
}
#SearchResultsWrapper .ds-itembox > .ds-box .ds-favorite-link span:before {
color: #6fcb98 !important;
}
#SearchResultsWrapper .ds-itembox > .ds-box .v2-box-footer-wrapper {
height: 30px;
}
#SearchResultsWrapper .ds-itembox > .ds-box .v2-box-footer-wrapper .info {
font-size: 8px;
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.v2-box-footer-wrapper
.v2-sp-wrapper
.v2-sp
span {
color: #5cb885 !important;
font-size: 10px;
line-height: 18px;
padding-right: 15px;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.v2-box-footer-wrapper
.v2-sp-wrapper
.v2-sp
span:before {
font-size: 16px;
top: 7px;
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.v2-box-footer-wrapper
.v2-sp-wrapper
.v2-sp
span:first-child {
font-size: 12px;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.v2-box-footer-wrapper
.v2-sp-wrapper
.v2-sp
.v2-sp-txt {
font-size: 7px;
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.v2-box-footer-wrapper
.v2-cb-wrapper
.v2-cb {
margin-top: 1px;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.v2-box-footer-wrapper
.v2-cb-wrapper
.v2-cb
span {
font-size: 10px;
line-height: 12px;
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.v2-box-footer-wrapper
.v2-cb-wrapper
.v2-cb
span:first-child {
font-size: 12px;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.v2-box-footer-wrapper
.v2-cb-wrapper
.v2-cb
.v2-cb-txt {
color: #5cb885 !important;
font-size: 7px;
}
#SearchResultsWrapper .ds-itembox > .ds-box .ds-box-openstat {
display: none;
}
#SearchResultsWrapper .ds-itembox > .ds-box.ds-super-cb .ds-scb-txt {
font-size: 10px;
padding-left: 10px;
color: #5cb885 !important;
}
#SearchResultsWrapper .ds-itembox > .ds-box.ds-super-cb .ds-scb-txt:before {
font-size: 10px;
color: #5cb885 !important;
}
#SearchResultsWrapper .ds-itembox > .ds-box .ds-box-headline {
margin-top: 43px;
}
#SearchResultsWrapper .ds-itembox > .ds-box .ds-box-headline h4,
#SearchResultsWrapper .ds-itembox > .ds-box .ds-box-headline p {
margin: 0;
color: #5cb885 !important;
}
#SearchResultsWrapper .ds-itembox > .ds-box .ds-top-wrapper .ds-cbtype:before,
#SearchResultsWrapper
.ds-itembox
> .ds-box
.ds-top-wrapper
.ds-dealer-b2b:before {
color: #5cb885 !important;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.ds-top-wrapper
.ds-dealer-logo-box {
width: 72px;
height: 72px;
margin-left: -36px;
}
#SearchResultsWrapper
.ds-itembox
> .ds-box
.ds-top-wrapper
.ds-dealer-logo-box
.ds-dealer-logo-wrapper {
background-color: #fff !important;
-webkit-print-color-adjust: exact;
width: 60px;
height: 60px;
}
#SearchResultsWrapper .ds-itembox > .ds-box .ds-box-content {
position: absolute;
left: -10px;
bottom: -30px;
font-size: 7px;
padding: 0 3px;
}
#SearchResultsWrapper .ds-itembox > .ds-box .ds-box-content p {
color: #5cb885 !important;
}
}
.p-partner-wrapper {
position: relative;
}
.p-partner-wrapper.p-full-width {
background-color: #fff;
}
.p-partner-wrapper .p-dealer-cover {
position: relative;
}
.p-partner-wrapper .p-dealer-cover .dealer-cover-img-wrapper {
position: relative;
overflow: hidden;
height: 160px;
width: 100%;
}
.p-partner-wrapper .p-dealer-cover .has-blurr {
height: 160px !important;
}
.p-partner-wrapper .p-dealer-cover .blurr-bg,
.p-partner-wrapper .p-dealer-cover .dealer-cover-img {
position: absolute;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
background-color: #fff !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.p-partner-wrapper .p-dealer-cover .blurr-bg {
z-index: 2 !important;
}
.p-partner-wrapper .p-dealer-cover svg {
transform: none !important;
}
.p-partner-wrapper .p-dealer-cover .dealer-cover-logo {
position: absolute;
width: 150px;
height: 150px;
border: 12px solid #fff;
background-color: #fff;
top: 30px;
left: 50%;
margin-left: -75px;
border-radius: 2px;
z-index: 2;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
}
.p-partner-wrapper .p-dealer-cover .dealer-cover-logo .dealer-logo-wrapper {
height: 100%;
width: 100%;
text-align: center;
position: relative;
overflow: hidden;
}
.p-partner-wrapper .p-dealer-cover .dealer-cover-logo .dealer-logo-wrapper img {
max-width: 116px;
max-height: 116px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.p-partner-wrapper .p-dealer-cover .dealer-name {
text-align: center;
margin-top: 34px;
}
.p-partner-wrapper .p-dealer-cover .dealer-name h2 {
margin: 0;
font-size: 32px;
line-height: 1em;
}
.p-partner-wrapper .p-dealer-cover .dealer-name .container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-partner-wrapper .p-dealer-cover .dealer-name .patron-info {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5cb885;
margin-top: 10px;
}
@media (min-width: 992px) {
.p-partner-wrapper .p-dealer-cover .dealer-name .patron-info {
margin-bottom: 5px;
}
}
.p-partner-wrapper .p-dealer-cover .dealer-name .patron-info span {
position: relative;
display: inline-block;
padding: 0 20px;
}
.p-partner-wrapper .p-dealer-cover .dealer-name .patron-info span:before {
position: absolute;
font-family: "myWorld Font";
content: "\0077";
font-size: 20px;
line-height: 0;
top: 8px;
left: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper .p-dealer-cover .dealer-name .patron-info span:after {
position: absolute;
font-family: "myWorld Font";
content: "\0077";
font-size: 20px;
line-height: 0;
top: 8px;
right: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper .p-dealer-cover .row-button {
position: fixed;
left: 0;
bottom: 0;
width: 102%;
z-index: 100;
padding-bottom: 8px;
box-shadow: 2px -1px 14px -5px #323232;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6);
}
@media (min-width: 992px) {
.p-partner-wrapper .p-dealer-cover .row-button {
position: relative;
background-color: transparent;
padding-bottom: 0;
border-top: none;
width: auto;
box-shadow: none;
z-index: 1;
}
}
.p-partner-wrapper .p-dealer-cover .row-button .button {
margin-top: 12px;
}
.p-partner-wrapper .p-dealer-content {
margin-top: 11.5px;
}
.p-partner-wrapper .p-dealer-content h3 {
font-size: 22px;
margin-bottom: 21px;
}
.p-partner-wrapper .p-dealer-content hr {
border-top: 2px solid #b6b6b6;
}
.p-partner-wrapper .p-dealer-content .colorize:not(.ds-box-special) {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .panel-wrapper {
overflow: hidden;
}
.p-partner-wrapper .p-dealer-content .panel-wrapper strong {
font-weight: 400;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.p-partner-wrapper .p-dealer-content .panel-wrapper h2 {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif !important;
font-size: 15px !important;
color: #333 !important;
}
.p-partner-wrapper .p-dealer-content .panel-wrapper h3 {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif !important;
font-size: 13px !important;
color: #333 !important;
}
.p-partner-wrapper .p-dealer-content .panel-wrapper.show-overflow {
overflow: visible;
}
.p-partner-wrapper .p-dealer-content .box-item {
padding-top: 6.5px;
padding-bottom: 6.5px;
}
.p-partner-wrapper .p-dealer-content .box-item .box-content {
position: relative;
padding: 18px;
}
.p-partner-wrapper .p-dealer-content .box-item .box-content > * {
z-index: 1;
position: relative;
}
.p-partner-wrapper .p-dealer-content .box-item .box-content:before {
content: "";
border-bottom: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
height: 100%;
left: 2px;
position: absolute;
top: 2px;
width: 100%;
z-index: 0;
}
.p-partner-wrapper .p-dealer-content .sort-item iframe {
width: 100% !important;
}
.p-partner-wrapper .p-dealer-content .cashback ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.p-partner-wrapper .p-dealer-content .cashback ul li {
display: block;
position: relative;
border-bottom: 2px solid #b6b6b6;
padding: 12px 0;
}
.p-partner-wrapper .p-dealer-content .cashback ul li:last-child {
border-bottom: none;
}
.p-partner-wrapper .p-dealer-content .cashback ul li > span {
vertical-align: middle;
display: block;
}
@media (min-width: 992px) {
.p-partner-wrapper .p-dealer-content .cashback ul li > span {
width: 66%;
display: inline-block;
}
}
.p-partner-wrapper .p-dealer-content .cashback ul li > span:first-child {
color: #5cb885;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 19px;
text-transform: uppercase;
}
@media (min-width: 992px) {
.p-partner-wrapper .p-dealer-content .cashback ul li > span:first-child {
width: 33%;
}
}
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li
> span:first-child.text-transform-none {
text-transform: none;
}
.p-partner-wrapper .p-dealer-content .cashback ul li .icon {
display: inline-block;
width: 26px;
height: 20px;
}
.p-partner-wrapper .p-dealer-content .cashback ul li .icon:before {
font-family: "myWorld Font";
font-size: 27px;
line-height: 0;
top: 50%;
transform: translateY(-50%);
left: 3px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper .p-dealer-content .cashback ul li .icon.icon-sp {
position: relative;
}
.p-partner-wrapper .p-dealer-content .cashback ul li .icon.icon-sp:before {
content: "\0046";
position: absolute;
margin-top: 2px;
}
.p-partner-wrapper .p-dealer-content .cashback ul li .icon.icon-scb {
position: relative;
width: 30px;
}
.p-partner-wrapper .p-dealer-content .cashback ul li .icon.icon-scb:before {
content: "\00E4";
left: 0;
top: 14px;
position: absolute;
text-transform: none;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.single-offer {
padding-top: 0;
}
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li.single-offer
> span:first-child {
padding-right: 21px;
font-size: 30px;
display: block;
}
@media (min-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li.single-offer
> span:first-child {
display: table-cell;
white-space: nowrap;
}
}
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li.single-offer
> span
+ span {
display: block;
}
@media (min-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li.single-offer
> span
+ span {
display: table-cell;
}
}
.p-partner-wrapper .p-dealer-content .cashback ul li.single-offer .icon-sp {
width: 29px;
}
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li.single-offer
.icon-sp:before {
margin-top: -2px;
font-size: 33px;
}
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li.single-offer
.icon-scb:before {
top: 11px;
}
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li.single-offer.super-cashback
> span:first-child {
font-size: 26px;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.super-cashback {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.super-cashback > span {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.lastchance {
color: #5cb885;
margin-top: -2px;
border-top: 2px solid #fff;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.collapse {
display: none;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.button {
display: block;
width: 100%;
text-align: center;
padding: 0;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.button .btn {
display: block;
padding: 0;
margin: 18px 0;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-wrapper > span {
margin-right: 10px;
line-height: 2.8em;
}
.p-partner-wrapper
.p-dealer-content
.cashback
.cbtype-wrapper
> span:last-child {
margin-right: 0;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype {
display: inline-block;
font-size: 13px;
padding-left: 44px;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype:before {
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
top: 50%;
transform: translateY(-50%);
left: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-shopping {
position: relative;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-shopping:before {
content: "\0044";
position: absolute;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-voucher {
position: relative;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-voucher:before {
content: "\043";
position: absolute;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-evoucher {
position: relative;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-evoucher:before {
content: "\00ED";
position: absolute;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-ecredits {
position: relative;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-ecredits:before {
content: "\2026";
position: absolute;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-cbcard {
position: relative;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-cbcard:before {
content: "\0021";
position: absolute;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-mastercard {
position: relative;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-mastercard:before {
position: absolute;
content: "";
width: 37px;
height: 28px;
background: url("../../img/root/partner/cbtype-mastercard.png") no-repeat;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-b2b {
position: relative;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-b2b:before {
content: "\038";
left: 1px;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-mobile-voucher {
position: relative;
}
.p-partner-wrapper .p-dealer-content .cashback .cbtype-mobile-voucher:before {
content: "\00A8";
left: 9px;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .cashback .button {
width: 100%;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .cashback .button {
width: 180px;
}
}
.p-partner-wrapper .p-dealer-content .cashback.v2 ul li {
display: flex;
flex-direction: column;
justify-content: center;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 ul li > span {
width: 100%;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 ul li > span:first-child {
font-size: 18px;
color: #333;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 ul li > span:last-child {
color: #909090;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 ul li .icon.icon-sp {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 ul li .cbtype-wrapper {
color: #333 !important;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .asterisk {
color: #909090;
line-height: calc(20 / 13);
}
.p-partner-wrapper .p-dealer-content .cashback.v2 i.info {
font-style: normal;
position: relative;
display: inline-block;
margin-top: 0;
padding-left: 18px;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 i.info:before {
content: "\00FB";
position: absolute;
top: 0;
left: 0;
font-family: "myWorld Font";
line-height: 0;
font-size: 25px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
margin-top: 8px;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .btn-shoppingcash {
display: flex;
padding: 0;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .btn-shoppingcash i.info {
padding-left: 22px;
}
.p-partner-wrapper
.p-dealer-content
.cashback.v2
.btn-shoppingcash
i.info:before {
font-size: 28px;
margin-top: 9px;
}
.p-partner-wrapper
.p-dealer-content
.cashback.v2
~ .modal-shoppingcash
.dealer {
align-items: center;
margin-top: 18px;
}
.p-partner-wrapper
.p-dealer-content
.cashback.v2
~ .modal-shoppingcash
.dealer
.dealer-logo-wrapper {
width: 64px;
height: 64px;
border-radius: 7px;
border: 1px solid #eee;
position: relative;
overflow: hidden;
margin-right: 15px;
flex-shrink: 0;
}
.p-partner-wrapper
.p-dealer-content
.cashback.v2
~ .modal-shoppingcash
.dealer
.dealer-logo-wrapper
img {
position: absolute;
max-width: 62px;
max-height: 62px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
.p-partner-wrapper
.p-dealer-content
.cashback.v2
~ .modal-shoppingcash
.button-shoppingcash {
justify-content: flex-end;
}
.p-partner-wrapper .p-dealer-content .gallery .box-content:first-of-type {
position: relative;
height: 300px;
width: 100%;
padding: 0;
overflow: hidden;
}
@media (max-width: 480px) {
.p-partner-wrapper .p-dealer-content .gallery .box-content:first-of-type {
height: 150px;
}
}
.p-partner-wrapper .p-dealer-content .gallery .box-content:only-child {
margin-bottom: 0;
}
.p-partner-wrapper .p-dealer-content .gallery .box-content {
margin-bottom: 13px;
}
.p-partner-wrapper .p-dealer-content .gallery .box-content ~ .box-content {
margin-bottom: 0;
z-index: 2;
}
.p-partner-wrapper .p-dealer-content .gallery .gallery__wrapper {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 100%;
width: 100%;
}
.p-partner-wrapper
.p-dealer-content
.gallery
.gallery__wrapper
a:first-of-type {
height: 100%;
width: 65%;
padding-right: 1px;
}
.p-partner-wrapper
.p-dealer-content
.gallery
.gallery__wrapper
a:nth-of-type(2),
.p-partner-wrapper
.p-dealer-content
.gallery
.gallery__wrapper
a:nth-of-type(3) {
height: 50%;
width: 35%;
}
.p-partner-wrapper
.p-dealer-content
.gallery
.gallery__wrapper
a:nth-of-type(2) {
padding-bottom: 1px;
}
.p-partner-wrapper .p-dealer-content .gallery .gallery__wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.p-partner-wrapper .p-dealer-content .gallery .gallery__label {
display: block;
position: absolute;
bottom: 30px;
left: 30px;
font-size: 16px;
color: #fff;
max-width: 55%;
pointer-events: none;
}
@media (max-width: 480px) {
.p-partner-wrapper .p-dealer-content .gallery .gallery__label {
bottom: 20px;
left: 20px;
}
}
.p-partner-wrapper .p-dealer-content .btn-dropdown {
padding: 0 2rem;
background: 0 0;
position: relative;
font-size: 13px;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color var(--transition-duration) var(--transition-timing-function);
}
.p-partner-wrapper .p-dealer-content .btn-dropdown:before {
content: "\0049";
font-family: "myWorld Font";
position: absolute;
color: #333;
font-size: 22px;
line-height: 0;
top: 50%;
left: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
transform: translate(0, -50%) rotate(0);
margin-top: -2px;
}
.p-partner-wrapper .p-dealer-content .btn-dropdown:after {
content: "\007B";
font-family: "myWorld Font";
position: absolute;
font-size: 16px;
line-height: 0;
top: 50%;
left: 100%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
transform: translate(-100%, -50%) rotate(0);
padding-right: 1px;
}
.p-partner-wrapper .p-dealer-content .open .btn-dropdown {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .btn-dropdown:hover {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .btn-dropdown:hover:before {
color: #333;
}
.p-partner-wrapper .p-dealer-content .btn-dropdown:active {
box-shadow: none;
}
.p-partner-wrapper .p-dealer-content .dropdown-menu {
margin-top: 0.5rem;
}
.p-partner-wrapper .p-dealer-content .dropdown-item {
white-space: normal !important;
}
.p-partner-wrapper .p-dealer-content .contact a:not(.btn) {
color: #5cb885 !important;
}
.p-partner-wrapper .p-dealer-content .contact a:not(.btn):active,
.p-partner-wrapper .p-dealer-content .contact a:not(.btn):focus,
.p-partner-wrapper .p-dealer-content .contact a:not(.btn):hover {
color: #6fcb98 !important;
}
.p-partner-wrapper .p-dealer-content .contact .fixed-height {
height: 262px;
}
.p-partner-wrapper .p-dealer-content .contact #map_canvas {
height: 249px !important;
}
.p-partner-wrapper .p-dealer-content .contact ul {
margin: 0;
padding: 0;
list-style: none;
margin-top: 12px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .contact ul {
margin-top: 0;
}
}
.p-partner-wrapper .p-dealer-content .contact ul li {
position: relative;
margin-top: 18px;
}
.p-partner-wrapper .p-dealer-content .contact ul li:first-child {
margin-top: 0;
}
.p-partner-wrapper .p-dealer-content .contact ul li .header {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .contact ul li.open-hours {
width: 66.66666667%;
}
}
.p-partner-wrapper .p-dealer-content .contact .tbl {
display: table;
}
.p-partner-wrapper .p-dealer-content .contact .tbl .nowrap {
white-space: nowrap;
}
.p-partner-wrapper .p-dealer-content .contact .tbl .tr {
display: table-row;
}
.p-partner-wrapper .p-dealer-content .contact .tbl .tr span {
display: inline-block;
padding-right: 18px;
}
.p-partner-wrapper .p-dealer-content .contact .tbl div {
display: table-cell;
vertical-align: top;
}
.p-partner-wrapper .p-dealer-content .contact .icon {
padding-left: 54px;
}
.p-partner-wrapper .p-dealer-content .contact .icon:before {
font-family: "myWorld Font";
position: absolute;
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper .p-dealer-content .contact .icon-clock {
position: relative;
}
.p-partner-wrapper .p-dealer-content .contact .icon-clock:before {
content: "\0059";
left: 0;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .contact .icon-contact {
position: relative;
}
.p-partner-wrapper .p-dealer-content .contact .icon-contact:before {
content: "\004C";
left: 0;
top: 13px;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .contact .icon-contact a {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .contact .icon-contact a:active,
.p-partner-wrapper .p-dealer-content .contact .icon-contact a:focus,
.p-partner-wrapper .p-dealer-content .contact .icon-contact a:hover {
color: #6fcb98;
}
.p-partner-wrapper .p-dealer-content .contact .icon-map {
position: relative;
}
.p-partner-wrapper .p-dealer-content .contact .icon-map:before {
content: "\0049";
left: 6px;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .contact .icon-social-media {
position: relative;
}
.p-partner-wrapper .p-dealer-content .contact .icon-social-media:before {
content: "\004D";
left: 0;
top: 14px;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .contact .icon-social-media a {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .contact .icon-social-media a:active,
.p-partner-wrapper .p-dealer-content .contact .icon-social-media a:focus,
.p-partner-wrapper .p-dealer-content .contact .icon-social-media a:hover {
color: #6fcb98;
}
.p-partner-wrapper .p-dealer-content .contact .icon-voucher-selling-point {
position: relative;
}
.p-partner-wrapper
.p-dealer-content
.contact
.icon-voucher-selling-point:before {
content: "\0047";
left: 0;
top: 14px;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .contact .icon-info {
position: relative;
}
.p-partner-wrapper .p-dealer-content .contact .icon-info:before {
content: "\0067";
left: 0;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .contact .icon-id {
position: relative;
}
.p-partner-wrapper .p-dealer-content .contact .icon-id:before {
content: "\005D";
left: 0;
top: 17px;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .contact .icon-pickup {
position: relative;
}
.p-partner-wrapper .p-dealer-content .contact .icon-pickup:before {
content: "\004E";
left: 0;
top: 17px;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .contact .icon-truck {
position: relative;
}
.p-partner-wrapper .p-dealer-content .contact .icon-truck:before {
content: "\006C";
left: 0;
position: absolute;
}
.p-partner-wrapper .p-dealer-content .contact .district-abbreviation {
width: auto !important;
margin-left: 1px;
}
.p-partner-wrapper .p-dealer-content .evoucher .wal-item {
height: auto !important;
}
.p-partner-wrapper .p-dealer-content .evoucher a.btn {
display: inline-block;
text-align: center;
}
.p-partner-wrapper .p-dealer-content header.translation {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.p-partner-wrapper .p-dealer-content header.translation .form-control {
display: inline-block;
width: auto;
}
.p-partner-wrapper .p-dealer-content header.translation .lang-wrapper {
margin-bottom: 0;
position: relative;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content header.translation .lang-wrapper {
margin-top: -8px;
margin-bottom: 0;
}
}
.p-partner-wrapper .p-dealer-content header.translation .lang-wrapper:before {
content: "\007E";
position: absolute;
left: -4px;
top: 10px;
font-size: 16px;
font-family: "myWorld Font";
color: #333;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper .p-dealer-content header.translation .lang-wrapper span {
padding-right: 8px;
}
.p-partner-wrapper .p-dealer-content header.translation .lang-wrapper .toggle {
display: none;
}
.p-partner-wrapper
.p-dealer-content
header.translation
.lang-wrapper
.toggle
+ .toggle-btn {
outline: 0;
display: block;
width: 1.5em;
height: 2em;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 0.2s ease;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 21px;
color: #333;
}
.p-partner-wrapper
.p-dealer-content
header.translation
.lang-wrapper
.toggle
+ .toggle-btn:after,
.p-partner-wrapper
.p-dealer-content
header.translation
.lang-wrapper
.toggle
+ .toggle-btn:before {
position: absolute;
display: inline-block;
transition: all 0.2s ease;
content: "";
width: 100%;
height: 100%;
text-align: center;
line-height: 2em;
}
.p-partner-wrapper
.p-dealer-content
header.translation
.lang-wrapper
.toggle
+ .toggle-btn:before {
left: 0;
content: attr(data-toggle-off);
}
.p-partner-wrapper
.p-dealer-content
header.translation
.lang-wrapper
.toggle
+ .toggle-btn:after {
left: 100%;
content: attr(data-toggle-on);
}
.p-partner-wrapper
.p-dealer-content
header.translation
.lang-wrapper
.toggle:checked
+ .toggle-btn {
color: #5cb885;
}
.p-partner-wrapper
.p-dealer-content
header.translation
.lang-wrapper
.toggle:checked
+ .toggle-btn:before {
left: -100%;
}
.p-partner-wrapper
.p-dealer-content
header.translation
.lang-wrapper
.toggle:checked
+ .toggle-btn:after {
left: 0;
}
.p-partner-wrapper .p-dealer-content header.translation h3 {
margin-bottom: 5px;
}
.p-partner-wrapper .p-dealer-content .evoucher-order ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
margin-bottom: 21px;
width: 100%;
}
.p-partner-wrapper .p-dealer-content .evoucher-order li {
border-top: 2px solid #b6b6b6;
float: left;
width: 100%;
padding: 12px;
padding-top: 13px;
padding-bottom: 8px;
}
.p-partner-wrapper .p-dealer-content .evoucher-order li:first-child {
border-top: none;
padding-top: 0;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .val span {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 14px;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .val span:first-child {
font-size: 32px;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .sold-out-text {
color: #a94442;
margin-top: 15px;
text-align: center;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .sold-out-text span {
font-size: 17px;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .qty {
text-align: right;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .qty button {
height: 23px;
width: 23px;
padding: 0;
position: relative;
background: 0 0;
color: #5cb885;
border-radius: 50%;
outline: 0;
top: -3px;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .qty button:before {
position: absolute;
font-family: "myWorld Font";
font-size: 30px;
line-height: 0;
top: 9px;
left: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
z-index: 0;
width: 100%;
height: 100%;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .qty button:focus,
.p-partner-wrapper .p-dealer-content .evoucher-order .qty button:hover {
background: 0 0;
color: #6fcb98;
}
.p-partner-wrapper
.p-dealer-content
.evoucher-order
.qty
button.btn-left:before {
content: "\0026";
}
.p-partner-wrapper
.p-dealer-content
.evoucher-order
.qty
button.btn-right:before {
content: "\0025";
}
.p-partner-wrapper .p-dealer-content .evoucher-order .qty input.numeric {
font-size: 20px;
width: 75px;
text-align: center;
display: inline-block;
padding: 0 5px;
line-height: 40px;
height: 40px;
box-shadow: none;
outline: 0;
margin: 0 3px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .evoucher-order .qty input.numeric {
margin: 0 13px;
}
}
.p-partner-wrapper .p-dealer-content .evoucher-order .button {
width: 100%;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .evoucher-order .button {
display: flex;
align-items: center;
justify-content: flex-end;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .button a.btn-primary {
display: flex;
height: 40px;
align-items: center;
}
}
.p-partner-wrapper .p-dealer-content .offers-deals .offers-deals-wrapper {
padding: 18px;
border: 2px dashed #b6b6b6;
}
.p-partner-wrapper .p-dealer-content .offers-deals .ds-itembox {
padding-left: 9px;
padding-right: 9px;
margin-left: -2px;
margin-right: -2px;
margin-bottom: 16px;
padding-top: 3px;
}
.p-partner-wrapper .p-dealer-content .offers-deals .row-centered {
text-align: center;
margin-left: -7.5px;
margin-right: -7.5px;
}
.p-partner-wrapper .p-dealer-content .offers-deals .col-centered {
display: inline-block;
float: none !important;
text-align: left;
width: 270px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .offers-deals .col-centered {
width: 295px;
}
}
@media (min-width: 992px) {
.p-partner-wrapper .p-dealer-content .offers-deals .col-centered {
float: left !important;
}
}
.p-partner-wrapper .p-dealer-content .offers-deals .ds-txt-additional {
font-size: 15px;
}
.p-partner-wrapper .p-dealer-content .shops .box-content {
background-color: #fff;
}
.p-partner-wrapper .p-dealer-content .shops .row {
margin: 0 -13.5px;
margin-bottom: -25px;
}
.p-partner-wrapper .p-dealer-content .shops .row div {
margin: 0 13.5px;
margin-bottom: 25px;
float: left;
}
.p-partner-wrapper .p-dealer-content .shops .logo {
width: 91px;
height: 91px;
display: inline-block;
position: relative;
border: 6px solid #f5f5f5;
border-radius: 2px;
background-color: #fff;
overflow: hidden;
transition: border-color 0.4s;
margin-bottom: 12px;
box-shadow: 0 0 6px 2px #b6b6b6;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .shops .logo {
margin-bottom: 0;
}
}
.p-partner-wrapper .p-dealer-content .shops .logo:hover {
border: 6px solid #b6b6b6;
}
.p-partner-wrapper .p-dealer-content .shops .logo a {
display: inline-block;
width: 100%;
height: 100%;
}
.p-partner-wrapper .p-dealer-content .shops .logo img {
margin: auto;
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
max-width: 70px;
max-height: 70px;
}
.p-partner-wrapper .p-dealer-content .business-partner .row {
margin: 0 -13.5px;
margin-bottom: -8px;
}
.p-partner-wrapper .p-dealer-content .business-partner .row div {
margin: 0 13.5px;
margin-bottom: 8px;
}
.p-partner-wrapper .p-dealer-content .business-partner .logo {
width: 120px;
height: 120px;
display: inline-block;
position: relative;
border: 10px solid #fff;
background-color: #fff;
overflow: hidden;
transition: border-color 0.4s;
margin-bottom: 8px;
margin-top: 12px !important;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .business-partner .logo {
margin-bottom: 0;
}
}
.p-partner-wrapper .p-dealer-content .business-partner .logo:hover {
border: 10px solid #e6e6e6;
}
.p-partner-wrapper .p-dealer-content .business-partner .logo a {
display: inline-block;
width: 100%;
height: 100%;
}
.p-partner-wrapper .p-dealer-content .business-partner .logo img {
margin: auto;
position: absolute;
left: 0;
bottom: 0;
top: 0;
right: 0;
max-width: 100px;
max-height: 100px;
}
.p-partner-wrapper .p-dealer-content .info {
margin-top: 5%;
}
.p-partner-wrapper .p-dealer-content .info .font-small {
font-size: 11px;
}
.p-partner-wrapper .p-dealer-content .info p {
padding-bottom: 12px;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .rating-bubble {
width: 93px;
height: 93px;
font-size: 38px;
padding-top: 18px;
margin-top: 6px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
float: none;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .rating-bubble {
margin-left: 0;
margin-right: 0;
float: left;
}
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .fa {
display: inline-block;
font: normal normal normal 14px FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #333;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .fa.full {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .fa-star:before {
content: "\f005";
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .fa-star.half {
position: relative;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.fa-star.half:after {
content: "\f005";
color: #5cb885;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 50%;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.fa-thumbs-up:before {
content: "\f164";
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.fa-thumbs-down:before {
content: "\f165";
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.stars-summary-wrapper {
text-align: center;
}
@media (min-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.stars-summary-wrapper {
text-align: left;
}
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .star {
position: relative;
display: inline-block;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
width: 14px;
height: 13px;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .star:before {
position: absolute;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
content: "\22c6";
font-size: 20px;
line-height: 0;
top: 5px;
left: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
width: 100%;
height: 100%;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.star.half:before {
position: absolute;
font-family: "myWorld Font";
content: "\0077";
font-size: 20px;
line-height: 0;
top: 5px;
left: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
z-index: 1;
width: 100%;
height: 100%;
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .star.half:after {
position: absolute;
font-family: "myWorld Font";
content: "\0077";
font-size: 20px;
line-height: 0;
top: 5px;
left: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
z-index: 0;
width: 50%;
height: 100%;
color: red;
overflow: hidden;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .stars.summary {
margin: 0;
font-size: 15px;
display: inline-block;
text-align: center;
padding-top: 8px;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.stars.summary
> span {
margin-left: 5px;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.stars.summary
> span:first-child {
margin-left: 0;
}
@media (min-width: 992px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.stars.summary
> span {
margin-left: 3px;
}
}
@media (min-width: 1200px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.stars.summary
> span {
margin-left: 5px;
}
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .stars.summary a {
font-size: 11px;
display: block;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .histogram .row {
padding-top: 2.5px;
padding-bottom: 2.5px;
}
@media (max-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.positive {
text-align: center;
width: 100% !important;
margin-top: 21px;
}
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.positive
span {
vertical-align: top;
line-height: 1em;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .histogram .bar {
display: inline-block;
height: 16px;
background: #5cb885;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.bar-val {
color: #5cb885;
font-size: 11px;
float: right;
vertical-align: top;
}
@media (max-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.bar-val {
position: absolute;
left: 20px;
top: 0;
color: #333;
z-index: 1;
}
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.star-val {
vertical-align: top;
padding-right: 5px;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col {
float: left;
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col.col-1 {
width: 36px;
}
@media (max-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col.col-2 {
width: 0;
position: relative;
}
}
@media (min-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col.col-2 {
width: calc(20% - 36px);
}
}
@media (min-width: 992px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col.col-2 {
width: calc(24% - 36px);
}
}
@media (min-width: 1200px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col.col-2 {
width: calc(20% - 36px);
}
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col.col-3 {
width: calc(100% - 15% - 36px);
}
@media (min-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col.col-3 {
width: calc(100% - 15% - 36px);
}
}
@media (min-width: 992px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col.col-3 {
width: calc(100% - 16% - 36px);
}
}
@media (min-width: 1200px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col.col-3 {
width: calc(100% - 12% - 36px);
}
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.histogram
.histo-col
.star {
vertical-align: top;
line-height: 1.5em;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .disabled {
color: #333 !important;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .colorize {
color: #5cb885 !important;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .categories {
margin-top: 21px;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .categories .row {
padding-top: 4px;
padding-bottom: 4px;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 hr {
border-top: 1px solid #b6b6b6;
margin-top: 30px;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .box-review {
padding-top: 18px;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
header {
position: relative;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.stars {
padding-right: 8px;
display: inline-block;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.name {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 14px;
}
@media (min-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.name {
font-size: 15px;
}
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .box-review time {
font-size: 11px;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .box-review p {
margin-top: 8px;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .box-review h5 {
margin-top: 6px;
display: inline-block;
line-height: 1.2em;
margin-right: 60px;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.content {
padding-top: 3px;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper {
position: absolute;
top: 5px;
right: 0;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper
i {
font-size: 20px;
text-align: center;
cursor: pointer;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper
i.active,
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper
i.inactive {
cursor: auto;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper
i:last-child {
padding-left: 12px;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper
i
> span {
font-size: 11px;
display: block;
margin-top: 3px;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper
i:not(.inactive).active,
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper
i:not(.inactive):hover {
color: #5cb885;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper
i:not(.inactive).fa-thumbs-down.active,
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.thumbs-wrapper
i:not(.inactive).fa-thumbs-down:hover {
color: #606060;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.readmore {
position: relative;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.readmore
i {
color: #333;
font-size: 11px;
font-style: normal;
cursor: pointer;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.readmore
i:hover {
color: #5cb885;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.reply-wrapper {
padding: 12px;
margin-top: 15px;
background-color: #fff;
position: relative;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.reply-wrapper:before {
content: "";
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
top: -10px;
left: 18px;
}
.p-partner-wrapper .p-dealer-content #description-container a,
.p-partner-wrapper .p-dealer-content #downloads-container a {
color: #5cb885 !important;
text-decoration: underline !important;
}
.p-partner-wrapper .p-dealer-content #description-container a:active,
.p-partner-wrapper .p-dealer-content #description-container a:focus,
.p-partner-wrapper .p-dealer-content #description-container a:hover,
.p-partner-wrapper .p-dealer-content #downloads-container a:active,
.p-partner-wrapper .p-dealer-content #downloads-container a:focus,
.p-partner-wrapper .p-dealer-content #downloads-container a:hover {
color: #6fcb98 !important;
}
.p-partner-wrapper .row-buttons {
display: flex;
align-items: center;
justify-content: space-between;
flex-flow: column-reverse;
}
@media (min-width: 768px) {
.p-partner-wrapper .row-buttons {
flex-flow: column;
}
}
.p-partner-wrapper .row-buttons .btn-link {
margin: 18px 0;
display: block;
text-align: center;
}
@media (min-width: 768px) {
.p-partner-wrapper .row-buttons .btn-link {
display: inline-block;
margin-right: 18px;
}
.p-partner-wrapper .row-buttons .btn-link:last-child {
margin-right: 0;
}
}
@media (min-width: 768px) {
.p-partner-wrapper .row-buttons {
flex-flow: row;
margin: 0;
}
}
.p-partner-wrapper .row-buttons.button-right {
justify-content: flex-end;
}
.p-partner-wrapper .row-buttons.button-center {
justify-content: center;
}
.p-partner-wrapper .p-back-bar-bottom {
float: right;
margin-top: 5%;
margin-bottom: 5%;
}
.p-partner-wrapper .p-header-wrapper {
height: auto;
position: relative;
overflow: hidden;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper {
height: 260px;
height: auto;
}
}
.p-partner-wrapper .p-header-wrapper .p-cat-img-wrapper {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
}
.p-partner-wrapper .p-header-wrapper .p-cat-img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
overflow-x: hidden;
display: none;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper .p-cat-img {
display: block;
}
}
.p-partner-wrapper .p-header-wrapper .container {
height: 100%;
position: relative;
}
.p-partner-wrapper .p-header-wrapper .row-centered {
text-align: center;
}
.p-partner-wrapper .p-header-wrapper .col-centered {
display: inline-block;
float: none;
text-align: left;
}
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper {
padding-left: 0;
margin-top: 20px;
position: static;
width: auto;
display: inline-block;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper {
padding-left: 10%;
float: left;
margin-top: 16px;
}
}
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-cb-wrapper,
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-sp-wrapper {
padding-top: 0;
}
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-cb-txt,
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-sp-txt {
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 13px;
color: #000;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-cb-txt,
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-sp-txt {
color: #000;
}
}
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-cb-wrapper {
font-size: 35px;
}
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-sp-wrapper {
font-size: 35px;
}
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-cb,
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-plus,
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-sp {
color: #000;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-cb,
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-plus,
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-sp {
color: #000;
}
}
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-cb .info,
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-plus .info,
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-sp .info {
padding-top: 3px;
vertical-align: top;
}
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-cb-txt {
padding-top: 13px;
}
.p-partner-wrapper .p-header-wrapper .v2-box-footer-wrapper .v2-sp-txt {
padding-top: 11px;
}
.p-partner-wrapper .p-header-wrapper .p-cbtype-wrapper {
display: block;
margin-top: 20px;
text-align: center;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper .p-cbtype-wrapper {
display: inline-block;
margin-top: 15px;
float: left;
}
}
.p-partner-wrapper .p-header-wrapper .p-cbtype-wrapper .txt {
color: #000;
display: block;
text-transform: uppercase;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 13px;
padding-top: 5px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper .p-cbtype-wrapper .txt {
color: #000;
}
}
.p-partner-wrapper .p-header-wrapper .p-cbtype-wrapper > div {
padding-left: 10px;
}
.p-partner-wrapper .p-header-wrapper .p-cbtype-wrapper > div:first-child {
padding-left: 0;
}
.p-partner-wrapper .p-header-wrapper ul.p-cbtype {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
.p-partner-wrapper .p-header-wrapper ul.p-cbtype > li {
display: inline-block;
margin-right: 3px;
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-shopping {
width: 37px;
height: 28px;
position: relative;
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-shopping:before {
color: #000;
content: "\0044";
font-family: "myWorld Font";
font-size: 44px;
left: 0;
line-height: 0;
position: absolute;
top: 11px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper li.p-cbtype-shopping:before {
color: #000;
}
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-coupon {
width: 37px;
height: 28px;
position: relative;
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-coupon:before {
color: #000;
content: "\043";
font-family: "myWorld Font";
font-size: 45px;
left: 0;
line-height: 0;
position: absolute;
top: 11px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper li.p-cbtype-coupon:before {
color: #000;
}
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-cbcard {
width: 37px;
height: 28px;
position: relative;
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-cbcard:before {
color: #000;
content: "\0042";
font-family: "myWorld Font";
font-size: 45px;
left: 0;
line-height: 0;
position: absolute;
top: 11px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper li.p-cbtype-cbcard:before {
color: #000;
}
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-mastercard {
background: url("../../img/root/partner/cbtype-mastercard.png") no-repeat;
width: 37px;
height: 28px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper li.p-cbtype-mastercard {
background: url("../../img/root/partner/cbtype-mastercard.png") no-repeat;
}
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-b2b {
width: 37px;
height: 28px;
position: relative;
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-b2b:before {
color: #000;
content: "\038";
font-family: "myWorld Font";
font-size: 41px;
left: 1px;
line-height: 0;
position: absolute;
top: 11px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper li.p-cbtype-b2b:before {
color: #000;
}
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-mobilecoupon {
width: 37px;
height: 28px;
position: relative;
}
.p-partner-wrapper .p-header-wrapper li.p-cbtype-mobilecoupon:before {
color: #000;
content: "\00A8";
font-family: "myWorld Font";
font-size: 45px;
left: 9px;
line-height: 0;
position: absolute;
top: 11px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper li.p-cbtype-mobilecoupon:before {
color: #000;
}
}
.p-partner-wrapper .p-header-wrapper .p-buttons {
padding-left: 0;
display: inline-block;
margin-top: 20px;
text-align: center;
vertical-align: top;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper .p-buttons {
margin-top: 10px;
text-align: right;
display: block;
}
}
@media (min-width: 992px) {
.p-partner-wrapper .p-header-wrapper .p-buttons {
display: block;
}
}
.p-partner-wrapper .p-header-wrapper .p-buttons > div {
margin-top: 0;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper .p-buttons > div {
margin-top: 10px;
}
}
@media (min-width: 992px) {
.p-partner-wrapper .p-header-wrapper .p-buttons > div {
margin-top: 7px;
}
}
.p-partner-wrapper .p-header-wrapper .p-buttons > div:first-child {
margin-top: 0;
}
.p-partner-wrapper .p-header-wrapper .p-buttons .button {
width: 180px;
display: block;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper .p-buttons .button {
display: inline-block;
}
}
.p-partner-wrapper .p-header-wrapper .p-buttons .p-btn-map {
margin-top: 10px;
}
@media (min-width: 992px) {
.p-partner-wrapper .p-header-wrapper .p-buttons .p-btn-map {
margin-left: 10px;
margin-top: 0;
}
}
.p-partner-wrapper .p-header-wrapper .p-buttons a.btn {
padding-left: 2px;
padding-right: 2px;
height: 40px;
width: 180px;
}
.p-partner-wrapper .p-header-wrapper .p-buttons .img-wrapper {
display: table-cell;
height: 100%;
vertical-align: middle;
padding-left: 5px;
position: relative;
}
.p-partner-wrapper .p-header-wrapper .p-buttons .img-map-marker {
width: 14px;
height: 22px;
display: inline-block;
vertical-align: middle;
}
.p-partner-wrapper .p-header-wrapper .p-buttons .img-map-marker:before {
content: "\0049";
font-family: "myWorld Font";
font-size: 35px;
left: 5px;
line-height: 0;
position: absolute;
top: 9px;
}
.p-partner-wrapper .p-header-wrapper .p-buttons .txt {
text-align: center;
display: table-cell;
padding-left: 5px;
}
.p-partner-wrapper .p-header-wrapper #p-show-range {
position: static;
margin-top: 10px;
cursor: pointer;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-header-wrapper #p-show-range {
left: 25px;
position: absolute;
bottom: 0;
margin-top: 0;
}
}
.p-partner-wrapper .p-header-wrapper #p-show-range:focus .txt,
.p-partner-wrapper .p-header-wrapper #p-show-range:hover .txt {
color: #fff;
text-decoration: underline;
}
.p-partner-wrapper .p-header-wrapper #p-show-range .img {
background: url("../../img/root/partner/range-icon.png") no-repeat;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
}
.p-partner-wrapper .p-header-wrapper #p-show-range .txt {
color: #fff;
}
.p-partner-wrapper#p-range-toggle-content {
background-color: #505050;
color: #fff;
}
.p-partner-wrapper#p-range-toggle-content .p-header {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.p-partner-wrapper#p-range-toggle-content .button {
width: 100%;
}
@media (min-width: 768px) {
.p-partner-wrapper#p-range-toggle-content .button {
width: 150px;
}
}
.p-partner-wrapper div.p-boxes .ds-itembox {
position: relative;
height: 240px;
margin-left: -2px;
margin-right: -2px;
}
.p-partner-wrapper div.p-boxes .ds-itembox .ds-box-v2 {
height: 240px !important;
min-height: 240px;
}
.p-partner-wrapper div.p-boxes .ds-itembox .ds-box-v2 .ds-box-special {
bottom: 0;
}
.p-partner-wrapper div.p-boxes .ds-carousel {
padding-top: 0;
height: 250px;
}
.p-partner-wrapper div.p-boxes .ds-carousel .carousel-indicators > li {
margin: 0;
padding: 0;
}
.p-partner-wrapper div.p-boxes .ds-bottom-line-wrapper {
position: static;
}
.p-partner-wrapper div.p-boxes .related-partner-box-link {
text-decoration: none;
color: inherit;
}
.p-partner-wrapper div.p-boxes .related-partner-box-link .related-partner-box {
position: relative;
width: 140px;
height: 120px;
border: 1px solid #b6b6b6;
cursor: pointer;
text-align: center;
}
.p-partner-wrapper
div.p-boxes
.related-partner-box-link
.related-partner-box:hover {
border: 1px solid #aaa;
}
.p-partner-wrapper
div.p-boxes
.related-partner-box-link
.related-partner-box
.header {
height: 32px;
overflow: hidden;
font-size: 11px;
margin-left: 3px;
margin-right: 3px;
font-weight: 400;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
color: #333;
}
.p-partner-wrapper .related-partner-infotext {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #00386e;
font-size: 14px;
padding-bottom: 10px;
}
.p-partner-wrapper .p-info {
position: relative;
padding-left: 36px;
color: #505050;
margin-top: 10px;
}
.p-partner-wrapper .p-info:before {
background: url("../../img/icons/info-icon-grey.png") no-repeat;
width: 26px;
height: 26px;
content: "";
position: absolute;
top: 0;
left: 0;
}
.p-partner-wrapper .p-contact-line-wrapper {
text-align: center;
color: #333;
}
.p-partner-wrapper .p-contact-line-wrapper a {
color: #5cb885 !important;
}
.p-partner-wrapper .p-contact-line-wrapper a:hover {
color: #6fcb98 !important;
}
.p-partner-wrapper .p-contact-line-wrapper .col-centered {
margin-left: -2px;
margin-right: -2px;
}
.p-partner-wrapper .p-contact-line-wrapper ul {
list-style: none;
}
.p-partner-wrapper .p-contact-line-wrapper ul > li {
display: inline-block;
vertical-align: top;
padding: 0 30px;
margin-bottom: 10px;
margin-left: -5px;
margin-right: -5px;
min-width: 300px;
text-align: left;
}
.p-partner-wrapper .p-contact-line-wrapper ul > li > div {
display: inline-block;
text-align: left;
padding-left: 5px;
}
.p-partner-wrapper .p-contact-line-wrapper ul > li > span {
display: inline-block;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-contact-line-wrapper ul > li {
min-width: 1px;
text-align: center;
}
}
.p-partner-wrapper .p-contact-line-wrapper .header {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.p-partner-wrapper .p-contact-line-wrapper .header:after {
content: "\A";
white-space: pre;
}
.p-partner-wrapper .p-contact-line-wrapper .img {
display: inline-block;
vertical-align: top;
margin-top: 4px;
}
.p-partner-wrapper .p-contact-line-wrapper .img-contact {
width: 27px;
height: 20px;
margin-right: 7px;
position: relative;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-contact-line-wrapper .img-contact {
margin-right: 0;
}
}
.p-partner-wrapper .p-contact-line-wrapper .img-contact:before {
content: "\004C";
font-family: "myWorld Font";
position: absolute;
font-size: 38px;
line-height: 0;
left: 0;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper .p-contact-line-wrapper .img-social {
width: 24px;
height: 24px;
margin-right: 10px;
position: relative;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-contact-line-wrapper .img-social {
margin-right: 0;
}
}
.p-partner-wrapper .p-contact-line-wrapper .img-social:before {
content: "\004D";
font-family: "myWorld Font";
position: absolute;
font-size: 38px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper .p-contact-line-wrapper .img-info {
background: url("../../img/icons/info-icon-grey.png") no-repeat;
width: 26px;
height: 26px;
margin-right: 10px;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-contact-line-wrapper .img-info {
margin-right: 0;
}
}
.p-partner-wrapper .p-contact-line-wrapper .img-address {
width: 14px;
height: 22px;
margin-right: 20px;
position: relative;
}
@media (min-width: 768px) {
.p-partner-wrapper .p-contact-line-wrapper .img-address {
margin-right: 0;
}
}
.p-partner-wrapper .p-contact-line-wrapper .img-address:before {
content: "\0049";
font-family: "myWorld Font";
position: absolute;
font-size: 35px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper .p-contact-line-wrapper .img-voucher-pos {
width: 34px;
height: 27px;
position: relative;
}
.p-partner-wrapper .p-contact-line-wrapper .img-voucher-pos:before {
content: "\0047";
font-family: "myWorld Font";
position: absolute;
font-size: 35px;
line-height: 0;
left: 1px;
top: 11px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper #business-hours-table td {
vertical-align: top;
}
.p-partner-wrapper #business-hours-table tr td:last-child {
padding-left: 30px;
text-align: right;
}
.p-partner-wrapper .infoDiv {
display: inline-block;
padding-top: 6px;
}
.p-partner-wrapper #map_canvas {
height: 300px;
}
@media (min-width: 768px) {
.p-partner-wrapper #map_canvas {
height: 400px;
}
}
@media (min-width: 992px) {
.p-partner-wrapper #map_canvas {
height: 500px;
}
}
.p-partner-wrapper #partner_list {
height: auto;
}
@media (min-width: 992px) {
.p-partner-wrapper #partner_list {
max-height: 500px;
overflow-x: hidden;
}
}
.p-partner-wrapper #partner_list #loaderGif {
margin: 20px auto 0 auto;
}
@media (min-width: 992px) {
.p-partner-wrapper #partner_list #loaderGif {
margin: 145px auto 0 auto;
}
}
.p-partner-wrapper #partner_list .list-group-item {
cursor: pointer;
}
.p-partner-wrapper #partner_list .location-arrow {
background-image: url("../../img/gmaps/arrow-right-2.png");
background-repeat: no-repeat;
width: 19px;
height: 26px;
transition: 0.1s;
}
.p-partner-wrapper #partner_list .location-arrow:hover {
background-image: url("../../img/gmaps/arrow-right-2-hover.png");
}
.p-partner-wrapper .easteregg {
width: 90px;
height: 100px;
}
.p-partner-wrapper .easteregg.blue {
background: url("../../img/root/partner/eggs-blue.png") no-repeat;
}
.p-partner-wrapper .easteregg.green {
background: url("../../img/root/partner/eggs-green.png") no-repeat;
}
.p-partner-wrapper .easteregg.pink {
background: url("../../img/root/partner/eggs-pink.png") no-repeat;
}
.p-partner-wrapper .easteregg.yellow {
background: url("../../img/root/partner/eggs-yellow.png") no-repeat;
}
.p-partner-wrapper .p-tabs-wrapper .tab-pane h2 {
font-size: 32px !important;
margin-bottom: 1px;
}
.p-partner-wrapper .p-tabs-wrapper .tab-pane h3 {
margin-bottom: 5px;
}
.p-partner-wrapper .wrapper-bestsecret {
padding-top: 40px;
padding-bottom: 30px;
}
.p-partner-wrapper .wrapper-bestsecret .border {
height: 100%;
padding: 30px 18px 12px;
border: 2px solid #b6b6b6;
}
@media (min-width: 1200px) {
.p-partner-wrapper .wrapper-bestsecret .border {
padding: 40px;
}
}
.p-partner-wrapper .wrapper-bestsecret .separator {
background-color: #b6b6b6;
width: 100%;
height: 2px;
margin: 28px 0;
position: relative;
}
.p-partner-wrapper .wrapper-bestsecret .separator span {
position: absolute;
display: inline-block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 0 12px;
}
@media (min-width: 992px) {
.p-partner-wrapper .wrapper-bestsecret .col-md-8 {
padding-right: 0;
}
}
@media (min-width: 992px) {
.p-partner-wrapper .wrapper-bestsecret .col-md-4 {
padding-left: 0;
}
}
.p-partner-wrapper .wrapper-bestsecret .btn-link {
display: inline-block;
margin-top: 18px;
padding-top: 21px;
}
@media (min-width: 1200px) {
.p-partner-wrapper .wrapper-bestsecret .btn-link {
padding-top: 12%;
}
}
.p-partner-wrapper .wrapper-bestsecret .btn-width-full {
margin-top: 21px;
}
.p-partner-wrapper .wrapper-bestsecret .info {
position: relative;
margin-top: 18px;
padding-left: 39px;
}
.p-partner-wrapper .wrapper-bestsecret .info:before {
position: absolute;
font-family: "myWorld Font";
content: "\0067";
font-size: 36px;
line-height: 0;
top: 7px;
left: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.p-partner-wrapper a.btn.btn-primary.icon-contact {
position: relative;
text-align: left;
padding-left: 50px;
}
.p-partner-wrapper a.btn.btn-primary.icon-contact:after {
font-family: "myWorld Font";
font-size: 32px;
left: 16px;
line-height: 0;
position: absolute;
top: 17px;
content: "\006A";
}
.p-partner-wrapper .vo-sum-input {
position: relative;
height: 40px;
display: inline-block;
width: 100%;
}
.p-partner-wrapper .vo-lbl {
display: inline-block;
padding-bottom: 3px;
font-size: 11px;
}
.p-partner-wrapper input[type="text"] {
text-align: right;
padding-right: 37px;
display: inline-block;
width: 100%;
height: 40px;
font-size: 18px;
}
.p-partner-wrapper .vo-currency {
color: #5cb885;
position: absolute;
right: 10px;
top: 33px;
}
#drf-wrapper .header .logo-lyoness img {
float: right;
}
#drf-wrapper .dealer {
margin-top: 20px;
}
#drf-wrapper .dealer .logo {
position: relative;
width: 186px;
height: 186px;
margin: 0 auto;
}
#drf-wrapper .dealer .logo img {
bottom: 0;
left: 0;
margin: auto;
max-width: 166px;
position: absolute;
right: 0;
top: 0;
}
#drf-wrapper .dealer .logo:before {
border: 11px solid #dfe2ea;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
#drf-wrapper .dealer-name {
text-align: center;
}
#drf-wrapper .dealer-name h1 {
font-size: 38px;
margin-top: 15px;
}
#drf-wrapper .dealer-name h5 {
margin-top: 5px;
}
#drf-wrapper .conditions-wrapper {
text-align: center;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper {
text-align: center;
margin-top: 15px;
display: inline-block;
min-width: 125px;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper ul.cbtype {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper ul.cbtype > li {
display: inline-block;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper .txt {
display: block;
text-transform: uppercase;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 13px;
padding-top: 5px;
color: #003672;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-shopping {
width: 28px;
height: 28px;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-shopping:after {
content: url("../../img/layout/print/cbtype-shopping.png");
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-coupon {
width: 37px;
height: 28px;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-coupon:after {
content: url("../../img/layout/print/cbtype-coupon.png");
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-cbcard {
width: 37px;
height: 28px;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-cbcard:after {
content: url("../../img/layout/print/cbtype-cbcard.png");
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-mastercard {
width: 37px;
height: 28px;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-mastercard:after {
content: url("../../img/root/partner/cbtype-mastercard.png");
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-mobilecoupon {
width: 30px;
height: 28px;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper li.cbtype-mobilecoupon:after {
content: url("../../img/layout/print/cbtype-mobilecoupon.png");
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper {
display: inline-block;
margin-top: 15px;
padding-left: 2%;
color: #003672;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp {
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
font-size: 35px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp > li {
display: inline-block;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp .txt {
font-size: 13px;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
text-transform: uppercase;
display: block;
text-align: left;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp .info {
font-size: 11px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
display: inline-block;
text-align: left;
line-height: 1.2em;
vertical-align: top;
padding-top: 12px;
margin-left: -3px;
}
#drf-wrapper
.conditions-wrapper
.cbsp-wrapper
ul.cbsp
.info
> span:first-child:after {
content: "\A ";
white-space: pre;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp .cb-val {
position: relative;
padding-right: 38px;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp .cb-val:after {
content: "";
position: absolute;
top: 0;
right: 0;
content: url("../../img/layout/print/cb.png");
width: 31px;
height: 27px;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp .sp-val {
position: relative;
padding-right: 32px;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp .sp-val:after {
content: "";
position: absolute;
top: 0;
right: 0;
content: url("../../img/layout/print/sp.png");
width: 29px;
height: 28px;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp .plus {
padding: 0 10px;
vertical-align: top;
}
#drf-wrapper .intro {
margin-top: 6%;
}
#drf-wrapper .intro .box-content {
padding: 18px !important;
}
#drf-wrapper .intro h2 {
text-align: center;
font-size: 38px;
}
#drf-wrapper .intro h4 {
font-size: 18px;
margin-bottom: 1px;
margin-top: 5px;
}
#drf-wrapper .intro p {
font-size: 13px;
}
#drf-wrapper .dealer-overview {
margin-top: 1.5%;
}
#drf-wrapper .footer ul.key {
display: block;
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
color: #505050;
}
#drf-wrapper .footer ul.key > li {
display: inline-block;
position: relative;
padding-left: 42px;
margin-top: 10px;
min-width: 210px;
}
#drf-wrapper .footer li.cb-card:before {
position: absolute;
left: 8px;
top: 50%;
content: url("../../img/layout/print/icon-cbcard.png");
width: 23px;
height: 17px;
margin-top: -8.5px;
}
#drf-wrapper .footer li.voucher:before {
position: absolute;
left: 8px;
top: 50%;
content: url("../../img/layout/print/icon-voucher.png");
width: 23px;
height: 19px;
margin-top: -9.5px;
}
#drf-wrapper .footer li.onlineshop:before {
position: absolute;
left: 8px;
top: 50%;
content: url("../../img/layout/print/icon-shopping.png");
width: 21px;
height: 21px;
margin-top: -10.5px;
}
#drf-wrapper .footer li.mastercard:before {
position: absolute;
left: 0;
top: 50%;
content: url("../../img/root/partner/cbtype-mastercard.png");
width: 37px;
height: 28px;
margin-top: -14px;
}
#drf-wrapper .footer li.mobile:before {
position: absolute;
left: 11px;
top: 50%;
content: url("../../img/layout/print/icon-mobile.png");
width: 16px;
height: 23px;
margin-top: -11.5px;
}
#drf-wrapper .footer li.voucher-pos:before {
position: absolute;
left: 7px;
top: 50%;
content: url("../../img/layout/print/icon-voucher-pos.png");
width: 23px;
height: 19px;
margin-top: -9.5px;
}
#drf-wrapper .footer li.pickup:before {
position: absolute;
left: 6px;
top: 50%;
content: url("../../img/layout/print/icon-pickup.png");
width: 26px;
height: 18px;
margin-top: -9px;
}
#modal-offer-subscription label {
margin-top: 8px;
}
#modal-offer-subscription #subheader {
margin: 12px 0;
}
#modal-offer-subscription #agreement-row {
margin-top: 12px;
}
#modal-offer-subscription #agreement-row input {
float: left;
}
#modal-offer-subscription #agreement-row #agreement-txt {
float: left;
text-align: justify;
max-width: 412px;
padding-left: 10px;
padding-top: 3px;
}
#modal-offer-subscription .btn-input {
margin-top: 22px;
}
#modal-offer-subscription #logo-mail {
width: 152px;
height: 100px;
position: relative;
margin: 22px auto;
}
#modal-offer-subscription #logo-mail:before {
content: "\0076";
font-family: "myWorld Font";
position: absolute;
font-size: 15em;
line-height: 0;
color: #00376d;
top: 36px;
}
#modal-offer-subscription #txt-confirmation {
text-align: center;
margin-bottom: 12px;
}
#mdInfoPopupMarionnaud .info-icon {
margin-top: -15px;
font-size: 25px;
padding-bottom: 10px;
}
#mdInfoPopupMarionnaud .info-icon:before {
font-family: "myWorld Font";
content: "\0067";
left: 0;
font-size: 50px;
padding-right: 10px;
}
.interstitial-wrapper {
font-size: 15px;
}
.interstitial-wrapper p {
line-height: 1.6;
}
.interstitial-wrapper .col-centered {
margin-left: -2px;
margin-right: -2px;
}
.interstitial-wrapper .interstitial-box {
background: #fff;
padding: 30px;
margin-top: 42px;
}
@media (min-width: 768px) {
.interstitial-wrapper .interstitial-box {
padding-top: 3vw;
padding-bottom: 3vw;
}
}
.interstitial-wrapper .alert-box {
color: #d54c4c;
position: relative;
padding-top: 88px;
}
.interstitial-wrapper .alert-box:before {
font-family: "myWorld Font";
content: "\0067";
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
font-size: 79px;
line-height: 1;
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);
}
.interstitial-wrapper .info-wrapper {
text-align: center;
background-color: #fff;
padding-bottom: 18px;
margin-top: 18px;
}
@media (min-width: 768px) {
.interstitial-wrapper .info-wrapper {
margin-top: 0;
}
}
.interstitial-wrapper .info-wrapper a {
font-size: 15px;
}
.interstitial-wrapper .info-wrapper header {
background: #5cb885;
height: 112px;
position: relative;
}
.interstitial-wrapper .info-wrapper header div {
box-shadow: 0 4px 42.14px 0.86px rgba(0, 0, 0, 0.32);
border-radius: 4px;
background: #fff;
position: absolute;
top: 96px;
left: 50%;
transform: translateX(-50%);
padding: 10px;
min-width: 70%;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
text-align: center;
}
.interstitial-wrapper .info-wrapper header img {
border-radius: 10px;
}
.interstitial-wrapper .info-wrapper header i {
font-family: "myWorld Font";
position: relative;
font-style: normal;
}
.interstitial-wrapper .info-wrapper header i:before {
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
font-size: 79px;
line-height: 1;
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);
color: #fff;
}
.interstitial-wrapper .info-wrapper header i.clock:before {
content: "\0059";
}
.interstitial-wrapper .info-wrapper header i.cb:before {
content: "\0045";
}
.interstitial-wrapper .info-wrapper p {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
max-width: 70%;
padding: 0 12px;
}
@media (min-width: 768px) {
.interstitial-wrapper .info-wrapper p {
padding-left: 18px;
padding-right: 18px;
max-width: inherit;
}
}
@media (min-width: 992px) {
.interstitial-wrapper .info-wrapper p {
max-width: 70%;
padding: 0 12px;
}
}
#modal-order-voucher iframe[seamless] {
border: none;
padding: 0;
overflow: hidden;
background-color: transparent;
}
#modal-order-voucher .box-content {
padding: 18px !important;
}
@media (min-width: 768px) {
#modal-order-voucher .modal-xs {
max-width: 344px;
}
}
#modal-order-voucher .modal-body {
padding: 18px 0;
padding-top: 0;
padding-bottom: 0;
}
#modal-order-voucher .error-info {
padding: 22px 18px;
}
#modal-voucher-order-success img {
margin-top: 10px;
}
#modal-voucher-order-success .vo-success-txt {
margin: 25px 0;
font-size: 15px;
text-align: center;
}
#modal-voucher-order-success .button {
width: 100%;
margin-top: 10px;
}
.vo-wrapper .alert {
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 10px !important;
margin-bottom: 0 !important;
}
.vo-wrapper h3 {
text-transform: none;
font-size: 18px;
color: #4c4d4f;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.vo-wrapper input[type="text"] {
font-size: 16px;
}
@media (min-width: 768px) {
.vo-wrapper input[type="text"] {
font-size: 13px;
}
}
.vo-wrapper .button {
width: 100%;
margin-top: 10px;
}
@media (min-width: 768px) {
.vo-wrapper .button {
width: 150px;
}
}
.vo-wrapper .button.right {
float: none;
}
@media (min-width: 768px) {
.vo-wrapper .button.right {
float: right;
}
}
.vo-wrapper .button input[type="submit"] {
display: table-cell;
white-space: normal;
vertical-align: middle;
text-align: center;
padding: 0;
width: 150px;
height: 40px;
}
@media (min-width: 768px) {
.vo-wrapper .button input[type="submit"] {
width: 150px;
height: 40px;
}
}
.vo-wrapper .vo-header {
margin-top: 20px;
font-size: 13px;
color: #aab3c0;
}
@media (min-width: 768px) {
.vo-wrapper .vo-header {
font-size: 13px;
}
}
.vo-wrapper .vo-currency {
text-transform: uppercase;
font-size: 10px;
display: table-cell;
vertical-align: middle;
padding-left: 5px;
}
.vo-wrapper .vo-currency:before {
content: " ";
}
.vo-wrapper .vo-searchbox {
padding: 9px 12px;
}
.vo-wrapper .vo-searchbox input.tt-hint {
top: 8px !important;
width: 85%;
}
@media (min-width: 768px) {
.vo-wrapper .vo-searchbox input.tt-hint {
top: 10px !important;
}
}
.vo-wrapper .vo-searchbox,
.vo-wrapper .vo-searchbox-v2 {
background-color: #fff;
position: relative;
border-radius: 1px;
box-shadow: none;
height: 40px;
transition: all ease-in-out 0.15s;
}
.vo-wrapper .vo-searchbox .btn-search,
.vo-wrapper .vo-searchbox-v2 .btn-search {
margin-top: 0;
}
.vo-wrapper .vo-searchbox .txtbox,
.vo-wrapper .vo-searchbox-v2 .txtbox {
position: absolute;
top: 10px;
border: none;
padding-left: 5px;
}
.vo-wrapper .vo-searchbox input[type="text"],
.vo-wrapper .vo-searchbox-v2 input[type="text"] {
outline: 0;
}
.vo-wrapper .vo-searchbox input[type="text"]::-webkit-input-placeholder,
.vo-wrapper .vo-searchbox-v2 input[type="text"]::-webkit-input-placeholder {
color: #94bbed;
}
.vo-wrapper .vo-searchbox input[type="button"],
.vo-wrapper .vo-searchbox-v2 input[type="button"] {
float: left;
}
.vo-wrapper .vo-searchbox-v2 #search-icon-wrapper {
width: 34px;
height: 34px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 9px;
display: inline-block;
position: relative;
}
.vo-wrapper .vo-searchbox-v2 #search-icon-wrapper .search-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font: 0/0 a;
}
.vo-wrapper .vo-searchbox-v2 #search-icon-wrapper .search-icon:before {
padding-top: 100%;
}
.vo-wrapper .vo-searchbox-v2 #search-icon-wrapper .search-icon:after {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.vo-wrapper .vo-searchbox-v2 #search-icon-wrapper img.icon {
vertical-align: middle;
display: inline-block;
position: relative;
}
.vo-wrapper .vo-searchbox-v2 .dismiss {
float: right;
padding: 9px 12px;
}
.vo-wrapper .vo-searchbox-v2 .dismiss .dismiss-icon {
display: inline-block;
width: 20px;
height: 20px;
position: relative;
}
.vo-wrapper .vo-searchbox-v2 .dismiss .dismiss-icon:before {
content: "\0039";
font-family: "myWorld Font";
position: absolute;
font-size: 38px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #5cb885;
}
.vo-wrapper .vo-searchbox-v2 .dismiss .dismiss-icon:hover:before {
color: #6fcb98;
}
.vo-wrapper .vo-searchbox-v2 .twitter-typeahead {
padding-left: 50px;
padding-right: 35px;
position: absolute !important;
height: 36px;
}
.vo-wrapper .vo-searchbox-v2 .twitter-typeahead #search-box {
line-height: 1em;
height: 36px;
}
.vo-wrapper
.vo-searchbox-v2
.twitter-typeahead
#search-box::-webkit-input-placeholder {
padding-top: 3px;
}
.vo-wrapper .vo-searchbox-v2 .twitter-typeahead #search-box::-ms-clear {
display: none;
}
.vo-wrapper .vo-searchbox-v2 .twitter-typeahead input.tt-hint {
top: 8px !important;
left: 50px !important;
width: 85%;
}
@media (min-width: 768px) {
.vo-wrapper .vo-searchbox-v2 .twitter-typeahead input.tt-hint {
top: 8px !important;
}
}
.vo-wrapper .vo-searchbox-v2 .tt-dropdown-menu {
border: 2px solid #5cb885;
border-top: none;
border-radius: 1px;
left: -2px !important;
right: 10px !important;
padding: 0;
width: 100.7%;
height: auto;
max-height: 262px;
}
.vo-wrapper .vo-searchbox-v2 .empty-message {
padding: 9px;
}
.vo-wrapper .vo-searchbox-v2 .tt-suggestion {
height: auto;
float: left;
width: 100%;
padding: 9px;
color: #333;
font-size: 11px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-searchbox-v2 .tt-suggestion {
font-size: 11px;
}
}
.vo-wrapper .vo-searchbox-v2 .tt-suggestion.tt-cursor {
background-color: #3d84df;
color: #fff;
}
.vo-wrapper .vo-searchbox-v2 .tt-suggestion .typehead-img {
background-color: #fff;
border: 4px solid #b6b6b6 !important;
width: 44px;
height: 44px;
position: relative;
float: left;
}
@media (min-width: 768px) {
.vo-wrapper .vo-searchbox-v2 .tt-suggestion .typehead-img {
width: 44px;
height: 44px;
}
}
.vo-wrapper .vo-searchbox-v2 .tt-suggestion .typehead-img img {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
max-width: 36px;
margin: auto;
}
@media (min-width: 768px) {
.vo-wrapper .vo-searchbox-v2 .tt-suggestion .typehead-img img {
max-width: 36px;
}
}
.vo-wrapper .vo-searchbox-v2 .tt-suggestion .typehead-txt {
float: left;
padding-left: 9px;
}
.vo-wrapper .vo-searchbox-v2 .tt-suggestion .typehead-txt .header {
text-transform: uppercase;
}
.vo-wrapper .vo-searchbox-wrapper {
position: relative;
background-color: #fff;
border: 2px solid #b6b6b6;
border-radius: 1px;
box-shadow: none;
transition: all ease-in-out 0.15s;
height: 40px;
width: 100%;
margin-top: 10px;
}
.vo-wrapper .vo-searchbox-wrapper.active {
border: 2px solid #5cb885;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,
0 0 8px rgba(92, 184, 133, 0.6);
}
.vo-wrapper .vo-searchbox-wrapper .vo-searchbox {
padding: 0 12px;
}
.vo-wrapper .vo-searchbox-wrapper .search-icon-wrapper {
width: 34px;
height: 34px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 9px;
display: inline-block;
position: relative;
}
.vo-wrapper .vo-searchbox-wrapper .search-icon-wrapper .search-icon {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font: 0/0 a;
}
.vo-wrapper .vo-searchbox-wrapper .search-icon-wrapper .search-icon:before {
padding-top: 100%;
}
.vo-wrapper .vo-searchbox-wrapper .search-icon-wrapper .search-icon:after {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.vo-wrapper .vo-searchbox-wrapper .search-icon-wrapper .search-icon img.icon {
vertical-align: middle;
display: inline-block;
position: absolute;
max-width: 100%;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.vo-wrapper .vo-searchbox-wrapper .dismiss {
float: right;
padding: 6px 12px;
}
.vo-wrapper .vo-searchbox-wrapper .dismiss .dismiss-icon {
display: inline-block;
width: 24px;
height: 24px;
position: relative;
}
.vo-wrapper .vo-searchbox-wrapper .dismiss .dismiss-icon:before {
content: "\0039";
font-family: "myWorld Font";
position: absolute;
font-size: 38px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #5cb885;
}
.vo-wrapper .vo-searchbox-wrapper .dismiss .dismiss-icon:hover:before {
color: #6fcb98;
}
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead {
padding-left: 50px;
padding-right: 35px;
position: absolute !important;
height: 36px;
}
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead input.tt-hint {
top: 8px !important;
left: 50px !important;
width: 80%;
color: #f29434;
opacity: 0.5 !important;
border: none;
line-height: 1.4em;
font-size: 13px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead input.tt-hint {
top: 8px !important;
font-size: 13px;
line-height: 1.4em;
width: 78%;
}
}
@media (min-width: 1200px) {
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead input.tt-hint {
line-height: 1.3em;
width: 80%;
}
}
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead input.vo-searchbox {
line-height: 1em;
height: 36px;
border: none;
color: #333;
outline: 0;
font-size: 13px;
top: 0 !important;
}
@media (min-width: 768px) {
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead input.vo-searchbox {
font-size: 13px;
}
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
input.vo-searchbox::-webkit-input-placeholder {
padding-top: 3px;
opacity: 1;
color: #94bbed;
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
input.vo-searchbox:-moz-placeholder {
opacity: 1;
color: #94bbed;
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
input.vo-searchbox::-moz-placeholder {
opacity: 1;
color: #94bbed;
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
input.vo-searchbox:-ms-input-placeholder {
opacity: 1;
color: #94bbed;
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
input.vo-searchbox::-ms-clear {
display: none;
}
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead .tt-dropdown-menu {
border: 2px solid #5cb885;
border-top: none;
border-radius: 1px;
left: -2px !important;
right: 10px !important;
padding: 0;
height: auto;
max-height: 262px;
width: 101%;
overflow-y: scroll;
}
@media (min-width: 768px) {
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead .tt-dropdown-menu {
width: 101%;
}
}
@media (min-width: 992px) {
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead .tt-dropdown-menu {
width: 101%;
}
}
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead .empty-message {
padding: 9px;
color: #333;
}
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead .tt-suggestion {
height: auto;
float: left;
width: 100%;
padding: 9px;
color: #333;
font-size: 11px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead .tt-suggestion {
font-size: 11px;
}
}
.vo-wrapper .vo-searchbox-wrapper .twitter-typeahead .tt-suggestion.tt-cursor {
background-color: #5cb885;
color: #fff;
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
.tt-suggestion
.typehead-img {
background-color: #fff;
border: 4px solid #b6b6b6 !important;
width: 44px;
height: 44px;
position: relative;
float: left;
}
@media (min-width: 768px) {
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
.tt-suggestion
.typehead-img {
width: 44px;
height: 44px;
}
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
.tt-suggestion
.typehead-img
img {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
max-width: 36px;
margin: auto;
}
@media (min-width: 768px) {
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
.tt-suggestion
.typehead-img
img {
max-width: 36px;
}
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
.tt-suggestion
.typehead-txt {
float: left;
padding-left: 9px;
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
.tt-suggestion
.typehead-txt
strong {
font-weight: 400;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
.tt-suggestion
.typehead-txt
.header {
text-transform: uppercase;
}
.vo-wrapper
.vo-searchbox-wrapper
.twitter-typeahead
.tt-suggestion
.cashback-deal-custom {
display: inline-block;
padding-left: 15px;
padding-right: 22px;
}
.vo-wrapper .alert-danger {
margin: 0 -15px 10px -15px;
border-radius: 0;
}
.vo-wrapper .vo-active-mode {
border-bottom: 1px solid #333;
text-align: center;
margin-bottom: 10px;
margin-left: -15px;
margin-right: -15px;
}
.vo-wrapper .vo-active-mode span {
display: inline-block;
padding-left: 50px;
padding-top: 11px;
padding-bottom: 11px;
color: #333;
position: relative;
}
.vo-wrapper .vo-active-mode.vo-icon-grouporder span:before {
content: "";
position: absolute;
width: 39px;
height: 23px;
top: 50%;
left: 0;
margin-top: -11.5px;
background: url("../../img/root/voucher-order/group-order.png") no-repeat;
}
.vo-wrapper .vo-active-mode.vo-icon-easyshop span {
padding-left: 32px;
}
.vo-wrapper .vo-active-mode.vo-icon-easyshop span:before {
content: "";
position: absolute;
width: 20px;
height: 21px;
top: 50%;
left: 0;
margin-top: -10.5px;
background: url("../../img/root/voucher-order/easyshopping.png") no-repeat;
}
.vo-wrapper .ov-sel-category {
font-size: 13px;
margin-top: 12px;
line-height: 38px;
}
@media (min-width: 768px) {
.vo-wrapper .ov-sel-category {
font-size: 13px;
margin-top: 12px;
}
}
.vo-wrapper .vo-sel-category {
font-size: 13px;
margin-top: 12px;
padding: 0 12px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-sel-category {
font-size: 13px;
margin-top: 12px;
}
}
.vo-wrapper .ov-sel-cardnum {
margin-top: 39px;
}
@media (min-width: 768px) {
.vo-wrapper .ov-sel-cardnum {
margin-top: 12px;
}
}
.vo-wrapper #vo-sum-box {
margin-top: 32px;
}
.vo-wrapper #vo-sum-box li {
height: auto;
}
.vo-wrapper #vo-sum-box .vo-currency,
.vo-wrapper #vo-sum-box .vo-currency-dualprice {
font-size: 10px !important;
display: inline-block;
}
@media (min-width: 768px) {
.vo-wrapper #vo-sum-box .vo-currency,
.vo-wrapper #vo-sum-box .vo-currency-dualprice {
font-size: 10px !important;
}
}
.vo-wrapper #vo-sum-box .vo-value {
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.vo-wrapper #vo-sum-box .vo-txt {
padding: 0 !important;
}
.vo-wrapper #vo-sum-box .vo-sum span {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.vo-wrapper #vo-sum-box .vo-cb {
margin-top: 1px;
}
.vo-wrapper #vo-sum-box .vo-cb span {
font-size: 13px;
}
@media (min-width: 768px) {
.vo-wrapper #vo-sum-box .vo-cb span {
font-size: 13px;
}
}
.vo-wrapper #vo-sum-box .vo-sp {
margin-top: 1px;
}
.vo-wrapper #vo-sum-box .vo-sp span {
font-size: 13px;
}
@media (min-width: 768px) {
.vo-wrapper #vo-sum-box .vo-sp span {
font-size: 13px;
}
}
.vo-wrapper #vo-sum-box .vo-sp .vo-num {
float: right;
padding-right: 26px;
position: relative;
}
@media (min-width: 768px) {
.vo-wrapper #vo-sum-box .vo-sp .vo-num {
padding-right: 21px;
}
}
.vo-wrapper #vo-sum-box .vo-sp .vo-num:after {
position: absolute;
content: "";
width: 16px;
height: 16px;
margin-top: -8px;
top: 50%;
right: 4px;
background: url("../../img/root/voucher-order/sp.png") no-repeat;
}
@media (min-width: 768px) {
.vo-wrapper #vo-sum-box .vo-sp .vo-num:after {
right: 2px;
}
}
.vo-wrapper .vo-list {
list-style: none;
margin: 0;
padding: 0;
}
.vo-wrapper .vo-list .cashback-deal-custom {
padding-left: 15px;
padding-right: 22px;
}
.vo-wrapper .vo-list.vo-list-qty {
padding-top: 12px;
}
.vo-wrapper .vo-list.vo-list-qty > li {
margin-top: 12px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-qty > li {
margin-top: 12px;
}
}
.vo-wrapper .vo-list.vo-list-qty > li > div:first-child {
display: flex;
justify-content: space-between;
align-items: center;
}
.vo-wrapper .vo-list.vo-list-qty > li:first-child {
margin-top: 0;
}
.vo-wrapper .vo-list.vo-list-values {
margin-top: 32px;
float: left;
width: 100%;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values {
margin-top: 22px;
}
}
.vo-wrapper .vo-list.vo-list-values > li {
padding: 0;
height: 35px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values > li {
padding: 2px 0;
height: auto;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-value {
float: right;
font-size: 13px;
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-value {
font-size: 13px;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-sum span {
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
}
.vo-wrapper .vo-list.vo-list-values .vo-sum .vo-txt {
font-size: 15px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-sum .vo-txt {
font-size: 15px;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-sum .vo-currency,
.vo-wrapper .vo-list.vo-list-values .vo-sum .vo-num {
font-size: 15px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-sum .vo-currency,
.vo-wrapper .vo-list.vo-list-values .vo-sum .vo-num {
font-size: 15px;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-sum .additional-price,
.vo-wrapper .vo-list.vo-list-values .vo-sum .vo-currency-dualprice,
.vo-wrapper .vo-list.vo-list-values .vo-sum .vo-num-dualprice {
font-size: 13px !important;
}
.vo-wrapper .vo-list.vo-list-values .vo-bab,
.vo-wrapper .vo-list.vo-list-values .vo-cab,
.vo-wrapper .vo-list.vo-list-values .vo-cb,
.vo-wrapper .vo-list.vo-list-values .vo-sp {
display: inline-block;
width: 100%;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-bab,
.vo-wrapper .vo-list.vo-list-values .vo-cab,
.vo-wrapper .vo-list.vo-list-values .vo-cb,
.vo-wrapper .vo-list.vo-list-values .vo-sp {
width: 100%;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-cab,
.vo-wrapper .vo-list.vo-list-values .vo-sp {
float: right;
}
.vo-wrapper .vo-list.vo-list-values .vo-bab,
.vo-wrapper .vo-list.vo-list-values .vo-cb {
float: left;
}
.vo-wrapper .vo-list.vo-list-values .vo-cb {
margin-top: 5px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-cb {
margin-top: 10px;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-cb .vo-txt {
display: inline-block;
padding-top: 6px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-cb .vo-txt {
padding-top: 0;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-sp {
margin-top: 5px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-sp {
margin-top: 0;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-sp .vo-txt {
display: inline-block;
padding-top: 6px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-sp .vo-txt {
padding-top: 0;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-bab {
margin-top: 5px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-bab {
margin-top: 0;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-bab .vo-txt {
display: inline-block;
padding-top: 6px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-bab .vo-txt {
padding-top: 0;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-cab {
margin-top: 5px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-cab {
margin-top: 0;
}
}
.vo-wrapper .vo-list.vo-list-values .vo-cab .vo-txt {
display: inline-block;
padding-top: 6px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-list.vo-list-values .vo-cab .vo-txt {
padding-top: 0;
}
}
.vo-wrapper .vo-qty {
float: left;
height: 40px;
display: table;
}
.vo-wrapper .vo-qty .vo-value {
font-size: 13px;
display: table-cell;
vertical-align: middle;
max-width: 136px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-qty .vo-value {
font-size: 15px;
}
}
.vo-wrapper .vo-sold-out {
color: red;
float: right;
margin-right: 42px;
}
.vo-wrapper .vo-qty-box {
float: right;
margin-right: 0;
}
.vo-wrapper .vo-qty-box input[type="text"] {
width: 75px;
text-align: center;
display: inline-block;
font-size: 15px;
padding: 0 5px;
line-height: 40px;
height: 40px;
margin: 0 20px;
box-shadow: none;
outline: 0;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.vo-wrapper .vo-qty-box input[type="text"]::-moz-placeholder {
text-align: center;
}
.vo-wrapper .vo-qty-box input[type="text"]::placeholder {
text-align: center;
}
.vo-wrapper .vo-qty-box .btn-left,
.vo-wrapper .vo-qty-box .btn-right {
width: 19px;
height: 26px;
padding: 0;
position: relative;
background-color: transparent;
}
.vo-wrapper .vo-qty-box .btn-left:focus,
.vo-wrapper .vo-qty-box .btn-right:focus {
outline: 0;
}
.vo-wrapper .vo-qty-box .btn-left:before {
content: "\007D";
font-family: "myWorld Font";
position: absolute;
font-size: 40px;
line-height: 0;
left: 0;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.vo-wrapper .vo-qty-box .btn-left:focus:before,
.vo-wrapper .vo-qty-box .btn-left:hover:before {
color: #5cb885;
}
.vo-wrapper .vo-qty-box .btn-right:before {
content: "\007E";
font-family: "myWorld Font";
position: absolute;
font-size: 40px;
line-height: 0;
left: 0;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.vo-wrapper .vo-qty-box .btn-right:focus:before,
.vo-wrapper .vo-qty-box .btn-right:hover:before {
color: #5cb885;
}
.vo-wrapper .vo-err {
color: #dc5a5a;
}
.vo-wrapper .vo-err .vo-err-txt {
float: right;
display: inline-block;
padding-top: 10px;
max-width: 150px;
text-align: center;
}
.vo-wrapper .vo-asterisk {
font-size: 9px;
margin-top: 12px;
}
.vo-wrapper .vo-input {
margin-top: 12px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-container {
height: 260px;
}
}
.vo-wrapper .vo-buttons {
margin-top: 3%;
margin-bottom: 3%;
}
.vo-wrapper .vo-buttons-wrapper {
margin-top: 8%;
float: left;
width: 100%;
}
.vo-wrapper .vo-buttons-wrapper .btn,
.vo-wrapper .vo-buttons-wrapper .button {
width: 100% !important;
}
.vo-wrapper .vo-info {
float: left;
margin-top: 40px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-info {
margin-top: 20px;
}
}
.vo-wrapper .vo-info > span {
white-space: pre-wrap;
overflow-wrap: anywhere;
display: table-cell;
font-size: 10px;
}
.vo-wrapper .vo-info > span:first-child {
padding-right: 5px;
}
.vo-wrapper .vo-info > span.text-danger {
font-size: 13px;
}
.vo-wrapper .vo-sum-favor {
margin-top: 12px;
}
.vo-wrapper .vo-sum-favor .vo-sum-input {
position: relative;
height: 40px;
display: inline-block;
width: 100%;
}
.vo-wrapper .vo-sum-favor .vo-lbl {
display: inline-block;
padding-bottom: 3px;
font-size: 11px;
}
.vo-wrapper .vo-sum-favor input[type="text"] {
text-align: right;
padding-right: 34px;
display: inline-block;
width: 100%;
height: 40px;
}
.vo-wrapper .vo-sum-favor .vo-currency {
color: #5cb885;
position: absolute;
right: 10px;
top: 13px;
}
.vo-wrapper .vo-deposit {
margin-top: 20px;
}
.vo-wrapper label input[type="checkbox"] {
position: relative;
vertical-align: middle;
bottom: 1px;
margin-right: 5px;
}
.vo-wrapper label input[type="radio"] {
position: relative;
vertical-align: top;
bottom: 1px;
margin-right: 5px;
}
.vo-wrapper .vo-radio {
margin-top: 20px;
}
.vo-wrapper .vo-radio2 {
padding-top: 0;
}
@media (min-width: 768px) {
.vo-wrapper .vo-radio2 {
padding-top: 5px;
}
}
.vo-wrapper .vo-deposit-percent {
margin-top: 20px;
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
font-size: 15px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-deposit-percent {
font-size: 13px;
}
}
.vo-wrapper .vo-deposit-percent .percentage {
color: #f29533;
}
.vo-wrapper .vo-deposit-percent .percentage:before {
content: " ";
}
.vo-wrapper .vo-order-success .vo-container-success {
width: 250px;
margin: 0 auto;
text-align: center;
}
@media (min-width: 768px) {
.vo-wrapper .vo-order-success .vo-container-success {
width: 360px;
}
}
.vo-wrapper .vo-order-success .vo-btn-wrapper {
margin-top: 30px;
display: inline-block;
width: 100%;
}
@media (min-width: 768px) {
.vo-wrapper .vo-order-success .vo-btn-wrapper {
width: 80%;
}
}
.vo-wrapper .vo-order-success .img {
width: 113px;
height: 94px;
margin-top: 30px;
display: inline-block;
position: relative;
}
.vo-wrapper .vo-order-success .img:before {
content: "\0066";
font-family: "myWorld Font";
position: absolute;
font-size: 160px;
line-height: 0;
left: 0;
top: 36px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #5cb885;
}
.vo-wrapper .vo-order-success .txt {
margin-top: 30px;
text-align: center;
font-size: 18px;
display: inline-block;
}
.vo-wrapper .vo-order-success .btn-shoppingcart {
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
}
.vo-wrapper .vo-order-success .btn-continue,
.vo-wrapper .vo-order-success .btn-dealer,
.vo-wrapper .vo-order-success .btn-shoppingcart {
font-size: 16px;
}
@media (min-width: 768px) {
.vo-wrapper .vo-order-success .btn-continue,
.vo-wrapper .vo-order-success .btn-dealer,
.vo-wrapper .vo-order-success .btn-shoppingcart {
font-size: 13px;
}
}
.vo-wrapper .carousel-wrapper {
position: relative;
height: 328px;
padding: 0 15px;
margin-top: 5%;
}
.vo-wrapper .carousel-wrapper .carousel {
height: 100%;
position: relative;
}
.vo-wrapper .carousel-wrapper .carousel-inner {
height: 100%;
}
.vo-wrapper .carousel-wrapper .item {
height: 100%;
}
.vo-wrapper .carousel-wrapper .content-wrapper {
display: table;
height: 100%;
position: relative;
text-align: center;
vertical-align: middle;
width: 100%;
}
.vo-wrapper .carousel-wrapper .content-wrapper .content {
display: table-cell;
text-align: center;
vertical-align: middle;
padding: 30px 0;
}
.vo-wrapper .carousel-wrapper .content-wrapper .content a:focus,
.vo-wrapper .carousel-wrapper .content-wrapper .content a:hover {
text-decoration: none;
}
.vo-wrapper .carousel-wrapper .v2-box-footer-wrapper {
position: relative;
padding-top: 10px;
}
.vo-wrapper .carousel-wrapper .logo {
position: relative;
width: 116px;
height: 116px;
border: 1px solid #dfe3e9;
background-color: #fff;
margin: 0 auto;
}
.vo-wrapper .carousel-wrapper .logo:before {
border: 8px solid #f1f2f7;
width: 114px;
height: 114px;
position: absolute;
content: "";
top: 0;
left: 0;
}
.vo-wrapper .carousel-wrapper .logo img {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
max-width: 107px;
}
.vo-wrapper .carousel-wrapper .dealer-name {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 18px;
color: #333;
text-align: center;
padding-top: 10px;
}
.vo-wrapper .carousel-control {
width: 41px;
height: 28px;
opacity: 1;
}
.vo-wrapper .carousel-control.top {
background: url("../../img/root/voucher-order/arrow-up-l.png") no-repeat;
width: 41px;
height: 28px;
position: absolute;
top: 0;
left: 50%;
bottom: auto;
margin-left: -20px;
}
.vo-wrapper .carousel-control.top:hover {
background: url("../../img/root/voucher-order/arrow-up-active-l.png")
no-repeat;
}
.vo-wrapper .carousel-control.bottom {
background: url("../../img/root/voucher-order/arrow-down-l.png") no-repeat;
width: 41px;
height: 28px;
position: absolute;
bottom: 0;
left: 50%;
top: auto;
margin-left: -20px;
}
.vo-wrapper .carousel-control.bottom:hover {
background: url("../../img/root/voucher-order/arrow-down-active-l.png")
no-repeat;
}
.vo-wrapper .form-inline {
display: table;
width: 100%;
}
.vo-wrapper .form-inline > span {
display: table-cell;
}
.vo-wrapper .form-inline > span:first-child {
padding-right: 10px;
vertical-align: middle;
}
.vo-wrapper .form-inline .input-group-addon {
border-radius: 0;
border: 1px solid #ccc;
border-left: none;
}
.vo-wrapper .form-inline .input-group-addon:first-child {
border-right: none;
border-left: 1px solid #ccc;
}
#modal-redeem-voucher,
#modal-redeem-voucher-bv {
text-align: left;
}
#modal-redeem-voucher .vd-modal-left,
#modal-redeem-voucher .vd-modal-right,
#modal-redeem-voucher-bv .vd-modal-left,
#modal-redeem-voucher-bv .vd-modal-right {
padding-right: 0;
}
@media (min-width: 768px) {
#modal-redeem-voucher .vd-modal-left,
#modal-redeem-voucher .vd-modal-right,
#modal-redeem-voucher-bv .vd-modal-left,
#modal-redeem-voucher-bv .vd-modal-right {
padding-right: 15px;
}
}
#modal-redeem-voucher .vd-modal-left > a,
#modal-redeem-voucher .vd-modal-right > a,
#modal-redeem-voucher-bv .vd-modal-left > a,
#modal-redeem-voucher-bv .vd-modal-right > a {
display: inline-block;
margin-top: 10px;
}
#modal-redeem-voucher .vd-modal-left,
#modal-redeem-voucher-bv .vd-modal-left {
padding-bottom: 10px;
}
@media (min-width: 768px) {
#modal-redeem-voucher .vd-modal-left,
#modal-redeem-voucher-bv .vd-modal-left {
border-right: 2px dotted #aeb5c0;
}
}
#modal-redeem-voucher .vd-modal-right,
#modal-redeem-voucher-bv .vd-modal-right {
padding-left: 0;
border-top: 2px dotted #aeb5c0;
}
@media (min-width: 768px) {
#modal-redeem-voucher .vd-modal-right,
#modal-redeem-voucher-bv .vd-modal-right {
border-top: none;
padding-left: 15px;
}
}
#modal-redeem-voucher .vd-dealer-logo-border,
#modal-redeem-voucher-bv .vd-dealer-logo-border {
background-color: #f1f2f7;
border: 1px solid #dfe3e9;
display: inline-block;
width: 49px;
height: 49px;
float: left;
}
#modal-redeem-voucher .vd-dealer-logo-border .vd-dealer-logo-inner-border,
#modal-redeem-voucher-bv .vd-dealer-logo-border .vd-dealer-logo-inner-border {
width: 40px;
height: 40px;
margin: 4px;
}
#modal-redeem-voucher
.vd-dealer-logo-border
.vd-dealer-logo-inner-border
.vd-dealer-logo-wrapper,
#modal-redeem-voucher-bv
.vd-dealer-logo-border
.vd-dealer-logo-inner-border
.vd-dealer-logo-wrapper {
background-color: #fff;
height: 100%;
position: relative;
width: 100%;
overflow: hidden;
}
#modal-redeem-voucher
.vd-dealer-logo-border
.vd-dealer-logo-inner-border
.vd-dealer-logo-wrapper
> img,
#modal-redeem-voucher-bv
.vd-dealer-logo-border
.vd-dealer-logo-inner-border
.vd-dealer-logo-wrapper
> img {
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
position: absolute;
max-width: 40px;
}
#modal-redeem-voucher .header-partner,
#modal-redeem-voucher .txt-partner,
#modal-redeem-voucher-bv .header-partner,
#modal-redeem-voucher-bv .txt-partner {
padding-left: 54px;
}
#modal-redeem-voucher .header-partner,
#modal-redeem-voucher-bv .header-partner {
margin-top: -3px;
}
#modal-redeem-voucher .header,
#modal-redeem-voucher .txt,
#modal-redeem-voucher-bv .header,
#modal-redeem-voucher-bv .txt {
width: 100%;
}
#modal-redeem-voucher .header,
#modal-redeem-voucher .txt-header,
#modal-redeem-voucher-bv .header,
#modal-redeem-voucher-bv .txt-header {
margin-top: 20px;
}
@media (min-width: 768px) {
#modal-redeem-voucher .header,
#modal-redeem-voucher .txt-header,
#modal-redeem-voucher-bv .header,
#modal-redeem-voucher-bv .txt-header {
margin-top: 15px;
}
}
#modal-redeem-voucher .txt,
#modal-redeem-voucher .txt-partner,
#modal-redeem-voucher-bv .txt,
#modal-redeem-voucher-bv .txt-partner {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#modal-redeem-voucher .vd-button-wrapper .button,
#modal-redeem-voucher-bv .vd-button-wrapper .button {
margin-top: 25px;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
#modal-redeem-voucher .vd-button-wrapper .button,
#modal-redeem-voucher-bv .vd-button-wrapper .button {
width: 50%;
float: left;
}
}
#modal-redeem-voucher .credit,
#modal-redeem-voucher .sp,
#modal-redeem-voucher-bv .credit,
#modal-redeem-voucher-bv .sp {
color: #5cb885;
}
#modal-redeem-voucher .sp,
#modal-redeem-voucher-bv .sp {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#modal-redeem-voucher .sp span:first-child,
#modal-redeem-voucher-bv .sp span:first-child {
font-size: 32px;
}
#modal-redeem-voucher .sp span:after,
#modal-redeem-voucher-bv .sp span:after {
content: " ";
}
#modal-redeem-voucher .credit,
#modal-redeem-voucher-bv .credit {
position: relative;
margin-top: 15px;
}
#modal-redeem-voucher .credit span,
#modal-redeem-voucher-bv .credit span {
display: block;
padding-left: 26px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#modal-redeem-voucher .credit span:first-child,
#modal-redeem-voucher-bv .credit span:first-child {
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
#modal-redeem-voucher .credit span:first-child:before,
#modal-redeem-voucher-bv .credit span:first-child:before {
position: absolute;
left: 0;
top: 10px;
font-family: "myWorld Font";
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
font-size: 28px;
content: "\0064";
}
#modal-redeem-voucher .vo-container-success .txt,
#modal-redeem-voucher-bv .vo-container-success .txt {
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
#modal-redeem-voucher .vo-container-success .vd-btn-wrapper,
#modal-redeem-voucher-bv .vo-container-success .vd-btn-wrapper {
width: 100%;
}
#modal-redeem-voucher .vo-container-success .button,
#modal-redeem-voucher-bv .vo-container-success .button {
width: 80%;
}
#modal-redeem-voucher #checkbox-div,
#modal-redeem-voucher-bv #checkbox-div {
display: flex;
flex-flow: wrap;
margin-top: 12px;
}
#modal-redeem-voucher #checkbox-div input,
#modal-redeem-voucher-bv #checkbox-div input {
flex-shrink: 0;
}
#modal-redeem-voucher #checkbox-div label,
#modal-redeem-voucher-bv #checkbox-div label {
padding-left: 5px;
padding-top: 3px;
color: #333;
}
#modal-redeem-voucher #checkbox-div #checkbox-error,
#modal-redeem-voucher-bv #checkbox-div #checkbox-error {
color: #d54c4c;
}
.vd-wrapper .vd-colorize {
color: #5cb885;
}
.vd-wrapper .vd-btn-link {
width: auto;
}
@media (max-width: 768px) {
.vd-wrapper .btn-custom {
width: 100%;
}
}
.vd-wrapper .vd-header {
display: table;
width: 100%;
height: 116px;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
}
.vd-wrapper .vd-header .vd-dealer-logo-box-outer-border {
width: 117px;
height: 117px;
background-color: #b6b6b6;
border: 1px solid #b6b6b6;
display: inline-block;
position: absolute;
bottom: -18px;
left: 18px;
z-index: 5;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
transition: background-color ease-out 0.2s;
}
.vd-wrapper .vd-header .vd-dealer-logo-box-outer-border:hover {
background-color: #5cb885;
}
.vd-wrapper
.vd-header
.vd-dealer-logo-box-outer-border
.vd-dealer-logo-box-inner-border {
width: 100px;
height: 100px;
margin: 8px;
}
.vd-wrapper
.vd-header
.vd-dealer-logo-box-outer-border
.vd-dealer-logo-box-inner-border
.vd-dealer-logo-wrapper {
background-color: #fff;
position: relative;
height: 100%;
width: 100%;
}
.vd-wrapper
.vd-header
.vd-dealer-logo-box-outer-border
.vd-dealer-logo-box-inner-border
.vd-dealer-logo-wrapper
img {
max-width: 98px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
}
.vd-wrapper .vd-header .vd-dealer-name {
display: table-cell;
vertical-align: bottom;
}
.vd-wrapper .vd-header .vd-dealer-name h2 {
line-height: 1em;
color: #333;
text-transform: uppercase;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 28px;
padding-left: 144px;
padding-bottom: 5px;
padding-top: 5px;
margin: 0;
}
@media (min-width: 992px) {
.vd-wrapper .vd-header .vd-dealer-name h2 {
font-size: 38px;
padding-bottom: 13px;
padding-top: 13px;
}
}
.vd-wrapper .vd-header .vd-dealer-id {
display: inline-block;
vertical-align: baseline;
color: #333;
line-height: 1;
white-space: nowrap;
margin-left: 10px;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
font-weight: 400;
font-size: 11px;
}
@media (min-width: 992px) {
.vd-wrapper .vd-header .vd-dealer-id {
font-size: 12px;
}
}
.vd-wrapper .fa {
display: inline-block;
font: normal normal normal 14px FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #333;
}
.vd-wrapper .fa.full {
color: #5cb885;
}
.vd-wrapper .fa-star:before {
content: "\f005";
}
.vd-wrapper .fa-star.half {
position: relative;
}
.vd-wrapper .fa-star.half:after {
content: "\f005";
color: #5cb885;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 50%;
}
.vd-wrapper .cb-info {
color: #909090 !important;
}
.vd-wrapper .cb-info i {
font-style: normal;
position: relative;
display: inline-block;
}
.vd-wrapper .cb-info i:before {
position: absolute;
font-family: "myWorld Font";
line-height: 0;
font-size: 20px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.vd-wrapper .cb-info i.sp:before {
content: "\0046";
top: 8.5px;
right: -16px;
left: inherit;
}
.vd-wrapper .vd-left-block-wrapper {
background-color: #fff;
}
.vd-wrapper .vd-content {
font-size: 16px;
color: #333;
}
@media (min-width: 768px) {
.vd-wrapper .vd-content {
font-size: 13px;
}
}
.vd-wrapper .vd-content .vd-bold {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.vd-wrapper .vd-content p {
margin: 0;
margin-top: 28px;
}
.vd-wrapper .vd-left-wrapper {
text-align: center;
min-width: 312px;
padding-bottom: 40px;
}
.vd-wrapper .vd-left-wrapper .vd-left {
height: 100%;
border-right: none;
}
.vd-wrapper .vd-right-wrapper {
float: left;
padding-bottom: 18px;
display: none;
min-height: 500px;
}
@media (min-width: 768px) {
.vd-wrapper .vd-right-wrapper {
display: block;
}
}
@media (min-width: 768px) {
.vd-wrapper .vd-right-wrapper {
border-left: 2px dotted #b6b6b6;
}
}
.vd-wrapper .vd-right-wrapper .vd-right {
margin-left: 0;
padding: 18px;
}
@media (min-width: 768px) {
.vd-wrapper .vd-right-wrapper .vd-right {
margin-left: -10px;
padding: 18px 32px;
}
}
.vd-wrapper .vd-right-wrapper .vd-right .vd-header-content {
font-size: 18px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
line-height: 1.2em;
}
@media (min-width: 768px) {
.vd-wrapper .vd-right-wrapper .vd-right .vd-header-content {
font-size: 15px;
}
}
@media (min-width: 992px) {
.vd-wrapper .vd-right-wrapper .vd-right .vd-header-content {
margin-top: 35px;
}
}
.vd-wrapper .vd-contact-info ul {
margin: 0;
padding: 0;
}
.vd-wrapper .vd-contact-info ul > li {
width: 100%;
margin: 0;
padding: 0;
text-align: left;
height: auto;
margin-top: 20px;
}
.vd-wrapper .vd-contact-info ul > li > span {
margin-right: 0 !important;
}
.vd-wrapper .vd-contact-info .vd-address {
padding-left: 19px;
}
.vd-wrapper .vd-contact-info .vd-address .vd-colorize {
color: #5cb885;
}
.vd-wrapper .vd-contact-info .vd-social {
padding-left: 9px;
}
.vd-wrapper .vd-voucher-box-wrapper {
width: 300px;
min-height: 250px;
display: inline-block;
position: relative;
z-index: 1;
margin-top: 50px;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-itembox {
margin: 0;
padding: 0;
float: left;
width: 100%;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-box {
padding-bottom: 0;
margin-bottom: 0;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-box:before {
border: none;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-amount {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 56px;
line-height: 40px;
padding-top: 13px;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-amount .currency,
.vd-wrapper .vd-voucher-box-wrapper .ds-amount span {
font-size: 24px;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-amount .currency:before,
.vd-wrapper .vd-voucher-box-wrapper .ds-amount span:before {
content: "";
}
.vd-wrapper .vd-voucher-box-wrapper .dualprice-amount {
display: block;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-percent {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 56px;
line-height: 51px;
padding-top: 9px;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-percent > span {
font-size: 40px;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-txt-additional {
font-size: 18px;
line-height: 1.2em;
word-wrap: break-word;
overflow: hidden;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-txt-only {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 18px;
padding-left: 20px;
padding-right: 20px;
padding-top: 4px;
line-height: 1.2em;
word-wrap: break-word;
overflow: hidden;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-text-min-turnover {
font-size: 15px;
line-height: 1em;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-box-footer-wrapper {
position: static;
margin-top: 13px;
width: 100%;
}
@media (min-width: 768px) {
.vd-wrapper .vd-voucher-box-wrapper .ds-box-footer-wrapper {
padding: 0 18px;
}
}
.vd-wrapper .vd-voucher-box-wrapper .ds-box-footer {
padding-bottom: 0;
height: 42px;
position: relative;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-box-footer .bg {
top: 0;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-box-footer .bg-img {
top: 0;
}
.vd-wrapper .vd-voucher-box-wrapper .ds-box-footer .ds-bottom-line-wrapper {
position: static;
width: 100%;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper {
height: 42px;
width: 100%;
display: table;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper.btn {
padding: 3px 42px;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt {
font-size: 15px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding-right: 8px;
padding-left: 10px;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-amount,
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-img:before,
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-txt {
color: #fff;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-txt {
padding-left: 5px;
padding-top: 5px;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-amount {
font-size: 26px;
padding-right: 5px;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-amount
.currency {
font-size: 2rem;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-img {
width: 20px;
height: 20px;
position: relative;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-img:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
left: 0;
top: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-img.icon-bv {
padding-right: 19px;
}
.vd-wrapper
.vd-voucher-box-wrapper
.ds-box-footer
.ds-bottom-line-wrapper
.ds-bottom-line-txt-wrapper
.ds-bottom-line-txt
.ds-bottom-img.icon-bv:before {
content: "\2044";
}
.vd-wrapper .vd-voucher-box-wrapper .almost-sold-out {
margin-top: 10px;
font-size: 15px;
line-height: 1em;
color: #5cb885;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.vd-wrapper .vd-voucher-box-wrapper .txt-validity {
font-size: 15px;
padding-top: 26px;
}
.vd-wrapper .vd-voucher-box-wrapper .txt-date {
font-size: 15px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.vd-wrapper .vd-voucher-box-wrapper .vo-voucher-code-wrapper {
padding-top: 26px;
}
.vd-wrapper .vd-voucher-box-wrapper .vo-voucher-code-wrapper .code,
.vd-wrapper .vd-voucher-box-wrapper .vo-voucher-code-wrapper .header {
color: #5cb885;
line-height: 1em;
}
.vd-wrapper .vd-voucher-box-wrapper .vo-voucher-code-wrapper .header {
font-size: 15px;
}
.vd-wrapper .vd-voucher-box-wrapper .vo-voucher-code-wrapper .code {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 25px;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-bold {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
padding-top: 26px;
font-size: 15px;
}
.vd-wrapper .vd-voucher-box-wrapper .button {
margin-top: 15px;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper {
padding-top: 16px;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .txt-header,
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .txt-header-num,
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .txt-header-validity {
font-size: 15px;
line-height: 1em;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .txt-header-validity {
padding-top: 20px;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .time,
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .txt-header,
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .txt-header-num {
padding-top: 8px;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .num,
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .time,
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .txt,
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .txt-date {
font-size: 15px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .time .img {
display: inline-block;
width: 18px;
height: 18px;
vertical-align: middle;
margin-right: 5px;
position: relative;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper .time .img:before {
content: "\0059";
font-family: "myWorld Font";
position: absolute;
font-size: 25px;
line-height: 0;
left: 0;
top: 6px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-btn {
padding-top: 26px;
}
.vd-wrapper .vd-dealer-info-box {
margin-top: 3%;
display: none;
}
@media (min-width: 992px) {
.vd-wrapper .vd-dealer-info-box {
margin-top: 0;
}
}
@media (min-width: 768px) {
.vd-wrapper .vd-dealer-info-box {
display: block;
}
}
.vd-wrapper .vd-dealer-info-box .box-content {
float: left;
padding: 18px;
width: 100%;
}
.vd-wrapper .vd-dealer-info-box .vd-dealer-name,
.vd-wrapper .vd-dealer-info-box .vd-header-order-terms {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
text-transform: uppercase;
font-size: 18px;
line-height: 1.2em;
}
@media (min-width: 992px) {
.vd-wrapper .vd-dealer-info-box .vd-dealer-name,
.vd-wrapper .vd-dealer-info-box .vd-header-order-terms {
font-size: 15px;
}
}
.vd-wrapper .vd-dealer-info-box .vd-header-order-terms {
float: left;
margin-top: 28px;
}
.vd-wrapper .vd-dealer-info-box .vd-order-terms {
float: left;
margin-top: 4px;
}
.vd-wrapper .vd-dealer-info-box .vd-order-terms label > span {
margin: -26px 0 0 24px;
display: inline-block;
}
.vd-wrapper .vd-dealer-info-box .v2-box-footer-wrapper {
position: relative;
margin-top: 0;
height: auto;
border: none;
}
.vd-wrapper .vd-dealer-info-box .v2-box-footer-wrapper .v2-sp-wrapper {
color: #333 !important;
width: auto;
}
.vd-wrapper
.vd-dealer-info-box
.v2-box-footer-wrapper
.v2-sp-wrapper
.v2-sp
span:before {
color: #333 !important;
}
.vd-wrapper .vd-dealer-info-box .v2-box-footer-wrapper .v2-cb-wrapper {
width: auto;
padding-right: 18px;
}
.vd-wrapper .vd-dealer-info-box .v2-box-footer-wrapper .v2-cb {
color: #333 !important;
}
.vd-wrapper .vd-dealer-info-box .v2-box-footer-wrapper .img:before {
color: #333 !important;
}
.vd-wrapper
.vd-dealer-info-box
.v2-box-footer-wrapper
.v2-sp-cb-wrapper:before {
border: none;
}
.vd-wrapper .vd-dealer-info-box .v2-cb-txt,
.vd-wrapper .vd-dealer-info-box .v2-sp-txt {
color: #333 !important;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
font-size: 12px;
}
.vd-wrapper .vd-dealer-info-box .v2-plus-wrapper {
padding: 0 15px;
}
.vd-wrapper .vd-dealer-info-box .vd-accept {
margin-top: 2px;
}
.vd-wrapper .vd-dealer-info-box .vd-accept .ds-cbtype:before,
.vd-wrapper .vd-dealer-info-box .vd-accept ds-box-headline {
color: #909090 !important;
}
.vd-wrapper .vd-dealer-info-box .ds-top-wrapper {
height: auto;
border: none;
float: left;
}
.vd-wrapper .vd-dealer-info-box .ds-top-wrapper .rating.clearfix {
display: inline-block;
width: 100%;
}
.vd-wrapper .vd-dealer-info-box .ds-box-headline {
float: left;
padding-right: 3px;
font-size: 16px;
}
@media (min-width: 768px) {
.vd-wrapper .vd-dealer-info-box .ds-box-headline {
font-size: 13px;
}
}
.vd-wrapper .vd-dealer-info-box .ds-cbtype {
margin-top: 0;
}
.vd-wrapper .vd-dealer-info-box .ds-cbtype:first-child {
margin-left: 0;
}
.vd-wrapper .vd-dealer-info-box .vd-btn-details-wrapper {
float: left;
width: 100%;
margin-top: 15px;
}
.vd-wrapper .vd-dealer-info-box p.colorize {
color: #5cb885;
}
.vd-wrapper .vd-dealer-info-box .p-contact-line-wrapper > ul > li {
display: flex;
}
.vd-wrapper .vd-dealer-info-box .p-contact-line-wrapper > ul > li:first-child {
padding-top: 18px;
}
.vd-wrapper .vd-dealer-info-box .p-contact-line-wrapper > ul > li > div {
padding-left: 0;
overflow: hidden;
}
.vd-wrapper .vd-dealer-info-box .p-contact-line-wrapper > ul > li .img {
flex-shrink: 0;
width: 35px;
}
.vd-wrapper .vd-dealer-info-box .p-contact-line-wrapper > ul > li .txt {
overflow: hidden;
text-overflow: ellipsis;
}
.vd-wrapper .vd-order-terms-modal .info-icon {
padding-bottom: 18px;
}
.vd-wrapper .vd-order-terms-modal .info-icon:before {
font-size: 100px;
font-family: "myWorld Font";
content: "\0067";
line-height: 1;
}
.vd-wrapper .vd-order-terms-modal .chkbox {
margin-top: 24px;
}
.vd-wrapper .vd-order-terms-modal .chkbox input {
float: left;
margin-right: 2px;
margin-top: -2.9px;
}
.vd-wrapper .vd-order-terms-modal .button {
margin-top: 18px;
}
.vd-wrapper .vd-btn-back-wrapper {
float: left;
width: 100%;
margin-top: 15px;
}
#reg-top-bg-color {
background-color: #fff;
}
#reg-alert-section .alert {
margin-bottom: 4px;
}
@media (min-width: 768px) {
#reg-alert-section .alert {
margin-bottom: 2.2%;
}
}
.ds-loading-sk .sk-three-bounce {
text-align: center;
}
.ds-loading-sk .sk-three-bounce .sk-child {
width: 18px;
height: 18px;
background-color: #5cb885;
border-radius: 100%;
display: inline-block;
animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.ds-loading-sk .sk-three-bounce .sk-bounce1 {
animation-delay: -0.32s;
}
.ds-loading-sk .sk-three-bounce .sk-bounce2 {
animation-delay: -0.16s;
}
@keyframes sk-three-bounce {
0%,
100%,
80% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
#toast-container .toast-title {
font-size: 24px;
font-family: CeraPro-Bold, sans-serif;
color: #333;
}
#toast-container .toast-message {
color: #333;
}
#toast-container .toast-close-button {
color: #333;
}
#toast-container .toast-warning:before {
color: #8a6d3b;
}
#toast-container .toast-warning .toast-title {
color: #8a6d3b;
}
#toast-container .toast-warning .toast-message {
color: #8a6d3b;
}
#toast-container .toast-error:before {
color: #a94442;
}
#toast-container .toast-error .toast-title {
color: #a94442;
}
#toast-container .toast-error .toast-message {
color: #a94442;
}
#toast-container .toast-success:before {
color: #3c763d;
}
#toast-container .toast-success .toast-title {
color: #3c763d;
}
#toast-container .toast-success .toast-message {
color: #3c763d;
}
.wrapper-registration {
background-color: #fff;
padding-top: 2%;
}
.wrapper-registration b {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif !important;
}
.wrapper-registration.reg-online {
margin-top: 0;
padding-top: 1%;
}
@media (min-width: 768px) {
.wrapper-registration.reg-online {
background: url("") no-repeat center center;
background-size: cover;
}
.wrapper-registration.reg-online.reg-ogv {
background: url("../../img/root/registration/bg-reg-ogv.jpg") no-repeat
center center;
}
.wrapper-registration.reg-online.reg-mwstretour {
background: url("../../img/root/registration/bg-mwst-retour.jpg") no-repeat
top center;
background-color: #cfe1bc;
}
.wrapper-registration.reg-online.reg-itgolf {
background: url("../../img/root/registration/bg-reg-itgolf.jpg") no-repeat
center center;
}
}
.wrapper-registration.reg-online .reg-card-col .reg-msg {
padding-top: 5px;
padding-bottom: 20px;
}
.wrapper-registration.reg-online .reg-msg-header {
color: #5cb885;
font-size: 16px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
text-align: center;
}
.wrapper-registration.easy-shop-plus {
background: 0 0;
}
.wrapper-registration.easy-shop-plus .smereg-wrapper {
position: relative;
}
@media (min-width: 768px) {
.wrapper-registration.easy-shop-plus .smereg-wrapper:before {
content: "";
background: 0 0;
width: 453px;
height: 452px;
position: absolute;
top: -75px;
left: 50%;
margin-left: -244.5px;
z-index: 0;
}
}
.wrapper-registration.easy-shop-plus #payment-control-wrapper {
width: auto;
position: relative;
margin: 0 auto 20px;
border: 2px solid #b6b6b6;
padding: 20px;
background-color: #fff;
}
@media (min-width: 768px) {
.wrapper-registration.easy-shop-plus #payment-control-wrapper {
width: 350px;
padding: 40px;
margin: -40px auto 20px;
}
}
.wrapper-registration.easy-shop-plus #payment-control-wrapper:before {
border: none;
}
.wrapper-registration.easy-shop-plus #payment-control-wrapper .amount,
.wrapper-registration.easy-shop-plus #payment-control-wrapper .txt {
margin-top: 10px;
display: inline-block;
}
.wrapper-registration.easy-shop-plus #payment-control-wrapper .amount {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.wrapper-registration.easy-shop-plus #payment-control-wrapper .amount,
.wrapper-registration.easy-shop-plus #payment-control-wrapper .amount-txt {
font-size: 15px;
margin-top: 20px;
margin-bottom: 12px;
}
.wrapper-registration.easy-shop-plus #payment-control-wrapper .txt.os-bold {
display: block;
margin: 0;
font-size: 15px;
padding-bottom: 16px;
color: #aab3c0;
font-family: "Open Sans", Arial Unicode MS, sans-serif !important;
}
.wrapper-registration.easy-shop-plus #payment-control-wrapper label {
font-size: 11px;
margin-top: 5px;
}
.wrapper-registration.easy-shop-plus
#payment-control-wrapper
#btnConfirmCheckout,
.wrapper-registration.easy-shop-plus
#payment-control-wrapper
#btnSubmitCheckout {
margin-top: 24px;
}
.wrapper-registration.easy-shop-plus #payment-control-wrapper #btn-reload,
.wrapper-registration.easy-shop-plus
#payment-control-wrapper
#btnCancelCheckout {
margin-top: 12px;
}
.wrapper-registration .reg-bold {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.wrapper-registration .reg-green {
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
color: #5cb885;
}
.wrapper-registration .reg-intro-col {
width: 350px;
float: right;
margin-top: 0;
position: relative;
z-index: 2;
}
@media (min-width: 992px) {
.wrapper-registration .reg-intro-col {
margin-right: 35px;
}
}
.wrapper-registration .reg-intro-col .reg-cb-card {
width: 331px;
height: 234px;
background: url("../../img/root/registration/cb-card.png") no-repeat;
margin: 0;
}
.wrapper-registration .reg-intro-col .reg-cb-card.reg-ogv {
background: url("../../img/root/registration/cb-card-ogv.png") no-repeat;
}
.wrapper-registration .reg-intro-col .reg-cb-card.reg-sporthilfe {
background: url("../../img/root/registration/cb-card-sporthilfe.png")
no-repeat;
}
.wrapper-registration .reg-intro-col .reg-cb-card.reg-itgolf {
background: url("../../img/root/registration/cb-card-itgolf.png") no-repeat;
width: 354px;
}
.wrapper-registration .reg-intro-col .reg-cb-card.reg-fpg {
background: url("../../img/root/registration/cb-card-fpg.png") no-repeat;
width: auto;
}
.wrapper-registration .reg-intro-col .reg-cb-card.reg-mwstretour {
background: 0 0;
}
.wrapper-registration .reg-intro-col .reg-cb-fullbranded-card {
width: 100%;
height: 220px;
background: url("../../img/root/sme-registration/fullbranded-card-reg-v2.png")
no-repeat;
background-size: contain;
background-position: center;
}
.wrapper-registration .reg-intro-col .reg-txt {
font-size: 13px;
padding-top: 25px;
padding-right: 20px;
}
.wrapper-registration .reg-intro-col ul {
padding-left: 23px;
margin-top: 5px;
list-style: none;
}
.wrapper-registration .reg-intro-col ul li {
margin-top: 15px;
position: relative;
}
.wrapper-registration .reg-intro-col ul li:before {
content: "\0064";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
left: -24px;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #76b72a;
}
.wrapper-registration .reg-intro-col ul > li:first-child {
margin-top: 0;
}
.wrapper-registration .reg-recom-header {
text-transform: none;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #333;
font-size: 18px;
}
.wrapper-registration .reg-recom-wrapper {
background-color: #fff;
margin-top: 16px;
}
.wrapper-registration .reg-recom-wrapper .name {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 14px;
color: #505050;
}
.wrapper-registration .reg-recom-wrapper .reg-recom-content {
border: 2px solid #b6b6b6;
padding: 10px;
}
.wrapper-registration .reg-recom-wrapper .reg-recom-content li {
margin-top: 0;
padding-left: 30px;
}
.wrapper-registration .reg-recom-wrapper .reg-recom-content li:before {
background: 0 0;
content: "";
}
.wrapper-registration .reg-recom-wrapper ul {
list-style: none;
margin: 0;
padding: 10px 0 0;
}
.wrapper-registration .reg-recom-wrapper ul li {
padding: 0;
padding-left: 26px;
font-size: 12px;
color: #505050;
}
.wrapper-registration .reg-recom-wrapper ul .header {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.wrapper-registration .reg-recom-wrapper .mail .header {
position: relative;
}
.wrapper-registration .reg-recom-wrapper .mail .header:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
background: url("../../img/mylyoness/mail.png") no-repeat;
width: 22px;
height: 14px;
}
.wrapper-registration .reg-recom-wrapper .phone .header {
position: relative;
}
.wrapper-registration .reg-recom-wrapper .phone .header:before {
content: " ";
position: absolute;
left: 0;
top: 3px;
background: url("../../img/mylyoness/phone.png") no-repeat;
width: 14px;
height: 22px;
}
.wrapper-registration .reg-recom-wrapper .reg-avatar {
height: 100%;
position: relative;
background: url("../../img/mylyoness/recommender-bg.jpg") no-repeat;
background-size: cover;
}
.wrapper-registration .reg-recom-wrapper .reg-avatar .img-wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font: 0/0 a;
}
.wrapper-registration .reg-recom-wrapper .reg-avatar .img-wrapper:before {
padding-top: 100%;
}
.wrapper-registration .reg-recom-wrapper .reg-avatar .img-wrapper:after {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
}
.wrapper-registration .reg-recom-wrapper .reg-avatar .img-wrapper > img {
vertical-align: middle;
display: inline-block;
max-height: 100%;
max-width: 95px;
}
.wrapper-registration .reg-card-col-wrapper {
position: relative;
margin: 0 auto 20px;
z-index: 1;
width: 100%;
}
@media (min-width: 768px) {
.wrapper-registration .reg-card-col-wrapper {
float: left;
}
}
@media (min-width: 768px) {
.wrapper-registration .reg-card-col-wrapper {
width: 350px;
min-height: 385px;
}
}
@media (min-width: 992px) {
.wrapper-registration .reg-card-col-wrapper {
margin-left: 35px;
}
}
@media (min-width: 992px) {
.wrapper-registration .reg-card-col-wrapper .reg-bubbles-bg {
background: url("../../img/root/registration/bubbles-bg.png") no-repeat;
width: 453px;
height: 452px;
position: absolute;
top: -19px;
right: -32px;
z-index: 0;
}
}
.wrapper-registration .reg-card-col {
position: relative;
border: 2px solid #b6b6b6;
background-color: #fff;
padding: 20px;
}
@media (min-width: 768px) {
.wrapper-registration .reg-card-col {
padding: 40px;
}
}
.wrapper-registration .reg-card-col .form-group {
margin-bottom: 5px;
}
.wrapper-registration .reg-card-col .reg-header-txt {
font-size: 15px;
color: #aab3c0;
padding-bottom: 16px;
}
.wrapper-registration .reg-card-col .reg-control-label-username-password {
font-size: 11px;
margin-bottom: 5px;
margin-top: 10px;
}
.wrapper-registration .reg-card-col .reg-control-label {
font-size: 11px;
}
.wrapper-registration .reg-card-col .reg-control-label:after,
.wrapper-registration .reg-card-col .reg-control-label:before {
content: " ";
display: table;
}
.wrapper-registration .reg-card-col .reg-control-label:after {
clear: both;
}
.wrapper-registration .reg-card-col .reg-control-label label {
font-size: 11px;
margin-bottom: 1px;
margin-top: 7px;
}
.wrapper-registration .reg-card-col .reg-control-txtarea {
width: 100%;
max-width: 100%;
padding: 10px;
min-height: 100px;
}
.wrapper-registration .reg-card-col .reg-info-txt {
font-size: 11px;
padding-bottom: 3px;
padding-top: 0;
}
.wrapper-registration .reg-card-col .reg-footer-txt {
font-size: 11px;
color: #333;
padding-top: 26px;
}
.wrapper-registration .reg-card-col .reg-button {
padding-top: 24px;
width: 100%;
}
.wrapper-registration .reg-card-col .reg-links {
padding-top: 12px;
text-align: center;
}
.wrapper-registration .reg-card-col .reg-links .btn-cancel {
display: none;
}
@media (min-width: 768px) {
.wrapper-registration .reg-card-col .reg-links .btn-cancel {
display: block;
}
}
.wrapper-registration .reg-card-col .reg-links > div:first-child {
margin-bottom: 8px;
}
.wrapper-registration .reg-card-col .reg-invitation-logo {
width: 69px;
height: 50px;
margin: 0 auto;
position: relative;
}
.wrapper-registration .reg-card-col .reg-invitation-logo:before {
content: "\00B9";
font-family: "myWorld Font";
position: absolute;
font-size: 72px;
line-height: 0;
left: 0;
top: 21px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.wrapper-registration .reg-card-col .reg-confirmation-logo {
width: 69px;
height: 50px;
margin: 18px auto 0;
position: relative;
}
.wrapper-registration .reg-card-col .reg-confirmation-logo:before {
content: "\00B9";
font-family: "myWorld Font";
position: absolute;
font-size: 72px;
line-height: 0;
left: 0;
top: 21px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #5cb885;
}
.wrapper-registration .reg-card-col .reg-done-logo {
width: 100px;
height: 94px;
margin: 32px auto 24px;
position: relative;
}
.wrapper-registration .reg-card-col .reg-done-logo:before {
content: "\0066";
font-family: "myWorld Font";
position: absolute;
font-size: 140px;
line-height: 0;
left: 0;
top: 46px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #5cb885;
}
.wrapper-registration .reg-card-col .reg-msg {
text-align: center;
padding-top: 30px;
padding-bottom: 60px;
}
.wrapper-registration .reg-card-col .reg-security-info p:first-child {
margin-bottom: 0;
}
.wrapper-registration .reg-card-col .reg-security-info > ul {
color: #aab3c0;
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.wrapper-registration .reg-card-col .reg-security-info > ul li {
position: relative;
padding-left: 18px;
}
.wrapper-registration .reg-card-col .reg-security-info > ul li.valid {
color: #5cb885;
}
.wrapper-registration .reg-card-col .reg-security-info > ul li.invalid {
color: #a94442;
}
.wrapper-registration .reg-card-col .reg-security-info > ul li span {
position: absolute;
display: inline-block;
width: 5px;
height: 5px;
left: 1px;
top: 8px;
}
.wrapper-registration .reg-card-col .reg-security-info > ul li .glyphicon-star {
top: 3px;
}
.wrapper-registration .reg-card-col .reg-security-info > ul li .glyphicon-ok,
.wrapper-registration
.reg-card-col
.reg-security-info
> ul
li
.glyphicon-remove {
background: 0 0;
position: absolute;
top: 3px;
}
.wrapper-registration .reg-card-col #captcha-image {
border: 2px solid #b6b6b6;
width: 100% !important;
cursor: pointer;
}
.wrapper-registration .reg-card-col .captcha-description {
color: #5e6d81;
font-size: 11px;
padding-bottom: 5px;
}
.wrapper-registration .reg-card-col .reg-checkbox-group {
padding: 20px 0;
margin: 0;
}
.wrapper-registration .reg-card-col .reg-checkbox-group a {
color: #5cb885;
}
.wrapper-registration .reg-card-col .reg-checkbox-group a:focus,
.wrapper-registration .reg-card-col .reg-checkbox-group a:hover {
color: #6fcb98;
}
.wrapper-registration .reg-card-col .reg-checkbox-group > div:first-child {
padding-top: 0;
}
.wrapper-registration .reg-card-col .reg-checkbox {
padding-top: 20px;
}
.wrapper-registration .reg-card-col .reg-checkbox a {
text-decoration: underline;
}
.wrapper-registration .reg-card-col .reg-checkbox input[type="checkbox"] {
height: 13px !important;
}
.wrapper-registration .reg-card-col .reg-checkbox label {
display: inline-block;
vertical-align: top;
width: 90%;
}
.wrapper-registration .reg-card-col .reg-header-sm {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #333;
}
@media (min-width: 992px) {
.wrapper-registration .reg-card-col input#FormModel_MobilPrefix {
padding: 9px 7px;
}
}
.wrapper-registration .reg-card-col.reg-existing-user .alert-warning {
background-color: transparent;
border: none;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.wrapper-registration .reg-card-col.reg-existing-user .alert-warning h4 {
font-family: CeraPro-Bold, sans-serif;
font-size: 20px;
}
.wrapper-registration .reg-card-col.reg-existing-user .alert-warning .fl-info {
font-size: 3.5em;
margin-bottom: 12px;
}
.wrapper-registration
.reg-card-col.reg-existing-user
.alert-warning
.fl-info:before {
font-size: 2em;
left: 50%;
top: 0.3em;
position: absolute;
transform: translateX(-50%);
}
.wrapper-registration .reg-card-col.reg-existing-user hr {
border-color: #fff;
}
.wrapper-registration .reg-card-col.reg-existing-user h4 {
line-height: 1.5em;
}
.wrapper-registration .reg-card-col.reg-existing-user a {
text-decoration: underline;
color: #5cb885;
}
.wrapper-registration .reg-card-col.reg-existing-user a:hover {
color: #6fcb98;
}
.wrapper-registration .reg-day,
.wrapper-registration .reg-month,
.wrapper-registration .reg-year {
display: inline-block;
}
.wrapper-registration .reg-day,
.wrapper-registration .reg-month {
width: 20%;
margin-right: 2%;
}
.wrapper-registration .reg-year {
width: 53%;
}
.wrapper-registration .reg-rbs label:first-child {
padding-right: 10px;
}
.wrapper-registration .reg-terms {
overflow-y: auto;
height: 350px;
border: 2px solid #b6b6b6;
padding: 15px 10px;
}
.wrapper-registration .reg-terms .reg-bold {
color: #000;
}
.wrapper-registration .reg-terms p {
margin: 13px 0;
}
.wrapper-registration .reg-header-txt.reg-not-accepted {
color: #5cb885;
}
.wrapper-registration .reg-btn-inactive {
background-color: #b9b9b9;
cursor: default;
}
.wrapper-registration .reg-btn-inactive:focus,
.wrapper-registration .reg-btn-inactive:hover {
background-color: #b9b9b9;
color: #fff;
}
.wrapper-registration .reg-space-top {
padding-top: 20px;
}
.wrapper-registration .custom-checkbox {
position: relative;
display: block;
cursor: pointer;
margin-top: 3px;
}
.wrapper-registration .custom-checkbox label {
padding-left: 25px;
color: #333;
cursor: pointer;
float: left;
display: inline-block;
}
.wrapper-registration .custom-checkbox input {
position: absolute;
outline: 0;
left: 0;
top: 0;
padding: 0;
width: 18px !important;
height: 18px !important;
border: none;
margin: 0;
opacity: 0;
z-index: 1;
cursor: pointer;
}
.wrapper-registration .custom-checkbox .box {
position: relative;
display: block;
width: 18px;
height: 18px;
border: 2px solid #333;
background-color: #fff;
border-radius: 2px;
}
.wrapper-registration .custom-checkbox .box .tick {
position: absolute;
left: 2px;
top: 3px;
width: 10px;
height: 6px;
border-bottom: 3px solid #76b97e;
border-left: 3px solid #76b97e;
transform: rotate(-45deg);
display: none;
border-radius: 2px;
}
.wrapper-registration .custom-checkbox.active .tick {
display: block;
}
.wrapper-registration .reg-preferences {
border: 2px solid #b6b6b6;
max-height: 243px;
overflow-y: auto;
padding: 5px;
}
.wrapper-registration .reg-preferences label {
cursor: pointer;
display: block;
margin-left: 20px;
}
.wrapper-registration .reg-preferences input[type="checkbox"] {
width: 13px;
height: 13px;
padding: 0;
margin: 0;
margin-left: -20px;
margin-right: 7px;
vertical-align: bottom;
position: relative;
top: -1px;
}
.wrapper-registration .fileUploadName {
cursor: pointer;
}
.wrapper-registration #b2bFileUploadBtn.input-validation-error {
border-color: #a94442 !important;
}
#reg-container-top {
position: relative;
padding-top: 33px;
display: none;
}
@media (min-width: 768px) {
#reg-container-top {
display: block;
}
}
#reg-container-top .bg {
position: absolute;
top: 0;
height: 185px;
background-color: #fff;
width: 100%;
z-index: 0;
}
#reg-container-top .logo {
margin: 0 auto;
background: url("../../img/root/registration/cashback-card-logo.svg") center
no-repeat;
width: 165px;
height: 44px;
position: relative;
z-index: 1;
}
#reg-container-top h2 {
position: relative;
line-height: 1.2;
font-size: 21px;
text-align: center;
}
#reg-container-top h2 a {
color: #333;
text-decoration: none;
}
.reg-banner {
padding-top: 0;
}
.reg-banner h1 {
text-align: center;
text-transform: none;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 26px;
}
#reg-footer {
position: absolute;
bottom: 0;
left: 0;
margin-top: -40px;
height: 40px;
clear: both;
background-color: #f1f2f7;
width: 100%;
}
#reg-footer .footer-wrapper {
display: table;
margin: 0 auto;
height: 40px;
}
#reg-footer .footer-wrapper a {
font-size: 11px;
color: #5e6d81;
padding: 12px 10px;
display: inline-block;
}
.mylyconetregistration-recommenderbox {
margin-bottom: 20px;
border: 1px solid #d9dde6;
}
.mylyconetregistration-recommenderbox
.mylyconetregistration-recommenderbox-data {
background-color: #fff;
border-left: 1px solid #d9dde6;
}
.mylyconetregistration-recommenderbox
.mylyconetregistration-recommenderbox-data
.mylyconetregistration-datarow {
padding-top: 20px;
}
.mylyconetregistration-recommenderbox
.mylyconetregistration-recommenderbox-img {
background-color: #fff;
}
a.help-flyerupload {
cursor: pointer;
width: 100%;
height: 35px;
}
a.help-flyerupload:before {
content: "\0075";
font-family: "myWorld Font";
position: relative;
font-size: 35px;
line-height: 0;
top: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
text-transform: none;
}
a.help-flyerupload:hover {
text-decoration: none;
}
#short-link-app .fade-enter-active,
#short-link-app .fade-leave-active {
transition: all 2s;
}
#short-link-app .fade-enter,
#short-link-app .fade-leave-to {
opacity: 0;
}
#short-link-app .btn-copy {
padding: 10px 20px;
border: 1px solid #b6b6b6;
}
#short-link-app .hr-line {
font-size: 12px;
margin: 15px 0;
text-align: center;
}
#short-link-app .hr-line.hr-background {
position: relative;
z-index: 1;
}
#short-link-app .hr-line.hr-background:before {
border-top: 2px solid #dfdfdf;
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 95%;
z-index: -1;
}
#short-link-app .hr-line.hr-background span {
background: #fff;
padding: 0 15px;
}
#modal-wrong-partner-barcode .fl-info:before {
font-size: 95px !important;
}
.shoppingnews-wrapper .input-group-btn button {
padding: 3px 11px;
width: 46px;
height: 40px;
background-color: #5cb885;
}
.shoppingnews-wrapper .input-group-btn button:active,
.shoppingnews-wrapper .input-group-btn button:active:focus,
.shoppingnews-wrapper .input-group-btn button:hover {
background-color: #6fcb98;
}
.shoppingnews-wrapper .input-group-btn button .fl-search {
font-size: 31px;
line-height: 0;
top: 6px;
vertical-align: top;
}
.shoppingnews-wrapper .input-group-btn button .fl-search:before {
font-family: "myWorld Font";
content: "\0039";
color: #fff;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingnews-wrapper .newsbox-wrapper {
margin-top: 1%;
}
.shoppingnews-wrapper .newsbox-wrapper a:hover {
text-decoration: none;
}
.shoppingnews-wrapper .news-detailbox {
color: #333;
padding: 22px 22px 22px 0;
margin-top: -0.5%;
margin-bottom: -0.5%;
}
.shoppingnews-wrapper .news-detailbox h4 {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 11px;
color: #333;
text-transform: none;
}
.shoppingnews-wrapper .news-detailbox h3 {
margin-top: 0;
}
.shoppingnews-wrapper .news-detailbox h2 {
margin-top: 5px;
font-size: 26px;
}
.shoppingnews-wrapper .news-detailbox .news-img {
position: relative;
text-align: center;
}
.shoppingnews-wrapper .news-detailbox .news-img:before {
border-right: 2px dotted #b6b6b6;
bottom: -22px;
content: "";
position: absolute;
right: 0;
top: -22px;
}
.shoppingnews-wrapper .news-detailbox .news-img img {
padding-top: 20px;
}
.shoppingnews-wrapper .news-detailbox .news-txt {
padding-left: 22px;
}
.shoppingnews-wrapper .newsbox {
position: relative;
background-color: #fff;
padding: 22px 22px 22px 0;
color: #333;
}
.shoppingnews-wrapper .newsbox:before {
content: "";
border-bottom: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
height: 100%;
left: 2px;
position: absolute;
top: 2px;
width: 100%;
z-index: 0;
}
.shoppingnews-wrapper .newsbox:active,
.shoppingnews-wrapper .newsbox:focus,
.shoppingnews-wrapper .newsbox:hover {
text-decoration: none;
}
.shoppingnews-wrapper .newsbox:active:before,
.shoppingnews-wrapper .newsbox:focus:before,
.shoppingnews-wrapper .newsbox:hover:before {
border: 2px solid #aaa;
bottom: -2px;
content: "";
height: auto;
left: 0;
position: absolute;
right: -2px;
top: 0;
width: auto;
z-index: 1;
}
.shoppingnews-wrapper .newsbox h4 {
font-family: CeraPro-Bold, sans-serif;
font-size: 11px;
color: #333;
text-transform: none;
}
.shoppingnews-wrapper .newsbox h3 {
font-family: CeraPro-Bold, sans-serif;
font-size: 15px;
color: #333;
text-transform: none;
margin-bottom: 8px;
line-height: 1.4em;
margin-top: 0;
}
.shoppingnews-wrapper .newsbox .link {
font-size: 15px;
padding-top: 5px;
color: #5cb885 !important;
position: relative;
z-index: 1;
}
.shoppingnews-wrapper .newsbox .link:active,
.shoppingnews-wrapper .newsbox .link:focus,
.shoppingnews-wrapper .newsbox .link:hover {
color: #a3d7ba !important;
}
.shoppingnews-wrapper .newsbox .news-img {
position: relative;
text-align: center;
}
.shoppingnews-wrapper .newsbox .news-img:before {
content: "";
border-right: 2px dotted #b6b6b6;
position: absolute;
top: -22px;
right: 0;
bottom: -22px;
}
.shoppingnews-wrapper .newsbox .news-txt {
padding-left: 22px;
}
.shoppingnews-wrapper .preview-img {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.shoppingnews-wrapper .img-center {
vertical-align: middle;
max-width: 180px;
max-height: 100%;
}
.shoppingnews-wrapper .paging-wrapper {
margin-top: 5%;
text-align: center;
}
.shoppingnews-wrapper .paging-wrapper .pagingbox {
display: inline-block;
}
.shoppingnews-wrapper .paging-wrapper .pagingbox .paging-arrows {
padding-top: 2px;
display: inline-block;
width: auto;
padding-right: 10px;
vertical-align: middle;
}
.shoppingnews-wrapper .paging-wrapper .pagingbox .paging-arrows > div:hover {
cursor: pointer;
}
.shoppingnews-wrapper .paging-wrapper .pagingbox .pagingtextbox {
width: auto;
display: inline-block;
color: #333;
}
.shoppingnews-wrapper
.paging-wrapper
.pagingbox
.pagingtextbox
.pagingdropdown {
display: inline-block;
border: 2px solid #b6b6b6;
}
.shoppingnews-wrapper
.paging-wrapper
.pagingbox
.pagingtextbox
.pagingdropdown
span {
padding: 5px;
}
.shoppingnews-wrapper
.paging-wrapper
.pagingbox
.pagingtextbox
.pagingdropdown
.pagingcurrent {
display: inline-block;
border-left: 2px solid #b6b6b6;
background-color: #fff;
padding: 5px;
}
.shoppingnews-wrapper
.paging-wrapper
.pagingbox
.pagingtextbox
.pagingdropdown
.pagingcurrent
input {
border: none;
width: 32px;
}
#sc-modal-address #edit-address-content:after {
content: "";
display: block;
clear: both;
}
#sc-modal-address #edit-address-content div:after {
content: "";
display: block;
clear: both;
}
#sc-modal-address .sc-lnk-abort {
text-align: right;
padding-top: 10px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#sc-modal-address .form-group {
padding-top: 10px;
}
#sc-modal-address label {
padding-top: 10px;
height: 40px;
}
.shoppingcart-wrapper a:focus,
.shoppingcart-wrapper a:hover {
text-decoration: none !important;
}
.shoppingcart-wrapper ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.shoppingcart-wrapper h3 {
color: #333;
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
text-transform: none;
}
.shoppingcart-wrapper .sc-btn-update {
position: absolute;
left: 173px;
bottom: 25px;
z-index: 1;
width: 19px;
height: 20px;
display: inline-block;
cursor: pointer;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-btn-update {
left: 5px;
bottom: 0;
}
}
.shoppingcart-wrapper .sc-btn-update:before {
content: "\00AE";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 1px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #5cb885;
}
.shoppingcart-wrapper .sc-btn-update:hover:before {
color: #6fcb98;
}
.shoppingcart-wrapper .sc-btn-inactive {
background-color: #b9b9b9;
cursor: default;
}
.shoppingcart-wrapper .sc-btn-inactive:focus,
.shoppingcart-wrapper .sc-btn-inactive:hover {
background-color: #b9b9b9;
color: #fff;
}
.shoppingcart-wrapper .sc-full-height {
height: 100%;
}
.shoppingcart-wrapper .sc-hr {
height: 1px !important;
min-height: 1px !important;
margin: 5px -18px;
border-bottom: 1px solid #fff;
}
.shoppingcart-wrapper.sc-full-width {
background-color: #4c4c4e;
}
.shoppingcart-wrapper .sc-space-bar.sc-full-width {
background-color: #f1f2f7;
}
.shoppingcart-wrapper .sc-space-bar.sc-full-width .container {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.shoppingcart-wrapper .step {
position: relative;
height: 5px;
background-color: #b6b6b6;
color: #b6b6b6;
text-align: center;
padding-top: 3px;
}
.shoppingcart-wrapper .step.active {
transition: all 0.5s ease;
padding-top: 1px;
height: 26px;
background-color: #5cb885;
color: #fff;
font-size: 16px;
}
.shoppingcart-wrapper .step.inactive {
transition: all 0.5s ease;
padding-top: 1px;
height: 26px;
background-color: #ddd;
color: #fff;
font-size: 16px;
}
.shoppingcart-wrapper .step.inactive:hover {
background-color: #5cb885;
}
.shoppingcart-wrapper .notice-wrapper .notice {
padding-left: 40px;
position: relative;
color: #6fcb98;
}
.shoppingcart-wrapper .notice-wrapper .notice:before {
text-transform: none;
content: "\0067";
font-family: "myWorld Font";
position: absolute;
font-size: 38px;
line-height: 0;
left: 0;
top: 11px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .notice-wrapper .notice .notice-header {
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
text-transform: uppercase;
font-size: 15px;
}
.shoppingcart-wrapper .sc-overview-wrapper .wrapper-tip .tip-box {
background-color: #333 !important;
}
.shoppingcart-wrapper .sc-overview-wrapper .wrapper-tip .tip-header span {
color: #6fcb98;
}
.shoppingcart-wrapper
.sc-overview-wrapper
.wrapper-tip
.tip-header
.btn-close:active,
.shoppingcart-wrapper
.sc-overview-wrapper
.wrapper-tip
.tip-header
.btn-close:focus,
.shoppingcart-wrapper
.sc-overview-wrapper
.wrapper-tip
.tip-header
.btn-close:hover {
color: #6fcb98;
}
.shoppingcart-wrapper .sc-overview-wrapper #sticky {
margin-top: 1.5%;
}
.shoppingcart-wrapper .sc-overview-wrapper #sticky .wrapper-tip .tip-box {
display: none;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-overview-wrapper #sticky .wrapper-tip .tip-box {
display: block;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .step > span {
display: none;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-overview-wrapper .step > span {
display: inline-block;
}
}
.shoppingcart-wrapper .sc-overview-wrapper h3 {
margin-top: 0;
margin-bottom: 0;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-item-header {
font-size: 13px;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-item-header {
font-size: 15px;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-item-header > div {
display: none;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-item-header > div {
display: block;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-special-offer-header > div {
display: inline-block !important;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.box-item {
margin-top: 1.5%;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-wrapper {
display: table;
width: 100%;
text-align: center;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-content {
position: relative;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-name,
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-value {
text-align: left;
line-height: 22px;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-value {
padding-top: 10px;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-qty,
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-qty-txt {
text-align: right;
font-size: 13px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-qty,
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-qty-txt {
font-size: 15px;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-qty-buttons {
position: absolute;
bottom: -3px;
right: 0;
}
@media (max-width: 767px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-qty-buttons {
position: relative;
width: 50px;
margin-left: 112px;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-price-value-wrapper {
position: relative;
bottom: -3px;
left: 112px;
white-space: nowrap;
margin-top: 3px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-price-value-wrapper {
bottom: -4px;
left: auto;
right: 40px;
position: absolute;
margin-top: 0;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-price-value-wrapper {
bottom: -3px;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-price-value-wrapper {
bottom: -7px;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-price-value,
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-value {
font-size: 15px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-price-value,
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-value {
font-size: 18px;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-price-value,
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-value {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-price-value,
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-value {
font-size: 30px;
}
}
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-price-value
.sc-currency,
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-value .sc-currency {
font-size: 10px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-price-value
.sc-currency,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-value
.sc-currency {
font-size: 13px;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-price-value
.sc-currency,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-value
.sc-currency {
font-size: 13px;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-price-value
.sc-currency,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-content
.sc-value
.sc-currency {
font-size: 15px;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-row-dealer-txt {
padding-bottom: 10px;
overflow: hidden;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-row-dealer-txt {
padding-bottom: 10px;
overflow: visible;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-row-dealer-txt {
padding-bottom: 5px;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-row-dealer-txt {
padding-bottom: 10px;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-name {
font-size: 13px;
line-height: 15px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-name {
font-size: 16px;
line-height: 18px;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-name {
font-size: 18px;
line-height: 20px;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-content .sc-name {
font-size: 20px;
line-height: 22px;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-btn-mobile {
width: 100%;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-btn-mobile.sc-btn-cash {
margin-top: 10px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-btn-mobile.sc-btn-cash {
margin-top: 0;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-article-sum {
margin-top: 1.5%;
margin-bottom: 1.5%;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-article-sum {
margin-top: 0;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-overview-wrapper .sc-article-sum {
margin-top: 0;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-overview-wrapper #sc-btn-continue {
float: right;
margin-right: 18px;
}
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-payment-infotext {
margin-top: 18px;
font-size: 11px;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-payment-infotext ul {
padding-left: 18px;
padding-top: 4px;
}
.shoppingcart-wrapper .sc-overview-wrapper .sc-payment-infotext ul li {
list-style: disc;
}
.shoppingcart-wrapper .sc-item-header {
margin-top: 10px;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-item-header {
margin-bottom: -5px;
}
}
.shoppingcart-wrapper .sc-item-header .sc-price {
text-align: right;
padding-right: 45px;
}
.shoppingcart-wrapper .sc-item-header .sc-qty {
text-align: right;
}
.shoppingcart-wrapper .popover.bottom .arrow:after {
border-bottom-color: #333 !important;
}
.shoppingcart-wrapper .popover {
border-radius: 0;
background-color: #333;
}
.shoppingcart-wrapper .popover-content {
background-color: #333;
padding: 9px 14px;
}
.shoppingcart-wrapper .popover-content a {
color: #6fcb98;
}
.shoppingcart-wrapper .popover-content a:focus,
.shoppingcart-wrapper .popover-content a:hover {
color: #bae6ce;
}
.shoppingcart-wrapper .popover-content .sc-header {
color: #6fcb98;
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif !important;
font-size: 26px !important;
line-height: initial !important;
text-transform: uppercase;
position: relative;
padding-left: 36px;
}
.shoppingcart-wrapper .popover-content .sc-header .btn-close {
position: absolute;
top: -2px;
right: 0;
color: #b9b9b9;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
font-size: 18px;
}
.shoppingcart-wrapper .popover-content .sc-header .btn-close:focus,
.shoppingcart-wrapper .popover-content .sc-header .btn-close:hover {
color: #6fcb98;
text-decoration: none;
}
.shoppingcart-wrapper .popover-content .sc-img {
position: absolute;
width: 28px;
height: 28px;
left: 0;
top: 5px;
}
.shoppingcart-wrapper .popover-content .sc-img:before {
text-transform: none;
content: "\0067";
font-family: "myWorld Font";
position: absolute;
font-size: 38px;
line-height: 0;
left: 0;
top: 11px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .popover-content .sc-content {
color: #fff;
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
padding-top: 10px !important;
}
.shoppingcart-wrapper .sc-right {
position: relative;
}
.shoppingcart-wrapper .sc-right .sc-total .pull-right,
.shoppingcart-wrapper .sc-right .sc-total .sc-num-dualprice {
font-size: 13px !important;
}
.shoppingcart-wrapper .sc-right .sc-total .sc-num {
font-size: 15px !important;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-right {
margin-top: 36px;
}
}
.shoppingcart-wrapper #sc-btn-continue {
margin-top: 10px;
}
.shoppingcart-wrapper div.sc-box {
display: block;
background-color: #fff;
padding: 18px;
height: 100%;
overflow: hidden;
}
@media (min-width: 768px) {
.shoppingcart-wrapper div.sc-box {
padding: 21px;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper div.sc-box {
padding: 14px;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper div.sc-box {
padding: 18px;
}
}
.shoppingcart-wrapper div.sc-box .button {
margin-top: 15px;
margin-bottom: 10px;
}
.shoppingcart-wrapper div.sc-box .sc-currency {
text-transform: uppercase;
font-size: 10px;
}
.shoppingcart-wrapper div.sc-box .sc-currency:before {
content: " ";
}
.shoppingcart-wrapper div.sc-box .sc-num-articles {
color: #5cb885;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper div.sc-box .sc-header {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
font-size: 22px;
line-height: 22px;
}
.shoppingcart-wrapper div.sc-box .sc-content {
padding-top: 8px;
}
.shoppingcart-wrapper div.sc-box .sc-content ul {
margin-top: 5px;
}
.shoppingcart-wrapper div.sc-box .sc-content li {
min-height: 24px;
}
.shoppingcart-wrapper div.sc-box .anim-checkbox {
font-size: 25px;
height: 27px;
width: 37px;
float: left;
position: relative;
margin-left: 8px;
margin-bottom: 18px;
}
.shoppingcart-wrapper div.sc-box .anim-checkbox label {
text-indent: 0;
padding: 0;
}
.shoppingcart-wrapper div.sc-box .anim-checkbox .label-checkbox {
display: none;
}
.shoppingcart-wrapper div.sc-box .anim-checkbox .label-check {
display: inline-block;
border-radius: 50%;
border: 2px solid #6fcb98;
background: #fff;
vertical-align: middle;
margin-right: 18px;
width: 25px;
height: 25px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: border 0.3s ease;
}
.shoppingcart-wrapper div.sc-box .anim-checkbox .label-check.disabled {
border: 2px solid #c4c4c4e8;
}
.shoppingcart-wrapper div.sc-box .anim-checkbox .label-check span.icon {
opacity: 0.2;
color: transparent;
transition: opacity 0.2s 0.1s ease;
}
.shoppingcart-wrapper div.sc-box .anim-checkbox .label-check span.icon.circle {
opacity: 0;
font-size: 16px;
}
.shoppingcart-wrapper
div.sc-box
.anim-checkbox
.label-check
span.icon.circle:before {
content: "";
position: absolute;
width: 13px;
height: 13px;
border-radius: 50%;
background: #6fcb98;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.shoppingcart-wrapper div.sc-box .anim-checkbox .label-check span.icon.check {
font-family: "myWorld Font";
font-size: 14px;
padding-bottom: 2px;
}
.shoppingcart-wrapper
div.sc-box
.anim-checkbox
.label-check
span.icon.check:before {
content: "\0064";
}
.shoppingcart-wrapper div.sc-box .anim-checkbox .label-check:hover {
border: 3px solid rgba(0, 0, 0, 0.5);
}
.shoppingcart-wrapper
div.sc-box
.anim-checkbox
.label-checkbox:checked
+ .label-text
.label-check {
animation: check 0.3s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;
}
.shoppingcart-wrapper
div.sc-box
.anim-checkbox
.label-checkbox:checked
+ .label-text
.label-check
.icon {
opacity: 1;
transform: scale(0);
color: #6fcb98;
-webkit-text-stroke: 0;
animation: icon 0.2s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}
.shoppingcart-wrapper div.sc-box .anim-checkbox .center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes icon {
from {
opacity: 0;
transform: scale(0.3);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes check {
0% {
width: 1em;
height: 1em;
border-width: 5px;
}
10% {
width: 1em;
height: 1em;
opacity: 0.1;
background: rgba(0, 0, 0, 0.2);
border-width: 15px;
}
12% {
width: 1em;
height: 1em;
opacity: 0.4;
background: rgba(0, 0, 0, 0.1);
border-width: 0;
}
50% {
width: 25px;
height: 25px;
background: #fff;
border: 0;
opacity: 0.6;
border: 2px solid #6fcb98;
}
100% {
width: 25px;
height: 25px;
background: #fff;
border: 0;
opacity: 1;
border: 2px solid #6fcb98;
}
}
.shoppingcart-wrapper div.sc-box .anim-checkbox + label {
text-indent: 0;
}
.shoppingcart-wrapper div.sc-box .sc-chk-wrapper {
position: relative;
}
.shoppingcart-wrapper div.sc-box .sc-chk-wrapper .sc-chk-amount {
position: absolute;
right: 0;
top: -1px;
}
.shoppingcart-wrapper div.sc-box .sc-chk-wrapper .sc-chk-amount.highlighted {
color: #6fcb98;
}
.shoppingcart-wrapper
div.sc-box
.sc-chk-wrapper
.sc-chk-amount.highlighted
.amount {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper div.sc-box .sc-chk-wrapper .sc-chk-amount.disabled {
color: #acacac;
}
.shoppingcart-wrapper div.sc-box .sc-chk-wrapper .sc-chk-amount .amount {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
font-size: 22px;
line-height: 22px;
margin-left: 5px;
}
.shoppingcart-wrapper
div.sc-box
.sc-chk-wrapper
.sc-chk-amount-relative.highlighted {
color: #6fcb98;
}
.shoppingcart-wrapper
div.sc-box
.sc-chk-wrapper
.sc-chk-amount-relative.highlighted
.amount {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper
div.sc-box
.sc-chk-wrapper
.sc-chk-amount-relative.disabled {
color: #acacac;
}
.shoppingcart-wrapper
div.sc-box
.sc-chk-wrapper
.sc-chk-amount-relative
.amount {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
font-size: 22px;
line-height: 22px;
margin-left: 5px;
}
.shoppingcart-wrapper div.sc-box .sc-chk-wrapper .sc-chk-desc.disabled {
color: #acacac;
}
.shoppingcart-wrapper div.sc-box .sc-chk-wrapper .sc-chk-desc .sc-header {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper
div.sc-box
.sc-chk-wrapper
.sc-chk-desc
.sc-header.highlighted {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #6fcb98;
}
.shoppingcart-wrapper div.sc-box .sc-chk-wrapper .sc-chk-desc .sc-content {
padding-left: 30px;
}
.shoppingcart-wrapper div.sc-box .pointer {
cursor: pointer;
}
.shoppingcart-wrapper .sc-benefits {
margin-top: 0;
margin-bottom: 1.5%;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-benefits {
margin-top: 1.5%;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-benefits {
margin-bottom: 3%;
}
}
.shoppingcart-wrapper .sc-benefits li {
padding-left: 26px;
margin-top: 5px;
padding-right: 70px;
min-height: 36px !important;
}
.shoppingcart-wrapper .sc-benefits li > span {
margin-right: -70px;
color: #5cb885;
}
.shoppingcart-wrapper .sc-benefits li > span:first-child {
float: left;
margin-right: 0;
color: #4c4d4f;
}
.shoppingcart-wrapper .sc-benefits li.sc-cashback {
position: relative;
}
.shoppingcart-wrapper .sc-benefits li.sc-cashback:before {
content: "\0045";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-benefits li.sc-shoppingpts {
position: relative;
}
.shoppingcart-wrapper .sc-benefits li.sc-shoppingpts:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-benefits li.sc-sp-deals {
position: relative;
}
.shoppingcart-wrapper .sc-benefits li.sc-sp-deals:before {
content: "\006f";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-benefits li.sc-sp-ballanceprogram {
position: relative;
}
.shoppingcart-wrapper .sc-benefits li.sc-sp-ballanceprogram:before {
content: "\006D";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-benefits li.sc-sp-careerprogram {
position: relative;
}
.shoppingcart-wrapper .sc-benefits li.sc-sp-careerprogram:before {
content: "\006E";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-article-sum li.sc-packing,
.shoppingcart-wrapper .sc-article-sum li.sc-sum,
.shoppingcart-wrapper .sc-article-sum li.sc-txt,
.shoppingcart-wrapper .sc-deal li.sc-packing,
.shoppingcart-wrapper .sc-deal li.sc-sum,
.shoppingcart-wrapper .sc-deal li.sc-txt {
color: #b9b9b9;
}
.shoppingcart-wrapper .sc-article-sum li.sc-packing span,
.shoppingcart-wrapper .sc-article-sum li.sc-sum span,
.shoppingcart-wrapper .sc-article-sum li.sc-txt span,
.shoppingcart-wrapper .sc-deal li.sc-packing span,
.shoppingcart-wrapper .sc-deal li.sc-sum span,
.shoppingcart-wrapper .sc-deal li.sc-txt span {
color: #333;
}
.shoppingcart-wrapper .sc-article-sum li.sc-subtotal,
.shoppingcart-wrapper .sc-article-sum li.sc-total,
.shoppingcart-wrapper .sc-deal li.sc-subtotal,
.shoppingcart-wrapper .sc-deal li.sc-total {
font-size: 15px;
margin-bottom: 5px;
}
.shoppingcart-wrapper .sc-article-sum li.sc-subtotal span,
.shoppingcart-wrapper .sc-article-sum li.sc-total span,
.shoppingcart-wrapper .sc-deal li.sc-subtotal span,
.shoppingcart-wrapper .sc-deal li.sc-total span {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper .sc-article-sum li.sc-total .additional-price,
.shoppingcart-wrapper .sc-deal li.sc-total .additional-price {
font-size: 13px !important;
font-weight: 400 !important;
}
.shoppingcart-wrapper
.sc-article-sum
li.sc-total
.additional-price
.sc-currency,
.shoppingcart-wrapper .sc-deal li.sc-total .additional-price .sc-currency {
font-size: 13px !important;
font-weight: 400 !important;
}
.shoppingcart-wrapper
.sc-article-sum
li.sc-total
.additional-price
.sc-num-dualprice,
.shoppingcart-wrapper .sc-deal li.sc-total .additional-price .sc-num-dualprice {
font-size: 13px !important;
font-weight: 400 !important;
}
.shoppingcart-wrapper .sc-article-sum li.sc-total.no-subtotal,
.shoppingcart-wrapper .sc-deal li.sc-total.no-subtotal {
margin-bottom: -5px;
margin-top: 8px;
}
.shoppingcart-wrapper .sc-article-sum li.sc-total span,
.shoppingcart-wrapper .sc-deal li.sc-total span {
color: #5cb885;
}
.shoppingcart-wrapper .sc-article-sum li.sc-subtotal span,
.shoppingcart-wrapper .sc-deal li.sc-subtotal span {
color: #6fcb98;
}
.shoppingcart-wrapper .sc-article-sum .button,
.shoppingcart-wrapper .sc-deal .button {
margin-bottom: 0 !important;
}
.shoppingcart-wrapper .sc-article-sum li.sc-item-num,
.shoppingcart-wrapper .sc-deal li.sc-item-num {
color: #5cb885;
font-size: 15px;
}
.shoppingcart-wrapper .sc-article-sum .checkbox-wrapper,
.shoppingcart-wrapper .sc-deal .checkbox-wrapper {
position: absolute;
bottom: 20px;
}
.shoppingcart-wrapper .sc-article-sum .sc-gtc-checkbox,
.shoppingcart-wrapper .sc-deal .sc-gtc-checkbox {
padding-left: 0 !important;
text-indent: 0 !important;
position: relative;
display: inline-block;
margin-left: 23px;
}
.shoppingcart-wrapper .sc-article-sum .sc-gtc-checkbox input[type="checkbox"],
.shoppingcart-wrapper .sc-deal .sc-gtc-checkbox input[type="checkbox"] {
position: absolute;
top: 0;
margin: -3px 6px 0 0;
margin-left: -23px;
}
.shoppingcart-wrapper .sc-delivery hr {
width: 50%;
}
.shoppingcart-wrapper .sc-delivery li {
height: inherit !important;
}
.shoppingcart-wrapper .sc-delivery li.sc-address,
.shoppingcart-wrapper .sc-delivery li.sc-collect {
height: 100% !important;
}
.shoppingcart-wrapper .sc-delivery li.sc-txt {
color: #b9b9b9;
}
.shoppingcart-wrapper .sc-delivery li.sc-space-li-top {
margin-top: 10px;
}
.shoppingcart-wrapper .sc-item {
background-color: #fff;
position: relative;
padding: 5px;
}
.shoppingcart-wrapper .sc-item .sc-footer-text,
.shoppingcart-wrapper .sc-item .sc-name,
.shoppingcart-wrapper .sc-item .sc-value {
padding-left: 112px;
}
.shoppingcart-wrapper .sc-item .sc-footer-text > span,
.shoppingcart-wrapper .sc-item .sc-name > span,
.shoppingcart-wrapper .sc-item .sc-value > span {
padding-right: 20px;
}
.shoppingcart-wrapper .sc-item .sc-footer-text > span.sc-colorize,
.shoppingcart-wrapper .sc-item .sc-name > span.sc-colorize,
.shoppingcart-wrapper .sc-item .sc-value > span.sc-colorize {
padding-right: 0;
}
.shoppingcart-wrapper .sc-item .sc-footer-text > span.sc-colorize:after,
.shoppingcart-wrapper .sc-item .sc-name > span.sc-colorize:after,
.shoppingcart-wrapper .sc-item .sc-value > span.sc-colorize:after {
content: " ";
}
.shoppingcart-wrapper .sc-item .sc-footer-text .sc-max,
.shoppingcart-wrapper .sc-item .sc-footer-text .sc-min,
.shoppingcart-wrapper .sc-item .sc-name .sc-max,
.shoppingcart-wrapper .sc-item .sc-name .sc-min,
.shoppingcart-wrapper .sc-item .sc-value .sc-max,
.shoppingcart-wrapper .sc-item .sc-value .sc-min {
display: block;
font-size: 11px;
color: #505050;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-item .sc-footer-text .sc-max,
.shoppingcart-wrapper .sc-item .sc-footer-text .sc-min,
.shoppingcart-wrapper .sc-item .sc-name .sc-max,
.shoppingcart-wrapper .sc-item .sc-name .sc-min,
.shoppingcart-wrapper .sc-item .sc-value .sc-max,
.shoppingcart-wrapper .sc-item .sc-value .sc-min {
display: inline-block;
font-size: 9px;
}
}
.shoppingcart-wrapper .sc-item .sc-footer-text {
color: #b9b9b9;
padding-top: 6px;
font-size: 11px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-item .sc-footer-text {
font-size: 13px;
}
}
.shoppingcart-wrapper .sc-item .sc-content .sc-value {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper .sc-item .sc-content .sc-value > span {
text-transform: uppercase;
}
.shoppingcart-wrapper .sc-item .sc-content .sc-value > span:before {
content: " ";
}
.shoppingcart-wrapper .sc-item .sc-content .sc-name {
font-family: "Open Sans Condensed Bold", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper .sc-item .sc-content .sc-btn-minus,
.shoppingcart-wrapper .sc-item .sc-content .sc-btn-plus {
width: 25px;
height: 25px;
border: none;
color: #fff;
background-color: #b9b9b9;
}
.shoppingcart-wrapper .sc-item .sc-content .sc-qty {
width: 100%;
text-align: right;
}
.shoppingcart-wrapper .sc-item .sc-content .sc-qty:focus {
transition: all ease-in-out 0.15s;
}
.shoppingcart-wrapper .sc-item .sc-content .sc-qty-txt {
color: #5cb885;
}
.shoppingcart-wrapper .sc-item .sc-content .sc-price-value {
text-align: right;
}
.shoppingcart-wrapper .sc-item .sc-content .sc-price-value > .sc-num {
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper .sc-item .sc-content .sc-price-value > .sc-currency {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
text-transform: uppercase;
}
.shoppingcart-wrapper
.sc-item
.sc-content
.sc-price-value
> .sc-currency:before {
content: " ";
}
.shoppingcart-wrapper .sc-icons {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 30px;
background-color: #f1f2f7;
border-left: 2px solid #f1f2f7;
background-color: #fff;
color: #333 !important;
}
.shoppingcart-wrapper .sc-icons:focus .fl-trash:before,
.shoppingcart-wrapper .sc-icons:hover .fl-trash:before {
color: #5cb885 !important;
}
.shoppingcart-wrapper .sc-icons .fl {
position: relative;
width: 100%;
height: 100%;
display: inline-block;
z-index: 0;
}
.shoppingcart-wrapper .sc-icons .fl.fl-trash:before {
content: "\0061";
font-family: "myWorld Font";
position: absolute;
font-size: 40px;
line-height: 0;
left: 3px;
top: 50%;
margin-top: -5px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.shoppingcart-wrapper .sc-icons .fl.fl-trash:before:focus:before,
.shoppingcart-wrapper .sc-icons .fl.fl-trash:before:hover:before {
color: #5cb885;
}
.shoppingcart-wrapper .sc-icon-del {
position: absolute;
border: none;
right: 0;
width: 28px;
height: 62.5px;
z-index: 1;
background-color: transparent;
}
.shoppingcart-wrapper .sc-icon-del {
bottom: 0;
height: 100%;
}
.shoppingcart-wrapper .sc-logo-box {
border: 6px solid #b6b6b6;
border-radius: 2px;
height: 92px;
width: 92px;
position: absolute;
top: 13px;
left: 18px;
}
.shoppingcart-wrapper .sc-logo-box .sc-logo-wrapper {
height: 80px;
width: 80px;
line-height: normal;
text-align: center;
background-color: #fff;
}
.shoppingcart-wrapper .sc-logo-box .sc-logo-wrapper img {
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.shoppingcart-wrapper .sc-total-bottom {
margin-top: 10px;
padding-right: 41px;
font-size: 30px;
}
.shoppingcart-wrapper .sc-total-bottom span {
color: #5cb885;
}
.shoppingcart-wrapper .sc-total-bottom .sc-value {
padding-left: 15px;
}
.shoppingcart-wrapper .sc-total-bottom .sc-currency {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
font-size: 15px;
text-transform: uppercase;
}
.shoppingcart-wrapper .sc-total-bottom .sc-currency:before {
content: " ";
}
.shoppingcart-wrapper#sc-toggle-address .sc-arrow {
height: 8px;
}
.shoppingcart-wrapper#sc-toggle-address .sc-arrow-up {
width: 0;
height: 0;
line-height: 0;
font-size: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #4c4c4e;
position: absolute;
top: 0;
}
@media (max-width: 767px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-items {
overflow-x: auto;
}
}
@media (max-width: 767px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item {
width: 170%;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-box-item {
margin-top: 1.5%;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-items > div:first-child {
margin-top: 0 !important;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-wrapper {
display: table;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-right {
margin-top: 0;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-right .sc-total .pull-right,
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-right
.sc-total
.sc-num-dualprice {
font-size: 13px !important;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-right .sc-total .sc-num {
font-size: 15px !important;
}
.shoppingcart-wrapper .sc-order-details-wrapper h3 {
font-size: 22px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-radio-delivery {
margin-top: 46px;
margin-left: 36px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-radio-delivery label {
text-indent: 0 !important;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-radio-delivery input {
margin-left: -26px;
margin-right: 10px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-col-inactive {
color: #b9b9b9;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-col-inactive .text {
color: #b9b9b9;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-col-inactive h3 {
color: #b9b9b9;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-col-inactive
.custom-select-container {
background-color: #f1f2f7;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-col-inactive
.sc-alter:not(.default-address)
a {
color: #b9b9b9;
cursor: default;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-addresses
#delivery-address {
width: 100%;
margin-bottom: 12px;
}
@media (min-width: 1200px) {
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-addresses
#delivery-address {
width: 80%;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper #sc-delivery-addr {
margin-left: 46px;
margin-top: 18px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-alter {
margin-top: 10px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5cb885;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-alter.default-address
> div {
color: #505050;
}
.shoppingcart-wrapper .sc-order-details-wrapper.sc-edit-address .sc-header h4 {
color: #fff;
text-transform: none;
font-size: 18px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper .sc-order-details-wrapper.sc-edit-address .sc-buttons {
padding-top: 20px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-details-wrapper.sc-edit-address .sc-buttons {
padding-top: 158px;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper.sc-edit-address .sc-lnk-abort {
text-align: center;
padding-top: 10px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper
.sc-order-details-wrapper.sc-edit-address
.sc-lnk-abort
> a {
color: #fc0;
}
.shoppingcart-wrapper
.sc-order-details-wrapper.sc-edit-address
.sc-lnk-abort
> a:focus,
.shoppingcart-wrapper
.sc-order-details-wrapper.sc-edit-address
.sc-lnk-abort
> a:hover {
color: #ffd633;
}
.shoppingcart-wrapper .sc-order-details-wrapper.sc-edit-address .sc-title {
padding-top: 10px;
font-size: 11px;
color: #fff;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-btn-mobile.sc-btn-cash {
width: 180px;
float: right;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-btn-mobile.sc-btn-cash
input[type="Submit"] {
width: 100%;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-currency {
padding: 0 !important;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item {
padding: 0 5px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item .sc-content {
padding: 0 5px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-delivery-type,
.shoppingcart-wrapper .sc-order-details-wrapper .sc-name,
.shoppingcart-wrapper .sc-order-details-wrapper .sc-price-value,
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value-wrapper {
padding: 0;
margin: 0;
display: table-cell;
vertical-align: middle;
height: 100%;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-amount {
font-size: 13px;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-amount {
font-size: 15px;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value {
font-size: 15px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value {
font-size: 18px;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value {
font-size: 20px;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value {
font-size: 30px;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value > .sc-currency {
font-size: 10px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value > .sc-currency {
font-size: 13px;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value > .sc-currency {
font-size: 13px;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value > .sc-currency {
font-size: 15px;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-name {
font-size: 16px !important;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-name {
font-size: 15px !important;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-name {
font-size: 18px !important;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-name {
font-size: 20px !important;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-delivery-type {
text-align: right;
font-size: 13px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-price-value {
font-size: 13px;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-price-value {
font-size: 15px;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-price-value {
font-size: 18px;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-price-value > .sc-currency {
font-size: 10px;
}
@media (min-width: 992px) {
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-price-value
> .sc-currency {
font-size: 12px;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-value {
padding: 0;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-article-sum {
margin-top: 1.5%;
margin-bottom: 1.5%;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-article-sum {
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-article-sum {
margin-top: 0;
margin-bottom: 1.5%;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-article-sum {
margin-top: 0;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-btn-mobile {
width: 100%;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-btn-mobile.sc-btn-cash {
margin-top: 10px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-btn-mobile.sc-btn-cash {
margin-top: 0;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-1 {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 768px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-1 {
padding-bottom: 1.5%;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-1 .sc-content {
padding-top: 13px;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-1 .sc-content {
padding-top: 65px;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-2 {
padding-top: 1.5%;
padding-bottom: 1.5%;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-2 {
padding-top: 0;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-2 {
padding-bottom: 0;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-2 .sc-headline {
padding-top: 15px;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-2 .sc-headline {
padding-top: 35px;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-2 .sc-address {
margin-top: 18px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-3 .sc-headline {
padding-top: 36px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-3 .sc-headline {
padding-top: 36px;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-3 .sc-headline {
padding-top: 56px;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-3,
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-4 {
padding-top: 1.5%;
padding-bottom: 1.5%;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-3,
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-4 {
padding-top: 0;
padding-bottom: 0;
}
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-step-4.sc-empty {
padding-bottom: 30px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .booking-col {
margin-left: 26px;
padding: 0;
}
.shoppingcart-wrapper .sc-order-details-wrapper .booking-col h3 {
margin-top: 16px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .booking-col li {
margin-bottom: 6px;
}
.shoppingcart-wrapper .sc-order-details-wrapper .booking-col input {
margin-right: 10px;
}
.shoppingcart-wrapper .sc-payment-wrapper {
margin-top: 3%;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-cc-disabled {
color: #acacac;
}
.shoppingcart-wrapper .sc-payment-wrapper .step > span {
display: none;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-payment-wrapper .step > span {
display: inline-block;
}
}
.shoppingcart-wrapper .sc-payment-wrapper label {
display: block;
padding-left: 15px;
text-indent: -15px;
}
.shoppingcart-wrapper .sc-payment-wrapper label input[type="checkbox"],
.shoppingcart-wrapper .sc-payment-wrapper label input[type="radio"] {
cursor: pointer;
width: 13px;
height: 13px;
padding: 0;
margin: 0 4px 0 0;
vertical-align: bottom;
position: relative;
top: -3px;
}
.shoppingcart-wrapper .sc-payment-wrapper .checkbox {
padding-left: 24px;
margin-top: 0;
margin-bottom: 0;
}
.shoppingcart-wrapper .sc-payment-wrapper .checkbox label {
margin-left: 5px;
}
.shoppingcart-wrapper .sc-payment-wrapper input[type="text"] {
width: 95%;
text-align: center;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-full-width {
margin-left: -18px;
margin-right: -18px;
padding-left: 18px;
padding-right: 18px;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-article-sum .button {
float: right;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-article-sum .button input {
padding: 10px 0;
width: 100%;
}
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-magnifier {
cursor: pointer;
position: absolute;
top: 16px;
left: 10px;
width: 24px;
height: 24px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-magnifier {
top: 7px;
}
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-magnifier:hover:before {
color: #5cb885;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-magnifier:before {
content: "\0039";
font-family: "myWorld Font";
position: absolute;
font-size: 36px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-check {
cursor: pointer;
position: absolute;
top: 7px;
left: 40px;
width: 24px;
height: 24px;
background: url("../../img/root/shoppingcart/icon-check.png") no-repeat;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-check:hover {
background: url("../../img/root/shoppingcart/icon-check-hover.png") no-repeat;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-trash {
cursor: pointer;
position: absolute;
width: 17px;
height: 24px;
background: url("../../img/root/shoppingcart/icon-trash.png") no-repeat;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-trash:hover {
background: url("../../img/root/shoppingcart/icon-trash-hover.png") no-repeat;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-minus {
position: absolute;
top: 10px;
right: 0;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-discount-wrapper,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-gift,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-item,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-loyalty-wrapper,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-shopping-wrapper {
height: 40px;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-discount-wrapper label,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-gift label,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-item label,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-loyalty-wrapper label,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-shopping-wrapper label {
padding-left: 10px;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-discount-wrapper input,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-discount-wrapper label,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-gift input,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-gift label,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-loyalty-wrapper input,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-loyalty-wrapper label,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-shopping-wrapper input,
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-shopping-wrapper label {
padding-top: 10px;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-gift {
margin-top: 2%;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-gift .sc-code-wrapper {
padding-top: 10px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-gift .sc-code-wrapper {
padding-top: 0;
}
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-toggle-voucher-check {
background: #4c4c4e;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-arrow-spacebar {
height: 10px;
background-color: #fff;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-arrow-up {
width: 0;
height: 0;
line-height: 0;
font-size: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #4c4c4e;
position: absolute;
top: 0;
left: 2px;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-item-wrapper {
padding: 10px 0;
float: left;
width: 100%;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-item {
color: #fff;
background-color: #4c4c4e;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-item span {
padding-top: 10px;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-item .sc-amount {
color: #fc0;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-item .sc-trash {
right: -25px;
bottom: 0;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-voucher-discount-wrapper
.sc-amount-available,
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-voucher-loyalty-wrapper
.sc-amount-available,
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-voucher-shopping-wrapper
.sc-amount-available {
padding-top: 10px;
color: #b9b9b9;
}
@media (min-width: 768px) {
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-voucher-discount-wrapper
.sc-amount-available,
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-voucher-loyalty-wrapper
.sc-amount-available,
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-voucher-shopping-wrapper
.sc-amount-available {
padding-bottom: 10px;
}
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-voucher-discount-wrapper
.sc-amount,
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-voucher-loyalty-wrapper
.sc-amount,
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-voucher-shopping-wrapper
.sc-amount {
color: #5cb885;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-discount-txt {
margin-top: 10px;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-discount-txt {
margin-top: 0;
}
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-voucher-txt {
margin-top: 10px;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-payment-options {
margin-top: 3%;
margin-bottom: 1.5%;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-payment-options li {
height: 40px !important;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-card-code-wrapper,
.shoppingcart-wrapper .sc-payment-wrapper .sc-payment-options .sc-mastercard,
.shoppingcart-wrapper .sc-payment-wrapper .sc-payment-options .sc-transfer {
height: 40px;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-card-code-wrapper
label,
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-mastercard
label,
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-transfer
label {
padding-left: 14px;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-voucher
.checkbox {
padding-left: 24px !important;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-mastercard
input,
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-mastercard
label {
padding-top: 10px;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-mastercard
label {
padding-left: 90px;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-mastercard
.img {
background: url("../../img/root/shoppingcart/logo-mastercard-inactive.png")
no-repeat;
position: absolute;
width: 67px;
height: 40px;
left: 35px;
top: 0;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-card-code-wrapper
.txt {
display: inline-block;
padding-top: 10px;
float: left;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-card-code-wrapper
.sc-mastercard-code {
float: left;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-card-code-wrapper
.custom-select-container {
width: 200px;
margin-left: 5%;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-card-code-wrapper
.custom-select
.custom-select-trigger {
height: 40px;
padding: 8px;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-card-code-wrapper
.custom-select
.custom-select-trigger
.downImg {
top: 14px;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-unordered-list
li {
height: auto !important;
padding-left: 14px;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-payment-options .sc-transfer {
padding-top: 10px;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.sc-payment-options
.sc-mastercard-txt {
padding-top: 4px;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-payment-legal {
margin-top: 3%;
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-article-sum {
margin-top: 1.5%;
margin-bottom: 1.5%;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-article-sum {
margin-top: 1.5%;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-article-sum {
margin-top: 1.5%;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-article-sum {
margin-top: 0;
margin-bottom: 1.5%;
}
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-delivery {
margin-top: 1.5%;
margin-bottom: 1.5%;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-delivery {
margin-top: 0;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-delivery {
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-payment-wrapper .sc-delivery {
margin-top: 1.5%;
margin-bottom: 1.5%;
}
}
.shoppingcart-wrapper .sc-payment-wrapper .sc-payment-info {
margin-bottom: 2%;
}
.shoppingcart-wrapper .sc-payment-wrapper .reg-asterisk {
margin-top: 10px;
line-height: 1em;
}
.shoppingcart-wrapper .sc-payment-wrapper .reg-asterisk .txt {
position: relative;
padding-left: 33px;
font-size: 11px;
min-height: 26px;
margin-left: 44px;
}
.shoppingcart-wrapper .sc-payment-wrapper .reg-asterisk .txt:before {
position: absolute;
content: "";
top: 50%;
left: 0;
width: 26px;
height: 26px;
margin-top: -13px;
display: inline-block;
background: url("../../img/icons/info-icon-grey.png") no-repeat;
}
.shoppingcart-wrapper
.sc-payment-wrapper
.reg-asterisk.icon-orange
.txt:before {
background: url("../../img/icons/info-icon-orange.png") no-repeat;
}
.shoppingcart-wrapper .sc-payment-wrapper .top-up-cc {
padding-left: 60px;
}
.shoppingcart-wrapper .sc-payment-wrapper .top-up-cc:before {
position: absolute;
content: "";
top: 50%;
left: 5px;
width: 26px;
height: 26px;
margin-top: -13px;
display: inline-block;
background: url("../../img/icons/info-icon-grey.png") no-repeat;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-step-1 {
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-step-1 {
padding-bottom: 1.5%;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-step-2 {
padding-top: 1.5%;
padding-bottom: 1.5%;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-step-2 {
padding-top: 1.5%;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-step-2 {
padding-top: 0;
padding-bottom: 0;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-step-3,
.shoppingcart-wrapper .sc-order-wrapper .sc-step-4 {
padding-top: 3%;
padding-bottom: 1.5%;
}
@media (min-width: 1200px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-step-3,
.shoppingcart-wrapper .sc-order-wrapper .sc-step-4 {
padding-top: 0;
padding-bottom: 0;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-article-sum,
.shoppingcart-wrapper .sc-order-wrapper .sc-deal,
.shoppingcart-wrapper .sc-order-wrapper .sc-delivery,
.shoppingcart-wrapper .sc-order-wrapper .sc-payment {
padding-top: 0;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-benefits {
padding-top: 18px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-spacer {
background-color: #f1f2f7;
height: 5px;
margin-top: 18px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-spacer {
height: 10px;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-full-width {
margin-left: -18px;
margin-right: -18px;
padding-left: 18px;
padding-right: 18px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-arrow {
padding-top: 5px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-arrow {
padding-top: 10px;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-arrow {
padding-top: 20px;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-arrow-wrapper {
height: 14px;
width: 14px;
margin: 0 auto;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-arrow-up {
width: 0;
height: 0;
line-height: 0;
font-size: 0;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 14px solid #fff;
position: absolute;
top: 0;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption {
padding-left: 5px;
padding-right: 5px;
}
@media (max-width: 767px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption {
width: 200%;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption span {
display: inline-block;
float: right;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption span.first {
float: left !important;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-cb-img {
width: 20px;
height: 18px;
float: none;
position: relative;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-cb-img:before {
content: "\0045";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-sp-img {
width: 20px;
height: 20px;
float: none;
position: relative;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-sp-img:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-d-img {
width: 20px;
height: 20px;
float: none;
position: relative;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-d-img:before {
content: "\006f";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-bp-img {
width: 20px;
height: 20px;
float: none;
position: relative;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-bp-img:before {
content: "\006D";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-cp-img {
width: 20px;
height: 20px;
float: none;
position: relative;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-cp-img:before {
content: "\006E";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 9px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item-caption .sc-wrapper {
display: table;
width: 100%;
text-align: center;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item {
height: 100%;
}
@media (max-width: 767px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-item {
width: 200%;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item > .sc-content {
height: 100%;
margin: 0;
padding: 0;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-wrapper {
display: table;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-wrapper .sc-amount {
text-align: right;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-wrapper .sc-cb,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-wrapper .sc-sp {
text-align: center;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-amount,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-cb,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-name,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-price-value,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-sp,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-value {
padding: 0;
margin: 0;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
font-size: 13px;
color: #333 !important;
display: table-cell;
vertical-align: middle;
height: 100%;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-amount,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-cb,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-name,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-price-value,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-sp,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-value {
font-size: 15px;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-amount,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-cb,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-name,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-price-value,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-sp,
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-value {
font-size: 18px;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-currency {
font-size: 10px !important;
padding-right: 5px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-delivery {
text-align: center;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item .sc-delivery .img {
width: 40px;
height: 31px;
background: url("../../img/root/shoppingcart/icon-delivery1.png") no-repeat
center;
display: table-cell;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-deal .sc-pincode-wrapper {
padding-top: 15px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-deal .sc-pincode-wrapper input {
text-align: center;
}
.shoppingcart-wrapper
.sc-order-wrapper
.sc-deal
.sc-pincode-wrapper
.sc-pincode-txt {
padding-top: 10px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-deal div.button {
width: 100% !important;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-deal .sc-pincode-forgot,
.shoppingcart-wrapper .sc-order-wrapper .sc-deal .sc-recall {
float: right;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-deal .sc-total .sc-txt {
font-size: 13px;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
color: #333;
display: inline-block;
margin-top: 7px;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-deal .sc-total .pull-right {
font-family: "Open Sans", Arial Unicode MS, sans-serif;
font-size: 20px;
}
.shoppingcart-wrapper
.sc-order-wrapper
.sc-deal
.sc-total
.pull-right
.sc-currency {
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-easy-amount {
position: relative;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-easy-amount .sc-icon-EasyShop {
position: absolute;
right: -10px;
top: -2px;
width: 22px;
height: 22px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-easy-amount .sc-icon-EasyShop {
top: 3px;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-easy-amount .sc-icon-GroupOrder {
position: absolute;
right: -24px;
top: 1px;
width: 33px;
height: 19px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-easy-amount .sc-icon-GroupOrder {
top: 5px;
}
}
.shoppingcart-wrapper .sc-order-wrapper .sc-easy-amount .sc-icon-Order {
position: absolute;
right: -5px;
top: 0;
width: 18px;
height: 20px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-order-wrapper .sc-easy-amount .sc-icon-Order {
top: 4px;
}
}
@media (max-width: 767px) {
.shoppingcart-wrapper .sc-item-overview {
overflow-x: auto;
}
}
.shoppingcart-wrapper .sc-confirmation-wrapper h4 {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
font-size: 18px;
text-transform: none;
color: #333;
}
.shoppingcart-wrapper .sc-confirmation-wrapper h3 {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
padding-top: 5px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .subtext {
color: #b9b9b9;
font-size: 15px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper p {
color: #333;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .payment-info {
color: #333;
font-size: 15px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .payment-info li {
padding: 10px 15px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-txt {
color: #b9b9b9;
padding-top: 10px;
display: inline-block;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-currency {
font-size: 10px;
text-transform: uppercase;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-currency:before {
content: " ";
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles {
margin-bottom: 0;
margin-top: 1.5%;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles th {
height: 50px;
color: #333;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
background-color: transparent;
border: 1px solid transparent;
font-size: 13px;
font-weight: 400;
padding: 0 18px !important;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-amount,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-amount-payable,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-deposit,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-value {
text-align: right;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-bp,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-cb,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-cp,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-d,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-shipment,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-sp,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-sp-b,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-sp-c {
text-align: center;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-sp span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.th-sp
span:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-cb span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.th-cb
span:before {
content: "\0045";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-d span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-d span:before {
content: "\006f";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-cp span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.th-cp
span:before {
content: "\006E";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .th-bp span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.th-bp
span:before {
content: "\006D";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles td {
height: 50px;
font-size: 15px;
background-color: #fff;
border: 1px solid #f1f2f7;
color: #333;
padding: 0 18px !important;
vertical-align: middle;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles td:first-child {
white-space: normal;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-amount,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-amount-payable,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-deposit,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-value {
text-align: right;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-cb,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-shipment,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-sp,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-sp-b,
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-sp-c {
text-align: center;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-shipment.delivery
span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-shipment.delivery
span:before {
content: "\00B9";
font-family: "myWorld Font";
position: absolute;
font-size: 42px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-shipment.mobile-wallet
span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-shipment.mobile-wallet
span:before {
content: "\00A8";
font-family: "myWorld Font";
position: absolute;
font-size: 42px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-shipment.pickup
span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-shipment.pickup
span:before {
content: "\0074";
font-family: "myWorld Font";
position: absolute;
font-size: 42px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-articles .td-mode {
text-align: center;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-mode.icon-EasyShop
span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-mode.icon-EasyShop
span:before {
content: "\00B8";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-mode.icon-GroupOrder
span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-mode.icon-GroupOrder
span:before {
content: "\0073";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-mode.icon-Order
span {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-articles
.td-mode.icon-Order
span:before {
content: "\0070";
font-family: "myWorld Font";
position: absolute;
font-size: 28px;
line-height: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-payment-info td {
height: 40px;
font-size: 15px;
background-color: #fff;
border: transparent;
color: #333;
padding: 0 18px !important;
vertical-align: middle;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-payment-info .td-value {
text-align: right;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-payment-info .tr-sum {
border-top: 1px solid #b9b9b9;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-payment-info
.additional-price {
font-size: 13px !important;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-legend ul {
text-align: right;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-legend ul > li {
display: inline-block;
color: #b9b9b9;
margin-left: 15px;
vertical-align: top;
margin-top: 10px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-legend li.delivery {
padding-left: 30px;
position: relative;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-legend li.delivery:before {
content: "\00B9";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-legend li.pickup {
padding-left: 22px;
position: relative;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-legend li.pickup:before {
content: "\0074";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-legend li.mobile-wallet {
padding-left: 18px;
position: relative;
}
.shoppingcart-wrapper
.sc-confirmation-wrapper
.tbl-legend
li.mobile-wallet:before {
content: "\00A8";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 0;
top: 7px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .subheader {
font-size: 15px;
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
color: #b9b9b9;
padding-top: 20px;
padding-bottom: 5px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .subheader-2 {
font-size: 15px;
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
color: #333;
padding-top: 20px;
padding-bottom: 5px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-green {
color: #5cb885;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .info {
color: #5cb885;
font-size: 15px;
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
padding-top: 20px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .question {
font-size: 15px;
color: #333;
position: relative;
padding-left: 40px;
margin-top: 30px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .question:before {
position: absolute;
content: "";
background: url("../../img/root/shoppingcart/question.png") no-repeat;
display: inline-block;
width: 26px;
height: 26px;
left: 0;
top: 0;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .list-left,
.shoppingcart-wrapper .sc-confirmation-wrapper .list-right {
float: left;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .list-left li,
.shoppingcart-wrapper .sc-confirmation-wrapper .list-right li {
padding-top: 3px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .list-left {
padding-right: 4%;
color: #b9b9b9;
}
.shoppingcart-wrapper .sc-confirmation-wrapper ul.address {
padding-top: 20px;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .curtain-call {
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
font-size: 15px;
color: #333;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .curtain-call > div {
font-style: italic;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .curtain-call > div:first-child {
font-style: normal;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-confirmation-box {
background-color: #e4f1d5;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
padding: 30px 18px;
color: #5cb885;
padding-left: 66px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-confirmation-box:after {
position: absolute;
content: "";
width: 33px;
height: 27px;
top: 50%;
margin-top: -16.5px;
left: 18px;
background: url("../../img/root/shoppingcart/icon-check-success-green.png")
no-repeat;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-txt-red {
color: #b8463b;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-bt-panel {
background-color: #fff;
padding: 12px 18px;
margin-top: 12px;
margin-bottom: 12px;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-bt-panel {
min-height: 140px;
}
}
.shoppingcart-wrapper .sc-confirmation-wrapper #btn-print {
display: none;
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-confirmation-wrapper #btn-print {
display: block;
float: right;
}
}
.shoppingcart-wrapper#sc-radio-box .sc-radio {
border: 2px solid #b6b6b6;
border-radius: 2px;
padding-right: 5px;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio {
cursor: pointer;
display: inline-block;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
text-indent: -20px;
min-width: 26%;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio span {
position: relative;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio.lbl-order span {
position: relative;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio.lbl-order span:after {
content: "\0070";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 37px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio.lbl-order input {
margin-right: 23px;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio.lbl-grouporder span {
position: relative;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio.lbl-grouporder span:after {
content: "\0072";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 37px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio.lbl-grouporder input {
margin-right: 38px;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio.lbl-easyshop span {
position: relative;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio.lbl-easyshop span:after {
content: "\00B8";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 37px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper#sc-radio-box .lbl-radio.lbl-easyshop input {
margin-right: 27px;
}
.shoppingcart-wrapper#sc-radio-box input[type="radio"] {
cursor: pointer;
height: 13px;
margin: 0;
padding: 0;
position: relative;
top: -1px;
vertical-align: bottom;
width: 13px;
}
.shoppingcart-wrapper .sc-easy-header {
margin-top: 3%;
padding-bottom: 0.5%;
}
.shoppingcart-wrapper .sc-special-offer .sc-value {
display: none;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-special-offer .sc-value {
display: inline-block;
}
}
.shoppingcart-wrapper .sc-special-offer .sc-name {
margin-top: 18px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-special-offer .sc-name {
margin-top: 0;
}
}
.shoppingcart-wrapper .sc-special-offer .sc-qty-buttons {
margin-top: 3px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-special-offer .sc-qty-buttons {
margin-top: 0;
}
}
.shoppingcart-wrapper .sc-easy-chk {
display: inline-block;
float: left;
color: #333;
font-size: 13px;
padding-top: 10px;
padding-right: 33px !important;
margin-bottom: 0;
margin-top: 0;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-easy-chk {
float: right;
}
}
@media (min-width: 992px) {
.shoppingcart-wrapper .sc-easy-chk {
padding-top: 0;
}
}
.shoppingcart-wrapper .sc-easy-chk label {
margin-top: 3px;
}
.shoppingcart-wrapper .sc-easy-chk input[type="checkbox"] {
float: right;
margin-left: 0.4em;
height: 22px;
}
.shoppingcart-wrapper .sc-placeholder {
background-color: transparent;
border: 2px dotted #b6b6b6;
position: relative;
display: block;
vertical-align: middle;
width: 100%;
}
.shoppingcart-wrapper .sc-placeholder:before {
border: none;
}
.shoppingcart-wrapper .sc-placeholder:after {
content: "\0025";
font-family: "myWorld Font";
position: absolute;
font-size: 84px;
line-height: 0;
left: 34px;
top: 56px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #b6b6b6;
display: none;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-placeholder:after {
display: inline-block;
}
}
.shoppingcart-wrapper .sc-placeholder:active,
.shoppingcart-wrapper .sc-placeholder:focus,
.shoppingcart-wrapper .sc-placeholder:hover {
border: 2px dotted #6fcb98;
}
.shoppingcart-wrapper .sc-placeholder:active:after,
.shoppingcart-wrapper .sc-placeholder:focus:after,
.shoppingcart-wrapper .sc-placeholder:hover:after {
color: #6fcb98;
}
.shoppingcart-wrapper .sc-placeholder .sc-btn-wrapper {
width: 180px;
height: 46px;
text-align: center;
display: block;
margin: 0 auto;
padding-top: 38px;
}
.shoppingcart-wrapper .sc-placeholder .sc-btn-wrapper .btn-custom {
width: 100%;
height: 100%;
}
.shoppingcart-wrapper .sc-placeholder .sc-btn-wrapper .btn-custom .btn {
white-space: pre-wrap;
padding: 0 12px;
height: 46px;
}
.shoppingcart-wrapper .sc-easy-settings h3 {
color: #aab3c0;
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
.shoppingcart-wrapper .sc-easy-settings .sc-easy-settings-row {
border-top: 2px solid #aab3c0;
border-bottom: 2px solid #aab3c0;
padding: 10px 0 21px;
}
.shoppingcart-wrapper .sc-easy-settings .sc-easy-settings-border {
border: 2px solid #f29533;
background-color: #e5e6ea;
padding: 10px 5px;
}
.shoppingcart-wrapper .sc-easy-settings .sc-easy-label {
margin-top: 5px;
font-size: 14px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-easy-settings .sc-easy-label {
margin-top: 5px;
}
}
.shoppingcart-wrapper .sc-easy-settings .sc-easy-label label {
font-family: "Open Sans Semibold", Arial Unicode MS, sans-serif;
font-size: 13px;
}
.shoppingcart-wrapper .sc-easy-settings #sc-chkbx-booking-accept label {
padding-left: 21px;
text-indent: 0;
}
.shoppingcart-wrapper .sc-easy-settings .sc-assign-shoppingpoints {
margin-top: 15px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper .sc-easy-settings .sc-assign-shoppingpoints {
padding-left: 25px;
margin-top: 0;
}
}
.shoppingcart-wrapper
.sc-easy-settings
.sc-assign-shoppingpoints
.sc-sp-label
> label {
margin-bottom: 10px;
}
.shoppingcart-wrapper .sc-easy-settings .sc-assign-shoppingpoints label {
font-size: 13px !important;
margin-bottom: 0;
}
.shoppingcart-wrapper .sc-easy-settings .sc-assign-shoppingpoints p {
font-size: 11px;
margin: 0;
margin-top: 5px;
}
.shoppingcart-wrapper .sc-icon-Order {
position: relative;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper .sc-icon-Order:before {
z-index: 1;
content: "\0070";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 15px;
top: 50%;
margin-top: -2px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-icon-GroupOrder {
position: relative;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper .sc-icon-GroupOrder:before {
z-index: 1;
content: "\0072";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 15px;
top: 50%;
margin-top: -2px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-icon-EasyShop {
position: relative;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper .sc-icon-EasyShop:before {
text-transform: none;
z-index: 1;
content: "\00B8";
font-family: "myWorld Font";
position: absolute;
font-size: 26px;
line-height: 0;
left: 15px;
top: 50%;
margin-top: -2px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .sc-easyshop-info {
padding-top: 30px;
}
.shoppingcart-wrapper .sc-easyshop-info .highlighted-text {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5cb885;
}
.shoppingcart-wrapper.sc-cc-wrapper {
min-height: 200px;
}
@media (min-width: 768px) {
.shoppingcart-wrapper.sc-cc-wrapper {
min-height: 400px;
}
}
.shoppingcart-wrapper.sc-cc-wrapper .button {
margin-top: 1%;
margin-bottom: 1%;
}
.shoppingcart-wrapper.sc-cc-wrapper #sc-cc-failed .icon {
padding-left: 54px;
font-size: 38px;
}
.shoppingcart-wrapper.sc-cc-wrapper #sc-cc-failed .icon:before {
font-family: "myWorld Font";
position: absolute;
font-size: 94px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper.sc-cc-wrapper #sc-cc-failed .icon.icon-info {
position: relative;
}
.shoppingcart-wrapper.sc-cc-wrapper #sc-cc-failed .icon.icon-info:before {
content: "\0067";
left: 0;
position: absolute;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item .sc-colorize,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item .sc-colorize {
color: #5cb885;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item .sc-content,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item .sc-content {
border-bottom: 1px solid #5cb885;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item .sc-content .sc-value,
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item .sc-content > span,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item .sc-content .sc-value,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item .sc-content > span {
color: #5cb885;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item {
border-bottom: 1px solid #5cb885;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-blue .sc-colorize,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-blue .sc-colorize {
color: #5cb885;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-blue .sc-content,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-blue .sc-content {
border-bottom: 1px solid #5cb885;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-blue
.sc-content
.sc-value,
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-blue
.sc-content
> span,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-item.sc-blue
.sc-content
.sc-value,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-blue .sc-content > span {
color: #5cb885;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-blue.selected,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-blue.selected {
background-color: #cde9da;
transition: all 0.15s ease-in-out 0s;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-blue.selected:before,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-blue.selected:before {
position: absolute;
content: "";
top: 0;
left: 0;
border: 2px solid #cde9da;
width: 100%;
height: 100%;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item.sc-blue {
border-bottom: 1px solid #5cb885;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-green .sc-colorize,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-green .sc-colorize {
color: #76b72a;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-green .sc-content,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-green .sc-content {
border-bottom: 1px solid #76b72a;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-green
.sc-content
.sc-value,
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-green
.sc-content
> span,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-item.sc-green
.sc-content
.sc-value,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-item.sc-green
.sc-content
> span {
color: #76b72a;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item.sc-green {
border-bottom: 1px solid #76b72a;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-pink .sc-colorize,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-pink .sc-colorize {
color: #e84271;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-pink .sc-content,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-pink .sc-content {
border-bottom: 1px solid #e84271;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-pink
.sc-content
.sc-value,
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-pink
.sc-content
> span,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-item.sc-pink
.sc-content
.sc-value,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-pink .sc-content > span {
color: #e84271;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item.sc-pink {
border-bottom: 1px solid #e84271;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-violet .sc-colorize,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-violet .sc-colorize {
color: #3a4394;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-violet .sc-content,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-violet .sc-content {
border-bottom: 1px solid #3a4394;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-violet
.sc-content
.sc-value,
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-violet
.sc-content
> span,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-item.sc-violet
.sc-content
.sc-value,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-item.sc-violet
.sc-content
> span {
color: #3a4394;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item.sc-violet {
border-bottom: 1px solid #3a4394;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-yellow .sc-colorize,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-yellow .sc-colorize {
color: #e7b50a;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-item.sc-yellow .sc-content,
.shoppingcart-wrapper .sc-overview-wrapper .sc-item.sc-yellow .sc-content {
border-bottom: 1px solid #e7b50a;
}
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-yellow
.sc-content
.sc-value,
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-item.sc-yellow
.sc-content
> span,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-item.sc-yellow
.sc-content
.sc-value,
.shoppingcart-wrapper
.sc-overview-wrapper
.sc-item.sc-yellow
.sc-content
> span {
color: #e7b50a;
}
.shoppingcart-wrapper .sc-order-wrapper .sc-item.sc-yellow {
border-bottom: 1px solid #e7b50a;
}
.shoppingcart-wrapper .text-notification-highlight {
background-color: #f3a7b6;
color: #fff;
}
.shoppingcart-wrapper .order-evoucher-btn {
border: 2px dotted #b6b6b6;
}
.shoppingcart-wrapper .order-evoucher-btn:after {
content: "\0025";
font-family: "myWorld Font";
font-size: 26px;
line-height: 0;
margin-left: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.shoppingcart-wrapper .order-evoucher-btn:hover {
border: 2px dotted #6fcb98;
}
#modal-sc-info-check-pay h3 {
margin-bottom: 10px;
}
#modal-sc-info-check-pay .checkbox.space {
margin-bottom: 30px;
}
#modal-sc-info-check-pay input[type="checkbox"],
#modal-sc-info-check-pay input[type="radio"] {
cursor: pointer;
width: 13px;
height: 13px;
padding: 0;
margin: 0;
vertical-align: bottom;
position: relative;
top: -1px;
}
#cashback4evouchers-info .cb-logo {
width: 140px;
height: 140px;
position: relative;
}
@media (min-width: 768px) {
#cashback4evouchers-info .cb-logo {
padding-top: 85px;
padding-left: 6px;
height: 140px;
}
}
#cashback4evouchers-info .cb-logo:before {
content: "\0045";
font-family: "myWorld Font";
font-size: 140px;
line-height: 0;
position: absolute;
top: 44px;
}
@media (min-width: 768px) {
#cashback4evouchers-info .cb-logo:before {
left: 15px;
top: 54px;
}
}
#cashback4evouchers-info .info-text {
margin-top: 18px;
}
#cashback4evouchers-info .chk-wrapper {
margin-top: 28px;
margin-bottom: 30px;
position: relative;
}
@media (min-width: 992px) {
#cashback4evouchers-info .chk-wrapper {
margin-bottom: 20px;
}
}
#cashback4evouchers-info .chk-wrapper label {
width: 96%;
padding-left: 1%;
position: absolute;
top: 2px;
}
#wallet-wrapper .currency,
.wallet-wrapper .currency {
text-transform: uppercase;
}
#wallet-wrapper .currency:before,
.wallet-wrapper .currency:before {
content: " ";
}
#wallet-wrapper .input-group-btn button,
.wallet-wrapper .input-group-btn button {
padding: 3px 11px;
width: 46px;
height: 40px;
background-color: #5cb885;
}
#wallet-wrapper .input-group-btn button:active,
#wallet-wrapper .input-group-btn button:active:focus,
#wallet-wrapper .input-group-btn button:hover,
.wallet-wrapper .input-group-btn button:active,
.wallet-wrapper .input-group-btn button:active:focus,
.wallet-wrapper .input-group-btn button:hover {
background-color: #6fcb98;
}
#wallet-wrapper .input-group-btn button .fl-search,
.wallet-wrapper .input-group-btn button .fl-search {
font-size: 31px;
line-height: 0;
top: 6px;
vertical-align: top;
}
#wallet-wrapper .input-group-btn button .fl-search:before,
.wallet-wrapper .input-group-btn button .fl-search:before {
font-family: "myWorld Font";
content: "\0039";
color: #fff;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
#wallet-wrapper .wal-item,
.wallet-wrapper .wal-item {
margin-bottom: 1%;
}
#wallet-wrapper .redeemed-chk,
.wallet-wrapper .redeemed-chk {
position: absolute;
left: 16px;
bottom: 61px;
z-index: 10;
}
#wallet-wrapper .redeemed-chk input,
#wallet-wrapper .redeemed-chk label,
.wallet-wrapper .redeemed-chk input,
.wallet-wrapper .redeemed-chk label {
display: inline-block;
}
#wallet-wrapper .redeemed-chk label,
.wallet-wrapper .redeemed-chk label {
padding-top: 3px;
font-size: 12px;
}
#wallet-wrapper .redeemed-chk input,
.wallet-wrapper .redeemed-chk input {
float: right;
margin: 0 0 0 4px;
}
#wallet-wrapper .wal-box-lnk,
.wallet-wrapper .wal-box-lnk {
position: relative;
display: block;
height: 100%;
}
#wallet-wrapper .wal-box-lnk:before,
.wallet-wrapper .wal-box-lnk:before {
border: 2px solid transparent;
bottom: -2px;
content: "";
height: auto;
left: 0;
position: absolute;
right: -2px;
top: 0;
width: auto;
z-index: 1;
transition: border-color 0.35s ease;
}
#wallet-wrapper .wal-box-lnk:active,
#wallet-wrapper .wal-box-lnk:focus,
#wallet-wrapper .wal-box-lnk:hover,
.wallet-wrapper .wal-box-lnk:active,
.wallet-wrapper .wal-box-lnk:focus,
.wallet-wrapper .wal-box-lnk:hover {
text-decoration: none;
}
#wallet-wrapper .wal-box-lnk:active:before,
#wallet-wrapper .wal-box-lnk:focus:before,
#wallet-wrapper .wal-box-lnk:hover:before,
.wallet-wrapper .wal-box-lnk:active:before,
.wallet-wrapper .wal-box-lnk:focus:before,
.wallet-wrapper .wal-box-lnk:hover:before {
border: 2px solid #aaa;
bottom: -2px;
content: "";
height: auto;
left: 0;
position: absolute;
right: -2px;
top: 0;
width: auto;
z-index: 1;
}
#wallet-wrapper .evoucher .wal-box .content:before,
.wallet-wrapper .evoucher .wal-box .content:before {
bottom: 12px;
right: -11px;
content: "\00ED";
font-family: "myWorld Font";
position: absolute;
font-size: 55px;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #b6b6b6;
}
#wallet-wrapper .wal-box,
.wallet-wrapper .wal-box {
background-color: #fff;
position: relative;
color: #333;
height: 100%;
}
#wallet-wrapper .wal-box:before,
.wallet-wrapper .wal-box:before {
content: "";
border-bottom: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
height: 100%;
left: 2px;
position: absolute;
top: 2px;
width: 100%;
z-index: 0;
}
#wallet-wrapper .wal-box .content,
.wallet-wrapper .wal-box .content {
padding: 10px;
min-height: 125px;
position: relative;
overflow: hidden;
border-right: 2px solid #fff;
border-bottom: 1px solid #fff;
}
#wallet-wrapper .wal-box .content .amount,
.wallet-wrapper .wal-box .content .amount {
font-size: 26px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
line-height: 1em;
}
#wallet-wrapper .wal-box .content .currency,
.wallet-wrapper .wal-box .content .currency {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#wallet-wrapper .wal-box .content .percent,
.wallet-wrapper .wal-box .content .percent {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
font-size: 20px;
line-height: 1em;
}
#wallet-wrapper .wal-box .content .percent:after,
.wallet-wrapper .wal-box .content .percent:after {
content: " ";
}
#wallet-wrapper .wal-box .content .validity,
.wallet-wrapper .wal-box .content .validity {
font-size: 11px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
padding-top: 5px;
}
#wallet-wrapper .wal-box .content .details,
.wallet-wrapper .wal-box .content .details {
position: absolute;
bottom: 10px;
right: 10px;
color: #6fcb98;
}
#wallet-wrapper .wal-box .content .txt-only,
.wallet-wrapper .wal-box .content .txt-only {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#wallet-wrapper .wal-box .content .img,
.wallet-wrapper .wal-box .content .img {
width: 44px;
height: 44px;
margin-right: 5px;
float: left;
}
#wallet-wrapper .wal-box .content .img img,
.wallet-wrapper .wal-box .content .img img {
max-width: 44px;
max-height: 44px;
}
#wallet-wrapper .wal-box .content .new-price,
.wallet-wrapper .wal-box .content .new-price {
color: #6fcb98;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#wallet-wrapper .wal-box .content .new-price:after,
.wallet-wrapper .wal-box .content .new-price:after {
content: " ";
}
#wallet-wrapper .wal-box .content .old-price,
.wallet-wrapper .wal-box .content .old-price {
text-decoration: line-through;
}
#wallet-wrapper .wal-box .content .old-price .currency,
.wallet-wrapper .wal-box .content .old-price .currency {
font-family: "Open Sans", Arial Unicode MS, sans-serif;
}
#wallet-wrapper .wal-box .footer,
.wallet-wrapper .wal-box .footer {
border-top: 2px dotted #b6b6b6;
padding: 5px 10px;
font-size: 11px;
min-height: 52px;
}
#wallet-wrapper .wal-box .footer .logo,
.wallet-wrapper .wal-box .footer .logo {
width: 30px;
height: 30px;
position: relative;
padding: 2px;
text-align: center;
float: left;
}
#wallet-wrapper .wal-box .footer .logo:before,
.wallet-wrapper .wal-box .footer .logo:before {
width: 100%;
height: 100%;
position: absolute;
content: "";
border: 2px solid #b6b6b6;
top: 0;
left: 0;
z-index: 1;
}
#wallet-wrapper .wal-box .footer .logo img,
.wallet-wrapper .wal-box .footer .logo img {
max-width: 28px;
max-height: 28px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
#wallet-wrapper .wal-box .footer .conditions,
#wallet-wrapper .wal-box .footer .dealer,
.wallet-wrapper .wal-box .footer .conditions,
.wallet-wrapper .wal-box .footer .dealer {
padding-left: 35px;
display: block;
}
#wallet-wrapper .wal-box .footer .dealer,
.wallet-wrapper .wal-box .footer .dealer {
text-transform: uppercase;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#wallet-wrapper .wal-box.empty,
.wallet-wrapper .wal-box.empty {
background-color: transparent;
border: 2px dotted #b6b6b6;
position: relative;
display: table;
vertical-align: middle;
width: 100%;
min-height: 177px;
}
#wallet-wrapper .wal-box.empty:before,
.wallet-wrapper .wal-box.empty:before {
border: none;
}
#wallet-wrapper .wal-box.empty:after,
.wallet-wrapper .wal-box.empty:after {
content: "\00A1";
font-family: "myWorld Font";
position: absolute;
font-size: 36px;
line-height: 0;
left: 12px;
bottom: 24px;
top: auto;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
#wallet-wrapper .wal-box.empty:active,
#wallet-wrapper .wal-box.empty:focus,
#wallet-wrapper .wal-box.empty:hover,
.wallet-wrapper .wal-box.empty:active,
.wallet-wrapper .wal-box.empty:focus,
.wallet-wrapper .wal-box.empty:hover {
border: 2px dotted #6fcb98;
}
#wallet-wrapper .wal-box.empty:active:after,
#wallet-wrapper .wal-box.empty:focus:after,
#wallet-wrapper .wal-box.empty:hover:after,
.wallet-wrapper .wal-box.empty:active:after,
.wallet-wrapper .wal-box.empty:focus:after,
.wallet-wrapper .wal-box.empty:hover:after {
color: #6fcb98;
}
#wallet-wrapper .wal-box.empty:active > div:before,
#wallet-wrapper .wal-box.empty:focus > div:before,
#wallet-wrapper .wal-box.empty:hover > div:before,
.wallet-wrapper .wal-box.empty:active > div:before,
.wallet-wrapper .wal-box.empty:focus > div:before,
.wallet-wrapper .wal-box.empty:hover > div:before {
border: 2px dotted #6fcb98;
}
#wallet-wrapper .wal-box.empty:active > div:after,
#wallet-wrapper .wal-box.empty:focus > div:after,
#wallet-wrapper .wal-box.empty:hover > div:after,
.wallet-wrapper .wal-box.empty:active > div:after,
.wallet-wrapper .wal-box.empty:focus > div:after,
.wallet-wrapper .wal-box.empty:hover > div:after {
border-top: 2px dotted #6fcb98;
border-right: 2px dotted #6fcb98;
}
#wallet-wrapper .wal-box.empty > div,
.wallet-wrapper .wal-box.empty > div {
display: table-cell;
vertical-align: middle;
padding: 5px;
position: relative;
width: 100%;
height: 100%;
}
#wallet-wrapper .wal-box.empty > div:after,
.wallet-wrapper .wal-box.empty > div:after {
content: "";
position: absolute;
bottom: 0;
left: 1px;
border-top: 2px dotted #b6b6b6;
border-right: 2px dotted #b6b6b6;
width: 42px;
height: 42px;
}
#wallet-wrapper .wal-box.empty a,
.wallet-wrapper .wal-box.empty a {
color: #333;
text-align: center;
position: relative;
display: block;
padding-top: 15px;
padding-bottom: 15px;
}
#wallet-wrapper .wal-box.empty a:before,
.wallet-wrapper .wal-box.empty a:before {
content: "\007E";
font-family: "myWorld Font";
font-size: 12px;
line-height: 0;
padding-right: 5px;
font-weight: 700;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #333;
}
#wallet-wrapper .wal-box.empty a:active,
#wallet-wrapper .wal-box.empty a:focus,
#wallet-wrapper .wal-box.empty a:hover,
.wallet-wrapper .wal-box.empty a:active,
.wallet-wrapper .wal-box.empty a:focus,
.wallet-wrapper .wal-box.empty a:hover {
color: #6fcb98;
text-decoration: none;
}
#wallet-wrapper .wal-box.empty a:active:before,
#wallet-wrapper .wal-box.empty a:focus:before,
#wallet-wrapper .wal-box.empty a:hover:before,
.wallet-wrapper .wal-box.empty a:active:before,
.wallet-wrapper .wal-box.empty a:focus:before,
.wallet-wrapper .wal-box.empty a:hover:before {
color: #6fcb98;
}
#wallet-wrapper .ww-box,
.wallet-wrapper .ww-box {
background-color: #fff;
height: 100%;
text-align: center;
padding: 20px;
position: relative;
cursor: pointer;
z-index: 1;
}
#wallet-wrapper .ww-box:active .cbw-benefitvoucher-box,
#wallet-wrapper .ww-box:active .cbw-voucher-box,
#wallet-wrapper .ww-box:active .deal-box,
#wallet-wrapper .ww-box:active .myworld-evoucher-box,
#wallet-wrapper .ww-box:active .top-up-cards-box,
#wallet-wrapper .ww-box:active .voucher-box,
#wallet-wrapper .ww-box:focus .cbw-benefitvoucher-box,
#wallet-wrapper .ww-box:focus .cbw-voucher-box,
#wallet-wrapper .ww-box:focus .deal-box,
#wallet-wrapper .ww-box:focus .myworld-evoucher-box,
#wallet-wrapper .ww-box:focus .top-up-cards-box,
#wallet-wrapper .ww-box:focus .voucher-box,
#wallet-wrapper .ww-box:hover .cbw-benefitvoucher-box,
#wallet-wrapper .ww-box:hover .cbw-voucher-box,
#wallet-wrapper .ww-box:hover .deal-box,
#wallet-wrapper .ww-box:hover .myworld-evoucher-box,
#wallet-wrapper .ww-box:hover .top-up-cards-box,
#wallet-wrapper .ww-box:hover .voucher-box,
.wallet-wrapper .ww-box:active .cbw-benefitvoucher-box,
.wallet-wrapper .ww-box:active .cbw-voucher-box,
.wallet-wrapper .ww-box:active .deal-box,
.wallet-wrapper .ww-box:active .myworld-evoucher-box,
.wallet-wrapper .ww-box:active .top-up-cards-box,
.wallet-wrapper .ww-box:active .voucher-box,
.wallet-wrapper .ww-box:focus .cbw-benefitvoucher-box,
.wallet-wrapper .ww-box:focus .cbw-voucher-box,
.wallet-wrapper .ww-box:focus .deal-box,
.wallet-wrapper .ww-box:focus .myworld-evoucher-box,
.wallet-wrapper .ww-box:focus .top-up-cards-box,
.wallet-wrapper .ww-box:focus .voucher-box,
.wallet-wrapper .ww-box:hover .cbw-benefitvoucher-box,
.wallet-wrapper .ww-box:hover .cbw-voucher-box,
.wallet-wrapper .ww-box:hover .deal-box,
.wallet-wrapper .ww-box:hover .myworld-evoucher-box,
.wallet-wrapper .ww-box:hover .top-up-cards-box,
.wallet-wrapper .ww-box:hover .voucher-box {
color: #6fcb98;
}
#wallet-wrapper .ww-box .myworld-evoucher-box,
.wallet-wrapper .ww-box .myworld-evoucher-box {
width: 100px;
height: 52px;
margin: 0 auto;
display: block;
position: relative;
color: #333;
}
#wallet-wrapper .ww-box .myworld-evoucher-box:before,
.wallet-wrapper .ww-box .myworld-evoucher-box:before {
content: "\00FC";
font-family: "myWorld Font";
position: absolute;
font-size: 66px;
line-height: 0;
left: 5px;
top: 20px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
#wallet-wrapper .ww-box .cbw-benefitvoucher-box,
.wallet-wrapper .ww-box .cbw-benefitvoucher-box {
width: 62px;
height: 52px;
margin: 0 auto;
display: block;
position: relative;
color: #333;
}
#wallet-wrapper .ww-box .cbw-benefitvoucher-box:before,
.wallet-wrapper .ww-box .cbw-benefitvoucher-box:before {
content: "\2044";
font-family: "myWorld Font";
position: absolute;
font-size: 66px;
line-height: 0;
left: 5px;
top: 20px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
#wallet-wrapper .ww-box .cbw-voucher-box,
.wallet-wrapper .ww-box .cbw-voucher-box {
width: 62px;
height: 52px;
margin: 0 auto;
display: block;
border: 2px dotted #333;
position: relative;
color: #333;
}
#wallet-wrapper .ww-box .cbw-voucher-box:before,
.wallet-wrapper .ww-box .cbw-voucher-box:before {
content: "\E3";
font-family: "myWorld Font";
position: absolute;
font-size: 60px;
line-height: 0;
left: 5px;
top: 20px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
#wallet-wrapper .ww-box .voucher-box,
.wallet-wrapper .ww-box .voucher-box {
width: 68px;
height: 53px;
margin: 0 auto;
display: block;
border: 2px dotted #333;
position: relative;
color: #333;
}
#wallet-wrapper .ww-box .voucher-box:before,
.wallet-wrapper .ww-box .voucher-box:before {
content: "\00E3";
font-family: "myWorld Font";
position: absolute;
font-size: 60px;
line-height: 0;
left: 8px;
top: 20px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
#wallet-wrapper .ww-box .deal-box,
.wallet-wrapper .ww-box .deal-box {
width: 40px;
height: 54px;
margin: 0 auto;
display: block;
position: relative;
color: #333;
}
#wallet-wrapper .ww-box .deal-box:before,
.wallet-wrapper .ww-box .deal-box:before {
content: "\00EE";
font-family: "myWorld Font";
position: absolute;
font-size: 60px;
line-height: 0;
left: -5px;
top: 23px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
#wallet-wrapper .ww-box .top-up-cards-box,
.wallet-wrapper .ww-box .top-up-cards-box {
width: 52px;
height: 52px;
margin: 0 auto;
display: block;
position: relative;
color: #333;
}
#wallet-wrapper .ww-box .top-up-cards-box:before,
.wallet-wrapper .ww-box .top-up-cards-box:before {
content: "\004E";
font-family: "myWorld Font";
position: absolute;
font-size: 60px;
line-height: 0;
left: -5px;
top: 23px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
#wallet-wrapper .ww-box:before,
.wallet-wrapper .ww-box:before {
content: "";
border-bottom: 2px solid #b6b6b6;
border-right: 2px solid #b6b6b6;
height: 100%;
left: 2px;
position: absolute;
top: 2px;
width: 100%;
z-index: 0;
}
#wallet-wrapper .ww-box:active,
#wallet-wrapper .ww-box:focus,
#wallet-wrapper .ww-box:hover,
.wallet-wrapper .ww-box:active,
.wallet-wrapper .ww-box:focus,
.wallet-wrapper .ww-box:hover {
text-decoration: none;
}
#wallet-wrapper .ww-box:active:before,
#wallet-wrapper .ww-box:focus:before,
#wallet-wrapper .ww-box:hover:before,
.wallet-wrapper .ww-box:active:before,
.wallet-wrapper .ww-box:focus:before,
.wallet-wrapper .ww-box:hover:before {
border: 2px solid #aaa;
bottom: -2px;
content: "";
height: auto;
left: 0;
position: absolute;
right: -2px;
top: 0;
width: auto;
z-index: 1;
}
#wallet-wrapper .ww-box .header,
.wallet-wrapper .ww-box .header {
margin-top: 15px;
font-size: 13px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
#wallet-wrapper .ww-box .txt,
.wallet-wrapper .ww-box .txt {
font-size: 11px;
color: #6fcb98;
position: relative;
z-index: 2;
}
#wallet-wrapper .ww-box .txt a,
.wallet-wrapper .ww-box .txt a {
color: #6fcb98;
text-decoration: none;
}
#wallet-wrapper .ww-box .txt a:hover,
.wallet-wrapper .ww-box .txt a:hover {
color: #6fcb98;
text-decoration: none;
}
.redeem-sp-wrapper p.colorize {
color: #333;
}
.redeem-sp-wrapper .v-center {
display: table;
height: 100%;
margin: 0 auto;
text-align: center;
width: 100%;
}
.redeem-sp-wrapper .v-center > * {
display: table-cell;
height: 100%;
margin: 0;
padding: 0;
vertical-align: middle;
}
.redeem-sp-wrapper .progress-wrapper {
margin-top: 3%;
}
.redeem-sp-wrapper .progress-wrapper ol {
margin: 0;
padding: 0;
border: none;
border-spacing: 0;
overflow: visible;
position: relative;
width: 100%;
text-align: center;
}
.redeem-sp-wrapper .progress-wrapper ol > li {
margin-right: 2rem;
width: 25%;
display: inline-block;
float: left;
height: 70px;
list-style: none;
position: relative;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper ol > li {
margin-right: 4.5rem;
display: inline-block;
float: none;
}
}
.redeem-sp-wrapper .progress-wrapper ol > li:first-child:before {
display: none;
}
.redeem-sp-wrapper .progress-wrapper ol > li:before {
content: "";
display: inline-block;
height: 0;
width: 0;
left: -35px;
top: 0;
position: absolute;
border-style: solid;
border-width: 35px 0 35px 35px;
}
.redeem-sp-wrapper .progress-wrapper ol > li:after {
content: "";
display: inline-block;
height: 0;
width: 0;
right: -35px;
top: 0;
position: absolute;
border-style: solid;
border-width: 35px 0 35px 35px;
}
.redeem-sp-wrapper .progress-wrapper ol:after {
clear: both;
content: "";
display: table;
}
.redeem-sp-wrapper .progress-wrapper ol p > span {
vertical-align: middle;
display: inline-block;
line-height: 1.3em;
}
.redeem-sp-wrapper .progress-wrapper ol .step-num,
.redeem-sp-wrapper .progress-wrapper ol .txt {
position: relative;
font-size: 16px;
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #fff;
}
.redeem-sp-wrapper .progress-wrapper ol .step-num {
padding-right: 0;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper ol .step-num {
padding-right: 5px;
}
}
.redeem-sp-wrapper .progress-wrapper ol .txt {
display: none;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper ol .txt {
display: inline-block;
}
}
.redeem-sp-wrapper .progress-wrapper ol .txt:after {
position: absolute;
content: "";
z-index: 1;
}
.redeem-sp-wrapper .progress-wrapper ol .img {
margin-left: 3px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper ol .img {
margin-left: 5px;
}
}
@media (min-width: 992px) {
.redeem-sp-wrapper .progress-wrapper ol .img {
margin-left: 10px;
}
}
.redeem-sp-wrapper .progress-wrapper ol li.register {
background-color: #6fcb98;
}
.redeem-sp-wrapper .progress-wrapper ol li.register:before {
border-color: #6fcb98 #6fcb98 #6fcb98;
}
.redeem-sp-wrapper .progress-wrapper ol li.register:after {
border-color: transparent transparent transparent #6fcb98;
}
.redeem-sp-wrapper .progress-wrapper ol li.register .img {
background: url("../../img/root/redeem-sp/icon-register.png") no-repeat;
width: 38px;
height: 36px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper ol li.register .img {
background: 0 0;
width: 0;
height: 0;
}
}
.redeem-sp-wrapper .progress-wrapper ol li.collect {
background-color: #2357a6;
}
.redeem-sp-wrapper .progress-wrapper ol li.collect:before {
border-color: #2357a6 #2357a6 #2357a6 transparent;
}
.redeem-sp-wrapper .progress-wrapper ol li.collect:after {
border-color: transparent transparent transparent #2357a6;
}
.redeem-sp-wrapper .progress-wrapper ol li.collect .img {
background: url("../../img/root/redeem-sp/icon-collect.png") no-repeat;
width: 38px;
height: 38px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper ol li.collect .img {
background: 0 0;
width: 0;
height: 0;
}
}
.redeem-sp-wrapper .progress-wrapper ol li.redeem {
background-color: #333;
}
.redeem-sp-wrapper .progress-wrapper ol li.redeem:before {
border-color: #333 #333 #333 transparent;
}
.redeem-sp-wrapper .progress-wrapper ol li.redeem:after {
border-color: transparent transparent transparent #333;
}
.redeem-sp-wrapper .progress-wrapper ol li.redeem .img {
background: url("../../img/root/redeem-sp/icon-redeem.png") no-repeat;
width: 28px;
height: 41px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper ol li.redeem .img {
background: 0 0;
width: 0;
height: 0;
}
}
.redeem-sp-wrapper .progress-wrapper-v2 {
margin-top: 30px;
}
.redeem-sp-wrapper .progress-wrapper-v2 .step-num {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
color: #5cb885;
}
.redeem-sp-wrapper .progress-wrapper-v2 .txt {
font-family: "Open Sans Bold", Arial Unicode MS, sans-serif;
}
.redeem-sp-wrapper .progress-wrapper-v2 .img {
position: relative;
margin-top: 5px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper-v2 .img {
min-height: 145px;
margin-top: 0;
}
}
@media (min-width: 992px) {
.redeem-sp-wrapper .progress-wrapper-v2 .img {
min-height: 245px;
}
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper-v2 img {
position: absolute;
}
.redeem-sp-wrapper .progress-wrapper-v2 img:empty {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.redeem-sp-wrapper .progress-wrapper-v2 p {
font-size: 18px;
margin-top: 18px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper-v2 p {
font-size: 15px;
}
}
.redeem-sp-wrapper .progress-wrapper-v2 .collect p {
margin-top: -4px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper-v2 .collect p {
margin-top: 18px;
}
}
.redeem-sp-wrapper .progress-wrapper-v2 .redeem .img {
margin-top: 30px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .progress-wrapper-v2 .redeem .img {
margin-top: 0;
}
}
.redeem-sp-wrapper .sp-wrapper {
display: table;
margin-top: 2%;
}
.redeem-sp-wrapper .sp-wrapper .img-sp {
width: 94px;
height: 93px;
display: none !important;
position: relative;
color: #333;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .sp-wrapper .img-sp {
display: table-cell !important;
vertical-align: top;
}
}
.redeem-sp-wrapper .sp-wrapper .img-sp:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 130px;
line-height: 0;
left: 0;
top: 36px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.redeem-sp-wrapper .sp-wrapper p {
display: table-cell;
vertical-align: top;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .sp-wrapper p {
padding-left: 10px;
}
}
.redeem-sp-wrapper .sp-wrapper .sp {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
font-size: 50px;
line-height: 1em;
color: #333;
}
.redeem-sp-wrapper .sp-wrapper .sp:after {
content: " ";
}
.redeem-sp-wrapper .sp-wrapper .txt {
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
font-size: 25px;
line-height: 1em;
color: #333;
}
.redeem-sp-wrapper .sp-wrapper .redeem-sp,
.redeem-sp-wrapper .sp-wrapper .redeem-txt {
color: #333;
}
@media (min-width: 768px) {
.redeem-sp-wrapper .sp-wrapper .redeem-sp,
.redeem-sp-wrapper .sp-wrapper .redeem-txt {
padding-left: 10px;
}
}
.redeem-sp-wrapper .img-bottom {
padding-top: 10px;
}
.redeem-sp-wrapper .caret-right {
width: 0;
height: 0;
font-size: 0;
border-left: 8px solid #76b72a;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.redeem-sp-wrapper.fc-wrapper p {
color: #333;
}
.redeem-sp-wrapper.fc-wrapper .ds-itembox {
margin-bottom: 3%;
}
.redeem-sp-wrapper.fc-wrapper .progress-wrapper p {
color: #fff;
}
.redeem-sp-wrapper.fc-wrapper .sp-wrapper .img-sp {
position: relative;
padding-left: 108px;
color: #333;
background: 0 0;
}
.redeem-sp-wrapper.fc-wrapper .sp-wrapper .img-sp:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 130px;
line-height: 0;
left: 0;
top: 36px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.redeem-sp-wrapper.fc-wrapper .fc-sp-wrapper {
position: relative;
padding-left: 108px;
color: #333;
}
.redeem-sp-wrapper.fc-wrapper .fc-sp-wrapper:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 130px;
line-height: 0;
left: 0;
top: 45px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.redeem-sp-wrapper.fc-wrapper .fc-sp-wrapper > div {
line-height: 1.6em;
}
.redeem-sp-wrapper.fc-wrapper .fc-sp-wrapper .sp {
font-size: 50px;
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
line-height: 1.2em;
}
.redeem-sp-wrapper.fc-wrapper .fc-sp-wrapper .sp-txt {
font-size: 25px;
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
}
.redeem-sp-wrapper.campaign-special.cms-bg-cover {
position: relative;
}
@media (min-width: 768px) {
.redeem-sp-wrapper.campaign-special.cms-bg-cover {
padding-bottom: 30px;
}
.redeem-sp-wrapper.campaign-special.cms-bg-cover:before {
content: "";
position: absolute;
width: 100%;
height: 60px;
background: url("../../img/lyoness/campaign-special/2017-easter-redeem-grass.png")
no-repeat;
bottom: 0;
left: 0;
background-size: contain;
background-position: bottom center;
}
}
.redeem-sp-wrapper.birthday-wrapper.cms-bg-cover {
background-image: url("../../img/cbw/campaign-special/birthday-banner.jpg") !important;
}
.redeem-sp-wrapper.birthday-wrapper .placeholder {
height: 142px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper.birthday-wrapper .placeholder {
height: 190px;
}
}
@media (min-width: 992px) {
.redeem-sp-wrapper.birthday-wrapper .placeholder {
height: 290px;
}
}
@media (min-width: 1200px) {
.redeem-sp-wrapper.birthday-wrapper .placeholder {
height: 384px;
}
}
.redeem-sp-wrapper.birthday-wrapper .birthday-sp-wrapper {
position: relative;
padding-left: 108px;
color: #333;
}
.redeem-sp-wrapper.birthday-wrapper .birthday-sp-wrapper:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
font-size: 130px;
line-height: 0;
left: 0;
top: 45px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.redeem-sp-wrapper.birthday-wrapper .birthday-sp-wrapper > div {
line-height: 1.6em;
}
.redeem-sp-wrapper.birthday-wrapper .birthday-sp-wrapper .sp {
font-size: 50px;
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
line-height: 1.2em;
color: #6fcb98;
}
.redeem-sp-wrapper.birthday-wrapper .birthday-sp-wrapper .sp-txt {
font-size: 25px;
font-family: "Open Sans Light", Arial Unicode MS, sans-serif;
color: #6fcb98;
}
.redeem-sp-wrapper.birthday-wrapper ul {
list-style: disc;
}
.redeem-sp-wrapper.birthday-wrapper ul li {
margin-left: 20px;
padding-left: 0;
font-size: 15px;
}
.redeem-sp-wrapper.birthday-wrapper .btn-link {
padding: 0;
display: block;
text-align: left;
margin-left: -108px;
}
@media (min-width: 768px) {
.redeem-sp-wrapper.birthday-wrapper .btn-link {
margin-left: 0;
}
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #5cb885;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide.swiper-slide-visible {
visibility: visible;
opacity: 1;
}
.cbwslider div[class*=" instance-"] .swiper-slide,
.cbwslider div[class^="instance-"] .swiper-slide,
.cbwslider div[id*="-swiper-container"] .swiper-slide {
width: 244px !important;
}
.cbwslider .swiper-slide {
visibility: hidden;
opacity: 0;
transition: inherit !important;
}
.cbwslider .swiper-slide.swiper-slide-visible {
visibility: visible;
opacity: 1;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: var(--swiper-navigation-size);
height: var(--swiper-navigation-size);
transform: translateY(-50%);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #333;
background-color: #fff;
outline: 0;
border: 1px solid #eee;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
border-radius: 50%;
transition: color var(--transition-duration) var(--transition-timing-function);
}
.swiper-button-next svg path,
.swiper-button-prev svg path {
fill: #333333;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
}
.swiper-button-next.swiper-button-disabled:hover,
.swiper-button-prev.swiper-button-disabled:hover {
color: #333;
}
.swiper-button-next.swiper-button-disabled:hover svg path,
.swiper-button-prev.swiper-button-disabled:hover svg path {
fill: #333333;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
color: #5cb885;
}
.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
fill: #5cb885;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
display: flex;
right: auto;
}
@media (max-width: 1199px) {
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
display: none;
}
}
@media (min-width: 1200px) {
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: calc(-1 * var(--swiper-navigation-size) / 2);
}
}
.swiper-button-prev svg,
.swiper-container-rtl .swiper-button-next svg {
margin-right: 3px;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
display: flex;
left: auto;
}
@media (max-width: 1199px) {
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
display: none;
}
}
@media (min-width: 1200px) {
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: calc(-1 * var(--swiper-navigation-size) / 2);
}
}
.swiper-button-next svg,
.swiper-container-rtl .swiper-button-prev svg {
margin-left: 3px;
}
.swiper-button-lock {
display: none;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.tiles-row {
margin-top: 36px;
}
.custom-tiles i:not([class*="mwif-"]),
.custom-tiles-header i:not([class*="mwif-"]) {
font-style: normal;
position: relative;
display: inline-block;
}
.custom-tiles i:not([class*="mwif-"]):before,
.custom-tiles-header i:not([class*="mwif-"]):before {
position: absolute;
top: -8px;
left: 0;
font-family: "myWorld Font";
line-height: 0;
font-size: 25px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.custom-tiles i:not([class*="mwif-"]).sp:before,
.custom-tiles-header i:not([class*="mwif-"]).sp:before {
content: "\0046";
top: 8.5px;
right: -19px;
font-size: 21px;
left: inherit;
}
.custom-tiles i:not([class*="mwif-"]).benefit-voucher,
.custom-tiles-header i:not([class*="mwif-"]).benefit-voucher {
top: 0;
}
.custom-tiles i:not([class*="mwif-"]).benefit-voucher:before,
.custom-tiles-header i:not([class*="mwif-"]).benefit-voucher:before {
content: "\2044";
top: 8.5px;
right: -19px;
font-size: 21px;
left: inherit;
}
.custom-tiles i:not([class*="mwif-"]).supercb,
.custom-tiles-header i:not([class*="mwif-"]).supercb {
top: 0;
padding-left: 13px;
}
.custom-tiles i:not([class*="mwif-"]).supercb:before,
.custom-tiles-header i:not([class*="mwif-"]).supercb:before {
content: "\20A3";
top: 9px;
font-size: 14px;
}
.custom-tiles i:not([class*="mwif-"]).cbtype-online-partner,
.custom-tiles-header i:not([class*="mwif-"]).cbtype-online-partner {
width: 19px;
height: 15px;
position: relative;
padding-left: 23px;
}
.custom-tiles i:not([class*="mwif-"]).cbtype-online-partner:before,
.custom-tiles-header i:not([class*="mwif-"]).cbtype-online-partner:before {
content: "\0023";
font-size: 20px;
left: 1px;
top: 9px;
}
.custom-tiles i:not([class*="mwif-"]).cbtype-cbcard,
.custom-tiles-header i:not([class*="mwif-"]).cbtype-cbcard {
width: 19px;
height: 13px;
position: relative;
padding-left: 24px;
}
.custom-tiles i:not([class*="mwif-"]).cbtype-cbcard:before,
.custom-tiles-header i:not([class*="mwif-"]).cbtype-cbcard:before {
content: "\0021";
font-size: 20px;
left: 0;
top: 9px;
}
.custom-tiles i:not([class*="mwif-"]).cbtype-evoucher,
.custom-tiles-header i:not([class*="mwif-"]).cbtype-evoucher {
width: 19px;
height: 17px;
position: relative;
padding-left: 24px;
}
.custom-tiles i:not([class*="mwif-"]).cbtype-evoucher:before,
.custom-tiles-header i:not([class*="mwif-"]).cbtype-evoucher:before {
content: "\00ED";
font-size: 22px;
left: 0;
top: 9px;
}
.custom-tiles i:not([class*="mwif-"]).cbtype-voucher,
.custom-tiles-header i:not([class*="mwif-"]).cbtype-voucher {
width: 19px;
height: 14px;
position: relative;
padding-left: 24px;
}
.custom-tiles i:not([class*="mwif-"]).cbtype-voucher:before,
.custom-tiles-header i:not([class*="mwif-"]).cbtype-voucher:before {
content: "\0022";
font-size: 20px;
left: 0;
top: 9px;
}
.custom-tiles i:not([class*="mwif-"]).open,
.custom-tiles-header i:not([class*="mwif-"]).open {
padding-left: 23px;
padding-right: 5px;
}
.custom-tiles i:not([class*="mwif-"]).open:before,
.custom-tiles-header i:not([class*="mwif-"]).open:before {
content: "\0059";
top: 8.5px;
font-size: 19px;
left: 2.5px;
}
.custom-tiles i:not([class*="mwif-"]).close,
.custom-tiles-header i:not([class*="mwif-"]).close {
padding-left: 23px;
padding-right: 5px;
float: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
text-shadow: none;
opacity: inherit;
}
.custom-tiles i:not([class*="mwif-"]).close:before,
.custom-tiles-header i:not([class*="mwif-"]).close:before {
content: "\0059";
top: 8.5px;
font-size: 19px;
left: 2.5px;
}
.custom-tiles i:not([class*="mwif-"]).heart:before,
.custom-tiles-header i:not([class*="mwif-"]).heart:before {
content: "\0048";
}
.custom-tiles i:not([class*="mwif-"]).share:before,
.custom-tiles-header i:not([class*="mwif-"]).share:before {
content: "\0058";
}
.custom-tiles i:not([class*="mwif-"]).voucher,
.custom-tiles-header i:not([class*="mwif-"]).voucher {
position: relative;
padding-left: 23px;
}
.custom-tiles i:not([class*="mwif-"]).voucher:before,
.custom-tiles-header i:not([class*="mwif-"]).voucher:before {
content: "\2206";
font-size: 20px;
left: 1px;
top: 9px;
}
.custom-tiles i:not([class*="mwif-"]).deal,
.custom-tiles-header i:not([class*="mwif-"]).deal {
position: relative;
padding-left: 23px;
}
.custom-tiles i:not([class*="mwif-"]).deal:before,
.custom-tiles-header i:not([class*="mwif-"]).deal:before {
content: "\2211";
font-size: 20px;
left: 3px;
top: 9px;
}
.custom-tiles i:not([class*="mwif-"]).elite-club,
.custom-tiles-header i:not([class*="mwif-"]).elite-club {
position: relative;
}
.custom-tiles i:not([class*="mwif-"]).elite-club:before,
.custom-tiles-header i:not([class*="mwif-"]).elite-club:before {
content: "\2039";
}
.custom-tiles-header {
display: flex;
flex-flow: row wrap;
padding-top: 18px;
margin-bottom: 24px;
position: relative;
z-index: 2;
}
.custom-tiles-header img {
margin-right: 8px;
position: relative;
top: -9px;
}
.custom-tiles-header h3 {
margin-top: 5px;
line-height: inherit;
font-size: 30px;
}
.custom-tiles-header.link {
flex-flow: column wrap;
}
.custom-tiles-header.link h3 {
margin: 0;
padding-right: 5px;
}
.custom-tiles-header.link a.btn-link,
.custom-tiles-header.link button.btn-link {
position: relative;
font-size: 16px;
top: 0;
white-space: nowrap;
}
.custom-tiles-header.link.img {
align-items: center;
}
.custom-tiles-header.link.img .header {
display: flex;
align-items: flex-end;
}
.custom-tiles-header.link.img h3 {
padding-bottom: 4px;
}
.custom-tiles-header i.benefit-voucher {
padding-left: 41px;
}
.custom-tiles-header i.benefit-voucher:before {
top: -13px;
left: 0;
font-size: 45px;
}
.custom-tiles .grid {
display: flex;
margin: 0 auto;
flex-flow: row wrap;
}
.custom-tiles .grid .grid-item {
display: inline-block;
margin-bottom: 40px;
position: relative;
}
.custom-tiles .benefit-link {
text-decoration: none !important;
display: inline-block;
background-color: #fff;
border-radius: 10px;
width: 244px;
color: #333;
position: relative;
cursor: pointer;
}
.custom-tiles .benefit-link:hover {
color: #333;
}
.custom-tiles .benefit-link:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
z-index: -1;
border-radius: 10px;
}
.custom-tiles .benefit-link:after {
transition: opacity 125ms ease-in-out;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
z-index: -1;
border-radius: 10px;
opacity: 0;
}
.custom-tiles .benefit-link.hover:after,
.custom-tiles .benefit-link:hover:after {
opacity: 1;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.25);
}
.custom-tiles .benefit-box {
position: relative;
border: 1px solid #eee;
border-radius: 10px;
padding: 29px 17px;
margin: 0 auto;
height: 340px;
}
.custom-tiles .benefit-box.cbdeal-eliteclub:before {
content: "";
position: absolute;
border: 2px solid #000;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 10px;
}
.custom-tiles .benefit-box.cbdeal-eliteclub:after {
content: "";
position: absolute;
border: 1px solid #000;
left: 4px;
top: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
border-radius: 8px;
}
.custom-tiles .benefit-box.cbdeal-eliteclub .footer {
padding-bottom: 6px;
}
.custom-tiles .benefit-box figure {
display: flex;
justify-content: center;
align-items: center;
height: 150px;
}
.custom-tiles .benefit-box figure img {
height: auto;
width: auto;
max-width: 100%;
max-height: 150px;
}
.custom-tiles .benefit-box .ct-badge {
position: absolute;
top: -11px;
right: 16px;
z-index: 1;
}
.custom-tiles .benefit-box .ct-badge span {
display: inline-block;
position: relative;
background-color: #333;
color: #fff;
font-size: 12px;
font-family: CeraPro-Medium, sans-serif;
border-radius: 5px;
padding: 3px 5px;
}
.custom-tiles .benefit-box .ct-badge.green span {
background-color: #5cb885;
}
.custom-tiles .benefit-box .ct-badge.red span {
background-color: #f20505;
}
.custom-tiles .benefit-box .ct-badge i.benefit-voucher {
padding-left: 21px;
}
.custom-tiles .benefit-box .ct-badge i.benefit-voucher:before {
content: "\2044";
left: 0;
font-size: 21px;
}
.custom-tiles .benefit-box .ct-badge i.sp {
padding-left: 21px;
}
.custom-tiles .benefit-box .ct-badge i.sp:before {
top: 7px;
left: 0;
font-size: 21px;
}
.custom-tiles .benefit-box .ct-badge.double-cb span {
background-color: #333;
}
.custom-tiles .benefit-box .ct-badge i.elite-club {
padding-left: 21px;
}
.custom-tiles .benefit-box .ct-badge i.elite-club:before {
top: 8px;
left: 0;
font-size: 17px;
}
.custom-tiles .benefit-box .ct-badge i.mwif-sp-full {
font-size: 17.5px;
line-height: 0;
top: 4px;
}
.custom-tiles .benefit-box .ct-badge.cashback-deal {
display: flex;
}
.custom-tiles .benefit-box .ct-badge.cashback-deal span {
position: relative;
background-color: transparent;
padding-left: 13px;
padding-right: 15px;
padding-top: 2px;
padding-bottom: 2px;
}
.custom-tiles .benefit-box .ct-badge.cashback-deal span:before {
content: "";
position: absolute;
width: 51%;
height: 23px;
top: 0;
left: 0;
background-image: url("../../img/root/search/red-ribbon.svg");
background-position: left;
z-index: -1;
background-size: cover;
}
.custom-tiles .benefit-box .ct-badge.cashback-deal span:after {
content: "";
position: absolute;
width: 50%;
height: 23px;
top: 0;
right: 0;
background-image: url("../../img/root/search/red-ribbon.svg");
background-position: right;
z-index: -1;
background-size: cover;
}
.custom-tiles .benefit-box .ct-badge-hh {
position: absolute;
top: -11px;
right: 25px;
z-index: 1;
}
.custom-tiles .benefit-box .ct-badge-hh span {
display: inline-block;
position: relative;
background-color: #5cb885;
color: #fff;
font-size: 12px;
font-family: CeraPro-Medium, sans-serif;
border-radius: 5px;
padding: 4px 6px;
}
.custom-tiles .benefit-box .patch {
position: absolute;
top: -38px;
left: -22px;
}
.custom-tiles .benefit-box .patch img {
max-width: 99px;
transform: rotate(-30deg);
}
.custom-tiles .benefit-box .line-through {
text-decoration: line-through;
}
.custom-tiles .benefit-box .descr-wrapper {
position: relative;
line-height: calc(21 / 14);
color: #333;
margin-top: 26px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 40px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.custom-tiles .benefit-box .descr-wrapper:before {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 20%;
height: 23px;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
}
}
.custom-tiles .benefit-box .descr-wrapper i.mwif-online-partner {
font-size: 18px;
line-height: 0;
top: 3px;
}
.custom-tiles .benefit-box .descr-wrapper i.mwif-card {
font-size: 18px;
line-height: 0;
top: 4px;
}
.custom-tiles .benefit-box .descr-wrapper i.mwif-voucher {
font-size: 18px;
line-height: 0;
top: 4px;
}
.custom-tiles .benefit-box .descr-wrapper i.mwif-evoucher {
font-size: 18px;
line-height: 0;
top: 4px;
}
.custom-tiles .benefit-box .descr-wrapper i.mwif-clock {
font-size: 18px;
line-height: 0;
top: 4px;
}
.custom-tiles .benefit-box .descr-wrapper i.mwif-coupon-code {
font-size: 18px;
line-height: 0;
top: 4px;
}
.custom-tiles .benefit-box .descr-wrapper i.mwif-hot-deal {
font-size: 18px;
line-height: 0;
top: 4px;
}
.custom-tiles .benefit-box .descr-wrapper i.mwif-scan {
font-size: 16px;
line-height: 0;
top: 3px;
}
.custom-tiles .benefit-box .price-wrapper {
color: #333;
font-family: CeraPro-Medium, sans-serif;
}
.custom-tiles .benefit-box .price-wrapper > div:first-child:not(.price) {
line-height: calc(20 / 12);
}
.custom-tiles
.benefit-box
.price-wrapper
> div:first-child:not(.price)
i.sp:before {
top: 0;
margin-top: -9px;
line-height: calc(20 / 12);
}
.custom-tiles
.benefit-box
.price-wrapper
> div:first-child:not(.price)
i.benefit-voucher:before {
top: 0;
margin-top: -9px;
line-height: calc(20 / 12);
}
.custom-tiles .benefit-box .price-wrapper .rrp {
color: #909090;
font-family: CeraPro-Regular, sans-serif;
font-size: 12px;
}
.custom-tiles .benefit-box .price-wrapper .discount {
color: #5cb885;
font-family: CeraPro-Medium, sans-serif;
font-size: 12px;
}
.custom-tiles .benefit-box .price-wrapper .discount i.mwif-sp-full {
font-size: 19px;
line-height: 0;
top: 5px;
padding-left: 1px;
}
.custom-tiles .benefit-box .price-wrapper .price {
font-size: 15px;
font-family: CeraPro-Medium, sans-serif;
line-height: calc(22 / 15);
white-space: nowrap;
}
.custom-tiles .benefit-box .price-wrapper .second-price {
margin-left: 4px;
font-size: 13px;
font-family: CeraPro-Regular, sans-serif;
line-height: calc(26 / 15);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.custom-tiles .benefit-box .price-wrapper .inline-price {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@media (max-width: 768px) {
.custom-tiles .benefit-box .price-wrapper img {
width: 16px;
}
}
.custom-tiles .benefit-box .cashback-deal-wrapper {
position: relative;
display: inline-flex;
color: #fff;
z-index: 0;
padding-left: 13px;
padding-right: 15px;
font-family: CeraPro-Medium, sans-serif;
font-size: 12px;
padding-top: 2px;
}
.custom-tiles .benefit-box .cashback-deal-wrapper:before {
content: "";
position: absolute;
width: 51%;
height: 22.323px;
top: 0;
left: 0;
background-image: url("../../img/root/search/red-ribbon.svg");
background-position: left;
z-index: -1;
}
.custom-tiles .benefit-box .cashback-deal-wrapper:after {
content: "";
position: absolute;
width: 50%;
height: 22.323px;
top: 0;
right: 0;
background-image: url("../../img/root/search/red-ribbon.svg");
background-position: right;
z-index: -1;
}
.custom-tiles .benefit-box .conditions {
display: inline-block;
font-size: 12px;
}
.custom-tiles .benefit-box .conditions i.sp {
padding-right: 19px;
}
.custom-tiles .benefit-box .conditions i.sp:before {
right: 0;
}
.custom-tiles .benefit-box .toning {
color: #5cb885;
}
.custom-tiles .benefit-box .flag[class*="sprite-s-icons"] {
position: relative;
padding-left: 22px;
z-index: 1;
}
.custom-tiles .benefit-box .flag[class*="sprite-s-icons"]:after {
content: "";
float: left;
width: 100px;
height: 100px;
background-size: 100%;
transform: scale(0.14);
position: absolute;
top: -41.5px;
right: -41px;
}
.custom-tiles .benefit-box .tool-tip .tooltiptext {
visibility: hidden;
color: #fff;
font-size: 12px;
line-height: calc(20 / 12);
opacity: 0;
z-index: 1;
position: absolute;
bottom: 28px;
left: 50%;
transform: translateX(-50%);
margin-top: -12px;
margin-left: 0;
background-color: #333;
border-radius: 6px;
padding: 10px 16px;
transition: all var(--transition-duration) var(--transition-timing-function);
display: flex;
flex-direction: column;
}
@media (min-width: 600px) {
.custom-tiles .benefit-box .tool-tip .tooltiptext {
margin-left: 20px;
}
}
.custom-tiles .benefit-box .tool-tip .tooltiptext .colorize {
color: #5cb885;
}
.custom-tiles .benefit-box .tool-tip .tooltiptext span {
white-space: nowrap;
}
.custom-tiles .benefit-box .tool-tip .tooltiptext:after {
content: "";
position: absolute;
bottom: -10px;
left: 50%;
border-width: 7px 6px 0 6px;
border-color: #333 transparent transparent transparent;
border-style: solid;
display: inline-block;
transform: translateY(-50%);
margin-left: -4px;
}
@media (min-width: 600px) {
.custom-tiles .benefit-box .tool-tip .tooltiptext:after {
margin-left: -23px;
}
}
.custom-tiles .benefit-box .tool-tip .tooltiptext i.sp {
padding-right: 20px;
white-space: nowrap;
}
.custom-tiles .benefit-box .tool-tip .tooltiptext i.sp:before {
right: 0;
}
.custom-tiles .benefit-box .tool-tip .tooltiptext i.mwif-sp-full {
font-size: 19px;
top: 5px;
line-height: 0;
}
.custom-tiles .benefit-box .tool-tip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.custom-tiles .benefit-box .tool-tip.open .tooltiptext {
visibility: visible;
opacity: 1;
}
.custom-tiles .benefit-box .footer {
height: 40px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 16px;
padding-right: 16px;
color: #909090;
}
.custom-tiles .benefit-box .footer .semibold {
font-family: CeraPro-Medium, sans-serif;
}
.custom-tiles .benefit-box .footer .supercb {
color: #333;
font-family: CeraPro-Medium, sans-serif;
}
.custom-tiles .benefit-box .footer .cashback-deal {
color: #333;
}
.custom-tiles .benefit-box .footer .cashback-deal i.mwif-cashback {
font-size: 18px;
top: 4px;
line-height: 0;
}
.custom-tiles .benefit-box .footer div > div + div {
font-size: 12px;
}
.custom-tiles .benefit-box .footer > div:first-of-type {
flex: 1;
max-width: calc(100% - 54px - 2px);
}
.custom-tiles .benefit-box .footer > div:first-of-type.no-logo {
max-width: calc(100% - 18px);
}
.custom-tiles .benefit-box .footer > div:first-of-type > div:first-of-type {
text-overflow: ellipsis;
overflow: hidden;
font-size: 12px;
white-space: nowrap;
}
.custom-tiles
.benefit-box
.footer
> div:first-of-type
> div:first-of-type
i.mwif-sp-full {
font-size: 18px;
top: 5px;
line-height: 0;
padding-left: 1px;
}
.custom-tiles
.benefit-box
.footer
> div:first-of-type
> div:first-of-type
i.mwif-super-cb {
font-size: 18px;
top: 4px;
line-height: 0;
padding-right: 1px;
margin-left: -3px;
}
.custom-tiles .benefit-box .footer > div > div:last-child {
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.custom-tiles .benefit-box .footer > div > div:last-child i.mwif-sp-full {
font-size: 15px;
top: 3px;
line-height: 0;
padding-left: 1px;
}
.custom-tiles .benefit-box .footer > div > div:last-child i.mwif-super-cb {
font-size: 15px;
top: 3px;
line-height: 0;
padding-right: 1px;
margin-left: -3px;
}
.custom-tiles .benefit-box .footer > div > div:only-child {
font-size: 14px !important;
}
.custom-tiles .benefit-box .footer > div > div:only-child.semibold {
font-size: 13px !important;
}
.custom-tiles .benefit-box .footer img {
max-width: 54px;
max-height: 27px;
}
.custom-tiles .benefit-box .footer:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: #333;
opacity: 0.03;
bottom: 0;
left: 0;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 0;
}
.custom-tiles .benefit-box .footer i.sp:before {
font-size: 18.3px;
margin-top: 0;
right: -16px;
top: 50%;
left: inherit;
}
.custom-tiles .benefit-box .footer .font-12,
.custom-tiles .benefit-box .footer .members-only-txt {
font-size: 12px;
}
.custom-tiles .benefit-box .footer .district-abbreviation {
margin-left: 3px;
}
.custom-tiles .benefit-box.lyconet {
position: relative;
}
.custom-tiles .benefit-box.lyconet:before {
content: "";
position: absolute;
left: 0;
top: 195px;
width: 100%;
height: 1px;
background: #eee;
}
.custom-tiles .benefit-box.partner figure .img {
width: 234px;
height: 105px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.custom-tiles .benefit-box.partner .descr-wrapper {
height: 92px;
color: #333;
overflow: inherit;
text-overflow: inherit;
display: inherit;
}
.custom-tiles .benefit-box.partner .descr-wrapper .name {
font-size: 14px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.custom-tiles .benefit-box.partner .descr-wrapper .close,
.custom-tiles .benefit-box.partner .descr-wrapper .closed {
color: #d54c4c;
}
.custom-tiles .benefit-box.partner .descr-wrapper .open,
.custom-tiles .benefit-box.partner .descr-wrapper .opened {
color: #5cb885;
}
.custom-tiles .benefit-box.partner .descr-wrapper .rating {
font-size: 12px;
font-family: CeraPro-Medium, sans-serif;
color: #909090;
display: inline-block;
white-space: nowrap;
}
.custom-tiles .benefit-box.partner .descr-wrapper .rating .rating-number {
color: #5cb885;
}
.custom-tiles .benefit-box.partner .descr-wrapper .rating .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #ccdddc;
}
.custom-tiles .benefit-box.partner .descr-wrapper .rating .fa:before {
content: "\f005";
font-family: inherit;
top: inherit;
font-size: inherit;
position: inherit;
}
.custom-tiles .benefit-box.partner .descr-wrapper .rating .fa:last-child {
margin-right: 2px;
}
.custom-tiles .benefit-box.partner .descr-wrapper .rating .fa.full {
color: #5cb885;
}
.custom-tiles .benefit-box.partner .descr-wrapper .rating .fa.half:after {
content: "\f005";
color: #5cb885;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 50%;
}
.custom-tiles .benefit-box.partner .descr-wrapper .details {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.custom-tiles .benefit-box.partner .distance {
position: absolute;
right: 12px;
bottom: 42px;
color: #5cb885;
}
.custom-tiles .benefit-box.partner .footer div > div {
width: 100%;
}
.custom-tiles .benefit-box.partner.one-touch .payment-box {
display: flex;
justify-content: center;
margin-top: 8px;
}
.custom-tiles .benefit-box.partner.one-touch img {
max-width: 54px;
}
.custom-tiles .benefit-box.partner.cbdeal-eliteclub:before {
content: "";
position: absolute;
border: 2px solid #000;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 10px;
}
.custom-tiles .benefit-box.partner.cbdeal-eliteclub:after {
content: "";
position: absolute;
border: 1px solid #000;
left: 4px;
top: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
border-radius: 8px;
}
.custom-tiles .benefit-box.partner.cbdeal-eliteclub .footer .cashback-deal {
font-family: CeraPro-Bold, sans-serif;
font-size: 16px !important;
}
.custom-tiles .benefit-box.deal .deal-txt-wrapper {
height: 150px;
text-align: center;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
}
.custom-tiles .benefit-box.deal .deal-txt-wrapper.txt-only {
display: flex;
align-items: center;
justify-content: center;
}
.custom-tiles .benefit-box.deal .unit-wrapper {
font-size: 4rem;
font-family: CeraPro-Bold, sans-serif;
}
@media (min-width: 960px) {
.custom-tiles .benefit-box.deal .unit-wrapper {
font-size: calc(1.375rem + 1.5vw);
}
}
.custom-tiles .benefit-box.deal .unit-wrapper > span {
font-size: 30px;
}
.custom-tiles .benefit-box.deal .txt {
font-size: 17px;
font-family: CeraPro-Bold, sans-serif;
overflow: hidden;
overflow-wrap: anywhere;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.custom-tiles .benefit-box.deal .expiration {
font-size: 11px;
color: #909090;
text-align: center;
margin-top: 2px;
height: 15px;
}
.custom-tiles .benefit-box.deal .descr-wrapper {
margin-top: 11px;
}
.custom-tiles .benefit-box.deal-v2 figure {
height: 196px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-top: -29px;
margin-right: -17px;
margin-left: -17px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.custom-tiles .benefit-box.deal-v2 .def {
position: relative;
line-height: calc(21 / 14);
color: #333;
margin-top: 9px;
font-size: 14px;
min-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.custom-tiles .benefit-box.deal-v2 .def:before {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 20%;
height: 23px;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
}
}
.custom-tiles .benefit-box.deal-v2 .descr-wrapper {
position: relative;
line-height: calc(21 / 14);
color: #333;
margin-top: 0;
font-size: 14px;
height: 23px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.custom-tiles .benefit-box.deal-v2 .descr-wrapper:before {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 20%;
height: 23px;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
}
}
.custom-tiles .benefit-box.deal-v2 .expiration {
font-size: 13px;
color: #909090;
text-align: left;
position: absolute;
bottom: 51px;
}
.custom-tiles .benefit-box.travel figure {
height: 196px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-top: -29px;
margin-right: -17px;
margin-left: -17px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.custom-tiles .benefit-box.travel .hotel-name {
position: relative;
color: #333;
margin-top: 11px;
margin-bottom: 2px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.custom-tiles .benefit-box.travel .hotel-name:before {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 20%;
height: 23px;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%);
}
}
.custom-tiles .benefit-box.travel .descr-wrapper {
position: relative;
color: #909090;
margin-top: 0;
font-size: 13px;
height: 62px;
text-overflow: inherit;
overflow: inherit;
display: inherit;
}
.custom-tiles .benefit-box.travel .descr-wrapper > div:first-of-type {
height: 23px;
overflow: hidden;
display: flex;
flex-flow: row nowrap;
max-width: 100%;
align-items: baseline;
}
.custom-tiles
.benefit-box.travel
.descr-wrapper
> div:first-of-type
> span:first-of-type {
display: inline-block;
text-overflow: ellipsis;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
margin-right: 4px;
}
.custom-tiles .benefit-box.travel .descr-wrapper .hotel-category {
font-size: 11px;
font-family: Georgia;
color: #ffbe00;
display: inline-block;
white-space: nowrap;
}
.custom-tiles .benefit-box.travel .descr-wrapper .hotel-category .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #ccdddc;
}
.custom-tiles .benefit-box.travel .descr-wrapper .hotel-category .fa:before {
content: "\f005";
font-family: inherit;
top: inherit;
font-size: inherit;
position: inherit;
}
.custom-tiles .benefit-box.travel .descr-wrapper .hotel-category .fa.full {
color: #ffbe00;
}
.custom-tiles
.benefit-box.travel
.descr-wrapper
.hotel-category
.fa.half:after {
content: "\f005";
color: #ffbe00;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 50%;
}
.custom-tiles .benefit-box.travel .descr-wrapper .review-score {
color: #909090;
}
.custom-tiles .benefit-box.travel .descr-wrapper .review-score span {
border-radius: 5px;
background-color: #333;
color: #fff;
display: inline-block;
padding: 0 4.5px;
font-size: 12px;
font-family: CeraPro-Medium, sans-serif;
}
.custom-tiles .benefit-box.travel .descr-wrapper .price {
font-size: 15px;
font-family: CeraPro-Medium, sans-serif;
color: #333;
margin-top: -3px;
}
.custom-tiles .benefit-box.travel .descr-wrapper .second-price {
line-height: 1.7rem;
}
.custom-tiles .benefit-box.travel .expiration {
font-size: 13px;
color: #909090;
text-align: left;
margin-top: 5px;
}
.custom-tiles .benefit-box.travel.teaser {
height: 194px;
}
.custom-tiles .benefit-box.travel.teaser figure {
border-radius: 10px;
display: flex;
flex-direction: column;
color: #fff;
font-family: CeraPro-Bold, sans-serif;
height: calc(194px - 2px);
text-align: center;
}
.custom-tiles .benefit-box.travel.teaser figure > span {
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
padding: 0 5px;
}
.custom-tiles .benefit-box.travel.cbdeal-eliteclub figure {
margin-right: -12px;
margin-left: -12px;
margin-top: -24px;
height: 191px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.custom-tiles .benefit-box.top-deal .ct-badge span {
background-color: #5cb886;
}
.custom-tiles .benefit-box.sp .conditions {
color: #5cb885;
}
.custom-tiles .benefit-box.sp .second-price {
color: #5cb885;
}
.custom-tiles .benefit-box.sp .price-wrapper .discount,
.custom-tiles .benefit-box.sp .price-wrapper .price {
color: #5cb885;
}
.custom-tiles .benefit-box.bv .conditions {
color: #f29533;
}
.custom-tiles .benefit-box.bv .second-price {
color: #f29533;
}
.custom-tiles .benefit-box.bv .price-wrapper .discount,
.custom-tiles .benefit-box.bv .price-wrapper .price {
color: #f29533;
}
.custom-tiles .benefit-box.elite-club .price-wrapper .discount,
.custom-tiles .benefit-box.elite-club .price-wrapper .price {
color: #333;
}
.custom-tiles .favorite {
color: #ccdddc;
width: 19px;
height: 15px;
position: absolute;
bottom: 13px;
right: 28px;
}
.custom-tiles .favorite button {
width: 100%;
height: 100%;
border: none;
background: 0 0;
outline: 0;
margin: 0;
padding: 0;
cursor: pointer;
white-space: nowrap;
transition: color var(--transition-duration) var(--transition-timing-function),
transform var(--transition-duration) var(--transition-timing-function);
color: #5cb885;
opacity: 0.35;
}
.custom-tiles .favorite button.active {
color: #5cb885;
opacity: 1;
}
.custom-tiles .favorite button:active {
transform: scale(0.8);
}
.custom-tiles .favorite i.heart {
width: 100%;
height: 100%;
display: inline-block;
}
.custom-tiles .favorite i.heart:before {
top: 7px;
font-size: 24px;
width: 100%;
height: 100%;
margin-top: 0;
line-height: 0;
}
.custom-tiles .favorite .mwif-heart-filled {
font-size: 18px;
top: 2px;
line-height: 0;
}
.custom-tiles .share-wrapper {
width: 25px;
height: 25px;
position: absolute;
bottom: 132px;
right: 30px;
border: 1px solid #eee;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
border-radius: 50%;
background: #fff;
}
.custom-tiles .share-wrapper button {
width: 100%;
height: 100%;
border: none;
background: 0 0;
outline: 0;
margin: 0;
padding: 0;
cursor: pointer;
white-space: nowrap;
transition: color var(--transition-duration) var(--transition-timing-function),
transform var(--transition-duration) var(--transition-timing-function);
color: #333;
}
.custom-tiles .share-wrapper button.active {
color: #5cb885;
}
.custom-tiles .share-wrapper button:active {
transform: scale(0.8);
}
.custom-tiles .share-wrapper i.share {
width: 100%;
height: 100%;
display: inline-block;
}
.custom-tiles .share-wrapper i.share:before {
top: 11px;
left: -1px;
font-size: 22px;
width: 100%;
height: 100%;
margin-top: 0;
line-height: 0;
}
.custom-tiles .cbwslider {
position: relative;
margin-top: -40px;
}
.custom-tiles .cbwslider .grid {
margin-left: 0;
margin-right: 0;
flex-flow: inherit;
}
.custom-tiles .cbwslider .grid .grid-item {
flex-basis: inherit;
padding: inherit;
margin-bottom: 0;
}
.custom-tiles .cbwslider .favorite {
bottom: 13px;
right: 16px;
}
.custom-tiles .swiper-container {
width: calc(100% + 80px);
margin: 0 -40px;
padding: 40px 40px;
}
.custom-tiles .swiper-container.inner {
width: calc(100% + 24px);
margin: 0 -12px;
padding: 40px 12px;
}
@media (max-width: 767px) {
.custom-tiles .swiper-container.inner {
width: calc(100% + 16px);
margin: 0 -8px;
padding: 40px 8px;
}
}
.custom-tiles .swiper-container.outer {
width: calc(100% + 80px);
margin: 0 -40px;
padding: 40px 40px;
}
.custom-tiles
.swiper-wrapper
.swiper-slide:not(.swiper-slide-visible)
.benefit-link:after,
.custom-tiles
.swiper-wrapper
.swiper-slide:not(.swiper-slide-visible)
.benefit-link:before {
box-shadow: none;
}
.custom-tiles .slider-wrapper {
width: calc(100% + 30px);
padding: 0 15px;
margin-left: -15px;
overflow: hidden;
}
.custom-tiles .slider-wrapper .slick-slider {
display: block;
}
.custom-tiles .slider-wrapper .slick-slide {
transition: inherit !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media (min-width: 0px) and (max-width: 359px) {
.custom-tiles .slider-wrapper .slick-slide {
padding: 0 8px;
}
}
@media (min-width: 360px) and (max-width: 767px) {
.custom-tiles .slider-wrapper .slick-slide {
padding: 0 8px;
}
}
@media (min-width: 768px) {
.custom-tiles .slider-wrapper .slick-slide {
padding: 0 8px;
}
}
@media (min-width: 992px) {
.custom-tiles .slider-wrapper .slick-slide {
padding: 0 12px;
}
}
@media (min-width: 1200px) {
.custom-tiles .slider-wrapper .slick-slide {
padding: 0 12px;
}
}
.custom-tiles
.slider-wrapper
.slick-slide:not(.slick-active)
.benefit-link:after,
.custom-tiles
.slider-wrapper
.slick-slide:not(.slick-active)
.benefit-link:before {
box-shadow: none;
}
.custom-tiles .slider-wrapper .slick-list {
overflow: visible;
}
.custom-tiles .placeholder {
display: inline-block;
min-height: 1em;
vertical-align: middle;
cursor: wait;
background-color: currentColor;
opacity: 0.5;
}
.custom-tiles .placeholder.btn:before {
display: inline-block;
content: "";
}
.custom-tiles .placeholder-glow .placeholder {
animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
50% {
opacity: 0.2;
}
}
.custom-tiles .benefit-link.desktop {
display: none;
}
@media (min-width: 520px) {
.custom-tiles .benefit-link.desktop {
display: block;
}
}
.custom-tiles .benefit-link.mobile {
display: none;
}
@media (min-width: 0) and (max-width: 519px) {
.custom-tiles .col {
width: 100%;
}
.custom-tiles .benefit-link.mobile {
width: 100%;
display: block;
cursor: pointer;
}
.custom-tiles .benefit-link.mobile + .share-wrapper {
display: none;
}
.custom-tiles .benefit-link.mobile .benefit-box {
padding: 0;
display: flex;
height: 142px;
}
.custom-tiles .benefit-link.mobile .benefit-box figure {
width: calc(32% - 4px);
height: auto;
justify-content: center;
align-items: center;
margin-right: 4px;
position: relative;
}
.custom-tiles .benefit-link.mobile .benefit-box figure:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: #333;
opacity: 0.03;
bottom: 0;
left: 0;
z-index: 0;
border-radius: 6px 0 0 6px;
}
.custom-tiles .benefit-link.mobile .benefit-box figure img {
max-width: calc(100% - 8px);
}
.custom-tiles .benefit-link.mobile .benefit-box figure .img {
width: calc(100% - 4px);
padding-top: 50%;
height: auto;
}
.custom-tiles .benefit-link.mobile .benefit-box > div:not(.ct-badge) {
width: calc(68% - 4px);
margin-left: 4px;
padding-right: 9px;
display: flex;
justify-content: space-between;
flex-flow: column;
}
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge-hh {
right: 12px;
}
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge span,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge-hh span {
font-size: 10px;
padding: 1.5px 4px;
}
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge i.benefit-voucher,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge i.elite-club,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge i.sp,
.custom-tiles
.benefit-link.mobile
.benefit-box
.ct-badge-hh
i.benefit-voucher,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge-hh i.elite-club,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge-hh i.sp {
padding-left: 18px;
}
.custom-tiles
.benefit-link.mobile
.benefit-box
.ct-badge
i.benefit-voucher:before,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge i.elite-club:before,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge i.sp:before,
.custom-tiles
.benefit-link.mobile
.benefit-box
.ct-badge-hh
i.benefit-voucher:before,
.custom-tiles
.benefit-link.mobile
.benefit-box
.ct-badge-hh
i.elite-club:before,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge-hh i.sp:before {
top: 6px;
font-size: 17px;
left: 1px;
}
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge i.elite-club:before,
.custom-tiles
.benefit-link.mobile
.benefit-box
.ct-badge-hh
i.elite-club:before {
font-size: 14px;
}
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge i.mwif-sp-full,
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge-hh i.mwif-sp-full {
font-size: 15px;
line-height: 0;
top: 5px;
}
.custom-tiles .benefit-link.mobile .benefit-box .ct-badge.cashback-deal span {
padding-left: 13px;
padding-right: 15px;
padding-top: 4px;
}
.custom-tiles .benefit-link.mobile .benefit-box .descr-wrapper {
margin-top: 12px;
line-height: 1.5;
}
.custom-tiles .benefit-link.mobile .benefit-box .descr-wrapper .name {
line-height: 1.5;
}
.custom-tiles .benefit-link.mobile .benefit-box .price-wrapper .rrp {
margin-top: 4px;
display: inline-block;
}
.custom-tiles .benefit-link.mobile .benefit-box .price-wrapper .price {
margin-top: 0;
}
.custom-tiles .benefit-link.mobile .benefit-box .distance {
position: absolute;
right: 12px;
bottom: 42px;
color: #5cb885;
}
.custom-tiles .benefit-link.mobile .benefit-box .footer {
position: relative;
padding-left: 0;
padding-right: 0;
height: 37px;
border-top: 1px solid #ddd;
}
.custom-tiles .benefit-link.mobile .benefit-box .footer:after {
border-radius: 7px;
background-color: transparent;
}
.custom-tiles .benefit-link.mobile .benefit-box.partner figure .img {
padding-top: 50%;
height: 0;
}
.custom-tiles .benefit-link.mobile .benefit-box.partner .descr-wrapper {
height: auto;
display: flex;
flex-flow: column nowrap;
}
.custom-tiles
.benefit-link.mobile
.benefit-box.partner.cbdeal-eliteclub
figure
.img {
width: calc(100% - 8px);
}
.custom-tiles .benefit-link.mobile .benefit-box.deal-v2 figure {
margin: 0 4px 0 0;
border-radius: 7px 0 0 7px;
}
.custom-tiles .benefit-link.mobile .benefit-box.deal-v2 .img {
border-radius: 7px;
width: calc(100% - 8px);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 75%;
}
.custom-tiles .benefit-link.mobile .benefit-box.deal-v2 .descr-wrapper {
height: auto;
display: flex;
flex-flow: column nowrap;
margin-top: 0;
line-height: inherit;
white-space: normal;
}
.custom-tiles .benefit-link.mobile .benefit-box.deal-v2 .def {
margin-top: 12px;
line-height: 1.5;
height: 42px;
}
.custom-tiles .benefit-link.mobile .benefit-box.deal-v2 .expiration {
position: absolute;
bottom: 48px;
}
.custom-tiles .benefit-link.mobile .benefit-box.travel figure {
border-radius: 7px 0 0 7px;
margin: 0 8px 0 0;
height: 100%;
}
.custom-tiles .benefit-link.mobile .benefit-box.travel .hotel-name {
margin-top: 12px;
}
.custom-tiles .benefit-link.mobile .benefit-box.travel .descr-wrapper {
margin-top: 0;
}
.custom-tiles .benefit-link.mobile .benefit-box.travel .second-price {
line-height: 2.2rem !important;
}
.custom-tiles
.benefit-link.mobile
.benefit-box.travel.cbdeal-eliteclub
figure {
align-self: center;
height: calc(100% - 10px);
width: calc(32% - 9px);
left: 5px;
}
.custom-tiles .benefit-link.mobile .benefit-box.lyconet:before {
background: 0 0;
}
.custom-tiles .benefit-link.mobile .benefit-box.deal .deal-txt-wrapper {
height: auto;
text-align: left;
align-items: flex-start;
margin-top: 12px;
}
.custom-tiles .benefit-link.mobile .benefit-box.deal .deal-txt-wrapper .txt {
font-size: 14px;
font-family: CeraPro-Regular, sans-serif;
}
.custom-tiles .benefit-link.mobile .benefit-box.deal .descr-wrapper {
height: auto;
display: none;
}
.custom-tiles .benefit-link.mobile .benefit-box.deal .expiration {
font-size: 13px;
text-align: left;
height: auto;
}
.custom-tiles .benefit-link.mobile ~ .favorite {
right: 19px;
}
}
.richi-slider.slick-slider {
margin: 0;
}
.richi-slider.slick-slider .col {
margin-bottom: 0 !important;
}
.richi-slider .slick-list {
overflow: visible;
margin: 0 -8px;
width: calc(100% + 16px);
}
@media (min-width: 600px) {
.richi-slider .slick-list {
margin: 0 -8px;
width: calc(100% + 16px);
}
}
@media (min-width: 768px) {
.richi-slider .slick-list {
margin: 0 -12px;
width: calc(100% + 24px);
}
}
@media (min-width: 960px) {
.richi-slider .slick-list {
margin: 0 -12px;
width: calc(100% + 24px);
}
}
@media (min-width: 1200px) {
.richi-slider .slick-list {
margin: 0 -11px;
width: calc(100% + 22px);
}
}
@media (min-width: 1440px) {
.richi-slider .slick-list {
margin: 0 -9.5px;
width: calc(100% + 19px);
}
}
@media (min-width: 1660px) {
.richi-slider .slick-list {
margin: 0 -12px;
width: calc(100% + 24px);
}
}
.richi-slider .slick-slide {
padding-left: 8px;
padding-right: 8px;
}
@media (min-width: 600px) {
.richi-slider .slick-slide {
padding-left: 8px;
padding-right: 8px;
}
}
@media (min-width: 768px) {
.richi-slider .slick-slide {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 960px) {
.richi-slider .slick-slide {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 1200px) {
.richi-slider .slick-slide {
opacity: 0;
pointer-events: none;
transition: opacity 0.5s ease 0s;
padding-left: 11px;
padding-right: 11px;
}
}
@media (min-width: 1440px) {
.richi-slider .slick-slide {
padding-left: 9.5px;
padding-right: 9.5px;
}
}
@media (min-width: 1660px) {
.richi-slider .slick-slide {
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 1200px) {
.richi-slider .slick-slide.slick-active {
opacity: 1;
pointer-events: auto;
}
}
.richi-slider .slick-arrow {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eee;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
background-color: #fff;
position: absolute;
top: 50%;
transform: translate(-50%);
z-index: 1;
cursor: pointer;
}
@media (min-width: 1200px) {
.richi-slider .slick-arrow {
width: 38px;
height: 38px;
}
}
@media (min-width: 1660px) {
.richi-slider .slick-arrow {
width: 44px;
height: 44px;
}
}
.richi-slider .slick-arrow:hover {
color: #5cb885;
}
.richi-slider .slick-arrow:hover svg path {
fill: #5cb885;
}
.richi-slider .slick-arrow.slick-disabled {
opacity: 0.3;
cursor: default;
}
.richi-slider .slick-arrow.slick-disabled:hover svg path {
fill: #333333;
}
.richi-slider .prev {
left: 0;
transform: translate(-50%, -50%);
}
.richi-slider .prev svg {
margin-right: 3px;
height: 50%;
}
.richi-slider .next {
right: 0;
transform: translate(50%, -50%);
}
.richi-slider .next svg {
margin-left: 3px;
height: 50%;
}
#botpage header {
margin-top: 24px;
}
@media (min-width: 960px) {
#botpage header {
margin-top: 36px;
}
}
#botpage .results {
font-size: 16px;
}
#botpage h1 {
font-size: 30px;
line-height: inherit;
}
@media (min-width: 960px) {
#botpage h1 {
font-size: 42px;
}
}
#botpage .anchor {
margin-top: 24px;
}
@media (min-width: 960px) {
#botpage .anchor {
margin-top: 40px;
}
}
#botpage .anchor a {
font-size: 15px;
font-family: CeraPro-Bold, sans-serif;
}
#botpage .anchor div[class*="col"] {
margin-bottom: 0;
}
#botpage .anchor hr {
border-color: #ddd;
margin-top: 16px;
}
#botpage .wrapper {
margin-left: -6px;
margin-right: -6px;
}
#botpage .wrapper a {
padding-left: 6px;
padding-right: 6px;
padding-top: 8px;
display: inline-block;
}
#botpage .wrapper a:nth-child(2) {
padding-left: 10px;
padding-right: 10px;
}
#botpage .headline-wrapper {
margin-top: 12px;
}
@media (min-width: 960px) {
#botpage .headline-wrapper {
margin-top: 30px;
}
}
#botpage .index div[class*="col"] {
margin-bottom: 0;
}
#botpage .index h2 {
font-size: 24px;
font-family: CeraPro-Bold, sans-serif;
}
@media (min-width: 960px) {
#botpage .index h2 {
font-size: 30px;
}
}
#botpage .index h3 {
font-size: 14px;
line-height: inherit;
font-family: CeraPro-Bold, sans-serif;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 8px;
}
#botpage .index h3 a {
color: #333;
}
#botpage .index h3 a:hover {
color: #5cb885;
transition: color var(--transition-duration) var(--transition-timing-function);
text-decoration: none;
}
#botpage .index hr {
margin-top: 6px;
margin-bottom: 16px;
border-color: #333;
}
@media (min-width: 960px) {
#botpage .index hr {
margin-top: 12px;
margin-bottom: 22px;
}
}
#botpage .index .conditions {
display: flex;
justify-content: space-between;
}
#botpage .index .conditions .type {
font-size: 14px;
text-align: right;
}
#botpage .index .conditions .cashback {
font-size: 14px;
color: #909090;
padding-right: 22px;
}
#botpage .index .conditions i {
font-style: normal;
position: relative;
display: inline-block;
}
#botpage .index .conditions i:before {
position: absolute;
top: -8px;
left: 0;
font-family: "myWorld Font";
line-height: 0;
font-size: 25px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
#botpage .index .conditions i.sp:before {
content: "\0046";
top: 8.5px;
right: -21px;
left: inherit;
}
#botpage .index .conditions i.benefit-voucher {
top: 0;
}
#botpage .index .conditions i.benefit-voucher:before {
content: "\2044";
top: 8.5px;
right: -21px;
font-size: 25px;
left: inherit;
}
#botpage .index .conditions i.supercb {
top: 0;
padding-left: 13px;
}
#botpage .index .conditions i.supercb:before {
content: "\20A3";
top: 9px;
font-size: 14px;
}
#botpage .index .conditions i.cbdeal {
top: 0;
padding-left: 20px;
}
#botpage .index .conditions i.cbdeal:before {
font-family: "myWorld Icon Font v02";
content: "\E004";
font-size: 20px;
}
#botpage .index .entry hr {
border-color: #ddd;
margin-top: 12px;
margin-bottom: 12px;
}
#benefitstore a[id$="anchor"],
#benefitstore a[name$="anchor"] {
text-decoration: none;
}
#benefitstore .custom-tiles-header {
display: block;
margin-top: 0;
margin-bottom: 0;
padding-top: 30px !important;
padding-bottom: 22px;
}
@media (min-width: 600px) {
#benefitstore .custom-tiles-header {
padding-top: 46px !important;
}
}
@media (min-with: 960px) {
#benefitstore .custom-tiles-header {
padding-top: 38px !important;
}
}
@media (min-width: 1440px) {
#benefitstore .custom-tiles-header {
padding-top: 46px !important;
}
}
#benefitstore .custom-tiles-header i.benefit-voucher,
#benefitstore .custom-tiles-header i.sp {
padding-left: 0;
}
#benefitstore .custom-tiles-header i.benefit-voucher:before,
#benefitstore .custom-tiles-header i.sp:before {
top: 0;
right: inherit;
left: inherit;
position: relative;
font-style: normal;
font-size: 34px;
line-height: 0;
padding-right: 8px;
}
@media (min-width: 600px) {
#benefitstore .custom-tiles-header i.benefit-voucher:before,
#benefitstore .custom-tiles-header i.sp:before {
font-size: 36px;
}
}
@media (min-width: 768px) {
#benefitstore .custom-tiles-header i.benefit-voucher:before,
#benefitstore .custom-tiles-header i.sp:before {
font-size: 36px;
}
}
@media (min-width: 960px) {
#benefitstore .custom-tiles-header i.benefit-voucher:before,
#benefitstore .custom-tiles-header i.sp:before {
font-size: 38px;
}
}
@media (min-width: 1200px) {
#benefitstore .custom-tiles-header i.benefit-voucher:before,
#benefitstore .custom-tiles-header i.sp:before {
font-size: 38px;
}
}
@media (min-width: 1440px) {
#benefitstore .custom-tiles-header i.benefit-voucher:before,
#benefitstore .custom-tiles-header i.sp:before {
font-size: 42px;
}
}
@media (min-width: 1660px) {
#benefitstore .custom-tiles-header i.benefit-voucher:before,
#benefitstore .custom-tiles-header i.sp:before {
font-size: 46px;
}
}
#benefitstore .custom-tiles-header h3 {
margin: 0;
}
#benefitstore .custom-tiles-header a {
padding-top: 3px;
transition: color var(--transition-duration) var(--transition-timing-function);
}
@media (min-width: 600px) {
#benefitstore .custom-tiles-header a {
padding-top: 4px;
}
}
@media (min-width: 768px) {
#benefitstore .custom-tiles-header a {
padding-top: 4px;
}
}
@media (min-width: 960px) {
#benefitstore .custom-tiles-header a {
padding-top: 2px;
}
}
@media (min-width: 1200px) {
#benefitstore .custom-tiles-header a {
padding-top: 2px;
}
}
@media (min-width: 1440px) {
#benefitstore .custom-tiles-header a {
padding-top: 4px;
}
}
@media (min-width: 1660px) {
#benefitstore .custom-tiles-header a {
padding-top: 3px;
}
}
#benefitstore .favourite-categories .benefit-header {
margin-bottom: 1.5rem;
}
#benefitstore .favourite-categories .category-box {
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
height: 100%;
padding: 3rem;
margin-bottom: 12px;
border-radius: 10px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
#benefitstore .favourite-categories .category-box:before {
content: "";
position: absolute;
z-index: 0;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(
to right,
rgba(0, 0, 0, 0.6) 0,
rgba(0, 0, 0, 0) 50%
);
}
#benefitstore .favourite-categories .category-box h3,
#benefitstore .favourite-categories .category-box p {
color: #fff;
position: relative;
z-index: 1;
}
#benefitstore .favourite-categories .category-box p {
margin-top: 6px;
}
#benefitstore .favourite-categories .category-box h3 {
margin: 0;
}
#benefitstore .favourite-categories div[class^="col-"] {
margin-bottom: 36px;
}
#one-touch .form-control {
display: block;
width: 100%;
padding: 1em 1.2em;
font-size: 15px;
font-weight: 400;
font-family: CeraPro-Regular, sans-serif;
line-height: 1.5;
color: #333;
height: inherit;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #b6b6b6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 7px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#one-touch .form-control:focus {
color: #333;
background-color: #fff;
border-color: #5cb885;
outline: 0;
box-shadow: none;
}
#one-touch .form-control::-moz-placeholder {
color: #333;
opacity: 1;
}
#one-touch .form-control::placeholder {
color: #333;
opacity: 1;
}
#one-touch .form-control:disabled,
#one-touch .form-control[readonly] {
border-color: #ddd;
}
#one-touch .form-control:disabled::-moz-placeholder,
#one-touch .form-control[readonly]::-moz-placeholder {
color: #ddd;
}
#one-touch .form-control:disabled::placeholder,
#one-touch .form-control[readonly]::placeholder {
color: #ddd;
}
#one-touch .form-control.input-validation-error,
#one-touch .form-control:invalid {
border-color: #d54c4c !important;
box-shadow: none;
background-color: #fbeded !important;
}
#one-touch .form-control.input-validation-error ~ label,
#one-touch .form-control:invalid ~ label {
color: #d54c4c;
opacity: 1;
}
#one-touch .form-select {
display: block;
width: 100%;
padding: 1em 2.25em 1em 1.2em;
-moz-padding-start: calc(0.75em - 3px);
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #333;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 16px 12px;
border: 1px solid #b6b6b6;
border-radius: 7px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#one-touch label {
display: inline-block;
}
#one-touch select {
word-wrap: normal;
}
#one-touch .form-floating {
position: relative;
font-size: 15px;
}
#one-touch .form-floating > .form-control,
#one-touch .form-floating > .form-select {
height: calc(3.334em + 2px);
line-height: 1.25;
}
#one-touch .form-floating > label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1em 1.2em;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
#one-touch .form-floating > .form-control {
padding: 1em 1.2em;
}
#one-touch .form-floating > .form-control::-moz-placeholder {
color: transparent !important;
}
#one-touch .form-floating > .form-control::placeholder {
color: transparent !important;
}
#one-touch .form-floating > .form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
#one-touch .form-floating > .form-control:focus,
#one-touch .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
#one-touch .form-floating > .form-control:-webkit-autofill {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
#one-touch .form-floating > .form-select {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
#one-touch .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
#one-touch .form-floating > .form-control:focus ~ label,
#one-touch .form-floating > .form-control:not(:placeholder-shown) ~ label,
#one-touch .form-floating > .form-select ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
#one-touch .form-floating > .form-control:-webkit-autofill ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
#one-touch .form-floating > .form-control {
padding: 1em 1.2em;
}
#one-touch .form-floating > .form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
#one-touch .form-floating > .form-control:focus,
#one-touch .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
#one-touch .form-floating > .form-control,
#one-touch .form-floating > .form-select {
height: calc(3.334em + 2px);
line-height: 1.25;
}
#one-touch .form-floating > .form-select {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
#one-touch .form-floating > label {
color: #909090;
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1em 1.2em;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
#one-touch .form-floating > .form-control::-moz-placeholder {
color: transparent;
}
#one-touch .form-floating > .form-control::placeholder {
color: transparent;
}
#one-touch .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
#one-touch .form-floating > .form-control:focus ~ label,
#one-touch .form-floating > .form-control:not(:placeholder-shown) ~ label,
#one-touch .form-floating > .form-select ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
#one-touch .form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.75em;
margin-bottom: 0.125rem;
font-size: 15px;
}
#one-touch .form-check .form-check-input {
float: left;
margin-left: -1.75em;
}
#one-touch .form-check-input {
width: 1.25em;
height: 1.25em;
margin-top: 0.125em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #b6b6b6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
#one-touch .form-check-input:focus {
border-color: #5cb885;
outline: 0;
box-shadow: 0 0 0 0.25em rgba(92, 184, 133, 0.25);
}
#one-touch .form-check-input:checked {
background-color: #5cb885;
border-color: #5cb885;
}
#one-touch .form-check-input:checked[type="checkbox"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
#one-touch .form-check-input:disabled {
pointer-events: none;
border-color: #ddd;
}
#one-touch .form-check-input:disabled + label {
color: #ddd;
}
#one-touch .btn {
font-size: 16px;
padding-top: 11.5px;
padding-bottom: 11.5px;
}
#one-touch .form-check-label {
font-size: 16px;
}
#one-touch .d-flex {
display: flex;
}
#one-touch .banner {
position: relative;
background-size: cover;
background-position: center;
background-image: url("../../img/cbw/landingpage/myworld-onetouch-banner-2-mobile-600x600.jpg");
}
@media (min-width: 768px) {
#one-touch .banner {
background-image: url("../../img/cbw/landingpage/myworld-onetouch-preregistration-1920x540-.jpg");
}
}
#one-touch .banner.cards-available {
background-image: url("../../img/cbw/landingpage/myworld-onetouch-banner-2-mobile-600x600.jpg");
}
@media (min-width: 768px) {
#one-touch .banner.cards-available {
background-image: url("../../img/cbw/landingpage/myworld-onetouch-banner-2-1920x540.jpg");
}
}
#one-touch .banner h2,
#one-touch .banner p {
text-align: center;
}
@media (min-width: 768px) {
#one-touch .banner h2,
#one-touch .banner p {
text-align: left;
}
}
#one-touch .banner .txt {
margin: 30px 0;
}
#one-touch .banner .img {
align-self: flex-end;
}
#one-touch .banner .payment-box-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
#one-touch .banner .payment-box-wrapper {
justify-content: flex-start;
}
}
#one-touch .banner .payment-box-wrapper p {
padding-right: 12px;
}
#one-touch .banner .btn.mobile {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
}
#one-touch .banner .banner-btn {
text-align: center;
}
@media (min-width: 768px) {
#one-touch .banner .banner-btn {
text-align: left;
}
}
#one-touch #pre-register {
padding-top: 40px;
}
#one-touch #pre-register .row-tiles:after,
#one-touch #pre-register .row-tiles:before {
content: inherit !important;
}
#one-touch #pre-register .payment-method {
flex-direction: column;
}
@media (min-width: 600px) {
#one-touch #pre-register .payment-method {
justify-content: space-between;
flex-direction: row;
}
}
#one-touch #pre-register .payment-method.v2 {
flex-direction: column;
}
@media (min-width: 768px) {
#one-touch #pre-register .payment-method.v2 {
justify-content: space-between;
flex-direction: row;
}
}
#one-touch #pre-register .payment-method.v2 .payment-box-wrapper {
margin-top: 12px;
}
@media (min-width: 768px) {
#one-touch #pre-register .payment-method.v2 .payment-box-wrapper {
margin-top: 0;
}
}
#one-touch #pre-register .info {
color: #909090;
line-height: 1.5;
}
#one-touch .payment-box {
width: 54px;
height: 54px;
background-color: #fff;
border-radius: 7px;
}
#one-touch .payment-box-wrapper {
display: flex;
align-items: center;
}
#one-touch .payment-box-wrapper .payment-box {
margin-right: 12px;
}
#one-touch #discover-partners {
padding-top: 40px;
}
#one-touch .grid {
-moz-column-count: 1;
column-count: 1;
-moz-column-gap: 24px;
column-gap: 24px;
}
@media (min-width: 960px) {
#one-touch .grid {
-moz-column-count: 2;
column-count: 2;
}
}
#one-touch .grid .cell {
position: relative;
padding-top: 24px;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
transform: translateZ(0);
}
#one-touch .grid .cell .wrapper {
position: relative;
border-radius: 10px;
padding: 24px;
background-color: #fff;
}
#one-touch .grid .cell .wrapper:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
z-index: -1;
border-radius: 10px;
}
#one-touch .dealer-logo-wrapper {
width: 150px;
margin: auto;
}
#one-touch .dealer-logo-wrapper figure {
display: flex;
justify-content: center;
align-items: center;
height: 150px;
border-radius: 10px;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
}
#one-touch .dealer-logo-wrapper figure img {
height: auto;
width: auto;
max-width: 100%;
max-height: 150px;
}
#one-touch i.contact {
position: relative;
font-style: normal;
display: flex;
align-items: center;
}
#one-touch i.contact:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\004C";
}
#one-touch i.map {
position: relative;
font-style: normal;
display: flex;
align-items: center;
}
#one-touch i.map:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\0049";
margin-top: 1px;
left: 6px;
}
#one-touch i.social-media {
position: relative;
font-style: normal;
display: flex;
align-items: center;
}
#one-touch i.social-media:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\004D";
margin-top: 3px;
}
#one-touch i.id {
position: relative;
font-style: normal;
display: flex;
align-items: center;
}
#one-touch i.id:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\005D";
margin-top: 7px;
}
#one-touch i.sp {
position: relative;
font-style: normal;
display: flex;
align-items: center;
padding-right: 26px;
display: inline-block;
}
#one-touch i.sp:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\0046";
margin-top: -2px;
right: 0;
left: inherit;
font-size: 32px;
}
#one-touch i.amex {
font-style: normal;
display: flex;
align-items: center;
position: relative;
padding-left: 49px;
min-height: 29px;
}
#one-touch i.amex:before {
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "";
left: -5px;
top: 50%;
transform: translateY(-50%);
width: 54px;
height: 54px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../../img/cbw/landingpage/amex-pos-box-logo.png");
}
#one-touch i.visa {
font-style: normal;
display: flex;
align-items: center;
position: relative;
padding-left: 49px;
min-height: 29px;
}
#one-touch i.visa:before {
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "";
left: -5px;
top: 50%;
transform: translateY(-50%);
width: 54px;
height: 54px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../../img/cbw/landingpage/visa-pos-box-logo.png");
}
#one-touch i.mastercard {
font-style: normal;
display: flex;
align-items: center;
position: relative;
padding-left: 49px;
min-height: 29px;
}
#one-touch i.mastercard:before {
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "";
left: -5px;
top: 50%;
transform: translateY(-50%);
width: 54px;
height: 54px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-image: url("../../img/cbw/landingpage/mastercard-pos-box-logo.png");
}
#one-touch i.cbcard {
position: relative;
font-style: normal;
display: flex;
align-items: center;
padding-left: 49px;
min-height: 26px;
}
#one-touch i.cbcard:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\0021";
top: 12px;
left: 6px;
}
#one-touch i.online-shopping {
position: relative;
font-style: normal;
display: flex;
align-items: center;
padding-left: 49px;
}
#one-touch i.online-shopping:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\0044";
top: 10px;
left: 10px;
}
#one-touch i.b2b {
position: relative;
font-style: normal;
display: flex;
align-items: center;
padding-left: 49px;
}
#one-touch i.b2b:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\038";
top: 10px;
left: 7px;
}
#one-touch i.mobile-evoucher {
position: relative;
font-style: normal;
display: flex;
align-items: center;
padding-left: 49px;
}
#one-touch i.mobile-evoucher:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\00ED";
top: 9px;
left: 16px;
}
#one-touch i.mobile-ecredits {
position: relative;
font-style: normal;
display: flex;
align-items: center;
padding-left: 49px;
}
#one-touch i.mobile-ecredits:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\2026";
top: 10px;
left: 10px;
}
#one-touch i.mobile-voucher {
position: relative;
font-style: normal;
display: flex;
align-items: center;
padding-left: 49px;
}
#one-touch i.mobile-voucher:before {
position: absolute;
font-family: "myWorld Font";
font-size: 38px;
line-height: 0;
left: 0;
top: 14px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\00A8";
top: 9px;
left: 16px;
}
#one-touch .contact-box i {
padding-left: 27px;
}
#one-touch hr {
border-color: #ddd;
}
#one-touch .grid-container {
display: grid;
row-gap: 1px;
position: relative;
}
@media (min-width: 768px) {
#one-touch .grid-container {
grid-template-columns: max-content 1fr;
}
}
#one-touch .grid-container > span {
position: relative;
display: flex;
}
#one-touch .grid-container > span:nth-child(odd) {
color: #5cb885;
}
#one-touch .grid-container > span:nth-child(2n) {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
@media (min-width: 768px) {
#one-touch .grid-container > span {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
#one-touch .grid-container > span:nth-child(2n) {
padding-left: 21px;
}
}
#one-touch .grid-container.no-hr > span {
border-bottom: none;
}
#one-touch .categories > div {
padding-left: 16px;
position: relative;
}
#one-touch .categories > div:before {
content: "\007E";
position: absolute;
font-family: "myWorld Font";
font-size: 18px;
line-height: 0;
left: 0;
top: 13px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
#one-touch .readmore-wrapper {
max-height: 193px;
overflow: hidden;
transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
#one-touch .readmore-wrapper.open {
max-height: 1000px;
transition: max-height 1s ease-in-out;
}
#one-touch .acceptance-wrapper {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
#one-touch .partner-details {
position: relative;
}
#one-touch .partner-details .back {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: 0 0;
outline: 0;
padding: 0;
cursor: pointer;
white-space: nowrap;
position: absolute;
right: 25px;
top: 0;
z-index: 1;
}
@media (min-width: 1200px) {
#one-touch .partner-details .back {
width: 44px;
height: 44px;
border: 1px solid #eee;
border-radius: 50%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
}
}
#one-touch .partner-details .back svg {
transition: fill var(--transition-duration) var(--transition-timing-function);
}
#one-touch .partner-details .back:hover svg {
fill: #5cb885;
}
#one-touch-cms .bubble {
width: 110px;
height: 110px;
border-radius: 50%;
background-color: #5cb885;
display: flex;
align-items: center;
justify-content: center;
}
#one-touch-cms .bubble i {
font-size: 66px;
color: #fff;
}
@media (max-width: 767px) {
.modal-contact .modal-body {
padding-left: 15px;
padding-right: 15px;
}
.modal-contact .modal-body .container {
padding: 0;
}
}
.modal-contact #collapse-myTab [id^="collapse-"] {
padding: 0;
}
.modal-contact #collapse-myTab .panel {
padding-top: 0;
}
.modal-contact #collapse-myTab .panel-heading {
height: inherit;
border: none;
}
.modal-contact #collapse-myTab .panel-heading a {
font-family: CeraPro-Bold, sans-serif;
font-size: 16px;
height: 62px;
padding: 0;
display: flex;
align-items: center;
}
.modal-contact #collapse-myTab .panel-heading a:before {
position: absolute;
font-family: "myWorld Font";
content: "\007B";
top: 28px;
right: 0;
left: inherit;
line-height: 0;
transition: transform 0.3s ease-in-out;
transform-origin: top;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
font-size: 15px;
width: 12px;
height: 8px;
}
.modal-contact #collapse-myTab .panel-heading a.accordion-toggle:before {
transform: rotate(-180deg);
}
.modal-contact
#collapse-myTab
.panel-heading
a.accordion-toggle.collapsed:before {
transform: rotate(0);
}
.modal-contact #collapse-myTab .panel-body {
padding: 0;
}
.landing-template .form-control {
display: block;
width: 100%;
padding: 1em 1.2em;
font-size: 15px;
font-weight: 400;
font-family: CeraPro-Regular, sans-serif;
line-height: 1.5;
color: #333;
height: inherit;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #b6b6b6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 7px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.landing-template .form-control:focus {
color: #333;
background-color: #fff;
border-color: #5cb885;
outline: 0;
box-shadow: none;
}
.landing-template .form-control::-moz-placeholder {
color: #333;
opacity: 1;
}
.landing-template .form-control::placeholder {
color: #333;
opacity: 1;
}
.landing-template .form-control:disabled,
.landing-template .form-control[readonly] {
border-color: #ddd;
}
.landing-template .form-control:disabled::-moz-placeholder,
.landing-template .form-control[readonly]::-moz-placeholder {
color: #ddd;
}
.landing-template .form-control:disabled::placeholder,
.landing-template .form-control[readonly]::placeholder {
color: #ddd;
}
.landing-template .form-control.input-validation-error,
.landing-template .form-control:invalid {
border-color: #d54c4c !important;
box-shadow: none;
background-color: #fbeded !important;
}
.landing-template .form-control.input-validation-error ~ label,
.landing-template .form-control:invalid ~ label {
color: #d54c4c;
opacity: 1;
}
.landing-template .form-select {
display: block;
width: 100%;
padding: 1em 2.25em 1em 1.2em;
-moz-padding-start: calc(0.75em - 3px);
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #333;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 16px 12px;
border: 1px solid #b6b6b6;
border-radius: 7px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.landing-template label {
display: inline-block;
}
.landing-template select {
word-wrap: normal;
}
.landing-template .form-floating {
position: relative;
font-size: 15px;
}
.landing-template .form-floating > .form-control,
.landing-template .form-floating > .form-select {
height: calc(3.334em + 2px);
line-height: 1.25;
}
.landing-template .form-floating > label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1em 1.2em;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.landing-template .form-floating > .form-control {
padding: 1em 1.2em;
}
.landing-template .form-floating > .form-control::-moz-placeholder {
color: transparent !important;
}
.landing-template .form-floating > .form-control::placeholder {
color: transparent !important;
}
.landing-template .form-floating > .form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.landing-template .form-floating > .form-control:focus,
.landing-template .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.landing-template .form-floating > .form-control:-webkit-autofill {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.landing-template .form-floating > .form-select {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.landing-template
.form-floating
> .form-control:not(:-moz-placeholder-shown)
~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.landing-template .form-floating > .form-control:focus ~ label,
.landing-template
.form-floating
> .form-control:not(:placeholder-shown)
~ label,
.landing-template .form-floating > .form-select ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.landing-template .form-floating > .form-control:-webkit-autofill ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.landing-template .form-floating > .form-control {
padding: 1em 1.2em;
}
.landing-template .form-floating > .form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.landing-template .form-floating > .form-control:focus,
.landing-template .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.landing-template .form-floating > .form-control,
.landing-template .form-floating > .form-select {
height: calc(3.334em + 2px);
line-height: 1.25;
}
.landing-template .form-floating > .form-select {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.landing-template .form-floating > label {
color: #909090;
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1em 1.2em;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.landing-template .form-floating > .form-control::-moz-placeholder {
color: transparent;
}
.landing-template .form-floating > .form-control::placeholder {
color: transparent;
}
.landing-template
.form-floating
> .form-control:not(:-moz-placeholder-shown)
~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.landing-template .form-floating > .form-control:focus ~ label,
.landing-template
.form-floating
> .form-control:not(:placeholder-shown)
~ label,
.landing-template .form-floating > .form-select ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.landing-template .form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.75em;
margin-bottom: 0.125rem;
font-size: 15px;
}
.landing-template .form-check .form-check-input {
float: left;
margin-left: -1.75em;
}
.landing-template .form-check-input {
width: 1.25em;
height: 1.25em;
margin-top: 0.125em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #b6b6b6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.landing-template .form-check-input:focus {
border-color: #5cb885;
outline: 0;
box-shadow: 0 0 0 0.25em rgba(92, 184, 133, 0.25);
}
.landing-template .form-check-input:checked {
background-color: #5cb885;
border-color: #5cb885;
}
.landing-template .form-check-input:checked[type="checkbox"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.landing-template .form-check-input:disabled {
pointer-events: none;
border-color: #ddd;
}
.landing-template .form-check-input:disabled + label {
color: #ddd;
}
.landing-template .py-6 {
padding-top: 6.5vw;
padding-bottom: 6.5vw;
}
.landing-template .bold {
font-family: CeraPro-Bold, sans-serif;
}
.landing-template .colorize {
color: #5cb885;
}
.landing-template .center-mobile {
text-align: center;
}
@media (min-width: 768px) {
.landing-template .center-mobile {
text-align: left;
}
}
.landing-template .justify-center-mobile {
justify-content: center;
}
@media (min-width: 768px) {
.landing-template .justify-center-mobile {
justify-content: flex-start;
}
}
.landing-template .btn {
font-size: 16px;
padding-top: 11.5px;
padding-bottom: 11.5px;
}
.landing-template .form-check-label {
font-size: 16px;
}
.landing-template .d-flex {
display: flex;
}
.landing-template .banner {
position: relative;
background-size: cover;
background-position: center;
}
.landing-template .banner h1,
.landing-template .banner p {
text-align: center;
}
@media (min-width: 768px) {
.landing-template .banner h1,
.landing-template .banner p {
text-align: left;
}
}
.landing-template .banner .txt {
margin: 30px 0;
}
.landing-template .banner .banner-btn {
text-align: center;
}
@media (min-width: 768px) {
.landing-template .banner .banner-btn {
text-align: left;
}
}
.landing-template .banner .banner-btn a {
min-width: 220px;
}
#pluginShoppingTrackerPopUp .checker {
width: 278px;
height: 278px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
#pluginShoppingTrackerPopUp .checker:before {
content: "";
width: 100%;
height: 100%;
background-image: url("../../img/root/shopping-tracker/img-glow-colored-278x278.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
animation: spinPlugin 1.6s linear infinite;
animation-play-state: paused;
}
#pluginShoppingTrackerPopUp .checker button {
border: none;
background: 0 0;
text-decoration: none;
width: 168px;
height: 168px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#pluginShoppingTrackerPopUp .checker .text-muted {
color: #909090;
}
#pluginShoppingTrackerPopUp .checker .uppercase {
text-transform: uppercase;
}
#pluginShoppingTrackerPopUp .checker.animate:before {
animation-play-state: running;
}
#pluginShoppingTrackerPopUp .checker.error:before {
background-image: url("../../img/root/shopping-tracker/img-glow-red-278x278.png");
}
#pluginShoppingTrackerPopUp .checker.success:before {
background-image: url("../../img/root/shopping-tracker/img-glow-green-278x278.png");
}
#pluginShoppingTrackerPopUp ul {
list-style: none;
padding: 0;
margin: 0;
}
#pluginShoppingTrackerPopUp ul li {
position: relative;
padding-left: 34px;
margin-top: 28px;
}
#pluginShoppingTrackerPopUp ul li:first-child {
margin-top: 0;
}
#pluginShoppingTrackerPopUp ul li:before {
content: "";
position: absolute;
top: 3px;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #333;
}
#pluginShoppingTrackerPopUp ul li div {
color: #909090;
}
#pluginShoppingTrackerPopUp ul li div:first-child {
font-family: CeraPro-Medium, sans-serif;
color: #333;
}
#pluginShoppingTrackerPopUp ul li.pending {
position: relative;
}
#pluginShoppingTrackerPopUp ul li.pending:before {
content: "";
position: absolute;
top: 0;
left: -3px;
width: 26px;
height: 26px;
border-radius: 50%;
border: none;
background-image: url("../../img/root/shopping-tracker/img-glow-colored-26x26.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
animation: spinPlugin 1.6s linear infinite;
animation-play-state: running;
}
#pluginShoppingTrackerPopUp ul li.success {
position: relative;
}
#pluginShoppingTrackerPopUp ul li.success:after {
content: "";
position: absolute;
top: 9px;
left: 5px;
width: 10px;
height: 8px;
background-image: url("../../img/root/shopping-tracker/check.svg");
}
#pluginShoppingTrackerPopUp ul li.error {
position: relative;
}
#pluginShoppingTrackerPopUp ul li.error:after {
content: "";
position: absolute;
top: 9px;
left: 6px;
width: 8px;
height: 8px;
background-image: url("../../img/root/shopping-tracker/x.svg");
}
#pluginShoppingTrackerPopUp ul li i {
font-style: normal;
}
#pluginShoppingTrackerPopUp ul li i.arrows {
position: relative;
padding-left: 12.5px;
}
#pluginShoppingTrackerPopUp ul li i.arrows:before {
position: absolute;
font-family: "myWorld Font";
content: "\00B0";
width: 12.5px;
height: 10px;
top: 6px;
left: 0;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
font-size: 16px;
margin-top: 4px;
}
#pluginShoppingTrackerPopUp button.icon-info {
width: 24px;
height: 24px;
box-shadow: none;
border: none;
}
@media (min-width: 1200px) {
#pluginShoppingTrackerPopUp button.icon-info {
margin-right: 20px;
}
}
#pluginShoppingTrackerPopUp i.info {
position: relative;
font-style: normal;
padding-left: 24px;
}
#pluginShoppingTrackerPopUp i.info:before {
position: absolute;
font-family: "myWorld Font";
content: "\00FB";
width: 24px;
height: 24px;
top: 4px;
left: 2px;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
font-size: 26px;
margin-top: 4px;
transition: color var(--transition-duration) var(--transition-timing-function);
}
#pluginShoppingTrackerPopUp i.info:hover:before {
color: #5cb885;
}
#pluginShoppingTrackerPopUp .tracking.active {
position: relative;
padding-left: 36px;
}
#pluginShoppingTrackerPopUp .tracking.active:after {
content: "";
position: absolute;
top: 1px;
left: 0;
width: 36px;
height: 20px;
background-image: url("../../img/root/shopping-tracker/tracking-active.svg");
}
#pluginShoppingTrackerPopUp .tracking.idle {
position: relative;
padding-left: 36px;
}
#pluginShoppingTrackerPopUp .tracking.idle:after {
content: "";
position: absolute;
top: 1px;
left: 0;
width: 36px;
height: 20px;
background-image: url("../../img/root/shopping-tracker/tracking-idle.svg");
}
@keyframes spinPlugin {
to {
transform: rotate(360deg);
}
}
#pluginShoppingTrackerPopUp .modal-dialog {
padding-bottom: 0;
}
#pluginShoppingTrackerPopUp .m-footer {
padding: 15px 16px;
margin-top: 18px;
}
@media (min-width: 1200px) {
#pluginShoppingTrackerPopUp .m-footer {
margin-left: -107px;
margin-right: -107px;
}
}
body.modal-open-shopping-tracker #container-top,
body.modal-open-shopping-tracker #cookie-box,
body.modal-open-shopping-tracker #footer,
body.modal-open-shopping-tracker #support-box,
body.modal-open-shopping-tracker .asterisk,
body.modal-open-shopping-tracker .container-bottom {
filter: blur(20px);
}
body.modal-open-shopping-tracker #container-middle > div:not(.modal) {
filter: blur(20px);
}
body.modal-open-shopping-tracker .modal-backdrop.in {
opacity: 0;
}
.toolbox .m-auto,
.toolbox.m-auto {
margin: auto !important;
}
.toolbox .ml-auto,
.toolbox.ml-auto {
margin-left: auto !important;
}
.toolbox .ml-2,
.toolbox.ml-2 {
margin-left: 0.5rem !important;
}
.toolbox .ml-3,
.toolbox.ml-3 {
margin-left: 1rem !important;
}
.toolbox .ml-4,
.toolbox.ml-4 {
margin-left: 1.5rem !important;
}
.toolbox .mr-2,
.toolbox.mr-2 {
margin-right: 0.5rem !important;
}
.toolbox .mr-3,
.toolbox.mr-3 {
margin-right: 1rem !important;
}
.toolbox .mr-4,
.toolbox.mr-4 {
margin-right: 1.5rem !important;
}
.toolbox .mb-0,
.toolbox.mb-0 {
margin-bottom: 0 !important;
}
.toolbox .mb-1,
.toolbox.mb-1 {
margin-bottom: 0.25rem !important;
}
.toolbox .mb-2,
.toolbox.mb-2 {
margin-bottom: 0.5rem !important;
}
.toolbox .mb-3,
.toolbox.mb-3 {
margin-bottom: 1rem !important;
}
.toolbox .mb-4,
.toolbox.mb-4 {
margin-bottom: 1.5rem !important;
}
.toolbox .mb-5,
.toolbox.mb-5 {
margin-bottom: 3rem !important;
}
.toolbox .mb-6,
.toolbox.mb-6 {
margin-bottom: 4rem !important;
}
.toolbox .mb-7,
.toolbox.mb-7 {
margin-bottom: 5rem !important;
}
.toolbox .mt-auto,
.toolbox.mt-auto {
margin-top: auto !important;
}
.toolbox .mt-0,
.toolbox.mt-0 {
margin-top: 0 !important;
}
.toolbox .mt-1,
.toolbox.mt-1 {
margin-top: 0.25rem !important;
}
.toolbox .mt-2,
.toolbox.mt-2 {
margin-top: 0.5rem !important;
}
.toolbox .mt-3,
.toolbox.mt-3 {
margin-top: 1rem !important;
}
.toolbox .mt-4,
.toolbox.mt-4 {
margin-top: 1.5rem !important;
}
.toolbox .mt-5,
.toolbox.mt-5 {
margin-top: 4rem !important;
}
.toolbox .mt-6,
.toolbox.mt-6 {
margin-top: 4rem !important;
}
.toolbox .mt-7,
.toolbox.mt-7 {
margin-top: 5rem !important;
}
.toolbox .m-0,
.toolbox.m-0 {
margin: 0 !important;
}
.toolbox .m-1,
.toolbox.m-1 {
margin: 0.25rem !important;
}
.toolbox .m-2,
.toolbox.m-2 {
margin: 0.5rem !important;
}
.toolbox .m-3,
.toolbox.m-3 {
margin: 1rem !important;
}
.toolbox .m-4,
.toolbox.m-4 {
margin: 1.5rem !important;
}
.toolbox .m-5,
.toolbox.m-5 {
margin: 3rem !important;
}
.toolbox .pb-0,
.toolbox.pb-0 {
padding-bottom: 0 !important;
}
.toolbox .pb-1,
.toolbox.pb-1 {
padding-bottom: 0.25rem !important;
}
.toolbox .pb-2,
.toolbox.pb-2 {
padding-bottom: 0.5rem !important;
}
.toolbox .pb-3,
.toolbox.pb-3 {
margin: 1rem !important;
}
.toolbox .pb-4,
.toolbox.pb-4 {
margin: 1.5rem !important;
}
.toolbox .pb-5,
.toolbox.pb-5 {
margin: 3rem !important;
}
.toolbox .pt-0,
.toolbox.pt-0 {
padding-top: 0 !important;
}
.toolbox .pt-1,
.toolbox.pt-1 {
padding-top: 0.25rem !important;
}
.toolbox .pt-2,
.toolbox.pt-2 {
padding-top: 0.5rem !important;
}
.toolbox .pt-3,
.toolbox.pt-3 {
padding-top: 1rem !important;
}
.toolbox .pt-4,
.toolbox.pt-4 {
padding-top: 1.5rem !important;
}
.toolbox .pt-5,
.toolbox.pt-5 {
padding-top: 3rem !important;
}
.toolbox .p-0,
.toolbox.p-0 {
padding: 0 !important;
}
.toolbox .p-1,
.toolbox.p-1 {
padding: 0.25rem !important;
}
.toolbox .p-2,
.toolbox.p-2 {
padding: 0.5rem !important;
}
.toolbox .p-3,
.toolbox.p-3 {
padding: 1rem !important;
}
.toolbox .p-4,
.toolbox.p-4 {
padding: 1.5rem !important;
}
.toolbox .p-5,
.toolbox.p-5 {
padding: 3rem !important;
}
.toolbox .p-6,
.toolbox.p-6 {
padding: 4rem !important;
}
.toolbox .py-0,
.toolbox.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.toolbox .py-1,
.toolbox.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.toolbox .py-2,
.toolbox.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.toolbox .py-3,
.toolbox.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.toolbox .py-4,
.toolbox.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.toolbox .py-5,
.toolbox.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.toolbox .py-6,
.toolbox.py-6 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.toolbox .py-7,
.toolbox.py-7 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.toolbox .px-0,
.toolbox.px-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.toolbox .px-2,
.toolbox.px-2 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.toolbox .px-3,
.toolbox.px-3 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.toolbox .px-4,
.toolbox.px-4 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.toolbox .px-5,
.toolbox.px-5 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.toolbox .px-6,
.toolbox.px-6 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.toolbox .px-7,
.toolbox.px-7 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.toolbox .pl-5,
.toolbox.pl-5 {
padding-left: 3rem !important;
}
.toolbox .my-0,
.toolbox.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.toolbox .my-5,
.toolbox.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.toolbox .my-6,
.toolbox.my-6 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.toolbox .my-7,
.toolbox.my-7 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.toolbox .mx-0,
.toolbox.mx-0 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.toolbox .mx-2,
.toolbox.mx-2 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.toolbox .mx-3,
.toolbox.mx-3 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.toolbox .mx-4,
.toolbox.mx-4 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.toolbox .mx-5,
.toolbox.mx-5 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.toolbox .mx-6,
.toolbox.mx-6 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.toolbox .mx-7,
.toolbox.mx-7 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
@media (min-width: 768px) {
.toolbox .p-s-1 {
padding: 0.25rem !important;
}
.toolbox .p-s-2 {
padding: 0.5rem !important;
}
.toolbox .p-s-3 {
padding: 1rem !important;
}
.toolbox .p-s-4 {
padding: 1.5rem !important;
}
.toolbox .ml-s-auto,
.toolbox.ml-s-auto {
margin-left: auto !important;
}
}
@media (min-width: 960px) {
.toolbox .p-m-1 {
padding: 0.25rem !important;
}
.toolbox .p-m-2 {
padding: 0.5rem !important;
}
.toolbox .p-m-3 {
padding: 1rem !important;
}
.toolbox .p-m-4 {
padding: 1.5rem !important;
}
}
.toolbox .d-flex {
display: flex !important;
}
.toolbox .d-inline-flex {
display: inline-flex !important;
}
.toolbox .flex-row {
flex-direction: row !important;
}
.toolbox .flex-row-reverse {
flex-direction: row-reverse !important;
}
.toolbox .flex-column {
flex-direction: column !important;
}
.toolbox .flex-column-reverse {
flex-direction: column-reverse !important;
}
.toolbox .justify-content-start {
justify-content: flex-start !important;
}
.toolbox .justify-content-end {
justify-content: flex-end !important;
}
.toolbox .justify-content-center {
justify-content: center !important;
}
.toolbox .justify-content-between {
justify-content: space-between !important;
}
.toolbox .justify-content-around {
justify-content: space-around !important;
}
.toolbox .justify-content-evenly {
justify-content: space-evenly !important;
}
.toolbox .align-items-start {
align-items: flex-start !important;
}
.toolbox .align-items-end {
align-items: flex-end !important;
}
.toolbox .align-items-center {
align-items: center !important;
}
.toolbox .align-items-baseline {
align-items: baseline !important;
}
.toolbox .align-items-stretch {
align-items: stretch !important;
}
.toolbox .order-0 {
order: 0 !important;
}
.toolbox .order-1 {
order: 1 !important;
}
.toolbox .order-2 {
order: 2 !important;
}
.toolbox .order-3 {
order: 3 !important;
}
.toolbox .order-4 {
order: 4 !important;
}
.toolbox .order-5 {
order: 5 !important;
}
@media (min-width: 360px) {
.toolbox .order-xxs-0 {
order: 0 !important;
}
.toolbox .order-xxs-1 {
order: 1 !important;
}
.toolbox .order-xxs-2 {
order: 2 !important;
}
.toolbox .order-xxs-3 {
order: 3 !important;
}
.toolbox .order-xxs-4 {
order: 4 !important;
}
.toolbox .order-xxs-5 {
order: 5 !important;
}
}
@media (min-width: 600px) {
.toolbox .order-xs-0 {
order: 0 !important;
}
.toolbox .order-xs-1 {
order: 1 !important;
}
.toolbox .order-xs-2 {
order: 2 !important;
}
.toolbox .order-xs-3 {
order: 3 !important;
}
.toolbox .order-xs-4 {
order: 4 !important;
}
.toolbox .order-xs-5 {
order: 5 !important;
}
}
@media (min-width: 768px) {
.toolbox .order-s-0 {
order: 0 !important;
}
.toolbox .order-s-1 {
order: 1 !important;
}
.toolbox .order-s-2 {
order: 2 !important;
}
.toolbox .order-s-3 {
order: 3 !important;
}
.toolbox .order-s-4 {
order: 4 !important;
}
.toolbox .order-s-5 {
order: 5 !important;
}
}
@media (min-width: 960px) {
.toolbox .order-m-0 {
order: 0 !important;
}
.toolbox .order-m-1 {
order: 1 !important;
}
.toolbox .order-m-2 {
order: 2 !important;
}
.toolbox .order-m-3 {
order: 3 !important;
}
.toolbox .order-m-4 {
order: 4 !important;
}
.toolbox .order-m-5 {
order: 5 !important;
}
}
@media (min-width: 1200px) {
.toolbox .order-l-0 {
order: 0 !important;
}
.toolbox .order-l-1 {
order: 1 !important;
}
.toolbox .order-l-2 {
order: 2 !important;
}
.toolbox .order-l-3 {
order: 3 !important;
}
.toolbox .order-l-4 {
order: 4 !important;
}
.toolbox .order-l-5 {
order: 5 !important;
}
}
@media (min-width: 1440px) {
.toolbox .order-xl-0 {
order: 0 !important;
}
.toolbox .order-xl-1 {
order: 1 !important;
}
.toolbox .order-xl-2 {
order: 2 !important;
}
.toolbox .order-xl-3 {
order: 3 !important;
}
.toolbox .order-xl-4 {
order: 4 !important;
}
.toolbox .order-xl-5 {
order: 5 !important;
}
}
@media (min-width: 1660px) {
.toolbox .order-xxl-0 {
order: 0 !important;
}
.toolbox .order-xxl-1 {
order: 1 !important;
}
.toolbox .order-xxl-2 {
order: 2 !important;
}
.toolbox .order-xxl-3 {
order: 3 !important;
}
.toolbox .order-xxl-4 {
order: 4 !important;
}
.toolbox .order-xxl-5 {
order: 5 !important;
}
}
.toolbox .spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -0.125em;
border-radius: 50%;
animation: 0.75s linear infinite spinner-border;
border: 0.25em solid currentcolor;
border-right-color: transparent;
}
.toolbox .visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@keyframes spinner-border {
to {
transform: rotate(360deg);
}
}
.toolbox .bg-cover {
background-size: cover;
}
.toolbox .bg-contain {
background-size: contain;
}
.toolbox .bannner {
background-repeat: no-repeat;
}
.toolbox .bg-center {
background-position: center;
}
.toolbox .border-10 {
border-radius: 10px;
}
.toolbox .colorbox-1 {
background-color: #f5f5f5;
}
.toolbox .colorbox-2 {
background-color: rgba(92, 184, 133, 0.15);
}
.toolbox .ar-1-1 {
aspect-ratio: 1;
}
.toolbox .h-100 {
height: 100%;
}
.toolbox .border-10 {
border-radius: 10px;
}
.toolbox .col {
flex: 1 0 0%;
}
.toolbox .col-auto {
flex: 0 0 auto;
width: auto;
}
@media (min-width: 960px) {
.toolbox .col-m-auto {
flex: 0 0 auto;
width: auto;
}
}
.toolbox .banner-desktop-mobile .desktop,
.toolbox.banner-desktop-mobile .desktop {
display: none;
}
@media (min-width: 768px) {
.toolbox .banner-desktop-mobile .desktop,
.toolbox.banner-desktop-mobile .desktop {
display: block;
}
}
@media (min-width: 768px) {
.toolbox .banner-desktop-mobile .mobile,
.toolbox.banner-desktop-mobile .mobile {
display: none;
}
}
.selectric-country-registration-dropdown
.selectric
.label
span[class*="sprite-s-icons"],
.selectric-country-registration-dropdown
.selectric-items
li
span[class*="sprite-s-icons"] {
background: url("../../img/flags/countries-flags-flat-s-v4.png") no-repeat
center;
cursor: pointer;
background-size: 50%;
padding-left: 46px;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ae,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ae {
background-position: 0 0;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-al,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-al {
background-position: 0 -23px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-at,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-at {
background-position: 0 -46px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-au,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-au {
background-position: 0 -69px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ba,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ba {
background-position: 0 -92px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-be,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-be {
background-position: 0 -115px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-bg,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-bg {
background-position: 0 -138px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-br,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-br {
background-position: 0 -161px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-by,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-by {
background-position: 0 -184px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ca,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ca {
background-position: 0 -207px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ch,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ch {
background-position: 0 -230px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-co,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-co {
background-position: 0 -253px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-cv,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-cv {
background-position: 0 -276px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-cy,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-cy {
background-position: 0 -299px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-cz,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-cz {
background-position: 0 -322px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-de,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-de {
background-position: 0 -345px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-dk,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-dk {
background-position: 0 -368px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ee,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ee {
background-position: 0 -391px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-es,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-es {
background-position: 0 -414px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-eu,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-eu {
background-position: 0 -437px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-fi,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-fi {
background-position: 0 -460px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-fr,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-fr {
background-position: 0 -483px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-gb,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-gb {
background-position: 0 -506px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-gr,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-gr {
background-position: 0 -529px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-hk,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-hk {
background-position: 0 -552px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-hr,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-hr {
background-position: 0 -575px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-hu,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-hu {
background-position: 0 -598px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ie,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ie {
background-position: 0 -621px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-in,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-in {
background-position: 0 -644px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-it,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-it {
background-position: 0 -667px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-lt,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-lt {
background-position: 0 -690px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-lv,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-lv {
background-position: 0 -713px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-md,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-md {
background-position: 0 -736px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-me,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-me {
background-position: 0 -759px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-mk,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-mk {
background-position: 0 -782px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-mo,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-mo {
background-position: 0 -805px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-mx,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-mx {
background-position: 0 -828px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-my,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-my {
background-position: 0 -851px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-nl,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-nl {
background-position: 0 -874px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-no,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-no {
background-position: 0 -897px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-nz,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-nz {
background-position: 0 -920px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ph,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ph {
background-position: 0 -943px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-pl,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-pl {
background-position: 0 -966px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-pt,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-pt {
background-position: 0 -989px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-qa,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-qa {
background-position: 0 -1012px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ro,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ro {
background-position: 0 -1035px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-rs,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-rs {
background-position: 0 -1058px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ru,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ru {
background-position: 0 -1081px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-sa,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-sa {
background-position: 0 -1104px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-se,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-se {
background-position: 0 -1127px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-si,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-si {
background-position: 0 -1150px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-sk,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-sk {
background-position: 0 -1173px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-th,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-th {
background-position: 0 -1196px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-tr,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-tr {
background-position: 0 -1219px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-ua,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-ua {
background-position: 0 -1242px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-us,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-us {
background-position: 0 -1265px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-vn,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-vn {
background-position: 0 -1288px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-wr,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-wr {
background-position: 0 -1311px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-xk,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-xk {
background-position: 0 -1334px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-country-registration-dropdown
.selectric
.label
span.sprite-s-icons-za,
.selectric-country-registration-dropdown
.selectric-items
li
span.sprite-s-icons-za {
background-position: 0 -1357px;
width: 23px;
height: 23px;
display: inline-block;
}
.selectric-wrapper {
position: relative;
cursor: pointer;
}
.selectric-responsive {
width: 100%;
}
.selectric {
border: 1px solid #b6b6b6;
border-radius: 7px;
background: #fff;
position: relative;
overflow: hidden;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
height: 52px;
}
.selectric .label {
display: flex;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
align-items: center;
margin: 0 40px 0 10px;
font-size: 16px;
color: #333;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
font-weight: 400;
text-align: left;
margin: 0;
padding: 0;
height: 100%;
padding-left: 18px;
padding-right: 18px;
}
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
height: 40px;
background-color: #fff;
color: #b6b6b6;
text-align: center;
font: 0/0 a;
width: 60px !important;
}
.selectric .button:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
font-family: "myWorld Font";
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
content: "\007B";
color: #b6b6b6;
font-size: 25px;
}
.selectric-focus .selectric {
border-color: #838383;
}
.selectric-hover .selectric {
border-color: #9d9d9d;
}
.selectric-hover .selectric .button {
color: #9d9d9d;
}
.selectric-hover .selectric .button:after {
border-top-color: #9d9d9d;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric {
border-color: #9d9d9d;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-disabled {
opacity: 0.5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
}
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
box-sizing: border-box;
opacity: 0;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: 0 !important;
border: none !important;
background: 0 0 !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
}
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
border: 1px solid #b6b6b6;
z-index: -1;
border-radius: 7px;
padding: 14px 0;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items li,
.selectric-items ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 16px;
min-height: 20px;
}
.selectric-items li {
display: block;
padding: 10px;
color: #333;
cursor: pointer;
}
.selectric-items li.selected {
background: #5cb885;
}
.selectric-items li.highlighted {
background: #5cb885;
}
.selectric-items li:hover {
background: #5cb885;
}
.selectric-items .disabled {
opacity: 0.5;
cursor: default !important;
background: 0 0 !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: 0 0;
color: #444;
}
.selectric-items .selectric-group.disabled li {
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}
.selectric-form-control.selectric-not-empty ~ label {
top: 19px;
left: 19px;
font-size: 12px;
color: #5cb885;
z-index: 9999;
}
.selectric-form-control.selectric-open .selectric {
border: 1px solid #5cb885;
}
.selectric-form-control.selectric-open .button:after {
color: #5cb885;
}
.selectric-form-control.selectric-disabled ~ label {
color: #ddd;
}
.selectric-form-control .mwif-arrow-down-m {
position: absolute;
top: 3px;
right: 10px;
font-size: 26px;
top: 50%;
transform: translateY(-50%);
}
.selectric-form-control .sprite {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
.selectric-form-control .sprite span[class^="sprite-s-"] {
margin-right: -12px;
}
.selectric-form-control .country-name {
line-height: calc(24 / 16 * 1em);
width: calc(100% - 52px);
overflow: hidden;
text-overflow: ellipsis;
}
.selectric-form-control .img-wrapper {
display: flex;
align-items: center;
height: 100%;
width: 100%;
}
.selectric-form-control .img-wrapper img {
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
width: 23px;
border-radius: 50%;
margin-right: 12px;
}
.selectric-form-control .img-wrapper .name {
line-height: calc(24 / 16 * 1em);
width: calc(100% - 52px);
overflow: hidden;
text-overflow: ellipsis;
}
.bannertool .swiper {
position: relative;
display: flex;
justify-content: center;
}
.bannertool .swiper .swiper-slide {
position: relative;
width: 100%;
flex-shrink: 0;
}
@media (min-width: 768px) {
.bannertool .swiper .swiper-slide {
aspect-ratio: 1920/540;
}
}
.bannertool .swiper .swiper-slide .container-tiles {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.bannertool .swiper .swiper-slide .bg {
aspect-ratio: 1920/540;
display: none;
}
@media (min-width: 768px) {
.bannertool .swiper .swiper-slide .bg {
display: block;
}
}
.bannertool .swiper .swiper-slide .fg {
aspect-ratio: 1584/400;
display: none;
}
@media (min-width: 768px) {
.bannertool .swiper .swiper-slide .fg {
display: block;
}
}
.bannertool .swiper .swiper-slide .mobile {
aspect-ratio: 600/600;
}
@media (min-width: 768px) {
.bannertool .swiper .swiper-slide .mobile {
display: none;
}
}
.bannertool .swiper .swiper-slide a {
display: block;
}
.bannertool .swiper .swiper-slide img {
-o-object-fit: contain;
object-fit: contain;
margin: auto;
width: 100%;
height: 100%;
}
.bannertool .swiper .swiper-slide .fg {
opacity: 0;
transition: opacity 1s ease-in 0.6s;
}
.bannertool .swiper .swiper-slide.swiper-slide-active .fg {
opacity: 1;
}
.bannertool .swiper.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.bannertool .swiper.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.bannertool .swiper.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.bannertool .swiper.swiper-fade .swiper-slide-active,
.bannertool .swiper.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.bannertool .swiper .nav-buttons {
left: 50%;
position: absolute;
width: 100%;
transform: translate(-50%, -50%);
top: 50%;
z-index: 1;
}
.bannertool .swiper .btn-next,
.bannertool .swiper .btn-prev {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eee;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
background-color: #fff;
}
.bannertool .swiper .btn-next:hover svg path,
.bannertool .swiper .btn-prev:hover svg path {
fill: #5cb885;
}
.bannertool .swiper .btn-next svg,
.bannertool .swiper .btn-prev svg {
height: 13.64px;
}
.bannertool .swiper .btn-next svg path,
.bannertool .swiper .btn-prev svg path {
transition: fill var(--transition-duration) var(--transition-timing-function);
}
@media (min-width: 768px) {
.bannertool .swiper .btn-next,
.bannertool .swiper .btn-prev {
display: flex;
}
}
@media (min-width: 960px) {
.bannertool .swiper .btn-next,
.bannertool .swiper .btn-prev {
width: 38px;
height: 38px;
}
.bannertool .swiper .btn-next svg,
.bannertool .swiper .btn-prev svg {
height: 17.27px;
}
}
@media (min-width: 1660px) {
.bannertool .swiper .btn-next,
.bannertool .swiper .btn-prev {
width: 44px;
height: 44px;
}
.bannertool .swiper .btn-next svg,
.bannertool .swiper .btn-prev svg {
height: 20px;
}
}
.bannertool .swiper .btn-prev svg {
margin-right: 3px;
}
@media (min-width: 768px) {
.bannertool .swiper .btn-prev {
left: 9px;
}
}
@media (min-width: 960px) {
.bannertool .swiper .btn-prev {
left: 5px;
}
}
@media (min-width: 1660px) {
.bannertool .swiper .btn-prev {
left: 2px;
}
}
.bannertool .swiper .btn-next svg {
margin-left: 3px;
}
@media (min-width: 768px) {
.bannertool .swiper .btn-next {
right: 9px;
}
}
@media (min-width: 960px) {
.bannertool .swiper .btn-next {
right: 5px;
}
}
@media (min-width: 1660px) {
.bannertool .swiper .btn-next {
right: 2px;
}
}
.bannertool .swiper .bullets {
display: flex;
z-index: 1;
position: absolute;
bottom: 10px;
}
@media (min-width: 600px) {
.bannertool .swiper .bullets {
bottom: 18px;
}
}
@media (min-width: 768px) {
.bannertool .swiper .bullets {
bottom: calc(14px + 15px);
}
}
@media (min-width: 1200px) {
.bannertool .swiper .bullets {
bottom: calc(18px + 20px);
}
}
@media (min-width: 1440px) {
.bannertool .swiper .bullets {
bottom: calc(18px + 30px);
}
}
@media (min-width: 1660px) {
.bannertool .swiper .bullets {
bottom: calc(18px + 40px);
}
}
.bannertool .swiper .swiper-pagination-bullet {
width: 14px;
height: 14px;
background: #fff;
border: 1px solid #909090;
border-radius: 50%;
position: relative;
margin: 0 3px;
}
.bannertool
.swiper
.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #5cb885;
}
.bannertool .swiper .swiper-wrapper.disabled ~ .bullets,
.bannertool .swiper .swiper-wrapper.disabled ~ .nav-buttons {
display: none;
}
.make-form-bs5 .form-control {
display: block;
width: 100%;
padding: 1em 1.2em;
font-size: 15px;
font-weight: 400;
font-family: CeraPro-Regular, sans-serif;
line-height: 1.5;
color: #333;
height: inherit;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #b6b6b6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 7px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.make-form-bs5 .form-control:focus {
color: #333;
background-color: #fff;
border-color: #5cb885;
outline: 0;
box-shadow: none;
}
.make-form-bs5 .form-control::-moz-placeholder {
color: #333;
opacity: 1;
}
.make-form-bs5 .form-control::placeholder {
color: #333;
opacity: 1;
}
.make-form-bs5 .form-control:disabled,
.make-form-bs5 .form-control[readonly] {
border-color: #ddd;
}
.make-form-bs5 .form-control:disabled::-moz-placeholder,
.make-form-bs5 .form-control[readonly]::-moz-placeholder {
color: #ddd;
}
.make-form-bs5 .form-control:disabled::placeholder,
.make-form-bs5 .form-control[readonly]::placeholder {
color: #ddd;
}
.make-form-bs5 .form-control.input-validation-error,
.make-form-bs5 .form-control:invalid {
border-color: #d54c4c !important;
box-shadow: none;
background-color: #fbeded !important;
}
.make-form-bs5 .form-control.input-validation-error ~ label,
.make-form-bs5 .form-control:invalid ~ label {
color: #d54c4c;
opacity: 1;
}
.make-form-bs5 .form-select {
display: block;
width: 100%;
padding: 1em 2.25em 1em 1.2em;
-moz-padding-start: calc(0.75em - 3px);
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #333;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1em center;
background-size: 16px 12px;
border: 1px solid #b6b6b6;
border-radius: 7px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.make-form-bs5 label {
display: inline-block;
}
.make-form-bs5 select {
word-wrap: normal;
}
.make-form-bs5 .form-floating {
position: relative;
font-size: 15px;
}
.make-form-bs5 .form-floating > .form-control,
.make-form-bs5 .form-floating > .form-select {
height: calc(3.334em + 2px);
line-height: 1.25;
}
.make-form-bs5 .form-floating > label {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1em 1.2em;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.make-form-bs5 .form-floating > .form-control {
padding: 1em 1.2em;
}
.make-form-bs5 .form-floating > .form-control::-moz-placeholder {
color: transparent !important;
}
.make-form-bs5 .form-floating > .form-control::placeholder {
color: transparent !important;
}
.make-form-bs5 .form-floating > .form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.make-form-bs5 .form-floating > .form-control:focus,
.make-form-bs5 .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.make-form-bs5 .form-floating > .form-control:-webkit-autofill {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.make-form-bs5 .form-floating > .form-select {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.make-form-bs5
.form-floating
> .form-control:not(:-moz-placeholder-shown)
~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.make-form-bs5 .form-floating > .form-control:focus ~ label,
.make-form-bs5 .form-floating > .form-control:not(:placeholder-shown) ~ label,
.make-form-bs5 .form-floating > .form-select ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.make-form-bs5 .form-floating > .form-control:-webkit-autofill ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.make-form-bs5 .form-floating > .form-control {
padding: 1em 1.2em;
}
.make-form-bs5 .form-floating > .form-control:not(:-moz-placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.make-form-bs5 .form-floating > .form-control:focus,
.make-form-bs5 .form-floating > .form-control:not(:placeholder-shown) {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.make-form-bs5 .form-floating > .form-control,
.make-form-bs5 .form-floating > .form-select {
height: calc(3.334em + 2px);
line-height: 1.25;
}
.make-form-bs5 .form-floating > .form-select {
padding-top: 1.625em;
padding-bottom: 0.5em;
}
.make-form-bs5 .form-floating > label {
color: #909090;
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 1em 1.2em;
pointer-events: none;
border: 1px solid transparent;
transform-origin: 0 0;
transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.make-form-bs5 .form-floating > .form-control::-moz-placeholder {
color: transparent;
}
.make-form-bs5 .form-floating > .form-control::placeholder {
color: transparent;
}
.make-form-bs5
.form-floating
> .form-control:not(:-moz-placeholder-shown)
~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.make-form-bs5 .form-floating > .form-control:focus ~ label,
.make-form-bs5 .form-floating > .form-control:not(:placeholder-shown) ~ label,
.make-form-bs5 .form-floating > .form-select ~ label {
opacity: 1;
transform: scale(0.8) translateY(-0.5em) translateX(0.15em);
}
.make-form-bs5 .form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.75em;
margin-bottom: 0.125rem;
font-size: 15px;
}
.make-form-bs5 .form-check .form-check-input {
float: left;
margin-left: -1.75em;
}
.make-form-bs5 .form-check-input {
width: 1.25em;
height: 1.25em;
margin-top: 0.125em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #b6b6b6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.make-form-bs5 .form-check-input:focus {
border-color: #5cb885;
outline: 0;
box-shadow: 0 0 0 0.25em rgba(92, 184, 133, 0.25);
}
.make-form-bs5 .form-check-input:checked {
background-color: #5cb885;
border-color: #5cb885;
}
.make-form-bs5 .form-check-input:checked[type="checkbox"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.make-form-bs5 .form-check-input:disabled {
pointer-events: none;
border-color: #ddd;
}
.make-form-bs5 .form-check-input:disabled + label {
color: #ddd;
}
.form-check {
display: block;
min-height: 1.5rem;
padding-left: 1.75em;
margin-bottom: 0.125rem;
}
.form-check .form-check-input {
float: left;
margin-left: -1.75em;
}
.form-check-input {
width: 1.25em;
height: 1.25em;
margin-top: 0.125em;
vertical-align: top;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
border: 1px solid #b6b6b6;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.form-check-input[type="checkbox"] {
height: 1.75rem;
width: 1.75rem;
border-radius: 0.25em;
outline: 0 !important;
}
.form-check-input[type="checkbox"]:checked {
background-color: #5cb885;
border-color: #5cb885;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"][disabled] {
border-color: #ddd;
}
.form-check-input[type="checkbox"][disabled] + label {
color: #ddd;
}
.form-check-label {
margin-left: 0.5em;
}
.form-check-input[type="checkbox"].was-validated:not(:checked) {
border-color: #d54c4c;
background-color: #fbeded;
}
.bold,
b,
strong {
font-weight: 400 !important;
font-family: CeraPro-Bold, sans-serif !important;
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-banner-autoslider {
padding-bottom: 0;
}
.landing-page-wrapper .lp-banner-autoslider:before {
background: 0 0;
}
}
.landing-page-wrapper a.lp-link {
font-family: CeraPro-Bold, sans-serif;
}
.landing-page-wrapper a.lp-link:hover {
text-decoration: none;
}
.landing-page-wrapper .lp-topnews a:hover {
color: #6fcb98;
}
.landing-page-wrapper .lp-topnews a:hover h6 {
color: #6fcb98;
}
.landing-page-wrapper .lp-topnews h3 {
margin: 0;
}
.landing-page-wrapper .lp-topnews h3 a {
color: #333;
}
.landing-page-wrapper .lp-topnews h3 a:hover {
text-decoration: none;
}
.landing-page-wrapper .lp-topnews h6 {
font-family: CeraPro-Bold, sans-serif;
font-size: 11.5px;
}
.landing-page-wrapper .row-lp-events > div {
display: none;
}
.landing-page-wrapper .row-lp-events > div:first-child {
display: inline-block;
}
.landing-page-wrapper .row-lp-events > div:last-child {
display: inline-block;
}
@media (min-width: 768px) {
.landing-page-wrapper .row-lp-events > div {
display: inline-block;
}
}
.landing-page-wrapper .lp-banner .stamp {
font-family: CeraPro-Bold, sans-serif;
text-transform: none;
}
.landing-page-wrapper .lp-network a {
display: block;
text-decoration: none;
text-align: center;
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-network a {
text-align: left;
}
}
.landing-page-wrapper .lp-network h3 {
margin-top: 10px;
margin-bottom: 0;
font-size: 22px;
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-network .center-block {
float: left !important;
}
}
.landing-page-wrapper .lp-cbcard h3 {
margin-bottom: 0;
font-size: 22px;
}
.landing-page-wrapper .lp-cbcard h4 {
margin-top: 0;
margin-bottom: 14px;
color: #333;
font-family: CeraPro-Bold, sans-serif;
font-size: 13px;
line-height: 1.5em;
}
.landing-page-wrapper .lp-cbcard p {
margin-top: 0;
}
.landing-page-wrapper .lp-cbcard img {
margin: 16px auto 0;
}
@media (min-width: 992px) {
.landing-page-wrapper .lp-cbcard img {
margin: 0;
}
}
.landing-page-wrapper .lp-cbcard .header {
min-height: 1px;
}
.landing-page-wrapper .lp-cbcard hr {
margin-top: 12px;
}
.landing-page-wrapper .lp-header {
font-size: 36px;
margin-bottom: 0;
margin-top: 18px;
}
.landing-page-wrapper h2.lp-header {
font-size: 36px;
}
.landing-page-wrapper .box-app {
height: 100%;
}
@media (min-width: 768px) {
.landing-page-wrapper .box-app {
background: url("../../img/cbw/root/cashback-app.jpg") no-repeat bottom
right #fff;
min-height: 305px;
background-size: 70%;
}
}
@media (min-width: 992px) {
.landing-page-wrapper .box-app {
background-size: 65%;
}
}
.landing-page-wrapper .box-app .box-content {
background-color: #fff;
}
@media (min-width: 768px) {
.landing-page-wrapper .box-app .box-content {
background-color: transparent;
}
}
.landing-page-wrapper .box-cl-teaser {
height: 100%;
}
@media (min-width: 768px) {
.landing-page-wrapper .box-cl-teaser {
background: url("../../img/cbw/campaign-special/cbw-travel-memory2018-610x305.jpg")
no-repeat bottom right #fff;
min-height: 305px;
background-size: contain;
}
}
@media (min-width: 1200px) {
.landing-page-wrapper .box-cl-teaser {
background-size: cover;
}
}
.landing-page-wrapper .box-cl-teaser .box-content {
background-color: #fff;
}
@media (min-width: 768px) {
.landing-page-wrapper .box-cl-teaser .box-content {
background-color: transparent;
}
}
.landing-page-wrapper #howto-vid-wrapper {
position: relative;
}
.landing-page-wrapper #howto-vid-wrapper .play-btn {
display: inline-block;
position: absolute;
height: 86px;
width: 86px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
cursor: pointer;
transition: all 0.2s ease-out;
}
.landing-page-wrapper #howto-vid-wrapper .play-btn:before {
content: "\0028";
font-family: "myWorld Font";
position: absolute;
font-size: 132px;
line-height: 0;
right: 0;
top: 50%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
color: #fff !important;
transform: translateY(-50%);
margin-top: -2px;
text-shadow: 0 0 60px #000;
}
.landing-page-wrapper #howto-vid-wrapper .play-btn:hover:before {
color: #6fcb98 !important;
}
.landing-page-wrapper .custom-tiles-header {
padding-top: 25px;
margin-bottom: 30px;
}
.landing-page-wrapper .custom-tiles-header h3 i.benefit-voucher {
width: 40px;
height: 32px;
}
.landing-page-wrapper .custom-tiles-header h3 i.benefit-voucher:before {
top: 18px;
font-size: 45px;
}
.landing-page-wrapper .container {
padding-top: 0 !important;
padding-bottom: 50px !important;
}
.landing-page-wrapper .pb-0 {
padding-bottom: 0 !important;
}
.landing-page-wrapper .headline {
margin-bottom: 0.5rem !important;
}
.landing-page-wrapper .subhead {
color: #909090;
font-size: 24px;
margin-bottom: 30px;
}
.landing-page-wrapper #socialmedia-wall .btn-link {
text-decoration: none;
font-family: CeraPro-Bold, sans-serif;
font-size: 16px;
}
.landing-page-wrapper #socialmedia-wall iframe {
margin: 0;
padding: 0;
}
.landing-page-wrapper .benefit-campaign-banner {
position: relative;
border-radius: 10px;
margin-top: -15px;
margin-bottom: 15px;
}
.landing-page-wrapper .benefit-campaign-banner img {
border-radius: 10px;
}
.landing-page-wrapper .benefit-campaign-banner:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
z-index: -1;
border-radius: 10px;
}
.landing-page-wrapper .benefit-campaign-banner:after {
transition: opacity 125ms ease-in-out;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
z-index: -1;
border-radius: 10px;
opacity: 0;
}
.landing-page-wrapper .benefit-campaign-banner.hover:after,
.landing-page-wrapper .benefit-campaign-banner:hover:after {
opacity: 1;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.25);
}
.landing-page-wrapper .brand-cbw {
color: #5cb885;
}
.landing-page-wrapper .custom-center header {
padding-top: 30px;
position: relative;
text-align: center;
}
@media (min-width: 768px) {
.landing-page-wrapper .custom-center header {
padding-top: 50px;
}
}
.landing-page-wrapper .custom-center header h1,
.landing-page-wrapper .custom-center header h2 {
font-size: 42px;
line-height: 1.25;
}
.landing-page-wrapper .custom-center p {
line-height: 1.5;
}
.landing-page-wrapper .custom-center .btn-link {
display: inline-block;
}
.landing-page-wrapper-v2 .content-row-top {
margin-top: 16px;
}
@media (min-width: 768px) {
.landing-page-wrapper-v2 .content-row-top {
margin-top: -15px;
}
}
@media (min-width: 1200px) {
.landing-page-wrapper-v2 .content-row-top {
margin-top: -20px;
}
}
@media (min-width: 1440px) {
.landing-page-wrapper-v2 .content-row-top {
margin-top: -30px;
}
}
@media (min-width: 1660px) {
.landing-page-wrapper-v2 .content-row-top {
margin-top: -40px;
}
}
.landing-page-wrapper-v2 .content-row-top.hidden-mobile + div {
margin-top: 20px;
}
@media (min-width: 768px) {
.landing-page-wrapper-v2 .content-row-top .custom-tiles .swiper-container {
padding-top: 10px !important;
margin-top: 30px !important;
}
}
.landing-page-wrapper-v2:not(.benefit-lounge)
.content-row-top
> div:first-child
.swiper-container {
margin-top: -12px !important;
padding-top: 12px !important;
top: 28px !important;
margin-bottom: 28px !important;
}
@media (min-width: 1200px) {
.landing-page-wrapper-v2.benefit-lounge
.content-row-top
> div:first-child
.swiper-container {
margin-top: -12px !important;
padding-top: 12px !important;
top: 28px !important;
margin-bottom: 28px !important;
}
}
.landing-page-wrapper-v2.benefit-lounge #bootslider .pagination {
bottom: 55px !important;
}
@media (min-width: 768px) {
.landing-page-wrapper-v2.benefit-lounge #bootslider .pagination {
bottom: 55px !important;
}
}
@media (min-width: 1200px) {
.landing-page-wrapper-v2.benefit-lounge #bootslider .pagination {
bottom: 38px !important;
}
}
@media (min-width: 1440px) {
.landing-page-wrapper-v2.benefit-lounge #bootslider .pagination {
bottom: 48px !important;
}
}
@media (min-width: 1660px) {
.landing-page-wrapper-v2.benefit-lounge #bootslider .pagination {
bottom: 58px !important;
}
}
.landing .d-none {
display: none !important;
}
@media (min-width: 768px) {
.landing .d-s-none {
display: none !important;
}
}
@media (min-width: 600px) {
.landing .d-xs-flex {
display: flex !important;
}
}
@media (min-width: 768px) {
.landing .d-s-flex {
display: flex !important;
}
}
.landing .sg-my-7 {
margin-top: 100px !important;
margin-bottom: 100px !important;
}
@media (min-width: 1660px) {
.landing .sg-my-7 {
margin-top: 150px !important;
margin-bottom: 150px !important;
}
}
.landing .sg-py-6 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
@media (min-width: 1660px) {
.landing .sg-py-6 {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
}
.landing .order-1 {
order: 1 !important;
}
.landing .order-2 {
order: 2 !important;
}
@media (min-width: 600px) {
.landing .xs-order-1 {
order: 1 !important;
}
}
@media (min-width: 768px) {
.landing .s-order-2 {
order: 2 !important;
}
}
@media (min-width: 600px) {
.landing .xs-order-2 {
order: 2 !important;
}
}
@media (min-width: 768px) {
.landing .s-order-1 {
order: 1 !important;
}
}
.landing .size-h2 {
margin-top: 0;
}
@media (min-width: 1660px) {
.landing .size-p {
font-size: 18px !important;
}
}
.landing .btn-primary {
display: flex !important;
width: 100%;
height: 52px;
align-items: center;
border-radius: 5px;
text-align: center;
justify-content: center;
box-shadow: 0 10px 30px 0.8px rgba(92, 184, 133, 0.5);
background-image: none;
color: #fff;
font-family: CeraPro-Medium, sans-serif;
font-size: 16px;
padding: 0 12px;
white-space: normal;
background-color: #5cb885;
transition: background-color var(--transition-duration)
var(--transition-timing-function);
outline: 0;
}
@media (min-width: 600px) {
.landing .btn-primary {
width: 220px;
}
}
.landing .btn-primary:active,
.landing .btn-primary:focus,
.landing .btn-primary:hover {
text-decoration: none;
background-color: inherit;
box-shadow: 0 10px 30px 0.8px rgba(92, 184, 133, 0.51);
background-image: none;
color: #fff;
background-color: #91cfad;
}
.landing .btn-secondary {
display: flex !important;
width: 100%;
height: 52px;
align-items: center;
border-radius: 5px;
text-align: center;
justify-content: center;
box-shadow: none;
background-image: none;
color: #333;
font-family: CeraPro-Medium, sans-serif;
font-size: 16px;
padding: 0 12px;
white-space: normal;
background-color: transparent;
transition: color var(--transition-duration) var(--transition-timing-function);
outline: 0;
}
@media (min-width: 600px) {
.landing .btn-secondary {
width: 220px;
}
}
.landing .btn-secondary:active,
.landing .btn-secondary:focus,
.landing .btn-secondary:hover {
text-decoration: none;
background-color: inherit;
box-shadow: none;
background-image: none;
color: #5cb885;
background-color: transparent;
}
.landing .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
}
.landing .bg .bg-img {
position: relative;
z-index: -1;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.landing .bg .mobile {
display: none;
}
}
.landing .bg .desktop {
display: none;
}
@media (min-width: 768px) {
.landing .bg .desktop {
display: block;
}
}
.landing .banner {
position: relative;
overflow: hidden;
color: #fff;
}
@media (min-width: 768px) {
.landing .banner {
height: 577px;
}
}
@media (min-width: 960px) {
.landing .banner {
height: calc((var(--vh, 1vh) * 100) - 56px);
}
}
@media (min-width: 1200px) {
.landing .banner {
height: calc((var(--vh, 1vh) * 100) - 60px);
}
}
@media (min-width: 1440px) {
.landing .banner {
height: calc((var(--vh, 1vh) * 100) - 60px);
}
}
@media (min-width: 1660px) {
.landing .banner {
height: calc((var(--vh, 1vh) * 100) - 70px);
}
}
.landing .banner h1.size-h1 {
display: flex;
color: #fff;
justify-content: center;
}
@media (max-width: 767px) {
.landing .banner h1.size-h1 {
font-size: 36px !important;
}
}
@media (min-width: 768px) {
.landing .banner h1.size-h1 {
justify-content: flex-start;
}
}
@media (min-width: 1660px) {
.landing .banner h1.size-h1 {
font-size: 68px !important;
}
}
.landing .banner h1.size-h1 .mwif-cashback,
.landing .banner h1.size-h1 .mwif-scan {
font-size: 0.9em;
top: 2px;
}
.landing .banner .size-p {
display: flex;
justify-content: center;
text-align: center;
}
@media (min-width: 768px) {
.landing .banner .size-p {
justify-content: flex-start;
text-align: left;
}
}
.landing .banner video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: -1;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
}
.landing .banner .img-wrapper {
position: relative;
}
.landing .banner .img-wrapper .app {
max-width: 100%;
max-height: calc(100%);
}
.landing .banner .img-wrapper .app + div {
left: 0;
max-width: 100%;
max-height: 100%;
margin-top: 12px;
}
.landing .banner .img-wrapper .store {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
top: -13px;
}
@media (min-width: 600px) {
.landing .banner .img-wrapper .store img {
max-width: 250px;
}
}
.landing .banner .my-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
margin-left: auto;
max-width: 240px;
}
@media (min-width: 1200px) {
.landing .banner .my-wrapper {
max-width: 280px;
}
}
@media (min-width: 1440px) {
.landing .banner .my-wrapper {
max-width: 330px;
}
}
.landing .banner .btn-desktop {
display: none !important;
}
@media (min-width: 768px) {
.landing .banner .btn-desktop {
display: flex !important;
}
}
.landing .banner .mobile-img .placeholder {
aspect-ratio: 312/513;
}
.landing .banner .mobile-img img {
position: absolute;
top: 0;
right: 0;
width: calc(100% - 24px);
left: 50%;
transform: translateX(-50%);
}
.landing .banner .btn-scan-go {
margin: 0 auto;
}
@media (min-width: 768px) {
.landing .banner .btn-scan-go {
margin: unset;
}
}
.landing .banner .content {
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.landing .banner .btn-scroll-down {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
font-size: 3em;
color: #fff;
transition: var(--transition-duration) var(--transition-timing-function);
animation: btnScrollDown 5s infinite;
}
.landing .banner .btn-scroll-down:hover {
color: #5cb885;
}
.landing .banner .btn-scroll-down:hover i:after {
content: "";
display: block;
position: absolute;
width: 100%;
aspect-ratio: 1;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
transition: opacity 0.3s, transform 0.3s;
animation: halo 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
z-index: -1;
margin-top: 8px;
}
@media (min-width: 1200px) {
.landing .banner .btn-scroll-down {
font-size: 4em;
}
.landing .banner .btn-scroll-down:hover i:after {
margin-top: 11px;
}
}
@keyframes btnScrollDown {
0% {
transform: translate(-50%, 0);
}
10% {
transform: translate(-50%, 10px);
}
20% {
transform: translate(-50%, 0);
}
}
@keyframes halo {
0% {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 0;
transform: scale(1.5);
}
}
.landing .banner .btn-secondary {
color: #fff;
}
.landing .banner .btn-secondary:hover {
color: #5cb885;
}
.landing .banner .btn-mobile {
position: absolute;
bottom: 55px;
left: 0;
display: flex;
width: 100%;
}
@media (min-width: 768px) {
.landing .banner .btn-mobile {
display: none !important;
}
}
.landing .banner .btn-mobile a {
max-width: -moz-max-content;
max-width: max-content;
min-width: 220px;
padding-left: 25px;
padding-right: 25px;
margin-left: auto;
margin-right: auto;
}
@keyframes pulse {
0% {
transform: translate(0, 0);
}
50% {
transform: translate(0, 10px);
}
100% {
transform: translate(0, 0);
}
}
.landing .circle-scan {
width: 80px;
height: 80px;
background: #333;
border-radius: 50%;
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.4);
margin: 0 auto;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1660px) {
.landing .circle-scan {
width: 120px;
height: 120px;
}
}
.landing #spIcon .mwif-sp {
position: relative;
top: 0.5rem;
}
.landing #how-it-works .swiper-howto,
.landing #how-it-works .swiper-plugin,
.landing #myworld-plugin .swiper-howto,
.landing #myworld-plugin .swiper-plugin {
overflow: hidden;
background-color: #333;
position: relative;
}
.landing #how-it-works .swiper-howto .swiper-wrapper,
.landing #how-it-works .swiper-plugin .swiper-wrapper,
.landing #myworld-plugin .swiper-howto .swiper-wrapper,
.landing #myworld-plugin .swiper-plugin .swiper-wrapper {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.landing #how-it-works .swiper-howto .swiper-wrapper:before,
.landing #how-it-works .swiper-plugin .swiper-wrapper:before,
.landing #myworld-plugin .swiper-howto .swiper-wrapper:before,
.landing #myworld-plugin .swiper-plugin .swiper-wrapper:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.landing #how-it-works .swiper-pagination,
.landing #myworld-plugin .swiper-pagination {
padding-top: 25px;
}
@media (min-width: 1660px) {
.landing #how-it-works .swiper-pagination,
.landing #myworld-plugin .swiper-pagination {
padding-top: 32px;
}
}
.landing #how-it-works .swiper-pagination ul,
.landing #myworld-plugin .swiper-pagination ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
position: relative;
white-space: nowrap;
overflow: auto;
padding-bottom: 11px;
-ms-overflow-style: none;
scrollbar-width: none;
}
.landing #how-it-works .swiper-pagination ul::-webkit-scrollbar,
.landing #myworld-plugin .swiper-pagination ul::-webkit-scrollbar {
display: none;
}
@media (min-width: 768px) {
.landing #how-it-works .swiper-pagination ul,
.landing #myworld-plugin .swiper-pagination ul {
padding-bottom: 10px;
}
}
@media (min-width: 960px) {
.landing #how-it-works .swiper-pagination ul,
.landing #myworld-plugin .swiper-pagination ul {
padding-bottom: 9px;
}
}
@media (min-width: 1200px) {
.landing #how-it-works .swiper-pagination ul,
.landing #myworld-plugin .swiper-pagination ul {
padding-bottom: 10px;
}
}
@media (min-width: 1660px) {
.landing #how-it-works .swiper-pagination ul,
.landing #myworld-plugin .swiper-pagination ul {
padding-bottom: 13px;
}
}
.landing #how-it-works .swiper-pagination li,
.landing #myworld-plugin .swiper-pagination li {
cursor: pointer;
position: relative;
margin-left: 18px;
margin-right: 18px;
}
.landing #how-it-works .swiper-pagination li:first-child,
.landing #myworld-plugin .swiper-pagination li:first-child {
margin-left: 0;
}
.landing #how-it-works .swiper-pagination li:last-child,
.landing #myworld-plugin .swiper-pagination li:last-child {
margin-right: 0;
}
.landing #how-it-works .swiper-pagination li:before,
.landing #myworld-plugin .swiper-pagination li:before {
content: "";
position: absolute;
left: 50%;
bottom: -0.6em;
width: 0;
height: 2px;
background: tranparent;
transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
.landing #how-it-works .swiper-pagination li.active,
.landing #myworld-plugin .swiper-pagination li.active {
font-family: CeraPro-Bold, sans-serif;
}
.landing #how-it-works .swiper-pagination li.active:before,
.landing #how-it-works .swiper-pagination li:hover:before,
.landing #myworld-plugin .swiper-pagination li.active:before,
.landing #myworld-plugin .swiper-pagination li:hover:before {
width: 100%;
left: 0;
background: #333;
}
.landing #how-it-works .swiper-pagination hr,
.landing #myworld-plugin .swiper-pagination hr {
border-color: #ddd;
}
.landing #how-it-works .btn-next,
.landing #how-it-works .btn-prev,
.landing #myworld-plugin .btn-next,
.landing #myworld-plugin .btn-prev {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eee;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
background-color: #fff;
}
.landing #how-it-works .btn-next:hover svg path,
.landing #how-it-works .btn-prev:hover svg path,
.landing #myworld-plugin .btn-next:hover svg path,
.landing #myworld-plugin .btn-prev:hover svg path {
fill: #5cb885;
}
.landing #how-it-works .btn-next svg,
.landing #how-it-works .btn-prev svg,
.landing #myworld-plugin .btn-next svg,
.landing #myworld-plugin .btn-prev svg {
height: 13.64px;
}
.landing #how-it-works .btn-next svg path,
.landing #how-it-works .btn-prev svg path,
.landing #myworld-plugin .btn-next svg path,
.landing #myworld-plugin .btn-prev svg path {
transition: fill var(--transition-duration) var(--transition-timing-function);
}
@media (min-width: 960px) {
.landing #how-it-works .btn-next,
.landing #how-it-works .btn-prev,
.landing #myworld-plugin .btn-next,
.landing #myworld-plugin .btn-prev {
width: 38px;
height: 38px;
}
.landing #how-it-works .btn-next svg,
.landing #how-it-works .btn-prev svg,
.landing #myworld-plugin .btn-next svg,
.landing #myworld-plugin .btn-prev svg {
height: 17.27px;
}
}
@media (min-width: 1660px) {
.landing #how-it-works .btn-next,
.landing #how-it-works .btn-prev,
.landing #myworld-plugin .btn-next,
.landing #myworld-plugin .btn-prev {
width: 44px;
height: 44px;
}
.landing #how-it-works .btn-next svg,
.landing #how-it-works .btn-prev svg,
.landing #myworld-plugin .btn-next svg,
.landing #myworld-plugin .btn-prev svg {
height: 20px;
}
}
.landing #how-it-works .btn-next.swiper-button-disabled,
.landing #how-it-works .btn-prev.swiper-button-disabled,
.landing #myworld-plugin .btn-next.swiper-button-disabled,
.landing #myworld-plugin .btn-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
}
.landing #how-it-works .btn-prev,
.landing #myworld-plugin .btn-prev {
left: 12px;
}
.landing #how-it-works .btn-prev svg,
.landing #myworld-plugin .btn-prev svg {
margin-right: 3px;
}
.landing #how-it-works .btn-next,
.landing #myworld-plugin .btn-next {
right: 12px;
}
.landing #how-it-works .btn-next svg,
.landing #myworld-plugin .btn-next svg {
margin-left: 3px;
}
.landing #how-it-works #how-to-steps,
.landing #how-it-works #how-to-steps-2,
.landing #myworld-plugin #how-to-steps,
.landing #myworld-plugin #how-to-steps-2 {
border-top: 1px solid #ddd;
margin-top: -1.5px;
position: relative;
z-index: -1;
padding-top: 25px;
}
@media (min-width: 1660px) {
.landing #how-it-works #how-to-steps,
.landing #how-it-works #how-to-steps-2,
.landing #myworld-plugin #how-to-steps,
.landing #myworld-plugin #how-to-steps-2 {
padding-top: 32px;
}
}
.landing #how-it-works #how-to-steps .size-h4,
.landing #how-it-works #how-to-steps-2 .size-h4,
.landing #myworld-plugin #how-to-steps .size-h4,
.landing #myworld-plugin #how-to-steps-2 .size-h4 {
margin: 0;
margin-top: 4px;
}
.landing #how-it-works #how-to-steps .size-p,
.landing #how-it-works #how-to-steps-2 .size-p,
.landing #myworld-plugin #how-to-steps .size-p,
.landing #myworld-plugin #how-to-steps-2 .size-p {
margin: 0;
margin-top: 4px;
}
.landing #how-it-works #how-to-steps .content,
.landing #how-it-works #how-to-steps-2 .content,
.landing #myworld-plugin #how-to-steps .content,
.landing #myworld-plugin #how-to-steps-2 .content {
display: none;
}
.landing #how-it-works #how-to-steps .browsers,
.landing #how-it-works #how-to-steps-2 .browsers,
.landing #myworld-plugin #how-to-steps .browsers,
.landing #myworld-plugin #how-to-steps-2 .browsers {
align-items: center;
justify-content: flex-start;
margin-top: 21px;
}
@media (min-width: 600px) {
.landing #how-it-works #how-to-steps .browsers,
.landing #how-it-works #how-to-steps-2 .browsers,
.landing #myworld-plugin #how-to-steps .browsers,
.landing #myworld-plugin #how-to-steps-2 .browsers {
margin-top: 0;
justify-content: flex-end;
}
}
.landing #how-it-works #how-to-steps .browsers > div,
.landing #how-it-works #how-to-steps-2 .browsers > div,
.landing #myworld-plugin #how-to-steps .browsers > div,
.landing #myworld-plugin #how-to-steps-2 .browsers > div {
flex-grow: 0;
}
.landing #how-it-works #how-to-steps .browser,
.landing #how-it-works #how-to-steps-2 .browser,
.landing #myworld-plugin #how-to-steps .browser,
.landing #myworld-plugin #how-to-steps-2 .browser {
width: 55px;
height: 55px;
border-radius: 5px;
box-shadow: 0 3.5px 20px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: center;
}
.landing #how-it-works #how-to-steps .browser img,
.landing #how-it-works #how-to-steps-2 .browser img,
.landing #myworld-plugin #how-to-steps .browser img,
.landing #myworld-plugin #how-to-steps-2 .browser img {
width: 35px;
opacity: 0.3;
}
.landing #how-it-works #how-to-steps .browser.active img,
.landing #how-it-works #how-to-steps-2 .browser.active img,
.landing #myworld-plugin #how-to-steps .browser.active img,
.landing #myworld-plugin #how-to-steps-2 .browser.active img {
opacity: 1;
}
.landing #your-benefits h3,
.landing #your-benefits p {
margin: 0;
}
.landing #your-benefits ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
margin-top: 21px;
}
@media (min-width: 768px) {
.landing #your-benefits ul {
margin-top: 0;
}
}
.landing #your-benefits li {
display: flex;
padding-top: 30px;
}
@media (min-width: 1440px) {
.landing #your-benefits li {
padding-top: 4em;
}
}
.landing #your-benefits li:first-child {
padding-top: 0;
}
.landing #your-benefits .circle {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background-color: #eee;
border-radius: 50%;
}
@media (min-width: 1440px) {
.landing #your-benefits .circle {
width: 64px;
height: 64px;
}
}
.landing #your-benefits .circle + div {
padding-left: 24px;
}
.landing #your-benefits .circle svg {
max-width: 24px;
}
@media (min-width: 1440px) {
.landing #your-benefits .circle svg {
max-width: 32px;
}
}
.landing #your-benefits .circle i {
font-size: 24px;
}
@media (min-width: 1440px) {
.landing #your-benefits .circle i {
font-size: 32px;
}
}
.landing #landing-partners #swiper-landing-partners .swiper-slide {
width: 244px;
}
.landing #faq {
background-color: #f5f5f5;
}
.landing #faq .header {
font-family: CeraPro-Bold, sans-serif;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.landing #faq .header i {
font-size: 24px;
transform: rotate(0);
transform-origin: center;
transition: transform var(--transition-duration)
var(--transition-timing-function);
}
.landing #faq .header.active i {
transform: rotate(180deg);
}
.landing #faq .content {
width: 80%;
padding-top: 10px;
}
.landing #faq hr {
margin-top: 20px;
margin-bottom: 20px;
border-color: #ddd;
}
@media (min-width: 1200px) {
.sticky-wrapper .landing .banner .content {
height: calc((var(--vh, 1vh) * 100) - 60px);
}
}
@media (min-width: 1660px) {
.sticky-wrapper .landing .banner .content {
height: calc((var(--vh, 1vh) * 100) - 70px);
}
}
@media (min-width: 1200px) {
.show-portalmenu .landing .banner .content {
height: calc((var(--vh, 1vh) * 100) - 60px - 30px);
}
}
@media (min-width: 1660px) {
.show-portalmenu .landing .banner .content {
height: calc((var(--vh, 1vh) * 100) - 70px - 34px);
}
}
@media (min-width: 1200px) {
.landing .banner .content {
height: calc((var(--vh, 1vh) * 100) - 60px);
}
}
@media (min-width: 1660px) {
.landing .banner .content {
height: calc((var(--vh, 1vh) * 100) - 70px);
}
}
#socialmedia-wall .headline {
margin-bottom: 0.5rem !important;
}
#socialmedia-wall .subhead {
color: #909090;
margin-bottom: 30px;
}
#how-to-video {
position: relative;
counter-reset: steps;
}
#how-to-video .register-box {
padding: 4rem 9rem 4rem 4rem;
background: #fff;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
margin-left: calc((100% - 1253px) / 2 + 12px);
border-radius: 10px;
}
@media (max-width: 1270px) {
#how-to-video .register-box {
margin-left: 1%;
}
}
@media (max-width: 992px) {
#how-to-video .register-box {
padding: 4rem 3rem;
}
}
@media (max-width: 768px) {
#how-to-video .register-box {
display: block;
position: relative;
margin-left: 0;
top: auto;
left: auto;
transform: none;
padding: 1rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
}
#how-to-video .register-box .register-box__title {
font-size: 22px;
}
#how-to-video .register-box .register-box__step {
counter-increment: steps;
position: relative;
padding: 1rem 0 1rem 4.5rem;
max-width: 35rem;
font-size: 14px;
}
#how-to-video .register-box .register-box__step:before {
content: counter(steps) ".";
font-size: 14px;
border-radius: 50%;
background: #f2f6f6;
width: 3.5rem;
height: 3.5rem;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
}
#how-to-video .register-box:before {
content: "";
position: absolute;
bottom: -14px;
left: 30px;
width: 0;
height: 0;
border-top: 15px solid #fff;
border-right: 19px solid transparent;
}
@media (max-width: 768px) {
#how-to-video .register-box:before {
display: none;
}
}
#how-to-video .register-box .register-box__title {
margin-bottom: 2rem;
}
#how-to-video .register-box .button {
margin-top: 2rem;
}
#how-to-video #how-to-video-wrapper {
position: relative;
height: 100%;
height: 55rem;
background-position: center;
background-size: cover;
}
@media (max-width: 768px) {
#how-to-video #how-to-video-wrapper {
height: 25rem;
}
}
#how-to-video #how-to-video-wrapper .play-btn {
display: inline-block;
position: absolute;
height: 86px;
width: 86px;
top: 50%;
left: 65%;
transform: translate(-50%, -50%);
z-index: 1;
cursor: pointer;
transition: all 0.2s ease-out;
text-decoration: none;
}
@media (max-width: 1200px) {
#how-to-video #how-to-video-wrapper .play-btn {
left: 70%;
}
}
@media (max-width: 992px) {
#how-to-video #how-to-video-wrapper .play-btn {
left: 75%;
}
}
@media (max-width: 768px) {
#how-to-video #how-to-video-wrapper .play-btn {
left: 50%;
}
}
#how-to-video #how-to-video-wrapper .play-btn .play-btn-label {
color: #fff;
font-weight: 700;
}
#how-to-video #how-to-video-wrapper .play-btn:hover .play-btn-label {
color: #6fcb98 !important;
}
#how-to-video
#how-to-video-wrapper
.play-btn:hover
.video-overlay-play-button
polygon {
fill: #6fcb98 !important;
}
#how-to-video
#how-to-video-wrapper
.play-btn:hover
.video-overlay-play-button
circle {
stroke: #6fcb98 !important;
stroke-opacity: 100%;
}
#modal-vid-cbw .embed-responsive:before {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background: #fff;
z-index: 1;
}
@media (min-width: 1200px) {
#modal-youtube .m-body {
margin: 0 -106px;
}
}
.alt-bg {
background-color: #f5f5f5;
}
#cashback-network {
background: #f5f5f5;
padding-top: 6rem;
}
#cashback-network .subhead {
padding-bottom: 50px;
}
#cashback-network .row .network-box .network-box__image {
margin-bottom: 1rem;
border-radius: 8px;
}
#cashback-network .row .network-box .network-box__image img {
border-radius: 8px;
}
#cashback-network .row .network-box .network-box__headline {
margin-bottom: 0.75rem;
font-size: 22px;
}
#cashback-network .row .network-box .network-box__headline a {
text-decoration: none;
color: #333;
}
#cashback-network .row .network-box .network-box__headline a:hover {
color: #5cb885;
}
#cashback-network .row .network-box .network-box__subhead {
color: #909090;
font-size: 14px;
}
.benefit-banner {
padding: 6rem 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
background-image: url("../../img/cbw/benefit_store_banner_bg.jpg");
background-position: center;
background-size: cover;
}
@media (max-width: 450px) {
.benefit-banner {
padding: 4rem 0;
}
}
.benefit-banner .benefit-banner__headline {
display: flex;
margin-bottom: 1.5rem;
max-width: 95%;
}
.benefit-banner .benefit-banner__headline .benefit-banner__headline-img {
height: 48px;
width: 48px;
margin-right: 1.5rem;
}
.benefit-banner .benefit-banner__headline .benefit-banner__headline-text {
color: #fff;
font-size: 48px;
line-height: 48px;
}
.benefit-banner .benefit-banner__headline i {
font-style: normal;
}
.benefit-banner .benefit-banner__headline i.icon-sp-inv {
position: relative;
margin-left: 21px;
}
.benefit-banner .benefit-banner__headline i.icon-sp-inv:before {
position: absolute;
font-family: "myWorld Font";
content: "\203A";
width: 48px;
height: 48px;
top: 29px;
left: -44px;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
font-size: 62px;
}
.benefit-banner .benefit-banner__subhead {
color: #f4a7b0;
font-size: 16px;
line-height: 16px;
margin-bottom: 2.5rem;
max-width: 90%;
}
.benefit-banner .benefit-banner__subhead i {
font-style: normal;
position: relative;
display: inline-block;
}
.benefit-banner .benefit-banner__subhead i:before {
position: absolute;
top: -8px;
left: 0;
font-family: "myWorld Font";
line-height: 0;
font-size: 25px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.benefit-banner .benefit-banner__subhead i.benefit-voucher {
width: 25px;
height: 19px;
top: 0;
}
.benefit-banner .benefit-banner__subhead i.benefit-voucher:before {
content: "\2044";
top: 12px;
font-size: 28px;
}
.benefit-banner .benefit-banner__subhead.white {
color: #fff;
}
.benefit-banner .benefit-banner__buttons {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.benefit-banner .benefit-banner__buttons .btn-white {
font-family: CeraPro-Medium, sans-serif;
color: #333;
background: #fff;
border-radius: 19px;
padding: 8px 15px;
margin: 7px;
border: 1px solid #b6b6b6;
transition: color var(--transition-duration) var(--transition-timing-function),
border var(--transition-duration) var(--transition-timing-function);
}
.benefit-banner .benefit-banner__buttons .btn-white:focus,
.benefit-banner .benefit-banner__buttons .btn-white:hover {
color: #5cb885;
border: 1px solid #5cb885;
}
.benefit-banner.lounge {
position: relative;
padding: 16rem 0 12rem;
transition: margin 0.15s;
}
@media (max-width: 1199px) {
.benefit-banner.lounge {
padding: 18rem 0 10rem;
}
}
@media (max-width: 1199px) {
.benefit-banner.lounge {
padding: 8rem 0;
margin-bottom: 45px;
}
}
@media (max-width: 450px) {
.benefit-banner.lounge {
padding: 8rem 0 8rem;
}
}
@media (max-width: 359px) {
.benefit-banner.lounge {
padding: 6rem 0 8rem;
}
}
.benefit-banner.lounge .container-tiles {
width: 100%;
}
.benefit-banner.lounge .benefit-banner__headline {
text-align: left;
margin-left: 8vw;
margin-right: 8vw;
}
@media (max-width: 959px) {
.benefit-banner.lounge .benefit-banner__headline {
max-width: none;
text-align: center;
justify-content: center;
margin-left: 0;
margin-right: 0;
}
}
.benefit-banner.lounge
.benefit-banner__headline
.benefit-banner__headline-text {
font-size: 42px;
line-height: 52px;
max-width: 600px;
}
.benefit-banner.lounge .benefit-banner__subhead {
color: #fff;
text-align: left;
font-size: 17px;
line-height: 26px;
margin-left: 8vw;
margin-right: 8vw;
max-width: 600px;
}
@media (max-width: 959px) {
.benefit-banner.lounge .benefit-banner__subhead {
max-width: none;
text-align: center;
justify-content: center;
margin-left: 0;
margin-right: 0;
}
}
.benefit-banner.lounge .benefit-banner__buttons {
justify-content: flex-start;
align-items: center;
margin-left: 8vw;
margin-right: 8vw;
}
@media (min-width: 960px) {
.benefit-banner.lounge .benefit-banner__buttons a:first-of-type {
margin-left: 0;
}
}
@media (max-width: 959px) {
.benefit-banner.lounge .benefit-banner__buttons {
justify-content: center;
margin-left: 0;
margin-right: 0;
}
}
@keyframes fadeChartDataCollapsed {
0% {
opacity: 0;
}
25% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeChartDataExpanded {
0% {
opacity: 0;
}
25% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.daily-chart {
display: none;
position: absolute;
cursor: pointer;
z-index: 3;
top: 50%;
transform: translateY(-50%);
right: 21%;
width: 376px;
padding: 2rem 1rem;
overflow: hidden;
background: #fff;
border: 1px solid #eee;
border-radius: 10px;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
transition: height 0.15s;
}
@media (max-width: 1199px) {
.daily-chart {
position: relative;
margin-top: -46px;
left: 50%;
right: auto !important;
transform: translateX(-50%);
}
}
@media (max-width: 599px) {
.daily-chart {
width: 95%;
}
}
@media (min-width: 1200px) {
.daily-chart {
transform: translateY(calc(-50% + (-20px / 2)));
}
}
@media (min-width: 1440px) {
.daily-chart {
transform: translateY(calc(-50% + (-30px / 2)));
}
}
@media (min-width: 1660px) {
.daily-chart {
transform: translateY(calc(-50% + (-40px / 2)));
}
}
.daily-chart .daily-chart__content {
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
text-align: left;
animation: fadeChartDataCollapsed 0.6s;
}
.daily-chart .daily-chart__content.fadeChartData {
animation: fadeChartDataExpanded 0.6s;
}
.daily-chart .daily-chart__headline {
width: 100%;
font-family: CeraPro-Bold, sans-serif;
font-size: 15px;
line-height: 1.2;
order: 1;
max-height: 50%;
padding-left: 8px;
}
.daily-chart .daily-chart__headline .sp {
font-style: normal;
position: relative;
display: inline-block;
width: 18px;
color: #5cb885;
}
.daily-chart .daily-chart__headline .sp:before {
content: "\0046";
position: absolute;
top: -7px;
left: 0;
font-family: "myWorld Font";
line-height: 0;
font-size: 25px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.daily-chart .daily-chart__subhead {
font-family: CeraPro-Medium, sans-serif;
font-size: 14px;
color: #909090;
display: none;
}
.daily-chart .daily-chart__numbers {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
width: 100%;
order: 2;
display: flex;
align-items: baseline;
font-family: CeraPro-Medium, sans-serif;
max-height: 50%;
}
.daily-chart .daily-chart__numbers .daily-chart__value {
font-size: 28px;
}
@media (max-width: 359px) {
.daily-chart .daily-chart__numbers .daily-chart__value {
font-size: 18px;
}
}
.daily-chart .daily-chart__numbers .daily-chart__index {
font-size: 13px;
color: #909090;
position: relative;
margin-left: 13px;
margin-top: 6px;
}
.daily-chart .daily-chart__numbers .daily-chart__index.index-up:before {
content: "";
position: absolute;
top: -3px;
left: 0;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #73a09b;
}
.daily-chart .daily-chart__numbers .daily-chart__index.index-down:before {
content: "";
position: absolute;
top: -3px;
left: 0;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #f4a7b0;
}
.daily-chart .daily-chart__canvas {
order: 3;
width: 50%;
height: 75px;
padding-right: 8px;
}
.daily-chart .daily-chart__canvas canvas {
height: 100% !important;
width: 100% !important;
}
.daily-chart .daily-chart__canvas .daily-chart__scale-label {
display: none;
}
.daily-chart .daily-chart__legal-text {
font-family: CeraPro-Medium, sans-serif;
font-size: 14px;
color: #909090;
display: block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
height: 80px;
width: 100%;
padding: 0 8px;
animation: fadeChartDataCollapsed 0.6s;
}
.daily-chart .daily-chart__legal-text.fadeChartData {
animation: fadeChartDataExpanded 0.6s;
}
#bootslider.expanded .daily-chart {
padding: 2rem 1rem;
flex-wrap: nowrap;
}
#bootslider.expanded .daily-chart .daily-chart__headline {
padding-right: 8px;
order: 1;
width: 100%;
line-height: 1.4;
}
#bootslider.expanded .daily-chart .daily-chart__subhead {
padding-left: 8px;
padding-right: 8px;
order: 2;
width: 100%;
display: block;
margin-top: 4px;
margin-bottom: 4px;
line-height: 1.4;
}
#bootslider.expanded .daily-chart .daily-chart__numbers {
padding-bottom: 0;
padding-right: 8px;
order: 3;
width: 100%;
margin-top: 4px;
}
#bootslider.expanded .daily-chart .daily-chart__canvas {
order: 4;
width: 100%;
height: 130px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 5px;
flex-grow: 1;
position: relative;
}
#bootslider.expanded
.daily-chart
.daily-chart__canvas
.daily-chart__scale-label {
position: absolute;
display: block;
transform: translateY(-50%) rotate(-90deg);
font-family: CeraPro-Medium, sans-serif;
font-size: 15px;
color: #909090;
opacity: 0.6;
left: -15px;
top: 50%;
}
.benefit-lounge #bootslider {
overflow: visible;
}
@media (max-width: 1199px) {
.benefit-lounge #bootslider + .content-row-top {
margin-top: 52px;
top: 0;
}
}
@media (min-width: 1200px) {
.benefit-lounge #bootslider + .content-row-top.hidden-mobile + div {
margin-top: 20px;
}
}
@media (max-width: 1199px) {
.benefit-lounge #bootslider.expanded + .content-row-top {
margin-top: 52px;
}
}
.lounge-banner {
color: #fff;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: center;
min-height: 360px;
position: relative;
}
.lounge-banner:before {
content: "";
position: absolute;
z-index: 0;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.3);
}
@media (min-width: 600px) {
.lounge-banner:before {
background: linear-gradient(
to right,
rgba(0, 0, 0, 0.6) 0,
rgba(0, 0, 0, 0) 30%
);
}
}
@media (min-width: 600px) {
.lounge-banner {
min-height: 216px;
}
}
@media (min-width: 768px) {
.lounge-banner {
min-height: 216px;
}
}
@media (min-width: 960px) {
.lounge-banner {
min-height: 270px;
}
}
@media (min-width: 1200px) {
.lounge-banner {
min-height: 338px;
}
}
@media (min-width: 1440px) {
.lounge-banner {
min-height: 405px;
}
}
@media (min-width: 1660px) {
.lounge-banner {
min-height: 500px;
}
}
.lounge-banner.my-6 {
margin-top: calc(1rem * 3 + 10px);
margin-bottom: calc(1rem * 3 + 10px);
}
@media (min-width: 1440px) {
.lounge-banner.my-6 {
margin-top: calc(1rem * 3 + 10px + 50px);
}
}
.lounge-banner h2 {
color: #fff;
}
.lounge-banner .container-tiles {
flex: 1;
}
.lounge-banner .content {
margin-bottom: 0 !important;
text-align: center;
}
@media (min-width: 600px) {
.lounge-banner .content {
text-align: unset;
}
}
@media (min-width: 600px) {
.lounge-banner .offset {
margin-left: calc((1% * 100) / 12);
}
}
@media (max-width: 480px) {
.norway-banner {
background-image: url("../../img/cbw/landingpage/myworld-norway-banner-600x600-1.jpg") !important;
}
}
@media (max-width: 480px) {
.norway-middle-banner {
background-image: url("../../img/cbw/landingpage/myworld-norway-banner-600x600-2.jpg") !important;
}
}
.benefit-header {
padding-top: 31px;
margin-bottom: 30px;
z-index: 2;
position: relative;
}
.benefit-header .benefit-header__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
.benefit-header .benefit-header__wrapper {
flex-direction: column;
align-items: flex-start;
}
}
.benefit-header .benefit-header__headline {
display: flex;
align-items: center;
}
.benefit-header .benefit-header__headline .benefit-header__headline-icon--bv,
.benefit-header .benefit-header__headline .benefit-header__headline-icon--sp {
display: inline-block;
position: relative;
}
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--bv:before,
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--sp:before {
font-family: "myWorld Font";
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-style: normal;
font-size: 34px;
line-height: inherit;
}
@media (min-width: 600px) {
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--bv:before,
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--sp:before {
font-size: 36px;
}
}
@media (min-width: 768px) {
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--bv:before,
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--sp:before {
font-size: 36px;
}
}
@media (min-width: 960px) {
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--bv:before,
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--sp:before {
font-size: 38px;
}
}
@media (min-width: 1200px) {
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--bv:before,
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--sp:before {
font-size: 38px;
}
}
@media (min-width: 1440px) {
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--bv:before,
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--sp:before {
font-size: 42px;
}
}
@media (min-width: 1660px) {
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--bv:before,
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--sp:before {
font-size: 46px;
}
}
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--sp:before {
content: "\0046";
}
.benefit-header
.benefit-header__headline
.benefit-header__headline-icon--bv:before {
content: "\2044";
}
.benefit-header .benefit-header__headline .benefit-header__headline-text {
font-size: 30px;
margin-bottom: 0;
line-height: inherit;
}
.benefit-header .btn-link {
font-size: 16px;
}
.sp-balance {
display: flex;
}
@media (max-width: 768px) {
.sp-balance {
margin-bottom: 5px;
}
}
.sp-balance .sp-balance__label {
font-size: 16px;
margin-bottom: 0;
margin-right: 8px;
}
.sp-balance .sp-balance__value {
color: #5cb885;
display: flex;
align-items: center;
}
.sp-balance .sp-balance__value .sp-balance__value-number {
font-size: 16px;
font-family: CeraPro-Bold, sans-serif;
margin-bottom: 0;
}
.sp-balance .sp-balance__value .sp-balance__value-icon--sp {
width: 22px;
height: 22px;
position: relative;
}
.sp-balance .sp-balance__value .sp-balance__value-icon--sp:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
font-style: normal;
font-size: 25px;
line-height: 25px;
margin-top: -1px;
}
.favourite-categories .benefit-header {
margin-bottom: 1.5rem;
}
.favourite-categories .category-box {
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
height: 200px;
padding: 3rem;
margin-bottom: 40px;
border-radius: 10px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.favourite-categories .category-box:before {
content: "";
position: absolute;
z-index: 0;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(
to right,
rgba(0, 0, 0, 0.6) 0,
rgba(0, 0, 0, 0) 50%
);
}
.favourite-categories .category-box .category-box__header {
z-index: 1;
}
.favourite-categories .category-box .category-box__headline {
color: #fff;
margin-bottom: 0;
}
.favourite-categories .category-box .category-box__subhead {
color: #fff;
}
.favourite-categories .category-box .category-box__btn {
z-index: 1;
}
.favourite-categories .category-box .btn-white {
font-family: CeraPro-Bold, sans-serif;
color: #333;
background: #fff;
border-radius: 10px;
padding: 8px 15px;
transition: background-color var(--transition-duration)
var(--transition-timing-function);
}
.favourite-categories .category-box .btn-white:focus,
.favourite-categories .category-box .btn-white:hover {
background: #d9d9d9;
}
.btn-third,
.btn-third[disabled] {
color: #fff !important;
font-family: CeraPro-Bold, sans-serif;
background-color: #f3a7b6;
}
.btn-third:hover,
.btn-third[disabled]:hover {
color: #fff;
background-color: #ffb1c0;
}
.btn-third:active,
.btn-third:active:focus,
.btn-third[disabled]:active,
.btn-third[disabled]:active:focus {
background-color: #ffb1c0;
}
#bootslider .pagination li > a {
background: #a0a0a0;
}
#bootslider .pagination li > a:hover {
background-color: #c6c6c6;
}
#bootslider .pagination li.active > a {
background-color: #5cb885;
}
#bootslider .bs-foreground .conditions-wrapper .cb .super-cashback,
#bootslider .bs-foreground .conditions-wrapper .sp .super-cashback {
color: #f3a7b6;
}
#bootslider .bs-foreground .conditions-wrapper .cb span,
#bootslider .bs-foreground .conditions-wrapper .sp .num {
font-family: CeraPro-Bold, sans-serif;
}
#bootslider .bs-foreground .conditions-wrapper .cb .cb-txt,
#bootslider .bs-foreground .conditions-wrapper .cbtype-wrapper .txt,
#bootslider .bs-foreground .conditions-wrapper .sp .sp-txt {
font-family: CeraPro-Medium, sans-serif;
}
.box-event .sup {
font-size: 65%;
}
.box-event.col-xs {
max-width: 310px;
}
.box-event.col-xs.col-centered {
margin-left: -2px;
margin-right: -2px;
display: inline-block;
float: none !important;
text-align: left;
}
@media (min-width: 992px) {
.box-event.col-xs.col-centered {
float: left !important;
}
}
.box-event.box-item {
padding-bottom: 20px;
}
.box-event .box-content {
padding: 18px;
padding-bottom: 33px;
}
.box-event a.btn-link {
font-family: CeraPro-Bold, sans-serif;
}
.box-event a.img-event {
display: inline-block;
position: relative;
}
.box-event a.img-event:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: background-color 0.3s;
}
.box-event a.img-event:hover:before {
background-color: rgba(0, 0, 0, 0.3);
}
.box-event h3 {
font-size: 20px;
text-transform: none;
}
.box-event h4 {
font-size: 15px;
text-transform: none;
margin-top: 2px;
line-height: 1.2em;
}
.box-event .title {
font-size: 15px;
text-transform: none;
margin-top: 2px;
line-height: 1.2em;
display: inline-block;
color: #333;
font-family: CeraPro-Bold, sans-serif;
text-decoration: none;
}
.box-event .title:hover {
text-decoration: none !important;
}
.box-event .date {
margin-top: 9px;
color: #5cb885;
text-transform: uppercase;
font-size: 20px;
font-family: CeraPro-Bold, sans-serif;
}
.box-event .date img {
padding-bottom: 4px;
padding-left: 8px;
}
.box-event p {
margin: 0;
padding-bottom: 21px;
}
.wallet-helper-container {
display: flex;
flex-direction: column;
min-height: 200px;
}
@media (min-width: 768px) {
.wallet-helper-container {
min-height: 400px;
}
}
@media (min-width: 992px) {
.wallet-helper-container {
min-height: 622px;
}
}
#wallet-wrapper {
flex: 1;
background-color: #f5f5f5;
}
#wallet-wrapper .wal-box,
#wallet-wrapper .ww-box {
border-radius: 10px;
}
#wallet-wrapper .wal-box:before,
#wallet-wrapper .wal-box:hover:before,
#wallet-wrapper .ww-box:before,
#wallet-wrapper .ww-box:hover:before {
border: none;
}
#wallet-wrapper .wal-box-lnk:before,
#wallet-wrapper .wal-box-lnk:hover:before {
border: none;
}
#wallet-wrapper .ww-box .header {
font-family: CeraPro-Bold, sans-serif;
}
#wallet-wrapper .wal-box .content {
border: none;
}
#wallet-wrapper .wal-box .content .new-price {
font-family: CeraPro-Bold, sans-serif;
}
#wallet-wrapper .wal-box .content .validity {
font-family: CeraPro-Bold, sans-serif;
}
#wallet-wrapper .wal-box .footer .dealer {
font-family: CeraPro-Bold, sans-serif;
}
#wallet-wrapper .wal-box.empty {
background-color: #f5f5f5;
border-radius: 10px;
}
#wallet-wrapper .wal-box.empty a,
#wallet-wrapper .wal-box.empty a:before {
color: #5cb885;
}
#wallet-wrapper .wal-box.empty a {
font-family: CeraPro-Bold, sans-serif;
}
#wallet-wrapper #btnSearch {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
#navbar-main-searchbox .twitter-typeahead .tt-dropdown-menu {
border: 1px solid #b6b6b6;
border-radius: 10px;
}
.redeem-sp-wrapper .progress-wrapper ol li.register {
background-color: #333;
}
.redeem-sp-wrapper .progress-wrapper ol li.register:after {
border-color: transparent transparent transparent #333;
}
.redeem-sp-wrapper .progress-wrapper ol li.collect {
background-color: #5cb885;
}
.redeem-sp-wrapper .progress-wrapper ol li.collect:before {
border-color: #5cb885 #5cb885 #5cb885 transparent;
}
.redeem-sp-wrapper .progress-wrapper ol li.collect:after {
border-color: transparent transparent transparent #5cb885;
}
.redeem-sp-wrapper .progress-wrapper ol li.redeem {
background-color: #f3a7b6;
}
.redeem-sp-wrapper .progress-wrapper ol li.redeem:before {
border-color: #f3a7b6 #f3a7b6 #f3a7b6 transparent;
}
.redeem-sp-wrapper .progress-wrapper ol li.redeem:after {
border-color: transparent transparent transparent #f3a7b6;
}
.redeem-sp-wrapper .progress-wrapper ol .txt {
font-family: CeraPro-Bold, sans-serif;
}
.redeem-sp-wrapper .cms-item-content {
position: relative;
z-index: 1;
}
.redeem-sp-wrapper.campaign-special {
background: url("../../img/lyoness/campaign-special/Easter2018/banner-superdeals.jpg")
no-repeat;
background-size: cover;
}
.redeem-sp-wrapper.campaign-special:after,
.redeem-sp-wrapper.campaign-special:before {
background: 0 0;
}
.redeem-sp-wrapper.campaign-special .img-sp,
.redeem-sp-wrapper.campaign-special .redeem-sp,
.redeem-sp-wrapper.campaign-special .redeem-txt,
.redeem-sp-wrapper.campaign-special .sp,
.redeem-sp-wrapper.campaign-special .txt,
.redeem-sp-wrapper.campaign-special h2,
.redeem-sp-wrapper.campaign-special p {
color: #fff;
}
.redeem-sp-wrapper.campaign-special a.link-copy-txt {
color: #fff !important;
}
.redeem-sp-wrapper.campaign-special a.link-copy-txt:hover {
color: #d9d9d9 !important;
}
.shoppingcart-main {
background-color: #f5f5f5;
}
.shoppingcart-wrapper .sc-placeholder {
border: 2px dotted #909090;
}
.shoppingcart-wrapper .sc-placeholder:after {
color: #909090;
}
.shoppingcart-wrapper .sc-overview-wrapper .wrapper-tip .tip-box {
background-color: #333 !important;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .sc-txt,
.shoppingcart-wrapper .sc-confirmation-wrapper .subtext {
color: #909090;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .tbl-legend ul > li {
color: #909090;
}
.shoppingcart-wrapper .sc-confirmation-wrapper .additional-price {
font-family: CeraPro-Regular, sans-serif !important;
}
.shoppingcart-wrapper .sc-article-sum li.sc-packing,
.shoppingcart-wrapper .sc-article-sum li.sc-sum,
.shoppingcart-wrapper .sc-article-sum li.sc-txt {
color: #333;
}
.shoppingcart-wrapper .text-notification-highlight {
background-color: #5cb885;
}
.shoppingcart-wrapper .sc-right .sc-total .pull-right,
.shoppingcart-wrapper .sc-right .sc-total .sc-num-dualprice {
font-family: CeraPro-Regular, sans-serif !important;
}
.shoppingcart-wrapper .sc-right .sc-total .sc-num {
font-family: CeraPro-Bold, sans-serif !important;
}
.shoppingcart-wrapper .sc-deal li.sc-total .additional-price {
font-family: CeraPro-Regular, sans-serif !important;
}
.shoppingcart-wrapper .sc-deal li.sc-total .additional-price .sc-currency {
font-family: CeraPro-Regular, sans-serif !important;
}
.shoppingcart-wrapper .sc-deal li.sc-total .additional-price .sc-num-dualprice {
font-family: CeraPro-Regular, sans-serif !important;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-right {
margin-top: 0;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-right .sc-total .pull-right,
.shoppingcart-wrapper
.sc-order-details-wrapper
.sc-right
.sc-total
.sc-num-dualprice {
font-family: CeraPro-Regular, sans-serif !important;
}
.shoppingcart-wrapper .sc-order-details-wrapper .sc-right .sc-total .sc-num {
font-family: CeraPro-Bold, sans-serif !important;
}
.vo-wrapper .vo-header {
color: #333;
}
.vo-wrapper .vo-searchbox-wrapper {
border-radius: 8px;
color: #333;
border: 1px solid #b6b6b6 !important;
box-shadow: none !important;
}
.vo-wrapper .vo-searchbox-wrapper::-moz-placeholder {
color: #73a09b !important;
}
.vo-wrapper .vo-searchbox-wrapper:-moz-placeholder {
color: #73a09b !important;
}
.vo-wrapper .vo-searchbox-wrapper:-ms-input-placeholder {
color: #73a09b !important;
}
.vo-wrapper .vo-searchbox-wrapper::-webkit-input-placeholder {
color: #73a09b !important;
}
.vo-wrapper .vo-searchbox-wrapper.active,
.vo-wrapper .vo-searchbox-wrapper:focus {
border: 1px solid #5cb885 !important;
box-shadow: none !important;
}
.vo-wrapper .twitter-typeahead .tt-dropdown-menu {
border: 1px solid #b6b6b6 !important;
border-radius: 8px !important;
color: #333 !important;
}
.vo-wrapper .vo-sold-out {
color: #d54c4c;
}
.vo-wrapper .vo-list .vo-sum .additional-price,
.vo-wrapper .vo-list .vo-sum .vo-currency-dualprice,
.vo-wrapper .vo-list .vo-sum .vo-num-dualprice {
font-family: CeraPro-Regular, sans-serif !important;
}
.shoppingnews-wrapper {
background-color: #f5f5f5;
}
.shoppingnews-wrapper .newsbox {
border-radius: 10px;
}
.shoppingnews-wrapper .newsbox:before,
.shoppingnews-wrapper .newsbox:hover:before {
border: none;
}
.shoppingnews-wrapper #btnSearch {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.shoppingnews-wrapper
.paging-wrapper
.pagingbox
.pagingtextbox
.pagingdropdown {
border: none;
}
.shoppingnews-wrapper
.paging-wrapper
.pagingbox
.pagingtextbox
.pagingdropdown
.pagingcurrent {
border: 1px solid #b6b6b6;
border-radius: 8px;
}
.shoppingnews-wrapper
.paging-wrapper
.pagingbox
.pagingtextbox
.pagingdropdown
.pagingcurrent
input {
outline: 0;
}
.cms-uppercase {
text-transform: uppercase !important;
}
.cms-lowercase {
text-transform: none !important;
}
.cms-chat-button.online:after {
color: #91cfad !important;
}
.cms-anchor {
visibility: hidden;
display: block;
position: relative;
top: -150px;
}
.cms-events h3 {
font-size: 20px;
text-transform: none;
}
.cms-events .btn-link {
display: inline-block;
padding-top: 18px;
}
.cms-events .location {
color: #333;
}
.cms-events .course-img {
padding: 21px 0;
margin: 3% 0;
}
.cms-events .shops .panel-wrapper {
padding-top: 12px;
}
.cms-events .shops .box-content {
background-color: #fff !important;
position: relative;
}
.cms-events .shops .box-content:before {
content: "";
border-bottom: 2px solid #b6b6b6 !important;
border-right: 2px solid #b6b6b6 !important;
height: 100%;
left: 2px;
position: absolute;
top: 2px;
width: 100%;
z-index: 0;
}
.cms-events .shops .logo {
box-shadow: none !important;
}
.cms-center-block-xs {
margin: 0 auto;
float: none !important;
}
@media (min-width: 768px) {
.cms-center-block-xs {
float: left !important;
}
}
@media (min-width: 992px) {
.cms-img-v-center {
position: absolute;
}
.cms-img-v-center:empty {
top: 50%;
transform: translateY(-51%);
}
}
@media (min-width: 768px) {
.cms-img-v-bottom {
position: absolute;
}
.cms-img-v-bottom:empty {
bottom: 0;
left: 0;
transform: translate(0, 0);
}
}
@media (min-width: 992px) {
.cms-circle-left {
background: url("../../img/cbw/content-pages/circle-left.png") no-repeat;
background-position: -5% -1%;
}
}
@media (min-width: 992px) {
.cms-circle-right {
background: url("../../img/cbw/content-pages/circle-right.png") no-repeat;
background-position: right -42px bottom 40%;
}
}
@media (min-width: 1200px) {
.cms-circle-right-bottom {
position: relative;
overflow: hidden;
}
.cms-circle-right-bottom:before {
content: "";
height: 199px;
width: 206px;
bottom: -1px;
right: -4px;
transform: rotate(-180deg);
position: absolute;
background: url("../../img/cbw/content-pages/circle-left.png") no-repeat;
}
}
@media (min-width: 1200px) {
.cms-circle-lr {
position: relative;
overflow: hidden;
}
.cms-circle-lr:before {
content: "";
height: 199px;
width: 206px;
position: absolute;
left: 0;
top: 0;
background: url("../../img/cbw/content-pages/circle-left.png") no-repeat;
}
.cms-circle-lr:after {
content: "";
height: 202px;
width: 203px;
bottom: 0;
right: -38px;
transform: rotate(-90deg);
position: absolute;
background: url("../../img/cbw/content-pages/circle-right.png") no-repeat;
}
}
.cms-padding-tp-3p {
padding-top: 3%;
padding-bottom: 3%;
}
.cms-margin-top-17p {
margin-top: 17%;
}
.cms-padding-tp-10p {
padding-top: 10%;
padding-bottom: 10%;
}
.cms-font-bright {
color: #fff;
background-color: #333;
}
.cms-cover-left-box {
position: relative;
overflow: hidden;
}
.cms-cover-left-box .cms-img-box {
width: 50%;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
@media (max-width: 767px) {
.cms-cover-left-box .cms-img-box {
background-image: none !important;
}
}
.cms-cover-left-box .cms-txt-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.cms-cover-left-box .cms-font-bright {
background-color: transparent;
}
.cms-cover-left-box .cms-font-bright:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #333;
}
@media (min-width: 768px) {
.cms-cover-left-box .cms-font-bright:before {
left: 50%;
}
}
.cms-border-bottom {
border-bottom: 3px solid #5cb885;
}
.cms-bg-cover {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (max-width: 992px) {
.cms-bg-cover.no-bg-sm {
background-image: none !important;
}
}
.cms-bg-cover.cms-bawag-banner {
background-image: url("../../img/cbw/bawag/bawag-banner-mobile.jpg");
}
@media (min-width: 992px) {
.cms-bg-cover.cms-bawag-banner {
background-image: url("../../img/cbw/bawag/bawag-banner.jpg");
}
}
.cms-bg-cover.cms-bawag-banner img {
max-width: 300px;
}
@media (min-width: 992px) {
.cms-bg-cover.cms-bawag-banner img {
max-width: inherit;
}
}
.hiw-cms-banner {
min-height: 326px;
}
@media (min-width: 960px) {
.hiw-cms-banner {
min-height: 473px;
}
}
.cms-icon {
background-color: #5cb885;
color: #fff;
}
.cms-item {
padding-top: 2%;
padding-bottom: 2%;
}
.cms-item.col-centered {
margin-left: -1px;
margin-right: -1px;
}
.cms-item-content p {
margin: 0;
}
.cms-item-content h2 {
font-size: 48px;
line-height: 1.2em;
}
.cms-item-content h3 {
margin-bottom: 0;
}
.cms-item-content .button {
margin: 0 auto;
}
@media (min-width: 768px) {
.cms-item-content .button {
margin: 0;
}
}
.cms-item-content ol {
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 8px;
}
.cms-item-content ol li {
counter-increment: step-counter;
position: relative;
padding-left: 26px;
margin-top: 8px;
}
.cms-item-content ol li:before {
content: counter(step-counter) ".";
font-family: CeraPro-Bold, sans-serif;
color: #5cb885;
position: absolute;
left: 0;
top: 0;
}
.cms-item-content ul {
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 8px;
}
.cms-item-content ul li {
position: relative;
padding-left: 26px;
margin-top: 8px;
}
.cms-item-content ul.cms-li-check li:before {
font-family: "myWorld Font";
content: "\0064";
color: #5cb885;
font-size: 26px;
line-height: 0;
position: absolute;
left: 0;
top: 13px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.cms-item-content a {
color: #5cb885;
font-family: CeraPro-Regular, sans-serif;
text-decoration: underline;
}
.cms-item-content a:active,
.cms-item-content a:focus,
.cms-item-content a:hover {
color: #6fcb98;
}
.cms-item-content a.btn {
font-family: CeraPro-Bold, sans-serif;
}
.cms-item-content a.btn.btn-primary {
color: #fff;
}
.cms-item-content sup {
font-size: 65%;
}
.cms-lineheight-160 {
line-height: 1.6em;
}
.cms-qa-box {
background-color: #fff;
color: #333;
}
.cms-qa-box h3 {
margin-top: 0;
color: #333;
}
.cms-full-width h2 {
margin-top: -8px;
margin-bottom: 10px !important;
}
.cms-full-width h3 {
margin-top: -4px;
margin-bottom: 2px;
}
.cms-full-width p a {
color: #5cb885;
text-decoration: underline;
}
.cms-full-width p a:active,
.cms-full-width p a:focus,
.cms-full-width p a:hover {
color: #6fcb98;
}
.cms-full-width p a.btn {
color: #fff;
}
.cms-full-width .colorize {
color: #333;
}
.cms-full-width.cms-green-hint-item {
color: #5cb885;
}
.cms-full-width.cms-green-hint-item h3 {
color: #5cb885;
}
.cms-full-width.cms-font-bright .cms-item-content a.btn-link {
color: #fff;
}
.cms-full-width.cms-font-bright .cms-item-content a.btn-link:active,
.cms-full-width.cms-font-bright .cms-item-content a.btn-link:focus,
.cms-full-width.cms-font-bright .cms-item-content a.btn-link:hover {
color: #ccc;
}
.cms-full-width.cms-font-bright p a {
color: #fff;
text-decoration: underline;
}
.cms-full-width.cms-font-bright p a:active,
.cms-full-width.cms-font-bright p a:focus,
.cms-full-width.cms-font-bright p a:hover {
color: #ccc;
}
@media (min-width: 992px) {
.cms-full-width.cms-kids {
min-height: 795px;
}
.cms-full-width.cms-kids img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 50%);
}
}
.cms-full-width h3.cms-header-img-left > img {
padding-bottom: 4px;
}
.cms-item-center-caps-bold {
font-size: 22px;
text-transform: none !important;
}
.panel-cms .panel-body a {
color: #5cb885;
}
.vd-wrapper {
padding-top: 21px;
background-color: #f5f5f5;
}
.vd-wrapper .vd-header {
background-attachment: inherit !important;
}
.vd-wrapper .vd-dealer-name h2 {
margin-bottom: 5px !important;
padding-bottom: 0 !important;
font-family: CeraPro-Bold, sans-serif !important;
}
.vd-wrapper .vd-dealer-info-box .vd-accept .ds-box-headline,
.vd-wrapper .vd-dealer-info-box .vd-accept .ds-cbtype:before {
color: #5cb885 !important;
}
.vd-wrapper .vd-left-block-wrapper {
border-radius: 10px;
}
.vd-wrapper .vd-left-wrapper .vd-left,
.vd-wrapper .vd-right-wrapper .vd-right {
border-top: 2px dotted #e2e2e2;
}
.vd-wrapper .vd-voucher-box-wrapper .vd-sold-wrapper > div {
color: #333;
}
.vd-wrapper #modal-redeem-voucher .sp .container-tiles,
.vd-wrapper .vd-voucher-box-wrapper .container-tiles {
padding: 0;
}
.vd-wrapper #modal-redeem-voucher .sp .container-tiles .benefit-box,
.vd-wrapper .vd-voucher-box-wrapper .container-tiles .benefit-box {
border: none;
height: inherit;
padding: 0;
color: #5cb885;
}
.vd-wrapper
#modal-redeem-voucher
.sp
.container-tiles
.benefit-box
.mwif-sp-full,
.vd-wrapper
.vd-voucher-box-wrapper
.container-tiles
.benefit-box
.mwif-sp-full {
font-size: 23px;
}
.vd-wrapper #modal-redeem-voucher .sp .container-tiles .benefit-box .flag,
.vd-wrapper .vd-voucher-box-wrapper .container-tiles .benefit-box .flag {
transform: scale(1.3);
margin-top: 3px;
}
.vd-wrapper #modal-redeem-voucher .sp .container-tiles .tooltiptext,
.vd-wrapper .vd-voucher-box-wrapper .container-tiles .tooltiptext {
text-align: left;
}
.vd-wrapper
#modal-redeem-voucher
.sp
.container-tiles
.benefit-box
span:first-child {
font-size: 16px;
}
.vd-wrapper
#modal-redeem-voucher
.sp
.container-tiles
.benefit-box
.tooltiptext {
display: flex;
flex-direction: column;
}
.vd-wrapper
#modal-redeem-voucher
.sp
.container-tiles
.benefit-box
.tooltiptext
> span {
text-align: left;
font-family: CeraPro-Regular, sans-serif;
font-size: 12px !important;
line-height: calc(20 / 12);
}
.vd-wrapper
#modal-redeem-voucher
.sp
.container-tiles
.benefit-box
.tooltiptext
> span
.mwif-sp-full {
font-size: 19px;
}
.vd-wrapper .slick-list,
.vd-wrapper .slick-track,
.vd-wrapper .slider-gallery {
height: 100%;
}
.vd-wrapper .lg-next,
.vd-wrapper .lg-prev,
.vd-wrapper .slick-next,
.vd-wrapper .slick-prev {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eee;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
background-color: #fff;
top: 50%;
transform: translateY(-50%);
display: none !important;
}
@media (min-width: 768px) {
.vd-wrapper .lg-next,
.vd-wrapper .lg-prev,
.vd-wrapper .slick-next,
.vd-wrapper .slick-prev {
display: flex !important;
}
}
@media (min-width: 1200px) {
.vd-wrapper .lg-next,
.vd-wrapper .lg-prev,
.vd-wrapper .slick-next,
.vd-wrapper .slick-prev {
width: 38px;
height: 38px;
}
}
@media (min-width: 1660px) {
.vd-wrapper .lg-next,
.vd-wrapper .lg-prev,
.vd-wrapper .slick-next,
.vd-wrapper .slick-prev {
width: 44px;
height: 44px;
}
}
.vd-wrapper .lg-next:after,
.vd-wrapper .lg-next:before,
.vd-wrapper .lg-prev:after,
.vd-wrapper .lg-prev:before,
.vd-wrapper .slick-next:after,
.vd-wrapper .slick-next:before,
.vd-wrapper .slick-prev:after,
.vd-wrapper .slick-prev:before {
content: inherit;
}
.vd-wrapper .lg-next:hover,
.vd-wrapper .lg-prev:hover,
.vd-wrapper .slick-next:hover,
.vd-wrapper .slick-prev:hover {
color: #5cb885;
}
.vd-wrapper .lg-next:hover svg path,
.vd-wrapper .lg-prev:hover svg path,
.vd-wrapper .slick-next:hover svg path,
.vd-wrapper .slick-prev:hover svg path {
fill: #5cb885;
}
@media (max-width: 599px) {
.vd-wrapper .lg-next,
.vd-wrapper .lg-prev,
.vd-wrapper .slick-next,
.vd-wrapper .slick-prev {
visibility: hidden;
}
}
.vd-wrapper .lg-next svg,
.vd-wrapper .lg-prev svg,
.vd-wrapper .slick-next svg,
.vd-wrapper .slick-prev svg {
display: block;
}
.vd-wrapper .slick-slide > div {
height: 100%;
width: 100%;
}
.vd-wrapper .slick-prev {
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.614' height='20' viewBox='0 0 11.614 20'%3E%3Cpath d='M0,10,9.666.333A1.142,1.142,0,0,1,11.28,1.949L3.228,10,11.28,18.05a1.142,1.142,0,1,1-1.615,1.614Z' fill='%23005551'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 44% 50%;
background-size: 29%;
}
@media (min-width: 1200px) {
.vd-wrapper .slick-prev {
background-size: auto;
}
}
.vd-wrapper .slick-prev svg {
margin-right: 3px;
}
.vd-wrapper .slick-next {
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.614' height='20' viewBox='0 0 11.614 20'%3E%3Cpath d='M11.614,10,1.949.333a1.144,1.144,0,0,0-1.615,0,1.143,1.143,0,0,0,0,1.616L8.386,10,.334,18.05a1.142,1.142,0,1,0,1.615,1.614Z' fill='%23005551'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 56% 50%;
background-size: 29%;
}
@media (min-width: 1200px) {
.vd-wrapper .slick-next {
background-size: auto;
}
}
.vd-wrapper .slick-next svg {
margin-left: 3px;
}
.vd-wrapper .slider-gallery {
height: 250px;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s eas-in-out;
}
.vd-wrapper .slider-gallery figure {
height: 100%;
position: relative;
overflow: hidden;
}
.vd-wrapper .slider-gallery figure img {
position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
margin: auto;
min-width: 100%;
min-height: 100%;
max-width: 100%;
}
.vd-wrapper .slider-gallery.slick-initialized {
visibility: visible;
opacity: 1;
}
.vd-wrapper .slider-gallery .slick-prev {
left: 0;
transform: translate(-50%, -50%) !important;
}
.vd-wrapper .slider-gallery .slick-next {
right: 0;
transform: translate(50%, -50%) !important;
}
.vd-wrapper .slider-gallery .slick-dots {
bottom: 0;
}
.vd-wrapper .slider-gallery .slick-dots button {
position: relative;
width: 14px;
height: 14px;
border: 1px solid #aac5c2;
border-radius: 50%;
background-color: #fff;
}
.vd-wrapper .slider-gallery .slick-dots button:before {
content: "";
position: absolute;
width: 8px;
height: 8px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border-radius: 50%;
}
.vd-wrapper .slider-gallery .slick-dots li {
margin: 0;
}
.vd-wrapper .slider-gallery .slick-dots li.slick-active button:before {
background-color: #5cb885;
}
.vd-wrapper .partner-details-img-gallery .lg-prev {
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.614' height='20' viewBox='0 0 11.614 20'%3E%3Cpath d='M0,10,9.666.333A1.142,1.142,0,0,1,11.28,1.949L3.228,10,11.28,18.05a1.142,1.142,0,1,1-1.615,1.614Z' fill='%23005551'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.vd-wrapper .partner-details-img-gallery .lg-prev svg {
margin-right: 3px;
}
.vd-wrapper .partner-details-img-gallery .lg-next {
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.614' height='20' viewBox='0 0 11.614 20'%3E%3Cpath d='M11.614,10,1.949.333a1.144,1.144,0,0,0-1.615,0,1.143,1.143,0,0,0,0,1.616L8.386,10,.334,18.05a1.142,1.142,0,1,0,1.615,1.614Z' fill='%23005551'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.vd-wrapper .partner-details-img-gallery .lg-next svg {
margin-left: 3px;
}
.vd-wrapper .partner-details-img-gallery .lg-next,
.vd-wrapper .partner-details-img-gallery .lg-prev {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eee;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
background-color: #fff;
top: 50%;
transform: translateY(-50%);
display: none !important;
}
@media (min-width: 768px) {
.vd-wrapper .partner-details-img-gallery .lg-next,
.vd-wrapper .partner-details-img-gallery .lg-prev {
display: flex !important;
}
}
@media (min-width: 1200px) {
.vd-wrapper .partner-details-img-gallery .lg-next,
.vd-wrapper .partner-details-img-gallery .lg-prev {
width: 38px;
height: 38px;
}
}
@media (min-width: 1660px) {
.vd-wrapper .partner-details-img-gallery .lg-next,
.vd-wrapper .partner-details-img-gallery .lg-prev {
width: 44px;
height: 44px;
}
}
.vd-wrapper .partner-details-img-gallery .lg-next:after,
.vd-wrapper .partner-details-img-gallery .lg-next:before,
.vd-wrapper .partner-details-img-gallery .lg-prev:after,
.vd-wrapper .partner-details-img-gallery .lg-prev:before {
content: inherit;
}
.vd-wrapper .partner-details-img-gallery .lg-next:hover,
.vd-wrapper .partner-details-img-gallery .lg-prev:hover {
color: #5cb885;
}
.vd-wrapper .partner-details-img-gallery .lg-next:hover svg path,
.vd-wrapper .partner-details-img-gallery .lg-prev:hover svg path {
fill: #5cb885;
}
@media (max-width: 599px) {
.vd-wrapper .partner-details-img-gallery .lg-next,
.vd-wrapper .partner-details-img-gallery .lg-prev {
visibility: hidden;
}
}
.vd-wrapper .partner-details-img-gallery .lg-next svg,
.vd-wrapper .partner-details-img-gallery .lg-prev svg {
display: block;
}
@media (min-width: 992px) {
.vd-wrapper .row-vd-infos {
display: flex;
}
}
.p-partner-wrapper {
background-color: #f5f5f5;
}
.p-partner-wrapper .p-header-wrapper {
border-bottom: 2px solid #e2e2e2;
}
.p-partner-wrapper .p-header-wrapper .p-cbtype-wrapper .txt {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper .p-dealer-content.colorize:not(.ds-box-special) {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.super-cashback {
color: #333;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.super-cashback > span {
color: #333;
}
.p-partner-wrapper .p-dealer-content .cashback ul li.super-cashback .icon-scb {
width: 16px;
}
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li.super-cashback
.icon-scb:before {
content: "\20A3";
left: 0;
top: 10px;
}
.p-partner-wrapper
.p-dealer-content
.cashback
ul
li.super-cashback
.super-cashback-txt
span {
display: inline-block;
color: #fff;
border-radius: 5px;
padding: 4px 6px;
font-family: CeraPro-Medium, sans-serif;
background-color: #333;
}
.p-partner-wrapper .p-dealer-content .cashback .happy-hour-txt span {
display: inline-block;
color: #fff;
border-radius: 5px;
padding: 4px 6px;
font-family: CeraPro-Medium, sans-serif;
background-color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .cashback ul li > span:first-child {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper .p-dealer-content .contact ul li .header {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper .p-dealer-content .evoucher-order .val span {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper .p-dealer-content .evoucher-order li {
border-top: 1px solid #b6b6b6;
}
.p-partner-wrapper
.p-dealer-content
header.translation
.lang-wrapper
.toggle
+ .toggle-btn {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper .p-dealer-content .panel-wrapper {
overflow: inherit;
}
.p-partner-wrapper .p-dealer-content .panel-wrapper h2,
.p-partner-wrapper .p-dealer-content .panel-wrapper h3,
.p-partner-wrapper .p-dealer-content .panel-wrapper strong {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper
.p-dealer-content
.panel-wrapper
.p-boxes
div[class*="col-"] {
width: 268px !important;
}
.p-partner-wrapper .p-dealer-content .rating-score-wrapper.v2 .rating-bubble {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.name {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper .p-dealer-content .cashback ul li > span.double-cb {
color: #333;
}
.p-partner-wrapper .p-dealer-content .box-item .box-content {
border-radius: 10px;
}
.p-partner-wrapper .p-dealer-content .box-item .box-content:before {
border: none;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.reply-wrapper {
background-color: #f5f5f5;
border-radius: 10px;
border-top-left-radius: 0;
margin-top: 24px;
margin-left: 8px;
}
.p-partner-wrapper
.p-dealer-content
.rating-score-wrapper.v2
.box-review
.reply-wrapper:before {
border-bottom: 15px solid #f5f5f5;
border-left: 0;
border-right: 15px solid transparent;
top: -15px;
left: 0;
}
.p-partner-wrapper .p-dealer-content .offers-deals .row-centered {
text-align: left;
}
.p-partner-wrapper .p-dealer-content .offers-deals .offers-deals-wrapper {
border-radius: 10px;
}
.p-partner-wrapper
.p-dealer-content
.offers-deals
.offers-deals-wrapper
.custom-tiles
.benefit-link:after,
.p-partner-wrapper
.p-dealer-content
.offers-deals
.offers-deals-wrapper
.custom-tiles
.benefit-link:before {
z-index: 0;
}
.p-partner-wrapper .p-dealer-content .business-partner .logo {
border-radius: 10px;
}
.p-partner-wrapper .p-dealer-content .cashback ul li {
border-bottom: 1px solid #b6b6b6;
}
.p-partner-wrapper .p-dealer-cover .dealer-name .patron-info {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper#p-range-toggle-content .p-header {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper .related-partner-infotext {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper .p-contact-line-wrapper .header {
font-family: CeraPro-Bold, sans-serif;
}
.p-partner-wrapper.vd-contact-info {
background-color: inherit;
}
.p-partner-wrapper .p-dealer-cover .dealer-cover-logo {
border-radius: 10px;
}
#drf-wrapper .conditions-wrapper .cbtype-wrapper .txt {
font-family: CeraPro-Bold, sans-serif;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp {
font-family: CeraPro-Bold, sans-serif;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp .txt {
font-family: CeraPro-Bold, sans-serif;
}
#drf-wrapper .conditions-wrapper .cbsp-wrapper ul.cbsp .info {
font-family: CeraPro-Bold, sans-serif;
}
.interstitial-wrapper .info-wrapper header {
border-radius: 10px;
}
.interstitial-wrapper .info-wrapper header div {
font-family: CeraPro-Bold, sans-serif;
}
#confirm-acceptance-container {
text-align: center;
padding-bottom: 9% !important;
}
#confirm-acceptance-container h1 {
margin-bottom: 32px;
}
#confirm-acceptance-container form#frmAcceptanceConfirmation .checkbox-indent {
margin: 0 0 32px 4px;
}
#confirm-acceptance-container form#frmAcceptanceConfirmation .btns {
display: table;
margin: 0 auto;
}
#confirm-acceptance-container form#frmAcceptanceConfirmation .btns .btn-link {
padding-top: 10px;
}
#confirm-acceptance-container
form#frmAcceptanceConfirmation
.btns
#btnSaveConfirmationWrapper {
margin-right: 8px;
}
#advent-calendar {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
color: #fff;
}
#advent-calendar h1 {
color: #fff;
font-size: 32px;
}
@media (min-width: 768px) {
#advent-calendar h1 {
font-size: 46px;
}
}
#advent-calendar p {
font-size: 16px;
}
#advent-calendar .box-content {
padding: 18px;
}
#advent-calendar .window-wrapper {
margin-left: -12px;
margin-right: -12px;
}
#advent-calendar .window-wrapper .window {
display: block;
float: left;
position: relative;
padding: 12px;
min-height: 1px;
width: 25%;
}
@media (min-width: 992px) {
#advent-calendar .window-wrapper .window {
width: 16.666%;
}
}
#advent-calendar .window-wrapper .window .closedDoor,
#advent-calendar .window-wrapper .window .openDoor {
display: inline-block;
width: 100%;
height: 100%;
border: 2px dashed #fff;
font-size: 3.5vw;
text-align: center;
font-family: "Times New Roman";
font-weight: 700;
overflow: hidden;
position: relative;
}
#advent-calendar .window-wrapper .window .closedDoor:before,
#advent-calendar .window-wrapper .window .openDoor:before {
content: "";
display: inline-block;
height: 100%;
width: 1%;
vertical-align: middle;
}
#advent-calendar .window-wrapper .window .openDoor {
cursor: pointer;
position: relative;
}
#advent-calendar .window-wrapper .window .wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 1em;
font-family: CeraPro-Bold, sans-serif;
font-size: 1.8vw;
}
@media (min-width: 768px) {
#advent-calendar .window-wrapper .window .wrapper {
font-size: 15px;
}
}
@media (min-width: 992px) {
#advent-calendar .window-wrapper .window .wrapper {
font-size: 12px;
}
}
@media (min-width: 1200px) {
#advent-calendar .window-wrapper .window .wrapper {
font-size: 16px;
}
}
#advent-calendar .window-wrapper .window .num {
display: block;
font-size: 2vw;
text-align: left;
padding-left: 5px;
font-family: "Time New Roman";
font-weight: 700;
line-height: 1em;
}
@media (min-width: 768px) {
#advent-calendar .window-wrapper .window .num {
font-size: 23px;
}
}
@media (min-width: 992px) {
#advent-calendar .window-wrapper .window .num {
font-size: 18px;
}
}
@media (min-width: 1200px) {
#advent-calendar .window-wrapper .window .num {
font-size: 34px;
}
}
#advent-calendar .window-wrapper .window .logo {
display: inline-block;
width: 50%;
height: 50%;
background-color: #fff;
margin: 3px;
position: relative;
}
@media (min-width: 768px) {
#advent-calendar .window-wrapper .window .logo {
margin: 6px;
}
}
#advent-calendar .window-wrapper .window .logo:before {
content: "";
position: absolute;
border: 3px solid #b6b6b6;
left: -3px;
top: -3px;
bottom: -3px;
right: -3px;
border-radius: 2px;
}
@media (min-width: 768px) {
#advent-calendar .window-wrapper .window .logo:before {
border: 6px solid #b6b6b6;
left: -6px;
top: -6px;
bottom: -6px;
right: -6px;
}
}
#advent-calendar .window-wrapper .window .logo img {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
margin: auto;
max-width: 95%;
}
#advent-calendar .window-wrapper .window .name {
display: block;
margin-top: 5px;
padding: 0 3px;
}
#advent-calendar .disclaimer {
text-align: center;
margin-top: 12px;
padding-bottom: 10%;
}
#advent-calendar .disclaimer a {
color: #fff;
text-decoration: underline;
}
#advent-calendar .disclaimer a:hover {
color: #d9d9d9;
}
#advent-calendar #modal-present.modal {
text-align: center;
opacity: 0;
transition: opacity 0.5s ease-in;
overflow-x: hidden;
overflow-y: auto;
}
@media screen and (min-width: 768px) {
#advent-calendar #modal-present.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
#advent-calendar #modal-present.modal.in {
opacity: 1;
}
#advent-calendar #modal-present .modal-header {
background-size: cover;
background-position: center;
border-bottom: none !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
#advent-calendar #modal-present .modal-header .num {
font-size: 40px;
font-family: CeraPro-Bold, sans-serif;
display: inline-block;
top: -7px;
position: relative;
}
#advent-calendar #modal-present .modal-header .btn-close {
color: #fff;
}
#advent-calendar #modal-present .modal-header .btn-close:hover {
color: #d9d9d9;
}
#advent-calendar #modal-present .button {
width: 100%;
padding: 0 5px;
}
@media (min-width: 768px) {
#advent-calendar #modal-present .button {
width: 180px;
padding: 0;
}
}
#advent-calendar #modal-present .modal-body {
padding: 5px;
}
#advent-calendar #modal-present .modal-content {
box-shadow: 0 0 17px 3px rgba(255, 255, 255, 0.3);
overflow-y: auto;
overflow-x: hidden;
}
#advent-calendar #modal-present .modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
#advent-calendar #modal-present .modal-dialog.modal-xs {
width: 300px;
}
@media (min-width: 768px) {
#advent-calendar #modal-present .modal-dialog.modal-xs {
width: 380px;
}
}
@media (min-width: 992px) {
#advent-calendar #modal-present .modal-dialog.modal-xs {
width: 650px;
}
}
#advent-calendar #modal-present .vd-wrapper .vd-voucher-box-wrapper {
margin-top: 35px;
width: 100%;
}
@media (min-width: 768px) {
#advent-calendar #modal-present .vd-wrapper .vd-voucher-box-wrapper {
width: 300px;
}
}
#advent-calendar #modal-present .vd-wrapper .vd-left-wrapper {
min-width: auto;
}
@media (min-width: 768px) {
#advent-calendar #modal-present .vd-wrapper .vd-left-wrapper {
min-width: 312px;
}
}
#advent-calendar #modal-present .vd-left-block-wrapper {
margin-top: 12px;
}
#advent-calendar #modal-present .vd-wrapper .vd-header {
height: 77px;
}
#advent-calendar
#modal-present
.vd-wrapper
.vd-header
.vd-dealer-logo-box-outer-border {
width: 91px;
height: 91px;
left: 8px;
}
#advent-calendar
#modal-present
.vd-wrapper
.vd-header
.vd-dealer-logo-box-outer-border
.vd-dealer-logo-box-inner-border {
width: 80px;
height: 80px;
margin: 4px;
}
#advent-calendar
#modal-present
.vd-wrapper
.vd-header
.vd-dealer-logo-box-outer-border
.vd-dealer-logo-box-inner-border
.vd-dealer-logo-wrapper
img {
max-width: 74px;
}
#advent-calendar #modal-present .vd-wrapper .vd-header .vd-dealer-name h2 {
font-size: 36px;
padding-top: 0;
padding-left: 112px;
}
#advent-calendar #modal-present .vd-wrapper .vd-left-wrapper .vd-left {
border-right: none;
}
#advent-calendar #modal-present .vd-wrapper .vd-header .vd-dealer-id {
position: absolute;
bottom: -18px;
left: 116px;
display: block;
font-size: 12px;
margin-left: 0;
}
canvas.seeThru-display {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
}
@media (min-width: 768px) {
canvas.seeThru-display.front {
z-index: 10001;
}
}
#ac-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0;
z-index: 10000;
}
.ac-overflow {
overflow: hidden;
padding-right: 17px;
}
#cashback-helper .share-box {
border-bottom: 4px solid #5cb885;
}
#cashback-helper .share-box a {
color: #5cb885;
}
#cashback-helper .share-box a:hover {
color: #6fcb98;
}
#cashback-helper .share-box h3 {
color: #fff;
}
#support-box .content a {
font-family: CeraPro-Bold, sans-serif;
}
#play-vid.eVoucher {
font-family: CeraPro-Regular, sans-serif;
}
.contact .circle-txt,
.contact .faq {
font-family: CeraPro-Bold, sans-serif;
}
#modal-formular .modal-header {
display: flex;
align-items: center;
}
#modal-formular .modal-header a {
display: inline-block;
}
#modal-formular .modal-header a img {
width: 151px;
}
#modal-formular .hidden-xs {
display: block !important;
}
@media (min-width: 0px) and (max-width: 767px) {
#modal-formular .hidden-xs {
display: none !important;
}
}
.banner-benefit {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
padding-top: 44px;
padding-bottom: 44px;
text-align: center;
}
.banner-benefit p {
font-size: 16px;
margin-top: 15px;
}
.banner-benefit a {
margin-top: 26px;
font-size: 16px;
}
.banner-benefit a.btn-link {
transition: color var(--transition-delay) var(--transition-timing-function);
display: inline-block;
}
.banner-benefit .button {
margin-top: 33px;
}
.banner-benefit.banner-discover h2 {
color: #fff;
font-family: CeraPro-Medium, sans-serif;
font-size: 32px;
}
.banner-benefit.banner-travelworld {
padding-top: 60px;
padding-bottom: 60px;
}
@media (min-width: 992px) {
.banner-benefit.banner-travelworld {
min-height: 400px;
}
}
.banner-benefit.banner-travelworld p {
font-size: 22px;
}
.banner-benefit.banner-cashback-app,
.banner-benefit.banner-howto-video {
text-align: left;
padding-top: 90px;
padding-bottom: 40px;
margin: 40px 0;
}
@media (max-width: 767px) {
.banner-benefit.banner-cashback-app,
.banner-benefit.banner-howto-video {
background-image: none !important;
padding-top: 0;
padding-bottom: 0;
}
}
.banner-benefit.banner-cashback-app h3,
.banner-benefit.banner-howto-video h3 {
font-size: 26px;
font-family: CeraPro-Bold, sans-serif;
line-height: inherit;
margin: 0;
padding: 0;
}
.banner-benefit.banner-cashback-app p,
.banner-benefit.banner-howto-video p {
font-size: 16px;
color: #333;
line-height: 1.6em;
}
.banner-benefit.banner-cashback-app .col-custom,
.banner-benefit.banner-howto-video .col-custom {
width: 39%;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 20px;
width: 100%;
}
@media (min-width: 768px) {
.banner-benefit.banner-cashback-app .col-custom,
.banner-benefit.banner-howto-video .col-custom {
width: 60%;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 30px;
}
}
@media (min-width: 960px) {
.banner-benefit.banner-cashback-app .col-custom,
.banner-benefit.banner-howto-video .col-custom {
width: 50%;
}
}
@media (min-width: 1200px) {
.banner-benefit.banner-cashback-app .col-custom,
.banner-benefit.banner-howto-video .col-custom {
width: 45%;
}
}
@media (min-width: 1440px) {
.banner-benefit.banner-cashback-app .col-custom,
.banner-benefit.banner-howto-video .col-custom {
width: 39%;
}
}
@media (min-width: 1660px) {
.banner-benefit.banner-cashback-app .col-custom,
.banner-benefit.banner-howto-video .col-custom {
width: 35%;
}
}
.banner-benefit.banner-cashback-app .bubble,
.banner-benefit.banner-howto-video .bubble {
position: relative;
background-color: #fff;
border-radius: 10px;
padding: 40px;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
.banner-benefit.banner-cashback-app .bubble,
.banner-benefit.banner-howto-video .bubble {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.banner-benefit.banner-cashback-app .bubble:before,
.banner-benefit.banner-howto-video .bubble:before {
content: "";
position: absolute;
bottom: -14px;
left: 30px;
width: 0;
height: 0;
border-top: 15px solid #fff;
border-right: 19px solid transparent;
}
.banner-benefit.banner-cashback-app .buttons,
.banner-benefit.banner-howto-video .buttons {
display: flex;
flex-flow: row wrap;
margin-right: -5px;
margin-left: -5px;
}
.banner-benefit.banner-cashback-app .buttons a,
.banner-benefit.banner-howto-video .buttons a {
padding-left: 5px;
padding-right: 5px;
}
.banner-benefit.banner-cashback-app .buttons img,
.banner-benefit.banner-howto-video .buttons img {
max-width: 155px;
}
.banner-benefit.banner-cashback-app .banner-mobile,
.banner-benefit.banner-howto-video .banner-mobile {
height: 25rem;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
@media (min-width: 768px) {
.banner-benefit.banner-cashback-app .banner-mobile,
.banner-benefit.banner-howto-video .banner-mobile {
display: none;
}
}
@media (max-width: 767px) {
.banner-benefit.banner-howto-video .container {
position: relative;
}
}
.banner-benefit.banner-howto-video .row {
display: flex;
}
.banner-benefit.banner-howto-video .col-vid {
flex: 1;
position: inherit;
}
@media (min-width: 768px) {
.banner-benefit.banner-howto-video .col-vid {
position: relative;
}
}
@media (max-width: 767px) {
.banner-benefit.banner-howto-video .col-vid {
position: absolute;
top: 123px;
left: 50%;
transform: translatex(-50%);
}
}
.banner-benefit.banner-howto-video .play-btn {
display: inline-block;
position: absolute;
height: 86px;
width: 86px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
cursor: pointer;
transition: all 0.2s ease-out;
text-decoration: none;
margin: 0;
}
.banner-benefit.banner-howto-video .play-btn .play-btn-label {
color: #fff;
font-family: CeraPro-Bold, sans-serif;
white-space: nowrap;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin-top: 58px;
}
.banner-benefit.banner-howto-video .play-btn:hover .play-btn-label {
color: #6fcb98 !important;
}
.banner-benefit.banner-howto-video
.play-btn:hover
.video-overlay-play-button
polygon {
fill: #6fcb98 !important;
}
.banner-benefit.banner-howto-video
.play-btn:hover
.video-overlay-play-button
circle {
stroke: #6fcb98 !important;
stroke-opacity: 100%;
}
.banner-benefit.banner-howto-video ol {
color: #333;
font-size: 16px;
list-style-type: none;
margin: 0;
padding: 0;
padding-top: 8px;
}
.banner-benefit.banner-howto-video ol li {
counter-increment: step-counter;
position: relative;
padding-left: 64px;
margin-top: 38px;
}
.banner-benefit.banner-howto-video ol li:first-child {
margin-top: 16px;
}
.banner-benefit.banner-howto-video ol li:before {
content: counter(step-counter) ".";
position: absolute;
font-size: 16px;
left: 16px;
top: 0;
font-family: CeraPro-Medium, sans-serif;
}
.banner-benefit.banner-howto-video ol li:after {
content: "";
position: absolute;
left: 0;
top: -8px;
width: 42px;
height: 42px;
background-color: #333;
opacity: 0.05;
border-radius: 50%;
}
.banner-benefit.banner-sold-out {
text-align: left;
color: #005551;
min-height: inherit;
margin-bottom: 0;
padding-bottom: 0;
}
.banner-benefit.banner-sold-out img {
margin-top: 40px;
}
@media (min-width: 768px) {
.banner-benefit.banner-sold-out img {
margin-top: 0;
}
}
.font-bold {
font-family: CeraPro-Bold, sans-serif;
}
.xmas-2020 .xmas-box {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
overflow: hidden;
min-height: 650px;
border-radius: 8px;
padding: 2rem;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 480px) {
.xmas-2020 .xmas-box {
box-shadow: none;
border-radius: 0;
min-height: 100vh;
}
}
.xmas-2020 .xmas-box .xmas-box__icon {
width: 5rem;
margin-bottom: 2rem;
}
@media (max-width: 480px) {
.xmas-2020 .xmas-box .xmas-box__icon {
display: none;
}
}
.xmas-2020 .xmas-box .xmas-box__headline {
font-size: 32px;
font-family: CeraPro-Bold, sans-serif;
color: #333;
line-height: 1;
margin-bottom: 2rem;
}
.xmas-2020 .xmas-box .xmas-box__headline--mb {
font-size: 32px;
font-family: CeraPro-Bold, sans-serif;
color: #333;
line-height: 1;
margin-bottom: 3rem;
}
.xmas-2020 .xmas-box .xmas-box__subhead {
font-size: 1.75rem;
color: #333;
margin-bottom: 2.5rem;
}
.xmas-2020 .xmas-box .xmas-box__text {
color: #333;
font-size: 14px;
font-family: CeraPro-Medium, sans-serif;
line-height: 1.6;
max-width: none;
margin-bottom: 2rem;
}
.xmas-2020 .xmas-box .xmas-box__text--400 {
color: #333;
font-size: 14px;
font-family: CeraPro-Medium, sans-serif;
line-height: 1.6;
max-width: 400px;
margin-bottom: 2rem;
}
.xmas-2020 .xmas-box .xmas-box__text--500 {
color: #333;
font-size: 14px;
font-family: CeraPro-Medium, sans-serif;
line-height: 1.6;
max-width: 500px;
margin-bottom: 2rem;
}
.xmas-2020 .xmas-box .xmas-box__text--600 {
color: #333;
font-size: 14px;
font-family: CeraPro-Medium, sans-serif;
line-height: 1.6;
max-width: 600px;
margin-bottom: 2rem;
}
.xmas-2020 .xmas-box .xmas-box__text--bold {
color: #333;
font-size: 14px;
font-family: CeraPro-Bold, sans-serif;
}
.xmas-2020 .xmas-box .xmas-box__checkbox {
color: #333;
font-family: CeraPro-Medium, sans-serif;
margin-bottom: 2rem;
line-height: 1.6;
}
.xmas-2020 .xmas-box .xmas-box__checkbox .xmas-box__checkbox-input {
position: relative;
height: auto;
top: 2px;
}
.xmas-2020 .xmas-box .xmas-box__checkbox a {
color: #333;
text-decoration: underline;
}
@media (max-width: 480px) {
.xmas-2020 .xmas-box .xmas-box__checkbox a {
text-decoration: none;
}
}
.xmas-2020 .xmas-box .xmas-box__checkbox a:focus,
.xmas-2020 .xmas-box .xmas-box__checkbox a:hover {
color: #5cb885;
}
.xmas-2020 .xmas-box .xmas-box__reward {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
}
.xmas-2020 .xmas-box .xmas-box__reward .xmas-box__reward-value {
color: #333;
font-family: CeraPro-Bold, sans-serif;
font-size: 3rem;
margin-right: 0.5rem;
}
.xmas-2020 .xmas-box .xmas-box__reward .xmas-box__reward-icon {
width: 40px;
height: 40px;
position: relative;
}
.xmas-2020 .xmas-box .xmas-box__reward .xmas-box__reward-icon:before {
content: "\0046";
font-family: "myWorld Font";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
color: #333;
font-style: normal;
font-size: 40px;
line-height: 40px;
margin-top: -2px;
}
.xmas-2020 .xmas-box .xmas-box__button {
color: #fff;
background-color: #5cb885;
margin-bottom: 2rem;
box-shadow: 0 5px 15px 0 rgba(92, 184, 133, 0.5);
}
.xmas-2020 .xmas-box .xmas-box__button:hover {
background-color: #6fcb98;
}
.xmas-2020 .xmas-box .xmas-box__button--mt {
color: #fff;
background-color: #5cb885;
box-shadow: 0 5px 15px 0 rgba(92, 184, 133, 0.5);
margin-top: 1.5rem;
margin-bottom: 2rem;
}
.xmas-2020 .xmas-box .xmas-box__button--mt:hover {
background-color: #6fcb98;
}
.xmas-2020 .xmas-box .xmas-box__link {
text-decoration: underline;
font-size: 13px;
font-family: CeraPro-Medium, sans-serif;
color: #333;
}
.xmas-2020 .xmas-box .xmas-box__link:active,
.xmas-2020 .xmas-box .xmas-box__link:hover {
color: #5cb885;
}
@media (max-width: 480px) {
.xmas-2020 .xmas-box .hide-mobile {
display: none;
}
}
.xmas-2020 .xmas-box #xmas-canvas {
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 480px) {
.xmas-2020 .mobile-no-padding {
padding: 0;
}
}
@media (max-width: 1050px) {
.xmas-2020 .slot-machine {
min-height: 800px;
}
}
@media (max-width: 650px) {
.xmas-2020 .slot-machine {
min-height: 650px;
}
}
@media (max-width: 480px) {
.xmas-2020 .slot-machine {
padding-right: 0;
padding-left: 0;
min-height: 100vh;
}
}
.xmas-2020 .slot-machine .xmas-box__scoreboard {
height: 200px;
width: 220px;
position: absolute;
top: 0;
left: 7%;
background-image: url("../../img/xmasgame2020/scoreboard-v2.png");
background-position: bottom;
background-size: cover;
z-index: 1;
}
@media (max-width: 650px) {
.xmas-2020 .slot-machine .xmas-box__scoreboard {
height: 140px;
width: 130px;
}
}
@media (max-width: 650px) and (max-height: 600px) {
.xmas-2020 .slot-machine .xmas-box__scoreboard {
height: 105px;
width: 130px;
}
}
.xmas-2020 .slot-machine .xmas-box__scoreboard .xmas-box__scoreboard-score {
font-size: 5rem;
font-family: CeraPro-Bold, sans-serif;
color: #5cb885;
margin-top: 60px;
}
@media (max-width: 650px) {
.xmas-2020 .slot-machine .xmas-box__scoreboard .xmas-box__scoreboard-score {
font-size: 3rem;
margin-top: 60px;
}
}
@media (max-width: 650px) and (max-height: 600px) {
.xmas-2020 .slot-machine .xmas-box__scoreboard .xmas-box__scoreboard-score {
margin-top: 25px;
}
}
.xmas-2020 .slot-machine .xmas-box__scoreboard .xmas-box__scoreboard-label {
font-size: 3rem;
font-family: CeraPro-Bold, sans-serif;
color: #333;
margin-top: -15px;
padding: 0 1.5rem;
line-height: 1;
}
@media (max-width: 650px) {
.xmas-2020 .slot-machine .xmas-box__scoreboard .xmas-box__scoreboard-label {
font-size: 1.75rem;
padding: 0 0.75rem;
}
}
.xmas-2020 .slot-machine .slot-machine__bg {
height: 62%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url("../../img/xmasgame2020/hintergrundbild-v2.jpg");
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
}
@media (max-width: 650px) {
.xmas-2020 .slot-machine .slot-machine__bg {
height: 57%;
background-position-x: 5%;
}
}
.xmas-2020 .slot-machine:before {
content: "";
height: 20%;
width: 100%;
background: #f5f5f5;
position: absolute;
top: 61%;
left: 0;
z-index: 0;
}
@media (max-width: 650px) {
.xmas-2020 .slot-machine:before {
height: 26%;
top: 50%;
}
}
.xmas-2020 .slot-machine:after {
content: "";
height: 21%;
width: 100%;
background: #ddd;
position: absolute;
top: 80%;
left: 0;
z-index: 0;
}
@media (max-width: 650px) {
.xmas-2020 .slot-machine:after {
height: 26%;
top: 75%;
}
}
.xmas-2020 .slot-machine .slot-machine__button--green,
.xmas-2020 .slot-machine .slot-machine__button--pink {
font-family: CeraPro-Bold, sans-serif;
font-size: 15px;
width: 225px;
z-index: 1;
}
@media (max-width: 360px) and (max-height: 600px) {
.xmas-2020 .slot-machine .slot-machine__button--green,
.xmas-2020 .slot-machine .slot-machine__button--pink {
margin-top: -30px;
}
}
.xmas-2020 .slot-machine .slot-machine__button--green {
background: #5cb885;
}
.xmas-2020 .slot-machine .slot-machine__button--pink {
background: #f4a7b0;
box-shadow: 0 10px 30px 0 rgba(244, 167, 176, 0.5);
}
.xmas-2020 .slot-machine .slot-machine__button--pink:active {
background: #ffc1ca;
}
.xmas-2020 .slot-machine .slot-machine__button--pink[disabled] {
background: #ffc1ca;
}
.xmas-2020 .slot-machine .btn-hide {
display: none;
}
#casino {
z-index: 1;
margin-top: -100px;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
margin-bottom: 1rem;
}
@media (max-width: 1050px) {
#casino {
margin-top: -25px;
}
}
@media (max-width: 650px) {
#casino {
margin-top: -100px;
}
}
#casino .slotMachine .slot {
height: 100px;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 650px) {
#casino .slotMachine .slot {
background-position-y: 0px;
}
}
#casino .slot1 {
background-image: url("../../img/xmasgame2020/slot1-v2.jpg");
}
#casino .slot2 {
background-image: url("../../img/xmasgame2020/slot2-v2.jpg");
}
#casino .slot3 {
background-image: url("../../img/xmasgame2020/slot3-v2.jpg");
}
#casino .slot4 {
background-image: url("../../img/xmasgame2020/slot4-v2.jpg");
}
#casino .slot5 {
background-image: url("../../img/xmasgame2020/slot5-v2.jpg");
}
#casino .content:first-child {
text-align: center;
background-image: url("../../img/xmasgame2020/machine-v2.png");
background-repeat: no-repeat;
background-position-x: calc(50% + 26px);
background-position-y: 0;
background-size: 490px;
height: 500px;
}
@media (max-width: 650px) {
#casino .content:first-child {
height: 430px;
background-size: 335px;
background-position-y: 65px;
background-position-x: calc(50% + 17px);
}
}
@media (max-width: 359px) {
#casino .content:first-child {
background-size: 285px;
background-position-y: 110px;
background-position-x: calc(50% + 16px);
}
}
#casino .slotMachineContainer {
margin-top: -5px;
}
@media (max-width: 650px) {
#casino .slotMachineContainer {
margin-top: 0;
}
}
#casino .content > div {
padding-top: 260px;
width: 300px;
margin: 0 auto;
transform: translateX(30.5px);
}
@media (max-width: 650px) {
#casino .content > div {
padding-top: 243px;
}
}
@media (max-width: 359px) {
#casino .content > div {
transform: translateX(33px);
padding-top: 260px;
}
}
#casino .slotMachine {
width: 36.333333%;
border: 5px solid #40805d;
border-radius: 8px;
height: 100px;
display: inline-block;
overflow: hidden;
}
@media (max-width: 650px) {
#casino .slotMachine {
width: 70px;
height: 70px;
}
}
@media (max-width: 359px) {
#casino .slotMachine {
width: 60px;
height: 60px;
}
}
#casino .slotMachineNoTransition {
transition: none !important;
}
#casino .slotMachineBlurFast {
filter: blur(5px);
}
#cb-slider {
margin: 5rem 0;
}
#cb-slider .cb-slider-top-container .swiper-wrapper {
height: 600px;
}
@media (max-width: 959px) {
#cb-slider .cb-slider-top-container .swiper-wrapper {
height: 450px;
}
}
@media (max-width: 599px) {
#cb-slider .cb-slider-top-container .swiper-wrapper {
height: 300px;
}
}
#cb-slider .cb-slider-top-container .swiper-slide {
width: 100% !important;
display: flex;
justify-content: center;
align-items: flex-end;
}
#cb-slider .cb-slider-top-container .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
#cb-slider .cb-slider-top-container .swiper-slide .bg-text {
font-family: CeraPro-Bold, sans-serif;
font-size: 140px;
color: #d6d6d6;
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1;
white-space: nowrap;
}
@media (max-width: 1199px) {
#cb-slider .cb-slider-top-container .swiper-slide .bg-text {
font-size: 12vw;
}
}
@media (max-width: 450px) {
#cb-slider .cb-slider-top-container .swiper-slide .bg-text {
display: none;
}
}
#cb-slider .cb-slider-top-container .swiper-slide-active {
opacity: 1;
visibility: visible;
}
#cb-slider .cb-slider-top-container .pb-7 {
padding-bottom: 26px;
}
@media (max-width: 959px) {
#cb-slider .cb-slider-top-container .pb-7 {
padding-bottom: 18px;
}
}
@media (max-width: 599px) {
#cb-slider .cb-slider-top-container .pb-7 {
padding-bottom: 13px;
}
}
#cb-slider .cb-slider-pagination {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 60px;
}
#cb-slider .cb-slider-pagination .swiper-pagination-bullet {
position: relative;
width: 16px;
height: 16px;
border-radius: 50%;
border: 1px solid #909090;
margin: 5px;
outline: 0;
}
#cb-slider .cb-slider-pagination .swiper-pagination-bullet-active:before {
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #5cb885;
}
#cb-slider .cb-slider-bottom-container {
text-align: center;
}
#cb-slider .cb-slider-bottom-container .swiper-slide {
width: 100% !important;
}
#cb-slider .cb-slider-bottom-container .swiper-slide .cb-bottom__headline {
margin-bottom: 1rem;
}
#cb-slider .cb-slider-bottom-container .swiper-slide .cb-bottom__subhead {
max-width: 600px;
margin: 0 auto;
margin-bottom: 0.5rem;
}
#cb-slider .cb-slider-bottom-container .swiper-slide .cb-bottom__link {
display: block;
margin-bottom: 3rem;
font-family: CeraPro-Bold, sans-serif;
color: #5cb885;
text-decoration: none;
}
#cb-slider .cb-slider-bottom-container .swiper-slide .cb-bottom__link:hover {
color: #6fcb98;
}
#cb-slider .cb-slider-bottom-container .swiper-slide .cb-bottom__link:focus {
outline: 0;
}
#cb-slider .cb-slider-bottom-container .swiper-slide .cb-bottom__badges {
display: flex;
justify-content: center;
flex-direction: row;
}
#cb-slider .cb-slider-bottom-container .swiper-slide .cb-bottom__badges img {
margin: 0 15px 20px 15px;
}
@media (max-width: 359px) {
#cb-slider .cb-slider-bottom-container .swiper-slide .cb-bottom__badges img {
margin: 0 10px 20px 10px;
}
}
#cb-slider
.cb-slider-bottom-container
.swiper-slide
.cb-bottom__badges
.cb-bottom__badges--safari {
margin-top: -4px;
margin-left: 0;
}
@media (max-width: 599px) {
#cb-slider .cb-slider-bottom-container .swiper-slide .mobile-column {
flex-direction: column;
}
}
#cb-slider .cb-slider-bottom-container .swiper-slide-active {
opacity: 1;
visibility: visible;
}
#top-partners .top-partners__headline {
margin-bottom: 0 !important;
padding-top: 12px;
text-align: left;
}
#top-partners .top-partners__link {
display: block;
text-align: left;
margin-bottom: 1.5rem !important;
font-family: CeraPro-Bold, sans-serif;
color: #5cb885;
text-decoration: none;
}
#top-partners .top-partners__link:hover {
color: #6fcb98;
}
#top-partners .top-partners__link:focus {
outline: 0;
}
#top-partners .top-partners__filter {
margin-bottom: 3rem;
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-left: -8px;
margin-right: -8px;
}
#top-partners .top-partners__filter.filter-desktop {
flex-wrap: wrap;
}
#top-partners .top-partners__filter.filter-mobile {
display: block;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
#top-partners .top-partners__filter.filter-mobile::-webkit-scrollbar {
display: none;
}
@media (max-width: 599px) {
#top-partners .top-partners__filter {
margin-bottom: 5rem;
}
}
#top-partners .top-partners__filter .filter-btn {
font-family: CeraPro-Medium, sans-serif;
font-size: 15px;
color: #333;
background: 0 0;
border: 1px solid #b6b6b6;
border-radius: 19px;
padding: 8px 13px;
margin: 8px;
outline: 0;
transition: all 125ms ease-out;
}
#top-partners .top-partners__filter .filter-btn:hover {
color: #5cb885;
border: 1px solid #5cb885;
}
#top-partners .top-partners__filter .filter-btn.btn-active {
color: #5cb885;
border: 1px solid #5cb885;
}
#top-deal-week {
position: relative;
background-color: #eee;
margin: 40px 0;
}
#top-deal-week .bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 70vw;
}
@media (min-width: 600px) {
#top-deal-week .bg {
width: calc(100% - 344px);
}
}
@media (min-width: 768px) {
#top-deal-week .bg {
width: calc(100% - 352px);
}
}
@media (min-width: 1200px) {
#top-deal-week .bg {
width: 58vw;
}
}
@media (min-width: 1440px) {
#top-deal-week .bg {
width: 65vw;
}
}
@media (min-width: 1660px) {
#top-deal-week .bg {
width: 70vw;
}
}
@media (min-width: 1921px) {
#top-deal-week .bg {
max-width: 1800px;
}
}
#top-deal-week .text {
margin-bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 768px) {
#top-deal-week .text {
justify-content: flex-start;
}
}
#top-deal-week .text h3 {
margin: 0;
margin-top: 24px;
}
@media (min-width: 768px) {
#top-deal-week .text h3 {
margin-top: 0;
color: #fff;
}
}
#top-deal-week .text p {
margin: 0;
font-family: CeraPro-Bold, sans-serif;
}
@media (min-width: 768px) {
#top-deal-week .text p {
color: #fff;
}
}
#top-deal-week .text > div {
position: relative;
}
#top-deal-week .custom-tiles {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
@media (min-width: 768px) {
#top-deal-week .custom-tiles {
justify-content: flex-end;
}
}
#top-deal-week .custom-tiles .benefit-link {
width: 244px;
margin: 50px 0;
z-index: 1;
cursor: pointer;
}
@media (min-width: 768px) {
#top-deal-week .custom-tiles .benefit-link {
margin-right: 42px !important;
}
}
@media (min-width: 1200px) {
#top-deal-week .custom-tiles .benefit-link {
margin: 107px 0;
margin-right: 0 !important;
}
}
.modal.modal-modern {
padding-right: 0 !important;
}
.modal.modal-modern .modal-dialog {
display: flex;
min-height: 100%;
margin: 0;
background: #fff;
}
@media (min-width: 768px) {
.modal.modal-modern .modal-dialog {
margin: 30px auto;
border: 1px solid #eee;
border-radius: 10px;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
min-height: 0;
}
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-dialog {
width: 780px;
padding: 15px 122px 30px;
}
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-two-columns.modal-dialog {
width: 1050px;
padding: 84px 134px;
}
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-two-columns .m-content {
display: flex;
flex-direction: row;
}
}
.modal.modal-modern .modal-two-columns .m-header {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-two-columns .m-header {
height: auto;
position: absolute;
top: 30px;
right: 30px;
padding: 0;
}
}
.modal.modal-modern .modal-two-columns .m-logo {
height: 26px;
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-two-columns .m-logo {
display: none;
}
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-two-columns .m-buttons {
flex-direction: column;
margin-left: 0;
width: auto;
}
}
.modal.modal-modern .modal-two-columns .m-hero {
margin-left: 0;
margin-right: 0;
}
.modal.modal-modern .modal-two-columns .m-hero-img {
border: none;
border-radius: 0;
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-two-columns .m-hero-img {
width: 300px;
border: 1px solid #eee;
border-radius: 10px;
}
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-two-columns .m-body {
width: calc(100% - 300px);
padding-top: 0;
}
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-gtc {
padding: 15px 80px 40px;
}
}
@media (min-width: 1200px) {
.modal.modal-modern .modal-gtc .m-header {
margin-left: -65px;
margin-right: -65px;
}
}
.modal.modal-modern .modal-gtc .m-header.mb-15 {
margin-bottom: 0;
}
@media (max-width: 1199px) {
.modal.modal-modern .modal-gtc .m-body {
padding-top: 0;
}
}
.modal.modal-modern .m-content {
min-height: 100%;
width: 100%;
padding-bottom: 10px;
}
.modal.modal-modern .m-header {
display: flex;
justify-content: space-between;
align-items: center;
height: 56px;
padding: 15px 16px;
border-bottom: none;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-header {
margin-left: -107px;
margin-right: -107px;
}
}
@media (min-width: 1200px) {
.modal.modal-modern .m-header.mb-15 {
margin-bottom: 20px;
}
}
.modal.modal-modern .m-logo {
height: 24px;
flex-grow: 1;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-logo {
height: 30px;
}
}
.modal.modal-modern .m-logo img {
height: 100%;
}
.modal.modal-modern .m-buttons {
display: flex;
align-items: center;
position: relative;
margin-left: 16px;
}
.modal.modal-modern .m-buttons.absolute {
position: absolute;
top: 15px;
right: 15px;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-buttons.absolute {
top: 20px;
right: 20px;
}
}
.modal.modal-modern .m-buttons a,
.modal.modal-modern .m-buttons button {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border: none;
background: 0 0;
outline: 0;
padding: 0;
cursor: pointer;
white-space: nowrap;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-buttons a,
.modal.modal-modern .m-buttons button {
width: 44px;
height: 44px;
border: 1px solid #eee;
border-radius: 50%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
}
}
.modal.modal-modern .m-buttons .m-share-container a,
.modal.modal-modern .m-buttons .m-share-container button {
width: 44px;
height: 44px;
border: 1px solid #eee;
border-radius: 50%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
background: #fff;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-buttons .m-share-container a,
.modal.modal-modern .m-buttons .m-share-container button {
width: 44px;
height: 44px;
border: 1px solid #eee;
border-radius: 50%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
}
}
.modal.modal-modern .m-buttons a svg,
.modal.modal-modern .m-buttons button svg {
transition: fill var(--transition-duration) var(--transition-timing-function);
}
.modal.modal-modern .m-buttons a:hover svg,
.modal.modal-modern .m-buttons button:hover svg {
fill: #5cb885;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-share {
order: 3;
margin-top: 24px;
}
}
.modal.modal-modern .m-heart {
margin-left: 16px;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-heart {
order: 2;
margin-left: 0;
margin-top: 24px;
}
}
.modal.modal-modern .m-close {
margin-left: 16px;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-close {
order: 1;
margin-left: 0;
}
}
.modal.modal-modern .m-facebook {
order: 4;
}
.modal.modal-modern .m-twitter {
order: 5;
}
.modal.modal-modern .m-email {
order: 6;
}
.modal.modal-modern .m-copy {
order: 7;
}
.modal.modal-modern .btn-heart .heart-empty,
.modal.modal-modern .m-heart .heart-empty {
display: block;
animation: fadeChartDataExpanded var(--transition-duration);
}
.modal.modal-modern .btn-heart.toggled .heart-empty,
.modal.modal-modern .m-heart.toggled .heart-empty {
display: none;
animation: fadeChartDataCollapsed var(--transition-duration);
}
.modal.modal-modern .btn-heart .heart-full,
.modal.modal-modern .m-heart .heart-full {
display: none;
animation: fadeChartDataCollapsed var(--transition-duration);
}
.modal.modal-modern .btn-heart.toggled .heart-full,
.modal.modal-modern .m-heart.toggled .heart-full {
display: block;
animation: fadeChartDataExpanded var(--transition-duration);
}
.modal.modal-modern .m-buttons .m-share-container {
display: none;
flex-direction: column;
position: absolute;
left: -10px;
top: 44px;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-buttons .m-share-container {
order: 4;
position: relative;
top: auto;
left: auto;
}
}
.modal.modal-modern .m-buttons .m-share-wrapper {
display: flex;
margin-top: 12px;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-buttons .m-share-wrapper {
margin-top: 24px;
}
}
.modal.modal-modern .m-share-text {
position: absolute;
left: calc(100% + 6px);
}
.modal.modal-modern .m-hero {
margin-left: 16px;
margin-right: 16px;
}
.modal.modal-modern .m-hero-img {
width: 100%;
border: 1px solid #eee;
border-radius: 10px;
}
.modal.modal-modern .m-hero.with-headline {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
min-height: 110px;
padding: 30px 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 10px;
}
@media (min-width: 600px) {
.modal.modal-modern .m-hero.with-headline {
min-height: 180px;
}
}
.modal.modal-modern .m-hero.with-headline .m-hero-logo {
position: absolute;
top: 10px;
left: 10px;
height: 15px;
}
.modal.modal-modern .m-hero.with-headline .m-hero-headline {
color: #fff;
padding: 0 10%;
font-size: 22px;
line-height: 1.1;
}
@media (min-width: 360px) {
.modal.modal-modern .m-hero.with-headline .m-hero-headline {
font-size: 24px;
padding: 0 15%;
}
}
@media (min-width: 600px) {
.modal.modal-modern .m-hero.with-headline .m-hero-headline {
font-size: 34px;
}
}
@media (min-width: 768px) {
.modal.modal-modern .m-hero.with-headline .m-hero-headline {
font-size: 36px;
}
}
.modal.modal-modern .m-hero.with-headline-subhead {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
min-height: 110px;
padding: 30px 15px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 10px;
}
@media (min-width: 600px) {
.modal.modal-modern .m-hero.with-headline-subhead {
padding: 30px;
min-height: 180px;
}
}
.modal.modal-modern .m-hero.with-headline-subhead .m-hero-logo {
position: absolute;
top: 10px;
left: 15px;
height: 15px;
}
@media (min-width: 600px) {
.modal.modal-modern .m-hero.with-headline-subhead .m-hero-logo {
left: 30px;
}
}
.modal.modal-modern .m-hero.with-headline-subhead .m-hero-headline {
color: #fff;
max-width: 75%;
margin-bottom: 0;
}
@media (min-width: 360px) {
.modal.modal-modern .m-hero.with-headline-subhead .m-hero-headline {
max-width: 50%;
}
}
.modal.modal-modern .m-hero.with-headline-subhead .m-hero-subhead {
color: #fff;
max-width: 75%;
font-size: 12px;
}
@media (min-width: 360px) {
.modal.modal-modern .m-hero.with-headline-subhead .m-hero-subhead {
max-width: 50%;
}
}
.modal.modal-modern .m-hero-bg {
z-index: -1;
position: absolute;
border: 1px solid #eee;
border-radius: 10px;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.modal.modal-modern .m-body {
padding: 12px 16px;
}
.modal.modal-modern .m-list {
padding-left: 25px;
}
.modal.modal-modern .discount-box {
text-align: center;
width: 100%;
padding: 24px;
margin-bottom: 16px;
border-radius: 10px;
}
.modal.modal-modern .discount-box.green-bg {
background: #e7f5ed;
}
.modal.modal-modern .discount-box.gray-bg {
background: #eee;
}
.modal.modal-modern .button-group {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
@media (min-width: 960px) {
.modal.modal-modern .button-group {
flex-direction: row;
}
}
.modal.modal-modern .button-group .button {
width: 100%;
margin-bottom: 16px;
}
@media (min-width: 960px) {
.modal.modal-modern .button-group .button {
width: calc(50% - 8px);
margin-bottom: 0;
}
}
.modal.modal-modern .m-dropdown {
display: flex;
flex-direction: column;
padding: 20px 0;
border-bottom: 1px solid #ddd;
}
.modal.modal-modern .m-dropdown-header {
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.modal.modal-modern .m-dropdown-arrow:before {
content: "\007B";
font-family: "myWorld Font";
font-style: normal;
font-size: 18px;
opacity: 1;
transition: opacity 125ms ease-in-out;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.modal.modal-modern .m-dropdown-content {
display: none;
width: 100%;
margin-top: 7px;
}
.modal.modal-modern .m-dropdown.expanded .m-dropdown-arrow:before {
opacity: 0;
}
.modal.modal-modern .m-coupon-link {
color: #333;
text-decoration: none;
}
.modal.modal-modern .m-coupon {
border: 1px solid #eee;
border-radius: 10px;
padding: 12px;
margin-top: 23px;
margin-bottom: 18px;
position: relative;
}
.modal.modal-modern .m-coupon:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
z-index: -1;
border-radius: 10px;
}
.modal.modal-modern .m-coupon:after {
transition: opacity 125ms ease-in-out;
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
z-index: -1;
border-radius: 10px;
opacity: 0;
}
.modal.modal-modern .m-coupon-link:hover .m-coupon:after {
opacity: 1;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.25);
}
.modal.modal-modern .m-brand {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.modal.modal-modern .m-brand a {
text-decoration: underline;
}
.modal.modal-modern .m-brand a:active,
.modal.modal-modern .m-brand a:hover {
text-decoration: underline !important;
}
.modal.modal-modern .m-brand img,
.modal.modal-modern .m-brand-cta img {
height: 26px;
}
.modal.modal-modern .m-brand-cta {
display: flex;
align-items: flex-start;
justify-content: space-between;
position: absolute;
top: 65%;
left: 50%;
transform: translateX(-50%);
z-index: 1;
pointer-events: none;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-brand-cta {
top: 65%;
}
}
.modal.modal-modern .m-brand-cta .btn-primary {
font-family: CeraPro-Regular, sans-serif;
}
.modal.modal-modern .m-brand-cta .button {
width: auto;
}
.modal.modal-modern .m-brand-cta .button a {
font-family: CeraPro-Regular, sans-serif;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-brand-cta .button a {
padding-left: 17px;
padding-right: 17px;
}
}
.modal.modal-modern .m-icon-sp:before {
content: "\0046";
font-family: "myWorld Font";
font-style: normal;
font-size: 22px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.modal.modal-modern .m-icon-supercashback:before {
content: "\20A3";
font-family: "myWorld Font";
font-style: normal;
font-size: 22px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
}
.modal.modal-modern i.copy {
font-style: normal;
}
.modal.modal-modern i.copy:before {
content: "\0062";
font-family: "myWorld Font";
font-style: normal;
font-size: 25px;
opacity: 1;
transition: opacity 125ms ease-in-out;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
padding-right: 10px;
}
.modal.modal-modern .super-cashback-txt span {
font-style: normal;
font-size: 14px;
font-family: CeraPro-Medium, sans-serif;
}
.modal.modal-modern .m-button {
width: auto;
height: auto;
display: flex;
}
.modal.modal-modern .m-button a {
display: flex;
align-items: center;
justify-content: center;
padding: 4px 10px;
}
.modal.modal-modern .m-button svg {
transform: scale(calc(18 / 24));
}
.modal.modal-modern .m-button span {
padding-left: 8px;
}
.modal.modal-modern #code_copy a {
padding: 6px 10px;
width: 100%;
min-height: 40px;
}
.modal.modal-modern #code_copy a .active {
color: #5cb885;
}
.modal.modal-modern .btn-link {
text-decoration: none;
transition: color var(--transition-duration) var(--transition-timing-function);
}
.modal.modal-modern .btn-hollow:active {
box-shadow: none;
}
.modal.modal-modern .btn-heart.toggled {
color: #fff;
background: #5cb885;
}
.modal.modal-modern .m-coupon {
display: flex;
}
.modal.modal-modern .m-coupon-img {
margin-right: 12px;
}
.modal.modal-modern .m-coupon-img img {
width: 102px;
height: 83px;
border: 1px solid #eee;
border-radius: 7px;
}
@media (min-width: 1200px) {
.modal.modal-modern .m-favourite {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
}
.modal.modal-modern .semibold {
font-family: CeraPro-Medium, sans-serif;
}
.modal.modal-modern .bold {
font-family: CeraPro-Bold, sans-serif;
}
.modal.modal-modern .f-10 {
font-size: 10px;
}
.modal.modal-modern .f-14 {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
.modal.modal-modern .f-16 {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
.modal.modal-modern .f-24 {
font-size: 24px;
line-height: calc(34 / 24 * 1em);
}
.modal.modal-modern .mb-24 {
margin-bottom: 24px;
}
.modal.modal-modern .mb-20 {
margin-bottom: 20px;
}
.modal.modal-modern .mb-15 {
margin-bottom: 15px;
}
.modal.modal-modern .mb-10 {
margin-bottom: 10px;
}
.modal.modal-modern .mb-5 {
margin-bottom: 5px;
}
.modal.modal-modern .mt-20 {
margin-top: 20px;
}
.modal.modal-modern .mx-auto {
margin-left: auto;
margin-right: auto;
}
.modal.modal-modern .brand-color {
color: #5cb885;
}
.modal.modal-modern .gray-color {
color: #909090;
}
.modal.modal-modern p {
margin-bottom: 0;
}
.modal.modal-modern#myWorldPluginPopUp {
z-index: 10002;
}
.modal.modal-modern .brand-wrapper {
display: flex;
align-items: center;
}
.modal.modal-modern .brand-wrapper div {
margin-left: 12px;
}
.modal.modal-modern .brand-wrapper figure {
width: 64px;
height: 64px;
border-radius: 7px;
border: 1px solid #eee;
padding: 0 3px;
}
.modal.modal-modern .brand-wrapper img {
display: flex;
width: 100%;
height: 100%;
aspect-ratio: 1;
-o-object-fit: contain;
object-fit: contain;
}
.modal.modal-modern .box-special hr {
border-color: #b6b6b6;
}
.modal.modal-modern .box-special .col-auto {
display: flex;
align-items: center;
}
.modal.modal-modern .box-special .mwif-sp-full {
color: #5cb885;
}
@media (min-width: 1440px) {
.modal.modal-modern .box-special .mwif-sp-full {
font-size: 24px;
}
}
.modal.modal-modern .box-special .mwif-super-cb {
transform: rotate(90deg);
}
.modal.modal-modern .box-special .size-h4 {
font-family: CeraPro-Bold, sans-serif;
}
@media (min-width: 1440px) {
.modal.modal-modern .box-special .size-h4 {
font-size: 18px !important;
}
}
.modal.modal-modern .box-special .info {
color: #b6b6b6;
}
.cashback-deal-custom {
position: relative;
display: inline-flex;
color: #fff;
z-index: 0;
padding-left: 13px;
padding-right: 15px;
font-family: CeraPro-Medium, sans-serif;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5%;
padding-right: 8%;
}
.cashback-deal-custom:before {
content: "";
position: absolute;
width: 51%;
height: 100%;
top: 0;
left: 0;
background-image: url("../../img/root/search/red-ribbon.svg");
background-position: left;
background-size: cover;
z-index: -1;
}
.cashback-deal-custom:after {
content: "";
position: absolute;
width: 50%;
height: 100%;
top: 0;
right: 0;
background-image: url("../../img/root/search/red-ribbon.svg");
background-position: right;
background-size: cover;
z-index: -1;
}
#SearchResultsWrapper
.col-xxs-12.col-xs-6.col-s-6.col-m-5.col-l-4.col-xl-3.col-xxl-3 {
width: 268px;
}
.ds-filter-reloaded #GlobalSearchFilterContainer .box-content {
border-radius: 8px;
background-color: #f5f5f5;
margin-left: 0;
}
.ds-filter-reloaded #GlobalSearchFilterContainer .box-content:before {
border: none;
}
.ds-filter-reloaded .row-results-header {
padding-left: 18px;
padding-right: 18px;
}
.ds-filter-reloaded .row-results-header div[class^="col-"] {
width: auto;
flex-basis: auto;
}
.ds-filter-reloaded .row-results-header div[class^="col-"]:first-child {
flex: 1;
}
.ds-filter-reloaded .row-results-header div[class^="col-"]:last-child {
width: 50%;
}
.ds-filter-reloaded .sep,
.ds-filter-reloaded .sep.sep-filter > span {
background-color: #e6e6e6 !important;
}
.ds-filter-reloaded .res-btn .res-btn-lbl {
color: #333;
}
.ds-filter-reloaded .res-btn .res-btn-lbl:before {
color: #333;
}
.ds-filter-reloaded .res-btn .res-btn-lbl:hover,
.ds-filter-reloaded .res-btn .res-btn-lbl:hover:before {
color: #5cb885;
}
.ds-filter-reloaded ul.ds-quicksearch > li a {
color: #333;
}
.ds-filter-reloaded ul.ds-quicksearch > li a:hover {
color: #5cb885;
}
.ds-filter-reloaded ul.ds-quicksearch > li.active a {
color: #5cb885;
}
.ds-filter-reloaded ul.ds-quicksearch .fl.active {
font-family: var(--font-family-bold);
}
.ds-filter-reloaded ul.ds-quicksearch .fl.active:before {
color: #5cb885;
}
.ds-filter-reloaded ul.ds-quicksearch .fl:before {
color: #909090;
}
.ds-filter-reloaded ul.ds-quicksearch .fl:hover:before {
color: #5cb885;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox .box {
border: 1px solid #b6b6b6;
margin-left: 0;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox .box:before {
position: absolute;
left: 3px;
top: 7.5px;
width: 100%;
height: 100%;
font-family: "myWorld Font";
content: "\0064";
color: #5cb885;
font-size: 16px;
line-height: 0;
transform: none;
border: none;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
display: none;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox .box .tick {
display: none;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox label {
padding-left: 24px;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox label:hover {
color: #5cb885;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox.active label {
color: #5cb885;
font-family: CeraPro-Bold, sans-serif;
}
.ds-filter-reloaded ul.cashback-type .custom-checkbox.active .box:before {
display: block;
}
.ds-filter-reloaded #ds-cat-menu ul {
padding-left: 18px;
}
.ds-filter-reloaded #ds-cat-menu ul.ul-subcat {
padding-left: 0;
}
.ds-filter-reloaded #ds-cat-menu ul li.active a {
color: #5cb885;
}
.ds-filter-reloaded #ds-cat-menu ul li a.ul-cat.status {
font-family: CeraPro-Bold, sans-serif;
}
.ds-filter-reloaded #ds-cat-menu ul li a.ul-cat.status:before {
color: #333;
position: absolute;
transition: all 0.3s;
content: "\007E";
font-family: "myWorld Font";
font-size: 14px;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
left: -17px;
top: 8px;
}
.ds-filter-reloaded #ds-cat-menu ul li a.ul-cat.status.expanded {
color: #5cb885;
}
.ds-filter-reloaded #ds-cat-menu a:hover {
color: #5cb885;
}
.ds-filter-reloaded #ds-cat-menu #hide-categories:before {
content: "" !important;
}
.ds-filter-reloaded #toggleExtendedSearch {
color: #333;
}
.ds-filter-reloaded #toggleExtendedSearch.active,
.ds-filter-reloaded #toggleExtendedSearch:hover {
color: #5cb885;
}
.ds-filter-reloaded .Select .Select-control {
height: 40px !important;
border-radius: 8px;
}
.ds-filter-reloaded .Select.is-focused .Select-control,
.ds-filter-reloaded .Select.is-open .Select-control {
border-radius: 8px;
}
.ds-filter-reloaded .Select.is-focused .Select-control ~ .Select-menu-outer,
.ds-filter-reloaded .Select.is-open .Select-control ~ .Select-menu-outer {
border-radius: 8px !important;
}
.ds-filter-reloaded
.Select.is-focused
.Select-control
~ .Select-menu-outer
.Select-menu,
.ds-filter-reloaded
.Select.is-open
.Select-control
~ .Select-menu-outer
.Select-menu {
border-radius: 8px;
}
.ds-filter-reloaded .no-results-infotext-wrapper {
position: relative;
}
.ds-filter-reloaded .no-results-infotext-wrapper .no-results-infotext {
padding-bottom: inherit;
color: #909090;
font-family: CeraPro-Medium, sans-serif;
display: flex;
justify-content: space-between;
}
.ds-filter-reloaded
.no-results-infotext-wrapper
.no-results-infotext.fl-info:before {
position: absolute;
top: 9px;
left: 0;
font-size: 50px;
}
.ds-filter-reloaded
.no-results-infotext-wrapper
.no-results-infotext.fl-info
.txt {
padding-left: 43px;
font-size: 18px;
}
.ds-filter-reloaded
.no-results-infotext-wrapper
.no-results-infotext
.print-btn-wrapper {
margin-top: 2px;
}
.ds-filter-reloaded .no-results-infotext-wrapper .alt-infotext {
font-size: 15px;
margin-top: 30px;
}
.ds-filter-wrapper .ds-pink {
color: #5cb885;
}
.ds-filter-wrapper hr {
border-color: #d0d0d0;
}
.ds-filter-wrapper .ds-searchfield #btnSearch {
background-color: #5cb885;
}
.ds-filter-wrapper .ds-searchfield #btnSearch:active,
.ds-filter-wrapper .ds-searchfield #btnSearch:focus,
.ds-filter-wrapper .ds-searchfield #btnSearch:hover {
background-color: #6fcb98;
}
.ds-filter-wrapper .ds-filters-active .ds-txt {
color: #333;
font-family: CeraPro-Bold, sans-serif;
}
.ds-filter-wrapper .ds-filters-active .ds-clear-all {
color: #5cb885;
font-family: CeraPro-Regular, sans-serif;
}
.ds-filter-wrapper .ds-filters-active .ds-clear-all:focus,
.ds-filter-wrapper .ds-filters-active .ds-clear-all:hover {
color: #6fcb98;
}
.ds-filter-wrapper .ds-filters-active .ds-clear {
background-color: #f5f5f5;
color: #333;
font-family: CeraPro-Medium, sans-serif;
border-radius: 40px;
padding-right: 28px;
padding-left: 10px;
font-size: 12px;
}
.ds-filter-wrapper .ds-filters-active .ds-clear:after {
color: #333;
right: 10px;
top: 13px;
}
.ds-filter-wrapper .ds-filters-active .ds-clear:hover {
background-color: #f5f5f5;
}
.ds-filter-wrapper .ds-filters-active .ds-clear:hover:after {
color: #5cb885;
}
.ds-filter-wrapper .ds-filters-active #activeFilterContainer {
padding-left: 18px;
padding-right: 18px;
}
.ds-filter-wrapper .ds-filters-active #activeFilterContainer.no-filter .ds-txt {
opactity: 1;
color: #909090;
}
.ds-filter-wrapper #btnShowGoogleMaps:hover .search-google-maps-icon:before {
color: #5cb885;
}
.ds-filter-wrapper .react-select-wrapper .react-select__control {
border-radius: 8px;
border: 1px solid #b6b6b6;
}
.ds-filter-wrapper
.react-select-wrapper
.react-select__control.react-select__control--is-focused,
.ds-filter-wrapper
.react-select-wrapper
.react-select__control.react-select__control--menu-is-open {
border: 1px solid #5cb885 !important;
}
.ds-filter-wrapper .react-select-wrapper .react-select__indicator-separator {
background-color: transparent !important;
}
.ds-filter-wrapper .react-select-wrapper .react-select__dropdown-indicator svg {
color: #909090;
}
.ds-filter-wrapper .react-select-wrapper .react-select__placeholder,
.ds-filter-wrapper .react-select-wrapper .react-select__single-value {
color: #333 !important;
}
.ds-filter-wrapper .react-select-wrapper .react-select__menu {
border-radius: 8px !important;
background-color: #fff !important;
border: 1px solid #b6b6b6;
}
.ds-filter-wrapper
.react-select-wrapper
.react-select__menu
.react-select__option--is-focused,
.ds-filter-wrapper
.react-select-wrapper
.react-select__menu
.react-select__option--is-selected {
background-color: #5cb885 !important;
color: #333 !important;
}
.ds-filter-wrapper .Select .Select-control {
height: 40px !important;
border-radius: 8px;
}
.ds-filter-wrapper .Select.is-focused .Select-control,
.ds-filter-wrapper .Select.is-open .Select-control {
border-radius: 8px;
}
.ds-filter-wrapper .Select.is-focused .Select-control ~ .Select-menu-outer,
.ds-filter-wrapper .Select.is-open .Select-control ~ .Select-menu-outer {
border-radius: 8px !important;
}
.ds-filter-wrapper
.Select.is-focused
.Select-control
~ .Select-menu-outer
.Select-menu,
.ds-filter-wrapper
.Select.is-open
.Select-control
~ .Select-menu-outer
.Select-menu {
border-radius: 8px;
}
.ds-filter-wrapper .ui-slider.ui-slider-horizontal {
background-color: #d0d0d0;
}
.ds-filter-wrapper .ui-slider-range {
background-color: #aaa;
}
.ds-filter-wrapper .ui-slider-handle {
background-color: #5cb885 !important;
}
.v2-box-footer-wrapper {
border-top: 2px solid #d0d0d0;
}
.v2-box-footer-wrapper .v2-sp-cb-wrapper:before {
border: 1px solid #d0d0d0;
}
.v2-box-footer-wrapper .v2-plus-wrapper .v2-plus {
color: #333;
}
.v2-box-footer-wrapper .v2-cb-wrapper {
color: #333;
font-family: CeraPro-Bold, sans-serif;
}
.v2-box-footer-wrapper .v2-cb-wrapper .v2-cb > .img:before {
color: #333;
}
.v2-box-footer-wrapper .v2-cb-wrapper .v2-cb-txt {
font-size: 10px;
color: #333;
font-family: CeraPro-Regular, sans-serif;
}
.v2-box-footer-wrapper .v2-sp-wrapper {
font-family: CeraPro-Bold, sans-serif;
color: #333;
}
.v2-box-footer-wrapper .v2-sp-wrapper .v2-sp > .img:before {
color: #333;
}
.v2-box-footer-wrapper .v2-sp-wrapper .v2-sp-txt {
color: #333;
font-size: 10px;
font-family: CeraPro-Regular, sans-serif;
}
.ds-itembox.p-bannerbox .p-banner-txt {
color: #00386e;
}
.ds-itembox.box-img-shadow a:active:before,
.ds-itembox.box-img-shadow a:focus:before,
.ds-itembox.box-img-shadow a:hover:before {
border: 2px solid #d0d4d9;
}
.ds-itembox .ds-standard .ds-box-content {
color: #333;
}
.ds-box .ds-box-headline {
color: #333;
}
.ds-box .ds-box-headline h4 {
color: #333;
font-family: CeraPro-Bold, sans-serif;
font-size: 13.5px;
}
.ds-box .ds-box-footer {
color: #333;
}
.ds-box .ds-box-footer .txt {
color: #333;
}
.ds-box .ds-box-footer .ds-cb-wrapper .ds-cb .img:before {
color: #333;
}
.ds-box .ds-box-footer .ds-sp-wrapper .ds-sp .img:before {
color: #333;
}
.ds-box.ds-super-cb .ds-scb-txt {
color: #f3a7b6;
}
.ds-box.ds-super-cb .ds-scb-txt:before {
color: #f3a7b6;
}
.ds-box.ds-super-cb .v2-box-footer-wrapper .v2-cb-wrapper .v2-cb:before {
color: #f3a7b6;
}
.ds-box.ds-super-cb .v2-box-footer-wrapper .v2-cb-wrapper .v2-cb span {
color: #f3a7b6;
}
.ds-box.ds-super-cb .v2-box-footer-wrapper .v2-sp-wrapper .v2-sp span,
.ds-box.ds-super-cb .v2-box-footer-wrapper .v2-sp-wrapper .v2-sp span:before {
color: #f3a7b6;
}
.ds-box .ds-top-wrapper {
border-bottom: 1px solid #e2e2e2;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-coupon:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-shopping:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-cbcard:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-mobilecoupon:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-cbtype-evoucher:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cbtype.ds-dealer-b2b-voucherdetail:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-cat-dots {
width: 45px;
height: 40px;
background: url("../../img/cbw/search/dot.png") no-repeat;
}
.ds-box .ds-top-wrapper .ds-dealer-logo-box {
border: 6px solid #e2e2e2;
}
.ds-box .ds-top-wrapper .ds-dealer-b2b:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-dealer-b2b-listview:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-additional-cbtypes .ds-cbtype-b2b:before {
color: #333;
}
.ds-box .ds-top-wrapper .ds-additional-cbtypes .ds-cbtype-ecredit:before {
color: #333;
}
.ds-voucher-box-wrapper {
border-top: 2px dotted #d0d0d0;
border-bottom: 2px dotted #d0d0d0;
}
.ds-listview .ds-itembox > a:before {
border: none;
}
.ds-listview .ds-box {
position: relative;
border-radius: 10px;
overflow: hidden;
}
.ds-listview .ds-box:before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 10px;
border: 1px solid #eee;
}
.ds-listview .ds-box .ds-top-wrapper h4 {
color: #333;
}
.ds-listview .ds-box .ds-top-wrapper .ds-dealer-logo-box {
border-radius: 10px;
border-color: #f5f5f5;
}
.ds-box-v2 {
color: #333;
}
.ds-box-v2:before {
border-bottom: 2px solid #d0d0d0;
border-right: 2px solid #d0d0d0;
}
.ds-box-v2:active:before,
.ds-box-v2:focus:before,
.ds-box-v2:hover:before {
border: 2px solid #aaa;
}
.ds-box-v2 .new-price {
color: #5cb885 !important;
}
.ds-box-v2 .ds-txt-validity {
color: #f3a7b6;
font-size: 12.5px;
}
.ds-box-v2 .ds-box-special {
color: #6fcb98;
}
.ds-box-v2 .ds-box-special .sp-amount:before {
color: #6fcb98;
}
.ds-box-v2 .ds-img-wrapper .saving {
background-color: #5cb885;
}
.ds-box-v2 .ds-footer {
border-top: 2px dotted #e2e2e2;
font-size: 11.5px;
}
.ds-box-v2 .ds-footer .logo {
border: 4px solid #e2e2e2;
}
.ds-box-v2 .ds-footer .dealer {
text-transform: uppercase;
padding-left: 74px;
display: block;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-mobilecoupon:before {
color: #333;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-cbcard:before {
color: #333;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-coupon:before {
color: #333;
}
.ds-box-v2 .ds-footer .ds-cbtype.ds-cbtype-shopping:before {
color: #333;
}
.ds-box-v2 .ds-amount,
.ds-box-v2 .ds-box-special .sp-amount,
.ds-box-v2 .ds-footer .dealer,
.ds-box-v2 .ds-percent,
.ds-box-v2 .ds-txt-only,
.ds-box-v2 .ds-txt-remainingdeals-text,
.ds-box-v2 .ds-txt-validity,
.ds-box-v2 .new-price {
font-family: CeraPro-Bold, sans-serif;
}
.ds-box-v2 .ds-txt-only {
font-size: 20px;
}
.ds-box-v2.ds-superdeal.ds-inactive .ds-box-content .ds-kickoff {
font-family: CeraPro-Bold, sans-serif;
}
.ds-box-v2.ds-inactive .ds-box-content .ds-ribbon-corner-left > span {
font-family: CeraPro-Bold, sans-serif;
}
.ds-box-v2.ds-campaign-special.ds-inactive .ds-box-content .ds-kickoff {
font-family: CeraPro-Bold, sans-serif;
}
#marketplace-boxes article .def,
#marketplace-boxes article .price {
font-family: CeraPro-Bold, sans-serif;
}
#marketplace-boxes article .price {
font-size: 15.5px;
}
#reg-top-bg-color {
background-color: inherit;
}
#reg-alert-section {
margin-top: 21px;
}
#reg-alert-section .alert {
margin-bottom: 0;
}
#reg-container-top {
padding-top: 12px;
padding-bottom: 12px;
background-color: #f5f5f5;
}
#reg-container-top .logo {
background: 0 0;
width: auto;
height: auto;
text-align: center;
}
.wrapper-registration {
padding-top: 3%;
background-color: transparent;
}
.wrapper-registration .reg-card-col {
border: none;
border-bottom: 5px solid #5cb885;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
border-radius: 10px;
}
.wrapper-registration .reg-card-col .reg-header-txt {
color: #333;
}
.wrapper-registration .reg-card-col .captcha-description {
color: #333;
}
.wrapper-registration .reg-card-col .reg-control-txtarea {
border-width: 2px;
outline: 0;
}
.wrapper-registration .reg-card-col .reg-footer-txt {
color: #333;
}
.wrapper-registration .reg-card-col.reg-tabs {
padding: 0;
border: 1px solid #eee !important;
border-bottom: 5px solid #5cb885 !important;
}
.wrapper-registration .reg-card-col.reg-tabs .nav-tabs {
display: flex;
position: relative;
}
.wrapper-registration .reg-card-col.reg-tabs .nav-tabs > div {
flex: 1 0 50%;
flex-wrap: wrap;
font-family: CeraPro-Bold, sans-serif;
position: relative;
}
.wrapper-registration .reg-card-col.reg-tabs .nav-tabs > div:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-width: 1px;
border-style: solid;
border-left-color: transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #eee;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.wrapper-registration .reg-card-col.reg-tabs .nav-tabs > div a {
text-decoration: none;
color: #333;
position: relative;
z-index: 1;
padding: 16px;
height: inherit !important;
display: block;
text-align: center;
}
.wrapper-registration .reg-card-col.reg-tabs .nav-tabs > div.active {
background-color: #fff;
z-index: 2;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.wrapper-registration .reg-card-col.reg-tabs .nav-tabs > div.active:after {
border-width: 1px;
border-style: solid;
border-left-color: #eee;
border-top-color: #eee;
border-right-color: #eee;
border-bottom-color: transparent;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
top: -1px;
}
.wrapper-registration .reg-card-col.reg-tabs .nav-tabs > div.active a {
color: #5cb885;
}
.wrapper-registration .reg-card-col.reg-tabs .nav-tabs > div.active a:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.wrapper-registration
.reg-card-col.reg-tabs
.nav-tabs
> div:first-child.active:after {
left: -1px;
width: calc(100% + 1px);
}
.wrapper-registration .reg-card-col.reg-tabs .nav-tabs > div:last-child {
border-top-right-radius: 10px;
}
.wrapper-registration
.reg-card-col.reg-tabs
.nav-tabs
> div:last-child.active:after {
left: inherit;
right: -1px;
width: calc(100% + 1px);
}
.wrapper-registration .reg-card-col .reg-tab-content {
position: relative;
background-color: #fff;
z-index: 1;
padding: 12px 20px;
}
@media (min-width: 768px) {
.wrapper-registration .reg-card-col .reg-tab-content {
padding: 12px 40px;
}
}
.wrapper-registration .reg-card-col .reg-tab-content:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
z-index: 0;
}
.wrapper-registration h1 {
line-height: 1.36;
text-align: center;
margin-bottom: 21px;
}
.wrapper-registration.reg-online {
margin-top: 0;
background: url("") no-repeat;
background-size: cover;
}
.wrapper-registration.reg-online .reg-card-col {
border: none;
border-bottom: 5px solid #5cb885;
}
.wrapper-registration.reg-online .reg-card-col .reg-header-txt {
color: #333;
}
.wrapper-registration.reg-online .reg-card-col .captcha-description {
color: #333;
}
.wrapper-registration.reg-online .reg-card-col i.remove {
position: relative;
font-style: normal;
padding-left: 24px;
}
.wrapper-registration.reg-online .reg-card-col i.remove:before {
position: absolute;
font-family: "myWorld Font";
content: "\0061";
width: 24px;
height: 24px;
top: 4px;
left: 2px;
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
font-size: 26px;
margin-top: 4px;
transition: color var(--transition-duration) var(--transition-timing-function);
}
.wrapper-registration.reg-online .reg-card-col-wrapper {
margin: 0 auto 20px;
}
.wrapper-registration.reg-online .reg-card-col-wrapper .reg-bubbles-bg {
display: none;
}
.wrapper-registration .reg-intro-col {
margin-top: 0;
}
.wrapper-registration .reg-intro-col .reg-cb-card {
margin-top: 0;
background: url("../../img/cbw/root/reg-cbcard-v3.png") no-repeat;
width: 339px;
}
.wrapper-registration .reg-intro-col .reg-cb-card.reg-ehffinal4 {
background: url("../../img/cbw/root/ehf/ehf-reg-card-blank-v2.png") no-repeat;
}
.wrapper-registration
.reg-intro-col
.reg-cb-card.reg-ehffinal4.barcelona-lassa {
background: url("../../img/cbw/root/ehf/ehf-reg-card-barcelona.png") no-repeat;
}
.wrapper-registration .reg-intro-col .reg-cb-card.reg-ehffinal4.veszprem {
background: url("../../img/cbw/root/ehf/ehf-reg-card-veszprem.png") no-repeat;
}
.wrapper-registration .reg-intro-col .reg-cb-card.reg-ehffinal4.hc-vardar {
background: url("../../img/cbw/root/ehf/ehf-reg-card-vardar.png") no-repeat;
}
.wrapper-registration .reg-intro-col .reg-cb-card.reg-ehffinal4.other-club {
background: url("../../img/cbw/root/ehf/ehf-reg-card-blank-v2.png") no-repeat;
}
.wrapper-registration
.reg-intro-col
.reg-cb-card.reg-websitepublicwithpartnerbarcode {
background: url("../../img/root/registration/cb-card-websitepublicwithpartnerbarcode.png")
no-repeat;
width: 339px;
}
.wrapper-registration .reg-intro-col .reg-bold {
font-size: 15px;
display: inline-block;
margin-bottom: 8px;
}
.wrapper-registration .reg-intro-col ul li {
padding-left: 12px;
}
.wrapper-registration .reg-intro-col ul li:before {
color: #5cb885;
font-size: 40px;
left: -22px;
top: 12px;
}
.wrapper-registration.cashbackcard-v3 .reg-intro-col .reg-cb-card {
background: url("../../img/cbw/root/reg-cbcard-v3.png") no-repeat;
}
.wrapper-registration.cashbackcard-v3 .reg-intro-col .reg-cb-card.reg-vid-card {
background: url("../../img/cbw/root/reg-vid-card-v2.png") no-repeat;
}
.wrapper-registration .reg-terms {
color: #333;
}
.wrapper-registration .reg-checkbox a {
color: #333;
}
.wrapper-registration .reg-security-info p {
color: #333;
}
.wrapper-registration .reg-control-label-username-password {
color: #333;
}
.wrapper-registration .bootstrap-select.btn-group .dropdown-toggle .caret {
color: #333 !important;
}
.wrapper-registration .bootstrap-select > .dropdown-toggle {
padding-left: 12px;
}
.wrapper-registration .progress {
border-radius: 1px;
margin-top: 3px;
}
.wrapper-registration .progress .progress-bar {
background-color: #6fcb98;
}
.wrapper-registration .reg-vid-wrapper {
position: relative;
}
.wrapper-registration .reg-vid-wrapper .play-btn {
display: inline-block;
position: absolute;
height: 86px;
width: 86px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
cursor: pointer;
margin-top: -26px;
}
.wrapper-registration .reg-vid-wrapper .play-btn:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-left: -43px;
margin-top: -43px;
width: 100%;
height: 100%;
border: 4px solid #fff;
opacity: 0.8;
border-radius: 50%;
}
.wrapper-registration .reg-vid-wrapper .play-btn:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 30px solid #fff;
opacity: 0.8;
margin-left: 4px;
}
.wrapper-registration .reg-vid-wrapper .play-btn:hover:before {
border: 4px solid #fff;
animation: cff-pulse 1.5s cubic-bezier(0, 0.6, 0.5, 1);
animation-iteration-count: infinite;
opacity: 0.7;
}
@keyframes cff-pulse {
0% {
transform: scale(1, 1);
opacity: 0.3;
}
50% {
transform: scale(1.1, 1.1);
opacity: 1;
}
100% {
transform: scale(1, 1);
opacity: 0.3;
}
}
.wrapper-registration .reg-vid-wrapper .play-btn:hover:after {
border-left: 30px solid #fff;
}
.wrapper-registration .reg-vid-wrapper .play-btn-label {
position: absolute;
bottom: -31px;
transform: translateX(-50%);
left: 50%;
display: block;
white-space: nowrap;
font-family: CeraPro-Bold, sans-serif;
color: #fff;
font-size: 16px;
margin-bottom: 0;
}
.wrapper-registration .reg-vid-wrapper .play-btn-label:hover {
color: #d9d9d9;
}
.reg-banner {
padding-top: 0;
margin-top: -10px;
}
.reg-banner h1 {
padding-top: 32px;
padding-bottom: 0;
font-family: CeraPro-Regular, sans-serif;
}
#reg-footer {
background-color: #fff;
}
#reg-footer .footer-wrapper a {
color: #333;
}
#universal-search hr {
border-color: #e4e4e4;
margin-bottom: 0;
display: none;
}
@media (min-width: 600px) {
#universal-search hr {
display: block;
}
}
#universal-search .btn-primary {
display: flex !important;
width: 100%;
height: 52px;
align-items: center;
border-radius: 5px;
text-align: center;
justify-content: center;
box-shadow: 0 10px 30px 0.8px rgba(92, 184, 133, 0.5);
background-image: none;
color: #fff;
font-family: CeraPro-Medium, sans-serif;
font-size: 16px;
padding: 0 12px;
white-space: normal;
background-color: #5cb885;
transition: background-color var(--transition-duration)
var(--transition-timing-function);
outline: 0;
}
@media (min-width: 600px) {
#universal-search .btn-primary {
width: 220px;
}
}
#universal-search .btn-primary:active,
#universal-search .btn-primary:focus,
#universal-search .btn-primary:hover {
text-decoration: none;
background-color: inherit;
box-shadow: 0 10px 30px 0.8px rgba(92, 184, 133, 0.51);
background-image: none;
color: #fff;
background-color: #91cfad;
}
#universal-search .button-wrapper {
display: flex;
justify-content: center;
}
#universal-search .no-results {
font-size: 22px;
margin-top: 18px;
}
#universal-search .search-header {
display: flex;
align-items: baseline;
margin-top: 24px;
flex-flow: column wrap;
}
@media (min-width: 600px) {
#universal-search .search-header {
margin-top: 36px;
flex-flow: row wrap;
}
}
#universal-search .search-header > div {
display: flex;
justify-content: space-between;
width: 100%;
}
#universal-search .search-header h1 {
font-size: 30px;
font-family: CeraPro-Bold, sans-serif;
line-height: inherit;
padding-right: 12px;
}
@media (min-width: 600px) {
#universal-search .search-header h1 {
font-size: 42px;
}
}
#universal-search .search-header .results span {
font-size: 16px;
}
#universal-search .search-header .btn-mobile-filter {
font-family: CeraPro-Bold, sans-serif;
font-size: 16px;
background: 0 0;
border: none;
outline: 0;
padding: 0;
position: relative;
padding-left: 30px;
}
#universal-search .search-header .btn-mobile-filter:before {
content: "\220F";
font-family: "myWorld Font";
text-transform: none !important;
position: absolute;
font-size: 34px;
line-height: 0;
left: 0;
top: 10px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
z-index: 0;
}
@media (min-width: 600px) {
#universal-search .search-header .btn-mobile-filter {
display: none;
}
}
#universal-search .custom-tiles-header h2 {
font-size: 20px;
margin: 0 !important;
line-height: inherit;
}
#universal-search .custom-tiles-header h2 span {
color: #909090;
font-size: 16px;
font-family: CeraPro-Regular, sans-serif;
}
@media (min-width: 600px) {
#universal-search .custom-tiles-header h2 {
font-size: 30px;
}
}
#universal-search .custom-tiles-header.link {
padding-top: 34px;
margin-bottom: 23px;
align-items: flex-start;
}
#universal-search .result-count-state {
display: flex;
justify-content: center;
margin-bottom: 20px;
color: #4a4a4a;
}
#universal-search .paginator-wrapper {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
#universal-search .paginator-wrapper .MuiButtonBase-root {
font-size: 1.2rem;
}
#universal-search .chips-wrapper {
margin-top: 36px;
display: none;
}
@media (min-width: 600px) {
#universal-search .chips-wrapper {
display: block;
}
}
#universal-search .chips-wrapper .row-tiles {
margin-left: -6px;
margin-right: -6px;
overflow: auto;
flex-flow: row nowrap;
-ms-overflow-style: none;
scrollbar-width: none;
}
#universal-search .chips-wrapper .row-tiles::-webkit-scrollbar {
display: none;
}
#universal-search .chips-wrapper .col {
padding-left: 6px;
padding-right: 6px;
margin-bottom: 12px;
flex-shrink: 0;
}
#universal-search .chip {
display: flex !important;
padding: 9px 14px;
align-items: center;
border-radius: 19px;
text-align: center;
justify-content: center;
color: #333;
font-family: CeraPro-Medium, sans-serif;
font-size: 15px;
white-space: normal;
transition: all var(--transition-duration) var(--transition-timing-function);
outline: 0;
border: 1px solid #b6b6b6;
background-color: transparent;
padding: 8px 12px;
font-size: 13px;
height: 36px;
}
#universal-search .chip.active,
#universal-search .chip:active,
#universal-search .chip:focus,
#universal-search .chip:hover {
text-decoration: none;
background-color: inherit;
color: #5cb885;
border-color: #5cb885;
}
@media (min-width: 1660px) {
#universal-search .chip {
padding: 9px 14px;
font-size: 15px;
height: 42px;
}
}
#universal-search .chip.cashback-deal {
color: #d52d36;
border-color: #d52d36;
transition: all var(--transition-duration) var(--transition-timing-function);
}
#universal-search .chip.cashback-deal.active,
#universal-search .chip.cashback-deal:hover {
color: #e26d73;
border-color: #e26d73;
}
#universal-search .filter-item-wrapper {
flex-flow: row wrap;
margin-left: -6px;
margin-right: -6px;
display: none;
margin-top: 8px;
}
@media (min-width: 600px) {
#universal-search .filter-item-wrapper {
display: flex;
}
}
#universal-search .filter-item-wrapper .filter-item {
padding-left: 6px;
padding-right: 6px;
margin-top: 8px;
position: relative;
cursor: pointer;
}
#universal-search .filter-item-wrapper .filter-item:before {
content: "\00FF";
font-family: "myWorld Font";
position: absolute;
font-size: 19px;
line-height: 0;
right: 13px;
top: 50%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
transform: translateY(-50%);
margin-top: -2px;
color: #909090;
transition: all var(--transition-duration, 0.25)
var(--transition-timing-function, ease);
}
#universal-search .filter-item-wrapper .filter-item:hover:before {
color: #333;
}
#universal-search .filter-item-wrapper .filter-item span {
color: #333;
background-color: #eee;
border-radius: 5px;
display: inline-block;
font-size: 14px;
padding: 4px 6px;
padding-right: 27px;
}
@media (min-width: 600px) {
#universal-search .filter-item-wrapper .filter-item span {
font-size: 13px;
}
}
@media (min-width: 1660px) {
#universal-search .filter-item-wrapper .filter-item span {
font-size: 14px;
}
}
#universal-search .filter-item-wrapper .filter-item.clear span {
background-color: transparent;
}
#universal-search .slider-wrapper {
width: 88%;
margin: 0 auto;
}
#universal-search .slider-wrapper .MuiSlider-colorPrimary,
#universal-search .slider-wrapper .MuiSlider-thumbColorPrimary {
color: #5cb885;
}
#universal-search .slider-wrapper .MuiSlider-markLabel {
font-family: CeraPro-Medium, sans-serif;
font-size: 15px;
}
#universal-search .range-input {
display: flex;
align-items: center;
margin-top: 8px;
}
@media (min-width: 600px) {
#universal-search .range-input {
width: 129%;
margin-left: -27px;
}
}
#universal-search .range-input .range-divider {
padding: 10px;
}
#universal-search .filter-dropdowns {
display: none;
justify-content: space-between;
margin: 22px -12px 0;
}
@media (min-width: 600px) {
#universal-search .filter-dropdowns {
display: flex;
}
}
@media (min-width: 1660px) {
#universal-search .filter-dropdowns {
margin: 22px -17.5px 0;
}
}
#universal-search .filter-dropdowns .subs {
display: flex;
}
#universal-search .filter-dropdowns .overflow {
position: relative;
padding: 0 12.5px;
}
@media (min-width: 1660px) {
#universal-search .filter-dropdowns .overflow {
padding: 0 17.5px;
}
}
#universal-search .filter-dropdowns .overflow .dropdown {
display: none;
}
#universal-search .filter-dropdowns .overflow.visible .dropdown {
display: block;
}
#universal-search .filter-dropdowns .more {
color: #333;
font-family: CeraPro-Medium, sans-serif;
position: relative;
padding-right: 22px;
text-decoration: none;
display: inline-block;
white-space: nowrap;
transition: color var(--transition-duration) var(--transition-timing-function);
cursor: pointer;
font-size: 13px;
}
@media (min-width: 1660px) {
#universal-search .filter-dropdowns .more {
font-size: 15px;
}
}
#universal-search .filter-dropdowns .more.active,
#universal-search .filter-dropdowns .more:hover {
color: #5cb885;
}
#universal-search .filter-dropdowns .more.deactivated {
color: #bfbfbf;
}
#universal-search .filter-dropdowns .more.deactivated:hover {
color: #bfbfbf;
}
#universal-search .filter-dropdowns .more + .dropdown {
margin: 0;
visibility: hidden;
position: absolute;
top: 28px;
left: 0;
margin-left: -31px;
list-style: none;
border-radius: 10px;
background-color: #fff;
border: 1px solid #eee;
width: auto;
min-width: 280px;
opacity: 0;
transition: opacity var(--transition-duration)
var(--transition-timing-function);
padding: 6px 6px 6px 0;
}
#universal-search .filter-dropdowns .more + .dropdown:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 7px 40px 0 rgba(0, 0, 0, 0.15);
z-index: -1;
border-radius: 10px;
}
#universal-search .filter-dropdowns .more + .dropdown a {
color: #333;
text-decoration: none;
font-size: 13px;
cursor: pointer;
transition: color var(--transition-duration, 0.25)
var(--transition-timing-function, ease);
white-space: nowrap;
}
@media (min-width: 1660px) {
#universal-search .filter-dropdowns .more + .dropdown a {
font-size: 15px;
}
}
#universal-search .filter-dropdowns .more + .dropdown a:hover {
color: #5cb885;
}
#universal-search .filter-dropdowns .more + .dropdown a > span {
color: #909090;
}
#universal-search .filter-dropdowns .more + .dropdown ul {
margin-bottom: 0;
padding: 24px 24px 24px 30px;
max-height: 300px;
overflow: auto;
scrollbar-color: #dddddd white;
scrollbar-width: thin;
}
#universal-search .filter-dropdowns .more + .dropdown ul::-webkit-scrollbar {
width: 6px;
}
#universal-search
.filter-dropdowns
.more
+ .dropdown
ul::-webkit-scrollbar-track {
background: #fff;
}
#universal-search
.filter-dropdowns
.more
+ .dropdown
ul::-webkit-scrollbar-thumb {
background-color: #ddd;
border-radius: 3px;
}
#universal-search .filter-dropdowns .more + .dropdown li {
list-style: none;
padding-top: 12px;
position: relative;
}
#universal-search .filter-dropdowns .more + .dropdown li:first-child {
padding-top: 0;
}
#universal-search .filter-dropdowns .more.active + .dropdown {
visibility: visible;
opacity: 1;
z-index: 3;
}
#universal-search .filter-dropdowns .more.active + .dropdown ul {
z-index: 1;
}
#universal-search .filter-dropdowns i {
position: absolute;
right: 0;
top: 9px;
font-style: normal;
}
#universal-search .filter-dropdowns i:before {
content: "\007B";
font-family: "myWorld Font";
position: absolute;
font-size: 18px;
line-height: 0;
right: 0;
top: 50%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
transform: translateY(-50%);
margin-top: 1px;
}
#universal-search .filter-dropdowns .overflow.category ul ul {
padding: 0;
overflow: unset;
}
#universal-search .filter-dropdowns .overflow.category ul ul li {
padding-top: 12px !important;
}
#universal-search .filter-dropdowns .overflow.category ul ul:first-child li {
padding-top: 0 !important;
}
#universal-search .filter-dropdowns .overflow.category a {
display: inline-block;
}
#universal-search .filter-dropdowns .overflow.category a.active {
color: #5cb885;
cursor: auto;
}
#universal-search .filter-dropdowns .overflow.checkbox {
margin: 0;
}
#universal-search .filter-dropdowns .overflow.checkbox a {
padding-left: 28px;
position: relative;
display: inline-block;
}
@media (min-width: 1660px) {
#universal-search .filter-dropdowns .overflow.checkbox a {
padding-left: 32px;
}
}
#universal-search .filter-dropdowns .overflow.checkbox a:before {
content: "";
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 1px;
border-radius: 4px;
border: 1px solid #b6b6b6;
}
@media (min-width: 1660px) {
#universal-search .filter-dropdowns .overflow.checkbox a:before {
width: 20px;
height: 20px;
top: 1px;
}
}
#universal-search .filter-dropdowns .overflow.checkbox a:hover:before {
border-color: #5cb885;
}
#universal-search .filter-dropdowns .overflow.checkbox a.active:before {
background-color: #5cb885;
border-color: #5cb885;
}
#universal-search .filter-dropdowns .overflow.checkbox a.active:after {
position: absolute;
content: "";
content: "\0064";
font-family: "myWorld Font";
font-size: 15px;
line-height: 0;
left: 3px;
top: 8px;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
text-transform: none;
color: #fff;
}
@media (min-width: 1660px) {
#universal-search .filter-dropdowns .overflow.checkbox a.active:after {
font-size: 17px;
left: 5px;
top: 10px;
}
}
#universal-search .infotext-foreign-country > span {
font-weight: 700;
}
#universal-search .no-overflow {
overflow: hidden;
}
.is-mobile #universal-search .col {
margin-bottom: 24px;
}
#universal-search .mobile-filter-menu {
background-color: #fff;
position: fixed;
top: 0;
right: 0;
z-index: 1100;
width: 100%;
height: calc(var(--vh, 1vh) * 100);
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
transform: translate3d(100%, 0, 0);
overflow: hidden;
overflow-y: auto;
}
#universal-search .mobile-filter-menu header {
display: flex;
justify-content: space-between;
font-size: 16px;
font-family: CeraPro-Medium, sans-serif;
padding-top: 18px;
padding-left: 20px;
padding-right: 20px;
}
#universal-search .mobile-filter-menu button.close {
position: relative;
outline: 0;
opacity: 1;
box-shadow: none;
width: 16px;
height: 16px;
font-weight: 400;
}
#universal-search .mobile-filter-menu button.close:before {
content: "\00FF";
font-family: "myWorld Font";
position: absolute;
font-size: 27px;
line-height: 0;
right: 0;
top: 50%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
transform: translateY(-50%);
margin-top: 1px;
color: #333;
}
#universal-search .mobile-filter-menu .container-tiles {
padding-left: 0;
padding-right: 0;
min-height: 100%;
display: flex;
flex-flow: column wrap;
}
#universal-search .mobile-filter-menu .body-wrapper {
position: relative;
left: 0;
transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1),
right 0.5s cubic-bezier(0.4, 0, 0.2, 1);
flex: 1;
display: flex;
flex-flow: column wrap;
}
#universal-search .mobile-filter-menu nav {
position: relative;
margin-top: 24px;
}
#universal-search .mobile-filter-menu nav > ul > li {
height: 62px;
padding: 0 !important;
display: flex;
align-items: center;
border-top: 1px solid #ddd;
}
#universal-search .mobile-filter-menu nav > ul > li a {
width: 100%;
}
#universal-search .mobile-filter-menu nav ul:not(.root) {
min-height: calc(var(--vh, 1vh) * 100 - 40px);
}
#universal-search .mobile-filter-menu nav ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 20px;
padding-right: 20px;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
background-color: #fff;
transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1),
right 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
#universal-search .mobile-filter-menu nav ul.root {
position: relative;
}
#universal-search .mobile-filter-menu nav ul ul {
right: calc(200% + 70px);
left: calc(100% + 70px);
position: fixed;
top: 40px;
display: flex;
flex-flow: column wrap;
}
#universal-search .mobile-filter-menu nav ul > li {
position: relative;
padding: 6px 0;
}
#universal-search .mobile-filter-menu nav ul > li:first-child {
margin-top: 0;
}
#universal-search .mobile-filter-menu nav ul li.back {
position: relative;
padding-left: 22px;
margin-bottom: 24px;
margin-top: 35px;
}
#universal-search .mobile-filter-menu nav ul li.back:before {
content: "\007D";
font-family: "myWorld Font";
position: absolute;
font-size: 21px;
line-height: 0;
left: 0;
top: 50%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
transform: translateY(-50%);
margin-top: -1px;
}
#universal-search .mobile-filter-menu nav ul li.back a {
font-family: CeraPro-Medium, sans-serif;
}
#universal-search .mobile-filter-menu nav ul li a {
font-size: 16px;
font-family: CeraPro-Regular, sans-serif;
color: #333;
display: block;
position: relative;
text-decoration: none;
}
#universal-search .mobile-filter-menu nav ul li a > span {
color: #909090;
}
#universal-search .mobile-filter-menu nav ul li a.active {
color: #5cb885 !important;
}
#universal-search .mobile-filter-menu nav ul li a.inactive {
color: #bfbfbf;
}
#universal-search .mobile-filter-menu nav ul .visible {
left: 0;
right: 0;
}
#universal-search .mobile-filter-menu nav ul .visible > li > a {
opacity: 1;
}
#universal-search .mobile-filter-menu nav ul.hidden {
display: block !important;
}
#universal-search .mobile-filter-menu li a:first-child:nth-last-child(2) {
position: relative;
font-family: CeraPro-Medium, sans-serif;
}
#universal-search
.mobile-filter-menu
li
a:first-child:nth-last-child(2):before {
content: "\007E";
font-family: "myWorld Font";
position: absolute;
font-size: 21px;
line-height: 0;
right: 2px;
top: 50%;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
transform: translateY(-50%);
margin-top: -1px;
}
#universal-search .mobile-filter-menu ul.checkbox li:not(.back) a {
padding-left: 32px;
position: relative;
display: inline-block;
}
#universal-search .mobile-filter-menu ul.checkbox li:not(.back) a:before {
content: "";
position: absolute;
left: 0;
border-radius: 4px;
border: 1px solid #b6b6b6;
width: 20px;
height: 20px;
top: 1px;
}
#universal-search .mobile-filter-menu ul.checkbox li:not(.back) a:hover:before {
border-color: #5cb885;
}
#universal-search
.mobile-filter-menu
ul.checkbox
li:not(.back)
a.active:before {
background-color: #5cb885;
border-color: #5cb885;
}
#universal-search .mobile-filter-menu ul.checkbox li:not(.back) a.active:after {
position: absolute;
content: "";
content: "\0064";
font-family: "myWorld Font";
line-height: 0;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.00001px;
text-transform: none;
color: #fff;
font-size: 17px;
left: 5px;
top: 11px;
}
#universal-search .mobile-filter-menu .results {
padding: 0 20px;
font-size: 16px;
color: #909090;
margin-top: 24px;
}
#universal-search .mobile-filter-menu .filter-item-wrapper {
display: flex;
padding-left: 20px;
padding-right: 20px;
margin-top: 0;
padding-top: 3px;
}
#universal-search .mobile-filter-menu .filter-item-wrapper .filter-item:before {
font-size: 14px;
margin-top: 0;
}
#universal-search .mobile-filter-menu .filter-item-wrapper .filter-item.clear {
flex-basis: 100%;
cursor: auto;
}
#universal-search
.mobile-filter-menu
.filter-item-wrapper
.filter-item.clear:before {
content: "";
}
#universal-search
.mobile-filter-menu
.filter-item-wrapper
.filter-item.clear
span {
font-size: 16px;
text-decoration: underline;
color: #5cb885;
padding: 4px 0;
cursor: pointer;
}
#universal-search .mobile-filter-menu .button-wrapper {
padding: 18px 20px 28px;
flex: 1;
display: flex;
align-items: flex-end;
justify-content: center;
}
#universal-search .mobile-filter-menu .button-wrapper button {
width: auto;
min-width: 220px;
}
html.mobile-filter-active {
overflow: hidden;
}
html.mobile-filter-active body {
overflow: hidden;
}
html.mobile-filter-active #universal-search .mobile-filter-menu {
transform: translate3d(0, 0, 0);
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
nav
ul.hidden:not(.root) {
left: -50px;
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
.body-wrapper.open {
left: -50px;
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
.filter-dropdowns {
display: flex;
margin: 0 20px;
font-size: 16px;
height: 46px;
align-items: center;
border: 1px solid #5cb885;
border-radius: 23px;
margin-top: 30px;
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
.filter-dropdowns
.overflow {
width: 100%;
padding: 0 18px;
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
.filter-dropdowns
.overflow.checkbox
a {
padding-left: 32px;
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
.filter-dropdowns
.overflow.checkbox
a:before {
width: 20px;
height: 20px;
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
.filter-dropdowns
.overflow.checkbox
a:after {
font-size: 17px;
left: 5px;
top: 11px;
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
.filter-dropdowns
.more {
font-size: 16px;
width: 100%;
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
.filter-dropdowns
.more
+ .dropdown {
width: 100%;
margin-left: 0 !important;
top: 34px;
}
html.mobile-filter-active
#universal-search
.mobile-filter-menu
.filter-dropdowns
ul
li
a {
font-size: 16px;
}
@font-face {
font-family: lg;
src: url(../fonts/lg.eot?n1z373);
src: url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),
url(../fonts/lg.woff?n1z373) format("woff"),
url(../fonts/lg.ttf?n1z373) format("truetype"),
url(../fonts/lg.svg?n1z373#lg) format("svg");
font-weight: 400;
font-style: normal;
}
.lg-icon {
font-family: lg;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
background-color: rgba(0, 0, 0, 0.45);
border-radius: 2px;
color: #999;
cursor: pointer;
display: block;
font-size: 22px;
margin-top: -10px;
padding: 8px 10px 9px;
position: absolute;
top: 50%;
z-index: 1080;
border: none;
outline: 0;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
pointer-events: none;
opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
color: #fff;
}
.lg-actions .lg-next {
right: 20px;
}
.lg-actions .lg-next:before {
content: "\e095";
}
.lg-actions .lg-prev {
left: 20px;
}
.lg-actions .lg-prev:after {
content: "\e094";
}
@keyframes lg-right-end {
0%,
100% {
left: 0;
}
50% {
left: -30px;
}
}
@keyframes lg-left-end {
0%,
100% {
left: 0;
}
50% {
left: 30px;
}
}
.lg-outer.lg-right-end .lg-object {
animation: lg-right-end 0.3s;
position: relative;
}
.lg-outer.lg-left-end .lg-object {
animation: lg-left-end 0.3s;
position: relative;
}
.lg-toolbar {
z-index: 1082;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
color: #999;
cursor: pointer;
float: right;
font-size: 24px;
height: 47px;
line-height: 27px;
padding: 10px 0;
text-align: center;
width: 50px;
text-decoration: none !important;
outline: 0;
background: 0 0;
border: none;
box-shadow: none;
transition: color 0.2s linear;
}
.lg-toolbar .lg-icon:hover {
color: #fff;
}
.lg-toolbar .lg-close:after {
content: "\e070";
}
.lg-toolbar .lg-download:after {
content: "\e0f2";
}
.lg-sub-html {
background-color: rgba(0, 0, 0, 0.45);
bottom: 0;
color: #eee;
font-size: 16px;
left: 0;
padding: 10px 40px;
position: fixed;
right: 0;
text-align: center;
z-index: 1080;
}
.lg-sub-html h4 {
margin: 0;
font-size: 13px;
font-weight: 700;
}
.lg-sub-html p {
font-size: 12px;
margin: 5px 0 0;
}
#lg-counter {
color: #999;
display: inline-block;
font-size: 16px;
padding-left: 20px;
padding-top: 12px;
vertical-align: middle;
}
.lg-next,
.lg-prev,
.lg-toolbar {
opacity: 1;
transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}
.lg-hide-items .lg-prev {
opacity: 0;
transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
opacity: 0;
transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
opacity: 0;
transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0;
transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,
opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
transform-origin: 50% 50%;
}
body:not(.lg-from-hash)
.lg-outer.lg-start-zoom
.lg-item.lg-complete
.lg-object {
transform: scale3d(1, 1, 1);
opacity: 1;
}
.lg-outer .lg-thumb-outer {
background-color: #0d0a0a;
bottom: 0;
position: absolute;
width: 100%;
z-index: 1080;
max-height: 350px;
transform: translate3d(0, 100%, 0);
transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
cursor: move;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-thumb {
padding: 10px 0;
height: 100%;
margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
cursor: pointer;
float: left;
overflow: hidden;
height: 100%;
border: 2px solid #fff;
border-radius: 4px;
margin-bottom: 5px;
}
@media (min-width: 1025px) {
.lg-outer .lg-thumb-item {
transition: border-color 0.25s ease;
}
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.lg-outer.lg-has-thumb .lg-item {
padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
background-color: #0d0a0a;
border-radius: 2px 2px 0 0;
color: #999;
cursor: pointer;
font-size: 24px;
height: 39px;
line-height: 27px;
padding: 5px 0;
position: absolute;
right: 20px;
text-align: center;
top: -39px;
width: 50px;
outline: 0;
border: none;
}
.lg-outer .lg-toogle-thumb:hover,
.lg-outer.lg-dropdown-active #lg-share {
color: #fff;
}
.lg-outer .lg-toogle-thumb:after {
content: "\e1ff";
}
.lg-outer .lg-video-cont {
display: inline-block;
vertical-align: middle;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 0 5px;
}
.lg-outer .lg-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
.lg-outer .lg-video .lg-object {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
width: 84px;
height: 59px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -42px;
margin-top: -30px;
z-index: 1080;
cursor: pointer;
}
.lg-outer .lg-has-iframe .lg-video {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.lg-outer .lg-has-vimeo .lg-video-play {
background: url(../img/vimeo-play.png) no-repeat;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
background: url(../img/vimeo-play.png) 0 -58px no-repeat;
}
.lg-outer .lg-has-html5 .lg-video-play {
background: url(../img/video-play.png) no-repeat;
height: 64px;
margin-left: -32px;
margin-top: -32px;
width: 64px;
opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
background: url(../img/youtube-play.png) no-repeat;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
background: url(../img/youtube-play.png) 0 -60px no-repeat;
}
.lg-outer .lg-video-object {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
display: none;
}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
visibility: visible;
}
.lg-progress-bar {
background-color: #333;
height: 5px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1083;
opacity: 0;
transition: opacity 80ms ease 0s;
}
.lg-progress-bar .lg-progress {
background-color: #a90707;
height: 5px;
width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
opacity: 1;
}
.lg-autoplay-button:after {
content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging
.lg-item.lg-complete.lg-zoomable
.lg-img-wrap {
transition-duration: 0s;
}
.lg-outer.lg-use-transition-for-zoom
.lg-item.lg-complete.lg-zoomable
.lg-img-wrap {
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s,
top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
transform: scale3d(1, 1, 1);
transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
transform-origin: 0 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#lg-zoom-in:after {
content: "\e311";
}
#lg-actual-size {
font-size: 20px;
}
#lg-actual-size:after {
content: "\e033";
}
#lg-zoom-out {
opacity: 0.5;
pointer-events: none;
}
#lg-zoom-out:after {
content: "\e312";
}
.lg-zoomed #lg-zoom-out {
opacity: 1;
pointer-events: auto;
}
.lg-outer .lg-pager-outer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1080;
height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
overflow: visible;
}
.lg-outer .lg-pager-cont {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
vertical-align: top;
margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
box-shadow: 0 0 0 2px #fff inset;
}
.lg-outer .lg-pager-thumb-cont {
background-color: #fff;
color: #fff;
bottom: 100%;
height: 83px;
left: 0;
margin-bottom: 20px;
margin-left: -60px;
opacity: 0;
padding: 5px;
position: absolute;
width: 120px;
border-radius: 3px;
transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
width: 100%;
height: 100%;
}
.lg-outer .lg-pager {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
display: block;
height: 12px;
transition: box-shadow 0.3s ease 0s;
width: 12px;
}
.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
box-shadow: 0 0 0 8px #fff inset;
}
.lg-outer .lg-caret {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px dashed;
bottom: -10px;
display: inline-block;
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
vertical-align: middle;
width: 0;
}
.lg-fullscreen:after {
content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
content: "\e20d";
}
.lg-outer #lg-dropdown-overlay {
background-color: rgba(0, 0, 0, 0.25);
bottom: 0;
cursor: default;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1081;
opacity: 0;
visibility: hidden;
transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
transition-delay: 0s;
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
.lg-outer .lg-dropdown {
background-color: #fff;
border-radius: 2px;
font-size: 14px;
list-style-type: none;
margin: 0;
padding: 10px 0;
position: absolute;
right: 0;
text-align: left;
top: 50px;
opacity: 0;
visibility: hidden;
transform: translate3d(0, 5px, 0);
transition: transform 0.18s linear 0s, visibility 0s linear 0.5s,
opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
border: 8px solid transparent;
border-bottom-color: #fff;
right: 16px;
top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
margin-bottom: 0;
}
.lg-outer .lg-dropdown > li:hover .lg-icon,
.lg-outer .lg-dropdown > li:hover a {
color: #333;
}
.lg-outer .lg-dropdown a {
color: #333;
display: block;
white-space: pre;
padding: 4px 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
display: inline-block;
line-height: 1;
margin-top: -3px;
vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
color: #333;
display: inline-block;
float: none;
font-size: 20px;
height: auto;
line-height: 1;
margin-right: 8px;
padding: 0;
vertical-align: middle;
width: auto;
}
.lg-outer,
.lg-outer .lg,
.lg-outer .lg-inner {
width: 100%;
height: 100%;
}
.lg-outer #lg-share {
position: relative;
}
.lg-outer #lg-share:after {
content: "\e80d";
}
.lg-outer #lg-share-facebook .lg-icon {
color: #3b5998;
}
.lg-outer #lg-share-facebook .lg-icon:after {
content: "\e901";
}
.lg-outer #lg-share-twitter .lg-icon {
color: #00aced;
}
.lg-outer #lg-share-twitter .lg-icon:after {
content: "\e904";
}
.lg-outer #lg-share-googleplus .lg-icon {
color: #dd4b39;
}
.lg-outer #lg-share-googleplus .lg-icon:after {
content: "\e902";
}
.lg-outer #lg-share-pinterest .lg-icon {
color: #cb2027;
}
.lg-outer #lg-share-pinterest .lg-icon:after {
content: "\e903";
}
.lg-group:after {
content: "";
display: table;
clear: both;
}
.lg-outer {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
text-align: left;
opacity: 0;
transition: opacity 0.15s ease 0s;
}
.lg-outer * {
box-sizing: border-box;
}
.lg-outer.lg-visible {
opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
transition-duration: inherit !important;
transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
transition-duration: 0s !important;
opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
cursor: move;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.lg-outer .lg {
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.lg-outer .lg-inner {
position: absolute;
left: 0;
top: 0;
white-space: nowrap;
}
.lg-outer .lg-item {
background: url(../img/loading.gif) center center no-repeat;
display: none !important;
}
.lg-outer.lg-css .lg-current,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
display: inline-block !important;
}
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
display: inline-block;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
}
.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
.lg-outer .lg-img-wrap {
position: absolute;
padding: 0 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.lg-outer .lg-item.lg-complete {
background-image: none;
}
.lg-outer .lg-item.lg-current {
z-index: 1060;
}
.lg-outer .lg-image {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
width: auto !important;
height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
opacity: 0;
transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
opacity: 1;
}
.lg-outer .lg-empty-html,
.lg-outer.lg-hide-download #lg-download {
display: none;
}
.lg-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
opacity: 1;
}
.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item,
.lg-css3.lg-use-left .lg-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
opacity: 0;
position: absolute;
left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
left: 0;
opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.make-size-h4 {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
@media (min-width: 600px) {
.make-size-h4 {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 768px) {
.make-size-h4 {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 960px) {
.make-size-h4 {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 1200px) {
.make-size-h4 {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 1440px) {
.make-size-h4 {
font-size: 20px;
line-height: calc(28 / 20 * 1em);
}
}
@media (min-width: 1660px) {
.make-size-h4 {
font-size: 24px;
line-height: calc(34 / 24 * 1em);
}
}
.make-size-h5 {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
@media (min-width: 600px) {
.make-size-h5 {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 768px) {
.make-size-h5 {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 960px) {
.make-size-h5 {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 1200px) {
.make-size-h5 {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 1440px) {
.make-size-h5 {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 1660px) {
.make-size-h5 {
font-size: 20px;
line-height: calc(28 / 20 * 1em);
}
}
.make-size-p {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
@media (min-width: 600px) {
.make-size-p {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 768px) {
.make-size-p {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 960px) {
.make-size-p {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1200px) {
.make-size-p {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1440px) {
.make-size-p {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1660px) {
.make-size-p {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
.p-partner-wrapper .slick-list,
.p-partner-wrapper .slick-track,
.p-partner-wrapper .slider-gallery {
height: 100%;
}
.p-partner-wrapper .lg-next,
.p-partner-wrapper .lg-prev,
.p-partner-wrapper .slick-next,
.p-partner-wrapper .slick-prev {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eee;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
background-color: #fff;
top: 50%;
transform: translateY(-50%);
display: none !important;
}
@media (min-width: 768px) {
.p-partner-wrapper .lg-next,
.p-partner-wrapper .lg-prev,
.p-partner-wrapper .slick-next,
.p-partner-wrapper .slick-prev {
display: flex !important;
}
}
@media (min-width: 1200px) {
.p-partner-wrapper .lg-next,
.p-partner-wrapper .lg-prev,
.p-partner-wrapper .slick-next,
.p-partner-wrapper .slick-prev {
width: 38px;
height: 38px;
}
}
@media (min-width: 1660px) {
.p-partner-wrapper .lg-next,
.p-partner-wrapper .lg-prev,
.p-partner-wrapper .slick-next,
.p-partner-wrapper .slick-prev {
width: 44px;
height: 44px;
}
}
.p-partner-wrapper .lg-next:after,
.p-partner-wrapper .lg-next:before,
.p-partner-wrapper .lg-prev:after,
.p-partner-wrapper .lg-prev:before,
.p-partner-wrapper .slick-next:after,
.p-partner-wrapper .slick-next:before,
.p-partner-wrapper .slick-prev:after,
.p-partner-wrapper .slick-prev:before {
content: inherit;
}
.p-partner-wrapper .lg-next:hover,
.p-partner-wrapper .lg-prev:hover,
.p-partner-wrapper .slick-next:hover,
.p-partner-wrapper .slick-prev:hover {
color: #5cb885;
}
.p-partner-wrapper .lg-next:hover svg path,
.p-partner-wrapper .lg-prev:hover svg path,
.p-partner-wrapper .slick-next:hover svg path,
.p-partner-wrapper .slick-prev:hover svg path {
fill: #5cb885;
}
@media (max-width: 599px) {
.p-partner-wrapper .lg-next,
.p-partner-wrapper .lg-prev,
.p-partner-wrapper .slick-next,
.p-partner-wrapper .slick-prev {
visibility: hidden;
}
}
.p-partner-wrapper .lg-next svg,
.p-partner-wrapper .lg-prev svg,
.p-partner-wrapper .slick-next svg,
.p-partner-wrapper .slick-prev svg {
display: block;
}
.p-partner-wrapper .slick-slide > div {
height: 100%;
}
.p-partner-wrapper .slick-prev {
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.614' height='20' viewBox='0 0 11.614 20'%3E%3Cpath d='M0,10,9.666.333A1.142,1.142,0,0,1,11.28,1.949L3.228,10,11.28,18.05a1.142,1.142,0,1,1-1.615,1.614Z' fill='%23005551'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 44% 50%;
}
.p-partner-wrapper .slick-prev svg {
margin-right: 3px;
}
.p-partner-wrapper .slick-next {
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.614' height='20' viewBox='0 0 11.614 20'%3E%3Cpath d='M11.614,10,1.949.333a1.144,1.144,0,0,0-1.615,0,1.143,1.143,0,0,0,0,1.616L8.386,10,.334,18.05a1.142,1.142,0,1,0,1.615,1.614Z' fill='%23005551'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 56% 50%;
}
.p-partner-wrapper .slick-next svg {
margin-left: 3px;
}
.p-partner-wrapper .slider-gallery figure {
height: 100%;
position: relative;
}
.p-partner-wrapper .slider-gallery figure img {
position: absolute;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
margin: auto auto;
min-width: 1000%;
min-height: 1000%;
transform: scale(0.1);
}
.p-partner-wrapper
.p-dealer-content
.cashback.v2
ul
li.single-offer
.icon-sp:before {
margin-top: 1px;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .cbtype-wrapper {
display: flex;
flex-wrap: wrap;
}
.p-partner-wrapper
.p-dealer-content
.cashback.v2
.cbtype-wrapper
.d-inline-flex.align-items-center {
padding-right: 8px;
}
.p-partner-wrapper
.p-dealer-content
.cashback.v2
.cbtype-wrapper
.d-inline-flex.align-items-center:last-child {
padding-right: 0;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .amex {
font-style: normal;
display: flex;
align-items: center;
position: relative;
width: 54px;
height: 54px;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .amex:before {
content: "";
left: 0;
top: 50%;
transform: translateY(-50%);
width: 54px;
height: 54px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: -4px center;
background-image: url("../../img/cbw/landingpage/amex-pos-box-logo.png");
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .amex + span {
margin-left: -6px;
z-index: 0;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .visa {
font-style: normal;
display: flex;
align-items: center;
position: relative;
width: 54px;
height: 54px;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .visa:before {
content: "";
left: 0;
top: 50%;
transform: translateY(-50%);
width: 54px;
height: 54px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: -4px center;
background-image: url("../../img/cbw/landingpage/visa-pos-box-logo.png");
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .visa + span {
margin-left: -6px;
z-index: 0;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .mastercard {
font-style: normal;
display: flex;
align-items: center;
position: relative;
width: 54px;
height: 54px;
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .mastercard:before {
content: "";
left: 0;
top: 50%;
transform: translateY(-50%);
width: 54px;
height: 54px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
background-position: -4px center;
background-image: url("../../img/cbw/landingpage/mastercard-pos-box-logo.png");
}
.p-partner-wrapper .p-dealer-content .cashback.v2 .mastercard + span {
margin-left: -6px;
z-index: 0;
}
.p-partner-wrapper .p-dealer-content .cashback-deal {
color: #fff;
font-family: CeraPro-Medium, sans-serif;
display: flex;
}
.p-partner-wrapper .p-dealer-content .cashback-deal span {
position: relative;
background-color: transparent;
padding-left: 18px;
padding-right: 23px;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
text-transform: none;
font-size: 14px;
}
.p-partner-wrapper .p-dealer-content .cashback-deal span:before {
content: "";
position: absolute;
width: 51%;
height: 100%;
top: 0;
left: 0;
background-image: url("../../img/root/search/red-ribbon.svg");
background-position: left;
z-index: -1;
background-size: cover;
}
.p-partner-wrapper .p-dealer-content .cashback-deal span:after {
content: "";
position: absolute;
width: 50%;
height: 100%;
top: 0;
right: 0;
background-image: url("../../img/root/search/red-ribbon.svg");
background-position: right;
z-index: -1;
background-size: cover;
}
.p-partner-wrapper .p-dealer-content .no-border-bottom {
border-bottom: none !important;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub {
position: relative;
border-bottom: none !important;
margin-left: -10px;
margin-right: -10px;
padding: 18px 12px !important;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub:before {
content: "";
position: absolute;
border: 2px solid #000;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 10px;
z-index: -1;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub:after {
content: "";
position: absolute;
border: 1px solid #000;
left: 4px;
top: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
border-radius: 8px;
z-index: -1;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .mwif-notice {
font-size: 24px;
cursor: pointer;
transition: color var(--transition-duration) var(--transition-timing-function);
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .mwif-notice:hover {
color: #5cb885;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .pr-0 {
padding-right: 0 !important;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .container-tiles {
max-width: unset;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .col-img {
margin-left: auto;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .col-img img {
width: 40px;
margin-top: -4px;
}
@media (min-width: 600px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .col-img img {
width: 65px;
margin-top: -8px;
}
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .size-h5 {
font-family: CeraPro-Bold, sans-serif;
}
@media (max-width: 599px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .size-h5 {
font-size: 14px !important;
}
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub .info {
color: #909090;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox {
padding: 18px 28px !important;
display: flex;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox .col-img {
margin-left: auto;
flex: 0 0 auto;
width: 100%;
}
@media (min-width: 600px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox .col-img {
width: auto;
}
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox .col-txt {
flex: 0 0 auto;
margin-top: 12px;
width: 100%;
margin-left: auto;
}
@media (min-width: 600px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox .col-txt {
margin-top: 0;
width: auto;
}
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox img {
width: 105px;
margin-top: 12px !important;
margin-left: auto;
margin-right: auto;
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox ul li {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
border: none;
font-family: CeraPro-Bold, sans-serif;
position: relative;
padding-left: 30px;
padding-top: 6px;
padding-bottom: 6px;
}
@media (min-width: 600px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox ul li {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 768px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox ul li {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 960px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox ul li {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 1200px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox ul li {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 1440px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox ul li {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 1660px) {
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox ul li {
font-size: 20px;
line-height: calc(28 / 20 * 1em);
}
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox ul li:before {
content: "";
position: absolute;
background-image: url("../../img/icons/play.svg");
width: 30px;
height: 30px;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.p-partner-wrapper .p-dealer-content .cbdeal-eliteclub.infobox .btn-eliteclub {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
width: 100%;
box-shadow: 0 10px 30px 0.8px rgba(0, 0, 0, 0.5);
background-color: #000;
}
@media (min-width: 600px) {
.p-partner-wrapper
.p-dealer-content
.cbdeal-eliteclub.infobox
.btn-eliteclub {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 768px) {
.p-partner-wrapper
.p-dealer-content
.cbdeal-eliteclub.infobox
.btn-eliteclub {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 960px) {
.p-partner-wrapper
.p-dealer-content
.cbdeal-eliteclub.infobox
.btn-eliteclub {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1200px) {
.p-partner-wrapper
.p-dealer-content
.cbdeal-eliteclub.infobox
.btn-eliteclub {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1440px) {
.p-partner-wrapper
.p-dealer-content
.cbdeal-eliteclub.infobox
.btn-eliteclub {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1660px) {
.p-partner-wrapper
.p-dealer-content
.cbdeal-eliteclub.infobox
.btn-eliteclub {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
.p-partner-wrapper
.p-dealer-content
.cbdeal-eliteclub.infobox
.btn-eliteclub:active,
.p-partner-wrapper
.p-dealer-content
.cbdeal-eliteclub.infobox
.btn-eliteclub:focus,
.p-partner-wrapper
.p-dealer-content
.cbdeal-eliteclub.infobox
.btn-eliteclub:hover {
box-shadow: 0 10px 30px 0.8px rgba(0, 0, 0, 0.51);
background-color: #333;
}
.partner-details-img-gallery .lg-prev {
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.614' height='20' viewBox='0 0 11.614 20'%3E%3Cpath d='M0,10,9.666.333A1.142,1.142,0,0,1,11.28,1.949L3.228,10,11.28,18.05a1.142,1.142,0,1,1-1.615,1.614Z' fill='%23005551'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.partner-details-img-gallery .lg-prev svg {
margin-right: 3px;
}
.partner-details-img-gallery .lg-next {
transform: translateY(-50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.614' height='20' viewBox='0 0 11.614 20'%3E%3Cpath d='M11.614,10,1.949.333a1.144,1.144,0,0,0-1.615,0,1.143,1.143,0,0,0,0,1.616L8.386,10,.334,18.05a1.142,1.142,0,1,0,1.615,1.614Z' fill='%23005551'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.partner-details-img-gallery .lg-next svg {
margin-left: 3px;
}
.partner-details-img-gallery .lg-next,
.partner-details-img-gallery .lg-prev {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #eee;
box-shadow: 0 7px 40px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
background-color: #fff;
top: 50%;
transform: translateY(-50%);
display: none !important;
}
@media (min-width: 768px) {
.partner-details-img-gallery .lg-next,
.partner-details-img-gallery .lg-prev {
display: flex !important;
}
}
@media (min-width: 1200px) {
.partner-details-img-gallery .lg-next,
.partner-details-img-gallery .lg-prev {
width: 38px;
height: 38px;
}
}
@media (min-width: 1660px) {
.partner-details-img-gallery .lg-next,
.partner-details-img-gallery .lg-prev {
width: 44px;
height: 44px;
}
}
.partner-details-img-gallery .lg-next:after,
.partner-details-img-gallery .lg-next:before,
.partner-details-img-gallery .lg-prev:after,
.partner-details-img-gallery .lg-prev:before {
content: inherit;
}
.partner-details-img-gallery .lg-next:hover,
.partner-details-img-gallery .lg-prev:hover {
color: #5cb885;
}
.partner-details-img-gallery .lg-next:hover svg path,
.partner-details-img-gallery .lg-prev:hover svg path {
fill: #5cb885;
}
@media (max-width: 599px) {
.partner-details-img-gallery .lg-next,
.partner-details-img-gallery .lg-prev {
visibility: hidden;
}
}
.partner-details-img-gallery .lg-next svg,
.partner-details-img-gallery .lg-prev svg {
display: block;
}
.partner-details-2022 .img-wrapper {
border-radius: 10px;
border: 1px solid #b6b6b6;
padding: 24px;
}
.partner-details-2022 .img-wrapper figure {
position: relative;
width: 100%;
aspect-ratio: 732/520;
}
.partner-details-2022 .img-wrapper figure img {
-o-object-fit: contain;
object-fit: contain;
margin: auto;
width: 100%;
height: 100%;
}
.partner-details-2022 .badge {
padding: 5px 4px;
font-size: 12px;
font-family: CeraPro-Medium, sans-serif;
color: #fff;
background-color: #333;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
line-height: inherit;
font-weight: inherit;
}
.partner-details-2022 .sharing {
position: absolute;
top: 0;
right: 0;
}
.partner-details-2022 .sharing button {
border: none;
background-color: transparent;
background-color: none;
margin: 0;
padding: 0;
}
.partner-details-2022 .sharing i {
color: #333;
transition: color var(--transition-duration) var(--transition-timing-function);
}
.partner-details-2022 .sharing i:hover {
color: #5cb885;
}
.partner-details-2022 .sharing svg {
transition: all var(--transition-duration) var(--transition-timing-function);
}
.partner-details-2022 .sharing svg:hover {
fill: #5cb885;
}
.partner-details-2022 .sharing i[class^="mwif-"] {
font-size: 24px;
}
.partner-details-2022 .share-container {
display: none;
flex-direction: column;
position: absolute;
top: 36px;
right: 0;
}
.partner-details-2022 .copy {
padding-top: 6px !important;
}
.partner-details-2022 .email {
padding-top: 4px !important;
}
.partner-details-2022 .custom-tiles .benefit-box {
height: inherit;
border: none;
padding: 0;
}
.partner-details-2022 .custom-tiles .benefit-box .font-base {
font-family: CeraPro-Regular, sans-serif;
}
.partner-details-2022 .custom-tiles .benefit-box .descr-wrapper {
height: inherit;
margin: 0;
font-size: 16px;
line-height: calc(24 / 16 * 1em);
font-family: CeraPro-Medium, sans-serif;
}
@media (min-width: 600px) {
.partner-details-2022 .custom-tiles .benefit-box .descr-wrapper {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 768px) {
.partner-details-2022 .custom-tiles .benefit-box .descr-wrapper {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 960px) {
.partner-details-2022 .custom-tiles .benefit-box .descr-wrapper {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1200px) {
.partner-details-2022 .custom-tiles .benefit-box .descr-wrapper {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1440px) {
.partner-details-2022 .custom-tiles .benefit-box .descr-wrapper {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1660px) {
.partner-details-2022 .custom-tiles .benefit-box .descr-wrapper {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
.partner-details-2022
.custom-tiles
.benefit-box
.price-wrapper
> div:first-child:not(.price) {
line-height: inherit;
}
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .conditions,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .discount,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .rrp {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
@media (min-width: 600px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .conditions,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .discount,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .rrp {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 768px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .conditions,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .discount,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .rrp {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 960px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .conditions,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .discount,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .rrp {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1200px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .conditions,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .discount,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .rrp {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1440px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .conditions,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .discount,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .rrp {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1660px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .conditions,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .discount,
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .rrp {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
.partner-details-2022
.custom-tiles
.benefit-box
.price-wrapper
.discount
i.mwif-sp-full {
font-size: 20px;
top: 4px;
}
@media (min-width: 768px) {
.partner-details-2022
.custom-tiles
.benefit-box
.price-wrapper
.discount
i.mwif-sp-full {
top: 5px;
}
}
@media (min-width: 1660px) {
.partner-details-2022
.custom-tiles
.benefit-box
.price-wrapper
.discount
i.mwif-sp-full {
font-size: 24px;
top: 6px;
}
}
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .price {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
font-family: CeraPro-Bold, sans-serif;
}
@media (min-width: 600px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .price {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 768px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .price {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 960px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .price {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 1200px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .price {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
}
}
@media (min-width: 1440px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .price {
font-size: 20px;
line-height: calc(28 / 20 * 1em);
}
}
@media (min-width: 1660px) {
.partner-details-2022 .custom-tiles .benefit-box .price-wrapper .price {
font-size: 24px;
line-height: calc(34 / 24 * 1em);
}
}
.partner-details-2022 .btn-primary {
display: flex !important;
width: 100%;
height: 52px;
align-items: center;
border-radius: 5px;
text-align: center;
justify-content: center;
box-shadow: 0 10px 30px 0.8px rgba(92, 184, 133, 0.5);
background-image: none;
color: #fff;
font-family: CeraPro-Medium, sans-serif;
font-size: 16px;
padding: 0 12px;
white-space: normal;
background-color: #5cb885;
transition: background-color var(--transition-duration)
var(--transition-timing-function);
outline: 0;
width: 100% !important;
}
@media (min-width: 600px) {
.partner-details-2022 .btn-primary {
width: 220px;
}
}
.partner-details-2022 .btn-primary:active,
.partner-details-2022 .btn-primary:focus,
.partner-details-2022 .btn-primary:hover {
text-decoration: none;
background-color: inherit;
box-shadow: 0 10px 30px 0.8px rgba(92, 184, 133, 0.51);
background-image: none;
color: #fff;
background-color: #91cfad;
}
.partner-details-2022 .dropdown.open .btn-add-shoppinglist {
color: #6fcb98;
}
.partner-details-2022 .btn-add-shoppinglist {
transition: color var(--transition-duration) var(--transition-timing-function);
font-size: 16px;
line-height: calc(24 / 16 * 1em);
font-family: CeraPro-Bold, sans-serif;
}
@media (min-width: 600px) {
.partner-details-2022 .btn-add-shoppinglist {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 768px) {
.partner-details-2022 .btn-add-shoppinglist {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 960px) {
.partner-details-2022 .btn-add-shoppinglist {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1200px) {
.partner-details-2022 .btn-add-shoppinglist {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1440px) {
.partner-details-2022 .btn-add-shoppinglist {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1660px) {
.partner-details-2022 .btn-add-shoppinglist {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
.partner-details-2022 .btn-add-shoppinglist:focus,
.partner-details-2022 .btn-add-shoppinglist:hover {
text-decoration: none;
}
.partner-details-2022 .btn-add-shoppinglist i.mwif-list-edit {
font-size: 24px;
top: 8px;
}
.partner-details-2022 .btn-add-shoppinglist + .dropdown-menu {
border-radius: 7px;
border: 1px solid #b6b6b6;
width: 100%;
top: calc(100% + 12px);
padding: 15px 0;
box-shadow: none;
}
.partner-details-2022 .btn-add-shoppinglist + .dropdown-menu > li > a {
font-size: 15px;
color: #333;
}
.partner-details-2022 .btn-add-shoppinglist + .dropdown-menu > li > a:focus,
.partner-details-2022 .btn-add-shoppinglist + .dropdown-menu > li > a:hover {
background-color: #5cb885;
}
.partner-details-2022 hr {
border-color: #b6b6b6;
margin: 20px 0;
}
.partner-details-2022 h5 {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
font-family: CeraPro-Medium, sans-serif;
margin: 20px 0;
}
.partner-details-2022 .content h6 {
font-family: CeraPro-Medium, sans-serif;
}
.partner-details-2022 .accordion {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.partner-details-2022 .accordion i.mwif-arrow-down-m {
font-size: 24px;
padding: 0 12px;
margin-left: auto;
transition: transform var(--transition-duration)
var(--transition-timing-function);
}
.partner-details-2022 .accordion + .content {
display: none;
padding-bottom: 12px;
}
.partner-details-2022 .accordion + .content p {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
@media (min-width: 600px) {
.partner-details-2022 .accordion + .content p {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 768px) {
.partner-details-2022 .accordion + .content p {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 960px) {
.partner-details-2022 .accordion + .content p {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1200px) {
.partner-details-2022 .accordion + .content p {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1440px) {
.partner-details-2022 .accordion + .content p {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1660px) {
.partner-details-2022 .accordion + .content p {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
.partner-details-2022 .accordion.open i.mwif-arrow-down-m {
transform: rotate(-180deg);
}
.partner-details-2022 .accordion.rating i.mwif-star-full {
margin: 0;
font-size: 16px;
margin-left: 8px;
}
.partner-details-2022 .accordion.rating i.mwif-arrow-down-m {
margin-left: 0;
}
.partner-details-2022 .accordion.rating .rating-score-wrapper {
margin-left: auto;
display: flex;
opacity: 1;
transition: opacity var(--transition-duration)
var(--transition-timing-function);
}
.partner-details-2022 .accordion.rating.open .rating-score-wrapper {
opacity: 0;
}
.partner-details-2022 .rating-score-wrapper .colorize {
color: #5cb885;
}
.partner-details-2022 .rating-score-wrapper .txt {
font-size: 14px;
margin-bottom: 0;
display: flex;
align-items: center;
padding: 0;
}
.partner-details-2022 .rating-score-wrapper .mwif-star-full {
color: #333;
}
.partner-details-2022 .rating-score-wrapper .mwif-star-full.full {
color: #5cb885;
}
.partner-details-2022 .rating-score-wrapper .mwif-star-full.half {
color: #333;
}
.partner-details-2022 .rating-score-wrapper .mwif-star-full.half:after {
content: "\E053";
color: #5cb885;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 49%;
}
.partner-details-2022 .rating-score-wrapper .bubble-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 960px) {
.partner-details-2022 .rating-score-wrapper .bubble-wrapper {
align-items: flex-start;
}
}
.partner-details-2022
.rating-score-wrapper
.bubble-wrapper
.rating-score-wrapper {
font-size: 16px;
display: flex;
margin-top: 5px;
}
.partner-details-2022
.rating-score-wrapper
.bubble-wrapper
.rating-score-wrapper
i {
margin-right: 8px;
}
.partner-details-2022
.rating-score-wrapper
.bubble-wrapper
.rating-score-wrapper
i:last-child {
margin-right: 0;
}
.partner-details-2022 .rating-score-wrapper .bubble-wrapper .review-count {
font-size: 14px;
margin-top: 3px;
}
.partner-details-2022 .rating-score-wrapper .rating-bubble {
width: 94px;
height: 94px;
background-color: transparent;
border: 4px solid #333;
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
font-family: CeraPro-Bold, sans-serif;
color: #333;
padding: 0;
margin: 0;
}
.partner-details-2022 .rating-score-wrapper .bubble {
width: 100%;
}
@media (min-width: 960px) {
.partner-details-2022 .rating-score-wrapper .bubble {
width: inherit;
}
}
.partner-details-2022 .rating-score-wrapper .histogram {
width: 100%;
margin-top: 18px;
}
@media (min-width: 960px) {
.partner-details-2022 .rating-score-wrapper .histogram {
width: inherit;
margin-top: 0;
}
}
@media (min-width: 1440px) {
.partner-details-2022 .rating-score-wrapper .histogram {
padding-left: 5%;
}
}
.partner-details-2022 .rating-score-wrapper .histogram div {
margin-bottom: 0;
}
.partner-details-2022 .rating-score-wrapper .histogram .stars .txt {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0;
height: 25px;
}
.partner-details-2022 .rating-score-wrapper .histogram .counts {
padding-right: 0;
}
.partner-details-2022 .rating-score-wrapper .histogram .counts .txt {
display: flex;
justify-content: flex-end;
padding: 0;
height: 25px;
}
.partner-details-2022 .rating-score-wrapper .histogram .bars {
flex: 1;
}
.partner-details-2022 .rating-score-wrapper .histogram .bar {
display: flex;
align-items: center;
height: 25px;
}
.partner-details-2022 .rating-score-wrapper .histogram .bar span {
background-color: #5cb885;
height: 16px;
}
.partner-details-2022 .review-box {
margin-top: 32px;
}
.partner-details-2022 .review-box > div {
display: flex;
align-items: center;
}
.partner-details-2022 .review-box .rating-score-wrapper {
font-size: 16px;
display: flex;
}
.partner-details-2022 .review-box .rating-score-wrapper i {
margin-right: 8px;
}
.partner-details-2022 .review-box h6 {
font-family: CeraPro-Bold, sans-serif;
margin-left: 5px;
}
.partner-details-2022 .review-box name {
font-size: 16px;
font-family: CeraPro-Bold, sans-serif;
margin-right: 8px;
}
.partner-details-2022 .review-box time {
font-size: 12px;
color: #909090;
}
.partner-details-2022 .review-box p {
margin-top: 8px;
margin-bottom: 0;
font-size: 14px;
line-height: calc(24 / 14 * 1em);
}
.partner-details-2022 .size-a {
display: inline-block;
margin-top: 32px;
font-family: CeraPro-Bold, sans-serif;
transition: all var(--transition-duration) var(--transition-timing-function);
}
.partner-details-2022 .size-a:hover {
color: #6fcb98;
text-decoration: none;
}
.partner-details-2022 .brand-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.partner-details-2022 .brand-wrapper a {
text-decoration: underline;
font-family: CeraPro-Medium, sans-serif;
}
.partner-details-2022 .brand-wrapper figure {
position: relative;
aspect-ratio: 100/48;
max-height: 48px;
}
.partner-details-2022 .brand-wrapper figure img {
-o-object-fit: contain;
object-fit: contain;
margin: auto;
width: 100%;
height: 100%;
}
.partner-details-2022 .brand-wrapper .conditions {
white-space: nowrap;
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
@media (min-width: 600px) {
.partner-details-2022 .brand-wrapper .conditions {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
@media (min-width: 768px) {
.partner-details-2022 .brand-wrapper .conditions {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 960px) {
.partner-details-2022 .brand-wrapper .conditions {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1200px) {
.partner-details-2022 .brand-wrapper .conditions {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1440px) {
.partner-details-2022 .brand-wrapper .conditions {
font-size: 14px;
line-height: calc(20 / 14 * 1em);
}
}
@media (min-width: 1660px) {
.partner-details-2022 .brand-wrapper .conditions {
font-size: 16px;
line-height: calc(24 / 16 * 1em);
}
}
.partner-details-2022 .brand-wrapper .conditions .mwif-super-cb {
line-height: 0;
font-size: 20px;
top: 4px;
margin-left: -4px;
}
@media (min-width: 768px) {
.partner-details-2022 .brand-wrapper .conditions .mwif-super-cb {
top: 5px;
}
}
@media (min-width: 1660px) {
.partner-details-2022 .brand-wrapper .conditions .mwif-super-cb {
font-size: 24px;
top: 6px;
}
}
.partner-details-2022 .brand-wrapper .conditions .mwif-sp-full {
line-height: 0;
font-size: 20px;
top: 4px;
}
@media (min-width: 768px) {
.partner-details-2022 .brand-wrapper .conditions .mwif-sp-full {
top: 5px;
}
}
@media (min-width: 1660px) {
.partner-details-2022 .brand-wrapper .conditions .mwif-sp-full {
font-size: 24px;
top: 6px;
}
}
.partner-details-2022 .fav-wrapper {
margin-top: 24px;
}
.partner-details-2022 .fav-wrapper .col {
flex: 1 0 0%;
}
.partner-details-2022 .fav-wrapper .col-auto {
flex: 0 0 auto;
width: auto;
}
.partner-details-2022 .fav-wrapper .fav-txt {
font-size: 14px;
line-height: calc(24 / 14 * 1em);
color: #909090;
}
.partner-details-2022 .fav-wrapper .fav-btn {
position: relative;
padding: 9px 12px;
padding-left: calc(12px + 25px);
}
.partner-details-2022 .fav-wrapper .fav-btn.active,
.partner-details-2022 .fav-wrapper .fav-btn:active,
.partner-details-2022 .fav-wrapper .fav-btn:focus {
box-shadow: none;
}
.partner-details-2022 .fav-wrapper .fav-btn:before {
content: "\E01B";
position: absolute !important;
top: 50%;
left: 12px;
transform: translateY(-50%);
margin-top: 1px;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-variant: normal;
line-height: inherit;
text-rendering: auto;
display: inline-block;
font-family: "myWorld Icon Font v02";
font-size: 18px;
position: relative;
}
.partner-details-2022 .fav-wrapper .fav-btn.active {
background-color: #5cb885;
color: #fff;
}
.partner-details-2022 .fav-wrapper .fav-btn.active:before {
content: "\E051";
}
.partner-details-2022 #modal-reviews .button-group {
justify-content: center;
}
.partner-details-2022 #modal-reviews .button-group .btn-secondary {
display: flex;
width: 100%;
text-align: center;
align-items: center;
justify-content: center;
}
@media (min-width: 600px) {
.partner-details-2022 #modal-reviews .button-group .btn-secondary {
width: 50%;
}
}
.partner-details-2022 #modal-offers {
overflow-x: hidden;
}
.partner-details-2022 #modal-offers .m-buttons .m-close {
border: none;
box-shadow: none;
width: 24px;
height: 24px;
}
.partner-details-2022 #modal-offers .m-header {
height: auto;
padding-top: 19px;
margin-left: -16px !important;
margin-right: -16px !important;
}
.partner-details-2022 #modal-offers .m-header .txt {
font-size: 15px;
font-family: CeraPro-Medium, sans-serif;
}
.partner-details-2022 #modal-offers .prod-wrapper .col {
flex: 1 0 0%;
}
.partner-details-2022 #modal-offers .prod-wrapper .col-auto {
flex: 0 0 auto;
width: auto;
}
.partner-details-2022 #modal-offers .prod-wrapper figure {
width: 100px;
height: 100px;
border-radius: 7px;
border: 1px solid #eee;
display: flex;
align-items: center;
justify-content: center;
max-height: unset;
}
.partner-details-2022 #modal-offers .prod-wrapper img {
max-height: 78px;
max-width: 96px;
}
.partner-details-2022 #modal-offers .prod-wrapper .size-p {
font-size: 14px;
font-family: CeraPro-Medium, sans-serif;
line-height: calc(21 / 14 * 1em);
}
@media (min-width: 600px) {
.partner-details-2022 #modal-offers.fade:not(.in) .modal-dialog {
transform: translate3d(25%, 0, 0);
}
.partner-details-2022 #modal-offers .modal-dialog {
margin-left: auto;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
width: 412px;
padding: 15px 24px 24px;
border-radius: 0;
min-height: calc(var(--vh, 1vh) * 100);
}
.partner-details-2022 #modal-offers .modal-dialog .m-header {
margin-left: -24px;
margin-right: -24px;
}
.partner-details-2022 #modal-offers .modal-dialog .m-body {
padding: 0;
}
}
.partner-details-2022 #modal-offers .offers-wrapper {
display: flex;
justify-content: space-between;
}
@media (min-width: 960px) {
.partner-details-2022 #modal-offers .offers-wrapper .col-m {
flex: 1 0 0%;
max-width: 100%;
width: 100%;
}
}
@media (min-width: 960px) {
.partner-details-2022 #modal-offers .offers-wrapper .col-m-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
}
.partner-details-2022 #modal-offers .offers-wrapper img {
display: inline-flex;
width: auto;
}
.partner-details-2022 #modal-offers .offers-wrapper .btn-primary {
width: auto !important;
display: inline-flex !important;
}
.partner-details-2022 #modal-offers figure {
position: relative;
aspect-ratio: 100/48;
max-height: 48px;
}
.partner-details-2022 #modal-offers figure img {
-o-object-fit: contain;
object-fit: contain;
margin: auto;
width: 100%;
height: 100%;
}
.partner-details-2022 #modal-offers .price {
font-size: 18px;
line-height: calc(26 / 18 * 1em);
font-family: CeraPro-Bold, sans-serif;
}
.partner-details-2022 #modal-offers .conditions {
font-size: 14px;
margin-top: 9px;
line-height: calc(17 / 14 * 1em);
color: #909090;
}
.partner-details-2022 #modal-offers .conditions > div:last-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 2px;
}
.partner-details-2022 #modal-offers .conditions .mwif-super-cb {
font-size: 20px;
top: 5px;
line-height: 0;
margin-left: -2px;
}
.partner-details-2022 #modal-offers .conditions .mwif-sp-full {
font-size: 20px;
top: 5px;
line-height: 0;
}
.partner-details-2022 #modal-offers .txt {
font-size: 14px;
}
.partner-details-2022 #modal-offers .btn-primary {
padding: 9px 25px;
font-size: 14px;
line-height: calc(18 / 14 * 1em);
height: auto;
margin-top: 12px;
}
.partner-details-2022 #modal-offers .btn-xxs {
display: none !important;
}
@media (min-width: 360px) {
.partner-details-2022 #modal-offers .btn-xxs {
display: flex !important;
}
}
@media (min-width: 360px) {
.partner-details-2022 #modal-offers .btn-xxxs {
display: none !important;
}
}