body { font-family: "Roboto",sans-serif; } p { color:#262626; font-weight: 400; font-size: 15px; line-height: 30px; padding: 10px 0px; } a:link, a:visited { color:#1d5994;} strong { font-weight: 600; } hr { background: #e5e5e5; height: 1px; margin: 35px 0; border: 0; } ul li { line-height: 30px; font-weight: 400; font-size: 15px; color:#262626; list-style: none; margin-left: 0; } ul li i { margin-right: 7px; font-size: 15px; } .infotxt-small { font-size: 12px; line-height: 17px; float: left; width: 100%; font-weight: 500; } .infotxt-medium { font-size: 14px; line-height: 27px; float: left; width: 100%; font-weight: 500; } .infotxt-medium.center, .infotxt-small.center { text-align: center; } /* HEADINGS */ /* SUBHEADINGS */ .subheading-large { font-size: 16px; color: #262626; font-weight: 400; } .subheading-normal { font-size: 15px; color: #262626; font-weight: 400; line-height: 30px; float: left; width: 100%; } /* BORDERS FOR HEADINGS */ .heading-border { border-bottom: 1px solid #e5e5e5; width: 100%; float: left; margin-bottom: 30px; padding-bottom: 10px; } /* ICONS FOR HEADINGS */ .heading-icon-large { width: auto; float: left; line-height: 62px; font-size: 29px; margin-right: 22px; border-right: 1px solid #e5e5e5; border-radius: 50%; text-align: center; padding: 0 15px 0 5px; } /* LISTS */ li span.list-cta { color: #448A0F!important; } /* List Small */ ul.list-small { float: left; width: 100%; margin: 0; padding: 0; } ul.list-small li { font-size: 12px; color: #262626; font-weight: 400; line-height: 25px; float: left; width: 100%; } ul.list-small li i { font-size: 14px; line-height: 25px; } ul.list-small.square li { list-style: square; margin-left: 15px; } ul.list-small.half { width: 50%; } /* List Medium */ ul.list-medium { float: left; width: 100%; margin-bottom: 40px; padding: 0; } ul.list-medium li { font-size: 14px; color: #262626; font-weight: 400; line-height: 27px; float: left; width: 100%; } ul.list-medium li i { font-size: 14px; color: #262626; line-height: 27px; font-weight: 400; } ul.list-medium.square li { list-style: square; margin-left: 15px; } ul.list-medium.half { width: 50%; } /* List Large */ ul.list-large { float: left; width: 100%; margin: 0; padding: 0; } ul.list-large li { font-size: 17px; color: #262626; font-weight: 400; line-height: 34px; } ul.list-large li i { font-size: 18px; line-height: 34px; } ul.list-large.square li { list-style: square; margin-left: 15px; } ul.list-large.half { width: 50%; } /** LABELS **/ /* Labels Default */ .label-block-default { border: 1px solid #e5e5e5; border-radius: 25px; float: left; width: auto; margin-right: 20px; padding: 4px 16px; font-size: 13px; line-height: 23px; margin-bottom: 14px; } .label-block-default i { font-size: 13px; float: left; margin-right: 10px; line-height: 23px; } .label-block-default.inverted { background: #777; color: white; border-color: #777; } /* Labels Dark */ .label-block-dark { background-color: #262626; border-radius: 25px; float: left; width: auto; margin-right: 20px; padding: 4px 16px; font-size: 13px; line-height: 23px; color: white; } .label-block-dark i { font-size: 13px; float: left; margin-right: 10px; line-height: 23px; } .label-block-dark.inverted { background: #ffffff; color: #262626; border-color: #262626; } .label-block-dark.inverted i { font-size: 13px; float: left; margin-right: 10px; line-height: 23px; } /* Labels Small */ .label-block-small { border: 1px solid #e5e5e5; border-radius: 25px; float: left; width: auto; margin-right: 20px; padding: 4px 10px; font-size: 11px; line-height: 17px; } .label-block-small i { font-size: 13px; float: left; margin-right: 10px; line-height: 17px; } .label-block-small.inverted { background: #777; color: white; border-color: #777; } /** BUTTONS **/ .btn.btn-primary { background: #e4013a; color: white!important; border: 1px solid #d80726; line-height: 24px; padding-left: 1.35rem; padding-right: 1.35rem; font-weight: 500; } .btn.btn-primary:hover { transition: 0.2s; background: #db0127; } .btn.btn-default { background: #e4013a; color: white!important; border: 1px solid #d80726; line-height: 24px; padding-left: 1.35rem; padding-right: 1.35rem; font-weight: 500; } .btn.btn-default:hover { transition: 0.2s; background: #db0127; } .btn.btn-success { background: #4eb400; color: white!important; border: 1px solid #469c04; line-height: 24px; padding-left: 1.35rem; padding-right: 1.35rem; font-weight: 500; } .btn.btn-success:hover { transition: 0.2s; background: #369e00; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary { background: #e4013a} .btn.btn-success.btn-lg { font-weight: 300; font-size: 15px; } .btn.btn-success.btn-lg b { font-weight: 700; } .btn.btn-small.btn-primary { line-height: 31px; font-size: 13px; font-weight: 500; padding: 0 1rem; color: white!important; } .btn.btn-small.btn-success { line-height: 31px; font-size: 13px; font-weight: 500; padding: 0 1rem; color: white!important; } .btn.btn-small.btn-default { line-height: 31px; font-size: 13px; font-weight: 500; padding: 0 1rem; color: white!important; } /** BREADCRUMBS **/ .breadcrumbs a { color: #e4013a; } .breadcrumbs { font-size: 14px; line-height: 20px; } .btn.btn-breadcrumb { font-weight: 300; padding: 0px 10px; font-size: 14px; line-height: 24px; border-radius: 6px; color: #555; background-color: #fff; border-color: #d5d5d5; -webkit-backface-visibility: hidden; -webkit-box-shadow: 0 3px 0 #d5d5d5; box-shadow: 0 2px 0 gray; outline: 0; white-space: nowrap; transition: all ease 0.1s; top: -3px; position: relative; margin-right: 11px; } .btn.btn-breadcrumb i { font-size: 9px; line-height: 1em; vertical-align: middle; margin-right: 4px; position: relative; top: -1px; } .btn.btn-breadcrumb:hover { background: #f3f3f3; } /** LOGO PREVIEW **/ .logoUploadPreview p { font-size: 14px; line-height: 22px; } .logoUploadPreview h4 { font-weight: 700; color: #e4013a; } .logoButtons .disableLogoPreview { color: #555555; } .logoButtons .enableLogoPreview { color: #333; } .logoButtons .enableLogoPreview a { color: #333; } .logoUploadPreview .closeWindow a { color: #e4013a } .logoUploadPreview.closed .name { color: #333; word-spacing: normal; word-break: break-all; font-weight: bold; text-align: center; line-height: 19px; font-size: 15px; } .logoUploadPreview.closed .name i { font-size: 20px; } /** MODAL BOXES **/ .modal-dialog p { font-size: 14px; } .modal-dialog h1 { font-weight: bold; color: #222; font-size: 25px; line-height: 20px; } .modal-dialog h2 { font-size: 16px; line-height: 20px; font-weight: bold; } .modal-dialog h3 { font-size: 14px; line-height: 20px; font-weight: bold; } .modal-dialog ul { margin-left: -10px!important; } .modal-dialog ul li { list-style: none; font-size: 14px; line-height: 27px; } .modal-dialog .fa.fa-star { color: #ff5c00; margin-right: 5px; } .modal-dialog span.greenBox { color: white; } .modal-footer p a { color: #333; cursor: pointer; } .modal-body .completeColor .productColor { height: 32px; } /* MODALBOXES - LOGO PREVIEW */ .logopreview .type { text-align: center; } .logopreview h3 { text-align: center; } .logopreview p { text-align: center; line-height: 20px; } .logopreview .btn.uploadLogoView { font-size: 26px; color: white!important; font-weight: 500; line-height: 75px; } .logopreview .btn.uploadLogoView.completed { font-size: 26px; color: white!important; font-weight: 500; line-height: 75px;} .logopreview .selector .selectorIcon i { color: #333; } .logopreview .selector .info { font-size: 12px; font-weight: bold; } /** HEADER **/ img.header-logo { position: absolute; top: 15px; left: 10px; float: left; z-index: 10; } .col-md-8.contact .navbar-form { margin:0 0 0 10px; padding: 0; } .cartbuttons { width: auto; float: right; } .contactInfo { margin: 30px 0 10px; font-size: 13px; color: #333333; line-height: 13px; } .contactInfo a:link, .contactInfo a:visited { font-size: 13px; color: #333333; text-decoration: none; } .contactInfo a:hover { color: #e4013a; } .contactInfo ul li { list-style: none; float: right; margin-left: 30px; line-height: 20px; } .contactInfo ul li strong { color: #e4013a; } .contactInfo button { margin-left: 30px; border: 0; background: inherit; line-height: 20px; padding: 0; font-size: 13px;} .contactInfo button i { margin-left: 4px; } .contactInfo ul.dropdown-menu { } .contactInfo ul.dropdown-menu li { width: 100%; border-radius: 0; } .contactInfo ul.dropdown-menu li a { width: 100%; border-radius: 0; border: 0; } .contactInfo ul.dropdown-menu .userIntro { font-weight: 700; font-size: 13px; color: #333; padding: 10px 20px; } .contactInfo .contactDivider { border-left:1px solid #e5e5e5; margin-right: -5px; } .uspPoints { color: #333333; font-size: 11px; } .uspPoints strong { font-weight: bold; } .uspPoints ul li { list-style: none; float: right; margin-left: 30px; border-left: 1px solid #e5e5e5; padding-left: 30px; text-transform: uppercase; text-align: right; line-height: 16px; } .uspPoints ul li:last-of-type { border-left: 0; } .quicksearch .form-group { margin-top: 0px; height: 38px; margin-right: -25px; } .quicksearch .form-group button[type="submit"] { float: right; } .quicksearch .btn.btn-default.search { padding: 6px 12px; margin-right: 15px; height: 42px; margin-top: 0; } .quicksearch .btn-cart { margin-left: 4rem!important; } .quicksearch input[type="text"] { box-shadow: none; margin-top: 0; height: 42px; border: 1px solid #f79c24; margin-right: -5px; width: 270px; } .quicksearch .form-control.ui-autocomplete-input { margin-top: 1px; border-radius: 0; height: 42px; border: 1px solid #d80726; width: 390px; } .quicksearch .navbar-form .form-control { border-right: 0; margin-top: 0; border-radius: 4px 0 0 4px; border: 1px solid #d80726; height: 42px; width: 390px; } .quicksearch .navbar-form.navbar-right { margin-top: 0} .quicksearch .btn.btn-primary.btn-cart { height: 42px; margin-top: 0; font-size: 13px; line-height: 29px; font-weight: 400; border-radius: 4px 0 0 4px } .quicksearch .btn.btn-success { height: 42px; margin-top: 0; font-size: 13px; line-height: 29px; font-weight: 700; border-radius: 0 4px 4px 0 } .searchImageText { margin-right:10px; margin-top: 5px; } .mobileIntro { display: none; } /** HEADER PULLDOWN MENUS **/ .cartItemFront p strong { font-size: 16px; font-weight: bold;} #recentlyAdd p { font-size: 14px; color: #555555; font-weight: 300; line-height: 26px; } #recentlyAdd h3 { font-size: 16px; font-weight: 500;line-height: 16px; } #recentlyAdd h3 span { line-height: 16px; } #recentlyAdd .cartButtons #goToCart { font-size: 13px; } #recentlyAdd .cartPrices { font-size: 13px; font-weight: 300; line-height: 26px; } #recentlyAdd .cartPrices strong { color: #333; font-size: 13px; line-height: 26px; } #recentlyAdd .cartPrices .lines { color: #555555; line-height: 30px; } #recentlyAdd a:link, #recentlyAdd a:visited { color: #e4013a; font-weight: 600; } #recentlyAdd .cartButtons .btn.btn-small.btn-success { line-height: 31px; height: auto; border-radius: 4px; } .recentAdded ul { line-height: 24px; } .recentAdded ul li { line-height: 24px; } .buttonRemove { color: #555; font-weight: 300;} ul.orderInfo p { font-size: 13px!important; line-height: 23px!important; } .recentAdded a:link, .recentAdded a:visited { color: #59378c; font-weight: 400; } .recentAdded .orderInfo a:link, .recentAdded .orderInfo a:visited { color: #333!important; font-weight: bold; line-height: 24px; } ul.orderInfo li p { } .recentAdded .cartFooter p { font-size:11px; } .recentAdded .cartFooter .cartIcons i { color: #555555; } .recentAdded .cartExtraInfo { color: #4eb400; line-height: 22px; font-size: 13px; font-weight: 500; } /** NAVBAR MEGAMENU **/ .navbar.navbar-default { background: #e4013a; border-radius: 0; border: 0; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; } /* Default */ .navbar.navbar-default.navbar-inverse { background: #e4013a; border-radius: 0; border: 0; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; } /* Back to top */ .navbar.navbar-default.navbar-fixed-top { } /* Scrolled */ .navbar.navbar-default .searchbarTop { display: none; } .navbar { border: 0; margin-bottom: 0; } .nav > li { margin-left: 0; } .MobileMenuView ul { width: 100%; } .MobileMenuView .navbar-nav > li:first-of-type { margin-left: -15px; } .navbar-default .navbar-nav > li { border-right: 1px solid #d80726; } .navbar-default .navbar-nav > li > a { color: #ffffff; font-weight: 700; font-size: 13px; padding:0px 18px; line-height: 50px; } .navbar-default .navbar-nav > li > a:hover, .hovered { line-height: 50px; color: #333!important; background: white; -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; } ul.nav.navbar-nav { margin-top: 0; margin-bottom: 0; } .navfixed { padding: 0; } .navfixed i { margin: 0 20px 0 0; padding:20px 5px; } .navfixed i:hover { color: #ccdae7;} .navfixed span { color: #ffffff; font-size: 14px; font-weight: 300; margin-right: 35px; position: relative; top: 17px; } .navfixed a:hover { color: #ccdae7; line-height: 33px; text-decoration: underline; } .navfixed ul { margin-left: -21px; } .navfixed ul li { color: #ffffff; font-size: 14px; font-weight: 300; float: left; margin-left: 0; } li[data-big-menu="assortiment"] { float: right; text-align: center; border: 0!important; margin-right: -15px; background: #d80726; border-radius: 0; left: 0; color: #ffffff; font-weight: 600; } li[data-big-menu="assortiment"] a:hover { border-right: 0px!important; } li[data-big-menu="assortiment"] a.hovered { border-right: 0px; border-radius: 0; } li[data-big-menu="assortiment"] i { margin-left: 5px; } li[data-big-menu="assortiment"] .fa.fa-sort-alpha-desc { display: none; } li [data-big-menu="contact"] { margin: 55px;} #assortiment { display: none; } #referenties { display: none; } #klantenservice { display: none; } #contact { display: none; } #kwaliteit { display: none; } #subMenu01 { display: none; } #subMenu02 { display: none; } #subMenu03 { display: none; } #subMenu04 { display: none; } #subMenu05 { display: none; } .productCatList ul { float: left; max-height: 311px; overflow: auto; width: 90%;} .productCatList ul li { line-height: 23px; } .productCatView { float: left; width: 100%; height: 355px; overflow: auto; } .productsList { color: #555555; line-height: 25px; font-size: 13px; list-style: none; } .productsList strong { color: #555555; font-weight: 500; font-size: 10px; margin-top: 10px; background: #f3f3f3; width: auto; padding: 2px 5px; border-radius: 4px; } .productsList strong.gray { color: #555555; } .productsList img { width: 100%; } .productsList ul li { line-height: 25px; font-weight: 300; margin-left: -40px; } .productsList li a:link, .productsList li a:visited { color: #555555; font-weight: 300; font-size: 14px; line-height: 28px; } .productsList b { font-weight: 600; } .catList { border-right: 1px solid #e5e5e5; margin-top: 20px; border-right: 1px solid #e8e8e8; margin-top: 20px; } .catList ul li { line-height: 21px; font-weight: 400; font-size: 14px; margin-left: -40px; } .catList ul li a:link, .catList ul li a:visited { color: #555555; font-size: 11px; } #big-menu { z-index: 999; position: absolute; margin-top: 0; } #big-menu h2 { margin-top: 10px; border-bottom: 0; margin-bottom: 15px; } #big-menu li:hover { display: block!important; } #big-menu .referenties img { width: 100%; margin: 0 } #big-menu .portfolio img { width: 100%; margin: 0 0 20px 0; } #big-menu .menu-container { border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; float: left; width: 100%; padding: 20px; background: white; } #big-menu .extraInfoBlock { margin-top: 20px; border-top: 1px solid #e5e5e5; padding-top: 20px; } #big-menu .extraInfoBlock p { padding: 10px 10px 10px 10px; } #big-menu .extraInfoBlock i { font-size: 25px; } #big-menu .extraInfoBlock a:link, #big-menu .extraInfoBlock a:visited { color: #777777; font-size: 15px; } #big-menu ul.productOverview { height: 125px; } #big-menu ul.productOverview li { line-height: 23px; font-size: 12px; } #big-menu ul.productOverview li a:link, #big-menu ul.productOverview li a:visited { font-size: 13px; line-height: 24px; width: 80%; float: left; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; white-space: nowrap } #big-menu ul.productOverview .showAll a:link, #big-menu ul.productOverview .showAll a:visited { color:#e4013a; font-weight: 700 } #big-menu .pullDownMenu01 { background:white; width: 611px; margin-left:75px; margin-right: auto; display: block; padding: 25px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e8e8e8; } #big-menu .pullDownMenu02 { background:white; width: 611px; margin-left:170px; margin-right: auto; display: block; padding: 25px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e8e8e8; } #big-menu .pullDownMenu03 { background:white; width: 611px; margin-left:257px; margin-right: auto; display: block; padding: 25px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e8e8e8; } #big-menu .pullDownMenu04 { background:white; width: 611px; margin-left:348px; margin-right: auto; display: block; padding: 25px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e8e8e8; } #big-menu .pullDownMenu05 { background:white; width: 611px; margin-left:514px; margin-right: auto; display: block; padding: 25px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e8e8e8; } #big-menu .blockLeft { float:left; width: auto; } #big-menu .blockLeft ul { border-right:1px solid #e5e5e5; padding-right: 15px; width: 230px; } #big-menu .blockLeft ul li { line-height: 30px; } #big-menu .blockLeft ul li a { color:#333; font-size: 14px; } #big-menu .blockRight { float:left; width: 320px; padding-left: 25px; padding-top: 15px; border-left: 1px solid #e5e5e5; margin-left: -1px; } #big-menu .blockRight p { margin-left: 15px; } #big-menu .blockRight strong { font-size: 21px; padding-bottom: 10px; float: left; margin-left: 15px; width: 100%; } #big-menu .blockRight img { margin-right: 20px; margin-top: 5px; } #big-menu .blockRight .halfWidth { width: 50%; float: left; } #big-menu .blockRight .halfWidth .btn { margin-left: 15px; } .mobileIcons { display: none; } /** CATEGORY VIEW **/ .noResultsTxt strong { font-weight: 600} .section.category h1.first { font-size: 24px; } .section.category h2.sec { font-size: 21px; font-weight: 600} .section.category h2 span { font-size: 21px; font-weight: 600} .section.category h3 span { font-size: 21px; font-weight: 600} .bigTextTitle { font-size: 26px; font-weight: 300; color: #555; line-height: 55px; } .customContents a:link, .customContents a:visited { font-weight: 500; color: #014587; } /* Subcats */ .subCatTitle { line-height: 35px; font-weight: 600; font-size: 15px; color: #555; } .subCatNavigation .arrow { text-transform: capitalize; font-size: 21px; line-height: 48px; color: #555; font-weight: 600; } .subCatBlock .categoryName { font-weight: 600; color: #555; font-size: 14px; line-height: 20px; } .subCatBlock .catCount { font-weight: 300; color: #555; font-size: 14px; line-height: 20px; } .swiper-wrapper.slick-initialized ul li button { font-size: 11px; font-weight: bold; line-height: 26px; } .swiper-wrapper.slick-initialized ul li.slick-active button { color: white; } .subCatBlock.swiper-slide.active { border-bottom: 2px solid #e4013a; } /* Product view */ .productBlock .productName { color: #333; font-size: 14px; font-weight: 600; line-height: 24px; } .productBlock .productPricetag { color: #555; font-size: 11px; font-weight: 300; } .productBlock .productPricetag span { font-weight: 600; font-size: 14px; } .productBlock .productPricetag strong { font-size: 14px; } .productBlock .btn.btn-primary.inverted { float: right; margin-top: -4px;} .productBlock:hover .btn.btn-primary.inverted { color: white; } .productBlock .prodLabel { font-family: 'Lato', sans-serif; letter-spacing: normal; } .lowerPrice { } .lowerPrice #strike { font-size: 12px; font-weight: 300; text-decoration: line-through; } .productPriceDiscount { font-size: 12px; font-weight: 600; color: #fe701c; line-height: 18px; } .productBlock .prodLabel:nth-of-type(2) { color: white; font-size: 12px; font-weight: 600; } .productBlock .prodLabel:nth-of-type(3) { color: white; font-size: 12px; font-weight: 600; } .productBlock .prodLabel:nth-of-type(4) { color: white; font-size: 12px; font-weight: 600; } .productBlock ul li { font-size: 12px; line-height: 20px; } .productBlock ul li i { font-size: 12px; font-weight: 600; } .productBlock ul li strong { font-weight: 600; } /* Cat list */ .catListContainer .categoryHeader a { color: #014587; font-weight: 600; line-height: 32px; font-size: 14px; } .catListContainer .fa.fa-angle-left { font-weight: 600; color: #014587; } .catListContainer ul.fullCatLists li { font-size: 14px; line-height: 32px; } .catListContainer ul.fullCatLists li i { line-height: 32px; } .catListContainer ul.fullCatLists li a { font-size: 14px; line-height: 32px; color: #555; } .catListContainer ul.fullCatLists li.selected { font-weight: 600; } .catListContainer ul.fullCatLists .fa.fa-angle-up { font-weight: 600; float: left; line-height: 30px; } /* Certification Marks */ .extendendShopInfo.sidebar .ratingText { font-size: 13px; font-weight: 700; color: #333; } /* Filters */ .sidebarTitle { font-weight:300; line-height: 55px; color: #444; font-size: 24px; } .sidebarTitleBox .resetFilters { color: #014587; font-size: 12px; line-height: 12px; font-weight: 300; } .colorFilter li.activeFilter .colorSelected { color: #555; } .filterPrice .input-group-addon { font-weight: bold; font-size: 13px; } .filterPrice .input-group input[type="text"] { font-size: 13px; } .filterPrice .btn { font-size: 14px; line-height: 32px; color: #555; font-weight: 500; } .sidebarFilter ul:not(.logoview) li { text-transform: capitalize; } .sidebarFilter label { font-weight: 300; color: #444; } .sidebarFilter .expandable-filter { color: #fff; } .sidebarFilter .filterValue li:hover > label { text-decoration: none; } .bestSellers span { color: #444; font-weight: 600; font-size: 20px; } .sidebarFilter select { color: #444; font-size: 12px; } .sidebarFilter input[type="text"] { color: #444; font-size: 12px; } .sidebarFilter ul li { line-height: 30px; font-size: 14px; font-weight: 300; } .sidebarFilter ul li.disabledFilter > label:hover { color: #444; font-weight: 300; } .sidebarFilter .activeFilter { color: #4eb400; font-weight: 700 } .sidebarFilter .activeFilter > label { font-weight: 700 } .sidebarFilter input { line-height: 30px; padding-left: 7px; font-size: 13px; } .sidebarFilter label { line-height: 30px; font-weight: 300; } .sidebarFilter .filterIntro { font-weight: 300; } .sidebarFilter .showAllFilters { font-weight: 600; font-size: 14px; color: #444; } .sidebarFilter .showAllFilters:hover { color: #555; } .sidebarFilter .filterName { font-weight: 600; color: #444; font-size: 14px; line-height: 32px; } .sidebarFilter .subTitle { font-weight: 600; color: #444; font-size: 12px; } .sidebarFilter .filterValue li:hover > label { font-weight: 600; } .sidebarFilter .resetFilters { color: #444; } .messageBlockCats .alert strong { font-size: 15px; font-weight: 700; } .section.category .alert.alert-danger strong { font-weight: 800} .loadOverlay { color: white; } .panel-default>.panel-heading .panel-title { color: #333; line-height: 25px; font-weight: 600; font-size: 15px; } /* History */ .orderHistoryBox .content-title { line-height: 55px; color: #444; font-weight: 300; font-size: 30px; } .orderHistoryBox .content-title span { font-weight: 600; } /** PRODUCTPAGE **/ .productDesc h1 { font-size: 30px; font-weight: 700; line-height: 30px; margin-top: 40px; } .productDesc .shortDescProduct { margin-bottom: 12px; } .productDesc .productLinks a { color: #e4013a} #productPage h2 { font-size: 21px; line-height: 24px; } #productPage ul li { list-style:none; } #productPage .fa.fa-star, #productPage .fa.fa-star-half-o, #productPage .fa.fa-star-o { color: #ff5c00; } #productPage .fa.fa-check { color: #4eb400; } #productPage .fa.fa-plus-circle { color: #4eb400; line-height: 27px; font-size: 18px; } #productPage .fa.fa-minus-circle { color: #b40008; line-height: 27px; font-size: 18px; } #productPage .fa.fa-check-square { color: #4eb400; } #productPage .usplist { padding: 16px 20px 5px 0px; margin: 0px 0 5px 0; width: 81%; float: left; } #productPage .usplist li { color: #444; font-weight: 300 } #productPage .usplist i { font-size: 15px; margin-right: 10px; } .productDescContent { margin-top: 10px; } #productPage .infobox { color: #333; font-size: 11px; font-weight: 300; float: left; width: 100%; line-height: 17px; margin-bottom: 15px; margin-top: 10px; } #productPage .infobox p { color: #333; float: left; font-size: 11px; font-weight: bold; line-height: 17px; padding-right: 5px!important; } #productPage .infobox #avgRating { color: #333; float: left; font-size: 11px; font-weight: bold; line-height: 17px; padding-right: 5px; } #productPage .infobox #avgRating i { font-size: 11px; line-height: 17px; padding: 0; margin: 0; } #productPage .infobox a:link, #productPage .infobox a:visited { font-weight: 300!important; font-size: 12px; color: #444; line-height: 17px; } #productPage .infobox .stockStatus { font-weight: bold; font-size: 11px; } #productPage .noStock { color: #333!important; font-weight: 400!important; } #productPage .noStock i { color: #b40008; } .suggestionIcon i { font-size: 20px; line-height: 93px; color: #e4013a; } #mainpic img { max-height: 345px; } #thumbs { margin: 0 } /* Berekening */ #productPage legend { font-size: 18px; font-weight: 300; line-height: 18px; margin: 25px 0 10px 0; padding: 0; border: 0; color: #333; float: left; width: 100%; position: relative; } #productPage legend strong { color: white; background: #333; margin-right: 10px; padding: 5px 9px; font-size: 12px; border-radius: 4px; position: relative; top: -3px; } #productPage legend span { color: #555; font-weight: 600; } #productPage legend.price { margin: 0 0 15px 0; font-size: 15px; font-weight: 600; line-height: 25px; color: #333; padding: 12px 20px; border-bottom: 1px solid #e5e5e5; } /* PRODUCTPAGE - BEREKENING */ .containerCalculating { padding: 0 0 15px 0px } .containerCalculating legend { color: #333; width: 100%; font-size: 14px; font-weight: 700; display: block; margin-left: auto; margin-right: auto; margin-bottom: 0px; background: #fff; line-height: 30px; border: 0; border-bottom: 1px solid #e5e5e5 } .containerCalculating legend strong { padding: 1px 6px; margin-right: 1rem; border-radius: 4px; background: #333; color: #fff!important; line-height: 30px; } .containerCalculating .calcPrice { background: #e4013a; font-weight: 300; color: white; font-size: 12px; font-weight: 500; } .containerCalculating .fullWidthBox .textRight { line-height: 13px; font-size: 13px; } .containerCalculating .fullWidthBox .printGroupName { background: transparent; float: left; color: #222; margin-top: 25px; font-size: 13px; padding: 0px 10px; border-radius: 4px; text-transform: lowercase } .containerCalculating .fullWidthBox .printGroupName:first-letter { text-transform: capitalize} .containerCalculating .fullWidthBox .printGroupName strong { font-weight: 700!important; border-left: 3px solid #333; padding-left: 9px; margin-left: -8px; } .outerBoxCalculating .help-block, .outerBoxCalculating .help-block a { color: #444; } .fullWidthBox.more .btn.showMore { width: 28%; font-size: 13px; line-height: 20px } .fullWidthBox.more .btn.showMore i { color: white!important; font-size: 13px!important; } .fullWidthBox.footer { background: transparent} .footer h4 { color: #fff; } .fullWidthBox.footer p { font-size: 11px; line-height: 13px; color: #333; } .fullWidthBox.footer i { font-size: 23px; line-height: 20px; color: #333; } .ribbon-print { font-size: 10px; font-weight: 500; line-height: 26px; color: white; } .printPosition .information i { margin-left: 45px; margin-right: 4px; font-size: 13px; color: #ff5c00; } .printPosition .information i:first-of-type { margin-left: 20px;} /* Price box */ /* Price box */ .productPrice .btn { line-height: 57px; margin-top: 10px; font-size: 18px; font-weight: 600; } .productPrice .btn.btn-default.alert { line-height: 40px; font-size: 15px; } .productPrice .saleBadge strike { color: #e74433; } .productPrice .saleBadge strong { color: #469c04!important; font-size: 17px; line-height: 25px; } .productPrice .saleBadge span { font-size: 10px; color: white; font-weight: 700; } .productPrice .priceContainer { border-bottom: 2px solid #e5e5e5; } .productPrice .priceContainer p { line-height: 26px; font-size: 13px; } /* Start price */ .productPrice .salesPriceBox .startPrice .leftColumn strong { font-size: 15px; line-height: 33px; color: #555; } .productPrice .salesPriceBox .startPrice .currentPrice { font-size: 17px; line-height: 33px; font-weight: bold; } .productPrice .salesPriceBox .startPrice .currentPrice strike { font-size: 13px; color: red; } .productPrice .salesPriceBox .startPrice .newSalePrice { font-size: 20px; line-height: 33px; font-weight: bold;} .productPrice .salesPriceBox .startPrice .priceTaxInfo { font-size: 13px; } .productPrice .piecePriceBox.startPoint .priceTaxInfo { line-height: 13px; } /* Price */ .productPrice .piecePriceBox p.leftColumn { font-size: 15px; line-height: 21px; font-weight: 600; } .productPrice .piecePriceBox p.rightColumn { font-size: 17px; line-height: 21px; font-weight: 600; } .productPrice .piecePriceBox p strike { color: red; font-size: 16px; font-weight: bold; } .productPrice .totalPriceBox p.leftColumn { font-size: 15px; line-height: 21px; font-weight: 600; } .productPrice .totalPriceBox p.rightColumn { font-size: 15px; line-height: 21px; font-weight: 600; } .productPrice .totalPriceBox p strike { color: red; font-size: 16px; font-weight: bold; } .productPrice .deliveryCost p.leftColumn { font-size: 13px; line-height: 21px; } .productPrice .deliveryCost p.rightColumn { font-size: 13px; line-height: 21px; } .productPrice .priceTaxInfo { font-size: 13px; font-weight: 300; line-height: 21px; } .productPrice .priceTaxInfo.active { font-size: 11px; font-weight: 600; } .productPrice .totalIncBtwPrice p.leftColumn { font-size: 13px; line-height: 21px; font-weight: 300; } .productPrice .totalIncBtwPrice p.rightColumn { font-size: 13px; line-height: 21px; font-weight: 300; } /* Sale points */ .productPrice .priceContainer .strongPoints p.leftColumn { font-size: 13px; line-height: 23px; } .productPrice .priceContainer .strongPoints p.rightColumn { font-size: 13px; line-height: 23px; } .productPrice .priceContainer #discount-price { color: #4eb400; font-weight: bold; } .productPrice p.leftColumn.printName { font-size: 13px; line-height: 23px; } /* Price on request */ .productPrice .rightColumn.onRequest { font-size: 15px; line-height: 30px; font-weight: 600; color: #555; } .productPrice p.onRequest-message { font-size: 13px; line-height: 23px; font-weight: 300; color: #555; } .productPrice p.onRequest-message strong { font-weight: 600; } .currentPrice.sample { font-size: 13px!important; } .productPrice .footerText p { text-align: left; line-height: 14px; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; color: #999999; font-style: italic; } .productPrice .footerText strong { font-weight: 600; } .productPrice .footerText.germany strong { color: #4eb400; } .productPrice .footerText.germany .priceTaxInfo { font-weight: 300; font-style: initial; } .productPrice .footerText.default strong { color: #4eb400; } .productPrice .footerText.default .priceTaxInfo { font-weight: 300; font-style: initial; } .productPrice legend { font-size: 15px; font-weight: 600; line-height: 25px; } .priceProductInfo p span.productTitle { font-weight: 700; color: #555555; line-height: 28px; } /* Print */ .subTextPrint { font-size: 13px; color: #555; font-weight: 300; line-height: 25px; } .subTextPrint strong { color: #555!important; font-weight: 500; } .printPosition { font-size: 13px; } .printPosition ul li { font-size: 13px; line-height: 18px; } .printPosition ul li .borderColorCount { border:1px solid #d6d6d6; border-bottom: 2px solid #c8c8c8; border-radius: 4px; } .printPosition ul li .borderColorCount:hover { border-color:#8fadca; } .printPosition ul li .borderColorCount.active { color: white; } .printPosition ul li.active .borderColorCount { color: #014587; font-weight: 600; border: 1px solid #89aacb; border-bottom: 2px solid #014587; background: #edf2f7; } .printPosition ul li:hover { background: #edf2f7; border-color: #014587; } .printPosition ul li.active span.price { color: #014587; } .printPosition ul li.active span.price strong { color: #014587!important; font-weight: 500!important; } .printPosition ul li i { line-height: 23px; color: #555; } .printPosition ul li i.fal.fa-plus { font-size: 9px; line-height: 18px; font-weight: bolder; } .printPosition ul li.active { color: #fff; } .printPosition ul li.active i { color: #014587; } .printPosition ul li.active:first-child i { color: white; } .printPosition ul li.active:first-child { color: #555555; } .printPosition ul li span.price { font-weight: 300; text-align: center; } .printPosition ul li span.price strong { font-size: 12px; } .printPosition .information i { font-size: 13px; color: #555; } .printPosition .information strong { font-size: 13px; } .printPosition .price { } .printPosition .price strong { } .printPosition .titlePosition { color: #555; font-weight: 600; font-size: 16px; line-height: 20px;} .printPosition .printSize { font-size: 11px; line-height: 20px; color: #918484 } .printPosition .fa.fa-tint { line-height: 27px; } .templateInformation .printInfo { color:#72c02c; font-weight: 500; } .ribbon-print { font-size: 10px; font-weight: 500; line-height: 26px; text-transform: uppercase; color: white; } .fullWidthBox.footer i { color: #777!important; font-size: 26px; line-height: 34px; } .fullWidthBox.none .textRight { color: #555; } .fullWidthBox.none .textRight strong { color: #555!important; } #productPage .btn.noEnrichment { font-weight: 400;color: #555; font-size: 13px; line-height: 25px;} #productPage .btn.noEnrichment:hover { color: #555; font-weight: 500; } .fullWidthBox.more .btn.showMore i { color: white!important; } /* Kleuren */ .pmsColorList .pmsColor { line-height: 22px; } .priceColorBox { font-size: 12px; font-weight: 300; color: #555; } .priceColorBox .selectAmount { font-size: 13px; font-weight: 300; color: #555; line-height: 35px; border-bottom: 2px solid #c8c8c8; } .priceColorBox .selectAmount i { line-height: 35px; color: #555; font-size: 10px; } .priceColorBox .selectAmount.stockWarning, .priceColorBox .selectAmount.minWarning { color: #8a6d3b; font-weight: 500; } .priceColorBox .productStock { font-size: 13px; line-height: 17px; } .priceColorBox .productStock strong { font-size: 13px; color: #333; } .priceColorBox.hasValue .selectAmount { font-weight: 500; } .priceColorBox.hasValue .selectAmount.selectActive.stockWarning, .priceColorBox.hasValue .selectAmount.selectActive.minWarning { color:#8a6d3b; } .priceColorBox.hasValue .selectAmount.stockWarning, .priceColorBox.hasValue .selectAmount.minWarning { color:#8a6d3b; } .containerCalculating .quantityDropDown.dropDownOpened { border-radius: 4px; border: 2px solid #e2e2e2; } .inputQuantity-title label { text-align: center; color: #333333; font-size: 14px; } .inputQuantity-title .minimalQuantity { text-align: center; } .quantityDropDown .quantityList-title .quantity-content.icon { font-size: 12px; text-align: center; font-weight: bold; } .quantityDropDown .quantityList-title .quantity-content.price { font-size: 12px; text-align: center; font-weight: bold; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .quantityDropDown .quantityList-title .quantity-content.price-difference { font-size: 12px; text-align: center; font-weight: bold; } .quantityDropDown ul.quantityList .quantity-content.icon { font-size: 13px; font-weight: 700; line-height: 34px; } .quantityDropDown ul.quantityList .quantity-content.price { font-size: 13px; font-weight: 300; line-height: 34px; } .quantityDropDown ul.quantityList .quantity-content.price-difference { font-size: 13px; font-weight: 300; line-height: 34px; } .quantityDropDown ul.quantityList .quantity-content.price-difference span { color: #72c02c; font-weight: 600; } .quantityDropDown.dropDownOpened .inputQuantity { border-top: 1px solid #e5e5e5; background: #f3f3f3; border-bottom: 1px solid #e5e5e5; } .quantityDropDown.dropDownOpened .inputQuantity .quantityButton { background: #4eb400; box-shadow: 0 3px 0 #448a0f; border-radius: 4px; color: white; line-height: 33px; font-weight: 600; margin-top: 4px; } .quantityDropDown.dropDownOpened .inputQuantity .quantityButton:hover { background: #3c933c; } .quantityDropDown.dropDownOpened .footer { } #sizeMeasures span { border: 1px solid #b2c7db; background: #f3f3f3; border-radius: 4px 0 0 4px; line-height: 39px; } #sizeMeasures div.stock p { text-align: right; } #sizeMeasures input { border-radius: 0 4px 4px 0; border: 1px solid #b2c7db; } #sizeMeasures label { border-bottom: 1px solid #e5e5e5; } .quantity { font-size: 13px; font-weight: 300; color: #555; line-height: 38px; } .outOfStocks i, .sampleWarning i, .sampleNotAllowed i { font-size: 20px; line-height: 20px; } .outOfStocks p, .sampleWarning p, .sampleNotAllowed p { color: #8a6d3b!important; } .outOfStocks strong, .sampleWarning strong, .sampleNotAllowed strong { color: #8a6d3b!important; } /* Information/support box */ .companyInfo { width: 817px; font-size: 13px; color: #444; } .companyInfo p { margin: 0; font-size: 14px; line-height: 25px; } .companyInfo h3 { font-weight: 600!important; color: #333!important; font-size: 16px!important; line-height: 25px; } .companyInfo ul { margin-top: 7px; margin-bottom: 10px; width: 100%; } .companyInfo ul li { font-size: 14px; line-height: 31px; color: #444; margin-left: -40px; } .companyInfo a:link, .companyInfo a:visited { color: #444; font-weight: 300; } .companyInfo #contactPhoto { padding: 18px 20px 16px 20px; border-bottom: 1px solid #eeeeee; background-color:#eeeeee; background-repeat: no-repeat; background-position: 0; } .companyInfo i { font-size: 15px; } .companyInfo ul.contactList { padding: 15px 20px; margin: 0} .companyInfo ul.contactList li { margin-left: -10px; font-size: 14px; line-height: 29px; } .companyInfo ul.contactList li i { color: #333; } .companyInfo ul.contactList li span { width: 30px; margin-right: 2px; float: left; text-align: center; color: #e4013a; } .customerBlocks:nth-of-type(1) { margin-top: 20px; float: left; width: 237px; border: 1px solid #eeeeee; border-radius: 4px; } .customerBlocks:nth-of-type(2) { float: left; width: 520px; border-bottom: 1px solid #eeeeee; margin: 20px 30px 0 30px; } .customerBlocks:nth-of-type(2) .fa.fa-info-circle { font-size: 15px; margin-left: 4px; color: #333; } .customerBlocks:nth-of-type(2) strong { color: #333!important; } .customerBlocks:nth-of-type(2) i { margin: 0 3px 0 0; font-size: 15px; } .customerBlocks:nth-of-type(3) { margin-top: 20px; float: left; width: 186px; border: 1px solid #eeeeee; background: #fff; border-radius: 4px; padding:19px 0 18px 0; } .customerBlocks:nth-of-type(3) #link_div { margin-bottom:20px; margin-top:20px; font-size:13px; line-height:17px; } .customerBlocks:nth-of-type(3) #avgrating .innertxt1 { font-size:100%; } .customerBlocks:nth-of-type(3) #link_div A { font-size:100%; } .customerBlocks:nth-of-type(3) #rating_div { height:30px; } .customerBlocks:nth-of-type(3) .websiteRating a:link, .customerBlocks:nth-of-type(3) .websiteRating a:visited { color: inherit; padding: 0!important; margin: 0; float: left!important; } .customerBlocks:nth-of-type(3) .websiteRating .ratingText { width: 186px; font-size: 14px; font-weight: 300; float: left; color: #444; position: absolute; color: #444; line-height: 25px; margin-top: 38px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 15px; } .customerBlocks:nth-of-type(3) .websiteRating .ratingOverlay{ width:89px; overflow: hidden; float: left; margin-left: 15px; margin-top: 3px; } .customerBlocks:nth-of-type(3) a { padding: 0} /* CHECKOUT PAGE */ .strongSubtitle { color: #444; font-weight: 700; font-size: 20px; margin-top: 0px; float: left; margin-bottom: 5px } .strongSunextStepbtitle { color: #444; font-weight: 700; font-size: 20px; margin-top: 0px; float: left; margin-bottom: 5px } .capText:first-letter { text-transform: capitalize } /* MULTIPAGE CHECKOUT - STEP 4*/ .artworkLightwindow .artworkInfoBlock p { font-size: 21px; font-weight: 700; line-height: 25px; color: #555; } .artworkLightwindow .artworkInfoBlock a:link, .artworkLightwindow .artworkInfoBlock a:visited { font-size: 14px; font-weight: 300; color: #333; } /** CART STEPS **/ .steps .step p { color: #333; font-weight: 300; font-size: 13px; line-height: 24px; } .steps .step.active:first-child { line-height: 11px; } .steps .step.done:first-child { line-height: 11px; } .steps .step strong { font-weight: 600; } .steps .step.done i { line-height: 24px; font-size: 21px; } .steps .step.done p { color: #fff} .steps .step.done a:hover { color: #fff} .steps .step.done strong { color: #fff} .steps .step.active { color: #fff; background: #222} .steps .step.active p { color: #fff; } .steps .step.active strong { color: #fff; } .steps .step.artwork p { color: #fff; } .steps .step.artwork.done p { color: #fff; } .steps .step.artwork.done strong { color: #fff; } .steps .step.artwork strong { color: #fff; } .steps .step.artwork.active { color: #fff; } .steps .step.artwork.active strong { color: #fff; } .steps .step.artwork.active span { color: #fff; } .steps .step.artwork .fa.fa-info-circle { color: #fff; font-size: 21px; } .steps .step.active .arrowRightBg { border-color: transparent transparent transparent #222; } /* CHECKOUT HEADER */ .headerClean p { line-height: 21px; color: #333; font-size: 15px; } .headerClean .ratingText { line-height: 25px; color: #333; font-size: 15px; } .headerClean .headerLogo { max-height: 135px; } .headerClean .headerLogo img { height: 100px; } /* CHECKOUT STEP 1 */ .cartBlocks.left { display: none; } .cartBlocks.right { width: 49%; margin: 0; float: right; padding: 10px 20px; } .cartBlocks.middle { width: 49%; margin: 0; float: left; padding: 10px 20px; min-height: 112px; } .cartContent h3 { font-size: 18px; margin-bottom: 10px; } .cartContent h3 a { color: #222!important; } .productInformation { font-size: 13px; } .cartItem p { font-size: 13px; line-height: 25px; } /* CHECKOUT STEP 2 */ .userInputOrder label small { color: #555; font-weight: 300; font-size: 13px; line-height: 25px; } .userPopup { color: #e4013a; } .userInputOrder select, .userInputOrder textarea, .userInputOrder input[type="number"], .userInputOrder input[type="text"] { border: 1px solid #e4013a; } .cartBottom a:link, .cartBottom a:visited { color: #333; } .backUrl { line-height: 45px; } /* CHECKOUT STEP 3 */ .multiPageC-step3 .disclaimer p { color: #555; } /** CUSTOMER SERVICE **/ .faqtitle { font-weight: bold; } .serviceBlock ul li { color: #333; font-size: 14px; line-height: 30px; font-weight: 400; } /** FOOTER **/ .footer { padding-top:40px; padding-bottom: 40px; margin-top: 40px; background: #e4013a; color: #fff; } .footer p { color: #fff; font-size: 14px; font-weight: 400; line-height: 30px; } .footer li { list-style: none; font-weight: 400; line-height: 30px; font-size: 14px; } .footer a:link, .footer a:visited { color: #fff; text-decoration: underline; } #bottom-section { background: #fff; padding: 40px 0; text-align: center; font-weight: lighter; } #bottom-section a { color: #e4013a; } #bottom-section .payment { border-bottom:1px solid #e5e5e5; padding-bottom: 30px; margin-bottom: 30px; } #bottom-section .payment span { margin-bottom: 20px; font-size: 13px; float: left; width: 100%; } .multiPageC-step3 .footer, .multiPageC-step2 .footer { background: white;} .multiPageC-step4 .footer { display: none; } .webMentions { font-size: 13px; float: left; width: 100%; display: block; margin-bottom: 10px; margin-top: -5px; } .webMentions a:link, .webMentions a:visited { color: #333!important; } /** FLUID BACKGROUNDS **/ .redbg-fluid { background:#e4013a; padding: 0 0 0; margin-bottom: 20px; } .orangebg-fluid { background:#f9b233; padding: 17px 0 16px 0; margin-top: 20px; } /** HOMEPAGE **/ h1.homepage { text-align: center; margin: 80px 0 40px 0 ; font-weight: 600; } h1.homepage span { font-weight: 300; } h2.homepage { text-align: center; margin: 20px 0 55px 0; font-weight: 600; font-size: 35px; line-height: 40px; } h2.homepage span { font-weight: 300; } .introContent { margin-top: 25px; } .contentBlock { border: 1px solid #e6e6e6; padding: 0 20px 20px 20px; /* background: #f6f6f6; */ font-size: 14px; } .contentBlock ul { margin-left: 0; padding-left: 0} .contentBlock ul li { list-style: none; float: left; margin-right: 25px; color: #e4013a; font-size: 14px; } .homepageBanners { } .homepageBanners .bannerBox { border: 1px solid #e2e2e2; border-radius: 5px; padding: 0; margin-bottom: 20px; overflow: hidden; } .homepageBanners .bannerBox a { color: #333; font-weight: 700; } .homepageBanners .bannerBox a:hover { color: white; transition: 0.2s; margin-left: -15px; background: red; } .homepageBanners .bannerBox a:hover > .bannerTitle { text-shadow: 2px 2px 5px red; } .homepageBanners .bannerTitle span { font-weight: 500; font-size: 13px; line-height: 13px; } .homepageBanners .bannerTitle i { line-height: 33px; color: white; } .homepageBanners .bannerTitle { font-size: 18px; position: absolute; bottom: 32px; right: 30px; font-weight: 700; background: #e4013a; width: 33px; height: 33px; border-radius: 33px; text-align: center; } .homepageBanners .bannerBox.large .bannerTitle { bottom: 19px; top: auto} .homepageBanners .bannerBox.large .bannerTitle { font-size: 19px; } .productList { border: 1px solid #e2e2e2; border-radius: 5px; } .productListHeader { border-bottom: 0px solid #e2e2e2; background: #f3f3f3; padding: 15px; } .productListHeader h4 { font-size: 15px; font-weight: bold; padding: 0; margin: 0; text-transform: uppercase; } .productList legend { font-size: 13px; text-align: center; width: auto; margin: 0 0 0 15px; background: white; border: 0; padding: 0 5px; font-weight: 600; } .productList .viewList { border-top: 1px solid #e5e5e5; padding-top: 11px; padding-bottom: 3px; } .productList .viewList .productTitle { font-size: 13px; font-weight: 600; color: #4eb400; border-left: 1px solid #e5e5e5; line-height: 20px; padding-left: 30px; } .productList .viewList .productTitle a:link, .productList .viewList .productTitle a:visited { color: #333; width: 100%; float: left; margin-top: 2px; font-weight: 700; font-size: 14px; } .productList .viewList .productTitle span { font-weight: 400; font-size: 11px; } .productList .popImage { max-height: 51px;} .productList .priceDisclaimer { color: #333; width: 100%; float: left; padding: 13px 20px; border-top: 1px solid #e5e5e5; font-size: 11px; } .serviceHomepage .serviceDiv { background: #f3f3f3; padding: 30px 8px; border-radius: 5px;} .serviceHomepage .serviceDiv p { padding: 15px 15px 15px 15px;} .serviceHomepage .serviceDiv h3 { font-size: 18px; } .serviceHomepage .serviceDiv i { margin-bottom: 0; margin-top: 10px; } .serviceHomepage .serviceDiv .bar { width: 55px; height: 2px; background: #e4013a; margin: 20px auto 1px auto; } .serviceHomepage { text-align: center; margin-bottom: 50px;} .serviceHomepage .serviceDiv.middle { border-bottom: 2px solid #e5e5e5} .serviceHomepage a { color: #333} .tabsContainer { /* display: block; */ display: none; margin: -55px auto 40px auto; } .tabsContainer .nav-tabs>li>a { border: 1px solid #e5e5e5; border-radius: 5px; font-size: 13px; color: #333 } .tabsContainer .nav-tabs > li, .tabsContainer .nav-pills > li { float:none; display:inline-block; } .tabsContainer .nav-tabs>li.active>a, .tabsContainer .nav-tabs>li.active>a:hover, .tabsContainer .nav-tabs>li.active>a:focus { background: #e4013a; color: white;} .tabsContainer .nav-tabs { text-align:center; border: 0; } .tabsProducts .homepageProduct { height: auto} .tabsProducts p { margin-top: 15px;} .tabsProducts .btn { margin-top: 10px; } .tabsProducts .product-box-image { margin: auto; display: block; } .tabsProducts img { max-width: 100%; } .tabsProducts .fade.in { padding-bottom: 0} #designstudio { float: left; margin-bottom: 90px; } #designstudio p { margin-bottom: 60px;} #designstudio img { margin-top: 25px; width: 85%; } #aboutus { float: left; } #aboutusBottom .innerBox { background: white; border: 1px solid #f79c24; float: left; margin-bottom: 30px; padding: 15px; width: 100%; } #aboutusBottom { border-top: 1px solid #f79c24; border-bottom: 1px solid #f79c24; background: #f9b233; float: left; width: 100%; margin: 40px 0 40px 0; padding: 100px 0 90px 0; text-align: center; } #aboutusBottom i { margin: 10px 0; } #aboutusBottom img { width: 100%; padding-bottom:5px; border-bottom: 5px solid #e4013a; margin-bottom: 15px; } .circle { width:70px; height:70px; border-radius:50px; font-size:17px; color:#fff; line-height:8px; text-align:center; background:#e4013a; position: absolute; font-weight: 600; margin:4px 10px 10px 4px; } .circle p { font-size: 11px; line-height:20px; margin-bottom: 0; font-weight: lighter; color:#fff; text-align: center; margin-top: 12px; } .circle p strong { font-size: 16px; color: #fff; letter-spacing: -0.03em; font-weight: 700; } .circle p span { font-size: 11px!important; } /** PROFIEL PAGE **/ .section.content.profilePage select { font-weight: 300; border-color: #e4013a;} .section.content.profilePage input[type="text"] { font-weight: 300; border-color: #e4013a;} .section.content.profilePage input[type="password"] { font-weight: 300; border-color: #e4013a; } .section.content.profilePage .errorInput input { color: #a94442 } .section.content.profilePage .succesInput input { color: #155724 } .section.content.profilePage ul.pagination li { color: #333; } .section.content.profilePage .txtStatusWarning { color: orange; } .section.content.profilePage .txtStatusSucces { color: #4eb400; font-weight: 500; } .section.content.profilePage .txtStatusCancelled { color: #f10000; font-weight: 500; } .section.content.profilePage .sidebar { font-size: 14px; line-height: 29px; } .section.content.profilePage .sidebar a { color: #333} .section.content.profilePage .sidebar ul li { list-style: none; margin-left: -40px; } .section.content.profilePage .sidebar .boldTitle { font-weight: 700; color: #e4013a; } .section.content.profilePage .content h3 span { font-weight: 500; } .section.content.profilePage .content label { font-weight: 300; } .section.content.profilePage .content ul li { font-size: 14px; line-height: 29px; list-style: none; } .completeFormCon label { line-height: 29px; font-size: 14px; } .completeFormCon .radio-inline { line-height: 20px; } .orderCounts p { color: #333;} .financeInfo h4 { font-weight: 600; color: #a94442; line-height: 45px; } .financeInfo p { color: #a94442;} .financeInfo.allPaid h4 { font-weight: 600; color: #3c763d; line-height: 45px; } .financeInfo.allPaid p { color: #3c763d;} .financeInfo .btn-small { color: white; } .section.content.profilePage .descWidth { width: 390px; } .inquiryProof { color: #9a9453; } .inquiryProof p { color: #9a9453;} .inquiryProof ul li { color: #9a9453; } .inquiryProof h4 { font-weight: 600; color: #9a9453; line-height: 45px; } .inquiryProof .disclaimer { font-size: 13px; font-weight: 400; line-height: 15px; } .inquiryProof .btn.btn-small { font-size: 11px; color: white; } .inquiryProof .proofListItem a { color: #9a9453; font-weight: 700} .inquiryProof .proofListItem .ProofRejected { color:red; } .inquiryProof .proofListItem .ProofAccepted { color:green; text-align: right; } .grayBox .badge { font-size: 11px; font-weight: 400; } .grayBoxTitle { font-weight: 500; } .grayBox .adressOptions { float: right; color: #333; } .grayBox .adressOptions a { color: #333; } .orderStatusItem ul li { line-height: 25px!important; } .orderStatusItem a, .orderStatusItem a:link, .orderStatusItem a:visited { color: #333; } .listPrintList .panel-title a { font-weight: 300!important; color: #333; font-size: 14px; line-height: 29px; } /* Profile timeline */ .timeline { position: relative; padding: 10px 0px 10px; margin-top: 5px; margin-bottom: 10px; } .timeline .line { position: absolute; width: 2px;display: block; background: currentColor; top: 0px; bottom: 0px; margin-left: 15px; color: #e8e8e8; } .timeline .separator { border-top: 1px solid currentColor; padding: 5px; padding-left: 40px; font-style: italic; font-size: .9em; margin-left: 30px; } .timeline .line::before, .timeline .line::after { content: ''; position: absolute; left: -4px; width: 10px; height: 10px; display: block; border-radius: 50%; background: currentColor; } .timeline .panel { position: relative; margin: 8px 0 9px 56px; clear: both; } .timeline .panel::before { position: absolute; display: block; top: 8px; left: -24px; content: ''; width: 0px; height: 0px; border: inherit; border-width: 12px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .timeline .panel .panel-heading.icon * { font-size: 17px; vertical-align: middle; line-height: 36px; color: white; } .timeline .panel .panel-heading.icon { position: absolute; left: -59px; display: block; width: 35px; height: 35px; padding: 0px; border-radius: 50%; text-align: center; float: left; background: #014587; border: 0 } .timeline .panel-outline { border-color: transparent; background: transparent; box-shadow: none; } .timeline .panel-outline .panel-body { padding: 5px 0px 5px 0px; } .timeline .panel-outline .panel-heading:not(.icon), .timeline .panel-outline .panel-footer { display: none; } .panel.panel-danger.panel-outline.activeStatus p { font-weight: 900; color: #014587; } .panel.panel-danger.panel-outline.activeStatus .panel-heading.icon { background-color: #014587; } .panel.panel-danger.panel-outline.activeStatus .panel-heading.icon * { color: #fff; } .panel.panel-danger.panel-outline.completedStatus .panel-heading.icon { background-color: green; } .panel.panel-danger.panel-outline.completedStatus .panel-heading.icon * { color: #fff; } .panel.panel-danger.panel-outline.upcomingStatus .panel-heading.icon { background-color: #e5e5e5; } .panel.panel-danger.panel-outline.upcomingStatus .panel-heading.icon * { color: #014587; } /* Profile paging */ .section.content.profilePage .pagination>li>a:hover, .pagination>li>span:hover, .section.content.profilePage .pagination>li>a:focus, .pagination>li>span:focus { color: #333;} .section.content.profilePage .pagination>li>a, .pagination>li>span { color: #333; font-weight: 300!important; } .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { background: #f3f3f3} .section.content.profilePage ul.pagination li a { text-decoration: none!important; } /** CUSTOM CONTENT **/ .site-promotie h1, .site-custommade h1 { text-align: left; margin-bottom: 35px; } .site-promotie h2, .site-custommade h2 { text-align: left; } .customBlock i { text-align: center; float: right; font-size: 11px; margin-top: 15px; } .customBlock img { float: right; margin-top: 85px; max-width: 100%; } .site-custommade .inputfield input, .site-custommade .inputfield textArea, .site-promotie .inputfield input, .site-promotie .inputfield textArea { border: 1px solid red; border-radius: 4px; } /** MED- RES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { .productList .viewList { padding-left: 0; } .productList .viewList .col-md-4 { padding: 0} .productList .viewList .productTitle { border-left: 0; } .productList .viewList .productTitle a:link, .productList .viewList .productTitle a:visited { margin-top: 0; } .headerMaxHeight { max-height: 50px; overflow: hidden; } } /** LOWRES VIEW **/ @media (min-width: 768px) and (max-width: 991px) { /* Header */ img.header-logo { width: 235px; top: 25px; } .uspPoints { max-width: 585px; overflow: hidden; float: right; height: 28px; } .quicksearch .navbar-form.navbar-right { margin-right: -40px; } .quicksearch .form-control.ui-autocomplete-input { width: 220px; } .headerMaxHeight { max-height: 50px; overflow: hidden; } /* Homepage */ .productList .viewList { width: 20%; padding: 0; border-top: 0; } .productList { border: 0; } .productListHeader { padding: 0; border: 0; background: none; } .productListHeader h4 { padding: 15px 0px 6px 0px; } .productList .viewList .productTitle { border: 0; padding-left: 15px; padding-right: 25px; } .productList .popImage { max-height: 90px; margin-left: -15px; } .productList .priceDisclaimer { background: none; text-align: center; margin-top: 15px; } .serviceHomepage p { padding: 0 12px;} #aboutusBottom { margin: 120px 0 80px 0; } .productList .viewList .productTitle a:link, .productList .viewList .productTitle a:visited { margin-bottom: 5px; } } /** MOBILE VIEW **/ @media (max-width: 767px) { /* HEADER */ .uspPoints { display: none; } .contactInfo { display: none; } .quicksearch { display: none; } .logo { display: none; } .orangebg-fluid { display: none; } .searchbarTop { float: right; position: fixed; top: 7px; right: 15px; display: block } .searchbarTop .headerForm .input-group { width: 135px;} .searchbarTop .btn.btn-cart { padding: 8px 28px 8px 10px; } .searchbarTop .headerForm .input-group-btn .btn { padding: 6px 13px; margin-top: -1px; background: white; color: #555!important; border-left: 1px solid #ccc!important; } .searchbarTop .headerForm .input-group-btn .btn:hover { background: #f3f3f3!important; } .searchbarTop .btn.btn-cart.dropdown-toggle.btn-primary { padding: 0 3rem 0 1rem; line-height: 36px;} .searchbarTop .btn.btn-cart.dropdown-toggle.btn-default { background: #4eb400; padding: 0 1.5rem; line-height: 36px; } .searchbarTop .headerForm .form-control { height: 36px; border-radius: 3px 0 0 3px!important; } .searchbarTop .fa.fa-shopping-cart { margin-right: 5px; } .navbar-collapse.MobileMenuView.collapse.in { display: block!important; padding: 0 } .navbar-collapse.MobileMenuView.collapse.in ul { display: block!important; margin: 0; } .navbar-collapse.MobileMenuView.collapse.in ul li { display: block!important; margin: 0; } .navbar-collapse.MobileMenuView.collapse.in ul li a { display: block!important;padding: 0 15px; line-height: 40px; } .navbar-header { padding: 0 15px; } .navbar.navbar-default.navbar-fixed-top { display: block!important; } .navbar-default { margin: 0; background: #e4013a; } li[data-big-menu="assortiment"] { position: relative; right: 0; } li[data-big-menu="assortiment"] i { display: none; } .navbar-default .navbar-nav > li > a { padding:16px 20px; } .navbar-default .navbar-nav > li { width: 100%; border-right: 0; margin-left: 15px; } .MobileMenuView .navbar-nav > li:first-of-type { margin-left: 15px; width: 100%; } li[data-big-menu="assortiment"] { width: 100%!important; background: none; border-radius: 0px!important; } .headerLogo { display: none;} .inputGroup { margin: 10px 0; } .mobileIcons { display: block; float: left; color: #ffffff; margin-top: 10px; margin-left: 15px; margin-top: 10px; padding-right: 15px; border-right: 1px solid #656565 } .btn-group.head { float: left; width: 100%; } .sidebar-nav { display: none; } #subtop-nav { display: none} .menuBg.subnavbar-fixed-top-second { display: none!important; } .collapse.navbar-collapse.MobileMenuView { margin: 0 -30px; border-radius: 0; } /* HEADER - Fixed */ .menuBg.navbar.navbar-default.subnavbar-fixed-top-second .headerForm .input-group { width: 200px; } .navfixed span { font-size: 11px; margin-right: 15px!important; } .navbar.navbar-default.navbar-fixed-top { display: none; } .sidebar-nav .navbar-nav > li > a { padding: 11px 0 11px 0!important; } }