@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap); 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)}} /*! * Datepicker for Bootstrap v1.10.1 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (https://www.apache.org/licenses/LICENSE-2.0) */ .datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:4px}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#777}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0}.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2}.datepicker table tr td.highlighted:hover{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{color:#000;background-color:#91cbe8;border-color:#298fc2}.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5}.datepicker table tr td.highlighted.focused{background:#afd9ee}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777}.datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400}.datepicker table tr td.today:hover{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active,.datepicker table tr td.today:active{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{color:#000;background-color:#ffbc42;border-color:#b37400}.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focused{background:#ffc966}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#777}.datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0}.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c}.datepicker table tr td.range:hover{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active,.datepicker table tr td.range:active{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c}.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb}.datepicker table tr td.range.focused{background:#d5d5d5}.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#777}.datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6}.datepicker table tr td.range.highlighted:hover{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6}.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focused{background:#c1d7e3}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#777}.datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608}.datepicker table tr td.range.today:hover{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{color:#000;background-color:#f2aa25;border-color:#815608}.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#777}.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#777;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:#5e5e5e;border-color:#161616}.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{color:#fff;background-color:#4c4c4c;border-color:#161616}.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#777;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#777}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-group.date .input-group-addon{cursor:pointer}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;line-height:1.42857143;border-width:1px 0;margin-left:-5px;margin-right:-5px}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:1.42857143}.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:0 5px} @charset "UTF-8"; /*! * Bootstrap Grid v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 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: 1140px; } } @media (min-width: 1440px) { .container-ul, .container-xl, .container-lg, .container-md, .container-sm, .container-xs { max-width: 1300px; } } .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.33333333%; max-width: 8.33333333%; } .col-xs-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xs-3 { flex: 0 0 25%; max-width: 25%; } .col-xs-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xs-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xs-6 { flex: 0 0 50%; max-width: 50%; } .col-xs-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xs-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xs-9 { flex: 0 0 75%; max-width: 75%; } .col-xs-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xs-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-xs-2 { margin-left: 16.66666667%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-4 { margin-left: 33.33333333%; } .offset-xs-5 { margin-left: 41.66666667%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-7 { margin-left: 58.33333333%; } .offset-xs-8 { margin-left: 66.66666667%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-10 { margin-left: 83.33333333%; } .offset-xs-11 { margin-left: 91.66666667%; } } @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.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @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.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @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.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @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.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } @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.33333333%; max-width: 8.33333333%; } .col-ul-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-ul-3 { flex: 0 0 25%; max-width: 25%; } .col-ul-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-ul-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-ul-6 { flex: 0 0 50%; max-width: 50%; } .col-ul-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-ul-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-ul-9 { flex: 0 0 75%; max-width: 75%; } .col-ul-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-ul-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .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.33333333%; } .offset-ul-2 { margin-left: 16.66666667%; } .offset-ul-3 { margin-left: 25%; } .offset-ul-4 { margin-left: 33.33333333%; } .offset-ul-5 { margin-left: 41.66666667%; } .offset-ul-6 { margin-left: 50%; } .offset-ul-7 { margin-left: 58.33333333%; } .offset-ul-8 { margin-left: 66.66666667%; } .offset-ul-9 { margin-left: 75%; } .offset-ul-10 { margin-left: 83.33333333%; } .offset-ul-11 { margin-left: 91.66666667%; } } @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: 1140px; } } @media (min-width: 1440px) { .container { max-width: 1300px; } } .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; } } .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%; height: 100%; } html body { margin: 0; padding: 0; width: 100%; background-color: rgba(218, 218, 218, 0.25); display: flex; min-height: 100vh; flex-direction: column; position: relative; overflow-x: hidden; } html body.scroll { overflow: hidden; } @supports (-webkit-overflow-scrolling: touch) { html body.scroll { height: 100%; overflow: hidden; width: 100%; position: fixed; } } html body figure { margin: 0; } html body img { display: block; width: 100%; } html body { /* Change autocomplete styles in WebKit */ } 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: #262626; -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; } @font-face { font-family: "Bebas Neue"; src: url("/wp-content/themes/thefullybookers-child/public/fonts/BebasNeue-Regular.eot"); src: url("/wp-content/themes/thefullybookers-child/public/fonts/BebasNeue-Regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/thefullybookers-child/public/fonts/BebasNeue-Regular.woff") format("woff"), url("/wp-content/themes/thefullybookers-child/public/fonts/BebasNeue-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: "Bebas Neue"; src: url("/wp-content/themes/thefullybookers-child/public/fonts/BebasNeue-Bold.eot"); src: url("/wp-content/themes/thefullybookers-child/public/fonts/BebasNeue-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/thefullybookers-child/public/fonts/BebasNeue-Bold.woff2") format("woff2"), url("/wp-content/themes/thefullybookers-child/public/fonts/BebasNeue-Bold.woff") format("woff"), url("/wp-content/themes/thefullybookers-child/public/fonts/BebasNeue-Bold.ttf") format("truetype"); font-style: bold; font-weight: bold; } body { font-family: "new-atten", sans-serif; font-size: 12px; line-height: 1.6; font-weight: 400; color: #6d6e69; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body.is-locked, body.fancybox-active { overflow: hidden; } body.page-template-coming-soon { overflow: hidden; } body h1 { font-family: "new-atten", sans-serif; font-size: 60px; font-weight: bold; text-transform: none; margin: 0 0 10px 0; line-height: 1.3em; color: #170530; position: relative; display: inline-block; } @media (max-width: 1023.98px) { body h1 { font-size: 60px; } } @media (max-width: 767.98px) { body h1 { font-size: 50px; } } body h2 { font-family: "new-atten", sans-serif; font-size: 40px; font-weight: 900; text-transform: none; margin: 0 0 30px 0; line-height: 1; color: #170530; position: relative; display: inline-block; } @media (max-width: 1023.98px) { body h2 { font-size: 40px; } } @media (max-width: 767.98px) { body h2 { font-size: 30px; } } body h3 { font-family: "new-atten", sans-serif; font-size: 30px; font-weight: bold; text-transform: none; margin: 0 0 15px 0; line-height: 1.3em; color: #170530; } @media (max-width: 1023.98px) { body h3 { font-size: 30px; } } @media (max-width: 767.98px) { body h3 { font-size: 30px; } } body h4 { font-family: "new-atten", sans-serif; font-size: 24px; font-weight: 600; text-transform: none; margin: 0 0 7px 0; line-height: 1.3em; color: #00a284; } @media (max-width: 1023.98px) { body h4 { font-size: 24px; } } @media (max-width: 767.98px) { body h4 { font-size: 24px; } } body h5 { font-family: "new-atten", sans-serif; font-size: 26px; font-weight: bold; text-transform: none; margin: 0; line-height: 32px; color: #170530; } @media (max-width: 1023.98px) { body h5 { font-size: 20px; } } @media (max-width: 767.98px) { body h5 { font-size: 20px; } } body h6 { font-family: "new-atten", sans-serif; color: #170530; } body p { font-size: 1em; margin: 0; line-height: 1.6; } body p:not(:last-child) { margin: 0 0 15px 0; } body a { text-decoration: none; color: #00a284; transition: all 0.15s ease-in-out; } body a:hover { color: rgb(0, 111, 90.4444444444); } body a.link:hover { text-decoration: underline; } body q { font-size: 1.1em; margin: 0; line-height: 2em; } 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; } body button, body [type=button], body [type=reset], body [type=submit] { -webkit-appearance: button; } body button::-moz-focus-inner, body [type=button]::-moz-focus-inner, body [type=reset]::-moz-focus-inner, body [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } body button:-moz-focusring, body [type=button]:-moz-focusring, body [type=reset]:-moz-focusring, body [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } body [type=number]::-webkit-inner-spin-button, body [type=number]::-webkit-outer-spin-button { height: auto; } body select { height: 31px; } body .button, body button, body input[type=submit] { cursor: pointer; } body input[type=date], body input[type=datetime], body input[type=datetime-local], body input[type=email], body input[type=month], body input[type=number], body input[type=password], body input[type=range], body input[type=search], body input[type=tel], body input[type=text], body input[type=time], body input[type=url], body input[type=week], body textarea, body select, body input:-webkit-autofill, body input:-webkit-autofill:hover, body input:-webkit-autofill:focus, body input:-webkit-autofill:active, body textarea:-webkit-autofill, body textarea:-webkit-autofill:hover, body textarea:-webkit-autofill:focus, body textarea:-webkit-autofill:active, body select:-webkit-autofill, body select:-webkit-autofill:hover, body select:-webkit-autofill:focus, body select:-webkit-autofill:active { outline: none; background: #fff !important; color: #666 !important; border: 1px solid #00a284 !important; border-radius: 0; padding: 10px 15px !important; box-sizing: border-box; max-width: 100%; line-height: inherit !important; min-height: inherit !important; font-family: "new-atten", sans-serif !important; font-size: 12px !important; } body select { height: 49px !important; } body .select-items { display: flex; flex-direction: row; flex-wrap: wrap; } body .select-items .select-wrapper { margin: 5px 10px; display: inline-block; position: relative; border-radius: 3px; color: #666666; background-color: #eaeaea; border-color: #ccc; } body .select-items .select-wrapper:after { content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; top: 15px; right: 15px; z-index: 2; line-height: 1; } body .select-items .select-wrapper select { z-index: 2; position: relative; cursor: pointer; width: 100%; text-align: left; -moz-text-align-last: left; text-align-last: left; border: 0; padding: 0.5rem 2.5rem 0.5rem 1rem; font-size: 1.09375rem; line-height: 1.5; border-radius: 3px; display: inline-block; color: #666666; background-color: #eaeaea; border-color: #eaeaea; -webkit-appearance: none; -moz-appearance: none; appearance: none; min-height: 43px; font-family: "new-atten", sans-serif; } body .gform_wrapper .top_label div.ginput_container { margin-top: 0 !important; } body .gform_wrapper li.hidden_label input { margin-top: 0 !important; } .ui-datepicker { display: none; } .section { padding: 115px 0; position: relative; } @media (max-width: 1023.98px) { .section { padding: 20px 0; } } .section.bg-grey, .section.bg-purple { z-index: 0; background-color: #170530; } .section.bg-grey h1, .section.bg-grey h2, .section.bg-grey h3, .section.bg-grey h5, .section.bg-grey h6, .section.bg-grey p, .section.bg-grey ul li, .section.bg-grey a:not(.button), .section.bg-purple h1, .section.bg-purple h2, .section.bg-purple h3, .section.bg-purple h5, .section.bg-purple h6, .section.bg-purple p, .section.bg-purple ul li, .section.bg-purple a:not(.button) { color: #fff; } .section.bg-grey .content-image .content:after, .section.bg-purple .content-image .content:after { background: url("/wp-content/themes/thefullybookers-child/public/img/triangle-grey.svg") no-repeat; } .section.bg-template { z-index: 0; color: #fff; background-color: #00a284; } .section.bg-template h1, .section.bg-template h2, .section.bg-template h3, .section.bg-template h4, .section.bg-template h5, .section.bg-template h6 { color: #fff; } .section.bg-template h1:before, .section.bg-template h1:after, .section.bg-template h2:before, .section.bg-template h2:after, .section.bg-template h3:before, .section.bg-template h3:after, .section.bg-template h4:before, .section.bg-template h4:after, .section.bg-template h5:before, .section.bg-template h5:after, .section.bg-template h6:before, .section.bg-template h6:after { background-color: #fff; } .section.bg-template .button { color: #fff; border-color: #fff; } .section.bg-template .button:after { background-color: transparent; } .section.bg-template .button:hover { color: #262626; background-color: #fff; border-color: #fff; } .section.bg-template .content-image .content:after { background: url("/wp-content/themes/thefullybookers-child/public/img/triangle-template.svg") no-repeat; } .section.bg-template .content-image .content ul li:before { color: #fff; } .section.heading-alt h1, .section.heading-alt h2, .section.heading-alt h3, .section.heading-alt h4, .section.heading-alt h5, .section.heading-alt h6 { line-height: 1; } .section.heading-alt h1:before, .section.heading-alt h1:after, .section.heading-alt h2:before, .section.heading-alt h2:after, .section.heading-alt h3:before, .section.heading-alt h3:after, .section.heading-alt h4:before, .section.heading-alt h4:after, .section.heading-alt h5:before, .section.heading-alt h5:after, .section.heading-alt h6:before, .section.heading-alt h6:after { display: none; } .section.heading-alt h1, .section.heading-alt h2 { margin-bottom: 0 !important; } .ft-interact { display: none !important; } .button, button, input[type=submit] { outline: none; } .button:not(.fancybox-button, .slick-arrow), button:not(.fancybox-button, .slick-arrow), input[type=submit]:not(.fancybox-button, .slick-arrow) { position: relative; display: inline-block; flex-direction: row; justify-content: center; align-items: center; -webkit-appearance: none; align-self: flex-start; font-family: "new-atten", sans-serif; border-radius: 0; line-height: normal; padding: 10px 25px 10px 25px; font-weight: normal; font-size: 14px; text-transform: none; text-decoration: none; letter-spacing: 0px; color: #fff; background-color: #00a284; border-radius: 19px; transition: all 0.15s ease-in-out; } .button:not(.fancybox-button, .slick-arrow):hover, button:not(.fancybox-button, .slick-arrow):hover, input[type=submit]:not(.fancybox-button, .slick-arrow):hover { color: #fff; background-color: rgb(0, 111, 90.4444444444); border-color: rgb(0, 111, 90.4444444444); } .button:not(.fancybox-button, .slick-arrow) span, button:not(.fancybox-button, .slick-arrow) span, input[type=submit]:not(.fancybox-button, .slick-arrow) span { font-size: 1em; line-height: 1em; text-transform: uppercase; transition: text-shadow 0.2s ease-in-out; } .button:not(.fancybox-button, .slick-arrow).outline, button:not(.fancybox-button, .slick-arrow).outline, input[type=submit]:not(.fancybox-button, .slick-arrow).outline { background-color: transparent; color: #fff; border: 1px solid #fff; } .button:not(.fancybox-button, .slick-arrow).outline:hover, button:not(.fancybox-button, .slick-arrow).outline:hover, input[type=submit]:not(.fancybox-button, .slick-arrow).outline:hover { color: #00a284 !important; background-color: #fff; } .button:not(.fancybox-button, .slick-arrow).outline.black, button:not(.fancybox-button, .slick-arrow).outline.black, input[type=submit]:not(.fancybox-button, .slick-arrow).outline.black { color: #262626; border: 1px solid #262626; } .button:not(.fancybox-button, .slick-arrow).outline.black:hover, button:not(.fancybox-button, .slick-arrow).outline.black:hover, input[type=submit]:not(.fancybox-button, .slick-arrow).outline.black:hover { border: 1px solid #00a284 !important; color: #00a284 !important; } .button:not(.fancybox-button, .slick-arrow).alt, button:not(.fancybox-button, .slick-arrow).alt, input[type=submit]:not(.fancybox-button, .slick-arrow).alt { border: none; font-weight: bold; position: relative; display: inline-flex; } .button:not(.fancybox-button, .slick-arrow).alt:hover, button:not(.fancybox-button, .slick-arrow).alt:hover, input[type=submit]:not(.fancybox-button, .slick-arrow).alt:hover { color: #00a284; background-color: transparent; } .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: 16px; display: inline-block; position: relative; top: 50%; transform: translateY(-50%); margin-top: 2px; } .hamburger .hamburger__inner { display: block; top: 50%; margin-top: -3px; } .hamburger .hamburger__inner, .hamburger .hamburger__inner::before, .hamburger .hamburger__inner::after { width: 28px; height: 2px; background-color: #00a284; border-radius: 2px; 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: -7px; } .hamburger .hamburger__inner::after { bottom: -7px; } .hamburger .hamburger__inner { top: 1px; } .hamburger .hamburger__inner::before { top: 7px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger .hamburger__inner::after { top: 14px; } .hamburger.is-active .hamburger__inner { transform: translate3d(0, 7px, 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, -14px, 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: 50px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; z-index: 5; top: 50%; transform: translateY(-50%); } .slick-prev:hover, .slick-next:hover { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before { color: rgb(0, 111, 90.4444444444); } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.15; } .slick-prev:before, .slick-next:before { font-family: "Font Awesome 5 Pro"; font-size: 35px; line-height: 1; display: block; color: #00a284; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 0.15s ease-in-out; } .slick-prev { left: 15px; } @media (min-width: 768px) { .slick-prev { left: 30px; } } @media (min-width: 1280px) { .slick-prev { left: 50px; } } [dir=rtl] .slick-prev { left: auto; right: 30px; } .slick-prev:before { content: "\f053"; font-weight: bold; } [dir=rtl] .slick-prev:before { content: "\f054"; font-weight: bold; } .slick-next { right: 15px; } @media (min-width: 768px) { .slick-next { right: 30px; } } @media (min-width: 1280px) { .slick-next { right: 50px; } } [dir=rtl] .slick-next { left: 30px; right: auto; } .slick-next:before { content: "\f054"; font-weight: bold; } [dir=rtl] .slick-next:before { content: "\f053"; font-weight: bold; } /* 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: 13px; 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 { @charset "UTF-8"; /* Slider */ } .slick-dots li button { /* Icons */ } @font-face { font-family: "slick"; font-weight: normal; font-style: normal; } .slick-dots li button { /* Arrows */ } .slick-dots li button .slick-prev, .slick-dots li button .slick-next { position: absolute; display: block; height: 50px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; z-index: 5; top: 50%; transform: translateY(-50%); } .slick-dots li button .slick-prev:hover, .slick-dots li button .slick-next:hover { outline: none; background: transparent; color: transparent; } .slick-dots li button .slick-prev:hover:before, .slick-dots li button .slick-next:hover:before { color: rgb(0, 111, 90.4444444444); } .slick-dots li button .slick-prev.slick-disabled:before, .slick-dots li button .slick-next.slick-disabled:before { opacity: 0.15; } .slick-dots li button .slick-prev:before, .slick-dots li button .slick-next:before { font-family: "Font Awesome 5 Pro"; font-size: 35px; line-height: 1; display: block; color: #00a284; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 0.15s ease-in-out; } .slick-dots li button .slick-prev { left: 15px; } @media (min-width: 768px) { .slick-dots li button .slick-prev { left: 30px; } } @media (min-width: 1280px) { .slick-dots li button .slick-prev { left: 50px; } } [dir=rtl] .slick-dots li button .slick-prev { left: auto; right: 30px; } .slick-dots li button .slick-prev:before { content: "\f053"; font-weight: bold; } [dir=rtl] .slick-dots li button .slick-prev:before { content: "\f054"; font-weight: bold; } .slick-dots li button .slick-next { right: 15px; } @media (min-width: 768px) { .slick-dots li button .slick-next { right: 30px; } } @media (min-width: 1280px) { .slick-dots li button .slick-next { right: 50px; } } [dir=rtl] .slick-dots li button .slick-next { left: 30px; right: auto; } .slick-dots li button .slick-next:before { content: "\f054"; font-weight: bold; } [dir=rtl] .slick-dots li button .slick-next:before { content: "\f053"; font-weight: bold; } .slick-dots li button { /* Dots */ } .slick-dots li button .slick-dotted.slick-slider { margin-bottom: -6px; } .slick-dots li button .slick-dots { list-style: none; display: none; text-align: center; padding: 0; margin: 0 0 5px; width: 100%; z-index: 4; position: absolute; bottom: 13px; left: 0; } .slick-dots li button .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button .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 .slick-dots li button:hover, .slick-dots li button .slick-dots li button:focus { outline: none; } .slick-dots li button .slick-dots li button:hover:before, .slick-dots li button .slick-dots li button:focus:before { opacity: 0.35; } .slick-dots li button .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: black; opacity: 0.15; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li button .slick-dots li.slick-active button:before { opacity: 1; color: #00a284; } .slick-dots li button { /* Slider */ } .slick-dots li button .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-dots li button .slick-list { position: relative; overflow: hidden; display: block; padding: 0; } .slick-dots li button .slick-list:focus { outline: none; } .slick-dots li button .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-dots li button .slick-slider .slick-track, .slick-dots li button .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-dots li button .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-dots li button .slick-track:before, .slick-dots li button .slick-track:after { content: ""; display: table; } .slick-dots li button .slick-track:after { clear: both; } .slick-loading .slick-dots li button .slick-track { visibility: hidden; } .slick-dots li button .slick-slide { float: left; height: 100%; height: auto; min-height: 1px; outline: none; } [dir=rtl] .slick-dots li button .slick-slide { float: right; } .slick-dots li button .slick-slide img { display: block; } .slick-dots li button .slick-slide.slick-loading img { display: none; } .slick-dots li button .slick-slide { display: none; } .slick-dots li button .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-dots li button .slick-slide { display: block; } .slick-loading .slick-dots li button .slick-slide { visibility: hidden; } .slick-vertical .slick-dots li button .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-dots li button .slick-arrow.slick-hidden { display: none; } .slick-dots li button .slick-slider { opacity: 0; } .slick-dots li button .slick-slider.slick-initialized { opacity: 1; } .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: black; opacity: 0.15; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 1; color: #00a284; } /* 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; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide { 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; } .slick-arrow { width: 50px; background-color: rgba(255, 255, 255, 0.8); } .slick-arrow:before, .slick-arrow:after { color: #262626; } .slick-arrow:hover { background-color: rgba(255, 255, 255, 0.8); } .slick-arrow:hover:before, .slick-arrow:hover:after { color: #262626; } .slick-arrow.slick-next { right: 30px; } .slick-arrow.slick-prev { left: 30px; } .slick-dots { display: none !important; } .slick-dots li button { border: 0 !important; font-size: 0 !important; } .slick-dots li button:after { display: none; } .slick-dots li button:before { color: #fff; } .slick-dots li button:hover { background-color: transparent; } .slick-dots li button:hover:after { display: none; } header { color: #fff; background-color: transparent; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); height: 45px; position: sticky; top: 0; z-index: 100; transition: all 0.3s ease-in-out; } @media (min-width: 1024px) { header { height: 80px; margin-bottom: -80px; box-shadow: none; } header.scrolled { box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); } } header .container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; padding: 0 0 0 15px; transition: height 0.3s ease-in-out; } header .container .logo a img { width: 100%; max-width: 200px; height: 55px; margin-top: -2px; -o-object-fit: contain; object-fit: contain; -o-object-position: 0 50%; object-position: 0 50%; } @media (min-width: 1024px) { header .container .logo a img { max-width: 200px; max-height: 60px; margin-top: -4px; } } @media (max-width: 767.98px) { header .container .logo a img { max-height: 32px; max-width: 130px; } } @media (max-width: 479.98px) { header .container .logo a img { max-height: 26px; } } header .container nav.navigation { display: flex; flex-direction: column; } @media (min-width: 768px) and (max-width: 1023.98px) { header .container nav.navigation { max-width: 320px; } } @media (max-width: 1023.98px) { header .container nav.navigation { right: 0; top: 100%; opacity: 0; width: 100%; color: #262626; max-height: 0; display: flex; overflow: hidden; position: absolute; align-items: flex-start; justify-content: center; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); background-color: #170530; transition: all 0.3s ease-in-out; } header .container nav.navigation.visible { opacity: 1; height: 100vh; max-height: 100vh; border-bottom: 4px solid #00a284; } } @media (min-width: 1024px) { header .container nav.navigation { opacity: 1; pointer-events: inherit; height: 100%; color: #262626; flex-direction: row; background-color: transparent; position: relative; width: auto; padding: 0; margin-left: auto; margin-right: 15px; top: 0; right: 0; } } @media (max-width: 1023.98px) { header .container nav.navigation > ul { width: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; margin-bottom: 80px; } } @media (min-width: 1024px) { header .container nav.navigation ul { display: flex; flex-direction: row; align-items: center; } } @media (max-width: 1023.98px) { header .container nav.navigation ul .button-holder { margin: 20px 0 20px 40px; } } header .container nav.navigation ul li { display: flex; align-items: center; position: relative; } @media (max-width: 1023.98px) { header .container nav.navigation ul li { display: block; } } header .container nav.navigation ul li.has-children:after { content: "\f078"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 0; color: #fff; font-size: 10px; font-weight: 500; top: 50%; transform: translateY(-50%); } @media (max-width: 1023.98px) { header .container nav.navigation ul li.has-children:after { right: 40%; transform: unset; top: 8px; } } header .container nav.navigation ul li.has-children ul { display: block; } @media (min-width: 1024px) { header .container nav.navigation ul li.has-children ul { display: block; position: absolute; margin: 0; background-color: transparent; color: #fff; padding: 15px 20px; overflow: hidden; opacity: 0; visibility: hidden; top: 40px; left: 50%; transform: translate(-50%); transition: all 0.15s ease-in-out; } header .container nav.navigation ul li.has-children ul li { display: block; } header .container nav.navigation ul li.has-children ul li a { display: flex; flex-direction: row; align-items: center; padding: 8px 5px 8px 5px; border-radius: 3px; position: relative; transition: all 0.15s ease-in-out; } header .container nav.navigation ul li.has-children ul li a span { text-transform: uppercase; font-size: 0.85em; } header .container nav.navigation ul li.has-children ul li:hover a { color: #242322; } header .container nav.navigation ul li.has-children ul li:hover a img { filter: invert(0%); } } @media (max-width: 1023.98px) { header .container nav.navigation ul li.has-children ul { margin-left: 30px; } header .container nav.navigation ul li.has-children ul li a { color: #969696; } } @media (min-width: 1024px) { header .container nav.navigation ul li.has-children:hover ul { opacity: 1; visibility: visible; } } @media (max-width: 1023.98px) { header .container nav.navigation ul li.has-children.is-opened ul { opacity: 1; visibility: visible; display: block; } } @media (max-width: 1023.98px) { header .container nav.navigation ul li { padding: 0; } header .container nav.navigation ul li.social { display: none; } } header .container nav.navigation ul li a.navlink { color: #fff; font-size: 14px; padding: 10px 20px; white-space: nowrap; letter-spacing: 1.4px; display: inline-block; font-family: "new-atten", sans-serif; } header .container nav.navigation ul li a.navlink:hover, header .container nav.navigation ul li a.navlink.active { color: #00a284; } @media (max-width: 1023.98px) { header .container nav.navigation ul li a.navlink { display: block; width: 100%; padding: 10px 14px 2px 50px; } } header .container nav.navigation ul li a.navlink img { width: 24px; margin-bottom: 2px; } @media (max-width: 1023.98px) { header .container nav.navigation ul .desktop-wpml { display: none; } } header .container nav.navigation ul .desktop-wpml .wpml-ls { width: auto; margin-right: 20px; } @media (max-width: 1023.98px) { header .container nav.navigation ul .desktop-wpml .wpml-ls { width: calc(100% - 30px); margin: 5px 15px 15px 15px; } } header .container nav.navigation ul .desktop-wpml .wpml-ls img { width: 18px; } header .container nav.navigation > ul > li:last-child a.navlink { margin: -3px 0 0 15px; position: relative; display: inline-block; color: #fff; margin-bottom: 5px; line-height: 1.2; padding: 10px 25px 6px 25px; background-color: #00a284; border: 2px solid #fff; transition: all 0.15s ease-in-out; } header .container nav.navigation > ul > li:last-child a.navlink:after { z-index: -1; content: ""; position: absolute; top: 3px; bottom: -7px; left: 3px; right: -7px; border: 2px solid #262626; background-color: #fff; transition: all 0.15s ease-in-out; } header .container nav.navigation > ul > li:last-child a.navlink:hover { color: #fff; background-color: rgb(0, 111, 90.4444444444); border-color: rgb(0, 111, 90.4444444444); } header .container nav.navigation > ul > li:last-child a.navlink:hover:after { background-color: #262626; } @media (max-width: 1023.98px) { header .container nav.navigation > ul > li:last-child a.navlink { display: none; } } header .container .mobile-wpml { right: 170px; display: none; position: relative; } @media (max-width: 1023.98px) { header .container .mobile-wpml { width: 60%; right: unset; display: block; margin-top: 20px; margin-bottom: 100px; } } header .container .mobile-wpml .wpml-ls { width: auto; margin-right: 20px; } header .container .mobile-wpml .wpml-ls img { width: 18px; } header .container .button { align-self: center; } header .container .button:after { top: 4px; bottom: -6px; right: -6px; background-color: #262626; } header .container .button span { display: block; margin: 3px 0 -2px 0; } .topbar { background-color: #262626; color: #fff; font-size: 14px; z-index: 1; } .topbar .container { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-end; } .topbar .container > * { display: flex; flex-direction: row; align-items: center; } @media (min-width: 480px) { .topbar .container > * { margin-left: 10px; } } .topbar .container a { color: #fff; } .topbar .socials { margin-left: 10px; } .topbar .socials .social-div { padding: 5px 10px; background-color: rgba(255, 255, 255, 0.2); } .topbar .socials .social-div i { font-size: 16px; } .topbar .socials .social-div:hover { background-color: rgba(255, 255, 255, 0.4); } .desktop-wpml { display: none; } @media (min-width: 1024px) { .desktop-wpml { display: block; } } .mobile-wpml { width: 100px; display: block; margin-left: 15px; } @media (min-width: 1024px) { .mobile-wpml { display: none; } } .wpml-ls { width: auto; } .wpml-ls img { width: 18px !important; } .wpml-ls .wpml-ls-sub-menu li { width: 100%; } .wpml-ls .wpml-ls-sub-menu li a { width: 100%; } .wpml-ls .wpml-ls-sub-menu li a img { width: 18px !important; } footer { z-index: 1; overflow: hidden; color: #fff; position: relative; background-color: #170530; } footer:before { z-index: -1; content: ""; display: block; position: absolute; top: 0; left: -10px; right: -10px; bottom: 0; box-shadow: inset 0 5px 10px 1px rgba(38, 38, 38, 0.4); } footer .footer-bar { z-index: 1; overflow: hidden; position: relative; color: #170530; background-color: #00a284; } @media (min-width: 480px) { footer .footer-bar { display: none; } } footer .footer-bar:before { z-index: -1; content: ""; display: block; position: absolute; top: 0; left: -10px; right: -10px; bottom: 0; box-shadow: inset 0 5px 10px 1px rgba(38, 38, 38, 0.4); } footer .footer-bar .social-icons { display: flex; padding: 5px 0; justify-content: center; } footer .footer-bar .social-icons > * { padding: 0 10px; } footer .footer-bar .social-icons a { font-size: 24px; color: #170530; } footer .footer-items { display: flex; flex-wrap: wrap; padding: 80px 0; margin: 0 -15px; justify-content: flex-start; } @media (min-width: 768px) and (max-width: 1023.98px) { footer .footer-items { padding: 50px 0; } } @media (max-width: 1023.98px) { footer .footer-items { padding: 40px 0; } } footer .footer-items > * { flex: 1; padding: 0 15px; } @media (max-width: 767.98px) { footer .footer-items > * { flex: 0 calc(50% - 30px); } footer .footer-items > *:nth-child(3), footer .footer-items > *:nth-child(4) { padding-top: 40px; } } @media (max-width: 479.98px) { footer .footer-items > *:not(.mobile-only) { display: none; } } footer .footer-items > *.mobile-only { text-align: center; display: none; flex: 1; } @media (max-width: 479.98px) { footer .footer-items > *.mobile-only { display: block; } } footer .footer-items .footer-item.logo .image-holder { width: 202px; height: 101px; } footer .footer-items .footer-item.logo .image-holder img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } footer .footer-items .footer-item.about p { max-width: 271px; } footer .footer-items .footer-item.address p { line-height: normal; margin-bottom: 3px; } footer .footer-items .footer-item.address p a { line-height: 1.4; } footer .footer-items .footer-item:nth-child(3) { padding-left: 110px; } footer .footer-items .footer-item h3 { font-size: 24px; margin-bottom: 10px; color: #00a284; font-weight: 500; } footer .footer-items .footer-item ul li:not(:last-child) { margin-bottom: 8px; } footer .footer-items .footer-item p { line-height: 1.7em; } footer .footer-items .footer-item a { color: inherit; } footer .footer-items .footer-item a.footer-social { color: #00a284; font-size: 20px; } footer .footer-items .footer-item a.footer-social:not(:last-child) { margin-right: 10px; } footer .footer-items .footer-item a.footer-social:hover { color: rgb(0, 111, 90.4444444444); } footer .footer-items .footer-item a:hover { color: #00a284; } footer .footer-items .footer-item .footer-socials { margin-top: 15px; } footer .copyright { font-size: 12px; color: #fff; padding: 20px 0; background-color: #170530; border-top: 2px solid #fff; } footer .copyright .container { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } @media (max-width: 1023.98px) { footer .copyright .container { flex-direction: column; justify-content: center; gap: 16px; } } footer .copyright .container .tfb a { font-weight: bold; } @media (max-width: 1023.98px) { footer .copyright .container .tfb { width: 100%; text-align: center; flex-direction: column; } } footer .copyright .container .copyright-wrapper { display: inline-flex; gap: 35px; } @media (max-width: 1023.98px) { footer .copyright .container .copyright-wrapper { text-align: center; flex-direction: column; gap: 0; } } footer .copyright .container .copyright-wrapper .date { margin-right: 5px; } footer .copyright .container .copyright-wrapper .links a + a { margin-left: 35px; } @media (max-width: 1023.98px) { footer .copyright .container .copyright-wrapper .links a + a { margin-left: 15px; } } footer .copyright .container p.mobile-only { display: none; } @media (max-width: 767.98px) { footer .copyright .container p.mobile-only { display: block; } } footer .copyright .container a { color: inherit; } ol.breadcrumbs { display: none; } /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight { /* disable global scrolling when featherlights are visible */ overflow: hidden; } .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); } .featherlight:before { /* position: trick to center content vertically */ content: ""; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 0; border-bottom: none; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 40px; width: 40px; font-size: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #fff; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.6); color: #000; border: none; padding: 0; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ box-sizing: border-box; } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 0; border-bottom: none; } } /* hide non featherlight items when printing */ @media print { html.with-featherlight > * > :not(.featherlight) { display: none; } } /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.13 - http://noelboss.github.io/featherlight/ * * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; /* preventing text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* IE9 hack, otherwise navigation doesn't appear */ background: rgba(0, 0, 0, 0); } .featherlight-previous { left: 25px; right: 80%; } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, 0.25); } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; /* center horizontally */ text-align: center; font-size: 80px; line-height: 80px; /* center vertically */ margin-top: -40px; text-shadow: 0px 0px 5px #fff; color: #fff; font-style: normal; font-weight: normal; } .featherlight-next span { right: 5%; left: auto; } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; } .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none; } /* Hide navigation while loading */ .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next { display: none; } /* Hide navigation in case of single image */ .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-first-slide.featherlight-last-slide .featherlight-next { display: none; } /* Always display arrows on touch devices */ @media only screen and (max-device-width: 1024px) { .featherlight-next:hover, .featherlight-previous:hover { background: none; } .featherlight-next span, .featherlight-previous span { display: block; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85%; } .featherlight-previous { left: 10px; right: 85%; } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; } } .fancybox-slide--html { padding: 0 !important; } .fancybox-stage { overflow-y: scroll !important; } .fancybox-bg { opacity: 0.45 !important; } .popup.for-cookie-modal { top: 50%; left: 50%; width: 80%; height: auto; position: fixed; max-width: 500px; max-height: 940px; margin: 0 !important; padding: 0 !important; z-index: 2 !important; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); background-color: #fff; transform: translateX(-50%) translateY(-50%); } .popup.for-cookie-modal a { outline: none; } @media (max-width: 767.98px) { .popup.for-cookie-modal { max-height: 75vh; overflow-y: scroll; width: calc(100% - 30px); } } .popup.for-cookie-modal .fancybox-button { display: none; } .popup.for-cookie-modal .popup-holder { gap: 0; padding: 0; font-size: 14px; } .popup.for-cookie-modal .popup-holder .content { padding: 20px; line-height: 1.2; } @media (max-width: 767.98px) { .popup.for-cookie-modal .popup-holder .content { padding: 20px; } } .popup.for-cookie-modal .popup-holder .content h3 { font-size: 26px; line-height: 1.2; } .popup.for-cookie-modal .popup-holder .cookie-settings { padding: 0 20px 20px 20px; } .popup.for-cookie-modal .popup-holder .cookie-settings.is-hidden { display: none; } .popup.for-cookie-modal .popup-holder .cookie-settings form { width: 100%; display: inline-block; } .popup.for-cookie-modal .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-holder .cookie-settings form .label { padding-left: 85px; } } .popup.for-cookie-modal .popup-holder .cookie-settings form .label:not(:last-child) { margin-bottom: 15px; } .popup.for-cookie-modal .popup-holder .cookie-settings form .label input { width: 0; height: 0; opacity: 0; cursor: pointer; position: absolute; } .popup.for-cookie-modal .popup-holder .cookie-settings form .label input:checked + .slider { background-color: #00a284; } .popup.for-cookie-modal .popup-holder .cookie-settings form .label input:checked + .slider:before { transform: translateX(26px); } .popup.for-cookie-modal .popup-holder .cookie-settings form .label span { width: 100%; display: inline-block; } .popup.for-cookie-modal .popup-holder .cookie-settings form .label span.label-title { font-weight: 600; } .popup.for-cookie-modal .popup-holder .cookie-settings form .label span.label-content { font-size: 13px; line-height: 1.2; } .popup.for-cookie-modal .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: #F5F5F5; } .popup.for-cookie-modal .popup-holder .cookie-settings form .label span.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #F5F5F5; transition: 0.4s; } .popup.for-cookie-modal .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-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-holder .cookie-settings form .label span.slider.round { border-radius: 34px; } .popup.for-cookie-modal .popup-holder .cookie-settings form .label span.slider.round:before { border-radius: 50%; } .popup.for-cookie-modal .popup-holder .button-holder { display: inline-flex; } @media (max-width: 1023.98px) { .popup.for-cookie-modal .popup-holder .button-holder { flex-direction: column; } } .popup.for-cookie-modal .popup-holder .button-holder .button { font-size: 20px; text-align: center; width: 100%; font-weight: 500; margin-bottom: 0px; padding: 13px 0 10px 0; } .popup.for-cookie-modal .popup-holder .button-holder .button.accept { background-color: #00a284; color: #fff; border: none; } .popup.for-cookie-modal .popup-holder .button-holder .button.accept:after { all: revert; } .popup.for-cookie-modal .popup-holder .button-holder .button.toggle-cookie-settings { background-color: #262626; color: #fff; border: none; } .popup.for-cookie-modal .popup-holder .button-holder .button.toggle-cookie-settings:after { all: revert; } .popup.for-cookie-modal .popup-holder .button-holder .button.toggle-cookie-settings.is-active span.open { display: none; } .popup.for-cookie-modal .popup-holder .button-holder .button.toggle-cookie-settings:not(.is-active) span.close { display: none; } @media (max-width: 767.98px) { .popup { height: 100%; } } .popup .fancybox-button { opacity: 1; width: 50px; height: 50px; color: #262626; } .popup .fancybox-button:after { display: none !important; } .popup .fancybox-button:hover { background-color: transparent; } .popup .popup-holder { display: flex; flex-direction: column; gap: 60px; } @media (min-width: 768px) { .popup .popup-holder { padding: 50px 40px 40px 40px; } } @media (max-width: 767.98px) { .popup .popup-holder { order: 1; padding: 60px 25px 25px 25px; } } .popup .popup-holder .iframe { position: relative; overflow: hidden; width: 100%; padding-top: 62.5%; } .popup .popup-holder .iframe iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .popup .popup-holder h1, .popup .popup-holder h2, .popup .popup-holder h3, .popup .popup-holder h4, .popup .popup-holder h5, .popup .popup-holder h6, .popup .popup-holder p, .popup .popup-holder ul li, .popup .popup-holder ol li { color: #262626; } .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: #fff; font-size: 12px; content: "\f078"; font-weight: normal; position: absolute; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; } @media (max-width: 1023.98px) { .custom-tp-language-switch li.active:after { right: 41%; } } .custom-tp-language-switch li.active:hover > .dropdown-content { opacity: 1; visibility: visible; transition: 0.3s ease-in-out; } .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 rgba(0, 0, 0, 0.5960784314); } .custom-tp-language-switch .dropdown-content { top: 30px; opacity: 0; left: -10px; padding: 10px; visibility: hidden; position: absolute; border-radius: 3px; background-color: transparent; transition: 0.3s ease-in-out; box-shadow: 0 3px 30px rgba(0, 0, 0, 0.062745098); } .custom-tp-language-switch .dropdown-content ul { display: block !important; } .custom-tp-language-switch .dropdown-content ul li { width: 25px; display: block !important; } .custom-tp-language-switch .dropdown-content ul li:not(:first-child) { margin-top: 5px; } .language-switch-mobile { display: none; } @media (max-width: 1279.98px) { .language-switch-mobile { display: block; } } @media (max-width: 1023.98px) { .language-switch-mobile { margin-left: 30px; } } @media (max-width: 1279.98px) { .language-switch-mobile { display: block; } } .language-switch-desktop { display: block; } @media (max-width: 1279.98px) { .language-switch-desktop { display: none; } } .popup { padding: 0; z-index: 1; margin: 0 auto; } .popup.for-form .popup-holder { gap: 20px; } .popup.for-form .popup-holder h2:before, .popup.for-form .popup-holder h2:after { display: none; } .popup.iframe-popup { width: 100%; height: 100%; max-width: 100%; } .popup.iframe-popup .close-popup { text-shadow: 3px 3px 4px #000; color: #262626; } @media (min-width: 1024px) { .popup { width: 100%; max-width: 975px; } } .popup p:not(:last-child) { margin: 0 0 50px 0; } .popup.info-popup { max-width: 975px; } @media screen and (max-width: 975px) { .popup.info-popup { margin-left: 15px; margin-right: 15px; } } .popup.info-popup .image { width: 35%; flex: 1 0 35%; max-width: 35%; } .popup.info-popup .content { width: 65%; flex: 1 0 65%; max-width: 65%; padding: 60px 85px; } .popup.quotation-popup { max-width: 1140px; } @media screen and (max-width: 1140px) { .popup.quotation-popup { margin-left: 15px; margin-right: 15px; } } .popup.quotation-popup .content { width: 70%; flex: 1 0 70%; max-width: 70%; padding: 55px 70px; } .popup.quotation-popup .content .inner { margin-bottom: 30px; } .popup.quotation-popup .content .quotation-form input:not([type=submit]), .popup.quotation-popup .content .quotation-form textarea { color: #262626; background-color: #fff; -webkit-text-fill-color: #262626; } .popup.quotation-popup .content .quotation-form input.datepicker { width: 100%; } .popup.quotation-popup .content .quotation-form .gform_footer { margin-bottom: 0; padding-bottom: 0; } .popup.quotation-popup .content .quotation-form .gform_footer .gform_button { margin-bottom: 0; } .popup.quotation-popup .image { width: 30%; flex: 1 0 30%; max-width: 30%; } .popup .fancybox-bg { opacity: 0.6; background-color: #262626; } .popup .close-popup { top: 10px; right: 20px; font-size: 30px; position: absolute; color: #262626; } .popup .close-popup:hover { cursor: pointer; } .popup .popup-content-wrapper { display: flex; flex-wrap: wrap; } .popup .popup-content-wrapper .image { position: relative; } @media (max-width: 1023.98px) { .popup .popup-content-wrapper .image { display: none; } } .popup .popup-content-wrapper .image:after { content: ""; display: block; padding-bottom: 100%; } .popup .popup-content-wrapper .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } @media (max-width: 1023.98px) { .popup .popup-content-wrapper .content { width: 100%; flex: 1 0 100%; max-width: 100%; padding: 60px; } } @media (max-width: 767.98px) { .popup .popup-content-wrapper .content { padding: 60px 15px 15px 15px; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .popup.quotation-popup .content { padding: 55px; } } .sticky-prices { z-index: 12; color: #262626; font-size: 14px; position: fixed; overflow: hidden; display: inline-block; background-color: #f6f5f0; box-shadow: 0pt 0pt 8pt rgba(0, 0, 0, 0.2); width: 174px; left: 0; top: 50%; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } @media (max-width: 1279.98px) { .sticky-prices { display: none; } } .sticky-prices.is-hidden { opacity: 0; visibility: hidden; } .sticky-prices .inner { padding: 32px 26px 32px 20px; position: relative; } .sticky-prices .inner i { position: absolute; top: 15px; right: 20px; color: #8D8D8F; font-size: 17px; font-weight: 300; cursor: pointer; } .sticky-prices .inner h4 { font-size: 14px; color: #262626; font-weight: bold; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #989090; text-transform: none; } .sticky-prices .inner ul li { line-height: 1.5; display: flex; align-items: center; font-weight: 300; gap: 5px; font-size: 12px; letter-spacing: 0.25px; position: relative; margin-left: 15px; } .sticky-prices .inner ul li:not(:last-child) { margin-bottom: 10px; } .sticky-prices .inner ul li:after { position: absolute; left: -15px; top: 50%; transform: translateY(-50%); content: "\f067"; font-family: "Font Awesome 5 Pro"; font-size: 9px; color: #262626; font-weight: 300; } .sticky-prices .inner .button-holder { margin-top: 20px; } .sticky-prices .inner .button-holder .button { padding: 8px 18px; font-size: 11px; width: 100%; text-transform: uppercase; letter-spacing: 0.46px; font-weight: 100; text-align: center; font-weight: 500; } .sticky-prices .inner .button-holder .button:after { display: none; } /* 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.6); background-blend-mode: color; color: #fff; } @media (min-width: 1024px) { .pageheader { padding-top: 45px; } } .pageheader .row { padding: 130px 0; } @media (max-width: 767.98px) { .pageheader .row { padding: 50px 0; } } .pageheader video { display: block; position: absolute; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; top: 0; width: 100%; height: 100%; } @media (min-width: 768px) { .pageheader video { height: 100%; } } .pageheader.menu { z-index: 10; height: 75vw; min-height: 300px; max-height: 600px; } @media (max-width: 767.98px) { .pageheader.menu { margin-bottom: 35px; } } @media (min-width: 768px) { .pageheader.menu { height: 60vw; flex-direction: row; } } @media (min-width: 1024px) { .pageheader.menu { height: 50vw; padding-top: 45px; } } .pageheader.menu .container { display: flex; align-items: center; z-index: 1; height: 100%; } @media (min-width: 768px) { .pageheader.menu .container { display: flex; flex-direction: row; align-items: center; } } .pageheader.menu .container .menu { background-color: #00a284; } @media (max-width: 767.98px) { .pageheader.menu .container .menu { position: absolute; bottom: 0; left: 0; right: 0; transform: translateY(100%); } } @media (min-width: 768px) { .pageheader.menu .container .menu { display: flex; flex-direction: column; justify-content: center; height: 100%; background: rgba(0, 0, 0, 0.3); padding: 0 15px; width: 358px; } } @media (min-width: 1440px) { .pageheader.menu .container .menu { background: transparent; } } .pageheader.menu .container .menu .wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 35px; background-color: #242322; } @media (max-width: 767.98px) { .pageheader.menu .container .menu .wrap { padding-left: 15px; } } @media (min-width: 768px) { .pageheader.menu .container .menu .wrap { background-color: transparent; } } .pageheader.menu .container .menu .wrap h3 { color: #fff; text-transform: inherit; font-weight: 300; margin-bottom: 0; } @media (min-width: 768px) { .pageheader.menu .container .menu .wrap h3 { color: #fff; font-size: 1.2em; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; } } .pageheader.menu .container .menu .wrap .image { width: 35px; height: 35px; background-color: #00a284; display: flex; justify-content: center; align-items: center; font-size: 16px; } @media (min-width: 768px) { .pageheader.menu .container .menu .wrap .image { display: none; } } .pageheader.menu .container .menu .wrap .image img { width: 15px; } .pageheader.menu .container .menu ul { z-index: 12; margin-top: 20px; } @media (max-width: 767.98px) { .pageheader.menu .container .menu ul { display: none; width: 100%; position: absolute; margin-top: 0; background: #00a284; } } .pageheader.menu .container .menu ul.active { display: block; } .pageheader.menu .container .menu ul li { position: relative; color: #fff; padding: 5px 0 5px 0; } .pageheader.menu .container .menu ul li:before { content: "\f054"; font-family: "Font Awesome 5 Pro"; position: absolute; display: inline-block; left: 0; font-weight: normal; transition: all 0.15s ease-in-out; } .pageheader.menu .container .menu ul li:hover:before { left: 5px; } @media (max-width: 767.98px) { .pageheader.menu .container .menu ul li { margin-left: 15px; } } .pageheader.menu .container .menu ul li a { text-decoration: none; padding: 0 1em 0 2.7em; } .pageheader.menu .container .row { width: 100%; } @media (min-width: 768px) { .pageheader.menu .container .row { justify-content: center; margin: 0; } } .pageheader.menu .container .row .col { display: flex; flex-direction: column; max-width: 420px; } @media (min-width: 768px) { .pageheader.menu .container .row .col { max-width: 600px; text-align: center; } } @media (min-width: 1024px) { .pageheader.menu .container .row .col { text-align: center; } } .pageheader.menu .container .row .col p { font-size: 14px; } @media (min-width: 768px) { .pageheader.menu .container .row .col p { font-size: 20px; } } .pageheader .container { justify-content: center; } .pageheader .container .row { display: flex; flex-direction: row; justify-content: center; align-items: center; } .pageheader .container .row .col { z-index: 1; justify-content: center; align-items: center; text-align: left; max-width: 600px; } @media (min-width: 768px) { .pageheader .container .row .col { text-align: center; } } .pageheader .container .row .col .subtitle-bar { display: none; } .pageheader .container .row .col h1 { text-align: center; } .pageheader .container .row .col p { font-size: 14px; margin-bottom: 0; } @media (min-width: 768px) { .pageheader .container .row .col p { font-size: 20px; } } .pageheader .container .row .col .button { align-self: center; margin-top: 15px; } .pageheader.blog .container .row .col { text-align: center; flex-direction: column; align-items: center; } .pageheader.blog .container .row .col .subtitle-bar { display: flex; flex-direction: row; align-items: center; text-align: center; } .pageheader.blog .container .row .col .subtitle-bar h3 { font-size: 0.9em; margin: 0 15px; } @media (min-width: 375px) { .pageheader.blog .container .row .col .subtitle-bar h3 { font-size: 1em; } } .pageheader.blog .container .row .col .subtitle-bar .bar { width: 60px; height: 2px; background-color: #fff; } @media (min-width: 768px) { .pageheader.blog .container .row .col .subtitle-bar .bar { width: 170px; } } .pageheader.blog .container .row .col h1 { margin-top: 20px; } .pageheader.blog .container .row .col p { margin-bottom: 15px; } .pageheader.blog .container .row .col .button { display: flex; align-self: center; } .pageheader.case .container .row .col { text-align: center; } .pageheader.case .container .row .col .subtitle-bar { display: flex; flex-direction: row; align-items: center; text-align: center; } .pageheader.case .container .row .col .subtitle-bar h3 { font-size: 0.9em; margin: 0 15px; } @media (min-width: 375px) { .pageheader.case .container .row .col .subtitle-bar h3 { font-size: 1em; } } .pageheader.case .container .row .col .subtitle-bar .bar { width: 60px; height: 2px; background-color: #fff; } @media (min-width: 768px) { .pageheader.case .container .row .col .subtitle-bar .bar { width: 170px; } } .pageheader.case .container .row .col h1 { margin-top: 20px; } .pageheader.case .container .row .col p { margin-bottom: 15px; } .pageheader.case .container .row .col .button { display: flex; align-self: center; } .image-content .container .row { background-color: #fff; } @media (min-width: 768px) { .image-content .container .row { box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); padding: 0; } } @media (min-width: 768px) { .image-content .container .row .col { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 767.98px) { .image-content .container .row .col.content { order: 2; } } @media (min-width: 768px) { .image-content .container .row .col.content { padding: 0; } .image-content .container .row .col.content:after { content: ""; background: url("/wp-content/themes/thefullybookers-child/public/img/triangle.svg") no-repeat; background-size: 275px; display: block; position: absolute; top: calc(50% - 20px); z-index: 2; width: 80px; height: 40px; } .image-content .container .row .col.content.left { order: 1; } .image-content .container .row .col.content.left:after { transform: rotate(-90deg); right: -60px; } .image-content .container .row .col.content.right { order: 3; } .image-content .container .row .col.content.right:after { transform: rotate(90deg); left: -60px; } } .image-content .container .row .col.content .inner { display: flex; flex-direction: column; } @media (min-width: 768px) { .image-content .container .row .col.content .inner { padding: 45px; } } @media (min-width: 1280px) { .image-content .container .row .col.content .inner { padding: 60px; } } .image-content .container .row .col.content .inner ul li { padding: 5px 1em 5px 2.7em; position: relative; } .image-content .container .row .col.content .inner ul li:before { content: "\f058"; font-family: "Font Awesome 5 Pro"; position: absolute; display: inline-block; left: 0; font-weight: normal; font-size: 20px; color: #00a284; } .image-content .container .row .col.image { background-size: cover; background-position: 50% 50%; height: 56.25vw; } @media (max-width: 767.98px) { .image-content .container .row .col.image.top { order: 1; margin: -30px 0 30px 0; } .image-content .container .row .col.image.top:after { content: ""; background: url("/wp-content/themes/thefullybookers-child/public/img/triangle.svg") no-repeat; background-size: 275px; display: block; position: absolute; bottom: 0; left: calc(50% - 40px); transform: rotate(180deg); z-index: 2; width: 80px; height: 40px; } .image-content .container .row .col.image.bottom { order: 3; margin: 30px 0 -30px 0; } } @media (min-width: 768px) { .image-content .container .row .col.image { order: 2; height: auto; margin: 0; } } .image-content-slider .container .row { background-color: #fff; } @media (min-width: 768px) { .image-content-slider .container .row { box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); padding: 0; } } @media (min-width: 768px) { .image-content-slider .container .row .col { flex: 0 0 50%; max-width: 50%; } } .image-content-slider .container .row .col.content { position: relative; } @media (max-width: 767.98px) { .image-content-slider .container .row .col.content { order: 2; padding-bottom: 75px; } .image-content-slider .container .row .col.content .slick-dots { bottom: 15px; } .image-content-slider .container .row .col.content .slick-dots li button:after { display: none; } .image-content-slider .container .row .col.content .slick-dots li button:hover { background-color: transparent; } .image-content-slider .container .row .col.content .slick-arrow { top: unset; bottom: 25px; font-size: 0; position: absolute; } .image-content-slider .container .row .col.content .slick-arrow:hover { background-color: transparent; } .image-content-slider .container .row .col.content .slick-arrow.slick-next { top: unset; right: 5px; left: unset; bottom: -15px; } .image-content-slider .container .row .col.content .slick-arrow.slick-prev { left: 5px; top: unset; right: unset; bottom: -15px; } } @media (min-width: 768px) { .image-content-slider .container .row .col.content { padding: 0 0 90px 0; } .image-content-slider .container .row .col.content .slick-dots { bottom: 35px; } .image-content-slider .container .row .col.content .slick-dots li button:after { display: none; } .image-content-slider .container .row .col.content .slick-dots li button:hover { background-color: transparent; } .image-content-slider .container .row .col.content .slick-arrow { top: unset; bottom: 25px; font-size: 0; position: absolute; } .image-content-slider .container .row .col.content .slick-arrow:hover { background-color: transparent; } .image-content-slider .container .row .col.content .slick-arrow.slick-next { bottom: 0; top: unset; right: 45px; left: unset; } .image-content-slider .container .row .col.content .slick-arrow.slick-next:before { color: #00a284; } .image-content-slider .container .row .col.content .slick-arrow.slick-prev { bottom: 0; top: unset; left: 45px; right: unset; } .image-content-slider .container .row .col.content .slick-arrow.slick-prev:before { color: #00a284; } .image-content-slider .container .row .col.content:after { right: 0; content: ""; background: url("/wp-content/themes/thefullybookers-child/public/img/triangle.svg") no-repeat; background-size: 275px; display: block; position: absolute; top: calc(50% - 20px); z-index: 2; width: 80px; height: 40px; } } @media (min-width: 768px) and (min-width: 480px) { .image-content-slider .container .row .col.content:after { right: -59px; transform: rotate(-90deg); } } @media (min-width: 768px) { .image-content-slider .container .row .col.content.left { order: 1; } .image-content-slider .container .row .col.content.left:after { transform: rotate(-90deg); right: -60px; } .image-content-slider .container .row .col.content.right { order: 3; } .image-content-slider .container .row .col.content.right:after { transform: rotate(90deg); left: -60px; } } .image-content-slider .container .row .col.content .inner { display: flex; flex-direction: column; } @media (min-width: 768px) { .image-content-slider .container .row .col.content .inner { padding: 45px; } } @media (min-width: 1280px) { .image-content-slider .container .row .col.content .inner { padding: 60px; } } @media (min-width: 768px) { .image-content-slider .container .row .col.content .inner .button-holder { padding-top: 20px; } } @media (max-width: 767.98px) { .image-content-slider .container .row .col.content .inner .button-holder { margin-bottom: 20px; } } .image-content-slider .container .row .col.content .inner h2:before { display: none; } .image-content-slider .container .row .col.content .inner h2:after { display: none; } .image-content-slider .container .row .col.content .inner ul li { padding: 5px 1em 5px 2.7em; position: relative; } .image-content-slider .container .row .col.content .inner ul li:before { content: "\f058"; font-family: "Font Awesome 5 Pro"; position: absolute; display: inline-block; left: 0; font-weight: normal; font-size: 20px; color: #00a284; } .image-content-slider .container .row .col.image { height: 56.25vw; padding: 0; } .image-content-slider .container .row .col.image .inner { background-size: cover; background-position: 50% 50%; } .image-content-slider .container .row .col.image .slick-list, .image-content-slider .container .row .col.image .slick-track, .image-content-slider .container .row .col.image .slick-slide { height: 100%; } @media (max-width: 767.98px) { .image-content-slider .container .row .col.image { order: 1; margin: -30px 0 30px 0; } .image-content-slider .container .row .col.image:after { content: ""; background: url("/wp-content/themes/thefullybookers-child/public/img/triangle.svg") no-repeat; background-size: 275px; display: block; position: absolute; bottom: 0; left: calc(50% - 40px); transform: rotate(180deg); z-index: 2; width: 80px; height: 40px; } } @media (min-width: 768px) { .image-content-slider .container .row .col.image { order: 2; height: auto; margin: 0; } } .slider-image-fixed-content .container .row { background-color: #fff; } @media (min-width: 768px) { .slider-image-fixed-content .container .row { box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); padding: 0; } } @media (min-width: 768px) { .slider-image-fixed-content .container .row .col { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 768px) { .slider-image-fixed-content .container .row .col.content { padding: 0; } .slider-image-fixed-content .container .row .col.content.left { order: 1; } .slider-image-fixed-content .container .row .col.content.right { order: 3; } } .slider-image-fixed-content .container .row .col.content .inner { display: flex; flex-direction: column; } @media (min-width: 768px) { .slider-image-fixed-content .container .row .col.content .inner { padding: 45px; } } @media (min-width: 1280px) { .slider-image-fixed-content .container .row .col.content .inner { padding: 60px; } } .slider-image-fixed-content .container .row .col.content .inner ul li { background: url("/wp-content/themes/thefullybookers-child/public/img/check-red.svg") no-repeat; background-size: 20px; background-position: 0 7px; padding: 5px 1em 5px 2.7em; } .slider-image-fixed-content .container .row .col.content .inner .button:not(:last-child) { margin-bottom: 10px; } .slider-image-fixed-content .container .row .col.image { height: 56.25vw; padding: 0; } .slider-image-fixed-content .container .row .col.image .inner { background-size: cover; background-position: 50% 50%; } .slider-image-fixed-content .container .row .col.image .slick-list, .slider-image-fixed-content .container .row .col.image .slick-track, .slider-image-fixed-content .container .row .col.image .slick-slide { height: 100%; } .slider-image-fixed-content .container .row .col.image .slick-arrow { filter: grayscale(1) brightness(1000%); } .slider-image-fixed-content .container .row .col.image .slick-dots li button:before { color: #fff; opacity: 1; } .slider-image-fixed-content .container .row .col.image .slick-dots li.slick-active button:before { color: #00a284; opacity: 1; } @media (max-width: 767.98px) { .slider-image-fixed-content .container .row .col.image { margin: 30px 0 -30px 0; } } @media (min-width: 768px) { .slider-image-fixed-content .container .row .col.image { order: 2; height: auto; margin: 0; } } .backgroundimage-content { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .backgroundimage-content .container { position: relative; } .backgroundimage-content .container .row { margin: 20px -15px; padding: 60px 0; } @media (min-width: 1024px) { .backgroundimage-content .container .row { padding: 60px 30px; } } @media (min-width: 1280px) { .backgroundimage-content .container .row { padding: 100px 60px; } } .backgroundimage-content .container .row:after { content: ""; background: url("/wp-content/themes/thefullybookers-child/public/img/triangle.svg") no-repeat; background-size: 275px; display: block; position: absolute; top: 0; z-index: 2; width: 80px; height: 40px; } .backgroundimage-content .container .row.left { display: flex; flex-direction: row; justify-content: flex-start; } @media (max-width: 1023.98px) { .backgroundimage-content .container .row.left:after { left: 15px; } } .backgroundimage-content .container .row.right { display: flex; flex-direction: row; justify-content: flex-end; } @media (max-width: 1023.98px) { .backgroundimage-content .container .row.right:after { right: 15px; } } .backgroundimage-content .container .row .col { padding: 0; background-color: #fff; max-width: 300px; } @media (min-width: 375px) { .backgroundimage-content .container .row .col { max-width: 340px; } } @media (min-width: 768px) { .backgroundimage-content .container .row .col { max-width: 540px; } } .backgroundimage-content .container .row .col .inner { display: flex; flex-direction: column; padding: 20px; } @media (min-width: 768px) { .backgroundimage-content .container .row .col .inner { padding: 40px; padding-bottom: 0; } } .backgroundimage-content .container .row .col .inner p:last-of-type { margin-bottom: 0; } .backgroundimage-content .container .row .col .inner .button { padding: 8px 15px; margin-top: 10px; } @media (min-width: 768px) { .backgroundimage-content .container .row .col .inner .button { transform: translateY(50%); padding: 16px 25px; margin-top: 0; } } .logoslider { box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); position: relative; } .logoslider .container { padding: 15px 30px; opacity: 0; transition-delay: 1s; transition: all 0.15s ease-in-out; } .logoslider .container.slick-initialized { opacity: 1; } @media (min-width: 768px) { .logoslider .container { padding: 15px 60px; } } @media (min-width: 1280px) { .logoslider .container { padding: 15px 100px; } } .logoslider .container img { filter: grayscale(100%); max-height: 60px; margin: 0 20px; width: 80%; } .reviewslider { background-size: cover; background-position: 50% 50%; } .reviewslider .container.heading .row { padding-bottom: 15px; } .reviewslider .container.heading .row .col { text-align: center; } .reviewslider .container.heading .row .col h2 { margin-bottom: 0; } .reviewslider .container.heading .row .col h2.white { color: #fff; } .reviewslider .container.slider { padding-bottom: 60px; } .reviewslider .container.slider .slick-dots { bottom: 25px; } .reviewslider .container.slider .slick-track { display: flex; } .reviewslider .container.slider .slick-track .slick-slide { display: flex; height: auto; } .reviewslider .container.slider .review { padding: 15px; } .reviewslider .container.slider .review .inner { border-radius: 15px; padding: 25px; height: 100%; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); background-color: #fff; } .reviewslider .container.slider .review .inner .head { display: flex; flex-direction: row; align-items: center; margin-bottom: 15px; } .reviewslider .container.slider .review .inner .head img { width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0; object-position: 50% 0; border-radius: 100px; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); margin-right: 15px; } .reviewslider .container.slider .review .inner .head p strong { font-size: 1.2em; } @media (max-width: 1023.98px) { .stickycta { display: none; } } .stickycta { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 11; display: flex; flex-direction: column; width: 45px; background-color: #00a284; border-top-left-radius: 3px; border-bottom-left-radius: 3px; overflow: hidden; } .stickycta a span { display: block; transform: rotate(-90deg); } .stickycta a:nth-child(1) { height: 135px; padding: 8px 15px; align-self: center; } .stickycta a:nth-child(2), .stickycta a:nth-child(3) { height: 45px; display: flex; justify-content: center; align-items: center; color: #fff; } .stickycta a:nth-child(2) img, .stickycta a:nth-child(3) img { width: 25px; } .stickycta a:nth-child(2) { background-color: rgb(0, 98.25, 80.0555555556); } .stickycta a:nth-child(3) { background-color: rgb(0, 72.75, 59.2777777778); } .possibility-grid .container { padding: 30px 15px; } @media (min-width: 480px) { .possibility-grid .container { display: flex; flex-direction: row; flex-wrap: wrap; } } @media (min-width: 1024px) { .possibility-grid .container { padding: 60px; } } .possibility-grid .container .possibility { display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: cover; background-position: 50% 50%; height: 37vw; padding: 0; margin: 4px; color: #fff; text-align: center; } @media (min-width: 375px) { .possibility-grid .container .possibility { height: 30vw; } } @media (min-width: 480px) { .possibility-grid .container .possibility { width: calc((100% - 16px) / 2); } } @media (min-width: 1024px) { .possibility-grid .container .possibility { height: 17vw; width: calc((100% - 32px) / 4); } } @media (min-width: 1440px) { .possibility-grid .container .possibility { height: 334.5px; } } .possibility-grid .container .possibility:nth-child(1) { border: 1px solid #262626; color: #262626; padding: 15px; } .possibility-grid .container .possibility:nth-child(1) h2 { margin-bottom: 0; } .possibility-grid .container .possibility .inner { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 15px; background-color: rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease-in-out; } .possibility-grid .container .possibility .inner h3 { font-weight: 600; } .possibility-grid .container .possibility .inner .button { align-self: center; height: 32px; opacity: 1; padding: 8px 15px; } @media (hover: hover) { .possibility-grid .container .possibility .inner .button { height: 0; opacity: 0; padding: 0; } .possibility-grid .container .possibility:hover .inner { background-color: rgba(0, 162, 132, 0.9); } .possibility-grid .container .possibility:hover .inner .button { height: 32px; opacity: 1; padding: 8px 15px; } } .twocolumns { background-color: #00a284; } .twocolumns .container .row { padding: 30px 0; } @media (min-width: 768px) { .twocolumns .container .row { display: flex; flex-direction: row; justify-content: center; } } @media (min-width: 768px) { .twocolumns .container .row { padding: 60px 30px; } } .twocolumns .container .row .col { color: #fff; } @media (min-width: 768px) { .twocolumns .container .row .col { flex: 0 0 50%; max-width: 50%; } } .twocolumns .container .row .col.text { margin-bottom: 15px; } @media (min-width: 1440px) { .twocolumns .container .row .col.text { padding-right: 50px; } } @media (min-width: 768px) { .twocolumns .container .row .col.text { margin-bottom: 0; } } .twocolumns .container .row .col.usps .inner ul li { font-size: 1.2em; margin-bottom: 5px; background: url("/wp-content/themes/thefullybookers-child/public/img/check-white.svg") no-repeat; background-size: 1.5em; background-position: 0% 4px; padding: 5px 1em 5px 2.7em; } @media (min-width: 768px) { .threecolumns .container .row { padding: 60px 0; } } @media (min-width: 1280px) { .threecolumns .container .row { padding: 60px; } } .threecolumns .container .row.heading { padding-bottom: 0; } .threecolumns .container .row.heading .col { display: flex; flex-direction: row; justify-content: center; } .threecolumns .container .row.heading .col h2 { margin-bottom: 0; } .threecolumns .container .row.items { display: flex; flex-direction: column; align-items: center; } @media (min-width: 1024px) { .threecolumns .container .row.items { flex-direction: row; align-items: flex-start; } } .threecolumns .container .row.items .col { align-items: center; text-align: center; margin-bottom: 30px; max-width: 420px; } @media (min-width: 1024px) { .threecolumns .container .row.items .col { flex: 0 0 33.33333333%; max-width: 33.33333333%; } } @media (min-width: 1280px) { .threecolumns .container .row.items .col { flex-direction: row; align-items: flex-start; text-align: left; } } .threecolumns .container .row.items .col i { font-size: 50px; margin-right: 25px; color: #00a284; } .threecolumns .container .row.items .col img { width: 70px; text-align: center; margin-bottom: 15px; } @media (min-width: 1280px) { .threecolumns .container .row.items .col img { margin: 0 15px 0 0; width: 50px; } } .threecolumns .container .row.items .col:last-of-type { margin-bottom: 0; } @media (min-width: 768px) { .text-quote .container .row { padding: 60px 30px; justify-content: space-between; align-items: center; } } @media (min-width: 1280px) { .text-quote .container .row { padding: 60px; } } .text-quote .container .row .col.text { margin-bottom: 30px; } @media (min-width: 768px) { .text-quote .container .row .col.text { flex: 0 0 58.33333333%; max-width: 58.33333333%; margin-bottom: 0; } } .text-quote .container .row .col.quote { flex-direction: row; justify-content: center; align-items: center; } @media (min-width: 768px) { .text-quote .container .row .col.quote { flex: 0 0 41.66666667%; max-width: 41.66666667%; padding-left: 30px; padding-right: 0; } } @media (min-width: 1024px) { .text-quote .container .row .col.quote { flex: 0 0 33.33333333%; max-width: 33.33333333%; padding-right: 15px; } } .text-quote .container .row .col.quote:before { content: ""; position: absolute; height: 100%; left: 15px; width: 4px; background-color: #00a284; margin-right: 40px; } @media (min-width: 768px) { .text-quote .container .row .col.quote:before { height: 150px; left: 0; } } @media (min-width: 1024px) { .text-quote .container .row .col.quote:before { height: 120px; } } .text-quote .container .row .col.quote q { max-width: 250px; margin-bottom: 0; } @media (min-width: 480px) { .text-quote .container .row .col.quote q { max-width: 330px; } } .team .container .row.heading { padding-bottom: 0; } .team .container .row.heading .col { text-align: center; display: flex; flex-direction: row; justify-content: center; } .team .container .row.heading .col h2 { margin-bottom: 0; } .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: 768px) { .team .container .row.members .col { flex: 0 0 33.33333333%; max-width: 33.33333333%; } } @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: 100%; overflow: hidden; margin-bottom: 15px; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); } @media (min-width: 768px) { .team .container .row.members .col .image { width: 160px; height: 160px; } } @media (min-width: 1024px) { .team .container .row.members .col .image { width: 200px; height: 200px; } } @media (min-width: 1280px) { .team .container .row.members .col .image { width: 230px; height: 230px; } } .team .container .row.members .col .image img { -o-object-fit: cover; object-fit: cover; } .team .container .row.members .col p { margin-bottom: 0; } .team .container .row.members .col p:first-of-type { font-weight: 600; font-size: 1.3em; } .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; } } .featuredcases { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } @media (max-width: 767.98px) { .featuredcases { background-image: none !important; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); } } @media (min-width: 768px) { .featuredcases { background-color: rgba(0, 0, 0, 0.6); background-blend-mode: color; } .featuredcases h2 { color: #fff; } } .featuredcases .container .row:nth-child(1) { padding-bottom: 0; } .featuredcases .container .row:nth-child(1) .col h2 { text-align: center; margin-bottom: 0; } @media (max-width: 767.98px) { .featuredcases .container .row:nth-child(2) { padding-top: 15px; } } @media (max-width: 767.98px) { .featuredcases .container .row:nth-child(2) .col { flex-direction: row; align-items: center; padding: 15px; border-bottom: 1px solid #262626; } } @media (min-width: 768px) { .featuredcases .container .row:nth-child(2) .col { flex: 0 0 25%; max-width: 25%; flex-direction: column; } } .featuredcases .container .row:nth-child(2) .col img { -o-object-fit: cover; object-fit: cover; } @media (max-width: 767.98px) { .featuredcases .container .row:nth-child(2) .col img { width: 40%; height: 100%; } } .featuredcases .container .row:nth-child(2) .col .inner { display: flex; flex-direction: column; width: 100%; padding: 15px; } @media (min-width: 768px) { .featuredcases .container .row:nth-child(2) .col .inner { text-align: center; align-items: center; justify-content: center; background-color: #fff; height: 100%; padding: 10px 15px 25px; margin-bottom: 50px; } } @media (min-width: 1024px) { .featuredcases .container .row:nth-child(2) .col .inner { padding: 25px 25px 35px; } } .featuredcases .container .row:nth-child(2) .col .inner .button { padding: 8px 15px; } @media (min-width: 768px) { .featuredcases .container .row:nth-child(2) .col .inner .button { align-self: center; position: absolute; bottom: 30px; } } @media (min-width: 1024px) { .featuredcases .container .row:nth-child(2) .col .inner .button { padding: 12px 32px; bottom: 24px; } } .featuredcases .container .row:nth-child(3) { padding-top: 0; } .featuredcases .container .row:nth-child(3) .col .button { align-self: center; border-color: #262626; color: #262626; } @media (min-width: 768px) { .featuredcases .container .row:nth-child(3) .col .button { border-color: #fff; color: #fff; } } .featuredblogs { background-color: #00a284; } .featuredblogs .container .row:nth-child(1) .col h2 { color: #fff; text-align: center; margin-bottom: 0; } .featuredblogs .container .row:nth-child(2) { padding: 0; } .featuredblogs .container .row:nth-child(2) .col { margin-bottom: 15px; } @media (min-width: 768px) { .featuredblogs .container .row:nth-child(2) .col { flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; } } @media (min-width: 1024px) { .featuredblogs .container .row:nth-child(2) .col { flex: 0 0 33.33333333%; max-width: 33.33333333%; margin-bottom: 0; } } .featuredblogs .container .row:nth-child(2) .col img { -o-object-fit: cover; object-fit: cover; } .featuredblogs .container .row:nth-child(2) .col .inner { text-align: center; background: #fff; padding: 25px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; } @media (min-width: 768px) { .featuredblogs .container .row:nth-child(2) .col .inner { text-align: left; } } .featuredblogs .container .row:nth-child(2) .col .inner .wrap p:first-of-type { display: flex; flex-direction: column; align-items: center; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .featuredblogs .container .row:nth-child(2) .col .inner .wrap p:first-of-type:after { content: ""; height: 3px; width: 50px; background-color: #00a284; display: block; bottom: 0; margin-top: 15px; } .featuredblogs .container .row:nth-child(2) .col .inner .wrap h3 { font-size: 2.1em; text-transform: inherit; } .featuredblogs .container .row:nth-child(2) .col .inner .button { width: 160px; display: block; margin: 15px auto 0 auto; padding: 8px 15px; text-align: center; } .featuredblogs .container .row:nth-child(2) .col:last-of-type { margin-bottom: 0; } .featuredblogs .container .row:nth-child(3) .col { flex-direction: row; justify-content: center; } .partners-grid { background-color: #00a284; } @media (min-width: 768px) { .partners-grid .container .row { padding: 60px 30px; } } @media (min-width: 1440px) { .partners-grid .container .row { padding: 60px 0; } } .partners-grid .container .row .col { margin-bottom: 15px; } @media (min-width: 768px) { .partners-grid .container .row .col { flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; } } @media (min-width: 1280px) { .partners-grid .container .row .col { flex: 0 0 25%; max-width: 25%; } } .partners-grid .container .row .col:nth-child(1) { flex: 0 0 100%; max-width: 100%; } .partners-grid .container .row .col .inner { background: #fff; border-radius: 5px; padding: 25px 15px; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: space-between; } @media (min-width: 768px) { .partners-grid .container .row .col .inner { height: 100%; } } .partners-grid .container .row .col .inner .wrap { display: flex; flex-direction: column; align-items: center; } .partners-grid .container .row .col .inner .wrap img { height: 70px; width: 100%; -o-object-fit: contain; object-fit: contain; margin-bottom: 15px; } .partners-grid .container .row .col .inner .wrap p { max-width: 850px; } .partners-grid .container .row .col .inner a { display: flex; flex-direction: column; align-items: center; } .partners-grid .container .row .col .inner a:before { content: ""; height: 3px; width: 50px; background-color: #00a284; display: block; top: 0; margin-bottom: 15px; margin-top: 20px; } .partners-grid .container .row .col:last-of-type { margin-bottom: 0; } @media (min-width: 768px) { .partners-grid .container .row .col:nth-last-child(2), .partners-grid .container .row .col:last-child { margin-bottom: 0; } } @media (min-width: 1280px) { .partners-grid .container .row .col:nth-last-child(-n+4) { margin-bottom: 0; } } .contact .container .row { padding: 0; } .contact .container .row .col { padding: 30px 15px; } @media (min-width: 1024px) { .contact .container .row .col { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1280px) { .contact .container .row .col { padding: 50px; } } .contact .container .row .col.location { background-color: #00a284; color: #fff; } .contact .container .row .col.location .address p { margin-bottom: 0; font-size: 1.3em; } .contact .container .row .col.location .address p:first-of-type { font-weight: 500; } .contact .container .row .col.location .phone, .contact .container .row .col.location .mail { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .contact .container .row .col.location .phone img, .contact .container .row .col.location .mail img { width: 20px; } .contact .container .row .col.location .phone a, .contact .container .row .col.location .mail a { font-size: 1.3em; margin-left: 15px; font-weight: 500; } .contact .container .row .col.location .phone a:hover, .contact .container .row .col.location .mail a:hover { text-decoration: underline; } .contact .container .row .col.location .phone { margin-bottom: 15px; margin-top: 20px; } .contact .container .row .col.location .map { display: flex; margin-top: 40px; overflow: hidden; height: 400px; width: 100%; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .contact .container .row .col.location .map img { -o-object-fit: cover; object-fit: cover; height: 100%; } .offertepopup, .brochurepopup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; overflow: scroll; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; } .offertepopup.active, .brochurepopup.active { opacity: 1; pointer-events: inherit; } .offertepopup .overlay, .brochurepopup .overlay { z-index: 0; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } .offertepopup .container, .brochurepopup .container { max-width: 600px; z-index: 2; } .offertepopup .container .row, .brochurepopup .container .row { align-items: center; min-height: 100vh; padding: 5px; } @media (min-width: 768px) { .offertepopup .container .row, .brochurepopup .container .row { padding: 30px 15px; } } .offertepopup .container .row .col, .brochurepopup .container .row .col { background-color: #fff; border-radius: 4px; } .offertepopup .container .row .col .closeoffertepopup, .offertepopup .container .row .col .closebrochurepopup, .brochurepopup .container .row .col .closeoffertepopup, .brochurepopup .container .row .col .closebrochurepopup { right: 10px; top: 9px; position: absolute; color: #fff; display: flex; align-items: center; } .offertepopup .container .row .col .closeoffertepopup img, .offertepopup .container .row .col .closebrochurepopup img, .brochurepopup .container .row .col .closeoffertepopup img, .brochurepopup .container .row .col .closebrochurepopup img { width: 15px; } .offertepopup .container .row .col .gform_wrapper, .brochurepopup .container .row .col .gform_wrapper { margin: 0; } .offertepopup .container .row .col .gform_wrapper form .gform_heading, .brochurepopup .container .row .col .gform_wrapper form .gform_heading { margin-bottom: 0; } .offertepopup .container .row .col .gform_wrapper form .gform_heading .gform_title, .brochurepopup .container .row .col .gform_wrapper form .gform_heading .gform_title { width: calc(100% + 30px); background-color: #00a284; color: #fff; border-top-right-radius: 4px; border-top-left-radius: 4px; padding: 4px 4px 0 4px; margin: 0 -15px 0; text-align: center; font-size: 26px; text-transform: inherit; } .offertepopup .container .row .col .gform_wrapper form .gform_heading .gform_title:after, .brochurepopup .container .row .col .gform_wrapper form .gform_heading .gform_title:after { display: none; } .offertepopup .container .row .col .gform_wrapper form .gform_heading .gform_description, .brochurepopup .container .row .col .gform_wrapper form .gform_heading .gform_description { margin: 15px 0 0 0; } .offertepopup .container .row .col .gform_wrapper form .gform_body .gform_fields, .brochurepopup .container .row .col .gform_wrapper form .gform_body .gform_fields { display: flex; flex-direction: row; flex-wrap: wrap; } .offertepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield, .brochurepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield { width: 100%; } @media (min-width: 768px) { .offertepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield.half, .brochurepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield.half { width: 50%; } } .offertepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .gfield_select, .brochurepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .gfield_select { width: 100%; } .offertepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container, .brochurepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container { margin-top: 0; } .offertepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input:not([type=checkbox]), .offertepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea, .brochurepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input:not([type=checkbox]), .brochurepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea { width: 100%; border: 1px solid lightgrey; border-radius: 4px; outline: none; } .offertepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea, .brochurepopup .container .row .col .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea { height: 5em; min-height: 5em; resize: vertical; } .offertepopup .container .row .col .gform_wrapper form .gform_footer .gform_button, .brochurepopup .container .row .col .gform_wrapper form .gform_footer .gform_button { width: 100%; outline: none; } .offertepopup .container .row .col .gform_confirmation_wrapper, .brochurepopup .container .row .col .gform_confirmation_wrapper { padding: 30px; margin: 0 -15px; border-top: 30px solid #00a284; border-top-right-radius: 4px; border-top-left-radius: 4px; } .offertepopup .container .row .col .gform_confirmation_wrapper h2, .brochurepopup .container .row .col .gform_confirmation_wrapper h2 { margin-bottom: 0; } body img.gform_ajax_spinner { display: none !important; } .mailinglist .container .row { justify-content: center; } .mailinglist .container .row .col { text-align: center; max-width: 380px; } .mailinglist .container .row .col form { display: flex; flex-direction: column; } @media (min-width: 480px) { .mailinglist .container .row .col form { flex-direction: row; } } .mailinglist .container .row .col form input[type=text] { outline: none; border: 1px solid black; border-radius: 3px; padding: 10px; width: 100%; max-width: 250px; margin: 0 auto 10px; text-align: center; } @media (min-width: 480px) { .mailinglist .container .row .col form input[type=text] { text-align: left; margin: 0 10px 0 0; } } .mailinglist .container .row .col form input[type=submit] { font-size: 1.1em; font-weight: 700; line-height: 1em; text-transform: uppercase; align-self: center; outline: none; border: none; } .centered-content .container .row .col { text-align: center; justify-content: center; align-items: center; } .centered-content .container .row .col p { max-width: 400px; } .centered-content .container .row .col .button { align-self: center; } @media (max-width: 767.98px) { .case-overview .container .row:nth-child(1) { padding-top: 0; } } @media (min-width: 768px) { .case-overview .container .row:nth-child(1) { display: flex; flex-direction: row; justify-content: center; padding: 20px 0; } } .case-overview .container .row:nth-child(1) .category-buttons { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; } @media (max-width: 767.98px) { .case-overview .container .row:nth-child(1) .category-buttons { display: none; } } .case-overview .container .row:nth-child(1) .category-buttons .button { border: 1px solid #262626; color: #262626; margin: 10px 5px; } .case-overview .container .row:nth-child(1) .category-buttons .button.active { background-color: #00a284; border: 1px solid #00a284; } .case-overview .container .row:nth-child(1) .category-buttons .button.active span { color: #fff; } .case-overview .container .row:nth-child(1) .menu { background-color: #00a284; width: 100%; position: relative; } @media (min-width: 768px) { .case-overview .container .row:nth-child(1) .menu { display: none; } } .case-overview .container .row:nth-child(1) .menu .wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #242322; padding-left: 15px; } .case-overview .container .row:nth-child(1) .menu .wrap h3 { color: #fff; text-transform: inherit; font-weight: 300; margin-bottom: 0; } .case-overview .container .row:nth-child(1) .menu .wrap h3 span { font-weight: 500; } .case-overview .container .row:nth-child(1) .menu .wrap .image { width: 35px; height: 35px; background-color: #00a284; display: flex; justify-content: center; align-items: center; } .case-overview .container .row:nth-child(1) .menu .wrap .image img { width: 15px; } .case-overview .container .row:nth-child(1) .menu ul { display: none; z-index: 12; width: 100%; position: absolute; background: #00a284; } .case-overview .container .row:nth-child(1) .menu ul.active { display: block; } .case-overview .container .row:nth-child(1) .menu ul li { margin-left: 15px; color: #fff; font-size: 14px; background: url("/wp-content/themes/thefullybookers-child/public/img/arrow-right.svg") no-repeat; background-size: 7px; background-position: 0% 50%; padding: 5px 1em 5px 2.7em; } .case-overview .container .row:nth-child(1) .menu ul li a { text-decoration: underline; } .case-overview .container .row:nth-child(2) { padding-top: 0; padding-bottom: 0; } @media (min-width: 768px) { .case-overview .container .row:nth-child(2) { padding: 0 15px 30px; } } .case-overview .container .row:nth-child(2) .col { margin-bottom: 40px; } .case-overview .container .row:nth-child(2) .col:nth-child(n+5) { display: none; } @media (min-width: 768px) { .case-overview .container .row:nth-child(2) .col { flex: 0 0 50%; max-width: 50%; } .case-overview .container .row:nth-child(2) .col:nth-child(n+5) { display: flex; } .case-overview .container .row:nth-child(2) .col:nth-child(n+7) { display: none; } } @media (min-width: 1024px) { .case-overview .container .row:nth-child(2) .col { padding: 30px; margin-bottom: 0; } } .case-overview .container .row:nth-child(2) .col img { -o-object-fit: cover; object-fit: cover; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); max-height: 300px; } .case-overview .container .row:nth-child(2) .col .inner { text-align: left; background: #fff; padding: 25px; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 100%; } @media (min-width: 1280px) { .case-overview .container .row:nth-child(2) .col .inner { padding: 40px; } } .case-overview .container .row:nth-child(2) .col .inner h3 { font-size: 2.1em; } .case-overview .container .row:nth-child(2) .col .inner .button { display: block; padding: 8px 15px; text-align: center; } @media (min-width: 768px) { .case-overview .container .row:nth-child(3) { padding: 60px 0; } } .case-overview .container .row:nth-child(3) .col { flex-direction: row; justify-content: center; margin-bottom: 0; } .case-overview .container .row:nth-child(3) .col .button { color: #262626; border: 1px solid #262626; } @media (min-width: 768px) { .blog-overview .container .row { padding: 60px 0 0; } } .blog-overview .container .row:nth-child(1) .col { margin-bottom: 40px; } .blog-overview .container .row:nth-child(1) .col:nth-child(n+5) { display: none; } @media (min-width: 768px) { .blog-overview .container .row:nth-child(1) .col { margin-bottom: 60px; } .blog-overview .container .row:nth-child(1) .col:nth-child(n-2) { flex: 0 0 50%; max-width: 50%; } .blog-overview .container .row:nth-child(1) .col:nth-child(n+3) { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .blog-overview .container .row:nth-child(1) .col:nth-child(n+5) { display: flex; } .blog-overview .container .row:nth-child(1) .col:nth-child(n+9) { display: none; } } .blog-overview .container .row:nth-child(1) .col img { -o-object-fit: cover; object-fit: cover; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); max-height: 300px; } .blog-overview .container .row:nth-child(1) .col .inner { text-align: center; background: #fff; padding: 25px 25px 0; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); display: flex; flex-direction: column; align-items: center; justify-content: space-between; height: 100%; } .blog-overview .container .row:nth-child(1) .col .inner p:first-of-type { display: flex; flex-direction: column; align-items: center; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .blog-overview .container .row:nth-child(1) .col .inner p:first-of-type:after { content: ""; height: 3px; width: 50px; background-color: #00a284; display: block; bottom: 0; margin-top: 15px; } .blog-overview .container .row:nth-child(1) .col .inner h3 { font-size: 2.1em; text-transform: inherit; } .blog-overview .container .row:nth-child(1) .col .inner .button { width: 160px; display: block; margin: 0 auto 0 auto; padding: 8px 15px; text-align: center; transform: translateY(50%); } @media (max-width: 767.98px) { .blog-overview .container .row:nth-child(1) .col:last-of-type { margin-bottom: 15px; } } @media (min-width: 768px) { .blog-overview .container .row:nth-child(2) { padding: 60px 0; } } .blog-overview .container .row:nth-child(2) .col { flex-direction: row; justify-content: center; margin-bottom: 0; } .blog-overview .container .row:nth-child(2) .col .button { color: #262626; border: 1px solid #262626; } @media (min-width: 768px) { .menu { display: flex; flex-direction: row; } } .menu nav { display: none; } @media (min-width: 768px) { .menu nav { display: flex; } } .menu nav { flex-direction: column; align-items: center; background-color: #00a284; color: #fff; width: 250px; padding: 20px; } @media (min-width: 1280px) { .menu nav { padding: 50px 20px; } } .menu nav .list { position: sticky; top: 80px; width: 100%; } @media (min-width: 768px) { .menu nav .list { display: flex; flex-direction: column; } } .menu nav .list a { padding: 0 15px; border-radius: 4px; transition: all 0.15s ease-in-out; } .menu nav .list a:hover { background-color: #242322; color: #fff; } @media (min-width: 768px) { .menu .container .row { padding: 15px 0; } } .menu .container .row .col { padding: 0 15px 30px 15px; } .menu .container .row .col.featured { display: flex; flex-direction: column; } @media (min-width: 768px) { .menu .container .row .col.featured { flex-direction: row; justify-content: center; align-items: center; } } .menu .container .row .col.featured .item { display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: cover; background-position: 50% 50%; margin-bottom: 10px; } @media (min-width: 768px) { .menu .container .row .col.featured .item { width: calc((100% - 30px) / 3); margin: 0 10px 0 0; height: 100%; } } .menu .container .row .col.featured .item .inner { background-color: rgba(0, 162, 132, 0.75); padding: 30px 15px; height: 100%; text-align: center; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; } .menu .container .row .col.featured .item .inner h2 { font-size: 1.8em; font-weight: bold; } .menu .container .row .col.featured .item .inner h2:after { content: ""; display: block; width: 50px; height: 2px; margin: 10px auto 0; background-color: #fff; } .menu .container .row .col.featured .item .inner p { text-transform: uppercase; font-size: 0.9em; } .menu .container .row .col.featured .item .inner p span { text-transform: capitalize; font-weight: bold; font-size: 1.2em; } @media (max-width: 1023.98px) { .menu .container .row .col:nth-child(1) { padding-top: 15px; } .menu .container .row .col:nth-child(1) img.image { display: none; } } @media (min-width: 768px) { .menu .container .row .col { padding: 30px; -moz-columns: 2; columns: 2; } } @media (min-width: 1024px) { .menu .container .row .col { padding: 30px 50px 30px 30px; -moz-columns: 2; columns: 2; } } @media (min-width: 1280px) { .menu .container .row .col { padding: 30px 60px 30px 30px; -moz-columns: 2; columns: 2; } } .menu .container .row .col .image { width: calc(100% + 30px); height: 20vw; -o-object-fit: cover; object-fit: cover; margin: 0 -15px 30px; } @media (min-width: 768px) { .menu .container .row .col .image { position: absolute; right: 45px; top: 26px; width: 120px; height: 120px; border-radius: 300px; } } @media (min-width: 1024px) { .menu .container .row .col .image { right: 50px; top: 11px; width: 150px; height: 150px; } } .menu .container .row .col .head { padding: 15px 0 15px 30px; border-left: 2px solid #262626; margin-bottom: 5px; } @media (min-width: 768px) { .menu .container .row .col .head { margin-bottom: 30px; } } .menu .container .row .col .head h4 { margin-bottom: 0; } @media (min-width: 1024px) { .menu .container .row .col .items { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 -15px; } } .menu .container .row .col .items .item { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #262626; padding: 10px 0; } @media (min-width: 1024px) { .menu .container .row .col .items .item { width: calc(50% - 30px); margin: 0 15px; } } .menu .container .row .col .items .item p { margin: 0 20px 0 0; } .menu .container .row .col .items .item p .leaf { display: inline-block; width: 16px; margin-left: 6px; position: relative; top: 2px; } .menu .container .row .col .items .item .price { font-weight: 600; } .menucard-snippet { position: relative; } @media (min-width: 768px) { .menucard-snippet { padding: 0; max-width: none; box-shadow: 2px 2px 10px 4px rgba(38, 38, 38, 0.6); } } @media (max-width: 767.98px) { .menucard-snippet { text-align: center; margin-bottom: 20px; } } .menucard-snippet h2 { margin-bottom: 40px; } @media (min-width: 768px) { .menucard-snippet h2 { z-index: 2; color: #fff; position: absolute; top: 60px; left: 50%; transform: translate(-50%, 0); } .menucard-snippet h2:before, .menucard-snippet h2:after { background-color: #fff; } } .menucard-snippet .menucard-holder { display: flex; flex-wrap: wrap; } @media (max-width: 767.98px) { .menucard-snippet .menucard-holder { justify-content: space-between; } } .menucard-snippet .menucard-holder > * { flex: 1; } @media (max-width: 767.98px) { .menucard-snippet .menucard-holder > * { flex: 0 calc(50vw - 25px); } } .menucard-snippet .menucard-holder .menucard { height: 33.33vw; max-height: 550px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.15s ease-in-out; } @media (max-width: 1279.98px) { .menucard-snippet .menucard-holder .menucard { min-height: 350px; } } @media (max-width: 767.98px) { .menucard-snippet .menucard-holder .menucard { display: flex; min-height: auto; align-items: center; justify-content: center; width: calc(50vw - 25px); height: calc(50vw - 25px); } .menucard-snippet .menucard-holder .menucard:nth-child(3), .menucard-snippet .menucard-holder .menucard:nth-child(4) { margin-top: 20px; } } .menucard-snippet .menucard-holder .menucard:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(38, 38, 38, 0.6); transition: all 0.15s ease-in-out; } .menucard-snippet .menucard-holder .menucard:after { z-index: 1; content: ""; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #00a284; opacity: 0; transition: all 0.15s ease-in-out; } .menucard-snippet .menucard-holder .menucard:hover:before { background-color: transparent; } .menucard-snippet .menucard-holder .menucard:hover:after { opacity: 1; } @media (min-width: 768px) { .menucard-snippet .menucard-holder .menucard:nth-child(even) .title { background-color: #a78f54; } } .menucard-snippet .menucard-holder .menucard .title { z-index: 2; } @media (min-width: 768px) { .menucard-snippet .menucard-holder .menucard .title { position: absolute; bottom: 50px; left: 0; right: 0; padding: 8px 5px; text-align: center; background-color: #00a284; } } .menucard-snippet .menucard-holder .menucard .title h3 { color: #fff; font-size: 40px; margin-bottom: 0; } @media (max-width: 479.98px) { .menucard-snippet .menucard-holder .menucard .title h3 { font-size: 30px; } } .group-snippet { text-align: center; position: relative; overflow: hidden; } @media (min-width: 768px) { .group-snippet { padding: 0 60px; } } .group-snippet h2 { margin-bottom: 40px; } .group-snippet .group-holder { margin: 0 -5px; } @media (max-width: 767.98px) { .group-snippet .group-holder { width: 150%; } } .group-snippet .group-holder .group-item { margin: 5px; height: calc(33vw - 50px); max-height: 410px; display: flex; align-items: center; justify-content: center; position: relative; outline: none; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.15s ease-in-out; } .group-snippet .group-holder .group-item:before, .group-snippet .group-holder .group-item:after { z-index: 1; content: ""; position: absolute; width: 0; height: 0; } @media (max-width: 767.98px) { .group-snippet .group-holder .group-item { height: calc(50vw + 90px); } } .group-snippet .group-holder .group-item:hover .cover { opacity: 0; } .group-snippet .group-holder .group-item .cover { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.6; background-color: #262626; transition: all 0.15s ease-in-out; } .group-snippet .group-holder .group-item .title { z-index: 2; } .group-snippet .group-holder .group-item .title h3 { color: #fff; font-size: 40px; margin-bottom: -8px; } @media (max-width: 767.98px) { .group-snippet .group-holder .group-item .title h3 { font-size: 45px; } } @media (max-width: 479.98px) { .group-snippet .group-holder .group-item .title h3 { font-size: 35px; } } .group-snippet .group-arrow { opacity: 0.4; font-size: 40px; position: absolute; top: calc(50% + 30px); cursor: pointer; transition: all 0.15s ease-in-out; } @media (max-width: 767.98px) { .group-snippet .group-arrow { display: none; } } .group-snippet .group-arrow:hover { opacity: 1; } .group-snippet .group-arrow.prev { left: 15px; } .group-snippet .group-arrow.next { right: 15px; } .group-snippet ul.slick-dots { width: 100vw; margin-top: 30px; position: relative; } .group-snippet ul.slick-dots li { width: 12px; height: 12px; margin: 0 5px; } .group-snippet ul.slick-dots li button { height: 12px; width: 12px; background: #262626; border-radius: 50%; transition: all 0.15s ease-in-out; } .group-snippet ul.slick-dots li button:before, .group-snippet ul.slick-dots li button:after { display: none; } .group-snippet ul.slick-dots li.slick-active button, .group-snippet ul.slick-dots li:hover button { background: #00a284; } .impression-snippet { text-align: center; position: relative; overflow: hidden; } @media (min-width: 768px) { .impression-snippet { padding: 0 60px; } } .impression-snippet h2 { margin-bottom: 40px; } .impression-snippet .impression-holder { display: flex; flex-wrap: wrap; position: relative; margin: 0 -5px; justify-content: space-between; } .impression-snippet .impression-holder a.instagram-follow { top: 50%; left: 50%; width: 80px; height: 80px; z-index: 2; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; color: #6d6e69; transform: translate(-50%, -50%); } .impression-snippet .impression-holder a.instagram-follow .inner { z-index: 1; position: relative; } .impression-snippet .impression-holder a.instagram-follow .inner i { display: block; font-size: 26px; } .impression-snippet .impression-holder a.instagram-follow .inner span { display: block; font-size: 20px; font-weight: bold; font-family: "new-atten", sans-serif; } .impression-snippet .impression-holder a.instagram-follow:after { content: ""; width: 80px; height: 80px; left: 0; position: absolute; background-color: #fff; transform: rotate(45deg); } .impression-snippet .impression-holder > * { flex: 1 0 calc(25% - 10px); } @media (max-width: 767.98px) { .impression-snippet .impression-holder > * { flex: 1 0 calc(50% - 10px); } .impression-snippet .impression-holder > *:nth-child(5), .impression-snippet .impression-holder > *:nth-child(6), .impression-snippet .impression-holder > *:nth-child(7), .impression-snippet .impression-holder > *:nth-child(8) { display: none; } } .impression-snippet .impression-holder .impression { margin: 5px; max-height: 280px; position: relative; overflow: hidden; height: calc(25vw - 40px); background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 1439.98px) { .impression-snippet .impression-holder .impression { max-height: 240px; } } @media (max-width: 767.98px) { .impression-snippet .impression-holder .impression { height: calc(50vw - 20px); max-height: none; } } .impression-snippet .impression-holder .impression:hover .caption { opacity: 1; } .impression-snippet .impression-holder .impression .video-cover { top: 0; left: 50%; right: 0; bottom: 0; position: absolute; overflow: hidden; min-width: 100%; min-height: 100%; height: calc(25vw - 40px); transform: translate(-50%, 0); } .impression-snippet .impression-holder .impression .caption { top: 0; left: 0; right: 0; bottom: 0; opacity: 0; color: #fff; padding: 35px; display: flex; font-size: 24px; text-align: center; position: absolute; align-items: center; justify-content: center; background-color: #262626; transition: all 0.15s ease-in-out; } @media (max-width: 767.98px) { .impression-snippet .impression-holder .impression .caption { font-size: 20px; } } .impression-snippet .impression-holder .impression .caption i { font-size: 35px; color: #00a284; } .impression-snippet .impression-holder .impression .caption p { display: block; margin: 15px 0; line-height: 1; font-family: "new-atten", sans-serif; } @media (max-width: 767.98px) { .impression-snippet .impression-holder .impression .caption p { margin: 8px 0; } } .impression-snippet .impression-holder .impression .caption .button { color: #fff; font-size: 26px; padding: 4px 35px 0 35px; background-color: transparent; } @media (max-width: 767.98px) { .impression-snippet .impression-holder .impression .caption .button { font-size: 20px; } } .impression-snippet .impression-holder .impression .caption .button:after { z-index: 0; border-color: #00a284; background-color: transparent; } .impression-snippet .impression-holder .impression .caption .button:hover { background-color: #00a284; } .pagehero { background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: 600px; } .pagehero.has-video { height: 75vh !important; } @media (max-width: 767.98px) { .pagehero.has-video { height: 300px !important; } } @media (min-width: 768px) { .pagehero { margin-bottom: 40px; } } @media (max-width: 1023.98px) { .pagehero { height: 400px; } } .pagehero.is-coming-soon { width: 100vw; position: relative; height: calc(100vh + 80px) !important; } .pagehero.is-coming-soon:before { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(38, 38, 38, 0.5); } .pagehero.is-coming-soon .slider { max-width: 100vw !important; background: transparent !important; } .pagehero.is-coming-soon .slider .slick-track { width: 100vw !important; } .pagehero.is-coming-soon .slider .slick-track h1 { color: #fff; font-size: 150px; letter-spacing: 5px; } .pagehero.is-coming-soon .slider .slick-track h1:before, .pagehero.is-coming-soon .slider .slick-track h1:after { display: none; } @media (max-width: 767.98px) { .pagehero.is-coming-soon .slider .slick-track h1 { font-size: 100px; } } .pagehero .container .slider-wrap { display: flex; justify-content: center; height: 600px; } @media (max-width: 1023.98px) { .pagehero .container .slider-wrap { height: 400px; } } .pagehero .container .slider-wrap .slider { opacity: 0; background-color: rgba(38, 38, 38, 0.8); width: 100%; max-width: 500px; height: auto; align-self: center; transition-delay: 0.2s; transition: all 0.15s ease-in-out; clip-path: polygon(0 0, 90% 0, 100% 20%, 100% 100%, 100% 100%, 10% 100%, 0 80%, 0 0); } @media (max-width: 479.98px) { .pagehero .container .slider-wrap .slider { clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 100% 100%, 15% 100%, 0 85%, 0 0); } } .pagehero .container .slider-wrap .slider.slick-initialized { opacity: 1; } .pagehero .container .slider-wrap .slider .slide { color: #fff; text-align: center; position: relative; padding: 25px 20px; } .pagehero .container .slider-wrap .slider .slide h2 { font-size: 40px; color: #fff; } @media (max-width: 1023.98px) { .pagehero .container .slider-wrap .slider .slide h2 { font-size: 32px; } } .pagehero .container .slider-wrap .slider .slide h2:before, .pagehero .container .slider-wrap .slider .slide h2:after { display: none; } .pagehero .container .slider-wrap .slider .slide span { color: #00a284; padding-left: 15px; } .pagehero .container .slider-wrap .slider .slide p { font-size: 15px; font-style: italic; } .pagehero .container .slider-wrap ul.slick-dots { margin: 0; position: relative; } .pagehero .container .slider-wrap ul.slick-dots li button { height: 12px; width: 12px; background: #fff; border-radius: 50%; transition: all 0.15s ease-in-out; } .pagehero .container .slider-wrap ul.slick-dots li button:before, .pagehero .container .slider-wrap ul.slick-dots li button:after { display: none; } .pagehero .container .slider-wrap ul.slick-dots li.slick-active button, .pagehero .container .slider-wrap ul.slick-dots li:hover button { background: #00a284; } .pagehero-detail { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; height: 440px; box-shadow: 2px 2px 10px 4px rgba(38, 38, 38, 0.6); } .pagehero-detail.is-room { height: 300px; } .pagehero-detail.is-room .detail-wrap { margin: 0 auto; max-width: 460px; height: 300px !important; } .pagehero-detail.is-room .detail-wrap .detail-text { font-weight: 500; text-align: center; } .pagehero-detail.is-room .detail-wrap .detail-text h1 { font-size: 60px !important; } .pagehero-detail.is-room .detail-wrap .detail-text p { margin: 0 30px; font-size: 16px; } .pagehero-detail:before { content: ""; top: 0; right: 0; bottom: 0; left: 0; position: absolute; background-color: rgba(38, 38, 38, 0.4); } .pagehero-detail .container .detail-wrap { z-index: 1; height: 440px; display: flex; position: relative; flex-direction: column; justify-content: center; } .pagehero-detail .container .detail-wrap .detail-text { text-align: center; align-self: center; } .pagehero-detail .container .detail-wrap .detail-text.white { color: #fff; } .pagehero-detail .container .detail-wrap .detail-text h1 { color: #fff; font-size: 60px; } @media (max-width: 1023.98px) { .pagehero-detail .container .detail-wrap .detail-text h1 { font-size: 35px; } } .pagehero-detail .container .detail-wrap .detail-text h1:before, .pagehero-detail .container .detail-wrap .detail-text h1:after { background-color: #fff; } .pagehero-detail .container .detail-wrap .detail-text .regular-content p { color: #fff; font-weight: 500; } .pagehero-detail .container .detail-wrap .quote { width: 100%; color: #fff; margin-top: 30px; max-width: 500px; text-align: center; position: relative; align-self: center; padding: 25px 20px; background-color: rgba(38, 38, 38, 0.8); clip-path: polygon(0 0, 90% 0, 100% 20%, 100% 100%, 100% 100%, 10% 100%, 0 80%, 0 0); } @media (max-width: 479.98px) { .pagehero-detail .container .detail-wrap .quote { clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 100% 100%, 15% 100%, 0 85%, 0 0); } } .pagehero-detail .container .detail-wrap .quote p { font-size: 15px; font-style: italic; margin-bottom: 5px; } .pagehero-detail .container .detail-wrap .quote span { font-size: 15px; font-weight: bold; color: #00a284; } .cta-section { padding-bottom: 0; } .cta-section .cta { z-index: 1; position: relative; background-color: #00a284; } .cta-section .cta:before { z-index: -1; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-shadow: inset 0 -5px 10px 1px rgba(38, 38, 38, 0.4); } .cta-section .cta .cta-holder { display: flex; align-items: center; justify-content: center; padding: 30px 0; } @media (max-width: 767.98px) { .cta-section .cta .cta-holder { flex-direction: column; } } .cta-section .cta .cta-holder .content { text-align: right; } @media (min-width: 768px) { .cta-section .cta .cta-holder .content { margin-right: 30px; padding-right: 30px; border-right: 1px solid #262626; } } @media (max-width: 1023.98px) { .cta-section .cta .cta-holder .content { padding: 0 20px 20px 0; max-width: 340px; width: 100%; } } .cta-section .cta .cta-holder .content span { display: block; line-height: 1; font-family: "new-atten", sans-serif; } .cta-section .cta .cta-holder .content span:first-child { font-style: italic; font-size: 24px; margin-bottom: 5px; } @media (max-width: 1023.98px) { .cta-section .cta .cta-holder .content span:first-child { text-align: left; font-size: 26px; } } .cta-section .cta .cta-holder .content span:last-child { font-weight: bold; font-size: 40px; } @media (max-width: 767.98px) { .cta-section .cta .cta-holder .content span:last-child { font-size: 32px; } } .cta-section .cta .cta-holder .button-holder .button { color: #fff; line-height: 1.2; border-color: #fff; padding: 7px 35px 0 35px; } .cta-section .cta .cta-holder .button-holder .button:after { background-color: transparent; } .cta-section .cta .cta-holder .button-holder .button:hover { color: #262626; background-color: #fff; } .cta-section .cta .cta-holder .button-holder .button:hover:after { background-color: #262626; } .newsletter-snippet { padding: 80px 0; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 5px 5px 10px 5px rgba(38, 38, 38, 0.8); } .newsletter-snippet .newsletter-holder { margin: 0 auto; max-width: 600px; padding: 40px 20px; text-align: center; background-color: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .newsletter-snippet .newsletter-holder .inner { margin: 0 auto; max-width: 460px; } .newsletter-snippet .newsletter-holder h2 { margin-bottom: 5px; } .newsletter-snippet .newsletter-holder p { font-size: 26px; font-weight: bold; font-family: "new-atten", sans-serif; } .newsletter-snippet .newsletter-holder form input { width: calc(50% - 20px); display: inline-block; } @media (max-width: 767.98px) { .newsletter-snippet .newsletter-holder form input { width: 100%; } .newsletter-snippet .newsletter-holder form input:not(:last-child) { margin-bottom: 10px; } } .newsletter-snippet .newsletter-holder form button { margin: 10px 6px 0 0; width: calc(100% - 40px); border: none; } @media (max-width: 767.98px) { .newsletter-snippet .newsletter-holder form button { margin: 10px 5px 15px 0; width: calc(100% - 5px); } } .newsletter-snippet .newsletter-holder .newsletter-form-holder .gform_title { display: none; } .newsletter-snippet .newsletter-holder .newsletter-form-holder .gform_submission_error:after { display: none; } .newsletter-snippet .newsletter-holder .newsletter-form-holder .gform_submission_error .gform-icon { left: -30px; } .newsletter-snippet .newsletter-holder .newsletter-form-holder .gform_footer button { width: 100% !important; } .events-snippet { text-align: center; position: relative; overflow: hidden; padding: 60px 0; } @media (max-width: 1023.98px) { .events-snippet { padding: 40px 0; } } .events-snippet .overlay { top: 0; right: 0; left: 0; bottom: 0; position: absolute; background-repeat: repeat; background-position: center; background-size: 80px; opacity: 0.2; box-shadow: inset 0 5px 10px 1px #262626; } .events-snippet h2 { margin-bottom: 40px; } @media (max-width: 767.98px) { .events-snippet h2 { margin-bottom: 20px; } } .events-snippet .events-container { position: relative; } @media (min-width: 768px) { .events-snippet .events-container { padding: 0 60px; } } .events-snippet .events-holder { margin: -6px -50px 0 -50px; position: relative; } @media (max-width: 1439.98px) { .events-snippet .events-holder { margin: -6px -20px 0 -20px; } } @media (max-width: 1279.98px) { .events-snippet .events-holder { padding: 0; } } @media (max-width: 1023.98px) { .events-snippet .events-holder { margin: 0; } } @media (max-width: 767.98px) { .events-snippet .events-holder { margin: 0 -15px; } } .events-snippet .events-holder.is-default .event { margin: 68px 50px 25px 50px; } @media (max-width: 1439.98px) { .events-snippet .events-holder.is-default .event { margin: 66px 20px 20px 20px; } } @media (max-width: 767.98px) { .events-snippet .events-holder.is-default .event { margin: 0 45px 30px 45px; } } .events-snippet .events-holder .event-months-swiper { position: relative; } .events-snippet .events-holder .event-months-swiper .swiper-pagination { top: 25px; left: 50%; width: 150px; transform: translateX(-50%); } .events-snippet .events-holder .event-months-swiper .swiper-pagination .swiper-button-next, .events-snippet .events-holder .event-months-swiper .swiper-pagination .swiper-button-prev { width: 40px; height: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #fff; box-shadow: 0 3px 6px #212121; } .events-snippet .events-holder .event-months-swiper .swiper-pagination .swiper-button-next:after, .events-snippet .events-holder .event-months-swiper .swiper-pagination .swiper-button-prev:after { color: #000; font-size: 14px; font-weight: bold; padding-top: 3px; font-family: "Font Awesome 5 Pro"; } .events-snippet .events-holder .event-months-swiper .swiper-pagination .swiper-button-next:after { content: "\f061"; } .events-snippet .events-holder .event-months-swiper .swiper-pagination .swiper-button-prev:after { content: "\f060"; } .events-snippet .events-holder .event-month-holder { padding-top: 100px; margin-bottom: -50px; padding-bottom: 50px; } .events-snippet .events-holder .event-month-holder .month-title { margin-bottom: 50px; } .events-snippet .events-holder .event-month-holder .events-month-wrapper { gap: 25px; display: flex; flex-wrap: wrap; justify-content: center; } .events-snippet .events-holder .event-month-holder .events-month-wrapper > div { width: calc(33.3333% - 50px); flex: 1 0 calc(33.3333% - 50px); max-width: calc(33.3333% - 50px); } @media (max-width: 1023.98px) { .events-snippet .events-holder .event-month-holder .events-month-wrapper > div { width: calc(100% - 50px); flex: 1 0 calc(100% - 50px); max-width: calc(100% - 50px); margin-left: 25px; } } @media (max-width: 767.98px) { .events-snippet .events-holder .event-month-holder .events-month-wrapper > div { margin-left: 0; } } .events-snippet .events-holder .event { top: 0; width: 100%; outline: none; display: block; position: relative; color: #6d6e69; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #fff; transition: all 0.15s ease-in-out; } .events-snippet .events-holder .event.extra-space { margin-top: 60px; } @media (min-width: 768px) { .events-snippet .events-holder .event:hover { top: -8px; } } .events-snippet .events-holder .event .date { top: -40px; left: 50%; width: 80px; height: 80px; z-index: 2; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; color: #6d6e69; transform: translateX(-50%); } @media (max-width: 767.98px) { .events-snippet .events-holder .event .date { display: none; } } .events-snippet .events-holder .event .date .inner { z-index: 1; position: relative; } .events-snippet .events-holder .event .date .inner span { z-index: 2; display: block; text-align: center; position: relative; line-height: 1; font-weight: bold; font-family: "new-atten", sans-serif; } .events-snippet .events-holder .event .date .inner span:first-child { font-size: 30px; } .events-snippet .events-holder .event .date:after { content: ""; width: 80px; height: 80px; left: 0; position: absolute; background-color: #fff; transform: rotate(45deg); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.45); } .events-snippet .events-holder .event .image { position: relative; max-height: none; height: auto; padding-bottom: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 767.98px) { .events-snippet .events-holder .event .image { height: auto; padding-bottom: 80%; } } .events-snippet .events-holder .event .image:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(38, 38, 38, 0.2); } .events-snippet .events-holder .event .image:after { z-index: 1; content: ""; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #00a284; transition: all 0.15s ease-in-out; } .events-snippet .events-holder .event .content { padding: 20px; text-align: center; position: relative; z-index: 1; } @media (min-width: 768px) and (max-width: 1279.98px) { .events-snippet .events-holder .event .content { padding: 15px; } } @media (max-width: 767.98px) { .events-snippet .events-holder .event .content { padding: 10px; } } .events-snippet .events-holder .event .content .inner > div { min-height: 123px; } .events-snippet .events-holder .event .content h3 { font-size: 32px; line-height: 1; margin: 10px 0; } @media (max-width: 1023.98px) { .events-snippet .events-holder .event .content h3 { margin: 5px 0; } } .events-snippet .events-holder .event .content .button { line-height: 1.2; font-size: 26px; color: #262626; margin-top: 10px; padding: 7px 35px 0 35px; } .events-snippet .events-holder .event .content span:not(.button) { display: none; font-size: 24px; line-height: 1.4; font-family: "new-atten", sans-serif; } @media (max-width: 1023.98px) { .events-snippet .events-holder .event .content span:not(.button) { display: block; } } @media (max-width: 479.98px) { .events-snippet .events-holder .event .content span:not(.button) { line-height: 1; font-size: 20px; } } .events-snippet .events-holder .event .content span.full-date { color: #7e7e7e; } .events-snippet .events-holder .event .content span.read-more { font-weight: bold; font-style: italic; color: #00a284; } .events-snippet .slick-track { display: flex !important; } .events-snippet .slick-slide { height: inherit !important; display: flex; align-items: stretch; } .events-snippet .event-arrow { opacity: 0.4; font-size: 40px; position: absolute; top: calc(50% + 30px); cursor: pointer; transition: all 0.15s ease-in-out; } @media (max-width: 767.98px) { .events-snippet .event-arrow { opacity: 0.8; } } .events-snippet .event-arrow:hover { opacity: 1; } .events-snippet .event-arrow.prev { left: 15px; } @media (max-width: 767.98px) { .events-snippet .event-arrow.prev { left: -5px; } } .events-snippet .event-arrow.next { right: 15px; } @media (max-width: 767.98px) { .events-snippet .event-arrow.next { right: -5px; } } .events-snippet ul.slick-dots { width: 100vw; margin-top: 30px; position: relative; } @media (max-width: 1023.98px) { .events-snippet ul.slick-dots { margin-top: 0; } } .events-snippet ul.slick-dots li { width: 12px; height: 12px; margin: 0 5px; } .events-snippet ul.slick-dots li:only-child { display: none; } .events-snippet ul.slick-dots li button { height: 12px; width: 12px; background: #262626; border-radius: 50%; transition: all 0.15s ease-in-out; } .events-snippet ul.slick-dots li button:before, .events-snippet ul.slick-dots li button:after { display: none; } .events-snippet ul.slick-dots li.slick-active button, .events-snippet ul.slick-dots li:hover button { background: #00a284; } .contact-snippet { position: relative; overflow: hidden; } .contact-snippet:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; display: inline-block; width: calc((100vw - 1110px) / 2); background-color: #00a284; } @media (max-width: 1279.98px) { .contact-snippet:after { width: calc((100vw - 600px) / 2); } } @media (max-width: 767.98px) { .contact-snippet:after { display: none; } } .contact-snippet .overlay { top: 0; right: -10px; left: -10px; bottom: 0; position: absolute; background-repeat: repeat; background-position: center; background-size: 80px; opacity: 0.2; box-shadow: inset 0 5px 10px 1px #262626; } .contact-snippet .contact-holder { z-index: 2; display: flex; justify-content: space-between; position: relative; } @media (max-width: 767.98px) { .contact-snippet .contact-holder { flex-direction: column; } } .contact-snippet .contact-holder .contact-form { padding: 80px 40px 80px 0; } @media (min-width: 768px) { .contact-snippet .contact-holder .contact-form { width: calc(100% - 350px); } } @media (min-width: 768px) and (max-width: 1023.98px) { .contact-snippet .contact-holder .contact-form { padding: 40px 15px 40px 0; } } @media (max-width: 767.98px) { .contact-snippet .contact-holder .contact-form { padding: 40px 0; text-align: center; } } .contact-snippet .contact-holder .contact-form h2:before, .contact-snippet .contact-holder .contact-form h2:after { display: none; } .contact-snippet .contact-holder .contact-form p { text-align: left; } .contact-snippet .contact-holder .contact-form form .input-holder { display: flex; justify-content: space-between; } @media (max-width: 1023.98px) { .contact-snippet .contact-holder .contact-form form .input-holder { flex-direction: column; } } .contact-snippet .contact-holder .contact-form form input { width: calc(33.333% - 10px); display: inline-block; border-color: #00a284; } @media (max-width: 1023.98px) { .contact-snippet .contact-holder .contact-form form input { width: 100%; } .contact-snippet .contact-holder .contact-form form input:not(:last-child) { margin-bottom: 10px; } } .contact-snippet .contact-holder .contact-form form textarea { width: 100%; resize: none; display: block; margin: 20px 0; min-height: 200px; border-color: #00a284; } .contact-snippet .contact-holder .contact-form form .button-holder, .contact-snippet .contact-holder .contact-form form .gform_footer { text-align: right; margin-right: 5px; } @media (min-width: 768px) { .contact-snippet .contact-holder .contact-form form .button-holder, .contact-snippet .contact-holder .contact-form form .gform_footer { padding-right: 20px; } } .contact-snippet .contact-holder .contact-form form button { border: none !important; } .contact-snippet .contact-holder .contact-details { width: 350px; z-index: 2; position: relative; padding: 80px 0 80px 40px; background-color: #00a284; } @media (max-width: 767.98px) { .contact-snippet .contact-holder .contact-details { width: 100%; padding: 40px 0; text-align: center; } .contact-snippet .contact-holder .contact-details:before, .contact-snippet .contact-holder .contact-details:after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 1; display: inline-block; width: 25px; background-color: #00a284; } .contact-snippet .contact-holder .contact-details:before { left: -20px; } .contact-snippet .contact-holder .contact-details:after { right: -20px; } } .contact-snippet .contact-holder .contact-details h4 { color: #fff; line-height: 1; margin-bottom: 10px; } .contact-snippet .contact-holder .contact-details p, .contact-snippet .contact-holder .contact-details a { font-size: 20px; font-family: "new-atten", sans-serif; color: #fff; } .contact-snippet .contact-holder .contact-details ul { margin: 0 0 30px 26px; } .contact-snippet .contact-holder .contact-details ul li { color: #fff; display: flex; align-items: center; } @media (max-width: 767.98px) { .contact-snippet .contact-holder .contact-details ul li { left: -10px; } .contact-snippet .contact-holder .contact-details ul li .fa-li { left: 0; position: relative; color: #fff; } } .contact-snippet .contact-holder .contact-details a { color: inherit; } .contact-snippet .contact-holder .contact-details .button { color: #fff; font-size: 22px; line-height: 1.2; border-color: #fff; padding: 4px 15px 0 15px; } .contact-snippet .contact-holder .contact-details .button:after { background-color: transparent; } .contact-snippet .contact-holder .contact-details .button:hover { color: #262626; background-color: #fff; } .contact-snippet .contact-holder .contact-details .button:hover:after { background-color: #262626; } .contact-snippet .contact-holder .contact-details .opening-times-contact { margin-bottom: 30px; } .contact-snippet .contact-holder .contact-details .opening-times-contact .opening-time { gap: 30px; display: flex; flex-wrap: wrap; justify-content: space-between; } @media (max-width: 767.98px) { .contact-snippet .contact-holder .contact-details .opening-times-contact .opening-time { margin: 0 auto; max-width: 235px; justify-content: center; } } .contact-snippet .contact-holder .contact-details .opening-times-contact .opening-time .day { width: 100px; flex: 1 0 100px; max-width: 100px; } @media (max-width: 767.98px) { .contact-snippet .contact-holder .contact-details .opening-times-contact .opening-time .day p { text-align: right; } } .contact-snippet .contact-holder .contact-details .opening-times-contact .opening-time .time { width: calc(100% - 130px); flex: 1 0 calc(100% - 130px); max-width: calc(100% - 130px); } @media (max-width: 767.98px) { .contact-snippet .contact-holder .contact-details .opening-times-contact .opening-time .time p { text-align: left; } } .contact-snippet .contact-map { z-index: 2; position: relative; background-size: cover; background-repeat: repeat; background-position: center; box-shadow: 2px 2px 10px 4px rgba(38, 38, 38, 0.6); } .contact-snippet .contact-map.desktop { height: 450px; } @media (max-width: 767.98px) { .contact-snippet .contact-map.desktop { display: none; } } .contact-snippet .contact-map.mobile { height: 550px; } @media (min-width: 768px) { .contact-snippet .contact-map.mobile { display: none; } } @media (max-width: 479.98px) { .contact-snippet .contact-map.mobile { height: 400px; } } .content-image { display: flex; align-items: center; justify-content: space-between; } @media (min-width: 768px) { .content-image { margin: 40px 0; } } @media (max-width: 1023.98px) { .content-image { flex-direction: column; } } .content-image.image-left .content { padding: 20px 0; } @media (min-width: 1024px) { .content-image.image-left .content { order: 2; padding-left: 20px; } .content-image.image-left .content:after { transform: rotate(90deg); right: unset; left: -80px; } } @media (min-width: 1024px) { .content-image.image-left .image { order: 1; padding-right: 20px; } } .content-image > * { flex: 1; } .content-image .content { position: relative; padding: 20px 0; } @media (min-width: 1024px) { .content-image .content { padding-right: 20px; } .content-image .content:after { content: ""; background: url("/wp-content/themes/thefullybookers-child/public/img/triangle.svg") no-repeat; background-size: 275px; display: block; position: absolute; top: calc(50% - 20px); z-index: 2; width: 80px; height: 40px; transform: rotate(-90deg); right: -80px; display: none; } } .content-image .content h2 { margin-bottom: 40px; } .content-image .content p { text-align: left; } .content-image .content ul li { text-align: left; position: relative; padding-left: 30px; } .content-image .content ul li:before { position: absolute; left: 1px; top: 0; font-size: 18px; content: "\f00c"; font-family: "Font Awesome 5 Pro"; color: #00a284; font-weight: bold; display: inline-block; } .content-image .content .buttons-holder { margin-top: 20px; text-align: left; } .content-image .content .buttons-holder .button { line-height: 1.2; margin-top: 10px; } @media (max-width: 767.98px) { .content-image .content .buttons-holder .button { font-size: 22px; padding: 10px 15px 0 15px; } } .content-image .content .buttons-holder .button:not(:last-child) { margin-right: 15px; } .content-image .image { width: 100%; } @media (min-width: 1024px) { .content-image .image { padding-left: 20px; } } .content-image .image .inner { position: relative; background-size: cover; min-height: 250px; max-height: 615px; height: 615px; background-repeat: repeat; background-position: center; } @media (max-width: 1439.98px) { .content-image .image .inner { height: 535px; } } @media (max-width: 1279.98px) { .content-image .image .inner { height: 535px; } } @media (max-width: 1023.98px) { .content-image .image .inner { height: calc(50vw - 30px); margin: 0 -15px; } } .column-4 { z-index: 1; padding: 60px 0; background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 2px 2px 10px 4px rgba(38, 38, 38, 0.6); } .column-4 .content-holder { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } @media (min-width: 768px) { .column-4 .content-holder { margin: 0 -10px; } } .column-4 .content-holder > * { display: flex; flex: 1 0 50%; padding: 10px; align-items: stretch; } @media (max-width: 767.98px) { .column-4 .content-holder > * { flex: 1 0 100%; padding: 10px 0; } .column-4 .content-holder > *:first-child { padding-top: 0; } .column-4 .content-holder > *:last-child { padding-bottom: 0; } } .column-4 .content-holder .content { width: 100%; padding: 30px; display: flex; align-items: center; background-color: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } @media (min-width: 1280px) { .column-4 .content-holder .content { padding: 40px 50px; } } @media (max-width: 479.98px) { .column-4 .content-holder .content { padding: 15px; } } .column-4 .content-holder .content h1, .column-4 .content-holder .content h2 { font-size: 45px; line-height: 1; margin-bottom: 0; } .column-4 .content-holder .content h1:before, .column-4 .content-holder .content h1:after, .column-4 .content-holder .content h2:before, .column-4 .content-holder .content h2:after { display: none; } .column-4 .content-holder .content h3 { font-size: 30px; line-height: 1; } .column-4 .content-holder .content ul li { position: relative; padding-left: 30px; } .column-4 .content-holder .content ul li:before { position: absolute; left: 1px; top: 0; font-size: 18px; content: "\f00c"; font-family: "Font Awesome 5 Pro"; color: #00a284; font-weight: bold; display: inline-block; } .media-section { overflow: hidden; padding: 100px 0; position: relative; } @media (max-width: 767.98px) { .media-section { padding: 60px 0; } } .media-section .overlay { z-index: 0; top: 0; right: 0; left: 0; bottom: 0; position: absolute; background-repeat: repeat; background-position: center; background-size: 275px; opacity: 0.2; } .media-section .container { z-index: 1; position: relative; } .media-section .media-holder { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } @media (min-width: 768px) { .media-section .media-holder { flex-direction: row; } } @media (min-width: 768px) { .media-section .media-holder.image-right { flex-direction: row-reverse; } } .media-section .media-holder .media { width: 650px; padding: 10px; background-color: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); position: relative; } @media (min-width: 1280px) { .media-section .media-holder .media { width: 750px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .media-section .media-holder .media { width: 400px; } } @media (max-width: 767.98px) { .media-section .media-holder .media { width: 100%; } } .media-section .media-holder .media iframe { margin-bottom: -10px; } @media (min-width: 1280px) { .media-section .media-holder .media iframe { height: 450px; } } @media (max-width: 767.98px) { .media-section .media-holder .media iframe { height: 300px; } } @media (max-width: 479.98px) { .media-section .media-holder .media iframe { height: 250px; } } .media-section .media-holder .media .slider { height: 365px; width: 100%; margin-bottom: 0; } @media (min-width: 1280px) { .media-section .media-holder .media .slider { height: 450px; } } @media (max-width: 767.98px) { .media-section .media-holder .media .slider { height: 300px; } } @media (max-width: 479.98px) { .media-section .media-holder .media .slider { height: 250px; } } .media-section .media-holder .media .slider .slide { height: 365px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } @media (min-width: 1280px) { .media-section .media-holder .media .slider .slide { height: 450px; } } @media (max-width: 767.98px) { .media-section .media-holder .media .slider .slide { height: 300px; } } @media (max-width: 479.98px) { .media-section .media-holder .media .slider .slide { height: 250px; } } .media-section .media-holder .media ul.slick-dots { margin: 0; bottom: 10px; left: 0; right: 0; position: absolute; } .media-section .media-holder .media ul.slick-dots li:only-child { display: none; } .media-section .media-holder .media ul.slick-dots li button { height: 12px; width: 12px; background: #fff; border-radius: 50%; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); transition: all 0.15s ease-in-out; } .media-section .media-holder .media ul.slick-dots li button:before, .media-section .media-holder .media ul.slick-dots li button:after { display: none; } .media-section .media-holder .media ul.slick-dots li.slick-active button, .media-section .media-holder .media ul.slick-dots li:hover button { background: #00a284; } .media-section .media-holder .content { padding: 30px 50px; width: calc(100% - 650px); } @media (min-width: 1280px) { .media-section .media-holder .content { width: calc(100% - 750px); } } @media (min-width: 768px) and (max-width: 1023.98px) { .media-section .media-holder .content { width: calc(100% - 400px); } } @media (max-width: 767.98px) { .media-section .media-holder .content { width: 100%; padding: 30px 0 0 0; } } .media-section .media-holder .content h1, .media-section .media-holder .content h2 { font-size: 45px; line-height: 1; margin-bottom: 0; } .media-section .media-holder .content h1:before, .media-section .media-holder .content h1:after, .media-section .media-holder .content h2:before, .media-section .media-holder .content h2:after { display: none; } .media-section .media-holder .content ul { margin-left: 15px; } .media-section .media-holder .content ul li:before { font-family: "FontAwesome"; content: "\f00c"; margin: 0 15px 0 -15px; color: #00a284; } .media-section .media-holder .content .buttons-holder { margin-top: 20px; text-align: left; } .media-section .media-holder .content .buttons-holder .button { line-height: 1.2; margin-top: 10px; } @media (max-width: 767.98px) { .media-section .media-holder .content .buttons-holder .button { font-size: 22px; padding: 10px 15px 0 15px; } } .media-section .media-holder .content .buttons-holder .button:not(:last-child) { margin-right: 15px; } .column-3 { padding: 0 0 100px 0; } @media (max-width: 1023.98px) { .column-3 { padding: 0 0 60px 0; } } .column-3 .section-plate { padding: 80px 0; text-align: center; position: relative; background-color: #00a284; } @media (min-width: 768px) and (max-width: 1023.98px) { .column-3 .section-plate { padding: 60px 0; } } @media (min-width: 480px) and (max-width: 767.98px) { .column-3 .section-plate { padding: 40px 0; } } @media (max-width: 479.98px) { .column-3 .section-plate { padding: 30px 0; } } .column-3 .section-plate h1, .column-3 .section-plate h2 { color: #fff; line-height: 1; margin-bottom: 0; } .column-3 .section-plate h1:before, .column-3 .section-plate h1:after, .column-3 .section-plate h2:before, .column-3 .section-plate h2:after { display: none; } .column-3 .section-cards { z-index: 0; position: relative; } .column-3 .section-cards:after { z-index: -1; content: ""; left: 0; right: 0; top: 0; position: absolute; height: 380px; background-color: #00a284; } @media (min-width: 1280px) and (max-width: 1439.98px) { .column-3 .section-cards:after { height: 330px; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .column-3 .section-cards:after { height: 300px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .column-3 .section-cards:after { height: 270px; } } @media (min-width: 480px) and (max-width: 767.98px) { .column-3 .section-cards:after { height: 400px; } } @media (max-width: 479.98px) { .column-3 .section-cards:after { height: 240px; } } .column-3 .column-holder { z-index: 1; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; } @media (min-width: 768px) { .column-3 .column-holder { margin: 0 -10px; } } .column-3 .column-holder > * { flex: 1; display: flex; align-items: stretch; } .column-3 .column-holder > *:only-child { max-width: 390px; } @media (max-width: 767.98px) { .column-3 .column-holder > * { max-width: unset; flex: 1 0 100%; } .column-3 .column-holder > *:not(:last-child) .card { margin-bottom: 20px; } } .column-3 .column-holder .card { margin: 0 10px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background-color: #fff; } .column-3 .column-holder .card .image { height: 380px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (min-width: 1280px) and (max-width: 1439.98px) { .column-3 .column-holder .card .image { height: 330px; } } @media (min-width: 1024px) and (max-width: 1279.98px) { .column-3 .column-holder .card .image { height: 300px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .column-3 .column-holder .card .image { height: 270px; } } @media (min-width: 480px) and (max-width: 767.98px) { .column-3 .column-holder .card .image { height: 400px; } } @media (max-width: 479.98px) { .column-3 .column-holder .card .image { height: 240px; } } .column-3 .column-holder .card .image:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(38, 38, 38, 0.2); } .column-3 .column-holder .card .image:after { z-index: 1; content: ""; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #00a284; transition: all 0.15s ease-in-out; } .column-3 .column-holder .card .content { padding: 30px 15px; text-align: center; } .column-3 .column-holder .card .content h3 { font-size: 30px; line-height: 1; } .vacancy-holder { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } @media (min-width: 768px) { .vacancy-holder { margin: 0 -10px; } } .vacancy-holder > * { margin: 0 10px; flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px); } @media (max-width: 767.98px) { .vacancy-holder > * { margin: 0; flex: 1 0 100%; max-width: 100%; } } .vacancy-holder .content h1, .vacancy-holder .content h2 { line-height: 1; } .vacancy-holder .content h1:before, .vacancy-holder .content h1:after, .vacancy-holder .content h2:before, .vacancy-holder .content h2:after { display: none; } .vacancy-holder .content h1 { color: #00a284; } .vacancy-holder .content h2 { font-size: 45px; } .vacancy-holder .content ul li { font-weight: bold; position: relative; padding-left: 30px; } .vacancy-holder .content ul li:before { position: absolute; left: 1px; top: 0; font-size: 18px; content: "\f00c"; font-family: "Font Awesome 5 Pro"; color: #00a284; font-weight: bold; display: inline-block; } .vacancy-holder .content .block:not(:last-child) { margin-bottom: 40px; } .vacancy-holder .sidebar .image { width: 100%; display: block; position: relative; padding-bottom: 70%; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 767.98px) { .vacancy-holder .sidebar .image { margin: 40px -15px; width: calc(100% + 30px); padding-bottom: calc(100% + 30px); } } .vacancy-holder .sidebar .image:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(38, 38, 38, 0.2); } .vacancy-holder .sidebar .image:after { z-index: 1; content: ""; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #00a284; transition: all 0.15s ease-in-out; } .vacancy-holder .sidebar .form { margin-top: 20px; } .vacancy-holder .sidebar .form h3 { margin-bottom: 5px; } .vacancy-holder .gform_wrapper { margin: 0 !important; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield { margin-top: 0; padding-right: 0; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield input, .vacancy-holder .gform_wrapper ul.gform_fields li.gfield textarea { border-color: #00a284; background-color: #fff; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield:not(:last-child) { margin-bottom: 10px; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield.hidden_label input { margin-top: 0; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield .ginput_container { margin-top: 0; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield textarea.large { height: 200px !important; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield.is-upload { border: 0; color: #666; font-size: 16px; border-radius: 0; font-weight: 400; padding-left: 0; padding-right: 0; outline: 0 !important; font-family: "new-atten", sans-serif; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield.is-upload .gfield_label { width: 100%; display: block; font-size: 16px; font-weight: 400; position: relative; color: #666; border: 1px solid #00a284; border-radius: 0; cursor: pointer; height: 49px; line-height: 28px; background-color: #fff; padding: 10px 15px !important; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield.is-upload .gfield_label:before { color: #666; right: 15px; font-size: 16px; content: "\f093"; font-weight: bold; position: absolute; font-family: "Font Awesome 5 Pro"; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield.is-upload .gfield_label.has-file:before { content: "\f00c"; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield.is-upload .gfield_label:hover:before { text-decoration: none; } .vacancy-holder .gform_wrapper ul.gform_fields li.gfield.is-upload input[type=file] { display: none; } .vacancy-holder .gform_wrapper .gform_footer { margin-top: 0; padding-bottom: 0; } .vacancy-holder .gform_wrapper .gform_footer input[type=submit] { margin-right: 0 !important; border: none !important; } .vacancy-holder .gform_wrapper div.validation_error { color: #00a284; font-size: 12px; font-weight: 400; border-top: 1px solid #00a284; border-bottom: 1px solid #00a284; } .vacancy-holder .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important; } .vacancy-holder .gform_wrapper li.gfield.gfield_error, .vacancy-holder .gform_wrapper .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: #202020; border-top: none !important; border-bottom: none !important; padding-top: 0; border-radius: 6px; } .vacancy-holder .gform_wrapper .field_description_below .gfield_description { padding-top: 0; } .vacancy-holder .gform_wrapper .validation_message { color: #fff; padding-left: 15px; font-weight: 400; } .pagehero { margin-bottom: 0; width: 100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } .pagehero video { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; background-size: cover; justify-content: center; background-repeat: no-repeat; } .pagehero .mute-video { left: 50%; z-index: 3; color: #fff; width: 110px; bottom: 30px; cursor: pointer; position: absolute; text-align: center; font-weight: normal; font-size: 18px; transform: translateX(-50%); font-family: "new-atten", sans-serif; } @media (max-width: 1023.98px) { .pagehero .mute-video { bottom: 5px; } } .pagehero .mute-video i { display: block; font-size: 40px; text-align: center; } .pagehero .container { z-index: 2; width: 100%; height: 100%; display: flex; position: relative; align-items: center; justify-content: center; } .pagehero .inner { color: #fff; width: 100%; margin: 0 auto; max-width: 700px; text-align: center; } .pagehero .inner .pagehero-box img { width: auto; height: 150px; margin: 0 auto; max-width: 100%; } @media (max-width: 767.98px) { .pagehero .inner .pagehero-box img { height: 120px; } } .pagehero .inner .pagehero-box .content { font-size: 18px; margin-top: 30px; font-weight: 500; font-style: italic; align-items: center; justify-content: center; } .pagehero .inner .pagehero-box .content h1, .pagehero .inner .pagehero-box .content h2, .pagehero .inner .pagehero-box .content h3, .pagehero .inner .pagehero-box .content h4, .pagehero .inner .pagehero-box .content h5, .pagehero .inner .pagehero-box .content h6, .pagehero .inner .pagehero-box .content a, .pagehero .inner .pagehero-box .content p { color: #fff; } .pagehero .inner .pagehero-box .content h1 { font-size: 45px; } .pagehero:not(.is-contained) { height: 600px; } @media (max-width: 1023.98px) { .pagehero:not(.is-contained) { height: 400px; } } .pagehero:not(.is-contained) .pagehero-video { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; } @media (min-aspect-ratio: 16/9) { .pagehero:not(.is-contained) .pagehero-video { width: 100%; height: 100%; } } .pagehero.is-contained { background-color: #000; } .pagehero.is-contained .pagehero-wrapper { margin: 0 auto; max-width: 1600px; position: relative; } .pagehero.is-contained .video-holder { position: relative; } @media (min-width: 768px) { .pagehero.is-contained .video-holder { height: 0; padding-bottom: 56.25%; } .pagehero.is-contained .video-holder .pagehero-video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } } @media (max-width: 767.98px) { .pagehero.is-contained .video-holder { height: auto; position: relative; } .pagehero.is-contained .video-holder .pagehero-video { width: 100%; height: 100%; position: relative; } } .pagehero.is-contained .container { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } @media (max-width: 767.98px) { .pagehero.is-contained .container .inner { padding: 0 30px; } } .section.section-featured-content { z-index: 1; padding: 100px 0; position: relative; background-color: #f6f5f0; box-shadow: 2px 12px 12px 4px rgba(38, 38, 38, 0.6); } @media (max-width: 767.98px) { .section.section-featured-content { background-size: 200px; } } .section.section-featured-content .overlay { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0.25; position: absolute; background-size: 275px; background-repeat: repeat; background-position: center; } .section.section-featured-content .container { z-index: 2; height: 100%; display: flex; position: relative; align-items: center; justify-content: center; } .section.section-featured-content .featured-content { padding: 60px 80px; max-width: 800px; text-align: center; color: #262626; background-color: #fff; border: 2px solid #00a284; box-shadow: 2px 2px 10px 4px rgba(38, 38, 38, 0.15); } @media (max-width: 767.98px) { .section.section-featured-content .featured-content { padding: 30px 15px; } } .section.section-featured-content .featured-content h2, .section.section-featured-content .featured-content h3 { display: block; line-height: 1; color: #262626; font-weight: normal; background-clip: text; background-size: cover; background-position: center; -webkit-background-clip: text; font-family: "new-atten", sans-serif; } .section.section-featured-content .featured-content h2:before, .section.section-featured-content .featured-content h2:after, .section.section-featured-content .featured-content h3:before, .section.section-featured-content .featured-content h3:after { display: none; } .section.section-featured-content .featured-content .button-holder { margin-top: 30px; } .section.section-image-content-full { padding: 0; } .image-content-double-holder { position: relative; } .image-content-double-holder .divider { top: 50%; left: 50%; width: 60px; height: 60px; z-index: 2; display: flex; text-align: center; position: absolute; align-items: center; justify-content: center; transform: translate(-50%, -50%); } .image-content-double-holder .divider:after { left: 0; content: ""; width: 60px; height: 60px; position: absolute; background-color: #262626; transform: rotate(45deg); border: 2px solid #ab8f47; } @media (max-width: 767.98px) { .image-content-double-holder .divider { display: none; } } .image-content-double .image-content { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } .image-content-double .image-content > * { flex: 1; } @media (max-width: 767.98px) { .image-content-double .image-content > * { flex: 1 0 100%; } } .image-content-double .image-content .image { position: relative; box-shadow: 2px 2px 10px 4px rgba(38, 38, 38, 0.6); } .image-content-double .image-content .image img { width: 100%; height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; } .image-content-double .image-content .content { display: flex; align-items: center; justify-content: stretch; } .image-content-double .image-content .content .inner { width: 100%; } .image-content-double .image-content .content .inner .content-holder { padding: 15px; } @media (max-width: 767.98px) { .image-content-double .image-content .content .inner .content-holder { padding: 30px 15px; } } .image-content-double .image-content .content .inner .content-holder .heading-sub { display: block; font-size: 40px; margin-top: -15px; } @media (max-width: 767.98px) { .image-content-double .image-content .content .inner .content-holder .heading-sub { margin-top: 0; } } .image-content-double .image-content .content h1 { font-family: "new-atten", sans-serif; font-size: 40px; font-weight: 900; text-transform: none; margin: 0 0 15px 0; line-height: 1; position: relative; display: block; -webkit-background-clip: text; background-clip: text; color: transparent; background-size: cover; background-position: center; background-image: url("/wp-content/themes/thefullybookers-child/public/img/pattern-gold.jpg"); } .image-content-double .image-content .content h1.has-sub { padding-left: 25px; } .image-content-double .image-content .content h1 span { width: 100%; line-height: 1; font-size: 30px; font-weight: 500; font-style: italic; display: inline-block; margin: 0 0 10px -25px; font-family: "new-atten", sans-serif; -webkit-background-clip: text; background-clip: text; color: transparent; background-size: cover; background-position: center; background-image: url("/wp-content/themes/thefullybookers-child/public/img/pattern-gold.jpg"); } @media (max-width: 767.98px) { .image-content-double .image-content .content h1 span { font-size: 24px; } } @media (max-width: 1023.98px) { .image-content-double .image-content .content h1 { font-size: 40px; } } @media (max-width: 767.98px) { .image-content-double .image-content .content h1 { font-size: 30px; } } .image-content-double .image-content .content .button-holder { margin-top: 15px; } @media (max-width: 767.98px) { .image-content-double .image-content .content .button-holder { display: flex; align-items: center; } } .image-content-double .image-content:not(.image-right) .content .inner { padding-right: calc((100vw - 1140px) / 2); } @media (min-width: 1440px) { .image-content-double .image-content:not(.image-right) .content .inner { padding-right: calc((100vw - 1300px) / 2); } } @media (min-width: 768px) and (max-width: 1279.98px) { .image-content-double .image-content:not(.image-right) .content .inner { padding-left: 15px; padding-right: calc((100vw - 1140px) / 2); } } @media (min-width: 768px) { .image-content-double .image-content:not(.image-right) .content .inner { padding-left: 50px; } } .image-content-double .image-content.image-right .content .inner { padding-left: calc((100vw - 1140px) / 2); } @media (min-width: 1440px) { .image-content-double .image-content.image-right .content .inner { padding-left: calc((100vw - 1300px) / 2); } } @media (min-width: 768px) and (max-width: 1279.98px) { .image-content-double .image-content.image-right .content .inner { padding-left: calc(100vw - 1140px); } } @media (min-width: 768px) { .image-content-double .image-content.image-right .content .inner { padding-right: 50px; } } @media (min-width: 768px) { .image-content-double .image-content.image-right .image { order: 2; } .image-content-double .image-content.image-right .content { order: 1; } } @media (max-width: 767.98px) { .image-content-double .image-content .image { order: 2; } .image-content-double .image-content .content { order: 1; } .image-content-double .image-content:last-child .image { display: none; } } .section-pageheader-booking-form { padding: 0; } .section-pageheader-booking-form .pageheader-booking-form { width: 100%; height: 710px; overflow: hidden; position: relative; } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form { height: 100%; padding: 25px 0; } } .section-pageheader-booking-form .pageheader-booking-form .background-image { top: 0; z-index: -1; width: 100%; height: 100%; position: absolute; } .section-pageheader-booking-form .pageheader-booking-form .background-image:before { content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(38, 38, 38, 0.6); } .section-pageheader-booking-form .pageheader-booking-form .background-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-pageheader-booking-form .pageheader-booking-form.has-video .background-video { top: 0; z-index: -1; width: 100%; height: 100%; position: absolute; } .section-pageheader-booking-form .pageheader-booking-form.has-video .background-video:before { content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(38, 38, 38, 0.6); } .section-pageheader-booking-form .pageheader-booking-form.has-video .background-video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .section-pageheader-booking-form .pageheader-booking-form .container { height: 100%; position: relative; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content { gap: 140px; display: flex; flex-wrap: wrap; margin-left: auto; max-width: 1020px; margin-right: auto; padding-top: 120px; align-items: center; } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content { gap: 0; padding-top: 0; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h1, .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h2, .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h3, .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h4, .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h5, .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h6, .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content p { color: #fff; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h1:before, .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h1:after, .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h2:before, .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h2:after { display: none; } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content h1 { font-size: 35px; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content p { font-size: 16px; line-height: 28px; text-shadow: 0 3px 30px rgba(0, 0, 0, 0.6352941176); } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content p { font-size: 14px; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .content { width: calc(65% - 70px); flex: 1 0 calc(65% - 70px); max-width: calc(65% - 70px); } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .content { width: 100%; flex: 1 0 100%; max-width: 100%; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form { width: calc(35% - 70px); flex: 1 0 calc(35% - 70px); max-width: calc(35% - 70px); } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form { width: 100%; flex: 1 0 100%; margin-top: 25px; max-width: 450px; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper { padding: 35px; background-color: rgba(38, 38, 38, 0.8); } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper { padding: 15px; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper h3 { font-size: 30px; margin-bottom: 0; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper p { font-size: 14px; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .input-wrapper { font-weight: 500; position: relative; margin-bottom: 15px; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .input-wrapper:after { top: 0; right: 20px; height: 100%; color: #fff; display: flex; font-size: 16px; font-weight: bold; content: "\f0d7"; position: absolute; align-items: center; font-family: "Font Awesome 5 Pro"; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .input-wrapper:first-child { margin: 15px 0; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .input-wrapper input[type=text] { width: 100%; color: #fff; border: none !important; font-size: 14px !important; padding: 17px 25px !important; -webkit-text-fill-color: #fff; background-color: #414141 !important; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .input-wrapper input[type=text]::-moz-placeholder { opacity: 1; color: #fff; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .input-wrapper input[type=text]::placeholder { opacity: 1; color: #fff; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .input-wrapper input[type=text]::-webkit-input-placeholder { opacity: 1; color: #fff; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .input-wrapper input[type=text]:-moz-placeholder { opacity: 1; color: #fff; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .button-wrapper .form-button { background-color: #00a284; border: none; color: #fff; width: 100%; height: 55px; font-size: 26px; font-weight: bold; padding: 10px 25px 2px 25px; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-content .booking-form .form-wrapper .form .button-wrapper .form-button:hover { background-color: rgb(0, 111, 90.4444444444); } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom { left: 0; bottom: 25px; margin-left: 15px; position: absolute; margin-right: 15px; width: calc(100% - 30px); } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom { bottom: 0; width: 100%; margin-left: 0; margin-right: 0; margin-top: 25px; position: relative; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content { display: flex; color: #fff; flex-wrap: wrap; align-items: center; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content h5 { color: #fff; display: inline; } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .reviews-rating { width: 100%; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .reviews-rating .review-heading { font-size: 25px; font-weight: bold; } } @media (max-width: 767.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .reviews-rating { text-align: center; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .reviews-rating .stars { top: -3px; margin-left: 15px; position: relative; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .reviews-rating .stars .star { font-size: 20px; } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .reviews-rating .stars .star { font-size: 16px; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .reviews-rating .stars .star.opened { font-weight: 300; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .pageheader-usps { right: 30px; position: absolute; } @media (max-width: 1279.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .pageheader-usps { right: 0; } } @media (max-width: 1023.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .pageheader-usps { display: flex; margin-top: 25px; position: relative; align-items: center; flex-direction: row; justify-content: center; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .pageheader-usps ul li { font-size: 14px; font-weight: 500; position: relative; display: inline-block; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .pageheader-usps ul li:not(:last-child) { margin-right: 70px; } @media (max-width: 1439.98px) { .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .pageheader-usps ul li:not(:last-child) { margin-right: 15px; } } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .pageheader-usps ul li:before { top: 0; left: 0; content: "\f00c"; position: absolute; font-weight: bold; font-family: "Font Awesome 5 Pro"; } .section-pageheader-booking-form .pageheader-booking-form .container .pageheader-bottom .bottom-content .pageheader-usps ul li span { margin-left: 30px; } .platform-reviews { padding: 80px 0; } .platform-reviews .overlay { top: 0; right: 0; left: 0; bottom: 0; position: absolute; background-repeat: repeat; background-position: center; background-size: 275px; opacity: 0.2; box-shadow: inset 0 5px 10px 1px #262626; z-index: -1; } @media (min-width: 1280px) { .platform-reviews .container .platform-reviews-wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } } .platform-reviews .container .platform-reviews-wrapper .content { margin-bottom: 30px; } @media (max-width: 1279.98px) { .platform-reviews .container .platform-reviews-wrapper .content { text-align: center; } } @media (min-width: 1280px) { .platform-reviews .container .platform-reviews-wrapper .content { width: 350px; margin-bottom: 0; } } .platform-reviews .container .platform-reviews-wrapper .content h2 { margin-bottom: 0; } .platform-reviews .container .platform-reviews-wrapper .content h2:after, .platform-reviews .container .platform-reviews-wrapper .content h2:before { display: none; } @media (min-width: 1280px) { .platform-reviews .container .platform-reviews-wrapper .content h2 { font-size: 40px; } } .platform-reviews .container .platform-reviews-wrapper .content p { font-size: 16px; } @media (min-width: 768px) { .platform-reviews .container .platform-reviews-wrapper .reviews { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } } @media (min-width: 1280px) { .platform-reviews .container .platform-reviews-wrapper .reviews { width: calc(100% - 350px - 30px); } } @media (max-width: 767.98px) { .platform-reviews .container .platform-reviews-wrapper .reviews .review-card { margin-bottom: 15px; } } @media (min-width: 768px) { .platform-reviews .container .platform-reviews-wrapper .reviews .review-card { width: calc(33% - 7.5px); } } .platform-reviews .container .platform-reviews-wrapper .reviews .review-card .inner { padding: 20px; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); background-color: #fff; height: 100%; } @media (min-width: 1440px) { .platform-reviews .container .platform-reviews-wrapper .reviews .review-card .inner { padding: 30px; } } .platform-reviews .container .platform-reviews-wrapper .reviews .review-card .inner .card-heading { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; justify-content: space-between; } .platform-reviews .container .platform-reviews-wrapper .reviews .review-card .inner .card-heading img { height: 25px; width: auto; } @media (min-width: 768px) { .platform-reviews .container .platform-reviews-wrapper .reviews .review-card .inner .card-heading img { height: 20px; } } @media (min-width: 1440px) { .platform-reviews .container .platform-reviews-wrapper .reviews .review-card .inner .card-heading img { height: 25px; } } .platform-reviews .container .platform-reviews-wrapper .reviews .review-card .inner .card-heading .rating { margin-bottom: 0; font-size: 20px; font-family: "Bebas Neue", cursive; } .platform-reviews .container .platform-reviews-wrapper .reviews .review-card .inner .card-heading .rating .bold { font-weight: bold; } .platform-reviews .container .platform-reviews-wrapper .reviews .review-card .inner .card-body q { font-size: 13px; font-style: normal; } .platform-reviews.bg-black { background-color: #333333; } .platform-reviews.bg-black h1, .platform-reviews.bg-black h2, .platform-reviews.bg-black h3, .platform-reviews.bg-black h4, .platform-reviews.bg-black h5, .platform-reviews.bg-black h6, .platform-reviews.bg-black p, .platform-reviews.bg-black q { color: #fff; } .platform-reviews.bg-black .reviews .review-card .inner { background-color: transparent !important; } .backgroundimage-3columns { position: relative; padding: 80px 0; } .backgroundimage-3columns.transparent h2, .backgroundimage-3columns.transparent p { color: #262626 !important; } .backgroundimage-3columns.has-pattern { background-color: #f6f5f0; } .backgroundimage-3columns.has-pattern h2, .backgroundimage-3columns.has-pattern p { color: #262626 !important; } .backgroundimage-3columns img { position: absolute; height: 100%; width: 100%; top: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .backgroundimage-3columns .pattern { position: absolute; height: 100%; width: 100%; top: 0; background-size: 80px; background-repeat: repeat; opacity: 0.2; } .backgroundimage-3columns .overlay { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: 1; } .backgroundimage-3columns.is-transparent .overlay { background: rgba(0, 0, 0, 0.4); } .backgroundimage-3columns .container .wrapper { display: flex; flex-direction: column; align-items: center; position: relative; z-index: 2; } .backgroundimage-3columns .container .wrapper .content { text-align: center; margin-bottom: 30px; max-width: 550px; } @media (min-width: 1024px) { .backgroundimage-3columns .container .wrapper .content { margin-bottom: 40px; } } .backgroundimage-3columns .container .wrapper .content h2, .backgroundimage-3columns .container .wrapper .content p { color: #fff; } .backgroundimage-3columns .container .wrapper .content h2 { margin-bottom: 0; } .backgroundimage-3columns .container .wrapper .content h2:after, .backgroundimage-3columns .container .wrapper .content h2:before { display: none; } @media (min-width: 768px) { .backgroundimage-3columns .container .wrapper .columns { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } } .backgroundimage-3columns .container .wrapper .columns .column { margin-bottom: 15px; } @media (min-width: 768px) { .backgroundimage-3columns .container .wrapper .columns .column { width: calc(20% - 15px); margin: 7.5px; } } .backgroundimage-3columns .container .wrapper .columns .column .inner { background-color: #fff; height: 100%; padding: 30px; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; } .backgroundimage-3columns .container .wrapper .columns .column .inner.has-background-image { color: #fff; border-radius: 7px; box-shadow: 0 3px 30px rgba(0, 0, 0, 0.0784313725); -webkit-backdrop-filter: blur(15px); background-color: rgba(51, 51, 51, 0.5); } .backgroundimage-3columns .container .wrapper .columns .column .inner.has-background-image p { color: #fff !important; } .backgroundimage-3columns .container .wrapper .columns .column .inner i { font-size: 40px; margin-bottom: 20px; } .backgroundimage-3columns .container .wrapper .columns .column .inner p { font-size: 14px; } .backgroundimage-3columns .container .wrapper .columns .column .inner .background-image { top: 0; left: 0; right: 0; bottom: 0; z-index: -1; width: 100%; height: 100%; position: absolute; } .backgroundimage-3columns .container .wrapper .columns .column .inner .background-image:before { top: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; border-radius: 7px; background-color: rgba(0, 0, 0, 0.5); } .backgroundimage-3columns .container .wrapper .columns .column .inner .background-image img { width: 100%; height: 100%; border-radius: 7px; } .backgroundimage-3columns .container .wrapper .columns.is-transparent .column .inner:not(.has-background-image) { background-color: transparent; } .backgroundimage-3columns .container .wrapper .columns.is-transparent .column .inner:not(.has-background-image):before, .backgroundimage-3columns .container .wrapper .columns.is-transparent .column .inner:not(.has-background-image):after { top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; position: absolute; } .backgroundimage-3columns .container .wrapper .columns.is-transparent .column .inner:not(.has-background-image):before { z-index: 2; border-radius: 7px; backdrop-filter: blur(15px); } .backgroundimage-3columns .container .wrapper .columns.is-transparent .column .inner:not(.has-background-image):after { z-index: 1; background-color: rgba(38, 38, 38, 0.45); } @supports (-moz-appearance: none) { .backgroundimage-3columns .container .wrapper .columns.is-transparent .column .inner:not(.has-background-image):after { background-color: rgba(38, 38, 38, 0.8); } } .backgroundimage-3columns .container .wrapper .columns.is-transparent .column .inner:not(.has-background-image) .inner-wrapper { z-index: 3; } .backgroundimage-3columns .container .wrapper .columns.is-transparent .column .inner:not(.has-background-image) .inner-wrapper p, .backgroundimage-3columns .container .wrapper .columns.is-transparent .column .inner:not(.has-background-image) .inner-wrapper i { color: #fff !important; } .backgroundimage-3columns .container .wrapper .button-holder { margin-top: 40px; } @media (max-width: 1023.98px) { .backgroundimage-3columns .container .wrapper .button-holder { margin-top: 0; } } .section-arrangement-detail .arrangement-detail { gap: 30px; display: flex; flex-wrap: wrap; max-width: 1100px; margin-left: auto; margin-right: auto; } @media (max-width: 1023.98px) { .section-arrangement-detail .arrangement-detail { flex-direction: column; align-items: center; max-width: 550px; } } @media (max-width: 767.98px) { .section-arrangement-detail .arrangement-detail { gap: 15px; } } .section-arrangement-detail .arrangement-detail .content-wrapper { width: calc(66.6666% - 15px); flex: 1 0 calc(66.6666% - 15px); max-width: calc(66.6666% - 15px); background-color: #fff; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); padding: 60px; } @media (max-width: 1279.98px) { .section-arrangement-detail .arrangement-detail .content-wrapper { padding: 30px; } } @media (max-width: 1023.98px) { .section-arrangement-detail .arrangement-detail .content-wrapper { width: 100%; max-width: 100%; } } @media (max-width: 767.98px) { .section-arrangement-detail .arrangement-detail .content-wrapper { padding: 20px; } } .section-arrangement-detail .arrangement-detail .content-wrapper .content-block { margin-bottom: 30px; } .section-arrangement-detail .arrangement-detail .content-wrapper .content-block:last-of-type { margin-bottom: 0; } .section-arrangement-detail .arrangement-detail .content-wrapper .content-block h3 { margin-bottom: 0; font-size: 40px; } @media (max-width: 1279.98px) { .section-arrangement-detail .arrangement-detail .content-wrapper .content-block h3 { font-size: 30px; } } .section-arrangement-detail .arrangement-detail .content-wrapper .content-block p { font-size: 16px; line-height: 28px; } .section-arrangement-detail .arrangement-detail .content-wrapper .content-block ul { margin-left: 15px; display: flex; flex-direction: column; } .section-arrangement-detail .arrangement-detail .content-wrapper .content-block ul li { display: inline-flex; font-size: 16px; } .section-arrangement-detail .arrangement-detail .content-wrapper .content-block ul li:before { font-family: "FontAwesome"; content: "\f00c"; margin: 0 15px 0 -15px; color: #00a284; } .section-arrangement-detail .arrangement-detail .content-wrapper .image-block { margin-bottom: 30px; } .section-arrangement-detail .arrangement-detail .content-wrapper .image-block .image-wrapper { position: relative; height: 320px; } @media (max-width: 767.98px) { .section-arrangement-detail .arrangement-detail .content-wrapper .image-block .image-wrapper { height: 200px; } } .section-arrangement-detail .arrangement-detail .content-wrapper .image-block .image-wrapper img { top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; } .section-arrangement-detail .arrangement-detail .cta-wrapper { width: calc(33.3333% - 15px); flex: 1 0 calc(33.3333% - 15px); max-width: calc(33.3333% - 15px); background: #333; color: #fff; padding: 30px; display: flex; flex-direction: column; align-items: center; text-align: center; position: sticky; top: 95px; height: 100%; } @media (max-width: 1023.98px) { .section-arrangement-detail .arrangement-detail .cta-wrapper { width: 100%; max-width: 100%; } } .section-arrangement-detail .arrangement-detail .cta-wrapper p .bold { font-weight: bold; } .section-arrangement-detail .arrangement-detail .cta-wrapper .rating { font-family: "Bebas Neue", cursive; font-size: 79px; font-weight: bold; margin-bottom: -20px; } .section-arrangement-detail .arrangement-detail .cta-wrapper .stars { margin-bottom: 30px; } .section-arrangement-detail .arrangement-detail .cta-wrapper .stars i { font-size: 24px; margin: 0 2.5px; color: #00a284; } .section-arrangement-detail .arrangement-detail .cta-wrapper .button-holder .button { font-size: 25px; } .section-arrangement-detail .arrangement-detail .cta-wrapper .button-holder .button:after { border-color: #fff; } .image-content-slider .container .row { background-color: #fff; } @media (min-width: 768px) { .image-content-slider .container .row { box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); padding: 0; } } @media (min-width: 768px) { .image-content-slider .container .row .col { flex: 0 0 50%; max-width: 50%; } } .image-content-slider .container .row .col.content { position: relative; } @media (max-width: 767.98px) { .image-content-slider .container .row .col.content { order: 2; padding-bottom: 75px; } .image-content-slider .container .row .col.content .slick-dots { bottom: 15px; } .image-content-slider .container .row .col.content .slick-dots li button:after { display: none; } .image-content-slider .container .row .col.content .slick-dots li button:hover { background-color: transparent; } .image-content-slider .container .row .col.content .slick-arrow { top: unset; bottom: 25px; font-size: 0; position: absolute; } .image-content-slider .container .row .col.content .slick-arrow:hover { background-color: transparent; } .image-content-slider .container .row .col.content .slick-arrow.slick-next { top: unset; right: 5px; left: unset; bottom: -15px; } .image-content-slider .container .row .col.content .slick-arrow.slick-prev { left: 5px; top: unset; right: unset; bottom: -15px; } } @media (min-width: 768px) { .image-content-slider .container .row .col.content { padding: 0 0 90px 0; } .image-content-slider .container .row .col.content .slick-dots { bottom: 35px; } .image-content-slider .container .row .col.content .slick-dots li button:after { display: none; } .image-content-slider .container .row .col.content .slick-dots li button:hover { background-color: transparent; } .image-content-slider .container .row .col.content .slick-arrow { top: unset; bottom: 25px; font-size: 0; position: absolute; } .image-content-slider .container .row .col.content .slick-arrow:hover { background-color: transparent; } .image-content-slider .container .row .col.content .slick-arrow.slick-next { bottom: 0; top: unset; right: 45px; left: unset; } .image-content-slider .container .row .col.content .slick-arrow.slick-next:before { color: #00a284; } .image-content-slider .container .row .col.content .slick-arrow.slick-prev { bottom: 0; top: unset; left: 45px; right: unset; } .image-content-slider .container .row .col.content .slick-arrow.slick-prev:before { color: #00a284; } .image-content-slider .container .row .col.content:after { right: 0; content: ""; background: url("/wp-content/themes/thefullybookers-child/public/img/triangle.svg") no-repeat; background-size: 275px; display: block; position: absolute; top: calc(50% - 20px); z-index: 2; width: 80px; height: 40px; } } @media (min-width: 768px) and (min-width: 480px) { .image-content-slider .container .row .col.content:after { right: -59px; transform: rotate(-90deg); } } @media (min-width: 768px) { .image-content-slider .container .row .col.content.left { order: 1; } .image-content-slider .container .row .col.content.left:after { transform: rotate(-90deg); right: -60px; } .image-content-slider .container .row .col.content.right { order: 3; } .image-content-slider .container .row .col.content.right:after { transform: rotate(90deg); left: -60px; } } .image-content-slider .container .row .col.content .inner { display: flex; flex-direction: column; } @media (min-width: 768px) { .image-content-slider .container .row .col.content .inner { padding: 45px; } } @media (min-width: 1280px) { .image-content-slider .container .row .col.content .inner { padding: 60px; } } @media (min-width: 768px) { .image-content-slider .container .row .col.content .inner .button-holder { padding-top: 20px; } } @media (max-width: 767.98px) { .image-content-slider .container .row .col.content .inner .button-holder { margin-bottom: 20px; } } .image-content-slider .container .row .col.content .inner h2:before { display: none; } .image-content-slider .container .row .col.content .inner h2:after { display: none; } .image-content-slider .container .row .col.content .inner ul li { padding: 5px 1em 5px 2.7em; position: relative; } .image-content-slider .container .row .col.content .inner ul li:before { content: "\f058"; font-family: "Font Awesome 5 Pro"; position: absolute; display: inline-block; left: 0; font-weight: normal; font-size: 20px; color: #00a284; } .image-content-slider .container .row .col.image { height: 56.25vw; padding: 0; } .image-content-slider .container .row .col.image .inner { background-size: cover; background-position: 50% 50%; } .image-content-slider .container .row .col.image .slick-list, .image-content-slider .container .row .col.image .slick-track, .image-content-slider .container .row .col.image .slick-slide { height: 100%; } @media (max-width: 767.98px) { .image-content-slider .container .row .col.image { order: 1; margin: -30px 0 30px 0; } .image-content-slider .container .row .col.image:after { content: ""; background: url("/wp-content/themes/thefullybookers-child/public/img/triangle.svg") no-repeat; background-size: 275px; display: block; position: absolute; bottom: 0; left: calc(50% - 40px); transform: rotate(180deg); z-index: 2; width: 80px; height: 40px; } } @media (min-width: 768px) { .image-content-slider .container .row .col.image { order: 2; height: auto; margin: 0; } } .section-featured-rooms { overflow: unset; position: relative; } .section-featured-rooms:not(.hidden-fade):after { top: 0; right: 0; z-index: 2; content: ""; width: 90px; height: 100%; position: absolute; background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; } @media (max-width: 767.98px) { .section-featured-rooms:not(.hidden-fade):after { display: none; } } .section-featured-rooms .featured-rooms-intro { max-width: 420px; margin-left: auto; text-align: center; margin-right: auto; margin-bottom: 40px; } .section-featured-rooms .featured-rooms-intro h2 { font-size: 40px; } .section-featured-rooms .featured-rooms-intro h2:before, .section-featured-rooms .featured-rooms-intro h2:after { display: none; } .section-featured-rooms .featured-rooms-intro p { font-size: 16px; } .section-featured-rooms .featured-rooms .slider-wrapper { margin-left: calc((100vw - 1280px) / 2); } @media (max-width: 1439.98px) { .section-featured-rooms .featured-rooms .slider-wrapper { margin-left: 20px; } } @media (max-width: 767.98px) { .section-featured-rooms .featured-rooms .slider-wrapper { margin-right: 20px; } } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider { margin: 0; padding: 0; } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list { margin: 0 -15px; width: calc(100% + 350px); } @media (max-width: 1023.98px) { .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list { width: calc(100% + 300px); } } @media (max-width: 767.98px) { .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list { margin: 0; width: 100%; } } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide { padding: 20px; margin: 0 15px; border-radius: 7px; background-color: #fff; } @media (max-width: 767.98px) { .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide { margin: 0; } } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide .image .image-wrapper { position: relative; margin-bottom: 25px; } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide .image .image-wrapper:after { content: ""; display: block; padding-bottom: 57%; } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide .image .image-wrapper img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; border-radius: 7px; } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide .content h3 { font-size: 26px; } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide .content p { font-size: 14px; } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide .content ul { margin-bottom: 20px; } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide .content ul li { font-size: 12px; position: relative; } .section-featured-rooms .featured-rooms .slider-wrapper .featured-rooms-slider .slick-list .slide .content ul li:before { color: #00a284; content: "\f00c"; font-weight: 900; margin-right: 15px; font-family: "Font Awesome 5 Pro"; } .section-featured-rooms .featured-rooms .slider-buttons { gap: 15px; display: flex; margin-top: 25px; max-width: 1280px; justify-content: center; } .section-featured-rooms .featured-rooms .slider-buttons .slick-arrow { color: #00a284; font-size: 48px; background-color: transparent; } .section-featured-rooms .featured-rooms .slider-buttons .slick-arrow.slick-disabled { color: rgba(0, 162, 132, 0.49); } .arrangements-cards { padding-top: 100px; padding-bottom: 100px; background-color: #f6f5f0; } .arrangements-cards h2:before, .arrangements-cards h2:after, .arrangements-cards h3:before, .arrangements-cards h3:after { display: none; } .arrangements-cards .container .column-holder { display: flex; gap: 20px; width: 100%; position: relative; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder { flex-direction: column; } } .arrangements-cards .container .column-holder .column1 { width: 70%; display: flex; flex-direction: column; gap: 30px; align-items: flex-start; justify-content: flex-start; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 { width: 100%; } } .arrangements-cards .container .column-holder .column1 .card { background-color: #fff; width: 100%; display: flex; gap: 20px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); position: relative; } .arrangements-cards .container .column-holder .column1 .card:hover .image img { transform: scale(1.1); } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 .card { flex-direction: column; } } .arrangements-cards .container .column-holder .column1 .card .image { width: 30%; position: relative; overflow: hidden; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 .card .image { width: 100%; height: 250px; } } .arrangements-cards .container .column-holder .column1 .card .image:after { content: ""; display: block; padding-bottom: 100%; } .arrangements-cards .container .column-holder .column1 .card .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; object-position: center; transition: all 0.3s ease-in-out; } .arrangements-cards .container .column-holder .column1 .card .content { flex: 1 0 calc(70% - 20px); max-width: 70%; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 .card .content { flex-direction: column; width: 100%; max-width: 100%; } } .arrangements-cards .container .column-holder .column1 .card .content .inner { padding-right: 30px; padding-top: 40px; padding-left: 30px; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 .card .content .inner { padding: 20px 10px; } } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 .card .content .inner h4 { text-align: center; } } .arrangements-cards .container .column-holder .column1 .card .content .inner h3 { font-size: 30px; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 .card .content .inner h3 { text-align: center; } } .arrangements-cards .container .column-holder .column1 .card .content .inner p { padding-bottom: 30px; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 .card .content .inner p { text-align: center; } } .arrangements-cards .container .column-holder .column1 .card .content .price { display: flex; flex-direction: column; justify-content: center; padding-right: 30px; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 .card .content .price { padding-right: 0px; } } .arrangements-cards .container .column-holder .column1 .card .content .price span { text-align: center; } .arrangements-cards .container .column-holder .column1 .card .content .price .button-holder { padding-top: 10px; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column1 .card .content .price .button-holder { display: flex; justify-content: center; padding-bottom: 20px; } } .arrangements-cards .container .column-holder .column1 .card .content .price .button-holder .button { padding-top: 6px; padding-bottom: 0; position: unset; font-size: 22px; } .arrangements-cards .container .column-holder .column1 .card .content .price .button-holder .button::after { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ""; position: absolute; border: none; background-color: transparent; } .arrangements-cards .container .column-holder .column1 .link-holder { display: flex; justify-content: center; padding-top: 40px; width: 100%; } .arrangements-cards .container .column-holder .column2 { flex: 1 0 calc(30% - 20px); max-width: 30%; display: flex; flex-direction: column; gap: 20px; } @media (max-width: 1023.98px) { .arrangements-cards .container .column-holder .column2 { width: 100%; max-width: 100%; } } @media (min-width: 1024px) { .arrangements-cards .container .column-holder .column2 .inner { position: sticky; top: 100px; } } .arrangements-cards .container .column-holder .column2 .title h3 { text-align: center; margin-bottom: 0; } .arrangements-cards .container .column-holder .column2 .image { width: 100%; height: 340px; } .arrangements-cards .container .column-holder .column2 .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .arrangements-cards .container .column-holder .column2 .content p { padding-left: 10px; padding-right: 10px; } .section-pageheader-content-right { padding: 0; position: relative; } @media (min-width: 1024px) { .section-pageheader-content-right { margin-top: -80px; } } .section-pageheader-content-right .pageheader-wrapper { position: relative; max-height: 675px; } .section-pageheader-content-right .pageheader-wrapper:after { content: ""; display: block; padding-bottom: 47%; } @media (max-width: 1023.98px) { .section-pageheader-content-right .pageheader-wrapper:after { padding-bottom: 60%; } } @media (max-width: 767.98px) { .section-pageheader-content-right .pageheader-wrapper:after { padding-bottom: 100%; } } .section-pageheader-content-right .pageheader-wrapper .bg-image, .section-pageheader-content-right .pageheader-wrapper .bg-video { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } .section-pageheader-content-right .pageheader-wrapper .pageheader-content { width: 100%; height: 100%; position: absolute; } .section-pageheader-content-right .pageheader-wrapper .pageheader-content:before { top: 0; right: 0; z-index: 1; content: ""; width: 660px; height: 100%; display: block; position: absolute; background: linear-gradient(270deg, #262626 0%, transparent 100%); } .section-pageheader-content-right .pageheader-wrapper .pageheader-content .container { height: 100%; } .section-pageheader-content-right .pageheader-wrapper .pageheader-content .pageheader-content-wrapper { z-index: 2; width: 100%; height: 100%; display: flex; position: relative; align-items: center; justify-content: flex-end; } .section-pageheader-content-right .pageheader-wrapper .pageheader-content .pageheader-content-wrapper .content { max-width: 685px; text-align: right; } .section-pageheader-content-right .pageheader-wrapper .pageheader-content .pageheader-content-wrapper .content h1 { color: #fff; } .section-pageheader-content-right .pageheader-wrapper .pageheader-content .pageheader-content-wrapper .content .buttons-holder { margin-top: 20px; } .section-pageheader-content-right .scroll-link { left: 50%; z-index: 2; width: 40px; height: 40px; bottom: -20px; position: absolute; transform: translateX(-50%); } .section.section-content-centered-new { z-index: 1; } .section.section-content-centered-new.has-element:after { background-image: url("/wp-content/themes/thefullybookers-child/resources/img/content-element.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 130%; width: 1665px; content: ""; position: absolute; z-index: -1; right: -775px; bottom: 0; top: unset; } .section.section-content-centered-new .container { display: flex; justify-content: center; } .section.section-content-centered-new .container .content-holder { text-align: center; max-width: 574px; } .section.section-content-centered-new .container .content-holder .button-holder { gap: 20px; display: flex; align-items: center; justify-content: center; margin-top: 34.5px; } .section-three-cards.has-bg-pattern { position: relative; } .section-three-cards.has-bg-pattern:after { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ""; width: 100%; height: 100%; position: absolute; background-size: cover; background-repeat: no-repeat; background-image: url("/wp-content/themes/thefullybookers-child/resources/img/bg-pattern.png"); } .section-three-cards .cards-content-wrapper { z-index: 2; margin: 0 auto; max-width: 985px; position: relative; } .section-three-cards .cards-content-wrapper .content { max-width: 575px; text-align: center; margin: 0 auto 60px auto; } @media (max-width: 1023.98px) { .section-three-cards .cards-content-wrapper .content { margin-bottom: 30px; } } @media (max-width: 767.98px) { .section-three-cards .cards-content-wrapper .content { padding: 0 15px; } } .section-three-cards .cards-content-wrapper .three-cards { display: flex; flex-wrap: wrap; margin: 0 -12.5px; justify-content: space-between; } @media (max-width: 1023.98px) { .section-three-cards .cards-content-wrapper .three-cards { margin: 0 -7.5px; } } @media (max-width: 767.98px) { .section-three-cards .cards-content-wrapper .three-cards { margin: 0; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; } .section-three-cards .cards-content-wrapper .three-cards::-webkit-scrollbar { display: none; } } .section-three-cards .cards-content-wrapper .three-cards .card { margin: 0 12.5px; overflow: hidden; position: relative; border-radius: 20px; width: calc(33.3333% - 25px); flex: 1 0 calc(33.3333% - 25px); max-width: calc(33.3333% - 25px); } @media (max-width: 1023.98px) { .section-three-cards .cards-content-wrapper .three-cards .card { margin: 0 7.5px; width: calc(33.3333% - 15px); flex: 1 0 calc(33.3333% - 15px); max-width: calc(33.3333% - 15px); } } @media (max-width: 767.98px) { .section-three-cards .cards-content-wrapper .three-cards .card { margin: 0 7.5px; scroll-snap-align: start; width: calc(70vw - 15px); flex: 0 0 calc(70vw - 15px); max-width: calc(70vw - 15px); } .section-three-cards .cards-content-wrapper .three-cards .card:first-child { margin-left: 15px; } } .section-three-cards .cards-content-wrapper .three-cards .card:before { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ""; width: 100%; height: 100%; position: absolute; border-radius: 20px; opacity: 0.5; transition: all 0.3s ease-in-out; background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0.7490196078) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box; } .section-three-cards .cards-content-wrapper .three-cards .card:after { content: ""; display: block; padding-bottom: 132%; } .section-three-cards .cards-content-wrapper .three-cards .card:hover .bg-image { transform: scale(1.1); } .section-three-cards .cards-content-wrapper .three-cards .card:hover h3 { opacity: 0; visibility: hidden; } .section-three-cards .cards-content-wrapper .three-cards .card:hover:before { opacity: 0; visibility: hidden; } .section-three-cards .cards-content-wrapper .three-cards .card .bg-image { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; border-radius: 20px; transition: 0.3s ease-in-out; } .section-three-cards .cards-content-wrapper .three-cards .card .inner { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; display: flex; text-align: center; position: absolute; align-items: center; flex-direction: column; padding: 40px 30px 30px 30px; justify-content: space-between; } @media (max-width: 1023.98px) { .section-three-cards .cards-content-wrapper .three-cards .card .inner { padding: 30px 20px 20px 20px; } } .section-three-cards .cards-content-wrapper .three-cards .card .inner h3 { color: #fff; max-width: 200px; line-height: 50px; text-align: center; letter-spacing: 1px; text-transform: uppercase; transition: 0.3s ease-in-out; } @media (max-width: 1023.98px) { .section-three-cards .cards-content-wrapper .three-cards .card .inner h3 { max-width: 125px; line-height: 35px; } } .section-three-cards .cards-content-wrapper .three-cards .card .inner .button { color: #fff; align-self: center; } .section-three-cards .cards-content-wrapper .three-cards .card .inner .button:hover { color: #262626; background-color: #fff; } .section-full-width-image { padding: 0; } .section-full-width-image .image-wrapper { position: relative; max-height: 465px; } .section-full-width-image .image-wrapper:after { content: ""; display: block; padding-bottom: 31%; } @media (max-width: 1023.98px) { .section-full-width-image .image-wrapper:after { padding-bottom: 40%; } } @media (max-width: 767.98px) { .section-full-width-image .image-wrapper:after { padding-bottom: 60%; } } .section-full-width-image .image-wrapper img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } .section-impression-grid .content { text-align: center; margin-bottom: 60px; } @media (max-width: 1023.98px) { .section-impression-grid .content { margin-bottom: 30px; } } .section-impression-grid .impression-grid { gap: 4px 0; display: flex; flex-wrap: wrap; margin: 0 2px; } .section-impression-grid .impression-grid .impression-grid-item { margin: 0 2px; overflow: hidden; width: calc(25% - 4px); flex: 1 0 calc(25% - 4px); max-width: calc(25% - 4px); } @media (max-width: 1023.98px) { .section-impression-grid .impression-grid .impression-grid-item { width: calc(33.3333% - 4px); flex: 1 0 calc(33.3333% - 4px); max-width: calc(33.3333% - 4px); } } @media (max-width: 767.98px) { .section-impression-grid .impression-grid .impression-grid-item { width: calc(50% - 4px); flex: 1 0 calc(50% - 4px); max-width: calc(50% - 4px); } } .section-impression-grid .impression-grid .impression-grid-item:hover img { transform: scale(1.1); } .section-impression-grid .impression-grid .impression-grid-item .image-wrapper { position: relative; } .section-impression-grid .impression-grid .impression-grid-item .image-wrapper:after { content: ""; display: block; padding-bottom: 100%; } .section-impression-grid .impression-grid .impression-grid-item .image-wrapper img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; transition: all 0.3s ease-in-out; } .section.section-pageheader-new { padding-top: 0; padding-bottom: 0; } .section.section-pageheader-new:before { content: ""; background-color: #170530; width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; z-index: -1; } .section.section-pageheader-new:after { content: ""; position: absolute; top: 0; left: 0; height: 221px; width: 100%; background: transparent linear-gradient(180deg, #170530 0%, rgba(23, 5, 48, 0) 100%) no-repeat padding-box; pointer-events: none; } .section.section-pageheader-new .holder { border-radius: 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .section.section-pageheader-new .holder .image-holder { width: 100%; height: 650px; position: relative; } @media (max-width: 767.98px) { .section.section-pageheader-new .holder .image-holder { height: 50dvh; } } .section.section-pageheader-new .holder .image-holder:after { content: ""; position: absolute; inset: 0; background: #170530; opacity: 0.35; z-index: 1; } .section.section-pageheader-new .holder .image-holder img, .section.section-pageheader-new .holder .image-holder video { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; z-index: -1; } .section.section-pageheader-new .holder .form-holder { background-color: #dadada; max-width: 932px; border-radius: 20px; margin-top: -80px; z-index: 3; } @media (max-width: 1023.98px) { .section.section-pageheader-new .holder .form-holder { width: calc(100% - 30px); } } .section.section-pageheader-new .holder .form-holder .inner { padding: 27px 37px 37px 37px; } @media (max-width: 1023.98px) { .section.section-pageheader-new .holder .form-holder .inner { padding: 27px 37px; } } @media (max-width: 767.98px) { .section.section-pageheader-new .holder .form-holder .inner { padding: 20px; } } .section.section-pageheader-new .holder .form-holder .inner p, .section.section-pageheader-new .holder .form-holder .inner h1 { color: #262626; font-size: 24px; font-weight: 900; margin-bottom: 25px; letter-spacing: 0.5px; line-height: normal; } .section.section-pageheader-new .holder .form-holder .inner .custom-form { display: flex; gap: 15px; flex-wrap: wrap; } @media (max-width: 767.98px) { .section.section-pageheader-new .holder .form-holder .inner .custom-form { flex-direction: column; } } .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group { display: flex; flex-direction: column; } .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group label { font-size: 12px !important; color: #262626 !important; font-weight: 900; } .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group.select { position: relative; } .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group.select:after { content: "\f500"; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; font-size: 12px; font-weight: 300; } .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group select { border-radius: 24px; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; padding: 10px 15px 10px 35px !important; height: 40px !important; line-height: normal !important; border: none !important; width: 198px; background-color: #fff !important; } @media (max-width: 767.98px) { .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group select { width: 100%; } } .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group input { width: 200px; border-radius: 24px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fff !important; } @media (max-width: 767.98px) { .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group input { width: 100%; } } .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group input::-webkit-calendar-picker-indicator { opacity: 0; display: none; } .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group input[type=date] { position: relative; padding: 10px 15px 10px 35px !important; height: 40px !important; border: none !important; } .section.section-pageheader-new .holder .form-holder .inner .custom-form .form-group input[type=date]:after { content: "\f073"; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; font-size: 14px; } .section.section-pageheader-new .holder .form-holder .inner .custom-form .btn-submit { border: none; min-height: 40px; border-radius: 20px; margin-top: 20px; } @media (max-width: 767.98px) { .section.section-pageheader-new .holder .form-holder .inner .custom-form .btn-submit { width: 100%; } } .section.section-featured-rooms-slider-new .holder { margin: 0 auto; position: relative; z-index: 1; } .section.section-featured-rooms-slider-new .holder .content-holder { text-align: center; margin: 0 auto; } @media (max-width: 1023.98px) { .section.section-featured-rooms-slider-new .holder .content-holder { margin-bottom: 40px; } } .section.section-featured-rooms-slider-new .holder .content-holder h2 { margin-bottom: 60px; } @media (max-width: 1023.98px) { .section.section-featured-rooms-slider-new .holder .rooms-holder { margin-right: -15px; } } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper { display: flex; align-items: stretch; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide { height: auto; display: flex; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card { border-radius: 50px; display: flex; flex-direction: column; height: 100%; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .image-holder { position: relative; width: 100%; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .image-holder img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; left: 0; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .image-holder img:not(.icon) { border-top-right-radius: 30px; border-top-left-radius: 30px; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .image-holder:after { content: ""; display: block; padding-bottom: 75%; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .inner { background-color: #fff; padding: 34px 36px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; text-align: center; display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .inner h4 { font-size: 12px; margin-bottom: 0; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .inner .features .feature { display: flex; gap: 14px; padding: 5px; border-bottom: 1px solid #6d6e69; align-items: center; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .inner .features .feature .image-holder { width: 18px; height: 16px; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .inner .features .feature .image-holder img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .inner .features .feature .content p { color: #6d6e69; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .inner p { line-height: 26px; text-align: center; font-size: 12px; font-weight: 300; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .inner h3 { font-size: 20px; letter-spacing: 0.4px; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .inner .button-holder { align-items: center; display: flex; justify-content: center; margin-top: 18px; } .section.section-featured-rooms-slider-new .holder .rooms-holder .swiper-wrapper .swiper-slide .card .button-holder { margin-top: auto; } .section.section-featured-rooms-slider-new .holder .button-holder { align-items: center; display: flex; justify-content: center; margin-top: 70px; } .section.section-featured-rooms-slider-new .button-holder { justify-content: center; display: flex; margin-top: 95px; } .section.section-featured-rooms-slider-new .swiper-actions { display: block; } .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-prev, .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-next { border-radius: 100px; border: 1px solid #00a284; color: #00a284; width: 35px; height: 35px; transition: 0.3ms ease-in-out; } .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-prev:after, .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-next:after { font-size: 16px; } .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-prev:hover, .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-next:hover { background-color: #00a284; color: #fff; } @media (max-width: 1279.98px) { .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-prev, .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-next { display: none; } } .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-prev { left: calc((100vw - 1300px + 10px) / 2); } .section.section-featured-rooms-slider-new .swiper-actions .swiper-button-next { right: calc((100vw - 1300px + 10px) / 2); } .swiper-button-lock { display: block; } @media (min-width: 1024px) { .section.section-three-images-content.has-img-right .container .holder .content-holder { order: 1; } } @media (min-width: 1024px) { .section.section-three-images-content.has-img-right .container .holder .images-holder { order: 2; } } .section.section-three-images-content .container .holder { display: flex; gap: 90px; align-items: stretch; } @media (max-width: 1023.98px) { .section.section-three-images-content .container .holder { flex-direction: column; gap: 30px; } } .section.section-three-images-content .container .holder .images-holder { width: 630px; display: flex; gap: 11px; } @media (max-width: 1279.98px) { .section.section-three-images-content .container .holder .images-holder { width: 430px; } } @media (max-width: 1023.98px) { .section.section-three-images-content .container .holder .images-holder { width: 100%; } } .section.section-three-images-content .container .holder .images-holder .image-holder { height: 100%; flex: 0 0 calc((100% - 20px) / 3); border-radius: 20px; } @media (max-width: 1023.98px) { .section.section-three-images-content .container .holder .images-holder .image-holder { height: 400px; } } @media (max-width: 767.98px) { .section.section-three-images-content .container .holder .images-holder .image-holder { height: 250px; } } .section.section-three-images-content .container .holder .images-holder .image-holder img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 20px; } .section.section-three-images-content .container .holder .content-holder { width: calc(100% - 630px - 90px); padding: 60px 0; } @media (max-width: 1279.98px) { .section.section-three-images-content .container .holder .content-holder { width: calc(100% - 430px - 90px); } } @media (max-width: 1023.98px) { .section.section-three-images-content .container .holder .content-holder { width: 100%; padding: 20px 0; } } .section.section-three-images-content .container .holder .content-holder h2 { margin-bottom: 30px; max-width: 400px; } @media (min-width: 1024px) { .section.section-three-images-content .container .holder .content-holder h2 { font-size: 50px; } } @media (min-width: 1440px) { .section.section-three-images-content .container .holder .content-holder p { line-height: 26px; letter-spacing: 0.24px; } } .section.section-three-images-content .container .holder .content-holder .button-holder { gap: 15px; display: flex; flex-wrap: wrap; margin-top: 30px; } .section.section-reviews-new .background-img { height: 485px; width: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; } .section.section-reviews-new:after { background-image: url("/wp-content/themes/thefullybookers-child/resources/img/content-element.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; height: 100%; width: 100%; content: ""; position: absolute; z-index: -1; right: -500px; bottom: 0; top: unset; } .section.section-reviews-new .container { height: 100%; align-items: flex-end; } .section.section-reviews-new .container .content-holder { max-width: 675px; margin: 0 auto; padding-bottom: 57px; text-align: center; } .section.section-reviews-new .container .review-holder { position: relative; z-index: 1; max-width: 877px; margin: 0 auto; } .section.section-reviews-new .container .review-holder .reviews { display: flex; gap: 35px; } @media (max-width: 1023.98px) { .section.section-reviews-new .container .review-holder .reviews { gap: 20px; } } @media (max-width: 767.98px) { .section.section-reviews-new .container .review-holder .reviews { flex-direction: column; } } .section.section-reviews-new .container .review-holder .reviews .review { flex: 0 0 calc((100% - 70px) / 3); background-color: #fff; border-radius: 20px; height: 100%; position: relative; } @media (max-width: 1023.98px) { .section.section-reviews-new .container .review-holder .reviews .review { flex: 0 0 calc((100% - 40px) / 3); } } @media (max-width: 767.98px) { .section.section-reviews-new .container .review-holder .reviews .review { width: 100%; } } .section.section-reviews-new .container .review-holder .reviews .review .image-holder { position: absolute; width: 73px; height: 73px; top: -50px; left: 50%; transform: translateX(-50%); border-radius: 100%; } .section.section-reviews-new .container .review-holder .reviews .review .image-holder img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 100%; } .section.section-reviews-new .container .review-holder .reviews .review .inner { padding: 40px 34px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } @media (max-width: 767.98px) { .section.section-reviews-new .container .review-holder .reviews .review .inner { padding: 20px; } } .section.section-reviews-new .container .review-holder .reviews .review .inner .icons { display: flex; gap: 3px; margin-bottom: 15px; } .section.section-reviews-new .container .review-holder .reviews .review .inner .icons i { font-size: 16px; color: #00a284; } .section.section-reviews-new .container .review-holder .reviews .review .inner p { line-height: 20px; color: #262626; font-size: 12px; color: #6d6e69; } .section.section-reviews-new .container .review-holder .reviews .review .inner p strong { letter-spacing: 0px; font-size: 16px; color: #262626; } .section.section-reviews-new .container .review-holder .reviews .review .inner .name { margin-top: 15px; } .section.section-reviews-new .container .review-holder .reviews .review .inner .name span { font-weight: normal; font-style: italic; color: #6d6e69; } .section.section-reviews-new .container .review-holder .button-holder { justify-content: center; align-items: center; margin-top: 60px; display: flex; } .section.section-reviews-new .container .review-holder .button-holder .button i { margin-right: 10px; } .section.section-reviews-new .container .button-holder { display: flex; justify-content: center; margin-top: 77px; } .section.section-newsletter-new .container .content-holder { max-width: 950px; margin: 0 auto; text-align: center; } .section.section-newsletter-new .container .content-holder .text { max-width: 710px; text-align: center; display: flex; flex-direction: column; align-items: center; margin: 0 auto; } @media (min-width: 1024px) { .section.section-newsletter-new .container .content-holder .text h2 { font-size: 50px; } } .section.section-newsletter-new .container .content-holder .text p { max-width: 500px; } .section.section-newsletter-new .container .gform_wrapper { margin-top: 50px; } .section.section-newsletter-new .container .gform_wrapper form .gform-body .gform_fields { grid-column-gap: 15px; } .section.section-newsletter-new .container .gform_wrapper form .gform-body .gform_fields .gfield { width: 378px; } @media (max-width: 1439.98px) { .section.section-newsletter-new .container .gform_wrapper form .gform-body .gform_fields .gfield { width: auto; } } .section.section-newsletter-new .container .gform_wrapper form .gform-body .gform_fields .gfield .gform-button { border: none; min-height: 41px; min-width: 150px; } @media (max-width: 1439.98px) { .section.section-newsletter-new .container .gform_wrapper form .gform-body .gform_fields .gfield .gform-button { width: 100%; } } .section.section-newsletter-new .container .gform_wrapper form .gform-body .gform_fields .gfield .ginput_container input { border-radius: 24px; border: none !important; padding: 5px 15px !important; background-color: #fff !important; } .section.section-images-slider-new .slider-container { overflow: hidden; width: 100%; } .section.section-images-slider-new .slider-container .slider-track { display: flex; width: -moz-max-content; width: max-content; } .section.section-images-slider-new .slider-container .slider-track .slide { flex: 0 0 auto; margin-right: 35px; } @media (max-width: 767.98px) { .section.section-images-slider-new .slider-container .slider-track .slide { margin-right: 10px; } } .section.section-images-slider-new .slider-container .slider-track .slide img { display: block; height: 395px; -o-object-fit: cover; object-fit: cover; width: 300px; border-radius: 20px; } @media (max-width: 767.98px) { .section.section-images-slider-new .slider-container .slider-track .slide img { width: 340px; } } .section.section-usps .container .content-holder { padding-bottom: 96px; margin: 0 auto; max-width: 700px; text-align: center; } .section.section-usps .container .usp-holder { display: flex; flex-wrap: wrap; justify-content: center; gap: 109px 116px; } @media (max-width: 767.98px) { .section.section-usps .container .usp-holder { gap: 40px; } } .section.section-usps .container .usp-holder .usp { width: calc((100% - 348px) / 4); display: flex; justify-content: center; align-items: center; flex-direction: column; } @media (max-width: 1023.98px) { .section.section-usps .container .usp-holder .usp { width: calc((100% - 348px) / 3); } } @media (max-width: 767.98px) { .section.section-usps .container .usp-holder .usp { width: 100%; } } .section.section-usps .container .usp-holder .usp .image-holder { width: 66px; height: 56px; } .section.section-usps .container .usp-holder .usp .image-holder img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .section.section-usps .container .usp-holder .usp .content { text-align: center; margin-top: 37px; } .section.section-usps .container .usp-holder .usp .content h4 { margin-bottom: 4px; } .section.section-usps .container .button-holder { justify-content: center; display: flex; margin-top: 70px; } .section-faq { background-color: #fff; } .section-faq .title { width: 100%; text-align: center; margin-bottom: 100px; } @media (max-width: 1023.98px) { .section-faq .title { margin-bottom: 50px; } } .section-faq .title h2 { margin-bottom: 0; font-family: "new-atten", sans-serif; color: #170530; } @media (max-width: 1023.98px) { .section-faq .title h2 { font-size: 44px; } } .section-faq .faq { margin: 0 auto; max-width: 780px; } .section-faq .faq .faq-item:not(:last-child) { margin-bottom: 20px; border-bottom: 2px solid rgba(38, 38, 38, 0.2); } @media (max-width: 1279.98px) { .section-faq .faq .faq-item:not(:last-child) { margin-bottom: 20px; } } .section-faq .faq .faq-item:not(:first-child) { margin-top: 15px; } .section-faq .faq .faq-item:not(.is-opened) .faq-heading { margin-bottom: 15px; } .section-faq .faq .faq-item.is-opened .faq-heading .icon { transform: rotate(-180deg); } .section-faq .faq .faq-item .faq-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } @media (max-width: 1023.98px) { .section-faq .faq .faq-item .faq-heading { padding-left: 10px; } } .section-faq .faq .faq-item .faq-heading:hover { cursor: pointer; } .section-faq .faq .faq-item .faq-heading h3 { margin-bottom: 0; width: calc(100% - 60px); font-family: "new-atten", sans-serif; color: #170530; font-size: 16px; } @media (max-width: 1279.98px) { .section-faq .faq .faq-item .faq-heading h3 { width: calc(100% - 40px); } } .section-faq .faq .faq-item .faq-heading .icon { width: 25px; height: 25px; display: flex; font-style: normal; border-radius: 50%; align-items: center; position: relative; justify-content: center; background-color: #fff; transition: all 0.3s ease-in-out; } @media (max-width: 1279.98px) { .section-faq .faq .faq-item .faq-heading .icon { right: 0; width: 30px; height: 30px; } } .section-faq .faq .faq-item .faq-heading .icon:hover { cursor: pointer; } .section-faq .faq .faq-item .faq-heading .icon:after { color: #262626; font-size: 19px; margin-top: 5px; content: "\f13a"; font-weight: 300; font-family: "Font Awesome 5 Pro"; } @media (max-width: 1279.98px) { .section-faq .faq .faq-item .faq-heading .icon:after { font-size: 14px; } } .section-faq .faq .faq-item .faq-body { display: none; padding-top: 10px; padding-bottom: 20px; } @media (max-width: 1023.98px) { .section-faq .faq .faq-item .faq-body { padding-left: 10px; } } .section-faq .faq .faq-item .faq-body.is-opened { display: block; } .section-faq .faq .faq-item .faq-body p { max-width: 692px; color: #6d6e69; line-height: 1.6; } @media (max-width: 1023.98px) { .section-faq .faq .faq-item .faq-body p { max-width: calc(100% - 60px); } } .section-faq .button-holder { width: 100%; display: flex; margin-top: 50px; justify-content: center; } .section.section-locations .container .holder { display: flex; gap: 133px; align-items: center; } @media (max-width: 1439.98px) { .section.section-locations .container .holder { gap: 70px; } } @media (max-width: 1279.98px) { .section.section-locations .container .holder { gap: 40px; } } @media (max-width: 1023.98px) { .section.section-locations .container .holder { flex-direction: column; } } .section.section-locations .container .holder .cards-holder { width: 574px; gap: 32px; display: flex; } @media (max-width: 1023.98px) { .section.section-locations .container .holder .cards-holder { width: 100%; justify-content: center; order: 2; } } @media (max-width: 767.98px) { .section.section-locations .container .holder .cards-holder { flex-direction: column; } } .section.section-locations .container .holder .cards-holder .card { width: 271px; position: relative; height: 393px; display: flex; align-items: center; justify-content: end; flex-direction: column; border-radius: 10px; } @media (max-width: 767.98px) { .section.section-locations .container .holder .cards-holder .card { width: 100%; } } .section.section-locations .container .holder .cards-holder .card::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 55%; background: linear-gradient(to top, rgba(23, 5, 48, 0.75) 0%, rgba(23, 5, 48, 0.4) 40%, rgba(23, 5, 48, 0) 100%); z-index: -1; border-radius: 24px; } .section.section-locations .container .holder .cards-holder .card img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 10px; z-index: -1; } .section.section-locations .container .holder .cards-holder .card .content { margin-bottom: 33.5px; text-align: center; } .section.section-locations .container .holder .cards-holder .card .content h3 { color: #fff; font-size: 40px; } .section.section-locations .container .holder .cards-holder .card .content a { align-self: center; } .section.section-locations .container .holder .content-holder { width: calc(100% - 574px - 133px); } @media (max-width: 1439.98px) { .section.section-locations .container .holder .content-holder { width: calc(100% - 574px - 70px); } } @media (max-width: 1279.98px) { .section.section-locations .container .holder .content-holder { width: calc(100% - 574px - 40px); } } @media (max-width: 1023.98px) { .section.section-locations .container .holder .content-holder { width: 100%; order: 1; } } .section.section-locations .container .holder .content-holder p { max-width: 473px; } @media (max-width: 1023.98px) { .section.section-locations .container .holder .content-holder p { max-width: 100%; } } .section.section-arrangement-detail { padding-top: 0; } .section.section-arrangement-detail .arrangement-pageheader { height: 440px; display: flex; position: relative; align-items: flex-end; padding-bottom: 100px; } .section.section-arrangement-detail .arrangement-pageheader::before { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; background: rgba(38, 38, 38, 0.4); } .section.section-arrangement-detail .arrangement-pageheader img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: -2; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } .section.section-arrangement-detail .arrangement-pageheader .container { position: relative; } .section.section-arrangement-detail .arrangement-pageheader .container .title-holder { max-width: 630px; } .section.section-arrangement-detail .arrangement-pageheader .container .title-holder h3 { font-size: 20px; color: #fff; } .section.section-arrangement-detail .arrangement-pageheader .container .title-holder h1 { color: #fff; } .section.section-arrangement-detail .arrangement-pageheader .container .title-holder h1:before { display: none; } .section.section-arrangement-detail .arrangement-pageheader .container .title-holder h1:after { display: none; } .section.section-arrangement-detail .arrangement-pageheader .container .title-holder p { color: #fff; } .section.section-arrangement-detail .container .arrangement-template { gap: 75px 150px; width: 100%; display: flex; flex-wrap: wrap; padding-top: 100px; justify-content: space-between; } @media (max-width: 1023.98px) { .section.section-arrangement-detail .container .arrangement-template { gap: 50px; padding: 50px 0; flex-direction: column; } } .section.section-arrangement-detail .container .arrangement-template .template-content { gap: 50px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; } @media (min-width: 1024px) { .section.section-arrangement-detail .container .arrangement-template .template-content { max-width: calc(100% - 150px - 440px); flex: 1 0 90px; } } .section.section-arrangement-detail .container .arrangement-template .template-content .content .inner { width: 100%; } .section.section-arrangement-detail .container .arrangement-template .template-content .content .inner h2:before { display: none; } .section.section-arrangement-detail .container .arrangement-template .template-content .content .inner h2:after { display: none; } .section.section-arrangement-detail .container .arrangement-template .template-content .content .inner h3 { font-size: 30px; } .section.section-arrangement-detail .container .arrangement-template .template-content .image { width: 100%; } .section.section-arrangement-detail .container .arrangement-template .template-content .image .image-holder { width: 100%; overflow: hidden; position: relative; } .section.section-arrangement-detail .container .arrangement-template .template-content .image .image-holder:after { content: ""; display: block; padding-bottom: 65%; } .section.section-arrangement-detail .container .arrangement-template .template-content .image .image-holder img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: -2; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } @media (min-width: 1024px) { .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder { max-width: 440px; flex: 1 0 290px; } } @media (max-width: 1023.98px) { .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder { flex: 1 0 100%; max-width: 100%; } } .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar { display: flex; flex-direction: column; box-shadow: 3px 7px 24px 0px rgba(165, 142, 142, 0.15); } @media (min-width: 1024px) { .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar { top: 140px; position: sticky; } } .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar .image-holder { width: 100%; position: relative; } .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar .image-holder:after { content: ""; display: block; padding-bottom: 65%; } .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar .image-holder img { top: 0; left: 0; right: 0; bottom: 0; width: 100%; z-index: -2; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar .inner { display: flex; padding: 20px; flex-direction: column; align-items: flex-start; align-self: stretch; } .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar .inner h2:before { display: none; } .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar .inner h2:after { display: none; } .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar .inner h3 { font-size: 30px; } .section.section-arrangement-detail .container .arrangement-template .template-sidebar-holder .template-sidebar .inner .button-holder { display: flex; width: 100%; } .section.section-arrangement-detail .container .arrangement-template .template-button-holder { flex: 1 0 100%; max-width: 100%; } /* CUSTOM */ body.single-post .pageheader, body.single-cases .pageheader, body.page-template-custom-tour .pageheader { height: 75vw; min-height: 300px; max-height: 500px; margin-bottom: 0; } @media (min-width: 768px) { body.single-post .pageheader, body.single-cases .pageheader, body.page-template-custom-tour .pageheader { height: 60vw; } } @media (min-width: 1024px) { body.single-post .pageheader, body.single-cases .pageheader, body.page-template-custom-tour .pageheader { height: 50vw; } } body.single-post .pageheader .container .row .col .date, body.single-cases .pageheader .container .row .col .date, body.page-template-custom-tour .pageheader .container .row .col .date { display: flex; flex-direction: column; align-items: center; padding-top: 15px; font-weight: 500; font-size: 1.2em; text-transform: uppercase; } body.single-post .pageheader .container .row .col .date:before, body.single-cases .pageheader .container .row .col .date:before, body.page-template-custom-tour .pageheader .container .row .col .date:before { content: ""; width: 40px; height: 3px; background: #00a284; display: block; margin-bottom: 7px; } body.single-post .container.seo, body.single-cases .container.seo, body.page-template-custom-tour .container.seo { padding-left: 0; padding-right: 0; } @media (min-width: 1024px) { body.single-post .container.seo, body.single-cases .container.seo, body.page-template-custom-tour .container.seo { display: flex; flex-direction: row; padding: 30px; } } @media (min-width: 1280px) { body.single-post .container.seo, body.single-cases .container.seo, body.page-template-custom-tour .container.seo { padding: 60px; } } body.single-post .container.seo aside, body.single-cases .container.seo aside, body.page-template-custom-tour .container.seo aside { background: #00a284; padding: 15px 0; } @media (min-width: 1024px) { body.single-post .container.seo aside, body.single-cases .container.seo aside, body.page-template-custom-tour .container.seo aside { order: 2; width: 33%; padding: 15px; } } @media (min-width: 1280px) { body.single-post .container.seo aside, body.single-cases .container.seo aside, body.page-template-custom-tour .container.seo aside { padding: 30px; } } body.single-post .container.seo aside .inner, body.single-cases .container.seo aside .inner, body.page-template-custom-tour .container.seo aside .inner { padding: 15px; } @media (min-width: 1024px) { body.single-post .container.seo aside .inner, body.single-cases .container.seo aside .inner, body.page-template-custom-tour .container.seo aside .inner { position: sticky; top: 100px; padding: 0; } } @media (min-width: 1280px) { body.single-post .container.seo aside .inner, body.single-cases .container.seo aside .inner, body.page-template-custom-tour .container.seo aside .inner { top: 130px; } } body.single-post .container.seo aside .inner .buttons, body.single-cases .container.seo aside .inner .buttons, body.page-template-custom-tour .container.seo aside .inner .buttons { display: flex; flex-direction: column; align-items: center; } body.single-post .container.seo aside .inner .buttons .button, body.single-cases .container.seo aside .inner .buttons .button, body.page-template-custom-tour .container.seo aside .inner .buttons .button { background: black; color: #fff; width: 100%; display: flex; align-self: center; } body.single-post .container.seo aside .inner .buttons .button.outline, body.single-cases .container.seo aside .inner .buttons .button.outline, body.page-template-custom-tour .container.seo aside .inner .buttons .button.outline { margin-top: 15px; background: transparent; border: 1px solid #fff; } body.single-post .container.seo aside .inner .blogs, body.single-cases .container.seo aside .inner .blogs, body.page-template-custom-tour .container.seo aside .inner .blogs { padding-bottom: 30px; border-bottom: 2px solid #fff; } body.single-post .container.seo aside .inner .blogs .blog-item, body.single-cases .container.seo aside .inner .blogs .blog-item, body.page-template-custom-tour .container.seo aside .inner .blogs .blog-item { display: flex; flex-direction: row; align-items: center; color: #fff; margin-top: 15px; } body.single-post .container.seo aside .inner .blogs .blog-item .image, body.single-cases .container.seo aside .inner .blogs .blog-item .image, body.page-template-custom-tour .container.seo aside .inner .blogs .blog-item .image { height: 100px; width: 150px; overflow: hidden; } body.single-post .container.seo aside .inner .blogs .blog-item .image img, body.single-cases .container.seo aside .inner .blogs .blog-item .image img, body.page-template-custom-tour .container.seo aside .inner .blogs .blog-item .image img { -o-object-position: center; object-position: center; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } body.single-post .container.seo aside .inner .blogs .blog-item .text, body.single-cases .container.seo aside .inner .blogs .blog-item .text, body.page-template-custom-tour .container.seo aside .inner .blogs .blog-item .text { margin-left: 30px; } body.single-post .container.seo aside .inner .blogs .blog-item .text p, body.single-cases .container.seo aside .inner .blogs .blog-item .text p, body.page-template-custom-tour .container.seo aside .inner .blogs .blog-item .text p { font-weight: 500; } body.single-post .container.seo aside .inner .blogs .blog-item .text a, body.single-cases .container.seo aside .inner .blogs .blog-item .text a, body.page-template-custom-tour .container.seo aside .inner .blogs .blog-item .text a { display: flex; flex-direction: row; align-items: center; font-weight: 600; text-transform: uppercase; font-size: 1.1em; } @media (min-width: 1280px) { body.single-post .container.seo aside .inner .blogs .blog-item .text a:hover, body.single-cases .container.seo aside .inner .blogs .blog-item .text a:hover, body.page-template-custom-tour .container.seo aside .inner .blogs .blog-item .text a:hover { text-decoration: underline; } } body.single-post .container.seo aside .inner .blogs .blog-item .text a img, body.single-cases .container.seo aside .inner .blogs .blog-item .text a img, body.page-template-custom-tour .container.seo aside .inner .blogs .blog-item .text a img { width: 8px; margin-right: 15px; } body.single-post .container.seo aside .inner h2, body.single-cases .container.seo aside .inner h2, body.page-template-custom-tour .container.seo aside .inner h2 { font-size: 2em; text-align: center; color: #fff; margin-top: 20px; } body.single-post .container.seo aside .inner .slider2, body.single-cases .container.seo aside .inner .slider2, body.page-template-custom-tour .container.seo aside .inner .slider2 { padding-bottom: 60px; } body.single-post .container.seo aside .inner .slider2 .slick-dots, body.single-cases .container.seo aside .inner .slider2 .slick-dots, body.page-template-custom-tour .container.seo aside .inner .slider2 .slick-dots { bottom: 25px; } body.single-post .container.seo aside .inner .slider2 .slick-dots li.slick-active button:before, body.single-cases .container.seo aside .inner .slider2 .slick-dots li.slick-active button:before, body.page-template-custom-tour .container.seo aside .inner .slider2 .slick-dots li.slick-active button:before { opacity: 1; color: #262626; } body.single-post .container.seo aside .inner .slider2 .slick-track, body.single-cases .container.seo aside .inner .slider2 .slick-track, body.page-template-custom-tour .container.seo aside .inner .slider2 .slick-track { display: flex; } body.single-post .container.seo aside .inner .slider2 .slick-track .slick-slide, body.single-cases .container.seo aside .inner .slider2 .slick-track .slick-slide, body.page-template-custom-tour .container.seo aside .inner .slider2 .slick-track .slick-slide { display: flex; height: auto; } body.single-post .container.seo aside .inner .slider2 .review, body.single-cases .container.seo aside .inner .slider2 .review, body.page-template-custom-tour .container.seo aside .inner .slider2 .review { padding: 15px; } body.single-post .container.seo aside .inner .slider2 .review .inner, body.single-cases .container.seo aside .inner .slider2 .review .inner, body.page-template-custom-tour .container.seo aside .inner .slider2 .review .inner { border: 1px solid #C5C5C5; border-radius: 15px; padding: 25px; height: 100%; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); background-color: #fff; } body.single-post .container.seo aside .inner .slider2 .review .inner .head, body.single-cases .container.seo aside .inner .slider2 .review .inner .head, body.page-template-custom-tour .container.seo aside .inner .slider2 .review .inner .head { display: flex; flex-direction: row; align-items: center; margin-bottom: 15px; } body.single-post .container.seo aside .inner .slider2 .review .inner .head img, body.single-cases .container.seo aside .inner .slider2 .review .inner .head img, body.page-template-custom-tour .container.seo aside .inner .slider2 .review .inner .head img { width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 0; object-position: 50% 0; border-radius: 100px; box-shadow: 0 4px 10px rgba(43, 43, 43, 0.15); margin-right: 15px; } body.single-post .container.seo aside .inner .slider2 .review .inner .head p strong, body.single-cases .container.seo aside .inner .slider2 .review .inner .head p strong, body.page-template-custom-tour .container.seo aside .inner .slider2 .review .inner .head p strong { font-size: 1.2em; } body.single-post .container.seo article, body.single-cases .container.seo article, body.page-template-custom-tour .container.seo article { padding: 15px; } @media (min-width: 1024px) { body.single-post .container.seo article, body.single-cases .container.seo article, body.page-template-custom-tour .container.seo article { order: 1; width: 67%; padding-right: 30px; } } body.single-post .container.seo article h2, body.single-cases .container.seo article h2, body.page-template-custom-tour .container.seo article h2 { margin: 1em 0 0.7em; } body.single-post .container.seo article ul:not(.slick-dots) li, body.single-cases .container.seo article ul:not(.slick-dots) li, body.page-template-custom-tour .container.seo article ul:not(.slick-dots) li { padding: 5px 1em 5px 2.7em; position: relative; } body.single-post .container.seo article ul:not(.slick-dots) li:before, body.single-cases .container.seo article ul:not(.slick-dots) li:before, body.page-template-custom-tour .container.seo article ul:not(.slick-dots) li:before { content: "\f058"; font-family: "Font Awesome 5 Pro"; position: absolute; display: inline-block; left: 0; font-weight: normal; font-size: 20px; color: #00a284; } body.single-post .container.seo article img.seo-image, body.single-cases .container.seo article img.seo-image, body.page-template-custom-tour .container.seo article img.seo-image { width: calc(100% + 30px); margin: 15px -15px; } @media (min-width: 768px) { body.single-post .container.seo article img.seo-image, body.single-cases .container.seo article img.seo-image, body.page-template-custom-tour .container.seo article img.seo-image { width: 100%; margin: 30px 0; } } body.single-post .container.seo article .virtualtour, body.single-cases .container.seo article .virtualtour, body.page-template-custom-tour .container.seo article .virtualtour { margin: 30px 0; } body.single-post .container.seo article .virtualtour .wrap, body.single-cases .container.seo article .virtualtour .wrap, body.page-template-custom-tour .container.seo article .virtualtour .wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } body.single-post .container.seo article .virtualtour .wrap iframe, body.single-cases .container.seo article .virtualtour .wrap iframe, body.page-template-custom-tour .container.seo article .virtualtour .wrap iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } body.single-post .container.seo article .buttons, body.single-cases .container.seo article .buttons, body.page-template-custom-tour .container.seo article .buttons { margin-bottom: 15px; display: flex; align-items: center; } body.single-post .container.seo article .buttons .button, body.single-cases .container.seo article .buttons .button, body.page-template-custom-tour .container.seo article .buttons .button { margin-bottom: 10px; width: -moz-fit-content; width: fit-content; } @media (max-width: 767.98px) { body.single-post .container.seo article .buttons .button, body.single-cases .container.seo article .buttons .button, body.page-template-custom-tour .container.seo article .buttons .button { flex-direction: row; } } body.single-post .container.seo article .buttons .button:not(:last-child), body.single-cases .container.seo article .buttons .button:not(:last-child), body.page-template-custom-tour .container.seo article .buttons .button:not(:last-child) { margin-right: 15px; } body.single-post .container.seo article .reviews, body.single-cases .container.seo article .reviews, body.page-template-custom-tour .container.seo article .reviews { border-top: 1px solid #262626; margin: 30px 0; } @media (min-width: 768px) { body.single-post .container.seo article .reviews, body.single-cases .container.seo article .reviews, body.page-template-custom-tour .container.seo article .reviews { margin: 45px 0; } } body.single-post .container.seo article .reviews .review, body.single-cases .container.seo article .reviews .review, body.page-template-custom-tour .container.seo article .reviews .review { display: flex; flex-direction: column; border-bottom: 1px solid #262626; padding: 30px 0; } @media (min-width: 768px) { body.single-post .container.seo article .reviews .review, body.single-cases .container.seo article .reviews .review, body.page-template-custom-tour .container.seo article .reviews .review { flex-direction: row; } } body.single-post .container.seo article .reviews .review .company, body.single-cases .container.seo article .reviews .review .company, body.page-template-custom-tour .container.seo article .reviews .review .company { display: flex; flex-direction: row; align-items: center; } body.single-post .container.seo article .reviews .review .company img, body.single-cases .container.seo article .reviews .review .company img, body.page-template-custom-tour .container.seo article .reviews .review .company img { width: 90px; height: 90px; -o-object-fit: cover; object-fit: cover; border-radius: 200px; padding: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } body.single-post .container.seo article .reviews .review .company .inner, body.single-cases .container.seo article .reviews .review .company .inner, body.page-template-custom-tour .container.seo article .reviews .review .company .inner { white-space: nowrap; margin: 0 30px; } @media (min-width: 768px) { body.single-post .container.seo article .reviews .review .company, body.single-cases .container.seo article .reviews .review .company, body.page-template-custom-tour .container.seo article .reviews .review .company { min-width: 40%; border-right: 1px solid #262626; } } body.single-post .container.seo article .reviews .review .quote, body.single-cases .container.seo article .reviews .review .quote, body.page-template-custom-tour .container.seo article .reviews .review .quote { display: flex; align-items: center; margin-top: 15px; } @media (min-width: 768px) { body.single-post .container.seo article .reviews .review .quote, body.single-cases .container.seo article .reviews .review .quote, body.page-template-custom-tour .container.seo article .reviews .review .quote { text-align: left; margin: 0 0 0 30px; } } body.single-post .container.seo article .slider, body.single-cases .container.seo article .slider, body.page-template-custom-tour .container.seo article .slider { margin: 30px 0; } @media (min-width: 768px) { body.single-post .container.seo article .slider, body.single-cases .container.seo article .slider, body.page-template-custom-tour .container.seo article .slider { margin: 45px 0; display: flex; flex-direction: row; } } @media (min-width: 768px) { body.single-post .container.seo article .slider .images, body.single-cases .container.seo article .slider .images, body.page-template-custom-tour .container.seo article .slider .images { width: 100%; } body.single-post .container.seo article .slider .images .slick-list, body.single-cases .container.seo article .slider .images .slick-list, body.page-template-custom-tour .container.seo article .slider .images .slick-list { height: 100%; } body.single-post .container.seo article .slider .images .slick-list .slick-track, body.single-cases .container.seo article .slider .images .slick-list .slick-track, body.page-template-custom-tour .container.seo article .slider .images .slick-list .slick-track { height: 100%; } body.single-post .container.seo article .slider .images .slick-list .slick-track .slick-slide, body.single-cases .container.seo article .slider .images .slick-list .slick-track .slick-slide, body.page-template-custom-tour .container.seo article .slider .images .slick-list .slick-track .slick-slide { height: 100%; -o-object-fit: cover; object-fit: cover; } } @media (min-width: 1024px) { body.single-post .container.seo article .seoimpression, body.single-cases .container.seo article .seoimpression, body.page-template-custom-tour .container.seo article .seoimpression { display: none; } } body.single-post .container.seo article .seoimpression .head, body.single-cases .container.seo article .seoimpression .head, body.page-template-custom-tour .container.seo article .seoimpression .head { background-size: cover; background-position: 50% 50%; } body.single-post .container.seo article .seoimpression .head .inner, body.single-cases .container.seo article .seoimpression .head .inner, body.page-template-custom-tour .container.seo article .seoimpression .head .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 40vw; max-height: 250px; color: #fff; background-color: rgba(0, 0, 0, 0.5); } body.single-post .container.seo article .seoimpression .head .inner h2, body.single-cases .container.seo article .seoimpression .head .inner h2, body.page-template-custom-tour .container.seo article .seoimpression .head .inner h2 { margin: 0 0 15px; } body.single-post .container.seo article .seoimpression .gallery, body.single-cases .container.seo article .seoimpression .gallery, body.page-template-custom-tour .container.seo article .seoimpression .gallery { display: flex; flex-direction: row; flex-wrap: wrap; padding: 2.5px; margin: 0 -5px; } @media (min-width: 768px) { body.single-post .container.seo article .seoimpression .gallery, body.single-cases .container.seo article .seoimpression .gallery, body.page-template-custom-tour .container.seo article .seoimpression .gallery { padding: 0; margin: 0; } } body.single-post .container.seo article .seoimpression .gallery img, body.single-cases .container.seo article .seoimpression .gallery img, body.page-template-custom-tour .container.seo article .seoimpression .gallery img { width: calc(50vw - 12.5px); height: calc(50vw - 12.5px); padding: 2.5px; -o-object-fit: cover; object-fit: cover; } body.single-post .container.seo article .seoimpression .gallery img:nth-child(n+3), body.single-cases .container.seo article .seoimpression .gallery img:nth-child(n+3), body.page-template-custom-tour .container.seo article .seoimpression .gallery img:nth-child(n+3) { display: none; } @media (min-width: 768px) { body.single-post .container.seo article .seoimpression .gallery img, body.single-cases .container.seo article .seoimpression .gallery img, body.page-template-custom-tour .container.seo article .seoimpression .gallery img { width: calc((100vw - 30px) / 3); height: calc((100vw - 30px) / 3); padding: 0; } body.single-post .container.seo article .seoimpression .gallery img:nth-child(n+3), body.single-cases .container.seo article .seoimpression .gallery img:nth-child(n+3), body.page-template-custom-tour .container.seo article .seoimpression .gallery img:nth-child(n+3) { display: block; } body.single-post .container.seo article .seoimpression .gallery img:nth-child(n+4), body.single-cases .container.seo article .seoimpression .gallery img:nth-child(n+4), body.page-template-custom-tour .container.seo article .seoimpression .gallery img:nth-child(n+4) { display: none; } } body.single-post .container.seo article .seoimpression .gallery img:after, body.single-cases .container.seo article .seoimpression .gallery img:after, body.page-template-custom-tour .container.seo article .seoimpression .gallery img:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); background-image: url("/wp-content/themes/patagoniabeach/public/img/zoom.svg"); background-size: 50px; background-position: 50% 50%; z-index: 4; transition: opacity 0.2s ease-in-out; } body.single-post .container.seo article .seoimpression .gallery img:hover:after, body.single-cases .container.seo article .seoimpression .gallery img:hover:after, body.page-template-custom-tour .container.seo article .seoimpression .gallery img:hover:after { opacity: 1; pointer-events: inherit; } body.single-post .container.seo article .seoimpression .gallery .button, body.single-cases .container.seo article .seoimpression .gallery .button, body.page-template-custom-tour .container.seo article .seoimpression .gallery .button { width: 100%; margin: 2.5px; } @media (min-width: 768px) { body.single-post .container.seo article .seoimpression .gallery .button, body.single-cases .container.seo article .seoimpression .gallery .button, body.page-template-custom-tour .container.seo article .seoimpression .gallery .button { margin: 15px 0 0; } } body.page-id-34 .container.seo aside .inner .impressionwrap p { display: none; } body.page-id-34 .container.seo aside .inner .impressionwrap .sandlogo { display: block; } .menucard-page-clean { overflow: hidden; position: relative; } .menucard-page-clean .inner { max-width: 1100px; margin: 0 auto 50px auto; } .menucard-page-clean .menucard-page-title { margin: 50px 0; text-align: center; } .menucard-page-clean .menucard-page-title h1 { line-height: 1; display: block; font-size: 80px; position: relative; color: transparent; background-clip: text; background-size: cover; background-position: center; -webkit-background-clip: text; background-image: url("/wp-content/themes/thefullybookers-child/public/img/pattern-gold.jpg"); } .menucard-page-clean .menucards-holder { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } @media (min-width: 768px) { .menucard-page-clean .menucards-holder { margin: 0 -30px; } } .menucard-page-clean .menucards-holder .menucard { width: 100%; } @media (min-width: 768px) { .menucard-page-clean .menucards-holder .menucard { margin: 0 30px; flex: 1 0 calc(50% - 60px); max-width: calc(50% - 60px); } } @media (max-width: 767.98px) { .menucard-page-clean .menucards-holder .menucard:not(:last-child) { margin-bottom: 60px; } } .menucard-page-clean .menucards-holder .menucard .menucard-title { display: flex; flex-wrap: wrap; position: relative; margin-bottom: 30px; padding-bottom: 10px; align-items: flex-start; justify-content: space-between; border-bottom: 1px solid #00a284; } .menucard-page-clean .menucards-holder .menucard .menucard-title h2 { font-size: 46px; margin-bottom: 0; } .menucard-page-clean .menucards-holder .menucard .menucard-title .totalprice { margin: 0; display: block; line-height: 1; font-size: 46px; color: transparent; position: relative; white-space: nowrap; background-clip: text; background-size: cover; background-position: center; -webkit-background-clip: text; font-family: "new-atten", sans-serif; font-weight: 900; text-transform: none; background-image: url("/wp-content/themes/thefullybookers-child/public/img/pattern-gold.jpg"); } @media (min-width: 768px) and (max-width: 1023.98px) { .menucard-page-clean .menucards-holder .menucard .menucard-title .totalprice { font-size: 40px; } } @media (max-width: 767.98px) { .menucard-page-clean .menucards-holder .menucard .menucard-title .totalprice { font-size: 30px; } } .menucard-page-clean .menucards-holder .menucard .items-table .item { width: 100%; display: flex; line-height: 1; padding: 10px 0; flex-wrap: wrap; font-size: 20px; align-items: flex-start; justify-content: space-between; } .menucard-page-clean .menucards-holder .menucard .items-table .item.has-line { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #555; } .menucard-page-clean .menucards-holder .menucard .items-table .item .dish { color: #00a284; display: inline-block; width: calc(100% - 160px); font-family: "new-atten", sans-serif; } .menucard-page-clean .menucards-holder .menucard .items-table .item .dish span.title { display: inline-block; } .menucard-page-clean .menucards-holder .menucard .items-table .item .dish span.description { color: #262626; line-height: 1; font-size: 14px; display: inline; font-family: "new-atten", sans-serif; } .menucard-page-clean .menucards-holder .menucard .items-table .item .pieces, .menucard-page-clean .menucards-holder .menucard .items-table .item .price { width: 80px; color: #262626; display: inline-block; font-family: "new-atten", sans-serif; } .menucard-page-clean .menucards-holder .menucard .items-table .item .price { text-align: right; } .menucard-page-clean .menucards-holder .menucard .items-list { text-align: center; } @media (min-width: 768px) { .menucard-page-clean .menucards-holder .menucard .items-list { text-align: center; } } .menucard-page-clean .menucards-holder .menucard .items-list .item { display: block; line-height: 1; padding: 10px 0; font-size: 20px; } .menucard-page-clean .menucards-holder .menucard .items-list .item .dish { width: 100%; color: #00a284; display: inline-block; font-family: "new-atten", sans-serif; } .menucard-page-clean .menucards-holder .menucard .items-list .item .dish span.description { color: #262626; line-height: 1; font-size: 14px; display: inline; font-family: "new-atten", sans-serif; } .menucard-page-clean .menucards-holder .menucard .items-list .divider { margin: 10px 0; text-align: center; position: relative; } .menucard-page-clean .menucards-holder .menucard .items-list .divider:before { font-size: 10px; font-weight: 300; content: "\f45c"; position: relative; display: inline-block; transform: rotate(45deg); color: rgb(0, 187.5, 152.7777777778); font-family: "Font Awesome 5 Pro"; } .menucard-page-clean .reservation-button { margin: 60px 0; display: block; } .menucard-page-clean .reservation-button a.button { color: #262626; display: block; text-align: center; background-image: url("/wp-content/themes/thefullybookers-child/public/img/btn-bg.png"); } .menucard-page-clean .reviews { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } @media (min-width: 768px) { .menucard-page-clean .reviews { margin: 0 -30px; } } .menucard-page-clean .reviews .review { width: 100%; padding: 20px; border-radius: 4px; display: inline-block; background-color: #f6f5f0; } @media (min-width: 768px) { .menucard-page-clean .reviews .review { margin: 0 30px; flex: 1 0 calc(50% - 60px); max-width: calc(50% - 60px); } } @media (max-width: 767.98px) { .menucard-page-clean .reviews .review:not(:last-child) { margin-bottom: 30px; } } .menucard-page-clean .reviews .review .title { display: block; font-size: 18px; position: relative; padding-left: 35px; color: rgb(50.75, 50.75, 50.75); } .menucard-page-clean .reviews .review .title:before { left: 0; top: 2px; font-size: 16px; font-weight: 300; content: "\f45c"; position: absolute; transform: rotate(45deg); color: rgb(50.75, 50.75, 50.75); font-family: "Font Awesome 5 Pro"; } .menucard-page-clean .reviews .review .message { font-size: 14px; padding-left: 35px; color: #595959; } .menucard-page-clean .reviews .review .message p { font-size: 14px; font-style: italic; } .menucard-page-clean .reviews .review .message span.name { font-size: 14px; font-weight: bold; display: inline-block; color: rgb(50.75, 50.75, 50.75); line-height: 1.6; } .menucard-page { z-index: 1; position: relative; } .menucard-page .menu-hero { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; height: 440px; } @media (max-width: 479.98px) { .menucard-page .menu-hero { height: 350px; } } .menucard-page .menucard { top: -80px; padding: 40px; margin: 0 auto; max-width: 1100px; position: relative; background-color: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } @media (max-width: 767.98px) { .menucard-page .menucard { padding: 40px 15px 15px 15px; } } .menucard-page .menucard .menucard-title { padding: 10px 25px 4px 25px; position: absolute; display: inline-block; font-family: "new-atten", sans-serif; background-color: #00a284; left: 50%; top: -20px; transform: translate(-50%, 0); } .menucard-page .menucard .menucard-title h1 { color: #fff; font-size: 26px; margin-bottom: 0; line-height: 1; font-weight: 300; } .menucard-page .menucard .menucard-title h1:before, .menucard-page .menucard .menucard-title h1:after { display: none; } .menucard-page .menucard .menu-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } @media (max-width: 767.98px) { .menucard-page .menucard .menu-header { align-items: stretch; } } .menucard-page .menucard .menu-header > * { flex: 1; } @media (max-width: 767.98px) { .menucard-page .menucard .menu-header > * { flex: 1 0 100%; } } @media (max-width: 767.98px) { .menucard-page .menucard .menu-header > *.title { order: 1; } } .menucard-page .menucard .menu-header > *.featured { flex: 1.5; } @media (max-width: 767.98px) { .menucard-page .menucard .menu-header > *.featured { order: 2; flex: 1 0 calc(50% - 15px); max-width: calc(50% - 15px); } } @media (max-width: 479.98px) { .menucard-page .menucard .menu-header > *.featured { flex: 1 0 100%; max-width: none; } .menucard-page .menucard .menu-header > *.featured:not(:last-child) { margin-bottom: 15px; } } .menucard-page .menucard .menu-header .featured { padding: 15px; text-align: center; position: relative; border: 2px solid #00a284; } .menucard-page .menucard .menu-header .featured h3 { font-size: 32px; margin-bottom: 5px; color: #00a284; } .menucard-page .menucard .menu-header .title { padding: 20px; text-align: center; } .menucard-page .menucard .menu-intro { margin: 20px 0; text-align: center; } .menucard-page .menucard .menu-intro h3 { font-size: 32px; line-height: 1; margin-bottom: 15px; } .menucard-page .menucard .menu-highlight { padding: 30px 15px; display: flex; position: relative; align-items: stretch; justify-content: center; border: 2px solid #00a284; } @media (max-width: 767.98px) { .menucard-page .menucard .menu-highlight { flex-wrap: wrap; } } .menucard-page .menucard .menu-highlight .title { display: flex; text-align: center; align-items: center; justify-content: center; } @media (min-width: 768px) { .menucard-page .menucard .menu-highlight .title { padding-right: 43px; border-right: 2px solid #00a284; } } @media (max-width: 767.98px) { .menucard-page .menucard .menu-highlight .title { width: 100%; margin-bottom: 15px; } } .menucard-page .menucard .menu-highlight .title span { display: block; line-height: 1; font-size: 40px; font-weight: bold; color: #00a284; font-family: "new-atten", sans-serif; } .menucard-page .menucard .menu-highlight .title span:last-child { margin-top: 10px; color: #262626; } @media (max-width: 767.98px) { .menucard-page .menucard .menu-highlight .title span { display: inline-block; } .menucard-page .menucard .menu-highlight .title span:last-child { margin-left: 5px; } } .menucard-page .menucard .menu-highlight .content { text-align: left; } @media (min-width: 768px) { .menucard-page .menucard .menu-highlight .content { padding-left: 45px; } } @media (max-width: 767.98px) { .menucard-page .menucard .menu-highlight .content { text-align: center; } } .menucard-page .menucard .menu-highlight .content span { display: block; line-height: 1; font-weight: bold; font-family: "new-atten", sans-serif; } .menucard-page .menucard .menu-highlight .content span.subtitle { font-size: 30px; } .menucard-page .menucard .menu-highlight .content span.arrangement { letter-spacing: 2px; } .menucard-page .menucard .menu-highlight .content span.arrangement span { color: #fff; margin-left: 20px; border-radius: 4px; position: relative; display: inline-block; letter-spacing: inherit; padding: 5px 10px 3px 10px; background-color: #00a284; } .menucard-page .menucard .menu-highlight .content span.arrangement span:before { top: 9px; left: -18px; color: #262626; font-size: 6px; content: "\f111"; position: absolute; display: inline-block; font-family: "Font Awesome 5 Pro"; } .menucard-page .menucard .menu-body { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .menucard-page .menucard .menu-body .menu-section { margin-top: 30px; width: 100%; } .menucard-page .menucard .menu-body .menu-section:not(.is-half) .menu-items { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } @media (min-width: 768px) { .menucard-page .menucard .menu-body .menu-section:not(.is-half) .menu-items .menu-item { width: calc(50% - 30px); } } .menucard-page .menucard .menu-body .menu-section:not(.is-half) .menu-items .menu-item .icons { display: flex; flex-wrap: wrap; } .menucard-page .menucard .menu-body .menu-section:not(.is-half) .menu-items .menu-item .icons span { font-size: 40px; line-height: 1; } @media (min-width: 768px) { .menucard-page .menucard .menu-body .menu-section.is-half { width: calc(50% - 30px); } } .menucard-page .menucard .menu-body .menu-section .title { display: block; text-align: center; margin-bottom: 30px; padding: 8px 10px 5px 10px; border: 2px solid #00a284; } .menucard-page .menucard .menu-body .menu-section .title h3 { line-height: 1; font-size: 32px; margin-bottom: 0; } .menucard-page .menucard .menu-body .menu-section .menu-item { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } .menucard-page .menucard .menu-body .menu-section .menu-item:not(:last-child) { margin-bottom: 15px; } .menucard-page .menucard .menu-body .menu-section .menu-item .name { padding-right: 20px; width: calc(100% - 60px); } .menucard-page .menucard .menu-body .menu-section .menu-item .name h4 { line-height: 1; font-size: 26px; font-weight: 300; margin-bottom: 0; color: #00a284; } .menucard-page .menucard .menu-body .menu-section .menu-item .name p { margin-bottom: 0; } .menucard-page .menucard .menu-body .menu-section .menu-item .price { width: 60px; color: #262626; line-height: 1; font-size: 26px; font-weight: 300; margin-bottom: 0; text-align: right; position: relative; font-family: "new-atten", sans-serif; } .menucard-page .menucard .menu-body .menu-section .menu-item .price span { top: -7px; right: 2px; font-size: 16px; position: relative; } .menucard-page .legenda { max-width: 1100px; margin: 0 auto; } .menucard-page .legenda .legenda-wrapper { width: 100%; padding: 30px; border: 1px solid hsla(76, 4%, 49%, 0.8); background-color: #fff; } .menucard-page .legenda .legenda-wrapper .legenda-title { text-align: center; margin-bottom: 25px; } .menucard-page .legenda .legenda-wrapper .legenda-title h4:after { left: 50%; position: absolute; transform: translateX(-50%); height: 3px; background-color: #00a284; content: ""; display: block; } @media (min-width: 1024px) { .menucard-page .legenda .legenda-wrapper .legenda-title h4:after { margin: 10px 0 20px; width: 80px; } } .menucard-page .legenda .legenda-wrapper .legenda-items .legenda-items-wrapper { display: flex; flex-wrap: wrap; margin: 0 -10px; } .menucard-page .legenda .legenda-wrapper .legenda-items .legenda-items-wrapper .legenda-item { gap: 10px; display: flex; flex-wrap: wrap; align-items: center; width: calc(25% - 20px); margin: 10px 10px 0 10px; flex: 1 0 calc(25% - 20px); max-width: calc(25% - 20px); } @media screen and (max-width: 768px) { .menucard-page .legenda .legenda-wrapper .legenda-items .legenda-items-wrapper .legenda-item { width: calc(33.3333% - 20px); flex: 1 0 calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); } } @media screen and (max-width: 480px) { .menucard-page .legenda .legenda-wrapper .legenda-items .legenda-items-wrapper .legenda-item { font-size: 14px; text-align: center; width: calc(50% - 20px); flex: 1 0 calc(50% - 20px); max-width: calc(50% - 20px); } } .menucard-page .legenda .legenda-wrapper .legenda-items .legenda-items-wrapper .legenda-item:nth-child(-n+4) { margin-top: 20px; } @media screen and (max-width: 768px) { .menucard-page .legenda .legenda-wrapper .legenda-items .legenda-items-wrapper .legenda-item:nth-child(-n+4) { margin-top: 10px; } } .menucard-page .legenda .legenda-wrapper .legenda-items .legenda-items-wrapper .legenda-item .icon span { color: #262626; } @media (min-width: 768px) { .menucard-page-holder { display: flex; position: relative; flex-direction: column; } } .menucard-page-holder .sticky-footer { left: 0; order: 2; right: 0; bottom: 0; z-index: 2; position: sticky; background-color: #fff; box-shadow: 2px 2px 10px 4px rgba(38, 38, 38, 0.6); } @media (max-width: 767.98px) { .menucard-page-holder .sticky-footer { top: 45px; order: 1; bottom: unset; background-color: #00a284; } } .menucard-page-holder .sticky-footer .menucard-items { display: flex; align-items: stretch; justify-content: center; } @media (min-width: 768px) { .menucard-page-holder .sticky-footer .menucard-items { padding: 10px 0; } } .menucard-page-holder .sticky-footer .menucard-items > * { flex: 1; max-width: 251px; } @media (min-width: 768px) { .menucard-page-holder .sticky-footer .menucard-items > * { margin: 0 5px; } } .menucard-page-holder .sticky-footer .menucard-items > *:first-child { margin-left: 0; } .menucard-page-holder .sticky-footer .menucard-items > *:last-child { margin-right: 0; } .menucard-page-holder .sticky-footer .menucard-items .item { height: 60px; display: flex; position: relative; text-align: center; align-items: center; justify-content: center; background-color: #00a284; border-radius: 19px; } .menucard-page-holder .sticky-footer .menucard-items .item .title { z-index: 1; color: #fff; font-size: 17px; font-weight: 700; position: relative; font-family: "new-atten", sans-serif; } @media (min-width: 768px) { .menucard-page-holder .sticky-footer .menucard-items .item:hover:before, .menucard-page-holder .sticky-footer .menucard-items .item.is-active:before { opacity: 0.25; } } @media (max-width: 767.98px) { .menucard-page-holder .sticky-footer .menucard-items .item { height: 50px; background-image: none !important; } .menucard-page-holder .sticky-footer .menucard-items .item:before { width: 0; height: 0; opacity: 0; bottom: -15px; content: ""; position: absolute; display: inline-block; transition: all 0.15s ease-in-out; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 15px solid #00a284; } .menucard-page-holder .sticky-footer .menucard-items .item.is-active { background-color: #00a284; } .menucard-page-holder .sticky-footer .menucard-items .item.is-active:before { opacity: 1; } .menucard-page-holder .sticky-footer .menucard-items .item .title { font-size: 20px; } } .menucard-page-holder .sticky-footer .menucard-items .button { height: 60px; line-height: 1; padding-left: 0; padding-right: 0; text-align: center; display: flex; border-radius: 19px; } @media (max-width: 767.98px) { .menucard-page-holder .sticky-footer .menucard-items .button { display: none; } } .menucard-page-holder .sticky-footer .menucard-items .button span { display: block; font-size: 17px; text-transform: none; font-weight: 600; } .event-detail h1, .event-detail h2 { line-height: 1; } .event-detail h1:before, .event-detail h1:after, .event-detail h2:before, .event-detail h2:after { display: none; } .event-detail h1 { color: #00a284; } .event-detail h2 { font-size: 45px; } .event-detail ul li { font-weight: bold; position: relative; padding-left: 30px; } .event-detail ul li:before { position: absolute; left: 1px; top: 0; font-size: 18px; content: "\f00c"; font-family: "Font Awesome 5 Pro"; color: #00a284; font-weight: bold; display: inline-block; } .event-detail .block:not(:last-child) { margin-bottom: 40px; } .event-detail .backlink { margin: -5px 0 20px 0; } .event-detail .backlink a { color: #262626; padding: 5px 0; font-size: 16px; font-weight: bold; text-transform: uppercase; } .event-detail .backlink a:hover { color: #00a284; } .event-detail .backlink a i { margin-right: 5px; } .event-detail .detail-holder { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .event-detail .detail-holder > * { flex: 1; } @media (max-width: 767.98px) { .event-detail .detail-holder > * { flex: 1 0 100%; } } @media (min-width: 768px) and (max-width: 1023.98px) { .event-detail .detail-holder .content { max-width: calc(100% - 350px); } } @media (min-width: 1024px) { .event-detail .detail-holder .content .block { padding-right: 40px; } } @media (min-width: 768px) and (max-width: 1023.98px) { .event-detail .detail-holder .content .block { padding-right: 20px; } } .event-detail .detail-holder .content p:not(:last-child) { margin: 0 0 20px 0; } .event-detail .detail-holder .image { width: 100%; display: block; position: relative; padding-bottom: 40%; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (min-width: 768px) and (max-width: 1023.98px) { .event-detail .detail-holder .image { width: 350px; height: 350px; flex: none; padding-bottom: 0; } } @media (max-width: 767.98px) { .event-detail .detail-holder .image { margin: 40px -15px; width: calc(100% + 30px); padding-bottom: calc(100% + 30px); } } .event-detail .detail-holder .image:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(38, 38, 38, 0.2); } .event-detail .detail-holder .image:after { z-index: 1; content: ""; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px; border: 1px solid #00a284; transition: all 0.15s ease-in-out; } @media (min-width: 768px) { .event-detail .detail-holder .image.mobile { display: none; } } @media (max-width: 767.98px) { .event-detail .detail-holder .image.desktop { display: none; } } /* Templates */ .section.section-room-detail { padding: 80px 0; position: relative; } .section.section-room-detail:before { top: 0; left: 0; content: ""; z-index: -1; width: 100%; opacity: 0.1; height: 665px; overflow: hidden; position: absolute; background-size: 80px; background-color: #f6f5f0; background-repeat: repeat; background-position: center; background-image: url("/wp-content/uploads/2019/12/pattern-background.svg"); } @media (max-width: 767.98px) { .section.section-room-detail:before { height: 100vh; } } .section.section-room-detail:after { left: 0; top: 470px; z-index: -1; content: ""; width: 100%; height: 250px; position: absolute; background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 80%); } @media (max-width: 767.98px) { .section.section-room-detail:after { top: 75vh; } } @media (max-width: 767.98px) { .section.section-room-detail { padding-top: 30px; } } .section.section-room-detail .room-detail-content { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .section.section-room-detail .room-detail-content > * { width: 100%; position: relative; } @media (min-width: 768px) { .section.section-room-detail .room-detail-content > * { flex: 1 0 50%; max-width: 50%; } } .section.section-room-detail .room-detail-content > *.content h1:before, .section.section-room-detail .room-detail-content > *.content h1:after, .section.section-room-detail .room-detail-content > *.content h2:before, .section.section-room-detail .room-detail-content > *.content h2:after { display: none; } @media (min-width: 768px) { .section.section-room-detail .room-detail-content > *.content { padding-right: 60px; } } @media (max-width: 767.98px) { .section.section-room-detail .room-detail-content > *.content { order: 2; } } .section.section-room-detail .room-detail-content > *.content .content-item { width: 100%; display: inline-block; } .section.section-room-detail .room-detail-content > *.content .content-item:not(:last-child) { margin-bottom: 60px; } .section.section-room-detail .room-detail-content > *.content .content-item ul li:before { color: #00a284; content: "\f00c"; font-weight: bold; margin-right: 15px; font-family: "Font Awesome 5 Pro"; } .section.section-room-detail .room-detail-content > *.content .content-item .features { margin-bottom: -35px; } @media (min-width: 768px) { .section.section-room-detail .room-detail-content > *.content .content-item .features { -moz-columns: 2; columns: 2; } } .section.section-room-detail .room-detail-content > *.content .content-item .features .feature-item { width: 100%; margin-bottom: 35px; display: inline-block; } @media (max-width: 767.98px) { .section.section-room-detail .room-detail-content > *.content .content-item .features .feature-item { margin-bottom: 20px; } .section.section-room-detail .room-detail-content > *.content .content-item .features .feature-item.is-opened .feature-title:after { transform: rotate(180deg); } } .section.section-room-detail .room-detail-content > *.content .content-item .features .feature-item .feature-title { position: relative; padding-bottom: 10px; } @media (max-width: 767.98px) { .section.section-room-detail .room-detail-content > *.content .content-item .features .feature-item .feature-title { display: flex; cursor: pointer; align-items: center; justify-content: flex-start; } .section.section-room-detail .room-detail-content > *.content .content-item .features .feature-item .feature-title:after { right: 0; line-height: 1; font-size: 15px; content: "\f0d7"; margin-left: 15px; font-weight: bold; position: relative; display: inline-block; transition: all 0.2s ease-in-out; font-family: "Font Awesome 5 Pro"; } } .section.section-room-detail .room-detail-content > *.content .content-item .features .feature-item .feature-title h3 { font-size: 22px; margin-bottom: 0; font-weight: bold; text-transform: none; display: inline-block; font-family: "new-atten", sans-serif; } .section.section-room-detail .room-detail-content > *.content .content-item .features .feature-item .feature-content ul li:before { display: none; } @media (min-width: 768px) { .section.section-room-detail .room-detail-content > *.visuals { padding-left: 60px; } } @media (max-width: 767.98px) { .section.section-room-detail .room-detail-content > *.visuals { order: 1; width: 100%; } .section.section-room-detail .room-detail-content > *.visuals:after { right: 0; z-index: 0; top: -30px; left: -30px; content: ""; bottom: 90px; position: absolute; display: inline-block; } } .section.section-room-detail .room-detail-content > *.visuals .visual-item { z-index: 2; width: 100%; position: relative; margin-bottom: 30px; display: inline-block; box-shadow: 0 3px 30px rgba(38, 38, 38, 0.19); } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel { margin: 0; opacity: 0; transition: all 0.2s ease-in-out; } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel.slick-initialized { opacity: 1; } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel.slick-initialized .slick-arrow { bottom: 0; top: unset; width: 50px; font-size: 0; transform: none; position: absolute; color: #3a3835 !important; background-color: #fff; } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel.slick-initialized .slick-arrow:before { font-size: 26px; } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel.slick-initialized .slick-arrow.slick-next { right: 0; bottom: 0; color: #3a3835 !important; background-color: rgba(255, 255, 255, 0.9); } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel.slick-initialized .slick-arrow.slick-next:before { content: "\f054"; } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel.slick-initialized .slick-arrow.slick-prev { right: 50px; left: auto; background-color: rgba(255, 255, 255, 0.7); } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel .image-ratio { position: relative; } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel .image-ratio:after { content: ""; display: block; padding-bottom: 75%; } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image-carousel .image-ratio img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; display: inline-block; } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image { width: 100%; } .section.section-room-detail .room-detail-content > *.visuals .visual-item .image img { width: 100%; height: auto; max-width: 100%; } .section.section-room-detail .room-detail-content > *.visuals-mobile { order: 3; width: 100%; margin-top: 60px; display: inline-block; } .section.section-room-detail .room-detail-content > *.visuals-mobile .visual-item { display: inline-block; width: calc(100% + 30px); } @media (min-width: 768px) { .section.section-room-detail .room-detail-content > *.visuals-mobile { display: none; } } .section.section-room-detail .room-detail-content > * .video { position: relative; } .section.section-room-detail .room-detail-content > * .video:after { content: ""; display: block; padding-bottom: 75%; } .section.section-room-detail .room-detail-content > * .video img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; display: inline-block; } .section.section-room-detail .room-detail-content > * .video .play-button { width: 100%; height: 100%; position: absolute; } .section.section-room-detail .room-detail-content > * .video .play-button:before { top: 50%; left: 50%; z-index: 2; width: 50px; height: 50px; display: flex; color: #3a3835; font-size: 20px; content: "\f04b"; font-weight: bold; position: absolute; align-items: center; justify-content: center; transition: all 0.2s ease-in-out; transform: translate(-50%, -50%); font-family: "Font Awesome 5 Pro"; background: rgba(255, 255, 255, 0.9); } .section.section-room-detail .room-detail-content > * .video .play-button:after { top: 0; left: 0; right: 0; bottom: 0; z-index: 1; content: ""; position: absolute; display: inline-block; } .section.section-room-detail .room-detail-content > * .video .play-button:hover { cursor: pointer; } .section.section-room-detail .room-detail-content > * .video .play-button:hover:before { transform: translate(-50%, -50%) scale(1.15); } .section.section-room-detail .room-detail-content > * .video .play-button i { width: 100%; height: 100%; color: #3a3835; display: flex; align-items: center; justify-content: center; } .section-room-image-content .room-image-content { gap: 60px; display: flex; padding: 80px 0; flex-wrap: wrap; align-items: center; } @media (max-width: 1023.98px) { .section-room-image-content .room-image-content { gap: 0; padding: 40px 0; } } .section-room-image-content .room-image-content > *.content { width: calc(35% - 30px); flex: 1 0 calc(35% - 30px); max-width: calc(35% - 30px); } @media (max-width: 1023.98px) { .section-room-image-content .room-image-content > *.content { width: 100%; flex: 1 0 100%; max-width: 100%; margin-bottom: 40px; } } .section-room-image-content .room-image-content > *.content h1:before, .section-room-image-content .room-image-content > *.content h1:after, .section-room-image-content .room-image-content > *.content h2:before, .section-room-image-content .room-image-content > *.content h2:after { display: none; } .section-room-image-content .room-image-content > *.content ul li:before { color: #00a284; content: "\f00c"; font-weight: bold; margin-right: 15px; font-family: "Font Awesome 5 Pro"; } .section-room-image-content .room-image-content > *.image { position: relative; width: calc(65% - 30px); flex: 1 0 calc(65% - 30px); max-width: calc(65% - 30px); } @media (max-width: 1023.98px) { .section-room-image-content .room-image-content > *.image { width: 100%; flex: 1 0 100%; max-width: 100%; } } .section-room-image-content .room-image-content > *.image:after { content: ""; display: block; padding-bottom: 60%; } .section-room-image-content .room-image-content > *.image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } .single-post-wrapper .pageheader h1 { color: #fff; } .single-post-wrapper .pageheader h1:before { background-color: #fff; } .single-post-wrapper .pageheader h1:after { background-color: #fff; } .single-post-wrapper article { margin: 0 auto; width: 67% !important; } .single-post-wrapper article > *:not(:first-child) { margin-top: 30px; } .single-post-wrapper article .seo-image, .single-post-wrapper article .slider img { max-height: 500px; } .single-post-wrapper article .seo-image { -o-object-fit: cover; object-fit: cover; } .single-post-wrapper article .slider { margin-top: 0 !important; } .single-post-wrapper article .seo-image { margin: 30px 0 0 0 !important; width: 100% !important; } .single-post-wrapper .blog-buttons .button.outline:hover { color: #262626 !important; border: 1px solid #262626 !important; background-color: transparent !important; } .single-post-wrapper .blog-buttons .button.outline:hover:after { background-color: #fff !important; } .split-page { width: 100%; position: relative; height: 100vh; } @media (max-width: 1279.98px) { .split-page { height: calc(100vh - 77.4px); } } .split-page .holder { height: 100%; display: flex; flex-wrap: wrap; } .split-page .holder > * { width: 50%; flex: 1 0 50%; max-width: 50%; } @media (max-width: 767.98px) { .split-page .holder > * { width: 100%; height: 50%; flex: 1 0 100%; max-width: 100%; } } .split-page .holder > * .wrapper { height: 100%; position: relative; } .split-page .holder > * .wrapper:hover:before { opacity: 0; } .split-page .holder > * .wrapper .page-link { width: 100%; height: 100%; display: block; position: relative; } .split-page .holder > * .wrapper .page-link:before { top: 0; left: 0; right: 0; bottom: 0; z-index: 3; content: ""; position: absolute; } .split-page .holder > * .wrapper .page-link:hover { cursor: pointer; } .split-page .holder > * .wrapper:before { z-index: 1; content: ""; width: 100%; opacity: 0.59; height: 100%; position: absolute; background-color: #262626; transition: all 0.3s ease-in-out; } .split-page .holder > * .wrapper .background-image { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; } .split-page .holder > * .wrapper .logo { top: 50%; left: 50%; z-index: 2; position: absolute; transform: translateX(-50%) translateY(-50%); } .split-page .holder > * .wrapper .logo .page-link:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; display: inline-block; } .split-page .icon { top: 50%; left: 50%; z-index: 1; position: absolute; transform: translateX(-50%) translateY(-50%); } @media (max-width: 1023.98px) { .split-page .icon img { width: 100px; height: 100px; } } .otgs-development-site-front-end { display: none; }