.container { width: 1021.3px; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { font-family: 'Open Sans',Arial,Helvetica,sans-serif; -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: #000; font-size: 14px; -webkit-font-smoothing: antialiased; font-family: 'Open Sans',Arial,Helvetica,sans-serif; } a, a:visited { color: #03c; } a:hover, a:focus { color: #003399; text-decoration: underline; } a:focus { outline: 1px solid; } .clear { clear: both; height: 0; line-height: 0; display: block; } p { font-size: 1em; line-height: 1.4; margin-bottom: 15px; } *::-moz-selection { background-color: #d09914; color: #000; } .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;} #contents { margin-bottom: 30px; font-size: 13px; } h1, h2, h3 { font-weight: normal; color: #000; } h3 { font-size: 20px; letter-spacing: -1px; } .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .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; } .noresults { padding-bottom: 15px; } .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: #62a9e3; 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; } /*** header ******************************************************************/ #header { height: 112px; position: relative; background: #003399; /* background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2172BA), to(#2172ba)); background: -webkit-linear-gradient(#2172BA, #2172ba); background: -moz-linear-gradient(#2172BA, #2172ba); background: -ms-linear-gradient(#2172BA, #2172ba); background: -o-linear-gradient(#2172BA, #2172ba); background: linear-gradient(#2172BA, #2172ba); */ } .container { position: relative; padding: 0; } .header-right { float: right; padding-top: 82px; } #header-bottom { background: #233f75; height: 55px; padding-top: 12px; background: #233f75; /* Old browsers */ background: -moz-linear-gradient(top, #162d59 0%, #233f75 50%, #233f75 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #162d59 0%,#233f75 50%,#233f75 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #162d59 0%,#233f75 50%,#233f75 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162d59', endColorstr='#233f75',GradientType=0 ); /* IE6-9 */ } /*** logo ***/ #logo { position: absolute; top: 20px; left: 0; z-index: 1000; width: 320px; } #logo a { display: block; } #logo a img { width: 100%; height: auto; display: block; } /*** menu-trigger ***/ #menu-trigger { display: none; color: #fff; position: absolute; top: 0; right: 0; line-height: 45px; padding: 0 10px; text-decoration: none; } #menu-trigger em { font-size: 33px; display: block; line-height: 45px; } /*** mainmenu **************************/ #mainmenu { position: absolute; top: 82px; left: 0; width: 100%; } #mainmenu ul { width: 100%; } #mainmenu > ul > li { margin-left: 0; } #mainmenu ul.nav > li > a, #mainmenu ul.nav > li > a:visited { color: #fff; font-size: 15px; line-height: 30px; font-weight: 600; padding: 0 1px; margin: 0 10px; display: block; position: relative; border-bottom: 1px solid rgba(98,169,227,0); } #mainmenu ul.nav > li > a:hover, #mainmenu ul.nav > li > a:focus { border-color: rgba(98,169,227,1); background: transparent; } #mainmenu ul.nav > li.open { background: #00369a; } #mainmenu ul.nav > li.open > a, #mainmenu ul.nav > li.open > a:visited, #mainmenu ul.nav > li.open > a:hover, #mainmenu ul.nav > li.open > a:focus { text-decoration: none; color: #fff; background: transparent; border-color: #00369a; } #mainmenu ul.nav > li.active > a, #mainmenu ul.nav > li.active > a:visited, #mainmenu ul.nav > li.active > a:hover, #mainmenu ul.nav > li.active > a:focus { color: #fff; border-color: rgba(98,169,227,1); } #mainmenu ul.nav > li.nav-home { margin-right: 5px; margin-left: -10px; } /*** categories ***/ .dropdown, .nav > li { position: inherit; } #mainmenu .submenu-categories { background: #00369a; width: 100%; border: none; margin: 0; padding: 0; float: none; position: absolute; padding: 15px 15px 15px 30px; -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; } #mainmenu .submenu-categories li.leftcolumn { overflow: hidden; padding: 0; } #mainmenu .submenu-categories li.leftcolumn ol { list-style: none; margin: 0; padding: 0; float: left; width: 30.333%; margin-right: 3%; } #mainmenu .submenu-categories li.leftcolumn ol a { color: #fff; font-size: 13px; text-decoration: none; display: block; padding: 3px 0; } #mainmenu .submenu-categories li.leftcolumn ol a:hover, #mainmenu .submenu-categories li.leftcolumn ol a:focus { color: rgba(98,169,227,1); text-decoration: none; } #mainmenu .submenu-categories li.leftcolumn ol a .fa { display: none; font-size: 9px; width: 15px; color: #fff; } #mainmenu .submenu-categories li.leftcolumn ol li.active a, #mainmenu .submenu-categories li.leftcolumn ol li.active a:visited, #mainmenu .submenu-categories li.leftcolumn ol li.active a:hover, #mainmenu .submenu-categories li.leftcolumn ol li.active a:focus { cursor: default; color: #fff; text-decoration: none; } #mainmenu .submenu-categories li.leftcolumn > ol > li { padding-bottom: 8px; } #mainmenu .submenu-categories li.leftcolumn ol ol { float: none; width: 100%; padding: 0 0 0 15px; } #mainmenu .submenu-categories li.leftcolumn ol ol a { padding: 1px 0 1px 10px; } /*** rightcolumn - banner ***/ #mainmenu .submenu-categories li.rightcolumn { /*width: 438px;*/ height: 235px; max-height: 235px; overflow: hidden; float: right; padding: 5px 0 0; position: relative; } #mainmenu .submenu-categories li.rightcolumn .banner { opacity: 0; display: block; height: 0; } #mainmenu .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; } /*** regions ***/ #lang-location-block:after { content:""; display: block; clear: both; } #regions-block { float: left; width: 35%; position: relative; } #language-switcher { float: left; width: 45%; position: relative; margin-right: 5%; } #lang-location-block .form-btn { float: right; width: 15%; position: relative; } #lang-location-block .form-btn input { width: 100%; height: 32px; line-height: 30px; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #lang-location-block .dropdown-label { float: left; width: 45%; } #lang-location-block .dropdown-selector { float: right; width: 55%; } #lang-location-block .dropdown-label label { font-weight: normal; color: #fff; text-align: right; display: block; padding: 7px 8px 0 0; margin: 0; } #lang-location-block .dropdown-menu { width: 100%; } #lang-location-block .btn-group { width: 100% !important; max-width: 100%; } #lang-location-block .bootstrap-select.btn-group .btn { padding: 5px; width: 100%; } #lang-location-block.bootstrap-select.btn-group .btn .caret { right: 8px; color: #002244; } #lang-location-block .bootstrap-select.btn-group.open .btn { background: #fafafa; } #lang-location-block .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #lang-location-block .dropdown-menu a { padding: 3px 13px; font-size: 14px; } #lang-location-block .dropdown-menu a:hover, #header-regions .dropdown-menu a:focus { background: #ddd; } #lang-location-block .dropdown-menu .selected a { background: #62a9e3; color: #fff; } /*** lang-trigger ******************/ #errorpage .navbar-form { float: right; } /*** search ***/ #search-wrapper { width: 100%; position: relative; } #search-wrapper .navbar-form { margin: 0; padding: 0; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #search-wrapper .navbar-form label { color: #777; position: absolute; top: 0; left: 8px; display: block; width: 20px; height: 32px; padding-top: 3px; font-size: 17px; } #search-wrapper .navbar-form .form-control { width: 100%; background: #e6e6e6; height: 32px; font-size: 14px; padding: 2px 30px 2px 30px; position: relative; } #search-wrapper .navbar-form button { height: 32px; line-height: 20px; position: absolute; top: 0; right: 0; font-size: 17px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #search-wrapper .navbar-form button em { position: relative; top: -2px; } /*** user-block ***/ #user-block { position: relative; float: left; } a#link2login { padding: 0 15px; line-height: 28px; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } a#link2login .material-icons { padding-left: 10px; font-size: 19px; position: relative; top: 3px; } #user-block ul.nav > li { position: relative; padding-left: 1px; } #user-block ul.nav li a, #user-block ul.nav li > span { padding: 0 15px; } #user-block ul.nav li a em { font-size: 16px; } #user-block ul.nav li #submenu-user a em { padding-left: 5px; position: relative; top: 1px; } #user-block ul.nav li.with-username span { font-size: 14px; line-height: 1.4; padding: 10px 15px; display: block; color: #fff; font-weight: 600; } #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 { font-size: 14px; display: block; line-height: 30px; color: #6244bb; background: #fff; } #user-block ul.nav li a#user-trigger:hover, #user-block ul.nav li a#user-trigger:focus { color: #002244; } #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: 30px; } #user-block #submenu-user { width: 180px; background: #62a9e3; text-align: right; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #user-block #submenu-user a#link2logout em { padding-left: 5px; color: #fff; } #user-block ul.nav li a, #user-block ul.nav li a:visited { color: #fff; } #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: #fff; background: #549bd5; } #user-block #submenu-user.dropdown-menu .divider { background: #72b2e6; margin: 3px 0; } #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; margin-right: 3px; } a#fav-trigger { display: block; line-height: 30px; padding: 0 10px; position: relative; color: #fff; text-align: center; background: #00369a; } a#fav-trigger:after { content:""; clear: both; display: block; } a#fav-trigger .fa, a#fav-trigger:visited .fa { font-size: 14px; color: #fff; float: left; line-height: 30px; } #fav-number { font-size: 14px; display: block; line-height: 30px; float: left; padding-left: 5px; } .open a#fav-trigger { background: #62a9e3;} #submenu-fav { width: 250px; background: #62a9e3; border: none; margin: 0; position: absolute; top: 30px; right: 0; left: auto; -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 #72b2e6; 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: #fff; } #fav-block a.link2merch:hover, #fav-block a.link2merch:focus, #fav-block li:hover { background: #549bd5; } #fav-block .merch-title { display: block; } #fav-block .merch-rates { color: #fff; display: block; font-size: 14px; } #fav-block .favremove { color: #fff; background: transparent; position: absolute; top: 12px; right: 0; font-size: 21px; opacity: 0.3; } #fav-block .favremove:hover, #fav-block .favremove:focus { opacity: 1; } #fav-block .more { border: none; text-align: right; } #fav-block .more a, #fav-block .more a:visited { padding: 5px 15px; background: transparent; color: #fff; } #fav-block .more a:hover, #fav-block .more a:focus { color: #fff; } #fav-block .more em { font-size: 21px; color: #fff; position: relative; top: 5px; } #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: #62a9e3 !important; } /*** basis *********/ #basis > .container { padding-top: 15px; } #home #basis > .container { background: transparent; } #mainpanel:after { content:""; display: block; clear: both; } #mainpanel h1 { margin: 0 0 20px; line-height: 1.2; } /*** promo-top ***********/ #promo-top { margin-bottom: 10px; margin-top: 10px; } /*** home-promo ***/ #homebanner { padding-top: 25px; } #page-promo { margin-bottom: 20px; } #page-promo:after { content:""; display: block; width: 100%; height: 0; clear: both; } #page-promo { } #page-promo .leftcolumn, #page-promo .leftcolumn { width: 75.1%; float: left; position: relative; } #page-promo .leftcolumn { } #page-promo .rightcolumn, #page-promo .rightcolumn { width: 23.7%; float: right; text-align: right; } #page-promo .leftcolumn .owl-item a, #page-promo .rightcolumn a { color: #ececec; } #mainbanner img.with-link { cursor: pointer; } #mainbanner-mobile { display: none; margin-bottom: 10px; } #page-promo .leftcolumn, #mainbanner { max-height: 224px; } #page-promo .leftcolumn img { width: 100%; } #page-promo .owl-dots, #mainbanner-mobile .owl-dots { text-align: center; position: absolute; width: 100%; bottom: 10px; z-index: 2; } #page-promo .owl-dots .owl-dot, #mainbanner-mobile .owl-dots .owl-dot { display: inline-block; } #page-promo #promo-right { border: none; margin-bottom: 0; } .msie8 #page-promo .owl-controls { display: none !important; } /*** play / pause ***/ #page-promo .carousel-btns { position: absolute; bottom: -24px; left: 50%; z-index: 2; display: none; } #page-promo .carousel-btns a { float: left; width: 20px; height: 20px; text-decoration: none; color: #62a9e3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #page-promo .carousel-btns a em { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; } #page-promo .carousel-btns a:hover, #page-promo .carousel-btns a:focus { color: #fff; background: #62a9e3; } #page-promo.play #carousel-play { display: none; } #page-promo.pause #carousel-pause { display: none; } #page-promo.carousel-one-slide #carousel-play, #page-promo.carousel-one-slide #carousel-pause { display: none; } /*** home-sections ***/ #home-sections { padding-bottom: 20px; } /*** carousel ***/ .carousel { position: relative; margin-bottom: 0; } .carousel .owl-wrapper-outer { } .carousel .merch-item { width: 150px; margin: 0 auto; } .carousel { opacity: 0; } .carousel.owl-loaded { opacity: 1; background: transparent; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .with-carousel .carousel { } .with-carousel .carousel .owl-stage-outer, #page-search .carousel .owl-stage-outer { padding-bottom: 15px; } .with-carousel .carousel .owl-stage, #page-search .carousel .owl-stage { overflow: hidden !important; padding-top: 5px; padding-bottom: 5px; } #box-offers.with-carousel .merch-list .merch-item a.link-to-merchant { padding-bottom: 5px; } .with-carousel .merch-item .merch-thumb, #page-search .merch-item .merch-thumb { display: none; } .with-carousel .box-cnt { background: #f5f5f5 url(../images/ajax-loader-content.gif) no-repeat center center; } .with-carousel.noimgbg .box-cnt { background-image: none; } .owl-controls { position: relative; text-align: center; } .with-carousel .owl-controls { position: relative; background: #e6e6e6; padding: 10px; margin: 0 -15px; clear: both; } .with-carousel .without-nav .owl-controls { display: none; } .without-nav .owl-controls .owl-nav { display: none; } .with-carousel .owl-controls .owl-nav div.owl-next, .with-carousel .owl-controls .owl-nav div.owl-prev, #page-search .owl-controls .owl-nav div.owl-next, #page-search .owl-controls .owl-nav div.owl-prev { width: 35px; height: 35px; overflow: hidden; display: inline-block; margin: 0 5px; } .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 { color: #6244bb; display: block; height: 35px; border: 2px solid #6244bb; } .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 { color: #002244; } .owl-controls .owl-nav div.owl-next a:active, .owl-controls .owl-nav div.owl-prev a:active { background: #62a9e3; } .owl-controls div.owl-next em, .owl-controls div.owl-prev em { line-height: 30px; width: 100%; outline: none; text-align: center; font-size: 24px; } .box .owl-carousel .owl-item img { width: auto; } #mainbanner .owl-controls, #mainbanner-mobile .owl-controls { top: auto; bottom: -32px; } .owl-controls .owl-dot span { background: #2172ba; border: 2px solid #2172ba; border-radius: 20px; display: block; width: 11px; height: 11px; margin: 0 3px; position: relative; opacity: 1; } .owl-controls .owl-dot.active span { background: #fff; } #mainbanner .item { top: 0; position: absolute; opacity: 0; } #mainbanner.owl-loaded .item { top: 0; position: relative; opacity: 1; } /*** promo-left ***/ #promo-left { margin-bottom: 15px; max-height: 224px; overflow: hidden; } /*** breadcrumbs ***/ #breadcrumbs { width: 100%; border-bottom: 1px solid #d8d7d7; padding: 15px 0; font-size: 14px; margin: 0 auto 10px; color: #233f75; } #breadcrumbs em { color: #999; font-size: 14px; } /*** tabs ***/ #page-top.with-tabs .container { /*padding: 0;*/ } .tabs { margin: 0 0 10px; overflow: hidden; padding: 0; font-weight: 400; font-size: 15px; position: relative; } .tabs:before { content:""; display: block; width: 100%; height: 1px; background: #d8d7d7; 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 { color: #333; background: #e2e2e2; line-height: 20px; display: block; padding: 10px 15px; text-decoration: none; border-top: 3px solid transparent; position: relative; } .tabs ul li a:hover, .tabs ul li a:focus { border-bottom-color: #ccc; background: #ccc; } .tabs ul li.active a, .tabs ul li.active a:hover { background: #fff; cursor: default; color: #002244; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top-color: #62a9e3; } .tabs ul li a em { display: none; } /*** contents ********************************************************************/ .box { margin: 0 0 20px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .box .box-hdr { min-height: 30px; overflow: hidden; padding: 10px 15px; } .box .wo-padding { padding: 0; } .box .box-hdr1 { background: #003399; } .box .box-hdr2 { background: #62a9e3; } .box .box-hdr3 { background: #002244; } .box .box-hdr4 { background: #6244bb; } .box .box-hdr4 h1, .box .box-hdr4 h2, #mainpanel .box .box-hdr4 h1, #mainpanel .box .box-hdr4 h2 { color: #000; } .box h1, .box h2, #mainpanel .box h1, #mainpanel .box h2 { font-size: 24px; line-height: 1.3; margin: 0; color: #fff; display: inline-block; } #mainpanel .wo-padding h1, #mainpanel .wo-padding h2, #mainpanel .wo-bg h1, #mainpanel .wo-bg h1 { color: #003399; } .box.static-page .box-hdr h2 { float:none;width:auto;} .box .box-hdr .right-part { float: right; padding-top: 6px; } .box .box-hdr .right-part .links { padding: 0; text-align: right;} .box .box-hdr .right-part .links a, a.more { text-decoration: none; color: #fff; } .box .box-hdr .right-part .links a .material-icons { font-size: 20px; position: relative; top: 4px; color: #df163c; } .box .box-cnt { padding: 15px 0; } .with-carousel .box-cnt { padding: 15px 15px 0; } #box-featured .merch-item .merch-icons { display: none; } /*** box-vouchers *******/ #box-vouchers, #box-popular { margin-bottom: 30px; } #box-popular { float: right; } #box-vouchers, #box-popular { width: 48.5%; } #box-vouchers .box-cnt { padding: 0; margin: 0; } #box-popular .box-cnt { padding: 15px 0 10px; margin: 0 -15px; } .voucher-list .voucher-item { font-size: 13px; position:relative; } .voucher-list .voucher-item > a, .voucher-list .voucher-item > a:visited { display: block; overflow: hidden; padding: 15px 15px 15px 12px; border-left: 3px solid transparent; } .voucher-list .voucher-item > a:hover, .voucher-list .voucher-item > a:focus { border-color: #62a9e3; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .voucher-list .voucher-item a .merchant-banner { min-width: 120px; max-width: 120px; width: 25%; float: left; } .voucher-list .voucher-item a .merchant-banner img { border: 1px solid #fff; } .voucher-list .voucher-item a .item-txt { float: left; width: 67%; padding: 0 15px; middle; height: 60px; } .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 { line-height: 1.2; margin-bottom: 7px; } .voucher-list .voucher-item a .voucher-expdate { color: #62a9e3; display: block; } .voucher-list .voucher-item > a:after { color: #62a9e3; font-size: 24px; display: block; line-height: 30px; position: absolute; top: 30px; right: 13px; font-family: "Material Icons"; content:"arrow_forward";} .voucher-list .voucher-item a:hover:after, .voucher-list .voucher-item a:focus:after { color: #62a9e3; } #box-vouchers .voucher-list .voucher-item { font-size: 13px; } #box-vouchers .voucher-list .voucher-item a .merch-txt { width: 45%; } .leftpanel .box-cnt .merch-list { padding: 0 10px; } .leftpanel .box-cnt .merch-list:after { clear: both; content:""; display: block; padding-bottom: 0; } #home #instore-offers { margin: 0 -15px 30px; padding: 0 15px; } #box-topproducts { margin: 0 -15px 30px; padding: 0 15px; } /*** merch-list ******/ .merch-list { } .merch-list .col-separator { width: 4%; } .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-wrapper { padding: 5px; } .merch-list .merch-item .merch-full > a.link-to-merchant { display: block; padding: 10px 0; border: 1px solid #fff; background: #fff; -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2); box-shadow: 0 0 4px rgba(0,0,0,0.2); } .merch-list .merch-item .merch-full > a.link-to-merchant:hover, .merch-list .merch-item .merch-full > a.link-to-merchant:focus, .thumbs .merch-item:hover .merch-full a.link-to-merchant, .merch-list .merch-item .merch-full:hover a.link-to-merchant { border-color: #62a9e3; -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.5); } .merch-list.thumbs .merch-item .merch-full > a.favremove { display: none; } .merch-list .merch-item .merch-full > a { display: block; } .merch-list.thumbs .merch-item .merch-full > a.favremove { display: none; } /* body.logged-in .merch-list .merch-item .merch-full { min-height: 190px; } body.logged-in .merch-list.thumbs .merch-item.favorite .merch-full, body.logged-in .merch-list.thumbs .merch-item.without-icons .merch-full, body.logged-in #sidebar .merch-list .merch-item.favorite .merch-full, body.logged-in #sidebar .merch-list .merch-item.without-icons .merch-full { min-height: 203px; } */ body.logged-in .merch-list .merch-item .merch-full { position: relative; } body.logged-in .merch-list .merch-item .merch-full a.link-to-merchant { padding-bottom: 45px; } body.logged-in .merch-list .merch-item .merch-full .merch-fav { margin: -45px auto -35px; } body.logged-in .merch-list .merch-item .merch-full .merch-fav .btn { font-size: 11px; border-width: 1px; } body.logged-in .merch-list .merch-item .merch-full .merch-fav .btn em { padding-right: 3px; } body.logged-in #sidebar .merch-list .merch-item .merch-full .merch-fav { margin: -45px auto 20px; } body.logged-in .merch-list .merch-item.favorite .merch-full a.link-to-merchant { padding-bottom: 0; } body.logged-in .merch-list .merch-item.favorite .merch-full .merch-fav { display: none; } .merch-list a:hover, .merch-list a:focus { text-decoration: none; } .merch-icons { font-size: 14px; } .merch-list .merch-item { text-align: center; margin-bottom: 5px; } .merch-list .merch-item .merch-full .merch-banner { display: block; margin-bottom: 10px; } .merch-list .merch-item .merch-title { display: block; font-size: 13px; margin-bottom: 3px; color: #003399; line-height: 1.2; } .merch-list .merch-item .merch-rates { display: block; color: #002244; font-size: 17px; margin-bottom: 5px; letter-spacing: -1px; font-weight: 500; } .merch-list .merch-item .merch-rates-was { font-size: 11px; color: #888; margin: -5px 0 10px; position: relative; display: block; } .merch-list .merch-item .merch-rates .upto { font-size: 80%; } .merch-list .merch-item .merch-icons { display: block; margin: 4px 0; height: auto; text-align: center; } .thumbs .merch-item .merch-icons { height: auto; } .thumbs .merch-item a:hover .merch-title { color: #62a9e3; } .merch-fav { line-height: 20px; display: block; } .merch-fav .add2fav { margin: 5px 0 5px; display: inline-block; } .merch-fav em { margin-right: 5px; font-size: 12px; } .merch-list .merch-item:hover .merch-fav {} .carousel .merch-fav { display: none; } body.logged-in .merch-list .carousel .merch-item .merch-full a.link-to-merchant { padding-bottom: 10px; } .thumbs .merch-item { padding: 0 0 22px; min-width: 137px; margin-bottom: 0; } .thumbs .merch-item .merch-thumb { display: block; width: 137px; margin: auto; } .thumbs .merch-item .merch-full { width: 150px; display: none; z-index: 1000; position: absolute !important; top: -10px; left: 50%; margin-left: -75px; height: auto; min-height: inherit; border: none; } .thumbs .merch-item:hover .merch-full, .thumbs .merch-item:focus .merch-full { display: block; } .label-space { 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: #002244; color: #fff; font-size: 10px; text-align: center; position: relative; } .merch-banner img { } .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; } #contents .merch-list .merch-item .favremove { display: none; } #page-fav #contents .merch-list .merch-item a.favremove { font-size: 17px; display: block; width: 17px; height: 17px; position: absolute; top: 0; right: 3px; cursor: pointer; } #page-fav #contents .merch-list .merch-item a:hover.favremove { color: #544539; } #page-fav #contents .leftpanel .merch-list .merch-item .merch-full { min-height: 204px; } #page-fav #contents .sideblock .merch-list .merch-item a.favremove { display: 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; } /*** merch-icons ***/ .addthis_toolbox { width: 0; height: 0; overflow: hidden; } .merch-icons { overflow: hidden; margin: 0 auto 5px; display: table-cell; } .merch-icons li, .merch-icons a, .merch-icons > span { color: #6244bb; display: inline-block; width: 24px; height: 24px; line-height: 24px; margin-right: 4px; display: inline-block; outline: none; text-align: center; zoom: 1; overflow: hidden; } .merch-icons a span { line-height: 24px; float: left; } .merch-icons strong { float: left; width: 24px; height: 24px; background: #6244bb; display: inline-block; text-align: center; border: none; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .merch-icons em { display: block; color: #fff; width: 24px; line-height: 24px; position: relative; } .merch-icons a:hover b { } .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; } .merch-icons a span { display: inline-block; font-size: 14px; color: #595959; } #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 a span, #merchant-single .leftcol .merch-icons span span { padding-left: 7px; } .merch-icons a:active { opacity: .5; } .merch-icons a.ico-share em { margin-left: -2px; } #at15s { display: none !important; } #merchant-single .merch-icons a.ico-calc span { color: #6244bb; } #merchant-single .merch-icons a:hover.ico-calc, #merchant-single .merch-icons a:focus.ico-calc { color: #6244bb; } #merchant-single .merch-icons a:focus.ico-calc { outline: 1px solid; } #merchant-single .merch-icons a.ico-calc strong { border: 1px solid #6244bb; background: #fff; } #merchant-single .merch-icons a.ico-calc em { font-size: 14px; color: #6244bb; text-align: center; width: 22px; } .merch-icons a.ico-offer strong em { position: relative; top: -2px; } .icon-share { text-align: right; position: relative; padding: 5px 0;} .icon-share a.ico-share { font-size: 15px; text-decoration: none; color: #6244bb; } .merch-icons .ico-fav strong { background: #6244bb; } /*** box-topproducts ***/ #box-topproducts .box-cnt { padding: 0; margin: 0 -15px; } #featured-product-list { overflow: hidden; } #featured-product-list .product-item { float: left; min-height: 160px; text-align: center; padding: 3px 10px 0; } #featured-product-list .product-item a { display: block; padding: 0 5px; } #featured-product-list .product-item .product-image { width: 195px; height: 100px; display: table-cell; vertical-align: middle; text-align: center; margin-bottom: 5px; } #featured-product-list .product-item .product-image img { max-width:90px; max-height:90px; margin:auto; display:block;} .msie7 #featured-product-list .product-item .product-image { display: block; cursor: pointer; } #featured-product-list .product-item a { text-decoration: none; height: 160px; border-bottom: 2px solid transparent; } #featured-product-list .product-item a:hover, #featured-product-list .product-item a:focus { border-color: #62a9e3; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1); } #featured-product-list .product-item a .product-title { display: block;; } #featured-product-list .owl-controls .owl-nav div.owl-next, #featured-product-list .owl-controls .owl-nav div.owl-prev { top: 0; } #featured-product-list .owl-controls .owl-nav div.owl-next a, #featured-product-list .owl-controls .owl-nav div.owl-prev a { height: 165px; } #featured-product-list .owl-controls div.owl-next em, #featured-product-list .owl-controls div.owl-prev em { line-height: 160px; } /*** fixed position of promo-left banner ***/ #category #promo-left, #page-new #promo-left, #page-vouchers #promo-left { margin-bottom: 15px; } .page-inner { position: relative; } /*** filter ***************/ .filter-form select { display: none; } #category, #coupons, #popular-list, #az { position: relative; } .filter-block .dropdown-menu { font-size: 13px; } .filter-block .dropdown-menu > li > a { padding: 3px 13px; } .block4filters.top { margin-bottom: 20px; padding: 0; } .block4filters.bottom { overflow: hidden; margin: 0; } .block4filters.bottom .paging { padding: 0; margin-bottom: 20px; } .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, #special_offers .block4filters.top { top: 20px; right: 0; padding-right: 15px; } .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .bootstrap-select.btn-group .btn { background: #e6e6e6; font-size: 14px; color: #000; border: 1px solid #d8d7d7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .bootstrap-select.btn-group .btn .caret { right: 8px; color: #000; } .btn-primary, .btn-primary:visited { color: #fff; background: #6244bb; border-color: #745ac4; } .btn-primary:hover, .btn-primary:focus { color: #fff; background: #412d7b; border-color: #523c90; } .btn-info, .btn-info:visited { color: #fff; background: #6244bb; border-color: #745ac4; } .btn-info:hover, .btn-info:focus { color: #fff; background: #412d7b; border-color: #523c90; } .btn-transparent, .btn-transparent:visited { color: #6244bb; background: #fff; border-color: #6244bb; border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-transparent:hover, .btn-transparent:focus { color: #fff; background: #412d7b; border-color: #523c90; } .btn-default, .btn-default:visited { color: #62a9e3; border-color: #d8d7d7; background: #fff; } .btn-default:hover, .btn-default:focus { color: #62a9e3; border-color: #62a9e3; background: #f2f2f2; } .btn-danger,.btn-danger:visited{ color:#fff; } .btn.with-arrow { position: relative; padding-right: 33px; } .btn.with-arrow:after { font-size: 17px; line-height: 32px; position: absolute; top: 0; right: 10px; font-family: "Material Icons"; content:"arrow_forward"; } .btn-lg.with-arrow { padding-right: 40px; } .btn-lg.with-arrow:after { font-size: 22px; line-height: 42px; top: 1px; } /*** 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: #2172ba; 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: #003399; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #62a9e3; background: #fff; } #page-az .filter-block { float: left; } #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; } /*** merchant ************************************************************/ #page-merchant.with-left-banner #merchant-single { } #page-merchant #merchant-single { overflow: hidden; padding: 0; } #page-merchant #merchant-single h1 { color: #002244; } #merchant-single .leftcol { min-width: 120px; max-width: 200px; width: 200px; float: left; } #merchant-single .rightcol { width: 70%; float: right; position: relative; padding-bottom: 20px; } #merchant-single h3 { font-size: 24px; } #merchant-single .merchant-rates { color: #002244; font-size: 20px; margin-bottom: 10px; text-align: center; } #merchant-single.with-spec-offer .merchant-rates { color: #002244; } #merchant-single .merchant-rates .spec-until { display: block; font-size: 15px; color: #777; } #merchant-single .merchant-rates-was { color: #aaa; font-size: 13px; 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 { font-size: 28px; } #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: 15px 0 20px; padding: 0; display: block; } #merchant-single.rates-fixed #showcalc { display: none; } /* hide calculator for merchants with fixrd rates */ #merchant-single .shopnow { margin: 20px 0 5px; } #merchant-single .shopnow a { display: block; font-size: 16px; line-height: 34px; font-weight: 600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #merchant-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 #62a9e3; 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 .leftcol .merch-fav a { font-size: 14px; font-weight: 600; width: 100%; height: 44px; line-height: 44px; padding: 0; } #merchant-single .leftcol .merch-fav a .fa { font-size: 14px; margin-right: 0; position: relative; top: -1px; } #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; } .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 ****************/ .voucher-list { margin: 0 -15px; } #box-merchant-vouchers { display: block; clear: both; } #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: 13px; margin-bottom: 10px; } #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: #62a9e3; 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-description .v-terms { color: #777; padding: 10px 0; display: none; } #box-merchant-vouchers .voucher-list .voucher-item .v-expdate { float: right; width: 18%; text-align: center; font-size: 14px; color: #62a9e3; } #box-merchant-vouchers .voucher-list .voucher-item .vdate { display: block; } #box-merchant-vouchers .voucher-list .voucher-item .vcode { width: 62%; float: left; margin: 0 15px 10px 0; padding: 8px 10px 7px; text-align: center; background: #fff url(../images/voucher-bg.png); border: 1px solid #ccc; font-size: 14px; color: #111; -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 { height: 37px; line-height: 24px; } /*** box-merchant-recommended ***/ /*** page coupons ***/ #coupons .voucher-list .voucher-item a .item-txt { width: 52%; padding-right: 0; min-height: 60px; height: auto; } #coupons .voucher-item .voucher-shopnow { position: absolute; top: 28px; right: 145px; z-index: 100; } #coupons .voucher-item .voucher-shopnow .btn-nooffer { background: #fff; font-size: 16px; color: #62a9e3; border-color: #62a9e3; cursor: default; } #coupons .voucher-list .voucher-item > .btn-getoffer { display: none; } #coupons .voucher-list .voucher-item a .voucher-expdate { position: absolute; right: 55px; top: 25px; text-align: center; } #coupons .voucher-list .voucher-item a .voucher-expdate .date { display: block;} /*** tracking **************************/ #page-tracking { text-align: center; } #page-tracking .container { padding-top: 20px; padding-bottom: 20px; } #page-siteleave .logo, #page-tracking .logo { height: auto; width: 100%; max-width: 230px; 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-tracking h1, #page-siteleave h1 { font-size: 15px; color: #fff; } #page-siteleave .popup-cnt h1, #page-tracking .tracking-auto h1, #page-tracking .tracking-auto2 h1 { padding-top: 15px; font-size: 14px; margin-bottom: 15px; } #page-siteleave h2.merchant-title, #page-tracking h2.merchant-title { font-size: 30px; margin: 10px 0 40px; } #page-tracking .tracking-auto h2.merchant-title, #page-tracking .tracking-auto2 h2.merchant-title, #page-siteleave h2.merchant-title { font-size: 24px; font-weight: normal; color: #fff; margin-top: 0; margin-bottom: 15px; } #page-siteleave .merchant-rates, #page-tracking .tracking-auto .merchant-rates, #page-tracking .tracking-auto2 .merchant-rates { font-size: 14px; color: #fff; margin-bottom: 10px; } #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-siteleave .apply { font-size: 12px; color: #fff; opacity: 0.5; } #page-siteleave .tracking-tc a { color: #62a9e3; font-size: 12px; text-decoration: underline; } .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; } #page-siteleave .vcode { width: 300px; margin: 10px auto 15px; padding: 8px 10px 7px; text-align: center; background: #fff url(../images/voucher-bg.png); border: 1px solid #ccc; font-size: 14px; color: #111; -moz-box-shadow: inset 0 0 3px #ccc; -webkit-box-shadow: inset 0 0 3px #ccc; box-shadow: inset 0 0 3px #ccc; } #page-siteleave .popup-ajax-loader { padding: 5px 0 15px 0; } #page-siteleave .popup-ajax-loader img { margin: auto; } #page-siteleave p, #page-siteleave a { color: #fff; } /*** message-user-disabled ***/ #message-user-disabled { color: #fff; font-size: 16px; padding: 60px 10px 0px; border: none; background: transparent; text-align: left; max-width: 500px; margin: 0 auto; } #popup #message-user-disabled a, #popup #message-user-disabled a:visited { color: #fff; text-decoration: underline; } #page-siteleave #popup { max-width: 500px; margin: auto; } /*** transactions **********************/ .leftpanel #user-transactions .box-hdr, .leftpanel #user-clicks .box-hdr { background: transparent; } .points-stats { overflow: hidden; margin-bottom: 25px; } .points-stats .points-box { 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: #333; } .legends { overflow: hidden; margin-bottom: 20px; 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; } .legends ul.legend li:before { line-height: 24px; font-family:'FontAwesome'; font-size: 18px; padding-right: 5px; top: 1px; position: relative; color: #003399; } .legend-pending:before { content:"\f10c" !important; } .legend-approved:before,.legend-paid:before { content:"\f111" !important; } .legend-cancelled:before { content:"\f00d" !important; } .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 .btn-group { margin-right: 10px; } /*** user-table ***/ .user-table { margin-bottom: 20px; clear: both; } table { width: 100%; border: 1px solid #d8d7d7; } th, td { padding: 10px; font-size: 12px; } th { font-size: 14px; border-bottom: 3px solid #62a9e3; font-weight: normal; background: #003399; color: #fff; } td { border-top: 1px solid #d8d7d7; border-right: 1px solid #d8d7d7; } tr.even td { background: #f2f2f2; } .user-table .trans-date { width: 60px; } .user-table .trans-merchant { } .user-table .trans-status { width: 70px; text-align: center; } .user-table .trans-points { width: 70px; text-align: center; } .user-table .trans-status span:before { line-height: 24px; font-family:'FontAwesome'; font-size: 16px; color: #003399; } .user-table .clickid { width: 120px; } td.right { border-right: none; } #where-are-my-points { margin-bottom: 30px; } .leftpanel #where-are-my-points.box .box-cnt { padding-top: 0; } #user-instore th { } .leftpanel { padding: 0; background: #fff; } /*** subscription ***/ #subscription-form label { width: 20%; min-width:100px;} #subscription-form input[type="text"] { width: 60%; } /*** search ******************************/ #page-search h1 big { font-size: inherit; } /*** SIDEBAR *******************************************************************************/ #sidebar { padding-right: 0; padding-left: 0; } #sidebar > #promo-right { margin-bottom: 20px; padding-right: 15px; } #sidebar > #promo-right { padding-left: 11px; padding-right: 0; text-align: right; } #page-merchant #sidebar > #promo-right { padding-top: 0; } .with-leftbanner #sidebar > #promo-right { padding-top: 0; } .with-leftbanner .leftpanel .box .box-hdr h1 { padding-top: 15px; } /*** sideblock ********************/ .sideblock { padding: 10px 0; } .sideblock .box-hdr { padding: 0 15px; } .sideblock .box-hdr h2 { font-size: 28px; line-height: 35px; } .sideblock .box-hdr .links { display: block; text-align: center; } .sideblock .box-hdr .links a, .sideblock .box-hdr .links a:visited { color: #62a9e3; } .sideblock .box-cnt { margin-top: 0; padding: 10px 15px; } .sideblock .merch-wrapper { padding: 0; } .sideblock .merch-list .merch-item .merch-full { box-shadow: none; margin: 10px auto 0; } .sideblock .merch-list .merch-item.favorite .merch-full { margin-bottom: 0; } .sideblock .merch-list .item-1 .merch-item .merch-full { margin-top: 0; } #sidebar .box { margin: 0 0 15px 11px; background: #f5f5f5; } #sidebar .box .merch-bonus-label, #sidebar .box .merch-list .merch-item .merch-icons { height: auto; } #sidebar .box h2 { color: #25425f; } /*** block-vouchers ***/ #block-vouchers .box-cnt { padding: 10px 0; } #block-vouchers .voucher-item { margin-top: 10px; } #block-vouchers .voucher-item:first-child { margin-top: 0; } #block-vouchers .voucher-item a, #block-vouchers .voucher-item a:visited { font-size: 13px; display: block; border-left: 3px solid transparent; padding: 5px 15px 5px 12px; margin-top: 10px; position: relative; } #block-vouchers .voucher-item a:hover, #block-vouchers .voucher-item a:focus { border-color: #62a9e3; text-decoration: none; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.1); box-shadow: 0 2px 4px rgba(0,0,0,0.1); } #block-vouchers .voucher-item .merchant-banner { display: block; margin-bottom: 10px; } #block-vouchers .voucher-item .merchant-banner img { } #block-vouchers .voucher-item .voucher-expdate { color: #62a9e3; position: absolute; top: 15px; left: 145px; line-height: 1.1; } #block-vouchers .voucher-item .voucher-txt { display: inline-block; } #block-vouchers .voucher-item .voucher-shopnow { display: none; } /*** block-lastvisited ***/ #block-lastvisited .box-hdr { margin-bottom: 0; } #block-lastvisited .box-hdr h2 { width: 100%; } #block-lastvisited .merch-item { border-bottom: 1px solid #d5d6c4; line-height: 16px; font-size: 12px; } #block-lastvisited .merch-item:last-child { border: none; } #block-lastvisited a { display: block; color: #544539; font-size: 13px; text-decoration: none; position: relative; padding: 10px 0; } #block-lastvisited a .merch-title { color: #002244; display: block; line-height: 1.5; } #block-lastvisited a .merch-rates { font-size: 17px; color: #62a9e3; } /*** popular ***/ #block-popular .item-3, #block-popular .item-4 { display: none; } /*** 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:'FontAwesome'; width: 15px; display: inline-block; margin-left: -15px; font-size: 11px; color: #62a9e3; } .copy ol li { list-style: decimal; margin-left: 20px; padding: 2px 0 3px 5px; } .copy .section { margin: 0; padding: 15px 0; } #mainpanel .copy h2 { font-size:20px; border-bottom: 1px solid #d8d7d7; padding-bottom: 5px; margin-bottom: 15px; display: block; color: #333; } .copy strong { color: #544539; } .copy dl { } .copy dl dt { font-weight: bold; margin-bottom: 5px; color: #544539; } .copy dl dd { margin: 0 0 20px 0px; } /*** tabs ***/ .copy .nav-tabs > li { background-image: none; padding: 0; } /*** hiw ***/ #hiw .copy big { font-size: 16px; } #hiw-cta { margin: 15px; text-align: center; } #hiw-cta h2, #hiw-cta h3 { color: #003399; font-size: 27px; margin: 0 0 10px 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 25%; display: block; } /*** 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; } .cookie-title { font-weight: bold; } /*** terms ***/ .important { border: 1px solid #ccc; background: #f7f7f7; padding: 15px; margin-bottom: 20px; } #page-terms .important h3 { margin-top: 0; } /*** contact-form ******************************************************/ #contact-form { background: #f7f7f7; padding: 15px; border: 1px solid #ddd; } #contact-form h3 { margin: 5px 0 25px; } #contact-form .form-row { overflow: hidden;} #contact-form .form-item { overflow: hidden; padding-bottom: 10px; 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: 5px; width: 100%; } .label-required-field { color: #03c; top: -50px; position: relative; margin-bottom: -40px; } #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: 252px; } #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: 11px; color: #999; padding: 10px 0; line-height: 13px; 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; width: 140px; font-size: 19px; } #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; } #contact-form small ul li { list-style: disc; padding: 0; margin: 0; } #contact-form small ul li:before { display: none; } .bootstrap-filestyle { } .bootstrap-filestyle input.form-control { background: #fff; } .bootstrap-filestyle .btn { font-size: 13px; padding-top: 7px; border-color: #d8d7d7; } #contact-form .error, #referfriend-form .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: #62a9e3; color: #fff; } /*** contact: instore ***/ #page-contact-instore .label-required-field { top: -30px; margin-bottom: -10px; } #page-contact-instore #formCard { width: 100%; } /*** claimpoints ***/ #claimpoints .bootstrap-select.btn-group, #claimpoints .bootstrap-select.btn-group[class*="span"] { max-width: 100%; } #claimpoints .bootstrap-select ul li:before { display: none; } #claimpoints .copy .bootstrap-select ul li { padding: 0; } #claimpoints #contact-form .form-row, #claimpoints #contact-form .form-item { overflow: inherit; } #claimpoints .copy .legends li { padding-right: 30px; } #claimpoints .copy .legends li:before { width: 22px; padding-right: 5px; } /*** 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: #eaeaea; font-size: 12px; color: #666; } #footer #footer-top { height: 35px; background: #002244; } #footer #footer-top a { color: #fff; font-size: 12px; font-weight: 600; line-height: 35px; margin-right: 30px; } .footer-nav { padding: 18px 0; overflow: hidden; } .footer-links { float:left; padding: 0 10px 0 10px; margin:0 0 1em 0; border-left:1px solid #ccc; width: 19%; } .footer-links:first-child { border:0; padding:0; } .footer-links:nth-child(2) { width: 23%; } .footer-links:nth-child(3) { width: 15%; } .footer-links:nth-child(5) { width: 22%; font-size: 10px; } .footer-links ul { list-style: none; margin: 0; padding: 0; } .footer-links ul li a { font-size: 12px; color: #666; padding: 3px 0; display: block; } .footer-links h4 { text-transform: uppercase; padding: 0; margin: 0 0 10px; color: #000; font-size: 11px; font-weight: 600; } .footer-links ul.social-media { overflow: hidden; } .footer-links ul.social-media li { float: left; } .footer-links ul.social-media li a { display: block; width: 20px; height: 20px; text-decoration: none; margin-right: 2px; padding: 0; } .footer-links ul.social-media li a em { display: block; line-height: 20px; width: 100%; text-align: center; font-size: 15px; } .footer-links ul.social-media li a em.hub { font-style: normal; font-size: 6px; line-height: 16px; width: 16px; margin: 1px auto 0; color: #fff; background: #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .footer-links ul.social-media li a em.fa-mobile { font-size: 22px; margin-top: -1px; } .footer-links ul.social-media li a em.fa-instagram, .footer-links ul.social-media li a em.fa-linkedin-square { font-size: 18px; } #footer-ralinks { height: 35px; background: #005daa; } #footer #footer-ralinks a { color: #fff; font-size: 12px; font-weight: 600; line-height: 35px; margin-right: 30px; } /*** 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: #62a9e3; 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: #62a9e3; 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 ***/ #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: 50px; height: 50px; color: #fff; font-size: 25px; } /*** campaign ***/ #page-campaign .section { padding: 0 0 30px; clear: both; overflow: hidden; } #page-campaign .box h1 { color: #333; } #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; } #page-campaign #page-nav ul li a, #page-campaign #page-nav ul li a:visited { color: #62a9e3; 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: #fff; 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; } #prizedraw { padding: 30px 0 0; } /*** 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: #002244; font-size: 12px; } /*** page-instore ********************/ body.instore-part #logo a .logotext { display: none; } .instore-section { padding: 0; } .instore-register-btn { text-align: center; margin-bottom: 20px; } .instore-register-btn a { padding-left: 30px; padding-right: 30px; } #instore-hiw .copy { text-align: center; } #mainpanel .box #instore-information h2 { font-size: 22px; display: block; background: #6244bb; width: 100%; color: #000; padding: 10px 15px; margin-bottom: 15px; } #carousel-instore .owl-stage { max-height: 190px; } .cardreg-agreement { padding-left: 2%; } .cardreg-agreement label { color: #555; } .user-table .btn-edit { padding: 5px; display: block; color: #005daa; height: 28px; width: 30px; } .user-table .btn-edit em { font-size: 20px; } .user-table .btn-remove { font-size: 20px; padding: 5px; display: block; color: #005daa; 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; } /*** toolbar ***********************/ .toolbar-benefits { } .toolbar-benefits h3 { margin-bottom: 20px; } .toolbar-benefits .browser-type { text-align: center; } .toolbar-benefits .btn-download-wrapper { } .toolbar-benefits .btn-download-wrapper .btn, .btn-download .btn { display: block; margin: 0 0 15px 0; } .toolbar-benefits .browser-terms { font-size: 85%; text-align: left; line-height: 1.2; color: #777; } #toolbar-help .step { margin-bottom: 30px; } /*** countdown ***/ #countdown-block { padding: 0 0 2px; margin-top: 15px; } #countdown { color: #fff; margin: 0; 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; } #home #countdown-block { margin-bottom: -10px; } /*** debug ***********************/ #debug-block { position: fixed; top: 0; left: 0; z-index: 1000; } #debug-responsive { border: 1px solid #000; height: 10px; width: 10px; background: #fff; } #debug-resolution { font-size: 10px; line-height: 1; padding: 3px; background: rgba(255,255,255,1); }