@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700|Oswald:400,700); body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.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:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.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{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} @charset "UTF-8"; /*! * Bootstrap Grid v4.6.0 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container, .container-fluid, .container-ul, .container-xl, .container-lg { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 1024px) { .container-lg, .container-md, .container-sm, .container-xs { max-width: 1140px; } } @media (min-width: 1280px) { .container-xl, .container-lg, .container-md, .container-sm, .container-xs { max-width: 1280px; } } @media (min-width: 1440px) { .container-ul, .container-xl, .container-lg, .container-md, .container-sm, .container-xs { max-width: 1280px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-ul, .col-ul-auto, .col-ul-12, .col-ul-11, .col-ul-10, .col-ul-9, .col-ul-8, .col-ul-7, .col-ul-6, .col-ul-5, .col-ul-4, .col-ul-3, .col-ul-2, .col-ul-1, .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs, .col-xs-auto, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 375px) { .col-xs { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xs-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xs-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xs-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xs-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xs-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xs-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xs-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xs-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xs-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-xs-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xs-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-xs-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xs-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-xs-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xs-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xs-12 { flex: 0 0 100%; max-width: 100%; } .order-xs-first { order: -1; } .order-xs-last { order: 13; } .order-xs-0 { order: 0; } .order-xs-1 { order: 1; } .order-xs-2 { order: 2; } .order-xs-3 { order: 3; } .order-xs-4 { order: 4; } .order-xs-5 { order: 5; } .order-xs-6 { order: 6; } .order-xs-7 { order: 7; } .order-xs-8 { order: 8; } .order-xs-9 { order: 9; } .order-xs-10 { order: 10; } .order-xs-11 { order: 11; } .order-xs-12 { order: 12; } .offset-xs-0 { margin-left: 0; } .offset-xs-1 { margin-left: 8.3333333333%; } .offset-xs-2 { margin-left: 16.6666666667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.3333333333%; } .offset-xs-5 { margin-left: 41.6666666667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.3333333333%; } .offset-xs-8 { margin-left: 66.6666666667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.3333333333%; } .offset-xs-11 { margin-left: 91.6666666667%; } } @media (min-width: 480px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 1024px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1280px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } @media (min-width: 1440px) { .col-ul { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-ul-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-ul-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-ul-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-ul-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-ul-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-ul-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-ul-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-ul-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-ul-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-ul-3 { flex: 0 0 25%; max-width: 25%; } .col-ul-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-ul-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-ul-6 { flex: 0 0 50%; max-width: 50%; } .col-ul-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-ul-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-ul-9 { flex: 0 0 75%; max-width: 75%; } .col-ul-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-ul-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-ul-12 { flex: 0 0 100%; max-width: 100%; } .order-ul-first { order: -1; } .order-ul-last { order: 13; } .order-ul-0 { order: 0; } .order-ul-1 { order: 1; } .order-ul-2 { order: 2; } .order-ul-3 { order: 3; } .order-ul-4 { order: 4; } .order-ul-5 { order: 5; } .order-ul-6 { order: 6; } .order-ul-7 { order: 7; } .order-ul-8 { order: 8; } .order-ul-9 { order: 9; } .order-ul-10 { order: 10; } .order-ul-11 { order: 11; } .order-ul-12 { order: 12; } .offset-ul-0 { margin-left: 0; } .offset-ul-1 { margin-left: 8.3333333333%; } .offset-ul-2 { margin-left: 16.6666666667%; } .offset-ul-3 { margin-left: 25%; } .offset-ul-4 { margin-left: 33.3333333333%; } .offset-ul-5 { margin-left: 41.6666666667%; } .offset-ul-6 { margin-left: 50%; } .offset-ul-7 { margin-left: 58.3333333333%; } .offset-ul-8 { margin-left: 66.6666666667%; } .offset-ul-9 { margin-left: 75%; } .offset-ul-10 { margin-left: 83.3333333333%; } .offset-ul-11 { margin-left: 91.6666666667%; } } @media (min-width: 375px) { .d-xs-none { display: none !important; } .d-xs-inline { display: inline !important; } .d-xs-inline-block { display: inline-block !important; } .d-xs-block { display: block !important; } .d-xs-table { display: table !important; } .d-xs-table-row { display: table-row !important; } .d-xs-table-cell { display: table-cell !important; } .d-xs-flex { display: flex !important; } .d-xs-inline-flex { display: inline-flex !important; } } @media (min-width: 480px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1280px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media (min-width: 1440px) { .d-ul-none { display: none !important; } .d-ul-inline { display: inline !important; } .d-ul-inline-block { display: inline-block !important; } .d-ul-block { display: block !important; } .d-ul-table { display: table !important; } .d-ul-table-row { display: table-row !important; } .d-ul-table-cell { display: table-cell !important; } .d-ul-flex { display: flex !important; } .d-ul-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } @media (min-width: 375px) { .flex-xs-row { flex-direction: row !important; } .flex-xs-column { flex-direction: column !important; } .flex-xs-row-reverse { flex-direction: row-reverse !important; } .flex-xs-column-reverse { flex-direction: column-reverse !important; } .flex-xs-wrap { flex-wrap: wrap !important; } .flex-xs-nowrap { flex-wrap: nowrap !important; } .flex-xs-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xs-fill { flex: 1 1 auto !important; } .flex-xs-grow-0 { flex-grow: 0 !important; } .flex-xs-grow-1 { flex-grow: 1 !important; } .flex-xs-shrink-0 { flex-shrink: 0 !important; } .flex-xs-shrink-1 { flex-shrink: 1 !important; } .justify-content-xs-start { justify-content: flex-start !important; } .justify-content-xs-end { justify-content: flex-end !important; } .justify-content-xs-center { justify-content: center !important; } .justify-content-xs-between { justify-content: space-between !important; } .justify-content-xs-around { justify-content: space-around !important; } .align-items-xs-start { align-items: flex-start !important; } .align-items-xs-end { align-items: flex-end !important; } .align-items-xs-center { align-items: center !important; } .align-items-xs-baseline { align-items: baseline !important; } .align-items-xs-stretch { align-items: stretch !important; } .align-content-xs-start { align-content: flex-start !important; } .align-content-xs-end { align-content: flex-end !important; } .align-content-xs-center { align-content: center !important; } .align-content-xs-between { align-content: space-between !important; } .align-content-xs-around { align-content: space-around !important; } .align-content-xs-stretch { align-content: stretch !important; } .align-self-xs-auto { align-self: auto !important; } .align-self-xs-start { align-self: flex-start !important; } .align-self-xs-end { align-self: flex-end !important; } .align-self-xs-center { align-self: center !important; } .align-self-xs-baseline { align-self: baseline !important; } .align-self-xs-stretch { align-self: stretch !important; } } @media (min-width: 480px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 1024px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1280px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } @media (min-width: 1440px) { .flex-ul-row { flex-direction: row !important; } .flex-ul-column { flex-direction: column !important; } .flex-ul-row-reverse { flex-direction: row-reverse !important; } .flex-ul-column-reverse { flex-direction: column-reverse !important; } .flex-ul-wrap { flex-wrap: wrap !important; } .flex-ul-nowrap { flex-wrap: nowrap !important; } .flex-ul-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-ul-fill { flex: 1 1 auto !important; } .flex-ul-grow-0 { flex-grow: 0 !important; } .flex-ul-grow-1 { flex-grow: 1 !important; } .flex-ul-shrink-0 { flex-shrink: 0 !important; } .flex-ul-shrink-1 { flex-shrink: 1 !important; } .justify-content-ul-start { justify-content: flex-start !important; } .justify-content-ul-end { justify-content: flex-end !important; } .justify-content-ul-center { justify-content: center !important; } .justify-content-ul-between { justify-content: space-between !important; } .justify-content-ul-around { justify-content: space-around !important; } .align-items-ul-start { align-items: flex-start !important; } .align-items-ul-end { align-items: flex-end !important; } .align-items-ul-center { align-items: center !important; } .align-items-ul-baseline { align-items: baseline !important; } .align-items-ul-stretch { align-items: stretch !important; } .align-content-ul-start { align-content: flex-start !important; } .align-content-ul-end { align-content: flex-end !important; } .align-content-ul-center { align-content: center !important; } .align-content-ul-between { align-content: space-between !important; } .align-content-ul-around { align-content: space-around !important; } .align-content-ul-stretch { align-content: stretch !important; } .align-self-ul-auto { align-self: auto !important; } .align-self-ul-start { align-self: flex-start !important; } .align-self-ul-end { align-self: flex-end !important; } .align-self-ul-center { align-self: center !important; } .align-self-ul-baseline { align-self: baseline !important; } .align-self-ul-stretch { align-self: stretch !important; } } @media (min-width: 375px) { .m-xs-0 { margin: 0 !important; } .mt-xs-0, .my-xs-0 { margin-top: 0 !important; } .mr-xs-0, .mx-xs-0 { margin-right: 0 !important; } .mb-xs-0, .my-xs-0 { margin-bottom: 0 !important; } .ml-xs-0, .mx-xs-0 { margin-left: 0 !important; } .m-xs-1 { margin: 0.25rem !important; } .mt-xs-1, .my-xs-1 { margin-top: 0.25rem !important; } .mr-xs-1, .mx-xs-1 { margin-right: 0.25rem !important; } .mb-xs-1, .my-xs-1 { margin-bottom: 0.25rem !important; } .ml-xs-1, .mx-xs-1 { margin-left: 0.25rem !important; } .m-xs-2 { margin: 0.5rem !important; } .mt-xs-2, .my-xs-2 { margin-top: 0.5rem !important; } .mr-xs-2, .mx-xs-2 { margin-right: 0.5rem !important; } .mb-xs-2, .my-xs-2 { margin-bottom: 0.5rem !important; } .ml-xs-2, .mx-xs-2 { margin-left: 0.5rem !important; } .m-xs-3 { margin: 1rem !important; } .mt-xs-3, .my-xs-3 { margin-top: 1rem !important; } .mr-xs-3, .mx-xs-3 { margin-right: 1rem !important; } .mb-xs-3, .my-xs-3 { margin-bottom: 1rem !important; } .ml-xs-3, .mx-xs-3 { margin-left: 1rem !important; } .m-xs-4 { margin: 1.5rem !important; } .mt-xs-4, .my-xs-4 { margin-top: 1.5rem !important; } .mr-xs-4, .mx-xs-4 { margin-right: 1.5rem !important; } .mb-xs-4, .my-xs-4 { margin-bottom: 1.5rem !important; } .ml-xs-4, .mx-xs-4 { margin-left: 1.5rem !important; } .m-xs-5 { margin: 3rem !important; } .mt-xs-5, .my-xs-5 { margin-top: 3rem !important; } .mr-xs-5, .mx-xs-5 { margin-right: 3rem !important; } .mb-xs-5, .my-xs-5 { margin-bottom: 3rem !important; } .ml-xs-5, .mx-xs-5 { margin-left: 3rem !important; } .p-xs-0 { padding: 0 !important; } .pt-xs-0, .py-xs-0 { padding-top: 0 !important; } .pr-xs-0, .px-xs-0 { padding-right: 0 !important; } .pb-xs-0, .py-xs-0 { padding-bottom: 0 !important; } .pl-xs-0, .px-xs-0 { padding-left: 0 !important; } .p-xs-1 { padding: 0.25rem !important; } .pt-xs-1, .py-xs-1 { padding-top: 0.25rem !important; } .pr-xs-1, .px-xs-1 { padding-right: 0.25rem !important; } .pb-xs-1, .py-xs-1 { padding-bottom: 0.25rem !important; } .pl-xs-1, .px-xs-1 { padding-left: 0.25rem !important; } .p-xs-2 { padding: 0.5rem !important; } .pt-xs-2, .py-xs-2 { padding-top: 0.5rem !important; } .pr-xs-2, .px-xs-2 { padding-right: 0.5rem !important; } .pb-xs-2, .py-xs-2 { padding-bottom: 0.5rem !important; } .pl-xs-2, .px-xs-2 { padding-left: 0.5rem !important; } .p-xs-3 { padding: 1rem !important; } .pt-xs-3, .py-xs-3 { padding-top: 1rem !important; } .pr-xs-3, .px-xs-3 { padding-right: 1rem !important; } .pb-xs-3, .py-xs-3 { padding-bottom: 1rem !important; } .pl-xs-3, .px-xs-3 { padding-left: 1rem !important; } .p-xs-4 { padding: 1.5rem !important; } .pt-xs-4, .py-xs-4 { padding-top: 1.5rem !important; } .pr-xs-4, .px-xs-4 { padding-right: 1.5rem !important; } .pb-xs-4, .py-xs-4 { padding-bottom: 1.5rem !important; } .pl-xs-4, .px-xs-4 { padding-left: 1.5rem !important; } .p-xs-5 { padding: 3rem !important; } .pt-xs-5, .py-xs-5 { padding-top: 3rem !important; } .pr-xs-5, .px-xs-5 { padding-right: 3rem !important; } .pb-xs-5, .py-xs-5 { padding-bottom: 3rem !important; } .pl-xs-5, .px-xs-5 { padding-left: 3rem !important; } .m-xs-n1 { margin: -0.25rem !important; } .mt-xs-n1, .my-xs-n1 { margin-top: -0.25rem !important; } .mr-xs-n1, .mx-xs-n1 { margin-right: -0.25rem !important; } .mb-xs-n1, .my-xs-n1 { margin-bottom: -0.25rem !important; } .ml-xs-n1, .mx-xs-n1 { margin-left: -0.25rem !important; } .m-xs-n2 { margin: -0.5rem !important; } .mt-xs-n2, .my-xs-n2 { margin-top: -0.5rem !important; } .mr-xs-n2, .mx-xs-n2 { margin-right: -0.5rem !important; } .mb-xs-n2, .my-xs-n2 { margin-bottom: -0.5rem !important; } .ml-xs-n2, .mx-xs-n2 { margin-left: -0.5rem !important; } .m-xs-n3 { margin: -1rem !important; } .mt-xs-n3, .my-xs-n3 { margin-top: -1rem !important; } .mr-xs-n3, .mx-xs-n3 { margin-right: -1rem !important; } .mb-xs-n3, .my-xs-n3 { margin-bottom: -1rem !important; } .ml-xs-n3, .mx-xs-n3 { margin-left: -1rem !important; } .m-xs-n4 { margin: -1.5rem !important; } .mt-xs-n4, .my-xs-n4 { margin-top: -1.5rem !important; } .mr-xs-n4, .mx-xs-n4 { margin-right: -1.5rem !important; } .mb-xs-n4, .my-xs-n4 { margin-bottom: -1.5rem !important; } .ml-xs-n4, .mx-xs-n4 { margin-left: -1.5rem !important; } .m-xs-n5 { margin: -3rem !important; } .mt-xs-n5, .my-xs-n5 { margin-top: -3rem !important; } .mr-xs-n5, .mx-xs-n5 { margin-right: -3rem !important; } .mb-xs-n5, .my-xs-n5 { margin-bottom: -3rem !important; } .ml-xs-n5, .mx-xs-n5 { margin-left: -3rem !important; } .m-xs-auto { margin: auto !important; } .mt-xs-auto, .my-xs-auto { margin-top: auto !important; } .mr-xs-auto, .mx-xs-auto { margin-right: auto !important; } .mb-xs-auto, .my-xs-auto { margin-bottom: auto !important; } .ml-xs-auto, .mx-xs-auto { margin-left: auto !important; } } @media (min-width: 480px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1024px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1280px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .m-ul-0 { margin: 0 !important; } .mt-ul-0, .my-ul-0 { margin-top: 0 !important; } .mr-ul-0, .mx-ul-0 { margin-right: 0 !important; } .mb-ul-0, .my-ul-0 { margin-bottom: 0 !important; } .ml-ul-0, .mx-ul-0 { margin-left: 0 !important; } .m-ul-1 { margin: 0.25rem !important; } .mt-ul-1, .my-ul-1 { margin-top: 0.25rem !important; } .mr-ul-1, .mx-ul-1 { margin-right: 0.25rem !important; } .mb-ul-1, .my-ul-1 { margin-bottom: 0.25rem !important; } .ml-ul-1, .mx-ul-1 { margin-left: 0.25rem !important; } .m-ul-2 { margin: 0.5rem !important; } .mt-ul-2, .my-ul-2 { margin-top: 0.5rem !important; } .mr-ul-2, .mx-ul-2 { margin-right: 0.5rem !important; } .mb-ul-2, .my-ul-2 { margin-bottom: 0.5rem !important; } .ml-ul-2, .mx-ul-2 { margin-left: 0.5rem !important; } .m-ul-3 { margin: 1rem !important; } .mt-ul-3, .my-ul-3 { margin-top: 1rem !important; } .mr-ul-3, .mx-ul-3 { margin-right: 1rem !important; } .mb-ul-3, .my-ul-3 { margin-bottom: 1rem !important; } .ml-ul-3, .mx-ul-3 { margin-left: 1rem !important; } .m-ul-4 { margin: 1.5rem !important; } .mt-ul-4, .my-ul-4 { margin-top: 1.5rem !important; } .mr-ul-4, .mx-ul-4 { margin-right: 1.5rem !important; } .mb-ul-4, .my-ul-4 { margin-bottom: 1.5rem !important; } .ml-ul-4, .mx-ul-4 { margin-left: 1.5rem !important; } .m-ul-5 { margin: 3rem !important; } .mt-ul-5, .my-ul-5 { margin-top: 3rem !important; } .mr-ul-5, .mx-ul-5 { margin-right: 3rem !important; } .mb-ul-5, .my-ul-5 { margin-bottom: 3rem !important; } .ml-ul-5, .mx-ul-5 { margin-left: 3rem !important; } .p-ul-0 { padding: 0 !important; } .pt-ul-0, .py-ul-0 { padding-top: 0 !important; } .pr-ul-0, .px-ul-0 { padding-right: 0 !important; } .pb-ul-0, .py-ul-0 { padding-bottom: 0 !important; } .pl-ul-0, .px-ul-0 { padding-left: 0 !important; } .p-ul-1 { padding: 0.25rem !important; } .pt-ul-1, .py-ul-1 { padding-top: 0.25rem !important; } .pr-ul-1, .px-ul-1 { padding-right: 0.25rem !important; } .pb-ul-1, .py-ul-1 { padding-bottom: 0.25rem !important; } .pl-ul-1, .px-ul-1 { padding-left: 0.25rem !important; } .p-ul-2 { padding: 0.5rem !important; } .pt-ul-2, .py-ul-2 { padding-top: 0.5rem !important; } .pr-ul-2, .px-ul-2 { padding-right: 0.5rem !important; } .pb-ul-2, .py-ul-2 { padding-bottom: 0.5rem !important; } .pl-ul-2, .px-ul-2 { padding-left: 0.5rem !important; } .p-ul-3 { padding: 1rem !important; } .pt-ul-3, .py-ul-3 { padding-top: 1rem !important; } .pr-ul-3, .px-ul-3 { padding-right: 1rem !important; } .pb-ul-3, .py-ul-3 { padding-bottom: 1rem !important; } .pl-ul-3, .px-ul-3 { padding-left: 1rem !important; } .p-ul-4 { padding: 1.5rem !important; } .pt-ul-4, .py-ul-4 { padding-top: 1.5rem !important; } .pr-ul-4, .px-ul-4 { padding-right: 1.5rem !important; } .pb-ul-4, .py-ul-4 { padding-bottom: 1.5rem !important; } .pl-ul-4, .px-ul-4 { padding-left: 1.5rem !important; } .p-ul-5 { padding: 3rem !important; } .pt-ul-5, .py-ul-5 { padding-top: 3rem !important; } .pr-ul-5, .px-ul-5 { padding-right: 3rem !important; } .pb-ul-5, .py-ul-5 { padding-bottom: 3rem !important; } .pl-ul-5, .px-ul-5 { padding-left: 3rem !important; } .m-ul-n1 { margin: -0.25rem !important; } .mt-ul-n1, .my-ul-n1 { margin-top: -0.25rem !important; } .mr-ul-n1, .mx-ul-n1 { margin-right: -0.25rem !important; } .mb-ul-n1, .my-ul-n1 { margin-bottom: -0.25rem !important; } .ml-ul-n1, .mx-ul-n1 { margin-left: -0.25rem !important; } .m-ul-n2 { margin: -0.5rem !important; } .mt-ul-n2, .my-ul-n2 { margin-top: -0.5rem !important; } .mr-ul-n2, .mx-ul-n2 { margin-right: -0.5rem !important; } .mb-ul-n2, .my-ul-n2 { margin-bottom: -0.5rem !important; } .ml-ul-n2, .mx-ul-n2 { margin-left: -0.5rem !important; } .m-ul-n3 { margin: -1rem !important; } .mt-ul-n3, .my-ul-n3 { margin-top: -1rem !important; } .mr-ul-n3, .mx-ul-n3 { margin-right: -1rem !important; } .mb-ul-n3, .my-ul-n3 { margin-bottom: -1rem !important; } .ml-ul-n3, .mx-ul-n3 { margin-left: -1rem !important; } .m-ul-n4 { margin: -1.5rem !important; } .mt-ul-n4, .my-ul-n4 { margin-top: -1.5rem !important; } .mr-ul-n4, .mx-ul-n4 { margin-right: -1.5rem !important; } .mb-ul-n4, .my-ul-n4 { margin-bottom: -1.5rem !important; } .ml-ul-n4, .mx-ul-n4 { margin-left: -1.5rem !important; } .m-ul-n5 { margin: -3rem !important; } .mt-ul-n5, .my-ul-n5 { margin-top: -3rem !important; } .mr-ul-n5, .mx-ul-n5 { margin-right: -3rem !important; } .mb-ul-n5, .my-ul-n5 { margin-bottom: -3rem !important; } .ml-ul-n5, .mx-ul-n5 { margin-left: -3rem !important; } .m-ul-auto { margin: auto !important; } .mt-ul-auto, .my-ul-auto { margin-top: auto !important; } .mr-ul-auto, .mx-ul-auto { margin-right: auto !important; } .mb-ul-auto, .my-ul-auto { margin-bottom: auto !important; } .ml-ul-auto, .mx-ul-auto { margin-left: auto !important; } } /* VENDOR */ .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 1024px) { .container { max-width: 1140px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 1440px) { .container { max-width: 1280px; } } .container .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding: 30px 0; } @media (min-width: 768px) { .container .row { padding: 60px 0; } } @media (min-width: 1280px) { .container .row { padding: 80px 0; } } .container .row .col { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 100%; max-width: 100%; display: flex; flex-direction: column; } html { margin: 0; padding: 0; width: 100%; } html body { margin: 0; padding: 0; width: 100%; background-color: #fff; color: #000; display: flex; flex-direction: column; position: relative; /* Change autocomplete styles in WebKit */ } @supports (-webkit-overflow-scrolling: touch) { html body.scroll { height: 100%; width: 100%; } } html body figure { margin: 0; } html body img { display: block; width: 100%; } html body input:-webkit-autofill, html body input:-webkit-autofill:hover, html body input:-webkit-autofill:focus input:-webkit-autofill, html body textarea:-webkit-autofill, html body textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, html body select:-webkit-autofill, html body select:-webkit-autofill:hover, html body select:-webkit-autofill:focus { border: none; -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } html body section.lpspeciaalvoorrestaurants, html body section.lpfaq { background-color: #EFF7F7; } html body.single-post { overflow: initial; } body { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 21px; font-weight: 300; color: #000; } body h1 { font-family: "Oswald", sans-serif; font-size: 37px; font-weight: 700; margin: 0 0 5px 0; line-height: 1.2em; text-transform: uppercase; } @media (min-width: 768px) { body h1 { font-size: 50px; line-height: 1em; } } body h2 { font-family: "Oswald", sans-serif; font-size: 28px; font-weight: 400; margin: 0 0 5px 0; line-height: 1.2em; text-transform: uppercase; } @media (min-width: 768px) { body h2 { font-size: 37px; line-height: 1em; } } body h3 { font-family: "Oswald", sans-serif; font-size: 21px; font-weight: 400; line-height: 1.2em; margin: 0 0 5px; text-transform: uppercase; } @media (min-width: 768px) { body h3 { font-size: 28px; line-height: 1em; } } body h4 { font-family: "Oswald", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2em; margin: 0 0 5px; text-transform: uppercase; } @media (min-width: 768px) { body h4 { font-size: 21px; line-height: 1em; } } body h5 { font-size: 1.2em; font-weight: 400; margin: 0 0 15px; } body p { font-size: 1em; margin: 0; line-height: 2em; } body p:not(:last-child) { margin: 0 0 15px 0; } body a { text-decoration: none; color: inherit; } body a.link:hover { text-decoration: underline; } body q { font-size: 1em; margin: 0; line-height: 1.7em; } body q:not(:last-child) { margin: 0 0 15px 0; } body q.bigquote { font-size: 1.8em; font-weight: 400; line-height: 1.5em; margin: 0 0 5px; text-transform: uppercase; } body ul { list-style-type: none; padding-left: 0; margin: 0; } body ul:not(:last-child) { margin: 0 0 15px 0; } .button, input[type=submit], #gform_submit_button_10, gform_button { display: flex; flex-direction: row; justify-content: center; align-items: center; -webkit-appearance: none; outline: none; color: #fff; background-color: #E94362; font-family: "Oswald", sans-serif; text-transform: uppercase; border-radius: 100px; padding: 12px 15px; transition: all 0.15s ease-in-out; } @media (min-width: 1024px) { .button, input[type=submit], #gform_submit_button_10, gform_button { padding: 14px 30px; } } .button:hover, input[type=submit]:hover, #gform_submit_button_10:hover, gform_button:hover { background-color: #EF7289; } .button span, input[type=submit] span, #gform_submit_button_10 span, gform_button span { font-family: "Oswald", sans-serif; font-weight: 500; line-height: 1em; text-transform: uppercase; transition: text-shadow 0.2s ease-in-out; } .button.grey, input[type=submit].grey, #gform_submit_button_10.grey, gform_button.grey { background-color: #dedede; color: #000; } .button.grey:hover, input[type=submit].grey:hover, #gform_submit_button_10.grey:hover, gform_button.grey:hover { background-color: #C9C9C9; } .button.bluegreen, input[type=submit].bluegreen, #gform_submit_button_10.bluegreen, gform_button.bluegreen { background-color: #66C1BF; } .button.bluegreen:hover, input[type=submit].bluegreen:hover, #gform_submit_button_10.bluegreen:hover, gform_button.bluegreen:hover { background-color: #8CD1CF; } .button.blue, input[type=submit].blue, #gform_submit_button_10.blue, gform_button.blue { background-color: #00ABE4; } .button.blue:hover, input[type=submit].blue:hover, #gform_submit_button_10.blue:hover, gform_button.blue:hover { background-color: #3FC0EB; } .button.button-transparent, input[type=submit].button-transparent, #gform_submit_button_10.button-transparent, gform_button.button-transparent { background-color: transparent; border: 2px solid #fff; } .button.button-transparent span, input[type=submit].button-transparent span, #gform_submit_button_10.button-transparent span, gform_button.button-transparent span { color: #fff; } .button.transparent-white span, input[type=submit].transparent-white span, #gform_submit_button_10.transparent-white span, gform_button.transparent-white span { color: #fff; } .button.transparent-grey, input[type=submit].transparent-grey, #gform_submit_button_10.transparent-grey, gform_button.transparent-grey { background-color: transparent; border: 2px solid #7C7C7C; } .button.transparent-grey span, input[type=submit].transparent-grey span, #gform_submit_button_10.transparent-grey span, gform_button.transparent-grey span { color: #7C7C7C; } .hamburger { padding: 0 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; height: 45px; cursor: pointer; } .hamburger :focus { outline: 0; } .hamburger:hover { opacity: 1; } @media (min-width: 1024px) { .hamburger { display: none; } } .hamburger .hamburger__box { width: 28px; height: 19px; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); margin-top: 2px; } .hamburger .hamburger__inner { display: block; top: 50%; margin-top: -3.5px; } .hamburger .hamburger__inner, .hamburger .hamburger__inner::before, .hamburger .hamburger__inner::after { width: 28px; height: 3px; background-color: #000; border-radius: 3px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger .hamburger__inner::before, .hamburger .hamburger__inner::after { content: ""; display: block; } .hamburger .hamburger__inner::before { top: -8px; } .hamburger .hamburger__inner::after { bottom: -8px; } .hamburger .hamburger__inner { top: 1.5px; } .hamburger .hamburger__inner::before { top: 8px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger .hamburger__inner::after { top: 16px; } .hamburger.is-active .hamburger__inner { transform: translate3d(0, 8px, 0) rotate(45deg); } .hamburger.is-active .hamburger__inner::before { transform: rotate(-45deg) translate3d(-4px, -5px, 0); opacity: 0; } .hamburger.is-active .hamburger__inner::after { transform: translate3d(0, -16px, 0) rotate(-90deg); } /* Slider */ /* Icons */ @font-face { font-family: "slick"; font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 25px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; z-index: 5; bottom: 18px; } .slick-prev:hover, .slick-next:hover { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before { opacity: 0.35; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.15; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 15px; line-height: 1; display: block; width: 15px; color: black; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: calc(50% - 150px); } [dir=rtl] .slick-prev { left: auto; right: 30px; } .slick-prev:before { content: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/arrow-left.svg"); } [dir=rtl] .slick-prev:before { content: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/arrow-right.svg"); } .slick-next { right: calc(50% - 150px); } [dir=rtl] .slick-next { left: 30px; right: auto; } .slick-next:before { content: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/arrow-right.svg"); } [dir=rtl] .slick-next:before { content: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/arrow-left.svg"); } /* Dots */ .slick-dotted.slick-slider { margin-bottom: -6px; } .slick-dots { list-style: none; display: block; text-align: center; padding: 0; margin: 0 0 5px; width: 100%; z-index: 4; position: absolute; bottom: 15px; left: 0; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 0.35; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 30px; line-height: 20px; text-align: center; color: #fff; opacity: 0.15; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 1; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; height: auto; min-height: 1px; outline: none; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-slider { opacity: 0; } .slick-slider.slick-initialized { opacity: 1; } header { background-color: #fff; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); height: 50px; position: sticky; top: 0; z-index: 99991; } @media (min-width: 1024px) { header { height: 70px; } } header .container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; } @media (max-width: 1023.98px) { header .container { padding-right: 0; } } @media (max-width: 1023.98px) { header .container .logo { z-index: 2; } header .container .logo:after { background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/mobile-logo-background.svg"); content: ""; display: block; width: 114px; height: 90px; position: absolute; left: 0; top: 0; z-index: -1; } } header .container .logo a img.original { width: 73px; margin: 22px 0 0 8px; } header .container .logo a img.horizontal { display: none; } @media (min-width: 1024px) { header .container .logo a img.original { display: none; } header .container .logo a img.horizontal { display: block; width: 180px; } } @media (min-width: 1280px) { header .container .logo a img.horizontal { width: 240px; } } header .container nav.navigation { display: flex; flex-direction: column; font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 14px; } @media (max-width: 1023.98px) { header .container nav.navigation { position: absolute; width: 100%; height: calc(100vh - 50px); /* Fallback for browsers that do not support Custom Properties */ height: calc((var(--vh, 1vh) * 100) - 50px); top: 50px; left: 0; right: 0; display: flex; flex-direction: column; background-color: #202020; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); color: #fff; opacity: 0; overflow: auto; pointer-events: none; transition: opacity 0.3s ease-in-out; } header .container nav.navigation.visible { opacity: 1; pointer-events: inherit; } } @media (min-width: 1024px) { header .container nav.navigation { opacity: 1; pointer-events: inherit; flex-direction: row; background-color: transparent; position: inherit; width: auto; height: 100%; padding: 0; margin-left: auto; margin-right: 15px; top: 0; right: 0; font-size: 16px; } } @media (max-width: 1023.98px) { header .container nav.navigation ul { overflow: scroll; max-height: calc(100vh - 50px); padding: 40px 0 20px; } } @media (min-width: 1024px) { header .container nav.navigation ul { display: flex; flex-direction: row; align-items: center; } } header .container nav.navigation ul li { position: relative; } @media (max-width: 1023.98px) { header .container nav.navigation ul li { max-width: 210px; margin: 0 auto; } } @media (min-width: 1024px) { header .container nav.navigation ul li { display: flex; } } header .container nav.navigation ul li.has-children .inner { display: block; max-height: initial; opacity: 0; overflow: hidden; transition: opacity 0.2s 0.2s, max-height 0.2s 0s; } @media (max-width: 1023.98px) { header .container nav.navigation ul li.has-children .inner { display: block; max-height: initial; opacity: 1; overflow: auto; margin-bottom: 10px; transition: opacity 0.2s 0.2s, max-height 0.2s 0s; } header .container nav.navigation ul li.has-children .inner ul { padding: 0; } header .container nav.navigation ul li.has-children .inner ul li { padding: 5px 15px; } header .container nav.navigation ul li.has-children .inner ul li a { font-size: 19px; } } @media (min-width: 1024px) { header .container nav.navigation ul li.has-children .inner { display: flex; position: absolute; top: 70px; min-width: 100%; max-height: 0px; box-shadow: inset 0 3px 20px rgba(127, 127, 127, 0.2); background-color: #fff; } header .container nav.navigation ul li.has-children .inner ul { flex-direction: column; padding: 8px 0; } header .container nav.navigation ul li.has-children .inner ul li { width: 100%; } header .container nav.navigation ul li.has-children .inner ul li a { display: flex; flex-direction: row; align-items: center; padding: 6px 15px; transition: all 0.2s ease-in-out; white-space: nowrap; } header .container nav.navigation ul li.has-children .inner ul li a:hover span, header .container nav.navigation ul li.has-children .inner ul li a.active span { color: #E94362; } } header .container nav.navigation ul li.has-children:hover .inner { opacity: 1; max-height: 300px; transition: opacity 0.2s 0s, max-height 0.2s 0.2s; } @media (max-width: 1023.98px) { header .container nav.navigation ul li.has-children:hover .inner { max-height: inherit !important; opacity: 1; height: auto; transition: opacity 0.2s 0s, max-height 0.2s 0.2s; } } @media (max-width: 1023.98px) { header .container nav.navigation ul li { padding: 0 15px; } header .container nav.navigation ul li.social { display: none; } } header .container nav.navigation ul li a.navlink { padding: 9px 8px; } @media (min-width: 1024px) { header .container nav.navigation ul li a.navlink { padding: 25px 13px; } } @media (min-width: 1280px) { header .container nav.navigation ul li a.navlink { padding: 25px 16px; } } @media (max-width: 1023.98px) { header .container nav.navigation ul li a.navlink { display: block; width: 100%; font-size: 24px; } } header .container nav.navigation ul li a.navlink span { line-height: 1em; text-transform: uppercase; font-weight: 500; } header .container nav.navigation ul li a.navlink:hover span, header .container nav.navigation ul li a.navlink.active span { color: #E94362; } header .container nav.navigation ul li a.navlink .counter { top: -10px; width: 18px; height: 18px; color: #fff; font-size: 13px; background: #E94362; position: relative; font-style: normal; border-radius: 50%; align-items: center; display: inline-flex; justify-content: center; } @media (max-width: 1023.98px) { header .container nav.navigation ul li a.navlink .counter { top: -15px; width: 20px; height: 20px; font-size: 15px; } } header .container .button { padding: 8px 15px; } @media (max-width: 1023.98px) { header .container .button { margin-left: auto; } } @media (min-width: 1024px) { header .container .button { padding: 12px 15px; } } .topbar { display: none; height: 30px; background-color: #B3336C; color: #fff; } @media (min-width: 1024px) { .topbar { display: block; } } .topbar .container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-left: 0; height: 100%; } .topbar .container img { display: inline-block; width: 15px; } .topbar .container span { font-size: 13px; } .topbar .container .left, .topbar .container .right { display: flex; flex-direction: row; } .topbar .container .left .phone, .topbar .container .right .phone { display: flex; flex-direction: row; align-items: center; margin-left: 15px; } .topbar .container .left .phone span, .topbar .container .right .phone span { margin-left: 5px; } .topbar .container .left .rating, .topbar .container .right .rating { display: flex; flex-direction: row; align-items: center; margin-left: 15px; } .topbar .container .left .rating img, .topbar .container .right .rating img { margin-right: 3px; } .topbar .container .left .rating span, .topbar .container .right .rating span { margin-left: 5px; } .topbar .container .left .usp, .topbar .container .right .usp { display: flex; flex-direction: row; align-items: center; margin-left: 15px; } .topbar .container .left .usp img, .topbar .container .right .usp img { margin-right: 5px; } header .container nav.navigation ul li a.navlink { padding: 25px 10px; } .custom-tp-language-switch { padding-left: 15px; padding-right: 15px; } .custom-tp-language-switch li { position: relative; } .custom-tp-language-switch li.active:after { top: 50%; right: -15px; color: #000; font-size: 16px; content: ""; font-weight: bold; position: absolute; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; } .custom-tp-language-switch li a img { width: 25px; height: 25px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; border: 1px solid #EBEBEB; box-shadow: inset 0 3px 6px #00000098; } .custom-tp-language-switch .dropdown-content { top: 30px; opacity: 0; left: -10px; padding: 10px; visibility: hidden; position: absolute; border-radius: 3px; background-color: #fff; border: 1px solid #EBEBEB; transition: 0.3s ease-in-out; box-shadow: 0 3px 30px #00000010; } .custom-tp-language-switch li.active:hover .dropdown-content { opacity: 1; visibility: visible; transition: 0.3s ease-in-out; } .custom-tp-language-switch .dropdown-content ul { display: block !important; } .custom-tp-language-switch .dropdown-content ul li { display: block !important; } .custom-tp-language-switch .dropdown-content ul li:not(:first-child) { margin-top: 5px; } .language-switch-mobile { display: none; } @media screen and (max-width: 1023px) { .language-switch-mobile { display: block; } .language-switch-desktop { display: none; } } footer.footer { color: #fff; background-image: url("footer-background.jpg"); background-size: cover; background-position: 50% 50%; background-color: rgba(31, 49, 49, 0.85); background-blend-mode: darken; display: block; } footer.footer .footer-cta { width: 100%; padding: 10px 0; background-color: rgba(0, 0, 0, 0.4); } @media (max-width: 1023.98px) { footer.footer .footer-cta { padding: 20px 10px; } } footer.footer .footer-cta .wrapper { display: flex; margin: 0 auto; flex-wrap: wrap; max-width: 1120px; flex-direction: row; align-items: center; justify-content: center; } footer.footer .footer-cta .wrapper > * { display: flex; padding: 0 25px; flex-direction: column; justify-content: center; } @media (max-width: 1023.98px) { footer.footer .footer-cta .wrapper > * { width: 100%; flex: 1 0 100%; max-width: 100%; text-align: center; } footer.footer .footer-cta .wrapper > *:not(:last-child) { margin-bottom: 25px; } } footer.footer .footer-cta .wrapper > * a { font-size: 20px; } footer.footer .footer-cta .wrapper > * a i { margin-right: 10px; } footer.footer .container { display: flex; flex-direction: column; align-items: center; max-width: 9999px; padding: 0; position: relative; } footer.footer .container .row { width: 100%; } @media (min-width: 1024px) { footer.footer .container .row.content { max-width: 1140px; } } @media (min-width: 1280px) { footer.footer .container .row.content { max-width: 1280px; font-size: 15px; padding-right: calc(323px - ((100vw - 1250px)/2)); } footer.footer .container .row.content:after { content: ""; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/logo-banner-footer.svg"); background-size: 100%; width: 323px; height: 298px; position: absolute; bottom: 0; right: 0; } } @media (min-width: 1440px) { footer.footer .container .row.content { font-size: 16px; } } footer.footer .container .row.content .col { text-align: center; align-items: center; } @media (min-width: 1024px) { footer.footer .container .row.content .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; text-align: left; align-items: flex-start; } } footer.footer .container .row.content .col h3 { margin-bottom: 12px; } @media (max-width: 1023.98px) { footer.footer .container .row.content .col h3 { display: none; } } footer.footer .container .row.content .col a { line-height: 37px; } footer.footer .container .row.content .col a:hover { text-decoration: underline; } footer.footer .container .row.content .col .logo { width: 110px; filter: invert(100%); margin-bottom: 30px; } @media (min-width: 1024px) { footer.footer .container .row.content .col .logo { display: none; } } @media (max-width: 1023.98px) { footer.footer .container .row.content .col.cases, footer.footer .container .row.content .col.blogs { display: none; } } footer.footer .container .row.content .locations .location:nth-child(2) { margin-top: 30px; } @media (max-width: 1023.98px) { footer.footer .container .row.content .locations .location h3 { display: block; } } footer.footer .container .row.content .locations .location p { margin-bottom: 0; line-height: 37px; } footer.footer .container .row.copyright { display: flex; flex-direction: row; background-color: rgba(0, 0, 0, 0.4); padding: 15px; } footer.footer .container .row.copyright .col { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 10px; padding: 0; } @media (min-width: 480px) { footer.footer .container .row.copyright .col { font-size: 16px; } } @media (min-width: 1024px) { footer.footer .container .row.copyright .col { max-width: 1110px; margin: 0 auto; } } @media (min-width: 1280px) { footer.footer .container .row.copyright .col { max-width: 1250px; padding-right: calc(300px - ((100vw - 1250px)/2)); } } footer.footer .container .row.copyright .col .social { display: flex; flex-direction: row; justify-content: center; margin: 0 auto 10px; } @media (max-width: 767.98px) { footer.footer .container .row.copyright .col .social { order: -1; width: calc(100vw - 30px); } } @media (min-width: 768px) { footer.footer .container .row.copyright .col .social { margin: 0 0 0 10px; } } footer.footer .container .row.copyright .col .social a img { width: 20px; margin: 0 5px; } footer.footer .container .row.copyright .col .links { margin-left: 10px; } @media (min-width: 768px) { footer.footer .container .row.copyright .col .links { margin-left: auto; } } footer.footer .container .row.copyright .col .links a:hover { text-decoration: underline; } footer.footer .container .row.copyright .col .links a:nth-child(1) { margin-right: 5px; } ol.breadcrumbs { display: none; } .cookiepopup { position: relative; bottom: 0; left: 0; z-index: 100; background-color: #fff; padding: 15px; width: 100%; max-width: 100%; border-radius: 4px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); } @media (min-width: 768px) { .cookiepopup { width: calc(100% - 30px); max-width: 350px; position: fixed; bottom: 15px; left: 15px; } } @media screen and (min-width: 767px) { .cookiepopup { bottom: 15px; width: calc(100% - 30px); max-width: 350px; position: fixed; bottom: 15px; left: 15px; } } .cookiepopup .closebutton { position: absolute; width: 30px; background-color: #dc3545; top: 5px; right: 8px; padding: 8px; border-radius: 20px; } @media (min-width: 768px) { .cookiepopup .closebutton { top: -8px; right: -8px; } } @media (max-width: 1023.98px) { .cookiepopup .closebutton { top: 5px; right: 5px; } } .cookiepopup p { padding: 0px 0px 0px 0px; font-size: 0.9em; } @media (max-width: 1023.98px) { .cookiepopup p { padding: 0px 25px 0px 0px; } } .cookiepopup .buttons { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } @media (min-width: 768px) { .cookiepopup .buttons { flex-direction: row; justify-content: space-between; } } @media screen and (min-width: 767px) { .cookiepopup .buttons { flex-direction: row; justify-content: space-between; } .cookiepopup .buttons .button { width: 100%; padding: 10px 10px; } } @media (max-width: 479.98px) { .cookiepopup .buttons .button { width: 100%; padding: 10px 10px; } } .cookiepopup .buttons .button:nth-child(1) { margin-bottom: 0px; margin-right: 30px; } @media (min-width: 480px) { .cookiepopup .buttons .button:nth-child(1) { margin-bottom: 0; margin-right: 30px; } } @media (min-width: 480px) { .cookiepopup .buttons .button { min-width: 130px; } } .disableScroll { overflow: hidden !important; } .fancybox-slide--html { padding: 0 !important; } .fancybox-stage { overflow-y: scroll !important; } .fancybox-bg { opacity: 0.45 !important; } .popup.for-cookie-modal { width: 100%; height: 100%; background-color: transparent; } .popup.for-cookie-modal .fancybox-close-small { display: none !important; } .popup.for-cookie-modal .popup-inner { top: 50%; left: 50%; width: 80%; height: auto; position: fixed; max-width: 500px; overflow-y: auto; margin: 0 !important; padding: 0 !important; z-index: 2 !important; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); background-color: #fff; max-height: calc(100vh - 50px); transform: translateX(-50%) translateY(-50%); } .popup.for-cookie-modal .popup-inner a { outline: none; } @media (max-width: 767.98px) { .popup.for-cookie-modal .popup-inner { top: 110px; max-height: 75vh; overflow-y: scroll; height: auto !important; width: calc(100% - 30px); transform: translateX(-50%); } } .popup.for-cookie-modal .popup-inner .fancybox-button { display: none; } .popup.for-cookie-modal .popup-inner .popup-holder { gap: 0; padding: 0; font-size: 14px; } .popup.for-cookie-modal .popup-inner .popup-holder .content { padding: 20px; line-height: 1.2; } .popup.for-cookie-modal .popup-inner .popup-holder .content a:not(.button) { color: #00ABE4; text-decoration: underline; } @media (max-width: 767.98px) { .popup.for-cookie-modal .popup-inner .popup-holder .content { padding: 0 20px 5px 20px; } } .popup.for-cookie-modal .popup-inner .popup-holder .content h3 { font-size: 26px; margin-bottom: 20px; } @media (max-width: 767.98px) { .popup.for-cookie-modal .popup-inner .popup-holder .content h3 { font-size: 19px; margin-bottom: 10px; } } @media (max-width: 767.98px) { .popup.for-cookie-modal .popup-inner .popup-holder .content p { font-size: 14px; line-height: 1.3; } } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings { padding: 0 20px 20px 20px; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings.is-hidden { display: none; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form { width: 100%; display: inline-block; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label { width: 100%; cursor: pointer; padding-left: 90px; position: relative; display: inline-block; } @media (max-width: 767.98px) { .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label { padding-left: 85px; } } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label:not(:last-child) { margin-bottom: 15px; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label input { width: 0; height: 0; opacity: 0; cursor: pointer; position: absolute; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label input:checked + .slider { background-color: #007bff; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label input:checked + .slider:before { transform: translateX(26px); } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label span { width: 100%; display: inline-block; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label span.label-title { font-weight: 600; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label span.label-content { font-size: 13px; line-height: 1.2; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label span.checkmark { left: 0; top: 50%; width: 25px; height: 25px; position: absolute; align-items: center; display: inline-flex; justify-content: center; transform: translateY(-50%); background-color: #dedede; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label span.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #dedede; transition: 0.4s; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label span.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: #fff; transition: 0.4s; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label span.slider.switch { position: relative; display: inline-block; width: 60px; height: 34px; left: 0; top: 50%; position: absolute; transform: translateY(-50%); } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label span.slider.round { border-radius: 34px; } .popup.for-cookie-modal .popup-inner .popup-holder .cookie-settings form .label span.slider.round:before { border-radius: 50%; } .popup.for-cookie-modal .popup-inner .popup-holder .button-holder { display: inline-flex; } @media (max-width: 1023.98px) { .popup.for-cookie-modal .popup-inner .popup-holder .button-holder { flex-direction: column; } } .popup.for-cookie-modal .popup-inner .popup-holder .button-holder .button { width: 100%; font-size: 18px; text-align: center; } @media (max-width: 767.98px) { .popup.for-cookie-modal .popup-inner .popup-holder .button-holder .button { font-size: 16px; padding: 10px 15px; } } .popup.for-cookie-modal .popup-inner .popup-holder .button-holder .button.accept { background-color: #007bff; color: #fff; border: none; } .popup.for-cookie-modal .popup-inner .popup-holder .button-holder .button.accept:after { all: revert; } .popup.for-cookie-modal .popup-inner .popup-holder .button-holder .button.toggle-cookie-settings { background-color: #000; color: #fff; border: none; } .popup.for-cookie-modal .popup-inner .popup-holder .button-holder .button.toggle-cookie-settings:after { all: revert; } .popup.for-cookie-modal .popup-inner .popup-holder .button-holder .button.toggle-cookie-settings.is-active span.open { display: none; } .popup.for-cookie-modal .popup-inner .popup-holder .button-holder .button.toggle-cookie-settings:not(.is-active) span.close { display: none; } @media (max-width: 767.98px) { .popup.for-cookie-modal .popup-inner { height: 100%; } } .popup.for-cookie-modal .popup-inner .fancybox-button { opacity: 1; width: 50px; height: 50px; color: #000; } .popup.for-cookie-modal .popup-inner .fancybox-button:after { display: none !important; } .popup.for-cookie-modal .popup-inner .fancybox-button:hover { background-color: transparent; } .popup.for-cookie-modal .popup-inner .popup-holder { display: flex; flex-direction: column; gap: 20px; } @media (min-width: 768px) { .popup.for-cookie-modal .popup-inner .popup-holder { gap: 5px; padding: 15px 20px 20px 20px; } } @media (max-width: 767.98px) { .popup.for-cookie-modal .popup-inner .popup-holder { order: 1; padding: 20px 25px 25px 25px; } } .popup.for-cookie-modal .popup-inner .popup-holder .iframe { position: relative; overflow: hidden; width: 100%; padding-top: 62.5%; } .popup.for-cookie-modal .popup-inner .popup-holder .iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .popup.for-cookie-modal .popup-inner .popup-holder h1, .popup.for-cookie-modal .popup-inner .popup-holder h2, .popup.for-cookie-modal .popup-inner .popup-holder h3, .popup.for-cookie-modal .popup-inner .popup-holder h4, .popup.for-cookie-modal .popup-inner .popup-holder h5, .popup.for-cookie-modal .popup-inner .popup-holder h6, .popup.for-cookie-modal .popup-inner .popup-holder p, .popup.for-cookie-modal .popup-inner .popup-holder ul li, .popup.for-cookie-modal .popup-inner .popup-holder ol li { color: #000; } /* COMPONENTS */ .pageheader { position: relative; display: flex; flex-direction: column; justify-content: center; background-size: cover; background-position: 50% 50%; background-color: rgba(0, 0, 0, 0.4); background-blend-mode: color; color: #fff; } @media (min-width: 1024px) { .pageheader { height: 350px; } } .pageheader.visual1:after { content: ""; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/pageheader-background.svg"); background-size: 100%; background-position: 0% 0%; background-repeat: no-repeat; width: 215px; height: 160px; display: block; position: absolute; bottom: 0; right: 0; } @media (min-width: 1024px) { .pageheader.visual1:after { width: 430px; height: 320px; } } .pageheader .container { height: 100%; justify-content: center; } .pageheader .container .row { display: flex; flex-direction: row; align-items: center; height: 100%; padding: 80px 0; } .pageheader .container .row .col { z-index: 1; justify-content: center; max-width: 500px; } .pageheader .container .row .col .blog-search { margin-top: 20px; font-size: 16px; height: 45px; padding: 15px; outline: none; border-radius: 5px; margin-bottom: 50px; border: none; width: 50%; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); } @media (max-width: 1023.98px) { .pageheader .container .row .col .blog-search { width: 100%; } } @media (min-width: 1024px) { .pageheader .container .row .col { margin-left: 80px; max-width: 900px; } } .pageheader .container .row .col .subtitle-bar { display: none; } .pageheader .container .row .col p { line-height: 28px; margin: 10px 0 0 0; max-width: 580px; } @media (min-width: 768px) { .pageheader .container .row .col p { font-size: 21px; } } .pageheader .container .row .col .button { align-self: flex-start; margin-top: 15px; } .pageheader .overlay { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (min-width: 1024px) { body.home .pageheader { height: 470px; } body.home .pageheader:after { height: 375px; } body.home .pageheader .container .row { justify-content: center; } body.home .pageheader .container .row .col { text-align: center; max-width: 620px; align-items: center; } body.home .pageheader .container .row .col h1 { font-size: 67px; } body.home .pageheader .container .row .col h2 { font-size: 50px; } body.home .pageheader .container .row .col p { max-width: 370px; } body.home .pageheader .container .row .col button { align-self: center; } } body.home .pageheader .overlay, body.page-id-55 .pageheader .overlay { background-image: linear-gradient(to bottom right, rgba(214, 41, 115, 0.5), rgba(0, 0, 0, 0.6)); } body.page-id-57 .pageheader .overlay { background-image: linear-gradient(to bottom right, rgba(102, 193, 191, 0.5), rgba(0, 0, 0, 0.6)); } body.page-id-59 .pageheader .overlay { background-image: linear-gradient(to bottom right, rgba(0, 171, 228, 0.5), rgba(0, 0, 0, 0.6)); } .pageintro .container .row { justify-content: center; } .pageintro .container .row .col { max-width: 750px; } .pageintro .container .row .col p:not(:last-child) { margin-top: 10px; } .textleft .container .row .col { max-width: 750px; } @media (min-width: 1024px) { .textleft .container .row .col { margin-left: 80px; } } .textleft .container .row .col p:not(:last-child) { margin-top: 10px; } .textcenter { background-color: #fff; color: #000; } .textcenter.has-bg { background-size: cover; background-position: 50% 50%; background-color: rgba(0, 0, 0, 0.75); background-blend-mode: color; color: #fff; } .textcenter .container .row { text-align: center; justify-content: center; } .textcenter .container .row.left { text-align: left; justify-content: flex-start; } .textcenter .container .row.left .col { margin-left: 80px; } @media (max-width: 1023.98px) { .textcenter .container .row.left .col { margin-left: 0; } } .textcenter .container .row.left .col h2, .textcenter .container .row.left .col h3 { margin: 0 0 5px; } .textcenter .container .row.right { text-align: left; justify-content: flex-end; } .textcenter .container .row.right .col h2, .textcenter .container .row.right .col h3 { margin: 0 0 5px auto; } .textcenter .container .row .col { max-width: 780px; } .textcenter .container .row .col h2, .textcenter .container .row .col h3 { max-width: 260px; margin: 0 auto 5px; } @media screen and (min-width: 498px) { .textcenter .container .row .col h2, .textcenter .container .row .col h3 { max-width: 9999px; margin: 0 0 5px 0; } } .textcenter .container .row .col p:first-of-type { margin-top: 15px; } .textcenter .container .row .col p:not(:last-child) { margin-bottom: 15px; } @media (min-width: 1024px) { .textquote .container .row { padding: 0; } } @media (min-width: 1024px) { .textquote .container .row .col { padding: 60px 15px; } .textquote .container .row .col:after { content: ""; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/quote-background.svg"); background-size: 100%; background-repeat: no-repeat; background-position: 0% 100%; width: 620px; height: calc(100% + 50px); position: absolute; bottom: 0; left: -220px; z-index: 0; } } @media screen and (min-width: 1024px) and (min-width: 1100px) { .textquote .container .row .col:after { left: -200px; } } @media screen and (min-width: 1024px) and (min-width: 1140px) { .textquote .container .row .col:after { left: -180px; } } @media (min-width: 1024px) and (min-width: 1280px) { .textquote .container .row .col:after { width: 766px; left: -185px; } } @media (min-width: 1280px) { .textquote .container .row .col { padding: 80px 15px; } } .textquote .container .row .col .heading { text-align: center; z-index: 1; } @media (min-width: 1280px) { .textquote .container .row .col .heading h2 { font-size: 50px; font-weight: bold; } } .textquote .container .row .col .heading h3 { color: #66C1BF; } @media (min-width: 1024px) { .textquote .container .row .col .heading h3 { color: #fff; } } @media (min-width: 1280px) { .textquote .container .row .col .heading h3 { font-size: 37px; } } .textquote .container .row .col .heading h3:nth-child(1) { margin-right: 80px; } .textquote .container .row .col .heading h3:nth-child(3) { margin: 0 0 0 80px; } .textquote .container .row .col .text { z-index: 1; max-width: 610px; margin: 20px auto 0; } @media (min-width: 1024px) { .textquote .container .row .col { flex-direction: row; justify-content: center; align-items: center; } .textquote .container .row .col .text { margin: 0 0 0 90px; } } .textimage .container .row { border-top: 1px solid #dedede; } @media (min-width: 1024px) { .textimage .container .row { align-items: center; justify-content: center; } .textimage .container .row:nth-child(even) .col.text { order: 1; } } @media (min-width: 1024px) and (min-width: 1024px) { .textimage .container .row:nth-child(even) .col.text { margin: 0; } } @media (min-width: 1024px) { .textimage .container .row:nth-child(even) .col.image { order: 2; } } .textimage .container .row .col.text { text-align: center; align-items: center; max-width: 480px; margin: 0 auto; } @media (min-width: 1024px) { .textimage .container .row .col.text { flex: 0 0 50%; max-width: 50%; text-align: left; align-items: flex-start; margin: 0 0 0 50px; } } @media (min-width: 1280px) { .textimage .container .row .col.text { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } } .textimage .container .row .col.image img { max-width: 290px; width: auto; margin: 0 auto; } @media (min-width: 480px) { .textimage .container .row .col.image img { max-width: 350px; } } @media (min-width: 1024px) { .textimage .container .row .col.image { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } body.page-id-53 .textimage .container .row:nth-child(2) .col .button { background-color: #66C1BF; } body.page-id-53 .textimage .container .row:nth-child(2) .col .button:hover { background-color: #8CD1CF; } body.page-id-53 .textimage .container .row:nth-child(3) .col .button { background-color: #00ABE4; } body.page-id-53 .textimage .container .row:nth-child(3) .col .button:hover { background-color: #3FC0EB; } @media (max-width: 1023.98px) { body.page-id-55 .textimage .container .row .col.image { display: none; } } body.page-id-57 .textimage { background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/websites-steps-background.svg"); background-position: 0% 100%; background-repeat: no-repeat; } @media (min-width: 480px) { body.page-id-57 .textimage { background-position: 0% 0%; } } @media (min-width: 768px) { body.page-id-57 .textimage { background-position: 0% 100%; } } @media (min-width: 1024px) { body.page-id-57 .textimage { background-position: -50% 100%; } } @media (min-width: 1280px) { body.page-id-57 .textimage { background-position-x: calc(50% + 370px); } } body.page-id-55 .textimage .container .row, body.page-id-57 .textimage .container .row, body.page-id-59 .textimage .container .row { border-top: 0; } body.page-id-55 .textimage .container .row:not(:last-child), body.page-id-57 .textimage .container .row:not(:last-child), body.page-id-59 .textimage .container .row:not(:last-child) { padding-bottom: 0; } @media (max-width: 1023.98px) { body.page-id-55 .textimage .container .row .col.text, body.page-id-57 .textimage .container .row .col.text, body.page-id-59 .textimage .container .row .col.text { text-align: left; align-items: flex-start; } } .logoslider { box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); position: relative; transition: height 0.3s ease-in; height: 80px; } @media (min-width: 480px) { .logoslider { height: 100px; } } .logoslider.for-partners .container .slick-list { width: 100%; } .logoslider.for-partners .container .slick-list .slick-track img { height: 100%; } .logoslider .container { padding: 15px; display: flex; flex-direction: row; transition: opacity 0.3s ease-in; opacity: 0; height: 100%; } @media (min-width: 480px) { .logoslider .container { padding: 15px 30px; } } .logoslider .container .slick-list { display: flex; flex-direction: column; justify-content: center; } .logoslider .container .slick-list .slick-track img { display: inline-block; filter: grayscale(100%); max-height: 60px; -o-object-fit: contain; object-fit: contain; margin: 0 10px; width: 80%; } .homeintro .container .row:nth-child(1) .col { text-align: center; } .homeintro .container .row:nth-child(1) .col .heading h1 { color: #E94362; font-size: 35px; } .homeintro .container .row:nth-child(1) .col .heading h2 { font-size: 26px; } .homeintro .container .row:nth-child(1) .col .heading h2:nth-child(1) { margin-right: 125px; } .homeintro .container .row:nth-child(1) .col .heading h2:nth-child(3) { margin-bottom: 0; } .homeintro .container .row:nth-child(1) .col .text p { max-width: 460px; margin: 10px auto 0; text-align: left; } @media (min-width: 480px) { .homeintro .container .row:nth-child(1) .col .text p { text-align: center; } } @media (min-width: 1024px) { .homeintro .container .row:nth-child(1) .col { flex-direction: row; justify-content: center; align-items: center; } .homeintro .container .row:nth-child(1) .col .text p { margin: 0 0 0 50px; text-align: left; } } .homeintro .container .row:nth-child(2) { padding-top: 0; flex-direction: column; } @media (min-width: 1024px) { .homeintro .container .row:nth-child(2) { flex-direction: row; padding: 0 30px 80px; } } @media (min-width: 1280px) { .homeintro .container .row:nth-child(2) { padding: 0 100px 80px; } } .homeintro .container .row:nth-child(2) .col { max-width: 320px; margin: 0 auto 50px; } .homeintro .container .row:nth-child(2) .col .inner { padding: 30px 15px 15px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); border-radius: 8px; text-align: center; } @media (min-width: 1024px) { .homeintro .container .row:nth-child(2) .col .inner { padding: 40px 15px 15px; } } .homeintro .container .row:nth-child(2) .col .inner:hover .button { background-color: #EF7289; } .homeintro .container .row:nth-child(2) .col .inner h2 { font-size: 28px; } .homeintro .container .row:nth-child(2) .col .inner h2:after { display: block; content: ""; width: 50px; height: 5px; background-color: #E94362; margin: 20px auto 10px; } .homeintro .container .row:nth-child(2) .col .inner .description { padding: 0 10px; max-width: 265px; margin: 0 auto; } .homeintro .container .row:nth-child(2) .col .inner .keyword { padding: 5px 0; margin: 0 5px; border-bottom: 1px solid #dedede; color: #7C7C7C; } .homeintro .container .row:nth-child(2) .col .inner .keyword:nth-child(3) { border-top: 1px solid #dedede; margin-top: 20px; } .homeintro .container .row:nth-child(2) .col .inner .button { margin: 25px 10px -37.5px; } .homeintro .container .row:nth-child(2) .col:nth-child(2) .inner h2:after, .homeintro .container .row:nth-child(2) .col:nth-child(2) .inner .button { background-color: #66C1BF; } .homeintro .container .row:nth-child(2) .col:nth-child(2) .inner:hover .button { background-color: #8CD1CF; } .homeintro .container .row:nth-child(2) .col:nth-child(3) .inner h2:after, .homeintro .container .row:nth-child(2) .col:nth-child(3) .inner .button { background-color: #00ABE4; } .homeintro .container .row:nth-child(2) .col:nth-child(3) .inner:hover .button { background-color: #3FC0EB; } .homecta { box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); } .homecta .container .row .col { text-align: center; } .homecta .container .row .col h3 { max-width: 257px; margin: 0 auto 5px; } @media screen and (min-width: 440px) { .homecta .container .row .col h3 { max-width: 9999px; } } .homecta .container .row .col .buttons { margin-top: 20px; } @media (min-width: 768px) { .homecta .container .row .col .buttons { display: flex; flex-direction: row; justify-content: center; } } .homecta .container .row .col .buttons .button { margin: 0 auto; width: 220px; font-size: 18px; } .homecta .container .row .col .buttons .button:not(:last-child) { margin-bottom: 15px; } .homecta .container .row .col .buttons .button:nth-child(2) { background-color: #66C1BF; } .homecta .container .row .col .buttons .button:nth-child(2):hover { background-color: #8CD1CF; } .homecta .container .row .col .buttons .button:nth-child(3) { background-color: #00ABE4; } .homecta .container .row .col .buttons .button:nth-child(3):hover { background-color: #3FC0EB; } @media (min-width: 768px) { .homecta .container .row .col .buttons .button { margin: 0 15px 0; } .homecta .container .row .col .buttons .button:not(:last-child) { margin-bottom: 0; } } .reviewslider { background-color: #E94362; color: #fff; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/review-background.svg"); background-size: 100%; background-position: 100% 100%; background-repeat: no-repeat; padding-bottom: 30px; } @media (min-width: 768px) { .reviewslider { padding-bottom: 60px; } } @media (min-width: 1280px) { .reviewslider { padding-bottom: 80px; } } .reviewslider .container.heading .row .col { text-align: center; } .reviewslider .container.heading .row .col .rating { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 30px auto 0; padding: 0 20px; height: 40px; max-width: 290px; background-color: #fff; border-radius: 100px; color: #000; } @media (min-width: 768px) { .reviewslider .container.heading .row .col .rating { max-width: 470px; height: 70px; } } .reviewslider .container.heading .row .col .rating .inner:nth-child(1) { display: flex; flex-direction: column; } .reviewslider .container.heading .row .col .rating .inner:nth-child(1) img { width: 90px; } @media (min-width: 768px) { .reviewslider .container.heading .row .col .rating .inner:nth-child(1) img { width: 140px; } } .reviewslider .container.heading .row .col .rating .inner:nth-child(1) span { font-size: 9px; line-height: 1.5em; } @media (min-width: 768px) { .reviewslider .container.heading .row .col .rating .inner:nth-child(1) span { line-height: 1.3em; font-size: 13px; margin-top: 3px; } } .reviewslider .container.heading .row .col .rating .inner:nth-child(2) span { font-size: 28px; line-height: 1.5em; font-weight: bold; margin: 0 20px; } @media (min-width: 768px) { .reviewslider .container.heading .row .col .rating .inner:nth-child(2) span { font-size: 50px; } } .reviewslider .container.heading .row .col .rating .inner:nth-child(3) img { width: 90px; } @media (min-width: 768px) { .reviewslider .container.heading .row .col .rating .inner:nth-child(3) img { width: 140px; } } .reviewslider .container.slider { padding-bottom: 45px; } .reviewslider .container.slider .slick-track { display: flex !important; } .reviewslider .container.slider .review { padding: 15px; height: inherit !important; } .reviewslider .container.slider .review .inner { border: 2px solid #fff; border-radius: 40px 8px 8px 8px; overflow: hidden; max-width: 500px; margin: 0 auto; } @media (min-width: 1024px) { .reviewslider .container.slider .review .inner { max-width: 575px; } } .reviewslider .container.slider .review .inner .head { display: flex; flex-direction: row; align-items: center; background-color: #fff; color: #000; height: 85px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; margin: -2px 0 0 -2px; padding: 15px; } @media (min-width: 1024px) { .reviewslider .container.slider .review .inner .head { padding: 15px 20px; } } .reviewslider .container.slider .review .inner .head img { width: 110px; height: 60px; -o-object-fit: contain; object-fit: contain; -o-object-position: 50% 50%; object-position: 50% 50%; margin: 0 20px 0 0; } @media (max-width: 767.98px) { .reviewslider .container.slider .review .inner .head img { display: none; } } .reviewslider .container.slider .review .inner .head p { line-height: 1.4em; font-size: 14px; } .reviewslider .container.slider .review .inner .head p strong { font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 17px; font-weight: normal; } @media (min-width: 1024px) { .reviewslider .container.slider .review .inner .head p strong { font-size: 21px; } } .reviewslider .container.slider .review .inner .quote { font-size: 14px; padding: 15px; } @media (min-width: 1024px) { .reviewslider .container.slider .review .inner .quote { font-size: 16px; } } .cta { overflow: hidden; } @media (min-width: 1024px) { .cta { margin-top: 60px; overflow: visible; } } @media (min-width: 1280px) { .cta { margin-top: 80px; } } .cta .container .row { justify-content: center; } @media (min-width: 1024px) { .cta .container .row .col { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } } .cta .container .row .col .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; height: 100%; max-width: 400px; text-align: center; } @media (min-width: 1024px) { .cta .container .row .col .inner { text-align: left; align-items: flex-start; } } @media (min-width: 1024px) { .cta .container .row .col.heading { color: #fff; } .cta .container .row .col.heading .inner { max-width: 390px; } .cta .container .row .col.heading:after { content: ""; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/cta-background-pink.svg"); background-size: 100%; width: 750px; height: 350px; position: absolute; bottom: -60px; left: -280px; z-index: -1; } } @media (min-width: 1024px) and (min-width: 1280px) { .cta .container .row .col.heading:after { width: 900px; height: 410px; left: -320px; bottom: -80px; } } @media (min-width: 1024px) { .cta .container .row .col.text .inner { max-width: 260px; } } .cta .container .row .col.text:after { content: ""; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/cta-background-blue.svg"); background-size: 100%; width: 600px; height: 240px; position: absolute; bottom: -30px; right: -30px; z-index: -2; } @media (min-width: 768px) { .cta .container .row .col.text:after { width: 800px; height: 320px; right: -50px; bottom: -60px; } } @media (min-width: 1280px) { .cta .container .row .col.text:after { bottom: -80px; width: 950px; height: 370px; } } .cta.nobg { margin-top: 0; } .cta.nobg .col:after { display: none !important; } .cta.nobg .heading { color: #000 !important; } .single-post .cta .container .row, .single-faq .cta .container .row { padding: 80px 0 0px 0px; } .single-post .cta .container .row .col.heading:after, .single-faq .cta .container .row .col.heading:after { bottom: 0px; } .single-post .cta .container .row .col.text:after, .single-faq .cta .container .row .col.text:after { bottom: 0px; } .caseoverview .container .title { width: 100%; } @media (min-width: 1024px) { .caseoverview .container .title { text-align: center; } } .caseoverview .container .title h2 strong { color: #E94362; font-weight: 400; } @media (min-width: 1280px) { .caseoverview .container .row.filter-row { padding: 60px 0; } } .caseoverview .container .row.filter-row .col .filter { display: flex; flex-direction: row; justify-content: center; align-items: center; border-bottom: 1px solid #dedede; padding-bottom: 9px; } @media (min-width: 375px) { .caseoverview .container .row.filter-row .col .filter { padding-bottom: 10px; } } .caseoverview .container .row.filter-row .col .filter li a { font-size: 13px; padding: 5px; margin: 0; opacity: 0.5; } @media (min-width: 375px) { .caseoverview .container .row.filter-row .col .filter li a { font-size: 14px; padding: 7px; } } @media (min-width: 480px) { .caseoverview .container .row.filter-row .col .filter li a { font-size: 16px; padding: 10px; margin: 0 10px; } } .caseoverview .container .row.filter-row .col .filter li a.active { opacity: 1; border-bottom: 3px solid #000; padding-bottom: 8px; } .caseoverview .container .row.results-row:not(.for-vacancies) { padding: 0; } .caseoverview .container .row.results-row .col { margin-bottom: 30px; } @media (min-width: 768px) { .caseoverview .container .row.results-row .col { flex: 0 0 50%; max-width: 50%; margin-bottom: 60px; } } @media (min-width: 1024px) { .caseoverview .container .row.results-row .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .caseoverview .container .row.results-row .col:nth-child(1), .caseoverview .container .row.results-row .col:nth-child(2) { flex: 0 0 50%; max-width: 50%; } .caseoverview .container .row.results-row .col:nth-child(1) .inner .text h3, .caseoverview .container .row.results-row .col:nth-child(2) .inner .text h3 { font-size: 28px; } } @media (min-width: 1280px) { .caseoverview .container .row.results-row .col { margin-bottom: 80px; } } .caseoverview .container .row.results-row .col .inner { border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); overflow: hidden; height: 100%; } @media (min-width: 1280px) { .caseoverview .container .row.results-row .col .inner:after { content: ""; display: block; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.15s ease-in-out; pointer-events: none; } } .caseoverview .container .row.results-row .col .inner .featuredimage { height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .caseoverview .container .row.results-row .col .inner .tags { position: absolute; top: 20px; right: 30px; color: white; } .caseoverview .container .row.results-row .col .inner .tags span { padding: 3px 10px; border-radius: 40px; font-family: "Oswald", sans-serif; text-transform: uppercase; margin: 0; } .caseoverview .container .row.results-row .col .inner .tags span:not(:first-child) { margin: 0 0 0 5px; } .caseoverview .container .row.results-row .col .inner .tags span.marketing { background-color: #E94362; } .caseoverview .container .row.results-row .col .inner .tags span.website { background-color: #66C1BF; } .caseoverview .container .row.results-row .col .inner .tags span.social { background-color: #00ABE4; } .caseoverview .container .row.results-row .col .inner .tags span.fotoshoot { background-color: #B3336C; } .caseoverview .container .row.results-row .col .inner .text { padding: 15px; } @media (min-width: 768px) { .caseoverview .container .row.results-row .col .inner .text { padding: 30px; } } .caseoverview .container .row.results-row .col .inner .text h3 { margin-bottom: 15px; font-size: 21px; } .caseoverview .container .row.results-row .col .inner .text .description { margin-bottom: 15px; font-size: 14px; } @media (min-width: 1280px) { .caseoverview .container .row.results-row .col .inner .text .highlights { margin-bottom: 0; } } .caseoverview .container .row.results-row .col .inner .text .highlights li { background: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/check.svg") no-repeat; background-size: 24px; background-position: 5px 5px; padding: 5px 0 5px 40px; font-size: 14px; } @media (min-width: 1280px) { .caseoverview .container .row.results-row .col .inner .text .highlights li { font-size: 15px; } } .caseoverview .container .row.results-row .col .inner .text .button { white-space: nowrap; } @media (min-width: 1280px) { .caseoverview .container .row.results-row .col .inner .text .button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 2; } } @media (min-width: 1280px) { .caseoverview .container .row.results-row .col:hover .inner:after { opacity: 1; } .caseoverview .container .row.results-row .col:hover .inner .text .button { opacity: 1; } } @media (min-width: 1024px) { .caseoverview .container .row.results-row.for-vacancies .col { margin-bottom: 30px; } .caseoverview .container .row.results-row.for-vacancies .col:nth-child(1), .caseoverview .container .row.results-row.for-vacancies .col:nth-child(2) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .caseoverview .container .row.results-row.for-vacancies .col:nth-child(1) h3, .caseoverview .container .row.results-row.for-vacancies .col:nth-child(2) h3 { font-size: 21px !important; } } .caseoverview .container .row.results-row.for-vacancies .col .inner img { display: none; } .caseoverview .container .row.results-row.for-vacancies .col .inner .text ul.highlights { list-style: disc; margin: 0 0 15px 20px; } .caseoverview .container .row.results-row.for-vacancies .col .inner .text ul.highlights li { background: none; padding: 0 0 10px 5px; } .caseoverview .container .row:nth-child(3) { padding-top: 0; } .caseoverview .container .row:nth-child(3) .col { align-items: center; } @media (min-width: 1280px) { .clientoverview .container .row.filters { padding: 60px 0; } } .clientoverview .container .row.filters .col .filter { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #dedede; padding-bottom: 9px; } @media (max-width: 767.98px) { .clientoverview .container .row.filters .col .filter { gap: 20px; } } @media (min-width: 375px) { .clientoverview .container .row.filters .col .filter { padding-bottom: 10px; } } .clientoverview .container .row.filters .col .filter li a { font-size: 13px; padding: 5px; margin: 0; opacity: 0.5; } @media (min-width: 375px) { .clientoverview .container .row.filters .col .filter li a { font-size: 14px; padding: 7px; } } @media (min-width: 480px) { .clientoverview .container .row.filters .col .filter li a { font-size: 16px; padding: 10px; margin: 0 10px; } } .clientoverview .container .row.filters .col .filter li a.active { opacity: 1; border-bottom: 3px solid #000; padding-bottom: 8px; } .clientoverview .container .row.items { padding-left: 0px; padding-right: 0px; padding-top: 0; } .clientoverview .container .row.items a { margin-bottom: 15px; padding: 0 7.5px; width: calc(100% / 2); height: calc((100vw - 45px) / 2); } @media (min-width: 480px) { .clientoverview .container .row.items a { width: calc(100% / 3); height: calc((100vw - 60px) / 3); } } @media (min-width: 1024px) { .clientoverview .container .row.items a { width: calc(100% / 4); height: calc((100vw - 75px) / 4); } } @media screen and (min-width: 1140px) { .clientoverview .container .row.items a { width: calc(1125px / 4); height: calc((1125px - 75px) / 4); } } @media (min-width: 1280px) { .clientoverview .container .row.items a { width: calc(1265px / 4); height: calc((1265px - 75px) / 4); } } .clientoverview .container .row.items a.is-client { display: none; } .clientoverview .container .row.items a.is-client.show { display: inline-block; } .clientoverview .container .row.items a .inner { position: relative; border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); overflow: hidden; height: 100%; } .clientoverview .container .row.items a .inner img { -o-object-fit: cover; object-fit: cover; height: 100%; } .clientoverview .container .row.items a .inner .overlay { padding: 15px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.4); } @media (min-width: 768px) { .clientoverview .container .row.items a .inner .overlay { padding: 30px; } } .clientoverview .container .row.items a .inner .overlay h2 { margin-bottom: 0; font-size: 21px; color: #ffffff; text-align: center; } @media (min-width: 768px) { .clientoverview .container .row.items a .inner .overlay h2 { font-size: 36px; } } .clientoverview .container .row.items a:hover .inner .overlay { opacity: 1; } @media (min-width: 1280px) { .featuredcases .container .row:nth-child(1) { padding-bottom: 60px; } } .featuredcases .container .row:nth-child(1) .col { text-align: center; } .featuredcases .container .row:nth-child(2) { padding: 0; flex-wrap: nowrap; overflow-x: scroll; } .featuredcases .container .row:nth-child(2) .col { margin-bottom: 30px; } .featuredcases .container .row:nth-child(2) .col:nth-child(1), .featuredcases .container .row:nth-child(2) .col:nth-child(2) { margin-right: -15px; } @media screen and (max-width: 767px) { .featuredcases .container .row:nth-child(2) .col { max-width: 300px; } } @media screen and (max-width: 374px) { .featuredcases .container .row:nth-child(2) .col { max-width: 270px; } } @media (min-width: 768px) { .featuredcases .container .row:nth-child(2) .col { flex: 0 0 50%; max-width: 50%; margin-bottom: 60px; } .featuredcases .container .row:nth-child(2) .col:nth-child(3) { display: none; } } @media (min-width: 1024px) { .featuredcases .container .row:nth-child(2) .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .featuredcases .container .row:nth-child(2) .col:nth-child(3) { display: flex; } } @media (min-width: 1280px) { .featuredcases .container .row:nth-child(2) .col { margin-bottom: 80px; } } .featuredcases .container .row:nth-child(2) .col .inner { border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); overflow: hidden; height: 100%; } @media (min-width: 1280px) { .featuredcases .container .row:nth-child(2) .col .inner:after { content: ""; display: block; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.15s ease-in-out; pointer-events: none; } } .featuredcases .container .row:nth-child(2) .col .inner .featuredimage { height: 150px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } @media (min-width: 768px) { .featuredcases .container .row:nth-child(2) .col .inner .featuredimage { height: 200px; } } @media (max-width: 1023.98px) { .featuredcases .container .row:nth-child(2) .col .inner .description { display: none; } } .featuredcases .container .row:nth-child(2) .col .inner .tags { position: absolute; top: 15px; right: 30px; color: white; display: flex; } .featuredcases .container .row:nth-child(2) .col .inner .tags span { padding: 3px 10px; border-radius: 40px; font-family: "Oswald", sans-serif; text-transform: uppercase; margin: 0; font-size: 13px; } @media (min-width: 768px) { .featuredcases .container .row:nth-child(2) .col .inner .tags span { font-size: 16px; } } .featuredcases .container .row:nth-child(2) .col .inner .tags span:not(:first-child) { margin: 0 0 0 7px; } .featuredcases .container .row:nth-child(2) .col .inner .tags span.marketing { background-color: #E94362; } .featuredcases .container .row:nth-child(2) .col .inner .tags span.website { background-color: #66C1BF; } .featuredcases .container .row:nth-child(2) .col .inner .tags span.social { background-color: #00ABE4; } .featuredcases .container .row:nth-child(2) .col .inner .text { padding: 15px; } @media (min-width: 768px) { .featuredcases .container .row:nth-child(2) .col .inner .text { padding: 30px; } } .featuredcases .container .row:nth-child(2) .col .inner .text h3 { margin-bottom: 15px; font-size: 18px; } .featuredcases .container .row:nth-child(2) .col .inner .text .description { margin-bottom: 15px; font-size: 14px; } @media (min-width: 1280px) { .featuredcases .container .row:nth-child(2) .col .inner .text .highlights { margin-bottom: 0; } } .featuredcases .container .row:nth-child(2) .col .inner .text .highlights li { background: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/check.svg") no-repeat; background-size: 20px; background-position: 0px 6px; padding: 5px 0 5px 25px; font-size: 13px; } @media (min-width: 768px) { .featuredcases .container .row:nth-child(2) .col .inner .text .highlights li { background-size: 24px; background-position: 5px 5px; padding: 5px 0 5px 40px; font-size: 14px; } } @media (min-width: 1280px) { .featuredcases .container .row:nth-child(2) .col .inner .text .highlights li { font-size: 15px; } } .featuredcases .container .row:nth-child(2) .col .inner .text .button { white-space: nowrap; } @media (min-width: 1280px) { .featuredcases .container .row:nth-child(2) .col .inner .text .button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 2; } } @media (min-width: 1280px) { .featuredcases .container .row:nth-child(2) .col:hover .inner:after { opacity: 1; } .featuredcases .container .row:nth-child(2) .col:hover .inner .text .button { opacity: 1; } } .featuredcases .container .row:nth-child(3) { padding-top: 0; } .featuredcases .container .row:nth-child(3) .col .button { align-self: center; border-color: #000; color: #000; } @media (min-width: 768px) { .featuredcases .container .row:nth-child(3) .col .button { border-color: #fff; color: #fff; } } .blogoverview { padding-bottom: 70px; } .blogoverview .sticky-search-bar { left: 0; right: 0; top: 70px; opacity: 0; z-index: 10; height: 60px; display: flex; position: sticky; visibility: hidden; align-items: center; justify-content: center; background-color: #EDEDED; transition: all 0.2s ease-in-out; box-shadow: 0 9px 30px #0000001C; } @media (max-width: 767.98px) { .blogoverview .sticky-search-bar { top: 50px; padding-left: 110px; } } .blogoverview .sticky-search-bar.is-visible { opacity: 1; visibility: visible; } .blogoverview .sticky-search-bar .container { display: flex; align-items: center; justify-content: center; } .blogoverview .sticky-search-bar .container .search-holder { width: 450px; max-width: 100%; border-radius: 4px; background-color: #fff; } .blogoverview .sticky-search-bar .container .search-holder form { width: 100%; display: flex; position: relative; flex-direction: row; align-items: center; justify-content: space-between; } .blogoverview .sticky-search-bar .container .search-holder form input { border: none; height: 40px; outline: none; max-width: 100%; padding: 10px 20px; width: calc(100% - 55px); background-color: transparent; } @media (max-width: 767.98px) { .blogoverview .sticky-search-bar .container .search-holder form input { font-size: 16px; } } .blogoverview .sticky-search-bar .container .search-holder form:after { top: 0; right: 0; bottom: 0; height: 40px; border: none; display: flex; padding: 0 20px; font-size: 15px; content: ""; position: absolute; align-items: center; justify-content: center; background-color: transparent; font-family: "Font Awesome 5 Pro"; } .blogoverview .container .row { padding: 0; } .blogoverview .container .row .most-recent { padding: 80px 0px 0px 0px; } .blogoverview .container .row .most-recent .container .row { padding: 0px; } .blogoverview .container .row .most-recent .container .row:nth-child(1) { padding-top: 0px; } .blogoverview .container .row .most-recent .container .row .col { margin-bottom: 30px; } @media (min-width: 768px) { .blogoverview .container .row .most-recent .container .row .col { flex: 0 0 50%; max-width: 50%; margin-bottom: 60px; } } @media (min-width: 1024px) { .blogoverview .container .row .most-recent .container .row .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .blogoverview .container .row .most-recent .container .row .col:nth-child(1), .blogoverview .container .row .most-recent .container .row .col:nth-child(2) { flex: 0 0 50%; max-width: 50%; } .blogoverview .container .row .most-recent .container .row .col:nth-child(1) .inner .text h3, .blogoverview .container .row .most-recent .container .row .col:nth-child(2) .inner .text h3 { font-size: 28px; } } @media (min-width: 1280px) { .blogoverview .container .row .most-recent .container .row .col { margin-bottom: 80px; } } .blogoverview .container .row .most-recent .container .row .col .inner { border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); overflow: hidden; height: 100%; } @media (min-width: 1280px) { .blogoverview .container .row .most-recent .container .row .col .inner:after { content: ""; display: block; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.15s ease-in-out; pointer-events: none; } } .blogoverview .container .row .most-recent .container .row .col .inner .featuredimage { height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .blogoverview .container .row .most-recent .container .row .col .inner .date { position: absolute; top: 16px; right: 30px; color: white; padding: 5px 12px; border-radius: 40px; font-family: "Oswald", sans-serif; text-transform: uppercase; margin: 0; background-color: #dedede; color: #000; font-size: 14px; } .blogoverview .container .row .most-recent .container .row .col .inner .text { padding: 15px; } @media (min-width: 768px) { .blogoverview .container .row .most-recent .container .row .col .inner .text { padding: 30px; } } .blogoverview .container .row .most-recent .container .row .col .inner .text h3 { margin-bottom: 15px; font-size: 21px; } .blogoverview .container .row .most-recent .container .row .col .inner .text .description { margin-bottom: 65px; font-size: 14px; } @media (min-width: 1280px) { .blogoverview .container .row .most-recent .container .row .col .inner .text .highlights { margin-bottom: 0; } } .blogoverview .container .row .most-recent .container .row .col .inner .text .highlights li { background: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/check.svg") no-repeat; background-size: 24px; background-position: 5px 5px; padding: 5px 0 5px 40px; } .blogoverview .container .row .most-recent .container .row .col .inner .text .button { white-space: nowrap; position: absolute; bottom: 0; left: 0; transform: translate(35%, -50%); opacity: 1; z-index: 2; margin-bottom: 0px; width: auto !important; } @media (max-width: 1023.98px) { .blogoverview .container .row .most-recent .container .row .col .inner .text .button { width: calc(100% - 60px); } } @media (min-width: 1280px) { .blogoverview .container .row .most-recent .container .row .col:hover .inner:after { opacity: 1; } .blogoverview .container .row .most-recent .container .row .col:hover .inner .text .button { opacity: 1; } } .blogoverview .container .row .most-recent .container .row:nth-child(2) { padding-top: 0; } .blogoverview .container .row .most-recent .container .row:nth-child(2) .col { align-items: center; } .blogoverview .container .row:nth-child(2) #ajax-load-more { padding: 0px 0px 0px 0px; width: 100%; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax { margin: 0; padding: 0; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col { margin-bottom: 30px; } @media (min-width: 768px) { .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; margin-bottom: 60px; } } @media (min-width: 1024px) { .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col:nth-child(1), .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col:nth-child(2) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col:nth-child(1) .inner .text h3, .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col:nth-child(2) .inner .text h3 { font-size: 28px; } } @media (min-width: 1280px) { .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col { margin-bottom: 80px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col { flex: 0 0 50%; max-width: 50%; margin-bottom: 60px; } } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner { border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); overflow: hidden; height: 100%; } @media (min-width: 1280px) { .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner:after { content: ""; display: block; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.15s ease-in-out; pointer-events: none; } } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .featuredimage { height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .date { position: absolute; top: 16px; right: 30px; color: white; padding: 5px 12px; border-radius: 40px; font-family: "Oswald", sans-serif; text-transform: uppercase; margin: 0; background-color: #dedede; color: #000; font-size: 14px; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .text { padding: 15px; } @media (min-width: 768px) { .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .text { padding: 30px; } } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .text h3 { margin-bottom: 15px; font-size: 21px; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .text .description { margin-bottom: 65px; font-size: 14px; } @media (min-width: 1280px) { .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .text .highlights { margin-bottom: 0; } } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .text .highlights li { background: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/check.svg") no-repeat; background-size: 24px; background-position: 5px 5px; padding: 5px 0 5px 40px; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .text .button { white-space: nowrap; position: absolute; bottom: 0; left: 0; transform: translate(35%, -50%); opacity: 1; z-index: 2; margin-bottom: 0px; width: auto !important; } @media (max-width: 1023.98px) { .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col .inner .text .button { width: calc(100% - 60px); } } @media (min-width: 1280px) { .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col:hover .inner:after { opacity: 1; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax .col:hover .inner .text .button { opacity: 1; } } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax:nth-child(2) { padding-top: 0; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-ajax:nth-child(2) .col { align-items: center; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-btn-wrap { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 100%; max-width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-btn-wrap button.alm-load-more-btn.more.button { width: 200px; background-color: #dedede; color: #000; border: 0px; text-transform: uppercase; font-family: "Oswald", sans-serif; font-size: 16px; cursor: pointer; } .blogoverview .container .row:nth-child(2) #ajax-load-more .alm-btn-wrap button.alm-load-more-btn.more.button:hover { background-color: #C9C9C9; } .recentblogs { overflow: hidden; position: relative; } .recentblogs:after { content: ""; background-image: url(https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/pageheader-background.svg); background-size: 40%; background-position: 100% 100%; background-repeat: no-repeat; width: 100%; height: 100%; display: block; position: absolute; bottom: 0; left: 0; transform: rotateY(180deg); } @media (max-width: 1023.98px) { .recentblogs:after { background-image: none; } } @media (max-width: 1023.98px) { .recentblogs { background-color: #66c1bf87; padding: 30px 0px; } } .recentblogs .container { z-index: 3; position: relative; } .recentblogs .container .row:nth-child(1) { padding-bottom: 0; } .recentblogs .container .row:nth-child(1) .col { text-align: center; } .recentblogs .container .row:nth-child(2) { padding-bottom: 0; } @media (max-width: 1023.98px) { .recentblogs .container .row:nth-child(2) { overflow: scroll; flex-wrap: nowrap; } } .recentblogs .container .row:nth-child(2) .col { margin-bottom: 30px; } @media (max-width: 1023.98px) { .recentblogs .container .row:nth-child(2) .col { flex: none; max-width: unset; width: calc(100% - 60px); } } @media (min-width: 768px) and (max-width: 1023.98px) { .recentblogs .container .row:nth-child(2) .col { width: calc(55% - 60px); } } @media (min-width: 1024px) { .recentblogs .container .row:nth-child(2) .col { flex: 1 0 50%; margin-bottom: 60px; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } @media (min-width: 1280px) { .recentblogs .container .row:nth-child(2) .col { margin-bottom: 80px; } } .recentblogs .container .row:nth-child(2) .col .inner { border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); overflow: hidden; height: 100%; background-color: #FFFFFF; } @media (min-width: 1280px) { .recentblogs .container .row:nth-child(2) .col .inner:after { content: ""; display: block; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.15s ease-in-out; pointer-events: none; } } .recentblogs .container .row:nth-child(2) .col .inner .featuredimage { height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .recentblogs .container .row:nth-child(2) .col .inner .tags { position: absolute; top: 20px; right: 30px; color: white; } .recentblogs .container .row:nth-child(2) .col .inner .tags span { padding: 3px 10px; border-radius: 40px; font-family: "Oswald", sans-serif; text-transform: uppercase; margin: 0; } .recentblogs .container .row:nth-child(2) .col .inner .tags span:not(:first-child) { margin: 0 0 0 5px; } .recentblogs .container .row:nth-child(2) .col .inner .tags span.marketing { background-color: #E94362; } .recentblogs .container .row:nth-child(2) .col .inner .tags span.website { background-color: #66C1BF; } .recentblogs .container .row:nth-child(2) .col .inner .tags span.social { background-color: #00ABE4; } .recentblogs .container .row:nth-child(2) .col .inner .text { padding: 15px; } @media (min-width: 768px) { .recentblogs .container .row:nth-child(2) .col .inner .text { padding: 30px; } } .recentblogs .container .row:nth-child(2) .col .inner .text h3 { margin-bottom: 15px; font-size: 21px; } .recentblogs .container .row:nth-child(2) .col .inner .text .description { margin-bottom: 65px; font-size: 14px; } @media (min-width: 1280px) { .recentblogs .container .row:nth-child(2) .col .inner .text .highlights { margin-bottom: 0; } } .recentblogs .container .row:nth-child(2) .col .inner .text .highlights li { background: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/check.svg") no-repeat; background-size: 24px; background-position: 5px 5px; padding: 5px 0 5px 40px; font-size: 14px; } @media (min-width: 1280px) { .recentblogs .container .row:nth-child(2) .col .inner .text .highlights li { font-size: 15px; } } .recentblogs .container .row:nth-child(2) .col .inner .text .button { white-space: nowrap; position: absolute; bottom: 0; left: 0; transform: translate(35%, -50%); opacity: 1; z-index: 2; margin-bottom: 0px; width: auto !important; } @media (min-width: 1280px) { .recentblogs .container .row:nth-child(2) .col .inner .text .button { white-space: nowrap; position: absolute; bottom: 0; left: 0; transform: translate(35%, -50%); opacity: 1; z-index: 2; margin-bottom: 0px; width: auto !important; } } @media (min-width: 1280px) { .recentblogs .container .row:nth-child(2) .col:hover .inner:after { opacity: 1; } .recentblogs .container .row:nth-child(2) .col:hover .inner .text .button { opacity: 1; } } .recent-blogs-sidebar { padding-top: 40px; position: relative; } .recent-blogs-sidebar a { text-decoration: none !important; padding: 14px 20px; font-size: 16px; text-align: center; position: relative; overflow: hidden; border-radius: 100px; display: flex; align-items: center; transition: all 0.4s ease-in-out; } .recent-blogs-sidebar a .featuredimage { height: 50px; width: 50px; -o-object-fit: cover; object-fit: cover; } .recent-blogs-sidebar a .text { align-items: left; padding-left: 10px; } .recent-blogs-sidebar a .text h3 { font-size: 16px; } .recent-blogs-sidebar a:after { content: "Lees meer"; color: #FFF; position: absolute; width: 100%; left: -100%; top: 0; height: 100%; background-color: #E94362; border-radius: 100px; display: grid; place-items: center; transition: all 0.4s ease-in-out; } .recent-blogs-sidebar a:hover:after { left: 0; } .team .container .row.heading { padding-bottom: 0; } .team .container .row.heading .col { display: flex; flex-direction: column; justify-content: center; text-align: center; } .team .container .row.members { display: flex; align-items: flex-start; justify-content: center; } .team .container .row.members .col { flex: 0 0 50%; max-width: 50%; text-align: center; margin-bottom: 30px; align-items: center; } @media (min-width: 480px) { .team .container .row.members .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } @media (min-width: 1024px) { .team .container .row.members .col { flex: 0 0 25%; max-width: 25%; margin-bottom: 60px; } } .team .container .row.members .col .image { height: 120px; width: 120px; border-radius: 10px; overflow: hidden; margin-bottom: 15px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); } @media (min-width: 768px) { .team .container .row.members .col .image { width: 160px; height: 160px; } } .team .container .row.members .col .image img { -o-object-fit: cover; object-fit: cover; } .team .container .row.members .col p { margin-bottom: 0; font-size: 15px; } .team .container .row.members .col p .firstname { font-weight: bold; } .team .container .row.members .col p.function { font-size: 12px; text-transform: uppercase; color: #7C7C7C; } .team .container .row.members .col:last-of-type { margin-bottom: 0; } @media (min-width: 1024px) { .team .container .row.members .col:nth-last-child(3), .team .container .row.members .col:nth-last-child(2), .team .container .row.members .col:last-child { margin-bottom: 0; } } .imagerow { background-size: cover; background-position: 50% 50%; height: 200px; } @media (min-width: 768px) { .imagerow { height: 50vw; } } @media (min-width: 1024px) { .imagerow { height: 450px; } } body.single-post .pink { color: #E94362; } body.single-post .pageheader, body.single-cases .pageheader, body.single-faq .pageheader, body.single-vacatures .pageheader, body.single-interviews .pageheader { z-index: -1; height: inherit; } body.single-post .pageheader:after, body.single-cases .pageheader:after, body.single-faq .pageheader:after, body.single-vacatures .pageheader:after, body.single-interviews .pageheader:after { display: none; } @media (min-width: 1024px) { body.single-post .pageheader .container .row, body.single-cases .pageheader .container .row, body.single-faq .pageheader .container .row, body.single-vacatures .pageheader .container .row, body.single-interviews .pageheader .container .row { padding: 80px 0 140px; } } @media (min-width: 1280px) { body.single-post .pageheader .container .row, body.single-cases .pageheader .container .row, body.single-faq .pageheader .container .row, body.single-vacatures .pageheader .container .row, body.single-interviews .pageheader .container .row { padding: 80px 0 160px; } } body.single-post .pageheader .container .row .col h1, body.single-cases .pageheader .container .row .col h1, body.single-faq .pageheader .container .row .col h1, body.single-vacatures .pageheader .container .row .col h1, body.single-interviews .pageheader .container .row .col h1 { font-weight: normal; } body.single-post .pageheader .container .row .col .description, body.single-cases .pageheader .container .row .col .description, body.single-faq .pageheader .container .row .col .description, body.single-vacatures .pageheader .container .row .col .description, body.single-interviews .pageheader .container .row .col .description { margin-bottom: 15px; } body.single-post .pageheader .container .row .col .tags, body.single-cases .pageheader .container .row .col .tags, body.single-faq .pageheader .container .row .col .tags, body.single-vacatures .pageheader .container .row .col .tags, body.single-interviews .pageheader .container .row .col .tags { color: white; } body.single-post .pageheader .container .row .col .tags span, body.single-cases .pageheader .container .row .col .tags span, body.single-faq .pageheader .container .row .col .tags span, body.single-vacatures .pageheader .container .row .col .tags span, body.single-interviews .pageheader .container .row .col .tags span { padding: 4px 14px; border-radius: 40px; font-family: "Oswald", sans-serif; text-transform: uppercase; margin: 0; } body.single-post .pageheader .container .row .col .tags span:not(:first-child), body.single-cases .pageheader .container .row .col .tags span:not(:first-child), body.single-faq .pageheader .container .row .col .tags span:not(:first-child), body.single-vacatures .pageheader .container .row .col .tags span:not(:first-child), body.single-interviews .pageheader .container .row .col .tags span:not(:first-child) { margin: 0 0 0 5px; } body.single-post .pageheader .container .row .col .tags span.marketing, body.single-cases .pageheader .container .row .col .tags span.marketing, body.single-faq .pageheader .container .row .col .tags span.marketing, body.single-vacatures .pageheader .container .row .col .tags span.marketing, body.single-interviews .pageheader .container .row .col .tags span.marketing { background-color: #E94362; } body.single-post .pageheader .container .row .col .tags span.website, body.single-cases .pageheader .container .row .col .tags span.website, body.single-faq .pageheader .container .row .col .tags span.website, body.single-vacatures .pageheader .container .row .col .tags span.website, body.single-interviews .pageheader .container .row .col .tags span.website { background-color: #66C1BF; } body.single-post .pageheader .container .row .col .tags span.social, body.single-cases .pageheader .container .row .col .tags span.social, body.single-faq .pageheader .container .row .col .tags span.social, body.single-vacatures .pageheader .container .row .col .tags span.social, body.single-interviews .pageheader .container .row .col .tags span.social { background-color: #00ABE4; } body.single-post .single-post-content.is-interview-content h3 em, body.single-cases .single-post-content.is-interview-content h3 em, body.single-faq .single-post-content.is-interview-content h3 em, body.single-vacatures .single-post-content.is-interview-content h3 em, body.single-interviews .single-post-content.is-interview-content h3 em { color: #E94362; } @media (min-width: 1024px) { body.single-post .single-post-content .container, body.single-cases .single-post-content .container, body.single-faq .single-post-content .container, body.single-vacatures .single-post-content .container, body.single-interviews .single-post-content .container { display: flex; flex-direction: row; justify-content: center; } } body.single-post .single-post-content .container aside, body.single-cases .single-post-content .container aside, body.single-faq .single-post-content .container aside, body.single-vacatures .single-post-content .container aside, body.single-interviews .single-post-content .container aside { margin: 30px 0; } @media (min-width: 1024px) { body.single-post .single-post-content .container aside, body.single-cases .single-post-content .container aside, body.single-faq .single-post-content .container aside, body.single-vacatures .single-post-content .container aside, body.single-interviews .single-post-content .container aside { order: 2; margin: 0; } } body.single-post .single-post-content .container aside .inner, body.single-cases .single-post-content .container aside .inner, body.single-faq .single-post-content .container aside .inner, body.single-vacatures .single-post-content .container aside .inner, body.single-interviews .single-post-content .container aside .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-color: #dedede; padding: 35px 50px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); border-radius: 8px; max-width: 500px; margin: 0 auto; } @media (min-width: 1024px) { body.single-post .single-post-content .container aside .inner, body.single-cases .single-post-content .container aside .inner, body.single-faq .single-post-content .container aside .inner, body.single-vacatures .single-post-content .container aside .inner, body.single-interviews .single-post-content .container aside .inner { position: sticky; top: 70px; width: 385px; padding: 60px 30px; background-color: #dedede; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); border-radius: 0 0 8px 0; } } @media (min-width: 1280px) { body.single-post .single-post-content .container aside .inner, body.single-cases .single-post-content .container aside .inner, body.single-faq .single-post-content .container aside .inner, body.single-vacatures .single-post-content .container aside .inner, body.single-interviews .single-post-content .container aside .inner { padding: 35px 50px; width: 440px; } } body.single-post .single-post-content .container aside .inner .button, body.single-cases .single-post-content .container aside .inner .button, body.single-faq .single-post-content .container aside .inner .button, body.single-vacatures .single-post-content .container aside .inner .button, body.single-interviews .single-post-content .container aside .inner .button { width: 200px; margin-bottom: 10px; background-color: #66C1BF; } body.single-post .single-post-content .container aside .inner .button:hover, body.single-cases .single-post-content .container aside .inner .button:hover, body.single-faq .single-post-content .container aside .inner .button:hover, body.single-vacatures .single-post-content .container aside .inner .button:hover, body.single-interviews .single-post-content .container aside .inner .button:hover { background-color: #8CD1CF; } body.single-post .single-post-content .container aside .inner .button:first-of-type, body.single-cases .single-post-content .container aside .inner .button:first-of-type, body.single-faq .single-post-content .container aside .inner .button:first-of-type, body.single-vacatures .single-post-content .container aside .inner .button:first-of-type, body.single-interviews .single-post-content .container aside .inner .button:first-of-type { margin-top: 15px; background-color: #E94362; } body.single-post .single-post-content .container aside .inner .button:first-of-type:hover, body.single-cases .single-post-content .container aside .inner .button:first-of-type:hover, body.single-faq .single-post-content .container aside .inner .button:first-of-type:hover, body.single-vacatures .single-post-content .container aside .inner .button:first-of-type:hover, body.single-interviews .single-post-content .container aside .inner .button:first-of-type:hover { background-color: #EF7289; } body.single-post .single-post-content .container aside .inner .button:last-of-type, body.single-cases .single-post-content .container aside .inner .button:last-of-type, body.single-faq .single-post-content .container aside .inner .button:last-of-type, body.single-vacatures .single-post-content .container aside .inner .button:last-of-type, body.single-interviews .single-post-content .container aside .inner .button:last-of-type { margin-bottom: 0; background-color: #00ABE4; } body.single-post .single-post-content .container aside .inner .button:last-of-type:hover, body.single-cases .single-post-content .container aside .inner .button:last-of-type:hover, body.single-faq .single-post-content .container aside .inner .button:last-of-type:hover, body.single-vacatures .single-post-content .container aside .inner .button:last-of-type:hover, body.single-interviews .single-post-content .container aside .inner .button:last-of-type:hover { background-color: #3FC0EB; } body.single-post .single-post-content .container aside .inner .gform_body #field_10_3, body.single-cases .single-post-content .container aside .inner .gform_body #field_10_3, body.single-faq .single-post-content .container aside .inner .gform_body #field_10_3, body.single-vacatures .single-post-content .container aside .inner .gform_body #field_10_3, body.single-interviews .single-post-content .container aside .inner .gform_body #field_10_3 { margin-top: 0px; } body.single-post .single-post-content .container aside .inner .gform_body #input_10_3, body.single-cases .single-post-content .container aside .inner .gform_body #input_10_3, body.single-faq .single-post-content .container aside .inner .gform_body #input_10_3, body.single-vacatures .single-post-content .container aside .inner .gform_body #input_10_3, body.single-interviews .single-post-content .container aside .inner .gform_body #input_10_3 { padding: 10px 20px; } body.single-post .single-post-content .container aside .inner .gform_body .ginput_container_email, body.single-cases .single-post-content .container aside .inner .gform_body .ginput_container_email, body.single-faq .single-post-content .container aside .inner .gform_body .ginput_container_email, body.single-vacatures .single-post-content .container aside .inner .gform_body .ginput_container_email, body.single-interviews .single-post-content .container aside .inner .gform_body .ginput_container_email { margin-top: 0; } body.single-post .single-post-content .container aside .inner .gform_body #input_10_9_3_container, body.single-post .single-post-content .container aside .inner .gform_body #input_10_9_6_container, body.single-post .single-post-content .container aside .inner .gform_body .ginput_container_email, body.single-cases .single-post-content .container aside .inner .gform_body #input_10_9_3_container, body.single-cases .single-post-content .container aside .inner .gform_body #input_10_9_6_container, body.single-cases .single-post-content .container aside .inner .gform_body .ginput_container_email, body.single-faq .single-post-content .container aside .inner .gform_body #input_10_9_3_container, body.single-faq .single-post-content .container aside .inner .gform_body #input_10_9_6_container, body.single-faq .single-post-content .container aside .inner .gform_body .ginput_container_email, body.single-vacatures .single-post-content .container aside .inner .gform_body #input_10_9_3_container, body.single-vacatures .single-post-content .container aside .inner .gform_body #input_10_9_6_container, body.single-vacatures .single-post-content .container aside .inner .gform_body .ginput_container_email, body.single-interviews .single-post-content .container aside .inner .gform_body #input_10_9_3_container, body.single-interviews .single-post-content .container aside .inner .gform_body #input_10_9_6_container, body.single-interviews .single-post-content .container aside .inner .gform_body .ginput_container_email { width: 100%; } body.single-post .single-post-content .container aside .inner .gform_body #input_10_9_3_container input, body.single-post .single-post-content .container aside .inner .gform_body #input_10_9_6_container input, body.single-post .single-post-content .container aside .inner .gform_body .ginput_container_email input, body.single-cases .single-post-content .container aside .inner .gform_body #input_10_9_3_container input, body.single-cases .single-post-content .container aside .inner .gform_body #input_10_9_6_container input, body.single-cases .single-post-content .container aside .inner .gform_body .ginput_container_email input, body.single-faq .single-post-content .container aside .inner .gform_body #input_10_9_3_container input, body.single-faq .single-post-content .container aside .inner .gform_body #input_10_9_6_container input, body.single-faq .single-post-content .container aside .inner .gform_body .ginput_container_email input, body.single-vacatures .single-post-content .container aside .inner .gform_body #input_10_9_3_container input, body.single-vacatures .single-post-content .container aside .inner .gform_body #input_10_9_6_container input, body.single-vacatures .single-post-content .container aside .inner .gform_body .ginput_container_email input, body.single-interviews .single-post-content .container aside .inner .gform_body #input_10_9_3_container input, body.single-interviews .single-post-content .container aside .inner .gform_body #input_10_9_6_container input, body.single-interviews .single-post-content .container aside .inner .gform_body .ginput_container_email input { outline: none; width: 100%; padding: 10px 20px; border-radius: 6px; border: 0px; } body.single-post .single-post-content .container aside .inner .gform_footer, body.single-cases .single-post-content .container aside .inner .gform_footer, body.single-faq .single-post-content .container aside .inner .gform_footer, body.single-vacatures .single-post-content .container aside .inner .gform_footer, body.single-interviews .single-post-content .container aside .inner .gform_footer { display: flex; flex-direction: row; justify-content: center; align-items: center; } body.single-post .single-post-content .container aside .inner .gform_footer #gform_submit_button_10, body.single-cases .single-post-content .container aside .inner .gform_footer #gform_submit_button_10, body.single-faq .single-post-content .container aside .inner .gform_footer #gform_submit_button_10, body.single-vacatures .single-post-content .container aside .inner .gform_footer #gform_submit_button_10, body.single-interviews .single-post-content .container aside .inner .gform_footer #gform_submit_button_10 { border: 0px; } body.single-post .single-post-content .container aside .vacancy-sidebar, body.single-cases .single-post-content .container aside .vacancy-sidebar, body.single-faq .single-post-content .container aside .vacancy-sidebar, body.single-vacatures .single-post-content .container aside .vacancy-sidebar, body.single-interviews .single-post-content .container aside .vacancy-sidebar { font-size: 16px; text-align: center; } body.single-post .single-post-content .container aside .vacancy-sidebar > *, body.single-cases .single-post-content .container aside .vacancy-sidebar > *, body.single-faq .single-post-content .container aside .vacancy-sidebar > *, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *, body.single-interviews .single-post-content .container aside .vacancy-sidebar > * { width: 100%; display: inline-block; } body.single-post .single-post-content .container aside .vacancy-sidebar > *:nth-child(1), body.single-cases .single-post-content .container aside .vacancy-sidebar > *:nth-child(1), body.single-faq .single-post-content .container aside .vacancy-sidebar > *:nth-child(1), body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *:nth-child(1), body.single-interviews .single-post-content .container aside .vacancy-sidebar > *:nth-child(1) { margin-bottom: 30px; } body.single-post .single-post-content .container aside .vacancy-sidebar > *:nth-child(2), body.single-cases .single-post-content .container aside .vacancy-sidebar > *:nth-child(2), body.single-faq .single-post-content .container aside .vacancy-sidebar > *:nth-child(2), body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *:nth-child(2), body.single-interviews .single-post-content .container aside .vacancy-sidebar > *:nth-child(2) { margin-bottom: 15px; } body.single-post .single-post-content .container aside .vacancy-sidebar > *:nth-child(3), body.single-cases .single-post-content .container aside .vacancy-sidebar > *:nth-child(3), body.single-faq .single-post-content .container aside .vacancy-sidebar > *:nth-child(3), body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *:nth-child(3), body.single-interviews .single-post-content .container aside .vacancy-sidebar > *:nth-child(3) { margin-bottom: 25px; } body.single-post .single-post-content .container aside .vacancy-sidebar > *:nth-child(5), body.single-cases .single-post-content .container aside .vacancy-sidebar > *:nth-child(5), body.single-faq .single-post-content .container aside .vacancy-sidebar > *:nth-child(5), body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *:nth-child(5), body.single-interviews .single-post-content .container aside .vacancy-sidebar > *:nth-child(5) { margin-top: 25px; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h2, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h2, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h2, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h2, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h2 { font-size: 37px; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h3, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h3, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h3, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h3, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-content h3 { font-size: 22px; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-content span, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-content span, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-content span, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-content span, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-content span { font-size: 16px; display: inline-block; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-content .button, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-content .button, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-content .button, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-content .button, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-content .button { margin-left: auto; margin-right: auto; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-image, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-image, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-image, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-image, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-image { display: flex; align-items: center; flex-direction: column; justify-content: center; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio { width: 200px; height: 200px; margin: 0 auto; position: relative; border-radius: 200px; box-shadow: 0 10px 30px #00000019; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio img, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio img, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio img, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio img, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-image .image-ratio img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; border-radius: 200px; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options { display: flex; align-items: center; flex-direction: column; justify-content: center; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > *, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > *, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > *, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > *, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > * { display: flex; flex-direction: row; align-items: center; justify-content: center; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > *:not(:last-child), body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > *:not(:last-child), body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > *:not(:last-child), body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > *:not(:last-child), body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > *:not(:last-child) { margin-bottom: 8px; } body.single-post .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > * i, body.single-cases .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > * i, body.single-faq .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > * i, body.single-vacatures .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > * i, body.single-interviews .single-post-content .container aside .vacancy-sidebar > *.sidebar-contact-options > * i { margin-right: 10px; } body.single-post .single-post-content .container article, body.single-cases .single-post-content .container article, body.single-faq .single-post-content .container article, body.single-vacatures .single-post-content .container article, body.single-interviews .single-post-content .container article { padding: 15px; background-color: white; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); border-radius: 8px; max-width: 500px; margin: -30px auto 0; z-index: 1; } @media (min-width: 1024px) { body.single-post .single-post-content .container article, body.single-cases .single-post-content .container article, body.single-faq .single-post-content .container article, body.single-vacatures .single-post-content .container article, body.single-interviews .single-post-content .container article { order: 1; width: 67%; padding-right: 30px; margin-top: -60px; padding: 30px; max-width: 9999px; } } @media (min-width: 1280px) { body.single-post .single-post-content .container article, body.single-cases .single-post-content .container article, body.single-faq .single-post-content .container article, body.single-vacatures .single-post-content .container article, body.single-interviews .single-post-content .container article { margin-top: -80px; padding: 60px; } } body.single-post .single-post-content .container article ol, body.single-cases .single-post-content .container article ol, body.single-faq .single-post-content .container article ol, body.single-vacatures .single-post-content .container article ol, body.single-interviews .single-post-content .container article ol { line-height: 30px; } body.single-post .single-post-content .container article .poststats, body.single-cases .single-post-content .container article .poststats, body.single-faq .single-post-content .container article .poststats, body.single-vacatures .single-post-content .container article .poststats, body.single-interviews .single-post-content .container article .poststats { background-color: #66C1BF; margin: -15px -15px 0 -15px; padding: 30px 15px; border-top-left-radius: 8px; border-top-right-radius: 8px; } @media (min-width: 768px) { body.single-post .single-post-content .container article .poststats, body.single-cases .single-post-content .container article .poststats, body.single-faq .single-post-content .container article .poststats, body.single-vacatures .single-post-content .container article .poststats, body.single-interviews .single-post-content .container article .poststats { margin: -30px -30px 0 -30px; } } @media (min-width: 1024px) { body.single-post .single-post-content .container article .poststats, body.single-cases .single-post-content .container article .poststats, body.single-faq .single-post-content .container article .poststats, body.single-vacatures .single-post-content .container article .poststats, body.single-interviews .single-post-content .container article .poststats { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: -60px -60px 60px -60px; padding: 45px 15px; } } body.single-post .single-post-content .container article .poststats .stat, body.single-cases .single-post-content .container article .poststats .stat, body.single-faq .single-post-content .container article .poststats .stat, body.single-vacatures .single-post-content .container article .poststats .stat, body.single-interviews .single-post-content .container article .poststats .stat { display: flex; flex-direction: column; justify-content: center; text-align: center; color: #fff; } @media (max-width: 1023.98px) { body.single-post .single-post-content .container article .poststats .stat:not(:last-child), body.single-cases .single-post-content .container article .poststats .stat:not(:last-child), body.single-faq .single-post-content .container article .poststats .stat:not(:last-child), body.single-vacatures .single-post-content .container article .poststats .stat:not(:last-child), body.single-interviews .single-post-content .container article .poststats .stat:not(:last-child) { margin-bottom: 20px; } } @media (min-width: 1024px) { body.single-post .single-post-content .container article .poststats .stat, body.single-cases .single-post-content .container article .poststats .stat, body.single-faq .single-post-content .container article .poststats .stat, body.single-vacatures .single-post-content .container article .poststats .stat, body.single-interviews .single-post-content .container article .poststats .stat { width: 33.33334%; } } body.single-post .single-post-content .container article .poststats .stat .number, body.single-cases .single-post-content .container article .poststats .stat .number, body.single-faq .single-post-content .container article .poststats .stat .number, body.single-vacatures .single-post-content .container article .poststats .stat .number, body.single-interviews .single-post-content .container article .poststats .stat .number { font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 28px; margin-bottom: 5px; } @media (min-width: 1024px) { body.single-post .single-post-content .container article .poststats .stat .number, body.single-cases .single-post-content .container article .poststats .stat .number, body.single-faq .single-post-content .container article .poststats .stat .number, body.single-vacatures .single-post-content .container article .poststats .stat .number, body.single-interviews .single-post-content .container article .poststats .stat .number { font-size: 37px; margin-bottom: 15px; } } body.single-post .single-post-content .container article .poststats .stat .text, body.single-cases .single-post-content .container article .poststats .stat .text, body.single-faq .single-post-content .container article .poststats .stat .text, body.single-vacatures .single-post-content .container article .poststats .stat .text, body.single-interviews .single-post-content .container article .poststats .stat .text { font-size: 14px; } @media (min-width: 1024px) { body.single-post .single-post-content .container article .poststats .stat .text, body.single-cases .single-post-content .container article .poststats .stat .text, body.single-faq .single-post-content .container article .poststats .stat .text, body.single-vacatures .single-post-content .container article .poststats .stat .text, body.single-interviews .single-post-content .container article .poststats .stat .text { font-size: 16px; } } body.single-post .single-post-content .container article h2, body.single-cases .single-post-content .container article h2, body.single-faq .single-post-content .container article h2, body.single-vacatures .single-post-content .container article h2, body.single-interviews .single-post-content .container article h2 { margin: 30px 0 15px; } body.single-post .single-post-content .container article ul:not(.slick-dots), body.single-cases .single-post-content .container article ul:not(.slick-dots), body.single-faq .single-post-content .container article ul:not(.slick-dots), body.single-vacatures .single-post-content .container article ul:not(.slick-dots), body.single-interviews .single-post-content .container article ul:not(.slick-dots) { margin-bottom: 15px; } body.single-post .single-post-content .container article ul:not(.slick-dots) li, body.single-cases .single-post-content .container article ul:not(.slick-dots) li, body.single-faq .single-post-content .container article ul:not(.slick-dots) li, body.single-vacatures .single-post-content .container article ul:not(.slick-dots) li, body.single-interviews .single-post-content .container article ul:not(.slick-dots) li { background: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/check.svg") no-repeat; background-size: 24px; background-position: 5px 5px; padding: 5px 0 5px 40px; font-size: 14px; } @media (min-width: 1280px) { body.single-post .single-post-content .container article ul:not(.slick-dots) li, body.single-cases .single-post-content .container article ul:not(.slick-dots) li, body.single-faq .single-post-content .container article ul:not(.slick-dots) li, body.single-vacatures .single-post-content .container article ul:not(.slick-dots) li, body.single-interviews .single-post-content .container article ul:not(.slick-dots) li { font-size: 15px; } } body.single-post .single-post-content .container article .collapse, body.single-cases .single-post-content .container article .collapse, body.single-faq .single-post-content .container article .collapse, body.single-vacatures .single-post-content .container article .collapse, body.single-interviews .single-post-content .container article .collapse { margin-bottom: 15px; transition: max-height 0.3s ease-in-out; } body.single-post .single-post-content .container article .collapse img, body.single-cases .single-post-content .container article .collapse img, body.single-faq .single-post-content .container article .collapse img, body.single-vacatures .single-post-content .container article .collapse img, body.single-interviews .single-post-content .container article .collapse img { display: none; } @media (max-width: 1023.98px) { body.single-post .single-post-content .container article .collapse, body.single-cases .single-post-content .container article .collapse, body.single-faq .single-post-content .container article .collapse, body.single-vacatures .single-post-content .container article .collapse, body.single-interviews .single-post-content .container article .collapse { max-height: 6em; overflow: hidden; position: relative; } body.single-post .single-post-content .container article .collapse:after, body.single-cases .single-post-content .container article .collapse:after, body.single-faq .single-post-content .container article .collapse:after, body.single-vacatures .single-post-content .container article .collapse:after, body.single-interviews .single-post-content .container article .collapse:after { content: ""; height: 8em; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0), white); display: block; position: absolute; bottom: 0; transition: opacity 0.3s ease-in-out; } body.single-post .single-post-content .container article .collapse img, body.single-cases .single-post-content .container article .collapse img, body.single-faq .single-post-content .container article .collapse img, body.single-vacatures .single-post-content .container article .collapse img, body.single-interviews .single-post-content .container article .collapse img { display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40px; z-index: 2; } body.single-post .single-post-content .container article .collapse.open, body.single-cases .single-post-content .container article .collapse.open, body.single-faq .single-post-content .container article .collapse.open, body.single-vacatures .single-post-content .container article .collapse.open, body.single-interviews .single-post-content .container article .collapse.open { max-height: 2000px; } body.single-post .single-post-content .container article .collapse.open:after, body.single-cases .single-post-content .container article .collapse.open:after, body.single-faq .single-post-content .container article .collapse.open:after, body.single-vacatures .single-post-content .container article .collapse.open:after, body.single-interviews .single-post-content .container article .collapse.open:after { opacity: 0; } body.single-post .single-post-content .container article .collapse.open img, body.single-cases .single-post-content .container article .collapse.open img, body.single-faq .single-post-content .container article .collapse.open img, body.single-vacatures .single-post-content .container article .collapse.open img, body.single-interviews .single-post-content .container article .collapse.open img { display: none; } } body.single-post .single-post-content .container article img.blog-image, body.single-cases .single-post-content .container article img.blog-image, body.single-faq .single-post-content .container article img.blog-image, body.single-vacatures .single-post-content .container article img.blog-image, body.single-interviews .single-post-content .container article img.blog-image { width: calc(100% + 30px); max-width: calc(100% + 30px); margin: 15px -15px; } @media (min-width: 768px) { body.single-post .single-post-content .container article img.blog-image, body.single-cases .single-post-content .container article img.blog-image, body.single-faq .single-post-content .container article img.blog-image, body.single-vacatures .single-post-content .container article img.blog-image, body.single-interviews .single-post-content .container article img.blog-image { width: calc(100% + 30px); max-width: calc(100% + 30px); margin: 30px -15px; } } @media (min-width: 1024px) { body.single-post .single-post-content .container article img.blog-image, body.single-cases .single-post-content .container article img.blog-image, body.single-faq .single-post-content .container article img.blog-image, body.single-vacatures .single-post-content .container article img.blog-image, body.single-interviews .single-post-content .container article img.blog-image { width: calc(100% + 60px); max-width: calc(100% + 60px); margin: 30px -30px; } } @media (min-width: 1280px) { body.single-post .single-post-content .container article img.blog-image, body.single-cases .single-post-content .container article img.blog-image, body.single-faq .single-post-content .container article img.blog-image, body.single-vacatures .single-post-content .container article img.blog-image, body.single-interviews .single-post-content .container article img.blog-image { width: calc(100% + 120px); max-width: calc(100% + 120px); margin: 60px -60px; } } body.single-post .single-post-content .container article .slider, body.single-cases .single-post-content .container article .slider, body.single-faq .single-post-content .container article .slider, body.single-vacatures .single-post-content .container article .slider, body.single-interviews .single-post-content .container article .slider { margin: 30px 0; } @media (min-width: 768px) { body.single-post .single-post-content .container article .slider, body.single-cases .single-post-content .container article .slider, body.single-faq .single-post-content .container article .slider, body.single-vacatures .single-post-content .container article .slider, body.single-interviews .single-post-content .container article .slider { display: flex; flex-direction: row; } } @media (min-width: 768px) { body.single-post .single-post-content .container article .slider .images, body.single-cases .single-post-content .container article .slider .images, body.single-faq .single-post-content .container article .slider .images, body.single-vacatures .single-post-content .container article .slider .images, body.single-interviews .single-post-content .container article .slider .images { width: 100%; } body.single-post .single-post-content .container article .slider .images .slick-list, body.single-cases .single-post-content .container article .slider .images .slick-list, body.single-faq .single-post-content .container article .slider .images .slick-list, body.single-vacatures .single-post-content .container article .slider .images .slick-list, body.single-interviews .single-post-content .container article .slider .images .slick-list { height: 100%; } body.single-post .single-post-content .container article .slider .images .slick-list .slick-track, body.single-cases .single-post-content .container article .slider .images .slick-list .slick-track, body.single-faq .single-post-content .container article .slider .images .slick-list .slick-track, body.single-vacatures .single-post-content .container article .slider .images .slick-list .slick-track, body.single-interviews .single-post-content .container article .slider .images .slick-list .slick-track { height: 100%; } body.single-post .single-post-content .container article .slider .images .slick-list .slick-track .slick-slide, body.single-cases .single-post-content .container article .slider .images .slick-list .slick-track .slick-slide, body.single-faq .single-post-content .container article .slider .images .slick-list .slick-track .slick-slide, body.single-vacatures .single-post-content .container article .slider .images .slick-list .slick-track .slick-slide, body.single-interviews .single-post-content .container article .slider .images .slick-list .slick-track .slick-slide { height: 100%; -o-object-fit: cover; object-fit: cover; } } body.single-post .single-post-content .container article .cta, body.single-cases .single-post-content .container article .cta, body.single-faq .single-post-content .container article .cta, body.single-vacatures .single-post-content .container article .cta, body.single-interviews .single-post-content .container article .cta { margin: 30px 0; } @media (min-width: 1280px) { body.single-post .single-post-content .container article .cta, body.single-cases .single-post-content .container article .cta, body.single-faq .single-post-content .container article .cta, body.single-vacatures .single-post-content .container article .cta, body.single-interviews .single-post-content .container article .cta { display: flex; flex-direction: row; justify-content: center; align-items: center; } } @media (max-width: 767.98px) { body.single-post .single-post-content .container article .cta, body.single-cases .single-post-content .container article .cta, body.single-faq .single-post-content .container article .cta, body.single-vacatures .single-post-content .container article .cta, body.single-interviews .single-post-content .container article .cta { display: none; } } body.single-post .single-post-content .container article .cta .inner, body.single-cases .single-post-content .container article .cta .inner, body.single-faq .single-post-content .container article .cta .inner, body.single-vacatures .single-post-content .container article .cta .inner, body.single-interviews .single-post-content .container article .cta .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; height: 100%; max-width: 400px; text-align: center; } @media (min-width: 1280px) { body.single-post .single-post-content .container article .cta .inner, body.single-cases .single-post-content .container article .cta .inner, body.single-faq .single-post-content .container article .cta .inner, body.single-vacatures .single-post-content .container article .cta .inner, body.single-interviews .single-post-content .container article .cta .inner { text-align: left; align-items: flex-start; } } body.single-post .single-post-content .container article .cta .inner.text, body.single-cases .single-post-content .container article .cta .inner.text, body.single-faq .single-post-content .container article .cta .inner.text, body.single-vacatures .single-post-content .container article .cta .inner.text, body.single-interviews .single-post-content .container article .cta .inner.text { max-width: 300px; } body.single-post .single-post-content .container article .cta .inner.text p, body.single-cases .single-post-content .container article .cta .inner.text p, body.single-faq .single-post-content .container article .cta .inner.text p, body.single-vacatures .single-post-content .container article .cta .inner.text p, body.single-interviews .single-post-content .container article .cta .inner.text p { margin-bottom: 0; } body.single-post .single-post-content .container article .cta .inner.text .button, body.single-cases .single-post-content .container article .cta .inner.text .button, body.single-faq .single-post-content .container article .cta .inner.text .button, body.single-vacatures .single-post-content .container article .cta .inner.text .button, body.single-interviews .single-post-content .container article .cta .inner.text .button { margin-top: 10px; } body.single-post .single-post-content .container article .cta .inner h2, body.single-cases .single-post-content .container article .cta .inner h2, body.single-faq .single-post-content .container article .cta .inner h2, body.single-vacatures .single-post-content .container article .cta .inner h2, body.single-interviews .single-post-content .container article .cta .inner h2 { margin: 0 0 5px 0; } body.single-post .relatedblogs .container .row:nth-child(1), body.single-cases .relatedblogs .container .row:nth-child(1), body.single-faq .relatedblogs .container .row:nth-child(1), body.single-vacatures .relatedblogs .container .row:nth-child(1), body.single-interviews .relatedblogs .container .row:nth-child(1) { padding-bottom: 0; } body.single-post .relatedblogs .container .row:nth-child(1) .col, body.single-cases .relatedblogs .container .row:nth-child(1) .col, body.single-faq .relatedblogs .container .row:nth-child(1) .col, body.single-vacatures .relatedblogs .container .row:nth-child(1) .col, body.single-interviews .relatedblogs .container .row:nth-child(1) .col { text-align: center; } body.single-post .relatedblogs .container .row:nth-child(2), body.single-cases .relatedblogs .container .row:nth-child(2), body.single-faq .relatedblogs .container .row:nth-child(2), body.single-vacatures .relatedblogs .container .row:nth-child(2), body.single-interviews .relatedblogs .container .row:nth-child(2) { padding-bottom: 0; } body.single-post .relatedblogs .container .row:nth-child(2) .col, body.single-cases .relatedblogs .container .row:nth-child(2) .col, body.single-faq .relatedblogs .container .row:nth-child(2) .col, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col, body.single-interviews .relatedblogs .container .row:nth-child(2) .col { margin-bottom: 30px; } @media (min-width: 768px) { body.single-post .relatedblogs .container .row:nth-child(2) .col, body.single-cases .relatedblogs .container .row:nth-child(2) .col, body.single-faq .relatedblogs .container .row:nth-child(2) .col, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col, body.single-interviews .relatedblogs .container .row:nth-child(2) .col { flex: 0 0 50%; max-width: 50%; margin-bottom: 60px; } body.single-post .relatedblogs .container .row:nth-child(2) .col:nth-child(3), body.single-cases .relatedblogs .container .row:nth-child(2) .col:nth-child(3), body.single-faq .relatedblogs .container .row:nth-child(2) .col:nth-child(3), body.single-vacatures .relatedblogs .container .row:nth-child(2) .col:nth-child(3), body.single-interviews .relatedblogs .container .row:nth-child(2) .col:nth-child(3) { display: none; } } @media (min-width: 1024px) { body.single-post .relatedblogs .container .row:nth-child(2) .col, body.single-cases .relatedblogs .container .row:nth-child(2) .col, body.single-faq .relatedblogs .container .row:nth-child(2) .col, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col, body.single-interviews .relatedblogs .container .row:nth-child(2) .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } body.single-post .relatedblogs .container .row:nth-child(2) .col:nth-child(3), body.single-cases .relatedblogs .container .row:nth-child(2) .col:nth-child(3), body.single-faq .relatedblogs .container .row:nth-child(2) .col:nth-child(3), body.single-vacatures .relatedblogs .container .row:nth-child(2) .col:nth-child(3), body.single-interviews .relatedblogs .container .row:nth-child(2) .col:nth-child(3) { display: flex; } } @media (min-width: 1280px) { body.single-post .relatedblogs .container .row:nth-child(2) .col, body.single-cases .relatedblogs .container .row:nth-child(2) .col, body.single-faq .relatedblogs .container .row:nth-child(2) .col, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col, body.single-interviews .relatedblogs .container .row:nth-child(2) .col { margin-bottom: 80px; } } body.single-post .relatedblogs .container .row:nth-child(2) .col .inner, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner { border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); overflow: hidden; height: 100%; } @media (min-width: 1280px) { body.single-post .relatedblogs .container .row:nth-child(2) .col .inner:after, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner:after, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner:after, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner:after, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner:after { content: ""; display: block; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.15s ease-in-out; pointer-events: none; } } body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .featuredimage, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .featuredimage, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .featuredimage, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .featuredimage, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .featuredimage { height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .date, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .date, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .date, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .date, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .date { position: absolute; top: 16px; right: 30px; color: white; padding: 5px 12px; border-radius: 40px; font-family: "Oswald", sans-serif; text-transform: uppercase; margin: 0; background-color: #dedede; color: #000; font-size: 14px; } body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .text, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .text, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .text, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .text, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .text { padding: 15px; } @media (min-width: 768px) { body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .text, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .text, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .text, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .text, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .text { padding: 30px; } } body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .text h3, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .text h3, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .text h3, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .text h3, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .text h3 { margin-bottom: 15px; font-size: 18px; } body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .text .description, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .text .description, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .text .description, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .text .description, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .text .description { margin-bottom: 65px; font-size: 14px; } @media (min-width: 1280px) { body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights { margin-bottom: 0; } } body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights li, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights li, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights li, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights li, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .text .highlights li { background: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/check.svg") no-repeat; background-size: 24px; background-position: 5px 5px; padding: 5px 0 5px 40px; } body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .text .button, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .text .button, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .text .button, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .text .button, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .text .button { white-space: nowrap; position: absolute; bottom: 0; left: 0; transform: translate(35%, -50%); opacity: 1; z-index: 2; } @media (min-width: 1280px) { body.single-post .relatedblogs .container .row:nth-child(2) .col .inner .text .button, body.single-cases .relatedblogs .container .row:nth-child(2) .col .inner .text .button, body.single-faq .relatedblogs .container .row:nth-child(2) .col .inner .text .button, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col .inner .text .button, body.single-interviews .relatedblogs .container .row:nth-child(2) .col .inner .text .button { position: absolute; bottom: 0; left: 0; transform: translate(35%, -50%); opacity: 1; z-index: 2; } } @media (min-width: 1280px) { body.single-post .relatedblogs .container .row:nth-child(2) .col:hover .inner:after, body.single-cases .relatedblogs .container .row:nth-child(2) .col:hover .inner:after, body.single-faq .relatedblogs .container .row:nth-child(2) .col:hover .inner:after, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col:hover .inner:after, body.single-interviews .relatedblogs .container .row:nth-child(2) .col:hover .inner:after { opacity: 1; } body.single-post .relatedblogs .container .row:nth-child(2) .col:hover .inner .text .button, body.single-cases .relatedblogs .container .row:nth-child(2) .col:hover .inner .text .button, body.single-faq .relatedblogs .container .row:nth-child(2) .col:hover .inner .text .button, body.single-vacatures .relatedblogs .container .row:nth-child(2) .col:hover .inner .text .button, body.single-interviews .relatedblogs .container .row:nth-child(2) .col:hover .inner .text .button { opacity: 1; } } body.single-post .relatedcases .container .row:nth-child(1), body.single-cases .relatedcases .container .row:nth-child(1), body.single-faq .relatedcases .container .row:nth-child(1), body.single-vacatures .relatedcases .container .row:nth-child(1), body.single-interviews .relatedcases .container .row:nth-child(1) { padding-bottom: 0; } body.single-post .relatedcases .container .row:nth-child(1) .col, body.single-cases .relatedcases .container .row:nth-child(1) .col, body.single-faq .relatedcases .container .row:nth-child(1) .col, body.single-vacatures .relatedcases .container .row:nth-child(1) .col, body.single-interviews .relatedcases .container .row:nth-child(1) .col { text-align: center; } body.single-post .relatedcases .container .row:nth-child(2), body.single-cases .relatedcases .container .row:nth-child(2), body.single-faq .relatedcases .container .row:nth-child(2), body.single-vacatures .relatedcases .container .row:nth-child(2), body.single-interviews .relatedcases .container .row:nth-child(2) { padding-bottom: 0; } body.single-post .relatedcases .container .row:nth-child(2) .col, body.single-cases .relatedcases .container .row:nth-child(2) .col, body.single-faq .relatedcases .container .row:nth-child(2) .col, body.single-vacatures .relatedcases .container .row:nth-child(2) .col, body.single-interviews .relatedcases .container .row:nth-child(2) .col { margin-bottom: 30px; } @media (min-width: 768px) { body.single-post .relatedcases .container .row:nth-child(2) .col, body.single-cases .relatedcases .container .row:nth-child(2) .col, body.single-faq .relatedcases .container .row:nth-child(2) .col, body.single-vacatures .relatedcases .container .row:nth-child(2) .col, body.single-interviews .relatedcases .container .row:nth-child(2) .col { flex: 0 0 50%; max-width: 50%; margin-bottom: 60px; } } @media (min-width: 1024px) { body.single-post .relatedcases .container .row:nth-child(2) .col, body.single-cases .relatedcases .container .row:nth-child(2) .col, body.single-faq .relatedcases .container .row:nth-child(2) .col, body.single-vacatures .relatedcases .container .row:nth-child(2) .col, body.single-interviews .relatedcases .container .row:nth-child(2) .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } @media (min-width: 1280px) { body.single-post .relatedcases .container .row:nth-child(2) .col, body.single-cases .relatedcases .container .row:nth-child(2) .col, body.single-faq .relatedcases .container .row:nth-child(2) .col, body.single-vacatures .relatedcases .container .row:nth-child(2) .col, body.single-interviews .relatedcases .container .row:nth-child(2) .col { margin-bottom: 80px; } } body.single-post .relatedcases .container .row:nth-child(2) .col .inner, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner { border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); overflow: hidden; height: 100%; } @media (min-width: 1280px) { body.single-post .relatedcases .container .row:nth-child(2) .col .inner:after, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner:after, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner:after, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner:after, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner:after { content: ""; display: block; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; border-radius: 8px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.15s ease-in-out; pointer-events: none; } } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .featuredimage, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .featuredimage, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .featuredimage, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .featuredimage, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .featuredimage { height: 200px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .tags, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .tags, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .tags, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .tags, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .tags { position: absolute; top: 20px; right: 30px; color: white; } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .tags span, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .tags span, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .tags span, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .tags span, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .tags span { padding: 3px 10px; border-radius: 40px; font-family: "Oswald", sans-serif; text-transform: uppercase; margin: 0; } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .tags span:not(:first-child), body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .tags span:not(:first-child), body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .tags span:not(:first-child), body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .tags span:not(:first-child), body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .tags span:not(:first-child) { margin: 0 0 0 5px; } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .tags span.marketing, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .tags span.marketing, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .tags span.marketing, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .tags span.marketing, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .tags span.marketing { background-color: #E94362; } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .tags span.website, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .tags span.website, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .tags span.website, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .tags span.website, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .tags span.website { background-color: #66C1BF; } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .tags span.social, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .tags span.social, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .tags span.social, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .tags span.social, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .tags span.social { background-color: #00ABE4; } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .text, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .text, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .text, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .text, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .text { padding: 15px; } @media (min-width: 768px) { body.single-post .relatedcases .container .row:nth-child(2) .col .inner .text, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .text, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .text, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .text, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .text { padding: 30px; } } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .text h3, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .text h3, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .text h3, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .text h3, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .text h3 { margin-bottom: 15px; font-size: 21px; } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .text .description, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .text .description, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .text .description, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .text .description, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .text .description { margin-bottom: 15px; font-size: 14px; } @media (min-width: 1280px) { body.single-post .relatedcases .container .row:nth-child(2) .col .inner .text .highlights, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .text .highlights, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .text .highlights, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .text .highlights, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .text .highlights { margin-bottom: 0; } } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li { background: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/check.svg") no-repeat; background-size: 24px; background-position: 5px 5px; padding: 5px 0 5px 40px; font-size: 14px; } @media (min-width: 1280px) { body.single-post .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .text .highlights li { font-size: 15px; } } body.single-post .relatedcases .container .row:nth-child(2) .col .inner .text .button, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .text .button, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .text .button, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .text .button, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .text .button { white-space: nowrap; } @media (min-width: 1280px) { body.single-post .relatedcases .container .row:nth-child(2) .col .inner .text .button, body.single-cases .relatedcases .container .row:nth-child(2) .col .inner .text .button, body.single-faq .relatedcases .container .row:nth-child(2) .col .inner .text .button, body.single-vacatures .relatedcases .container .row:nth-child(2) .col .inner .text .button, body.single-interviews .relatedcases .container .row:nth-child(2) .col .inner .text .button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: 2; } } @media (min-width: 1280px) { body.single-post .relatedcases .container .row:nth-child(2) .col:hover .inner:after, body.single-cases .relatedcases .container .row:nth-child(2) .col:hover .inner:after, body.single-faq .relatedcases .container .row:nth-child(2) .col:hover .inner:after, body.single-vacatures .relatedcases .container .row:nth-child(2) .col:hover .inner:after, body.single-interviews .relatedcases .container .row:nth-child(2) .col:hover .inner:after { opacity: 1; } body.single-post .relatedcases .container .row:nth-child(2) .col:hover .inner .text .button, body.single-cases .relatedcases .container .row:nth-child(2) .col:hover .inner .text .button, body.single-faq .relatedcases .container .row:nth-child(2) .col:hover .inner .text .button, body.single-vacatures .relatedcases .container .row:nth-child(2) .col:hover .inner .text .button, body.single-interviews .relatedcases .container .row:nth-child(2) .col:hover .inner .text .button { opacity: 1; } } body.single-vacatures .single-post-content ul li { background: unset !important; list-style: disc; /* Standaard bullets in zwart */ list-style-position: inside; /* Plaats de bullets aan de buitenkant van de lijst */ padding: 5px 0 5px 0px !important; } .single-post .single-post-content a { text-decoration: underline !important; } .gform_wrapper { margin-bottom: 0px !important; margin-top: 16px; max-width: 400px; width: 100%; } .clients { background-color: #E94362; color: #fff; position: relative; padding: 40px 0px; } @media (min-width: 768px) { .clients:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 80%; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/clients-background.svg"); background-size: contain; background-position: 100% 100%; background-repeat: no-repeat; height: calc(100% + 50px); width: 100%; z-index: 1; } } @media (min-width: 768px) and (min-width: 768px) { .clients:after { height: calc(100% + 75px); } } .clients .container .row .col { z-index: 4; height: 100%; } @media (min-width: 768px) { .clients .container .row .col.text { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; justify-content: center; order: 2; } } .clients .container .row .col.text .inner { max-width: 250px; margin: 0 auto; } @media (min-width: 768px) { .clients .container .row .col.logos { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } } .clients .container .row .col.logos .inner { display: flex; flex-direction: row; flex-wrap: wrap; background-color: #fff; border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); margin-top: 30px; min-height: 100%; height: 100%; } @media (min-width: 768px) { .clients .container .row .col.logos .inner { margin-top: 0; } } @media (min-width: 1024px) { .clients .container .row .col.logos .inner { padding: 15px; } } @media (min-width: 1280px) { .clients .container .row .col.logos .inner { padding: 30px; } } .clients .container .row .col.logos .inner img { width: 33.333%; height: calc(100% - 50%); padding: 15px 5px; } @media (min-width: 480px) { .clients .container .row .col.logos .inner img { padding: 15px; } } @media (min-width: 1024px) { .clients .container .row .col.logos .inner img { padding: 20px 15px; } } @media (min-width: 1024px) { .contact .container .row { padding: 0 0 30px; align-items: flex-start; } } .contact .container .row .col:nth-child(1) { background-color: #fff; } @media (min-width: 1024px) { .contact .container .row .col:nth-child(1) { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); padding: 45px 30px 0; z-index: 2; border-radius: 8px; margin-top: -60px; display: flex; flex-direction: column; justify-content: space-between; } } @media (min-width: 1280px) { .contact .container .row .col:nth-child(1) { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } } @media (min-width: 1280px) { .contact .container .row .col:nth-child(1) .contactinfo { display: flex; flex-direction: row; justify-content: space-around; } } .contact .container .row .col:nth-child(1) .contactinfo .inner { margin-bottom: 30px; } @media (min-width: 1024px) { .contact .container .row .col:nth-child(1) .contactinfo .inner { margin-bottom: 45px; } } @media (min-width: 1280px) { .contact .container .row .col:nth-child(1) .contactinfo .inner { width: 45%; } .contact .container .row .col:nth-child(1) .contactinfo .inner h3 { margin-bottom: 20px; } } .contact .container .row .col:nth-child(1) .contactinfo .inner p:first-of-type { margin-bottom: 8px; } @media (max-width: 767.98px) { .contact .container .row .col:nth-child(1) .contactinfo .inner p:first-of-type { display: none; } } .contact .container .row .col:nth-child(1) .contactinfo .inner a { border-bottom: 2px solid black; padding-bottom: 3px; font-size: 18px; } .contact .container .row .col:nth-child(1) .contactinfo .inner a:hover { border-bottom: 2px solid transparent; } .contact .container .row .col:nth-child(1) .form { margin: 15px auto 30px; max-width: 400px; } .contact .container .row .col:nth-child(1) .form .heading { text-align: center; max-width: 250px; margin: 0 auto; } @media (min-width: 768px) { .contact .container .row .col:nth-child(1) .form .heading { max-width: 350px; } } .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .gfield_label { font-weight: normal; margin-left: 5px; } .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container input, .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container textarea { border-radius: 21px; outline: none; border: none; background-color: #f3f3f3; padding: 5px 20px; } .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container input:-webkit-autofill, .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container input:-webkit-autofill:hover, .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container input:-webkit-autofill:focus, .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container input:-webkit-autofill:active, .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container textarea:-webkit-autofill, .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container textarea:-webkit-autofill:hover, .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container textarea:-webkit-autofill:focus, .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container textarea:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #f3f3f3 inset !important; } .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_body .ginput_container textarea { padding: 10px 20px; } .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_footer { margin-top: 0; padding-bottom: 0; } .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_footer .button { margin-bottom: 0; border: 0; outline: 0; } .contact .container .row .col:nth-child(1) .form .gform_wrapper form .gform_footer .button:hover { background-color: #EF7289; } .contact .container .row .col:nth-child(1) .form .gform_wrapper form img.gform_ajax_spinner { display: none !important; } @media only screen and (min-width: 641px) { .contact .container .row .col:nth-child(1) .form .gform_wrapper .top_label input.medium, .contact .container .row .col:nth-child(1) .form .gform_wrapper .top_label select.medium { width: 100%; } .contact .container .row .col:nth-child(1) .form .gform_wrapper .gform_footer input.button, .contact .container .row .col:nth-child(1) .form .gform_wrapper .gform_footer input[type=submit] { width: 100%; } } .contact .container .row .col:nth-child(1) .form .rating { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 auto; padding: 0 20px; height: 40px; max-width: 290px; background-color: #fff; border-radius: 100px; color: #000; } @media (min-width: 768px) { .contact .container .row .col:nth-child(1) .form .rating { max-width: 470px; height: 70px; } } .contact .container .row .col:nth-child(1) .form .rating .ratinginner:nth-child(1) { display: flex; flex-direction: column; } .contact .container .row .col:nth-child(1) .form .rating .ratinginner:nth-child(1) img { width: 90px; } @media (min-width: 768px) { .contact .container .row .col:nth-child(1) .form .rating .ratinginner:nth-child(1) img { width: 140px; } } .contact .container .row .col:nth-child(1) .form .rating .ratinginner:nth-child(1) span { font-size: 9px; line-height: 1.5em; } @media (min-width: 768px) { .contact .container .row .col:nth-child(1) .form .rating .ratinginner:nth-child(1) span { line-height: 1.3em; font-size: 13px; margin-top: 3px; } } .contact .container .row .col:nth-child(1) .form .rating .ratinginner:nth-child(2) span { font-size: 28px; line-height: 1.5em; font-weight: bold; margin: 0 20px; } @media (min-width: 768px) { .contact .container .row .col:nth-child(1) .form .rating .ratinginner:nth-child(2) span { font-size: 50px; } } .contact .container .row .col:nth-child(1) .form .rating .ratinginner:nth-child(3) img { width: 90px; } @media (min-width: 768px) { .contact .container .row .col:nth-child(1) .form .rating .ratinginner:nth-child(3) img { width: 140px; } } @media (min-width: 1024px) { .contact .container .row .col:nth-child(1) .form { display: none; } } .contact .container .row .col:nth-child(1) .locations { background-color: #00ABE4; color: #fff; padding: 30px 15px; margin: 0 -15px; } @media (min-width: 1024px) { .contact .container .row .col:nth-child(1) .locations { padding: 45px 30px; margin: 0 -30px; border-radius: 0 0 8px 8px; } } @media (min-width: 1280px) { .contact .container .row .col:nth-child(1) .locations { display: flex; flex-direction: row; justify-content: space-around; } } .contact .container .row .col:nth-child(1) .locations .inner h3 { margin-bottom: 0; } .contact .container .row .col:nth-child(1) .locations .inner img { border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); } .contact .container .row .col:nth-child(1) .locations .inner:nth-child(1) { margin-bottom: 45px; } @media (min-width: 1280px) { .contact .container .row .col:nth-child(1) .locations .inner { width: 45%; } .contact .container .row .col:nth-child(1) .locations .inner:nth-child(1) { margin-bottom: 0; } } .contact .container .row .col:nth-child(2) { background-color: #fff; } @media (min-width: 1024px) { .contact .container .row .col:nth-child(2) { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; margin: -120px 0 0 -15px; z-index: 1; padding: 0; border-radius: 8px; } } @media (min-width: 1280px) { .contact .container .row .col:nth-child(2) { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } .contact .container .row .col:nth-child(2) .form { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: sticky; top: 70px; width: 100%; padding: 45px 45px 75px 60px; background-color: #dedede; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); border-radius: 8px; } @media (max-width: 1023.98px) { .contact .container .row .col:nth-child(2) .form { display: none; } } .contact .container .row .col:nth-child(2) .form .heading { text-align: center; max-width: 250px; margin: 0 auto; } @media (min-width: 768px) { .contact .container .row .col:nth-child(2) .form .heading { max-width: 350px; } } .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .gfield_label { font-weight: normal; margin-left: 5px; } .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body ul.gform_fields li.gfield { padding-right: 0; } .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container input, .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container textarea { border-radius: 21px; outline: none; border: none; background-color: #f3f3f3; padding: 5px 20px; } .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container input:-webkit-autofill, .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container input:-webkit-autofill:hover, .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container input:-webkit-autofill:focus, .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container input:-webkit-autofill:active, .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container textarea:-webkit-autofill, .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container textarea:-webkit-autofill:hover, .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container textarea:-webkit-autofill:focus, .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container textarea:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #f3f3f3 inset !important; } .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_body .ginput_container textarea { padding: 10px 20px; } .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_footer { margin-top: 0; padding-bottom: 0; } .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_footer .button { margin: 0; border: 0; outline: 0; } .contact .container .row .col:nth-child(2) .form .gform_wrapper form .gform_footer .button:hover { background-color: #EF7289; } .contact .container .row .col:nth-child(2) .form .gform_wrapper form img.gform_ajax_spinner { display: none !important; } @media only screen and (min-width: 641px) { .contact .container .row .col:nth-child(2) .form .gform_wrapper .top_label input.medium, .contact .container .row .col:nth-child(2) .form .gform_wrapper .top_label select.medium { width: 100%; } .contact .container .row .col:nth-child(2) .form .gform_wrapper .gform_footer input.button, .contact .container .row .col:nth-child(2) .form .gform_wrapper .gform_footer input[type=submit] { width: 100%; } } .contact .container .row .col:nth-child(2) .form .rating { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 auto; padding: 0 20px; position: absolute; bottom: 0; right: 0; width: 100%; border-radius: 0 0 8px 8px; height: 60px; background-color: #E0CBA4; } .contact .container .row .col:nth-child(2) .form .rating .ratinginner:nth-child(1) { display: flex; flex-direction: column; } .contact .container .row .col:nth-child(2) .form .rating .ratinginner:nth-child(1) img { width: 90px; } .contact .container .row .col:nth-child(2) .form .rating .ratinginner:nth-child(1) span { font-size: 9px; line-height: 1.5em; } .contact .container .row .col:nth-child(2) .form .rating .ratinginner:nth-child(2) span { font-size: 28px; line-height: 1.5em; font-weight: bold; margin: 0 20px; } .contact .container .row .col:nth-child(2) .form .rating .ratinginner:nth-child(3) img { width: 90px; } .contact .container .row .col:nth-child(2) .form .button { width: 200px; margin-bottom: 10px; background-color: #66C1BF; } .contact .container .row .col:nth-child(2) .form .button:first-of-type { margin-top: 15px; background-color: #E94362; } .contact .container .row .col:nth-child(2) .form .button:last-of-type { margin-bottom: 0; background-color: #00ABE4; } @media (min-width: 1024px) { .page-id-69 .pageheader .container .row { padding: 80px 0 140px; } } .marketingaanpak { background-color: #E94362; position: relative; } @media (max-width: 767.98px) { .marketingaanpak { background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/hearts-background.svg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } } @media (min-width: 768px) { .marketingaanpak:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 80%; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/clients-background.svg"); background-size: contain; background-position: 100% 100%; background-repeat: no-repeat; height: calc(100% + 50px); width: 100%; z-index: 1; } } @media (min-width: 768px) and (min-width: 768px) { .marketingaanpak:after { height: calc(100% + 75px); } } .marketingaanpak .container .row.heading { padding-bottom: 0; } .marketingaanpak .container .row.heading .col { color: #fff; text-align: center; z-index: 4; } .marketingaanpak .container .row.steps { display: flex; flex-direction: row; flex-wrap: nowrap; overflow-x: scroll; } @media (min-width: 1024px) { .marketingaanpak .container .row.steps { justify-content: center; } } @media (min-width: 1280px) { .marketingaanpak .container .row.steps { justify-content: space-around; } } .marketingaanpak .container .row.steps .col { max-width: 60vw; z-index: 4; } @media (min-width: 480px) { .marketingaanpak .container .row.steps .col { max-width: 45vw; } } @media screen and (min-width: 625px) { .marketingaanpak .container .row.steps .col { max-width: 37vw; } } @media (min-width: 1024px) { .marketingaanpak .container .row.steps .col { max-width: 25%; } } @media (min-width: 1280px) { .marketingaanpak .container .row.steps .col { max-width: 20%; } .marketingaanpak .container .row.steps .col:not(:first-child):after { content: ""; width: 30px; height: 30px; display: block; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/long-arrow-right.svg"); background-size: 100%; position: absolute; left: -39px; top: calc(50% - 15px); } } .marketingaanpak .container .row.steps .col:not(:last-child) { padding-right: 0; } @media (max-width: 1023.98px) { .marketingaanpak .container .row.steps .col:first-child { padding-left: 30px; } .marketingaanpak .container .row.steps .col:last-child { padding-right: 30px; } } .marketingaanpak .container .row.steps .col .inner { background-color: #fff; padding: 30px 10px; text-align: center; height: 100%; border-radius: 8px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); } .marketingaanpak .container .row.steps .col .inner .subtitle { font-size: 12px; } .marketingaanpak .container .row.steps .col .inner .subtitle:after { content: ""; display: block; width: 80%; height: 2px; background-color: #E94362; margin: 15px auto; } .marketingaanpak .container .row.steps .col .inner .keywords { color: #7C7C7C; } .websiteaanpak .container .row.heading { padding-bottom: 0; } .websiteaanpak .container .row.heading .col { text-align: center; } .websiteaanpak .container .row.step:not(:last-child) { padding-bottom: 0; } @media (min-width: 1024px) { .websiteaanpak .container .row.step { align-items: center; justify-content: center; } .websiteaanpak .container .row.step:nth-child(4) .col.text { order: 1; } } @media (min-width: 1024px) and (min-width: 1024px) { .websiteaanpak .container .row.step:nth-child(4) .col.text { margin: 0; } } @media (min-width: 1024px) { .websiteaanpak .container .row.step:nth-child(4) .col.image { order: 2; } } .websiteaanpak .container .row.step .col.text { text-align: center; align-items: center; max-width: 480px; margin: 0 auto; } @media (min-width: 1024px) { .websiteaanpak .container .row.step .col.text { flex: 0 0 50%; max-width: 50%; text-align: left; align-items: flex-start; margin: 0 0 0 50px; } } @media (min-width: 1280px) { .websiteaanpak .container .row.step .col.text { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } } .websiteaanpak .container .row.step .col.image { margin-bottom: 30px; } .websiteaanpak .container .row.step .col.image img { max-width: 290px; width: auto; margin: 0 auto; } @media (min-width: 480px) { .websiteaanpak .container .row.step .col.image img { max-width: 350px; } } @media (min-width: 1024px) { .websiteaanpak .container .row.step .col.image { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } .websiteslider { background-color: #EBEFF2; } .websiteslider .container { padding-bottom: 30px; } .websiteslider .container .row .col { text-align: center; } .websiteslider .container .slider { padding-bottom: 60px; margin: 0 -15px; } @media (min-width: 1024px) { .websiteslider .container .slider { padding-bottom: 90px; } } .websiteslider .container .slider .slide { text-align: center; } .websiteslider .container .slider .slide img { margin-bottom: 15px; } .websiteslider .container .slider .slick-dots li button:before { color: #000; } .websiteslider .container .slider .slick-next, .websiteslider .container .slider .slick-prev { filter: invert(100%); } .websiteslider .container .slider .slick-prev { left: calc(50% - 190px); } .websiteslider .container .slider .slick-next { right: calc(50% - 190px); } .twocolumns { background-color: #FBD9DF; position: relative; } @media (min-width: 1024px) { .twocolumns:after { content: ""; width: 100vw; height: 1000px; display: block; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/twocolumns-background.svg"); background-size: contain; background-repeat: no-repeat; background-position: 50% 100%; position: absolute; bottom: -1px; left: 0; pointer-events: none; } } @media (min-width: 1024px) { .twocolumns .container .row { max-width: 80%; margin: 0 auto; } } .twocolumns .container .row.heading { padding-bottom: 0; } .twocolumns .container .row.heading .col { text-align: center; max-width: 500px; margin: 0 auto; } @media (min-width: 1024px) { .twocolumns .container .row.heading .col { margin: 0; text-align: left; } } @media (min-width: 1024px) { .twocolumns .container .row.cols { display: flex; flex-direction: row; flex-wrap: wrap; padding-bottom: 230px; margin-bottom: -100px; } } @media (min-width: 1280px) { .twocolumns .container .row.cols { padding-bottom: 300px; margin-bottom: -150px; } } .twocolumns .container .row.cols .col { max-width: 432px; margin: 0 auto 15px; } @media (min-width: 768px) { .twocolumns .container .row.cols .col { margin: 0 auto 30px; } } @media (min-width: 1024px) { .twocolumns .container .row.cols .col { max-width: 50%; } } .twocolumns .container .row.cols .col h3 { padding-right: 32px; } @media (min-width: 768px) { .twocolumns .container .row.cols .col h3 { padding-right: 0; font-size: 22px; } } .twocolumns .container .row.cols .col h3 img.showtoggle { width: 11px; filter: invert(1); position: absolute; right: 25px; top: 4px; transition: transform 0.15s ease-in-out; } @media (min-width: 768px) { .twocolumns .container .row.cols .col h3 img.showtoggle { display: none; } } .twocolumns .container .row.cols .col h3:hover img.showtoggle { transform: rotate(90deg); } .twocolumns .container .row.cols .col.show h3 img.showtoggle { transform: rotate(90deg); } .twocolumns .container .row.cols .col:not(:nth-child(1)) .content { display: none; } @media (min-width: 768px) { .twocolumns .container .row.cols .col:not(:nth-child(1)) .content { display: block; } } body.page-id-57 .twocolumns { background-color: #CCEAEA; } body.page-id-59 .twocolumns { background-color: #CBEEFA; } .stats { background-color: #66C1BF; position: relative; } @media (max-width: 767.98px) { .stats { background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/stats-background.svg"); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } } @media (min-width: 768px) { .stats:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 80%; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/stats-background-websites.svg"); background-size: contain; background-position: 0% 100%; background-repeat: no-repeat; height: calc(100% + 50px); width: 100%; z-index: 1; } } @media (min-width: 768px) and (min-width: 768px) { .stats:after { height: calc(100% + 75px); } } .stats .container .row.heading { padding-bottom: 0; } .stats .container .row.heading .col { text-align: center; z-index: 4; } .stats .container .row.numbers { flex-direction: column; align-items: center; } @media (min-width: 1024px) { .stats .container .row.numbers { flex-direction: row; justify-content: center; } } .stats .container .row.numbers .col { max-width: 320px; z-index: 4; } @media (min-width: 1024px) { .stats .container .row.numbers .col { justify-content: center; align-items: center; background-color: #fff; border-radius: 1000px; width: 320px; height: 320px; padding: 60px; text-align: center; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); } .stats .container .row.numbers .col:not(:last-child) { margin-right: 15px; } } .stats .container .row.numbers .col h3 { color: #fff; font-size: 50px; font-weight: bold; } @media (min-width: 1024px) { .stats .container .row.numbers .col h3 { color: #66C1BF; } } body.page-id-59 .stats { background-color: #00ABE4; } @media (min-width: 768px) { body.page-id-59 .stats:after { background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/stats-background-social.svg"); } } .lplogoslider { box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); position: relative; padding: 60px 0px; box-shadow: 20px 3px 20px rgba(127, 127, 127, 0.2); background-color: #FFF; z-index: 11; } .lplogoslider .container-heading { max-width: 1280px; text-align: center; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; margin-bottom: 30px; } .lplogoslider h2.text-center { text-align: center; } .lplogoslider .container { padding: 15px 30px; } .lplogoslider .container img { display: inline-block; filter: grayscale(100%); max-height: 70px; margin: 0 10px; width: 80%; } .lpfaq { background: #eff7f7; } @media (max-width: 767.98px) { .lpfaq { padding: 40px 0px 160px 0px; } } .lpfaq .container .row { z-index: 999; position: relative; } @media (max-width: 767.98px) { .lpfaq .container .row section#heading { text-align: center; margin-bottom: 28px; } } .lpfaq .container .row section#heading h2 { color: #66C1BF; font-style: italic; text-transform: uppercase; margin-bottom: 10px; } @media (max-width: 1023.98px) { .lpfaq .container .row section#heading h2 { font-size: 18px; } } @media (max-width: 767.98px) { .lpfaq .container .row section#heading h2 { font-size: 24px; } } .lpfaq .container .row section#heading h3 { font-size: 35px; line-height: 1em; font-weight: bold; } @media (max-width: 1023.98px) { .lpfaq .container .row section#heading h3 { font-size: 24px; } } @media (max-width: 767.98px) { .lpfaq .container .row section#heading h3 { font-size: 22px; } } .lpfaq .container .row .faq-list .accordion .item { border-bottom: 1px solid #CCCCCC; padding: 8px 0px; } .lpfaq .container .row .faq-list .accordion .item h4 { font-size: 25px; padding-top: 20px; font-style: italic; font-weight: bold; } @media (max-width: 1023.98px) { .lpfaq .container .row .faq-list .accordion .item h4 { font-size: 22px; } } @media (max-width: 767.98px) { .lpfaq .container .row .faq-list .accordion .item h4 { font-size: 20px; } } .lpfaq .container .row .faq-list .accordion .item h4 a span.plus-minus { width: 20px; height: 20px; float: right; position: relative; border: 2px solid #E94362; border-radius: 300px; color: #E94362; } .lpfaq .container .row .faq-list .accordion .item h4 a span.plus-minus:after { content: "+"; display: block; transform: translate(-50%, -50%); top: 45%; position: relative; left: 80%; font-style: normal; font-weight: 100; } .lpfaq .container .row .faq-list .accordion .item h4 a.open span.plus-minus:after { content: "-"; display: block; transform: translate(-50%, -50%); top: 30%; position: relative; left: 75%; font-size: 24px; } .lpfaq .container .row .faq-list .accordion .item h4 a.open img { width: 20px; height: 20px; float: right; position: relative; } .lpfaq .container .row .faq-list .accordion .item p { padding-right: 40px; padding-top: 40px; padding-bottom: 40px; } .lppageheader { position: relative; display: flex; flex-direction: column; justify-content: center; background-size: cover; background-position: 50% 50%; background-color: rgba(0, 0, 0, 0.4); background-blend-mode: color; color: #fff; } @media (min-width: 1024px) { .lppageheader { height: 480px; } } .lppageheader:after { content: ""; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/lp-pageheader-background.svg"); background-size: 100%; background-position: 0% 0%; background-repeat: no-repeat; width: 245px; height: 228px; display: block; position: absolute; bottom: 0; right: 0; } @media (min-width: 1024px) { .lppageheader:after { width: 500px; height: 460px; } } .lppageheader .overlay { background: linear-gradient(to right, #005874 0%, rgba(0, 227, 229, 0.7) 100%); } .lppageheader .container { height: 100%; justify-content: center; display: flex; flex-direction: column; } .lppageheader .container .row { display: flex; flex-direction: row; align-items: center; height: 100%; padding: 80px 0; } .lppageheader .container .row .content { z-index: 1; justify-content: center; } @media (min-width: 1024px) { .lppageheader .container .row .content { max-width: 900px; padding-right: 50px; } } .lppageheader .container .row .content h1 { font-size: 25px; font-weight: 100; font-style: italic; } .lppageheader .container .row .content h2 { font-size: 38px; font-weight: bold; } .lppageheader .container .row .content .subtitle-bar { display: none; } .lppageheader .container .row .content p { margin: 10px 0 0 0; max-width: 580px; padding-right: 40%; } .lppageheader .container .row .content .check-icons { display: flex; flex-direction: column; margin-top: 22px; margin-bottom: 22px; } @media (min-width: 1024px) { .lppageheader .container .row .content .check-icons { flex-direction: row; } } .lppageheader .container .row .content .check-icons .check { display: flex; align-items: center; text-transform: uppercase; font-style: italic; font-family: "Oswald", sans-serif; max-width: 100%; flex: 0 0 33.333%; } @media (max-width: 1023.98px) { .lppageheader .container .row .content .check-icons .check { justify-content: flex-start; } } @media (max-width: 1023.98px) { .lppageheader .container .row .content .check-icons .check:nth-child(even) { justify-content: left; } } .lppageheader .container .row .content .check-icons .check img { max-width: 20px; max-height: 20px; margin: 4px 5px 4px 0px; } .lppageheader .container .row .content .button:nth-child(1) { margin-right: 10px; } @media (min-width: 768px) { .lppageheader .container .row .content .button { max-width: 50%; flex: 0 0 50%; } } .lppageheader .container .row .content .button-lists { display: flex; flex-direction: row; margin-top: 25px; } @media (max-width: 1023.98px) { .lppageheader .container .row .content .button-lists { flex-direction: row; } } @media (max-width: 767.98px) { .lppageheader .container .row .content .button-lists { flex-direction: column; } } .lppageheader .container .row .content .button-lists .button:nth-child(1) { margin-right: 10px; border: 2px solid transparent; } @media (max-width: 767.98px) { .lppageheader .container .row .content .button-lists .button:nth-child(1) { margin-bottom: 10px; margin-right: 0px; } } @media (max-width: 1023.98px) { .lppageheader .container .row .content .button-lists .button { max-width: 50%; flex: 0 0 50%; } } .lppageheader .container .row .content .button-lists .button-transparent img { width: 20px !important; margin-left: 10px; } .lppageheader .container .row .content-image { z-index: 13; top: 80px; left: 160px; } @media (min-width: 1024px) { .lppageheader .container .row .content-image { left: 10%; } } @media (max-width: 1279.98px) { .lppageheader .container .row .content-image { left: 60px; } } @media (max-width: 1023.98px) { .lppageheader .container .row .content-image { left: 20px; top: 140px; } } @media (max-width: 767.98px) { .lppageheader .container .row .content-image { display: none; } } .lppageheader .container .row .content-image img { width: 90%; max-width: 1144px; min-width: 635px; } .lppageheader .overlay { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (min-width: 1024px) { body.home .pageheader { height: 470px; } body.home .pageheader:after { height: 375px; } body.home .pageheader .container .row { justify-content: center; } body.home .pageheader .container .row .col { text-align: center; max-width: 620px; align-items: center; } body.home .pageheader .container .row .col h1 { font-size: 67px; } body.home .pageheader .container .row .col h2 { font-size: 50px; } body.home .pageheader .container .row .col p { max-width: 370px; } body.home .pageheader .container .row .col button { align-self: center; } } .quote-section { display: block; position: absolute; height: 264px; width: 274px; left: 65%; top: 50%; transform: translate(-45%, -70%); z-index: 14; } @media (max-width: 767.98px) { .quote-section { display: none !important; } } .quote-section .quote-wrap { text-align: center; position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); color: #000; width: 185px; display: flex; flex-direction: column; } .quote-section .quote-wrap .quote { font-size: 16px; font-style: italic; } .quote-section .quote-wrap .info { font-size: 13px; width: 100%; display: flex; justify-content: center; margin-top: 12px; flex-direction: column; } .quote-section .quote-wrap .info span { position: relative; } .quote-section .quote-wrap .info .line { font-size: 23px; font-style: italic; position: relative; } .quote-section-mob { display: block; padding: 27px 20px; } @media (min-width: 768px) { .quote-section-mob { display: none; } } .quote-section-mob .quote-wrap { text-align: center; } .quote-section-mob .quote-wrap .quote { font-size: 16px; font-style: italic; } .quote-section-mob .quote-wrap .info { font-size: 13px; width: 100%; display: flex; justify-content: center; margin-top: 12px; } .quote-section-mob .quote-wrap .info .line { font-size: 23px; font-style: italic; width: 23px; } .lptekstslider { padding: 35px 0px; } @media (max-width: 767.98px) { .lptekstslider { padding: 0px 0px; } } .lptekstslider .container .row { display: flex; padding: 40px 0px 0px 0px; } @media (max-width: 767.98px) { .lptekstslider .container .row { padding: 0px 0px 0px 0px; } } @media (max-width: 1023.98px) { .lptekstslider .container .row .col-slider { padding: 0; } } @media (min-width: 768px) { .lptekstslider .container .row .col-slider { padding-right: 15px; padding-left: 15px; } } @media (max-width: 1023.98px) { .lptekstslider .container .row .col-slider .slick-slider { padding: 0; } } @media (min-width: 768px) { .lptekstslider .container .row .col-slider .slick-slider { padding-right: 15px; padding-left: 15px; height: 100%; } } .lptekstslider .container .row .col-slider .slick-slider:after { content: ""; display: block; height: 80px; width: calc(94% - 30px); background: #ffffffa3; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } @media (max-width: 1023.98px) { .lptekstslider .container .row .col-slider .slick-slider:after { width: 90%; bottom: 30px; height: 50px; } } @media (max-width: 767.98px) { .lptekstslider .container .row .col-slider .slick-slider:after { width: 100%; bottom: 0px; height: 50px; } } .lptekstslider .container .row .col-slider .slick-slider button.slick-prev { bottom: 40px; } @media (max-width: 1023.98px) { .lptekstslider .container .row .col-slider .slick-slider button.slick-prev { bottom: 43px; left: 40px; } } @media (max-width: 767.98px) { .lptekstslider .container .row .col-slider .slick-slider button.slick-prev { bottom: 13px; } } .lptekstslider .container .row .col-slider .slick-slider button.slick-prev:before { content: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/arrow-left-black.svg"); opacity: 1; font-size: 15px; width: 15px; color: #000; opacity: 0.75; } @media (min-width: 768px) { .lptekstslider .container .row .col-slider .slick-slider .slick-list { bottom: 20px; height: 100%; } } .lptekstslider .container .row .col-slider .slick-slider .slick-list:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 999999; } .lptekstslider .container .row .col-slider .slick-slider .slick-list .slick-track { height: 100%; } @media (min-width: 768px) { .lptekstslider .container .row .col-slider .slick-slider .slick-list .slick-track img { -o-object-fit: contain; object-fit: contain; height: 100%; } } .lptekstslider .container .row .col-slider .slick-slider button.slick-next { bottom: 40px; } @media (max-width: 1023.98px) { .lptekstslider .container .row .col-slider .slick-slider button.slick-next { bottom: 43px; right: 40px; } } @media (max-width: 767.98px) { .lptekstslider .container .row .col-slider .slick-slider button.slick-next { bottom: 13px; } } .lptekstslider .container .row .col-slider .slick-slider button.slick-next:before { content: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/arrow-right-black.svg"); opacity: 1; font-size: 15px; width: 15px; color: #000; opacity: 0.75; } .lptekstslider .container .row .col-slider .slick-slider .slick-dots { bottom: 40px; } @media (max-width: 1023.98px) { .lptekstslider .container .row .col-slider .slick-slider .slick-dots { bottom: 43px; } } @media (max-width: 767.98px) { .lptekstslider .container .row .col-slider .slick-slider .slick-dots { bottom: 10px; } } .lptekstslider .container .row .col-slider .slick-slider .slick-dots li { position: relative; display: inline-block; margin: 0 2px; padding: 0; } .lptekstslider .container .row .col-slider .slick-slider .slick-dots li button:before { font-size: 40px; color: #000000; opacity: 1; } .lptekstslider .container .row .col-slider .slick-slider .slick-dots li.slick-active button:before { opacity: 1; color: #66c1bf; } .lptekstslider .container .row .col-content { padding-top: 10px; } .lptekstslider .container .row .col-content h2 { color: #66c1bf; font-style: italic; text-transform: uppercase; margin-bottom: 10px; margin-top: 34px; } .lptekstslider .container .row .col-content h3 { font-size: 38px; line-height: 1em; font-weight: bold; } .lptekstslider .container .row .col-content #icon-title-items { padding: 10px 0px; } .lptekstslider .container .row .col-content #icon-title-items > div { display: flex; margin: 10px 0px; } .lptekstslider .container .row .col-content #icon-title-items > div > img { width: 20px; height: 20px; margin-right: 10px; } .lptekstslider .container .row .col-content .row .button-col { margin-bottom: 20px; display: flex; } .lptekstslider .container .row .col-content .row .button-col a.button { width: -moz-fit-content; width: fit-content; } @media (min-width: 768px) { .lptekstslider .container .row .col-content .row .button-col a.button { margin-right: 20px; } } @media (max-width: 1023.98px) { .lptekstslider .container .row .col-content .row .button-col a.button { margin-left: 15px; } } .lptekstslider .container .row .col-content .row .button-col a.button img { width: 20px; height: 20px; margin-left: 10px; } .lpmobiletekst .container .row .heading { text-align: center; } .lpmobiletekst .container .row section.slider-content { display: block; } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content { display: none; } } .lpmobiletekst .container .row section.slider-content .container .row { display: flex; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left { padding-right: 30px; order: 1; justify-content: space-evenly; display: flex; flex-direction: column; z-index: 1; top: -50px; } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left { order: 1; padding-right: 0px; } } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left { min-height: auto; position: relative; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left h2 { font-size: 22px; } @media (max-width: 1023.98px) { .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left h2 { font-size: 18px; } } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left h2 { font-size: 18px; } } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(even) { margin: 0px 0px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(1) { position: relative; left: 0px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(1) h2 { color: #B3346C; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(1):before { content: ""; width: 20px; position: absolute; height: 20px; background-color: #B3346C; left: -20px; bottom: -19px; border-radius: 300px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(1):after { content: ""; width: calc(100% + 140px); position: absolute; height: 2px; background-color: #B3346C; left: -10px; bottom: -11px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(2) { position: relative; left: 40px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(2) h2 { color: #E94362; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(2):before { content: ""; width: 20px; position: absolute; height: 20px; background-color: #E94362; left: -20px; bottom: -19px; border-radius: 300px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(2):after { content: ""; width: calc(100% + 100px); position: absolute; height: 2px; background-color: #E94362; left: -10px; bottom: -11px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(3) { position: relative; left: 0px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(3) h2 { color: #66C1BF; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(3):before { content: ""; width: 20px; position: absolute; height: 20px; background-color: #66C1BF; left: -20px; bottom: -19px; border-radius: 300px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-left .mobile-list-item-left:nth-child(3):after { content: ""; width: calc(100% + 140px); position: absolute; height: 2px; background-color: #66C1BF; left: -10px; bottom: -11px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-image { order: 2; align-items: center; justify-content: center; display: flex; z-index: 2; } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-image { margin-top: 40px; } } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-image { margin-top: 40px; order: 3; } } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-image .mobile-screen img { margin: 0 auto; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right { order: 3; padding-left: 30px; justify-content: space-evenly; display: flex; flex-direction: column; z-index: 1; top: -50px; } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right { order: 2; padding-left: 0px; } } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right { min-height: auto; text-align: right; } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right { text-align: left; } } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right h2 { font-size: 22px; } @media (max-width: 1023.98px) { .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right h2 { font-size: 18px; } } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right h2 { font-size: 18px; } } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(even) { margin: 0px 0px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(1) { position: relative; right: 0px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(1) h2 { color: #0BAAE2; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(1):before { content: ""; width: 20px; position: absolute; height: 20px; background-color: #0BAAE2; right: -20px; bottom: -19px; border-radius: 300px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(1):after { content: ""; width: calc(100% + 140px); position: absolute; height: 2px; background-color: #0BAAE2; right: -10px; bottom: -11px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(2) { position: relative; right: 40px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(2) h2 { color: #E0CBA4; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(2):before { content: ""; width: 20px; position: absolute; height: 20px; background-color: #E0CBA4; right: -20px; bottom: -19px; border-radius: 300px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(2):after { content: ""; width: calc(100% + 100px); position: absolute; height: 2px; background-color: #E0CBA4; right: -10px; bottom: -11px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(3) { position: relative; right: 0px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(3) h2 { color: #36AB49; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(3):before { content: ""; width: 20px; position: absolute; height: 20px; background-color: #36AB49; right: -20px; bottom: -19px; border-radius: 300px; } .lpmobiletekst .container .row section.slider-content .container .row .mobile-tekst-right .mobile-list-item-right:nth-child(3):after { content: ""; width: calc(100% + 140px); position: absolute; height: 2px; background-color: #36AB49; right: -10px; bottom: -11px; } .lpmobiletekst .container .row section.slider-content-mobile { display: none; flex-direction: row; } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content-mobile { display: flex; } } .lpmobiletekst .container .row section.slider-content-mobile .container { width: 50%; height: 100%; } .lpmobiletekst .container .row section.slider-content-mobile .container .row { height: 100%; display: flex; } @media (max-width: 1023.98px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider { padding: 0; } } @media (min-width: 768px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider { padding-right: 15px; padding-left: 15px; height: 100%; } } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider button.slick-prev { bottom: 40px; } @media (max-width: 1023.98px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider button.slick-prev { bottom: 43px; left: 40px; } } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider button.slick-prev { bottom: -30px; } } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider button.slick-prev:before { content: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/arrow-left-black.svg"); opacity: 1; font-size: 15px; width: 15px; color: #000; opacity: 0.75; } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-list { height: 100%; } @media (min-width: 768px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-list { bottom: 20px; height: 100%; } } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-list .slick-track { height: 100%; } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-list .slick-track .items { justify-content: space-evenly; display: flex; flex-direction: column; height: 100%; } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-list .slick-track .items .mobile-list-item { margin-bottom: 20px; } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-list .slick-track .items .mobile-list-item h2 { font-family: "Oswald", sans-serif; font-size: 24px; } @media (max-width: 1023.98px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-list .slick-track .items .mobile-list-item h2 { font-size: 18px; } } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-list .slick-track .items .mobile-list-item span { font-size: 16px; } @media (max-width: 1023.98px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-list .slick-track .items .mobile-list-item span { font-size: 14px; } } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider button.slick-next { bottom: 40px; } @media (max-width: 1023.98px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider button.slick-next { bottom: 43px; right: -70%; } } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider button.slick-next { bottom: -30px; } } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider button.slick-next:before { content: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/arrow-right-black.svg"); opacity: 1; font-size: 15px; width: 15px; color: #000; opacity: 0.75; } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-dots { bottom: 40px; } @media (max-width: 1023.98px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-dots { bottom: 43px; } } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-dots { bottom: -30px; transform: translate(50%); } } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-dots li { position: relative; display: inline-block; margin: 0 2px; padding: 0; } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-dots li button:before { font-size: 40px; color: #000000; opacity: 1; } .lpmobiletekst .container .row section.slider-content-mobile .container .row .slick-slider .slick-dots li.slick-active button:before { opacity: 1; color: #66c1bf; } .lpmobiletekst .container .row section.slider-content-mobile .mobile-tekst-image { width: 100%; max-width: 40%; display: flex; order: 2; } @media (max-width: 1023.98px) { .lpmobiletekst .container .row section.slider-content-mobile .mobile-tekst-image { margin-top: 40px; } } @media (max-width: 767.98px) { .lpmobiletekst .container .row section.slider-content-mobile .mobile-tekst-image { order: 3; } } .lpmobiletekst .container .row section.slider-content-mobile .mobile-tekst-image .mobile-screen img { max-width: 260px; margin: 0 auto; } .lponlinemarketingpartner { background-size: contain; background-position: right center; background-repeat: no-repeat; line-height: 30px; position: relative; } .lponlinemarketingpartner img.back-onlinemarketing { position: absolute; z-index: 2; width: 62%; left: -14rem; bottom: -110px; min-width: 945px; transform: rotate(55deg); } @media (max-width: 1279.98px) { .lponlinemarketingpartner img.back-onlinemarketing { position: absolute; z-index: 2; width: 74%; left: -25rem; bottom: -80px; min-width: 1035px; transform: rotate(55deg); } } @media (max-width: 1023.98px) { .lponlinemarketingpartner img.back-onlinemarketing { position: absolute; z-index: 2; width: 100%; left: -360px; top: -110px; min-width: 945px; transform: rotate(55deg); } } @media (max-width: 767.98px) { .lponlinemarketingpartner img.back-onlinemarketing { position: absolute; z-index: 2; width: 100em; left: -30em; top: calc(22em - 10%); transform: rotate(55deg); } } .lponlinemarketingpartner .row { padding: 0; display: flex; overflow: hidden; position: relative; } .lponlinemarketingpartner .row #lpomp-content { order: 1; z-index: 2; padding: 64px 15px 64px 10%; max-width: 40%; flex: 0 0 40%; } @media (max-width: 1023.98px) { .lponlinemarketingpartner .row #lpomp-content { order: 2; padding: 60px 15px 32px 15px; max-width: 45%; flex: 0 0 45%; } } @media (max-width: 767.98px) { .lponlinemarketingpartner .row #lpomp-content { order: 2; padding: 10px 15px 32px 15px; flex: 0 0 100%; max-width: 100%; } } .lponlinemarketingpartner .row #lpomp-content h2 { font-size: 22px; font-weight: bold; font-style: italic; } .lponlinemarketingpartner .row #lpomp-content h3 { font-size: 35px; color: #fff; font-weight: bold; line-height: 1.3em; } .lponlinemarketingpartner .row #lpomp-content .check-items-wrapper { display: flex; flex-direction: column; } .lponlinemarketingpartner .row #lpomp-content .check-items-wrapper .check-items { flex: 0 0 100%; max-width: 100%; display: flex; align-items: center; } .lponlinemarketingpartner .row #lpomp-content .check-items-wrapper .check-items img { width: 20px; height: 20px; margin-right: 5px; } .lponlinemarketingpartner .row #lpomp-content .button { width: -moz-fit-content; width: fit-content; margin: 20px 0px; } @media (max-width: 1023.98px) { .lponlinemarketingpartner .row #lpomp-image { order: 2; position: absolute; right: -60px; top: 0; width: 100%; height: 50em; display: block; } } @media (max-width: 767.98px) { .lponlinemarketingpartner .row #lpomp-image { height: 100%; width: 100%; right: 0; order: 1; z-index: 1; display: block; padding: 0; min-height: 400px; display: flex; position: relative; } .lponlinemarketingpartner .row #lpomp-image.padding { padding: 0; } } .lponlinemarketingpartner .row #lpomp-image img { width: auto; height: auto; max-width: 1000%; min-height: 100%; min-width: 100vw; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; } @media (max-width: 1023.98px) { .lponlinemarketingpartner .row #lpomp-image img { height: auto; } } .lp4stappenplan { padding: 98px 0px; } .lp4stappenplan .container .row { padding: 0; } .lp4stappenplan .container .row .heading { text-align: center; max-width: 100%; flex: 0 0 100%; } .lp4stappenplan .container .row .heading h2 { font-size: 22px; color: #66C1BF; } @media (max-width: 1023.98px) { .lp4stappenplan .container .row .heading h2 { font-size: 18px; } } @media (max-width: 767.98px) { .lp4stappenplan .container .row .heading h2 { font-size: 18px; } } .lp4stappenplan .container .row .heading h3 { font-size: 35px; color: #000; font-weight: bold; } @media (max-width: 1023.98px) { .lp4stappenplan .container .row .heading h3 { font-size: 24px; } } @media (max-width: 767.98px) { .lp4stappenplan .container .row .heading h3 { font-size: 22px; padding: 0 20px; } } .lp4stappenplan .container .row .col-3 { text-align: center; max-width: 25%; flex: 0 0 25%; padding: 73px 40px; } @media (max-width: 1023.98px) { .lp4stappenplan .container .row .col-3 { max-width: 25%; flex: 0 0 25%; } } @media (max-width: 767.98px) { .lp4stappenplan .container .row .col-3 { max-width: 100%; flex: 0 0 100%; flex-direction: row; display: flex; align-items: center; text-align: left; padding: 23px 40px; } } .lp4stappenplan .container .row .col-3 img { height: 85px; width: auto; margin: 0 auto; } @media (max-width: 767.98px) { .lp4stappenplan .container .row .col-3 img { margin: 0 20px 0 0; } } .lp4stappenplan .container .row .col-3 p { font-family: "Oswald", sans-serif; font-size: 17px; text-transform: uppercase; line-height: 22px; } .lp4stappenplan .container .row .col-3 p span.red { color: #E94362; font-size: 22px; } .lp4stappenplan .container .row .button-wrapper { align-items: center; max-width: 100%; flex: 0 0 100%; display: flex; justify-content: center; } .lp4stappenplan .container .row .button-wrapper a { width: 206px; } .lp4stappenplanbackground { position: relative; padding: 98px 0px; background-repeat: no-repeat; background-size: cover; } .lp4stappenplanbackground .container { position: relative; z-index: 2; } .lp4stappenplanbackground .container .row { padding: 0; } .lp4stappenplanbackground .container .row .heading { text-align: center; max-width: 100%; flex: 0 0 100%; } .lp4stappenplanbackground .container .row .heading h2 { font-size: 22px; color: #fff; } @media (max-width: 1023.98px) { .lp4stappenplanbackground .container .row .heading h2 { font-size: 18px; } } @media (max-width: 767.98px) { .lp4stappenplanbackground .container .row .heading h2 { font-size: 18px; } } .lp4stappenplanbackground .container .row .heading h3 { font-size: 35px; color: #fff; font-weight: bold; } @media (max-width: 1023.98px) { .lp4stappenplanbackground .container .row .heading h3 { font-size: 24px; } } @media (max-width: 767.98px) { .lp4stappenplanbackground .container .row .heading h3 { font-size: 22px; padding: 0 20px; } } .lp4stappenplanbackground .container .row .stappen-wrapper { flex-direction: row; display: flex; justify-content: center; align-items: center; position: relative; margin: 60px 0px; } @media screen and (max-width: 1240px) and (min-width: 320px) { .lp4stappenplanbackground .container .row .stappen-wrapper { flex-direction: column; margin-top: 40px; height: 100vh; } } @media screen and (max-width: 767px) and (min-width: 320px) { .lp4stappenplanbackground .container .row .stappen-wrapper { height: 750px; } } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item { text-align: center; max-width: 320px; flex: 0 0 320px; position: relative; display: block; padding: 5%; width: 320px; height: 320px; background-color: #FFF; border-radius: 300px; margin-left: -10px; margin-right: -10px; } @media screen and (max-width: 1240px) and (min-width: 768px) { .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item { padding: 5%; width: 320px; height: 320px; justify-content: center; align-items: center; display: flex; flex-direction: column; } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item:nth-child(1) { position: absolute; top: 0; left: 25%; } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item:nth-child(2) { position: absolute; top: 25%; left: 42%; } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item:nth-child(3) { position: absolute; top: 50%; left: 25%; } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item:nth-child(4) { position: absolute; top: 75%; left: 42%; } } @media screen and (max-width: 767px) and (min-width: 320px) { .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item { padding: 5%; width: 250px; height: 250px; justify-content: center; align-items: center; display: flex; flex-direction: column; } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item:nth-child(1) { position: absolute; top: 0; left: 20%; } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item:nth-child(2) { position: absolute; top: 25%; left: 30%; } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item:nth-child(3) { position: absolute; top: 50%; left: 20%; } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item:nth-child(4) { position: absolute; top: 75%; left: 30%; } } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item img { width: 60px; margin: 0 auto; } @media screen and (max-width: 1240px) and (min-width: 768px) { .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item img { width: 100px; } } @media (max-width: 767.98px) { .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item img { margin: 0 0px 0 0; width: 60px; } } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item p { font-family: "Oswald", sans-serif; font-size: calc(12px + (17 - 12) * ((100vw - 300px) / (1280 - 300))); text-transform: uppercase; line-height: 22px; } .lp4stappenplanbackground .container .row .stappen-wrapper .stappen-item p span.red { color: #E94362; font-size: 22px; } .lp4stappenplanbackground .container .row .stappen-wrapper .back { background-image: url(https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/stappenplan-circle.svg); height: inherit; width: 110%; display: block; top: 0; left: -5%; position: absolute; background-repeat: no-repeat; background-size: 100%; padding: 16%; z-index: -1; display: flex; flex-direction: column; justify-content: center; } .lp4stappenplanbackground .container .row .button-wrapper { align-items: center; max-width: 100%; flex: 0 0 100%; display: flex; justify-content: center; } @media screen and (max-width: 1240px) and (min-width: 768px) { .lp4stappenplanbackground .container .row .button-wrapper { margin-top: 80px; } } @media (max-width: 767.98px) { .lp4stappenplanbackground .container .row .button-wrapper { margin-top: 50px; } } .lp4stappenplanbackground .container .row .button-wrapper a { width: 206px; } .lp4stappenplanbackground .overlay { background: linear-gradient(to right, rgba(0, 88, 116, 0.7) 0%, rgba(0, 227, 229, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3005874", endColorstr="#b300e3e5",GradientType=1 ); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 0; } .lpformulier { position: relative; padding: 80px 0px 0px 0px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .lpformulier .contact-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; left: 47%; transform: translateX(-50%); } .lpformulier .contact-back .desktop { position: absolute; } @media screen and (min-width: 768px) { .lpformulier .contact-back .desktop { position: absolute; bottom: 0; z-index: 2; display: block; width: 100%; min-width: 1280px; height: calc(100% + 100px); right: 35%; } } @media (max-width: 767.98px) { .lpformulier .contact-back .desktop { display: none; } } .lpformulier .contact-back .mobile { display: none; } @media (max-width: 767.98px) { .lpformulier .contact-back .mobile { display: block; position: absolute; z-index: 2; width: 100%; max-width: 536px; top: 0; left: 0; transform: translate(0%, 0%); } } @media screen and (min-width: 718px) { .lpformulier .contact-back .mobile { -webkit-clip-path: inset(0 0 23.4% 0); clip-path: inset(0 0 23.4% 0); } } .lpformulier .container .row { z-index: 10; } .lpformulier .container .row #content { z-index: 10; } @media (max-width: 1279.98px) { .lpformulier .container .row #content { z-index: 10; padding-right: calc(32% - 100px); padding-left: 50px; } } @media (min-width: 768px) { .lpformulier .container .row #content { z-index: 10; padding-right: calc(32% - 100px); padding-left: 15px; } } @media (max-width: 767.98px) { .lpformulier .container .row #content { padding-right: 5%; padding-left: 20%; } } .lpformulier .container .row #content h2 { font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1280 - 300))); color: #fff; } .lpformulier .container .row #content h3 { font-size: calc(22px + (35 - 22) * ((100vw - 300px) / (1280 - 300))); font-size: 35px; color: #fff; } .lpformulier .container .row #content p { color: #fff; font-size: 12px; } .lpformulier .container .row #formulier { z-index: 9; display: block; } .lpformulier .container .row #formulier img { width: 100%; } .lpformulier .container .row #formulier .footer-form-50 { width: 50%; list-style-type: none; display: inline-block; } @media (max-width: 1023.98px) { .lpformulier .container .row #formulier .footer-form-50 { width: 50%; margin-top: 0; } } @media (max-width: 767.98px) { .lpformulier .container .row #formulier .footer-form-50 { width: 100%; margin-top: 0; } } .lpformulier .container .row #formulier .footer-form-50 .ginput_container { margin-top: 0px; } .lpformulier .container .row #formulier .footer-form-50 .ginput_container input { width: 100%; padding: 10px 30px; border-radius: 6px; border: 0px; } .lpformulier .container .row #formulier textarea.medium { height: 120px; width: 100%; padding: 10px 30px; border-radius: 6px; border: 0px; } .lpformulier .container .row #formulier .gform_wrapper select.medium { padding: 15px 30px; border-radius: 6px; border: 0px; width: 100%; } .lpformulier .container .row #formulier .gfield_html_formatted { width: 100%; margin-top: 20px !important; color: #fff; } .lpformulier .overlay { background: linear-gradient(to right, rgba(0, 88, 116, 0.7) 0%, rgba(0, 227, 229, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3005874", endColorstr="#b300e3e5",GradientType=1 ); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 0; } .lpformulier .gform_wrapper .gform_footer { padding: 16px 0 10px 0; margin: 16px 0 0 0; clear: both; width: 100%; text-align: right; top: -60px; position: relative; } @media (max-width: 767.98px) { .lpformulier .gform_wrapper .gform_footer { margin: 75px 0 0 0 !important; } } .lpformulier .gform_wrapper .gform_footer input[id^=gform_submit_button_] { width: 250px !important; float: right; } .lpformulier #field_3_10 { margin-top: 40px !important; } .lpformulier .gfield_label { color: #fff; } .lpformulier .gfield_label .gfield_required { color: #fff !important; } .lpformulier input { width: 100%; border: 0px; } .lpformulier .gform_wrapper { margin-bottom: 0px !important; margin-top: 0px !important; max-width: 100%; } .lpformulier .gform_wrapper ul li.gfield { margin-top: 0px !important; padding-top: 0; } .lpformulier .gform_wrapper .gform_body { width: 100%; max-width: 600px; margin: 0 auto; } .lppageheaderformulier { position: relative; display: flex; flex-direction: column; justify-content: center; background-size: cover; background-position: 50% 50%; background-color: rgba(0, 0, 0, 0.4); background-blend-mode: color; color: #fff; } @media (max-width: 767.98px) { .lppageheaderformulier { padding-top: 50px; } } .lppageheaderformulier:after { content: ""; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/lp-pageheader-background.svg"); background-size: 100%; background-position: 0% 0%; background-repeat: no-repeat; width: 245px; height: 228px; display: block; position: absolute; bottom: 0; right: 0; } @media (min-width: 1024px) { .lppageheaderformulier:after { width: 500px; height: 460px; } } .lppageheaderformulier .overlay { background: linear-gradient(to right, #005874 0%, rgba(0, 227, 229, 0.7) 100%); } .lppageheaderformulier .container { height: 100%; justify-content: center; display: flex; flex-direction: column; } .lppageheaderformulier .container .row { display: flex; flex-direction: row; height: 100%; } .lppageheaderformulier .container .row .content { z-index: 99999; justify-content: center; } @media (min-width: 1024px) { .lppageheaderformulier .container .row .content { max-width: 900px; padding-right: 50px; } } .lppageheaderformulier .container .row .content h1 { font-size: 25px; font-weight: 100; font-style: italic; } .lppageheaderformulier .container .row .content h2 { font-size: 38px; font-weight: bold; margin-top: 10px; } .lppageheaderformulier .container .row .content .subtitle-bar { display: none; } .lppageheaderformulier .container .row .content p { margin: 20px 0 20px 0; max-width: 580px; padding-right: 10%; } .lppageheaderformulier .container .row .content .check-wrapper { background: rgba(0, 0, 0, 0.2); padding: 25px 60px 45px 25px; margin-top: 15px; } .lppageheaderformulier .container .row .content .check-wrapper .check-heading { font-family: "Oswald", sans-serif; text-transform: uppercase; font-style: italic; font-size: 18px; } .lppageheaderformulier .container .row .content .check-wrapper .check-icons { display: flex; flex-direction: column; margin-top: 5px; margin-bottom: 22px; } @media (min-width: 1024px) { .lppageheaderformulier .container .row .content .check-wrapper .check-icons { flex-direction: column; } } .lppageheaderformulier .container .row .content .check-wrapper .check-icons .check { display: flex; align-items: center; text-transform: uppercase; font-style: italic; font-family: "Oswald", sans-serif; max-width: 100%; flex: 0 0 33.333%; } @media (max-width: 1023.98px) { .lppageheaderformulier .container .row .content .check-wrapper .check-icons .check { justify-content: flex-start; } } .lppageheaderformulier .container .row .content .check-wrapper .check-icons .check img { max-width: 20px; max-height: 20px; margin: 3px 15px 5px 0px; } .lppageheaderformulier .container .row .content .check-wrapper .check-icons .check span { font-size: 18px; } .lppageheaderformulier .container .row .content .check-wrapper .button-transparent { max-width: 170px; } .lppageheaderformulier .container .row .content .check-wrapper .button-transparent img { width: 20px !important; height: 20px; margin-left: 10px; } .lppageheaderformulier .container .row #formulier { z-index: 9; background-color: #fff; margin-left: 5%; padding: 0px 35px; } @media (max-width: 767.98px) { .lppageheaderformulier .container .row #formulier { margin-left: 0%; } } @media (max-width: 1023.98px) { .lppageheaderformulier .container .row #formulier { margin-left: 0%; padding: 0px 35px; flex: 0 0 56.33333%; max-width: 56.33333%; } } .lppageheaderformulier .container .row #formulier h2 { color: #000; padding-top: 30px; padding-right: 30px; margin-bottom: 10px; line-height: 40px; } .lppageheaderformulier .container .row #formulier p { color: #000; } .lppageheaderformulier .container .row #formulier img { width: 100%; } .lppageheaderformulier .container .row #formulier .footer-form-50 { width: 50%; list-style-type: none; display: inline-block; margin-top: 0px !important; } @media (max-width: 1023.98px) { .lppageheaderformulier .container .row #formulier .footer-form-50 { width: 50%; margin-top: 0; } } @media (max-width: 767.98px) { .lppageheaderformulier .container .row #formulier .footer-form-50 { width: 100%; margin-top: 0; } } .lppageheaderformulier .container .row #formulier .footer-form-50 .ginput_container { margin-top: 0px; } .lppageheaderformulier .container .row #formulier .footer-form-50 .ginput_container input { width: 100%; padding: 12px 30px; border-radius: 6px; border: 1px solid #707070; } .lppageheaderformulier .container .row #formulier #field_3_10 { margin-top: 30px !important; } .lppageheaderformulier .container .row #formulier textarea.medium { height: 120px; width: 100%; padding: 10px 30px; border-radius: 6px; border: 0px; border: 1px solid #707070; } .lppageheaderformulier .container .row #formulier .gfield_label { color: #000; font-size: 13px; font-style: italic; } .lppageheaderformulier .container .row #formulier .gform_wrapper select.medium { padding: 15px 30px; border-radius: 6px; border: 0px; width: 100%; border: 1px solid #707070; } .lppageheaderformulier .container .row #formulier .gfield_html_formatted { width: 100%; margin-top: 20px !important; color: #000; } .lppageheaderformulier .container .row #formulier .gform_wrapper .gform_footer { top: 0; padding: 0px 0 0px 0; margin: 16px 0 85px 0; clear: none; width: 100%; text-align: right; position: relative; } .lppageheaderformulier .container .row #formulier .gform_wrapper .gform_footer input.button, .lppageheaderformulier .container .row #formulier .gform_wrapper .gform_footer input[type=submit] { width: calc(100% - 15px) !important; border: 0px; } .lppageheaderformulier .overlay { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (min-width: 1024px) { body.home .pageheader { height: 470px; } body.home .pageheader:after { height: 375px; } body.home .pageheader .container .row { justify-content: center; } body.home .pageheader .container .row .col { text-align: center; max-width: 620px; align-items: center; } body.home .pageheader .container .row .col h1 { font-size: 67px; } body.home .pageheader .container .row .col h2 { font-size: 50px; } body.home .pageheader .container .row .col p { max-width: 370px; } body.home .pageheader .container .row .col button { align-self: center; } } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 80%; /* Could be more or less, depending on screen size */ } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } @media (max-width: 1023.98px) { #myModal, #myBtn { display: block; } #formulier-mob { display: block; } #formulier { display: none; } } @media (min-width: 768px) { #myModal, #myBtn { display: none; } #formulier-mob { display: none; } #formulier { display: block; } } #formulier-mob { z-index: 9; } #formulier-mob h2, #formulier-mob p { color: #000; } #formulier-mob img { width: 100%; } #formulier-mob .footer-form-50 { width: 50%; list-style-type: none; display: inline-block; } @media (max-width: 1023.98px) { #formulier-mob .footer-form-50 { width: 50%; margin-top: 0; } } @media (max-width: 767.98px) { #formulier-mob .footer-form-50 { width: 100%; margin-top: 0; } } #formulier-mob .footer-form-50 .ginput_container { margin-top: 0px; } #formulier-mob .footer-form-50 .ginput_container input { width: 100%; padding: 10px 30px; border-radius: 6px; border: 1px; } #formulier-mob textarea.medium { height: 120px; width: 100%; padding: 10px 30px; border-radius: 6px; border: 0px; } #formulier-mob .gform_wrapper select.medium { padding: 15px 30px; border-radius: 6px; border: 0px; width: 100%; } #formulier-mob .gfield_html_formatted { width: 100%; margin-top: 20px !important; color: #fff; } #myModal { display: none; } #formulier-mob input, #formulier-mob select { border: 1px solid #000000 !important; } #formulier-mob .gfield_label { color: #000; } #formulier-mob .gfield_html { color: #000; } #formulier-mob .gform_footer input { width: calc(100% - 15px) !important; border: 0px !important; } #myBtn { width: auto !important; border: 0px !important; margin-bottom: 15px; } footer.lpfooter { color: #fff; background-image: url("footer-background.jpg"); background-size: cover; background-position: 50% 50%; background: #2d585d; background: linear-gradient(to right, #2d585d 0%, #488289 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#2d585d", endColorstr="#488289",GradientType=1 ); z-index: 9999; position: relative; display: block; } footer.lpfooter .container { display: flex; flex-direction: column; align-items: center; max-width: 9999px; padding: 0; } footer.lpfooter .container .row { width: 100%; } @media (min-width: 1024px) { footer.lpfooter .container .row.content { max-width: 1140px; } } @media (min-width: 1280px) { footer.lpfooter .container .row.content { max-width: 1280px; font-size: 15px; padding-right: calc(323px - ((100vw - 1250px)/2)); } footer.lpfooter .container .row.content:after { content: ""; background-image: url("https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/logo-banner-footer.svg"); background-size: 100%; width: 323px; height: 298px; position: absolute; bottom: 0; right: 0; } } @media (min-width: 1440px) { footer.lpfooter .container .row.content { font-size: 16px; } } footer.lpfooter .container .row.content .col { text-align: center; align-items: center; } @media (min-width: 1024px) { footer.lpfooter .container .row.content .col { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; text-align: left; align-items: flex-start; } } footer.lpfooter .container .row.content .col h3 { margin-bottom: 12px; } @media (max-width: 1023.98px) { footer.lpfooter .container .row.content .col h3 { display: none; } } footer.lpfooter .container .row.content .col a { line-height: 37px; } footer.lpfooter .container .row.content .col a:hover { text-decoration: underline; } footer.lpfooter .container .row.content .col .logo { width: 110px; filter: invert(100%); margin-bottom: 30px; } @media (min-width: 1024px) { footer.lpfooter .container .row.content .col .logo { display: none; } } @media (max-width: 1023.98px) { footer.lpfooter .container .row.content .col.cases, footer.lpfooter .container .row.content .col.blogs { display: none; } } footer.lpfooter .container .row.copyright { display: flex; flex-direction: row; background-color: rgba(0, 0, 0, 0.4); padding: 15px; } footer.lpfooter .container .row.copyright .col { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; font-family: "Oswald", sans-serif; text-transform: uppercase; font-size: 10px; padding: 0; } @media (min-width: 480px) { footer.lpfooter .container .row.copyright .col { font-size: 16px; } } @media (min-width: 1024px) { footer.lpfooter .container .row.copyright .col { max-width: 1110px; margin: unset; } } @media (min-width: 1280px) { footer.lpfooter .container .row.copyright .col { max-width: 1250px; padding-right: calc(300px - ((100vw - 1250px)/2)); } } footer.lpfooter .container .row.copyright .col .social { display: flex; flex-direction: row; justify-content: center; margin: 0 auto 10px; } @media (max-width: 767.98px) { footer.lpfooter .container .row.copyright .col .social { order: -1; width: calc(100vw - 30px); } } @media (min-width: 768px) { footer.lpfooter .container .row.copyright .col .social { margin: 0 0 0 10px; } } footer.lpfooter .container .row.copyright .col .social a img { width: 20px; margin: 0 5px; } footer.lpfooter .container .row.copyright .col .links { margin-left: 10px; } @media (min-width: 768px) { footer.lpfooter .container .row.copyright .col .links { margin-left: auto; } } footer.lpfooter .container .row.copyright .col .links a:hover { text-decoration: underline; } footer.lpfooter .container .row.copyright .col .links a:nth-child(1) { margin-right: 5px; } section.lp4columns { position: relative; } section.lp4columns .container { max-width: 1440px; } section.lp4columns .container .row { padding: 0; } section.lp4columns .container .row .image { display: flex; padding: 0; overflow: hidden; } section.lp4columns .container .row .image img { -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; } @media (max-width: 767.98px) { section.lp4columns .container .row .image { max-height: 450px; } } @media (max-width: 479.98px) { section.lp4columns .container .row .image { max-height: 300px; } } @media (max-width: 767.98px) { section.lp4columns .container .row .image.twee { order: 3; } } section.lp4columns .container .row .image.twee:after { content: "Onze adviseur lorenzo helpt je graag verder "; background-image: url(https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/4column.svg); background-size: 100%; background-position: 0% 0%; background-repeat: no-repeat; width: 285px; height: 265px; display: block; position: absolute; bottom: 0; right: 0; color: #FFF; text-transform: uppercase; font-family: "Oswald", sans-serif; padding: 105px 95px 50px 70px; } @media (max-width: 767.98px) { section.lp4columns .container .row .image.twee:after { padding: 110px 100px 90px 70px; font-size: 16px; } } section.lp4columns .container .row .content { padding: 0; box-shadow: 20px 3px 20px rgba(127, 127, 127, 0.2); } @media (max-width: 767.98px) { section.lp4columns .container .row .content { box-shadow: 0px 0px 0px rgba(127, 127, 127, 0); } } section.lp4columns .container .row .content .container-fluid, section.lp4columns .container .row .content .container-lg, section.lp4columns .container .row .content .container-xl, section.lp4columns .container .row .content .container-ul { padding: 50px 50px; } @media (max-width: 767.98px) { section.lp4columns .container .row .content .container-fluid, section.lp4columns .container .row .content .container-lg, section.lp4columns .container .row .content .container-xl, section.lp4columns .container .row .content .container-ul { padding: 50px 15px; } } section.lp4columns .container .row .content .container-fluid .row .heading h2, section.lp4columns .container .row .content .container-lg .row .heading h2, section.lp4columns .container .row .content .container-xl .row .heading h2, section.lp4columns .container .row .content .container-ul .row .heading h2 { color: #66C1BF; font-style: italic; font-size: 22px; text-transform: uppercase; margin-bottom: 10px; } @media (max-width: 1023.98px) { section.lp4columns .container .row .content .container-fluid .row .heading h2, section.lp4columns .container .row .content .container-lg .row .heading h2, section.lp4columns .container .row .content .container-xl .row .heading h2, section.lp4columns .container .row .content .container-ul .row .heading h2 { font-size: 18px; } } @media (max-width: 767.98px) { section.lp4columns .container .row .content .container-fluid .row .heading h2, section.lp4columns .container .row .content .container-lg .row .heading h2, section.lp4columns .container .row .content .container-xl .row .heading h2, section.lp4columns .container .row .content .container-ul .row .heading h2 { font-size: 24px; } } section.lp4columns .container .row .content .container-fluid .row .heading h3, section.lp4columns .container .row .content .container-lg .row .heading h3, section.lp4columns .container .row .content .container-xl .row .heading h3, section.lp4columns .container .row .content .container-ul .row .heading h3 { font-size: 35px; line-height: 1em; font-weight: bold; } @media (max-width: 1023.98px) { section.lp4columns .container .row .content .container-fluid .row .heading h3, section.lp4columns .container .row .content .container-lg .row .heading h3, section.lp4columns .container .row .content .container-xl .row .heading h3, section.lp4columns .container .row .content .container-ul .row .heading h3 { font-size: 30px; } } @media (max-width: 767.98px) { section.lp4columns .container .row .content .container-fluid .row .heading h3, section.lp4columns .container .row .content .container-lg .row .heading h3, section.lp4columns .container .row .content .container-xl .row .heading h3, section.lp4columns .container .row .content .container-ul .row .heading h3 { font-size: 25px; } } section.lp4columns .container .row .content .container-fluid .row .heading-tekst, section.lp4columns .container .row .content .container-lg .row .heading-tekst, section.lp4columns .container .row .content .container-xl .row .heading-tekst, section.lp4columns .container .row .content .container-ul .row .heading-tekst { margin: 30px 0px; } section.lp4columns .container .row .content .container-fluid .row .scan-items .col-item, section.lp4columns .container .row .content .container-lg .row .scan-items .col-item, section.lp4columns .container .row .content .container-xl .row .scan-items .col-item, section.lp4columns .container .row .content .container-ul .row .scan-items .col-item { display: flex; padding: 5px 15px; } section.lp4columns .container .row .content .container-fluid .row .scan-items .col-item .icoon img, section.lp4columns .container .row .content .container-lg .row .scan-items .col-item .icoon img, section.lp4columns .container .row .content .container-xl .row .scan-items .col-item .icoon img, section.lp4columns .container .row .content .container-ul .row .scan-items .col-item .icoon img { width: 20px; height: 20px; margin-right: 10px; } section.lp4columns .container .row .content .container-fluid .row .scan-items .col-item .tekst, section.lp4columns .container .row .content .container-lg .row .scan-items .col-item .tekst, section.lp4columns .container .row .content .container-xl .row .scan-items .col-item .tekst, section.lp4columns .container .row .content .container-ul .row .scan-items .col-item .tekst { display: flex; flex-direction: column; } @media (max-width: 767.98px) { section.lp4columns .container .row .content.een { order: 4; } } @media (max-width: 767.98px) { section.lp4columns .button-wrapper { padding: 0px 35px; } } section.lp4columns .button-wrapper a.button { width: 260px; height: auto; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); border: 10px solid #FFF; padding: 12px 15px; margin-bottom: 30px; } @media (max-width: 1279.98px) { section.lp4columns .button-wrapper a.button { width: 260px; height: inherit; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); border: 10px solid #FFF; padding: 12px 15px; } } @media (max-width: 1023.98px) { section.lp4columns .button-wrapper a.button { width: 260px; height: inherit; position: absolute; left: 50%; top: calc(50vh + 21%); transform: translate(-50%, -50%); border: 10px solid #FFF; padding: 12px 15px; } } @media (max-width: 767.98px) { section.lp4columns .button-wrapper a.button { width: 260px; height: inherit; position: relative; left: 0%; top: 0%; transform: none; border: 10px solid #FFF; padding: 12px 15px; } } .lpspeciaalvoorrestaurants { font-family: "Oswald", sans-serif; } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants { background: #eff7f7; background: linear-gradient(to bottom, #eff7f7 0%, #eff7f7 80%, #eff7f7 80%, white 80%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff7f7", endColorstr="#ffffff", GradientType=0); } } .lpspeciaalvoorrestaurants .container .row h2 { color: #66c1bf; font-style: italic; text-transform: uppercase; margin-bottom: 10px; margin-top: 34px; } .lpspeciaalvoorrestaurants .container .row h3 { font-size: 38px; line-height: 1em; font-weight: bold; margin-bottom: 74px; } .lpspeciaalvoorrestaurants .container .row p { text-transform: uppercase; font-size: 18px; padding: 18px 0px; margin-top: 50px; border: 1px solid #C7C7C7; } .lpspeciaalvoorrestaurants .container .row p .red-highlight { color: red; } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row p { border: 0px solid #000000; } } .lpspeciaalvoorrestaurants .container .row .heading { max-width: 100%; flex: 0 0 100%; text-align: center; } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row .heading { order: 1; padding: 0px 15px; } } .lpspeciaalvoorrestaurants .container .row .col-5 { max-width: 41.6%; flex: 0 0 41.6%; } @media (max-width: 1023.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 { max-width: 55%; flex: 0 0 55%; padding: 0px 2%; } } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 { max-width: 100%; flex: 0 0 100%; margin-bottom: 60px; order: 2; } } .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box { max-width: 80%; display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; background: #FFFFFF; box-shadow: 0px 0px 40px -22px #000; padding: 0px 33px; justify-content: space-between; z-index: 0; } @media (max-width: 1279.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box { max-width: 100%; } } @media (max-width: 1023.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box { max-width: 450px; width: 100%; min-width: 364px; } } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box { padding: 0px 15px; max-width: 360px; flex: 0 0 100%; min-width: 360px; margin: 0 auto; } } .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box:before { content: ""; display: block; background-image: url(https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/icons/speciaal_arrow-back.svg); background-repeat: no-repeat; background-position: top center; background-size: 100%; height: 100%; width: 100%; position: absolute; top: -30px; left: 0; } .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box .collinksheading { font-size: 32px; z-index: 2; color: #FFFFFF; text-align: center; padding: 10px 60px; line-height: 37px; text-transform: uppercase; } @media (max-width: 1023.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box .collinksheading { font-size: 30px; line-height: auto; padding: 10px 50px; } } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box .collinksheading { font-size: 22px; } } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box .collinksitems { padding: 50px 0px; } } .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box .collinksitems .col-12 { max-width: 100%; flex: 0 0 100%; display: flex; align-items: center; font-size: 14px; font-family: "Open Sans", sans-serif; margin: 6px 0px; } @media (max-width: 1023.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box .collinksitems .col-12 { text-align: left; } } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box .collinksitems .col-12 { align-items: flex-start; } } .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box .collinksitems .col-12 img { width: 20px; height: 20px; margin-right: 8px; } .lpspeciaalvoorrestaurants .container .row .col-5 .lpsvr_box .collinksbutton { width: 172px; margin: 0px auto -20px; } .lpspeciaalvoorrestaurants .container .row .col-7 { max-width: 58.33%; flex: 0 0 58.33%; min-height: 420px; background-size: 83%; background-repeat: no-repeat; } @media (max-width: 1279.98px) { .lpspeciaalvoorrestaurants .container .row .col-7 { min-height: 420px; background-size: 92% auto; background-repeat: no-repeat; } } @media (max-width: 1023.98px) { .lpspeciaalvoorrestaurants .container .row .col-7 { max-width: 40%; flex: 0 0 40%; background-size: 235px; background-repeat: no-repeat; background-position: center center; } } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row .col-7 { max-width: 100%; flex: 0 0 100%; background-repeat: no-repeat; background-position: top center; background-size: contain; order: 4; } } .lpspeciaalvoorrestaurants .container .row .col-7 img { max-width: 600px; margin: auto; } .lpspeciaalvoorrestaurants .container .row .footer { text-align: center; max-width: 100%; flex: 0 0 100%; } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row .footer { order: 3; } } .lpspeciaalvoorrestaurants .container .row .footer p { padding: 0 15px; } @media (max-width: 767.98px) { .lpspeciaalvoorrestaurants .container .row .footer p { margin: 0px 0px 15px 0px; } } @media (min-width: 768px) { .lpspeciaalvoorrestaurants .container .row .footer p { padding: 13px 15px; margin-top: 58px; } } @media (max-width: 767.98px) { .lpimagetekst .container .row { padding: 0px 0px 30px 0px; } } .lpimagetekst .container .row .col-image { max-width: 50%; flex: 0 0 50%; padding: 0px 15px; display: flex; justify-content: center; align-items: center; } @media (max-width: 1023.98px) { .lpimagetekst .container .row .col-image { max-width: 40%; flex: 0 0 40%; } } @media (max-width: 767.98px) { .lpimagetekst .container .row .col-image { max-width: 100%; flex: 0 0 100%; padding: 0; } } @media (max-width: 767.98px) { .lpimagetekst .container .row .col-image .container { padding: 0; } } .lpimagetekst .container .row .col-image .container img { width: 100%; } @media (max-width: 767.98px) { .lpimagetekst .container .row .col-image .container img { height: auto; } } .lpimagetekst .container .row .col-content { max-width: 50%; flex: 0 0 50%; padding: 0px 15px; } @media (max-width: 1023.98px) { .lpimagetekst .container .row .col-content { max-width: 60%; flex: 0 0 60%; } } @media (max-width: 767.98px) { .lpimagetekst .container .row .col-content { max-width: 100%; flex: 0 0 100%; } } .lpimagetekst .container .row .col-content h2 { color: #66c1bf; font-style: italic; text-transform: uppercase; margin-bottom: 10px; margin-top: 34px; font-size: 27px; } .lpimagetekst .container .row .col-content h3 { font-size: 38px; line-height: 1em; font-weight: bold; margin-bottom: 26px; } .lpimagetekst .container .row .col-content p { margin: 0 0 0px 0; } .lpimagetekst .container .row .col-content .icon-title-items { padding: 10px 0px; } @media (max-width: 767.98px) { .lpimagetekst .container .row .col-content .icon-title-items { padding: 20px 0px; } } .lpimagetekst .container .row .col-content .icon-title-items .col-12 { max-width: 100%; flex: 0 0 100%; display: flex; align-items: center; font-size: 16px; font-family: "Open Sans", sans-serif; margin: 12px 0px; } @media (max-width: 1023.98px) { .lpimagetekst .container .row .col-content .icon-title-items .col-12 { text-align: left; } } @media (max-width: 767.98px) { .lpimagetekst .container .row .col-content .icon-title-items .col-12 { align-items: flex-start; } } .lpimagetekst .container .row .col-content .icon-title-items .col-12 img { width: 20px; height: 20px; margin-right: 8px; } .lpimagetekst .container .row .col-content .subtekst { font-size: 13px; margin-bottom: 30px; display: block; } .lpimagetekst .container .row .col-content .button-col { margin-bottom: 20px; margin-right: 20px; display: flex; } .lpimagetekst .container .row .col-content .button-col a.button { width: -moz-fit-content; width: fit-content; } .lpimagetekst .container .row .col-content .button-col a.button img { width: 20px; height: 20px; margin-left: 10px; } .lpimagetekst .container .row .col-content .button-col a.button:nth-child(1) { border: 2px solid transparent; margin-right: 20px; } section.services .section-title { padding: 60px 0; text-align: center; } section.services .section-title.smallpadding { padding: 0 0 30px 0; } section.services .services-holder { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } @media (min-width: 768px) { section.services .services-holder { margin: -12.5px; } } section.services .services-holder > * { width: 100%; } @media (min-width: 1024px) { section.services .services-holder > * { flex: 1 0 calc(25% - 25px); max-width: calc(25% - 25px); } } @media (min-width: 768px) { section.services .services-holder > * { margin: 12.5px; } } @media (min-width: 768px) and (max-width: 1023.98px) { section.services .services-holder > * { flex: 1 0 calc(50% - 25px); max-width: calc(50% - 25px); } } section.services .services-holder > * .service { cursor: pointer; position: relative; transition: all 0.2s ease-in-out; } @media (min-width: 768px) { section.services .services-holder > * .service { padding: 25px; } } @media (max-width: 767.98px) { section.services .services-holder > * .service { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } } section.services .services-holder > * .service .visual { display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { section.services .services-holder > * .service .visual { margin-bottom: 25px; } } @media (max-width: 767.98px) { section.services .services-holder > * .service .visual { width: 70px; } } section.services .services-holder > * .service .visual .circle { display: flex; position: relative; align-items: center; justify-content: center; } @media (min-width: 768px) { section.services .services-holder > * .service .visual .circle { width: 170px; height: 170px; } section.services .services-holder > * .service .visual .circle:before, section.services .services-holder > * .service .visual .circle:after { top: 50%; opacity: 0.8; content: ""; width: 170px; height: 170px; position: absolute; border-radius: 170px; display: inline-block; transform: translateY(-50%); transition: all 0.4s ease-in-out; } section.services .services-holder > * .service .visual .circle:before { z-index: -1; left: -20px; } section.services .services-holder > * .service .visual .circle:after { z-index: 0; right: -20px; } } @media (max-width: 767.98px) { section.services .services-holder > * .service .visual .circle { width: 70px; height: 70px; border-radius: 70px; } section.services .services-holder > * .service .visual .circle:after { z-index: -1; content: ""; left: -25px; width: 70px; bottom: -65px; height: 150px; position: absolute; display: inline-block; transform: rotate(45deg); border-radius: 70px 70px 0 0; } } section.services .services-holder > * .service .visual .circle img { z-index: 1; width: auto; height: 60px; position: relative; transition: all 0.4s ease-in-out; filter: brightness(0) invert(1); } @media (max-width: 767.98px) { section.services .services-holder > * .service .visual .circle img { height: 35px; } } @media (min-width: 768px) { section.services .services-holder > * .service .content { text-align: center; } section.services .services-holder > * .service .content h3 { font-size: 20px; } } @media (max-width: 767.98px) { section.services .services-holder > * .service .content { font-size: 13px; margin-top: 10px; padding-bottom: 5px; width: calc(100% - 95px); } section.services .services-holder > * .service .content h3 { font-size: 16px; } } section.services .services-holder > * .service .content span.description { width: 100%; display: inline-block; } @media (min-width: 768px) { section.services .services-holder > * .service .content span.description { text-align: center; } } section.services .services-holder > * .service .content .inner { display: none; margin-top: 15px; } section.services .services-holder > * .service .content .toggle { height: 22px; display: flex; margin-top: 15px; align-items: center; justify-content: center; } @media (max-width: 767.98px) { section.services .services-holder > * .service .content .toggle { top: 15px; right: 10px; position: absolute; } } section.services .services-holder > * .service .content .toggle .icon { color: #000; display: flex; cursor: pointer; position: relative; align-items: center; justify-content: center; } section.services .services-holder > * .service .content .toggle .icon:before { font-size: 22px; content: ""; position: absolute; transition: all 0.2s ease-in-out; font-family: "Font Awesome 5 Pro"; } section.services .services-holder > * .service:hover .circle:before, section.services .services-holder > * .service.is-opened .circle:before { left: -10px; } section.services .services-holder > * .service:hover .circle:after, section.services .services-holder > * .service.is-opened .circle:after { right: -10px; } @media (min-width: 768px) { section.services .services-holder > * .service:hover .circle img, section.services .services-holder > * .service.is-opened .circle img { transform: scale(1.15); } } section.services .services-holder > * .service.is-opened .content .toggle .icon:before { content: ""; } @media (min-width: 768px) { section.services .services-holder > * .service-cta { padding: 25px; } section.services .services-holder > * .service-cta h2 { font-size: 40px; } section.services .services-holder > * .service-cta .button { margin-top: 30px; } } @media (max-width: 767.98px) { section.services .services-holder > * .service-cta { padding: 30px 0; margin-top: 65px; text-align: center; } section.services .services-holder > * .service-cta h2 { font-size: 28px; } section.services .services-holder > * .service-cta .button { margin-top: 15px; } } @media (min-width: 768px) { section.services .services-holder > *:nth-child(4n+1) .service.is-opened { background-color: rgba(20, 170, 226, 0.05); } } section.services .services-holder > *:nth-child(4n+1) .service .visual .circle:before, section.services .services-holder > *:nth-child(4n+1) .service .visual .circle:after { background-color: #14AAE2; } @media (min-width: 768px) { section.services .services-holder > *:nth-child(4n+1) .service .content span.description { color: #14AAE2; } } @media (max-width: 767.98px) { section.services .services-holder > *:nth-child(4n+1) .service .content { border-bottom: 1px solid #14AAE2; } section.services .services-holder > *:nth-child(4n+1) .service .content .toggle .icon:before { color: #14AAE2; } } @media (min-width: 768px) { section.services .services-holder > *:nth-child(4n+2) .service.is-opened { background-color: rgba(234, 67, 98, 0.05); } } section.services .services-holder > *:nth-child(4n+2) .service .visual .circle:before, section.services .services-holder > *:nth-child(4n+2) .service .visual .circle:after { background-color: #EA4362; } @media (min-width: 768px) { section.services .services-holder > *:nth-child(4n+2) .service .content span.description { color: #EA4362; } } @media (max-width: 767.98px) { section.services .services-holder > *:nth-child(4n+2) .service .content { border-bottom: 1px solid #EA4362; } section.services .services-holder > *:nth-child(4n+2) .service .content .toggle .icon:before { color: #EA4362; } } @media (min-width: 768px) { section.services .services-holder > *:nth-child(4n+3) .service.is-opened { background-color: rgba(99, 195, 193, 0.05); } } section.services .services-holder > *:nth-child(4n+3) .service .visual .circle:before, section.services .services-holder > *:nth-child(4n+3) .service .visual .circle:after { background-color: #63C3C1; } @media (min-width: 768px) { section.services .services-holder > *:nth-child(4n+3) .service .content span.description { color: #63C3C1; } } @media (max-width: 767.98px) { section.services .services-holder > *:nth-child(4n+3) .service .content { border-bottom: 1px solid #63C3C1; } section.services .services-holder > *:nth-child(4n+3) .service .content .toggle .icon:before { color: #63C3C1; } } @media (min-width: 768px) { section.services .services-holder > *:nth-child(4n) .service.is-opened { background-color: rgba(224, 204, 164, 0.05); } } section.services .services-holder > *:nth-child(4n) .service .visual .circle:before, section.services .services-holder > *:nth-child(4n) .service .visual .circle:after { background-color: #E0CCA4; } @media (min-width: 768px) { section.services .services-holder > *:nth-child(4n) .service .content span.description { color: #E0CCA4; } } @media (max-width: 767.98px) { section.services .services-holder > *:nth-child(4n) .service .content { border-bottom: 1px solid #E0CCA4; } section.services .services-holder > *:nth-child(4n) .service .content .toggle .icon:before { color: #E0CCA4; } } .intro-quote .container .row:nth-child(1) .col { text-align: center; } .intro-quote .container .row:nth-child(1) .col .heading h1 { color: #E94362; font-size: 35px; } .intro-quote .container .row:nth-child(1) .col .heading h2 { font-size: 26px; } .intro-quote .container .row:nth-child(1) .col .heading h2:nth-child(1) { font-size: 18px; } .intro-quote .container .row:nth-child(1) .col .heading h2:nth-child(3) { margin-bottom: 0; } .intro-quote .container .row:nth-child(1) .col .text p { max-width: 460px; margin: 10px auto 0; text-align: left; } @media (min-width: 480px) { .intro-quote .container .row:nth-child(1) .col .text p { text-align: center; } } @media (min-width: 1024px) { .intro-quote .container .row:nth-child(1) .col { flex-direction: row; justify-content: center; align-items: center; } .intro-quote .container .row:nth-child(1) .col .text p { margin: 0 0 0 50px; text-align: left; } } .services-cards { padding-top: 0; flex-direction: column; } @media (min-width: 1024px) { .services-cards .container .row { flex-direction: row; padding: 0 30px 80px; } .services-cards .container .row.normalpadding { padding: 80px 30px; } } @media (min-width: 1280px) { .services-cards .container .row { padding: 0 100px 80px; } .services-cards .container .row.normalpadding { padding: 80px 100px; } } .services-cards .container .row .col { max-width: 320px; margin: 0 auto 50px; } .services-cards .container .row .col .inner { padding: 30px 15px 15px; box-shadow: 0 3px 20px rgba(127, 127, 127, 0.2); border-radius: 8px; text-align: center; } @media (min-width: 1024px) { .services-cards .container .row .col .inner { padding: 40px 15px 15px; } } .services-cards .container .row .col .inner:hover .button { background-color: #EF7289; } .services-cards .container .row .col .inner h2 { font-size: 28px; } .services-cards .container .row .col .inner h2:after { display: block; content: ""; width: 50px; height: 5px; background-color: #E94362; margin: 20px auto 10px; } .services-cards .container .row .col .inner .description { padding: 0 10px; max-width: 265px; margin: 0 auto; } .services-cards .container .row .col .inner .keyword { padding: 5px 0; margin: 0 5px; border-bottom: 1px solid #dedede; color: #7C7C7C; } .services-cards .container .row .col .inner .keyword:nth-child(3) { border-top: 1px solid #dedede; margin-top: 20px; } .services-cards .container .row .col .inner .button { margin: 25px 10px -37.5px; } .services-cards .container .row .col:nth-child(2) .inner h2:after, .services-cards .container .row .col:nth-child(2) .inner .button { background-color: #66C1BF; } .services-cards .container .row .col:nth-child(2) .inner:hover .button { background-color: #8CD1CF; } .services-cards .container .row .col:nth-child(3) .inner h2:after, .services-cards .container .row .col:nth-child(3) .inner .button { background-color: #14AAE2; } .services-cards .container .row .col:nth-child(3) .inner:hover .button { background-color: #3FC0EB; } .video-background { top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; max-height: 100vh; position: relative; background-color: #fff; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .video-background .wrapper { width: 100vw; height: 56.25vw; max-height: 100vh; } .video-background .wrapper .video-foreground { height: 100%; display: block; overflow: hidden; position: relative; padding-bottom: 56.25%; top: 50%; transform: translateY(-50%); } .video-background .wrapper .video-foreground iframe { top: 0; left: 0; bottom: 0; border: 0; width: 100%; height: 100%; position: absolute; } .blog-video { margin: 0 -60px; width: calc(100% + 120px); max-width: calc(100% + 120px); } @media (min-width: 768px) { .blog-video { width: calc(100% + 30px); max-width: calc(100% + 30px); margin: 30px -15px; } } @media (min-width: 1024px) { .blog-video { width: calc(100% + 60px); max-width: calc(100% + 60px); margin: 30px -30px; } } @media (min-width: 1280px) { .blog-video { width: calc(100% + 120px); max-width: calc(100% + 120px); margin: 60px -60px; } } @media (max-width: 767.98px) { .blog-video { width: calc(100% + 30px); max-width: calc(100% + 30px); margin: 0 -15px; } } .blog-video .vid { position: relative; animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.8s both; } .blog-video .vid:after { content: ""; display: block; padding-bottom: 52%; } .blog-video .vid iframe, .blog-video .vid video { position: absolute; height: 110%; left: 50%; min-height: 110%; min-width: 100%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 100%; } section.pagehero-alt { padding: 80px 0; } @media (max-width: 1279.98px) { section.pagehero-alt { padding: 60px 0 30px 0; } } section.pagehero-alt .pagehero-wrapper { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } section.pagehero-alt .pagehero-wrapper .content-holder { width: 100%; } @media (min-width: 1024px) { section.pagehero-alt .pagehero-wrapper .content-holder { flex: 1 0 50%; max-width: 50%; } } @media (min-width: 1024px) and (max-width: 1279.98px) { section.pagehero-alt .pagehero-wrapper .content-holder { padding-left: 15px; } } section.pagehero-alt .pagehero-wrapper .content-holder .content { width: 100%; } @media (min-width: 1280px) { section.pagehero-alt .pagehero-wrapper .content-holder .content { padding: 100px 50px 100px calc(((100vw - 1280px) / 2) + 15px); } } @media (min-width: 1024px) and (max-width: 1279.98px) { section.pagehero-alt .pagehero-wrapper .content-holder .content { padding: 100px 50px 100px calc((100vw - 1140px) / 2); } } @media (max-width: 1023.98px) { section.pagehero-alt .pagehero-wrapper .content-holder .content { padding: 0 15px 30px 15px; } } section.pagehero-alt .pagehero-wrapper .content-holder .content h1 { margin-bottom: 40px; } section.pagehero-alt .pagehero-wrapper .content-holder .content h1 strong { color: #E94362; font-weight: 700; } section.pagehero-alt .pagehero-wrapper .content-holder .content .button-holder { margin-top: 30px; } section.pagehero-alt .pagehero-wrapper .content-holder .content .button-holder .button { display: inline-flex; } section.pagehero-alt .pagehero-wrapper .content-holder .content .button-holder .button:after { content: ""; margin-left: 15px; font-weight: normal; font-family: "Font Awesome 5 Pro"; } section.pagehero-alt .pagehero-wrapper .image-holder { width: 100%; } @media (min-width: 1024px) { section.pagehero-alt .pagehero-wrapper .image-holder { flex: 1 0 50%; max-width: 50%; } } section.pagehero-alt .pagehero-wrapper .image-holder .image { overflow: hidden; position: relative; } section.pagehero-alt .pagehero-wrapper .image-holder .image:after { content: ""; display: block; padding-bottom: 80%; } @media (min-width: 1024px) { section.pagehero-alt .pagehero-wrapper .image-holder .image { border-radius: 20px 0 0 20px; } } section.pagehero-alt .pagehero-wrapper .image-holder .image img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } @media (min-width: 1024px) { section.pagehero-alt .pagehero-wrapper .image-holder .image img { border-radius: 20px 0 0 20px; } } section.content-columns { z-index: 1; padding: 80px 0; position: relative; } @media (max-width: 1023.98px) { section.content-columns { padding: 60px 0 0 0; } } section.content-columns .content-columns { width: 100%; } section.content-columns .content-columns .title { width: 100%; } @media (min-width: 1024px) { section.content-columns .content-columns .title { text-align: center; margin-bottom: 60px; } } @media (max-width: 1023.98px) { section.content-columns .content-columns .title { margin-bottom: 40px; } } section.content-columns .content-columns .title h2 strong { color: #E94362; font-weight: 400; } section.content-columns .content-columns .columns-holder { gap: 0 30px; display: flex; flex-wrap: wrap; justify-content: center; } section.content-columns .content-columns .columns-holder .column { width: 100%; } @media (min-width: 1024px) { section.content-columns .content-columns .columns-holder .column { flex: 1 0 calc(33.333% - 20px); max-width: calc(33.333% - 20px); } } @media (max-width: 1023.98px) { section.content-columns .content-columns .columns-holder .column:not(:last-child) { margin-bottom: 40px; } } section.content-columns .content-columns .columns-holder .column h3 { margin-bottom: 20px; } section.content-columns .content-columns .columns-holder .column h3 strong { color: #E94362; font-weight: 400; } section.smooth-image-slider { padding: 80px 0; } @media (max-width: 1023.98px) { section.smooth-image-slider { padding: 60px 0; } } section.smooth-image-slider .image-slider-holder { width: 100%; } section.smooth-image-slider .image-slider-holder:not(:last-child) { margin-bottom: 40px; } @media (max-width: 767.98px) { section.smooth-image-slider .image-slider-holder:not(:last-child) { margin-bottom: 15px; } } section.smooth-image-slider .image-slider-holder .splide .splide__track .splide__list .splide__slide .image { position: relative; border-radius: 20px; } section.smooth-image-slider .image-slider-holder .splide .splide__track .splide__list .splide__slide .image:after { content: ""; display: block; padding-bottom: 65%; } section.smooth-image-slider .image-slider-holder .splide .splide__track .splide__list .splide__slide .image img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; border-radius: 20px; } section.smooth-image-slider .image-slider-holder .splide .splide__pagination { visibility: hidden; } section.smooth-image-slider .image-slider-holder .splide .splide--fade .splide__slide:first-of-type, section.smooth-image-slider .image-slider-holder .splide .splide--fade .is-prev { opacity: 1 !important; } section.image-quote-slider { padding: 80px 0; } @media (max-width: 1023.98px) { section.image-quote-slider { padding: 0; } } section.image-quote-slider .title { width: 100%; } @media (min-width: 1024px) { section.image-quote-slider .title { text-align: center; margin-bottom: 60px; } } @media (max-width: 1023.98px) { section.image-quote-slider .title { margin-bottom: 40px; } } section.image-quote-slider .title h2 strong { color: #E94362; font-weight: 400; } section.image-quote-slider .image-quote-slider-holder { position: relative; } @media (max-width: 767.98px) { section.image-quote-slider .image-quote-slider-holder { margin-left: -15px; margin-right: -15px; } } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list { align-items: flex-start; } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide { height: 100%; } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide:not(.is-active) { height: 0; } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper { display: flex; align-items: stretch; justify-content: space-between; } @media (min-width: 768px) { section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper { border-radius: 20px; } } @media (max-width: 767.98px) { section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper { align-items: flex-start; justify-content: flex-start; flex-direction: column-reverse; } } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .content { width: 100%; display: flex; align-items: center; justify-content: center; background-color: #FFF7FF; } @media (min-width: 1024px) { section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .content { padding: 60px; flex: 1 0 50%; max-width: 50%; border-radius: 20px 0 0 20px; } } @media (min-width: 768px) and (max-width: 1023.98px) { section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .content { flex: 1 0 50%; max-width: 50%; padding: 30px 30px 60px 30px; border-radius: 20px 0 0 20px; } } @media (max-width: 767.98px) { section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .content { padding: 30px 15px; } } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .content .inner { width: 100%; } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .content .inner p { font-size: 26px; line-height: 1.6; } @media (max-width: 767.98px) { section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .content .inner p { font-size: 20px; } } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .content .inner p strong { color: #E94362; font-weight: 300; } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .content .inner h3 { margin-top: 50px; } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .image { width: 100%; position: relative; } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .image:after { content: ""; display: block; padding-bottom: 80%; } @media (min-width: 768px) { section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .image { flex: 1 0 50%; max-width: 50%; border-radius: 0 20px 20px 0; } } section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .image img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; -o-object-position: center top; object-position: center top; } @media (min-width: 768px) { section.image-quote-slider .image-quote-slider-holder .splide .splide__track .splide__list .splide__slide .slide-wrapper .image img { border-radius: 0 20px 20px 0; } } @media (min-width: 768px) { section.image-quote-slider .image-quote-slider-holder .thumbnails-holder { left: 50%; height: 76px; bottom: -38px; display: flex; position: absolute; border-radius: 10px; align-items: stretch; justify-content: center; background-color: #fff; border: 1px solid #b2afc2; transform: translateX(-50%); } } @media (max-width: 767.98px) { section.image-quote-slider .image-quote-slider-holder .thumbnails-holder { overflow-x: auto; border-top: 1px solid #b2afc2; border-bottom: 1px solid #b2afc2; } } section.image-quote-slider .image-quote-slider-holder .thumbnails-holder .thumbnails { display: flex; align-items: stretch; justify-content: center; } @media (max-width: 767.98px) { section.image-quote-slider .image-quote-slider-holder .thumbnails-holder .thumbnails { justify-content: flex-start; } } section.image-quote-slider .image-quote-slider-holder .thumbnails-holder .thumbnails .thumbnail { height: 100%; display: flex; cursor: pointer; font-weight: 500; padding: 10px 20px; align-items: center; justify-content: center; text-transform: uppercase; transition: all 0.3s ease-in-out; border-top: 4px solid transparent; font-family: "Oswald", sans-serif; } section.image-quote-slider .image-quote-slider-holder .thumbnails-holder .thumbnails .thumbnail.is-active { color: #E94362; border-color: #E94362; } @media (min-width: 768px) { section.image-quote-slider .image-quote-slider-holder .thumbnails-holder .thumbnails .thumbnail:first-child { border-radius: 10px 0 0 0; } section.image-quote-slider .image-quote-slider-holder .thumbnails-holder .thumbnails .thumbnail:last-child { border-radius: 0 10px 0 0; } } @media (max-width: 767.98px) { section.image-quote-slider .image-quote-slider-holder .thumbnails-holder .thumbnails .thumbnail { padding: 15px; white-space: nowrap; } } section.image-quote-slider .image-quote-slider-holder .thumbnails-holder .thumbnails .thumbnail span { width: 100%; white-space: nowrap; display: inline-block; } section.image-content-grid { padding: 80px 0; } @media (max-width: 1023.98px) { section.image-content-grid { padding: 60px 0 30px 0; } } section.image-content-grid .title { width: 100%; } @media (min-width: 1024px) { section.image-content-grid .title { text-align: center; margin-bottom: 60px; } } @media (max-width: 1023.98px) { section.image-content-grid .title { margin-bottom: 40px; } } section.image-content-grid .title h2 strong { color: #E94362; font-weight: 400; } section.image-content-grid .grid-wrapper { gap: 30px; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; } @media (max-width: 1023.98px) { section.image-content-grid .grid-wrapper { margin-left: -15px; margin-right: -15px; } } section.image-content-grid .grid-wrapper .grid-item { width: 100%; } @media (min-width: 1024px) { section.image-content-grid .grid-wrapper .grid-item { flex: 1 0 calc(33.333% - 20px); max-width: calc(33.333% - 20px); } } section.image-content-grid .grid-wrapper .grid-item.is-image .image { width: 100%; position: relative; } @media (min-width: 1024px) { section.image-content-grid .grid-wrapper .grid-item.is-image .image { border-radius: 20px; } } section.image-content-grid .grid-wrapper .grid-item.is-image .image:after { content: ""; display: block; padding-bottom: 75%; } section.image-content-grid .grid-wrapper .grid-item.is-image .image img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } @media (min-width: 1024px) { section.image-content-grid .grid-wrapper .grid-item.is-image .image img { border-radius: 20px; } } section.image-content-grid .grid-wrapper .grid-item.is-content { padding: 30px; } @media (max-width: 1023.98px) { section.image-content-grid .grid-wrapper .grid-item.is-content { padding: 0 15px; } } section.image-content-grid .grid-wrapper .grid-item.is-content h3 { margin-bottom: 20px; } section.image-content-grid .grid-wrapper .grid-item.is-content .title { gap: 20px; display: flex; margin-bottom: 20px; align-items: center; justify-content: flex-start; } section.image-content-grid .grid-wrapper .grid-item.is-content .title span.number { width: 30px; height: 30px; color: #fff; flex: 1 0 30px; max-width: 30px; font-size: 28px; font-weight: 500; align-items: center; border-radius: 30px; display: inline-flex; justify-content: center; background-color: #E94362; font-family: "Oswald", sans-serif; } section.image-content-grid .grid-wrapper .grid-item.is-content .title h3 { margin-bottom: 0; text-align: left; flex: 1 0 calc(100% - 68px); max-width: calc(100% - 68px); } section.form-content { margin-top: 160px; background-size: 100%; background-color: #E94362; background-repeat: no-repeat; background-position: 100% 100%; background-image: url(https://thefullybookers.com/wp-content/themes/thefullybookers/resources/img/review-background.svg); } @media (max-width: 1023.98px) { section.form-content { margin-top: 90px; } } section.form-content .form-content-holder { gap: 60px; display: flex; flex-wrap: wrap; padding-bottom: 80px; align-items: flex-start; justify-content: space-between; } section.form-content .form-content-holder .form { width: 100%; margin-top: -80px; border-radius: 20px; background-color: #fff; border: 1px solid #FFF7FF; padding: 30px 30px 15px 30px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } @media (min-width: 1024px) { section.form-content .form-content-holder .form { flex: 1 0 calc(40% - 30px); max-width: calc(40% - 30px); } } section.form-content .form-content-holder .form .form-text { margin-bottom: 30px; } section.form-content .form-content-holder .form .gform_wrapper { max-width: 100%; font-size: 16px; font-weight: 300; font-family: "Open Sans", sans-serif; } section.form-content .form-content-holder .form .gform_wrapper .gfield_label { font-size: 16px; font-weight: 500; text-transform: uppercase; font-family: "Oswald", sans-serif; } section.form-content .form-content-holder .form .gform_wrapper input:not(.button) { font-size: 16px; font-weight: 300; border-radius: 5px; padding: 10px 15px; border: 1px solid #dedede; font-family: "Open Sans", sans-serif; } section.form-content .form-content-holder .form .gform_wrapper .gform_footer { margin-top: 30px; } section.form-content .form-content-holder .form .gform_wrapper .gform_footer .button { width: 100%; border: none; font-size: 16px; cursor: pointer; } section.form-content .form-content-holder .content { width: 100%; color: #fff; } @media (min-width: 1024px) { section.form-content .form-content-holder .content { padding-top: 80px; flex: 1 0 calc(60% - 30px); max-width: calc(60% - 30px); } } section.form-content .form-content-holder .content .inner { width: 100%; } @media (min-width: 1024px) { section.form-content .form-content-holder .content .inner { max-width: 500px; } } section.form-content .form-content-holder .content .inner h1, section.form-content .form-content-holder .content .inner h2, section.form-content .form-content-holder .content .inner h3, section.form-content .form-content-holder .content .inner h4, section.form-content .form-content-holder .content .inner h5, section.form-content .form-content-holder .content .inner h6, section.form-content .form-content-holder .content .inner p, section.form-content .form-content-holder .content .inner a:not(.button) { color: #fff; } section.form-content .form-content-holder .content .inner h2 { line-height: 1.4; margin-bottom: 30px; } section.form-content .form-content-holder .content .inner h2 strong { color: #000; font-weight: 400; }