/* DIVIDER BOTTOM */ #mc_embed_signup input.emailFW { padding: 10px 11px!important; border: 3px solid #ece9e3!important; width: 100%!important; margin-bottom: 20px!important; } #mc_embed_signup select.emailFW { padding: 10px 11px!important; border: 3px solid #ece9e3!important; width: 100%!important; margin-bottom: 20px!important; } .mc-field-group.input-group { padding-left: 10px; margin-bottom: 5px; margin-top: 15px; } .newsletterImage { background:#48cb00; } .newsletterImage img { width: 100%; } .removeMailing p { font-size: 12px; line-height: 18px; margin-top: 3px; } .newsletterBottom { background: #222422; float: left; width: 100%; padding: 35px 0; margin: 40px 0; } .newsletterBottom p { color: white; font-weight: 300; font-size: 18px; line-height: 62px; margin: 0; text-align: center; } .newsletterBottom a:link, .newsletterBottom a:visited { color: white; } .newsletterBottom strong { margin-left:20px; } .newsletterBottom .inputEmail { float: left; height: auto; width: 70%; } .newsletterBottom .buttonEmail { float: left; width: 30%; } .newsletterBottom input[type="email"] { width: 100%!important; float: left; margin: 0!important; border-radius: 5px 0 0 5px; } .newsletterBottom input[type="submit"] { background: #72c02c; width: 100%!important; float: left; margin: 0!important; border-radius: 0 5px 5px 0!important; } .newsletterBottom #mc_embed_signup { background: #222422; } .newsletterBottom #mc_embed_signup .button { background: #72c02c; height: auto; padding: 6px 0; height: 45px; } .newsletterBottom #mc_embed_signup input.email { padding: 12px 8px; border: 1px solid white; height: 45px; } .emailFormAC { margin-top: 20px; width: 100%; float: left} .emailFormAC form { padding: 0!important; margin: 0!important; } .emailFormAC ._form-branding { display: none } .emailFormAC ._form-label { display: none!important; } .emailFormAC ._button-wrapper { margin-top: 0!important; } .emailFormAC input[type="text"] { width: 225px!important; border: 1px solid #e7e7e7!important; font-family: "Roboto",sans-serif; } .emailFormAC ._form-thank-you { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding: 10px; border: 1px solid transparent; } /** FOOTER **/ .container.footer { background: none;} #footer-section { border-top: 1px solid #f3f3f3; margin-top: 50px; background: url("/css/cow.nl/images/footerCOW3.png") #ffffff; background-position: bottom; background-repeat: no-repeat; padding-bottom: 240px; } #footer-section h3 { margin-bottom: 15px; margin-top: 40px; color: #222222; font-size: 13px; font-family: "Open Sans",sans-serif; text-transform: uppercase; font-weight: bold; } #footer-section h3 span { border-bottom: 2px solid #72c02c; padding-bottom: 15px; font-size: 15px; font-weight: 600; } #footer-section ul { padding-left: 0; float: left; margin-top: 20px; margin-bottom: 235px; font-family: "Roboto",sans-serif; } #footer-section ul li { list-style: none; font-size: 15px; line-height: 27px; font-weight: 300;} #footer-section p { font-weight: 300; font-size: 15px; line-height: 27px; margin-top: 20px; float: left; margin-bottom: 0; } #footer-section a:link, #footer-section a:visited { color: #ffffff; font-weight: 300; font-size: 15px; line-height: 27px; } #footer-section i { margin-left: 0px; margin-right: 10px; line-height: 27px; color: #222222; } #footer-section i:hover { color: #000000; transition: 0.2s; } #footer-section .ppp-logo { width: 154px; height:43px!important; background: url("/css/cow.nl/images/sprites-cow.png") -2px -58px; margin-right: 0px; float: left; margin-top: 20px; clear: both; margin-bottom: 30px; } #bottom-section { background: none repeat scroll 0 0 #fff; padding: 60px 0 35px 0; } #bottom-section img { border-left: 0px solid #e7e7e7; text-align: center; margin-bottom: 20px; padding-left:20px; padding-right: 20px; max-width: 100%; } #bottom-section img:first-of-type { border-left: 0; } #bottom-section .icons-container { width: 335px; height: auto; margin: 0 auto; display: block; } p.footernav { text-align: center; margin: 0 0 0 0; padding: 0; font-weight: 300; line-height: 27px; color: #444444; width: 100%; float: left; } p.footernav a:link, p.footernav a:visited { text-align: center; margin: 0; padding: 5px; font-weight: 300; line-height: 27px; color: #444444; } p.footernav strong { text-transform: uppercase; width: 100%; float: left; margin-top: 15px; } .iconsFooter { margin-top: 20px; } .iconsFooter img { margin: 0; } .webMentions { font-size: 13px; float: left; width: 100%; display: block; margin-bottom: 10px; margin-top: -5px; } .subscribeForm-alt { } .subscribeForm-alt input[type="text"] { padding: 10px 12px; border-radius: 4px; color: #000 !important; font-size: 14px; border: 1px solid #e5e5e5; margin-top: 10px; } .subscribeForm-alt .btn.btn-dark { -webkit-appearance: none; cursor: pointer; font-family: arial, sans-serif; font-size: 14px; text-align: center; background: #444444 !important; border: 0 !important; -moz-border-radius: 9px !important; -webkit-border-radius: 9px !important; border-radius: 9px !important; color: #fff !important; padding: 10px !important; margin-left: 8px; } .subscribeForm-alt .g-recaptcha { float: left; position: relative; width: 100%; margin: 10px 0 0px 0; } /** ICONS **/ .section.icons .container { padding-top: 5px; padding-bottom: 5px; background: white; border-top: #ece9e3; } .section.icons .iconsBlock { border: 1px solid #ece9e3; padding-right: 0; margin-right: 0; font-size: 11px; color: #222222; margin-bottom: 10px; border-radius: 4px; } .section.icons .iconsBlock .btn { border-left: 0px solid #ece9e3; color: #222222; padding:8px 10px; } .section.icons .iconsBlock .btn i { color: #1d1d1b; font-size: 19px; } .section.icons .iconsBlock .btn i a:hover { cursor: pointer; color: red; } .iconsText { padding: 13px 16px 6px 15px; font-size: 12px; color: #000000; font-weight: 600;} .iconsText span { padding: 10px; width: 100%; position: absolute; } .iconsText img { margin-right: 10px; } .iconsShow { margin-top: 17px; } #specialist1 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") 0px 0px; } #specialist2 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -54px 0px; } #specialist3 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -108px 0px; } #specialist4 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -162px 0px; } #specialist5 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -216px 0px; } #specialist6 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -270px 0px; } #specialist7 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -324px 0px; } #specialist8 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -378px 0px; } #specialist9 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -432px 0px; } #specialist10 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -486px 0px; } #specialist11 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -540px 0px; } #specialist12 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -594px 0px; } #specialist13 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -648px 0px; } #specialist14 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -702px 0px; } #specialist15 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -756px 0px; } #specialist16 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -810px 0px; } #specialist17 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -864px 0px; } #specialist18 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -918px 0px; } #specialist19 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -972px 0px; } #specialist20 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -1024px 0px; } #specialist21 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -1075px 0px; } #specialist22 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -1126px 0px; } #specialist23 { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten.svg") -1172px 0px; } #specialist1a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") 0 0; } #specialist2a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -44px 0px; } #specialist3a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -88px 0px; } #specialist4a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -132px 0px; } #specialist5a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -176px 0px; } #specialist6a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -220px 0px; } #specialist7a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -264px 0px; } #specialist8a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -308px 0px; } #specialist9a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -352px 0px; } #specialist10a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -396px 0px; } #specialist11a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -440px 0px; } #specialist12a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -484px 0px; } #specialist13a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -528px 0px; } #specialist14a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -572px 0px; } #specialist15a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -616px 0px; } #specialist16a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -660px 0px; } #specialist17a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -704px 0px; } #specialist18a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -748px 0px; } #specialist19a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -792px 0px; } #specialist20a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -836px 0px; } #specialist21a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -880px 0px; } #specialist22a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -924px 0px; } #specialist23a { width: 44px; height:44px!important; background: url("/css/cow.nl/images/specialisten.png") -968px 0px; } #specialist1b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") 0 0; } #specialist2b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -53px 0; } #specialist3b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -106px 0; } #specialist4b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -159px 0; } #specialist5b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -212px 0; } #specialist6b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -265px 0; } #specialist7b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -318px 0; } #specialist8b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -371px 0; } #specialist9b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -424px 0; } #specialist10b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -477px 0; } #specialist11b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -530px 0; } #specialist12b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -583px 0; } #specialist13b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -636px 0; } #specialist14b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -742px 0; } #specialist15b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -795px 0; } #specialist16b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -848px 0; } #specialist17b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -901px 0; } #specialist18b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -954px 0; } #specialist19b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -1007px 0; } #specialist20b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -1059px 0; } #specialist21b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -1112px 0; } #specialist22b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -1165px 0; } #specialist23b { width: 53px; height:53px!important; background: url("/css/cow.nl/images/specialisten2.svg") -1218px 0; } /* 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: 30px 0; } .footerLinks .txtDivider { margin-left: 4px; margin-right: 4px; line-height: 27px; width: auto } /* Support row */ .supportArea { padding: 30px 0; margin-top: 60px; background-color: #f3f3f3; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .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 30px; } .supportArea .supportItem strong { color: #222222; } .supportArea .supportItem i { font-size: 30px; line-height: 30px; color: #222222; margin-right: 20px; margin-top: 6px; } .supportArea .supportItem a, .supportArea .supportItem a:link, .supportArea .supportItem a:visited { float: left; width: 100%; font-weight: 600; 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: #222222; } /* Reassurance blocks */ .reassurance { float: left; margin-bottom: 45px; width: 100%; margin-top: 13px; } .reassuranceItem.mobile-footer { display: none; } .reassurance .reassuranceItem { text-align: center; border: 1px solid #e5e5e5; border-bottom: 3px solid #C8C8C8; border-radius: 6px; padding-top: 30px; padding-bottom: 30px; float: left; width: 100%; min-height: 245px; } .reassurance .reassuranceItem .headingTiny { color: #222222; } .reassurance .reassuranceItem .headingSmall { color: #222222; } .reassurance .reassuranceItem .headingMedium { color: #222222; } .reassurance .reassuranceItem .headingLarge { color: #222222; } .reassurance .reassuranceItem span.trustedShops { padding: 30px 30px 0px 30px; float: left; width: 100%; font-weight: 300; } .reassurance .reassuranceItem .ratingStarImag { display: none; } .reassurance .reassuranceItem img { margin-top: 30px; max-width: 100%; } .reassurance .reassuranceItem .review-stars { background: white; width: 170px; width: 170px; margin: 64px auto 0 auto; } .reassurance .reassuranceItem .review-stars i { color: #f8c541; font-size: 23px; } .reassurance .reassuranceItem p.review { margin-top: 15px; padding-left: 55px; padding-right: 55px; min-height: 110px; width: 100%; font-size: 14px; line-height: 30px; color: #222222; font-weight: 400; } .reassurance .reassuranceItem .reviewer { color: #555555; font-style: italic; font-weight: 600; text-align: center; width: 100%; } .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: -25px; color: #222222; 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: -25px; color: #222222; 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: 300px; } .reassurance .reassuranceItem .headingTiny { margin-bottom: 0; } .reassurance .carousel-inner { margin-top: -50px; 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: 42px; font-weight: 600; color: #333333; float: left; margin-left: 0; margin-top: 10px; margin-right: 0; width: 100%; margin-bottom: -4px; } .reassurance .reassuranceItem .countText { line-height: 14px; font-size: 14px; text-decoration: underline; float: left; padding-top: 0; width: 100%; margin-bottom: 15px; } .reassurance .reassuranceItem .ratingLogoImg { width: 100%; float: left; } .reassurance .reassuranceItem .ratingLogoImg img { max-width: 45%; margin-top: 10px; } /* 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: #222222; font-weight: 600; text-decoration: none; line-height: 30px; } .footerLinks a:hover { text-decoration: underline; } .footerLinks .txtDivider { font-size: 11px; color: #222222; font-weight: 600; line-height: 30px; } .footerLinks .copyright { font-size: 14px; font-weight: 400; } /* USP Points */ .uspBlock { float: left; width: 100%; min-height: 100%; padding: 0; margin: 15px 0 5px 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .uspBlock div { float: left; color: #555; font-weight: 500; font-size: 14px; line-height: 24px; margin-right: 28px; margin-left: 28px; border: 1px solid #fff; border-radius: 6px; padding-left: 8px; padding-right: 8px; -webkit-transition: width 0.2s; /* Safari */ transition: width 0.2s; } .uspBlock span { color: #3ea300; font-weight: 500; } .uspBlock .fa.fa-check-circle { color: #3ea300; font-size: 18px; margin-right: 5px; position: initial; float: left; margin-top: 2px; display: inline-block; } .uspBlock .fa.fa-star { margin-left: 2px; } .usp-points.header { padding: 15px 3px; } .usp-points { text-align: center; } .usp-points .uspItem { color: #222222; font-weight: 400; line-height: 30px; font-size: 14px; } .usp-points .uspItem i { line-height: 30px; color: #333; font-size: 18px; } .usp-points .uspItem span { color: #4eb400; font-weight: 700; } .usp-points .uspItem:hover { cursor: default; } /* CHECKOUT STICKY FOOTER/SIDEBAR */ /* CHECKOUT SIDEBAR */ .sidebar-menu ul.list-large li a:link, .sidebar-menu ul.list-large li a:visited { color: #333; } /* CHECKOUT FOOTER */ .footerLinks { text-align: center; } .footerLinks a:link, .footerLinks a:visited { font-size: 14px; color: #333333; font-weight: bold; text-decoration: none; line-height: 27px; } .footerLinks a:hover { text-decoration: underline; } .footerLinks .txtDivider { font-size: 11px; color: #555555; font-weight: 300; line-height: 27px; } .trustworthy { border-bottom: 0px solid #e5e5e5; padding: 80px 0; } .trustworthy.small { padding: 45px 0 15px 0; } .trustworthy .heading-normal { font-size: 15px; font-weight: 800; } .trustworthy .trustworthy-text { width: 60%; text-align: left; } .trustworthy .trustworthy-img { width: 40%; } .trustworthy .trustworthy-img .placeholders { background-color: #f3f3f3; text-align: center; line-height: 45px; } .footer.rtb.cart { float: left; width: 100%; } .trustworthy .trustworthy-img img { } .supportArea { background-color: #222422; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .supportArea .supportItems { text-align:center; } .supportArea .supportItem { text-align: left; color: white; } .supportArea .supportItem i { font-size: 30px; line-height: 40px!important; color: #ffffff!important; } .supportArea .supportItem strong { color: #ffffff; font-weight: bold; } .supportArea .supportItem a:link, .supportArea .supportItem a:visited { font-weight: 300; font-size: 15px; text-align: left;text-decoration: underline; } .supportArea .supportItem .phoneNote { line-height: 27px; font-weight: 300; color: white; } .reassurance .reassuranceItem { text-align: center; border: 1px solid #e5e5e5; border-bottom: 3px solid #c8c8c8; border-radius: 5px; } .reassurance .reassuranceItem img { margin-top: 0; } .reassurance .reassuranceItem .headingSmall { margin-bottom: 40px; } .reassurance .reassuranceItem .headingSmall span { width: 100%; float: left; } .reassurance .reassuranceItem .headingTiny { margin-bottom: 40px; } .reassurance .reassuranceItem .headingTiny span { width: 100%; float: left; } .reassurance .reassuranceItem .headingMedium { margin-bottom: 40px;} .reassurance .reassuranceItem .headingMedium span { width: 100%; float: left;} .reassurance .reassuranceItem .review-stars { background: white; width: 170px; margin: 30px auto 0 auto; } .reassurance .reassuranceItem .review-stars i { color: #f8c541!important; font-size: 23px; margin-right: 0!important; } .reassurance .reassuranceItem p.review { font-size: 14px; line-height: 27px; color: #555555; } .reassurance .reassuranceItem .reviewer { color: #555555; font-style: italic; font-weight: 600; text-align: center; } .reassurance .reassuranceItem .carousel-control .glyphicon-chevron-right, .reassurance .reassuranceItem .carousel-control .icon-next { color: #333; font-size: 16px; border: 1px solid #e5e5e5; border-radius: 10px; line-height: 28px; background: white; } .reassurance .reassuranceItem .carousel-control .glyphicon-chevron-left, .reassurance .reassuranceItem .carousel-control .icon-prev { color: #333; font-size: 16px; border: 1px solid #e5e5e5; border-radius: 10px; line-height: 28px; background: white; } .reassurance .carousel-control.right { background-color: transparent; color: #555; } .reassurance .carousel-control.left { background-color: transparent; color: #555; } .reassurance .carousel-control { color: #e5e5e5; } .reassuranceItem .placeholder { background-color: #f3f3f3; text-align: center; line-height: 45px; line-height: 75px; } .reassuranceItem .ratingText { font-size: 42px; font-weight: 600; color: #333333; } .reassuranceItem .countText { line-height: 14px; font-size: 14px; text-decoration: underline; } .usp-points { text-align: center; } .usp-points .uspItem { color: #555; font-weight: 300; line-height: 40px; padding: 7px 20px!important; } .usp-points .uspItem i { line-height: 40px; color: #333; font-size: 23px; } .usp-points .uspItem span { color: #4eb400; font-weight: 700; } .footer.rtb { border-top: 0!important; } /* CHECKOUT FOOTER */ .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: 30px 0; } .footerLinks .txtDivider { margin-left: 4px; margin-right: 4px; line-height: 27px; width: auto } .trustworthy { padding: 45px 0; float: left;width: 100%; } .trustworthy .trustworthy-text { width: 25%; float: left; } .trustworthy .trustworthy-img { width: 75%; 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; } .supportArea { padding: 30px 0; margin-top: 60px; } .supportArea .supportItems { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; margin: 0px auto; position: relative; } .supportArea .supportItem { height: auto; width: auto; padding: 0 30px; } .supportArea .supportItem i { margin-right: 20px; } .supportArea .supportItem a:link, .supportArea .supportItem a:visited { float: left; width: 100%; } .supportArea .divider-normal-text { display: none; } .reassurance { float: left; margin-bottom: 45px; width: 100%; margin-top: 13px; } .reassurance .reassuranceItem span.trustedShops { padding: 30px 30px 0px 30px; float: left; width: 100%; font-weight: 300; } .trustworthy .logoPlacementLarge { width: 101px; height: 43px; margin-right: 20px; display: flex; justify-content: center; align-items: center; margin-top: 7px; } .trustworthy .logoPlacementSmall { width: 60px; height: 59px; margin-right: 20px; display: flex; justify-content: center; align-items: center;} .reassurance .reassuranceItem { border: 1px solid #e5e5e5; padding-top: 30px; padding-bottom: 30px; float: left; width: 100%; min-height: 245px; } .reassurance .reassuranceItem .ratingStarImag { display: none; } .reassurance .reassuranceItem img { margin-top: 30px; max-width: 100%; } .reassurance .reassuranceItem .review-stars { width: 170px; margin: 64px auto 0 auto; } .reassurance .reassuranceItem p.review { margin-top: 15px; padding-left: 55px; padding-right: 55px; min-height: 110px; width: 100%; } .reassurance .reassuranceItem .reviewer { width: 100%; } .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: -25px; } .reassurance .reassuranceItem .carousel-control .glyphicon-chevron-left, .reassurance .reassuranceItem .carousel-control .icon-prev { margin-left: -25px; } .reassurance .reassuranceItem .carousel.slide { min-height: 300px; } .reassurance .reassuranceItem .headingTiny { margin-bottom: 0; } .reassurance .carousel-inner { margin-top: -50px; min-height: 184px; } .reassurance .carousel-control.right { background-color: transparent; background-image: none; } .reassurance .carousel-control.left { background-color: transparent; background-image: none; } .reassurance .carousel-control { text-shadow: none; } .reassuranceItem .placeholder { width: 100%; height: 75px; float: right; margin-top: 25px; line-height: 75px; } .reassuranceItem.mobile-footer { display: none; } .reassuranceItem .ratingText { float: left; margin-left: 0; margin-top: 10px; margin-right: 0; width: 100%; margin-bottom: -4px; } .reassuranceItem .countText { float: left; padding-top: 0; width: 100%; margin-bottom: 15px; } .reassuranceItem .ratingLogoImg { width: 100%; float: left; } .reassuranceItem .ratingLogoImg img { max-width: 45%; margin-top: 10px; } .usp-points.header { padding: 15px 3px; } .usp-points.checkout { margin-bottom: 60px; } .usp-points { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px 3px; } .uspItem { text-align: center; padding: 0 10px; } .usp-points .uspItem i { margin-right: 7px; } #lastCheckForm { position: absolute; z-index: -9; } .extraFieldEmail { position: absolute; z-index: -9; } /** MOBILE VIEW **/ @media (max-width: 767px) { /* FOOTER */ #bottom-section { padding-top: 30px; } #bottom-section img { display: none; margin-left: auto;margin-right: auto;width: 45%;} .subscribeForm .btn.btn-dark { width: 100%; margin-top: 8px; margin-bottom: 30px; margin-left: 0; } .subscribeForm input[type="text"] { width: 100%; } /* Reviews */ .reassurance .carousel-inner { min-height: 230px; margin: inherit; padding: 0; margin-bottom: 0; } #carousel-user-reviews { margin-bottom: 60px; padding: 0 25px; } #carousel-user-reviews h3 { margin: 0 0 15px 0; } #carousel-user-reviews .review-stars { border-left: 0px solid #e5e5e5; padding-top: 20px; padding-left: 20px; } #carousel-user-reviews .reviewer { border-left: 0px solid #e5e5e5; padding-top: 4px; padding-left: 20px; } /* Support */ #support-block-checkout { float: left; width: 100%; padding: 0 25px;} #support-block-checkout h3 { color: #222222; margin: 0 0 15px 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 */ .reassurance .reassuranceItem { padding: 0; border: 0; } .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: 15px; line-height: 25px; color: #222222; } #mobile-rating-checkout .website-rating { text-decoration: underline; font-weight: 600; color: #222222; } #mobile-rating-checkout .alluser-ratings { text-decoration: underline; font-weight: 600; color: #222222; } /* Mobile Reviews */ #carousel-user-reviews h3 { color: #222222; } #carousel-user-reviews p.review { color: #222222; font-size: 15px; line-height: 25px; font-weight: 400; } #carousel-user-reviews .review-stars i { font-size: 14px; color: #F8C541; } #carousel-user-reviews .reviewer { font-size: 13px; line-height: 17px; color: #222222; font-weight: bold; } /* Mobile Support */ #support-block-checkout h3 { color: #222222; } #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: #222222; } /* Secure */ #shield-block-checkout h3 { color: #222222; } #shield-block-checkout p { color: #222222; font-size: 12px; line-height: 17px; font-weight: 400; margin-top: 0; width: 80%; float: left; } #shield-block-checkout i { color: #4eb400; font-size: 32px; line-height: 43px; } /* Mobile Kiyoh */ .extendendShopInfo.footerBox .websiteRating { width: 60%; float: right; width: 60%; float: right; padding: 15px 20px 15px 0px; 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: 30px; } .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%; } /* Mobile Secure */ #shield-block-checkout { float: left; width: 100%; padding: 0 25px; margin-bottom: -0px; } #shield-block-checkout h3 { margin: 0 0 15px 0; } #shield-block-checkout i { float: left; margin-right: 12px; } /* Footer links */ .footerLinks { padding: 15px 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; } /* Logo row */ .trustworthy { display: none; } } /** MEDRES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { /* FOOTER */ #bottom-section img:first-of-type { margin-left: 0; } #bottom-section img { padding-left: 10px; padding-right: 10px; } }