.container { width: 1242px; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .site-footer .widget li { -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: #f7f7f7; color: #231f20; font-size: 16px; font-family: "CBASans",Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; } a, a:visited { color: #1175B5; cursor: pointer;} a:hover, a:focus { color: #111; text-decoration: underline; } a:focus { outline: 1px dotted #706d6e; } .clear { clear: both; height: 0; line-height: 0; display: block; } p { line-height: 1.4; margin-bottom: 15px; } *:-moz-selection { background-color: #ffcc00; color: #231f20; } .form-control:-webkit-input-placeholder { color: #231f20 !important; /* Chrome/Opera/Safari */ } .form-control::-webkit-input-placeholder { color: #231f20 !important; /* Chrome/Opera/Safari */ } .form-control:-moz-placeholder { color: #231f20 !important; /* Firefox 18- */ } .form-control::-moz-placeholder { color: #231f20 !important; /* Firefox 19+ */ } .form-control:-ms-input-placeholder { color: #231f20 !important; /* IE 10+ */ } .only-mobile { display: none; } .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;} h1, h2, h3 { font-weight: normal; color: #231f20; font-family: 'CBASlab-ExtraBold',Arial,Helvetica,sans-serif; } h1, h2 { font-size: 40px; } h3 { font-size: 20px; font-family: 'CBASans-Bold',Arial,Helvetica,sans-serif; } .form-control, .rounded { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form-control { border-color: #d8d7d7; -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: #bbb; -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; } .sidr { display: none; } .hidden { display: none !important; } .box-alert{ background: #51cabb none repeat scroll 0% 0%; color: white; padding: 10px 20px; } .alert-inverse { color: #000; background: #ddd; } #skip2content { position: absolute; top: -20px; left: 0; float: left; line-height: 20px; font-size: 10px; text-transform: uppercase; color: #fff; background: #231f20; 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; } /*** btn ***/ .btn { font-size: 16px; font-weight: 500; padding: 10px 40px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .btn-primary, .btn-primary:visited { color: #000; border: none; background: #ffcc00 } .btn-primary:hover, .btn-primary:focus { color: #000; background: #ffdb4c; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active { background: #ccc; } .btn-info, .btn-info:visited { color: #000; border: 1px solid #d8d7d7; background: #fff; } .btn-info:hover, .btn-info:focus { color: #fff; background: #706d6e; border-color: #706d6e; } .btn-default, .btn-default:visited { color: #231f20; border-color: #231f20; background: #fff } .btn-default:hover, .btn-default:focus { color: #231f20; border-color: #231f20; background: #eee; } .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background: #ffcc00; border-color: #ffcc00; } /*** header ******************************************************************/ #header { background: #fff; position: relative; } #header .container { position: relative; padding: 0; } #header-top { height: 80px; position: relative; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; } /*** logo ***/ #logo { display: block; height: 47px; position: absolute; top: 17px; left: 24px; overflow: hidden; } #logo img { width: auto; height: 100%; float: left; } #logo span { font-size: 23px; line-height: 47px; float: left; padding-left: 32px; white-space: nowrap; font-family: 'CBASans-Bold'; } /*** topmenu ***/ #topmenu { float: right; } #topmenu a { color: #231f20; font-size: 14px; display: inline-block; line-height: 80px; padding: 0 10px;} #topmenu a:hover, #topmenu a:focus { text-decoration: underline; } #topmenu .user-login-links { margin-left: 10px; } #topmenu .user-login-links a { padding: 0 20px 0; background: #ffcc00; font-family: 'CBASans-Bold'; text-decoration: none; } #topmenu .user-login-links a .icomoon { font-size: 23px; padding: 0 10px 0 0; display: inline-block; position: relative; top: -1px; } /*** header-mainsite ***/ #header-mainsite { height: 80px; position: relative; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px; } #header-mainsite-menu { float: left; border-left: 1px solid #d3d2d2; position: relative; overflow: hidden; } #header-mainsite ul { list-style: none; margin: 0; padding: 0; } #header-mainsite ul li { border-right: 1px solid #d3d2d2; float: left; width: 180px; } #header-mainsite ul li a { color: #231f20; font-size: 16px; line-height: 80px; text-align: center; display: block; font-family: 'CBASans-Bold'; } #header-mainsite ul li a:hover, #header-mainsite ul li a:focus { text-decoration: none; } #header-mainsite ul li.active a { color: #fff; background: #4f4c4d; } /*** header-mainsite-user ***/ #header-mainsite-user { float: right; width: 340px; padding-top: 15px; } #header-mainsite-user .username { margin-bottom: 5px; } #header-mainsite-user .username big { font-size: inherit; } #header-mainsite-user .userpoints { float: left;line-height: 20px; font-family: 'CBASans-Bold'; } #header-mainsite-user .userpoints big { font-size: inherit; } #header-mainsite-user .usercard { float: left; font-size: 14px; line-height: 20px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #706d6e; } /*** header-bottom ***/ #header-bottom { height: 66px; background: #4f4c4d; color: #fff; } #header-bottom h1 { font-size: 26px; font-family: 'CBASans-Bold'; margin: 0; padding: 0 0 0 24px; float: left; } #header-bottom h1 a { color: #fff; line-height: 66px; text-decoration: none; } /*** menu-trigger ***/ #menu-trigger { display: none; font-size: 14px; color: #111; position: absolute; top: 0; left: 0; line-height: 64px; padding: 0 15px; text-decoration: none; } #menu-trigger span { font-size: 25px; display: block; line-height: 64px; } /*** header-trigger ******************/ .header-trigger, .header-trigger:visited { color: #231f20; } .header-trigger:hover, .header-trigger:focus { color: #231f20; text-decoration: none; } .header-trigger.open, .header-trigger.open:visited, .header-trigger.open:hover, .header-trigger.open:focus { color: #231f20; text-decoration: none; } /*** mainmenu **************************/ #header-menu { height: 55px; background: #706d6e; } #mainmenu { } #mainmenu ul { } #mainmenu > ul > li { margin: 0; } #mainmenu ul.nav > li > a { font-family: 'CBASans-Bold'; } #mainmenu ul.nav > li > a, #mainmenu ul.nav > li > a:visited { color: #fff; font-size: 14px; line-height: 55px; padding: 0 24px; display: block; position: relative; } #mainmenu ul.nav > li a:hover, #mainmenu ul.nav > li a:focus { color: #fff; background: transparent; border: none; text-decoration: none; } #mainmenu ul.nav > li > a:hover, #mainmenu ul.nav > li > a:focus, #mainmenu ul.nav > li a.header-trigger.open, #mainmenu ul.nav > li a.header-trigger.open:visited, #mainmenu ul.nav > li a.header-trigger.open:hover, #mainmenu ul.nav > li a.header-trigger.open:focus { border: none; background: #939192; } /*** categories ***/ .dropdown, .nav > li { position: inherit; } body #header-categories { padding: 30px 0 0; } body #header-categories .container { padding: 0; } #header-categories h2 { font-size: 24px; margin: 0; padding: 25px 0 20px; position: relative; } #header-categories h2 em { position: relative; top: 5px; } #header-categories .submenu-categories { display: block; width: 100%; border: none; margin: 0; padding: 0; float: none; position: relative; overflow: hidden; background: transparent; -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 li.leftcolumn { overflow: hidden; padding: 0 0 40px; } #header-categories .submenu-categories li.leftcolumn ol { list-style: none; margin: 0; padding: 0; float: left; width: 29.333%; margin-left: 24px; } #header-categories .submenu-categories li.leftcolumn ol li { padding: 5px 0; } #header-categories .submenu-categories li.leftcolumn ol a { color: #fff; font-size: 14px; text-decoration: none; display: block; padding: 3px 0; } #header-categories .submenu-categories li.leftcolumn ol a:hover, .submenu-categories li.leftcolumn ol a:focus { color: #231f20; text-decoration: none; } #header-categories .submenu-categories li.leftcolumn ol a .fa { display: none; font-size: 9px; width: 15px; color: #231f20; } #header-categories .submenu-categories li.leftcolumn ol li.active a, #header-categories .submenu-categories li.leftcolumn ol li.active a:visited, #header-categories .submenu-categories li.leftcolumn ol li.active a:hover, #header-categories .submenu-categories li.leftcolumn ol li.active a:focus { cursor: default; color: #231f20; text-decoration: none; } #header-categories .submenu-categories li.leftcolumn > ol > li { padding-bottom: 8px; } #header-categories .submenu-categories li.leftcolumn ol ol { float: none; width: 100%; padding: 0 0 0 15px; } #header-categories .submenu-categories li.leftcolumn ol ol a { padding: 1px 0 1px 10px; } /*** rightcolumn - banner ***/ #header-categories .submenu-categories li.rightcolumn { /*width: 438px;*/ height: 235px; max-height: 235px; overflow: hidden; float: right; padding: 5px 0 0; position: relative; margin-bottom: -15px; } #header-categories .submenu-categories li.rightcolumn .banner { opacity: 0; display: block; height: 0; } #header-categories .submenu-categories li.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; } #errorpage .navbar-form { float: right; } /*** category title - make first letter Uppercase ***/ #header-categories .submenu-categories li.leftcolumn ol a, .sidr .submenu-categories ol li a, #page-category h1 { text-transform: lowercase; } #header-categories .submenu-categories li.leftcolumn ol a:first-letter, .sidr .submenu-categories ol li a:first-letter, #page-category h1:first-letter { text-transform: uppercase; } /*** search ***/ a#search-trigger, a:visited#search-trigger { top: 61px; right: 115px; font-size: 14px; line-height: 55px; padding: 0 5px 0 0; position: absolute; display: none; border-bottom: 3px solid rgba(255,204,0,0); } a#search-trigger .icomoon { padding-right: 7px; font-size: 21px; line-height: 55px; display: inline-block; float: left; } a#search-trigger.open { border-color: rgba(255,204,0,1); } .logged-in a#search-trigger, .logged-in a:visited#search-trigger { right: 180px; } #search-wrapper { width: 100%; max-width: 400px; margin: auto; position: relative; } #search-wrapper .navbar-form { margin: 15px 0 0; padding: 0 90px 0 0; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search-wrapper .navbar-form label { color: #231f20; position: absolute; top: 0; left: 8px; display: block; width: 20px; height: 26px; overflow: hidden; padding-top: 3px; font-size: 17px; } #search-wrapper .navbar-form .form-control { background: #e9e9e9; width: 100%; height: 35px; font-size: 15px; padding: 2px 30px 2px 35px; position: relative; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } #search-wrapper .navbar-form button { height: 35px; position: absolute; top: 0; right: 0; background: #fff; border-color: #fff; padding: 5px 15px; font-size: 15px; } #search-wrapper .navbar-form button:hover, #search-wrapper .navbar-form button:focus { background: #ffcc00; border-color: #ffcc00; } #search-block { float: right; width: 342px; overflow: hidden; } #search-block #search-wrapper { width: auto;} .header-right { float: right; } /*** user-block ***/ #user-block { position: relative; float: left; } #loggedout-box { position: relative; text-align: right; } #loggedout-box a { display: inline-block; color: #231f20; font-size: 15px; display: inline-block; line-height: 56px; padding: 0 5px; margin-left: 10px; border-bottom: 3px solid rgba(209,209,209,0); } #loggedout-box a:hover, #loggedout-box a:focus { color: #231f20; border-color: rgba(209,209,209,1); } #sidr-link2login { display: none; } #user-block ul.nav > li { position: relative; padding-left: 1px; } #user-block ul.nav li a { padding: 0 15px; } #user-block ul.nav li.with-username span { white-space: nowrap; color: #231f20; } #user-block ul.nav li.with-balance { display: none; } #user-block ul.nav li a:hover, #user-block ul.nav li a:focus { background: transparent; } #user-block ul.nav li a#user-trigger { display: block; color: #231f20; font-size: 15px; background: #ffcc00; line-height: 35px; height: 39px; margin: 12px 0 15px 10px; padding: 0 10px 0 12px; position: relative; text-align: center;border: none; font-weight: 500; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #user-block ul.nav li a#user-trigger:hover, #user-block ul.nav li a#user-trigger:focus { background: #ffcc00; color: #231f20; } #user-block ul.nav li a#user-trigger .fa { padding-left: 5px;} #user-block ul.nav li a#user-trigger .fa-angle-up, #user-block ul.nav li.open a#user-trigger .fa-angle-down { display: none; } #user-block ul.nav li.open a#user-trigger .fa-angle-up, #user-block ul.nav li a#user-trigger .fa-angle-down { display: inline-block; } #user-block ul.nav li a#user-trigger { background: transparent url(../images/icon-transactions.png) no-repeat center 70% / 25px auto; width: 50px; margin-left: 15px; } #user-block ul.nav li a#user-trigger:hover, #user-block ul.nav li a#user-trigger:focus { background: transparent url(../images/icon-transactions-active.png) no-repeat center 70% / 25px auto; } #user-block ul.nav li ul { left: auto; right: 0; } #user-block ul.nav li li, #user-block ul.nav li li a { line-height: 34px; font-size: 14px; font-weight: 500; } #user-block ul.nav li li a:hover, #user-block ul.nav li li a:focus { background: #f7f7f7; } #user-block #submenu-user { width: 220px; background: #ffcc00; text-align: right; border-top: 3px solid #231f20; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #user-block #submenu-user .material-icons { color: #231f20; font-size: 18px; position: relative; top: 3px; padding-left: 2px; } #user-block ul.nav li li em { font-size: 17px; position: relative; top: 2px; padding-left: 3px; } #user-block #submenu-user a#link2logout em { padding-left: 5px; opacity: 0.3; font-size: 15px; top: 0; } #user-block #submenu-user li.with-username { padding: 0 15px; } #user-block ul.nav li a, #user-block ul.nav li a:visited { color: #231f20; } #user-block ul.nav li a:hover, #user-block ul.nav li a:focus, #user-block ul.nav li a.active, #user-block ul.nav li a:visited.active, #user-block ul.nav li a:hover.active, #user-block ul.nav li a:focus.active { color: #231f20; border-color: #231f20; } #user-block #submenu-user.dropdown-menu .divider { background: #231f20; margin: 1px 0; opacity: 0.1; } #user-block .nav .open > a, #user-block .nav .open > a:hover, #user-block .nav .open > a:focus { background: transparent; } /*** fav-block ***/ #fav-block { float: left; position: relative; } a#fav-trigger { display: block; color: #231f20; background: #ffcc00; line-height: 33px; margin: 12px 0; padding: 0 10px 0 12px; position: relative; text-align: center; border: none; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #fav-block.open a#fav-trigger { background: #ffcc00; } a#fav-trigger .fa, a:visited#fav-trigger .fa { line-height: 33px; font-size: 13px; color: #231f20; padding-right: 3px; display: block; float: left; } #fav-number { font-size: 14px; float: left; font-weight: 500; } /* new */ a#fav-trigger { font-size: 20px; color: #fff; height: 66px; background: transparent; line-height: 35px; margin: 0; overflow: inherit; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } a#fav-trigger .fa-heart, a:visited#fav-trigger .fa-heart { font-size: 27px; color: #fff; line-height: 66px; position: relative; } a#fav-trigger:hover .fa-heart, a#fav-trigger:focus .fa-heart { color: #ffcc00; } #fav-number { font-size: 13px; color: #4f4c4d; background: #fff; min-width: 20px; height: 20px; line-height: 20px; float: none; display: block; position: absolute; top: 10px; left: 30px; font-weight: normal; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } #submenu-fav { width: 250px; background: #fff; border: none; position: absolute; top: 54px; right: 0; left: auto; border-top: 3px solid #ffcc00; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; /*-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;*/ } #submenu-fav li { border-bottom: 1px solid #d8d7d7; position: relative; } #submenu-fav li.noresults { padding: 10px; border: none; line-height: 1.5; font-size: 80%; } #fav-block a.link2merch { line-height: 1.3; padding: 10px 15px; color: #231f20; } #fav-block .merch-title { display: block; font-size: 12px; } #fav-block .merch-rates { color: #231f20; display: block; font-size: 14px; font-family: 'CBASlab-ExtraBold',Arial,Helvetica,sans-serif; } #fav-block .favremove { color: #231f20; background: transparent; position: absolute; top: 12px; right: 0; font-size: 21px; opacity: 0.3; padding-top: 0; } #fav-block .favremove:hover, #fav-block .favremove:focus { opacity: 1; } #fav-block .more { border: none; text-align: right; } #fav-block .more a { padding: 5px 15px; background: #fff; } #fav-block .more a:hover, #fav-block .more a:focus { color: #231f20; } #fav-block .more em { font-size: 17px; color: #231f20; position: relative; top: 1px; } #user-block a#user-trigger.open, #fav-block a#fav-trigger.open { border-color: transparent !important; } #user-block .with-usermenu.open a#user-trigger.open, #fav-block.open a#fav-trigger.open { border-color: #231f20 !important; } /*** regions ***/ #header-regions, #header-search, #header-categories { background: #939192; padding: 20px 0; display: none; position: relative; clear: both; width: 100%; } #header-regions .container, #header-search .container, #header-categories .container { position: relative; } #header-regions h3 { color: #231f20; margin: 0 0 20px; } #lang-location-block:after { content:""; display: block; clear: both; } #language-switcher { float: left; width: 270px; position: relative; margin-right: 30px; } #regions-block { float: left; width: 262px; position: relative; margin-right: 30px; } #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 .form-btn input { } #header-regions .btn-group { width: 100% !important; max-width: 100%; } #header-regions .bootstrap-select.btn-group .btn { padding: 6px; width: 100%; } #header-regions .bootstrap-select.btn-group .btn .caret { right: 8px; color: #333; } #header-regions .bootstrap-select.btn-group.open .btn { background: #fafafa; } #header-regions .dropdown-menu { width: 100% !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header-regions .dropdown-menu a { padding: 3px 13px; font-size: 13px; } #header-regions .dropdown-menu a:hover, #header-regions .dropdown-menu a:focus { background: #ddd; } #header-regions .dropdown-menu .selected a { background: #231f20; color: #fff; } #header-regions #lang-location-block-close, #header-search #search-close, #header-categories #categories-close { color: #fff; position: absolute; top: 0px; right: 0; padding: 5px 10px; line-height: 1; border-top: 3px solid rgba(255,204,0,0); text-decoration: none; } #header-regions #lang-location-block-close:hover, #header-search #search-close:hover, #header-categories #categories-close:hover { color: #ffcc00; border-color: #ffcc00; } /*** basis *********/ #home #basis > .container { background: transparent; } #mainpanel:after { content:""; display: block; clear: both; } /*** promo-top ***********/ #promo-top { margin-bottom: 10px; margin-top: 10px; } /*** pagebanner ***/ #pagebanner-mobile { display: none; } #pagebanner-block { margin-bottom: 20px; } #pagebanner-block .wrapper { width: 100%; max-width: 1242px; 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%; } #pagebanner-block .owl-dots, .owl-dots { padding-left: 0; position: absolute; width: 100%; bottom: 5px; z-index: 2; display: block !important; text-align: center; } #pagebanner-block .owl-dots .owl-dot, .owl-dots .owl-dot { display: inline-block; } .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; } .box-cnt #pagebanner-block { padding: 20px 0; } /*** home-sections ***/ #home-sections { padding-bottom: 20px; } /*** carousel ***/ .carousel { position: relative; padding: 0; /* margin: 0 -5px; */ } .owl-carousel .owl-stage-outer { padding: 0; } .carousel .merch-item .merch-thumb { display: none; } .carousel { /*overflow: hidden;*/ opacity: 0; } .carousel { max-height: 195px; } .carousel .owl-stage { max-height: 195px; overflow: hidden !important; } .carousel.owl-loaded { opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .carousel .merch-item { margin: 3px; } .carousel .merch-item a.link-to-merchant, .carousel .merch-item a.link-to-merchant:visited { max-height: 288px; display: block; position: relative; } .carousel .merch-item a:hover, .carousel .merch-item a:focus { text-decoration: none; } .carousel .merch-item a:focus { outline: 1px solid; } .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: 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: 50px; left: -40px; width: 40px; overflow: hidden; } .owl-controls .owl-nav div.owl-next { left: auto; right: -40px; } .owl-controls .owl-nav div.owl-next a, .owl-controls .owl-nav div.owl-prev a { width: 80px; display: block; text-align: center; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .owl-controls .owl-nav div.owl-next a { margin-left: -40px; } .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: #ff8200; outline: none; } .owl-controls .owl-nav div.owl-next a:active, .owl-controls .owl-nav div.owl-prev a:active { background: #ff8200; color: #fff; outline: none; } .owl-controls div.owl-next em, .owl-controls div.owl-prev em { line-height: 80px; width: 100%; padding: 0 0 0 10px; outline: none; text-align: left; font-size: 50px; font-weight: 300; } .owl-controls div.owl-next em { text-align: right; padding: 0 10px 0 0; } #pagebanner .owl-controls, #pagebanner-mobile .owl-controls { top: auto; bottom: -35px; } .owl-controls .owl-dot span { background: #9b9b9b; display: block; margin: 0 5px; width: 10px; height: 10px; position: relative; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .owl-controls .owl-dot.active span { background: #231f20; } .with-carousel .owl-controls { top: auto; bottom: -35px; left: 0; width: 100%; text-align: center; } .with-carousel .owl-nav { display: none !important; } #pagebanner .item, #pagebanner-mobile .item { top: 0; position: absolute; opacity: 0; } #pagebanner.owl-loaded .item, #pagebanner-mobile.owl-loaded .item { top: 0; position: relative; opacity: 1; } #box-offers { margin: 0 -15px 60px; } #box-travel { margin-bottom: 30px; } #box-offers .box-cnt { position: relative; max-height: 620px; padding: 0; margin: 0; } #box-offers .carousel .owl-stage { min-height: 200px; overflow: hidden !important; } #box-offers .box-cnt .column .merch-item { margin-bottom: 30px; } /*** 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: 620px; } #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: 620px; max-height: 620px; } /*** promo-left ***/ #promo-left { margin-bottom: 15px; /*max-height: 224px;*/ overflow: hidden; } /*** breadcrumbs ***/ #breadcrumbs { width: 100%; font-size: 14px; padding: 15px 0 0; color: #231f20; } #breadcrumbs em { color: #999; font-size: 14px; } /*** tabs ***/ #page-top.with-tabs { padding-top: 30px; } #page-top.with-tabs .container { padding: 0; } .tabs { margin: 0; overflow: hidden; padding: 0; font-weight: 400; font-size: 16px; position: relative; background: #e9e9e9; } .tabs:before { content:""; display: block; width: 100%; height: 1px; background: #e9e9e9; position: absolute; bottom: 0; left: 0; } .tabs ul { list-style: none; margin: 0; padding: 0; } .tabs ul li { float: left; } .tabs ul li a { color: #000; background: transparent; line-height: 74px; display: block; padding: 0 46px; text-decoration: none; position: relative; } .tabs ul li a:hover, .tabs ul li a:focus { background: #dadada; } .tabs ul li.active a, .tabs ul li.active a:visited, .tabs ul li.active a:hover, .tabs ul li.active a:focus { color: #fff; background: #706d6e; cursor: default; font-family: 'CBASans-Bold'; } .tabs ul li a em { display: none; } .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: 'CBASans-Bold'; } .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'; } /*** contents ********************************************************************/ #contents { margin-bottom: 50px; } .box { margin-bottom: 15px; } .box .box-hdr { overflow: hidden; padding: 15px 0; width: auto; } .box .box-hdr h1 { margin: 0; padding: 0; } .page-box .page-inner { background: #fff; padding: 20px 75px; margin-top: 35px; margin-bottom: 50px; } #account .page-box .page-inner, #clicks .page-box .page-inner, #page-fav .page-box .page-inner { margin-top: 0; } .box .box-hdr.with-rightpart h2 { float: left; width: 65%; } .box .box-hdr .right-part { float: right; width: 34%; } .box .box-hdr .right-part .links { padding: 20px 0 0; text-align: left;} .box .box-hdr .right-part .links a, a.more { font-size: 16px; text-decoration: none; color: #1175b5; } .box .box-hdr .right-part .links a:hover, .box .box-hdr .right-part .links a:focus { text-decoration: underline; } a.more .icomoon { display: none; font-size: 12px; position: relative; top: 3px; } .box .box-cnt { padding: 20px 0; } #home .box-hdr { position: relative; } #home .box-hdr h2 { font-size: 40px; display: inline-block; padding: 0; margin: 0 0 10px; position: relative; font-family: 'CBASlab-ExtraBold',Arial,sans-serif; } /*** box-vouchers *******/ #box-vouchers, #box-popular { margin-bottom: 30px; background: transparent; } #box-popular { float: right; } #box-vouchers, #box-popular { width: 48.8%; border: none; padding: 0; } #box-popular .merch-list { padding-right: 5px; } #box-popular .box-cnt, #box-vouchers .box-cnt { padding: 0; margin: 0; } .voucher-list .voucher-item { position: relative; } .voucher-list .voucher-item a.link-to-voucher { background: #fff; padding: 15px; min-height: 93px; display: block; overflow: hidden; border-left: 4px solid transparent; text-decoration: none; margin: 0 0 30px; position: relative; } .voucher-list .voucher-item a.link-to-voucher:hover, .voucher-list .voucher-item a.link-to-voucher:focus { border-color: #ffcc00; } .voucher-list .voucher-item a .merchant-banner { width: 120px; margin-right: 15px; float: left; } .voucher-list .voucher-item a .merchant-banner img { border: 1px solid #fff; } .voucher-list .voucher-item a .item-txt { display:block; width: 100%; width: 96%; padding: 0; min-height: 60px; color: #000; line-height: 1.3; position: relative;} .voucher-list .voucher-item a .item-txt .txt { height: 60px; display: table-cell; vertical-align: middle; } .voucher-list .voucher-item a .item-txt .voucher-txt { display: block; margin-bottom: 5px; } .voucher-list .voucher-item a .voucher-expdate { display: block; font-size: 13px; color: #000; } .voucher-list .voucher-item a .voucher-expdate .date { color: #231f20; padding-left: 5px; font-size: 14px; font-family: 'CBASans-Bold'; } .voucher-list .voucher-item > a:after { color: #231f20; font-size: 18px; display: block; line-height: 30px; position: absolute; top: 32px; right: 15px; font-family: "icomoon"; content:"\e90e";} .voucher-list .voucher-item a:hover:after, .voucher-list .voucher-item a:focus:after { color: #ffcc00; } .voucher-list .voucher-item .voucher-getoffer { position: absolute; top: 22px; right: 15px; } /*** page coupons ***/ #coupons .voucher-list .voucher-item a .merchant-banner { margin: 0 30px; } #coupons .voucher-list .item-txt { padding-right: 120px; } #coupons .voucher-list .voucher-item a .voucher-expdate { position: absolute; right: 45px; top: 10px; text-align: center; } #coupons .voucher-list .voucher-item a .voucher-expdate .date { display: block; padding: 5px 0 0; } #box-vouchers .voucher-list .voucher-item a.link-to-voucher { font-size: 14px; } #box-vouchers .voucher-list .voucher-item a .merch-txt { width: 45%; } .leftpanel .box-cnt .merch-list:after { clear: both; content:""; display: block; padding-bottom: 10px; } #instore-offers { margin: 0 -15px 30px; padding: 0 15px; } #box-topproducts { margin: 0 -15px 30px; padding: 0 15px; } /*** merch-list ******/ .merch-list { } .merch-item { position: relative; } .merch-list .merch-item .merch-thumb { display: none; } .merch-wrapper { margin-bottom: 30px; } .merch-list.thumbs .merch-item .merch-full > a.favremove { display: none; } /*** link-to-merchant ***/ a.link-to-merchant { color: #231f20; font-size: 16px; display: block; padding: 64px 0 42px; background: #fff; text-align: center; text-decoration: none; border-bottom: 3px solid transparent; } a.link-to-merchant:hover, a.link-to-merchant:focus { border-color: #ffcc00; } a.link-to-merchant .merch-banner { display: block; margin-bottom: 55px; } a.link-to-merchant .merch-banner img { display: block; width: 120px; height: 60px; margin: 0 auto; } a.link-to-merchant .merch-title { color: #000; display: block; min-height: 45px; } a.link-to-merchant .merch-rates { display: block; color: #231f20; line-height: 1.2; margin-bottom: 0; font-family: 'CBASans-Bold',Arial,Helvetica,sans-serif; } a.link-to-merchant .merch-rates-was { color: #706d6e; display: block; font-size: 13px; padding-top: 5px; } a.link-to-merchant .merch-rates-was .label-was { padding-right: 5px; } .merch-with-earnlabel { letter-spacing: -0.5px; } a.link-to-merchant, .voucher-list .voucher-item > a { -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3); box-shadow: 0 0 4px rgba(0,0,0,0.3); } a.link-to-merchant:hover, .voucher-list .voucher-item > a:hover { -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.5); box-shadow: 0 0 4px rgba(0,0,0,0.5); } .leftpanel a.link-to-merchant { min-height: 288px; } .leftpanel .merchant-with-offer a.link-to-merchant { min-height: 312px; } /*** thumbs ***/ .thumbs a.link-to-merchant .merch-title, .thumbs a.link-to-merchant .merch-rates, .thumbs a.link-to-merchant .merch-rates-was, .thumbs .merch-icons { display: none; } .thumbs a.link-to-merchant { padding: 15px 0; margin-bottom: 30px; } .thumbs a.link-to-merchant .merch-banner { margin-bottom: 0; } .label-space { display: none; height: 20px; position: relative; margin-bottom: 5px; } .label-space:before { display: block; height: 1px; width: 100%; content:""; position: absolute; top: 10px; background: #d8d7d7; } .label-space .instore-label { width: 120px; margin: auto; display: block; height: 20px; line-height: 20px; background: #9f85a2; color: #fff; font-size: 10px; text-align: center; position: relative; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .merch-full .merch-banner img, .carousel .merch-banner img, #merchant-banner img { border: none; } .voucher-item .merch-banner img { border: none; } .msie8 .merch-list .merch-item .merch-full:hover, .msie7 .merch-list .merch-item .merch-full:hover { background: #eee; cursor: pointer; } /*** merch-icons ***/ .merch-item .merch-icons { position: absolute; top: 7px; right: 10px; } .merch-icons .ico { float: left; margin-left: 7px; color: #231f20; } .merch-icons .ico em { display: block; width: 24px; height: 24px; background: none no-repeat 0 0 / 100% auto; } .merch-icons .ico-offer em { background-image: url(../images/icon-offer.png); } .merch-icons .ico-voucher em { background-image: url(../images/icon-voucher.png); } .merch-icons .ico-calc em { background-image: url(../images/icon-calc.png); } .merch-icons .ico-share em { background-image: url(../images/icon-share.png); } .merch-icons .ico-fav .addfav em { background-image: url(../images/icon-fav.png); background-size: 90% auto; } .merch-icons .ico-fav .favremove em { background-image: url(../images/icon-fav-active.png); background-size: 90% auto; } .addthis_toolbox { width: 0; height: 0; overflow: hidden; } #at15s { display: none !important; } #merchant-single .merch-icons .ico { line-height: 30px; display: block; float: none; margin-bottom: 18px; } #merchant-single .merch-icons .ico em { float: left; width: 30px; height: 30px; margin-right: 10px; } /*** fav add/remove ***/ body.logged-in .merch-item .merch-fav a { display: inline-block; width: 24px; height: 24px; font-size: 20px; color: #000; } body.logged-in .merch-item .merch-fav a:hover, body.logged-in .merch-item .merch-fav a:focus { color: #000; outline: none; } body.logged-in .merch-item .merch-fav .favremove, body.logged-in .merch-item.favorite .merch-fav .addfav, body.logged-in #merchant-single .merch-fav .favremove, body.logged-in #merchant-single.favorite .merch-fav .addfav { display: none; } body.logged-in .merch-item.favorite .merch-fav .favremove, body.logged-in #merchant-single.favorite .merch-fav .favremove { display: inline-block !important; } body.logged-in #merchant-single .merch-fav a { color: #231f20; } /*** fixed position of promo-left banner ***/ #category #promo-left, #page-new #promo-left, #page-vouchers #promo-left { margin-bottom: 15px; } .page-inner { position: relative; padding-top: 20px; } /*** filter ***************/ .filter-form select { display: none; } #category, #coupons, #popular-list, #az { position: relative; } .filter-block .dropdown-menu { font-size: 15px; z-index: 1000; width: 100%; } #az-letters.filter-block div.dropdown-menu { min-width: 200px; } .filter-block .dropdown-menu > li > a { padding: 3px 13px; } .block4filters.top { margin-bottom: 30px; 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: 2px; font-weight: normal; margin: 0; line-height: 30px; display: inline-block; } .bootstrap-select.btn-group, .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0px; max-width: 176px; } .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: 16px; background: #fff; color: #231f20; padding: 13px 10px; line-height: 22px; font-weight: normal; text-transform: none; border: 1px solid #d3d2d2; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .bootstrap-select.btn-group .btn .caret { right: 0; color: #000; font-size: 0; top: 0; color: transparent; position: absolute; } .bootstrap-select.btn-group .btn .caret:before { color: #231f20; font-size: 16px; line-height: 44px; width: 16px; position: absolute; top: 0; left: -20px; 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; font-size: 13px; } .pagination > li > a, .pagination > li > span { padding: 7px 4px; border: none; background: transparent; color: #231f20; line-height: 18px; display: block; } .pagination > li:first-child > a, .pagination > li:first-child > span { -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-top-left-radius: 2px; border-top-left-radius: 2px; } .pagination > li:last-child > a, .pagination > li:last-child > span { -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-top-right-radius: 2px; border-top-right-radius: 2px; } .pagination > li > a .fa { line-height: 18px; min-height: 18px; min-width: 5px; font-size: 15px; display: block; margin: auto; text-align: center; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: transparent; border: none; color: #ffcc00; font-family: 'CBASans-Bold'; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #231f20; background: #fff; } #page-az .filter-block { float: left; } #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 5px; text-align: center; margin: 1px; } #az-letters ul li.selected a { background: #f2f2f2; outline: thin dotted; } /*** fiter: as buttons ***/ .filter-theme-btns .fldst-orderby { width: 100%; } .filter-theme-btns label { padding: 5px 0; position: absolute; top: 0; left: 0; } .filter-theme-btns .bootstrap-select.btn-group { width: 100% !important; float: left; max-width: none; height: 50px; 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 #d3d2d2; border-left: none; } .filter-btns .dropdown-menu ul li:first-child { border-left: 1px solid #d3d2d2;} .filter-btns .dropdown-menu ul li a { color: #000; font-size: 16px; line-height: 22px; padding: 13px 5px; display: block; text-align: center; } .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: #6e7077; } .filter-btns-3 .fldst-orderby .dropdown-menu ul li { width: 33.3333%; } .filter-btns-4 .fldst-orderby .dropdown-menu ul li { width: 25%; } #page-az .filter-theme-btns .filter-block { float: right; width: 74.5%; position: relative; } #page-az .filter-theme-btns .filter-block#az-letters { float: left; width: 23.5%; margin-right: 0; } #page-az .filter-theme-btns .filter-block#az-letters .bootstrap-select.btn-group { width: 100% !important; padding-left: 40px; padding-left: 0; overflow: inherit; height: auto; } #page-az .filter-theme-btns .filter-block#az-letters .bootstrap-select.btn-group .btn { height: 50px; line-height: 48px; background: #fff; } #page-az .filter-theme-btns .filter-block#az-letters .bootstrap-select.btn-group .btn .filter-option { text-align: center; top: 0; } #page-az .filter-theme-btns .filter-block#az-letters .dropdown-menu { top: 50px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #page-az .filter-theme-btns .bootstrap-select.btn-group { padding-left: 0; } #page-az .filter-theme-btns label { display: none; } /*** ajaxloader ***/ .ajaxloader { text-align: center; padding: 0; } .ajaxloader .ajaxloader-text { font-size: 12px; margin-bottom: 20px; opacity: 0.7; } .ajaxloader .loadmore { padding: 10px 40px; } .ajaxloader-progress { display: none; max-width: 490px; margin: 0 auto 10px; } .progress { height: 7px; background: #d8d8d8; } .progress-bar { background: #6e7077; } .ajaxloader-totalnumber { display: none; font-size: 18px; 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 ************************************************************/ #page-merchant .page-inner .box-cnt { padding-bottom: 0; } #page-merchant.with-left-banner #merchant-single { } #page-merchant #merchant-single { overflow: hidden; padding: 10px 0 0; } #merchant-single .leftcol { min-width: 120px; width: 25%; float: right; } #merchant-single .rightcol { width: 70%; float: left; position: relative; padding: 0 0 0 5px; } #merchant-single h3 { font-size: 24px; } #merchant-single h1 { padding: 0; margin: 0 0 30px; } #merchant-single #promo-left img { display: block; width: 100%; } #merchant-single .merchant-rates { color: #231f20; font-size: 20px; margin-bottom: 10px; text-align: center; font-family: 'CBASans-Bold',Arial,Helvetica,sans-serif; } #merchant-single .merchant-rates .earnlabel { font-size: 14px; display: block; text-align: center; opacity: 0.5; } #merchant-single.with-spec-offer .merchant-rates { color: #231f20; } #merchant-single .spec-until { text-align: center; display: block; font-size: 15px; color: #231f20; } #merchant-single .merchant-rates-was { color: #706d6e; font-size: 14px; text-align: center; margin: 0 0 10px 0; position: relative; } #merchant-single .merchant-description { margin-bottom: 15px; } #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 .fa { font-size: 12px; position: relative; top: -2px; } #merchant-single .merchant-purchase-conditions h2.collapsed i.fa-chevron-up, #merchant-single .merchant-purchase-conditions h2.expanded i.fa-chevron-down, #merchant-single .merch-fav { margin-bottom: 10px; } #merchant-single #merchant-banner { margin: 0 auto 10px; text-align: center; } #merchant-single .merch-icons { margin: 30px auto 30px; padding: 0; display: block; font-size: 16px; } #merchant-single.rates-fixed #showcalc { display: none; } /* hide calculator for merchants with fixrd rates */ #merchant-single .shopnow { margin: 40px auto 5px; min-width: 120px; } #merchant-single .shopnow br { display: none; } #merchant-single .shopnow a, #product-single .shopnow a { display: block; font-size: 16px; line-height: 30px; } #merchant-single .shopnow a#btn-shopnow-plslogin { line-height: 1.2; padding-top: 10px; padding-bottom: 10px; } #merchant-single .shopnow a:after, #product-single .shopnow a:after { line-height: 45px; font-size: 22px; } #merchant-single .shopnow a em { font-size: 14px; padding-left: 5px; } /*** 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 #231f20; 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 .attention-message { font-size: 14px; margin: 10px 0; background: #f2f2f2; padding: 7px 10px; text-align: center; } #merchant-delivery { display: block; clear: both; } .video-container { margin-bottom: 20px; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 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 ****************/ .voucher-list { margin: 0; } #box-merchant-vouchers { display: block; clear: both; } #merchant-single h2 { font-size: 24px; font-family: 'CBASans-Bold'; } #box-merchant-vouchers .voucher-list { margin: 0; } #box-merchant-vouchers .box-cnt { padding-top: 5px; } #box-merchant-vouchers .voucher-list .voucher-item { border: none; margin-bottom: 10px; padding: 12px 0; border-bottom: 1px solid #e6e6e6; } #box-merchant-vouchers .voucher-list .voucher-item:last-child { border: none; } #box-merchant-vouchers .voucher-list .voucher-item .voucher-cnt { overflow: hidden; padding-bottom: 5px; } #box-merchant-vouchers .voucher-list .voucher-item .v-description { /*float: left; width: 80%;*/ } #box-merchant-vouchers .voucher-list .voucher-item .v-description .v-txt { font-size: 14px; margin-bottom: 10px; } #box-merchant-vouchers .voucher-list .voucher-item .v-terms { } #box-merchant-vouchers .voucher-list .voucher-item .v-terms a.collapsed .fa-angle-up, #box-merchant-vouchers .voucher-list .voucher-item .v-terms a .fa-angle-down { display: none; } #box-merchant-vouchers .voucher-list .voucher-item .v-terms a.collapsed .fa-angle-down { display: inline-block; } #box-merchant-vouchers .voucher-list .voucher-item .v-description a.v4terms, #box-merchant-vouchers .voucher-list .voucher-item .v-description a:visited.v4terms { text-decoration: underline; background: transparent; padding: 0 13px 0 0; display: inline-block; border: none; } #box-merchant-vouchers .voucher-list .voucher-item .v-description a:hover.v4terms, #box-merchant-vouchers .voucher-list .voucher-item .v-description a:focus.v4terms { color: #231f20; background: transparent; } #box-merchant-vouchers .voucher-list .voucher-item .v-description a.v4terms .fa-angle-up { display: none; } #box-merchant-vouchers .voucher-list .voucher-item .v-description a.v4terms.linkup .fa-angle-up { display: inline-block; } #box-merchant-vouchers .voucher-list .voucher-item .v-description a.v4terms .fa-angle-down { display: inline-block; } #box-merchant-vouchers .voucher-list .voucher-item .v-description a.v4terms.linkup .fa-angle-down { display: none; } #box-merchant-vouchers .voucher-list .voucher-item .v-expdate { font-size: 15px; /*float: right; width: 18%; text-align: center;*/ color: #231f20; margin: 10px 0; } #box-merchant-vouchers .voucher-list .voucher-item .vdate { /*display: block;*/ font-family: 'CBASans-Bold'; padding-left: 5px; } #box-merchant-vouchers .voucher-list .voucher-item .vcode { width: 50%; font-size: 16px; color: #231f20;; font-family: 'CBASans-Bold'; float: left; line-height: 25px; margin: 0 15px 10px 0; padding: 7.5px 10px; 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; } #box-merchant-vouchers .voucher-list .voucher-item .v-cnt { position: relative; padding-top: 5px; overflow: hidden; } #box-merchant-vouchers .voucher-item .voucher-shopnow { position: relative; top: auto; right: auto; width: 75px; float: left; } #box-merchant-vouchers .voucher-item .voucher-shopnow a { font-size: 15px; height: 40px; line-height: 30px; padding: 5px 40px; } /*** box-merchant-recommended ***/ #box-merchant-recommended { } #box-merchant-recommended .box-hdr { padding: 10px 0 0; margin: 0; } #box-merchant-recommended .box-cnt { padding-top: 0; padding-bottom: 0; } #box-merchant-recommended .box-hdr h2 { padding: 0; font-size: 24px; margin: 10px 0 30px; font-family: 'CBASans-Bold',Arial,Helvetica,sans-serif; } #box-merchant-recommended a.link-to-merchant { padding-bottom: 30px; padding-top: 50px; } #box-merchant-recommended a.link-to-merchant .merch-banner { margin-bottom: 40px; } /*** tracking **************************/ #page-tracking { text-align: center; } #page-tracking .container { padding-top: 20px; padding-bottom: 20px; } #page-siteleave .logo { display: none; } #page-siteleave .logo, #page-tracking .logo { height: auto; width: 130px; display: block; text-decoration: none; margin: auto; position: relative; margin-bottom: 0; } #page-siteleave .logo img, #page-tracking .logo img { display: block; width: 100%; height: auto; } #page-siteleave .logo .logotext, #page-tracking .logo .logotext { font-size: 18px; color: #fff; position: absolute; top: 35px; right: -47px; } #page-tracking h1, #page-siteleave h1 { font-size: 15px; color: #333; } #page-siteleave .popup-cnt h1, #page-tracking .tracking-auto h1, #page-tracking .tracking-auto2 h1 { padding-top: 15px; font-size: 14px; margin-bottom: 25px; font-weight: normal; font-family: "CBASans",Arial,Helvetica,sans-serif; } #page-siteleave h2.merchant-title, #page-tracking h2.merchant-title { font-size: 28px; margin: 10px 0 40px; } #page-tracking .tracking-auto h2.merchant-title, #page-tracking .tracking-auto2 h2.merchant-title, #page-siteleave h2.merchant-title { color: #231f20; margin-top: 0; margin-bottom: 5px; } #page-siteleave .merchant-rates, #page-tracking .tracking-auto .merchant-rates, #page-tracking .tracking-auto2 .merchant-rates { font-size: 20px; color: #231f20; font-family: 'CBASlab-ExtraBold',Arial,Helvetica,sans-serif; } #page-tracking .terms p a, #page-tracking .tracking-tc { font-size: 16px; } .terms .purchase-conditions { color: #b5c0d5; font-size: 12px; margin: 10px 0 0; } .terms .purchase-conditions h3 { color: #b5c0d5; } #page-tracking .tracking-tc { padding: 10px 0 5px; } .anim-loading { margin-bottom: 50px; } p+.anim-loading{margin-top:50px;} #page-tracking .terms p { font-size: 12px; line-height: 1.7; } #page-tracking .terms a { color:#fff; text-decoration:underline;} #page-tracking .terms small { font-size: 100%; color: #919fba; } /*** transactions **********************/ #user-transactions h1, #mainpanel .box-cnt h1 { padding: 0; } .leftpanel #user-transactions .box-hdr, .leftpanel #user-clicks .box-hdr { background: transparent; } .points-stats { overflow: hidden; margin-bottom: 25px; } .points-stats .points-box { padding: 25px 0; color: #231f20; font-size: 20px; line-height: 44px; background: #f4f4f4; font-weight: 500; text-align: center; } .points-stats .points-box big { font-size: 150%; color: #231f20; font-weight: bold; } .legends { overflow: hidden; margin-bottom: 10px; color: #544539; } .legends ul { list-style: none; margin: 0; padding: 0;} .legends ul.legend li { float: left; padding: 0 20px 0 0; line-height: 24px; height: 24px; margin-bottom: 10px; } .legends ul.legend li:before { font-size: 14px; display: inline-block; line-height: 24px; width: 24px; text-align: center; font-family:'Font Awesome 5 Pro'; margin-right: 5px; background: #ffcc00; color: #231f20; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .legends ul.legend .legend-pending:before, .legend-pending:before { font-size: 23px; content:"\f111"; background: none; color: #ffcc00; position: relative; top: 2px; } .legend-approved:before,.legend-paid:before { content:"\f00c"; } .legend-cancelled:before { content:"\f00d"; } .legends .right-part { float: right; line-height: 20px; text-align: right; } .user-filter.block4filters { padding: 10px 0 20px; } .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 .form-group { margin-right: 5px; display: inline-block; } .user-filter.block4filters .filter-block .btn-group { min-width: 82px !important; } .user-filter.block4filters .filter-block .form-group-status .btn-group { width: 125px !important; } .user-filter.block4filters .filter-block .form-group-month .btn-group { width: 125px !important; } /*** user-table ***/ .user-table { margin-bottom: 20px; clear: both; } table { width: 100%; border: 1px solid #d8d7d7; } table thead { background: #706d6e; } th, td { padding: 10px; font-size: 15px; } th { font-size: 16px; padding: 15px 10px; border: 1px solid #706d6e; border-bottom: 3px solid #ffcc00 !important; font-weight: normal; color: #fff; font-family: 'CBASans-Bold'; } td { border-top: 1px solid #d8d7d7; border-right: 1px solid #d8d7d7; } tr.even td { background: #f2f2f2; } .user-table .trans-date { width: 80px; } .user-table .trans-merchant { } .user-table .trans-status { width: 85px; text-align: center; } .user-table td.trans-points { width: 120px; text-align: right; } .user-table th.trans-status { text-align: left; } .user-table .trans-status span, .transaction-item .trans-status span { display: block; font-size: 13px; width: 20px; height: 20px; line-height: 20px; margin: auto; text-align: center; color: #231f20; background: #ffcc00; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .user-table .trans-status span:before, .transaction-item .trans-status span:before { line-height: 21px; height: 20px; width: 21px; font-family:'Font Awesome 5 Pro'; display: block; } .user-table .trans-status span.legend-pending, .transaction-item .trans-status span.legend-pending:before { background: none; font-size: 21px; } .transaction-item .trans-status span.legend-pending { background: none;} .user-table .clickid { width: 120px; } td.right { border-right: none; } th.tablesorter-header { position: relative; } th.tablesorter-header:after { color: #ffcc00; font-size: 12px; width: 12px; content: "\f883"; font-weight: 300; height: 20px; display: block; position: absolute; top: 19px; right: 5px; font-family:'Font Awesome 5 Pro'; } th.tablesorter-header.tablesorter-headerAsc:after { content: "\f885"; } th.tablesorter-header.tablesorter-headerDesc:after { content: "\f161"; } 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: #706d6e; padding: 10px 10px 10px 15px; float: left; width: 30%; border-right: 3px solid #ffcc00; border-left: 1px solid #d3d2d2; border-bottom: 1px solid #d3d2d2; font-family: 'CBASans-Bold'; } .transaction-item .trans-value { font-size: 14px; color: #3a3637; background: #ffffff; padding: 10px 10px 10px 15px; float: left; width: 69%; border: 1px solid #d3d2d2; border-top: none; } .transaction-item .trans-date .trans-label, .transaction-item .trans-date .trans-value { border-top: 1px solid #d3d2d2; } .transaction-item .trans-merchant .trans-value, .transaction-item .trans-points .trans-value { background: #f4f4f4; } .transaction-item .trans-status span { margin: inherit; } #where-are-my-points { margin-bottom: 30px; } .leftpanel #where-are-my-points.box .box-cnt { padding-top: 0; } #user-instore th { font-size: 16px; color: #231f20; } .leftpanel { padding: 0; } .leftpanel h2 strong { font-weight: inherit; } .leftpanel .box .box-hdr h2 { margin-top: 10px; } /*** profile ***************************/ #user-profile .form-group { margin: 0 0 20px; } #user-profile .form-submit { padding: 10px 0; } /*** subscription ***/ #subscription-form label { width: 20%; min-width:100px;} #subscription-form input[type="text"] { width: 60%; } /*** 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; } /*** message *******************/ .msg { margin-bottom: 20px; padding: 5px 10px; border: 1px solid #ccc; background: #e7e7e7; font-size: 11px; } /*** copy *****************************************/ .copy { } .copy ul, .copy ol, .copy p { margin-bottom: 15px; } .copy ol { padding-left: 0; } .copy ul { list-style: none; margin-left: 0; padding-left: 15px; } .copy ul li { padding: 2px 0 5px 10px; } .copy ul li:before { content:"\f054"; font-family:'Font Awesome 5 Pro'; width: 15px; display: inline-block; margin-left: -15px; font-size: 11px; color: #231f20; } .copy ol li { list-style: decimal; margin-left: 20px; padding: 2px 0 3px 5px; } .copy h2, .copy h3 { font-size: 26px; margin: 30px 0 15px; font-family: 'CBASans-Bold'; } .copy h3 { font-size: 20px; } .copy .section { margin: 0; padding: 15px 0; } .copy .section h2 { border-bottom: 1px solid #d8d7d7; padding-bottom: 5px; margin-bottom: 15px; } .copy strong { } .copy dl { } .copy dl dt { font-family: 'CBASans-Bold'; margin-bottom: 5px; } .copy dl dd { margin: 0 0 20px 0px; } .copy a { color: #107bbf; } /*** tabs ***/ .copy .nav-tabs > li { background-image: none; padding: 0; } /*** hiw ***/ #hiw .copy big { font-size: 16px; } #hiw-cta { margin: 20px; text-align: center; } #hiw-cta h2, #hiw-cta h3 { color: #231f20; font-size: 32px; margin: 0 0 5px 0; } #hiw-cta span { color: #59c9bb; font-size: 700%; } #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; } /*** faqs ***/ #faqs .questions { overflow: hidden; background: #f2f2f2; border: 1px solid #efefef; padding: 10px; margin-bottom: 15px; } #faqs .questions ul { margin: 0; padding: 0 0 0 20px; } #faqs .questions ul li { float: left; width: 45%; background: none; padding-left: 10px; } #faqs h2 { margin: 30px 0 20px;} .cookie-title { font-family: 'CBASans-Bold'; } /*** faqs tabs ***/ .copy ul.nav-tabs { padding-left: 0; border-right: 1px solid #d3d2d2; } .copy ul.nav-tabs li:before { display: none; } .copy ul.nav-tabs li { border: 1px solid #d3d2d2; border-right: none; } .copy ul.nav-tabs li a { color: #000; font-size: 16px; line-height: 22px; padding: 13px 5px; margin-bottom: 0; border: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .copy ul.nav-tabs li a:hover, .copy ul.nav-tabs li a:focus { background: #f5f5f5; } .copy ul.nav-tabs li.active a { color: #fff; background: #6e7077; } #page-faqs .copy .tab-pane h2 { margin-top: 60px; } #page-faqs .copy .tab-pane h3 { font-size: 17px; border-top: 1px solid #d3d2d2; padding-top: 30px; padding-bottom: 10px; padding-right: 50px; position: relative; cursor: pointer; } #page-faqs .copy .tab-pane h3:after { font-size: 18px; color: #6e7077; display: block; font-weight: normal; position: absolute; top: 25px; right: 10px; content: "\f077"; font-family: 'Font Awesome 5 Pro'; } #page-faqs .copy .tab-pane h3.collapsed:after { content: "\f078"; } #page-faqs .copy .tab-pane h3:first-child { border: none; } /*** terms ***/ #page-terms ul li:before { display: none; } .important { border: 1px solid #ccc; background: #f7f7f7; color: #777; font-size: 14px; padding: 15px; margin-bottom: 20px; } #page-terms .important h3 { margin-top: 0; } /*** contact-form ******************************************************/ #contact-form { padding: 15px 0; } #contact-form h3 { margin: 5px 0 25px; font-size: 19px; } #contact-form .form-item { padding-bottom: 10px; padding-right: 20px; } #contact-form .form-item:after, #contact-form .form-row:after { clear: both; display: block; content:""; } #contact-form .form-row { margin-bottom: 10px; } #contact-form .form-item.col-sm-12 {width:auto;float:none;} #contents #contact-form .form-item label { float: none; display: block; margin-bottom: 10px; width: 100%; } .label-required-field { color: #231f20; font-family: 'CBASans-Bold'; top: -60px; position: relative; margin-bottom: -40px; } #contact-form .form-item input, #contact-form .form-item select, #contact-form .form-item textarea { color: #231f20; width: 100%; padding: 5px 7px; float: none; height: 48px; font-size: 16px; border-color: #706d6e; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #contact-form .form-item input#formTrReceipt { width: auto; } #contact-form .form-item select{ width: 252px; } #contact-form .form-item textarea { height: 150px; padding: 3px 5px; } #contact-form .bootstrap-select.form-control { max-width: 70%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #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 .bootstrap-select.form-control { height: 48px; } #contact-form .bootstrap-select.btn-group .btn { border-color: #706d6e; } #contact-form .dropdown-menu { font-size: 16px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #contact-form .form-item .i-small { width: 100px; } #contents #contact-form .form-item small { display: block; font-size: 14px; padding: 10px 0; float: none; width: auto; } #contact-form .form-item small strong { color: #888; } #contact-form #notification small { font-size: 12px; line-height: 15px; } #page-contact .form-submit { overflow: hidden; } #page-contact .form-submit .btn { float: right; } #page-contact .form-submit .btn:after { font-size: 24px; line-height: 39px; } #page-contact .form-submit p { float: left; width: 70%; } #contact-form small ul { margin-left: 0; } .bootstrap-filestyle { } .bootstrap-filestyle input.form-control { background: #fff; } .bootstrap-filestyle .btn { font-size: 16px; border-color: #706d6e; height: 48px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #contact-form .error, #referfriend-form .error { color: red; font-size: 12px; clear: both; } /*** calendar ***/ .datepicker table { border: none; } .datepicker td { border: none; } .datepicker th { background: transparent; color: #544539; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right-color: #ccc; border-left-color: #ccc; } .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: #231f20; color: #fff; } /*** contact: instore ***/ #page-contact-instore .label-required-field { top: -30px; margin-bottom: -10px; } #page-contact-instore #formCard { width: 100%; } .user-table .trans-date { width: 60px; } .user-table .trans-merchant { } .user-table td.trans-status { width: 75px; text-align: left; } .user-table td.trans-purchaseid { width: 125px; } .user-table td.trans-spend { width: 85px; } /*** claimpoints ***/ .user-table th:first-child:after { display: none; } .user-table .td-radio { width: 30px; } .user-table .radio { margin-top: 2px; margin-bottom: 0; width: 0px; } #page-claimpoints .radio label:before { border-color: #333; } #page-claimpoints #contact-form .form-item select { width: 80%; } #page-claimpoints .user-table .radio label { display: block; margin: 0; padding: 0; } #page-claimpoints .user-table .radio input { width: 0; margin: 0; display: none; } #page-claimpoints #contact-form .form-row { margin-top: 15px; margin-bottom: 10px; } .user-table big { font-size: inherit; } #page-claimpoints #contact-form .radio1 label:before { top: 3px; } #page-claimpoints #contact-form .radio1 label:after { top: 6px; } /*** 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: #fff; font-size: 14px; } #footer #footer-nav { padding: 60px 0 40px; overflow: hidden; } #footer a, #footer a:visited { color: #231f20; padding: 0 15px; } #footer a:hover, #footer a:focus { color: #231f20; text-decoration: underline; } #footer-nav { margin-left: -15px; } #footer .copyright { color: #231f20; } /*** back-to-top ***/ #footer #back-to-top { font-size: 20px; background: #ffcc00; color: #000; position: absolute; bottom: 170px; right: 20px; width: 72px; height: 72px; text-decoration: none; padding: 0; 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; } #footer #back-to-top.show { max-height: 72px; -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: 72px; text-align: center; } /*** login page *****************************************/ #page-login {} #header-login { border-bottom: 1px solid #d8d7d7; position: relative; } #header-login .wrapper { padding: 10px 15px; max-width: 1500px; margin: auto; } #header-login #logo { position: relative; width:220px;} #header-login #logo a { display: block; padding-left: 20px; text-decoration: none; height: 90px; padding-top: 24px; } #header-login #logo a img { display: block; width: auto; height: 36px; } #header-login a#close { line-height: 71px; width: 70px; display: block; position: absolute; top: 0; right: 0; text-align: center; text-decoration: none; } #header-login a#close span { font-size: 40px; line-height: 71px; width: 100%; display: block; } #header-login a:hover#close, #header-login a:focus#close { color: #231f20; background: #f2f2f2; } #loginbox { max-width: 700px; margin: auto; opacity: 0; } #loginbox h1 { font-size: 50px; letter-spacing: -5px; margin: 0 0 30px; padding: 0; } #loginbox label { display: none; } #loginbox .checkbox label { display: inline; } #loginbox .form-control { height: 40px; } #loginbox .form-submit { overflow: hidden; } #loginbox .form-submit .btn-submit { font-size: 17px; padding: 8px 40px 8px 15px; } #loginbox .form-submit .btn-submit:after { line-height: 40px; } #loginbox .form-submit a#link-password-forgot { float: right; text-align: left; } /*** 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 ***/ /*body.with-cookiemessage #footer .footer-bottom { padding-bottom: 80px; } #cookies-alert { position: fixed; bottom: 0; left: 0; width: 100%; background: #231f20; color: #fff; z-index: 1040; 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: 0.2s; -o-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } #cookies-alert .container { padding-top: 12px; padding-bottom: 12px; font-size: 14px; } #cookies-alert .alert-close { position: absolute; top: 0; right: 2px; padding: 3px 7px; color: #fff; font-size: 17px; } #cookies-alert .alert-accept { float: right; font-size: 15px; } #cookies-alert .alert-cnt { float: left; padding: 7px 20px 0 0; } #cookies-alert .alert-cnt a { color: #fff; text-decoration: underline; } */ /*** 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 ***/ /* #errorpage.error404 #contents { padding: 40px 0; } #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: 34px; 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; padding: 0 spx; color: #fff; font-size: 25px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } */ /*** error404 new ***/ #errorpage.error404 #contents { background: #fff; padding: 50px 60px; text-align: left; } #errorpage.error404 #contents h1, #errorpage.error404 #contents h5 { font-size: 32px; line-height: 40px; margin: 32px 0; font-family: 'CBASans-Bold'; } #errorpage.error404 #contents .alert-icon em { font-size: 60px; color: #e1001a; } #errorpage.error404 #contents h5 { font-size: 20px; line-height: 32px; margin: 0 0 32px; } #errorpage.error404 #contents h5 img { width: 64px; height: auto; } #errorpage.error404 #contents .border-r-1 { border-right: 1px solid #e9e9e9; } #errorpage.error404 #contents .col-sm-8 .contact-method-container { padding-left: 40px; } /*** maintenance ***/ .maintenance-text { margin-bottom: 40px; padding-bottom: 0; font-size: 18px; line-height: 24px; } .maintenance-text h1 { line-height: 40px; margin: 32px 0 !important; padding: 0; } /*** POPUPs **********************/ .fancybox-content { padding: 0; overflow: hidden; } .popup-content { padding: 30px; background: #fff; } .popup-md .fancybox-content, .popup-md.fancybox-content { max-width: 720px; width: 100%; } .popup-sm .fancybox-content, .popup-sm.fancybox-content { max-width: 420px; width: 100%; } .fancybox-popup-tracking .fancybox-content { max-width: 500px; width: 100%; } .popup-logo { max-width: 250px; margin: 0 auto; } .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: 30px; } #calculator-popup .set2 { display: none; } #calculator-popup .set1 .form-group { margin-bottom: 20px; } #calculator-price { font-size: 18px; font-weight: bold; width: 240px; } #calculator-cashback { font-size: 20px; color: #00205b; font-weight: bold; } .calc-result { margin-bottom: 15px; } /*** tracking ***/ #page-tracking { text-align: center; font-size: 15px; } #page-tracking .popup-wrap { max-width:500px; margin:auto; } .popup-banners-logo { padding: 30px 20px 0; background: #fff; } #page-tracking .popup-banners img { display: block; margin: auto; } #page-tracking .merchant-rate { color: #231f20; font-size: 21px; margin: 20px auto 10px; font-family: 'CBASans-Bold',Arial,Helvetica,sans-serif; } #page-tracking h1 { margin: 0 0 20px; font-size: 26px; color: #000; font-weight: 500; } #page-tracking .form-submit .btn { font-size: 16px; padding: 15px; margin-top: 20px; } #page-tracking .form-submit a { width: 100%; max-width: 250px; } #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; } /*** popup-welcome ***/ #popup-welcome { background: transparent; } #popup-welcome .popup-header { text-align: right; position: relative; } #popup-welcome .popup-header:before { height: 60px; top: 46px; right: 144px; background: #fff; position: absolute; display: block; width: 100%; content:""; } #popup-welcome h3 { margin: -40px 70px 20px 0; position: relative; line-height: 1.3; } #popup-welcome .btns { padding-top: 10px; overflow: hidden; } #popup-welcome .checkbox { float: right; } #popup-welcome .checkbox label { font-size: 13px; } /*** welcome tc ***/ .fancybox-popup-welcometc .fancybox-content { max-width: 560px; width: 100%; } #welcome-tc { font-size: 13px; color: #666; border: 1px solid #cfcfcf; padding: 15px; margin-bottom: 20px; width: 100%; height: 200px; overflow-y: auto; } #welcome-tc h1 { font-size: 18px; color: #231f20; margin: 0 0 10px; font-weight: 600; } #welcome-tc h2 { font-size: 15px; color: #231f20; margin: 0 0 10px; font-weight: 600; } #welcome-tc h3 { font-size: 14px; color: #231f20; margin: 0 0 10px; font-weight: 600; } #popup-welcometc .welcome-copy { margin-bottom: 15px; font-size: 13px; } #popup-welcometc .welcometc-btns { text-align: center; font-size: 12px; } #popup-welcometc .welcometc-btns .btn .far { padding-left: 5px; } #welcome-notagree { border-top: 1px solid #cfcfcf; margin: 20px 0 0; padding-top: 15px; text-align: center; } #welcome-notagree a { font-size: 11px; text-decoration: underline; color: #000; } #welcome-tc .copy ul li:before { color: #333; font-size: 6px; font-weight: bold; position: relative; top: -2px; content:"\f111"; } /*** voucheroffer-popup-loggedout ***/ #voucheroffer-popup-loggedout { display: none; } /*** 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 0; margin-bottom: 20px; } #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 a, #page-campaign #page-nav ul li a:visited { color: #231f20; 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 a { color: #231f20; 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 { float: right; 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: 35px; height: 35px; padding: 0; background: #7c4199; color: #fff; font-size: 20px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } #page-campaign #page-nav ul li.fb a span, #page-campaign #page-nav ul li.tw a .fa { 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 #tab_offer,#page-campaign #tab_prizedraw{ display:none; } /*** 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; border: 1px solid #d8d7d7; } #page-panels .panel-item.third { } #page-panels .panel-item a { display: block; padding: 10px 0 25px; background: #fff; border-bottom: 3px solid transparent; } #page-panels .panel-item a:hover, #page-panels .panel-item a:focus { border-bottom-color: #ffcc00; 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: #231f20; font-size: 13px; margin-bottom: 5px; } #page-panels .panel-item .merch-rates { display: block; color: #231f20; font-size: 14px; margin-bottom: 3px; font-family: 'CBASlab-ExtraBold',Arial,Helvetica,sans-serif; } #page-panels .panel-item .merch-rates-was { display: block; opacity: 0.5; font-size: 11px; } /*** campaign ***/ .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; overflow: hidden; } .panel-item .panel-banner { display: block; overflow: hidden; } .panel-item .panel-banner img { width: auto; height: 100%; display: block; max-height: 246px; } .panel-item.with-alt-banner .panel-banner img { height: 100%; width: auto; } .panel-merchant { padding: 30px 20px; background: #fff; display: block; } .panel-merchant:after { clear: both; display: block; content:""; } .panel-merchant .merch-banner { max-width: 140px; padding: 0 0 20px; float: left; display: block; } .panel-merchant .merch-banner img { max-width: 120px; } .panel-merchant .merch-summary { padding: 0 0 20px 0; margin-left: 140px; display: block; } .panel-merchant .merch-title { font-size: 15px; color: #000; line-height: 1.2; min-height: 30px; display: block; font-family: 'CBASans'; } .panel-merchant .merch-rates { font-size: 15px; color: #231f20; margin-bottom: 5px; margin-right: -15px; line-height: 1.2; display: block; position: relative; font-family: 'CBASans-Bold'; } .panel-merchant .merch-rates-was { font-size: 11px; line-height: 1.2; display: block; font-family: 'CBASans'; opacity: 0.7; } .panel-merchant .merch-rates-was .label-earn { padding-right: 5px; } .panel-item .panel-description { font-size: 14px; line-height: 1.4; color: #231f20; clear: both; display: block; min-height: 40px; } .panel-merchant .panel-title { font-size: 17px; display: block; font-family: 'CBASans-Bold'; } /*** countdown ***/ #countdown-block { padding: 0 0 2px; background: #ffcc00; color: #333; } #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 { font-size: 30px; line-height: 1.1; display: block; text-align: center; width: 45px; } .countdown-item small { font-size: 8px; line-height: 1; text-transform: uppercase; display: block; text-align: center; } .countdown-item:after { font-size: 30px; line-height: 1.1; content:":"; position: absolute; top: 0; right: 0; display: block; } #countdown-s:after { display: none; } /*** debug ***********************/ #debug-block { position: fixed; top: 0; left: 0; z-index: 100000; } #debug-responsive { border: 1px solid #231f20; height: 10px; width: 10px; background: #fff; float: left; } #debug-resolution { font-size: 10px; line-height: 1; padding: 0 3px; background: rgba(255,255,255,0.7); float: left; display: block; }