.container { width: auto; max-width: 1272px; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { -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; } body { background: #fff; color: #333; font-family: 'montserratregular',Arial,Helvetica,sans-serif; font-size: 14px; line-height: 1.4; -webkit-font-smoothing: antialiased; } a, a:visited { color: #d6083b; cursor: pointer;} a:hover, a:focus { color: #950629; text-decoration: underline; } a:focus { /*outline: 1px solid;*/ } .clear { clear: both; height: 0; line-height: 0; display: block; } p { line-height: 1.4; margin-bottom: 20px; } *::-moz-selection { background-color: #d6083b; color: #fff; } .bordered {border: 1px solid #e1e5e8;} span.bordered{display:inline-block;padding:10px;} 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: 30px; padding-top: 15px; } h1, h2, h3 { font-weight: normal; color: #512698; } h2 { font-size: 25px; } h3 { font-size: 20px; } .rounded { -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .form-control { font-size: 14px; background: #fff; border: 1px solid #999; -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: #333; -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: #8e8e8e !important; /* Chrome/Opera/Safari */ } .form-control::-webkit-input-placeholder { color: #8e8e8e !important; /* Chrome/Opera/Safari */ } .form-control:-moz-placeholder { color: #8e8e8e !important; /* Firefox 18- */ } .form-control::-moz-placeholder { color: #8e8e8e !important; /* Firefox 19+ */ } .form-control:-ms-input-placeholder { color: #8e8e8e !important; /* IE 10+ */ } label { font-weight: normal; } .checkbox label { font-size: 14px; } .sidr { display: none; } .box-alert{ background: #51cabb none repeat scroll 0% 0%; color: white; padding: 10px 20px; } #skip2content { position: absolute; top: -20px; left: 0; float: left; line-height: 20px; font-size: 10px; text-transform: uppercase; color: #fff; background: #000; 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; } /*** background: white ***/ /*#account, #clicks, #page-subscription, #page-fav { background: #f4f4f4; }*/ /*** header ******************************************************************/ #header {position: relative; background: #fff; border-bottom: 2px solid #e5e5e5; } #footer { padding: 0; } .container { position: relative; } #header > .container {padding-top: 18px; padding-bottom: 18px;} /*#header .container, #header-top .container, #mainmenu .container { position: relative; padding: 0; }*/ #header-top { background: #f4f4f4; height: 25px; line-height: 25px; font-size: 11px; text-transform: uppercase; font-family: 'montserrat_semiboldregular'; } #header-top .link-to-mainsite { float: left; } #header-top .link-to-mainsite a { font-family: 'montserratbold'; } #header-top .user-block { float: right; } #header-top .user-block em { display: none; } #header-top .user-block .link-logout { color: #4B4F54; font-size: 11px; text-transform: uppercase; } /*** logo ***/ #logo { /*position: absolute; top: 16px; left: 15px;*/ float: left; margin-top: -3px; margin-bottom: -3px; } #logo a { display: block;} #logo a > img { width: auto; height: 51px; } #header-blocks { position: absolute; top: 0; right: 15px; } /*** mobile-triggers ***/ #header-triggers { display: none; float: right; position: relative; right: -5px; overflow: hidden; } #header-triggers a { font-size: 20px; display: block; color: #d6083b; float: left; width: 40px; height: 55px; text-align: center; text-decoration: none; } #header-triggers a#menu-trigger { color: #4b4f54; font-size: 22px; } #header-triggers a#menu-trigger em { display: block; line-height: 55px; } #header-triggers a#search-trigger { background: url(../images/icon-search.png) no-repeat center center / 20px auto; } #header-triggers a#user-mobile-trigger { background: url(../images/icon-user-single.png) no-repeat center center / 20px auto; } #sidr { display: none; } /*** btn ***/ .btn { font-size: 14px; padding: 8px 20px; background: #d6083b; text-transform: uppercase; font-family: 'montserratbold'; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-primary, .btn-primary:visited { color: #fff; border: none; background: #d6083b; } .btn-primary:hover, .btn-primary:focus { color: #fff; background: #950629; } .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus { color: #fff; background: #111; } .btn-primary.disabled { background: #950629; } .btn-primary.btn-transparent, .btn-primary.btn-transparent:visited { color: #d6083b; border: 2px solid #d6083b; background: #fff; } .btn-primary.btn-transparent:hover, .btn-primary.btn-transparent:focus { color: #fff; background: #d6083b; } .btn-info, .btn-info:visited { color: #fff; border: 1px solid #0033a0; background: #0033a0; } .btn-info:hover, .btn-info:focus { color: #fff; background: #d6083b; border-color: #d6083b; } .btn-info.btn-transparent, .btn-info.btn-transparent:visited { color: #3cb4d2; border: 1px solid #3cb4d2; background: transparent; } .btn-info.btn-transparent:hover, .btn-info.btn-transparent:focus { color: #fff; background: #06bbff; } .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;} .btn.with-arrow span { padding-right: 20px; position: relative; display: block; } .btn.with-arrow span:after { font-size: 150%; line-height: 1; position: absolute; top: -1px; right: 0; content:"\f105"; font-family:'Font Awesome 5 Pro'; } .btn-lg.with-arrow span:after{ top: -2px; } /*** form ***/ .checkbox label:before { border-color: #333; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .checkbox-primary input[type="checkbox"]:checked + label:before, .checkbox-primary input[type="radio"]:checked + label:before { background-color: #333; border-color: #333; } /*** header-trigger ***/ .header-dropdown { display: none; z-index: 10; -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 5px; box-shadow: rgba(0,0,0,0.5) 0 1px 5px; } .header-dropdown .dropdown-close { display: none; font-size: 24px; color: #d6083b; 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 { width: 10px; padding-left: 5px; font-size: 11px; position: absolute; right: 0; } .header-trigger.with-dropdown em.fa-sort-up, .header-trigger.with-dropdown.open em.fa-sort-down { display: none; } .header-trigger.with-dropdown.open em.fa-sort-up, .header-trigger.with-dropdown em.fa-sort-down { display: inline-block; } .header-trigger.with-dropdown em.fa-sort-down { top: 16px; } .header-trigger.with-dropdown em.fa-sort-up { top: 20px; } .nav-categories .header-trigger.with-dropdown em { right: 25%; display: none !important; } /*** mainmenu **************************/ #mainmenu { height: 48px; border-bottom: 1px solid #ccc; } #mainmenu .container { position: relative; } #mainmenu ul.nav > li { position: relative; width: 16%; float: left; margin-right: 0.16%; text-align: center; } #mainmenu ul.nav > li > a, #mainmenu ul.nav > li > a:visited { color: #d6083b; font-size: 14px; line-height: 48px; font-family: 'montserrat_semiboldregular'; padding: 0; display: block; border: none; text-transform: uppercase; position: relative; } #mainmenu ul.nav > li a:hover, #mainmenu ul.nav > li a:focus { color: #d6083b; text-decoration: none; background: transparent; } #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 { width: 100%; } #mainmenu ul.nav > li.nav-grey > a { color: #333; } #mainmenu ul.nav > li.with-border:before { background: #ccc; width: 1px; height: 18px; position: absolute; top: 15px; left: 0; display: block; content:""; } #mainmenu ul.nav > li.nav-hiw { width: 19%; } /* bottom lines we show only for desktop because on ipad an action to open dropdown menu needs 2 clicks */ .is-desktop #mainmenu ul.nav > li > a > span, .is-desktop #loggedout-box a span, .is-desktop a#user-trigger span { display: inline-block; position: relative; } .is-desktop #mainmenu ul.nav > li > a > span:after, .is-desktop #fav-trigger > span:after, .is-desktop #nav-top a span:after { background: #d6083b; width: 0px; height: 4px; position: absolute; bottom: 0; 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); } .is-desktop #mainmenu ul.nav > li > a:hover > span:after, .is-desktop #mainmenu ul.nav > li > a:focus > span:after, .is-desktop #mainmenu ul.nav > li.active > a > span:after, .is-desktop #mainmenu ul.nav > li > a.open > span:after, .is-desktop #fav-trigger:hover > span:after, .is-desktop #fav-trigger:focus > span:after, .is-desktop #nav-top a:hover span:after { width: 100%; } .is-desktop #mainmenu ul.nav > li.active > a > span:after { background: #d6083b; } .is-desktop #mainmenu ul.nav > li > a.open > span:after { display: none !important; } .is-desktop #loggedout-box a span:after { height: 1px; } /*** categories ***/ .dropdown, .nav > li { position: inherit; } body #header-categories { padding: 26px 0; max-width: 780px; background: #fff; border-bottom: 1px solid #d8d8d8; border-top: 4px solid #d6083b; position: absolute; top: 44px; /*left: -20px;*/ left: 5px; z-index: 1001; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #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 .leftcolumn { padding: 0 70px; font-family: 'montserrat_mediumregular'; } #header-categories .submenu-categories .leftcolumn:after { clear: both; display: block; content:""; } #header-categories .submenu-categories .leftcolumn ol { list-style: none; margin: 0; padding: 0; float: left; width: 31.333%; margin-right: 2%; } #header-categories .submenu-categories .leftcolumn ol li { margin: 5px 0 9px; } #header-categories .submenu-categories .leftcolumn ol a { color: #404040; font-size: 14px; display: block; padding: 5px 0 5px 12px; position: relative; } #header-categories .submenu-categories .leftcolumn ol a:hover, .submenu-categories .leftcolumn ol a:focus { color: #d6083b; text-decoration: none; } #header-categories .submenu-categories li.leftcolumn ol a:before { opacity: 0; color: #000; 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 .leftcolumn ol a:hover:before, .submenu-categories .leftcolumn ol a:focus:before { left: 0; color: #3cb4d2; opacity: 1; } #header-categories .submenu-categories .leftcolumn ol li.active a:before, .submenu-categories .leftcolumn 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: #d6083b; opacity: 1; } #header-categories .submenu-categories .leftcolumn ol li.active a, #header-categories .submenu-categories .leftcolumn ol li.active a:visited, #header-categories .submenu-categories .leftcolumn ol li.active a:hover, #header-categories .submenu-categories .leftcolumn ol li.active a:focus { cursor: default; color: #000; text-decoration: none; } .submenu-categories--toplevel { margin-bottom: 0; overflow: hidden; text-transform: uppercase; font-family: 'montserratbold'; } #header-categories .submenu-categories .leftcolumn > ol > li { padding-bottom: 0; } #header-categories .submenu-categories .leftcolumn ol ol { float: none; width: 100%; padding: 0 0 0 15px; } #header-categories .submenu-categories .leftcolumn ol ol a { padding: 1px 0 1px 10px; } /*** rightcolumn - banner ***/ #header-categories #nav-slogan { color: #d6083b; 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; } /*** deals-dropdown ***/ ul.nav-submenu { position: absolute; left: 0; width: 200px; margin: 0; padding: 15px 0; list-style: none; } ul.nav-submenu li a { padding: 7px 20px; display: block; font-size: 14px; } #mainmenu ul.nav > li ul.nav-submenu li a:hover, ul.nav-submenu li a:focus { text-decoration: underline; } /*** regions ***/ .header-dropdown { background: #fff; padding: 20px 0; display: none; position: relative; clear: both; width: 100%; z-index: 1001; } .header-dropdown .container { position: relative; } #regions-block:after { content:""; display: block; clear: both; } #language-switcher { float: left; width: 270px; position: relative; margin-right: 30px; } #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: #000; } #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: #333; } #header-regions .dropdown-menu .selected a { background: #333; 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; font-family: 'montserratbold'; 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: #d6083b; } #header-regions .radio.checked label:after, #sidr .radio.checked label:after { background: #d6083b; } #header-regions .checkbox.checked label:before, #sidr .checkbox.checked label:before { background: #fff; border-color: #d6083b; } /*** lang-trigger ******************/ #regions-block-trigger { padding: 0 5px 0 12px; float: left; display: block; height: 69px; line-height: 69px; border-left: 1px solid #d8d8d8; text-decoration: none; } #regions-block-trigger img { top: 2px; } /* body.region1 #header-regions #regions-block .btn-group .filter-option { background-image: url(../images/lang-us.png); } body.region43 #regions-block-trigger,body.region43 #header-regions #regions-block .btn-group .filter-option { background-image: url(../images/lang-cn.png); } body.region96 #regions-block-trigger,body.region96 #header-regions #regions-block .btn-group .filter-option { background-image: url(../images/lang-hk.png); } */ /*** regions-radio-block ***/ #regions-radio-block { float: right; position: relative; } #regions-radio-block #regions-block-trigger { display: block; float: none; } #regions-radio-block .header-dropdown { position: absolute; right: 0; width: 200px; padding: 15px 20px; } #regions-radio-block .header-dropdown ul { margin: 0; padding: 0; list-style: none; color: #d6083b; font-size: 14px; } #regions-radio-block .header-dropdown .form-submit { display: none; } #errorpage .navbar-form { float: right; } #error404-search-block #s { background: #fff; } /*** search ***/ #search-wrapper { width: 100%; margin: auto; position: relative; } #search-wrapper .navbar-form { margin: 0; padding: 0 80px 0 0; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search-wrapper .navbar-form label { /*display: none;*/ color: #d6083b; position: absolute; top: 0; right: 8px; width: 20px; line-height: 43px; font-size: 17px; margin-bottom: 0; } #search-wrapper .navbar-form label em { display: block; line-height: 36px; font-weight: 300; } #search-wrapper .navbar-form button { color: #d6083b; font-size: 24px; width: 37px; height: 45px; position: absolute; top: 0; right: 0; padding: 0; background: none; border: none; } #search-wrapper .navbar-form button em { display: block; width: 25px; height: 25px; background: url(../images/icon-search.png) no-repeat 0 0 / auto 25px; } #search-wrapper .navbar-form button span { display: none; } /*** search in the header ***/ #search-block { width: 310px; float: left; margin-top: 19px; display: block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; } #search-block .container { width: 100%; padding: 0; } #search-block #search-close { display: none; } #search-block #search-wrapper { display: block; } #search-block #search-wrapper .navbar-form { padding-right: 0; } #search-block #search-wrapper .navbar-form .form-control { font-size: 11px; padding: 0 40px 0 15px; height: 45px; background: #fff; border: 1px solid #c9c9c9; width: 100%; text-transform: uppercase; } /*** search on mobile ***/ #header-search { float: right; background: #fff; padding: 15px 0; -webkit-box-shadow: rgba(0,0,0,0.6) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.6) 0 1px 3px; box-shadow: rgba(0,0,0,0.6) 0 1px 3px; } #header-search #search-close { } #header-search #search-close:hover, #header-search #search-close:focus { background: #fff; } #header-search #search-wrapper { width: 90%; margin: 0; } /*** user-block ***/ #user-block { position: relative; float: right; margin: 19px 0 0 0; height: 45px; padding-left: 15px; } #loggedout-box, #loggedin-box { position: relative; padding-left: 20px; } #loggedout-box { margin-left: 7px; border-left: 1px solid #ccc; } #loggedout-box a, #loggedout-box a:visited, .link-login { font-size: 16px; height: 45px; line-height: 45px; /*padding: 0 60px 0 20px;*/ padding: 0 10px 0 20px; /*position: relative;*/ } #loggedout-box a:hover, #loggedout-box a:focus { color: #fff; } #loggedout-box a em, .link-login em { /*position: absolute; top: 5px; right: 10px;*/ margin-left:15px; transform: translateY(1px); display: inline-block; line-height: 31px; width: 35px; height: 35px; border: 2px solid #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } #user-trigger { color: #050505; padding: 5px 25px 5px 35px; text-align: left; float: left; background: url(../images/icon-user.png) no-repeat 0 10px / 26px auto; outline: none; } #user-trigger .user-welcome { font-size: 13px; display: block; } #user-trigger .username { font-size: 13px; display: block; text-transform: uppercase; font-family: 'montserratbold'; } #user-trigger .fa-chevron-right, #user-trigger .fa-chevron-down { font-size: 19px; color: #d6083b; top: 22px; width: 15px; right: 0; position: absolute; display: block; } #user-trigger .fa-chevron-right, #user-trigger.open .fa-chevron-down { display: block; } #user-trigger .fa-chevron-down, #user-trigger.open .fa-chevron-right { display: none; } #user-block .userpoints { float: right; padding: 4px 0 5px 25px; margin: 0 0 0 25px; text-transform: uppercase; line-height: 1.2; border-left: 1px solid #ccc; } #user-block .userpoints big { font-size: 16px; display: block; font-family: 'montserratbold'; } #user-block .userpoints small { font-size: 11px; } #submenu-user, #favblock-dropdown, #header-categories { border: 1px solid #ccc; border-top: 4px solid #d6083b; } #submenu-user, #favblock-dropdown { width: 310px; font-size: 15px; background: #fff; position: absolute; top: 59px; left: 0; right: auto; margin: 0; padding: 5px 0 0; text-align: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #submenu-user { border-bottom: none; } #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 #ccc; } #submenu-user a, #submenu-user a:visited { font-size: 16px; color: #404040; line-height: 1.3; padding: 13px 15px; position: relative; display: block; font-family: 'montserrat_semiboldregular'; } #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; } .user-details { background: #efefef; color: #000; border-bottom: 1px solid #d8d8d8; overflow: hidden; padding: 5px 0px; margin-bottom: 10px; } .user-details-item { padding: 7px 15px; } .user-details-name strong { font-family: 'montserratbold'; } .user-details-logout { background: #efefef; color: #000; border-top: 1px solid #d8d8d8; overflow: hidden; padding: 5px 0px; margin-top: 10px; } /*** fav-block ***/ #fav-block { position: relative; } a#fav-trigger { line-height: 48px; text-transform: uppercase; font-family: 'montserrat_semiboldregular'; } a#fav-trigger span { position: relative; display: block; } a#fav-trigger .fa-heart { display: none; font-size: 25px; color: #512698; line-height: 30px; width: 30px; top: 7px; right: 5px; position: absolute; text-align: center; padding: 0; } #fav-number { display: none; font-size: 10px; color: #fff; line-height: 30px; width: 30px; position: absolute; top: 7px; right: 5px; text-align: center; font-family: 'montserrat_semiboldregular'; } #fav-block div.more { border: none; text-align: right; background: #fff; border-top: 1px solid #ccc; } #fav-block .more a, #fav-block .more a:visited { font-size: 13px; padding: 15px; display: block; font-family: 'montserrat_semiboldregular'; } #fav-block .more a em { display: none; } /*** fav block ***/ #favblock-dropdown { width: 250px; padding: 0; top: 44px; } #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 a.link-to-merchant { background: #fff; padding: 0; text-align: left; min-height: auto; padding: 10px 15px; border: none; border-bottom: 1px solid #d8d8d8; } #fav-block .merch-item:hover a.link-to-merchant, #fav-block a.link-to-merchant:hover, #fav-block a.link-to-merchant:focus { background: #f2f2f2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #fav-block a.link-to-merchant .merch-banner, #fav-block a.link-to-merchant .merch-icons { display: none; } #fav-block a.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 a.link-to-merchant .merch-title span { height: auto; } #fav-block a.link-to-merchant .merch-rates { display: block; font-size: 15px; } #fav-block .merch-list .merch-item .merch-fav { top: 0; left: auto; right: 0; } #fav-block .favremove { color: #818488; background: transparent; position: absolute; top: 0; 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: #d6083b; } #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; } /*** basis *********/ #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: 1; } /*** 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 ***********/ #promo-top { margin-bottom: 10px; margin-top: 10px; } /*** home-sections ***/ .home-sections { padding-bottom: 40px; 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; font-family: 'montserratbold'; 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 { border: 1px solid #c0c0c0; -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 { text-decoration: none; border-color: #aaa; -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); } .merch-item { position: relative; } .merch-item a.link-to-merchant, .merch-item a.link-to-merchant:visited { color: #404040; background: #fff; display: block; 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; } .merch-item a .merch-title { color: #404040; display: table; font-size: 14px; font-family: 'montserrat_semiboldregular'; 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 { display: block; font-size: 16px; color: #512698; margin-bottom: 10px; line-height: 1.2; position: relative; font-family: 'montserratbold'; } .merch-item a .merch-rates-was { font-size: 11px; display: block; padding: 1px 0 0; font-weight: normal; } .merch-item a .merch-rates .label-earn { font-size: 10px; opacity: 0.5; font-weight: normal; text-transform: uppercase; padding-right: 3px; position: absolute; top: -9px; left: 0; width: 100%; display: block; } .merch-item a .merch-rates-was .label-was { font-weight: normal; padding-right: 3px; text-transform: lowercase; } /*.merch-item .merch-icons { display: none; }*/ .with-carousel .box-cnt { background: url(../images/ajax-loader.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 div.owl-next, .owl-controls .owl-nav div.owl-prev { position: absolute; top: 0; left: 0; width: 40px; overflow: hidden; } .owl-controls .owl-nav div.owl-next { left: auto; right: 0; } .owl-controls .owl-nav div.owl-next a, .owl-controls .owl-nav div.owl-prev a { width: 40px; height: 40px; color: #979797; border: 2px solid #979797; display: block; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .owl-controls .owl-nav div.owl-next a { } .owl-controls .owl-nav div.owl-next a:hover, .owl-controls .owl-nav div.owl-next a:focus, .owl-controls .owl-nav div.owl-prev a:hover, .owl-controls .owl-nav div.owl-prev a:focus { background: #f2f2f2; color: #d6083b; outline: none; } .owl-controls .owl-nav div.owl-next a:active, .owl-controls .owl-nav div.owl-prev a:active { background: #d6083b; color: #fff; border-color: #d6083b; outline: none; } .owl-controls div.owl-next em, .owl-controls div.owl-prev em { line-height: 38px; width: 100%; outline: none; font-size: 30px; font-weight: 300; } .owl-controls div.owl-next em { text-align: right; padding: 0 10px 0 0; } .box .owl-carousel .owl-item img { width: auto; } .with-carousel .owl-controls { top: auto; bottom: -45px; left: 0; width: 100%; text-align: center; } .with-carousel .owl-nav { display: none !important; } .promowide .promoitem, #mainbanner-mobile .item { top: 0; position: absolute; opacity: 0; } .promowide.owl-loaded .promoitem, #mainbanner-mobile.owl-loaded .item { top: 0; position: relative; opacity: 1; } #box-offers { margin: 20px -15px 80px; } #box-offers { margin: 20px 0px 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: 5px; } #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: -10px; width: 110px; margin: auto; } /*** carousel-2-rows ***/ #box-offers.carousel-2-rows .box-cnt { 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: 415px; } #box-offers.carousel-2-rows .owl-controls div.owl-next em, #box-offers.carousel-2-rows .owl-controls div.owl-prev em { line-height: 400px; } #box-offers.carousel-2-rows .carousel, #box-offers.carousel-2-rows .carousel .owl-stage { min-height: 415px; max-height: 415px; } /*** 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: #d6083b; font-size: 10px; padding-right: 5px; position: relative; top: -1px; } /*** tabs ***/ .with-tabs .container { padding: 0; } .tabs { margin: 0 0 20px; overflow: hidden; padding: 0; font-weight: 400; font-size: 18px; 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; margin-right: 5px; } .tabs ul li a { background: #fff; color: #000; line-height: 20px; display: block; padding: 10px 15px; text-decoration: none; border: 1px solid #d6083b; position: relative; } .tabs ul li a:hover, .tabs ul li a:focus { background: #ececec; color: #000; } .tabs ul li.active a, .tabs ul li.active a:hover { background: #d6083b; cursor: default; color: #fff; } .tabs ul li a em { display: none; } .tabs-list { margin: 0; padding: 20px 0 0; font-size: 16px; } .tabs-list:before { display: none; } .tabs-list ul li { float: none; display: block; } .tabs-list ul li a { background: #fff; color: #d6083b; padding: 8px 0; border: none; font-family: 'montserrat_mediumregular'; } .tabs-list ul li a:hover, .tabs-list ul li a:focus { background: #fff; } .tabs-list ul li.active a, .tabs-list ul li.active a:hover, .tabs-list ul li.active a:focus { color: #d6083b; font-family: 'montserratbold'; 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; overflow: hidden; padding: 15px 0; width: 100%;} #home .box .box-hdr { padding-bottom: 5px; } .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; } .box.static-page .box-hdr h2 { float:none;width:auto;} .box .box-hdr .right-part { float: right; padding-top: 15px; } .box .box-hdr .right-part .links { padding: 0; text-align: right;} a.more { font-size: 16px; } a.more em { font-size: 16px; position: relative; top: 1px; display: none; } .box .box-cnt { padding: 20px; } #home .box-hdr { position: relative; } #home #box-offers .box-hdr, #home #box-travel .box-hdr { /*padding-left: 15px; padding-right: 15px;*/ padding-left: 0; padding-right: 0; } #home .box-hdr h1, #home .box-hdr h2, .leftpanel .box .box-hdr h1, .leftpanel .box .box-hdr h2 { font-size: 32px; text-align: center; display: block; font-family: 'montserratbold'; letter-spacing: 3px; padding: 0; margin-bottom: 0; position: relative; text-transform: uppercase; } .leftpanel .box .box-hdr h1, .leftpanel .box .box-hdr h2 { font-size: 25px; } .leftpanel .box .box-hdr h1 { margin: 20px 0; } #home .box-hdr { margin-bottom: 20px; } #home .box .box-cnt { padding: 0; } #home .box-hdr h3 { color: #333; font-size: 25px; padding: 34px 0 10px; border-top: 1px solid #ccc; text-align: center; display: block; font-family: 'montserratbold'; letter-spacing: 2px; margin-bottom: 0; position: relative; text-transform: uppercase; } #home #box-panels .box-hdr h2 { /*padding-bottom: 28px;*/ } /*** box-vouchers *******/ #box-vouchers .box-cnt:after { clear: both; display: block; content:""; } .voucher-list .voucher-item { position: relative; margin: 0 0 30px; } .voucher-list .voucher-item .link-to-voucher { background: #fff; padding: 20px; display: block; text-align: center; overflow: hidden; text-decoration: none; position: relative; } .voucher-list .voucher-item .merchant-banner { width: 120px; margin: 0 auto 20px; display: block; } .voucher-list .voucher-item .merchant-banner img { text-align: center; margin: auto; } .voucher-list .voucher-item .merchant-title { color: #404040; font-size: 14px; font-family: 'montserratbold'; margin-bottom: 15px; display: block; } .voucher-list .voucher-item .item-txt { display: block; width: 100%; padding: 0; min-height: 60px; color: #000; font-size: 13px; line-height: 1.3; } .voucher-list .voucher-item .item-txt .txt { display: block; margin-bottom: 100px; } .voucher-list .voucher-item .item-txt .voucher-txt { color: #d6083b; font-size: 18px; height: 70px; display: block; margin-bottom: 5px; overflow: hidden; font-family: 'montserratbold'; } .voucher-list .voucher-item .item-txt .voucher-code { margin-bottom: 10px; display: block; font-size: 12px; } .voucher-list .voucher-item .item-txt .voucher-code strong { font-weight: normal; font-family: 'montserratbold'; } .voucher-list .voucher-item .item-txt .voucher-expdate { color: #d6083b; font-size: 12px; display: block; font-family: 'montserrat_semiboldregular'; } .voucher-list .voucher-item .item-txt .voucher-expdate .date { } .voucher-list .voucher-item .item-txt .voucher-tc { font-size: 10px; color: #4b4f54; text-align: left; display: block; font-family: 'montserrat_semiboldregular'; } .voucher-list .voucher-item .item-txt .voucher-tc span { padding: 20px 0 0; border-top: 1px solid #ccc; display: block; } .voucher-tc-link { color: #333; top: -8px; position: relative; display: block; margin-bottom: -8px; } .voucher-tc-link:hover, .voucher-tc-link:focus { text-decoration: none; } .voucher-tc-text { padding: 10px 0 0; opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .voucher-tc-text.in { opacity: 1; } .voucher-tc-link:after { font-size: 16px; color: #d6083b; padding-left: 5px; position: relative; top: 2px; display: inline-block; content:"\f078"; font-family:'Font Awesome 5 Pro'; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .voucher-tc .voucher-tc-link.collapsed:after { transform: rotate(-90deg); top: 5px; } .voucher-list .voucher-item .voucher-getoffer { position: absolute; top: 300px; left: 0; width: 100%; text-align: center; } #instore-offers { margin: 0 -15px 0; padding: 0 15px; } /*** 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; } .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: 5px; right: 3px; } .merch-item .merch-fav a { display: inline-block; width: 22px; height: 22px; font-size: 17px; color: #d6083b; background: rgba(255,255,255,0.5); -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .merch-item .merch-fav a:hover, .merch-item .merch-fav a:focus { color: #d6083b; outline: none; } .merch-item .merch-fav .favremove, .merch-item.favorite .merch-fav .addfav { display: none; } .merch-item.favorite .merch-fav .favremove { color: #d6083b; 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; } */ #box-popular .merch-item a.link-to-merchant { min-height: 251px; } /*#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; } .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: #d6083b; display: inline-block; width: 26px; height: 26px; line-height: 26px; margin-right: 4px; display: inline-block; outline: none; text-align: center; zoom: 1; } .merch-icons > span, .merch-icons > span em { color: #000; } .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: #d6083b; 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; } .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: #d6083b 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 on Merchant page ***/ #merchant-single .merch-icons a, #merchant-single .merch-icons > span { float: none; display: block; width: 100%; overflow: hidden; text-align: left; margin-bottom: 5px; } #merchant-single #leftcol .merch-icons span span, #merchant-single #leftcol .merch-icons a span { padding-left: 5px; } #merchant-single #leftcol .merch-icons br{display: none;} .icons-inrow { position: absolute; top: 6px; right: 8px; } body.logged-in .icons-inrow { right: 30px; } .icons-inrow .ico { margin-left: 10px; } .icons-inrow .ico-voucher, #merchant-single .icons-inrow .ico-voucher { display: inline-block; width: 19px; height: 19px; margin-bottom: 0; } .icons-inrow .ico-voucher em { width: 19px; height: 19px; font-size: 10px; color: #d6083b; margin: 0; display: block; background: url(../images/icon-voucher.png) no-repeat 0 0 / 19px auto; } .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; } .filter-block .dropdown-menu { min-width: 100% !important; min-height:0 !important; max-height:50vh !important; padding: 0; border: 1px solid #ccc; z-index: 1000; -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: 14px; color: #404040; line-height: 1.3; padding: 13px 15px; position: relative; display: block; } .filter-block .dropdown-menu > li.selected > a { background: #eee; } .block4filters.top { margin-bottom: 0px; padding: 0; position: relative; } .block4filters.bottom { overflow: hidden; margin: 0 -15px 20px; padding: 0 15px; } .filter-block .fldst-orderby { float: left; margin-right: 7px; } .filter-block .fldst-perpage { float: left; } .filter-block label { color: #000; 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; } #page-featured .block4filters.top, #page-offers .block4filters.top { margin: 0; } #page-featured .block4filters.top .paginator, #page-offers .block4filters.top .paginator { position: absolute; top: -70px; right: 0; } .bootstrap-select.btn-group .btn { font-size: 14px; background: #fff; color: #000; font-weight: normal; text-transform: none; border: 1px solid #cccccc; position: relative; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; font-family: 'montserratregular';} .bootstrap-select.btn-group .btn .caret { right: 8px; color: #000; 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: #d6272e; font-size: 16px; line-height: 35px; 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: #333; line-height: 18px; display: block; font-family: 'montserrat_semiboldregular'; } .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; font-family: 'montserrat_semiboldregular'; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #d6083b; background: #fff; } #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%; } #az-letters ul li a { padding: 3px 0px; text-align: center; margin: 1px; } #az-letters ul li.selected a { background: #512698; } .filter-theme-btns label { display: none !important; } #page-filters { padding: 15px 0 0;} /*** fiter: as buttons ***/ @media (min-width: 1024px) { #page-filters { padding: 20px 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: 42px; 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 #404040; border-left: none; overflow: hidden;} .filter-btns .dropdown-menu ul li:first-child { border-left: 1px solid #404040;} .filter-btns .dropdown-menu ul li a { width: 120px; /*width: 100%;*/ color: #404040; font-size: 15px; line-height: 1.2; padding: 10px 5px; display: block; text-align: center; font-family: 'montserrat_semiboldregular'; } .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: #512698; } #page-vouchers .filter-btns .dropdown-menu ul li a { width: 160px; } /* .filter-btns-3 .fldst-orderby .dropdown-menu ul li { width: 33%; } .filter-btns-3 .fldst-orderby .dropdown-menu ul li:first-child { width: 34%; } */ .filter-btns-4 .fldst-orderby .dropdown-menu ul li { width: 25%; } #page-az .filter-theme-btns .filter-block { float: right; /*width: 40%;*/ width: 364px; position: relative; } #page-az .filter-theme-btns .fldst-orderby { float: right; width: 100%; } #page-az .filter-theme-btns .filter-block#az-letters { float: left; /*width: 58%;*/ width: calc(100% - 364px - 30px); } #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 #404040; -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;} #az-letters ul li { width: 3.5%;} #az-letters ul li:first-child { width: 5.5%; } #az-letters ul li a { font-size: 15px; margin: 0; line-height: 34px; color: #512698; font-family: 'montserrat_semiboldregular'; } } @media (min-width: 1056px) { .filter-btns .dropdown-menu ul li a { width: 120px;} #page-az .filter-theme-btns .filter-block { width: 364px;} #page-az .filter-theme-btns .filter-block#az-letters { width: calc(100% - 364px - 30px); } } @media (min-width: 1156px) { .filter-btns .dropdown-menu ul li a { width: 135px;} #page-az .filter-theme-btns .filter-block { width: 409px;} #page-az .filter-theme-btns .filter-block#az-letters { width: calc(100% - 409px - 30px); } } @media (min-width: 1277px) { .filter-btns .dropdown-menu ul li a { width: 150px;} #page-az .filter-theme-btns .filter-block { width: 454px;} #page-az .filter-theme-btns .filter-block#az-letters { width: calc(100% - 454px - 30px); } } /*** 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: #dadada; } .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; font-family: 'montserrat_semiboldregular'; } .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: #dadada; } .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; font-family: 'montserrat_semiboldregular'; } .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; } #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; } #help-faqs #faqs-list li a { font-size: 20px; color: #333; padding: 12px 0 12px 29px; padding-left: 0; background: transparent; border: none; position: relative; text-align: left; font-family: 'montserrat_semiboldregular'; } #help-faqs #faqs-list li a:hover, #help-faqs #faqs-list li a:focus { color: #333; background: transparent; border: none; } #help-faqs #faqs-list li a:before { display: none; font-size: 32px; color: #787B7f; position: absolute; top: 4px; left: 0; content:"\f105"; font-family:'Font Awesome 5 Pro'; } #help-faqs #faqs-list li.active a { color: #d6083b; } #help-faqs #faqs-list li.active a:before { color: #d6083b; display: none; } #help-faqs .tab-pane h3 { font-size: 20px; padding-top: 15px; margin: 0; color: #333; font-family: 'montserrat_semiboldregular'; } #help-faqs .tab-pane h4, #help-faqs .tab-pane .text { padding-left: 25px; } #help-faqs .tab-pane h4 { font-size: 14px; color: #333; border-top: 1px solid #d4d4d4; padding-top: 25px; padding-bottom: 15px; padding-right: 50px; position: relative; cursor: pointer; font-family: 'montserrat_semiboldregular'; } #help-faqs .tab-pane h4:after { font-size: 15px; color: #d6083b; display: block; font-weight: bold; position: absolute; top: 25px; left: 0; content: "\f078"; font-family: 'Font Awesome 5 Pro'; } #help-faqs .tab-pane h4.collapsed:after { color: #979797; font-size: 20px; top: 22px; left: 2px; content: "\f105"; font-weight: 400; } #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 .tab-pane h4.collapsed:first-of-type:after { top: 12px; } .help-faqs-text { margin-bottom: 30px; } /*** ajaxloader ***/ .ajaxloader { text-align: center; padding: 20px 0 0; } .ajaxloader .ajaxloader-text { font-size: 12px; margin-bottom: 5px; } .ajaxloader .ajaxloader-progress { } .ajaxloader .loadmore { } .ajaxloader-progress { max-width: 490px; margin: 0 auto 10px; } .progress { height: 4px; background: #d4d4d4; overflow: inherit; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .progress-bar { background: #512698; position: relative; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .progress-bar:after { width: 8px; height: 8px; background: #512698; position: absolute;; top: -2px; 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 { padding: 10px 0 0; } #merchant-single #leftcol { min-width: 120px; width: 23.7%; float: left; border: 1px solid #ccc; background: #fff; max-width: 292px; position: relative; } #merchant-single #leftcol .leftcol-cnt { padding: 0 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 .rightcol, #box-merchant-vouchers, #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 { color: #333; font-family: 'montserratbold'; text-transform: uppercase; } #merchant-single h1 { text-transform: none; } #merchant-single h2 { font-size: 25px; margin-top: 30px; } #merchant-single h3 { font-size: 25px; } .merchant-title-mobile { display: none; } #page-merchant #page-promo { margin-bottom: 20px; } #merchant-single #leftcol .merch-item { background: #fff; padding: 30px 10px; text-align: center; position: relative; font-family: 'montserrat_mediumregular'; } #merchant-single .merchant-title { display: none; color: #000; font-size: 15px; font-family: 'montserrat_semiboldregular'; margin-bottom: 8px; } #merchant-single .merchant-rates { color: #512698; font-size: 20px; margin-bottom: 5px; text-align: center; font-family: 'montserratbold'; } #merchant-single.with-spec-offer .merchant-rates .label-earn { display: block; font-weight: normal; font-size: 13px; } #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 5px; position: relative; } #merchant-single .merchant-rates-was .label-earn { padding-right: 5px; text-transform: lowercase; } #merchant-single .spec-until { font-size: 13px; } #merchant-single #merchant-description { margin-bottom: 15px; line-height: 1.4; } #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: #d6083b; margin: 20px 0 30px; padding: 0 30px; display: block; font-family: 'montserrat_mediumregular'; } #merchant-single .merch-icons span { color: #d6083b;} #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 a, #product-single .shopnow a { display: block; line-height: 30px; padding: 10px; } #merchant-single .shopnow a:after, #product-single .shopnow a:after { line-height: 52px; font-size: 24px; } /*** 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 #d6083b; 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; } #merchant-single .banner-ancillary { margin: 0 0 15px; } #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; } /*** voucher-list ****************/ #merchant-vouchers-wrapper { background: #f9f9f9; padding: 20px 0; margin-top: 10px; } #box-merchant-vouchers h2 { color: #d6083b; font-family: 'montserratbold'; text-transform: uppercase; margin: 30px 0 20px; } /*** box-merchant-recommended ***/ #merchant-recommended-wrapper { background: #fff; padding: 50px 0 20px; } #box-merchant-recommended h2 { font-size: 25px; color: #404040; font-family: 'montserratbold'; text-transform: uppercase; margin: 0px 0 20px; } /*** merchant-images ***/ #merchant-images { padding-top: 10px; padding-bottom: 10px; } #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 { font-size: 85%; padding: 10px 0 0; display: block; line-height: 1.3; } #merchant-images.owl-loaded .item { opacity: 1; } #merchant-images .owl-dots { background: none; padding: 19px 0; } #merchant-images .owl-dots .owl-dot span { background: #d4d4d4; } #merchant-images .owl-dots .owl-dot.active span { background: #4b4f54; } #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; } /*** transactions **********************/ #user-transactions, #user-clicks, #user-favorites, #user-subscription { border: 1px solid #d8d8d8; background: #fff; padding: 0 20px 0; border: none; padding: 0; } #user-transactions .box-hdr, #user-clicks .box-hdr, #user-favorites .box-hdr, #user-subscription .box-hdr, .userpage .leftpanel .box-hdr { border: none; padding-top: 0; } .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: #000; 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: #d6083b; font-weight: normal; } .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: #d6083b; } .legend-pending:before { content:"\f111"; font-weight: 400; } .legend-approved:before,.legend-paid:before { content:"\f111"; font-weight: 900; } .legend-cancelled: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; } #leftcol .promocode-success { font-size: 13px; color: #512698; 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-table ***/ .user-table { margin-bottom: 20px; clear: both; padding-top: 20px;} table { width: 100%; border: 1px solid #d8d7d7; } th, td { padding: 15px; font-size: 14px; color: #333; } th { color: #fff; font-size: 14px; padding: 20px 15px; background: #512698; font-weight: normal; font-family: 'montserratbold'; white-space: nowrap; } td { border-top: 1px solid #d8d7d7; border-right: 1px solid #d8d7d7; } /*tr.even td { background: #f2f2f2; }*/ .user-table table{border-right: none; border-left: none;} .user-table table th, .user-table table td{ text-align: center; border-right: none; border-left: none;} .user-table table div.tablesorter-header-inner{ display: inline; } .user-table .trans-date { /*width: 60px;*/} .user-table .trans-merchant { } .user-table td.trans-status { /*width: 130px;*/} .user-table td.trans-points { /*width: 100px;*/ font-size: 15px; text-align: center; color: #333; /*font-family: 'montserratbold';*/ } .user-table td.trans-spend { /*width: 100px;*/ } .user-table td.trans-purchaseid { /*width: 130px;*/ } .user-table .trans-status span:before { line-height: 24px; font-family:'Font Awesome 5 Pro'; font-size: 16px; color: #d6083b; } .user-table .clickid { /*width: 120px;*/ } td.right { border-right: none; } .user-table .bg-danger td { background-color: #f2dede !important; } a.user-link-to-merchant { display: inline-block; color: #333; text-decoration: none; font-family: 'montserrat_mediumregular'; } a.user-link-to-merchant .merch-banner { max-width: 120px; margin: 0 auto 5px; display: block; } #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"; font-weight: bold; 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: #512698;; padding: 10px 10px 10px 15px; float: left; width: 30%; border-left: 1px solid #d3d2d2; border-bottom: 1px solid #d3d2d2; font-family: 'montserratbold'; } .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; font-family: 'montserratbold'; } .transaction-item .trans-merchant .trans-label { display: none; } .transaction-item .trans-merchant .trans-value { width: 100%; float: none; } #user-missingpoints h2 { margin-bottom: 10px; font-size: 25px;} #user-missingpoints h2 a { position: relative; padding-right: 30px; outline: none; text-decoration: none;} #user-missingpoints h2 a em { font-size: 24px; color: #d6083b; position: absolute; top: -1px; right: 0; } #user-missingpoints h2 a .fa-chevron-right , #user-missingpoints h2 a.collapsed .fa-chevron-down { display: none; } #user-missingpoints h2 a.collapsed .fa-chevron-right , #user-missingpoints h2 a .fa-chevron-down { display: block; } /*** clicks ***/ #user-clicks .user-filter.block4filters { padding-top: 0; } .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 ***/ #subscription-form .checkbox label { font-weight: normal; } #subscription-form .form-group { margin-bottom: 20px; } #subscription-form input[type="text"] { width: 60%; } .checkbox input[type="checkbox"]:checked + label:after, .checkbox input[type="radio"]:checked + label:after { font-weight: bold; } #page-subscription .form-submit { padding-top: 10px; } #page-subscription .form-submit .btn { padding-left: 40px; padding-right: 40px; } /*** page-fav *********/ .fav-steps { overflow: hidden; padding: 20px 0 0; } .fav-steps .fav-heart { margin: 0 0 20px; width: 150px; text-align: center; float: left; font-family: 'montserratregular'; } .fav-steps .fav-heart em { font-size: 50px; color: #d6083b; width: 110px; height: 110px; line-height: 110px; display: block; border: 2px solid #d6083b; margin: 0 auto 20px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .fav-steps .fav-steps-arrow em { font-size: 30px; color: #333; line-height: 110px; 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 { color: #333; margin-bottom: 0; padding-bottom: 0; letter-spacing: inherit; text-transform: uppercase; font-family: 'montserratbold'; text-align: left; } .userpage .leftpanel .box h2 { color: #333; margin-bottom: 0; padding-bottom: 0; letter-spacing: inherit; text-transform: uppercase; font-family: 'montserratbold'; text-align: left; } .userpage .leftpanel .box h2 a { color: #333; } /*** message *******************/ .msg { margin-bottom: 20px; padding: 5px 10px; border: 1px solid #ccc; background: #e7e7e7; font-size: 11px; } /*** copy *****************************************/ .copy { } .copy h1, .copy h2 { font-size: 25px; margin-bottom: 15px; color: #333; text-transform: uppercase; letter-spacing: inherit; font-family: 'montserratbold'; } .copy ul, .copy ol, .copy p { margin-bottom: 25px; } .copy ol { padding-left: 0; } .copy ul { list-style: none; margin-left: 0; padding-left: 15px; } .copy ul li { padding: 2px 0 5px 10px; position: relative; margin-bottom: 5px; } .copy ul li:before { font-size: 6px; color: #404040; content:"\f111"; font-family:'Font Awesome 5 Pro'; width: 15px; display: inline-block; position: absolute; top: 7px; left: -7px; font-weight: bold; } .copy ol li { list-style: decimal; margin-left: 20px; padding: 2px 0 3px 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 strong { font-family: 'montserratbold'; font-weight: normal; } .copy dl { } .copy dl dt { font-family: 'montserratbold'; margin-bottom: 5px; color: #111; } .copy dl dd { margin: 0 0 20px 0px; } #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: #d6083b; display: block; font-family: 'montserratbold'; 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"; } .staticpage .leftpanel .box .box-hdr h1 { color: #333; margin-bottom: 0; padding-bottom: 0; letter-spacing: inherit; text-transform: uppercase; font-family: 'montserratbold'; text-align: left; } .staticpage .leftpanel .box h2 { font-size: 25px; color: #333; margin-bottom: 15px; padding-bottom: 0; letter-spacing: inherit; text-transform: uppercase; font-family: 'montserratbold'; text-align: left; } .staticpage .leftpanel .box h2 a { color: #333; } /*** help ****/ #page-help .toptext { padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px solid #ccc; position: relative; } #page-help .toptext-text { margin-right: 230px; } #page-help .toptext .btn { position: absolute; top: 0; right: 0; } /*** 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 { text-transform: uppercase; font-size: 30px; } #pagebanner-hiw { height: 400px; background: url(../images/promo-hiw.jpg) no-repeat center center / auto 100%; } .hiw-steps { padding: 56px 0 0; } .hiw-step { padding: 21px; text-align: center; background: rgba(255,255,255,0.9); } .hiw-step .hiw-step-title { font-size: 22px; color: #333; margin-bottom: 19px; line-height: 1.3; text-transform: uppercase; font-family: 'montserratbold'; } .hiw-step .hiw-step-image { max-width: 135px; margin: 0 auto 20px; } .hiw-step .hiw-step-text { font-size: 18px; padding: 0 5px; line-height: 1.3; font-family: 'montserrat_mediumregular'; } /*** faqs ***/ #page-faqs .questions { overflow: hidden; background: #f2f2f2; border: 1px solid #efefef; padding: 10px; margin-bottom: 15px; } #page-faqs .questions ul { margin: 0; padding: 0 0 0 20px; } #page-faqs .questions ul li { float: left; width: 45%; background: none; padding-left: 10px; } .cookie-title { font-family: 'montserrat_semiboldregular'; } /*** terms ***/ #page-terms ul li:before { display: none; } .important { border: 1px solid #ccc; background: #f7f7f7; padding: 15px; margin-bottom: 20px; } .important h3 { margin: 10px 0 20px; } .important-inverse { background: #d6083b; border-color: #d6083b; 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; } /*** contact-form ******************************************************/ #contact-form { background: #fff; } #contact-form h3 { font-size: 16px; margin: 5px 0 25px; color: #333; font-family: 'montserrat_semiboldregular'; } #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-family: 'montserrat_semiboldregular'; } .label-required-field { color: #008ec3; font-family: 'montserrat_semiboldregular'; top: -60px; position: relative; margin-bottom: -40px; } #contact-form .bootstrap-select { width: 100%; max-width: 800px; } #contact-form .form-item input, #contact-form .form-item select, #contact-form .form-item textarea { width: 100%; padding: 5px 7px; float: none; } #contact-form .form-item input#formTrReceipt { width: auto; } #contact-form .form-item select{ width: 100%; } #contact-form .form-item textarea { height: 150px; padding: 3px 5px; } #contact-form .form-control { font-size: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #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; } #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; } #contact-form .form-submit .btn { padding-left: 50px; padding-right: 50px; } #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: #333; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #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; } /*** calendar ***/ .datepicker table { border: none; } .datepicker td { border: none; } .datepicker th { background: transparent; color: #544539; border-bottom: 1px solid #ccc; border-top: 2px solid #fff; } .datepicker td, .datepicker th { width: 30px !important; text-align: center; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /*** today ***/ .datepicker td.today { background: #ccc; } /*** 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 { background: #fcd100; } /*** disabled ***/ .datepicker td.disabled, .datepicker td:hover.disabled { color: #ccc; cursor: default; background: transparent } .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: #008ec3; color: #fff; } /*** contact: instore ***/ #page-contact-instore .label-required-field { top: -30px; margin-bottom: -10px; } #page-contact-instore #formCard { width: 100%; } #page-contact .radio label { top: -8px; } /*** 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 { background: #23173b; font-size: 14px; color: #fff; height: auto; min-height: 250px;} #footer a, #footer a:visited { color: #fff; } #footer a:hover, #footer a:focus { color: #b9a8d6; text-decoration: none; } #footer-top { padding: 30px 0; } #footer-top h3 { font-size: 14px; color: #fff; font-family: 'montserratbold'; padding: 0; margin: 0 0 18px; } #footer-top .ftr-mainnav ul { margin: 0; padding: 0; list-style: none; } #footer-top .ftr-mainnav ul li { padding-bottom: 15px; } .footer-app a { margin-right: 15px; } .footer-app a em { font-size: 16px; padding-right: 7px; } .footer-socials { text-align: right; } #footer-top .footer-socials h3 { display: inline-block; margin: 0 5px 0 0; padding: 0; position: relative; top: -4px; } .footer-socials a { font-size: 24px; margin: 0 0 0 15px; display: inline-block; } #footer-bottom { font-size: 12px; position: relative; /*background: url(../images/footer-airplane.png) no-repeat 52% 160px / 43px auto;*/ background: #23173b url(../images/footer-line.png) no-repeat right 11px / 48% 4px; } #footer-bottom .container{ background: url(../images/footer-airplane.png) no-repeat 52% 0px / 43px auto; padding-bottom: 30px; } #ftr-logo { width: 86px; margin-bottom: 20px;} .copyright { font-weight: 300; padding: 5px 0 0; opacity: 0.8; } #footer { /*background: #23173b url(../images/footer-line.png) no-repeat right 170px / 48% 4px; */} .footer-inner { position: relative;} /*** back-to-top ***/ #footer #back-to-top { cursor: pointer; font-size: 20px; background: #fff; color: #d6083b; 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 { background: #d2d3d4; position: relative; 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: #333; } .box .owl-carousel .owl-item .promoitem.banner-hasONLY-image img { width: 100%; } .promoitem-frame { opacity: 0; padding: 30px 0 0; width: 100%; } .promomerch { position:relative; width: 394px; height: 388px; background: rgba(255,255,255,1); } .promomerch-banner { padding-top: 20px; padding-bottom: 15px; background: #fff; } .promomerch-banner img { max-width: 120px; padding: 10px 0 0; } .promomerch-cnt { padding: 0 25px; } .promomerch-title { color: #333; font-size: 22px; text-transform: uppercase; margin-bottom: 10px; font-family: 'montserratbold'; } .promomerch-text { padding-bottom: 10px; } .promomerch-rate { color: #512698; font-size: 18px; margin-bottom: 10px; font-family: 'montserratbold'; } .promomerch-rate-was { margin-bottom: 0; margin-top: -5px; } .promomerch-until { color: #333; font-size: 12px; margin-bottom: 10px; } .promomerch-link { position: absolute; bottom: 25px; display: block; /*width: 85%;*/ left: 25px; right:25px; } .promomerch-link a { display: block; font-size: 16px; padding: 15px 25px; position: relative; text-align: center; } .promomerch-link a em { 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-text1.banner-hasNO-merchant.banner-has-text2 .promomerch-title { padding-top: 120px; margin-bottom: 30px; } .promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2 .promomerch-title { padding-top: 140px; } .promoitem.banner-has-text1.banner-hasNO-merchant.banner-hasNO-text2.banner-hasNO-cta .promomerch-title { padding-top: 160px; } .promowide-top .banner-withONLY-link-image img { display: none !important; } .promowide-secondary .banner-withONLY-link-image img { display: block !important; } .promowide-top .banner-hasONLY-image { height: inherit !important; } .promowide-top .banner-hasONLY-image img { display: block !important; } /*** secondary ***/ .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: 30px; 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.2) 0 0 5px; } .promowide-secondary .promomerch-text, .promowide-secondary .promomerch-rate, .promowide-secondary .promomerch-rate-was, .promowide-secondary .promomerch-until { display: none; } .owl-dots { bottom: -20px; text-align: center; background: #d2d3d4; } .owl-dots .owl-dot { display: inline-block; } .owl-dot span { background: #fff; width: 9px; height: 9px; display: block; margin: 0 4px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .owl-dot.active span { background: #4b4f54; } .promowide .orientation-right .promomerch { float: right; } .promowide.owl-loaded { overflow: inherit; } .owl-carousel .owl-stage-outer{width: 100%;} /*** pagebanner ***/ #pagebanner-mobile { display: none; } #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; color: #000; text-align: center; font-weight: 300; color: #fff; background: #000; } #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: #000; } #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; } /*** login page *****************************************/ #page-login { background: #d6083b; } #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; font-family: 'montserratbold'; } #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 { font-family: 'montserratbold'; } #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 ***/ .is-tablet .sideblock .merch-list .merch-item .merch-full:hover, .is-mobile .sideblock .merch-list .merch-item .merch-full:hover { border-bottom-color: #fff; } .is-tablet .merch-list .merch-item .merch-full:hover, .is-mobile .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: #d6083b; color: #fff; 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: #fff; font-size: 20px; } #cookies-alert .alert-close em { font-weight: 300; } #cookies-alert .alert-accept { font-size: 14px; position: relative; top: -7px; color: #fff; background: #d6083b; border-color: #d6083b; padding: 3px 10px; text-transform: uppercase; font-weight: normal; float: right; margin: 0 15px 0 10px; } #cookies-alert .alert-cnt { padding: 0 0 10px 0; } #cookies-alert .alert-cnt a { color: #fff; text-decoration: underline; } body.browser-Internet.Explorer #cookies-alert .alert-close { right: 15px; } /*** errorpage ***/ #errorpage #contents { text-align: center; padding: 80px 0; } #errorpage #contents h1 { font-size: 50px; margin-bottom: 15px; } #errorpage #contents .error404-text { font-size: 16px;} #errorpage #contents .info { width: 100%; max-width: 800px; margin: 0 auto; border: 1px dashed #aaa; padding: 20px 50px; text-align: left; margin-top: 50px; } /*** 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: 30px; 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; } /*** 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-campaign .promowide-top .carousel-one-slide { margin-bottom: -30px; } /*** page-panels ***/ #page-panels { padding-top: 20px; margin-bottom:0 !important;} #page-panels .panel-item { width: 100%; float: left; text-align: center;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: #333; 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: #d6083b; 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; } #home #instore-offers .carousel { padding-top: 0; } .cardreg-agreement { padding-left: 2%; } .cardreg-agreement label { color: #555; } .user-table .btn-edit { padding: 5px; display: block; color: #d6083b; height: 28px; width: 30px; } .user-table .btn-edit em { font-size: 20px; } .user-table .btn-remove { font-size: 20px; padding: 5px; display: block; color: #d6083b; height: 28px; width: 30px; text-decoration: none; } .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 { margin-bottom: 20px; text-align: right; } /*** popup: add INSTORE card ***/ .fancybox-popup-instore-add-card .fancybox-content, .fancybox-popup-instore-edit-card .fancybox-content { max-width: 460px; width: 100%; height: 300px; } /*** card add ***/ .instorecard-popup .popup-logo { width: 160px; } .instorecard-popup h1 { margin-top: 0; padding-top: 0; } .instorecard-popup .form-group { margin-bottom: 5px; } .instorecard-popup .form-group strong, .instorecard-popup label { color: #757590; font-weight: normal; font-size: 16px; } .instorecard-popup .form-group label img { width: 50px; height: auto; } .page-instorecard-add .form-group { } .page-instorecard-add .form-submit { padding: 0; } /*** card edit ***/ .instorecard-popup h1 .cardnumber { font-size: 25px; 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; } /*** POPUPs **********************/ .fancybox-content { padding: 0; overflow: hidden; } .popup-content { padding: 30px; background: #fff; font-family: 'montserrat_mediumregular'; } .popup-md .fancybox-content { max-width: 720px; 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; border: 1px solid #8b8f92; padding: 2px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .fancybox-close-small:hover, .fancybox-close-small:focus { background: #eee; color: #333; } .fancybox-popup-tracking .fancybox-content { max-width: 500px; width: 100%; } .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: 260px; margin: 0 auto; padding: 0 15px; } .lead { font-weight: normal; } #page-tracking { overflow-y: hidden; } /*** calculator ***/ #calculator-popup { max-width: 460px; width: 100%; text-align: center; display: none; } #calculator-popup h3 { margin: 0 0 20px; font-size: 24px; text-transform: uppercase; color: #333; font-family: 'montserratbold'; } #calculator-popup .set2 { display: none; } #calculator-popup .set1 .form-group { margin-bottom: 20px; } #calculator-price { font-size: 18px; font-family: 'montserratbold'; width: 240px; width: 100%; } #calculator-cashback { font-size: 20px; color: #d6083b; font-family: 'montserratbold'; } .calc-result { margin-bottom: 15px; } /*** tracking ***/ #page-tracking { text-align: center; font-size: 14px; } #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: #512698; font-size: 25px; margin-bottom: 10px; font-family: 'montserratbold'; } #page-tracking h1 { margin: 0 0 20px; font-size: 25px; color: #404040; font-family: 'montserratbold'; } #page-tracking .form-submit .btn { font-size: 16px; padding: 15px; margin-top: 20px; } #page-tracking .form-submit a { width: 100%; text-transform: uppercase; } #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 .vcode { font-size: 16px; color: #111; 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:""; } .popup-ajax-loader { margin: auto; width: 32px; height: 32px; margin-bottom: 10px; } .popup-ajax-loader img { display: block; width: 100%; } /*** page-subscribe-popup ***/ #page-subscribe-popup { overflow: hidden; } #page-subscribe-popup .popup-content { padding-top: 10px; padding-bottom: 10px; } #page-subscribe-popup .form-submit { padding: 20px 0; } #page-subscribe-popup .form-submit .btn { float: right; margin-left: 20px; } #page-subscribe-popup .form-submit:after { clear: both; display: block; content:""; } #page-subscribe-popup .subscription-unsubscribe-text { padding: 10px 0; } /*** toolbar ***/ .fancybox-popup-toolbar .fancybox-content { max-width: 720px; width: 100%; } #page-toolbar-popup { font-size: 16px; } #page-toolbar-popup h1 { margin-top: 0; } #page-toolbar-popup .merch-list { padding: 10px; background: #ececec; border: 1px solid #d8d8d8; } /*** fav-popup-loggedout ***/ #fav-popup-loggedout { display: none; text-align: center; } #fav-popup-loggedout h3 { font-size: 25px; color: #333; margin-bottom: 20px; text-transform: uppercase; font-family: 'montserratbold'; } #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: 25px; color: #333; margin-bottom: 20px; text-transform: uppercase; font-family: 'montserratbold'; } .popup-loggedout .popup-text { margin-bottom: 30px; } /*** merchant-dynamic-promocode ***/ #merchant-dynamic-promocode { max-width: 490px; } /*** popup-subscribe ***/ .fancybox-popup-subscribe .fancybox-close-small { color: #fff; border-color: #fff; } .fancybox-popup-subscribe .fancybox-close-small:hover { color: #d6083b; background: rgba(255,255,255,0.3); } #popup-subscribe { max-width: 490px; } #popup-subscribe .form-submit .btn { width: 100%; } #popup-subscribe h3 { font-size: 25px; color: #333; margin: 0 0 20px; font-family: 'montserratbold'; } /*** velocityapp ***/ #popup-velocityapp { max-width: 490px; text-align: center; } #popup-velocityapp .note a { color: #333; text-decoration: underline; } /*** debug ***********************/ #debug-block { position: fixed; top: 0; left: 0; z-index: 100000; } #debug-responsive { border: 1px solid #000; height: 10px; width: 10px; opacity: 1; background: #fff; float: left; } #debug-resolution { font-size: 11px; line-height: 1; padding: 1px 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; letter-spacing: 3px; border-top: 1px solid #ccc; } #page-campaign #contents h2:first-child { border: none; padding-top: 0; margin-top: 0; } #page-campaign #contents h5 { font-family: 'montserratbold'; } .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: #404040; display: block; border: 1px solid #ccc; text-decoration: none; } .panel-item .panel-banner { display: block; overflow: hidden; } .panel-item .panel-banner img { width: 100%; display: block; max-height: 246px; } .panel-item.with-alt-banner .panel-banner img { height: 100%; width: auto; } .panel-merchant { padding: 30px; background: #fff; 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: 140px; display: block; } .panel-merchant .merch-title { font-size: 14px; line-height: 1.2; min-height: 30px; margin-bottom: 5px; display: block; font-family: 'montserrat_semiboldregular'; } .panel-merchant .merch-rates { font-size: 16px; color: #512698; margin-bottom: 5px; line-height: 1.2; display: block; position: relative; font-family: 'montserratbold'; } .panel-merchant .merch-rates-was { font-size: 11px; line-height: 1.2; display: block; font-family: 'montserrat_mediumregular'; } .panel-merchant .merch-rates-was .label-earn { padding-right: 5px; } .panel-item .panel-description { font-size: 14px; color: #512698; clear: both; display: block; min-height: 40px; font-family: 'montserrat_mediumregular'; } .panel-merchant .panel-title { font-size: 17px; display: block; font-family: 'montserratbold'; } /*** countdown ***/ #countdown-block { padding: 0 0 2px; background: #d6083b; color: #fff; } #countdown { margin: 0 -15px; padding: 5px 15px; overflow: hidden; } #countdown-title { float: left; width: 45%; text-align: right; display: inline-block; height: 42px; line-height: 42px; font-size: 17px; padding: 0 20px 0 0; } #countdown-digits { display: inline-block; height: 42px; float: left; width: 50%; } .countdown-item { display: inline-block; position: relative; padding-right: 10px; } .countdown-item big { line-height: 1.1; font-size: 30px; display: block; text-align: center; width: 40px; } .countdown-item small { line-height: 1; font-size: 8px; text-transform: uppercase; display: block; text-align: center; } .countdown-item:after { content:":"; font-size: 30px; position: absolute; top: 0; right: 0; line-height: 1.1; display: block; } #countdown-s:after { display: none; }