/** FOOTERS **/ .footer { background: #014587; padding: 115px 0;margin: 0; } .footer .headingLarge { color: white; } .footer .headingMedium { color: white; } .footer .headingSmall { color: white; } .footer .headingTiny { color: white; font-size: 18px!important; } .footer .headingSmallest { color: white; margin: 0; } .footer p { color: white; margin: 0 0 25px 0; padding: 0; } .footer p a:link, .footer p a:visited { color: white; text-decoration: underline; transition: 0.2s; } .footer p a:hover { text-decoration: none; } .footer .footerTitle { font-size: 16px; color: white; line-height: 28px; font-weight: 600; margin: 0; } .footer .payments { font-size: 13px; color: white; line-height: 23px; font-weight: 300; } .footer .payments i { margin-right: 5px; } .footer .payments span { float: left; width: 100%; } .footer .payments img { float: left; margin-top: 24px; height: 32px; max-height: 28px; } .footer .iconWrapper { float: left; } .footer .wrapper { float: left; width: 100%; } .footer .socialLinks a { margin-right: 10px; margin-top: 10px; color: white; } .footer .socialLinks a i { font-size: 16px; margin-top: 15px; } .footer .textWrapper { width: 84%; float: left; } .footer .supportDescription { float: left; width: 100%; margin-top: 25px; } .footer .textWrapper .descriptionTitle { font-size: 16px; color: white; line-height: 16px; font-weight: 500; width: 100%; float: left; padding-left: 20px; margin-top: 9px; } .footer .textWrapper .additionalText { font-size: 13px; color: white; line-height: 23px; font-weight: 300; width: 100%; float: left; padding-left: 20px; } .footer .textWrapper .additionalText a, .footer .textWrapper .additionalText a:link, .footer .textWrapper .additionalText a:visited { text-decoration: underline; color: white; transition: 0.2s; cursor: pointer; } .footer .textWrapper .additionalText a:hover { text-decoration: none; } .footer .textWrapper .headingSmallest { margin-left: 20px; } .footer .socialIcon { color: white; margin-right: 8px; margin-top: 11px; float: left; font-size: 12px; } #footer-section { margin-top: 0px; float: left; width: 100%; overflow: hidden } #footer-section p a:link, #footer-section p a:visited { text-decoration: underline; } .footer.rtb.cart .headingSmall { color: inherit; } .footer.rtb { background: white; padding: 0; margin: 25px 0 0px 0; } .extendendShopInfo.footerBox { display: none; } /* Newsletter */ #footer-section .contentBlock-newsletter { margin-bottom: 35px; float: left; } #footer-section .contentBlock-newsletter form { padding: 0; margin: 0; width: 100%; } #footer-section .contentBlock-newsletter ._form-branding { display: none } #footer-section .contentBlock-newsletter ._form-label { display: none!important; } #footer-section .contentBlock-newsletter input[type="text"] { width: 420px!important; border: 0px solid #e8e8e8; font-weight: 300; font-size: 15px; color: #555!important; line-height: 29px; font-family: "Roboto",sans-serif; margin-right: 10px; } #footer-section .contentBlock-newsletter button { border: 1px solid white!important; width: 130px!important } #footer-section .contentBlock-newsletter button:hover { background: white!important; color: #014587!important; } #footer-section .contentBlock-newsletter ._button-wrapper { margin-top: 0!important; } #footer-section .contentBlock-newsletter ._form_element { margin: 0!important; } #footer-section .contentBlock-newsletter ._form-content { margin-top: 0; margin-bottom: 10px; } #footer-section .contentBlock-newsletter ._form-thank-you { background-color: #dff0d8; padding: 10px; border: 1px solid transparent; color: #3c763d; } .subscribeForm input[type="text"] { width: 420px!important; border: 0px solid #e8e8e8; border-radius: 6px; outline: 0; padding: 10px 12px; font-weight: 300; font-size: 15px; color: #555!important; line-height: 24px; font-family: "Roboto",sans-serif; height: auto; } .subscribeForm .g-recaptcha { float: left; position: relative; width: 100%; margin: 10px 0; } /* Logo row */ .trustworthy { padding: 55px 0 0px 0; float: left;width: 100%; } .trustworthy .trustworthy-text { width: 28%; float: left; } .trustworthy .trustworthy-img { width: 72%; float: right; } .trustworthy .trustworthy-img img { float: none; margin: 0 auto; display: block; max-width: 100%; max-height: 100%; } .trustworthy .trustworthy-img .placeholders { width: 200px; height: 45px; float: right; margin-left: 15px; margin-top: 10px; } .trustworthy .logoPlacementLarge { width: 101px; height: 43px; margin-right: 20px; display: flex; justify-content: center; align-items: center; margin-top: 7px; float: right; } .trustworthy .logoPlacementSmall { width: 55px; height: 53px; margin-right: 20px; display: flex; justify-content: center; align-items: center; float: right; } .trustworthy .logoPlacementDivider { float: right; border-left: 1px solid #e5e5e5; height: 60px; margin-left: 15px; margin-right: 30px; } /* Links bottom */ .bottomLinksFooter { padding-bottom: 10px; } .bottomLinksFooter p { color: #555555; font-weight: 300; font-size: 14px; } .bottomLinksFooter p a:link, .bottomLinksFooter p a:visited { color: #014587; font-weight: 500; font-size: 14px; } .bottomLinksFooter .divider { padding: 0 3px; color: #555555; font-weight: 300; } .bottomLinksFooter img { float: right; margin-left: 12px; margin-top: 10px; } /* Footer-list default */ .footer-list.default { border-top: 1px solid #e5e5e5; padding-top: 100px; padding-bottom: 50px; } .footer-list { margin-top: 30px!important; margin-bottom: 30px; } .footer-list ul li a:link, .footer-list ul li a:visited { color: #262626; line-height: 30px; font-size: 15px; } /* Footer-list checkout */ .footer-list.checkout { border-top: 1px solid #e5e5e5; } /* CHECKOUT */ .container.checkout-customer { margin-top: 75px; } .container.checkout-cart { margin-top: 60px; } .row.mobile-content-divider { display: none; } .row.mobile-divider { display: none; } .footerLinks { float: left; width: 100%; text-align: center; margin: 0; padding: 55px 0; } .footerLinks .txtDivider { margin-left: 4px; margin-right: 4px; line-height: 27px; width: auto } /* Support row */ .supportArea { padding: 40px 0; background-color: #014586; } .supportArea .flexboxBetween { margin-top: 0; } .supportArea .supportItems { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; margin: 0px auto; position: relative; text-align:center; } .supportArea .supportItem { text-align: left; height: auto; width: auto; padding: 0 15px; } .supportArea .supportItem strong { color: #ffffff; } .supportArea .supportItem i { font-size: 30px; line-height: 30px; color: #ffffff; margin-right: 20px; margin-top: 6px; } .supportArea .supportItem a, .supportArea .supportItem a:link, .supportArea .supportItem a:visited { float: left; width: 100%; font-weight: 400; font-size: 15px; text-align: left;text-decoration: underline; color: white; cursor: pointer; } .supportArea .divider-normal-text { display: none; } .supportArea .supportItem .phoneNote { font-weight: 300; color: #ffffff; } /* Reassurance blocks */ .reassurance { float: left; margin-bottom: 120px; width: 100%; } .reassuranceItem.mobile-footer { display: none; } .reassurance .reassuranceItem { text-align: center; border: 1px solid #e5e5e5; border-bottom: 3px solid #C8C8C8; border-radius: 6px; padding: 30px; float: left; width: 100%; min-height: 195px; } .reassurance .reassuranceItem .headingTiny { color: #262626; } .reassurance .reassuranceItem .headingSmall { color: #262626; } .reassurance .reassuranceItem .headingMedium { color: #262626; } .reassurance .reassuranceItem .headingLarge { color: #262626; } .reassurance .reassuranceItem span.trustedShops { padding-top: 20px; float: left; width: 100%; font-weight: 300; } .reassurance .reassuranceItem .ratingStarImag { display: none; } .reassurance .reassuranceItem img { max-width: 100%; } .reassurance .reassuranceItem .review-stars { background: white; width: 170px; margin: 0px auto 0 auto; } .reassurance .reassuranceItem .review-stars i { color: #FF7602; font-size: 18px; line-height: 30px; margin: 0; } .reassurance .reassuranceItem p.review { font-size: 14px; line-height: 30px; color: #262626; font-weight: 400; float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 0; padding: 10px 25px 5px 25px; } .reassurance .reassuranceItem .reviewer { color: #262626; font-style: italic; font-weight: 600; text-align: center; width: 100%; float: left; margin-top: 5px; } .reassurance .reassuranceItem #next-review { position: absolute; right: 7%; top: 50%; } .reassurance .reassuranceItem #prev-review { position: absolute; left: 7%; top: 50%; } .reassurance .reassuranceItem .carousel-control .glyphicon-chevron-right, .reassurance .reassuranceItem .carousel-control .icon-next { margin-right: -45px; color: #262626; font-size: 16px; border: 0px solid #e5e5e5; border-radius: 6px; line-height: 28px; background: white; border-bottom: 2px solid #ccc; } .reassurance .reassuranceItem .carousel-control .glyphicon-chevron-left, .reassurance .reassuranceItem .carousel-control .icon-prev { margin-left: -45px; color: #262626; font-size: 16px; border: 0px solid #e5e5e5; border-radius: 6px; line-height: 28px; background: white; border-bottom: 2px solid #ccc; } .reassurance .reassuranceItem .carousel.slide { min-height: 185px; } .reassurance .reassuranceItem .headingTiny { margin-bottom: 20px; } .reassurance .carousel-inner { min-height: 184px; } .reassurance .carousel-control.right { background-color: transparent; background-image: none; background-color: transparent; color: #555; } .reassurance .carousel-control.left { background-color: transparent; background-image: none; background-color: transparent; color: #555; } .reassurance .carousel-control { color: #e5e5e5; text-shadow: none; } .reassurance .reassuranceItem .placeholder { background-color: #f3f3f3; text-align: center; line-height: 45px; line-height: 75px; width: 100%; height: 75px; float: right; margin-top: 25px; line-height: 75px; } .reassurance .reassuranceItem .ratingText { font-size: 30px; line-height: 30px; font-weight: 600; color: #262626; float: left; margin-left: 0; margin-top: 0px; margin-right: 0; width: 100%; } .reassurance .reassuranceItem .countText { line-height: 30px; font-size: 14px; text-decoration: underline; float: left; padding-top: 0; width: 100%; margin-bottom: 10px; } .reassurance .reassuranceItem .ratingLogoImg { width: 100%; float: left; } .reassurance .reassuranceItem .ratingLogoImg img { max-width: 34%; } /* Logo row */ /*.trustworthy .trustworthy-img .placeholders { background-color: #f3f3f3; text-align: center; line-height: 45px; }*/ /* Footer links */ .footerLinks { text-align: center; } .footerLinks a:link, .footerLinks a:visited { font-size: 14px; color: #262626; font-weight: 600; text-decoration: none; line-height: 30px; } .footerLinks a:hover { text-decoration: underline; } .footerLinks .txtDivider { font-size: 11px; color: #262626; font-weight: 600; line-height: 30px; } .footerLinks .copyright { font-size: 14px; font-weight: 400; } /** MOBILE- RES **/ @media (max-width: 767px) { /* Footer */ .footer .iconWrapper { width: 18%; } .footer .textWrapper { width: 82%; } .footer .payments { margin-top: 30px; } .footer .payments img { height: 25px; } .footer .payments img.last { height: 14px; margin-top: 25px; } .footer .socialLinks .btn.btn-small { margin-right: 5px; margin-top: 10px; } .footer .iconWrapper .btn.btn-white { width: 59px; padding: 0; } .subscribeForm .btn.btn-white { line-height: 43px; color: #262626; font-weight: 800; } .footer .textWrapper .additionalText { font-size: 12px; } .row.mobile-divider { display: block; overflow: hidden; float: left; width: 100%; margin: 0; } #footer-section { padding-top: 60px; padding-bottom: 90px;} .mobile-content-container { text-align: center; background-color: #f3f3f3; padding: 15px 30px; width: 100%; float: left; margin-bottom: 30px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .mobile-content-container .placeholder { background-color: white; float: left; border: 1px solid #e5e5e5; margin: 15px auto; width: 100%; height: 55px; } .mobile-content-container .divider-small-text { margin-top: 0; margin-bottom: 0; } .mobile-content-container .divider-small-text .txt span { background-color: #f3f3f3; } .industryIcons { display: none; } .extendendShopInfo.footerBox { display: block; background: #f3f3f3; border-top: 1px solid #e5e5e5; float: left; width: 100%; padding-top: 10px; padding-bottom: 10px; float: left; } .footer-list { display: none; } .footer .socialLinks { margin-top: 45px; } .footer .socialLinks a { margin-right: 10px; } .footer .textWrapper .descriptionTitle { margin-top: 4px; } #footer-section .mobile-splitter { margin-bottom: 25px; } .footer.rtb.cart .reassuranceItem .headingTiny { text-align: left; margin-left: 25px; display: none; } /* Checkout */ .container.checkout-customer { margin-top: 0; } .footer.rtb.cart { padding: 0!important; } /* Newsletter */ #footer-section .contentBlock-newsletter { margin-bottom: 0; margin-top: 60px; } #footer-section .contentBlock-newsletter input[type="text"] { width: 100%!important; float: left; margin: 0; text-align: center; font-family: "Roboto",sans-serif; } #footer-section .subscribeForm .btn.btn-white { width: 100%; margin-top: 8px; margin-bottom: 30px; margin-left: 0; } #footer-section .contentBlock-newsletter button { width: 100%!important; float: left; margin: 10px 0 20px 0; font-size: 15px!important; font-weight: 600; } /* Reassurance blocks */ .reassurance { margin-bottom: 0; } .reassurance .quickNavigation2 { padding: 0; } .reassurance .quickNavigation2 .box2 .btn { line-height: 33px!important; } .reassurance .quickNavigation2 .box2.middle .btn { line-height: 33px!important; } .reassurance .reassuranceItem span.trustedShops { padding: 15px 5px 10px 5px; float: left; width: 100%; } .reassuranceItem.mobile-footer .placeholders { float: left; width: 100%; height: 60px; text-align: center;background-color: #f3f3f3; border: 1px solid #e5e5e5; margin-top: 15px; } .reassuranceItem.mobile-footer img { margin: 30px auto 30px auto; display: block; max-width: 100%; } .reassuranceItem.mobile-footer .divider-normal-text { margin-bottom: 40px; } .reassurance .reassuranceItem { margin: 0; padding: 0; border: 0!important; } .reassurance .reassuranceItem .heading-small { display: none; } .reassurance .reassuranceItem .heading-normal { display: none; } .reassurance .reassuranceItem .heading-large { display: none; } .reassurance .carousel-control.left { display: none; } .reassurance .carousel-control.right { display: none; } .reassurance .uspBlockFooterSmall .reassuranceItem { min-height: inherit; margin-bottom: 60px; margin-top: -60px; } .reassuranceItem.mobile-footer { padding-top: 45px; } .reassuranceItem.mobile-footer .headingSmall { text-align: center; } .reassuranceItem.mobile-footer img { margin: 0px auto 0px auto; display: block; max-width: 100%; width: 125px; float: left; margin-top: 25px; margin-bottom: 50px; } .reassuranceItem.mobile-footer img:last-of-type { width: 125px; float: right; margin-top: 25px; } .reassuranceItem.mobile-footer { display: block; } /* Logo row */ .trustworthy { display: none; } /* Reviews */ .reassurance .carousel-inner { min-height: 185px; margin: inherit; padding: 0; margin-bottom: 15px; } #carousel-user-reviews { margin-bottom: 60px; padding: 0 25px; } #carousel-user-reviews h3 { margin: 0 0 15px 0; } #carousel-user-reviews .review-stars { } #carousel-user-reviews .reviewer { } /* Support */ #support-block-checkout { float: left; width: 100%; padding: 0 25px;} #support-block-checkout p { color: #262626; margin: 0 0 10px 0; } #support-block-checkout .supportNavigation { width: 100%; position: relative; height: auto; display: flex; justify-content: space-between; align-items: center; z-index: 100; box-sizing: border-box; margin-bottom: 0px; } #support-block-checkout .supportNavigation i { font-size: 28px; color: #004388; } #support-block-checkout .supportNavigation a { border: 1px solid #e5e5e5; border-bottom: 3px solid #CCCCCC; border-radius: 6px; max-width: 32%; word-wrap: break-word; text-align: center; padding: 6%; } #support-block-checkout .supportNavigation a span { background-color: white; float: left; padding: 10px; border-radius: 6px; } #support-block-checkout .supportArea .divider-normal-text { display: none; background-color: deeppink } /* Mobile Footer */ .mobile-content-container { text-align: center; } .mobile-content-container .placeholder { line-height: 55px; } .reassuranceItem.mobile-footer .placeholders { text-align: center; line-height: 60px; } /* Mobile Rating */ #mobile-rating-checkout { font-size: 14px; line-height: 25px; color: #262626; } #mobile-rating-checkout .website-rating { text-decoration: underline; font-weight: 600; color: #262626; } #mobile-rating-checkout .alluser-ratings { text-decoration: underline; font-weight: 600; color: #262626; } /* Mobile Reviews */ #carousel-user-reviews p { color: #262626; margin: 0 0 10px 0; font-size: 14px; line-height: 27px; font-weight: 700; } #carousel-user-reviews p.review { color: #262626; font-size: 12px; line-height: 25px; font-weight: 400; margin: 0 0 15px 0; } #carousel-user-reviews .review-stars i { font-size: 14px; color: #F8C541; margin-bottom: 10px; } #carousel-user-reviews .reviewer { font-size: 11px; line-height: 19px; color: #262626; font-weight: bold; } /* Mobile Support */ #support-block-checkout h3 { color: #262626; } #support-block-checkout .supportNavigation i { font-size: 28px; color: #004388; } #support-block-checkout .supportNavigation a { font-size: 33px; line-height: 24px; font-weight: bold; } #support-block-checkout .supportNavigation a span { line-height: 28px; } /* Mobile Payment */ #payment-block-checkout h3 { color: #262626; } /* Mobile Kiyoh */ .extendendShopInfo.footerBox .websiteRating { width: 60%; float: right; width: 60%; float: right; padding: 15px 15px 15px 15px; max-width: 214px; } .extendendShopInfo.footerBox .websiteRating .ratingText { position: absolute; right: 0; } .extendendShopInfo.footerBox .websiteRating .countText { display: none; } .extendendShopInfo.footerBox .websiteRating #mobile-rating-checkout { padding: 0; font-size: 12px; line-height: 16px; } .extendendShopInfo.footerBox .websiteRating #mobile-rating-checkout img { max-height: 40px; float: left; margin-right: 10px; } .extendendShopInfo.footerBox .ratingText { display: none; } .extendendShopInfo.footerBox .ratingClientLogo { display: none; } .extendendShopInfo.footerBox .ratingOverlay { display: none } .extendendShopInfo.footerBox .ratingStarImag { width: 46px; } .extendendShopInfo.footerBox .ratingText span { font-size: 16px; margin-right: 40px; line-height: 83px; font-weight: 600; color: #333; width: 37px; text-align: center; float: left; } /* Mobile Thuiswinkel */ .extendendShopInfo.footerBox .websiteCertification { width: 40%; float: left; padding: 15px 20px; max-width: 174px; } .extendendShopInfo.footerBox .websiteCertification img { max-width:100%; margin-top: 0; } /* Mobile Payment */ #payment-block-checkout { float: left; width: 100%; padding: 0 25px; margin-bottom: 60px; } #payment-block-checkout h3 { margin: 0 0 15px 0; } #payment-block-checkout img { margin-top: 5px; max-width: 90%; } /* Footer links */ .footerLinks { padding: 0px 15px 30px 15px; } .footerLinks a:link, .footerLinks a:visited { margin: 0 2px; } .footerLinks .copyright { float: left; width: 100%; position: relative; margin-top: 15px; } .footerLinks .txtDivider { display: none; } /* Price - On request */ .priceMobileButtons.active.onRequest { display: block; position: fixed; z-index:51; right: 0; bottom: 0; height: auto; background: #F3F3F3; padding: 20px 20px; border-top: 0px solid #e5e5e5; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3); box-shadow: 0px 0px 10px rgba(0,0,0,.3); border-top: 1px solid #F3F3F3; } .priceMobileButtons.active.onRequest .btn { width: 100%; float: left; line-height: 43px; float: left; margin: 0; font-size: 15px; } .priceMobileButtons.active.onRequest p.onRequest-message a, .priceMobileButtons.active.onRequest p.onRequest-message a:visited { float: inherit; width: auto; } .priceMobileButtons.active.onRequest p { margin-bottom: 20px; padding: 0; } .priceMobileButtons.active.onRequest strong { color: #262626; font-size: 16px; } /* Price - Active State */ .priceMobileButtons.active { height: auto; transition: 0.2s;} .priceMobileButtons.active .priceLeft { width: 100%; } .priceMobileButtons.active .priceRight { width: 100%; } .priceMobileButtons.active .priceRight .btn.btn-default { width: 32%; line-height: 42px; font-size: 14px; float: left; margin-top: 4px; padding: inherit; } .priceMobileButtons.active .priceRight .btn-success.alert { width: 64%; line-height: 42px; font-size: 14px; float: right; margin-top: 4px; padding: inherit; } /* Price - On Request */ .priceMobileButtons.active.onRequest .priceRight .btn.btn-default { width: 100%; margin-top: 5px; margin-bottom: 10px; line-height: 38px; font-size: 13px; float: left; } .priceMobileButtons.active.onRequest .priceRight .btn-success.alert { width: 100%; margin-top: 5px; margin-bottom: 10px; line-height: 38px; font-size: 13px; float: right; } /** STICKY FOOTER PDP **/ .priceMobileButtons { display: block!important; position: fixed; z-index:51; right: 0; bottom: 0; height: auto; background: #F3F3F3; padding: 15px 20px; border-top: 0px solid #e5e5e5; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3); box-shadow: 0px 0px 10px rgba(0,0,0,.3); border-top: 1px solid #F3F3F3; } .priceMobileButtons .btn { display: block; margin: 7px 0 0 0; padding: 0; width: inherit; float: right; } .priceMobileButtons .btn i { margin: 0!important; } .priceMobileButtons strong { font-size: 15px; } .priceMobileButtons .priceLeft { width: 63%; float: left; } .priceMobileButtons .priceLeft p { font-size: 11px!important; font-weight: 400!important; } .priceMobileButtons .priceLeft p strong { font-size: 16px; font-weight: 600; } .priceMobileButtons .priceLeft p strong strike { font-size: 12px; font-weight: 400; } .priceMobileButtons .priceLeft p strong span.salePrice { color: #3EA300; } .priceMobileButtons .priceLeft ul { margin: 0; padding: 0 0 0 0px; } .priceMobileButtons .priceLeft ul li { font-size: 12px; line-height: 12px; color:#3c763d!important; font-weight: 600; } .priceMobileButtons .priceLeft ul li i { font-size: 12px; line-height: 12px; margin: -1px 8px 0 0px; } .priceMobileButtons .priceRight { width: 37%; float: right; } .priceMobileButtons .priceRight .btn-success.alert { width: 100%; line-height: 42px!important; font-size: 21px; margin-top: 0 } /* Price - On request */ .priceMobileButtons.active.onRequest { display: block; position: fixed; z-index:51; right: 0; bottom: 0; height: auto; background: #F3F3F3; padding: 20px 20px; border-top: 0px solid #e5e5e5; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.3); box-shadow: 0px 0px 10px rgba(0,0,0,.3); border-top: 1px solid #F3F3F3; width: 100%; } .priceMobileButtons.active.onRequest .btn { width: 100%; float: left; line-height: 43px; float: left; margin: 0; font-size: 15px; } .priceMobileButtons.active.onRequest p.onRequest-message a, .priceMobileButtons.active.onRequest p.onRequest-message a:visited { float: inherit; width: auto; } .priceMobileButtons.active.onRequest p { margin-bottom: 20px; padding: 0; } .priceMobileButtons.active.onRequest strong { color: #262626; font-size: 16px; } /* Price - Active State */ .priceMobileButtons.active { height: auto; transition: 0.2s;} .priceMobileButtons.active .priceLeft { width: 100%; } .priceMobileButtons.active .priceRight { width: 100%; } .priceMobileButtons.active .priceRight .btn.btn-default { width: 32%; line-height: 42px; font-size: 14px; float: left; margin-top: 4px; padding: inherit; } .priceMobileButtons.active .priceRight .btn-success.alert { width: 64%; line-height: 42px; font-size: 14px; float: right; margin-top: 4px; padding: inherit; } /* Price - On Request */ .priceMobileButtons.active.onRequest .priceRight .btn.btn-default { width: 100%; margin-top: 5px; margin-bottom: 10px; line-height: 38px; font-size: 13px; float: left; } .priceMobileButtons.active.onRequest .priceRight .btn-success.alert { width: 100%; margin-top: 5px; margin-bottom: 10px; line-height: 38px; font-size: 13px; float: right; } /* Logo Blocks */ .logoBox { display: flex; align-items: center; justify-content: center; } .logoBox div { max-width: 145px; padding: 0 10px; vertical-align: middle; display: flex; } .logoBox div img { max-width: 100%; } } /** LOW- RES VIEW **/ @media (min-width: 768px) and (max-width: 991px) { /* FOOTER */ .footer .textWrapper { width: 81%; } .footer .payments { margin-top: 40px; } .footer .payments img { max-height: 48px; } .footer .iconWrapper .btn.btn-white { padding: 0px 15px; } /* Newsletter */ #footer-section .contentBlock-newsletter { margin: 60px 0 20px 0 } #footer-section .contentBlock-newsletter input[type="text"] { width: 227px!important; } /* Socials */ #footer-section .socialLinks { margin-top: 60px; } /* Logo row */ .trustworthy .logoPlacementSmall { margin-right: 10px; } .trustworthy .logoPlacementLarge { margin-right: 10px; } .trustworthy .trustworthy-text { width: 100%; } .trustworthy .trustworthy-img { width: 100%; margin: 30px 0 30px 0; } .trustworthy .trustworthy-img .placeholders { width: 155px; } .trustworthy .logoPlacementLarge { float: left; } .trustworthy .logoPlacementSmall { float: left; } .trustworthy .logoPlacementDivider { float: left; } .footerLinks { text-align: left; } /* Links bottom */ .bottomLinksFooter { padding-bottom: 45px; } .bottomLinksFooter img { float: left; margin-left: 0; margin-right: 30px; } .footerLinks .copyright { width: 100%; float: left; } /* Support row */ /*.supportArea .supportItem { padding: 0; width: 33%; }*/ .supportArea .supportItem i { margin-bottom: 7px; font-size: 21px; } .supportArea .supportItem strong { font-size: 13px; } .supportArea .supportItem .phoneNote, .supportArea .supportItem a, .supportArea .supportItem a:link, .supportArea .supportItem a:visited { font-size: 13px; } /* Reassurance blocks */ .reassurance .reassuranceItem { margin-bottom: 15px; min-height: auto; padding-bottom: 10px; border-top: 0; border-left: 0; border-right: 0; }f .reassurance .reassuranceItem span.trustedShops { padding: 15px 15px 10px 15px; float: left; width: 100%; } .reassurance .reassuranceItem .heading-small { margin-bottom: 15px; float: left; width: 100%; } .reassurance .reassuranceItem .heading-small span { float: left; width: 100%; } .reassurance .reassuranceItem .heading-normal { float: left; width: 100%; margin-bottom: 15px; margin-top: -15px; } .reassurance .reassuranceItem .heading-normal span { float: left; width: 100%; } .reassurance .reassuranceItem img { margin-bottom: 0px; margin-top: 19px; } .reassurance .reassuranceItem hr { margin: 20px 0 35px 0; } .reassurance .reassuranceItem .review-stars i { font-size: 18px; } .reassurance .reassuranceItem a.ratingUrlFooter { width: 393px; margin: 0 auto; display: block; } .reassuranceItem .ratingText { width: auto; padding: 0 30px; } .reassuranceItem .ratingLogoImg { width: 28%; float: left; } .reassuranceItem .countText { width: auto; margin: 0; padding: 0 3px; line-height: 80px; } } /** MED- RES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { /* Footer */ .footer .iconWrapper .btn.btn-white { padding: 0px 20px; } .footer .textWrapper { width: 82%; } /* Logo row */ .trustworthy .logoPlacementSmall { margin-right: 10px; width: 50px; height: 43px; } .trustworthy .logoPlacementLarge { margin-right: 10px; width: 84px; height: 31px; } /* Newsletter */ #footer-section .contentBlock-newsletter input[type="text"] { width: 355px!important; padding: 11px 12px!important; border: 1px solid #e8e8e8; } /* Reassurance blocks */ .reassuranceItem .ratingText { width: 50%; margin-left: -9px; } .reassuranceItem .countText { width: 50%; margin-top: 25px; } .reassurance .reassuranceItem .heading-small span { width: 100%; float: left; } .reassurance .reassuranceItem .heading-small { width: 100%; float: left; text-align: center; } /* USP container */ .uspBlockFooterSmall { padding: 0 15px; } /* Footer links */ .bottomLinksFooter { padding-bottom: 45px; } .bottomLinksFooter img { float: left; margin-left: 0; margin-right: 30px; } }