.container { width: auto; max-width: 1272px; } *, *::before, *::after { box-sizing: border-box; } html,body{height:100%;width:100%;font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;} a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, #regions-popup a span, #user-trigger:after, #regions-block-trigger em, #lang-trigger em, #user-missingpoints h2 button em, #help-faqs .tab-pane h4:after, .voucher-tc .voucher-tc-link:after { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } :root{ --DARK_GRAY: #333333; --LIGHT_Gray:#404040; --TEXT_BLACK: #000000; --HEADLINE_COLOR: #252525; --TEXT_COLOR: #252525; --LINK_COLOR: #252525; --BRAND_COLOR: #918981; --LBRAND_COLOR: #78716b; --FAV_COLOR: #e7213c; --RED_COLOR: #e7213c; --GREY_COLOR: #8c8c8c; --BORDER_COLOR: #c2c2c2; --LBORDER_COLOR: rgba(25,25,25, .1); } body { background: #fff; color: var(--TEXT_COLOR); font-size: 14px; font-weight: 400; font-family: Graphik,Arial,Helvetica,sans-serif; line-height: 1.4; -webkit-font-smoothing: antialiased; } a, a:visited { color: var(--LINK_COLOR); cursor: pointer; } a:hover, a:focus { color: var(--BRAND_COLOR); text-decoration: underline; } :focus { outline: 1px dotted; } .clear { clear: both; height: 0; line-height: 0; display: block; } p { line-height: 1.4; margin-bottom: 20px; } *::-moz-selection { background-color: var(--BRAND_COLOR); color: #fff; } .bordered {border: 1px solid #e1e5e8;} span.bordered{display:inline-block;padding:10px;} strong { font-weight: 500; } body .data { display:none; font-size: 10px; } body.data .data{display:block;word-wrap:break-word;width:100px;text-align:left;margin:auto;} #contents { margin-bottom: 60px; padding-top: 32px; } h1, h2, h3, h4, h5, h6 { color: var(--HEADLINE_COLOR); font-weight: 500; } h2 { font-size: 30px; } h3 { font-size: 25px; } .rounded { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .form-control { font-size: 14px; background: #fff; color: var(--TEXT_COLOR); border: 1px solid var(--BORDER_COLOR); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; /*-webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; -moz-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset; box-shadow: rgba(0, 0, 0, 0.075) 0 1px 1px inset;*/ } .form-control:focus { border-color: var(--TEXT_COLOR); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; /*-webkit-box-shadow: rgba(0,0,0,0.1) 0 0 3px; -moz-box-shadow: rgba(0,0,0,0.1) 0 0 3px; box-shadow: rgba(0,0,0,0.1) 0 0 3px;*/ } .form-control:-webkit-input-placeholder { color: #888 !important; /* Chrome/Opera/Safari */ } .form-control::-webkit-input-placeholder { color: #888 !important; /* Chrome/Opera/Safari */ } .form-control:-moz-placeholder { color: #888 !important; /* Firefox 18- */ } .form-control::-moz-placeholder { color: #888 !important; /* Firefox 19+ */ } .form-control:-ms-input-placeholder { color: #888 !important; /* IE 10+ */ } label { font-weight: normal; } .checkbox label { font-size: 14px; } .sidr { display: none; } .only-mobile { display: none; } .box-alert{ background: #51cabb none repeat scroll 0% 0%; color: white; padding: 10px 20px; } .btn-as-link { border: none; background: transparent; padding: 0; width: 100%; } #skip2content { position: absolute; top: -20px; left: 0; float: left; line-height: 20px; font-size: 10px; text-transform: uppercase; color: #fff; background: var(--TEXT_COLOR); padding: 0 10px; z-index: 1000; } #skip2content:hover, #skip2content:focus { top: 0; text-decoration: none; } #hereiscontent { color: transparent; display: block; height: 20px; margin-bottom: -20px; outline: none; text-indent: -9999px; text-align: left; } .wow { visibility: hidden; } .flex-row { display: flex; } .flex-w10 { flex: 1 1 10%; } .flex-w20 { flex: 1 1 20%; } .flex-w30 { flex: 1 1 30%; } .flex-w40 { flex: 1 1 40%; } .flex-w50 { flex: 1 1 50%; } .flex-w60 { flex: 1 1 60%; } .flex-w70 { flex: 1 1 70%; } .flex-w80 { flex: 1 1 80%; } .flex-w90 { flex: 1 1 90%; } #global-wrapper { min-height: 100%; overflow: hidden; display: flex; flex-direction: column; } main { flex: 1 1 auto; } /*** header ******************************************************************/ #header {position: relative; background: #fff; height: 74px; border-bottom: 1px solid var(--LBORDER_COLOR); } #footer { padding: 0; } .container { position: relative; } /*#header .container, #header-top .container, #mainmenu .container { position: relative; padding: 0; }*/ #header-top { font-size: 14px; height: 37px; background: #f7f7f7; border-bottom: #f2f2f2; } #header-top .user-block { float: right; } #header-top .user-block em { display: none; } #header-top .link-logout { color: var(--TEXT_COLOR); } #header .userblock { float: right; } /*** logo ***/ #logo { position: absolute; top: 15px; left: 15px; } #logo a { display: block;} #logo a img { width: 151px; height: auto; } /*** mobile-triggers ***/ #header-triggers { display: none; float: right; overflow: hidden; margin: 0 -5px 0 20px; padding: 10px 0 0; } #search-trigger, #menu-user-trigger, a#user-mobile-link, #mainmenu-trigger { font-size: 28px; display: block; color: var(--TEXT_COLOR); float: left; width: 60px; height: 60px; text-align: center; text-decoration: none; } #menu-trigger, #menu-user-trigger, a#user-mobile-link { display: none; float: left; font-size: 32px; width: 60px; color: var(--TEXT_COLOR); text-align: center; text-decoration: none; outline: none; } #menu-trigger { font-size: 24px; position: absolute; right: 0; } #menu-trigger em, #header-triggers em, #mainmenu-trigger em { display: block; line-height: 36px; } #menu-user-trigger { font-size: 28px; } #mainmenu-trigger { font-size: 32px; position: absolute; top: 10px; right: 70px; } #sidr { display: none; } #menu-toplevel { float: left; margin-left: 193px; } #menu-toplevel a { font-size: 16px; color: #fff; font-weight: 500; padding: 0 35px; display: block; line-height: 70px; float: left; position: relative; text-decoration: none; } #menu-toplevel a.active { /*background: rgb(0,0,0,0.2);*/ } #menu-toplevel a.active:after { content:""; display: block; width: 20px; height: 7px; position: absolute; bottom: 0; left: 50%; margin-left: -10px; background: url(../images/dropdown-corner.png) no-repeat center 0 / auto 100%; z-index: 1002; } #header-blocks { float: right; padding: 11px 0 0; margin-right: 2px; } #header-blocks #user-trigger .label{ display: none;} /* #header-blocks #user-trigger > span:after, #header-blocks #fav-trigger > span:after { display: none;} */ #header-switchers { float: left; position: relative; } #header-bottom { display: none; } /*** btn ***/ .btn { font-size: 14px; line-height: 1.3; color: #fff; font-weight: 400; padding: 10px 30px; background: var(--BRAND_COLOR); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-primary, .btn-primary:visited { color: #fff; border-color: var(--BRAND_COLOR); background: var(--BRAND_COLOR); } .btn-primary:hover, .btn-primary:focus { color: #fff; background: var(--LBRAND_COLOR); border-color: var(--LBRAND_COLOR); } .btn-primary.disabled { background: #fff; border: 2px solid var(--BRAND_COLOR); color: var(--BRAND_COLOR); } .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary.active:focus { color: #fff; background: #333; border-color: #333; } .btn-primary.btn-transparent, .btn-primary.btn-transparent:visited { color: var(--BRAND_COLOR); border: 1px solid var(--BRAND_COLOR); background: transparent; padding: 9px 40px; } .btn-primary.btn-transparent:hover, .btn-primary.btn-transparent:focus { color: #fff; background: var(--BRAND_COLOR); } .btn-info, .btn-info:visited { color: #fff; border: 1px solid var(--LBRAND_COLOR); background: var(--LBRAND_COLOR); } .btn-info:hover, .btn-info:focus { color: #fff; background: var(--LBRAND_COLOR); border-color: var(--LBRAND_COLOR); } .btn-info.btn-transparent, .btn-info.btn-transparent:visited { color: var(--LBRAND_COLOR); border: 1px solid var(--LBRAND_COLOR); background: transparent; } .btn-info.btn-transparent:hover, .btn-info.btn-transparent:focus { color: #fff; background: var(--LBRAND_COLOR); } .btn-default, .btn-default:visited { color: #111; border-color: #d8d8d8; background: #fff; } .btn-default:hover, .btn-default:focus { color: #111; border-color: #d8d8d8; background: #f2f2f2; } .btn-danger,.btn-danger:visited{ color:#fff; } .btn-lg { font-size: 17px; padding: 12px 30px;} /*** form ***/ .checkbox label:before { border-color: var(--TEXT_COLOR); height: 19px; width: 19px;border-Radius:1.5px; top: 3px; } .checkbox-primary input[type="checkbox"]:checked + label:before, .checkbox-primary input[type="radio"]:checked + label:before { background-color: var(--TEXT_COLOR); border-color: var(--TEXT_COLOR);height: 19px; width: 19px;border-Radius:1.5px } /*** header-trigger ***/ .header-dropdown { display: none; z-index: 10000; background: #fff; padding: 20px 0; position: relative; clear: both; width: 100%; box-shadow: 0 2px 10px 0 rgb(173 173 173 / 50%);} .header-dropdown .container { position: relative; } .header-dropdown .dropdown-close { display: none; font-size: 24px; color: var(--BRAND_COLOR); position: absolute; top: 0; right: 0; padding: 5px 10px; line-height: 1; } body.browser-Internet.Explorer .header-dropdown .dropdown-close { right: 15px; } .header-trigger { position: relative; display: block; } .header-trigger.open:after { content:""; display: block; width: 20px; height: 10px; position: absolute; bottom: 0; left: 50%; margin-left: -10px; z-index: 1002; } .header-trigger.with-dropdown { } .header-trigger.with-dropdown em.fa-chevron-down { width: 15px; font-size: 12px; position: absolute; top: 20px; right: 0; text-align: center; font-weight: 400; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; transition: all .1s; } .header-trigger.with-dropdown.open em.fa-chevron-down { transform: rotate(180deg); } /*** mainmenu **************************/ #mainmenu { height: 52px; background: #fff; border-bottom: 1px solid #2525251c;} #mainmenu .container { position: relative; text-align: center; } #mainmenu ul.nav { text-align: center; } #mainmenu ul.nav > li { position: relative; text-align: center; float: none; display: inline-block; } #mainmenu ul.nav > li > a, #mainmenu ul.nav > li > a:visited { color: var(--TEXT_BLACK); font-size: 15px; line-height: 50px; padding: 0; display: block; border: none; position: relative; } #mainmenu ul.nav > li a:hover, #mainmenu ul.nav > li a:focus, #mainmenu .nav-pills > li.active > a, #mainmenu .nav-pills > li.active > a:visited, #mainmenu .nav-pills > li.active > a:focus, #mainmenu .nav-pills > li.active > a:hover { color: var(--TEXT_COLOR); text-decoration: none; background: transparent; font-weight: 500; } #mainmenu ul.nav > li > a.open, #mainmenu ul.nav > li > a.open:visited, #mainmenu ul.nav > li > a.open:hover, #mainmenu ul.nav > li > a.open:focus, #mainmenu ul.nav > li.active > a.open, #mainmenu ul.nav > li.active > a.open:visited, #mainmenu ul.nav > li.active > a.open:hover, #mainmenu ul.nav > li.active > a.open:focus { text-decoration: none; } #mainmenu ul.nav > li > a > span { display: block; padding: 0 40px; } .nav-pills > li + li { margin: 0; } /* bottom lines we show only for desktop because on ipad an action to open dropdown menu needs 2 clicks */ .device-desktop #mainmenu ul.nav > li > a > span, .device-desktop #loggedout-box a span, .device-desktop a#user-trigger span { display: inline-block; position: relative;} .device-desktop #mainmenu ul.nav > li > a > span:after, .device-desktop #fav-trigger > span:after, .device-desktop #user-trigger > span:after, .device-desktop #nav-top a span:after { background: var(--LINK_COLOR); width: 0px; height: 3px; position: absolute; bottom: -2px; left: 50%; display: block; content:""; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); } .device-desktop #mainmenu ul.nav > li > a:hover > span:after, .device-desktop #mainmenu ul.nav > li > a:focus > span:after, .device-desktop #mainmenu ul.nav > li.active > a > span:after, .device-desktop #mainmenu ul.nav > li > a.open > span:after, .device-desktop #fav-trigger:hover > span:after, .device-desktop #fav-trigger:focus > span:after, .device-desktop #user-trigger:hover > span:after, .device-desktop #user-trigger:focus > span:after, .device-desktop #nav-top a:hover span:after { width: 100%; } .device-desktop #mainmenu ul.nav > li.active > a > span:after { background: var(--LINK_COLOR); } .device-desktop #mainmenu ul.nav > li > a.open > span:after { display: none !important; } .device-desktop #loggedout-box a span:after { height: 1px; } /*** categories ***/ .dropdown, .nav > li { position: inherit; } body #header-categories { padding: 16px 0 26px; max-width: 780px; background: #fff; border: none; position: absolute; top: 47px; left: 15px; z-index: 1001; box-shadow: 0 2px 10px 0 rgba(173,173,173,0.5); } #header-categories .nav-title { font-size: 30px; color: var(--BRAND_COLOR); border-bottom: 1px solid var(--BORDER_COLOR); padding: 0 12px 20px; margin: 0 0 20px; line-height: 1.2; text-transform: uppercase; } #header-categories .submenu-categories { display: block; width: 100%; border: none; margin: 0; padding: 0; float: none; position: relative; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #header-categories .submenu-categories .categories-container { padding: 12px 30px;} #header-categories .submenu-categories .categories-container:after { clear: both; display: block; content:""; } #header-categories .submenu-categories .categories-container ol { list-style: none; margin: 0; padding: 0; float: left; width: 31.333%; margin-right: 2%; } #header-categories .submenu-categories .categories-container ol li { margin: 5px 0 9px; } #header-categories .submenu-categories .categories-container ol a { color: var(--BRAND_COLOR); font-size: 14px; display: block; padding: 5px 0 5px 12px; position: relative; } #header-categories .submenu-categories .categories-container ol a:hover, .submenu-categories .categories-container ol a:focus { color: var(--TEXT_COLOR); text-decoration: none; } #header-categories .submenu-categories li.leftcolumn ol a:before { opacity: 0; color: var(--TEXT_COLOR); display: block; font-size: 16px; position: absolute; top: 7px; left: -20px; content:"\f105"; font-family:'Font Awesome 5 Pro'; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; display: none; } #header-categories .submenu-categories .categories-container ol a:hover:before, .submenu-categories .categories-container ol a:focus:before { left: 0; color: #3cb4d2; opacity: 1; } #header-categories .submenu-categories .categories-container ol li.active a:before, .submenu-categories .categories-container ol li.active a:visited:before, #header-categories .submenu-categories li.leftcolumn ol li.active a:hover:before, .submenu-categories li.leftcolumn ol li.active a:focus:before { left: 0; color: var(--BRAND_COLOR); opacity: 1; } #header-categories .submenu-categories .categories-container ol li.active a, #header-categories .submenu-categories .categories-container ol li.active a:visited, #header-categories .submenu-categories .categories-container ol li.active a:hover, #header-categories .submenu-categories .categories-container ol li.active a:focus { cursor: default; color: var(--TEXT_COLOR); text-decoration: none; font-weight: 500; } .submenu-categories--toplevel { margin-bottom: 0; overflow: hidden; font-weight: 500; } .submenu-categories--toplevel a { font-weight: 500; } #header-categories .submenu-categories .categories-container > ol > li { padding-bottom: 0; } #header-categories .submenu-categories .categories-container ol ol { float: none; width: 100%; padding: 0 0 0 15px; } #header-categories .submenu-categories .categories-container ol ol a { padding: 1px 0 1px 10px; } /*** rightcolumn - banner ***/ #header-categories #nav-slogan { color: var(--BRAND_COLOR); font-size: 250%; padding: 20px 20% 0 0; } #header-categories .submenu-categories .rightcolumn { /*width: 438px; height: 235px; */ max-height: 235px; overflow: hidden; float: left; padding: 5px 0 0; position: relative; } #header-categories .submenu-categories .rightcolumn .banner { opacity: 0; display: block; height: 0; } #header-categories .submenu-categories .rightcolumn .banner.active { opacity: 1; height: auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*** regions ***/ #regions-block { float: left; } #regions-block:after { content:""; display: block; clear: both; } #header-regions { background: #fcfcfc; border-bottom: 1px solid #f2f2f2; } #header-regions .dropdown-label { display: block; padding-top: 5px; } #header-regions .dropdown-label label { font-weight: normal; } #header-regions .dropdown-selector { position: absolute; top: 0; right: 0; display: block; width: 190px; } #header-regions .btn-group { width: 100% !important; max-width: 100%; } #header-regions .bootstrap-select.btn-group .btn { padding: 7px 6px; width: 100%; background: #555; border-color: #aaa; color: #fff; text-transform: none; font-weight: normal; } #header-regions .bootstrap-select.btn-group .btn .caret { right: 8px; color: var(--TEXT_COLOR); } #header-regions .bootstrap-select.btn-group.open .btn { background: #777; } #header-regions .dropdown-menu { background: #555; width: 100% !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header-regions .dropdown-menu a { padding: 7px 13px; font-size: 14px; color: #fff; } #header-regions .dropdown-menu a:hover, #header-regions .dropdown-menu a:focus { background: var(--TEXT_COLOR); } #header-regions .dropdown-menu .selected a { background: var(--TEXT_COLOR); color: #fff; position: relative; } #header-regions .dropdown-menu .selected a:after { color: #fff; font-size: 14px; position: absolute; top: 6px; right: 10px; content:"\f00c"; font-family:'Font Awesome 5 Pro'; font-weight: 400; } #header-regions h3 { text-align: center; font-size: 18px; padding-bottom: 15px; margin-bottom: 10px;position: relative; } #header-regions ul { overflow: hidden; list-style: none; margin: auto; padding: 0; width: 100%; margin-bottom: 15px; } #header-regions ul li { float: left; width: 20%; } #header-regions .regions-rightcolumn ul li { width: 33.3333%; } #header-regions .radio, #header-regions .checkbox { margin-top: 0; margin-bottom: 14px; } #header-regions .form-submit { text-align: center; } #header-regions .form-submit .btn { margin: auto; width: 200px; font-size: 17px; } #header-regions .radio label, #header-regions .checkbox label { font-size: 16px; margin-bottom: 0; padding-left: 6px; } #header-regions .radio label:before { top: 4px; } #header-regions .radio label:after { top: 7px; } #header-regions .checkbox label:before { top: 3px; border-width: 2px; } #header-regions .checkbox label:after { top: 0; font-weight: 900; font-size: 13px; color: #111; } #header-regions .checkbox label:before, #sidr .checkbox label:before { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #header-regions .radio.checked label:before, #sidr .radio.checked label:before { background: #fff; border-color: var(--BRAND_COLOR); } #header-regions .radio.checked label:after, #sidr .radio.checked label:after { background: var(--BRAND_COLOR); } #header-regions .checkbox.checked label:before, #sidr .checkbox.checked label:before { background: #fff; border-color: var(--BRAND_COLOR); } /* body.region1 #header-regions #regions-block .btn-group .filter-option { background-image: url(../images/flag-us.png); } body.region96 #regions-block-trigger,body.region96 #header-regions #regions-block .btn-group .filter-option { background-image: url(../images/flag-hk.png); } */ #regions-block-trigger, #lang-trigger, #regions-radio-block li a { padding: 0 20px 0 30px; color: var(--TEXT_COLOR); display: block; line-height: 25px; margin: 0; border: none; position: relative; background: transparent no-repeat 0 center / 21px auto; } #regions-block-trigger { color: var(--BRAND_COLOR); padding-left: 0; } #regions-block-trigger:before { float: left; font-size: 15px; padding-right: 5px; content:"\f57d"; font-family:'Font Awesome 5 Pro'; } /*body.region1 #regions-block-trigger, #regions-radio-block li a#c1 { background-image: url(../images/flags/flag-us.png); } */ /*body.region2 #regions-block-trigger, #regions-radio-block li a#c2 { background-image: url(../images/flags/flag-ca.png); } */ /*body.region216 #regions-block-trigger, #regions-radio-block li a#c216 { background-image: url(../images/flags/flag-uk.png); } */ /*body.region200 #regions-block-trigger, #regions-radio-block li a#c200 { background-image: url(../images/flags/flag-tw.png); } */ /*body.region43 #regions-block-trigger, #regions-radio-block li a#c43 { background-image: url(../images/flags/flag-ch.png); } */ /*body.region105 #regions-block-trigger, #regions-radio-block li a#c105 { background-image: url(../images/flags/flag-jp.png); } */ /*body.region203 #regions-block-trigger, #regions-radio-block li a#c203 { background-image: url(../images/flags/flag-th.png); } */ /*body.region96 #regions-block-trigger, #regions-radio-block li a#c96 { background-image: url(../images/flags/flag-hk.png); } */ /*body.region110 #regions-block-trigger, #regions-radio-block li a#c110 { background-image: url(../images/flags/flag-kr.png); } */ /*body.region183 #regions-block-trigger, #regions-radio-block li a#c183 { background-image: url(../images/flags/flag-sg.png); } */ /*body.region103 #regions-block-trigger, #regions-radio-block li a#c103 { background-image: url(../images/flags/flag-it.png); } */ /*body.region72 #regions-block-trigger, #regions-radio-block li a#c72 { background-image: url(../images/flags/flag-fr.png); } */ /*** regions-radio-block ***/ #regions-radio-block { float: left; position: relative; } #regions-radio-block .header-trigger, #lang-trigger { color: var(--TEXT_COLOR); display: block; line-height: 36px; position: relative; } #regions-block-trigger em, #lang-trigger em { right: 0; top: 16px; font-size: 13px; position: absolute; transform: rotate(180deg); } #regions-block-trigger.open em, #lang-trigger.open em { transform: rotate(0deg); } .svg-chevron { width: 12px; } /*** hide radios per design ***/ #regions-radio-block .radio { padding: 0; margin: 0; } #regions-radio-block .radio label { color: var(--TEXT_COLOR); padding: 0; margin: 3px 0; } #regions-radio-block .radio label:before, #regions-radio-block .radio label:after { display: none; } #regions-radio-block .active .radio label { color: var(--TEXT_COLOR); } #regions-radio-block .header-dropdown, #language-switcher .header-dropdown { position: absolute; left: 0; width: 190px; padding: 15px 20px; } #language-switcher .header-dropdown { width: 130px; } #regions-radio-block .header-dropdown ul, #language-switcher .header-dropdown ul { margin: 0; padding: 0; list-style: none; color: var(--BRAND_COLOR); font-size: 14px; } #regions-radio-block .header-dropdown ul li { position: relative; } #regions-radio-block .header-dropdown .form-submit { display: none; } #regions-radio-block .header-dropdown .active:after, #language-switcher .header-dropdown ul .active a:after { font-size: 12px; color: var(--TEXT_COLOR); padding-left: 5px; position: absolute; top: 5px; right: -5px; display: block; font-weight: 300; content:"\f00c"; font-family:'Font Awesome 5 Pro'; } #regions-radio-block li a, #regions-radio-block li a:visited { color: var(--GREY_COLOR); padding: 5px 0 5px 30px; padding-left: 0; line-height: 17px; display: block; text-decoration: none; font-weight: normal; } #regions-radio-block li a:hover, #regions-radio-block li a:focus { color: var(--TEXT_COLOR); } #regions-radio-block li.active a { color: var(--TEXT_COLOR); font-weight: 500; } /*** lang-trigger ******************/ #language-switcher { float: left; position: relative; margin: 0 10px 0 40px; } #lang-trigger { padding-left: 0; position: relative; background: no-repeat 0 13px / 23px auto; } #language-switcher .header-dropdown ul a, #language-switcher .header-dropdown ul a:visited { color: var(--GREY_COLOR); padding: 5px 0; margin: 0; display: block; line-height: 17px; position: relative; text-decoration: none; } #language-switcher .header-dropdown ul a:hover, #language-switcher .header-dropdown ul a:focus { color: var(--TEXT_COLOR); } #language-switcher .header-dropdown ul .active a { color: var(--TEXT_COLOR); font-weight: 500; } /*** regions-dropdown ***/ #regions-dropdown { padding: 20px; position: absolute; right: 0; width: 230px; -webkit-box-shadow: rgba(0,0,0,0.1) 0 2px 2px; -moz-box-shadow: rgba(0,0,0,0.1) 0 2px 2px; box-shadow: rgba(0,0,0,0.1) 0 2px 2px; } #regions-dropdown .section-title { color: var(--BRAND_COLOR); } #regions-dropdown .form-group { position: relative; } #regions-dropdown .form-group:after { position: absolute; bottom: 0; width: 100%; border-bottom: 2px solid #eee; display: block; content: ""; } #regions-dropdown .btn { font-size: 16px; width: 100%; text-transform: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #regions-dropdown .form-submit { padding: 15px 0 0; } .langDE #regions-dropdown .btn { font-size: 15px; padding: 10px; } .langNL #regions-dropdown .btn, .langIT #regions-dropdown .btn { padding: 10px 5px; } .select-css { display: block; font-size: 16px; font-family: inherit; font-weight: normal; color: var(--TEXT_COLOR); line-height: 1.3; padding: 7px 15px; margin: 0 0 0 -19px; width: 120%; max-width: 120%; box-sizing: border-box; border: none; box-shadow: none; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url(images/angle-down-regular.svg); background-repeat: no-repeat, repeat; background-position: right 1.2em top 50%, 0 0; background-size: .8em auto, 100%; position: relative; } .select-css::-ms-expand { display: none; } .select-css:hover { border-color: none; } .select-css:focus { border-color: var(--BORDER_COLOR); box-shadow: none; box-shadow: none -moz-mac-focusring; color: var(--TEXT_COLOR); outline: none; /*background-image: url(images/angle-up-regular.svg);*/ } .select-css option { font-size: 14px; font-weight: normal; } #page-404 .navbar-form { float: right; } #error404-search-block #s { background: #fff; } /*** search ***/ #search-wrapper { width: 260px; margin: auto; float: left; padding: 0; margin-top: 10px; } #search-wrapper .navbar-form { margin: 0; padding: 0; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search-wrapper .navbar-form input { font-size: 12px; color: var(--TEXT_COLOR); width: 100%; height: 33px; padding: 0 15px 0 41px; background: #fff; border-color: var(--BORDER_COLOR); outline: none; border-radius: 2px; } #search-wrapper .navbar-form input.focus { border-color: var(--BORDER_COLOR); } #search-wrapper .navbar-form input:-webkit-input-placeholder { color: var(--GREY_COLOR) !important; /* Chrome/Opera/Safari */ } #search-wrapper .navbar-form input::-webkit-input-placeholder { color: var(--GREY_COLOR) !important; /* Chrome/Opera/Safari */ } #search-wrapper .navbar-form input:-moz-placeholder { color: var(--GREY_COLOR) !important; /* Firefox 18- */ } #search-wrapper .navbar-form input::-moz-placeholder { color: var(--GREY_COLOR) !important; /* Firefox 19+ */ } #search-wrapper .navbar-form input:-ms-input-placeholder { color: var(--GREY_COLOR) !important; /* IE 10+ */ } #search-wrapper .navbar-form label { display: block; color: var(--TEXT_COLOR); position: absolute; top: 0; left: 12px; width: 20px; height: 36px; font-size: 17px; margin-bottom: 0; overflow: hidden; } #search-wrapper .navbar-form label em { display: block; line-height: 36px; font-weight: 300; } #search-wrapper .navbar-form label em img { width: 13px; padding: 11px 0 0; margin-left: 3px; } #search-wrapper .navbar-form button { display: none; color: var(--TEXT_COLOR); font-size: 15px; width: 40px; height: 36px; position: absolute; top: 0; right: 0; padding: 0; background: none; border: none; } #search-wrapper .navbar-form button em { display: block; line-height: 36px; } #search-wrapper .navbar-form button span { display: none; } .langFR #search-wrapper { width: 270px; } .icon-search { width: 14px; height: 14px; fill: var(--TEXT_COLOR); margin-top: 11px; } /*** search in header ***/ #header #search-close { display: none; } .logged-in #header #search-wrapper { right: 150px; margin-top: 9px; } /*** search on mobile ***/ #search-mobile-wrapper { display: none; background: #fff; height: 50px; padding: 0 15px; border-bottom: 3px solid var(--BRAND_COLOR); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search-wrapper .navbar-form fieldset { width: 100%; } #search-mobile-wrapper .navbar-form label .icon-search { margin-top: 8px; } #search-mobile-wrapper #search-close { } #search-mobile-wrapper #search-close:hover, #header-search #search-close:focus { background: #fff; } #search-mobile-wrapper #search-wrapper { margin: 0; float: none; width: auto; position: relative; top: auto; left: 0; } #search-mobile-wrapper #search-wrapper .navbar-form button, #search-mobile-wrapper #search-wrapper .navbar-form button em { height: 30px; line-height: 30px; } .autocomplete-suggestions { font-size: 12px; z-index: 10 !important; } .autocomplete-suggestion { padding: 5px 15px; } .autocomplete-suggestion strong { color: var(--TEXT_COLOR); } .autocomplete-suggestion:last-child { border-top: 1px solid #dadada; padding: 7px; } .autocomplete-suggestion:last-child:after { font-size: 12px; width: 100px; margin: auto; padding: 3px; color: var(--TEXT_COLOR); border: 1px solid var(--BRAND_COLOR); background: #fff; cursor: pointer; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*** user-block ***/ #user-block { position: relative; float: right; padding: 0; } /*#user-block:after { width: 1px; height: 32px; background: var(--BRAND_COLOR); position: absolute; top: 10px; left: 0; display: block; content: ""; }*/ body.logged-in #user-block { color: var(--TEXT_COLOR); border: none; margin-left: 0; } #loggedout-box, #loggedin-box { position: relative; } #header-switchers .userlogout { float: left; margin: 0 0 0 50px; } #header-switchers .userlogout a { color: var(--BRAND_COLOR); line-height: 25px; padding: 0 12px; font-weight: 500; display: block;} #loggedout-box { display: flex; align-items: center; } #loggedout-box a { float: left; line-height: 20px; padding: 8px 0; margin: 0 15px 0 0; font-weight: 500; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 0px; } #loggedout-box a#link2register { margin: 0 0 0 15px; font-weight: normal; border-left: 1px solid var(--HEADLINE_COLOR); } #user-block .usertitle, #user-block .userpoints, #user-block .userstatus, #user-block .userlogout { float: left; margin-left: 20px; padding-left: 20px; position: relative; line-height: 15px; } #user-block .usertitle { margin-left: 0; padding-left: 0; } #user-block .userlogout { right: 1px; } #user-block .userpoints:before, #user-block .userlogout:before, #loggedout-box a#link2register:before { content: '';background: #a9a9a9; height: 13px; width: 1px; display: inline-block; right: 20px; position: relative; margin-top: -2px; margin-bottom: -2px; } #loggedout-box a#link2register { border-left: none; } #loggedout-box a#link2register:before {background: var(--HEADLINE_COLOR);right: 15px;} header #loggedin-box { margin-top: 10px; } header #loggedin-box:after { clear: both; display: block; content: ""; } #userlinks { position: absolute; top: 49px; right: 0; z-index: 100; } /*** user button ***/ #user-trigger { font-size: 28px; float: left; width: 50px; height: 50px; color: #000; text-align: center; position: relative; margin-left: 31px; left: 17px; } #user-trigger.open:after { transform: rotate(0); } #user-trigger .usertitle { display: block; } #user-trigger .usertitle strong { font-weight: 500; } #user-trigger .usertier { display: block; text-transform: uppercase; } #user-trigger .usertier img { height: 16px; } #submenu-user, #favblock-dropdown { width: 180px; font-size: 15px; background: #fff; position: absolute; top: 59px; left: auto; right: 0; margin: 0; padding: 5px 0 0; text-align: left; z-index: 10001;} #submenu-user { border-bottom: none; right: 0; width: 280px; top: 101px; padding-top: 0;} #submenu-user ul, #submenu-user-mobile ul { margin: 0; padding: 0; } #submenu-user ul li, #submenu-user-mobile ul li { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid var(--LBORDER_COLOR); } #submenu-user a, #submenu-user a:visited { font-size: 15px; color: var(--TEXT_COLOR); line-height: 1.3; padding: 13px 15px; position: relative; display: block; font-weight: normal !important; } #submenu-user a:hover, #submenu-user a:focus { background: var(--GREY_COLOR); color: #fff;} #submenu-user a em, #submenu-user-mobile a em { display: none; position: absolute; top: 9px; right: 15px; } #user-block #submenu-user.dropdown-menu .divider { background: rgba(0,0,0,0.2); margin: 8px 0 3px; } #submenu-user ul li.usermenu-link2account { padding: 13px 15px; } .user-details { background: var(--GREY_COLOR); color: var(--TEXT_COLOR); border-bottom: 1px solid var(--BORDER_COLOR); overflow: hidden; padding: 5px 0px; margin-bottom: 10px; } .user-details-item { padding: 7px 15px; } .user-details-logout { background: #efefef; color: var(--TEXT_COLOR); border-top: 1px solid #d8d8d8; overflow: hidden; padding: 5px 0px; margin-top: 10px; } /*** fav-block ***/ #fav-block { position: relative; float: left; width: 60px; margin-left: 18px; left: 7px; top:4px} #fav-trigger { width: 48px; line-height: 50px; height: 48px; display: block; left: 5px; top: 1px; } #fav-trigger span { position: relative; display: block; } #fav-trigger .fa-heart { font-size: 32px; color: var(--BRAND_COLOR); line-height: 65px; display: block; position: relative; top: auto; left: auto; right: auto; } #header-blocks .header-trigger .fa-user{ color: var(--TEXT_COLOR); font-size: 32px; position: relative; top: -5px; margin-top: 5px; } #fav-number { font-size: 12px; color: #fff; line-height: 19px; min-width: 20px; padding: 0 5px 1px; position: absolute; top: 4px; right: 0px; text-align: center; background: var(--FAV_COLOR); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-weight: 500; } #fav-trigger .fa-heart::before{ color:var(--FAV_COLOR) ;} #fav-block div.more { border: none; text-align: right; background: #fff; } #fav-block .more a, #fav-block .more a:visited { font-size: 14px; padding: 15px; display: block; } #fav-block .more a em { display: none; } /*** fav block ***/ #favblock-dropdown { width: 250px; padding: 0; } #fav-block .merch-list { margin: 0; padding: 0; } #fav-block .merch-list .merch-wrapper { display: none; float: none; width: auto; height: auto !important; margin: 0px !important; padding: 0; } #fav-block .merch-list .merch-wrapper:nth-child(1), #fav-block .merch-list .merch-wrapper:nth-child(2), #fav-block .merch-list .merch-wrapper:nth-child(3) { display: block !important; } /* #fav-block .merch-list .merch-wrapper:nth-child(3) a.link-to-merchant { border-bottom: none; } */ #fav-block .row { padding: 0; margin: 0; } #fav-block .merch-list .merch-item { margin-top: 0; padding-top: 0; } #fav-block .link-to-merchant { background: #fff; text-align: left; min-height: auto; padding: 10px 15px; border: none; border-bottom: 1px solid var(--LBORDER_COLOR); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #fav-block .merch-item:hover .link-to-merchant, #fav-block .link-to-merchant:hover, #fav-block a.link-to-merchant:focus { background: var(--GREY_COLOR); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #fav-block .merch-item:hover .link-to-merchant .merch-title a, #fav-block .link-to-merchant:hover .merch-title a, #fav-block a.link-to-merchant:focus .merch-title a #fav-block .merch-item:hover .link-to-merchant .merch-rates, #fav-block .link-to-merchant:hover .merch-rates, #fav-block a.link-to-merchant:focus .merch-rates, #fav-block .merch-item:hover .link-to-merchant .merch-rates, #fav-block .link-to-merchant:hover .merch-rates, #fav-block a.link-to-merchant:focus .merch-rates, #fav-block .merch-item:hover .favremove { color: #ffffff;} #fav-block .link-to-merchant .merch-banner, #fav-block a.link-to-merchant .merch-icons { display: none; } #fav-block .link-to-merchant .merch-title { font-size: 13px; line-height: 1.2;display: block; min-height: auto; height: auto; padding: 0 30px 3px 0; margin: 0; background: transparent; } #fav-block .link-to-merchant .merch-title span { height: auto; } #fav-block .link-to-merchant .merch-rates { display: block; font-size: 16px; margin-bottom: 0; } #fav-block .link-to-merchant .merch-rates-was { display: none; } #fav-block .link-to-merchant .merch-icons { display: none; } #fav-block .merch-list .merch-item .merch-fav { top: 0; left: auto; right: 0; } #fav-block .favremove { color: #818488; background: transparent; position: absolute; top: 3px; right: 0; height: 58px; line-height: 58px; width: 50px; font-size: 21px; text-align: center; padding: 0; } #fav-block .favremove:hover, #fav-block .favremove:focus { color: var(--BRAND_COLOR); } #fav-block .favremove em { line-height: 58px; } #fav-block .favremove em:before { content:"\f00d"; font-weight: 300; font-size: 17px; } #favblock-content .nomerchants { padding: 15px; font-size: 12px; line-height: 1.4; } /*** fav block in NAV ***/ #mainmenu #fav-block { float: left; width: auto; height: 64px; margin: 0; } #mainmenu #fav-block #fav-trigger { color: var(--TEXT_COLOR); line-height: 64px; padding: 0 25px; white-space: nowrap; text-transform: uppercase; font-weight: 500; } #mainmenu #fav-trigger .fa-heart { display: none; } #mainmenu #fav-number { display: none; font-size: 11px; top: 9px; right: -20px; background: #fff; border: 1px solid #b1b2ba; color: var(--BRAND_COLOR); line-height: 15px; } .logged-in #mainmenu #fav-number { display: block; } /*** basis *********/ #page-home #basis { padding-bottom: 0; } #page-home #basis > .container { background: transparent; } #mainpanel:after { content:""; display: block; clear: both; } body:after { background: rgba(0,0,0,0.3); content:""; visibility: hidden; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .show-overlay:after { visibility: visible; opacity: 0.3; } /*** sticky header ***/ .with-sticky-header #basis { padding-top: 140px; } .with-sticky-header #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; } .with-sticky-header #header-categories { position: fixed; top: 140px; left: 0; width: 100%; } /*** #promo-top = .banner-results ***********/ .banner-results { position: relative; text-align: center; -webkit-box-shadow: rgba(0,0,0, .2) 2px 1px 2px; -moz-box-shadow: rgba(0,0,0, .2) 2px 1px 2px; box-shadow: rgba(0,0,0, .2) 2px 1px 2px; } .banner-results .container { padding: 0; max-width: inherit; } .banner-results .row { margin: 0; } .banner-results img { margin: auto; } .banner-results .btn-close { font-size: 22px; color: #fff; width: 24px; height: 24px; position: absolute; top: 2px; right: 2px; z-index: 1; } .banner-results .btn-close em { text-align: center; line-height: 24px; display: block; } /*** promo-top ***********/ #promo-top { margin-bottom: 10px; margin-top: 10px; } .promowide .promoitem { overflow: hidden; } /*** home-sections ***/ .home-sections #box-popular { padding-top: 20px; } /*** promobanner-secondary ***/ .promobanner-secondary { max-height: 448px; background: #ccc; margin-bottom: 20px; } .promobanner-secondary .container { display: block; position: relative; } .promobanner-secondary a { display: block; text-decoration: none; } .promobanner-secondary .banner-text { font-size: 40px; color: #fff; float: right; width: 40%; padding: 200px 0 0; text-transform: uppercase; display: block; } .promobanner-secondary .banner-text small { font-size: 28px; display: block; } /*** carousel ***/ .carousel { position: relative; /*padding: 0 20px 0;*/ padding: 0; margin-bottom: 0; } .carousel .owl-wrapper-outer { } .carousel .merch-item .merch-thumb { display: none; } .carousel { /*overflow: hidden;*/ opacity: 0; } .carousel { /*max-height: 250px;*/ padding: 0; } .carousel .owl-stage { /*max-height: 205px;*/ overflow: hidden !important; } .carousel.owl-loaded { opacity: 1; background: #fff; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .merch-item a.link-to-merchant, .voucher-list .voucher-item .link-to-voucher, .panel-item a.panel-link { border: 1px solid var(--BORDER_COLOR); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .merch-item a.link-to-merchant:hover, .merch-item a.link-to-merchant:focus, .voucher-list .voucher-item .link-to-voucher:hover, .voucher-list .voucher-item .link-to-voucher:focus, .panel-item a.panel-link:hover, .panel-item a.panel-link:focus { text-decoration: none; border-color: var(--LBRAND_COLOR); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3); } .merch-item { position: relative; } .merch-item a.link-to-merchant, .merch-item a.link-to-merchant:visited { color: var(--TEXT_COLOR); background: #fff; padding: 0 0 20px; display: block; position: relative; text-align: center; } .merch-item a:focus { outline: 1px solid; } .merch-item a .merch-banner { display: block; margin: auto; padding: 50px 0 20px; } .merch-item a .merch-banner img { display: block; margin: 0 auto; height: 60px; } .merch-item a .merch-title { color: var(--TEXT_COLOR); display: table; font-size: 14px; margin-bottom: 8px; line-height: 1.2; height: 45px; width: 100%; padding: 0 5px; overflow: hidden; } .merch-item a .merch-title span { height: 45px; width: 100%; display: table-cell; vertical-align: top; } .merch-item a .merch-rates, #page-tracking .merchant-rate { display: block; font-size: 16px; color: var(--BRAND_COLOR); margin-bottom: 10px; line-height: 1.2; position: relative; font-weight: 500; } .merch-item a .merch-rates-was { font-size: 12px; display: block; padding: 1px 0 0; font-weight: normal; } .merch-rates span, .merchant-rates span, #page-tracking .merchant-rate span, .promomerch-rate span { font-weight: normal; } .link-to-merchant .label-earn { font-size: 85%; letter-spacing: -0.5px; } .merch-item a .merch-rates-was .label-was { font-weight: normal; padding-right: 3px; text-transform: lowercase; } .ratefixed-label {/* display: block; */ display: none; color: #555; font-size: 85% !important; } .merch-rates-was .ratefixed-label, .merchant-rates-was .ratefixed-label, .promomerch-rate-was .ratefixed-label { display: none; } /*.merch-item .merch-icons { display: none; }*/ .merch-item .link-to-merchant { border: 1px solid var(--BORDER_COLOR); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .merch-item .link-to-merchant:hover, .merch-item .link-to-merchant:focus { text-decoration: none; border-color: var(--LBRAND_COLOR); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3); box-shadow: 0 1px 3px rgba(0,0,0,0.3); } .merch-item .link-to-merchant, .merch-item .link-to-merchant:visited { color: var(--TEXT_COLOR); background: #fff; padding: 0 0 20px; display: block; position: relative; text-align: center; } .merch-item .link-to-merchant:focus { outline: 1px solid; } .merch-item .link-to-merchant .merch-banner { display: block; margin: auto; padding: 50px 0 20px; } .merch-item .link-to-merchant .merch-banner img { display: block; margin: 0 auto; height: 60px; } .merch-item .link-to-merchant .merch-title { color: var(--TEXT_COLOR); display: table; font-size: 14px; margin-bottom: 8px; line-height: 1.2; height: 45px; width: 100%; padding: 0 5px; overflow: hidden; } .merch-item .link-to-merchant .merch-title span { height: 45px; width: 100%; display: table-cell; vertical-align: top; } .merch-item .link-to-merchant .merch-rates { display: block; font-size: 15px; color: var(--TEXT_COLOR); margin-bottom: 10px; line-height: 22px; position: relative; font-weight: 500; } .merch-item .link-to-merchant .merch-rates-was { font-size: 11px; display: block; padding: 1px 0 0; font-weight: normal; } .merch-item .link-to-merchant .merch-rates-was .label-was { font-weight: normal; padding-right: 3px; text-transform: lowercase; } .merch-item .link-to-merchant .merch-title a{ color: var(--LIGHT_Gray); } .merch-item.favorite .link-to-merchant .merch-title a { font-size: 14px; color: var(--TEXT_COLOR); line-height: 23px;} .merch-item a.merchant-link::after { content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0; } .merch-item a:hover,.merch-item a:focus,.merch-item a:visited { text-decoration: none; outline: none; } body.region43 .merch-item a .merch-rates { font-size: 15px; letter-spacing: -0.5px; } .langNL .merch-item .link-to-merchant .merch-rates { letter-spacing: -0.5px; } .with-carousel .box-cnt { background: url(../images/ajax-loader-content.gif) no-repeat center center / 32px 32px; } .with-carousel.noimgbg .box-cnt { background-image: none; } .owl-controls { /*position: absolute; top: auto; bottom: 0; left: 0; width: 100%;*/ } .without-nav .owl-controls .owl-nav { display: none; } .owl-controls .owl-nav { position: relative; } .owl-controls .owl-nav div.owl-next, .owl-controls .owl-nav div.owl-prev { position: absolute; top: -168px; left: 0; width: 48px; overflow: hidden; margin-left: -24px; } .owl-controls .owl-nav div.owl-next { left: auto; right: 0; margin-left: 0; margin-right: -24px; } .owl-controls .owl-nav button { width: 35px; height: 70px; color: var(--TEXT_COLOR); border: 1px solid #f1f1f1; display: block; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .owl-controls .owl-nav button:hover, .owl-controls .owl-nav button:focus { color: var(--TEXT_COLOR); background: #eee; outline: none; } .owl-controls .owl-nav button:active { background: var(--BRAND_COLOR); color: #fff; } .owl-controls .owl-nav button em { font-size: 36px; line-height: 70px; width: 100%; outline: none; font-weight: 300; } .owl-controls div.owl-next em { /*text-align: right; padding: 0 9px 0 0;*/ } .owl-next.disabled, .owl-prev.disabled { display: none !important; } .with-carousel .owl-controls { top: auto; bottom: -45px; left: 0; width: 100%; text-align: center; } .with-carousel .owl-nav { display: none !important; } .box .owl-carousel .owl-item img { width: auto; } /*** carousel: vouchers ***/ #carousel-home-vouchers .owl-controls .owl-nav { display: none; } #carousel-home-vouchers .owl-controls .owl-nav div.owl-prev, #carousel-home-vouchers .owl-controls .owl-nav div.owl-next { top: -495px; } #carousel-home-vouchers.carousel-one-row .owl-controls .owl-nav div.owl-prev, #carousel-home-vouchers.carousel-one-row .owl-controls .owl-nav div.owl-next { top: -280px; } .promowide .promoitem, #mainbanner-mobile .item, #merchant-images .item { top: 0; position: absolute; opacity: 0; } .promowide.owl-loaded .promoitem, #mainbanner-mobile.owl-loaded .item, #merchant-images.owl-loaded .item { top: 0; position: relative; opacity: 1; } #box-offers { margin: 0 0px 80px; } #page-home .btns { text-align: center; } #page-home .btns a { padding: 15px 100px; text-transform: uppercase; } #box-offers .btns { position: relative; top: 80px; } #box-travel { margin-bottom: 30px; } #box-offers .box-cnt { position: relative; max-height: 412px; padding: 10px 0 15px; margin: 0; } #box-offers .carousel .owl-stage { min-height: 260px; overflow: hidden !important; } #box-offers .box-cnt .column .merch-item { margin-bottom: 30px; } #box-offers .link-to-merchant { min-height: 252px; } #box-offers.with-carousel .owl-nav { display: block !important; } #box-offers.with-carousel .owl-controls { position: relative; bottom: 160px; margin: auto; } #box-offers .owl-dots { display: none !important; } /*** carousel-2-rows ***/ #box-offers.carousel-2-rows .box-cnt { max-height: 535px; padding-bottom: 0; } #box-offers.carousel-2-rows .owl-controls .owl-nav div.owl-next a, #box-offers.carousel-2-rows .owl-controls .owl-nav div.owl-prev a { height: 40px; } #box-offers.carousel-2-rows .owl-controls div.owl-next em, #box-offers.carousel-2-rows .owl-controls div.owl-prev em { line-height: 36px; } #box-offers.carousel-2-rows .carousel, #box-offers.carousel-2-rows .carousel .owl-stage { min-height: 535px; max-height: 535px; } #box-offers.carousel-2-rows .owl-controls .owl-nav div.owl-next, #box-offers.carousel-2-rows .owl-controls .owl-nav div.owl-prev { top: -325px; } /*** carousel-2-rows: below carousel ***/ .owl-controls .owl-nav button { width: 48px; height: 48px; color: var(--TEXT_COLOR); background: rgba(255,255,255, .5); position: relative; border: 1px solid var(--BORDER_COLOR); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .owl-controls .owl-nav button:hover, .owl-controls .owl-nav button:focus { color: #fff; background: var(--BRAND_COLOR); border-color: var(--BRAND_COLOR); } .owl-controls .owl-nav button:active { background: var(--LBRAND_COLOR); width: 48px; } .owl-controls .owl-nav button em { font-size: 18px; line-height: 35px; } #box-offers.carousel-1-rows .owl-controls .owl-nav div.owl-next, #box-offers.carousel-1-rows .owl-controls .owl-nav div.owl-prev, #box-offers.carousel-2-rows .owl-controls .owl-nav div.owl-next, #box-offers.carousel-2-rows .owl-controls .owl-nav div.owl-prev { top: 10px; } .owl-controls div.owl-next em { /*padding-right: 11px;*/ } /*** breadcrumbs ***/ #breadcrumbs { font-size: 13px; width: auto; padding: 10px 0; margin: 0; color: #555; float: left; padding-right: 257px; } #breadcrumbs em { color: #aaa; font-size: 15px; } #breadcrumbs a em { color: var(--BRAND_COLOR); font-size: 10px; padding-right: 5px; position: relative; top: -1px; } /*** tabs ***/ .with-tabs .container { padding: 0; } .tabs { margin: 0 0 30px; overflow: hidden; padding: 0; font-weight: 400; font-size: 15px; position: relative; } /*.tabs:before { content:""; display: block; width: 100%; height: 1px; background: #d8d8d8; position: absolute; bottom: 0; left: 0; }*/ .tabs ul { list-style: none; margin: 0; padding: 0; } .tabs ul li { float: left; } .tabs ul li a { line-height: 20px; display: block; padding: 10px 40px; text-decoration: none; border: 1px solid var(--BRAND_COLOR); position: relative; font-weight: 400; } .tabs ul li a:hover, .tabs ul li a:focus { background: #ececec; color: var(--BRAND_COLOR); } .tabs ul li.active a, .tabs ul li.active a:hover { background: var(--BRAND_COLOR); cursor: default; color: #fff; } .tabs ul li a em { display: none; } .tabs-list { margin: 0; padding: 25px 0 0; font-size: 16px; } .tabs-list:before { display: none; } .tabs-list ul li { float: none; display: block; } .tabs-list ul li a { padding: 8px 15px 8px 0; border: none; margin-bottom: 10px; color: #999999 } .tabs-list ul li a:hover, .tabs-list ul li a:focus { background: none; color:#999999 } .tabs-list ul li.active a, .tabs-list ul li.active a:hover, .tabs-list ul li.active a:focus { color: var(--TEXT_COLOR); font-size: 16px; font-weight: normal; border: none; background: none; } /*** contents ********************************************************************/ .box { margin-bottom: 15px; border: none; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .box .box-hdr { min-height: 30px; padding: 10px 0 20px 0px; width: 100%;} .box .box-hdr:after { clear: both; display: block; content: ""; } #page-home .box .box-hdr { padding-bottom: 30px; } .box h1, .box h2 { line-height: 1.3; margin-bottom: 5px; margin-top: 0; } .box h1 { font-size: 36px; } .box h2 { font-size: 30px; } .leftpanel .box h2 { margin-bottom: 15px; } .static-page__padding .page-inner { padding: 0 4% 0 8%; } .box.static-page .box-hdr h2 { float:none;width:auto;} .box .box-hdr .right-part { float: right; margin-top: -30px; position: relative; } .box .box-hdr .right-part .links { padding: 0; text-align: right;} a.more { font-size: 16px; color: var(--TEXT_COLOR); } a.more em { font-size: 16px; padding-left: 5px; position: relative; top: -1px; } .box .box-cnt { padding: 20px; } #page-home .box-hdr { position: relative; } #page-home #box-offers .box-hdr, #page-home #box-travel .box-hdr { /*padding-left: 15px; padding-right: 15px;*/ padding-left: 0; padding-right: 0; } #page-home .box-hdr h1, #page-home .box-hdr h2, .leftpanel .box .box-hdr h1, .leftpanel .box .box-hdr h2 { font-size: 40px; text-align: left; font-weight: 400; line-height: 41px; color: var(--TEXT_COLOR); display: block; padding: 0; margin-bottom: 0; position: relative; } .leftpanel .box .box-hdr h1, .leftpanel .box .box-hdr h2 { font-size: 28px; line-height: 1.2; } #page-new .box .box-hdr h1, #page-offers .box .box-hdr h1, #page-recommended .box .box-hdr h1 { font-size: 40px;} .leftpanel .box .box-hdr h1 { margin: 20px 0; } #category .box .box-hdr h1 { font-size: 40px;} #page-home .box-hdr { margin-bottom: 20px; } #page-home .box .box-cnt { padding: 0; } #page-home .box-hdr h3 { color: var(--TEXT_COLOR); font-size: 25px; padding: 34px 0 10px; border-top: 1px solid #ccc; text-align: center; display: block;letter-spacing: 2px; margin-bottom: 0; position: relative; } #page-home #box-panels .box-hdr h2 { /*padding-bottom: 28px;*/ } /*** box-vouchers *******/ #box-vouchers .box-cnt:after { clear: both; display: block; content:""; } #box-vouchers .box-hdr h2, #box-new .box-hdr h2 { line-height: 61px; } #box-popular .box-hdr h2 { line-height: 77px; } .voucher-list .voucher-item { position: relative; margin: 0 0 30px; } .voucher-list .voucher-item .link-to-voucher { background: #fff; padding: 40px 20px 20px; display: block; text-align: center; overflow: hidden; text-decoration: none; position: relative; } .voucher-list .voucher-item .merchant-banner { width: 120px; height: 60px; margin: 0 auto 20px; display: block; overflow: hidden; } .voucher-list .voucher-item .merchant-banner img { text-align: center; margin: auto; } .voucher-list .voucher-item .merchant-title { color: var(--LIGHT_Gray); margin-bottom: 15px; display: block; } .voucher-list .voucher-item .item-txt { display: block; width: 100%; padding: 0; min-height: 60px; color: var(--TEXT_COLOR); font-size: 13px; line-height: 1.3; } .voucher-list .voucher-item .item-txt .txt { display: block; margin-bottom: 105px; } .voucher-list .voucher-item .item-txt .voucher-txt { color: var(--TEXT_COLOR); font-size: 18px; min-height: 66px; display: block; margin-bottom: 15px; line-height: 1.2; overflow: hidden; } .voucher-list .voucher-item .item-txt .voucher-code { min-height: 33px; display: block; color: var(--TEXT_COLOR); font-size: 12px; } .voucher-list .voucher-item .item-txt .voucher-code strong { padding-left: 2px; } .voucher-list .voucher-item .item-txt .voucher-expdate { color: var(--TEXT_COLOR); display: block; font-size: 12px; margin-bottom: 10px; } .voucher-list .voucher-item .item-txt .voucher-expdate .date { } .voucher-list .voucher-item .item-txt .voucher-tc { font-size: 10px; color: var(--GREY_COLOR); text-align: left; display: block; } .voucher-list .voucher-item .item-txt .voucher-tc span { padding: 20px 0 0; border-top: 1px solid var(--BORDER_COLOR); display: block; } .voucher-tc-link { color: var(--TEXT_COLOR); text-align: left; } .voucher-tc-link:hover, .voucher-tc-link:focus { text-decoration: none; } .voucher-tc-text { padding: 10px 0 0; opacity: 0; font-weight: normal; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .voucher-tc-text.in { opacity: 1; } .voucher-tc .voucher-tc-link:after {font-size: 11px; color: var(--BRAND_COLOR); padding-left: 5px; position: relative; top: 1px; display: inline-block; content: "\f078"; font-family: 'Font Awesome 5 Pro'; } .voucher-tc .voucher-tc-link.collapsed:after { transform: rotate(-90deg); top: 3px; } .voucher-list .voucher-item .voucher-getoffer { position: absolute; top: 310px; left: 0; width: 100%; text-align: center; } .voucher-list .voucher-item .voucher-getoffer .btn { min-height: 48px; max-width: 160px; width: 100%; font-size: 15px; line-height: 26px; padding-left: 5px; padding-right: 5px; } .langNL .voucher-list .voucher-item .voucher-getoffer .btn { font-size: 13px; padding: 10px; } #page-merchant .link-to-voucher a, #page-merchant .voucher-list .voucher-item .merchant-title { display: none; } #page-merchant .voucher-list .voucher-item .voucher-getoffer { top: 200px; } /*** merch-list ******/ .merch-list { } .merch-list .merch-wrapper { margin-bottom: 30px; } .merch-list.thumbs .merch-wrapper { margin-bottom: 0; } .merch-list .merch-item { position: relative; } .merch-list .merch-item .merch-thumb { display: none; } .merch-list .merch-item .merch-thumb .merch-banner img, .merch-list .merch-item .merch-full .merch-banner img { display: block; margin: auto; } .merch-list .merch-item .merch-full > a { display: block; min-height: 254px; } .merch-list.thumbs .merch-item .merch-full > a.favremove { display: none; } .merch-list .merch-item .merch-full { position: relative; } .merch-list a:hover, .merch-list a:focus { text-decoration: none; } /*** fav add/remove ***/ .merch-item .merch-fav { position: absolute; top: 8px; right: 8px; } .merch-item .merch-fav button { display: inline-block; width: 25px; height: 25px; font-size: 20px; color: var(--HEADLINE_COLOR); background: none; border: none; padding: 0; } .merch-item .merch-fav button:hover, .merch-item .merch-fav button:focus { color: var(--FAV_COLOR); outline: none;} .merch-item .merch-fav .favremove, .merch-item.favorite .merch-fav .addfav { display: none; } .merch-item.favorite .merch-fav .favremove { color: var(--FAV_COLOR); display: inline-block !important; } /*.carousel .merch-fav { display: none; }*/ /*** icons ***/ .merch-icons { font-size: 18px; } .merch-list .merch-item { text-align: center; } .merch-list .merch-item .merch-icons { display: block; margin: 0; height: auto; text-align: center; } /*** thumbs: show merch-full ***/ .thumbs .merch-item { padding: 0 0 20px; min-width: 137px; margin-bottom: 0; } .thumbs .merch-item .merch-thumb { display: block; width: auto; margin: auto; } .thumbs .merch-item .merch-full { width: 150px; margin-left: -75px; display: none; z-index: 1000; position: absolute !important; top: -2px; left: 50%; height: auto; min-height: inherit; border: none; } .thumbs .merch-item .merch-icons { height: auto; } .thumbs .merch-item a:hover .merch-title { color: #008ec3; } .thumbs .merch-item a.link-to-merchant, .thumbs .merch-item a.link-to-merchant:visited { min-height: auto; padding: 10px; } .thumbs .merch-item a.link-to-merchant .merch-banner { padding: 0; } /*.thumbs .merch-item:hover .merch-full, .thumbs .merch-item:focus .merch-full { display: block; }*/ .merch-full .merch-banner img, .carousel .merch-banner img, #merchant-banner img { border: none; } .voucher-item .merch-banner img { border: none; } /*** box-popular ********/ /*#box-popular .merch-list { margin-left: 0; margin-top: 8px; padding: 0 10px; } #box-popular .merch-list.thumbs .col-md-4 { padding: 0 5px; } */ /*** 394x252 */ /*#box-popular .merch-item .link-to-merchant, #box-popular .merch-item a.link-to-merchant { min-height: 252px; max-height: 252px; } */ /*** 800x500 */ #box-popular .merch-item .link-to-merchant, #box-popular .merch-item a.link-to-merchant { min-height: 246px; max-height: 246px; } /*#box-popular .merch-wrapper.item-9, #box-popular .merch-wrapper.item-10, #box-popular .merch-wrapper.item-11, #box-popular .merch-wrapper.item-12 { display: none; }*/ /*** home-2panels ***/ .home-2panels a { display: block; margin-bottom: 30px; height: 246px; overflow: hidden; } .home-2panels a img { display: block; width: 100%; } /*** merch-icons ************************/ .addthis_toolbox { width: 0; height: 0; overflow: hidden; } .merch-icons { overflow: hidden; margin: 0 auto 5px; display: table-cell; } .merch-icons a, .merch-icons > span { color: var(--BRAND_COLOR); display: inline-block; float: left; width: 26px; height: 26px; line-height: 26px; margin-right: 4px; outline: none; text-align: center; zoom: 1; } .merch-icons > span, .merch-icons > span em { color: var(--TEXT_COLOR); } .merch-icons strong { width: 26px; height: 26px; display: inline-block; text-align: center; margin: 0 2px; border: none; background: none; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .merch-icons em { display: block; color: var(--BRAND_COLOR); width: 24px; line-height: 24px; position: relative; font-size: 17px; } .merch-icons a:last-child, .merch-icons a.last, .merch-icons li:last-child, .merch-icons li.last, .merch-icons > span:last-child { margin-right: 0; } /*** icons in corner ***/ .merch-item .merch-icons.icons-incorner { position: absolute; top: -2px; left: -2px; margin: 0; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; } .merch-item.with-icons .merch-icons.icons-incorner:before { content:""; display: block; width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: var(--TEXT_COLOR) transparent transparent transparent; } .merch-item .merch-icons.icons-incorner .ico { position: absolute; top: 2px; left: 5px; font-size: 17px; color: #fff; width: auto; height: auto; } .merch-item .merch-icons.icons-incorner .ico strong { margin: 0; border: none; background: transparent; width: 17px; height: 17px; } .merch-item .merch-icons.icons-incorner .ico strong em { width: 17px; line-height: 17px; color: #fff; font-size: 14px; } .merch-item.merchant-with-offer .merch-icons.icons-incorner .ico-voucher { display: none; } /* hide voucher icon because it overlaps special offer icon */ .icons-inrow { position: absolute; top: 11px; right: 8px; } .icons-inrow .ico { margin-left: 0; width: 22px; } .icons-inrow .ico-voucher, #merchant-single .icons-inrow .ico-voucher { display: inline-block; width: 25px; height: 25px; margin-bottom: 0; } .icons-inrow .ico-voucher em { width: 21px; height: 21px; display: block; } .logged-in .icons-inrow { right: 35px; } /*** icons on Merchant page ***/ .merchant-icons { font-size: 17px; margin: 20px auto 30px; padding: 0 30px; display: block; max-width: 280px; } .merchant-icons button { display: block; border: none; background: transparent; color: var(--TEXT_COLOR); font-size: 16px;line-height: 18px; font-weight: normal; text-decoration: none; } /* .merchant-icons button:hover, .merchant-icons button:focus { text-decoration: underline; } */ .merchant-icons button em{ color: var(--TEXT_COLOR); font-size: 20px;} .merchant-icons strong { width: 26px; height: 26px; display: inline-block; text-align: center; margin: 0 2px; border: none; background: none; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .langFR .merchant-icons, .langDE .merchant-icons, .langIT .merchant-icons { font-size: 15px; padding: 0 20px; } .langFR .merchant-icons, .langDE .merchant-icons, .langIT .merchant-icons { font-size: 15px; padding: 0 20px; } .ico-calc { font-weight: 500; } .merch-icons a.ico-share em { margin-left: -2px; } #at15s { display: none !important; } /*** fixed position of promo-left banner ***/ .page-vouchers-text { padding-bottom: 20px; } .page-inner { position: relative; } /*** filter ***************/ .filter-form select { display: none; } #category, #coupons, #popular-list, #az { position: relative; } #category h2 { } .filter-block .dropdown-menu { min-width: 100% !important; min-height:0 !important; max-height:50vh !important; padding: 0; border: 1px solid #ccc; z-index: 10; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .filter-block .dropdown-menu > li{ list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #ccc; } .filter-block .dropdown-menu > li > a { font-size: 15px; color: var(--LIGHT_Gray); line-height: 18px; padding: 13px 15px; position: relative; display: block; } .filter-block .dropdown-menu > li > a:hover, .filter-block .dropdown-menu > li > a:focus { color: var(--TEXT_COLOR); } .filter-block .dropdown-menu > li.selected > a { background: var(--GREY_COLOR); } .block4filters.top { margin-bottom: 0px; padding: 0; position: relative; } .block4filters.bottom { overflow: hidden; margin: 0 -15px 10px; padding: 0 15px; } .filter-block .fldst-orderby { float: left; margin-right: 7px; } .filter-block .fldst-perpage { float: left; } .filter-block label { color: var(--TEXT_COLOR); padding-right: 5px; font-weight: normal; margin: 0; line-height: 30px; display: inline-block; position: relative; top: 3px; } .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0px; min-width: 180px; /*width: 100% !important;*/ } .filter-block .fldst-perpage .bootstrap-select { width: 65px !important; } .bootstrap-select.btn-group .btn { font-size: 16px; background: #fff; color: var(--DARK_GRAY); font-weight: normal; text-transform: none; border: 1px solid #555; position: relative; min-height: 49px;} .bootstrap-select.btn-group .btn .caret { right: 8px; color: var(--TEXT_COLOR); position: absolute; } .bootstrap-select.btn-group .btn .caret { right: 0; font-size: 0; top: 0; color: transparent; position: absolute; width: 0; height: 0; font-size: 0; border: none; margin: 0; } .bootstrap-select.btn-group .btn .caret:before { color: var(--BRAND_COLOR); font-size: 16px; line-height: 47px; width: 16px; position: absolute; top: 0; left: -25px; display: block; content:"\f078"; font-family:'Font Awesome 5 Pro'; } /*** paging *******************/ .paginator { text-align: right; padding-top: 2px; } .block4filters.bottom .paginator { padding-top: 10px; } .pagination-label { display: inline-block; line-height: 31px; padding-right: 10px; display: none; } .paging { float: right; } .paging ul { margin: 0; } .pagination > li > a, .pagination > li > span { font-size: 14px; padding: 7px 4px; border: none; background: transparent; color: var(--TEXT_COLOR); line-height: 18px; display: block; } .pagination > li:first-child > a, .pagination > li:first-child > span { -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; } .pagination > li:last-child > a, .pagination > li:last-child > span { -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; border-top-right-radius: 2px; } .pagination > li > a .fa { line-height: 18px; min-height: 18px; min-width: 5px; font-size: 15px; display: block; margin: auto; text-align: center; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: transparent; border: none; color: #008ec3; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: var(--BRAND_COLOR); background: #fff; } #page-az .page-inner .box-cnt { padding-top: 20px; } #page-az .page-inner h2 { text-align: center; font-size: 18px; font-weight: 400; position: relative; margin-bottom: 23px; } #page-az .page-inner h2 span { background: #fff; padding: 0 20px; display: inline-block; position: relative; } #page-az .page-inner h2:before { position: absolute; top: 12px; left: 0; width: 100%; height: 0; border-bottom: 1px solid #C2C2C2; display: block; content:""; } #page-az .filter-block { float: right; } #page-az .filter-block#az-letters { float: left; } #page-az .filter-theme-btns .filter-block label#folter-label-az-mobile { display: none; } #az-letters { font-size: 15px; float: left; margin-right: 10px; } #az-letters a { } #az-letters .btn {/* height: 32px; */} #az-letters .bootstrap-select.btn-group .btn .filter-option { top: 5px; } #az-letters .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { width: 60px; } #az-letters ul { width: 140px; padding: 3px; } #az-letters ul li { float: left; width: 25%; height: 44px; } #az-letters ul li a { padding: 5px 0px; text-align: center; margin: 1px; } #az-letters ul li.selected a { background: var(--BRAND_COLOR); } .filter-theme-btns label { display: none !important; } #page-filters { padding: 15px 0 0;} .filter-btns .dropdown-menu ul li a { width: 140px; padding: 13px 5px; } #page-az .filter-theme-btns .filter-block { width: 426px;} #page-az .filter-theme-btns .filter-block#az-letters { width: calc(100% - 426px - 90px); } /*** fiter: as buttons ***/ #page-filters { padding: 15px 0 0; border-bottom: 1px solid #ccc; } .block4filters.top { margin-bottom: 15px;} .filter-block { text-align: center; } .filter-theme-btns .fldst-orderby { width: 100%; width: inherit; margin: auto; float: none; display: inline-block; } .filter-theme-btns .bootstrap-select.btn-group { width: 100% !important; float: left; max-width: none; height: 46px; overflow: hidden; /*padding-left: 70px;*/ } .filter-btns .bootstrap-select.btn-group .btn { display: none; } .filter-btns .dropdown-menu { display: block !important; padding: 0; margin: 0; border: none; position: relative; top: 0; width: 100% !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .filter-btns .dropdown-menu ul { } .filter-btns .dropdown-menu ul li { float: left; border: 1px solid var(--LIGHT_Gray); border-left: none; overflow: hidden; text-align: center; } .filter-btns .dropdown-menu ul li:first-child { border-left: 1px solid var(--BRAND_COLOR);} .filter-btns .dropdown-menu ul li.selected a, #page-az .filter-theme-btns .filter-block#az-letters .dropdown-menu li.selected a { color: #fff; background: var(--BRAND_COLOR); } #page-vouchers .filter-btns .dropdown-menu ul li a { width: 180px; } .filter-btns-4 .fldst-orderby .dropdown-menu ul li { width: 25%; } #page-az .filter-theme-btns .filter-block { float: right; position: relative; } #page-az .filter-theme-btns .fldst-orderby { float: right; width: 100%; } #page-az .filter-theme-btns .filter-block#az-letters .bootstrap-select.btn-group { width: 100% !important; overflow: inherit; height: auto; } #page-az .filter-theme-btns .filter-block#az-letters .bootstrap-select.btn-group .btn { display: none; } #page-az .filter-theme-btns .filter-block#az-letters div.dropdown-menu { display: block; padding: 0; margin: 0; top: 0; position: relative; border: 1px solid var(--BRAND_COLOR); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #page-az .filter-theme-btns .filter-block#az-letters div.dropdown-menu ul { padding: 0; margin: 0; border: none; outline: none; width: auto;} #page-az #az-letters.filter-block .dropdown-menu > li { border-bottom: none; } #az-letters ul li { width: 3.4%;} #az-letters ul li:first-child { width: 37px; } #az-letters ul li a { font-size: 14px; margin: 0; line-height: 34px; color: var(--TEXT_COLOR); } #az-letters ul li a:hover, #az-letters ul li a:focus { color: var(--TEXT_COLOR); } /*** tabs-theme-select ***/ .tabs.tabs-theme-select { overflow: inherit; height: 74px; } .tabs.tabs-theme-select .bootstrap-select.btn-group { height: 74px; width: 100% !important; max-width: inherit !important; } .tabs.tabs-theme-select .dropdown-toggle { display: none; position: relative; height: 60px; line-height: 56px; color: #fff; font-size: 16px; background: #706d6e; border: none; cursor: pointer; text-align: center; } .tabs.tabs-theme-select .dropdown-menu { display: block !important; top: 0; left: 0; margin: 0; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tabs.tabs-theme-select .dropdown-menu li { float: left; } .tabs.tabs-theme-select .dropdown-menu a { font-size: 16px; background: #e9e9e9; line-height: 74px; display: block; } .tabs.tabs-theme-select .dropdown-menu a:hover, .tabs.tabs-theme-select .dropdown-menu a:focus { background: var(--LBORDER_COLOR); } .tabs.tabs-theme-select .dropdown-menu a.active, .tabs.tabs-theme-select .dropdown-menu a.active:hover, .tabs.tabs-theme-select .dropdown-menu a.active:focus { background: #706d6e; color: #fff; cursor: default; } .tabs.tabs-theme-select .caret { right: 0; font-size: 0; top: 0; color: transparent; position: absolute; } .tabs.tabs-theme-select .caret:before { color: #fff; font-size: 16px; line-height: 54px; width: 16px; position: absolute; top: 0; left: -25px; display: block; content:"\f078"; font-family:'Font Awesome 5 Pro'; } /*** list-theme-select ***/ .tabs.list-theme-select { overflow: inherit; height: 74px; } .tabs.list-theme-select .bootstrap-select.btn-group { height: 74px; width: 100% !important; max-width: inherit !important; } .tabs.list-theme-select .dropdown-toggle { display: none; position: relative; height: 60px; line-height: 56px; color: #fff; font-size: 16px; background: #706d6e; border: none; cursor: pointer; text-align: center; } .tabs.list-theme-select .dropdown-menu { display: block !important; top: 0; left: 0; margin: 0; padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tabs.list-theme-select .dropdown-menu li { float: left; } .tabs.list-theme-select .dropdown-menu a { font-size: 16px; background: #e9e9e9; line-height: 74px; display: block; } .tabs.list-theme-select .dropdown-menu a:hover, .tabs.list-theme-select .dropdown-menu a:focus { background: var(--LBORDER_COLOR); } .tabs.list-theme-select .dropdown-menu a.active, .tabs.list-theme-select .dropdown-menu a.active:hover, .tabs.list-theme-select .dropdown-menu a.active:focus { background: #706d6e; color: #fff; cursor: default; } .tabs.list-theme-select .caret { right: 0; font-size: 0; top: 0; color: transparent; position: absolute; } .tabs.list-theme-select .caret:before { color: #fff; font-size: 16px; line-height: 54px; width: 16px; position: absolute; top: 0; left: -25px; display: block; content:"\f078"; font-family:'Font Awesome 5 Pro'; } /*** help-faqs ***/ #help-faqs h2 { margin-bottom: 20px; } #help-faqs #faqs-list { float: left; width: 25%; margin-bottom: 30px; margin-left: 10px; } #help-faqs .tab-content { margin-left: 27%; border-left: 1px solid #ccc; padding: 0 0 10px 8%; } #help-faqs #faqs-dropdown { display: none; } #help-faqs #faqs-list li { float: none; margin-bottom: 10px; display: block; width: 100%; } #help-faqs #faqs-list li a { font-size: 20px; line-height: 22px; color: var(--DARK_GRAY); padding: 12px 0 12px 29px; padding-left: 25px; background: transparent; border: none; position: relative; text-align: left; } #help-faqs #faqs-list li a:hover, #help-faqs #faqs-list li a:focus { color: var(--DARK_GRAY); background: transparent; border: none; } #help-faqs #faqs-list li a:before { font-size: 32px; color: var(--DARK_GRAY); position: absolute; top: 13px; left: 0; content:"\f105"; font-family:'Font Awesome 5 Pro'; font-weight: 100; } #help-faqs #faqs-list li.active a { color: var(--DARK_GRAY); font-weight: 500; } #help-faqs #faqs-list li.active a:before { color: var(--DARK_GRAY); font-weight: 100; } #help-faqs .tab-pane h3 { font-size: 20px; padding-top: 15px; margin: 0; color: var(--DARK_GRAY); } #help-faqs .tab-pane h4, #help-faqs .tab-pane .text { padding-left: 0px; } #help-faqs .tab-pane h4 { font-size: 14px; color: var(--TEXT_COLOR); border-top: 1px solid #d4d4d4; font-weight: 500; padding-top: 23px; padding-bottom: 15px; padding-right: 50px; position: relative; cursor: pointer; } #help-faqs .tab-pane h3:first-letter, #help-faqs .tab-pane h4:first-letter { text-transform: uppercase; } #help-faqs .tab-pane h4:after { font-size: 15px; color: var(--BRAND_COLOR); display: block; position: absolute; top: 24px; left: 0; content: "\f078"; font-family: 'Font Awesome 5 Pro'; } #help-faqs .tab-pane h4.collapsed:after { color: #979797; top: 23px; left: 2px; transform: rotate(-90deg); } #help-faqs .tab-pane h4:first-of-type { border: none; padding-top: 15px; } #help-faqs .tab-pane h4:first-of-type:after { top: 15px; } .help-faqs-text { margin-bottom: 30px; } /*** ajaxloader ***/ .ajaxloader { text-align: left; padding: 20px 0 0; max-width: 305px; } .ajaxloader .btn-as-link { max-width: 185px; border: solid 1px var(--DARK_GRAY); font-size: 14px; color:var(--DARK_GRAY); margin-top: 5px;} .ajaxloader .ajaxloader-text { font-size: 12px; margin-bottom: 5px; color: #4B4F54;} .ajaxloader .ajaxloader-progress { } .ajaxloader-progress { max-width: 490px; margin: 0 auto 10px; } .progress { height: 2px; background: #C2C2C2; overflow: inherit; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin-top: 8px; } .progress-bar { background: var(--HEADLINE_COLOR); position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .progress-bar:after { width: 12px; height: 12px; background: var(--HEADLINE_COLOR); position: absolute;; top: -4.3px; right: -2px; display: block; content:""; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .ajaxloader-totalnumber { font-size: 12px; text-align: center; margin: 0 0 20px; } .ajax-icon { opacity: 0; width: 0; height: 0; margin: auto; } .ajax-icon { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ajaxloader.loading .ajax-icon { opacity: 1; width: 32px; height: 32px; margin-bottom: 15px; } .ajaxloader.loading .loadmore { display: none; } /*** merchant ************************************************************/ #merchant-single #leftcol { min-width: 120px; width: 23.7%; float: left; max-width: 292px; padding-bottom: 30px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #merchant-single #leftcol .merch-col { padding: 0 30px; } #merchant-single #leftcol #merch-col-with-banner { padding: 0; } #merchant-single #leftcol #leftcol-cnt { border: 1px solid var(--BORDER_COLOR); background: #fff; margin-bottom: 15px; } #page-merchant.with-banner #merchant-single #leftcol { top: -430px; z-index: 1000; } #merchant-single #leftcol.affix, #page-merchant.with-banner #merchant-single #leftcol.affix { top: 10px !important; position: fixed; z-index: 1000; } #merchant-single #leftcol { position: absolute; } #merchant-single .rightcol, #box-merchant-recommended { margin-left: 27%; position: relative; padding-bottom: 20px; /*width: 75.1%;*/ width: 73%; } #merchant-single h1, #merchant-single h2, #merchant-single h3 { text-transform: none; font-size: 28px; line-height: 31px; color: var(--LIGHT_Gray); margin-bottom: 15px; padding-bottom: 0; letter-spacing: inherit; text-align: left; font-weight: normal;} #merchant-single h1 { text-transform: none; } #merchant-single h2 { font-size: 30px; margin-top: 30px; } #merchant-single h3 { font-size: 30px; } .merchant-title-mobile { display: none; } #page-merchant #page-promo { margin-bottom: 20px; } #page-merchant #contents { margin-bottom: 0; } #merchant-single #leftcol .merch-item { background: #fff; padding: 30px 10px; text-align: center; position: relative; } #merchant-single #leftcol .merchant-title { display: none; color: var(--TEXT_COLOR); font-size: 15px; margin-bottom: 8px; } #merchant-single .merchant-rates { color: var(--TEXT_COLOR); font-size: 20px; line-height: 22px; margin-bottom: 10px; text-align: center; font-weight: normal; } #merchant-single .merchant-rates .spec-until { display: block; font-size: 13px; font-weight: normal; } #merchant-single .merchant-rates-was { font-size: 13px; text-align: center; margin: 0 0 10px; position: relative; } #merchant-single .merchant-rates-was .label-earn { text-transform: lowercase; } #merchant-single .spec-until { font-size: 13px; } #merchant-single #merchant-description { margin-bottom: 15px; line-height: 1.4; font-size: 15px; color: var(--DARK_GRAY); } #merchant-single #merchant-description .collapse:not(.in) { height: 40px !important; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } #merchant-single #merchant-description .collapsing { min-height: 40px !important; } #merchant-single #merchant-description .more-less { display: none; } #merchant-single #merchant-description.longtext .more-less { display: inline-block; } #merchant-single #merchant-description .more-less.collapsed .readmore, #merchant-single #merchant-description .more-less .readless { display: inline-block; } #merchant-single #merchant-description .more-less.collapsed .readless, #merchant-single #merchant-description .more-less .readmore { display: none; } #merchant-single .merchant-purchase-conditions { } #merchant-single .merchant-purchase-conditions h2 a { color: #233f75; text-decoration: none; cursor: pointer; } #merchant-single .merchant-purchase-conditions h2 em { font-size: 12px; position: relative; top: -2px; } #merchant-single #merchant-banner { margin: 0 auto 10px; padding: 30px 0; text-align: center; } #merchant-single .merch-icons { font-size: 16px; color: var(--BRAND_COLOR); margin: 20px 0 30px; padding: 0 30px; display: block; } #merchant-single .merch-icons span { color: var(--BRAND_COLOR);} #merchant-single .merch-item .merch-icons { margin: 0; padding: 0; display: block; } #merchant-single.rates-fixed #showcalc { display: none; } /* hide calculator for merchants with fixrd rates */ #merchant-single .leftcol-cnt .merch-icons .merch-icon { margin-bottom: 10px; } #merchant-single .leftcol-cnt .merch-icons strong { float: left; } #merchant-single .leftcol-cnt .merch-icons .ico-voucher em { float: left; width: 26px; height: 26px; background: url(../images/icon-voucher.png) no-repeat center center / 21px auto; } #merchant-single .shopnow { margin: 15px 0 25px; } #merchant-single .shopnow .btn { display: block; font-size: 16px; line-height: 28px; padding: 15px 10px; width: 100%; } .logged-out #merchant-single .shopnow .btn { font-size: 14px; white-space: normal; line-height: 18px; } .langFR.logged-out #merchant-single .shopnow .btn { font-size: 11px; padding: 15px; } .langNL.logged-out #merchant-single .shopnow .btn { font-size: 12px; padding: 10px; } /*** instore buy ***/ #merchant-single #instore_link2login { margin: 20px 0 5px; width: 100%; } #merchant-single #instore-buy { margin: 20px 0 10px; text-align: center; } #merchant-single #instore-buy .instore-text { padding: 15px 10px 0; border: 1px solid var(--BRAND_COLOR); margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #merchant-single #instore-buy h3 { margin: 0 0 10px 0; font-size: 22px; letter-spacing: -1px; } #merchant-single #instore-buy a.link2cards { font-size: 15px; text-decoration: none; display: block; line-height: 32px; } #merchant-single #instore-buy a.link2cards:after { line-height: 44px; font-size: 20px; } .card-icons { margin-bottom: 18px; } .card-icons img { max-width: 42px; height: auto; margin: 0 5px; } #merchant-single .instore-label { font-size: 18px; background: #efefef; padding: 15px 0; margin: 0 -30px 15px; font-weight: 500; text-align: center; display: block; } #merchant-single .attention-message { font-size: 14px; margin: 10px 0; background: #f2f2f2; padding: 7px 10px; text-align: center; } #merchant-delivery { display: block; } .video-container { margin-bottom: 20px; } .video-container iframe { width: 100%; } /*** promocode ***/ .box-promocode { background: #ebecdf; padding: 15px; text-align: center; color: #595959; } .box-promocode .form-submit { display: none; } #contents .box-promocode label { color: #595959; display: block; margin-bottom: 5px; padding: 0; font-weight: normal; width: auto; } /*** tiers: rates + awardline ***********************/ .merchant-tiers-rates { margin: 20px 0 0; display: table; width: 100%; border-top: 1px solid var(--BORDER_COLOR); } .merchant-tiers-rates .tiers-item { display: table-row; position: relative; border-bottom: 1px solid var(--BORDER_COLOR); } .merchant-tiers-rates .tiers-item .tiers-col { display: table-cell; padding: 20px 15px 20px 0; text-align: left; vertical-align: middle; border-bottom: 1px solid var(--BORDER_COLOR); } .merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow { width: 30%; padding-right: 0; } .merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow .btn { font-size: 13px; padding: 10px 20px; height: auto; line-height: 1.3; white-space: normal; } .logged-out .merchant-tiers-rates .tiers-item .tiers-col.tiers-col-shopnow .btn { font-size: 12px; } a.link-tiers-shopnow, a.link-tiers-shopnow:visited { color: var(--TEXT_COLOR); } #merchant-single .tiers-item .merchant-rates { margin: 0; text-align: left; white-space: nowrap; } #merchant-single .tiers-item .merchant-rates .label-earn { font-weight: normal; } .tiers-item .tiers-title { line-height: 1.2; } .tiers-item .tiers-period { font-size: 12px; color: var(--TEXT_COLOR); white-space: nowrap; } /*** awardtime ***/ #merchant-awardtime h2 { margin-bottom: 20px; } .awardtime-steps { } .awardtime-item { position: relative; padding-right: 50px; margin-right: 3%; } .awardtime-item big { font-size: 100%; display: block; margin-bottom: 5px; white-space: nowrap; } .awardtime-item small { font-size: 100%; color: var(--LBRAND_COLOR); } .awardtime-item em { font-size: 30px; color: var(--BORDER_COLOR); position: absolute; top: 3px; right: 0; } .awardtime-item i { font-size: 10px; display: inline-block; width: 16px; line-height: 16px; color: #fff; margin: 0 0 0 5px; position: relative; top: -2px; text-align: center; font-style: normal; background: var(--TEXT_COLOR); cursor: default; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .tooltip-inner { font-size: 11px; background: var(--TEXT_COLOR); color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tooltip.bottom .tooltip-arrow { border-bottom-color: var(--TEXT_COLOR); } .tooltip.top .tooltip-arrow { border-top-color: var(--TEXT_COLOR); } .tooltip.left .tooltip-arrow { border-left-color: var(--TEXT_COLOR); } .tooltip.right .tooltip-arrow { border-right-color: var(--TEXT_COLOR); } #user-block .userpoints .tooltip { min-width: 200px; } /*** voucher-list ****************/ #merchant-vouchers-wrapper { background: #f9f9f9; padding: 20px 0; margin-top: 10px; } #box-merchant-vouchers h2 { margin: 40px 0 10px; } /*** box-merchant-recommended ***/ #merchant-recommended-wrapper { /**padding: 40px 0 0; /**background: var(--GREY_COLOR);**/ } #box-merchant-recommended h2 { margin: 0px 0 20px; font-size: 28px; font-weight: normal; color: var(--LIGHT_Gray); } /*** merchant-images ***/ #merchant-images { padding-top: 10px; padding-bottom: 0; } #merchant-images .item { opacity: 0; } #merchant-images .item img { display: block; } #merchant-images .item a { display: block; text-decoration: none; } #merchant-images .item a span { padding: 10px 0 0; display: block; line-height: 1.3; } #merchant-images.owl-loaded .item { opacity: 1; } #merchant-images .owl-controls { position: relative; } #merchant-images .owl-dots { background: none; padding: 10px 0; text-align: center; } #merchant-images .owl-controls { bottom: auto;} #merchant-images .owl-dots .owl-dot { display: inline-block; } #merchant-images .owl-dots .owl-dot span { background: #d4d4d4; display: block; width: 8px; height: 8px; margin: 0 5px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #merchant-images .owl-dots .owl-dot.active span { background: var(--BRAND_COLOR);; } #merchant-images.carousel-has-1-items .owl-controls, #merchant-images.carousel-has-2-items .owl-controls, #merchant-images.carousel-has-3-items .owl-controls { display: none; } /*** message-user-disabled ***/ #message-user-disabled { color: #404040; font-size: 16px; padding: 40px 10px 60px; border: none; background: transparent; text-align: left; max-width: 500px; margin: 0 auto; } #page-siteleave #popup { max-width: 500px; margin: auto; } /*** transactions **********************/ #user-transactions, #user-clicks, #page-favorites, #user-subscription { border: none; padding: 0; } #user-transactions .box-hdr, #user-clicks .box-hdr, #page-favorites .box-hdr, #user-subscription .box-hdr, .userpage .leftpanel .box-hdr { border: none; padding-top: 4px; } .userpage-title { border-bottom: 1px solid #97999b; margin-bottom: 20px; padding-bottom: 10px; } .userpage .leftpanel .box-hdr { padding-bottom: 0; } .points-stats { overflow: hidden; margin-bottom: 25px; } .points-stats .points-box { background: #efefef; padding: 5px 0; color: var(--TEXT_COLOR); font-size: 22px; line-height: 48px; text-align: center; border: 1px solid #d8d7d7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .points-stats .points-box big { font-size: 150%; color: var(--BRAND_COLOR); font-weight: normal; } #user-transactions .box-cnt h2, #page-favorites .box-cnt h2 { font-size: 22px; margin-bottom: 10px; } .userpage .ajaxloader-totalnumber {display: none;} .legends { overflow: hidden; margin-bottom: 20px; } .legends ul { list-style: none; margin: 0; padding: 0;} .legends ul.legend li { float: left; padding: 0 20px 0 0; line-height: 24px; } .legends ul.legend li:before { line-height: 24px; font-family:'Font Awesome 5 Pro'; font-size: 18px; padding-right: 5px; top: 1px; position: relative; color: var(--BRAND_COLOR); } .legend-status-1:before { content:"\f111"; font-weight: 400; } .legend-status-2:before,.legend-paid:before { content:"\f058"; font-weight: 300; } .legend-status-4:before { content:"\f00d"; } .legend-status-3:before { content:"\f057"; } .legends .right-part { float: right; line-height: 20px; text-align: right; } #contact-form .legends { float: right; margin-bottom: 0; } .alert-warning { background: #f7f7f7; color: var(--TEXT_COLOR); border-color: var(--GREY_COLOR); } #leftcol .promocode-success { font-size: 13px; color: var(--BRAND_COLOR); text-align: center; padding: 3px 0 0; } #leftcol .promocode-success strong { font-size: 15px; font-weight: normal; display: block; margin-bottom: 15px; } .user-filter.block4filters { padding: 20px 0; } .user-filter.block4filters .filter-block { text-align: left; } .user-filter.block4filters .sbHolder { width: 105px; float: left; margin-right: 10px; } .user-filter.block4filters .sbOptions { width: 101px; } .user-filter.block4filters .sbSelector { width: 105px; } .user-filter.block4filters .filter-block .btn-submit { display: none; } .user-filter .paginator { width: 30%; float: right; } .user-filter.block4filters .filter-block .btn-group { margin-right: 10px; } .user-filter.block4filters .filter-block label{ display: none; } #user-transactions .alert-info { background: var(--GREY_COLOR); color: var(--TEXT_COLOR); border-color: var(--BORDER_COLOR); } /*** user-table ***/ .user-table { margin-bottom: 20px; clear: both; padding-top: 20px; } table { width: 100%; border: 1px solid #d8d7d7; background: #fff; } th, td { padding: 15px; font-size: 15px; color: var(--TEXT_COLOR); } th { color: #fff; font-size: 15px; padding: 20px 15px; background: var(--BRAND_COLOR); font-weight: 500; white-space: nowrap; } td { border-top: 1px solid #999999; border-right: 1px solid #999999; } /*tr.even td { background: #f2f2f2; }*/ .user-table table { border-right: none; border-left: none; border-top: none; } .user-table table th {font-size: 15px; color: var(--GREY_COLOR); background: transparent; font-weight: normal; } .user-table table th, .user-table table td{ text-align: left; border-right: none; border-left: none; } .user-table table div.tablesorter-header-inner{ display: inline; } .user-table .trans-date { } .user-table .trans-merchant { } .user-table .trans-status { text-align: left; white-space: nowrap; } .user-table td.trans-points { text-align: center; color: var(--TEXT_COLOR); } .user-table td.trans-spend { } .user-table td.trans-purchaseid { } .user-table .trans-status span:before { line-height: 24px; font-family:'Font Awesome 5 Pro'; font-size: 16px; color: var(--BRAND_COLOR); } .user-table .clickid { } #page-clicks .user-table th.trans-date span { display: none; } #page-clicks .user-table tr td { height: 120px; } .user-table big { font-size: inherit; } .user-table .bg-danger td { background-color: #f2dede !important; } .user-link-to-merchant { display: flex; align-items: center; color: var(--TEXT_COLOR); text-decoration: none; } .user-link-to-merchant .merch-banner { max-width: 120px; display: block; margin-right: 15px; font-size: 10px; overflow: hidden; } /*** user table: i ***/ .user-table .tooltip-sign { font-size: 13px; background: #fff; color: var(--TEXT_COLOR); border: 1px solid var(--TEXT_COLOR); width: 16px; height: 16px; line-height: 14px; margin: 0 0 0 2px; position: relative; top: -2px; text-align: center; font-style: normal; font-family: 'Times Mew Roman'; cursor: help; display: inline-block; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .tooltip-inner:first-letter { text-transform: uppercase; } #where-are-my-points { margin-bottom: 30px; } .leftpanel #where-are-my-points.box .box-cnt { padding-top: 0; } /*** tablesorter ***/ th.tablesorter-header { position: relative; } th.tablesorter-header:after { color: #fff; font-size: 12px; width: 12px; content: "\f0dc"; height: 20px; /*display: block; position: absolute; top: 21px; right: 5px;*/ display: inline-block; margin-left: 5px; font-family:'Font Awesome 5 Pro'; } th.tablesorter-header.tablesorter-headerAsc:after { content: "\f0dd"; } th.tablesorter-header.tablesorter-headerDesc:after { content: "\f0de"; } /*th.tablesorter-header.trans-merchant.tablesorter-headerAsc:after { content: "\f15e"; } th.tablesorter-header.trans-merchant.tablesorter-headerDesc:after { content: "\f882"; }*/ /*** transaction-list ***/ .transaction-list { display: none; } .transaction-item { margin-bottom: 20px; overflow: hidden; } .transaction-item .trans-label { font-size: 14px; color: #ffffff; background: var(--BRAND_COLOR);; padding: 10px 10px 10px 15px; float: left; width: 30%; border-left: 1px solid #d3d2d2; border-bottom: 1px solid #d3d2d2;} .transaction-item .trans-value { font-size: 14px; color: #3a3637; background: #ffffff; padding: 10px 10px 10px 15px; float: left; width: 70%; border: 1px solid #d3d2d2; border-top: none; } .transaction-item .trans-merchant .trans-label, .transaction-item .trans-merchant .trans-value { border-top: 1px solid #d3d2d2; } .transaction-item .trans-date .trans-value, .transaction-item .trans-spend .trans-value, .transaction-item .trans-points .trans-value { background: #f4f4f4; } .transaction-item .trans-status span { margin: inherit; } .transaction-item .trans-points .trans-value { font-size: 15px;} .transaction-item .trans-merchant .trans-label { display: none; } .transaction-item .trans-merchant .trans-value { width: 100%; float: none; } /* #user-missingpoints { margin-bottom: 25px; } */ #user-missingpoints h2 { margin-bottom: 10px; font-size: 22px;} #user-missingpoints h2 button { position: relative; padding-right: 25px; outline: none; text-decoration: none; width: auto; font-size: 28px; font-weight: normal; color: var(--LIGHT_Gray); } #user-missingpoints h2 button em { font-size: 20px; color: var(--LIGHT_Gray); position: absolute; top: 11px; right: -18px; } #user-missingpoints h2 button.collapsed em { transform: rotate(-90deg); } /*** clicks ***/ #user-clicks .user-filter.block4filters { padding-top: 5px; } .leftpanel { /*padding: 0;*/ background: transparent; } .leftpanel .box { /*padding: 0 15px; padding: 0; */} .leftpanel .box .box-cnt { padding: 15px 0 0; } .leftpanel .box-cnt .merch-list { /*padding: 0 5px; */} .leftpanel .box-cnt .merch-list:after { clear: both; content:""; display: block; } /*** subscription ***/ #user-subscription { margin-left: 20px; } #user-subscription #subscription-form { margin-right: 350px; } #user-subscription .box-cnt p { font-size: 15px;} #subscription-form .checkbox label { font-weight: normal; font-size: 15px; color: var(--LIGHT_Gray); padding-left: 15px; } #subscription-form .form-group { padding-top: 10px; margin-bottom: 12px; } #subscription-form input[type="text"] {max-width: 448px;min-height: 47px;background: transparent;border: solid 1px var(--BORDER_COLOR);border-radius: 2px; font-size: 15px;} #subscription-form a { text-decoration: underline; } .checkbox input[type="checkbox"]:checked + label:after, .checkbox input[type="radio"]:checked + label:after { height: 19px; width: 19px;margin-left: -19px; top: 4px; } #page-subscribe .form-submit { padding-top: 30px; } #page-subscribe .form-submit .btn { padding-left: 40px;padding-right: 40px;min-height: 60px;max-width: 258px;width: 100%; } /*** page-fav *********/ .fav-steps { overflow: hidden; padding: 20px 0 0; } .fav-steps p{ font-size: 15px; color: var(--DARK_GRAY); line-height: 17px;} .fav-steps .fav-heart { margin: 0 0 20px; width: 150px; text-align: center; float: left; } .fav-steps .fav-heart em { font-size: 37px; color: var(--HEADLINE_COLOR); width: 75px; height: 75px; line-height: 75px; display: block; border: 1px solid var(--HEADLINE_COLOR); margin: 0 auto 20px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .fav-steps .fav-heart em.fas.fa-heart { color: var(--FAV_COLOR); } .fav-steps .fav-steps-arrow em { font-size: 30px; color: var(--HEADLINE_COLOR); line-height: 75px; display: block; padding: 0 10px 0 35px; } .fav-steps .fav-steps-arrow { float: left; } .fav-steps .fav-heart.item-1 { width: 110px; } /*** search ******************************/ #page-search h1 big { font-size: inherit; } #page-search .owl-controls .owl-nav div.owl-next a, #page-search .owl-controls .owl-nav div.owl-prev a { height: 190px; } #page-search .owl-controls div.owl-next em, #page-search .owl-controls div.owl-prev em { line-height: 180px; } #page-search .with-paging .block4filters { position: relative; margin: 0; } #page-search .with-paging .paginator { position: absolute; top: -70px; right: 0; } /*** userpage ***/ .userpage .leftpanel .box .box-hdr h1 { font-size: 28px; margin-bottom: 0; padding-bottom: 0; letter-spacing: inherit; text-align: left; color:var(--LIGHT_Gray); } .userpage .leftpanel .box h2 { margin-bottom: 0; padding-bottom: 0; letter-spacing: inherit; text-align: left; } .userpage .leftpanel .box h2 a { color: var(--TEXT_COLOR); } /*** message *******************/ .msg { margin-bottom: 20px; padding: 5px 10px; border: 1px solid #ccc; background: #e7e7e7; font-size: 11px; } /*** copy *****************************************/ .copy { } .copy h1, .copy h2 { margin-bottom: 15px; letter-spacing: inherit;} .copy h4 { margin-bottom: 20px; } .copy ul, .copy ol, .copy p, #help-faqs .tab-content ul { margin-bottom: 25px; font-size: 15px; color: var(--TEXT_COLOR); } .copy ol { padding-left: 0px; } .copy ul, #help-faqs .tab-content ul { list-style: none; margin-left: 0; padding-left: 15px; } .copy ul li, #help-faqs .tab-content ul li { padding: 2px 0 5px 18px; position: relative; margin-bottom: 5px; } .copy ul li:before, #help-faqs .tab-content ul li:before { font-size: 5px; color: var(--TEXT_COLOR); font-weight: 600; content:"\f111"; font-family:'Font Awesome 5 Pro'; width: 15px; display: inline-block; position: absolute; top: 9px; left: -7px; } .copy ol li, #help-faqs .tab-content ol li { list-style: decimal; margin-left: 30px; padding: 2px 0 0px 5px; margin-bottom: 5px; } .copy .section { margin: 0; padding: 5px 0; } .copy .section h2, .copy .section h3 { font-size: 32px; position: relative; padding-bottom: 5px; margin-bottom: 15px; } .copy ol li ul { margin-bottom: 5px; } .copy ol li ul li { list-style: disc; } .copy ol li ul li:before { display: none; } .copy ol li ul li ul { margin: 10px 0; } .copy ol li ul li ul li { list-style: circle; } .copy strong { font-weight: 500; } .copy dl { } .copy dl dt {margin-bottom: 5px; color: #111; } .copy dl dd { margin: 0 0 20px 0px; } .copy a { text-decoration: underline; } .copy a.btn { text-decoration: none; } #terms .copy ul ul { margin-bottom: 10px; } #terms .copy ul li:before { content:""; } .staticpage .leftpanel .box .box-hdr { padding: 12px 0 20px; } .staticpage .leftpanel .box .box-hdr h1 { margin-bottom: 0; padding-bottom: 0; letter-spacing: inherit; text-align: left; } #page-faqs .staticpage .leftpanel .box h2{font-size: 28px;} .staticpage .leftpanel .box h2 { font-size: 20px; line-height: 31px; color:var(--TEXT_COLOR) ; margin-bottom: 15px; padding-bottom: 0; letter-spacing: inherit; text-align: left; font-weight: normal; } .staticpage .leftpanel .box h3 { font-size: 20px; color: var(--TEXT_COLOR);line-height: 31px; font-weight: normal;} /*** help ****/ #page-faqs .copy p {font-size: 15px;font-weight: normal;line-height: 23px; color: var(--DARK_GRAY);} #page-faqs .section h3, #page-faqs-instore .section h3 { cursor: pointer; } #page-faqs .section h3:after, #page-faqs-instore .section h3:after { font-size: 24px; color: var(--BRAND_COLOR); display: block;position: absolute; top: 5px; right: 10px; content:"\f077"; font-family:'Font Awesome 5 Pro'; } #page-faqs .section h3.collapsed:after, #page-faqs-instore .section h3.collapsed:after { content:"\f078"; } #page-faqs .toptext, #page-faqs-instore .toptext { padding-bottom: 12px; margin-bottom: 30px; border-bottom: 1px solid #ccc; position: relative; } #page-faqs #help-faqs { padding-top: 10px;} #page-faqs .toptext-text , #page-faqs-instore .toptext-text { margin-right: 365px; } #page-faqs .toptext .btn, #page-faqs-instore .toptext .btn { position: absolute; top: 4px; right: 0; min-width: 258px; min-height: 60px; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; background: var(--BRAND_COLOR); border-color: var(--BRAND_COLOR); } #page-faqs .toptext .btn:hover, #page-faqs-instore .toptext .btn:hover, #page-faqs .toptext .btn:focus, #page-faqs-instore .toptext .btn:focus { color: #fff;background: var(--LBRAND_COLOR);border-color: var(--LBRAND_COLOR); box-shadow: none;} #page-faqs .nav-tabs.nav-justified { margin-top: 10px;} #page-terms h4, #page-privacy h4 { } #page-account #user-transactions .copy ul li { margin-left: -5px; } /*** tabs ***/ .copy .nav-tabs > li { background-image: none; padding: 0; } /*** hiw ***/ #page-hiw .copy big { font-size: 16px; } #hiw-cta { margin: 20px; text-align: center; } #hiw-cta h2, #hiw-cta h3 { color: #008ec3; font-size: 32px; margin: 0 0 5px 0; } #hiw-cta span { color: #59c9bb; font-size: 500%; } #hiw-cta p { padding: 0 15px; } #hiw-cta .hiw-image { text-align: center; margin-bottom: 20px; padding: 0 20%; display: block; } #instore-hiw #hiw-cta h3 { font-size: 30px; } #pagebanner-hiw { min-height: 310px; /**background: url(../images/promo-hiw.jpg) no-repeat center center / 100% auto; **/ } .hiw-steps { padding: 48px 0 0; } #page-hiw #contents { padding-top: 24px; } #page-hiw-instore .hiw-steps { padding-top: 30px; } .hiw-step { padding: 20px 21px; text-align: center; background: rgba(255,255,255,0.9); } .hiw-step .hiw-step-title { font-size: 28px; color: var(--DARK_GRAY); padding: 0 0 20px; line-height: 31px; } .hiw-step .hiw-step-image { width: 70px; line-height: 135px; font-size: 60px; color: #fff; margin: 0 auto 33px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .hiw-step .hiw-step-text { font-size: 18px; color: #544539; padding: 0 5px; line-height: 22px; font-weight: 400; width: 72%; margin: auto; } .hiw-steps .col-sm-4 {border-right: solid 1px #ccc;} .hiw-steps .col-sm-4:last-child{ border-right: none;} .pagebanner-hiw-instore .hiw-step .hiw-step-text { width: 100%; } #page-hiw .copy ol li, #page-hiw-instore .copy ol li { margin-bottom: 20px; } #page-hiw .copy ol li li { margin-bottom: 5px; } #page-hiw .copy ol li p, #page-hiw-instore .copy ol li p { margin-bottom: 10px; } #page-hiw .copy ol li, #page-hiw .copy ol li h3, #page-hiw-instore .copy ol li, #page-hiw-instore .copy ol li h3 { font-size: 28px; } #page-hiw .copy ol li *, #page-hiw-instore .copy ol li * { font-weight: normal; line-height: 23px; color: var(--DARK_GRAY); } #page-hiw .copy ol li strong, #page-hiw-instore .copy ol li strong { font-weight: 500; } #page-hiw-instore .copy ol li .btn { padding-left: 80px; padding-right: 80px; } /*** terms ***/ #page-terms .section { border-top: 1px solid #ccc; padding-bottom: 10px; margin-top: 10px; } #page-terms .questions { padding-bottom: 10px; } #page-terms .questions a { color: var(--TEXT_COLOR); text-decoration: underline; font-weight: 500; } #page-terms .questions a:hover, #page-terms .questions a:focus { color: var(--BRAND_COLOR); } .important { border: 1px solid var(--BORDER_COLOR); background: var(--BORDER_COLOR); padding: 15px 20px 10px; margin-bottom: 20px; } .important h3 { margin: 10px 0 20px; } .important p { margin-bottom: 10px; } .important-inverse { background: var(--BRAND_COLOR); border-color: var(--BRAND_COLOR); color: #fff; } .important-inverse h1, .important-inverse h2, .important-inverse h3, .important-inverse h4, .important-inverse p, .important-inverse a { color: #fff; } .important-inverse a { text-decoration: underline; } #page-terms .important h3 { margin-top: 0; } /*** privacy ***/ #privacy .questions ol { column-count: 2; padding-top: 20px; } #privacy .questions ol li { margin: 0 0 15px 0; } #privacy .questions ol li a { color: var(--TEXT_COLOR); text-decoration: underline; font-weight: 500; } #privacy .questions ol li a:hover, #privacy .questions ol li a:focus { color: var(--BRAND_COLOR); } .answers h3 { font-size: 24px; color: var(--TEXT_COLOR); display: inline-block; margin: 0; padding: 0; } .answers h3 span { padding-right: 10px; } .answers button.btn-expand-collapse { border-top: 1px solid #d4d4d4; padding: 23px 0; text-align: left; position: relative; outline: none; } .answers button.btn-expand-collapse:after { font-size: 15px; color: var(--BRAND_COLOR); display: block; position: absolute; top: 25px; left: 0; content: "\f078"; font-family: 'Font Awesome 5 Pro'; } .answers button.btn-expand-collapse.collapsed:after { color: #979797; font-size: 20px; top: 22px; left: 2px; content: "\f105"; font-weight: 400; } .answers h3, .answers .text { padding-left: 30px; } /*** contact-form ******************************************************/ #contact-form h3 { font-size: 16px; margin: 5px 0 25px; color: var(--TEXT_COLOR); } #contact-form .form-row { } #contact-form .form-item { padding-bottom: 20px; padding-right: 20px; } #contact-form .form-item.col-sm-12 {width:auto; float:none; } #contents #contact-form .form-item label { float: none; display: block; margin-bottom: 8px; width: 100%;font-size: 15px; color: var(--LIGHT_Gray); } #contents #contact-form .form-item .group-span-filestyle label { font-size: 14px; min-height: 49px;line-height: 25px; padding: 11px 12px; font-weight: normal; border-color: #555; margin-bottom: 0; } .label-required-field { color: var(--BRAND_COLOR); top: -60px; position: relative; margin-bottom: -40px; } #contact-form .bootstrap-select { width: 100%; max-width: 500px; } #contact-form .bootstrap-select.btn-group .btn .filter-option { width: auto; overflow: hidden; text-overflow: ellipsis; } #contact-form .form-control { border-color: #555; padding: 10px 12px; height: auto; min-height: 49px;background: transparent;font-size: 16px; } #contact-form .form-control.bootstrap-select { padding: 0; } #contact-form .form-item input, #contact-form .form-item select, #contact-form .form-item textarea { width: 100%; float: none; } #contact-form .form-item input#formTrReceipt { width: auto; } #contact-form .form-item select{ width: 100%; } #contact-form .form-item textarea { height: 150px; } #contact-form .form-control:focus { border-color: #aaa; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 3px; box-shadow: rgba(0,0,0,0.2) 0px 0px 3px; } #contact-form .form-item .i-small { width: 100px; } #contents #contact-form .form-item small { display: block; font-size: 12px; color: #999; padding: 10px 0; line-height: 1.3; float: none; width: auto; } #contents #contact-form .form-group-receipt small { margin: 0; padding: 0; } #contact-form .form-item small strong { color: #888; } #contact-form #notification small { font-size: 12px; line-height: 15px; } #contact-form .form-submit { overflow: hidden; padding-top: 20px; } #page-claimpoints #contact-form .form-submit input[value="Continue"] { color: var(--DARK_GRAY); border-color: var(--DARK_GRAY);background: transparent} #page-claimpoints #contact-form .form-submit input[value="Continue"]:hover, #page-claimpoints #contact-form .form-submit input[value="Continue"]:focus { color: #fff; background: var(--LBRAND_COLOR); border-color: var(--LBRAND_COLOR); } #contact-form .form-submit .btn { padding-left: 40px; padding-right: 40px;min-height: 60px;max-width: 258px;width: 100%; } #contact-form .form-submit p { float: left; width: 70%; } #contact-form small ul { margin-left: 0; padding-left: 10px; } #contact-form .alert { padding: 30px 30px 25px; background: #e9e9e9; color: var(--TEXT_COLOR); border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #contact-form .alert-danger { padding: 30px; background: #fae4e4; color: #820000; } #contact-form .copy p, #contact-form .copy ul { margin-bottom: 15px; } #contact-form .copy ul li { margin-bottom: 0; } .bootstrap-filestyle { } .bootstrap-filestyle input.form-control { background: #f2f2f2; } .bootstrap-filestyle .btn { font-size: 13px; padding: 7px 12px; border-color: #d8d7d7; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .glyphicon-folder-open::before { content:"\f07c"; font-family:'Font Awesome 5 Pro'; } .radio label:before { border-color: #aaa; } .error { color: red; font-size: 11px; clear: both; } .form-group-amount-currency .row { margin-left: -7.5px; margin-right: -7.5px; } .form-group-amount-currency .form-group-amount, .form-group-amount-currency .form-group-currency { padding-left: 7.5px; padding-right: 7.5px; } #contact-form .form-group-currency .bootstrap-select.btn-group { min-width: inherit; } #contact-form .form-group-currency .bootstrap-select.btn-group .btn { padding-left: 10px; padding-right: 30px; } /*** DATEPICKER: calendar ***/ .datepicker-dropdown * { font-size: 13px; } .datepicker th { background: transparent; color: #544539; border-bottom: 1px solid #ccc; } .datepicker td, .datepicker th { min-width: 30px !important; text-align: center; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*** today ***/ .datepicker td.today { background: var(--BRAND_COLOR); } /*** old /new months ***/ .datepicker td.old, .datepicker td.new { background: #f2f2f2; } /*** hover ***/ .datepicker th:hover, .datepicker td:hover, .datepicker td:hover.today, .datepicker td:hover.old, .datepicker td:hover.new { } /*** disabled ***/ .datepicker td.disabled, .datepicker td:hover.disabled { color: #ccc; cursor: default; background: #f2f2f2; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover { background: var(--BRAND_COLOR); color: #fff; } /*** claimpoints ***/ .user-table .td-radio { width: 30px; } .user-table .radio { margin-top: 2px; margin-bottom: 0; width: 0px; } #page-claimpoints .radio label:before { border-color: var(--TEXT_COLOR); } #page-claimpoints #contact-form .form-item select { width: 80%; } #page-claimpoints .user-table .radio label { display: block; margin: 0; padding: 0; } #page-claimpoints .user-table .radio input { width: 0; margin: 0; display: none; } #page-claimpoints #contact-form .form-row { margin-bottom: 10px; } #page-claimpoints .trans-date { text-align: left; width: 100px; } #page-claimpoints .trans-merchant { text-align: left; } /* #page-claimpoints .leftpanel .box { margin-left: 20px; } */ #page-claimpoints .leftpanel .box .box-cnt { padding: 12px 0 0; } #page-claimpoints .leftpanel .box .box-hdr { padding: 11px 0 0px} /*** static pages ***/ .staticpage .leftpanel .box h2 { margin-bottom: 10px; } .staticpage .leftpanel .box h2:not(:first-child) { margin-top: 40px; } .staticpage .copy p { margin-bottom: 10px; } .staticpage .leftpanel .box { margin-left: 10px; } /*** promo-bottom ***/ #promo-bottom { text-align: center; padding: 15px 0 5px; } #promo-bottom a, #promo-bottom img { display: block; margin: 0 auto; } #promo-bottom #promo-right { margin-bottom: 15px; } /*** footer ************************************************************************/ #footer { font-size: 15px; color: var(--TEXT_COLOR); height: auto; overflow: hidden; } #footer-inner { padding: 40px 0 10px; position: relative; } .footer-top { padding: 28px 0 20px; border-top: 1px solid #e4e4e4; } .footer-top:after { clear: both; display: block; content: ""; } #footer a, #footer a:visited { color: var(--TEXT_COLOR); } #footer a:hover, #footer a:focus { color: var(--TEXT_COLOR); text-decoration: underline; } .footer-nav { float: left; } .footer-nav a { margin: 0 30px 5px 0; white-space: nowrap; display: inline-block; font-size: 15px; } .footer-nav a:last-of-type { margin-right: 0; } .powered-by { float: right; } .footer-nav { margin-bottom: 5px; } .copyright { float: none; font-size: 15px; clear: both; width: auto; text-align: left; margin-bottom: 20px; } /* #page-merchant #footer { background: #f3f3f3; } #page-merchant.page-merchant-wo-similar #footer { background: #fff; } */ /*** back-to-top ***/ #footer #back-to-top { display: none !important; cursor: pointer; font-size: 20px; background: #fff; color: var(--BRAND_COLOR); position: absolute; top: -15px; right: 15px; width: 50px; height: 50px; text-decoration: none; max-height: 50px; overflow: hidden; -webkit-transition: max-height 0.25s ease-out; -moz-transition: max-height 0.25s ease-out; -o-transition: max-height 0.25s ease-out; transition: max-height 0.25s ease-out; } #back-to-top.show { max-height: 50px; -webkit-transition: max-height 0.5s ease-in; -moz-transition: max-height 0.5s ease-in; -o-transition: max-height 0.5s ease-in; transition: max-height 0.5s ease-in; } #footer #back-to-top:hover, #footer #back-to-top:focus { text-decoration: none; } #back-to-top em { display: block; line-height: 50px; text-align: center; } /*** promowide ***/ .promowide-block { position: relative; margin-bottom: 0; overflow: hidden; } #page-home .promowide-block { margin-bottom: 40px; } .promowide { position: relative; overflow: hidden; } .promoitem { background-repeat: no-repeat; background-size: 100% auto; background-position: center center; height: -webkit-calc(100vw * 0.29); /* height: 448/1532=0.29 */ height: -o-calc(100vw * 0.29); height: calc(100vw * 0.29); } a.promoitem { display: block; overflow: hidden; text-decoration: none; color: var(--TEXT_COLOR); } .box .owl-carousel .owl-item .promoitem.banner-hasONLY-image img { width: 100%; } .promowide-top.carousel-wo-slides .promowide-block { margin-bottom: 0; } .promowide-top.carousel-wo-slides .promowide { height: 0; } .promoitem-frame { opacity: 0; padding: 30px 0 0; width: 100%; z-index: 10; position: relative; } .promomerch { position: relative; width: 394px; height: 388px; z-index: 10;opacity: 0.95;border-radius: 2px;background-color: #FFFFFF} .promomerch-banner { padding-top: 20px; padding-bottom: 15px; } .promomerch-banner img { max-width: 120px; padding: 0; } .promomerch-cnt { padding: 0 25px; } .promomerch-title { color: var(--TEXT_COLOR); font-size: 30px; line-height:37px ; margin-bottom: 10px; font-weight: 900; } .promomerch-text { padding-bottom: 3px; } .promomerch-rate { color: var(--TEXT_COLOR); font-size: 28px; line-height: 37px; margin-bottom: 25px; font-weight: normal; } .promomerch-rate-was { font-size: 14px; margin-top: -20px; } .promomerch-until { color: var(--TEXT_COLOR); font-size: 14px; margin-bottom: 10px; } .promomerch-link { position: absolute; bottom: 25px; display: block; /*width: 85%;*/ left: 25px; right:25px; } .promomerch-link a { display: block; background: var(--BRAND_COLOR); border-color: var(--BRAND_COLOR); font-size: 15px; line-height: 17px; padding: 20px 25px !important; position: relative; text-align: center; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 0px; min-height: 60px; } .promomerch-link a em { display: none; position: absolute; top: 18px; right: 60px; font-size: 15px; } .promowide.owl-loaded .promoitem-frame { opacity: 1; } .promowide .owl-controls { top: auto; bottom: -20px; } .promoitem.banner-has-merchant.banner-hasNO-text1.banner-hasNO-text2 .promomerch { height: 380px; } .promoitem.banner-has-text1.banner-hasNO-merchant.banner-has-text2 .promomerch-title { padding-top: 30px; margin-bottom: 30px; } .promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2 .promomerch-title { padding-top: 100px; } .promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2.banner-hasNO-cta .promomerch-title { padding-top: 100px; } .promoitem.banner-has-text1.banner-hasNO-merchant.banner-has-text2 .promomerch-text { font-size: 17px; } .promowide-top .banner-withONLY-link-image img { display: none !important; } .promowide-secondary .banner-withONLY-link-image img { display: block !important; } .banner-on-page-campaign .promomerch-title { font-size: 30px; margin-bottom: 5px; } .banner-on-page-campaign .promomerch-rate { font-size: 26px; } /*** secondary ***/ .promowide-secondary .promowide-block { background: var(--TEXT_COLOR); } .promowide-secondary .promowide { height: auto; } .promowide-secondary .promowide .promoitem { height: auto; /*background: none !important; */ } .promowide-secondary .owl-carousel .owl-stage-outer { height: auto !important; } .promowide-secondary .promoitem-frame { padding: 0; margin: 0; } .promowide-secondary .promomerch { background: none; width: auto; height: auto; } .promowide-secondary .promomerch-cnt { display: table; width: 100%; height: 400px; } .promowide-secondary .promomerch-title { font-size: 50px; color: #fff; display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; padding-top: 0 !important; text-shadow: rgba(0,0,0,0.3) 0 1px 5px; } .promowide-secondary .promomerch-text { display: none; } .owl-dots { bottom: 0; text-align: center;; } .owl-dots .owl-dot { display: inline-block; } .owl-dot span { background: #ccc; width: 11px; height: 11px; margin: 0 4px; display: block; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .owl-dot.active span { background: var(--BRAND_COLOR); } .promowide .owl-dots { padding: 10px 0 0; position: absolute; bottom: 10px; left: 25%; right: 25%; } .promowide .owl-dots .owl-dot { display: inline-block; padding: 0px 4px;} .promowide .owl-dot span { background: rgba(255,255,255, 0.5); width: 10px; height: 10px; display: block; margin: 0 4px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .promowide .owl-dot.active span { background: #fff } .promowide .orientation-right .promomerch { float: right; } .promowide.owl-loaded { overflow: inherit; } .owl-carousel .owl-stage-outer { width: 100%; } /*** home: banner secondary ***/ .banner-on-page-home .promoitem { display: block; } .banner-on-page-home .promoitem .promobanner-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; display: table; } .banner-on-page-home .promoitem .promobanner-text .promomerch-title { font-size: 70px; display: table-cell; vertical-align: middle; width: 100%; height: 100%; text-align: center; font-weight: 500; } /*** pagebanner ***/ #pagebanner { max-height: 448px; overflow: hidden; } #pagebanner-mobile { display: none; } #pagebanner-block { position: relative; overflow: hidden; } #pagebanner-block .owl-stage-outer { max-height: 448px; overflow: hidden; } #pagebanner-block .wrapper { width: 100%; margin: auto; position: relative; } #pagebanner-block.carousel-one-slide { } #pagebanner-block:after { content:""; display: block; width: 100%; height: 0; clear: both; } #pagebanner-block img { width: 100%; } .msie8 #pagebanner-block .owl-controls { display: none !important; } /*** play / pause ***/ #pagebanner-block .carousel-startstop { position: absolute; bottom: -24px; left: 0px; z-index: 2; display: none; } #pagebanner-block.with-startstop .carousel-startstop { display: block; } #pagebanner-block .carousel-startstop a { font-size: 13px; float: left; width: 20px; height: 20px; text-decoration: none; text-align: center; font-weight: 300; color: #fff; background: var(--TEXT_COLOR); } #pagebanner-block .carousel-startstop a em { display: block; width: 20px; height: 20px; line-height: 20px; } #pagebanner-block .carousel-startstop a:hover, #pagebanner-block .carousel-startstop a:focus { color: #fff; background: var(--TEXT_COLOR); } #pagebanner-block.play #carousel-play, #pagebanner-block.pause #carousel-pause { display: none; } #pagebanner-block.carousel-one-slide #carousel-play, #pagebanner-block.carousel-one-slide #carousel-pause { display: none; } #carousel-home-vouchers .owl-dots { padding-bottom: 19px; } /*** login page *****************************************/ #page-login { background: var(--BRAND_COLOR); } #loginbox { max-width: 384px; padding: 25px 40px; margin: 20px auto; background: #fff; } #loginbox h1 { font-size: 40px; margin: 0 0 30px; padding: 0; } #loginbox label { font-size: 16px;} #loginbox .checkbox label { display: inline; } .login-hdr { max-width: 286px; margin-bottom: 20px; } #loginbox .form-control { height: 40px; border: 1px solid #999; background: #fff; } #loginbox .form-submit { overflow: hidden; margin-bottom: 20px; } #loginbox .form-submit button { width: 100%; padding: 10px; } #loginbox .form-links { font-size: 13px; margin-bottom: 20px; } #loginbox .form-links a { text-decoration: underline; } #loginbox .login-register { text-align: center; font-size: 14px; } #loginbox .login-register h2 { font-size: 13px; color: #7e7575; margin: 0 0 10px; padding: 0; font-weight: normal; } #loginbox .login-register a {} #loginbox .login-register a em { font-size: 11px; } #page-login #close { float: right; color: #fff; text-decoration: none; } #page-login #close em { font-size: 30px; display: block; width: 36px; height: 36px; line-height: 36px; text-align: center; } /*** disabled hover effect ***/ .device-mobile .sideblock .merch-list .merch-item .merch-full:hover { border-bottom-color: #fff; } .is-device .merch-list .merch-item .merch-full:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*** cookies-alert ***/ #cookies-alert { position: fixed; bottom: 0; left: 0; width: 100%; background: #bdbebf; color: #111; z-index: 999999; -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 5px; -moz-box-shadow: rgba(0,0,0,0.3) 0 0 5px; box-shadow: rgba(0,0,0,0.3) 0 0 5px; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.25s ease-out; -moz-transition: max-height 0.25s ease-out; -o-transition: max-height 0.25s ease-out; transition: max-height 0.25s ease-out; } #cookies-alert.show { max-height: 200px; -webkit-transition: max-height 1.5s ease-in; -moz-transition: max-height 1.5s ease-in; -o-transition: max-height 1.5s ease-in; transition: max-height 1.5s ease-in; -webkit-transition-delay: 1s; -o-transition-delay: 1s; -moz-transition-delay: 1s; transition-delay: 1s; } #cookies-alert .container { padding-top: 15px; font-size: 11px; position: relative; } #cookies-alert .alert-close { position: absolute; top: 0; right: 2px; padding: 3px 7px; color: var(--TEXT_COLOR); font-size: 20px; } #cookies-alert .alert-close em { font-weight: 300; } #cookies-alert .alert-accept { font-size: 13px; font-weight: 500; position: relative; top: -7px; color: var(--TEXT_COLOR); background: #bdbebf; border: 1px solid var(--TEXT_COLOR); padding: 3px 10px; text-transform: uppercase;float: right; margin: 0 15px 0 10px; } #cookies-alert .alert-accept:hover, #cookies-alert .alert-accept:focus { color: #fff; background: var(--TEXT_COLOR); } #cookies-alert .alert-cnt { padding: 0 0 10px 0; } #cookies-alert .alert-cnt a { color: var(--TEXT_COLOR); text-decoration: underline; } body.browser-Internet.Explorer #cookies-alert .alert-close { right: 15px; } /*** 404 ***/ #page-404 #contents { text-align: center; padding: 80px 0; } #page-404 #contents h1 { font-size: 50px; margin-bottom: 15px; } #page-404 #contents .error404-text { font-size: 16px;} #page-404 #contents .info { width: 100%; max-width: 800px; margin: 0 auto; border: 1px dashed #aaa; padding: 20px 50px; text-align: left; margin-top: 50px; } #page-404 #header-switchers { padding: 0; } #page-404 #header-switchers:before { display: none; } /*** error404-search-block ***/ #error404-search-block { width: 100%; max-width: 500px; margin: 20px auto; border-top: 1px solid #ccc; padding: 25px 0 0; } #error404-search-block h3 { font-size: 28px; margin-top: 0; margin-bottom: 20px; } #error404-search-block form { position: relative; margin: auto; } #error404-search-block form .form-control { height: 50px; font-size: 17px; padding-right: 70px; } #error404-search-block form .btn { position: absolute; top: 0; right: 0; width: 60px; height: 50px; color: #fff; font-size: 25px; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /*** campaign ***/ #centerpanel { width: 100%; max-width: 766px; padding: 0 15px 20px; margin: 0 auto 20px; } #page-campaign .section { padding: 10px 15px 20px; clear: both; overflow: hidden; } #page-campaign #page-logo { float: left; width: 50%; } #page-campaign #page-nav { padding: 20px 0; float: right; } #page-campaign #page-nav:after { display: block; content:""; clear: both; width: 100%; } #page-campaign #page-nav ul { height: 53px; padding-left: 0; overflow: hidden; } #page-campaign #page-nav ul li { float: left; list-style: none; border-bottom: 1px solid #d8d7d7; border-top: 2px solid #fff; background: #fff; } #page-campaign #page-nav ul li a, #page-campaign #page-nav ul li a:visited { color: #008ec3; font-size: 14px; line-height: 30px; display: block; padding: 10px 12px; } #page-campaign #page-nav ul li a:hover, #page-campaign #page-nav ul li a:focus { text-decoration: none; } #page-campaign #page-nav ul li.active { border-top-color: #df163c; color: #df163c; border-left: 1px solid #d8d7d7; border-right: 1px solid #d8d7d7; border-bottom-color: #fff; } #page-campaign #page-nav ul li.active a { color: #df163c; cursor: default; } #page-campaign #page-nav ul li.active a:hover,#page-campaign #page-nav ul li.active a:focus { } #page-campaign #page-nav ul li.fb, #page-campaign #page-nav ul li.tw { padding: 8px 10px 7px 15px; background: transparent; border: none; } #page-campaign #page-nav ul li.tw { padding-right: 0; padding-left: 0; } #page-campaign #page-nav ul li.fb a, #page-campaign #page-nav ul li.tw a { width: 39px; height: 39px; padding: 0; background: #7c4199; color: #fff; border: 2px solid #fff; font-size: 20px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } #page-campaign #page-nav ul li.fb a em, #page-campaign #page-nav ul li.tw a em { display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; } #page-campaign #page-nav ul li.fb a { background: #3b5998; } #page-campaign #page-nav ul li.tw a { background: #42c0fb; } #page-campaign #page-nav ul li.fb a:hover { background-position: 0 -34px; } #page-campaign #page-nav ul li.tw a:hover { background-position: -41px -34px; } /*** page-panels ***/ #page-panels { padding-top: 20px; margin-bottom:0 !important;} .panel-item { width: 100%; float: left; margin-bottom: 30px; } #page-panels .panel-item.third { } #page-panels .panel-item a { display: block; padding: 10px 0 25px; border: 1px solid #d8d7d7; border-bottom: 2px solid #d8d7d7; background: #fff; } #page-panels .panel-item a:hover, #page-panels .panel-item a:focus { border-bottom-color: #df163c; text-decoration: none; -webkit-box-shadow: rgba(0,0,0,0.1) 0 2px 4px; -moz-box-shadow: rgba(0,0,0,0.1) 0 2px 4px; box-shadow: rgba(0,0,0,0.1) 0 2px 4px; } #page-panels .panel-item .img { display: block; margin-bottom: 15px; } #page-panels .panel-item .merch-title { display: block; color: #999; font-size: 12px; margin-bottom: 0; } #page-panels .panel-item .merch-rates { display: block; color: #c1002e; font-size: 18px; margin-bottom: 3px; } #page-panels .panel-item .merch-rates-was { display: block; color: var(--TEXT_COLOR); font-size: 12px; } /*** INCARDS: CLO instore *****************************************/ .label-space { display: none !important; } .merch-instore .label-space { display: block; background: #fff; } .label-space .instore-label { margin: auto; display: block; height: 20px; line-height: 20px; background: #78b5d5; color: #fff; font-size: 11px; text-align: center; position: relative; } #instore-information { margin-top: 20px; } /* clo on homepage ***/ #instore-steps { padding: 5px; border: 1px solid #ececec; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .instore-step { width: 48%; float: left; margin-bottom: 20px; } .instore-step .step-img { margin-bottom: 10px; } .instore-step .step-cnt { color: var(--BRAND_COLOR); font-size: 16px; text-align: center; } #instore-steps .step2, #instore-steps .step4 { float: right; } /*** page-instore ********************/ body.instore-part #logo a .logotext { display: none; } #instore-offers .box-cnt { padding: 10px 0 15px; } #instore-offers #carousel-instore.owl-carousel .owl-item img { width: auto; } #instore-offers #carousel-instore .merch-thumb { display: none; } #instore-offers #carousel-instore .merch-full .merch-fav, #instore-offers #carousel-instore .merch-full .merch-icons { display: none; } #instore-offers #carousel-instore.carousel, #instore-offers #carousel-instore.carousel .owl-stage { max-height: 200px; } #instore-offers #carousel-instore.carousel .merch-item a.link-to-merchant, #instore-offers #carousel-instore.carousel .merch-item a.link-to-merchant:visited { height: 185px; } #instore-offers .owl-controls .owl-nav div.owl-next, #instore-offers .owl-controls .owl-nav div.owl-prev { top: 0; } #instore-offers .owl-controls .owl-nav div.owl-next a, #instore-offers .owl-controls .owl-nav div.owl-prev a { height: 188px; } #instore-offers .owl-controls div.owl-next em, #instore-offers .owl-controls div.owl-prev em { line-height: 188px; } #page-home #instore-offers .carousel { padding-top: 0; } .cardreg-agreement { padding-left: 2%; } .cardreg-agreement label { color: #555; } #instore-cards .user-table { padding-top: 0; } .user-table .btn-edit { padding: 5px; display: block; color: var(--BRAND_COLOR); height: 28px; width: 30px; margin: auto; } .user-table .btn-edit em { font-size: 20px; } .user-table .btn-remove { font-size: 20px; padding: 5px; display: block; color: var(--BRAND_COLOR); height: 28px; width: 30px; text-decoration: none; margin: auto; } .user-table .btn-remove em { display: block; line-height: 18px; width: 100%; position: relative; top: -1px; } .user-table .card-number { font-size: 17px; } .btn-cardreg-wrapper { padding: 20px 0; } /*** popup: add INSTORE card ***/ .fancybox-popup-instore-add-card .fancybox-content, .fancybox-popup-instore-edit-card .fancybox-content { max-width: 570px; width: 100%; height: 300px; } /*** card add ***/ .instorecard-popup .popup-content { background: #fff; padding: 30px 70px; } .instorecard-popup .popup-logo { width: 160px; } .instorecard-popup h1 { margin-top: 0; padding-top: 0; text-align: center; } .instorecard-popup .form-group { margin-bottom: 5px; } .instorecard-popup .form-group strong, .instorecard-popup label { color: var(--TEXT_COLOR); font-weight: normal; font-size: 14px; margin-bottom: 7px; } .instorecard-popup .form-group strong { margin-bottom: 15px; display: block; } .instorecard-popup .form-group label img { width: 54px; height: auto; margin: 0 25px 0 10px; position: relative; top: -2px; } .page-instorecard-add .form-group { } .page-instorecard-add .form-submit { padding: 0; } /*** card edit ***/ .instorecard-popup h1 .cardnumber { font-size: 30px; background: #ececec; border: 1px solid #ccc; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #form-card-edit { padding: 0; } #form-card-edit .form-group { margin-bottom: 12px; } #form-card-edit label { font-size: 14px; font-weight: normal; } #form-card-edit .form-control { font-size: 15px; background: transparent; border: 1px solid #999; } #form-card-edit select.form-control { height: 34px; width: auto; margin-left: 5px; display: inline-block; } #form-card-edit .form-btns { overflow: hidden; padding: 10px 0 0; } #form-card-edit .form-btns .btn { display: inline-block; margin: 0 10px 0 0; font-size: 16px; width: 100px; } #form-card-edit .form-btns .btn-danger { background: #d9534f; color: #fff; } /*** card removed ***/ #card-done-popup .popup-img { max-width: 128px; margin: 0 auto 20px; } #card-done-popup .popup-text { text-align: center; margin: 0 auto 20px; } .popup-card-done-success h3 { font-size: 18px; } /*** POPUPs **********************/ .fancybox-content { padding: 0; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .popup-content { padding: 30px; background: #fff; } .popup-md .fancybox-content { max-width: 670px; width: 100%; } .popup-sm .fancybox-content { max-width: 420px; width: 100%; } .fancybox-close-small, .fancybox-slide--html .fancybox-close-small { color: #8b8f92; width: 34px; height: 34px; top: 15px; right: 15px; padding: 2px; /*border: 1px solid #8b8f92; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;*/ } .fancybox-close-small:hover, .fancybox-close-small:focus { background: #eee; color: var(--TEXT_COLOR); } .fancybox-popup-tracking .fancybox-content { max-width: 500px; width: 100%; } .popup-header-with-banner { padding: 15px 15px 0; } .popup-header-with-banner img { width: 100%; display: block; } .popup-header-with-logo { padding: 30px 0 10px; } .popup-header-with-logo img { width: 100%; max-width: 260px; display: block; margin: 0 auto; } .popup-logo { max-width: 309px; margin: 0 auto; } .lead { font-weight: normal; } #page-tracking { overflow-y: hidden; height: auto; } /*** calculator ***/ #calculator-popup { max-width: 460px; width: 100%; text-align: center; display: none; } #calculator-popup h3 { margin: 0 0 20px; font-size: 24px; color: var(--TEXT_COLOR); } #calculator-popup .set2 { display: none; } #calculator-popup .set1 .form-group { margin-bottom: 20px; } #calculator-price { font-size: 18px; width: 100%; } #calculator-cashback { font-size: 20px; color: var(--TEXT_COLOR); font-weight: 500; opacity: 0; } .calc-result { margin-bottom: 15px; } #calculator-popup .form-group label { display: none; text-align: left; font-weight: bold; } #calculator-popup .input-group { margin: auto; border: 1px solid var(--BORDER_COLOR); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #calculator-popup .input-group-addon { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #calculator-popup .has-error .input-group, #calculator-popup .has-error .input-group-addon { border-color: var(--RED_COLOR); } #calculator-popup select { width: 100%; border: 1px solid var(--GREY_COLOR); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #calculator-popup select option { text-overflow: ellipsis; } #calculator-popup .bootstrap-select { width: 100%; } #calculator-popup .bootstrap-select .btn { height: 40px; min-height: 40px; color: var(--TEXT_COLOR); padding-left: 10px; padding-right: 30px; border-color: var(--BORDER_COLOR); } #calculator-popup .bootstrap-select .selectpicker span.filter-option { font-size: 14px; text-overflow: ellipsis; overflow: hidden; } #calculator-popup div.dropdown-menu { height: 64px; width: 100%; overflow: auto !important; overflow-x: hidden !important; } #calculator-popup ul.dropdown-menu { width: 100%; } #calculator-popup .dropdown-menu li { font-size: 12px; } #calculator-popup .dropdown-menu li a { text-overflow: ellipsis; overflow: hidden; padding: 3px 10px; } #calculator-popup .dropdown-menu li.selected a { color: #fff; background: var(--BRAND_COLOR); } #calculator-popup .form-submit .btn { } #calculator-popup.with-tiers { max-width: 560px; } .input-group { width: 100%; max-width: 100%; } #calculator-popup.with-tiers #calculator-price { width: 100%; height: 40px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #calculator-popup.with-tiers .form-group { margin-bottom: 30px; } #calculator-popup.with-tiers .form-group label { display: block; } #calculator-popup.with-tiers .form-group-tier { width: 100%; } #calculator-popup.with-tiers .set1 .form-submit .btn { width: 100%; padding-left: 0; padding-right: 0; } #calculator-popup .bootstrap-select.btn-group .btn .caret:before { line-height: 40px; } /*** tracking ***/ #page-tracking { text-align: center; font-size: 14px; } #page-tracking .popup-content { background: #fff; } #page-tracking .popup-wrap { max-width:600px; margin:auto; } .popup-banners-logo { padding: 30px 0 10px; background: #fff; } #page-tracking .popup-banners img { display: block; margin: auto; } #page-tracking .merchant-rate { color: var(--TEXT_COLOR); font-size: 25px; margin-bottom: 10px;} #page-tracking h1 { margin: 0 0 20px; font-size: 25px; color: var(--TEXT_COLOR); } #page-tracking .form-submit .btn { font-size: 16px; padding: 8px 10px; width: 100%; max-width: 200px; margin-top: 20px; } #page-tracking .form-submit a { } #page-tracking .form-submit .btn em { color: #fff; font-size: 18px; display: inline-block; padding-left: 20px; } #page-tracking .form-links { font-size: 13px; } #page-tracking .form-links .apply { margin-bottom:10px; } #page-tracking .vcode { font-size: 16px; color: #111; font-weight: 500; margin: 0 0 10px; padding: 8px 10px 7px; text-align: center; background: #fff url(../images/voucher-bg.png); border: 1px solid #ccc; -moz-box-shadow: inset 0 0 3px #ccc; -webkit-box-shadow: inset 0 0 3px #ccc; box-shadow: inset 0 0 3px #ccc; } #page-tracking .voucher-description { padding: 5px; font-size: 13px; margin-bottom: 15px; } #page-tracking .voucher-description:after { display: block; margin: 10px 0 0; height: 1px; background: #d8d8d8; content:""; } #page-tracking .tracking-limited {} #page-tracking .tracking-limited .alert{ margin-bottom:0;} .popup-ajax-loader { margin: auto; width: 32px; height: 32px; margin-bottom: 10px; } .popup-ajax-loader img { display: block; width: 100%; } /*** subscribe-popup ***/ .fancybox-popup-subscribe .fancybox-close-small { background: #fff; opacity: 1; } .fancybox-popup-subscribe .fancybox-close-small svg { color: var(--TEXT_COLOR); } .fancybox-popup-subscribe .fancybox-close-small .fancybox-button { width: 32px; height: 32px; padding: 2px; background: transparent; } .fancybox-popup-subscribe .checkbox label:before { top: 3px; } .fancybox-popup-subscribe .checkbox label:after { top: 3px; } .fancybox-popup-subscribe .checkbox-primary { margin-bottom: 15px; } /*** fav-popup-loggedout ***/ #fav-popup-loggedout { display: none; text-align: center; } #fav-popup-loggedout h3 { margin-bottom: 20px; } #fav-popup-loggedout .popup-text { margin-bottom: 30px; } /*** fav-popup-loggedout ***/ .popup-loggedout { text-align: center; max-width: 330px; display: none; } .popup-loggedout h3 { font-size: 30px; margin-bottom: 20px; } .popup-loggedout .popup-text { margin-bottom: 30px; } /*** merchant-dynamic-promocode ***/ #merchant-dynamic-promocode { max-width: 490px; } /*** regions-popup ***/ #regions-popup, #hiw-popup { text-align: center; display: none; } #regions-popup h3, #hiw-popup h3 { font-size: 40px; } #regions-popup .popup-content, #hiw-popup .popup-content { font-size: 20px; } #regions-popup a { float: left; width: 44%; margin: 30px 3% 10px; padding: 30px 0; color: var(--TEXT_COLOR); text-decoration: none; font-size: 24px; font-weight: 500; display: block; position: relative; background: #fff; border: 2px solid #fff; -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 10px; -moz-box-shadow: rgba(0,0,0,0.3) 0 0 10px; box-shadow: rgba(0,0,0,0.3) 0 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #regions-popup .regions-popup-links:after { clear: both; display: block; content:""; } #regions-popup a span { font-size: 24px; display: block; position: relative; width: 100%; padding: 40px 0; background: #fff; border: 2px solid #fff; -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 10px; -moz-box-shadow: rgba(0,0,0,0.3) 0 0 10px; box-shadow: rgba(0,0,0,0.3) 0 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /*#regions-popup a:hover span,#regions-popup a:focus span { border-color: var(--BRAND_COLOR); }*/ #regions-popup a img { margin: 0 auto 20px; max-width: 115px; height: auto; } #hiw-popup .popup-btns { padding: 30px 0 20px; } #hiw-popup .popup-btns .btn { padding: 12px 50px; font-size: 16px; } #hiw-popup .popup-text { text-align: left; font-size: 15px; } #hiw-popup .popup-text li { padding-top: 10px; } /*** popup-appawarding ***/ #appawarding-popup { display: none; } #appawarding-popup .popup-img img { margin: 10px auto 30px; max-width: 200px; } #appawarding-popup .popup-content { padding-bottom: 10px; } /*** debug ***********************/ #debug-block { position: fixed; top: 0; left: 0; z-index: 100000; } #debug-responsive { border: 1px solid var(--TEXT_COLOR); height: 10px; width: 10px; opacity: 1; background: #fff; float: left; } #debug-resolution { font-size: 10px; line-height: 1; padding: 0 3px; background: rgba(255,255,255,0.9); float: left; } #debug-bodyclass { display: none; width: 80%; color: #fff; font-size: 11px; line-height: 1; padding: 1px 3px; background: rgba(0,0,0,0.9); float: left; } /*** campaign ***/ #page-campaign #contents h2 { padding: 30px 0; margin: 20px 0 0; text-align: center; border-top: 1px solid #ccc; } #page-campaign #contents h2:first-of-type { border: none; padding-top: 0; margin-top: 0; font-weight: 500; } #page-campaign #contents h5 {} .page-inner .promowide, .page-inner .promowide.owl-carousel .owl-stage-outer { height: auto !important; } .page-inner .promowide-block { margin-bottom: 30px; } .page-inner .promowide-block .container { padding: 0 30px; } .page-inner .promowide-block .promoitem { height: auto; } .page-inner .promoitem-frame { opacity: 1; padding: 30px 0; } .page-inner .promomerch { height: 320px; } /*.page-inner .promomerch-link { display: none; }*/ .page-inner .promoitem.banner-has-text1.banner-hasNO-merchant.banner-has-text2 .promomerch-title { padding-top: 80px; } .page-inner .promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2 .promomerch-title { padding-top: 100px; } .page-inner .promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2.banner-hasNO-cta .promomerch-title { padding-top: 120px; } /*** panel-item ***/ .panel-wrapper { margin-bottom: 30px; } .panel-item a.panel-link { color: var(--TEXT_COLOR); display: block; border: 1px solid #ccc; text-decoration: none; } .panel-item .panel-banner { display: block; overflow: hidden; } .panel-item .panel-banner img { height: 100%; width: auto; display: block; max-height: 246px; } /*.panel-item.with-alt-banner .panel-banner img { height: 100%; width: auto; }*/ .panel-merchant { padding: 30px; display: block; } .panel-merchant:after { clear: both; display: block; content:""; } .panel-merchant .merch-banner { max-width: 140px; padding: 5px 0 20px; float: left; display: block; } .panel-merchant .merch-banner img { max-width: 120px; } .panel-merchant .merch-summary { padding: 0 0 20px 30px; margin-left: 130px; min-height: 95px; display: block; } .panel-merchant .merch-title { font-size: 14px; line-height: 1.2; min-height: 30px; margin-bottom: 5px; display: block; } .panel-merchant .merch-rates { font-size: 16px; color: var(--BRAND_COLOR); margin-bottom: 5px; font-weight: 700; line-height: 1.2; display: block; position: relative;} .panel-merchant .merch-rates-was { font-size: 12px; color: var(--GREY_COLOR); line-height: 1.2; display: block; } .panel-item .panel-description { font-size: 13px; color: var(--TEXT_COLOR); clear: both; display: block; min-height: 55px; } .panel-merchant .panel-title { font-size: 17px; display: block;} /*** page-advent-calendar ***/ #page-advent-calendar .page-inner h3 { padding-bottom: 30px; } a.advent-calendar-item { color: #111; padding: 0 0 20px; margin-bottom: 30px; display: block; background: #fff; text-decoration: none; text-align: center; position: relative; background-position: center center; background-size: 112% auto; } a.advent-calendar-item:hover, a.advent-calendar-item:focus { text-decoration: none; } .advent-calendar-item-active a.advent-calendar-item:hover, .advent-calendar-item-active a.advent-calendar-item:focus { -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); } a.advent-calendar-item:after { background: rgba(255,255,255,0.5); position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content:""; z-index: 0; } .advent-calendar-item-expired a.advent-calendar-item:after { background: rgba(0,0,0,0.3); } .advent-calendar-item-title { font-size: 17px; color: #fff; background: var(--BRAND_COLOR); padding: 10px; display: block; position: relative; z-index: 10; } a.advent-calendar-item big { font-size: 80px; margin: 20px 0 20px; display: block; line-height: 1.2; position: relative; z-index: 10; text-shadow: 0 0 10px #fff; } a.advent-calendar-item .btn-cta { position: relative; z-index: 10; } a.advent-calendar-item .btn-cta .btn { -webkit-box-shadow: 0 0 10px rgba(255,255,255,0.5); -moz-box-shadow: 0 0 10px rgba(255,255,255,0.5); box-shadow: 0 0 10px rgba(255,255,255,0.5); } .advent-calendar-item-expired a.advent-calendar-item { color: #fff; cursor: default; } .advent-calendar-item-expired .advent-calendar-item-title { background: #999; } .advent-calendar-item-expired a.advent-calendar-item .btn-transparent { color: #fff; border-color: #fff; } .advent-calendar-item-expired a.advent-calendar-item big { text-shadow: none; opacity: 0.5; } .advent-calendar-popup { display: none; text-align: center; } .advent-calendar-popup h3 { border-bottom: 1px solid var(--TEXT_COLOR); padding: 0 0 10px; margin: 0 0 20px; } .advent-calendar-popup .image { margin-bottom: 30px; } .advent-calendar-popup .price { font-size: 18px; color: var(--BRAND_COLOR); margin: 0 0 15px; display: block; } .advent-calendar-popup .price-was { margin: -10px 0 15px; display: block;} .advent-calendar-popup .btn-transparent, .advent-calendar-popup .btn-transparent:hover, .advent-calendar-popup .btn-transparent:focus { color: var(--BRAND_COLOR); background: transparent; cursor: default; } /*** countdown ***/ #countdown-block { padding: 0 0 2px; background: var(--BRAND_COLOR); color: #fff; } #countdown-block a { text-decoration: none; } #countdown { margin: 0 -15px; padding: 5px 15px; overflow: hidden; display: flex; flex-direction: row; justify-content: center; } #countdown-title { height: 42px; line-height: 42px; font-size: 17px; padding: 0 20px 0 0; } #countdown-digits { height: 42px; } .countdown-item { display: inline-block; position: relative; padding-right: 10px; } .countdown-item big { font-size: 30px; line-height: 1.1; display: block; text-align: center; width: 45px; } .countdown-item small { font-size: 8px; line-height: 1; display: block; text-align: center; } .countdown-item:after { font-size: 30px; line-height: 1.1; content:":"; position: absolute; top: 0; right: 0; display: block; } #countdown-s:after { display: none; } /*** box-clickrecovery ***/ #box-clickrecovery { margin-bottom: 30px; } #page-home #box-clickrecovery .box-hdr { padding-bottom: 0; } #box-clickrecovery .page-inner .promomerch-link { display: block; } #box-clickrecovery .promomerch-link a { display: inline-block; } /*** new css changes ******/ .merch-list li.merch-wrapper, .voucher-list li.voucher-wrapper, .merch-list ul li.merch-wrapper, .voucher-list ul li.voucher-wrapper { list-style: none; } .merch-list, .voucher-list { padding-left: 0px; margin-left: -15px; margin-right: -15px; } .merch-list ul, .voucher-list ul { padding-left: 0; } #carousel-home-vouchers { margin-left: 0; margin-right: 0; } #help-faqs .text a {text-decoration:underline;} #help-faqs .tab-pane button { padding-left: 0px; width:100%;border: none;text-align:left;background-color: transparent;font-size: 15px; font-weight: 500; color: var(--DARK_GRAY); border-top: 1px solid #d4d4d4; padding-top: 20px; padding-bottom: 20px; padding-right: 50px; position: relative; cursor: pointer; } #help-faqs .tab-pane button:focus{ outline: none;} #help-faqs .tab-pane button:after { font-size: 22px; color: var(--HEADLINE_COLOR); display: block; font-weight: 100; position: absolute; top: 14px; right: 0; content: "\f056"; font-family: 'Font Awesome 5 Pro'; } /*#help-faqs .tab-pane button:focus{border: none; outline: none;}*/ #help-faqs .tab-pane button.collapsed:after { top: 14px; right: 0px; font-weight: 100; content: "\f067"; color: var(--HEADLINE_COLOR); } #help-faqs .tab-pane button:first-of-type { border: none; padding-top: 15px; } #help-faqs .tab-pane button:first-of-type:after { top: 15px; } #header-categories .submenu-categories .categories-container ul { list-style: none; margin: 0; padding: 0; float: left; width: 31.333%; margin-right: 2%; } #header-categories .submenu-categories .categories-container ul li { margin: 5px 0 9px; } #header-categories .submenu-categories .categories-container ul a { color: var(--LIGHT_GREY); font-size: 15px; display: block; padding: 5px 0 5px 12px; position: relative; } #header-categories .submenu-categories .categories-container ul a:hover, .submenu-categories .categories-container ul a:focus { color: var(--BRAND_COLOR); text-decoration: none; } #header-categories .submenu-categories .categories-container ul a:hover:before, .submenu-categories .categories-container ul a:focus:before { left: 0; color: #3cb4d2; opacity: 1; } #header-categories .submenu-categories .categories-container ul li.active a:before, .submenu-categories .categories-container ul li.active a:visited:before, #header-categories .submenu-categories li.leftcolumn ul li.active a:hover:before, .submenu-categories li.leftcolumn ul li.active a:focus:before { left: 0; color: var(--BRAND_COLOR); opacity: 1; } #header-categories .submenu-categories .categories-container ul li.active a, #header-categories .submenu-categories .categories-container ul li.active a:visited, #header-categories .submenu-categories .categories-container ul li.active a:hover, #header-categories .submenu-categories .categories-container ul li.active a:focus { cursor: default; color: var(--TEXT_COLOR); text-decoration: none; font-weight: 500; } #header-categories .submenu-categories .categories-container > ul > li { padding-bottom: 0; } #header-categories .submenu-categories .categories-container ul ul { float: none; width: 100%; padding: 0 0 0 15px; } #header-categories .submenu-categories .categories-container ul ul a { padding: 1px 0 1px 10px; } /************** Add flex for voucher section ****************/ ul.voucher-list { display: flex; flex-wrap: wrap; padding-left: 0px; margin-right: -15px; margin-left: -15px; } ul.voucher-list li { display: flex; } ul.voucher-list li .voucher-item { display: flex; flex-direction: column; width: 100%; } ul.voucher-list li .voucher-item .link-to-voucher { flex: 1 0 auto; } ul.voucher-list li.voucher-wrapper { width: 318px; padding-right: 15px; padding-left: 15px; flex-grow: 1; } #page-merchant ul.voucher-list li.voucher-wrapper { width: 312px; } #box-vouchers ul li { list-style: none; }