/* Copyright FUZE Framework - Ebbers Media BV | Fuze - CSS */ html { margin:0; padding:0; border:0; } body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } * { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;} /* This helps to make newer HTML5 elements behave like DIVs in older browers */ article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section, main { display:block; } button { -webkit-appearance:none;} /* Line-height should always be unitless! */ body { line-height: 130%; /*1.5*/ background: white; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } /* float:none prevents the span-x classes from breaking table-cell display */ caption, th, td { text-align: left; font-weight: normal; float:none !important; } table, th, td { vertical-align: middle; } input, button,select { border:none;border-radius:0px;} textarea { resize:vertical;} /* DELETE Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ''; } blockquote, q { quotes: ""; } /* Remove annoying border on linked images. */ a img { border: none; } img { display:block;} /* Remember to define your own focus styles! */ :focus { outline: 0; } @media handheld, screen and (max-width: 768px) { input[type=text], input[type=tel], input[type=number], input[type=password], input[type=email], textarea { font-size:16px !important;} }@charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}}/* Send to friend popup */ body.fuze-ajax-render_form{background:#fff;} /* Loading */ #wpdc-loading { position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 9999;display: none;} #wpdc-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;} /* Error handling */ .footer_errors{background: transparent!important;} .error_message{border:1px solid #e9bdbd;background: #fcd9d9;color: #ff0000;text-align:center;padding:5px 20px;} .error_message p{margin-bottom:0px;} .success_message{border:1px solid #c4e9bd;background: #dffcd9;color: #429b57;text-align:center;padding:5px 20px;} /* Fuze Debug screen */ #fuze-debug{text-align:left;padding:20px;background:#333;} #fuze-debug, #fuze-debug h1, #fuze-debug h2, #fuze-debug h3, #fuze-debug h4, #fuze-debug h5, #fuze-debug h6, #fuze-debug p{font-family:Arial;} #fuze-debug h3, #fuze-debug-page h3{padding:10px;display:block;color:#fff;background:#b90000;margin-bottom:10px;} #fuze-debug-page{background:#fff;margin-right:340px;height:100%;padding:10px;height:400px;overflow-y:scroll;} #fuze-debug-page h3{background:#b1b1b1;} #fuze-debug-page-details > div.fl{margin-right:10px;padding:10px;border:1px solid #000;} #fuze-debug-page-details th{font-size:16px;margin-bottom:10px;display:block;} #fuze-errors{color:#000;width:300px;padding:10px;background:#fff;height:400px;overflow-y:scroll;} #fuze-errors li{padding:5px 0;border-bottom:1px solid #ddd;} #fuze-errors li.priority-high{background: #ffeded;color: #ff0000;border-color:#e9bdbd;} #fuze-errors-label{background:#fff url(_core/css/images/fuze-errors-label.png) no-repeat 10px 8px;border:1px solid #e9bdbd;border-top:0; color:#000;display:block;padding:5px 10px 5px 35px;} /* Overlay */ ._overlay{ background: #000; position:fixed;height:100%;width: 100%; cursor:pointer;z-index:990;} /* Google maps fix */ .googlemap_wrapper img{ background-color: transparent !important;}/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */ /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* Offset direction */ html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { position: absolute; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left: auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3FB8AF; } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%, 0); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; }/*! * Font Awesome Pro 5.0.6 by @fontawesome - http://fontawesome.com * License - http://fontawesome.com/license (Commercial License) */ .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-alarm-clock:before { content: "\f34e"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-alt-down:before { content: "\f354"; } .fa-arrow-alt-from-bottom:before { content: "\f346"; } .fa-arrow-alt-from-left:before { content: "\f347"; } .fa-arrow-alt-from-right:before { content: "\f348"; } .fa-arrow-alt-from-top:before { content: "\f349"; } .fa-arrow-alt-left:before { content: "\f355"; } .fa-arrow-alt-right:before { content: "\f356"; } .fa-arrow-alt-square-down:before { content: "\f350"; } .fa-arrow-alt-square-left:before { content: "\f351"; } .fa-arrow-alt-square-right:before { content: "\f352"; } .fa-arrow-alt-square-up:before { content: "\f353"; } .fa-arrow-alt-to-bottom:before { content: "\f34a"; } .fa-arrow-alt-to-left:before { content: "\f34b"; } .fa-arrow-alt-to-right:before { content: "\f34c"; } .fa-arrow-alt-to-top:before { content: "\f34d"; } .fa-arrow-alt-up:before { content: "\f357"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-from-bottom:before { content: "\f342"; } .fa-arrow-from-left:before { content: "\f343"; } .fa-arrow-from-right:before { content: "\f344"; } .fa-arrow-from-top:before { content: "\f345"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-square-down:before { content: "\f339"; } .fa-arrow-square-left:before { content: "\f33a"; } .fa-arrow-square-right:before { content: "\f33b"; } .fa-arrow-square-up:before { content: "\f33c"; } .fa-arrow-to-bottom:before { content: "\f33d"; } .fa-arrow-to-left:before { content: "\f33e"; } .fa-arrow-to-right:before { content: "\f340"; } .fa-arrow-to-top:before { content: "\f341"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows:before { content: "\f047"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-arrows-h:before { content: "\f07e"; } .fa-arrows-v:before { content: "\f07d"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-aws:before { content: "\f375"; } .fa-backward:before { content: "\f04a"; } .fa-badge:before { content: "\f335"; } .fa-badge-check:before { content: "\f336"; } .fa-balance-scale:before { content: "\f24e"; } .fa-ban:before { content: "\f05e"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball:before { content: "\f432"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-basketball-hoop:before { content: "\f435"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-bolt:before { content: "\f376"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-slash:before { content: "\f377"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bicycle:before { content: "\f206"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blind:before { content: "\f29d"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-bowling-ball:before { content: "\f436"; } .fa-bowling-pins:before { content: "\f437"; } .fa-boxing-glove:before { content: "\f438"; } .fa-braille:before { content: "\f2a1"; } .fa-briefcase:before { content: "\f0b1"; } .fa-browser:before { content: "\f37e"; } .fa-btc:before { content: "\f15a"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-edit:before { content: "\f333"; } .fa-calendar-exclamation:before { content: "\f334"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-camera:before { content: "\f030"; } .fa-camera-alt:before { content: "\f332"; } .fa-camera-retro:before { content: "\f083"; } .fa-car:before { content: "\f1b9"; } .fa-caret-circle-down:before { content: "\f32d"; } .fa-caret-circle-left:before { content: "\f32e"; } .fa-caret-circle-right:before { content: "\f330"; } .fa-caret-circle-up:before { content: "\f331"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-certificate:before { content: "\f0a3"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-square:before { content: "\f14a"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-bishop-alt:before { content: "\f43b"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-clock:before { content: "\f43d"; } .fa-chess-clock-alt:before { content: "\f43e"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-king-alt:before { content: "\f440"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-knight-alt:before { content: "\f442"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-pawn-alt:before { content: "\f444"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-queen-alt:before { content: "\f446"; } .fa-chess-rook:before { content: "\f447"; } .fa-chess-rook-alt:before { content: "\f448"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-double-down:before { content: "\f322"; } .fa-chevron-double-left:before { content: "\f323"; } .fa-chevron-double-right:before { content: "\f324"; } .fa-chevron-double-up:before { content: "\f325"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-square-down:before { content: "\f329"; } .fa-chevron-square-left:before { content: "\f32a"; } .fa-chevron-square-right:before { content: "\f32b"; } .fa-chevron-square-up:before { content: "\f32c"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-clipboard:before { content: "\f328"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-club:before { content: "\f327"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-code-commit:before { content: "\f386"; } .fa-code-merge:before { content: "\f387"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comments:before { content: "\f086"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-wide:before { content: "\f326"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-credit-card:before { content: "\f09d"; } .fa-credit-card-blank:before { content: "\f389"; } .fa-credit-card-front:before { content: "\f38a"; } .fa-cricket:before { content: "\f449"; } .fa-crop:before { content: "\f125"; } .fa-crosshairs:before { content: "\f05b"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-curling:before { content: "\f44a"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-desktop-alt:before { content: "\f390"; } .fa-deviantart:before { content: "\f1bd"; } .fa-diamond:before { content: "\f219"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dot-circle:before { content: "\f192"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-h-alt:before { content: "\f39b"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ellipsis-v-alt:before { content: "\f39c"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-exchange:before { content: "\f0ec"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-square:before { content: "\f321"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows:before { content: "\f31d"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expand-wide:before { content: "\f320"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link:before { content: "\f08e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square:before { content: "\f14c"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-female:before { content: "\f182"; } .fa-field-hockey:before { content: "\f44c"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-check:before { content: "\f316"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-edit:before { content: "\f31c"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-exclamation:before { content: "\f31a"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-minus:before { content: "\f318"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-plus:before { content: "\f319"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-times:before { content: "\f317"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-film:before { content: "\f008"; } .fa-film-alt:before { content: "\f3a0"; } .fa-filter:before { content: "\f0b0"; } .fa-fire:before { content: "\f06d"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-first-order:before { content: "\f2b0"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-football-helmet:before { content: "\f44f"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frown:before { content: "\f119"; } .fa-futbol:before { content: "\f1e3"; } .fa-gamepad:before { content: "\f11b"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-gift:before { content: "\f06b"; } .fa-git:before { content: "\f1d3"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-martini:before { content: "\f000"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-golf-club:before { content: "\f451"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-h1:before { content: "\f313"; } .fa-h2:before { content: "\f314"; } .fa-h3:before { content: "\f315"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-handshake:before { content: "\f2b5"; } .fa-hashtag:before { content: "\f292"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-heart:before { content: "\f004"; } .fa-heartbeat:before { content: "\f21e"; } .fa-hexagon:before { content: "\f312"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-hockey-sticks:before { content: "\f454"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hospital:before { content: "\f0f8"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-houzz:before { content: "\f27c"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-inbox-in:before { content: "\f310"; } .fa-inbox-out:before { content: "\f311"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-industry-alt:before { content: "\f3b3"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-info-square:before { content: "\f30f"; } .fa-instagram:before { content: "\f16d"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-jack-o-lantern:before { content: "\f30e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-joget:before { content: "\f3b7"; } .fa-joomla:before { content: "\f1aa"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-key:before { content: "\f084"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-korvue:before { content: "\f42f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-level-down:before { content: "\f149"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up:before { content: "\f148"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-alt:before { content: "\f30d"; } .fa-lock-open:before { content: "\f3c1"; } .fa-lock-open-alt:before { content: "\f3c2"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luchador:before { content: "\f455"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-male:before { content: "\f183"; } .fa-map:before { content: "\f279"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-maxcdn:before { content: "\f136"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-meh:before { content: "\f11a"; } .fa-mercury:before { content: "\f223"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-hexagon:before { content: "\f307"; } .fa-minus-octagon:before { content: "\f308"; } .fa-minus-square:before { content: "\f146"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-mobile-android:before { content: "\f3ce"; } .fa-mobile-android-alt:before { content: "\f3cf"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-moon:before { content: "\f186"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nintendo-switch:before { content: "\f418"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octagon:before { content: "\f306"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-osi:before { content: "\f41a"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-palfed:before { content: "\f3d8"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-paragraph:before { content: "\f1dd"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil:before { content: "\f040"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pennant:before { content: "\f456"; } .fa-percent:before { content: "\f295"; } .fa-periscope:before { content: "\f3da"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phone:before { content: "\f095"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-plane:before { content: "\f072"; } .fa-plane-alt:before { content: "\f3de"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-hexagon:before { content: "\f300"; } .fa-plus-octagon:before { content: "\f301"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poo:before { content: "\f2fe"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-print:before { content: "\f02f"; } .fa-product-hunt:before { content: "\f288"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-question-square:before { content: "\f2fd"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-racquet:before { content: "\f45a"; } .fa-random:before { content: "\f074"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-rebel:before { content: "\f1d0"; } .fa-rectangle-landscape:before { content: "\f2fa"; } .fa-rectangle-portrait:before { content: "\f2fb"; } .fa-rectangle-wide:before { content: "\f2fc"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-rendact:before { content: "\f3e4"; } .fa-renren:before { content: "\f18b"; } .fa-repeat:before { content: "\f363"; } .fa-repeat-1:before { content: "\f365"; } .fa-repeat-1-alt:before { content: "\f366"; } .fa-repeat-alt:before { content: "\f364"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-resolving:before { content: "\f3e7"; } .fa-retweet:before { content: "\f079"; } .fa-retweet-alt:before { content: "\f361"; } .fa-road:before { content: "\f018"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-rupee-sign:before { content: "\f156"; } .fa-safari:before { content: "\f267"; } .fa-sass:before { content: "\f41e"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-scribd:before { content: "\f28a"; } .fa-scrubber:before { content: "\f2f8"; } .fa-search:before { content: "\f002"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-share:before { content: "\f064"; } .fa-share-all:before { content: "\f367"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield:before { content: "\f132"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-check:before { content: "\f2f7"; } .fa-ship:before { content: "\f21a"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttlecock:before { content: "\f45b"; } .fa-sign-in:before { content: "\f090"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out:before { content: "\f08b"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-sliders-h:before { content: "\f1de"; } .fa-sliders-h-square:before { content: "\f3f0"; } .fa-sliders-v:before { content: "\f3f1"; } .fa-sliders-v-square:before { content: "\f3f2"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowflake:before { content: "\f2dc"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-space-shuttle:before { content: "\f197"; } .fa-spade:before { content: "\f2f4"; } .fa-speakap:before { content: "\f3f3"; } .fa-spinner:before { content: "\f110"; } .fa-spinner-third:before { content: "\f3f4"; } .fa-spotify:before { content: "\f1bc"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-star:before { content: "\f005"; } .fa-star-exclamation:before { content: "\f2f3"; } .fa-star-half:before { content: "\f089"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-strava:before { content: "\f428"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablet-android:before { content: "\f3fb"; } .fa-tablet-android-alt:before { content: "\f3fc"; } .fa-tachometer:before { content: "\f0e4"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tennis-ball:before { content: "\f45e"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket:before { content: "\f145"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-times-hexagon:before { content: "\f2ee"; } .fa-times-octagon:before { content: "\f2f0"; } .fa-times-square:before { content: "\f2d3"; } .fa-tint:before { content: "\f043"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-trademark:before { content: "\f25c"; } .fa-train:before { content: "\f238"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-tree:before { content: "\f1bb"; } .fa-tree-alt:before { content: "\f400"; } .fa-trello:before { content: "\f181"; } .fa-triangle:before { content: "\f2ec"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-trophy-alt:before { content: "\f2eb"; } .fa-truck:before { content: "\f0d1"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-tv-retro:before { content: "\f401"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-uikit:before { content: "\f403"; } .fa-umbrella:before { content: "\f0e9"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-usb:before { content: "\f287"; } .fa-usd-circle:before { content: "\f2e8"; } .fa-usd-square:before { content: "\f2e9"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-fork:before { content: "\f2e3"; } .fa-utensil-knife:before { content: "\f2e4"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-utensils-alt:before { content: "\f2e6"; } .fa-vaadin:before { content: "\f408"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f2e2"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vuejs:before { content: "\f41f"; } .fa-watch:before { content: "\f2e1"; } .fa-weibo:before { content: "\f18a"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whistle:before { content: "\f460"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-window:before { content: "\f40e"; } .fa-window-alt:before { content: "\f40f"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wrench:before { content: "\f0ad"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; src: url("../fonts/fa-brands-400.eot"); src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; src: url("../fonts/fa-light-300.eot"); src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); } .fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; src: url("../fonts/fa-regular-400.eot"); src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Pro'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; src: url("../fonts/fa-solid-900.eot"); src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Pro'; font-weight: 900; }@font-face { font-family: 'OptimusPrinceps'; src: url('../fonts/OptimusPrinceps.eot'); src: url('../fonts/OptimusPrinceps.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimusPrinceps.woff2') format('woff2'), url('../fonts/OptimusPrinceps.woff') format('woff'), url('../fonts/OptimusPrinceps.ttf') format('truetype'), url('../fonts/OptimusPrinceps.svg#OptimusPrinceps') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'OptimusPrincepsSemiBold'; src: url('../fonts/OptimusPrincepsSemiBold.eot'); src: url('../fonts/OptimusPrincepsSemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/OptimusPrincepsSemiBold.woff2') format('woff2'), url('../fonts/OptimusPrincepsSemiBold.woff') format('woff'), url('../fonts/OptimusPrincepsSemiBold.ttf') format('truetype'), url('../fonts/OptimusPrincepsSemiBold.svg#OptimusPrincepsSemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Blacksword'; src: url('../fonts/Blacksword.eot'); src: url('../fonts/Blacksword.eot?#iefix') format('embedded-opentype'), url('../fonts/Blacksword.woff2') format('woff2'), url('../fonts/Blacksword.woff') format('woff'), url('../fonts/Blacksword.ttf') format('truetype'), url('../fonts/Blacksword.svg#Blacksword') format('svg'); font-weight: normal; font-style: normal; }/* Theme Name: Fuze framework Version: 2.7 Description: Designed by ebbers media. Author: ebbersmedia.nl Author URI: http://www.ebbersmedia.nl © FUZE Framework - Ebbers Media BV */ /* Html en Body ----------------------------------------------------------*/ html { overflow-x: hidden; } body { font-family: Arial, Helvetica, Sans-serif; min-height: 100%; line-height: 20px; font-size: 14px; background: #fff; overflow-x: hidden; } * { font-variant-ligatures: none; } .colfull { width: 1240px; position: relative; } .auto { margin: auto; } .fl { float: left; } .fr { float: right; } .clr { clear: both; } .table { display: table; } .row { display: table-row; } .cell { display: table-cell; } .divide { position: relative; } .divide.half { width: 50%; } .divide.third { width: 33.33%; } .divide.quarter { width: 25%; } .divide.threequarter { width: 75%; } .divide.twothird { width: 66.66%; } .divide.fifth { width: 20%; } .divide.twofifth { width: 40%; } .divide.threefifth { width: 60%; } .tr { -o-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } /* Tekst standaarden ----------------------------------------------------------*/ h1, h2, h3, h4 { font-family: 'OptimusPrinceps'; line-height: 1em; } h1, .h1 { font-size: 40px; line-height: 40px; color: #6b441d; } h2 { font-size: 24px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 20px; line-height: 28px; color: #7e5325; font-family: 'Roboto', sans-serif; } h6 { font-size: 12px; } abbr{ text-decoration: none; } ::selection { background: #baa45d; color: #fff } ::-moz-selection { background: #baa45d; color: #fff } .page-loop a:not(.button), .lost_password a{ color: #c39248; } .page-loop a:not(.button):hover, .lost_password a:hover{ text-decoration: none; } .page-loop ul li, .page-loop ol li{ font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 100; color: #333333; padding-left: 30px; } .page-loop ol li{ padding-left: 0px; } .page-loop ol{ margin-left: 20px; margin-bottom: 28px; } .page-loop ul{ margin-bottom: 28px; } .page-loop blockquote{ margin-bottom: 28px; padding: 15px 25px; border-left: 2px solid #c39248; background: rgba(195, 146, 72, 0.1); } /* Formulieren ----------------------------------------------------------*/ .button { display: inline-block; padding: 10px 20px; text-align: center; transition: all 0.1s ease; background: #c39248; color: white; font-size: 22px; text-decoration: none; font-family: 'OptimusPrinceps'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; } .button:hover { text-decoration: none; cursor: pointer; background: #f5f0e1; color: #7e5325; } input[type=text], input[type=email], input[type=tel], input[type=password], textarea { border: 1px solid #eee8d6; margin: 0px; padding: 12px 20px; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 100; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form-field input[type=text], .form-field input[type=email], .form-field input[type=tel], .form-field input[type=password], .form-field textarea{ width: 100%; margin-bottom: 10px; } .form-field label{ display: none; } .form-field .error{ border-color: #e81615; } .form-field .fuze-form-error label.error{ color: #e81615; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; font-weight: 100; margin-bottom: 10px; display: block; } .select2-container .select2-selection--single { height: 45px; border: 1px solid #eee8d6; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 20px; font-size: 16px; line-height: 45px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 43px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #c39248 transparent transparent transparent; } .select2-dropdown { border: 1px solid #eee8d6; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background: #c39248; } form .updated p, form .settings-error p { margin-bottom: 0 !important; } form .settings-error.error { background-color: #f7a3a3; } form .settings-error a { color: red !important; } form .noscript-warning { color: red; font-style: italic; margin-top: 10px; } /* Loader ----------------------------------------------------------*/ #squared-loader { height: 11px; width: 43px; margin: 10px auto; background-image: url(app/Styles/images/squares-loader.gif); } /* Header ----------------------------------------------------------*/ header.navigation_left { position: fixed; width: 325px; background: #000; height: 100vh; overflow: hidden; z-index: 10; } header.navigation_left .inner{ width: calc(100% + 20px); padding-bottom: 60px; height: 100%; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; } header.navigation_left .logo { padding: calc(100vh / 25) 40px; display: block; } header.navigation_left .logo img { max-width: 275px; width: 100%; margin: 0 auto; } header.navigation_left ul.main_nav {} header.navigation_left ul.main_nav>li { padding: calc(100vh / 80) 0px; } header.navigation_left ul.main_nav>li>a { display: block; text-align: center; color: #baa45d; font-family: 'OptimusPrinceps'; font-size: 26px; line-height: 26px; text-decoration: none; padding: 10px 25px; -o-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } header.navigation_left ul.main_nav>li>a:hover, header.navigation_left ul.main_nav>li.current_page_item a { color: #f5e787; } header.navigation_left .spacer { padding: calc(100vh / 25) 100px 0px 100px; display: block; } header.navigation_left .spacer img { max-width: 125px; width: 100%; margin: 0 auto; } header.navigation_left .language { padding-top: calc(100vh / 25); text-align: center; display: block; width: 100%; } header.navigation_left .language a { text-decoration: none; display: block; width: 160px; height: 23px; margin: 0 auto; margin-bottom: 15px; } header.navigation_left .language span.title { display: block; float: left; line-height: 22px; font-size: 18px; color: #baa45d; font-family: 'Roboto', sans-serif; } header.navigation_left .language span.flag{ background-size: 20px auto; background-position: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } header.navigation_left .language span.flag, header.navigation_left .language span.icon { display: block; float: left; background-size: cover; width: 22px; height: 22px; font-size: 22px; margin-right: 15px; } header.navigation_left .language span.icon{ color: #baa45d; } header.navigation_left .language span.flag_nl_NL { background-image: url(../images/flags/nl.png); } header.navigation_left .language span.flag_en_GB { background-image: url(../images/flags/en.png); } header.navigation_left .language a:hover span.title { color: #f5e787; } header.navigation_left .language.switch { padding-top: 0; margin-bottom: 30px; } header.navigation_left .language.switch a { display: inline-block; width: auto; text-align: center; margin-bottom: 0; } section.resnav_top { display: none; position: fixed; top: 20px; left: 30px; z-index: 20; } section.resnav_top .resnav_icon { display: block; background: #000; width: 75px; height: 75px; font-size: 26px; text-align: center; line-height: 75px; padding: 0px; position: relative; color: #f5e787; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.shoppingcart_top { position: fixed; top: 20px; right: 30px; z-index: 10; } section.shoppingcart_top .cart { background: #000; width: 75px; height: 75px; padding: 22px 22px 18px 18px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.shoppingcart_top .cart:hover { transform: scale(1.1); } section.shoppingcart_top .cart.notify { transform: scale(1.2); } section.shoppingcart_top .cart img { width: 35px; height: 35px; } section.shoppingcart_top .cart .label.count { position: absolute; background: #f5e787; line-height: 16px; height: 18px; text-align: center; min-width: 18px; padding: 2px 5px 0px 5px; font-family: 'OptimusPrinceps'; font-size: 16px; color: #6b441d; right: 14px; top: 16px; text-decoration: none; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } /* main content ----------------------------------------------------------*/ main.main_content { width: calc(100% - 325px); margin-left: 325px; position: relative; /* overflow-x: hidden; */ -o-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } main.main_content .page_header_image { position: absolute; height: 750px; width: 100%; overflow: hidden; background: #000000; } main.main_content .page_home_header .page_header_image::after{ content: ""; position: absolute; height: 100%; width: 100%; bottom: 0px; right: 0px; z-index: 1; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); } main.main_content .page_home_header video { position: absolute; top: calc(50% - 120px); left: 50%; min-width: 100%; min-height: 100%; width: auto; height: 100%; z-index: 1; transform: translateX(-50%) translateY(-50%); background-size: cover; transition: 1s opacity; } main.main_content .page_home_header .header_logo{ position: absolute; transform: translateX(-50%) translateY(-50%); top: calc(50% - 225px); left: 50%; width: 500px; z-index: 3; } main.main_content .page_home_header .header_logo img{ width: 100%; } main.main_content .page_header_product .page_header_image, main.main_content .page_home_header .page_header_image { height: 1000px; } main.main_content .page_header_product .page_header_awards { position: absolute; top: 1000px; width: 100%; } main.main_content .page_header_product .page_header_awards .quarter { padding: 60px 60px; } main.main_content .page_header_product .page_header_awards .quarter article img { margin: 0 auto; max-width: 100%; } main.main_content .shop_header .page_header_image { height: 650px; } main.main_content .page_header_image > img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* height: 100%; */ } main.main_content .page_header_image .page_header_product_image { position: absolute; bottom: 0px; right: 0px; } main.main_content .page_header_image .page_header_image_links { position: absolute; background: #000; bottom: 0px; right: 0px; padding: 15px 0px; z-index: 2; } main.main_content .page_header_image .page_header_product_links { background: #000; position: relative; display: block; padding: 15px 0px; } main.main_content .page_header_image .page_header_image_links .border, main.main_content .page_header_image .page_header_product_links .border { height: 4px; width: 100%; background: rgb(107, 69, 30); background: -moz-linear-gradient(left, rgba(107, 69, 30, 1) 0%, rgba(245, 232, 135, 1) 50%, rgba(107, 69, 30, 1) 100%); background: -webkit-linear-gradient(left, rgba(107, 69, 30, 1) 0%, rgba(245, 232, 135, 1) 50%, rgba(107, 69, 30, 1) 100%); background: linear-gradient(to right, rgba(107, 69, 30, 1) 0%, rgba(245, 232, 135, 1) 50%, rgba(107, 69, 30, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b451e', endColorstr='#6b451e', GradientType=1); } main.main_content .page_header_image .page_header_image_links ul li, main.main_content .page_header_image .page_header_product_links ul li { list-style: none; } main.main_content .page_header_image .page_header_image_links ul li a, main.main_content .page_header_image .page_header_product_links ul li a { display: block; padding: 20px 90px; text-align: left; text-decoration: none; color: white; font-size: 25px; font-family: 'OptimusPrinceps'; border-bottom: 1px solid #1a1a1a; } main.main_content .page_header_image .page_header_image_links ul li:last-child a main.main_content .page_header_image .page_header_product_links ul li:last-child a { border-bottom: 0px; } main.main_content .page_header_image .page_header_image_links ul li a:hover, main.main_content .page_header_image .page_header_product_links ul li a:hover { color: #baa45d; } main.main_content .page_header_image .page_header_product_image .product_image_container { background: url('../images/product-wood.jpg') bottom right no-repeat; height: 120px; position: relative; } main.main_content .page_header_image .page_header_product_image .product_image_container .glas { position: absolute; bottom: 50px; right: 200px; } main.main_content .page_header_image .page_header_product_image .product_image_container .glas img{ height: 410px; } main.main_content .page_header_image .page_header_product_image .product_image_container .beer { position: absolute; bottom: 5px; right: 75px; } main.main_content .page_header_image .page_header_product_image .product_image_container .beer img{ height: 550px; } main.main_content .page_header_content { margin-top: 450px; min-height: 400px; padding: 90px; background: #fff; position: relative; z-index: 1; -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1); } main.main_content .page_home_header .page_header_content { min-height: 500px; margin-top: 600px; } main.main_content .page_header_product .page_header_content { min-height: 600px; } main.main_content .shop_header .page_header_content { margin-top: 350px; padding: 90px 90px 60px 90px; } main.main_content .page_header_content h1, main.main_content .page_header_content .h1 { margin-bottom: 20px; } main.main_content .page_header_content h5 { width: 75%; margin-bottom: 20px; } main.main_content .page_header_content p, main.main_content .page_header_content address { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 100; color: #333333; margin-bottom: 28px; } main.main_content .page_header_content p:last-child, main.main_content .page_header_content address:last-child{ margin-bottom: 0px; } main.main_content .page_header_content .divide.half.left { padding-right: 45px; } main.main_content .page_header_content .divide.half.right { padding-left: 45px; } main.main_content .bier-uitgelicht { position: relative; } main.main_content .bier-uitgelicht-content { padding-top: 105px; position: relative; z-index: 1; } main.main_content .bier-uitgelicht-content .uitgelicht-text { font-size: 85px; line-height: 120px; text-align: center; font-family: 'Blacksword'; padding-bottom: 105px; /* float: right; */ /* margin-right: 33.33%; */ margin: 0 auto; width: 660px; text-shadow: 0 0 50px rgb(191, 133, 47) } main.main_content .bier-uitgelicht-content .flesje { position: absolute; left: calc((50% - 75px) + 330px); float: left; bottom: 30px; z-index: 2; pointer-events: none; } main.main_content .bier-uitgelicht-content .flesje img{ height: 460px; } main.main_content .bier-uitgelicht-content .show-button { position: absolute; left: calc((50% - 60px) + 410px); bottom: 330px; z-index: 1; } main.main_content .bier-uitgelicht-content .show-button a { display: block; background: #f6e988; text-align: center; line-height: 120px; width: 120px; height: 120px; font-family: 'OptimusPrinceps'; font-size: 22px; color: #6b441d; text-decoration: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } main.main_content .bier-uitgelicht-content .show-button a span { margin-left: 5px; } main.main_content .bier-uitgelicht-content .show-button a:hover { color: #fff; background: #000; } main.main_content .bier-uitgelicht-bottom { background: url('../images/product-bottom.jpg'); background-position: center; width: 100%; height: 120px; } main.main_content .bier-uitgelicht-bg { position: absolute; height: calc(100% + 400px); width: 100%; bottom: 0px; z-index: -1; overflow: hidden; } main.main_content .page_content { padding: 90px; } main.main_content .page_content .filters { margin-bottom: 10px; } main.main_content .page_content .filters .cat_filter input { display: none; } main.main_content .page_content .filters .cat_filter label.button { padding: 15px 25px; margin-right: 10px; background: #f5f0e1; color: #7e5325; } main.main_content .page_content .filters .cat_filter input:checked+label.button { background: #c39248; color: #fff; } main.main_content .page_content .filters .cat_filter label.button:hover { background: #e1d3a5; color: #fff; } main.main_content .page_content .filters .addr .adress_field{ width: calc(100% - 127px); line-height: 20px; padding: 14px 20px; float: left; } main.main_content .page_content .filters .addr button{ padding: 12px 20px; line-height: 26px; float: right; } main.main_content .page_content .filters .addr button i{ font-size: 18px; margin-right: 5px; } main.main_content .page_content .googlemaps { width: 100%; height: 700px; z-index: 1 !important; } .info-container{ padding: 10px; } .info-container .title h2{ color: #6b441d; font-size: 28px; margin-bottom: 10px; } .info-container .adress span{ display: block; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 100; color: #333333; } main.main_content .block-content { padding-bottom: 90px; padding-right: 90px; } main.main_content .block-content h2 { font-size: 30px; color: #6b441d; margin-bottom: 20px; } main.main_content .block-content h2:empty{ display: none; } main.main_content .block-content p, main.main_content .block-content td, main.main_content .block-content ul li, main.main_content .block-content ol li { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 100; color: #333333; } main.main_content .block-content p, main.main_content .block-content ul, main.main_content .block-content ol, main.main_content .block-content table{ margin-bottom: 28px; } main.main_content .block-content ol{ margin-left: 20px; } main.main_content .block-content a:not(.button) { color: #c39248; } main.main_content .block-content a:not(.button):hover { text-decoration: none; } main.main_content .block-content ul, main.main_content .block-content table { margin: 20px 0px; } main.main_content .block-content ul li, .page-loop ul li { list-style: none; padding-left: 20px; } main.main_content .block-content ul li::before, .page-loop ul li::before { position: absolute; display: block; margin-left: -20px; margin-top: 2px; font-family: 'OptimusPrinceps'; font-weight: bold; color: #6b441d; font-size: 25px; content: ">"; } main.main_content .block-image { padding-bottom: 90px; } main.main_content .block-image.fl img { margin-bottom: 0px; margin-left: -90px; max-width: 100%; -webkit-box-shadow: 10px -10px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px -10px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 10px -10px 40px 0px rgba(0, 0, 0, 0.1); } main.main_content .block-image.fr img { margin-bottom: -90px; margin-right: -90px; -webkit-box-shadow: -10px -10px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: -10px -10px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: -10px -10px 40px 0px rgba(0, 0, 0, 0.1); } main.main_content .content-block-image+.content-block { /* padding-top: 90px; */ } main.main_content .page_content .content-block-image:nth-last-child(2){ margin-bottom: -90px; } main.main_content .page_content .content-block-image:nth-last-child(2) .block-image{ padding-bottom: 0px; } /* Product item list ----------------------------------------------------------*/ main.main_content .page_products>h2, main.main_content .page_content .cross-sells>h2 { font-size: 40px; color: #6b441d; margin-bottom: 20px; } main.main_content .product-item { text-align: center; position: relative; } main.main_content .product-item .product-item-height { width: 100%; height: 475px; } main.main_content .product-item .product-item-content { position: absolute; display: block; width: 100%; background: #fff; padding: 30px; top: 0px; z-index: 1; } main.main_content .product-item .product-item-content:hover { z-index: 2; -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); } main.main_content .product-item .product-item-content img { position: relative; z-index: 2; } main.main_content .product-item .product-item-content .image-glas { position: absolute; height: 200px; left: 50%; top: 50px; transform: translate(calc(-50% - 50px), 0); z-index: 1; } main.main_content .product-item a:not(.add_to_cart_button) { display: block; text-align: center; text-decoration: none; } main.main_content .product-item a.ajax_add_to_cart:not(.add_to_cart_button){ display: none; } main.main_content .product-item a:not(.add_to_cart_button) img { height: 250px; margin: 0 auto; margin-bottom: 30px; } main.main_content .product-item a:not(.add_to_cart_button) img.no-image{ opacity: 0.75; max-width: 75%; height: 250px; } main.main_content .product-item a:not(.add_to_cart_button) h2 { color: #6b441d; font-size: 30px; line-height: 30px; margin-bottom: 15px; } main.main_content .product-item a:not(.add_to_cart_button) h2 span.alcohol { border: 2px solid #6b441d; font-size: 14px; font-weight: bold; line-height: 32px; height: 32px; width: 32px; margin-left: 5px; top: -7px; position: relative; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } main.main_content .product-item a:not(.add_to_cart_button) p { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 25px; font-weight: 100; color: #333333; height: 50px; margin-bottom: 15px; overflow: hidden; } main.main_content .product-item a:not(.add_to_cart_button) .price { font-family: 'OptimusPrinceps'; color: #6b441d; font-size: 26px; } main.main_content .product-item a:not(.add_to_cart_button) .price del{ font-size: 20px; color: #333333; opacity: 0.5; } main.main_content .product-item a:not(.add_to_cart_button) .price ins{ text-decoration: none; } main.main_content .product-item .add-to-cart { height: 0px; overflow: hidden; -o-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } main.main_content .product-item:hover .add-to-cart { height: 82px; } main.main_content .product-item .add-to-cart a.add_to_cart_button { margin-top: 30px; text-decoration: none; padding: 15px 35px; } main.main_content .product-item .add-to-cart a.add_to_cart_button.added { background: green; } main.main_content .product-item .add-to-cart a.add_to_cart_button.added:hover { background: #006300; } main.main_content .product-item .add-to-cart a.add_to_cart_button.added:hover { color: #fff; } main.main_content .product-item .add-to-cart a.add_to_cart_button.added i.fa-cart-plus:before { content: "\f00c"; } .woocommerce-Price-currencySymbol { margin-right: 5px; } /* Filters ----------------------------------------------------------*/ main.main_content .filters { margin-top: 30px; } main.main_content .filter.filter_pa_soort-bier {} main.main_content .filter.filter_pa_soort-bier li { float: left; width: 33.33%; list-style: none; position: relative; padding-left: 35px; margin: 5px 0px; } main.main_content .filter.filter_pa_soort-bier li input { display: none; } main.main_content .filter.filter_pa_soort-bier li label { font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 20px; line-height: 40px; color: #6b441d; cursor: pointer; } main.main_content .filter.filter_pa_soort-bier li input:checked+label { font-weight: 400; } main.main_content .filter.filter_pa_soort-bier li .filter-image { position: absolute; max-width: 22px; height: 100%; left: 0px; } main.main_content .filter_pa_alcohol-percentage { margin-top: 30px; padding-left: 45px; } main.main_content .filter_checkbox .filter-title { display: block; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 100; color: #6b441d; margin-bottom: 10px; } main.main_content .filter_checkbox li { float: left; width: 33.33%; list-style: none; position: relative; padding-left: 25px; } main.main_content .filter_checkbox li input { display: none; } main.main_content .filter_checkbox li label { font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 18px; line-height: 30px; color: #6b441d; display: block; cursor: pointer; } main.main_content .filter_checkbox li label::before { font-family: 'Font Awesome 5 Pro'; content: "\f0c8"; position: absolute; left: 0px; } main.main_content .filter_checkbox li input:checked+label { font-weight: 400; } main.main_content .filter_checkbox li:hover label::before { content: "\f0fe"; } main.main_content .filter_checkbox li input:checked+label::before { content: "\f14a"; } main.main_content .filter_checkbox li:hover input:checked+label::before { content: "\f146"; } main.main_content .filter_pa_alcohol-percentage li label span::after { content: "%"; } main.main_content .filter.half.fl { margin-top: 30px; padding-right: 45px; } main.main_content .filter.half.fl .fuze-slider-wrap { margin-bottom: 30px; } main.main_content .filter.half.fl .labels { width: 100%; } main.main_content .filter.half.fl .labels .min, main.main_content .filter.half.fl .labels .max { font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 20px; color: #6b441d; } main.main_content .filter.half.fl .labels .min { float: left; } main.main_content .filter.half.fl .labels .max { float: right; } main.main_content .filter.half.fl .noUi-horizontal { height: 2px; } main.main_content .filter.half.fl .noUi-target { border: 0px; margin: 20px 22px; background: #d1d1d1; } main.main_content .filter.half.fl .noUi-connect { background: #6b441d; } main.main_content .filter.half.fl .noUi-handle { background: url('../images/slider.svg') no-repeat right; background-size: contain; border: 0px; width: 100%; height: 20px; left: 28px; top: -8px; box-shadow: none; cursor: e-resize; } main.main_content .filter.half.fl .noUi-handle:after, main.main_content .filter.half.fl .noUi-handle:before { display: none; } /* Product single ----------------------------------------------------------*/ main.main_content .page_header_product .page-title, main.main_content .page_header_product .price { float: left; } main.main_content .page_header_product .page-title { width: 66.66%; } main.main_content .page_header_product .price { font-family: 'OptimusPrinceps'; font-size: 30px; color: #6b441d; margin-bottom: 20px; } main.main_content .page_header_product .price del{ font-size: 20px; color: #333333; opacity: 0.5; } main.main_content .page_header_product .price ins{ text-decoration: none; } main.main_content .page_header_product h1 span.alcohol { border: 2px solid #6b441d; font-size: 15px; font-weight: bold; text-align: center; line-height: 40px; height: 40px; width: 40px; margin-left: 5px; top: -9px; position: relative; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } main.main_content .page_header_product .page-title h5 { margin-top: -20px; } main.main_content .page_header_product .quantity { display: none; } main.main_content .page_header_product .cart { float: right; margin-top: -12px; } main.main_content .page_header_product .product_meta { display: none; } main.main_content .page_header_product .block-content.fl { padding-bottom: 90px; padding-right: 45px; } main.main_content .page_header_product .block-content.fr { padding-left: 45px; padding-right: 0px; } main.main_content .page_header_product .block-image.fr img { margin-left: 45px; margin-right: -90px; margin-bottom: 0px; max-width: calc(100% + 45px); } main.main_content .page_header_product .block-image { padding-bottom: 90px; } main.main_content .page_header_product .block-image.fl img { margin-right: 45px; margin-left: -90px; margin-bottom: 0px; max-width: calc(100% + 45px); } main.main_content .block-content.smaakassociaties .fifth{ margin-bottom: 30px; } main.main_content .page_header_product .smaakassociaties img { margin: 0 auto; } main.main_content .page_header_product .smaakassociaties .label { display: block; text-align: center; font-size: 16px; color: #6b441d; font-family: 'Rock Salt', cursive; margin-top: 5px; } main.main_content .block-content.smaakassociaties { padding-right: 0px; padding-bottom: 0px; } main.main_content .block-content.smaakassociaties h2 { margin-bottom: 30px; } /* Evenementen ----------------------------------------------------------*/ main.main_content .evenement { position: relative; } main.main_content .evenement-content { padding: 90px; position: relative; z-index: 1; } main.main_content .evenement-content h2 { font-size: 40px; color: #6b441d; margin-bottom: 20px; } main.main_content .evenement-content h5 { /* width: 75%; */ margin-bottom: 20px; } main.main_content .evenement-content p { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 100; color: #333333; margin-bottom: 28px; } main.main_content .evenement-content .button { padding: 15px 35px; } main.main_content .evenement-content .button span { position: relative; margin-left: 15px; top: 1px; } main.main_content .evenement-content .button:hover { background: #000; color: #fff; } main.main_content .evenement-content .divide.fr { padding-left: 45px; } main.main_content .evenement-content .divide.fl { padding-right: 45px; } main.main_content .evenement-content .divide img { position: relative; } main.main_content .evenement-content .divide.fr img { width: calc(100% + 90px); -webkit-box-shadow: -10px 10px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: -10px 10px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: -10px 10px 40px 0px rgba(0, 0, 0, 0.1); } main.main_content .evenement-content .divide.fl img { margin-left: -90px; width: calc(100% + 90px); -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1); } main.main_content .evenement .evenement-bg { background: #fff; position: absolute; width: 100%; height: 100%; bottom: 0px; z-index: -1; } main.main_content .evenementen .evenement.evenement-alt .evenement-bg { background: #faf7f0; } main.main_content .evenementen .evenement:first-child .evenement-bg { height: calc(100% + 600px); } /* Winkelwagen ----------------------------------------------------------*/ main.main_content .woocommerce-cart-form .shop_table, main.main_content .woocommerce-checkout-review-order .shop_table, main.main_content .woocommerce-order-details .shop_table { width: 100%; margin-top: 30px; position: relative; } main.main_content .woocommerce-cart-form .shop_table>tbody>tr>td, main.main_content .woocommerce-checkout-review-order .shop_table>tbody>tr>td, main.main_content .woocommerce-checkout-review-order .shop_table>tbody>tr>th, main.main_content .woocommerce-checkout-review-order .shop_table>tfoot>tr>td, main.main_content .woocommerce-checkout-review-order .shop_table>tfoot>tr>th, main.main_content .woocommerce-order-details .shop_table>tbody>tr>td, main.main_content .woocommerce-order-details .shop_table>tbody>tr>th, main.main_content .woocommerce-order-details .shop_table>tfoot>tr>td, main.main_content .woocommerce-order-details .shop_table>tfoot>tr>th { padding: 15px 10px; border-bottom: 1px solid #eee8d6; } main.main_content .woocommerce-cart-form .shop_table .product-thumbnail, main.main_content .woocommerce-checkout-review-order .shop_table .product-thumbnail, main.main_content .woocommerce-order-details .shop_table .product-thumbnail { width: 90px; } main.main_content .woocommerce-cart-form .shop_table .product-thumbnail img, main.main_content .woocommerce-checkout-review-order .shop_table .product-thumbnail img, main.main_content .woocommerce-order-details .shop_table .product-thumbnail img { width: 120px; } main.main_content .woocommerce-cart-form .shop_table .product-name { width: 45%; } main.main_content .woocommerce-checkout-review-order .shop_table .product-name, main.main_content .woocommerce-order-details .shop_table .product-name { width: 55%; } main.main_content .woocommerce-cart-form .shop_table .product-name a, main.main_content .woocommerce-cart-form .shop_table .product-name span.name, main.main_content .woocommerce-order-details .shop_table .product-name a, main.main_content .woocommerce-order-details .shop_table .product-name span.name { font-family: 'OptimusPrinceps'; color: #6b441d; font-size: 30px; line-height: 30px; text-decoration: none; display: block; } main.main_content .woocommerce-checkout-review-order .shop_table .product-name { font-family: 'OptimusPrinceps'; color: #6b441d; font-size: 30px; line-height: 30px; text-decoration: none; } main.main_content .woocommerce-checkout-review-order .shop_table .product-quantity, main.main_content .woocommerce-cart-form .shop_table .product-name .woocommerce-Price-amount, main.main_content .woocommerce-order-details .shop_table .product-quantity { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; font-weight: 100; color: #333333; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .input-quantity { border: 1px solid #eee8d6; width: 120px; padding: 0px 30px; border-radius: 3px; position: relative; overflow: hidden; } main.main_content .woocommerce-cart-form .shop_table .product-quantity label { display: none; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .wac-qty-button { position: absolute; border-radius: 0px; padding: 0px; top: 0px; height: 30px; border: 0; padding: 5px 0 !important; text-align: center; border-right: 1px solid #eee8d6; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .wac-qty-button:first-child { left: 0px; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .input-quantity .input-text.qty+.wac-qty-button { right: 0px; border-right: 0; border-left: 1px solid #eee8d6; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .wac-qty-button a { font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 100; text-decoration: none; width: 30px; line-height: 32px; height: 32px; display: block; text-align: center; background: #c39248; color: #fff; -o-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .wac-qty-button a:hover { background: #000000; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .input-quantity .input-text.qty { width: 75px; line-height: 30px; height: 30px; text-align: center; font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 100; color: #333333; } main.main_content .woocommerce-order-overview { margin-bottom: 60px; } main.main_content .woocommerce-order-overview li { line-height: 30px; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 100; color: #333333; list-style: none; } main.main_content .woocommerce-order-overview li>span { width: 200px; display: block; float: left; } main.main_content .woocommerce-cart-form .shop_table .product-subtotal { font-family: 'OptimusPrinceps'; font-size: 30px; color: #6b441d; margin-bottom: 20px; text-align: right; width: 250px; } main.main_content .woocommerce-cart-form .shop_table .product-remove { width: 100px; text-align: right; } main.main_content .woocommerce-cart-form .shop_table .product-remove a { color: #df0024; } main.main_content .woocommerce-cart-form .shop_table .actions td { padding-top: 30px; padding-right: 0px; border-bottom: 0px; } main.main_content .woocommerce-cart-form .shop_table .actions #coupon_code { border: 1px solid #eee8d6; width: 50%; border-radius: 3px; padding: 12px 20px; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 100; color: #333333; } main.main_content .woocommerce-cart-form .shop_table .hidden { display: none; } main.main_content .cart_totals, main.main_content .woocommerce-columns--addresses { margin-top: 60px; } main.main_content .cart_totals h2, main.main_content h3#order_review_heading, main.main_content .woocommerce-billing-fields h3, main.main_content .woocommerce-shipping-fields h3, main.main_content .woocommerce-order-details__title, main.main_content .woocommerce-columns--addresses h2, main.main_content .woocommerce-Address-title h2, main.main_content .woocommerce-customer-details h2, #customer_login h2, fieldset legend, .woocommerce-MyAccount-content form h3{ font-family: 'OptimusPrinceps'; font-size: 30px; color: #6b441d; margin-bottom: 20px; } #order_comments_field label { display: block; font-family: 'OptimusPrinceps'; font-size: 24px; color: #6b441d; margin-bottom: 20px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee8d6; } main.main_content h3#order_review_heading { margin-top: 60px; } #customer_login{ margin-top: 45px; } #order_review::after, #order_review #payment::after{ content: ""; display: block; clear: both; } main.main_content .woocommerce-customer-details{ margin-top: 30px; } main.main_content .woocommerce-billing-fields h3, main.main_content .woocommerce-shipping-fields h3, main.main_content .woocommerce-columns--addresses h2, main.main_content .woocommerce-Address-title h2, main.main_content .woocommerce-customer-details h2, #customer_login h2, fieldset legend, .woocommerce-MyAccount-content form h3 { font-size: 24px; } main.main_content .cart_totals .shop_table { width: 100%; margin-bottom: 30px; } main.main_content .cart_totals .shop_table td, main.main_content .cart_totals .shop_table th { padding: 10px; border-bottom: 1px solid #eee8d6; vertical-align: top; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; font-weight: 100; color: #333333; } main.main_content .cart_totals .shop_table th { width: 33.33%; } main.main_content .cart_totals .shop_table td { text-align: right; } main.main_content .cart_totals .shop_table .includes_tax, main.main_content .woocommerce-checkout-review-order .shop_table .includes_tax, main.main_content .woocommerce-order-details .shop_table .includes_tax { display: block; } main.main_content .wc-proceed-to-checkout a.button { float: right; padding: 15px 25px; } main.main_content .woocommerce-checkout-review-order .shop_table .shipping-table { width: 100%; } main.main_content .woocommerce-checkout-review-order tfoot td, main.main_content .woocommerce-checkout-review-order tfoot th, main.main_content .woocommerce-checkout-review-order .shop_table .product-total, main.main_content .woocommerce-order-details tfoot td, main.main_content .woocommerce-order-details tfoot th, main.main_content .woocommerce-order-details .shop_table .product-total { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; font-weight: 100; color: #333333; vertical-align: top; } main.main_content .woocommerce-checkout-review-order .shop_table .product-total, main.main_content .woocommerce-order-details .shop_table .product-total { vertical-align: middle; } main.main_content .woocommerce-checkout-review-order tfoot th, main.main_content .woocommerce-order-details tfoot th { font-weight: 400; } main.main_content .woocommerce-checkout-review-order .shop_table .cart-subtotal td, main.main_content .woocommerce-checkout-review-order .shop_table .cart-discount td, main.main_content .woocommerce-checkout-review-order .shop_table .shipping-table td, main.main_content .woocommerce-checkout-review-order .shop_table .order-total td, main.main_content .woocommerce-checkout-review-order .shop_table .product-total, main.main_content .woocommerce-order-details .shop_table tfoot td, main.main_content .woocommerce-order-details .shop_table .product-total { text-align: right; } .woocommerce-checkout-payment .wc_payment_methods { padding: 15px 0px; border-bottom: 1px solid #eee8d6; } .woocommerce-checkout-payment .wc_payment_methods label { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; font-weight: 400; color: #333333; } .woocommerce-remove-coupon { display: block; font-size: smaller; color: #c39248; } .woocommerce-checkout-payment .woocommerce-form__label-for-checkbox, .woocommerce-checkout-payment .wc_payment_method { padding-left: 30px; } .woocommerce-checkout-payment .woocommerce-form__label-for-checkbox input, .woocommerce-checkout-payment .wc_payment_method input { position: absolute; margin-left: -30px; } .woocommerce-checkout-payment .woocommerce-form__label-for-checkbox input { margin-top: 7px; } .woocommerce-checkout-payment .woocommerce-form__label-for-checkbox a { color: #c39248; } .woocommerce-checkout-payment .woocommerce-form__label-for-checkbox a:hover { text-decoration: none; } .woocommerce-checkout-payment .wc_payment_method input { margin-top: 9px; } .woocommerce-checkout-payment .place-order { padding: 15px 0px; } form.woocommerce-checkout .divide.fl { padding-right: 45px; } form.woocommerce-checkout .divide.fr { padding-left: 45px; } .order-again{ margin-top: 30px; } /* .form-row { padding-bottom: 15px; } */ .form-row input[type="text"], .form-row input[type="tel"], .form-row input[type="email"], .form-row input[type="password"], .form-row textarea { width: 100%; } .form-row textarea{ height: calc(3em * 1.7); } /* Paginatie buttons (fallback) ----------------------------------------------------------*/ #fuze_pagination { text-align: center; } #fuze_pagination li { list-style: none; display: inline-block; padding: 5px; color: #000000; } #fuze_pagination li a { color: #000000; } #fuze_pagination li:hover a, #fuze_pagination li.current_item a { text-decoration: none; } .more-button { padding-top: 60px; text-align: center; } .more-button .button { padding: 15px 35px; } .more-button .button span { margin-left: 15px; } /* MyAccount ----------------------------------------------------------*/ .woocommerce-MyAccount-navigation { margin-top: 30px; } .woocommerce-MyAccount-navigation li { float: left; list-style: none; padding-left: 0px !important; } .woocommerce-MyAccount-navigation li a { display: block; padding: 10px 15px; margin-right: 10px; margin-bottom: 10px; text-align: center; transition: all 0.1s ease; background: #f5f0e1; color: #7e5325; font-size: 22px; text-decoration: none; font-family: 'OptimusPrinceps'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-MyAccount-navigation li a:hover { background: #e1d3a5; color: #fff; } .woocommerce-MyAccount-navigation li.is-active a { background: #c39248; color: #fff; } .woocommerce-MyAccount-navigation li::before{ display: none !important; } .woocommerce-MyAccount-content { clear: both; padding-top: 60px; } .woocommerce-MyAccount-content .woocommerce-orders-table { width: 100%; } .woocommerce-MyAccount-content .woocommerce-orders-table th { padding: 10px; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; font-weight: 400; color: #333333; border-bottom: 1px solid #eee8d6; } .woocommerce-MyAccount-content .woocommerce-orders-table td { padding: 10px; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; font-weight: 100; color: #333333; border-bottom: 1px solid #eee8d6; } .woocommerce-MyAccount-content .woocommerce-orders-table td .label { position: relative; padding: 5px 10px; margin-bottom: 30px; font-size: 16px; line-height: 16px; color: #fff; white-space: nowrap; background-color: grey; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-MyAccount-content .woocommerce-orders-table td .label-completed { background-color: green; } .woocommerce-MyAccount-content .woocommerce-orders-table td .label-processing { background-color: GoldenRod; } .woocommerce-MyAccount-content .woocommerce-orders-table td .label-failed, .woocommerce-MyAccount-content .woocommerce-orders-table td .label-cancelled { background-color: #e81615; } .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a { color: #333333; } .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__header-order-actions, .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions { text-align: right; } .woocommerce-MyAccount-navigation-link--downloads{ display: none; } /* Meldingen ----------------------------------------------------------*/ .woocommerce-message, .woocommerce-error, form .updated, form .settings-error { position: relative; padding: 8px 20px; margin-bottom: 30px; border: 1px solid transparent; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; font-weight: 100; color: #fff; background-color: green; border-color: green; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-error li{ padding-left: 0px !important; color: #fff !important; } .woocommerce-error li::before{ display: none !important; } form .updated strong, form .settings-error strong{ color: #fff; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; font-weight: 100; } .woocommerce-message .button.wc-forward{ display: none; } .woocommerce-info{ position: relative; padding: 8px 20px; margin-bottom: 30px; border: 1px solid transparent; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 32px; font-weight: 100; color: #fff; background-color: #c39248; border-color: #c39248; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-info a{ color: #fff !important; } .woocommerce-info .button{ display: none; } .woocommerce-error li { list-style: none; } .woocommerce-message a { color: #fff !important; } .woocommerce-message a:hover { text-decoration: none; } .woocommerce-error { background-color: #e81615; border-color: #e81615; } .woocommerce-message[role="alert"] { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .woocommerce-message[role="alert"] a { color: #0c5460; } .woocommerce-message::before, .woocommerce-error li::before { font-family: 'Font Awesome 5 Pro'; font-weight: 400; margin-right: 10px; content: "\f00c"; } .woocommerce-error li::before { content: "\f12a"; font-weight: 100; } .woocommerce-message[role="alert"]::before { content: "\f129"; font-weight: 100; } .woocommerce-order-details{ margin-top: 40px; } .woocommerce-MyAccount-content mark{ background: transparent; font-weight: bold; color: #333333; } #customer_login .u-column1, #customer_login .u-column2{ width: 50%; float: left; } #customer_login .u-column1{ padding-right: 45px; } #customer_login .u-column2{ padding-left: 45px; } .woocommerce-address-fields__field-wrapper{ margin-bottom: 30px; } #shipping_method{ margin-bottom: 0px; } #shipping_method li{ list-style: none; } #shipping_method li::before{ display: none; } /* Footer ----------------------------------------------------------*/ footer.main_footer { width: calc(100% - 325px); margin-left: 325px; background: #000; color: #a3a3a3; position: relative; } footer.main_footer .threequarter { padding: 90px 0px 45px 90px; } footer.main_footer .threequarter h2 { font-size: 30px; color: #c39248; margin-bottom: 20px; } footer.main_footer .threequarter p { font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 100; } footer.main_footer .threequarter a { color: #a3a3a3; } footer.main_footer .threequarter a:hover { text-decoration: none; } footer.main_footer .nieuwsbrief form { margin-top: 20px; } footer.main_footer .nieuwsbrief form input[type="text"], footer.main_footer .nieuwsbrief form input[type="email"] { width: 100%; background: #d1d1d1; border: 0px; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } footer.main_footer .contactinfo p { padding-left: 30px; line-height: 34px; } footer.main_footer .contactinfo p i { position: absolute; margin-left: -30px; line-height: 34px; width: 20px; text-align: center; color: #9c753a; } footer.main_footer .contactinfo a { text-decoration: none; } footer.main_footer .contactinfo a:hover { text-decoration: underline; } footer.main_footer .threequarter>.divide.twofifth { padding-right: 45px; } footer.main_footer .persoon { position: absolute; width: 25%; padding-left: 45px; bottom: 0px; right: 0px; } footer.main_footer .persoon img { max-width: 100%; } footer.main_footer .copy { margin-top: 90px; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 100; } .woocommerce-password-strength{ margin-top: 25px; padding-bottom: 5px; margin-bottom: 15px; position: relative; } .woocommerce-password-strength::before, .woocommerce-password-strength::after{ position: absolute; content: ""; display: block; width: 100%; height: 5px; background: #f2f2f2; bottom: 0px; } .woocommerce-password-strength::after{ background: #f2f2f2; } .woocommerce-password-strength.short::after{ background: #e81615; width: 25%; } .woocommerce-password-strength.bad::after{ background: orange; width: 50%; } .woocommerce-password-strength.good::after{ background: green; width: 75%; } .woocommerce-password-strength.strong::after{ background: green; width: 100%; } .main_content > .woocommerce-message{ display: none; } .out-of-stock{ background-color: #e81615; border-color: #e81615; float: right; color: #fff !important; font-size: 22px !important; font-family: 'OptimusPrinceps' !important; line-height: 32px; padding: 8px 20px; margin-top: -11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } main.main_content .product-item .add-to-cart .out-of-stock{ margin-top: 30px; float: none; display: inline-block; padding: 10px 35px; } .age-gate-wrapper{ background: #000; overflow-y: scroll; overflow-x: hidden; } .age-gate-wrapper::before{ content: ""; width: 300px; height: 180px; margin-top: 60px; left: calc( ( 100% - 300px ) / 2); background: url('../images/logo-new.svg'); display: block; background-size: contain; background-repeat: no-repeat; position: absolute; z-index: 999; } .age-gate-background{ position: fixed; opacity: 0.25; } .age-gate{ background: rgba(0, 0, 0, 0.75); top: 0px; transform: translateY(0%); position: relative; margin-bottom: 90px; } .age-gate::before, .age-gate::after{ content: ""; display: block; height: 10px; width: 100%; background: rgb(107, 69, 30); background: -moz-linear-gradient(left, rgba(107, 69, 30, 1) 0%, rgba(245, 232, 135, 1) 50%, rgba(107, 69, 30, 1) 100%); background: -webkit-linear-gradient(left, rgba(107, 69, 30, 1) 0%, rgba(245, 232, 135, 1) 50%, rgba(107, 69, 30, 1) 100%); background: linear-gradient(to right, rgba(107, 69, 30, 1) 0%, rgba(245, 232, 135, 1) 50%, rgba(107, 69, 30, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b451e', endColorstr='#6b451e', GradientType=1); } .age-gate-form{ padding: 90px 30px; background: transparent; } .age-gate-heading{ display: none; } .age-gate-subheading{ font-size: 40px; line-height: 40px; color: #c39248; margin-bottom: 30px; } .age-gate-message{ color: #fff; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 100; margin-bottom: 30px; } .age-gate-label{ display: none; } .age-gate-input{ opacity: 0.8; } .age-gate-remember-wrapper{ margin: 15px 0px; } .age-gate-remember{ color: #fff; font-family: 'Roboto', sans-serif; font-size: 18px; line-height: 28px; font-weight: 100; } .age-gate-submit{ display: inline-block; padding: 10px 20px; text-align: center; transition: all 0.1s ease; background: #c39248; color: white; font-size: 22px; text-decoration: none; font-family: 'OptimusPrinceps'; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; } .age-gate-submit:hover{ cursor: pointer; background: #f5f0e1; color: #7e5325; } .age-gate-error-message{ background-color: #e81615; border-color: #e81615; color: #fff !important; font-size: 18px !important; line-height: 32px; padding: 8px 20px; margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-weight: 100; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .logo-social{ width: 14%; margin-left: 10px; margin-top: 11px; max-width: 50px; max-height: 50px; } #gallery-1 img{ border: 0px !important; max-width: 100% !important; height: auto !important; } section.content-pakketten-top .inner{ max-width: 750px; margin: 0 auto; text-align: center; } section.content-pakketten-top .inner .block-content, section.content-pakketten-bottom .inner .block-content{ padding-right: 0px; } section.content-pakketten{ width: 100%; } section.content-pakketten .page-inner-pakketten{ max-width: 1000px; margin: 0 auto; } section.content-pakketten article{ position: relative; background: #fff; top: 0px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); -o-transition: 0.2s; -moz-transition: 0.2s; -webkit-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } section.content-pakketten article:hover{ top: -5px; z-index: 6 !important; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); } section.content-pakketten article .pakket_header{ padding: 28px 20px 22px; background-image: url('../images/hop.svg'); background-repeat: no-repeat; background-position: top right; background-size: auto 100px; } section.content-pakketten article:nth-child(2){ margin-top: -15px; z-index: 5; } section.content-pakketten article .pakket_header .label{ position: absolute; background: #333333; white-space: nowrap; top: -15px; padding: 0px 15px; color: #BC9354; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 30px; font-weight: 800; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } section.content-pakketten article .pakket_header h2{ text-align: center; font-size: 30px; color: #fff; } section.content-pakketten article.pakket_brons .pakket_header{ background-color: #6B441D; } section.content-pakketten article.pakket_zilver .pakket_header{ background-color: #D5D5D5; } section.content-pakketten article.pakket_zilver .pakket_header h2{ color: #6B441D; } section.content-pakketten article.pakket_goud .pakket_header{ background-color: #BC9354; } section.content-pakketten article.pakket_platinum .pakket_header{ background-color: #797979; } section.content-pakketten article .pakket_content{ padding: 40px 30px; } section.content-pakketten article .pakket_content ul li{ list-style: none; text-align: center; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 28px; font-weight: 500; color: #333333; } section.content-pakketten article .pakket_content ul li:first-child{ font-weight: 600; margin-bottom: 15px; } section.content-pakketten article .spacer{ display: block; width: 140px; margin: 0 auto; margin-bottom: 30px; } section.content-pakketten article .spacer img{ max-width: 100%; } section.content-pakketten article .price{ text-align: center; font-family: 'OptimusPrinceps'; line-height: 1em; font-size: 30px; color: #6B441D; margin-bottom: 30px; } section.content-pakketten article form{ text-align: center; padding: 0px 30px 30px; } section.content-pakketten article form.added .button i.fa-cart-plus:before { content: "\f00c"; } section.content-pakketten article form.added .button { background: green; } section.content-pakketten article form.added .button:hover { background: #006300; color: #fff; } section.content-pakketten article .button{ white-space: nowrap; } section.content-pakketten-bottom .inner{ max-width: 750px; margin: 0 auto; padding-top: 90px; } section.content-pakketten-bottom .inner ol li:not(:last-child){ margin-bottom: 30px; } section.content-pakketten-bottom .inner ol{ counter-reset: counter; margin-left: 0px; } section.content-pakketten-bottom .inner ol li{ list-style: none; counter-increment: counter; padding-left: 70px; } section.content-pakketten-bottom .inner ol li::before{ position: absolute; content: counter(counter); display: block; background: #BC9354; line-height: 37px; padding-top: 3px; text-align: center; color: #fff; font-family: 'OptimusPrinceps'; font-size: 20px; margin-left: -70px; margin-top: -5px; width: 40px; height: 37px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } section.image_label{ position: relative; margin: 0px -90px -90px -90px; } section.image_label img{ max-width: 100%; } section.image_label h2{ position: absolute; top: 50%; transform: translate(0, -50%); text-align: center; width: 100%; color: #BC9354; font-size: 30px; } section.images_gallery{ margin-left: -90px; margin-right: -90px; padding-bottom: 90px; position: relative; width: calc(100% + 180px); } section.images_gallery .images{ display: flex; flex-wrap: wrap; position: relative; justify-content: center; } section.images_gallery .images .image{ padding: 10px; width: 330px; } section.images_gallery .images .image:nth-child(1) { margin-top: 30px; } section.images_gallery .images .image:nth-child(2) { margin-top: 15px; } section.images_gallery .images .image:nth-child(3) { margin-top: 0px; } section.images_gallery .images .image:nth-child(4) { margin-top: -15px; } section.images_gallery .images .image:nth-child(5) { margin-top: -30px; } section.images_gallery .images .image img{ max-width: 100%; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .label_vrienden{ position: absolute; right: -60px; top: -60px; width: 160px; height: 160px; display: block; background: rgb(108,70,31); background: -moz-linear-gradient(top, rgba(108,70,31,1) 0%, rgba(244,231,134,1) 50%, rgba(108,70,31,1) 100%); background: -webkit-linear-gradient(top, rgba(108,70,31,1) 0%,rgba(244,231,134,1) 50%,rgba(108,70,31,1) 100%); background: linear-gradient(to bottom, rgba(108,70,31,1) 0%,rgba(244,231,134,1) 50%,rgba(108,70,31,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c461f', endColorstr='#6c461f',GradientType=0 ); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3); } .label_vrienden::before{ background: #333333; display: block; content: ""; width: calc(100% - 16px); height: calc(100% - 16px); margin-top: 8px; margin-left: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .label_vrienden span{ position: absolute; text-align: center; width: 105px; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'OptimusPrinceps'; font-size: 18px; line-height: 22px; color: #fff; } .ul_vrienden ul{ margin-top: 0px !important; } .ul_vrienden ul li:not(:first-child){ margin-top: 30px !important; } .ul_vrienden ul li{ padding-left: 72px !important; } .ul_vrienden ul li::before{ margin-left: -72px !important; content: "" !important; background: url('../images/checkmark.svg'); width: 32px; height: 32px; } .gfield_label { display: none; } .ginput_container input, .ginput_container textarea { margin-bottom: 10px; width: 100%; } .gform_heading { display: none; } .gform_button.button { margin-left: auto; margin-right: 0; display: block; } .woocommerce-store-notice { position: fixed; top: 0; z-index: 100000; color: white; background: #c39248; width: 100%; text-align: center; padding: 8px 16px; } .woocommerce-store-notice .woocommerce-store-notice__dismiss-link { color: white !important; text-decoration: underline !important; }/* Theme Name: Fuze framework Version: 2.7 Description: Designed by ebbers media. Author: ebbersmedia.nl Author URI: http://www.ebbersmedia.nl © FUZE Framework - Ebbers Media BV */ /* Responsive -----------------------------------------------------------*/ @media handheld, screen and (max-width: 1750px) { main.main_content .page_header_content, main.main_content .page_content, main.main_content .evenement-content { padding: 60px; } main.main_content .shop_header .page_header_content { padding: 60px 60px 30px 60px; } main.main_content .page_header_image .page_header_image_links ul li a, main.main_content .page_header_image .page_header_product_links ul li a { padding: 20px 60px; } main.main_content .page_header_content .divide.half.left, main.main_content .evenement-content .divide.fl { padding-right: 30px; } main.main_content .page_header_content .divide.half.right, main.main_content .evenement-content .divide.fr { padding-left: 30px; } main.main_content .page_header_product .page_header_awards .quarter{ width: 250px; } main.main_content .page_header_product .page_header_awards .quarter article { width: 100%; } footer.main_footer .threequarter { padding: 60px 60px 45px 60px; width: 100%; } } @media handheld, screen and (max-width: 1525px) { main.main_content .page_header_content { width: calc(100% - 300px); } main.main_content .page_header_content h5 { width: 100%; } main.main_content .page_header_image .page_header_image_links, main.main_content .page_header_image .page_header_product_image { width: 300px; } main.main_content .page_header_image .page_header_image_links ul li a, main.main_content .page_header_image .page_header_product_links ul li a { padding: 20px 30px; } main.main_content .page_header_image .page_header_product_image .product_image_container .glas { display: none; } main.main_content .product-item { width: 33.33%; } section.images_gallery .images .image{ width: 280px; } } @media handheld, screen and (max-width: 1280px) { header.navigation_left { width: 275px; } main.main_content, footer.main_footer { width: calc(100% - 275px); margin-left: 275px; } main.main_content .page_header_content { width: calc(100% - 250px); } main.main_content .page_header_image .page_header_image_links, main.main_content .page_header_image .page_header_product_image { width: 250px; } main.main_content .page_header_image .page_header_product_image .product_image_container{ background: url(images/product-wood.jpg) bottom right -60px no-repeat; } main.main_content .page_header_image .page_header_product_image .product_image_container .beer{ right: 40px; } main.main_content .page_header_content .divide.half.left, main.main_content .page_header_content .divide.half.right, main.main_content .page_header_product .block-content.fl, main.main_content .page_header_product .block-content.fr { width: 100%; padding-left: 0px; padding-right: 0px; } main.main_content .page_header_content .divide.half.left, main.main_content .page_header_product .block-content.fl { padding-bottom: 30px; } main.main_content .block-content{ padding-bottom: 60px; padding-right: 60px; } main.main_content .block-image.fl img{ margin-left: -60px; } main.main_content .block-image{ padding-bottom: 60px; } main.main_content .content-block-image+.content-block{ } main.main_content .woocommerce-cart-form .shop_table>tbody>tr>td:not(.product-thumbnail){ padding-top: 75px; } main.main_content .woocommerce-cart-form .shop_table .product-name .name{ position: absolute; margin-top: -45px; height: 30px; width: calc(100% - 120px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } main.main_content .woocommerce-checkout-review-order .shop_table .product-name, main.main_content .woocommerce-order-details .shop_table .product-name{ position: absolute; margin-top: 25px; height: 30px; width: calc(100% - 150px); overflow: hidden; padding: 0px; white-space: nowrap; text-overflow: ellipsis; border-bottom: 0px; } main.main_content .woocommerce-order-details .shop_table .product-name span.name{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } main.main_content .woocommerce-checkout-review-order .shop_table .product-quantity, main.main_content .woocommerce-order-details .shop_table .product-quantity{ padding-top: 75px; padding-left: 0px; } main.main_content .woocommerce-order-details .shop_table .product-total, main.main_content .woocommerce-checkout-review-order .shop_table .product-total{ padding-right: 40px; padding-top: 75px; } main.main_content .woocommerce-checkout-review-order .shop_table .cart-subtotal td, main.main_content .woocommerce-checkout-review-order .shop_table .cart-discount td, /* main.main_content .woocommerce-checkout-review-order .shop_table .shipping-table td, */ main.main_content .woocommerce-checkout-review-order .shop_table .order-total td, main.main_content .woocommerce-order-details .shop_table tfoot td, main.main_content .woocommerce-checkout-review-order .shop_table>tfoot>tr>td, main.main_content .woocommerce-order-details .shop_table>tfoot>tr>td{ padding-right: 40px; } main.main_content .woocommerce-checkout-review-order .shop_table>tfoot>tr>th, main.main_content .woocommerce-order-details .shop_table>tfoot>tr>th, main.main_content .woocommerce-checkout-review-order .shop_table>tfoot>tr.shipping>td{ padding-left: 0px; } .woocommerce-checkout-payment .wc_payment_method{ padding-left: 0px; } .payment_method_idealcheckout_ideal img{ display: none; } form.woocommerce-checkout .divide.fl{ padding-right: 15px; } form.woocommerce-checkout .divide.fr{ padding-left: 15px; } .woocommerce-orders-table__header-order-total, .woocommerce-orders-table__cell-order-total{ display: none; } } @media handheld, screen and (max-width: 1150px) { main.main_content .page_header_content{ min-height: 330px; } body header.navigation_left { width: 325px; margin-left: -325px; } body.open header.navigation_left { width: 325px; margin-left: 0px; -webkit-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 10px 10px 40px 0px rgba(0, 0, 0, 0.1); } main.main_content, footer.main_footer { width: 100%; margin-left: 0px; } section.resnav_top { display: block; } body.open section.resnav_top { margin-left: 325px; } body.open section.resnav_top .fa-bars:before { content: "\f00d"; } main.main_content .page_header_product .page-title{ width: 100%; padding-right: 200px; } main.main_content .page_header_product .cart{ position: absolute; right: 60px; top: 60px; } } @media handheld, screen and (max-width: 1024px) { main.main_content .filter_checkbox li{ width: 50%; } main.main_content .products{ width: calc(100% + 40px); margin-left: -20px; } main.main_content .product-item { padding: 0px 20px; } main.main_content .product-item .product-item-height{ display: none; } main.main_content .product-item .product-item-content{ position: relative; margin-bottom: 40px; min-height: 560px; -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); } main.main_content .product-item a:not(.add_to_cart_button){ height: 440px; } main.main_content .product-item a:not(.add_to_cart_button) h2{ font-size: 24px; } main.main_content .product-item .add-to-cart{ height: 67px !important; } main.main_content .product-item .add-to-cart a.add_to_cart_button{ margin-top: 15px; } main.main_content .product-item .add-to-cart .out-of-stock{ margin-top: 15px; padding: 10px 15px; } main.main_content .evenement-content .add-to-cart .button:last-child{ margin-bottom: 0px; } main.main_content .evenement-content .divide.half .button{ width: 50%; } main.main_content .evenement-content .divide.half .button{ width: 100%; margin-bottom: 10px; } main.main_content .product-item a:not(.add_to_cart_button) h2 span.alcohol{ position: absolute; top: 30px; right: 30px; line-height: 36px; height: 36px; width: 36px; } main.main_content .woocommerce-cart-form .shop_table .actions{ height: 100px; } main.main_content .woocommerce-cart-form .shop_table .actions td{ display: block; width: 100%; position: absolute; padding-left: 0px; } main.main_content .cart_totals{ width: 100%; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .input-quantity .input-text.qty { width: 60px; } form.woocommerce-checkout .divide.fl, form.woocommerce-checkout .divide.fr, #customer_login .u-column1, #customer_login .u-column2{ width: 100%; padding-left: 0px; padding-right: 0px; } #customer_login .u-column2{ padding-top: 30px; } form.woocommerce-checkout .divide.fl{ padding-bottom: 40px; } main.main_content .product-item .add-to-cart a.add_to_cart_button { padding: 15px; } .resnav_top.hide{ left: -80px; } .shoppingcart_top.hide{ right: -80px; } section.content-pakketten article .pakket_header h2{ font-size: 26px; } section.content-pakketten article .pakket_content { padding: 20px 20px; } } @media handheld, screen and (max-width: 850px) { main.main_content .block-content, main.main_content .block-image{ width: 100%; padding-right: 0px !important; padding-left: 0px !important; } main.main_content .page_header_product .block-content.fl{ padding-bottom: 45px; } main.main_content .page_header_product .block-content h2:empty{ display: none; } main.main_content .block-image.fl img{ margin-left: 0px; } main.main_content .page_header_content { width: calc(100% - 60px); } main.main_content .page_header_image .page_header_image_links{ display: none; } main.main_content .page_header_image .page_header_product_image{ width: 100%; } main.main_content .page_header_image .page_header_product_links{ display: none; } main.main_content .page_header_image .page_header_product_image .product_image_container { background: url(images/product-wood-mobile.jpg) right no-repeat; background-size: cover; height: 180px; } main.main_content .page_header_image .page_header_product_image .product_image_container .glas{ display: block; /* right: calc(50% - 55px); */ bottom: 120px; } main.main_content .page_header_image .page_header_product_image .product_image_container .glas img{ max-height: calc(75vh - 230px); } main.main_content .page_header_image .page_header_product_image .product_image_container .beer{ right: 75px; /* right: calc(50% - 180px); */ bottom: 95px; } main.main_content .page_header_image .page_header_product_image .product_image_container .beer img{ max-height: 75vh; max-height: calc(75vh - 210px); } main.main_content .page_header_product .page_header_image{ height: 75vh; } main.main_content .page_home_header .page_header_image{ height: 500px; } main.main_content .page_home_header .header_logo{ top: calc(50% - 90px); width: 350px; } main.main_content .page_header_product .page_header_content{ margin-top: calc(75vh - 90px); } main.main_content .page_home_header .page_header_content{ margin-top: 360px; } main.main_content .page_header_image{ height: 420px; } main.main_content .page_header_content{ margin-top: 360px; } main.main_content .page_header_content .divide.half.right, main.main_content .evenement-content .divide.fr, main.main_content .page_header_content .divide.half.left, main.main_content .evenement-content .divide.fl{ width: 100%; padding-left: 0px; padding-right: 0px; } main.main_content .evenement-content .divide.fr img, main.main_content .evenement-content .divide.fl img { margin-left: 0px; margin-bottom: 60px; width: 100%; } main.main_content .page_content .content-block-image:nth-last-child(2) .block-image{ margin-bottom: 60px; } main.main_content .page_content .content-block-image:nth-last-child(2){ margin-bottom: -60px; } main.main_content .product-item { width: 50%; padding: 0px 20px; } main.main_content .page_content .filters .addr, main.main_content .page_content .filters .cat{ width: 100%; } main.main_content .page_content .filters .cat{ margin-bottom: 10px; } main.main_content .bier-uitgelicht{ margin-top: 60px; } main.main_content .bier-uitgelicht-content .uitgelicht-text{ width: calc(100% - 200px); font-size: 50px; line-height: 50px; margin-left: 0px; padding-right: 30px; padding-left: 30px; } main.main_content .bier-uitgelicht-content .flesje{ right: 30px; left: auto; height: 75%; width: 200px; } main.main_content .bier-uitgelicht-content .flesje img{ max-height: 100%; } main.main_content .bier-uitgelicht-content .show-button{ left: auto; right: 30px; bottom: 230px; } main.main_content .bier-uitgelicht-bg{ height: 100%; } main.main_content .bier-uitgelicht-bg img{ max-height: 100%; min-width: 100%; } main.main_content .evenement-content h5{ width: 100%; } main.main_content .bier-uitgelicht-bottom{ background: url(images/product-wood-mobile.jpg) center no-repeat; height: 90px; } main.main_content .woocommerce-Addresses .divide.half{ width: 100%; margin-bottom: 45px; } main.main_content .page_home_header video{ top: 50%; } main.main_content .page_header_image > img{ max-height: 100%; } main.main_content .page_header_product .page_header_awards{ display: none; } footer.main_footer .threequarter{ width: 100%; padding: 60px 60px 60px 60px; } footer.main_footer .threequarter>.divide.twofifth, footer.main_footer .threequarter>.divide.threefifth{ width: 100%; padding-left: 0px; padding-right: 0px; } footer.main_footer .threequarter>.divide.twofifth, footer.main_footer .threequarter>.divide.threefifth .divide.half{ padding-bottom: 40px; } footer.main_footer .persoon{ width: 33.33%; } footer.main_footer .copy{ width: 66.66%; } } @media handheld, screen and (max-width: 768px) { main.main_content .block-content.smaakassociaties .fifth{ width: 33.33%; } main.main_content .page_header_content, main.main_content .page_content, main.main_content .evenement-content, footer.main_footer .threequarter{ padding: 60px 30px; } main.main_content .page_header_content{ width: calc(100% - 40px); min-height: auto; } section.images_gallery .images .image{ padding: 5px; width: 200px; } section.images_gallery .images .image:nth-child(1) { margin-top: 20px; } section.images_gallery .images .image:nth-child(2) { margin-top: 10px; } section.images_gallery .images .image:nth-child(3) { margin-top: 0px; } section.images_gallery .images .image:nth-child(4) { margin-top: -10px; } section.images_gallery .images .image:nth-child(5) { margin-top: -20px; } } @media handheld, screen and (max-width: 750px) { section.content-pakketten article{ width: 100% !important; z-index: 1 !important; margin: 20px 0px !important; } section.content-pakketten article .pakket_header .label{ left: 50%; transform: translate(-50%, 0); } section.content-pakketten-bottom .inner ol li{ padding-left: 55px; } section.content-pakketten-bottom .inner ol li::before{ margin-left: -55px; } section.content-pakketten article .button{ width: 50%; } .label_vrienden{ display: none; } section.image_label{ margin: 0px -30px -60px -30px; } section.image_label h2{ padding: 0px 20px; } } @media handheld, screen and (max-width: 600px) { h1 { font-size: 30px; line-height: 30px; } header.navigation_left .inner{ width: 100%; } main.main_content .page_header_content { width: 100%; } body.open header.navigation_left { width: 100vw; margin-left: 0px; } body.open section.resnav_top { margin-left: calc(100% - 135px); } footer.main_footer .threequarter>.divide.threefifth .divide.half{ width: 100%; padding-left: 0px; padding-right: 0px; } main.main_content .product-item { width: 100%; } main.main_content .page_header_image .page_header_product_image .product_image_container .beer{ right: 0px; width: calc(100% - 100px); } main.main_content .page_header_image .page_header_product_image .product_image_container .beer img{ margin: 0 auto; max-height: calc(75vh - 150px); } main.main_content .page_header_image .page_header_product_image .product_image_container .glas{ right: 100px; width: calc(100% - 100px); } main.main_content .page_header_image .page_header_product_image .product_image_container .glas img{ margin: 0 auto; max-height: calc(75vh - 230px); } main.main_content .block-content.smaakassociaties .fifth{ width: 50%; } main.main_content .bier-uitgelicht{ margin-top: 0px; } main.main_content .woocommerce-cart-form .shop_table, main.main_content .woocommerce-checkout-review-order .shop_table, main.main_content .woocommerce-order-details .shop_table{ width: calc(100% + 80px); margin-left: -40px; } main.main_content .woocommerce-cart-form .shop_table .product-thumbnail, main.main_content .woocommerce-checkout-review-order .shop_table .product-thumbnail, main.main_content .woocommerce-order-details .shop_table .product-thumbnail{ width: 60px; } main.main_content .woocommerce-cart-form .shop_table .product-thumbnail img, main.main_content .woocommerce-checkout-review-order .shop_table .product-thumbnail img, main.main_content .woocommerce-order-details .shop_table .product-thumbnail img{ width: 90px; } main.main_content .woocommerce-cart-form .shop_table .product-name{ position: absolute; width: calc(100% - 80px); border: 0px; } main.main_content .woocommerce-cart-form .shop_table .product-name a, main.main_content .woocommerce-cart-form .shop_table .product-name span.name, main.main_content .woocommerce-order-details .shop_table .product-name a, main.main_content .woocommerce-order-details .shop_table .product-name span.name{ font-size: 25px; } main.main_content .woocommerce-cart-form .shop_table .product-subtotal{ font-size: 20px; } main.main_content .woocommerce-cart-form .shop_table .product-name .woocommerce-Price-amount{ display: none; } main.main_content .woocommerce-cart-form .shop_table .product-name .name{ width: calc(100% - 60px); position: relative; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .input-quantity{ width: 90px; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .wac-qty-button a{ width: 25px; } main.main_content .woocommerce-cart-form .shop_table .product-quantity .input-quantity .input-text.qty{ width: 40px; margin-left: -5px; } main.main_content .woocommerce-cart-form .shop_table .product-remove{ padding-right: 40px; } main.main_content .woocommerce-cart-form .shop_table .actions td{ padding: 40px !important; } main.main_content .woocommerce-cart-form .shop_table .actions #coupon_code{ width: 100%; margin-bottom: 10px; } main.main_content .woocommerce-cart-form .shop_table .actions .button{ width: 100%; } main.main_content .cart_totals, main.main_content .woocommerce-columns--addresses{ margin-top: 90px; } main.main_content .woocommerce-columns--addresses{ margin-top: 60px; } .woocommerce-column.divide.half{ width: 100%; } .woocommerce-column--shipping-address{ padding-top: 40px; } footer.main_footer .persoon{ display: none; } footer.main_footer .copy{ width: 100%; } .woocommerce-orders-table__header-order-actions, .woocommerce-orders-table__cell-order-actions{ display: none; } main.main_content .filter.half{ width: 100%; padding-left: 0px !important; padding-right: 0px !important; } .woocommerce-checkout main.main_content .page_content, .woocommerce-cart main.main_content .page_content{ display: none; } footer.main_footer .copy{ margin-top: 30px; } #gallery-1.gallery-columns-3 .gallery-item{ width: 50% !important; } section.images_gallery { padding-bottom: 45px; } section.images_gallery .images .image { width: 150px; } section.content-pakketten article .button{ width: 100%; } } @media handheld, screen and (max-width: 550px) { header.navigation_left .logo img{ max-width: 225px; } main.main_content .page_header_image{ height: 320px; } main.main_content .page_home_header .header_logo{ width: 66.66%; top: calc(50% - 60px); } main.main_content .page_header_content{ margin-top: 260px; } main.main_content .page_header_content, main.main_content .page_content, main.main_content .evenement-content{ padding: 40px 20px; } main.main_content .shop_header .page_header_content{ padding: 40px 40px 20px 40px; } main.main_content .block-content{ padding-bottom: 10px; } main.main_content .page_content .content-block-image:nth-last-child(2){ margin-bottom: -40px; } main.main_content .block-image.fl img, main.main_content .evenement-content .divide.fr img, main.main_content .evenement-content .divide.fl img { width: calc(100% + 80px); max-width: none; margin-left: -40px; } main.main_content .evenement-content .divide.fr img, main.main_content .evenement-content .divide.fl img{ margin-bottom: 40px; margin-top: -40px; } main.main_content .evenement:first-child .evenement-content .divide.fr img, main.main_content .evenement:first-child .evenement-content .divide.fl img{ margin-top: 0px; } main.main_content .page_content .filters .cat_filter{ width: 100%; padding-bottom: 10px; } main.main_content .page_content .filters .cat_filter label.button{ width: 100%; } main.main_content .page_content .googlemaps{ height: 450px; width: calc(100% + 80px); margin-left: -40px; margin-bottom: -40px; margin-top: 40px; } main.main_content .bier-uitgelicht-content{ padding-top: 60px; } main.main_content .bier-uitgelicht-content .uitgelicht-text{ width: 100%; } main.main_content .bier-uitgelicht-content .flesje{ width: 100%; right: 0px; position: relative; } main.main_content .bier-uitgelicht-content .flesje img{ height: 350px; margin: 0 auto; } main.main_content .bier-uitgelicht-content .show-button{ left: auto; right: 30px; bottom: 280px; } main.main_content .bier-uitgelicht-bottom{ position: absolute; bottom: 0px; height: 90px; } .woocommerce-MyAccount-navigation li{ width: 100%; } .woocommerce-MyAccount-navigation li a{ margin-right: 0px; } main.main_content .woocommerce-order-overview li>span, main.main_content .woocommerce-order-overview li>strong{ display: block; width: 100%; } main.main_content .woocommerce-order-overview li>span{ font-weight: bold; } main.main_content .woocommerce-order-overview li>strong{ font-weight: 100; margin-bottom: 10px; } footer.main_footer .threequarter{ width: 100%; padding: 40px 40px 40px 40px; } .woocommerce-orders-table__cell-order-date, .woocommerce-orders-table__header-order-date{ display: none; } main.main_content .page_header_product .page-title{ padding-right: 0px; } main.main_content .page_header_product .cart{ position: relative; right: auto; top: auto; } section.content-pakketten-bottom .inner{ padding-top: 50px; } } @media handheld, screen and (max-width: 350px) { main.main_content .evenement-content h2{ font-size: 32px; } main.main_content .woocommerce-cart-form .shop_table .product-thumbnail, main.main_content .woocommerce-checkout-review-order .shop_table .product-thumbnail, main.main_content .woocommerce-order-details .shop_table .product-thumbnail{ width: 60px; padding-right: 0px; } main.main_content .woocommerce-cart-form .shop_table .product-thumbnail img, main.main_content .woocommerce-checkout-review-order .shop_table .product-thumbnail img, main.main_content .woocommerce-order-details .shop_table .product-thumbnail img{ width: 60px; } }