@charset "UTF-8";
@charset "UTF-8";
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;-ms-touch-action:manipulation;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;-ms-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;-ms-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;-ms-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;-ms-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{-webkit-backface-visibility:hidden;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)}}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.aligncenter	{ display: block; margin: 0 auto; }
.alignleft		{ float: left; margin: 0 20px 20px 0; }
.alignright		{ float: right; margin: 0 0 20px 20px; }
.wp-caption		{ border: 1px solid #999; text-align: center; background: #eee; padding: 10px; margin: 10px; }
.dk-select,
.dk-select *,
.dk-select *:before,
.dk-select *:after,
.dk-select-multi,
.dk-select-multi *,
.dk-select-multi *:before,
.dk-select-multi *:after {
box-sizing: border-box;
}
.dk-select,
.dk-select-multi {
position: relative;
display: inline-block;
vertical-align: middle;
line-height: 1.5em;
width: 100%;
cursor: pointer;
}
.dk-selected {
width: 100%;
white-space: nowrap;
overflow: hidden;
position: relative;
background-color: white;
text-overflow: ellipsis;
padding: 27px 80px 27px 40px;
text-transform: uppercase;
line-height: 20px;
}
.dk-selected:before,
.dk-selected:after {
content: "";
display: block;
position: absolute;
right: 20px;
}
.dk-selected:before {
top: 50%;
height: 36px;
width: 36px;
margin-top: -18px;
display: block;
background-color: #e0e0e0;
line-height: 36px;
text-align: center;
border-radius: 50px;
}
.dk-selected:after {
content: url(//www.wates.co.uk/wp-content/themes/wates/images/black-arrow-down.svg);
height: 13px;
width: auto;
position: absolute;
top: 50%;
margin-top: -8px;
right: 34px;
}
.dk-selected-disabled {
color: #bbbbbb;
}
.dk-select .dk-select-options {
position: absolute;
display: none;
left: 0;
right: 0;
}
.dk-select-open-up .dk-select-options {
margin-bottom: -1px;
bottom: 100%;
}
.dk-select-open-down .dk-select-options {
margin-top: -1px;
top: 100%;
}
.dk-select-multi .dk-select-options {
max-height: 10em;
}
.dk-select-options {
background-color: white;
list-style: none;
margin: 0;
max-height: 200px;
overflow-x: hidden;
overflow-y: auto;
padding: 0.25em 0;
width: auto;
z-index: 100;
}
.dk-option-selected {
background-color: #7bc243;
color: #fff;
}
.dk-select-options-highlight .dk-option-selected {
background-color: transparent;
color: inherit;
}
.dk-option {
padding: 15px 40px;
margin-bottom: 0;
}
.dk-select-options .dk-option-highlight {
background-color: #7bc243;
color: #fff;
}
.dk-select-options .dk-option-disabled {
display: none;
}
.dk-select-options .dk-option-hidden {
display: none;
}
.dk-optgroup {
border-width: 1px 0;
padding: 0.25em 0;
margin-top: 0.25em;
}
.dk-optgroup + .dk-option {
margin-top: 0.25em;
}
.dk-optgroup + .dk-optgroup {
border-top-width: 0;
margin-top: 0;
}
.dk-optgroup:nth-child(2) {
padding-top: 0;
border-top: none;
margin-top: 0;
}
.dk-optgroup:last-child {
border-bottom-width: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.dk-optgroup-label {
padding: 0 0.5em 0.25em;
font-weight: bold;
width: 100%;
}
.dk-optgroup-options {
list-style: none;
padding-left: 0;
}
.dk-optgroup-options li {
padding-left: 1.2em;
}
.dk-select-open-up .dk-selected {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-color: #7bc243;
}
.dk-select-open-down .dk-selected {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-color: #7bc243;
}
.dk-select-open-up .dk-selected:before,
.dk-select-open-down .dk-selected:before {
border-width: 0 0.25em 0.25em;
border-bottom-color: #7bc243;
}
.dk-select-open-up .dk-selected:after,
.dk-select-open-down .dk-selected:after {
border-left-color: #7bc243;
}
.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
display: block;
border-color: #7bc243;
}
.dk-select-multi:hover,
.dk-select-multi:focus {
outline: none;
}
.dk-selected:hover,
.dk-selected:focus {
outline: none;
border-color: #7bc243;
}
.dk-selected:hover:before,
.dk-selected:focus:before {
border-top-color: #7bc243;
}
.dk-selected:hover:after,
.dk-selected:focus:after {
border-left-color: #7bc243;
}
.dk-select-disabled {
opacity: 0.6;
color: #bbbbbb;
cursor: not-allowed;
}
.dk-select-disabled .dk-selected:hover,
.dk-select-disabled .dk-selected:focus {
border-color: inherit;
}
.dk-select-disabled .dk-selected:hover:before,
.dk-select-disabled .dk-selected:focus:before {
border-top-color: inherit;
}
.dk-select-disabled .dk-selected:hover:after,
.dk-select-disabled .dk-selected:focus:after {
border-left-color: inherit;
}
select[data-dkcacheid] {
display: none;
} .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
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;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}  html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 14px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
vertical-align: baseline; } ::-moz-selection {
background-color: #006776;
color: #fff;
text-shadow: none;
}
::selection {
background-color: #006776;
color: #fff;
text-shadow: none;
}
::-webkit-input-placeholder {
color: #fff;
}
:-moz-placeholder { color: #fff;
}
::-moz-placeholder { color: #fff;
}
:-ms-input-placeholder {
color: #fff;
}
figure {
margin: 0;
} article ul,
article ol {
margin-left: 0;
margin-bottom: 20px;
}
section.nice-list li,
article li {
font-size: 20px;
line-height: 32px; color: #666666;
margin-bottom: 5px;
}
section.nice-list li:last-child,
article li:last-child {
margin-bottom: 40px;
}
section.nice-list ul li,
article ul li {
list-style-type: none;
padding-left: 40px;
position: relative;
}
section.nice-list ul:not(.slick-dots) li:before,
article ul:not(.slick-dots) li:before {
content: "";
width: 30px;
background-color: #7bc243;
height: 1px;
display: block;
position: absolute;
top: 14px;
left: 0;
}
.single-jobs section ul li,
.single-jobs article ul li {
list-style-type: disc;
padding-left: 0;
margin-left: 17px;
}
.single-jobs section ul li:before,
.single-jobs article ul li:before {
display: none;
}
section ol li,
article ol li {
list-style: decimal;
}
article > *:last-child {
margin-bottom: 0;
}
article figure {
margin-bottom: 20px;
}
a {
text-decoration: none;
font-size: inherit;
font-family: inherit;
color: #007180;
transition: all 0.3s ease-in-out 0s;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
a:hover {
color: #202020;
}
input[type="checkbox"],
input[type="radio"] {
margin: 0 10px 10px 0;
}
img {
display: block;
max-width: 100%;
height: auto;
}
span {
font-size: inherit;
font-weight: inherit;
font-size: inherit;
font-family: inherit;
}
article img.size-full {
width: 110%;
margin-left: -5%;
height: auto;
margin-bottom: 30px;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
iframe {
max-width: 100%;
}
@media (max-width: 500px) {
iframe {
height: auto;
}
} .cf:before,
.cf:after {
content: " "; display: table; }
.cf:after {
clear: both;
}  .clear {
clear: both;
} .agendamedium {
font-family: "Agenda Med";
font-style: Normal;
font-weight: Normal;
}
.agendalight,
.agendalight * {
font-family: "Agenda Lt";
font-style: Normal;
font-weight: Normal;
}
.left {
float: left;
}
.right {
float: right;
}
.centered {
text-align: center;
}
.center {
margin: 0 auto;
}
.col3 {
width: 33.3333333%;
}
.col4 {
width: 25%;
}
.col-span-26 {
width: 26%;
}
.col-span-42 {
width: 42%;
}
.col-span-62 {
width: 62%;
}
.col-span-60 {
width: 60%;
}
.col-span-40 {
width: 40%;
}
.col-span-55 {
width: 55%;
}
.last {
margin-right: 0;
}
.col-half {
width: 50%;
}
.half-child-link {
width: 48%;
margin-top: 60px;
overflow: hidden;
}
.half-child-link img {
width: 100%;
height: auto;
transition: all 0.3s ease-in-out 0s;
}
.half-child-link:hover img,
.half-child-link:focus img {
transform: scale(1.01);
}
.button,
.wpcf7-submit {
color: #fff !important;
display: inline-block;
zoom: 1;
margin: 0 auto;
padding: 35px 60px 35px 25px;
border: none !important;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
min-width: 210px;
text-align: left;
position: relative;
background-color: #7bc243;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
overflow: hidden;
z-index: 10;
} #career-button {
color: #fff !important;
display: inline-block;
zoom: 1;
margin: 0 auto;
padding: 30px 0;
border: none !important;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 12px;
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
width: 130px;
text-align: center;
position: relative;
background-color: #7bc243;
outline: none;
position: absolute;
top: 0;
right: 0;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
.button:hover,
.button:focus,
.wpcf7-submit:focus,
.wpcf7-submit:hover,
#career-button:hover,
#career-button:focus {
color: #fff !important;
box-shadow: none;
}
.button:before {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 100%;
left: -100%;
background-color: #202020;
transition: all 0.3s ease-in-out 0s;
z-index: -1;
}
.button:hover:before,
.button:focus:before {
left: 0;
}
.dark-grey-bg .button:before,
.black-bg .button:before,
.green-bg .button:before,
.green-grad-bg .button:before {
background-color: #006776;
}
.button:after {
content: "";
height: 14px;
width: 26px;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/button-arrow.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
position: absolute;
top: 50%;
margin-top: -7px;
right: 25px;
display: block;
transition: opacity 0.3s ease-in-out 0s;
}
.button.readmore-button:after {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/white-plus.svg);
height: 24px;
width: 24px;
background-size: 100% 100%;
margin-top: -12px;
}
.overlapping-button {
position: absolute;
position: absolute;
left: 50%;
bottom: -40px;
transform: translateX(-50%);
}
.hidden {
display: none;
}
.table {
display: table;
}
.v-h-center {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 100%;
}
.v-align-middle {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.h-align-middle {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.relative {
position: relative;
}
.cover-bg {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.browser-height {
height: 100vh;
box-sizing: border-box;
}
.full-height-window {
min-height: 100vh;
box-sizing: border-box;
}
.overflow-hidden {
overflow: hidden;
}
.half-browser-height {
height: 50vh;
}
.slideout {
position: fixed;
bottom: 100%;
left: 0;
right: 0;
width: 100%;
z-index: 5000;
transition: all 0.3s ease-in-out 0s;
}
#search-slideout {
bottom: auto;
top: 100%;
display: none;
}
#search-slideout.open {
display: block;
}
.slideout.open {
top: 0;
}
.opening-block {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slideout .column-2 {
opacity: 0;
left: 10%;
transition: all 0.6s ease-in-out 0.3s;
}
.slideout.open .column-2 {
left: 25%;
opacity: 1;
}
#search-slideout.open {
top: 0;
bottom: auto;
}
.inline-line {
top: -100px;
position: absolute;
}
.wow {
visibility: hidden;
}
.block-padding {
padding: 75px 0 50px;
}
.block-padding-no-top {
padding: 0px 0 50px;
}
.block-padding-60 {
padding: 60px 0;
}
.xl-block-padding {
padding: 160px 0 70px;
}
.block-padding-110-190 {
padding: 110px 0 190px;
}
.block-padding-150 {
padding: 150px 0 110px;
}
.block-padding-110 {
padding: 70px 0 70px;
}
.even-padding-110 {
padding: 110px 0 110px;
}
.sub-opening {
z-index: 100;
}
.align-middle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.align-middle.thin-wrapper {
position: absolute;
}
.wrapper {
width: 94%;
margin: 0 auto;
}
.wrapper.related-content {
max-width: 1500px;
}
.inner-wrapper {
width: 94%;
margin: 0 auto;
max-width: 1024px;
}
.thin-wrapper {
width: 94%;
max-width: 1024px;
margin: 0 auto 60px;
z-index: 20;
position: relative;
margin: 0 auto;
}
.vertical-border-bottom {
margin-bottom: 70px !important;
}
.vertical-border-bottom:after {
content: " ";
bottom: -26px;
left: calc(50% - 40px);
width: 80px;
height: 1px;
background-color: #0c5765;
position: absolute;
display: block;
position: relative;
}
.vertical-border-top {
padding-top: 60px;
position: relative;
color: #007180;
}
.vertical-border-top:after {
content: "";
height: 30px;
width: 1px;
display: block;
left: 50%;
top: 0px;
position: absolute;
}
.teal.vertical-border-bottom:after,
.teal.vertical-border-top:after {
background-color: #007180;
}
.green.vertical-border-bottom:after,
.green.vertical-border-top:after,
.white.vertical-border-top:after {
background-color: #7bc243;
}
.section-label {
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
letter-spacing: 2px;
margin-bottom: 0;
font-weight: 500;
}
.horiz-border-bottom {
padding-bottom: 40px;
margin-bottom: 40px;
position: relative;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
}
.horiz-border-bottom:after,
.horiz-border-top:after {
content: "";
width: 90px;
height: 1px;
position: absolute;
left: 50%;
background-color: #007180;
transform: translateX(-50%);
}
.horiz-border-top {
padding-top: 40px;
position: relative;
}
.horiz-border-bottom.left-bordered:after {
left: 0;
transform: none;
}
.horiz-border-bottom:after {
bottom: 0;
}
.horiz-border-top:after {
top: 0;
}
.swipe-over {
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swipe-over * {
opacity: 0;
}
.swipe-over img {
transition: all 0.6s ease-in-out 0.3s;
}
.swipe-over .swipe-over-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
transition: all 0.6s ease-in-out 0s;
z-index: 4000;
opacity: 1;
}
.swipe-over.delay-swipe .swipe-over-inner {
transition: all 0.6s ease-in-out 0.3s;
}
.grey-bg.swipe-over .swipe-over-inner {
background-color: #e4e4e4;
}
.green-bg.swipe-over .swipe-over-inner {
background-color: #7bc243;
}
.grey-swipe.swipe-over .swipe-over-inner {
background-color: #e4e4e4;
}
.black-swipe.swipe-over .swipe-over-inner {
background-color: #202020;
}
.green-swipe.swipe-over .swipe-over-inner {
background-color: #7bc243;
}
.finished .swipe-over.swipe-left .swipe-over-inner {
left: -100%;
}
.finished .swipe-over.swipe-right .swipe-over-inner {
left: 100%;
}
.finished .swipe-over * {
opacity: 1;
}
.text-overlay {
z-index: 2000;
width: 80%;
}
.background-columns {
position: absolute;
top: 0; left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
.uppercase {
text-transform: uppercase;
}
.align-right {
text-align: right;
}
.no-l-spacing {
letter-spacing: 0;
}
.clearleft {
clear: left;
}
img.centered {
margin: 0 auto;
}
.fullwidth {
width: 100%;
}
.dark-trans-over-pseudo:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(30, 30, 30, 0.5);
z-index: 100;
}
.forceshow {
display: inline-block !important;
} .teal {
color: #006776;
}
.teal-bg,
.fastslick {
background-color: #004c5c;
}
.teal-image-overlay {
position: relative;
}
.teal-image-overlay:before {
content: "";
background-color: rgba(6, 76, 91, 0.6);
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0;
}
.teal-grad-bg {
background-color: #064c5b;
background: linear-gradient(to right, from(#064c5b), to(#0e717f));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#064c5b', EndColorStr='#0e717f');
}
.green-grad-bg {
background-color: #3c7f39;
background: linear-gradient(to right, from(#3c7f39), to(#7dc04b));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#3c7f39', EndColorStr='#7dc04b');
}
#main .teal-bg p {
color: #6b9ea7;
}
.light-grey-bg {
background-color: #e4e4e4;
}
.green,
.black-bg p.green {
color: #7bc243;
}
.black-bg a:hover,
.black-bg a:focus {
color: #fff;
}
.green-bg {
background-color: #7bc243;
}
.dark-trans-over {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(30, 30, 30, 0.5);
z-index: 100;
}
.dark-trans-over.low-z {
z-index: 0;
}
.low-z {
z-index: 100;
}
.heavy-dark-trans-over {
background-color: rgba(30, 30, 30, 0.7);
}
.dark-bg {
background-color: #202020;
}
.black-bg {
background-color: #202020;
}
.medium-grey-bg {
background-color: #3b3a3b;
}
.dark-grey-bg {
background-color: #202020;
}
.white-bg {
background-color: #ffffff;
}
.white-bg .bg-column {
border-right: 1px solid #d5d5d5;
}
.white {
color: #fff;
}
.grey {
color: #909090;
}
.teal-overlay-treat:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-color: #064c5b;
background: -webkit-linear-gradient(top right, #064c5b, #0e717f);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#064c5b', EndColorStr='#0e717f');
opacity: 0.8;
z-index: 0;
}
.parallax-banner {
overflow: hidden;
position: relative;
min-height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: top center; }
.parallax-banner .parallaxed-colour-bg {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1 !important;
}
@media (max-width: 600px) {
body.search-results #allcontent .thin-inner-masthead .align-middle {
padding: 80px 0 40px;
}
}
body.search-results #allcontent .thin-inner-masthead .align-middle h1 {
margin-top: 64px;
color: #fff;
margin-bottom: 0;
text-align: center;
font-size: 52px;
line-height: 54px;
letter-spacing: 1px;
}
@media (max-width: 1140px) {
body.search-results #allcontent .thin-inner-masthead .align-middle h1 {
font-size: 38px;
line-height: 44px;
margin-bottom: 0;
}
}
@media (max-width: 600px) {
body.search-results #allcontent .thin-inner-masthead .align-middle h1 {
margin-top: 0;
font-size: 28px;
line-height: 34px;
}
} #s-inline {
color: #252525 !important;
} #preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999; }
#preloader .column {
background-color: #fff;
transition: all 0.6s ease-in-out 0s;
}
#preloader .column-1 {
bottom: 0;
}
.page-loaded.loading #preloader .column-1 {
bottom: 0 !important;
}
#preloader .column-2 {
top: 0;
}
.page-loaded.loading #preloader .column-2 {
top: 0 !important;
}
#preloader .column-3 {
bottom: 0;
}
.page-loaded.loading #preloader .column-3 {
bottom: 0 !important;
}
#preloader .column-4 {
top: 0;
}
.page-loaded.loading #preloader .column-4 {
top: 0 !important;
}
.page-loaded #preloader {
visibility: hidden !important;
}
.loading #preloader {
visibility: visible !important;
}
.page-loaded #preloader .column-1,
.page-loaded #preloader .column-3 {
bottom: 100% !important;
}
.page-loaded #preloader .column-2,
.page-loaded #preloader .column-4 {
top: 100% !important;
}
.preloader-logo {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease-in-out 0.15s;
}
.page-loaded.loading #preloader .preloader-logo,
.loading #preloader .preloader-logo {
opacity: 1;
}
.page-loaded #preloader .preloader-logo {
opacity: 0;
} .outer-wrapper {
width: 100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
#allcontent {
width: 100%;
min-height: 100vh; box-sizing: border-box;
transition: all 0.3s ease-in-out 0.6s;
overflow: hidden;
}
#allcontent.no-header {
padding-top: 81px;
}
@media (max-width: 767px) {
#allcontent.no-header {
padding-top: 61px;
}
}
.logo-link {
position: absolute;
right: 20px;
top: 15px;
width: 105px;
z-index: 5500;
}
.logo-link img {
width: 100%;
height: auto;
transition: all 0.6s ease-in-out 0s;
}
.logo-link:hover img,
.logo-link:focus img {
opacity: 0.4;
} #toggle-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
left: 0;
height: 60px;
width: 100%;
background-color: #fff;
transition: all 0.3s ease-in-out 0.6s;
z-index: 4000;
opacity: 0;
}
#toggle-bar {
opacity: 1;
top: 81px;
bottom: auto;
height: auto;
background-color: #e4e4e4;
z-index: 4000;
}
#toggles {
text-align: center;
}
#toggles li {
width: 15%;
display: inline-block;
list-style-type: none;
line-height: 60px;
cursor: pointer;
position: relative;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
margin-left: -4px;
}
#toggles li span {
position: relative;
padding: 0 10px;
display: inline-block;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
#toggles li.active span:after {
content: "";
height: 2px;
width: 100%;
background-color: #004c5c;
display: block;
position: absolute;
bottom: 25px;
left: 0;
}
.sidebar-inner {
position: fixed;
top: 0;
bottom: auto;
width: 100%;
left: 0;
background-color: #fff;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
#middle-link {
display: none;
height: 80px;
margin-left: 150px;
width: calc(100% - 300px); text-align: center;
text-transform: uppercase;
position: relative;
}
#middle-link span {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
.sidebar-toggle {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: block;
padding: 10px;
width: 100%;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
cursor: pointer;
}
.sidebar-toggle:after {
content: "+";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -5px;
}
.sidebar-toggle.open:after {
content: url(//www.wates.co.uk/wp-content/themes/wates/images/sidebar-toggle-close.svg);
}
.slideout .line2 {
display: none;
}
.slideout .line1 {  transform: rotate(-45deg);
margin-top: 5px;
}
.slideout .line3 {  transform: rotate(45deg);
margin-top: -10px;
}
.slideout .menu-toggle-icon:after {
content: "CLOSE";
color: #fff;
left: 12px;
display: none;
}
#navigation-slideout .menu-toggle:hover .menu-toggle-icon:after,
#navigation-slideout .menu-toggle:focus .menu-toggle-icon:after {
color: #7bc243 !important;
}
#navigation-slideout .column-4 {
position: absolute;
top: 0;
right: -100%;
opacity: 0;
transition: all 0.3s ease-in-out 0.3s;
}
#navigation-slideout.open .column-4 {
right: 0;
opacity: 1;
}
#filter-slideout {
position: fixed;
bottom: 0;
left: -100%;
width: 100%;
min-height: 50vh;
z-index: 4000;
padding: 80px 0 80px 74px;
transition: all 0.3s ease-in-out 0s;
box-sizing: border-box;
}
.post-filter-slideout {
position: fixed;
left: 0%;
top: 0%;
opacity: 0;
width: 100%;
z-index: 4000;
padding: 80px 0 80px 74px;
transition: all 0.3s ease-in-out 0s;
box-sizing: border-box;
min-height: 0;
}
.post-filter-slideout .filter-list {
text-align: left;
display: flex;
display: -ms-flexbox;
flex-direction: row;
flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
justify-content: space-around;
}
.post-filter-slideout .filter-list li {
display: inline-block;
width: auto;
flex: 1 100%;
}
.no-flexbox .post-filter-slideout .filter-list li {
width: 10%;
}
.post-filter-slideout .filter-list li a {
text-transform: uppercase;
color: #818181;
}
#filter-slideout.open,
.post-filter-slideout.open {
top: 121px;
opacity: 1;
}
#filter-slideout h4 {
color: #818181;
font-size: 13px;
line-height: 15px;
}
.filter-list {
margin: 0 30px;
}
.filter-list li {
list-style-type: none;
margin-bottom: 5px;
padding: 8px 20px;
color: #fff;
display: block;
cursor: pointer;
}
#case-study-filter .filter-list li:hover,
#case-study-filter .filter-list li:focus,
#case-study-filter .filter-list li.active {
background-color: #3a3a3a;
}
#filter-slideout-close,
.slideout-close {
position: absolute;
top: 25px;
left: 25px;
cursor: pointer;
width: 10px;
height: 10px;
display: block;
}
#filter-slideout-close img,
.slideout-close img {
width: 100%;
height: auto;
}
.inline-filter-list .filter-list li {
width: 18.5%;
max-width: 350px;
margin: 0 auto;
text-align: center;
padding: 0;
}
.inline-filter-list .filter-list li a {
display: block;
padding: 8px 20px;
font-size: 15px;
}
.inline-filter-list .filter-list li.current_post_type a {
color: #7bc243;
}
#latest-link a {
position: relative;
color: #252525;
}
#latest-link a:before {
content: "";
height: 80px;
width: 80px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100px;
z-index: -1;
}
#latest-link:hover,
#latest-link:focus {
background-color: transparent;
}
.post-filter-slideout .filter-list li:hover,
.post-filter-slideout .filter-list li:focus {
background-color: transparent;
}
.post-filter-slideout .filter-list li:hover a,
.post-filter-slideout .filter-list li:focus a,
.post-filter-slideout .filter-list li.current-cat a {
color: #7bc243;
}
.filter-list li.child-filter {
position: relative;
color: #ccc;
text-transform: uppercase;
font-size: 11px;
padding: 5px 0;
}
.filter-list .filter.active {
color: #7bc243;
}
.children-wrap {
display: none;
padding-top: 20px;
} .left-slideout {
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
position: absolute;
height: 0;
width: 100vw;
overflow: hidden;
z-index: -1;
transition: all 0.3s ease-in-out 0s;
}
.left-slideout.open {
left: 0;
top: 81px;
opacity: 1;
z-index: 5500;
visibility: visible;
height: 100vh;
}
.left-slideout.open:before {
content: "";
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 0;
bottom: 0;
width: 3000px;
z-index: 0;
}
.left-slideout .slideout-inner {
overflow-x: auto;
overflow-y: hidden;
top: 0;
left: 0;
bottom: 0;
height: 200px;
position: absolute;
background-color: #1a1a1a;
width: 100vw;
}
.left-slideout .post-date {
margin-bottom: 10px;
}
.slideout-cases {
height: 200px;
}
.slideout-cases li {
margin-bottom: 0;
list-style-type: none;
float: left;
max-width: 320px;
}
.slideout-cases li img {
transition: all 0.3s ease-in-out 0s;
}
.slideout-cases li:hover .heavy-dark-trans-over,
.slideout-cases li:focus .heavy-dark-trans-over {
background-color: rgba(30, 30, 30, 0.9);
}
.slideout-cases li:hover img,
.slideout-cases li:focus img {
transform: scale(1.01);
}
.slideout-cases li .align-middle {
box-sizing: border-box;
width: 100%;
padding: 0 30px;
z-index: 4600;
}
.slideout-cases li .align-middle h2 {
line-height: 18px;
margin-bottom: 10px;
display: inline-block;
width: 100%;
}
.slideout-cases li .align-middle h2 a {
color: #d4d4d4;
font-size: 18px;
line-height: 16px;
}
.slideout-cases li .align-middle .caption-label {
font-size: 13px;
line-height: 15px;
} .column {
position: absolute;
width: 100%;
left: 0;
height: 100vh;
z-index: 0;
transition: all 0.3s ease-in-out 0s;
}
@media only screen and (min-width: 1025px) {
.column {
width: 25%;
}
}
.background-columns .column {
height: 100%;
}
.column-line {
height: 100%;
width: 1px;
background-color: #fff;
opacity: 0.1;
position: absolute;
top: 0;
bottom: 0;
left: 25%;
}
.column-line-2 {
left: 50%;
}
.column-line-3 {
left: 75%;
}
.column-1 {
box-shadow: none;
}
.column-2 {
left: 25%;
}
.column-3 {
left: 50%;
}
.column-4 {
left: 75%;
}
.inline-background {
position: absolute;
height: 100%;
max-width: 1000%;
min-width: 100%; opacity: 0.2;
z-index: 0;
transition: all 0.3s ease-in-out 0s;
}
.featuredcasepost {
overflow: hidden;
}
.featured-inner {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 44px 30px;
}
.featuredcasepost .featured-case-header {
position: absolute;
bottom: 0;
left: 0;
top: 0;
right: 0;
overflow: hidden;
}
.featuredcasepost .featured-case-header h3 {
margin-bottom: 0px;
margin-top: 20px;
font-weight: bold;
text-transform: none;
font-size: 19px;
line-height: 26px;
padding-right: 40px;
}
.featuredcasepost:hover .inline-background,
.featuredcasepost:focus .inline-background {
opacity: 0.05;
filter: grayscale(100%) contrast(300%);
}
.featuredcasepost .featured-case-header:before {
content: "";
height: 3px;
background-color: #7bc243;
position: absolute;
top: 0;
left: -100%;
width: 100%;
transition: all 0.3s ease-in-out 0s;
}
.featuredcasepost:hover .featured-case-header:before,
.featuredcasepost:focus .featured-case-header:before {
left: 0;
}
.featuredcasepost:after,
.featuredcasepost:after {
content: "";
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/green-plus.png);
background-size: 36px 36px;
position: absolute;
bottom: 40px;
right: 30px;
height: 36px;
width: 36px;
display: block;
opacity: 0;
transition: all 0.3s ease-in-out 0s;
}
.featuredcasepost:hover:after,
.featuredcasepost:focus:after {
opacity: 1;
} #searchform {
width: 100%;
margin-bottom: 150px;
}
#searchform .search-description {
display: block;
color: #fff;
font-size: 28px;
line-height: 32px;
border: none;
padding: 20px 5px;
text-align: center;
margin-bottom: 5px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
}
#s,
#s-inline {
width: 90%;
background-color: transparent;
color: #fff;
font-size: 32px;
line-height: 46px;
border: none;
border: 1px solid rgba(255, 255, 255, 0.5);
padding: 20px 5%;
margin-bottom: 50px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
text-align: center;
}
#searchsubmit {
margin: 0 auto;
display: block;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/button-arrow.svg);
background-repeat: no-repeat; outline: none;
background-position: 115px 50%;
padding: 15px 60px 15px 15px;
}
.key-info h3 {
color: #fff;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
}
#menu-key-information li {
display: inline-block;
margin: 0 20px;
}
#menu-key-information li a {
display: block;
color: #cacaca;
position: relative;
}
#menu-key-information li a:after {
content: "";
width: 100%;
height: 1px;
background-color: #7bc243;
position: absolute;
bottom: -5px;
left: 0;
}
#menu-key-information li a:hover,
#menu-key-information li a:focus {
color: #fff;
} .sub-opening h1 {
font-size: 32px;
line-height: 38px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
}
.slickslider img {
width: 100%;
height: auto;
}
.shadowed {
box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.33);
}
.thin-vert-1 {
position: absolute;
right: 10%;
top: 300px;
width: 180px;
} .slick-slider img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slick-arrow {
position: absolute;
left: -48px;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: auto auto;
background-color: transparent;
border: none;
outline: none;
text-indent: -9999px;
overflow: hidden;
z-index: 1000;
cursor: pointer;
width: 90px;
height: 80px;
}
.slick-disabled {
opacity: 0.4;
}
.right-slick-arrows .slick-arrow {
left: auto;
right: -48px;
}
.slick-next {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/right-arrow-white.svg);
bottom: 110px;
background-color: #202020;
}
.right-slick-arrows .slick-next {
bottom: auto;
top: 30px;
}
.right-slick-arrows .slick-prev {
bottom: auto;
top: 110px;
}
.slick-prev {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/left-arrow-white.svg);
bottom: 30px;
background-color: #7bc243;
}
.caption-box {
position: absolute;
bottom: 0;
right: 0;
padding: 30px 35px;
width: 50%;
max-width: 270px;
}
.caption-box.left {
right: auto;
left: 0;
}
#allcontent .caption-box p {
margin-bottom: 0;
}
#allcontent .caption-box h2 {
font-size: 15px;
line-height: 22px;
color: #fff;
text-transform: uppercase;
margin-bottom: 20px;
}
#allcontent .caption-box h2 a {
color: #fff;
}
#allcontent .case-title {
margin-bottom: 20px;
color: #8c8c8c;
}
.slick-slide {
position: relative;
}
.slick-slide.browser-height {
min-height: 100vh;
}
.caption-label {
text-transform: uppercase;
font-size: 15px;
line-height: 17px;
margin-bottom: 0;
padding: 5px 15px;
background-color: #1a1a1a;
display: inline-block;
}
.large-pad-caption {
padding: 70px 40px;
max-width: 270px;
}
section {
z-index: 10;
position: relative;
} .image-block img {
width: 100%;
height: auto;
margin-bottom: 0;
}
.col-block-inner {
padding: 0 18%;
position: absolute;
top: 20%;
}
#allcontent .col-block-inner h3 {
text-transform: uppercase;
font-size: 19px;
line-height: 22px;
margin-bottom: 20px;
}
#allcontent .black-bg .col-block-inner h3 {
color: #7bc243;
}
#allcontent .green-gradient-bg h2 {
color: #fff;
}
#allcontent .black-bg h2 {
color: #a1a1a1;
}
#allcontent .col-block-button {
position: absolute;
bottom: 60px;
left: 0;
min-width: 240px;
padding-left: 10%;
}
#allcontent .col-block-button.finished {
box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.33);
left: -10px;
}
#allcontent .col-block-button.finished:hover,
#allcontent .col-block-button.finished:focus {
box-shadow: none;
left: 0;
}
.half-link-block:hover .image-block img,
.half-link-block:focus .image-block img {
transform: scale(1.01);
}
.over-hidden {
overflow: hidden;
}
.image-block img {
transition: all 0.3s ease-in-out 0s;
}
.service-links li {
display: block;
margin-bottom: 0;
}
.service-links li a {
text-transform: uppercase;
color: #fff;
padding: 20px 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
display: block;
z-index: 4000;
position: relative;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/right-arrow-white.svg);
background-position: 94% 50%;
background-repeat: no-repeat;
}
.service-links li a span {
text-transform: none;
color: #6b9ea7;
}
.service-links li a:hover,
.service-links li a:focus {
background-color: rgba(255, 255, 255, 0.1);
} .home #post-block {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/post-block-bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
}
.who-we-are-wrapper {
padding-top: 100px;
}
#allcontent .history-link {
position: absolute;
top: 200px;
}
.history-content {
width: 90%;
}
.history-link-wrapper {
position: relative;
z-index: 5000;
}
.history-link .button {
position: absolute;
bottom: -42px;
left: 0;
z-index: 4000;
}
#allcontent .history-link h2 {
margin-bottom: 0;
color: #7bc243;
font-size: 52px;
line-height: 60px;
text-transform: uppercase;
}
#allcontent .history-link h2 span {
display: block;
}
#allcontent .history-link h2 .small {
font-size: 26px;
line-height: 40px;
}
#allcontent .history-link h2 .small.uppercase {
font-size: 20px;
}
.top-half-negative {
margin-top: -42px;
}
#latest-button {
position: absolute;
right: 0;
top: 100px;
background-color: #d4d4d4;
color: #252525 !important;
z-index: 10;
}
#latest-button:after {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/right-arrow-dark.svg);
transition: all 0.3s ease-in-out 0s;
}
#latest-button:hover,
#latest-button:focus {
color: #fff !important;
}
#latest-button:hover:after,
#latest-button:focus:after {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/right-arrow-white.svg);
}
#ajax-container {
z-index: 3000;
position: relative;
}
#ajax-container.fix-height {
height: auto !important;
}
#post-block {
z-index: 3000;
padding-top: 70px;
}
.latest-title {
padding-bottom: 60px;
}
.type-video .align-middle,
.type-reports_and_research .align-middle,
.type-post .align-middle,
.latest-social-block .align-middle {
width: 70%;
}
.type-post .align-middle {
z-index: 300;
}
.latest-social-block .align-middle h3 {
text-transform: uppercase;
font-size: 15px;
line-height: 19px;
margin-bottom: 5px;
}
.latest-social-block .align-middle h4 {
font-size: 21px;
line-height: 26px;
color: #004c5c;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
.latest-social-block .align-middle .social-links {
margin-bottom: 0;
}
.latest-social-block .align-middle .social-links-main {
margin-bottom: 2em;
}
.latest-social-block .align-middle .social-links a {
color: #004c5c;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-size: 29px;
}
.latest-social-block .align-middle .social-links a:hover,
.latest-social-block .align-middle .social-links a:focus {
color: #252525;
}
.latest-social-block .align-middle .social-links li {
margin: 0 40px 0 0;
}
.type-blog .post-date,
.type-video .post-date,
.type-reports_and_research .post-date,
.type-post .post-date {
text-align: center;
position: absolute;
top: 0;
left: 0;
height: 80px;
width: 80px;
}
.post-date {
display: block;
margin-bottom: 20px;
} #post-block .type-post h2,
#post-block .type-reports_and_research h2,
#post-block .type-video h2,
#post-block .type-blog h2 {
font-size: 22px;
line-height: 26px;
}
.type-post,
.type-reports_and_research,
.type-blog,
.type-video {
overflow: hidden;
}
.type-post:hover .slideover,
.type-post:focus .slideover,
.type-reports_and_research:hover .slideover,
.type-reports_and_research:focus .slideover,
.type-video:hover .slideover,
.type-video:focus .slideover,
.type-blog:hover .slideover,
.type-blog:focus .slideover {
left: 0;
}
.type-post.clicked .slideover,
.type-reports_and_research.clicked .slideover,
.type-video.clicked .slideover,
.type-blog.clicked .slideover {
left: 0;
}
.type-blog .post-date span,
.type-video .post-date span,
.type-reports_and_research .post-date span,
.type-post .post-date span {
display: block;
}
.careers-event-block .post-date-day,
.type-video .post-date .post-date-day,
.type-blog .post-date .post-date-day,
.type-reports_and_research .post-date .post-date-day,
.type-post .post-date .post-date-day {
font-size: 25px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
.careers-event-block .post-date-month,
.type-video .post-date .post-date-month,
.type-blog .post-date .post-date-month,
.type-reports_and_research .post-date .post-date-month,
.type-post .post-date .post-date-month {
text-transform: uppercase;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
.type-post,
.type-reports_and_research,
.type-blog,
.type-video {
cursor: pointer;
}
.square-block-padding {
padding-top: 100%;
}
.tweet.teal-grad-bg * {
color: #fff;
}
.tweet.teal-grad-bg p {
line-height: 26px;
}
.tweet.teal-grad-bg i {
font-size: 30px;
line-height: 30px;
margin-bottom: 30px;
}
.tweet.teal-grad-bg .align-middle {
width: 80%;
}
#ajax-next-posts-post-pagination {
margin: 40px auto 0;
position: relative;
height: 60px;
width: 60px;
display: block;
}
#ajax-next-posts-post-pagination img {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.stick_in_parent {
position: absolute;
top: 0;
width: 100%;
}
.item h2 a {
color: #3a3a3a;
}
.item h2.white a {
color: #fff !important;
} .accreditations {
margin: 0;
font-size: 0;
}
#allcontent .accreditations li {
width: 25%;
margin-left: -4px;
display: inline-block;
vertical-align: middle;
text-align: center;
margin-bottom: 0;
}
.accreditations li img {
margin: 0 auto;
max-width: 90%;
max-height: 100px; filter: grayscale(100%);
} .post-type-archive-case-studies .low-z {
z-index: 3100;
}
.container-with-bar {
padding-left: 74px;
}
.top-pad-container {
padding-top: 120px;
}
.fixed-bg-study {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
opacity: 0;
transition: all 0.3s ease-in-out 0s;  transform: scale(1.1);
}
.fixed-bg-study:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.55);
}
.post-type-archive-case-studies .loading {
display: none !important;
}
.grid .fixed-bg-study {
background-image: none !important;
display: none;
}
.fixed-bg-study.open {
opacity: 1;  transform: scale(1);
}
.fade-in-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out 0s;
}
.fade-in-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.grid .fade-in-bg {
position: relative;
opacity: 1;
z-index: 10;
visibility: visible;
height: 450px;
width: 58%;
}
.grid .forward {
width: 40%;
}
.grid .left .forward {
float: right;
}
.grid .right .forward {
float: left;
}
.grid .fade-in-bg:after {
display: none;
}
.grid .left .fade-in-bg {
float: left;
}
.grid .right .fade-in-bg {
float: right;
}
.grid .fade-in-bg img {
display: block;
}
.mix {
display: none;
width: 100%;
box-sizing: border-box;
}
.grid #case-container {
background-image: none !important;
}
.grid .mix {
margin-bottom: 75px;
}
.list {
z-index: 2000;
position: relative;
}
.grid article > div {
min-height: 500px;
}
.list .mix {
text-align: center;
padding: 95px 50px;
border-top: 1px solid rgba(255, 255, 255, 0.3);
z-index: 1000;
}
.list .mix:hover,
.list .mix:focus {
background-color: rgba(0, 0, 0, 0.2);
} .list .mix .excerpt {
display: none;
}
.list .mix h2 a {
color: #fff;
margin-bottom: 15px;
}
.mix .caption-label {
margin-bottom: 0;
}
.forward {
z-index: 100;
position: relative;
}
.fixed-bg {
background-size: cover;
background-attachment: fixed;
}
.overlay-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4000;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/blank-bg.gif);
background-repeat: repeat;
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
}
.overlay .align-bottom {
padding: 40px 40px 10px;
box-sizing: border-box;
}
.grid .fade-in-bg {
height: 100%;
}
.grid .overlay-link {
display: none;
}
.list .matchheight {
height: auto !important;
}
.grid .forward {
padding: 90px 45px;
box-sizing: border-box;
}
.grid .left .excerpt .button {
margin-left: -160px;
}
.grid .left .excerpt .button:hover,
.grid .left .excerpt .button:focus {
margin-left: -140px;
}
.grid .right .excerpt .button {
margin-right: -160px;
float: right;
}
.grid .right .excerpt .button:hover,
.grid .right .excerpt .button:focus {
margin-right: -140px;
}
.grid .forward h2 {
font-size: 15px;
line-height: 19px;
margin-bottom: 20px;
color: #fff;
text-transform: uppercase;
}
.grid .forward h2 a {
color: #202020;
font-weight: 600;
}
.grid .forward .caption-label {
margin-bottom: 50px;
color: #007180;
}
.grid .forward .overlay-link {
display: none;
}
.post-type-archive-case-studies .logo-link,
.post-type-archive-career-case-studies .logo-link {
display: none;
}
.post-type-archive-case-studies .list .light-logo,
.post-type-archive-career-case-studies .list .light-logo {
display: block;
}
.post-type-archive-case-studies .grid .standard-logo,
.post-type-archive-career-case-studies .grid .standard-logo {
display: block;
}  #case-masthead,
.inner-masthead {
z-index: 3000;
}
.col-span-70 {
width: 70%;
}
.col-span-30 {
width: 30%;
}
.col-span-3 {
width: 33.3333333%;
}
.col-span-23 {
width: 66.66666666%;
}
.col-25,
.grid-sizer {
width: 25%;
}
.col-span-34 {
width: 34%;
}
.masthead-details {
position: absolute;
bottom: 10%;
left: 7.5%;
right: 7.5%;
z-index: 200;
}
.masthead-details-inner {
width: 20%;
}
.masthead-tagline {
font-size: 40px;
line-height: 60px;
color: #7bc243;
margin-bottom: 50px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
}
.label-size {
font-size: 14px;
line-height: 17px;
letter-spacing: 2px;
}
.project-time {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/project-time-bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
height: 125px;
width: 125px;
position: relative;
margin: 40px 0 40px;
}
.project-time-inner span {
display: block;
text-align: center;
color: #202020;
}
.project-time-inner span.days {
font-size: 36px;
line-height: 40px;
font-weight: 400;
}
.project-time-inner span.weeks {
letter-spacing: 0px;
}
.masthead-block {
margin-bottom: 40px;
}
.masthead-block.last {
margin-bottom: 0;
}
.masthead-block h3 {
margin-bottom: 5px;
}
.masthead-block span {
font-size: 13px;
line-height: 16px;
} #next-section {
display: none !important;
width: 70px;
height: 210px;
display: block;
position: absolute;
bottom: 0px;
right: 4%;
z-index: 2000;
}
#next-section:hover,
#next-section:focus {
bottom: -60px;
background-color: #252525;
}
#next-section:after {
content: "";
width: 12px;
height: 20px;
display: block;
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -6px;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/button-arrow-down.svg);
background-repeat: no-repeat;
background-position: center center;
}
.header-style-1 h3 {
color: #7bc243;
position: relative;
padding-bottom: 40px;
margin-bottom: 35px;
font-weight: 300;
}
.header-style-1 h3:after {
content: "";
height: 1px;
width: 120%;
background-color: #7bc243;
position: absolute;
bottom: 0;
left: -30px;
padding: 0 80px 0 80px;
}
.overview-block .thin-wrapper {
margin-bottom: 100px;
}
.overview-2nd-block {
padding: 30px 0 40px;
}
#overview .left.image-block {
margin-top: 50px;
}
#overview .left.image-block img {
max-width: 90%;
}
.text-block-style-1 {
padding: 135px 140px 100px 80px;
}
.text-block-style-1 p {
max-width: 80%;
}
.black-bg p {
color: #ffffff;
}
.square-padding {
padding-top: 100%;
height: 0;
}
.align-bottom {
position: absolute;
bottom: 0;
width: 100%;
}
.quote-block {
position: relative;
min-height: 70vh;
}
.quote-block:after {
position: absolute;
bottom: -150px;
right: -1px;
}
.quote-block blockquote {
padding: 130px 10%;
max-width: 32%;
margin: 0;
z-index: 1000;
position: relative;
}
.quote-block blockquote p {
font-size: 40px;
line-height: 45px;
color: #fff;
font-weight: 300;
}
blockquote p:first-child {
padding-top: 50px;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/quote-open.svg);
background-repeat: no-repeat;
background-position: left top;
}
.quote-block blockquote footer {
padding-top: 40px;
margin-top: 40px;
border-top: 1px solid #7bc243;
max-width: 70%;
}
.quote-block blockquote footer span {
display: block;
font-size: 13px;
line-height: 22px;
text-transform: uppercase;
color: #fff;
}
.inline-stats {
width: 80%;
margin: 0 auto;
}
.inline-stats li {
width: 33.333333%;
float: left;
padding: 50px 7%;
box-sizing: border-box;
box-shadow: 1px 0px 0px 0px #b9b9b9;
list-style-type: none;
text-align: center;
}
.inline-stats li:before {
display: none;
}
.inline-stats li:last-child {
box-shadow: none;
}
.inline-stats li span,
.stat-ele {
display: block;
} .slickcarousel .slick-slide {
padding: 0 30px 30px 0;
}
.slickcarousel-wrapper {
width: 55%;
position: relative;
float: right;
}
.slickcarousel .slick-slide img {
box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.33);
max-width: 100%;
height: auto;
}
.divide-emblem {
position: absolute;
top: -100px;
right: 0;
z-index: 400;
width: auto !important;
}
.case-details {
position: absolute;
top: 0;
left: 0;
padding: 45px;
}
.slickcarousel .case-details {
max-width: 150px;
}
.slickcarousel .case-details h2 {
font-size: 14px;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 20px;
}
.slickcarousel .case-details h2 a {
color: #fff;
display: block;
}
.slickcarousel .case-details h4 {
color: #7bc243;
text-decoration: underline;
}
.related-posts-wrap {
padding-bottom: 160px;
} article ul.vertical-stats,
section ul.vertical-stats,
ul.vertical-stats {
padding-top: 60px;
}
article ul.vertical-stats li,
section ul.vertical-stats li,
ul.vertical-stats li {
display: block;
padding: 50px 0;
border-bottom: 1px solid #b9b9b9;
max-width: 175px;
margin: 0 auto;
}
article ul.vertical-stats li:before,
section ul.vertical-stats li:before,
ul.vertical-stats li:before {
display: none;
}
article ul.vertical-stats li:last-child,
section ul.vertical-stats li:last-child,
ul.vertical-stats li:last-child {
border-bottom: none;
}
article ul.vertical-stats li span,
section ul.vertical-stats li span,
ul.vertical-stats li span {
display: block;
}
.stat-value {
font-size: 45px;
line-height: 50px;
margin-bottom: 20px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
.stat-label-text {
color: #808080;
line-height: 22px;
text-transform: uppercase;
}
.stat-label-text.white {
color: #fff;
}
.signpost {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 60px 0;
}
.signpost .above-bg {
position: relative;
z-index: 1;
}
.signpost-inner {
max-width: 90%;
margin: 0 auto;
}
.signpost .contact-details li {
margin-bottom: 20px;
font-size: 17px;
line-height: 22px;
}
.signpost .contact-details li .phone {
font-size: 20px;
line-height: 22px;
}
#allcontent #main .signpost.dark-grey-bg h3 {
color: #7bc243;
}
.col-half-thin-inner {
max-width: 370px;
margin: 0 auto;
}
.col-half-inner {
max-width: 80%;
margin: 0 auto;
}
.signpost-icon {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/project-time-bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
height: 125px;
width: 125px;
position: relative;
margin: 0 auto 40px;
}
.signpost-icon.small-icon {
height: 80px;
width: 80px;
}
#allcontent .signpost h3 {
margin-bottom: 20px;
z-index: 1;
}
#allcontent .signpost.dark-grey-bg h3 {
color: #7bc243;
}
#allcontent .signpost.dark-grey-bg p {
color: #a8a8a8;
}
#allcontent .signpost.teal-bg h3 {
color: #fff;
}
#allcontent .signpost.teal-bg p {
color: #d4d4d4;
} .fullwidthslider .slick-next,
.fullwidthslider .slick-prev {
right: 30px;
left: auto;
top: 50%;
}
.fullwidthslider .slick-prev {
bottom: auto;
margin-top: -80px;
}
.fullwidthslider .slick-next {
bottom: auto;
margin-bottom: -80px;
}
.fullwidthslider .slick-next {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/right-arrow-white.svg);
}
.fullwidthslider .slick-prev {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/left-arrow-white.svg);
} .thin-inner-masthead {
height: 60vh; }
#allcontent .inner-masthead h1 {
color: #7bc243;
font-size: 20px;
line-height: 20px;
letter-spacing: 3px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
background-color: #000;
padding: 15px 25px;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
}
#allcontent .inner-masthead p {
font-size: 40px;
line-height: 48px;
color: #fff;
}
#allcontent .masthead-content p {
margin-top: 50px;
margin-bottom: 0;
}
.inner-masthead-content {
position: absolute;
bottom: 40px;
left: 5%;
z-index: 100;
max-width: 45%;
}
.inner-masthead-content-w-nav {
bottom: 140px;
}
.careers-masthead-content {
bottom: 240px;
}
#allcontent .inner-masthead-content p {
background-color: #004c5c;
margin-bottom: 0;
padding: 0 10px;
}
#secondary-navigation {
position: fixed;
top: 64px;
left: 0;
width: 100%;
z-index: 100;
background-color: rgba(12, 87, 101, 0.8);
}
#secondary-navigation ul {
margin: 0 auto;
max-width: 1036px;
background: transparent;
}
#secondary-navigation ul li a {
padding: 15px 20px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.85px;
color: #ffffff;
text-transform: uppercase;
white-space: nowrap;
}
#secondary-navigation ul li a:hover {
color: #7dc04a;
}
#allcontent #secondary-navigation li {
margin-bottom: 0;
}
#secondary-navigation.fixed {
position: fixed;
top: 64px;
left: 0;
bottom: auto;
}
.on-page-navigation {
background-color: rgba(0, 76, 92, 0.76);
}
#secondary-navigation.fixed .on-page-navigation {
width: 100%;
margin: 0 auto; box-sizing: border-box;
}
.on-page-navigation li {
display: inline-block;
margin-bottom: 0;
}
.on-page-navigation li a {
display: block;
color: #fff;
padding: 35px 50px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 3px;
cursor: pointer;
}
.on-page-navigation li a:hover,
.on-page-navigation li a:focus {
color: #7bc243;
} #horizontal {
overflow-x: scroll;
width: auto;
}
#horizontal .service {
margin: 0 50px;
float: left;
list-style-type: none;
margin-bottom: 0;
position: relative;
}
#horizontal .service img {
width: 100%;
height: auto;
}
#capabilities .slick-track {
width: 100% !important;
}
#capabilities .capabilities-inner {
float: none !important;
width: 50% !important;
text-align: left;
margin: 0 auto;
}
#capabilities .capabilities-inner .image-block img {
display: none;
}
#capabilities .capabilities-inner .col-span-3 {
height: auto !important;
margin: 0 auto;
float: none;
background-color: transparent;
}
#capabilities .capabilities-inner .col-span-23 {
float: none;
margin: 0 auto;
width: 100%;
}
.capability-icon {
position: absolute;
top: 0;
left: -62px;
}
.capabilities-list {
padding-top: 40px;
}
.capability-toggle-text {
display: none;
}
.capability-toggle {
position: absolute;
right: -85px;
top: 50px;
height: 45px;
width: 45px;
display: block;
border: 1px solid #7bc243;
border-radius: 60px;
cursor: pointer;
}
.capability-toggle:after {
content: "+";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 41px;
line-height: 41px;
transition: all 0.3s ease-in-out 0s;
margin-top: -2px;
}
.capability-toggle.open:after {
content: "-";
}
.capability-toggle:hover:after,
.capability-toggle:focus:after {
color: #7bc243;
}
#capabilities .capabilities-inner .col-span-23 .capability-text {
padding: 20px 0 20px 100px;
}
#capabilities .capabilities-inner .col-span-3 .square-padding {
display: none;
}
#capabilities .capabilities-inner .col-span-3 .align-middle {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
transform: none;
margin: 0 auto;
}
#capabilities .slick-dots {
display: none !important;
} .who-image-2 {
margin-top: 200px;
}
.who-callout {
position: absolute;
right: 50%;
bottom: 100px;
font-size: 62px;
line-height: 70px;
max-width: 45%;
text-align: right;
}
#values .wrapper {
padding-bottom: 140px;
}
#values .wrapper {
height: 100%;
}
#values .icon-frame {
margin: 70px auto 70px;
}
.values-list {
text-align: center;
font-size: 0;
vertical-align: middle;
}
.values-list li {
list-style-type: none;
display: inline-block;
width: 50%;
font-size: 15px;
margin-left: -4px;
vertical-align: middle;
}
#history {
height: 70vh;
min-height: 725px;
z-index: 10;
}
#history .section-label {
padding-top: 110px;
}
#history .wrapper {
height: 100%;
}
#history .button {
position: absolute;
bottom: 0px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.history-top,
.history-mid,
.history-bottom {
display: block;
text-align: center;
color: #fff;
}
.history-top,
.history-bottom {
font-size: 35px;
line-height: 42px;
}
.history-mid {
color: #7bc243;
font-size: 85px;
line-height: 92px;
}
.top-margin {
margin-top: 100px;
}
.team-member-slideout {
position: fixed;
top: 0;
left: -100%;
bottom: 0;
z-index: 4000;
transition: all 0.3s ease-in-out 0s;
}
.team-member-slideout.open {
left: 0;
}
.team-member-slideout .inner-padding {
height: 100%;
position: relative;
z-index: 4100;
}
.team-member-slideout.open:before {
content: "";
background-color: rgba(255, 255, 255, 0.4);
position: absolute;
top: 0;
left: 100%;
width: 100%;
bottom: 0;
z-index: -1;
}
.team-member-slideout .inner-padding {
margin: 0 0 0 160px;
overflow-y: scroll;
}
.team-member-slideout .text-content {
padding: 140px 80px 140px 0;
}
.teamslickcarousel .readmore-button {
position: absolute;
bottom: -42px;
right: 0;
}
.slick-slide.slick-current {
z-index: 3000;
}
.teamslickcarousel .slick-slide {
padding-bottom: 40px;
}
.slickcarousel-wrapper .teamslickcarousel {
position: absolute;
opacity: 0;
visibility: hidden;
}
.slickcarousel-wrapper .teamslickcarousel.active {
position: relative;
opacity: 1;
visibility: visible;
}
#team-switcher {
margin-bottom: 50px;
}
#team-switcher li {
display: inline-block;
text-transform: uppercase;
font-size: 14px;
line-height: 16px;
position: relative;
padding-left: 20px;
margin-bottom: 0;
margin-right: 30px;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
opacity: 0.5;
}
#team-switcher li:before {
content: "";
height: 8px;
width: 8px;
display: block;
position: absolute;
top: 50%;
margin-top: -5px;
left: 0;
border: 2px solid #818181;
border-radius: 10px;
}
#team-switcher li:hover,
#team-switcher li:focus {
opacity: 0.8;
}
#team-switcher li.active {
opacity: 1;
}
#team-switcher li.active:before {
border: 2px solid #7bc243;
}
.close-team-slideout {
position: absolute;
top: 100px;
right: 80px;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/white-plus.svg);
background-repeat: no-repeat;
display: block;
height: 23px;
width: 23px;  transform: rotate(45deg);
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
z-index: 7000;
}
.close-team-slideout:hover,
.close-team-slideout:focus {
opacity: 0.6;
} .col-half .text-max-width {
max-width: 70%;
}
#overview .section-label {
margin: 30px 0 20px;
}
.page-template-service-page-php #overview figure.left img {
width: 80%;
height: auto;
}
.icon-frame {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/project-time-bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
height: 125px;
width: 125px;
}
.icon-frame img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.capability-text {
padding: 50px 0 20px 65px;
}
#allcontent .capability-text h3 {
font-size: 24px;
line-height: 26px;
color: #fff;
margin-bottom: 15px;
}
#allcontent .capability-text p {
color: #6b9ea7;
font-size: 20px;
line-height: 32px;
}
.slickhorizslide .slick-arrow {
display: none !important;
}
.slickhorizslide .slick-dots {
text-align: center;
margin: 50px auto 0;
width: 75%;
overflow: hidden;
}
.square-padding {
padding-top: 100%;
}
.slickhorizslide .slick-dots {
position: relative;
}
.slickhorizslide .slick-dots li {
display: inline-block;
width: 33.333333%;
margin-bottom: 0;
position: relative;
}
.slickhorizslide .slick-dots li:before {
content: "";
height: 1px;
position: absolute;
top: 50%;
margin-top: -1px;
left: 10px;
background-color: #ffffff;
opacity: 0.4;
width: 100%;
}
.slickhorizslide .slick-dots li.slick-active:after {
left: 0;
}
.slickhorizslide .slick-dots li button {
height: 10px;
width: 10px;
display: block;
background-color: transparent;
border: 1px solid #fff;
padding: 0;
text-indent: -9999px;
overflow: hidden;
border-radius: 10px;
outline: none;
}
.slickhorizslide .slick-dots li:last-child {
position: absolute;
top: 0;
right: 0;
width: auto;
}
.slickhorizslide .slick-dots li.slick-active button {
background-color: #7bc243;
border: 1px solid #7bc243;
}
.service-over-2 {
margin-top: 40%;
}
.service-over-2 {
width: 90%;
}
.service-over-2 img {
width: 100%;
}
#featured-case-slider {
position: relative;
}
#featured-case-slider .section-label {
position: absolute;
top: 70px;
width: 90%;
text-align: center;
left: 50%;
z-index: 200;
transform: translateX(-50%);
}
.case-slider-caption {
position: absolute;
bottom: 0;
left: 0;
z-index: 200;
padding: 80px 95px 0;
max-width: 450px;
width: 45%;
}
#allcontent .case-slider-caption h2 {
color: #fff;
margin-bottom: 20px;
}
#allcontent .case-slider-caption h3 {
margin-bottom: 5px;
}
#allcontent .case-slider-caption h3.second {
margin-bottom: 60px;
}
.small-title {
text-transform: uppercase;
font-size: 17px;
line-height: 21px;
letter-spacing: 1px;
font-weight: 500;
}
#allcontent .small-title a {
color: #252525;
}
.contactcarousel .slick-slide {
border-right: 1px solid rgba(162, 162, 162, 0.2);
padding: 300px 0 165px;
text-align: center;
box-sizing: border-box;
}
#allcontent .contactcarousel .slick-slide h2 {
text-transform: uppercase;
font-size: 15px;
line-height: 18px;
}
#allcontent .contactcarousel .slick-slide h2 a {
color: #252525;
font-weight: 500;
}
#allcontent .contactcarousel .slick-slide h3 {
font-size: 15px;
line-height: 18px;
font-weight: 500;
}
#allcontent .contactcarousel .slick-arrow {
left: 20px;
top: 50%;
}
#allcontent .contactcarousel .slick-next {
margin-top: -80px;
}
#allcontent .teamslickcarousel .slick-arrow {
top: 50%;
}
#allcontent .teamslickcarousel .slick-next {
margin-top: -80px;
}
.profile-pic {
margin: 0 auto 40px;
height: 200px;
width: 200px;
border-radius: 300px;
border: 12px solid #cecece;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.profile-pic a {
display: block;
}
.profile-pic img {
width: 100%;
height: auto;
transition: all 0.3s ease-in-out 0s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.no-bottom-margin {
margin-bottom: 6px;
}
.keycontacts-intro {
padding: 110px 0;
}
.keycontacts-intro > h3:first-child {
margin-bottom: 20px;
}
.contact-details li {
margin-bottom: 10px;
list-style-type: none;
}
.contact-details li a {
font-weight: 500;
}
.underlined {
position: relative;
}
.underlined:after {
content: "";
height: 1px;
width: 100%;
padding: 0 10px;
display: block;
position: absolute;
bottom: -4px;
left: -10px;
background-color: #7bc243;
}
.telephone {
color: #252525;
}
#managementteam {
padding-top: 170px;
}
.teamslickcarousel .slick-slide img {
width: 100%;
opacity: 0.4;
transition: all 0.3s ease-in-out 0s;
}
.team-caption {
padding: 50px 45px 20px;
width: 175%;
opacity: 0;
margin-top: 30px;
position: relative;
box-sizing: border-box;
transition: all 0.3s ease-in-out 0s;
}
.team-caption p {
color: #d2d2d2;
}
.slick-current .team-caption {
opacity: 1;
margin-top: 0;
}
.teamslickcarousel .slick-slide.slick-current img {
opacity: 0.8;
}
.slickcarousel-wrapper:after {
content: url(//www.wates.co.uk/wp-content/themes/wates/images/quote-block-icon-over.svg);
position: absolute;
top: 70%;
right: 100%;
opacity: 0.3;
}
.who-image-wrapper .col-span-40 {
margin-top: 200px;
}
#division-masthead {
z-index: 2000;
position: relative;
} .post-intro {
position: absolute;
top: 0;
left: 0;
z-index: 10;
max-height: 635px;
}
.masthead-details {
position: absolute;
bottom: 80px;
left: 80px;
right: 80px;
}
.post-categories li {
text-transform: uppercase;
list-style-type: none;
margin: 0 10px 10px 0;
}
.post-categories li a {
text-decoration: underline;
}
.post-categories li a:hover,
.post-categories li a:focus {
text-decoration: none;
}
.masthead-details-inner {
width: 100%;
}
.masthead-tagline {
width: 100%;
margin-bottom: 20px;
}
.masthead-excerpt {
margin-top: 150px;
}
.masthead-excerpt p:last-child {
margin-bottom: 0;
}
.share-post {
clear: both;
font-size: 14px;
text-transform: uppercase;
position: relative;
margin-top: 70px;
}
.share-post .social-icons {
position: absolute;
top: 0;
right: 0;
background-color: #e4e4e4;
}
.share-label {
color: #8a8a8a;
position: relative;
display: inline-block;
background-color: #e4e4e4;
padding-right: 15px;
}
.share-post:before {
content: "";
background-color: #007180;
height: 1px;
width: 100%;
top: 50%;
left: 0;
position: absolute;
}
.social-icons li {
display: inline-block;
margin-left: 20px;
padding: 0;
font-size: 14px;
line-height: 14px;
margin-bottom: 0;
font-weight: 500;
}
.social-icons li:before {
display: none;
}
.related-content {
text-align: center;
}
.related-posts .col-half {
overflow: hidden;
}
.related-posts .col-half:hover .slideover,
.related-posts .col-half:focus .slideover {
left: 0;
}
.slideover {
position: absolute;
top: 0;
left: -100%;
bottom: 0;
width: 100%;
transition: all 0.3s ease-in-out 0s;
}
.slideover h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 0;
}
.plus-link {
padding-top: 50px;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/green-plus.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 36px 36px;
} .contact-detail {
display: block;
}
.direction-link {
margin-bottom: 50px;
margin-top: -20px;
}
.telephone-link {
font-size: 20px;
line-height: 22px;
}
.acf-map {
width: 100%;
min-height: 600px;
}
#allcontent .acf-map-wrap .caption-box {
left: 0;
right: auto;
bottom: auto;
top: 0;
max-width: 400px;
z-index: 400;
padding: 50px 55px;
}
#allcontent .acf-map-wrap .caption-box h2 {
text-transform: none;
color: #fff;
font-size: 42px;
line-height: 46px;
}
.marker-inner {
padding: 30px 0px 20px 20px;
max-width: 200px;
}
.marker-inner img {
margin-bottom: 30px;
width: 100%;
height: auto;
margin: 0 auto 30px;
}
.marker-inner h4 {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 15px;
line-height: 19px;
}
.marker-inner .address {
font-size: 15px;
line-height: 21px;
margin-bottom: 20px;
}
.marker-inner a {
text-transform: uppercase;
}
#officesearch {
margin: 0 auto;
display: block;
float: none;
background-color: transparent;
border: none;
font-size: 42px;
line-height: 46px;
color: #fff;
padding: 5px 10px;
border-left: 1px solid #a0a0a0;
text-align: left;
outline: none;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
#officecarousel .slick-slide {
padding: 40px 0;
text-align: left;
margin: 60px 0;
}
.office-inner {
padding: 0 10% 0 20%;
}
.office-inner h2 {
text-transform: none !important;
font-size: 28px !important;
line-height: 28px !important;
color: #007180 !important;
margin-bottom: 15px;
}
.office-inner address,
.office-inner address p {
margin-bottom: 5px;
}
.office-inner .direction-link {
margin: 30px 0 0;
}
.division-contact-block {
display: none;
}
#division-list {
margin-top: 50px;
max-width: 510px;
text-align: center;
font-size: 13px;
text-transform: uppercase;
padding: 20px 10px;
}
#division-masthead .dk-select {
max-width: 500px !important;
margin-top: 50px !important;
}
#division-masthead > .cover-bg {
height: 100%;
} @media only screen and (min-width: 1200px) {
.inline-link { }
}
.builder-block { } .search article {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #ccc;
}
#searchform-onpage {
max-width: 500px;
margin: 60px auto 0;
} #pagebuilder-container p {
margin-bottom: 1em;
} .timeline-content {
position: absolute !important;
bottom: 200px;
left: 25%;
max-width: 40%;
}
.timeline-content .timeline-date {
font-size: 23px;
line-height: 25px;
color: #7bc243;
letter-spacing: 4px;
}
.timeline-content h2 {
color: #fff;
font-size: 34px;
line-height: 38px;
}
.timeline-content p {
font-size: 20px;
line-height: 28px;
color: #fff;
}
#timeline-nav {
position: absolute;
bottom: 58px;
width: 100%;
left: 0;
text-align: center;
}
#timeline-nav:before {
content: "";
height: 1px;
width: auto;
position: absolute;
width: 100%;
top: 50%;
left: 0;
background-color: rgba(255, 255, 255, 0.3);
}
#timeline-nav .slick-slide {
position: relative;
height: 50px;
cursor: pointer;
}
#timeline-nav .slick-slide:after {
content: "";
height: 20px;
width: 20px;
display: block;
padding: 0;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-indent: -9999px;
overflow: hidden;
background-color: #fff;
border: none;
border-radius: 50px;
transition: all 0.3s ease-in-out 0s;
}
#timeline-nav .slick-slide.slick-current:after {
height: 40px;
width: 40px;
background-color: #7bc243;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/left-right-drag.svg);
background-repeat: no-repeat;
background-position: center center;
}
.page-template-history-page .cf {
position: relative;
}
@media (max-width: 520px) {
.page-template-history-page #timeline .timeline-content .timeline-date {
font-size: 23px;
line-height: 25px;
color: #7bc243;
letter-spacing: 4px;
}
.page-template-history-page #timeline .timeline-content h2 {
font-size: 20px;
line-height: 24px;
}
.page-template-history-page #timeline .timeline-content p {
font-size: 14px;
}
}
.page-template-history-page #timeline .nested-slickslider .slick-dots {
position: absolute !important;
}
.page-template-history-page #timeline .nested-slickslider .slick-dots li {
padding: 0 12px 0 0;
}
@media (max-width: 520px) {
.page-template-history-page #timeline .nested-slickslider .slick-dots li {
margin: 0;
}
}
.page-template-history-page #timeline .nested-slickslider .slick-dots button {
background: transparent;
}
.nested-slickslider .slick-dots {
position: absolute;
width: 30px;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/gallery-icon.svg);
background-repeat: no-repeat;
background-width: 100% auto;
padding-top: 30px;
top: 50%;
right: 30px;
transform: translateY(-50%);
}
.nested-slickslider .slick-dots li {
display: block;
margin: 10px 0;
}
.nested-slickslider .slick-dots li.slick-active:before {
display: none;
}
.nested-slickslider .slick-dots li.slick-active button {
color: #7bc243;
}
.nested-slickslider .slick-dots li button {
height: 12px;
width: 12px;
background-color: transparent;
color: #fff;
border: none;
font-size: 16px;
outline: none;
padding: 0 !important;
height: 25px;
width: 15px;
}
.nested-slickslider .slick-slide:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(37, 37, 37, 0.5);
} .get-in-touch-block {
border-top: 1px solid #e4e4e4;
}
#site-footer {
padding: 30px 0 30px;
z-index: 100;
position: relative;
}
#site-footer .menu-primary-navigation-container .sub-menu {
display: none;
}
.footer-logo-wrapper {
padding: 30px;
}
.footer-logo-wrapper .wrapper {
max-width: 1245px;
}
.footer-logo {
margin: 0 auto 30px;
display: inline-block;
}
#site-footer .menu {
margin-bottom: 50px;
}
#site-footer .menu li {
display: inline-block;
margin: 0 10px;
}
#site-footer .menu li a {
font-size: 15px;
line-height: 17px;
text-transform: none;
color: #fff;
}
#site-footer .menu li a:hover,
#site-footer .menu li a:focus,
#site-footer .menu li.current-menu-item a {
color: #7bc243;
}
#site-footer .menu-footer-navigation-container .menu {
margin-bottom: 5px;
}
#site-footer .menu-footer-navigation-container li a {
font-size: 12px;
letter-spacing: 2px;
}
#site-footer .menu-primary-navigation-container li.current-menu-item a:before {
display: none;
}
.social-links {
margin-bottom: 10px;
}
.social-links li {
display: inline-block;
margin: 0 20px;
}
.social-links li a {
color: #fff;
opacity: 1;
font-size: 22px;
}
.social-links li a:hover,
.social-links li a:focus {
opacity: 1;
}
.copyright {
display: block;
color: #fff;
letter-spacing: 1px;
font-size: 12px;
line-height: 16px;
margin-bottom: 30px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
.news-pagination {
background-color: #fff;
clear: both;
text-align: center;
border: 0;
padding-bottom: 30px;
width: 100%;
}
.news-pagination a,
.news-pagination span {
display: inline-block;
margin: 0 15px 15px;
line-height: 50px;
height: 50px;
width: 50px;
}
.news-pagination a:link,
.news-pagination a:visited,
.news-pagination span {
color: #fff;
background-color: teal;
}
.news-pagination span.current {
color: #fff;
background-color: #7bc243;
}
.image-and-text-block {
background: #fff;
overflow: hidden;
}
.image-and-text-block .image-block {
max-width: 94%;
margin: 0 auto;
}
.image-and-text-block .image-block img {
max-width: 100%;
height: auto;
margin-bottom: 2em;
}
.image-and-text-block .text-block {
max-width: 94%;
margin: 0 auto;
}
.image-and-text-block .text-block .inner-wrapper {
max-width: 94%;
margin: 0 auto;
}
#context-link {
font-family: "ffffAgenda Med", Helvetica, Arial, sans-serif;
font-size: 14px;
position: absolute;
background-color: white;
left: 180px;
z-index: 5400; height: 61px;
width: 100%;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
transform: translateX(-180px);
}
.context-title {
display: none;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);
}
.linked .context-title:after {
content: "+";
display: block;
cursor: pointer;
}
.linked .context-title.active:after {
content: "x";
color: #7bc243;
}
.post-filters,
.case-study-filter {
display: none;
}
@media only screen and (min-width: 768px) {
.post-filters,
.case-study-filter {
display: block;
position: fixed;
top: -100vh;
left: 0;
padding: 50px 25px;
width: 100%;
text-transform: uppercase;
z-index: 3999; transition-duration: 0.75s;
}
.post-filters.open,
.case-study-filter.open {
top: 141px;
transition-duration: 0.5s;
}
}
.slide-opener.active {
background: black;
}
.case-study-filter h4 {
color: #818181;
font-size: 13px;
line-height: 15px;
}
.post-filters a:link,
.post-filters a:visited {
display: block;
color: #818181;
}
.post-filters a:hover,
.post-filters a:focus {
color: #7bc243;
}
.post-filters ul {
display: flex;
justify-content: center;
max-width: calc(100% - 50px);
margin: 0 auto;
}
.post-filters li {
margin-bottom: 0;
}
.post-filters .top-level > a {
padding: 0 60px 25px;
}
.post-filters li:hover .month-list {
display: block;
}
.post-filters .month-list {
background-color: #202020;
display: none;
position: absolute;
left: 0;
width: 100%;
text-transform: uppercase;
}
.post-filters .month-list ul {
display: flex;
justify-content: center;
max-width: 76%;
margin: 0 auto;
}
.post-filters .month-list li {
list-style: none;
text-align: center;
}
.post-filters .month-list a {
padding: 20px 30px 30px;
}
@media only screen and (min-width: 660px) {
#post-block {
padding-top: 80px;
}
.image-and-text-block .image-block {
max-width: 500px;
}
}
@media only screen and (min-width: 768px) {
#post-block {
padding-top: 100px;
}
#context-link {
height: 81px;
}
.context-title {
display: block;
}
.logo-link {
width: 150px;
}
.image-and-text-block .image-block {
float: left;
margin: 0;
margin-left: 3%;
width: 47%;
}
.image-and-text-block .text-block {
float: left;
margin-left: 3%;
width: 44%;
}
.image-and-text-block .text-block .inner-wrapper {
padding: 4em 0;
}
.image-and-text-block .max-width {
max-width: 1000px;
margin: 0 auto;
}
.image-align-right .image-block,
.image-align-right .text-block {
float: right;
margin-left: 0;
margin-right: 3%;
}
}
@media only screen and (min-width: 1280px) {
#post-block {
padding-top: 200px;
}
} body.single-team-member { }
@media (max-width: 900px) {
body.single-team-member #next-section {
display: none;
}
}
body.single-team-member #post-masthead *,
body.single-team-member #post-masthead *:after,
body.single-team-member #post-masthead *:before {
box-sizing: border-box;
}
@media (max-width: 1024px) {
body.single-team-member .image-vignette {
height: auto; }
}
body.single-team-member .image-vignette > div {
display: block;
float: left;
max-width: 50%;
width: 100%;
}
@media (max-width: 900px) {
body.single-team-member .image-vignette > div {
max-width: 100%;
}
}
body.single-team-member .image-vignette > div:after {
content: "";
display: block;
left: 0;
max-height: inherit; padding-top: 100vh;
position: relative;
right: 0;
top: 0;
width: 100%;
z-index: -1;
}
@media (max-width: 1024px) {
body.single-team-member .image-vignette > div:after {
display: none;
}
}
body.single-team-member .post-intro {
color: white; position: relative;
}
@media (max-width: 768px) {
body.single-team-member .post-intro {
background-color: transparent;
}
}
body.single-team-member .post-intro * {
color: inherit;
}
body.single-team-member .post-intro .post-date { display: none;
} body.single-team-member .post-intro .post-date > span {
color: white;
display: block;
font-size: 1.5em;
}
body.single-team-member .masthead-details {
bottom: 0;
font-size: 0;
left: 0;
line-height: 0;
right: 0; top: 81px;
}
@media (max-width: 1024px) {
body.single-team-member .masthead-details {
padding-top: 81px;
position: static;
}
}
@media (max-width: 768px) {
body.single-team-member .masthead-details {
max-width: 100%;
padding: 81px 50px 50px;
width: 100%;
}
}
@media (max-width: 767px) {
body.single-team-member .masthead-details {
max-width: 100%;
padding: 61px 20px 50px;
}
}
body.single-team-member .masthead-details:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
width: 0;
}
@media (max-width: 1024px) {
body.single-team-member .masthead-details:after {
display: none;
}
}
body.single-team-member .masthead-details > div {
display: inline-block;
font-size: 30px;
line-height: 1.2em;
padding: 50px 100px;
vertical-align: middle;
}
@media (max-width: 1024px) {
body.single-team-member .masthead-details > div {
font-size: 22px;
padding: 100px 50px 50px;
}
}
@media (max-width: 900px) {
body.single-team-member .masthead-details > div {
padding: 50px;
}
}
@media (max-width: 768px) {
body.single-team-member .masthead-details > div {
padding: 50px 0 0;
}
}
@media (max-width: 425px) {
body.single-team-member .masthead-details > div {
font-size: 18px;
}
}
body.single-team-member .masthead-details > div * {
font-size: inherit;
line-height: inherit;
}
body.single-team-member .masthead-details .masthead-tagline {
font-size: 2em;
line-height: 1.5em;
margin: 0 0 50px;
}
@media (max-width: 1024px) {
body.single-team-member .masthead-details .masthead-tagline {
line-height: 1em;
margin: 0 0 30px;
}
}
body.single-team-member .masthead-details .masthead-excerpt {
margin: 0;
}
body.single-team-member .image-pad { background-color: #e4e4e4;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 1024px) {
body.single-team-member .image-pad {
background-image: none !important;
}
}
@media (max-width: 900px) {
body.single-team-member .image-pad {
padding: 50px 20px 0;
}
}
body.single-team-member .image-pad > img {
display: none;
}
@media (max-width: 1024px) {
body.single-team-member .image-pad > img {
display: block;
height: auto;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
width: auto;
}
}
#news-grid * {
box-sizing: border-box !important;
}
#news-grid p {
color: inherit;
font-size: 2em;
}
#news-grid .heavy-dark-trans-over {
background-color: rgba(30, 30, 30, 0.5);
}
#news-grid .type-post {
cursor: auto;
}
#news-grid .type-post .slideover p {
margin: 0; text-overflow: ellipsis; }
#news-grid .type-post .slideover .button {
overflow: hidden;
padding: 25px 60px 25px 25px;
text-overflow: ellipsis;
white-space: nowrap;
}
#news-grid .type-post .slideover > div > *:not(:last-child) {
margin-bottom: 40px;
}
#news-grid .type-post.col-half .align-middle {
padding: 100px;
}
#news-grid .type-post .align-middle {
padding: 20px;
width: 100%;
}
@media (max-width: 1024px) {
#news-grid .type-post.col-half .align-middle {
padding: 20px;
}
#news-grid .type-post .slideover {
left: 0;
}
} #site-footer ul.menu li .dd-menu-toggle {
display: none;
}
@media (max-width: 600px) {
#site-footer ul.menu li .dd-menu-toggle {
display: block;
}
}
#kolab_loadmore {
display: flex;
justify-content: center;
align-items: center;
position: relative;
float: left;
width: 100%;
height: 70px;
background-color: #e4e4e4;
z-index: 4000;
cursor: pointer;
}
#kolab_loadmore span {
position: relative;
padding: 0 10px;
display: inline-block;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.kolab-dual-ring {
display: inline-block;
width: 64px;
height: 64px;
}
.kolab-dual-ring:after {
content: " ";
display: block;
width: 46px;
height: 46px;
margin: 1px;
border-radius: 50%;
border: 5px solid #064c5b;
border-color: #064c5b transparent #064c5b transparent;
-webkit-animation: kolab-dual-ring 1.2s linear infinite;
animation: kolab-dual-ring 1.2s linear infinite;
}
@-webkit-keyframes kolab-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes kolab-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.ajax-progress-fullscreen {
display: none;
}
.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border-radius: 0;
opacity: 1;
background: rgba(255, 255, 255, 0.8);
position: fixed;
top: 0;
left: 0;
z-index: 999999;
overflow: hidden;
text-indent: -99999em;
}
.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before {
content: " ";
display: block;
width: 120px;
height: 120px;
-webkit-animation: spin 0.8s infinite ease-out;
animation: spin 0.8s infinite ease-out;
border-radius: 120px;
border-width: 10px;
border-style: solid;
border-color: #064c5b transparent #064c5b transparent;
overflow: hidden;
text-indent: -99999em;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}@media only screen and (max-height: 1000px) {
#home-services-wrap {
padding: 40px 0 140px;
}
.child-pages li {
margin-bottom: 20px;
}
}
@media only screen and (max-height: 860px) {
.filter-list li {
margin-bottom: 0;
padding: 5px 20px;
}
.search-emblem {
margin: 0 auto 60px;
}
#searchform {
margin-bottom: 60px;
}
#s,
#s-inline {
font-size: 28px;
line-height: 38px;
width: 80%;
padding: 10px 10%;
text-align: left;
margin: 0 auto 20px;
display: block;
}
#home-services-wrap h2 {
margin-bottom: 10px;
}
.masthead-tagline {
font-size: 45px;
line-height: 51px;
}
.masthead-excerpt {
margin-top: 50px;
}
.masthead-details {
bottom: 40px;
left: 40px;
right: 40px;
}
}
@media only screen and (max-height: 520px) {
.filter-list li {
margin-bottom: 0;
padding: 5px 20px;
}
.search-emblem {
margin: 0 auto 20px;
}
}
@media only screen and (max-width: 1025px) {
.parallax-banner { }
}
@media only screen and (max-width: 1800px) {
.masthead-tagline {
font-size: 45px;
line-height: 51px;
}
.masthead-excerpt {
margin-top: 50px;
}
.masthead-details {
bottom: 40px;
left: 40px;
right: 40px;
}
}
@media only screen and (max-width: 1710px) {
.thin-vert-1 {
right: 5%;
}
}
@media only screen and (max-width: 1525px) {
.thin-vert-1 {
display: none;
}
}
@media only screen and (max-width: 1440px) {
.col-block-inner {
padding: 0 20%;
top: 120px;
}
.tweet.teal-grad-bg p {
font-size: 16px;
line-height: 22px;
}
.values-list li {
margin-bottom: 0;
}
#values .icon-frame {
margin: 40px auto;
}
.list .mix {
padding: 60px 50px;
}
h1 {
font-size: 32px;
line-height: 46px;
}
h2 {
font-size: 26px;
line-height: 38px;
}
h3 {
font-size: 24px;
line-height: 32px;
}
h4 {
font-size: 20px;
line-height: 28px;
}
h5 {
font-size: 17px;
line-height: 24px;
}
h6 {
font-size: 16px;
line-height: 18px;
}
.opening-text h2 {
font-size: 50px;
line-height: 58px;
}
.button,
.wpcf7-submit {
min-width: 160px;
padding: 25px 60px 25px 20px;
} .history-link {
top: 40px;
}
.history-link-wrapper {
transform: none !important;
}
.timeline-content {
max-width: 70%;
left: 10%;
}
.menu-primary-navigation-container li a {
font-size: 17px;
line-height: 17px;
}
#post-block .type-post h2 {
font-size: 18px;
line-height: 22px;
}
.overlapping-button {
bottom: -31px;
}
p,
blockquote,
article li,
.capability-text p {
font-size: 17px;
line-height: 25px;
}
.menu-primary-navigation-container .sub-menu li a {
font-size: 15px;
line-height: 17px;
}
#navigation-slideout .menu-primary-navigation-container .sub-menu:before {
width: 100%;
}
.inner-masthead-content-w-nav {
bottom: 120px;
}
.page-template-careers-page .inner-masthead-content {
bottom: 240px;
}
#allcontent .inner-masthead h1 {
font-size: 19px;
line-height: 19px;
}
.who-image-wrapper .col-span-40 {
margin-top: 100px;
}
.block-padding-110-190 {
padding: 70px 0 150px;
}
.block-padding {
padding: 70px 0 60px;
}
.block-padding-150 {
padding: 80px 0 40px;
}
.quicklinks li .align-bottom h2 {
font-size: 26px;
line-height: 28px;
}
.quicklinks li .align-bottom h3 {
margin-bottom: 5px;
}
.opportunity-list li li {
font-size: 15px;
}
.careers-introduction .align-middle {
min-width: 85%;
}
#ajax-container .col-25,
#ajax-container .grid-sizer,
#home-ajax-container .col-25,
#home-ajax-container .grid-sizer,
#news-grid .col-25,
#news-grid .grid-sizer {
width: 33.333333%;
}
#ajax-container .col-half,
#home-ajax-container .col-half,
#news-grid .col-half {
width: 66.666666%;
}
.masthead-tagline {
font-size: 38px;
line-height: 44px;
width: 100%;
}
.masthead-excerpt {
margin-top: 50px;
}
.masthead-details {
bottom: 40px;
left: 40px;
right: 40px;
}
.slideout-cases li img {
width: 320px;
}
.slideout-cases li .align-middle {
padding: 0 20px;
}
.who-callout {
font-size: 52px;
line-height: 60px;
transform: none !important;
text-align: center;
margin: 0 auto;
}
.values-list h4 {
margin-bottom: 20px;
}
.small-title {
font-size: 15px;
line-height: 19px;
}
#officesearch {
font-size: 32px;
line-height: 38px;
}
.post-intro {
width: 40%;
}
.text-block-style-1 p {
max-width: 100%;
}
.text-block-style-1 {
padding: 75px 80px 40px 40px;
}
.quote-block blockquote p {
font-size: 30px;
line-height: 36px;
}
#allcontent .thin-inner-masthead .align-middle h1 {
font-size: 38px;
line-height: 44px;
margin-bottom: 0;
margin-top: -30px;
}
.quote-block blockquote {
padding: 80px 10%;
max-width: 42%;
}
.signpost-icon {
width: 80px;
height: 80px;
}
.job-main-details .inner-padding {
padding: 50px 5% 44px;
}
.job-meta .inner-padding {
padding: 50px 10% 20px;
}
.job-meta {
width: 35%;
}
.job-main-details {
width: 65%;
}
.even-padding-110 {
padding: 60px 0;
}
.half-link-block h2 {
font-size: 32px;
line-height: 36px;
letter-spacing: 0;
}
.col-block-button {
bottom: 30px;
}
.type-post > .align-middle,
.latest-social-block > .align-middle {
width: 80%;
}
.type-post .post-date {
height: 60px;
width: 60px;
}
.head-office {
padding: 60px 0;
}
.vertical-stats li {
padding: 20px 0;
}
.overview-2nd-block .align-middle {
width: 80%;
}
.contactcarousel .slick-slide {
padding: 200px 0 65px;
}
.keycontacts-intro {
padding: 70px 0;
}
.timeline-content p {
font-size: 17px;
line-height: 23px;
}
.timeline-content p:last-child {
margin-bottom: 0;
}
.timeline-content {
bottom: 140px;
}
.timeline-content h2 {
color: #fff;
font-size: 26px;
line-height: 30px;
margin-bottom: 20px;
}
#managementteam {
padding-top: 80px;
}
.inline-filter-list .filter-list li a {
padding: 8px 10px;
font-size: 13px;
}
}
@media only screen and (max-width: 1150px) { .col-block-inner {
padding: 0 10%;
top: 60px;
}
}
@media only screen and (max-width: 1024px) {
#navigation-slideout.open .column-4 {
display: none;
}
.acf-map {
min-height: 440px;
max-height: 60vh;
}
.event-half .acf-map {
min-height: 300px;
max-height: 300px;
}
.acf-map-wrap .caption-box {
padding: 20px;
}
#allcontent .acf-map-wrap .caption-box h2 {
font-size: 30px;
line-height: 34px;
}
.thin-vert-1 {
display: none;
}
.history-link-wrapper {
margin-bottom: 80px;
}
.history-link {
position: relative;
top: auto;
width: 90%;
max-width: 600px;
margin: 0 auto;
}
.who-we-are-wrapper .col-span-60 {
float: none;
margin: 0 auto;
width: 90%;
max-width: 600px;
}
.who-we-are-wrapper {
padding-top: 20px;
}
.sub-opening {
margin-bottom: 0;
}
.on-page-navigation li a {
padding: 35px 30px;
}
#next-section {
height: 85px;
width: 50px;
right: 0;
}
#values .wrapper,
.block-padding-110 {
padding: 60px 0 40px;
}
.inner-masthead p {
font-size: 30px;
line-height: 36px;
}
.inner-masthead-content {
max-width: 60%;
}
.col-half .text-max-width {
max-width: 90%;
}
.horiz-border-bottom {
padding-bottom: 20px;
margin-bottom: 20px;
}
.page-template-service-page-php #overview figure.left img {
width: 90%;
}
.service-over-2 {
display: none;
}
.slickcarousel-wrapper:after {
display: none;
}
.keycontacts-intro {
padding: 60px 0 0;
}
.contactcarousel .slick-slide {
padding: 200px 0 100px;
}
.team-caption {
width: 150%;
height: auto !important;
}
.social-links {
margin-bottom: 5px;
}
.masthead-block {
margin-bottom: 0;
}
.label-size {
margin-bottom: 10px;
}
.project-time {
margin: 20px 0;
height: 80px;
width: 80px;
}
.project-time-inner span.days {
font-size: 26px;
line-height: 30px;
}
.large-pad-caption {
padding: 30px;
}
.quote-block blockquote p {
font-size: 24px;
line-height: 30px;
}
.opportunity-list > li {
padding: 20px 0;
}
.careers-introduction {
min-height: 400px;
padding: 40px 0;
}
#allcontent .quicklinks li .align-bottom h2 {
margin-bottom: 30px;
font-size: 22px;
line-height: 26px;
}
#careers-filterbar {
padding: 25px 0 20px;
}
.page-template-careers-page .inner-masthead-content {
bottom: 150px;
}
h2 {
font-size: 22px;
line-height: 34px;
}
#ajax-container .col-25,
#ajax-container .col-half,
#ajax-container .grid-sizer,
#home-ajax-container .col-25,
#home-ajax-container .col-half,
#home-ajax-container .grid-sizer,
#news-grid .col-25,
#news-grid .col-half,
#news-grid .grid-sizer {
width: 50%;
}
#latest-link a:before {
display: none;
}
#latest-link a {
color: #818181;
}
.post-filter-slideout .filter-list {
display: block;
flex-direction: inherit;
flex-wrap: inherit;
justify-content: inherit;
}
.post-filter-slideout .filter-list li {
width: 33.33333%;
flex: none;
float: left;
display: block;
}
.latest-title {
padding-bottom: 0;
}
.grid article > div {
min-height: 350px;
}
.list .mix {
padding: 40px;
}
#case-container article h2 {
margin-bottom: 20px;
}
.job-meta-list li {
margin-bottom: 30px;
font-size: 15px;
line-height: 18px;
}
.job-main-details .small-title {
margin-bottom: 10px;
}
.job-main-details p {
margin-bottom: 20px;
}
.job-main-details .button,
.job-main-details .button:hover,
.job-main-details .button:focus {
right: auto;
}
.thin-inner-masthead #careers-filterbar {
padding-bottom: 25px;
}
#officecarousel .slick-slide {
margin-bottom: 20px;
margin-top: 30px;
padding-bottom: 5px;
padding-top: 30px;
text-align: center;
}
#officesearch {
font-size: 28px;
line-height: 30px;
}
.office-inner h2 {
font-size: 22px !important;
line-height: 22px !important;
}
.block-padding {
padding: 40px 0 30px;
}
.sub-opening.block-padding {
padding: 85px 0 40px;
}
#latest-button {
top: 55px;
}
.who-callout {
font-size: 44px;
line-height: 50px;
}
.team-member-slideout {
width: 80%;
}
.half-link-block h2 {
font-size: 26px;
line-height: 32px;
}
.stat-value {
margin-bottom: 10px;
font-size: 32px;
line-height: 36px;
}
.stat-label-text {
font-size: 16px;
}
video.parallax-image {
display: none;
}
.history-link h2 .small {
line-height: 32px;
}
.history-link h2 {
font-size: 42px;
line-height: 46px;
}
.home .service-slick .slick-slide {
margin-right: 0;
}
#home-services-wrap {
height: auto !important;
min-height: 0 !important;
padding: 60px 0;
}
#allcontent .opening-text h2 {
font-size: 40px;
line-height: 44px;
}
.grid .forward {
padding: 45px;
}
.grid article > div {
min-height: 0;
}
.service-links {
position: relative;
z-index: 10;
}
.service-links li a {
background-image: url(//www.wates.co.uk/images/light-green-arrow.bec230fd.png);
background-size: 24px auto;
}
.service-links .whatwedo-intro-content {
margin-top: 0;
padding: 140px 40px 0px;
}
.service-links .whatwedo-intro-content p {
color: #fff;
}
}
@media only screen and (max-width: 640px) {
.head-office {
width: 100%;
}
}
@media only screen and (max-width: 1280px) {
.head-office {
width: 50%;
}
.staticmap {
width: 50%;
}
.staticmap img {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 1024px) {
.staticmap {
position: relative;
}
.staticmap img {
padding: 60px 0;
}
}
@media only screen and (min-width: 1024px) {
.head-office {
width: calc(100% - 640px);
}
}
@media only screen and (max-width: 920px) {
.col-block-inner {
padding: 0 10%;
top: 60px;
}
.half-link-block .col-block-inner p {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 860px) {
#latest-button {
top: 0;
}
.menu-primary-navigation-container li a,
#site-footer .menu-footer-navigation-container li a {
letter-spacing: 1px;
}
#allcontent .sub-opening h1 {
font-size: 26px;
line-height: 32px;
}
.right .col-block-inner img {
width: auto;
height: 40px;
margin-bottom: 20px;
}
#managementstructure .col-span-40 {
width: 90%;
margin: 0 5% 30px;
}
.slickcarousel-wrapper {
width: 80%;
margin: 0 10%;
}
.team-member-slideout .inner-padding {
margin-left: 100px;
}
.team-member-slideout .text-content {
padding: 60px 30px 30px;
}
.close-team-slideout {
top: 50px;
right: 30px;
}
.case-slider-caption {
padding: 40px 40px 0;
}
.timeline-content p {
font-size: 15px;
line-height: 19px;
}
}
@media only screen and (max-width: 768px) {
.parallax-image {
display: none !important;
}
.post-filter-slideout {
display: none;
}
.mobile-post-header {
min-height: 60vh !important;
}
.masthead-tagline,
.masthead-details-inner,
#allcontent .inner-masthead h1,
#allcontent .inner-masthead p {
transform: none !important;
}
h1 {
font-size: 30px;
line-height: 40px;
}
h2 {
font-size: 26px;
line-height: 34px;
}
h3 {
font-size: 22px;
line-height: 28px;
}
h4 {
font-size: 18px;
line-height: 24px;
}
h5 {
font-size: 16px;
line-height: 20px;
}
h6 {
font-size: 15px;
line-height: 18px;
}
.background-columns {
display: none;
}
.half-link-block:hover .image-block img,
.half-link-block:focus .image-block img {
transform: translate(-50%, -50%) !important;
}
.menu-primary-navigation-container li a {
font-size: 15px;
line-height: 15px;
}
#allcontent {
padding-left: 0 !important;
}
.opening-block,
.opening-block .browser-height { }
.negative-bottom {
margin-bottom: -30px;
}
#toggle-bar {
display: none;
}
#middle-link,
.slideout .column-2 {
width: 45%;
}
.slideout.open .column-2 {
left: 10%;
}
#secondary-navigation,
#secondary-navigation.fixed {
position: absolute;
top: 60px;
}
#secondary-navigation ul.on-page-navigation {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
overflow-x: scroll;
min-width: 100%;
min-height: 40px;
}
#secondary-navigation ul.on-page-navigation li a {
padding: 5px 15px;
}
.inner-masthead-content {
bottom: 30px;
}
.who-image-wrapper .image-block.left {
margin: 0 auto 40px;
width: 90%;
height: auto;
float: none;
transform: none !important;
}
.who-image-wrapper .image-block.left img {
margin: 0 auto;
}
.who-image-2 {
display: none;
}
.who-callout {
position: relative;
right: auto;
bottom: auto;
max-width: 90%;
margin-bottom: 0;
font-size: 34px;
line-height: 40px;
}
.half-link-block .col-half {
width: 100%;
}
.half-link-block .image-block {
position: relative;
height: 300px;
}
.half-link-block .image-block img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.half-link-block .col-block-inner {
position: relative;
top: auto;
padding: 40px 40px 30px;
}
.col-block-button {
position: relative;
}
#site-footer .menu li {
width: 33.33333%;
}
.top-pad-container {
padding-top: 80px;
}
#next-section,
.column-line,
.background-columns {
display: none;
}
.col-half-thin-inner {
max-width: 90%;
}
.capability-text p {
font-size: 16px;
line-height: 22px;
}
#managementteam {
padding-top: 0;
}
#managementteam .col-span-40 {
width: 90%;
margin: 60px auto 30px;
float: none;
}
.profile-pic {
width: 140px;
height: 140px;
}
#overview .image-block {
display: none;
}
#overview .col-half {
width: 100%;
margin: 0 auto;
}
.overview-block .thin-wrapper {
margin-bottom: 40px;
}
.col-span-62 {
width: 90%;
float: none;
}
.vertical-stats li {
width: 31.333333%;
margin: 0 1% !important;
max-width: 100%;
float: left;
border-bottom: none;
padding: 0;
}
.col-half .text-max-width {
margin: 0 auto;
}
.vertical-stats {
float: none;
padding-top: 0;
width: 100%;
margin: 60px 0 30px 0;
}
.stat-label-text {
font-size: 15px;
line-height: 18px;
}
.overview-2nd-block .col-span-34 {
width: 100%;
}
.overview-2nd-block .col-span-26 {
transform: none !important;
}
.overview-2nd-block .col-span-34 .align-middle {
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
transform: none;
text-align: center;
margin: 0 auto 60px;
}
.overview-2nd-block .col-span-40 {
width: 60%;
}
.overview-2nd-block .col-span-26 {
width: 40%;
}
.divide-emblem {
display: none;
}
.xl-block-padding {
padding: 70px 0 40px 0;
}
.related-posts-wrap .col-span-40 {
float: none;
width: 90%;
margin: 0 auto;
text-align: center;
}
.quote-block blockquote {
max-width: 80%;
}
#values .icon-frame {
margin-top: 0;
}
.team-member-slideout .inner-padding {
margin: 0 10px;
}
.team-member-slideout .text-content {
padding-top: 150px;
}
.close-team-slideout {
top: 120px;
}
.icon-frame {
height: 80px;
width: 80px;
}
.icon-frame img {
max-width: 40px;
height: auto;
}
#overview .section-label {
margin-top: 0;
}
#site-footer {
padding: 40px 0 10px;
}
#search-slideout .search-toggle-close:before {
display: none;
}
.post-intro {
top: auto;
width: 100%;
position: relative;
height: auto !important;
background-color: white;
}
.masthead-details {
position: relative;
bottom: auto;
left: auto;
right: auto;
padding: 30px 0;
width: 94%;
margin: 0 auto;
max-width: 650px;
}
#case-masthead .parallax-banner,
#post-masthead .parallax-banner {
min-height: 0;
height: auto;
position: relative;
float: none;
}
#case-masthead .parallax-banner .parallax-image,
#post-masthead .parallax-banner .parallax-image {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
min-height: 0;
min-width: 0;
width: 100%;
height: auto;
transform: none !important;
}
.stat-value {
font-size: 30px;
line-height: 30px;
}
.two-col-image-text .col-half {
width: 100%;
}
.two-col-image-text .col-half.right {
height: 200px;
}
.text-block-style-1 {
padding: 45px 40px 20px 40px;
}
.quote-block {
min-height: 0;
}
.masthead-tagline {
width: 100%;
}
.acf-map-wrap .caption-box {
position: relative;
width: 90%;
padding: 30px 5%;
bottom: auto;
max-width: 100%;
}
#allcontent .acf-map-wrap .caption-box h2 {
font-size: 32px;
line-height: 36px;
}
.who-we-are-wrapper .col-span-60 {
box-shadow: none;
}
#searchform {
margin-bottom: 25px;
}
#s,
#s-inline {
font-size: 24px;
line-height: 34px;
text-align: center;
}
.search-emblem {
margin: 0 auto 50px;
}
#history {
height: auto !important;
min-height: auto !important;
}
.history-content {
position: relative;
top: auto;
left: auto;
transform: none !important;
margin: 0 auto 90px;
}
#history .section-label {
padding-top: 50px;
}
.history-mid {
font-size: 60px;
line-height: 65px;
}
.history-top,
.history-bottom {
font-size: 30px;
line-height: 36px;
}
#navigation-slideout .menu-primary-navigation-container li.menu-item-has-children:hover > a:before,
#navigation-slideout .menu-primary-navigation-container li.menu-item-has-children:focus > a:before,
#navigation-slideout .menu-primary-navigation-container li.current-menu-item > a:before,
#navigation-slideout .menu-primary-navigation-container li.current-page-ancestor > a:before {
left: -90px;
}
.quicklinks li {
width: 90%;
float: none;
padding: 50px 10% 0 0;
}
.quicklinks li:after {
content: "";
height: 14px;
width: 26px;
background-image: url(//www.wates.co.uk/images/button-arrow.fc266194.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;
position: absolute;
bottom: 40px;
right: 30px;
display: block;
transition: opacity 0.3s ease-in-out 0s;
}
.quicklinks li img {
display: none;
}
.quicklinks li .overlay {
position: relative;
}
.quicklinks li .overlay .align-bottom {
position: relative;
bottom: auto;
}
.col-half {
width: 100%;
}
#careers-filterbar {
position: relative;
}
.careers-introduction {
min-height: 0;
padding: 40px 0;
}
.careers-introduction .align-middle {
position: relative;
top: auto;
left: auto;
transform: none !important;
width: 90%;
margin: 0 auto;
}
.page-template-careers-page .inner-masthead-content {
bottom: 40px;
}
.select-wrapper .col-3 {
width: 100%;
height: auto;
margin-bottom: 5px;
}
.dk-selected {
padding: 13px 80px 13px 40px !important;
}
.thin-inner-masthead {
height: auto;
min-height: 0;
}
.thin-inner-masthead .align-middle {
position: relative;
top: auto;
left: auto;
transform: none !important;
width: 90%;
margin: 0 auto;
padding: 160px 0 40px;
}
.job-total {
position: relative;
}
.thin-inner-masthead {
padding-top: 82px;
}
.thin-inner-masthead .align-middle h1 {
margin-top: 0;
}
#case-masthead .image-vignette,
.inner-masthead .image-vignette {
min-height: 62px;
}
.nested-slickslider .slick-dots {
width: 80%;
text-align: left;
top: 90px;
left: 5%;
padding-top: 0;
padding-left: 40px;
background-position: left center;
transform: none !important;
}
.nested-slickslider .slick-dots li {
display: inline-block;
margin-right: 10px;
}
.timeline-content {
max-width: 90%;
left: 5%;
}
.no-image-pad {
height: 82px;
}
.even-padding-110 {
padding: 40px 0;
}
#capabilities .capabilities-inner {
width: 94% !important;
}
.capability-icon {
left: 0;
}
#capabilities .capabilities-inner .col-span-23 .capability-text {
padding-right: 60px;
}
.capability-toggle {
right: 0;
}
.thin-inner-masthead .job-meta-list {
position: relative;
bottom: auto;
left: auto;
right: auto;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 740px) {
.slick-arrow {
height: 40px;
width: 40px;
}
.slick-arrow {
left: -30px;
}
.slickcarousel .slick-prev {
bottom: 30px !important;
top: auto;
}
.slickcarousel .slick-next {
bottom: 70px !important;
top: auto;
}
}
@media only screen and (max-width: 600px) {
.signpost {
width: 100%;
padding: 30px 0;
}
.masthead-tagline {
font-size: 30px;
line-height: 36px;
}
.signpost-icon.small-icon {
margin-bottom: 20px;
}
#values .icon-frame {
margin-bottom: 20px;
}
#site-footer .menu li {
width: 90%;
margin: 0 5%;
}
.no-image-pad {
height: 62px;
}
#site-footer .menu-footer-navigation-container li a {
padding: 8px 0;
display: block;
}
#allcontent .inner-masthead h1 {
font-size: 16px;
line-height: 16px;
letter-spacing: 2px;
}
.inner-masthead-content {
max-width: 90%;
}
.tweet.teal-grad-bg i {
margin-bottom: 20px;
font-size: 20px;
line-height: 20px;
}
.tweet.teal-grad-bg p {
font-size: 14px;
line-height: 18px;
}
.map-wrapper .col-half {
width: 100%;
height: auto;
}
.slickcarousel .slick-slide {
padding: 0 0 30px;
}
p,
blockquote,
article li,
.capability-text p {
font-size: 15px;
line-height: 22px;
}
.social-links {
margin-bottom: 5px;
}
.parallax-image {
min-height: auto !important;
}
.thin-inner-masthead .align-middle {
position: relative;
top: auto;
left: auto;
transform: none !important;
padding: 100px 0 40px;
}
.masthead-content p {
margin-top: 40px;
}
.accreditations li {
width: 50%;
}
.thin-inner-masthead {
padding-top: 62px;
}
.job-total {
bottom: 120px;
}
#allcontent .thin-inner-masthead .align-middle h1 {
font-size: 28px;
line-height: 34px;
}
.job-main-details .inner-padding {
padding: 30px 5%;
}
.job-meta .inner-padding {
padding: 30px 10% 1px;
}
.job-meta-list li {
margin-bottom: 20px;
}
.job-main-details .button { }
.top-pad-container {
padding-top: 62px;
}
h2 {
font-size: 22px;
line-height: 30px;
}
#capabilities .slick-slide .col-span-23 {
width: 90%;
}
#home-services-wrap {
padding: 40px 0 40px;
}
p,
address,
blockquote,
pre,
h1,
h2,
h3,
h4,
h5,
h6,
li {
margin-bottom: 30px;
}
#home-ajax-container {
background-image: none !important;
}
.timeline-content p {
font-size: 14px;
line-height: 19px;
}
#timeline-nav {
bottom: 60px;
}
.timeline-content {
bottom: 120px;
}
.timeline-content p {
line-height: 17px;
}
.right-slick-arrows .slick-arrow {
right: -30px;
}
.grid .mix {
margin-bottom: 45px;
}
.marker-inner {
padding: 10px 0 10px 5px;
}
.marker-inner img {
margin-bottom: 10px;
}
.capability-toggle {
z-index: 2000;
top: 10px;
}
.capability-icon {
position: relative;
left: auto;
margin: 0 auto;
}
.icon-frame {
margin: 0;
}
#capabilities .capabilities-inner .col-span-23 .capability-text {
padding: 20px 0;
}
.mobile-post-header {
min-height: 0 !important;
background-size: 0 0;
margin-top: 61px;
}
.mobile-post-header .parallax-image {
display: block !important;
}
.mobile-post-header a.logo-link {
visibility: hidden !important;
}
}
@media only screen and (max-width: 550px) {
.grid .fade-in-bg {
width: 100%;
height: 200px;
float: none;
}
.grid .forward {
width: 100%;
float: none;
}
.grid .mix {
margin-bottom: 0;
}
.grid .excerpt .button {
margin: 0 !important;
}
.grid .forward {
padding: 30px;
height: auto !important;
}
.grid .forward .caption-label {
margin-bottom: 30px;
}
.grid .right .excerpt .button {
float: none;
}
}
@media only screen and (max-width: 520px) {
#ajax-container .col-25,
#ajax-container .col-half,
#ajax-container .grid-sizer,
#home-ajax-container .col-25,
#home-ajax-container .col-half,
#home-ajax-container .grid-sizer,
#news-grid .col-25,
#news-grid .col-half,
#news-grid .grid-sizer {
width: 100%;
}
#s,
#s-inline {
font-size: 20px;
line-height: 24px;
}
.key-info h3 {
margin-bottom: 25px;
}
.search-emblem {
margin-bottom: 30px;
}
#menu-key-information li {
display: block;
padding: 5px 0;
}
#menu-key-information li a:after {
display: none;
}
#team-switcher li {
display: block;
margin-bottom: 20px;
}
#case-container article h2 {
font-size: 18px;
line-height: 22px;
margin-btotom: 10px;
}
.caption-label,
.stat-label-text {
font-size: 14px;
}
.quote-block blockquote p {
font-size: 20px;
line-height: 26px;
}
.quote-block blockquote footer span {
line-height: 16px;
}
.half-link-block h2 {
font-size: 20px;
line-height: 26px;
}
#filter-slideout {
display: none;
}
.case-details {
padding: 20px;
}
.slick-arrow {
left: -20px;
}
.slick-next {
top: 10px;
}
.slick-prev {
top: 80px;
}
.teamslickcarousel .slick-arrow {
top: 80px;
}
.timeline-content h2 {
font-size: 20px;
line-height: 24px;
}
.who-callout {
font-size: 28px;
line-height: 36px;
}
}
@media only screen and (max-width: 420px) {
.values-list li {
width: 100%;
}
.select-wrapper,
.select-wrapper .col-3 {
padding-right: 0;
}
#career-button {
position: relative;
top: auto;
right: auto;
width: 100%;
padding: 15px 0;
}
#allcontent .sub-opening h1 {
font-size: 22px;
line-height: 26px;
}
.service-links li a {
padding-left: 20px;
}
.half-link-block .image-block {
height: auto;
}
.half-link-block .image-block img {
position: relative;
top: auto;
left: auto;
transform: none;
}
.menu-primary-navigation-container .sub-menu li a {
font-size: 13px;
line-height: 15px;
}
.menu-primary-navigation-container li a {
font-size: 13px;
}
.overview-2nd-block .col-span-26,
.overview-2nd-block .col-span-40 {
width: 100%;
float: none;
position: relative;
}
.overview-2nd-block .col-span-26 .align-bottom {
position: relative;
}
.vertical-stats li {
width: 100%;
margin-bottom: 30px !important;
}
.vertical-stats li:last-child {
margin-bottom: 0 !important;
}
#s {
padding: 10px 5%;
width: 90%;
}
#searchform .search-description {
display: block;
color: #fff;
font-size: 18px;
line-height: 20px;
}
.service-links .whatwedo-intro-content {
padding: 100px 20px 0;
}
.browser-height {
height: auto;
min-height: 100vh;
}
#wates-for-scape .browser-height {
height: 100vh;
}
.post-intro {
min-height: 0;
}
#allcontent .inner-masthead p,
#allcontent .acf-map-wrap .caption-box h2 {
font-size: 24px;
line-height: 30px;
}
}
.careers-header .parallax-banner {
margin-top: 10px;
}
@media only screen and (min-width: 1024px) {
.careers-header.thin-inner-masthead {
height: 70vh;
}
}
@media only screen and (max-width: 768px) {
.careers-header.thin-inner-masthead {
padding-top: 0;
}
.careers-header .parallax-banner {
margin-top: 61px;
}
}
@media only screen and (max-width: 600px) {
.careers-header.thin-inner-masthead {
height: 220px;
}
.careers-header .masthead-content {
padding-top: 20px !important;
padding-bottom: 22px !important;
}
}
@media only screen and (max-width: 375px) {
.careers-header .masthead-content {
padding-top: 20px !important;
padding-bottom: 80px !important;
}
.careers-header.thin-inner-masthead {
height: 283px;
}
} @media only screen and (min-width: 1025px) {
#navigation-slideout .menu-primary-navigation-container .sub-menu:before {
content: "";
height: 3000px;
width: 100%;
position: absolute;
top: -1000px;
bottom: 0;
left: 0;
background-color: #1f1f1f;
}
#navigation-slideout .menu-primary-navigation-container .sub-menu .sub-menu:before {
background-color: #888;
}
#top-bar .menu-primary-navigation-container li {
position: static;
}
.menu-primary-navigation-container li .sub-menu {
position: absolute;
left: 80%;
width: 100%;
top: 50%;
background-color: #1f1f1f;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out 0s;
}
.menu-primary-navigation-container li.hover > .sub-menu,
.menu-primary-navigation-container li:hover > .sub-menu {
opacity: 1;
visibility: visible;
left: 100%;
display: block;
width: 100%;
}
.menu-primary-navigation-container li.hover .sub-menu li,
.menu-primary-navigation-container li:hover .sub-menu li {
width: 100%;
}
.menu-primary-navigation-container li .sub-menu li a {
padding-left: 30px;
} #navigation-slideout .v-align-middle {
position: absolute;
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
overflow: visible;
margin-top: 0;
height: auto;
}
.menu-primary-navigation-container li.menu-item-has-children .dd-menu-toggle {
display: none;
}
.menu-primary-navigation-container .green-nav-arrow {
display: block;
}
.menu-primary-navigation-container .sub-menu li a.green-nav-arrow {
display: block;
}
.menu-primary-navigation-container {
overflow: visible;
padding-top: 0;
height: auto;
}
.menu-primary-navigation-container li#menu-item-2200 a {
margin-left: 30px;
}
.menu-primary-navigation-container li a {
padding-left: 30px;
padding-right: 30px;
}
.menu-primary-navigation-container .sub-menu {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.menu-primary-navigation-container .sub-menu li {
border: 0;
}
.menu-primary-navigation-container li a.green-nav-arrow {
background-image: url(//www.wates.co.uk/images/light-green-arrow.bec230fd.png);
background-position: center;
background-repeat: no-repeat;
background-size: 24px 14px;
position: absolute;
right: 0;
top: 8px;
padding: 0;
height: 40px;
width: 40px;
}
}
@media only screen and (min-height: 480px) {
#s,
#searchform {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 768px) {
#allcontent .opening-carousel .button {
min-width: 160px;
padding: 25px 60px 25px 25px;
}
#searchsubmit {
padding: 25px 60px 25px 25px;
}
#allcontent .opening-slide .opening-text h2 {
font-size: 40px;
}
#allcontent .opening-carousel .slick-arrow {
top: auto;
bottom: 50px;
}
#allcontent .opening-carousel .slick-next {
right: 50px;
}
#allcontent .opening-carousel .slick-prev {
right: 140px;
}
}
@media only screen and (min-width: 1024px) {
#middle-link {
display: block;
}
.sidebar-toggle {
margin-top: -7px;
}
}
  html,
body {
overflow-x: hidden;
}
html.noscroll,
body.noscroll {
overflow: hidden;
}
html {
font-size: 100%;
min-height: 100%;
}
body {
min-height: 100%;
background-color: #e4e4e4;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
.container {
padding: 0 20px;
}
.high-z {
background-color: #fff;
}
.with-underline {
margin-bottom: 70px;
font-size: 36px;
}
.with-underline:after {
content: " ";
bottom: -26px;
left: 0;
width: 80px;
height: 1px;
background-color: #0c5765;
position: absolute;
display: block;
position: relative;
}
.with-underline.with-underline-center {
padding: 0 50px;
}
.with-underline.with-underline-center:after {
left: calc(50% - 40px);
}
@media (max-width: 599px) {
.with-underline {
text-align: center;
font-size: 28px;
}
.with-underline:after {
left: calc(50% - 40px);
}
}
.subtitle {
font-size: 20px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: normal;
color: #3a3a3a;
}
.menu-toggle-line {
transform-origin: 50%;
border-bottom: 1px solid #fff;
width: 100%;
display: block;
height: 1px;
margin-bottom: 8px;
}
.light-grey-bg article {
background-color: #e4e4e4;
}
#allcontent article {
background-color: #fff;
}
#allcontent article .sub-opening.overview-block-wrapper .vertical-border-bottom {
margin-bottom: 35px !important;
}
#allcontent article .sub-opening.overview-block-wrapper .vertical-border-bottom:after {
display: none;
}
#allcontent article .article-block-padding {
padding: 0 0 50px;
}
@media (max-width: 599px) {
#allcontent article .article-block-padding {
padding: 0 0 20px;
}
}
#allcontent article .wysiwyg-block {
width: 100%;
}
#allcontent article .wysiwyg-block .inner-wrapper {
width: 100%;
max-width: 820px;
}
#allcontent article .wysiwyg-block .wysiwyg-block-margin {
margin-bottom: 100px;
}
@media (max-width: 599px) {
#allcontent article .wysiwyg-block .wysiwyg-block-margin {
margin-bottom: 40px;
}
}
#allcontent article .wysiwyg-block .wysiwyg-block-margin a {
color: #7dc04a;
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
padding-left: 2px;
}
#allcontent article .wysiwyg-block .wysiwyg-block-margin a.button {
padding-left: 20px;
}
#allcontent article .wysiwyg-block .wysiwyg-block-margin iframe {
display: block;
margin: 0 auto;
}
#allcontent article .wysiwyg-block .wysiwyg-block-margin li {
margin-bottom: 15px;
}
#allcontent article .inline-link {
margin-top: -100px;
position: relative;
z-index: -1;
padding-bottom: 125px;
}
#allcontent #timeline h2, #allcontent #timeline p {
color: #fff;
}
.slick-dots {
position: relative !important;
margin: 20px auto 0;
text-align: center;
}
.slick-dots li {
display: inline-block;
margin-bottom: 0;
padding: 0 12px 0 0;
}
.slick-dots li button {
background: #d8d8d8;
border-radius: 50%;
width: 10px;
height: 10px;
font-size: 0;
border: none;
padding: 0;
margin-bottom: 0;
outline: none;
cursor: pointer;
}
.slick-dots li button:hover {
background: #7dc04a;
}
.slick-dots li button:before {
display: none;
}
.slick-dots li:before {
display: none;
}
.slick-dots li.slick-active button {
background: #7dc04a;
}
.slick-dots li:nth-last-child {
padding: 0;
}
.slick-dots li:last-child {
padding: 0;
}
#allcontent .light-grey-bg article {
background-color: transparent;
}
#allcontent article :last-child.listing-background-grey {
margin-bottom: -2px;
}
#main .post-in-search-result {
background: transparent;
}
#allcontent .page-header {
margin-top: 64px;
background-color: #fff;
margin-bottom: 100px;
position: relative;
padding-top: 1px;
}
@media (max-width: 768px) {
#allcontent .page-header {
margin-top: 60px;
margin-bottom: 40px;
}
}
#allcontent .page-header .page-header-title-mobile {
display: none;
min-height: 40px;    display: flex; align-items: center;
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-title-mobile {
display: block;
}
}
#allcontent .page-header .page-header-title-mobile h1 {
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.85px;
color: #7dc04a;
text-transform: uppercase;
}
#allcontent .page-header .page-header-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
max-height: 100vh;
height: 350px;
margin-bottom: 75px;
}
#allcontent .page-header .page-header-image img {
display: none;
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-image {
height: 290px;
margin-bottom: 45px;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-image {
height: 210px;
margin-bottom: 40px;
}
}
#allcontent .page-header .page-header-content {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
#allcontent .page-header .page-header-content:after {
content: " ";
display: block;
clear: both;
}
#allcontent .page-header .page-header-content .page-header-content-inside {
margin-left: 16.86747%;
}
@media (max-width: 1024px) {
#allcontent .page-header .page-header-content .page-header-content-inside {
margin-left: 0;
margin-right: 8.43373%;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-content .page-header-content-inside {
margin-right: 0;
}
}
#allcontent .page-header.filters-enabled .page-header-content .page-header-content-inside {
margin-left: 25.3012%;
}
@media (max-width: 768px) {
#allcontent .page-header.filters-enabled .page-header-content .page-header-content-inside {
margin-left: 0;
}
}
#allcontent .page-header .page-header-leftcontent {
position: relative;
min-height: 635px;
max-width: 1245px;
margin-left: auto;
margin-right: auto;    display: flex; flex-direction: row;
}
#allcontent .page-header .page-header-leftcontent:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-leftcontent {
flex-direction: column-reverse;
min-height: auto;
}
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-leftcontent {
min-height: 550px;
}
}
#allcontent .page-header .page-header-leftcontent .lc-image, #allcontent .page-header .page-header-leftcontent .lc-image-mobile {
min-height: 635px;
flex: 1 0 auto;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center left;
margin-right: -33%;
padding-right: 33%;
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-leftcontent .lc-image, #allcontent .page-header .page-header-leftcontent .lc-image-mobile {
min-height: 550px;
}
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-leftcontent .lc-image, #allcontent .page-header .page-header-leftcontent .lc-image-mobile {
min-height: 350px;
margin-right: 0;
padding-right: 0;
background-position: center center;
margin-bottom: 20px;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-leftcontent .lc-image, #allcontent .page-header .page-header-leftcontent .lc-image-mobile {
min-height: 320px;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-leftcontent .lc-image {
display: none;
}
}
#allcontent .page-header .page-header-leftcontent .lc-image-mobile {
display: none;
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-leftcontent .lc-image-mobile {
display: block;
}
}
#allcontent .page-header .page-header-leftcontent .lc-content-wrap {
position: relative;
z-index: 10;
width: 25.3012%;
float: left;
background-color: #fff;
min-height: 636px;
position: relative;
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-leftcontent .lc-content-wrap {
margin-left: 40px;
width: 42.16867%;
float: left;
min-height: 550px;
}
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-leftcontent .lc-content-wrap {
margin-left: 20px;
min-height: auto;
width: 100%;
}
}
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner {
position: absolute;
bottom: 80px;
padding-right: 40px;
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner {
bottom: 20px;
}
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner {
position: relative;
bottom: auto;
}
}
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner h1 {
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
width: 100%;
margin-bottom: 30px;
font-size: 40px;
line-height: normal;
color: #7dc04a;
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner h1 {
font-size: 36px;
}
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner h1 {
font-size: 24px;
margin-bottom: 15px;
}
}
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner .subtitle {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: normal;
letter-spacing: 3px;
color: #0c5765;
text-transform: uppercase;
}
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner .lc-client {
margin-top: 40px;
margin-bottom: 40px;
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner .lc-client {
margin-bottom: 0;
}
}
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner .lc-client .lc-client-label {
display: block;
margin-bottom: 5px;
font-size: 16px;
line-height: normal;
letter-spacing: 3px;
text-transform: uppercase;
color: #666666;
margin-bottom: 10px;
}
#allcontent .page-header .page-header-leftcontent .lc-content-wrap .lc-content .lc-content-inner .lc-client .lc-client-name {
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: normal;
display: block;
color: #3a3a3a;
}
#allcontent .page-header .page-header-overlaycontent {
min-height: 635px;
max-width: 1245px;
margin-left: auto;
margin-right: auto;    display: flex; flex-direction: column;
}
#allcontent .page-header .page-header-overlaycontent:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 1600px) {
#allcontent .page-header .page-header-overlaycontent {
min-height: 476px;
}
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-overlaycontent {
min-height: 424px;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-overlaycontent {
min-height: auto;
}
}
#allcontent .page-header .page-header-overlaycontent .lc-image, #allcontent .page-header .page-header-overlaycontent .lc-image-mobile {
min-height: 635px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
@media (max-width: 1600px) {
#allcontent .page-header .page-header-overlaycontent .lc-image, #allcontent .page-header .page-header-overlaycontent .lc-image-mobile {
min-height: 476px;
}
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-overlaycontent .lc-image, #allcontent .page-header .page-header-overlaycontent .lc-image-mobile {
min-height: 424px;
}
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-overlaycontent .lc-image, #allcontent .page-header .page-header-overlaycontent .lc-image-mobile {
min-height: 350px;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-overlaycontent .lc-image, #allcontent .page-header .page-header-overlaycontent .lc-image-mobile {
height: 320px;
min-height: 320px;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-overlaycontent .lc-image {
display: none;
}
}
#allcontent .page-header .page-header-overlaycontent .lc-image-mobile {
display: none;
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-overlaycontent .lc-image-mobile {
display: block;
position: relative;
}
}
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap {
position: relative;
z-index: 10;
width: 100%;
margin-right: 8.43373%;
min-height: 636px;
position: relative;
}
@media (max-width: 1600px) {
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap {
min-height: 476px;
}
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap {
margin-left: 40px;
min-height: 424px;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap {
background-color: #0c5765;
margin-left: 0;
min-height: auto;
}
}
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap .lc-content .lc-content-inner {
position: absolute;
bottom: 60px;
left: 8.43373%;
max-width: 85%;
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap .lc-content .lc-content-inner {
bottom: 20px;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap .lc-content .lc-content-inner {
position: relative;
bottom: auto;
left: 0;
max-width: 100%;
}
}
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap .lc-content .lc-content-inner h1 {
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
width: auto;
padding: 12px 10px;
font-size: 40px;
line-height: normal;
color: #fff;
background-color: #0c5765;
margin: 0;
}
@media (max-width: 1284px) {
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap .lc-content .lc-content-inner h1 {
font-size: 36px;
}
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap .lc-content .lc-content-inner h1 {
font-size: 24px;
padding: 10px 5px;
}
}
@media (max-width: 599px) {
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap .lc-content .lc-content-inner h1 {
padding: 20px 30px 20px 20px;
}
}
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap .lc-content .lc-content-inner .subtitle {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: normal;
letter-spacing: 3px;
color: #7dc04a;
background-color: #000;
text-transform: uppercase;
width: auto;
display: inline-block;
padding: 5px 10px;
margin-bottom: 18px;
}
@media (max-width: 768px) {
#allcontent .page-header .page-header-overlaycontent .lc-content-wrap .lc-content .lc-content-inner .subtitle {
font-size: 18px;
}
}
#allcontent { }
#allcontent h1,
#allcontent h2,
#allcontent h3,
#allcontent h4,
#allcontent h5,
#allcontent h6 {
color: #3a3a3a;
font-weight: 300;
margin-bottom: 40px;
}
#allcontent p,
#allcontent address,
#allcontent blockquote,
#allcontent pre {
color: #3a3a3a;
font-weight: 300;
margin-bottom: 30px;
}
#allcontent li {
color: #3a3a3a;
font-weight: 300;
margin-bottom: 18px;
}
#allcontent h1,
#allcontent h2,
#allcontent h3,
#allcontent h4,
#allcontent h5,
#allcontent h6 {
letter-spacing: 1px;
margin-bottom: 40px;
}
#allcontent h1.aligncenter,
#allcontent h2.aligncenter,
#allcontent h3.aligncenter,
#allcontent h4.aligncenter,
#allcontent h5.aligncenter,
#allcontent h6.aligncenter {
text-align: center;
}
#allcontent h1 {
font-size: 38px;
line-height: 52px;
}
#allcontent h2 {
font-size: 36px;
line-height: 44px;
}
#allcontent h3 {
font-size: 30px;
line-height: 36px;
}
#allcontent h3.section-label {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
color: #0c5765;
text-transform: uppercase;
font-size: 15px;
line-height: 16px;
letter-spacing: 2px;
}
#allcontent h4 {
font-size: 24px;
line-height: 28px;
}
#allcontent h5 {
font-size: 19px;
line-height: 24px;
}
#allcontent h6 {
font-size: 18px;
line-height: 18px;
}
#allcontent blockquote {
color: #007180;
}
#allcontent p:empty {
display: none;
}
#allcontent p,
#allcontent blockquote {
font-size: 20px;
line-height: 32px;
color: #666666;
letter-spacing: 0;
}
@media (max-width: 599px) {
#allcontent p,
#allcontent blockquote {
line-height: normal;
}
}
#allcontent p strong {
font-family: "Agenda Bd";
font-size: 20px;
font-weight: normal;
letter-spacing: normal;
}
#allcontent blockquote p {
margin: 0;
font-weight: bold;
margin-bottom: 30px;
}
#allcontent strong {
font-weight: bold;
}
#allcontent .pull-state {
font-size: 40px;
line-height: 50px;
color: #7bc243;
margin: 50px 0;
display: block;
}
@media (max-width: 768px) {
#allcontent .pull-state {
font-size: 28px;
line-height: 34px;
}
}
#allcontent .with-underline {
margin-bottom: 70px;
}
#allcontent .with-underline:after {
content: " ";
bottom: -26px;
left: 0;
width: 80px;
height: 1px;
background-color: #0c5765;
position: absolute;
display: block;
position: relative;
}
#allcontent .with-underline.aligncenter {
text-align: center;
}
#allcontent .with-underline.aligncenter:after {
left: calc(50% - 40px);
}
@media (max-width: 599px) {
#allcontent .with-underline {
text-align: center;
margin-bottom: 45px;
}
#allcontent .with-underline:after {
left: calc(50% - 40px);
bottom: -15px;
}
}
@media (max-width: 599px) {
#allcontent h1.with-underline {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 599px) {
#allcontent h2.with-underline {
font-size: 22px;
line-height: 30px;
}
}
@media (max-width: 599px) {
#allcontent h3.with-underline {
font-size: 20px;
line-height: 26px;
}
}
#allcontent .text-quote {
position: relative;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 20px;
color: #3a3a3a;
margin-top: 60px;
}
#allcontent .text-quote:before {
content: "\“";
position: absolute;
top: -18px;
left: 12px;
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
color: #7dc04a;
font-size: 60px;
height: 19px;
width: 24px;
}
#allcontent h1.green,
#allcontent h2.green,
#allcontent h3.green,
#allcontent h4.green,
#allcontent h5.green,
#allcontent h6.green,
#allcontent li.green,
#allcontent p.green,
#allcontent address.green,
#allcontent blockquote.green,
#allcontent pre.green {
color: #7dc04a;
}
#allcontent h1.white,
#allcontent h2.white,
#allcontent h3.white,
#allcontent h4.white,
#allcontent h5.white,
#allcontent h6.white,
#allcontent li.white,
#allcontent p.white,
#allcontent address.white,
#allcontent blockquote.white,
#allcontent pre.white {
color: #fff;
}
body.single-hub #allcontent .high-z {
background-color: #fff;
}
body.single-hub #allcontent .high-z article.type-hub {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
}
body.single-hub #allcontent .high-z article.type-hub:after {
content: " ";
display: block;
clear: both;
}
#allcontent .listing-section-bg {
padding-bottom: 94px;
}
@media (max-width: 599px) {
#allcontent .listing-section-bg {
padding-bottom: 40px;
}
}
#allcontent .listing-section-bg.listing-background-grey {
padding-top: 94px;
background-color: #e4e4e4;
margin-bottom: 94px;
box-sizing: content-box;
margin-right: -99%;
margin-left: -99%;
padding-right: 99%;
padding-left: 99%;
}
@media (max-width: 599px) {
#allcontent .listing-section-bg.listing-background-grey {
padding-top: 40px;
margin-bottom: 40px;
}
}
#allcontent .listing-section-bg.listing-background-grey .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-teaser-content {
background-color: #e4e4e4;
}
#allcontent .listing-section-bg.listing-background-transparent {
padding-top: 94px;
box-sizing: content-box;
margin-right: -99%;
margin-left: -99%;
padding-right: 99%;
padding-left: 99%;
}
@media (max-width: 599px) {
#allcontent .listing-section-bg.listing-background-transparent {
padding-top: 40px;
}
}
#allcontent .listing-section-bg .listing-section-wrapper {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
}
#allcontent .listing-section-bg .listing-section-wrapper:after {
content: " ";
display: block;
clear: both;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters {
float: left;
width: 24.09639%;
margin-right: 1.20482%;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters {
width: 100%;
margin-right: 0;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .acitve-filters ul {    display: flex; flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .acitve-filters ul {
flex-direction: row;
justify-content: center;
}
}
@media (max-width: 599px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .acitve-filters ul {
justify-content: flex-start;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .acitve-filters ul li {
min-width: 130px;
min-height: 40px;
flex: 0 1 auto;
align-self: flex-start;
background-color: #7dc04a;
padding-left: 0;
color: #fff;
position: relative;
margin-right: 10px;
margin-bottom: 10px;    display: flex; flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .acitve-filters ul li {
margin-right: 10px;
flex: 0 1 auto;
min-width: 70px;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .acitve-filters ul li .filter-name {
flex: 1 1 auto;
line-height: normal;
padding: 0 19px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1px;
color: #fff;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .acitve-filters ul li .x_remove_filter {
padding-right: 10px;
color: #fff;
font-size: 12px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
cursor: pointer;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .acitve-filters ul li:before {
display: none;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .acitve-filters ul li:last-child {
margin-bottom: 0;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .filter-by {
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.85px;
color: #0c5765;
text-transform: uppercase;
margin-bottom: 45px;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .filter-by {
display: none;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .filter-by-mobile {
display: none;
background-color: #e4e4e4;
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.85px;
color: #0c5765;
text-transform: uppercase;
margin-bottom: 10px;
border: solid 1px #d8d8d8;
text-align: center;
padding: 15px;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .filter-by-mobile {
display: block;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block {
margin-bottom: 100px;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block {
margin: 10px 15px 15px;
border: solid 1px #d8d8d8;
}
}
@media (max-width: 599px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block {
margin: 10px 0px 15px;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-title {
font-size: 18px;
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1.09px;
color: #3a3a3a;
border-bottom: 1px solid #0c5765;
max-width: 16.86747%;
margin-bottom: 25px;
padding-bottom: 10px;
position: relative;
outline: none;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-title {
padding-bottom: 0;
cursor: pointer;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-title .filter-arrow-mobile {
display: none;
width: 8px;
height: 8px;
border-top: 2px solid #0c5765;
border-right: 2px solid #0c5765;
transform: rotate(45deg);
position: absolute;
right: 20px;
top: 5px;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-title .filter-arrow-mobile {
display: inline-block;
}
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-title {
margin: 10px auto;
border-bottom: none;
max-width: none;
text-align: center;
}
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block.filter-terms-shown-mobile .filter-arrow-mobile {
transform: rotate(135deg);
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block.filter-terms-shown-mobile .filter-terms {
padding-top: 30px;
height: auto;
}
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms {
height: 0;
overflow: hidden;
transition: all 0.5s ease;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms.mobile-expanded {
height: auto;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms.mobile-expanded ul {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms ul {
margin-bottom: 0;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms ul {
text-align: center;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms ul li {
padding-left: 0;
line-height: normal;
color: #3a3a3a;
margin-bottom: 20px;
font-size: 18px;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms ul li:before {
display: none;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms ul li a {
font-size: 18px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: 1.22;
letter-spacing: 1.09px;
color: #3a3a3a;
transition: none;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms ul li a:hover {
text-decoration: underline;
font-weight: bold;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms ul li.filter-hidden {
display: none;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms ul li.filter-hidden {
display: block;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-terms ul li.filter-hidden-shown {
display: block;
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-more {
cursor: pointer;
text-transform: uppercase;
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.85px;
color: #0c5765;
margin-top: 28px;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-more {
display: none;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .articles-filters .aside-filter-block .filter-more:hover {
text-decoration: underline;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section {
width: 83.13253%;
float: left;
margin-left: 8.43373%;
}
@media (max-width: 1024px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section {
margin-left: 0;
width: 100%;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-no-results {
font-size: 22px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-header {
width: 100%;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-header h2 {
text-align: center;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .slick-track {    display: flex; flex-direction: row;
width: 100%;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-mobile .slick-list {
margin-left: -20px;
margin-right: -20px;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-mobile .slick-list .article-teaser-content {
flex: 0 0 auto;
margin-bottom: 10px;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-mobile .slick-list .article-teaser-content, #allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-mobile .slick-list .article-teaser-cta {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-mobile .slick-list .article-teaser-content.cta-style-button, #allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-mobile .slick-list .article-teaser-cta.cta-style-button {
margin-left: 20px;
margin-right: 20px;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full {
margin-left: -10px;
margin-right: -10px;
position: relative;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full {
margin-left: -20px;
margin-right: -20px;
}
}
@media (max-width: 599px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full {
width: auto;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-list {
width: 100%;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-list .article-teaser {
margin-right: 10px;
margin-left: 10px;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-list .article-teaser:nth-child(3n) {
margin-right: 10px;
margin-left: 10px;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-list .article-teaser .article-teaser-content {
flex: 0 0 auto;
margin-bottom: 10px;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-list .article-teaser .article-teaser-content, #allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-list .article-teaser .article-teaser-cta {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-list .article-teaser .article-teaser-content.cta-style-button, #allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-list .article-teaser .article-teaser-cta.cta-style-button {
margin-left: 20px;
margin-right: 20px;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-arrow {
bottom: auto;
top: 75px;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/left-arrow-green.svg);
background-color: transparent;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-arrow:hover {
filter: saturate(2);
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-arrow.slick-prev {
left: -95px;
right: auto;
background-color: transparent;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-arrow.slick-next {
right: -95px;
left: auto;
transform: rotateY(180deg);
background-color: transparent;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-dots {
display: none !important;
margin: 0 auto;
}
@media (max-width: 1024px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner.slick-listing-full .slick-dots {
display: flex !important;
flex-wrap: nowrap;
overflow-x: auto;
max-width: 88%;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser {
flex: 0 1 auto;
width: 32.25806%;
margin-right: 1.6129%;
margin-bottom: 45px;
display: flex;
flex-direction: column;
height: auto;
overflow: hidden;
outline: none;
transition: all 0.5s ease;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser:hover .article-image {
transform: scale(1.05, 1.05);
}
@media (max-width: 1024px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser {
width: 32.53012%;
margin-right: 1.20482%;
}
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser {
width: 100%;
margin-right: 0;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser:hover .article-image {
transform: none;
}
}
@media (max-width: 599px) {
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser {
width: 100%;
max-width: 100%;
margin-right: 0;
margin-bottom: 30px;
overflow: visible;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser:nth-child(2n) {
margin-right: 0;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-image {
margin-right: -20px;
margin-left: -20px;
height: 250px;
}
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-image {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 230px;
z-index: 0;
transition: all 0.5s ease;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-image img {
display: none;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-image.article-image-team-members-team_members {
background-image: none !important;
background: transparent;
padding: 15px 20px 15px 20px;
box-sizing: border-box;
position: relative;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-image.article-image-team-members-team_members img {
display: block;
height: auto;
border-radius: 150px;
border: 5px solid #cecece;
box-sizing: border-box;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
width: 200px;
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-image.article-image-team-members-team_members a {
position: absolute;
top: 0;
left: 0;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-teaser-content {
flex: 1 0 auto;
padding-top: 22px;
z-index: 1;    display: flex; flex-direction: column;
background-color: #fff;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-teaser-content h3 {
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1.29px;
color: #0c5765;
margin-bottom: 25px;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-teaser-content p {
margin-bottom: 0;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #3a3a3a;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-teaser-content .article-teaser-categories {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #7dc04a;
text-transform: uppercase;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-teaser-content .article-teaser-categories p {
text-transform: none;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-teaser-cta {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #7dc04a;
margin-top: 16px;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-teaser-cta.cta-style-button {
background-color: #7dc04a;
padding: 13px;
color: #fff;
transition: all 0.5s ease;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 300;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 3px;
text-transform: uppercase;
align-self: flex-start;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser .article-teaser-cta.cta-style-button:hover {
background-color: #0c5765;
}
#allcontent .listing-section-bg .listing-section-wrapper .listing-section .listing-section-inner .article-teaser:nth-child(3n) {
margin-right: 0;
}
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section {
width: 74.6988%;
float: left;
margin-left: 0;
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 1024px) {
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section .listing-section-inner .article-teaser {
width: 43.54839%;
max-width: 43.54839%;
}
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section .listing-section-inner .article-teaser:nth-child(3n) {
margin-right: 1.6129%;
}
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section .listing-section-inner .article-teaser:nth-child(2n) {
margin-right: 0;
}
}
@media (max-width: 768px) {
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section .listing-section-inner .article-teaser {
width: 32.53012%;
max-width: 32.53012%;
margin-right: 1.20482%;
}
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section .listing-section-inner .article-teaser:nth-child(2n) {
margin-right: 1.20482%;
}
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section .listing-section-inner .article-teaser:nth-child(3n) {
margin-right: 0;
}
}
@media (max-width: 599px) {
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section .listing-section-inner .article-teaser {
width: 100%;
max-width: 100%;
margin-right: 0;
margin-bottom: 30px;
overflow: visible;
}
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section .listing-section-inner .article-teaser:nth-child(2n) {
margin-right: 0;
}
#allcontent .listing-section-bg .listing-section-wrapper.filters-enabled .listing-section .listing-section-inner .article-teaser .article-image {
margin-right: -20px;
margin-left: -20px;
height: 250px;
}
}
#allcontent .listing-section-bg .listing-pagination {    display: flex; flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
}
#allcontent .listing-section-bg .listing-pagination span, #allcontent .listing-section-bg .listing-pagination a {
padding: 10px;
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-stretch: normal;
line-height: 1.22;
letter-spacing: 1.09px;
text-align: center;
}
#allcontent .listing-section-bg .listing-pagination a {
color: #0c5765;
}
#allcontent .listing-section-bg .listing-pagination span {
color: #7dc04a;
}
#allcontent .listing-section-random .listing-section-inner {
position: relative;
min-height: 600px;
}
#allcontent .listing-section-random .listing-section-inner:after {
content: "";
display: block;
border: 16px solid #f3f3f3;
border-top: 16px solid #0c5765;
border-radius: 50%;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
position: absolute;
top: 20%;
left: 50%;
transform: translate(0, -50%);
}
#allcontent .listing-section-random .listing-section-inner .article-teaser {
transition: opacity .25s ease-in-out;
}
#allcontent .listing-section-random .listing-section-inner.listing-section-inner--loaded:after {
display: none;
}
#allcontent .listing-section-random .listing-section-inner.listing-section-inner--loaded .article-teaser {
opacity: 1;
}
@-webkit-keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#top-bar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 5500;
transition-duration: 0.3s;
background-color: #fff;
height: 64px;
}
#top-bar .top-bar-container {
max-width: 1245px;
margin-left: auto;
margin-right: auto;    display: flex; flex-wrap: nowrap;
flex-direction: row;
height: 100%;
}
#top-bar .top-bar-container:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 1024px) {
#top-bar .top-bar-container .hamburger {
flex: 1 0 auto;
}
}
#top-bar .top-bar-container .hamburger #pull {
display: none;
align-items: center;
cursor: pointer;
width: 61px;
height: 61px;
padding-left: 15px;
}
@media (max-width: 1024px) {
#top-bar .top-bar-container .hamburger #pull {
display: flex;
}
}
#top-bar .top-bar-container .hamburger #pull span {
position: relative;
-ms-grid-row-align: center;
align-self: center;
font-size: 0;
width: 40px;
height: 2px;
background-color: #0c5765;
border-radius: 100px;
transition: background-color 0.2s ease-out;
}
#top-bar .top-bar-container .hamburger #pull span:before, #top-bar .top-bar-container .hamburger #pull span:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #0c5765;
border-radius: 100px;
transition: transform .2s ease-out;
}
#top-bar .top-bar-container .hamburger #pull span:before {
bottom: calc(100% + 10px);
}
#top-bar .top-bar-container .hamburger #pull span:after {
top: calc(100% + 10px);
}
#top-bar .top-bar-container .hamburger.is-visible #pull span {
background-color: transparent;
}
#top-bar .top-bar-container .hamburger.is-visible #pull span:before {
width: 100%;
bottom: auto;
transform: rotate(45deg);
}
#top-bar .top-bar-container .hamburger.is-visible #pull span:after {
width: 100%;
top: auto;
transform: rotate(-45deg);
}
#top-bar .top-bar-container #main-menu {
margin-left: 8.43373%;
}
@media (max-width: 1245px) {
#top-bar .top-bar-container #main-menu {
margin-left: 20px;
}
}
@media (max-width: 1024px) {
#top-bar .top-bar-container #main-menu {
display: none;
}
}
#top-bar .top-bar-container #main-menu ul.prime_nav {
display: block;
float: left;
z-index: 1001;
height: 100%;
}
#top-bar .top-bar-container #main-menu ul.prime_nav.children {
z-index: -1;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li {
display: block;
float: left;
position: relative;
white-space: nowrap;
z-index: 1001;
padding-top: 18px;
padding-bottom: 5px;
cursor: pointer;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li p {
margin-bottom: 0;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li:hover > a:after {
content: " ";
display: block;
height: 4px;
background-color: #7dc04a;
position: absolute;
bottom: -5px;
right: 0;
left: 0;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li.current-menu-item > a:after {
content: " ";
display: block;
height: 4px;
background-color: #7dc04a;
position: absolute;
bottom: -5px;
right: 0;
left: 0;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li a {
display: block;
position: relative;
padding: 20px 20px 5px 20px;
text-decoration: none;
transition: .3s color ease-out;
text-transform: uppercase;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.85px;
text-align: center;
color: #000000;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li a:before {
content: " ";
width: 1px;
height: 15px;
background-color: #979797;
position: absolute;
right: 0;
bottom: 5px;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li:hover .sub-menu-wrap {
opacity: 1;
visibility: visible;
z-index: 1000;
pointer-events: all;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap {
position: fixed;
z-index: -1;
opacity: 0;
visibility: hidden;
margin-top: 5px;
padding-bottom: 20px;
padding-top: 30px;
pointer-events: none;
transition: .3s all ease-in;
background-color: rgba(58, 58, 58, 0.8);
left: 0;
width: 100%;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner:after {
content: " ";
display: block;
clear: both;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu {
margin-left: 18%;
margin-right: 8.43373%;    display: flex; flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
overflow: hidden;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li {
width: 32.53012%;
flex: 0 1 auto;
position: relative;
margin: 0;
padding-bottom: 0;
padding-top: 4px;
color: #fff;
white-space: normal;
transition: all 0.5s ease;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li:after {
content: " ";
width: 1px;
height: 200px;
background-color: #ffffff;
position: absolute;
left: -17.07317%;
bottom: 0;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li:nth-child(3n+1):after {
display: none;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li a {
text-align: left;
padding-top: 15px;
color: #fff;
display: table;
float: none;
min-width: 150px;
width: auto;
padding-right: 17.07317%;
font-size: 14px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.85px;
color: #ffffff;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li a:before {
display: none;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li:hover a {
color: #7dc04a;
font-weight: bold;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li:hover a:after {
display: none;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li.current-menu-item {
color: #7dc04a;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li.current-menu-item a {
color: #7dc04a;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li .sub-menu-wrap .sub-menu-inner ul.sub-menu li.current-menu-item a:after {
display: none;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li.menu-hover {
visibility: visible;
margin-top: 0;
opacity: 1;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li.link-green {
background-color: #7dc04a;
color: #fff;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li.link-green a {
color: #fff;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li.link-green a:before {
display: none;
}
#top-bar .top-bar-container #main-menu ul.prime_nav li.link-green:hover a {
text-decoration: underline;
}
#top-bar .top-bar-container .search-toggle, #top-bar .top-bar-container .search-toggle-close {
flex: 1 0 auto;
}
@media (max-width: 1024px) {
#top-bar .top-bar-container .search-toggle, #top-bar .top-bar-container .search-toggle-close {
display: none;
}
}
#top-bar .top-bar-container .search-toggle svg, #top-bar .top-bar-container .search-toggle img, #top-bar .top-bar-container .search-toggle-close svg, #top-bar .top-bar-container .search-toggle-close img {
padding-left: 20px;
padding-top: 37px;
height: 17px;
width: 17px;
display: block;
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
}
#top-bar .top-bar-container .search-toggle svg:hover path, #top-bar .top-bar-container .search-toggle svg:hover polygon, #top-bar .top-bar-container .search-toggle svg:focus path, #top-bar .top-bar-container .search-toggle svg:focus polygon, #top-bar .top-bar-container .search-toggle img:hover path, #top-bar .top-bar-container .search-toggle img:hover polygon, #top-bar .top-bar-container .search-toggle img:focus path, #top-bar .top-bar-container .search-toggle img:focus polygon, #top-bar .top-bar-container .search-toggle-close svg:hover path, #top-bar .top-bar-container .search-toggle-close svg:hover polygon, #top-bar .top-bar-container .search-toggle-close svg:focus path, #top-bar .top-bar-container .search-toggle-close svg:focus polygon, #top-bar .top-bar-container .search-toggle-close img:hover path, #top-bar .top-bar-container .search-toggle-close img:hover polygon, #top-bar .top-bar-container .search-toggle-close img:focus path, #top-bar .top-bar-container .search-toggle-close img:focus polygon {
stroke: #7dc04a;
}
#top-bar .top-bar-container #branding {
flex: 0 0 auto;
margin-right: 8.43373%;    display: flex; flex-direction: row;
align-items: center;
}
@media (max-width: 1245px) {
#top-bar .top-bar-container #branding {
margin-right: 20px;
}
}
#top-bar .top-bar-container #branding a img {
max-width: 135px;
}
@media (max-width: 599px) {
#top-bar .top-bar-container #branding a img {
max-width: 109px;
}
}
#search-slideout.open {
z-index: 6000;
}
#search-slideout.open .search-close {    display: flex; }
#search-slideout .search-close {
display: none;
transition: all 0.5s ease;
justify-content: flex-start;
flex-direction: row;
align-items: center;
transition: all 0.5s ease;
}
#search-slideout .search-close:hover div {
color: #7dc04a;
}
#search-slideout .search-close .search-toggle-close {
width: 30px;
margin: 20px 10px 20px 20px;
position: relative;
cursor: pointer;
color: #fff;
transition: all 0.5s ease;
}
#search-slideout .search-close .search-toggle-close-text {
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
letter-spacing: 2px;
color: #fff;
z-index: 1;
cursor: pointer;
margin: 20px 10px 20px 0;
transition: all 0.5s ease;
}
#search-slideout .search-close:hover .search-toggle-close:before,
#search-slideout .search-close:focus .search-toggle-close:before {
color: #7bc243 !important;
}
.search-close:hover .menu-toggle-line,
.search-close:focus .menu-toggle-line {
border-color: #7bc243;
}
.search-emblem {
margin: 0 auto 120px;
}
#navigation-slideout {
display: none;
position: fixed;
clear: both;
width: 100%;
float: left;
right: 0;
margin: 0;
top: 64px;
bottom: 0;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/default-header-image-mobile.jpg);
background-color: #0c5765;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
overflow-y: auto;
max-height: 100%;
padding: 64px 0;
}
#navigation-slideout:after {
content: "";
background-color: #0C5765;
opacity: 0.85;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
#navigation-slideout.open {
display: block;
}
#navigation-slideout ul li {
text-align: center;
margin-bottom: 0;
outline: none;
}
#navigation-slideout ul li a {
display: inline;
color: #ffffff;
text-transform: uppercase;
outline: none;
}
#navigation-slideout ul li a span {
display: inline-block;
}
#navigation-slideout ul li.link-green {
display: none;
}
#navigation-slideout span.dd-menu-toggle {
display: none;
}
#navigation-slideout #mobile-nav {
margin-bottom: 15px;
}
#navigation-slideout #mobile-nav > li > a {
position: relative;
z-index: 999;
display: inline-block;
height: 100%;
padding: 20px 10px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.85px;
text-align: center;
color: #ffffff;
}
#navigation-slideout #mobile-nav > li > a > span {
position: relative;
display: inline-block;
}
#navigation-slideout #mobile-nav > li > a > span::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 0;
margin: auto;
height: 1px;
opacity: .5;
transition: .2s ease-out all;
}
#navigation-slideout #mobile-nav > li > a span.dd-menu-toggle {
text-indent: -9999px;
display: none;
content: "";
position: absolute;
right: -50px;
top: -10px;
bottom: -10px;
width: 50px;
padding: 0;
}
#navigation-slideout #mobile-nav > li > a span.dd-menu-toggle:after {
position: absolute;
z-index: 251;
right: 50%;
top: 40%;
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
content: '';
display: block;
height: 8px;
width: 8px;
pointer-events: none;
transform-origin: 66% 66%;
transform: rotate(-45deg);
transition: all 0.15s ease-in-out;
}
#navigation-slideout #mobile-nav > li.menu-search-sested {
text-align: center;
}
#navigation-slideout #mobile-nav > li:hover > a > span::before {
width: 100%;
}
#navigation-slideout #mobile-nav li > a:not(:only-child) span.dd-menu-toggle {
display: inline-block;
}
#navigation-slideout #mobile-nav li.opened > a:not(:only-child) span::after {
transform: rotate(45deg);
}
#navigation-slideout #mobile-nav li.opened .sub-menu {
margin-bottom: 20px;
}
#navigation-slideout #mobile-nav li.opened .sub-menu li {
z-index: 1;
}
#navigation-slideout #mobile-nav li .sub-menu {
display: block;
opacity: 0;
max-height: 0;
margin: 0 auto;
font-size: .85em;
transition: .5s max-height ease-in-out, .3s opacity ease-in-out, .3s padding ease;
position: relative;
z-index: -1;
}
#navigation-slideout #mobile-nav li .sub-menu li {
margin-bottom: 0;
z-index: -1;
}
#navigation-slideout #mobile-nav li .sub-menu li a {
padding: 20px 10px;
z-index: -1;
display: block;
}
#navigation-slideout #mobile-nav li .sub-menu li:first-child a {
padding: 30px 10px 20px 10px;
}
#navigation-slideout #mobile-nav li .sub-menu li:after {
content: "";
background-color: #fff;
height: 2px;
width: 180px;
position: absolute;
bottom: 0;
background-color: #fff;
left: calc(50% - 90px);
}
#navigation-slideout #mobile-nav li.opened .sub-menu {
display: block;
opacity: 1;
max-height: 1000px;
transition: 1s max-height ease-in-out, .3s .3s opacity ease-in-out, .3s .3s padding ease;
z-index: 1;
}
#navigation-slideout #mobile-nav li.current-menu-item > a {
color: #7dc04a;
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
}
#navigation-slideout ul li a:not([href]) {
cursor: default;
}
#navigation-slideout ul li {
clear: both;
display: block;
float: none;
position: relative;
white-space: normal;
}
#navigation-slideout .mobile-search-toggle {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
margin-bottom: 40px;
cursor: pointer;
}
#navigation-slideout .mobile-search-toggle:hover svg path, #navigation-slideout .mobile-search-toggle:hover svg polygon, #navigation-slideout .mobile-search-toggle:hover img path, #navigation-slideout .mobile-search-toggle:hover img polygon, #navigation-slideout .mobile-search-toggle:focus svg path, #navigation-slideout .mobile-search-toggle:focus svg polygon, #navigation-slideout .mobile-search-toggle:focus img path, #navigation-slideout .mobile-search-toggle:focus img polygon {
stroke: #7dc04a;
}
#navigation-slideout .mobile-search-toggle:hover .bottom-line, #navigation-slideout .mobile-search-toggle:focus .bottom-line {
background-color: #7dc04a;
}
#navigation-slideout .mobile-search-toggle svg, #navigation-slideout .mobile-search-toggle img {
padding: 10px;
height: 17px;
width: 17px;
display: block;
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
}
#navigation-slideout .mobile-search-toggle svg path, #navigation-slideout .mobile-search-toggle svg polygon, #navigation-slideout .mobile-search-toggle img path, #navigation-slideout .mobile-search-toggle img polygon {
stroke: #fff;
}
#navigation-slideout .mobile-search-toggle .bottom-line {
width: 66px;
height: 1px;
position: relative;
right: 0;
bottom: 0;
background-color: #fff;
margin-top: 24px;
}
#navigation-slideout .mobile-contact-button {
z-index: 1;
position: relative;
}
#navigation-slideout .mobile-contact-button a {
max-width: 280px;
margin: 0 auto;
text-transform: uppercase;
display: block;
width: 100%;
background-color: #7dc04a;
color: #fff;
text-align: center;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
font-size: 12px;
padding: 13px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 3px;
z-index: 555;
}
.secondary-menu-wrapper {
background-color: rgba(12, 87, 101, 0.8);
position: fixed;
top: 64px;
left: 0;
width: 100%;
z-index: 5200;
}
.secondary-menu-wrapper .secondary-menu-container {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
}
.secondary-menu-wrapper .secondary-menu-container:after {
content: " ";
display: block;
clear: both;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner {    display: flex; flex-direction: row;
margin-left: 8.43373%;
}
@media (max-width: 1245px) {
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner {
margin-left: 20px;
}
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .secondary-menu-title {
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
padding: 15px 20px 15px 0;
-ms-grid-row-align: center;
align-self: center;
letter-spacing: 0.85px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.85px;
color: #ffffff;
text-transform: uppercase;
margin-left: 20px;
}
@media (max-width: 1245px) {
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .secondary-menu-title {
margin-left: 0;
}
}
@media (max-width: 599px) {
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .secondary-menu-title {
align-self: flex-start;
}
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .secondary-menu-mobile-button {
display: none;
width: 100%;
background-color: #0c5765;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .secondary-menu-mobile-button button {
color: #7dc04a;
position: relative;
font-size: 14px;
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.85px;
padding: 14px 40px 14px 20px;
text-transform: uppercase;
background: transparent;
border: none;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .secondary-menu-mobile-button button:after {
position: absolute;
z-index: 251;
right: 20px;
top: 40%;
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
content: '';
display: block;
height: 6px;
width: 6px;
pointer-events: none;
transform-origin: 66% 66%;
transform: rotate(45deg);
transition: all 0.15s ease-in-out;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green {    display: flex; flex-direction: row;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .menu-item, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .menu-item {
letter-spacing: 0.85px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.85px;
color: #ffffff;
text-transform: uppercase;    display: flex; align-items: center;
flex: 1 0 auto;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .menu-item a, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .menu-item a {
display: block;
padding: 15px 20px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.85px;
color: #ffffff;
text-transform: uppercase;
white-space: nowrap;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .menu-item a:hover, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .menu-item a:hover {
color: #7dc04a;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .menu-item.-hidden, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .menu-item.-hidden {
display: none;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .menu-item.menu-item-style-green, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .menu-item.menu-item-style-green {
background-color: #7dc04a;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .menu-item.menu-item-style-green:hover a, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .menu-item.menu-item-style-green:hover a {
text-decoration: underline;
color: #fff;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .menu-item.menu-current a, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .menu-item.menu-current a {
color: #7dc04a;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-hidden, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-hidden {
display: none;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more {
position: relative;
margin-bottom: 0;
font-weight: inherit;
color: #fff;
background-color: #0C5765;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more button, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more button {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.85px;
color: #ffffff;
text-transform: uppercase;
padding: 15px 35px 15px 20px;
margin: 0;
height: 100%;
background-color: transparent;
border: none;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more span:after, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more span:after {
position: absolute;
z-index: 251;
right: 20px;
top: 40%;
border-bottom: 2px solid #ffffff;
border-right: 2px solid #ffffff;
content: '';
display: block;
height: 6px;
width: 6px;
pointer-events: none;
transform-origin: 66% 66%;
transform: rotate(45deg);
transition: all 0.15s ease-in-out;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more:hover button, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more:hover button {
color: #7dc04a;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more:hover span:after, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more:hover span:after {
border-bottom: 2px solid #7dc04a;
border-right: 2px solid #7dc04a;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap {
position: fixed;
z-index: -1;
opacity: 0;
visibility: hidden;
padding-bottom: 20px;
padding-top: 30px;
pointer-events: none;
transition: .3s all ease-in;
background-color: #0c5765;
left: 0;
width: 100%;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner:after, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner:after {
content: " ";
display: block;
clear: both;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary {
margin-left: 18%;
margin-right: 8.43373%;    display: flex; flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
overflow: hidden;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit {
width: 32.53012%;
flex: 0 1 auto;
position: relative;
margin: 0;
padding-bottom: 0;
padding-top: 4px;
color: #fff;
white-space: normal;
transition: all 0.5s ease;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit a, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit a {
text-align: left;
padding-top: 15px;
color: #fff;
display: table;
float: none;
min-width: 150px;
width: 100%;
font-size: 14px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.85px;
color: #ffffff;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit a:before, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit a:before {
display: none;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit:hover a, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit:hover a {
color: #7dc04a;
font-weight: bold;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit:hover a:after, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit:hover a:after {
display: none;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit.menu-current, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit:hover, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit.menu-current, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit:hover {
color: #7dc04a;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit.menu-current a, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit:hover a, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit.menu-current a, .secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green .-more .secondary2-menu-wrap .secondary2-menu-inner ul.-secondary .mit:hover a {
color: #7dc04a;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner.-show-secondary .menu-items-primary .-more button {
color: #7dc04a;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner.-show-secondary .menu-items-primary .-more span:after {
border-bottom: 2px solid #7dc04a;
border-right: 2px solid #7dc04a;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner.-show-secondary .menu-items-primary .-more .secondary2-menu-wrap {
opacity: 1;
visibility: visible;
z-index: 1000;
pointer-events: all;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner.-show-secondary .menu-items-primary .-more .secondary2-menu-wrap .-secondary {
display: block;
}
@media (max-width: 599px) {
.secondary-menu-wrapper {
position: relative;
margin-top: -64px;
margin-bottom: 64px;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner {
flex-direction: column;
margin-left: 0;
flex-wrap: wrap;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .secondary-menu-title {
width: 100%;
background-color: #fff;
color: #7dc04a;
padding-left: 20px;
margin-left: 0;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .secondary-menu-mobile-button {
display: block;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary {
flex-direction: column;
display: none;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary.-shown {
display: block;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .mit.-hidden {
display: block;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-primary .-more {
display: none;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green {
display: none;
}
.secondary-menu-wrapper .secondary-menu-container .secondary-menu-inner .menu-items-green.-shown {
display: block;
}
}
.secondary-menu-wrapper .-hidden {
display: none;
}
#allcontent .downloads-block {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}
#allcontent .downloads-block:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 599px) {
#allcontent .downloads-block {
margin-bottom: 40px;
}
}
#allcontent .downloads-block .downloads-wrapper {
max-width: 820px;
margin: 0 auto;
}
#allcontent .downloads-block .downloads-wrapper .download-list {
width: 100%;
margin-left: 0;
}
#allcontent .downloads-block .downloads-wrapper .download-list li {
margin-bottom: 10px;
position: relative;
background-color: #e4e4e4;    display: flex; flex-direction: row;
flex-wrap: wrap;
align-items: center;
line-height: 1;
padding-left: 0;
}
@media (max-width: 599px) {
#allcontent .downloads-block .downloads-wrapper .download-list li {
flex-wrap: wrap;
padding-left: 0;
margin-right: -40px;
margin-left: -20px;
}
}
#allcontent .downloads-block .downloads-wrapper .download-list li:before {
display: none !important;
}
#allcontent .downloads-block .downloads-wrapper .download-list li .download-image {
width: 100%;
}
#allcontent .downloads-block .downloads-wrapper .download-list li .download-label {
flex: 1 0 auto;
padding-left: 40px;
font-size: 17px;
}
@media (max-width: 599px) {
#allcontent .downloads-block .downloads-wrapper .download-list li .download-label {
width: 100%;
padding: 14px 20px;
}
}
#allcontent .downloads-block .downloads-wrapper .download-list li .button {
min-width: 170px;
padding: 20px;
position: relative;
}
@media (max-width: 599px) {
#allcontent .downloads-block .downloads-wrapper .download-list li .button {
width: 100%;
padding: 14px 20px;
}
}
#allcontent .downloads-block .downloads-wrapper .download-list li .button:after {
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/download-arrow.svg);
margin-top: -13px;
height: 25px;
width: 19px;
}
@media (max-width: 599px) {
#allcontent .downloads-block .downloads-wrapper .download-list li .button:after {
right: 65px;
}
}
#allcontent .fourcolumns {
margin-bottom: 100px;
padding: 0 20px;
}
@media (max-width: 599px) {
#allcontent .fourcolumns {
margin-bottom: 40px;
}
}
#allcontent .fourcolumns .container {
max-width: 820px;
margin: 0 auto;
padding: 0;
}
#allcontent .fourcolumns .container .fourcolumn-wrapper {
margin-bottom: 0;
opacity: 0;
max-height: 1000px;
transition: all 0.5s ease;
}
#allcontent .fourcolumns .container .fourcolumn-wrapper.slick-initialized {
opacity: 1;
max-height: none;
}
@media (max-width: 599px) {
#allcontent .fourcolumns .container .fourcolumn-wrapper {
margin-bottom: 5px;
margin-left: 0;
margin-right: 0;
padding: 0 10px;
}
}
#allcontent .fourcolumns .container .fourcolumn-wrapper .slick-list .slick-track {    display: flex; flex-direction: row;
}
@media (max-width: 599px) {
#allcontent .fourcolumns .container .fourcolumn-wrapper .slick-list .slick-track {
justify-content: center;
align-items: center;
}
}
#allcontent .fourcolumns .container .fourcolumn-wrapper .slick-list .slick-track .col-item {    display: flex; flex-direction: column;
justify-content: flex-start;
align-items: center;
outline: none;
}
#allcontent .fourcolumns .container .fourcolumn-wrapper .slick-list .slick-track .col-item .col-item-inner {
text-align: center;
}
#allcontent .fourcolumns .container .fourcolumn-wrapper .slick-list .slick-track .col-item .col-item-inner .col-item-title {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 36px;
margin-bottom: 20px;
line-height: 1.04;
letter-spacing: 0.9px;
text-align: center;
color: #7dc04a;
}
#allcontent .fourcolumns .container .fourcolumn-wrapper .slick-list .slick-track .col-item .col-item-inner .col-item-text {
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
font-size: 20px;
text-transform: uppercase;
font-style: normal;
font-stretch: normal;
line-height: 1.18;
letter-spacing: 0.8px;
text-align: center;
color: #000000;
}
#allcontent .fourcolumns .container .slick-dots {
position: relative !important;
margin: 20px auto 0;
text-align: center;
}
#allcontent .fourcolumns .container .slick-dots li {
display: inline-block;
margin-bottom: 0;
padding: 0 12px 0 0;
margin-bottom: 0;
}
#allcontent .fourcolumns .container .slick-dots li button {
background: #d8d8d8;
border-radius: 50%;
width: 10px;
height: 10px;
font-size: 0;
border: none;
padding: 0;
margin-bottom: 0;
}
#allcontent .fourcolumns .container .slick-dots li button:hover {
background: #7dc04a;
}
#allcontent .fourcolumns .container .slick-dots li button:before {
display: none;
}
#allcontent .fourcolumns .container .slick-dots li:before {
display: none;
}
#allcontent .fourcolumns .container .slick-dots li.slick-active button {
background: #7dc04a;
}
#allcontent .fourcolumns .container .slick-dots li:nth-last-child {
padding: 0;
}
#allcontent .fourcolumns .container .slick-dots li:last-child {
padding: 0;
}
#allcontent .fourcolumns.fourcolumn-show-dots .fourcolumn-slick-dots {
display: block;
}
#allcontent .capabilities-list {
padding: 40px 20px;
}
#allcontent .capabilities-list a {
color: #8bb3ba;
}
#allcontent .capabilities-list a:hover {
color: #fff;
}
#allcontent .capability-toggle-text ul > li, #allcontent .capability-toggle-text ol > li, #allcontent .capability-toggle-text p {
color: #6b9ea7;
}
@media (max-width: 599px) {
#allcontent .capability-toggle-text li {
font-size: 20px;
line-height: 32px;
}
}
#allcontent .capability-toggle-text h1, #allcontent .capability-toggle-text h2, #allcontent .capability-toggle-text h3, #allcontent .capability-toggle-text h4, #allcontent .capability-toggle-text h5, #allcontent .capability-toggle-text h6 {
color: #fff;
}
#allcontent .block-without-content {
padding: 15px 120px 15px 36px;
background-color: #e4e4e4;
position: relative;
margin-top: 10px;
cursor: auto;
outline: none;
min-height: 60px;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 14px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
vertical-align: baseline;
}
@media (max-width: 599px) {
#allcontent .block-without-content {
margin-left: -20px;
margin-right: -20px;
padding: 15px 85px 15px 20px;
}
}
#allcontent .block-without-content h3 {
font-size: 20px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.2px;
color: #666666;
margin-bottom: 0;
}
@media (max-width: 599px) {
#allcontent .block-without-content h3 {
font-size: 16px;
}
}
#allcontent .block-without-content .accordion-subtitle {
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1px;
color: #666666;
margin-top: 12px;
}
@media (max-width: 599px) {
#allcontent .block-without-content .accordion-subtitle {
font-size: 16px;
margin-top: 6px;
}
}
#allcontent .accordion-block {
width: 100%;
}
#allcontent .accordion-block .inner-wrapper {
width: 100%;
max-width: 820px;
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin {
margin-bottom: 100px;
}
@media (max-width: 599px) {
#allcontent .accordion-block .inner-wrapper .accordion-block-margin {
padding: 0 20px;
margin-bottom: 40px;
}
}
@media (max-width: 599px) {
#allcontent .accordion-block .inner-wrapper .accordion-block-margin {
margin-bottom: 40px;
}
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header {
padding: 15px 120px 15px 36px;
background-color: #e4e4e4;
position: relative;
margin-top: 10px;
cursor: pointer;
outline: none;
min-height: 60px;    display: flex; flex-direction: column;
justify-content: center;
}
@media (max-width: 599px) {
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header {
margin-left: -20px;
padding: 15px 85px 15px 20px;
}
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header h3 {
font-size: 20px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0.2px;
color: #666666;
margin-bottom: 0;
}
@media (max-width: 599px) {
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header h3 {
font-size: 16px;
}
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header .accordion-subtitle {
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 1px;
color: #666666;
margin-top: 12px;
}
@media (max-width: 599px) {
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header .accordion-subtitle {
font-size: 16px;
margin-top: 6px;
}
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-content {
padding: 30px 120px 15px 36px;
background-color: #e4e4e4;
}
@media (max-width: 768px) {
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-content {
padding-right: 36px;
}
}
@media (max-width: 599px) {
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-content {
margin-left: -20px;
margin-right: -20px;
padding: 15px 20px 15px 20px;
font-size: 16px;
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-content p {
font-size: 16px;
}
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header-icon {
position: absolute;
top: 0;
right: 0;
width: 90px;
bottom: 0;
background-color: #7dc04a;
transition: all 0.3s ease-in-out 0s;
cursor: pointer;
}
@media (max-width: 599px) {
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header-icon {
margin-right: -20px;
}
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header-icon:hover,
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header-icon:focus {
background-color: #202020;
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header-icon:after {
content: url(//www.wates.co.uk/wp-content/themes/wates/images/arrow-down.svg);
position: absolute;
top: calc(50% - 8px);
left: calc(50% - 8px);
width: 16px;
height: 16px;
transition: all 0.3s ease-in-out 0s;
}
#allcontent .accordion-block .inner-wrapper .accordion-block-margin .ui-accordion-header-active .ui-accordion-header-icon:after {
transform: rotateX(180deg);
transform-origin: center;
}
.wates-full-slider .wates-fulll-slider-container {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
margin-bottom: 100px;
}
.wates-full-slider .wates-fulll-slider-container:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 599px) {
.wates-full-slider .wates-fulll-slider-container {
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.wates-full-slider .wates-fulll-slider-container {
margin-left: -20px;
margin-right: -20px;
}
}
.wates-full-slider .wates-fulll-slider-container .slider-inner {
margin-left: 8.43373%;
margin-right: 8.43373%;
position: relative;
opacity: 0;
min-height: 1000px;
transition: all 0.5s ease;
}
.wates-full-slider .wates-fulll-slider-container .slider-inner.slick-initialized {
opacity: 1;
min-height: 0;
}
@media (max-width: 768px) {
.wates-full-slider .wates-fulll-slider-container .slider-inner {
margin-left: 0;
margin-right: 0;
}
}
.wates-full-slider .wates-fulll-slider-container .slider-inner .slider-image {
display: block;
height: 460px;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
@media (max-width: 1024px) {
.wates-full-slider .wates-fulll-slider-container .slider-inner .slider-image {
height: 380px;
}
}
.wates-full-slider .wates-fulll-slider-container .slider-inner .slider-caption {
background-color: #e4e4e4;
padding: 17px 20px 17px 26px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
font-size: 20px;
color: #000000;
}
.wates-full-slider .wates-fulll-slider-container .slider-inner .slick-arrow {
bottom: auto;
top: 190px;
background-image: url(//www.wates.co.uk/wp-content/themes/wates/images/left-arrow-green.svg);
background-color: transparent;
}
@media (max-width: 1024px) {
.wates-full-slider .wates-fulll-slider-container .slider-inner .slick-arrow {
top: 150px;
}
}
@media (max-width: 768px) {
.wates-full-slider .wates-fulll-slider-container .slider-inner .slick-arrow {
display: none !important;
}
}
.wates-full-slider .wates-fulll-slider-container .slider-inner .slick-arrow:hover {
filter: saturate(2);
}
.wates-full-slider .wates-fulll-slider-container .slider-inner .slick-arrow.slick-prev {
left: -95px;
right: auto;
background-color: transparent;
}
.wates-full-slider .wates-fulll-slider-container .slider-inner .slick-arrow.slick-next {
right: -95px;
left: auto;
transform: rotateY(180deg);
background-color: transparent;
}
.wates-full-slider .wates-fulll-slider-container .slider-inner .slick-dots {
display: none !important;
margin: 10px auto 0;
}
@media (max-width: 768px) {
.wates-full-slider .wates-fulll-slider-container .slider-inner .slick-dots {
display: block !important;
}
}
.quotation-block .quotation-block-inner {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}
.quotation-block .quotation-block-inner:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 599px) {
.quotation-block .quotation-block-inner {
margin-bottom: 40px;
}
}
.quotation-block .quotation-block-inner .quotation-inner {
margin: 0 8.43373%;
}
@media (max-width: 768px) {
.quotation-block .quotation-block-inner .quotation-inner {
margin: 0;
}
}
.quotation-block .quotation-block-inner .quotation-inner .quotation-text {
margin-bottom: 20px;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
font-size: 36px;
font-style: normal;
font-stretch: normal;
line-height: 1.39;
letter-spacing: 0.85px;
text-align: center;
color: #000000;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.quotation-block .quotation-block-inner .quotation-inner .quotation-text {
font-size: 28px;
margin-bottom: 26px;
line-height: normal;
}
}
.quotation-block .quotation-block-inner .quotation-inner .quotation-author {
font-size: 14px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-style: normal;
font-stretch: normal;
line-height: 1.57;
letter-spacing: 2px;
text-align: center;
margin-bottom: 15px;
text-transform: uppercase;
color: #0c5765;
}
.quotation-block .quotation-block-inner .quotation-inner .quotation-position {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-stretch: normal;
line-height: 1.3;
letter-spacing: 3px;
text-align: center;
color: #000000;
text-transform: uppercase;
}
@media (max-width: 768px) {
.quotation-block .quotation-block-inner .quotation-inner .quotation-position {
font-size: 20px;
}
}
#site-footer {
padding: 50px 0 !important;
}
#site-footer .wrapper {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 1245px;
margin-left: auto;
margin-right: auto;    display: flex; }
#site-footer .wrapper:after {
content: " ";
display: block;
clear: both;
}
#site-footer .wrapper .copyright {
margin-bottom: 0;
}
#site-footer .wrapper .row {
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
align-items: center;
margin-bottom: 20px;
}
@media (max-width: 960px) {
#site-footer .wrapper .row {
flex-direction: column;
}
}
#site-footer .wrapper .row .footer-logo {
width: 24.09639%;
float: right;
margin-right: 0;
margin-right: 8.43373%;
text-align: right;
margin-bottom: 0;
}
@media (max-width: 960px) {
#site-footer .wrapper .row .footer-logo {
width: 100%;
text-align: center;
}
}
#site-footer .wrapper .row .footer-logo img {
width: 135px;
height: auto;
display: inline-block;
}
#site-footer .wrapper .row .social-links {
width: 15.66265%;
float: left;
margin-right: 1.20482%;
margin-left: 42.16867%;
margin-bottom: 0;
text-align: center;
}
@media (max-width: 960px) {
#site-footer .wrapper .row .social-links {
width: 100%;
margin: 20px auto 0 auto;
order: 2;
}
}
#site-footer .wrapper .row .social-links li {
margin-bottom: 0;
margin: 0 20px 0 0;
}
#site-footer .wrapper .row .social-links li:last-child {
margin-right: 0;
}
@media (min-width: 600px) and (max-width: 768px) {
#site-footer .wrapper .row .footer-nav .menu-footer-navigation-container li {
width: 90%;
margin-bottom: 10px;
}
#site-footer .wrapper .row .footer-nav .menu-footer-navigation-container li a {
padding: 8px 0;
}
}
#allcontent .page-builder-development-map {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}
#allcontent .page-builder-development-map:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 599px) {
#allcontent .page-builder-development-map {
margin-bottom: 40px;
}
}
@media (max-width: 1024px) {
#allcontent .page-builder-development-map {
overflow: hidden;
}
}
#allcontent .page-builder-development-map .acf-map {
height: 750px;
}
@media (max-width: 1024px) {
#allcontent .page-builder-development-map .acf-map {
height: 500px;
overflow: hidden;
}
}
@media (max-width: 599px) {
#allcontent .page-builder-development-map .acf-map {
height: 400px;
min-height: 0;
max-height: 75vh;
}
}
#allcontent .page-builder-development-map .caption-box {
max-width: 300px;
padding: 20px 25px;
}
@media (max-width: 1024px) {
#allcontent .page-builder-development-map .caption-box {
padding: 20px 25px !important;
max-width: 100% !important;
position: relative;
width: 100%;
}
}
#allcontent .page-builder-development-map .caption-box h2 {
font-size: 32px;
}
#allcontent .page-builder-development-map .caption-box h4 {
font-size: 20px;
line-height: 24px;
}
#allcontent .page-builder-management-team {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}
#allcontent .page-builder-management-team:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 599px) {
#allcontent .page-builder-management-team {
margin-bottom: 40px;
}
}
#allcontent .page-builder-key-contacts {
margin-left: -20px;
margin-right: -20px;
}
#allcontent .page-builder-key-contacts .contactcarousel .slick-slide h2 {
margin-bottom: 6px;
}
#allcontent .page-builder-key-contacts .contactcarousel .slick-slide .teal {
color: #0c5765;
}
#allcontent .page-builder-key-contacts .contactcarousel .slick-slide .no-bottom-margin {
margin-bottom: 6px;
}
#allcontent .page-builder-key-contacts .contactcarousel .slick-slide .contact-details li {
margin-bottom: 10px;
padding-left: 0;
list-style-type: none;
line-height: 1;
}
#allcontent .page-builder-key-contacts .contactcarousel .slick-slide .contact-details li a {
font-size: 14px;
}
#allcontent .page-builder-key-contacts .contactcarousel .slick-slide .contact-details li:before {
display: none;
}
#allcontent .btn {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 3px;
text-align: center;
padding: 13px 10px;
position: relative;
display: inline-block;
color: #ffffff;
overflow: hidden;
z-index: 10;
max-width: 250px;
text-transform: uppercase;
}
#allcontent .btn--green {
color: #ffffff;
background: #7dc04a;
}
#allcontent .btn:hover:before,
#allcontent .btn:focus:before {
left: 0;
background: #202020;
color: #ffffff;
}
#allcontent .btn:before {
content: "";
top: 0;
height: 100%;
width: 100%;
left: -100%;
position: absolute;
background-color: #202020;
transition: left 0.3s ease-in-out 0s;
z-index: -1;
}
#allcontent .cta-block {
display: block;
background-color: #d8d8d8;
margin-bottom: 140px !important;
}
@media (max-width: 599px) {
#allcontent .cta-block {
margin-bottom: 40px !important;
}
}
#allcontent .cta-block.download-brochure-inline {
margin-bottom: 40px !important;
}
#allcontent .cta-block.download-brochure-inline .container .cta {
padding: 12px 0 10px 0;
max-width: 1024px;
margin: 0 auto;
}
@media (max-width: 599px) {
#allcontent .cta-block.download-brochure-inline .container .cta {
margin: 0;
padding: 20px 0 0 0;
}
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner {
display: flex;
margin: 0 30px;
flex-wrap: nowrap;
justify-content: space-between;
clear: both;
}
@media (max-width: 768px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner {
flex-wrap: wrap;
}
}
@media (max-width: 599px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner {
margin: 0;
}
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-text {
width: 66%;
display: flex;
min-height: 60px;
justify-content: flex-start;
align-items: center;
color: #666666;
font-size: 20px;
line-height: 32px;
padding-right: 40px;
}
@media (max-width: 768px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-text {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
}
@media (max-width: 599px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-text {
margin: 0 10px 30px;
}
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-text p {
font-size: 28px;
font-style: normal;
font-stretch: normal;
line-height: 1.07;
letter-spacing: 0.9px;
color: #000000;
padding: 0;
}
@media (max-width: 768px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-text p {
font-size: 18px;
line-height: 1.22;
text-align: center;
}
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button {
width: 40%;
position: relative;
max-width: 321px;
min-width: 290px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
background-color: #7bc243;
color: #FFFFFF;
border: none !important;
font-size: 12px;
cursor: pointer;
transition: all 0.3s ease-in-out 0s;
}
@media (max-width: 768px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button {
width: 100%;
margin: 0 auto 20px;
}
}
@media (max-width: 599px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button {
min-width: 100px;
width: 100%;
}
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer {
max-height: 0;
overflow: hidden;
bottom: 100%;
position: absolute;
max-width: 321px;
z-index: 10000;
border: 2px solid #7bc243;
transition: all 0.4s ease;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer.shown {
max-height: 999px;
}
@media (max-width: 768px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer.shown {
bottom: calc(50% + 26px);
}
}
@media (max-width: 599px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer.shown {
bottom: calc(50% + 20px);
}
}
@media (max-width: 599px) {
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer {
bottom: 1px;
}
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms {
display: flex;
flex-direction: column;
min-height: 280px;
margin: 0;
padding: 20px;
top: 0;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset {
padding: 0;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .form-field {
margin-bottom: 10px;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container label {
font-size: 12px !important;
opacity: 1;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container label .frm_required {
display: inline-block;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container .frm_checkbox label {
position: relative;
font-size: 14px !important;
line-height: 1.2;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container .frm_checkbox label {
padding-right: 0;
font-size: 12px !important;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container .frm_checkbox a {
position: relative;
font-size: 14px !important;
line-height: 1.2;
color: #000000;
font-weight: bold;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container .frm_checkbox input[type=checkbox] {
transform: translateY(3px);
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container input {
margin: 0;
font-size: 14px !important;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container span.denotes {
padding-top: 10px;
padding-bottom: 20px;
display: block;
font-size: 12px !important;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container .frm_submit .frm_button_submit {
font-family: "Agenda Bd", Helvetica, Arial, sans-serif;
border: none;
color: #004c5c;
border-bottom: 2px solid #004c5c;
border-radius: 0;
box-shadow: none;
text-transform: uppercase;
padding: 2px;
letter-spacing: 1.2px;
transition: all 0.2s ease;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container .frm_submit .frm_button_submit:hover {
color: #7bc243;
border-bottom: 2px solid #7bc243;
background-color: transparent;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container #frm_field_21_container {
margin-bottom: 15px;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container #frm_field_21_container.frm_blank_field label {
color: #B94A48;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container #frm_field_21_container.frm_blank_field label a {
color: #B94A48;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container #frm_field_21_container.frm_blank_field .frm_error {
display: none;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms form .frm_form_fields fieldset .frm_fields_container .frm_error {
background: transparent;
line-height: 20px;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms .frm_message {
margin: 10px 0 20px !important;
height: 280px;
display: flex;
flex-direction: column;
background-color: transparent;
border: none;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms .frm_message .thank-you-content {
flex: 1 0 auto;
width: 100%;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms .frm_message .thank-you-content span {
display: block;
color: #000000;
text-align: left;
font-size: 15px;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms .frm_message .thank-you-content span.shortly {
padding-bottom: 10px;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms .frm_message .thank-you-content a {
text-align: left;
color: #000000;
font-weight: bold;
float: left;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms .frm_message .thank-you-button {
flex: 0 0 auto;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms .frm_message .thank-you-button a.thank-you-contact {
padding: 2px;
text-transform: uppercase;
font-size: 18px;
line-height: 1.22;
letter-spacing: 1.2px;
position: relative;
margin-top: 50px;
text-align: left;
color: #004c5c;
border-bottom: 2px solid #004c5c;
background-color: transparent;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .brochure-form-outer .frm_forms .frm_message .thank-you-button a.thank-you-contact:hover {
color: #7bc243;
border-bottom: 2px solid #7bc243;
background-color: transparent;
}
#allcontent .cta-block.download-brochure-inline .container .cta .cta-inner .cta-button .button-more {
width: 100%;
z-index: 1;
}
#allcontent .cta-block.download-brochure-inline .container .show-brochure-form {
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: 3px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
height: 60px;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
position: relative;
}
#allcontent .cta-block.download-brochure-inline .container .show-brochure-form:before {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 100%;
left: -100%;
background-color: #202020;
transition: all 0.3s ease-in-out 0s;
z-index: -1;
}
#allcontent .cta-block.download-brochure-inline .container .show-brochure-form:hover {
color: #fff !important;
box-shadow: none;
}
#allcontent .cta-block.download-brochure-inline .container .show-brochure-form:hover:before {
left: 0;
}
#allcontent .cta-block.download-brochure-inline label[for="field_3ynqh"] {
padding-top: 10px;
padding-bottom: 20px;
display: block;
font-size: 12px !important;
}
#allcontent #hid-brochure-nr, #allcontent #hid-brochure-name {
display: none;
}
@media (max-height: 744px) and (min-width: 1025px) {
#allcontent .swb-wrapper {
height: calc(100vh - 64px);
display: block;
}
}
#allcontent .swb-wrapper .slider-wrapper {
position: relative;
padding-top: 65px;
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper {
padding-top: 0;
margin-bottom: 50px;
}
}
@media (max-height: 744px) and (min-width: 1025px) {
#allcontent .swb-wrapper .slider-wrapper {
padding: 0;
}
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
visibility: hidden;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes:after {
content: " ";
display: block;
clear: both;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes.slick-initialized {
visibility: visible;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper {
position: relative;
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper {
display: flex;
flex-direction: column;
}
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper {
z-index: 10;
clear: both;
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
max-width: 42%;
background: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper {
display: flex;
flex-direction: column;
order: 2;
position: relative;
transform: none;
top: 0;
margin-left: 0;
margin-right: 0;
float: none;
max-width: initial;
width: initial;
}
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner {
position: relative;
border-left: 11px solid #7dc04a;
padding: 60px;
background: #ffffff;
opacity: 0;
}
@media (max-height: 744px) and (min-width: 1025px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner {
padding: 30px;
}
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner {
display: flex;
flex-direction: column;
order: 2;
position: relative;
padding: 20px;
transform: none;
top: 0;
margin-left: 0;
margin-right: 0;
float: none;
max-width: initial;
width: initial;
}
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .title {
color: #7dc04a;
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 3px;
margin-bottom: 0;
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .title {
padding-right: 100px;
}
}
@media (max-height: 744px) and (min-width: 1025px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .title {
font-size: 18px;
}
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .text {
font-size: 36px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #0c5765;
padding-top: 30px;
}
@media (max-height: 744px) and (min-width: 1025px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .text {
font-size: 28px;
padding-top: 15px;
margin-bottom: 25px;
}
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .text.mtitle {
padding-top: 0;
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .text.mtitle {
padding-top: 35px;
}
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .text {
font-size: 30px;
padding-top: 35px;
}
}
@media (max-width: 599px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .text {
font-size: 24px;
}
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .btn {
margin: 0 auto;
}
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .slider-arrows {
display: flex;
position: absolute;
bottom: 0;
right: 0;
transform: none;
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .slider-arrows {
top: 0;
right: 0;
}
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .slider-arrows .slick-arrow {
position: relative;
left: 0;
width: 52px;
height: 52px;
background: none;
text-indent: initial;
background-color: rgba(11, 128, 127, 0.5);
transition: all 0.5s ease;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .slider-arrows .slick-arrow:hover, #allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .slider-arrows .slick-arrow:active {
background-color: #0b807f;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .slider-arrows .slide-next:before {
content: "";
background: url(//www.wates.co.uk/wp-content/themes/wates/images/slider-right-arrow.svg) center no-repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .slider-arrows .slide-prev {
margin-right: 1px;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper .text-wrapper-inner .slider-arrows .slide-prev:before {
content: "";
background: url(//www.wates.co.uk/wp-content/themes/wates/images/slider-left-arrow.svg) center no-repeat;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .text-wrapper:before {
content: "";
position: absolute;
background: #7dc04a;
width: 100%;
height: 100%;
top: 0;
transform: translateX(-100%);
z-index: 10000;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .slide-image {
height: 558px;
width: 84.33735%;
margin-left: 15.66265%;
position: relative;
overflow: hidden;
z-index: 5;
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .slide-image {
width: 100%;
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
}
@media (max-height: 744px) and (min-width: 1025px) {
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .slide-image {
height: calc(100vh - 121px);
}
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .slide-image picture:before {
content: "";
position: absolute;
background: #0c5765;
width: 100%;
height: 100%;
top: 0;
transform: translateX(-100%);
z-index: 9999;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .slide-image picture img {
opacity: 0;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
transition: all 0.5s ease;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper .slide-image.slide-img-zoom picture img {
transform: scale(1.05, 1.05);
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper.slick-active .text-wrapper:before {
-webkit-animation: slide 1.5s normal forwards 1s cubic-bezier(0.2, 0.82, 0.82, 0.2);
animation: slide 1.5s normal forwards 1s cubic-bezier(0.2, 0.82, 0.82, 0.2);
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper.slick-active .text-wrapper-inner {
-webkit-animation: slideOpacity 0s normal forwards 1.7s;
animation: slideOpacity 0s normal forwards 1.7s;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper.slick-active .slide-image picture:before {
-webkit-animation: slide 1.5s normal forwards 0.6s cubic-bezier(0.2, 0.82, 0.82, 0.2);
animation: slide 1.5s normal forwards 0.6s cubic-bezier(0.2, 0.82, 0.82, 0.2);
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper.slick-active .slide-image picture img {
-webkit-animation: slideOpacity 0s normal forwards 1.3s;
animation: slideOpacity 0s normal forwards 1.3s;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper.slide-hiding .text-wrapper .text-wrapper-inner {
-webkit-animation: slideOpacityBackwards 0.5s normal forwards 0s;
animation: slideOpacityBackwards 0.5s normal forwards 0s;
}
#allcontent .swb-wrapper .slider-wrapper .slider-with-boxes .slide-wrapper.slide-hiding .slide-image picture img {
-webkit-animation: slideOpacityBackwards 0.5s normal forwards 0s;
animation: slideOpacityBackwards 0.5s normal forwards 0s;
}
@-webkit-keyframes slide {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@keyframes slide {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
@-webkit-keyframes slideOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes slideOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes slideOpacityBackwards {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes slideOpacityBackwards {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
display: flex;
width: 100%;
justify-content: space-between;
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 1024px) {
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper {
display: none;
}
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper .slick-list {
width: 100%;
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper .slick-list .slick-track {
width: 100%;
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper .slick-list .slick-track .dots-box {
margin-top: 30px;
border: solid 1px #0b807f;
width: calc(25% - 12px);
text-align: center;
margin: 30px 5px 0 5px;
cursor: pointer;
height: 90px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.5s ease;
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper .slick-list .slick-track .dots-box:hover {
background-color: #7dc04a;
border: solid 1px #7dc04a;
transition: all 0.5s ease;
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper .slick-list .slick-track .dots-box:hover .box-text {
color: #ffffff;
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper .slick-list .slick-track .dots-box.slick-current {
background-color: #7dc04a;
border: solid 1px #7dc04a;
color: #ffffff;
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper .slick-list .slick-track .dots-box.slick-current .box-text {
color: #ffffff;
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper .slick-list .slick-track .dots-box:last-child {
margin-right: 0;
}
#allcontent .swb-wrapper .slider-wrapper .dots-wrapper .slick-list .slick-track .dots-box .box-text {
padding: 28px 22px;
text-align: center;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 2px;
text-align: center;
color: #0b807f;
margin-bottom: 0;
transition: all 0.5s ease;
}
#allcontent .bg-none {
background: #ffffff;
}
@media (max-width: 768px) {
#allcontent .bg-none {
background: #ffffff;
}
}
#allcontent .hbg-none {
background: #ffffff;
}
@media (max-width: 768px) {
#allcontent .hbg-none {
background: #ffffff;
}
}
#allcontent .hbg-none {
background: #ffffff;
}
@media (max-width: 768px) {
#allcontent .hbg-none {
background: #ffffff;
}
}
#allcontent .hbg-blue {
background: #e6f2f2;
}
@media (max-width: 768px) {
#allcontent .hbg-blue {
background: #ffffff;
}
}
#allcontent .hbg-green {
background: #e5f2db;
}
@media (max-width: 768px) {
#allcontent .hbg-green {
background: #ffffff;
}
}
#allcontent .hbg-gray {
background: #e4e4e4;
}
@media (max-width: 768px) {
#allcontent .hbg-gray {
background: #ffffff;
}
}
#allcontent .bg-blue-small {
background: #e6f2f2;   background: linear-gradient(to bottom, #e6f2f2 25%, #ffffff 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f2f2', endColorstr='#ffffff',GradientType=0 ); }
@media (max-width: 768px) {
#allcontent .bg-blue-small {
background: #ffffff;
}
}
#allcontent .bg-green-small {
background: #e5f2db;   background: linear-gradient(to bottom, #e5f2db 25%, #ffffff 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5F2DB', endColorstr='#ffffff',GradientType=0 ); }
@media (max-width: 768px) {
#allcontent .bg-green-small {
background: #ffffff;
}
}
#allcontent .bg-gray-small {
background: #e4e4e4;   background: linear-gradient(to bottom, #e4e4e4 25%, #ffffff 25%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#ffffff',GradientType=0 ); }
@media (max-width: 768px) {
#allcontent .bg-gray-small {
background: #ffffff;
}
}
#allcontent .bg-blue-medium {
background: #e6f2f2;   background: linear-gradient(to bottom, #e6f2f2 50%, #ffffff 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f2f2', endColorstr='#ffffff',GradientType=0 ); }
@media (max-width: 768px) {
#allcontent .bg-blue-medium {
background: #ffffff;
}
}
#allcontent .bg-green-medium {
background: #e5f2db;   background: linear-gradient(to bottom, #e5f2db 50%, #ffffff 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5F2DB', endColorstr='#ffffff',GradientType=0 ); }
@media (max-width: 768px) {
#allcontent .bg-green-medium {
background: #ffffff;
}
}
#allcontent .bg-gray-medium {
background: #e4e4e4;   background: linear-gradient(to bottom, #e4e4e4 50%, #ffffff 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#ffffff',GradientType=0 ); }
@media (max-width: 768px) {
#allcontent .bg-gray-medium {
background: #ffffff;
}
}
#allcontent .bg-blue-big {
background: #e6f2f2;   background: linear-gradient(to bottom, #e6f2f2 75%, #ffffff 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f2f2', endColorstr='#ffffff',GradientType=0 ); }
@media (max-width: 768px) {
#allcontent .bg-blue-big {
background: #ffffff;
}
}
#allcontent .bg-green-big {
background: #e5f2db;   background: linear-gradient(to bottom, #e5f2db 75%, #ffffff 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5F2DB', endColorstr='#ffffff',GradientType=0 ); }
@media (max-width: 768px) {
#allcontent .bg-green-big {
background: #ffffff;
}
}
#allcontent .bg-gray-big {
background: #e4e4e4;   background: linear-gradient(to bottom, #e4e4e4 75%, #ffffff 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#ffffff',GradientType=0 ); }
@media (max-width: 768px) {
#allcontent .bg-gray-big {
background: #ffffff;
}
}
#allcontent .vertical-content-block {
margin-left: -20px;
margin-right: -20px;
}
@media (max-width: 768px) {
#allcontent .vertical-content-block {
margin-left: 0;
margin-right: 0;
}
}
#allcontent .vertical-content-block a {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
color: #7dc04a;
font-weight: bold;
}
#allcontent .vertical-content-block a.btn {
color: #fff;
font-weight: 300;
}
#allcontent .vertical-content-block.bg-none .vcb-section {
padding-top: 0;
}
#allcontent .vertical-content-block.bg-none.vcb-remove-margin {
margin-top: -70px;
margin-bottom: 30px;
}
@media (max-width: 599px) {
#allcontent .vertical-content-block.bg-none.vcb-remove-margin {
margin-top: 0;
}
}
#allcontent .vertical-content-block.bg-none.vcb-remove-margin .vcb-section {
margin-bottom: 0;
padding-top: 0;
}
#allcontent .vertical-content-block.vcb-remove-margin {
margin-top: -70px;
margin-bottom: 30px;
}
@media (max-width: 599px) {
#allcontent .vertical-content-block.vcb-remove-margin {
margin-top: 0;
}
}
#allcontent .vertical-content-block.vcb-remove-margin .vcb-section {
margin-bottom: 0;
}
#allcontent .vertical-content-block .vcb-section {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
padding-top: 45px;
margin-bottom: 100px;
}
#allcontent .vertical-content-block .vcb-section:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 599px) {
#allcontent .vertical-content-block .vcb-section {
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
#allcontent .vertical-content-block .vcb-section {
padding-top: 0;
}
}
@media (max-width: 599px) {
#allcontent .vertical-content-block .vcb-section {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 769px) and (max-width: 870px) {
#allcontent .vertical-content-block .vcb-section {
padding-left: 20px;
padding-right: 20px;
}
}
#allcontent .vertical-content-block .vcb-section .vertical-content-block-wrapper {
margin: 0 auto;
max-width: 820px;
width: 100%;
}
#allcontent .vertical-content-block .vcb-section .vertical-content-block-wrapper .vcb-title {
color: #3a3a3a;
position: relative;
}
#allcontent .vertical-content-block .vcb-section .vertical-content-block-wrapper .vcb-title h2 {
margin-bottom: 0;
}
@media (max-width: 599px) {
#allcontent .vertical-content-block .vcb-section .vertical-content-block-wrapper .vcb-title h2 {
font-size: 22px;
line-height: 30px;
}
}
#allcontent .vertical-content-block .vcb-section .additional-content {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
}
#allcontent .vertical-content-block .vcb-section .additional-content:after {
content: " ";
display: block;
clear: both;
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-video-wrapper {
width: 66.26506%;
margin: 0 auto;
position: relative;
}
@media (max-width: 768px) {
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-video-wrapper {
width: 100%;
}
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-video-wrapper .vcb-video {
position: relative;
padding-bottom: 56.25%; height: 0;
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-video-wrapper .vcb-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-video-wrapper .vcb-video-caption {
background-color: #d8d8d8;
margin-top: -3px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #666666;
padding: 15px 20px;
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-image {
width: 66.26506%;
margin: 0 auto;
}
@media (max-width: 768px) {
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-image {
width: 100%;
}
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-image .vcb-image-wrapper {
width: 100%;
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-image .vcb-image-wrapper img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 400px;
}
@media (max-width: 768px) {
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-image .vcb-image-wrapper img {
height: auto;
display: inline-block;
vertical-align: middle;
-o-object-fit: inherit;
object-fit: inherit;
}
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-image .vcb-image-caption {
background-color: #d8d8d8;
margin-top: -3px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #666666;
padding: 15px 20px;
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-twocolumnstext {
max-width: 820px;
margin: 0 auto;
display: flex;
}
@media (max-width: 768px) {
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-twocolumnstext {
flex-direction: column;
}
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-twocolumnstext .vcb-left {
padding-right: 20px;
flex: 1;
}
@media (max-width: 768px) {
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-twocolumnstext .vcb-left {
padding-right: 0;
}
}
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-twocolumnstext .vcb-right {
padding-left: 20px;
flex: 1;
}
@media (max-width: 768px) {
#allcontent .vertical-content-block .vcb-section .additional-content .vcb-twocolumnstext .vcb-right {
padding-left: 0;
}
}
#allcontent .horizontal-content-block {
margin-left: -20px;
margin-right: -20px;
}
@media (max-width: 768px) {
#allcontent .horizontal-content-block {
margin-left: 0;
margin-right: 0;
}
}
#allcontent .horizontal-content-block a {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
color: #7dc04a;
font-weight: bold;
}
#allcontent .horizontal-content-block a.btn {
color: #fff;
font-weight: 300;
}
#allcontent .horizontal-content-block.hcb-remove-margin {
margin-top: -70px;
margin-bottom: 30px;
}
@media (max-width: 599px) {
#allcontent .horizontal-content-block.hcb-remove-margin {
margin-top: 0;
}
}
#allcontent .horizontal-content-block.hcb-remove-margin .hcb-section {
margin-bottom: 0;
}
#allcontent .horizontal-content-block .hcb-section {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
display: flex;
padding: 90px 0;
}
#allcontent .horizontal-content-block .hcb-section:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 599px) {
#allcontent .horizontal-content-block .hcb-section {
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
#allcontent .horizontal-content-block .hcb-section {
padding: 0;
flex-direction: column;
}
}
#allcontent .horizontal-content-block .hcb-section.hbg-none {
padding: 0;
}
#allcontent .horizontal-content-block .hcb-section.hbg-none.hcb-remove-margin {
margin-top: -70px;
margin-bottom: 30px;
}
@media (max-width: 599px) {
#allcontent .horizontal-content-block .hcb-section.hbg-none.hcb-remove-margin {
margin-top: 0;
}
}
#allcontent .horizontal-content-block .hcb-section .horizontal-content-block-wrapper {
display: flex;
flex-direction: column;
width: 40.96386%;
float: left;
margin-right: 1.20482%;
margin-left: 8.43373%;
margin-right: 8.43373%;
-ms-grid-row-align: center;
align-self: center;
text-align: left;
}
@media (max-width: 768px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-content-block-wrapper {
width: 100%;
}
}
#allcontent .horizontal-content-block .hcb-section .horizontal-content-block-wrapper.align-left {
order: 1;
}
@media (max-width: 768px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-content-block-wrapper.align-right {
order: 1;
text-align: left;
}
}
#allcontent .horizontal-content-block .hcb-section .horizontal-content-block-wrapper .hcb-title {
position: relative;
}
#allcontent .horizontal-content-block .hcb-section .horizontal-content-block-wrapper .hcb-title h2 {
margin-bottom: 0;
}
@media (max-width: 599px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-content-block-wrapper .hcb-title h2 {
font-size: 22px;
line-height: 30px;
}
}
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content {
width: 49.39759%;
float: right;
margin-right: 0;
margin-right: -7.22892%;
display: flex;
align-items: center;
}
@media (min-width: 1246px) and (max-width: 1425px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content {
margin-right: -2%;
}
}
@media (max-width: 1245px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content {
margin-right: 0;
}
}
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left {
margin-left: -7.22892%;
margin-right: 0;
}
@media (max-width: 1245px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left {
margin-left: 0;
}
}
@media (min-width: 1246px) and (max-width: 1425px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left {
margin-left: -2%;
}
}
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left .hcb-video-wrapper .hcb-video-caption, #allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left .hcb-video-wrapper .hcb-image-caption, #allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left .hcb-image .hcb-video-caption, #allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left .hcb-image .hcb-image-caption {
text-align: right;
}
@media (max-width: 768px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left .hcb-video-wrapper .hcb-video-caption, #allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left .hcb-video-wrapper .hcb-image-caption, #allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left .hcb-image .hcb-video-caption, #allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left .hcb-image .hcb-image-caption {
text-align: left;
}
}
@media (max-width: 768px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content.align-left {
margin: 0 auto 30px auto;
}
}
@media (max-width: 768px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content {
width: 100%;
margin-bottom: 40px;
justify-content: center;
}
}
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content .hcb-image .hcb-image-wrapper img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 434px;
}
@media (max-width: 768px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content .hcb-image .hcb-image-wrapper img {
height: auto;
display: inline-block;
vertical-align: middle;
-o-object-fit: inherit;
object-fit: inherit;
justify-content: center;
}
}
@media (max-width: 1245px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content .hcb-image .hcb-image-wrapper img {
height: auto;
}
}
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content .hcb-image .hcb-image-caption {
background-color: #d8d8d8;
margin-top: -3px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #666666;
padding: 15px 20px;
}
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content .hcb-video-wrapper {
width: 66.26506%;
margin: 0 auto;
position: relative;
width: 100%;
}
@media (max-width: 768px) {
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content .hcb-video-wrapper {
width: 100%;
}
}
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content .hcb-video-wrapper .hcb-video {
position: relative;
padding-bottom: 56.25%; height: 0;
}
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content .hcb-video-wrapper .hcb-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#allcontent .horizontal-content-block .hcb-section .horizontal-additional-content .hcb-video-wrapper .hcb-video-caption {
background-color: #d8d8d8;
margin-top: -3px;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 17px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #666666;
padding: 15px 20px;
}
#allcontent .promobanner {
margin-right: -20px;
margin-left: -20px;
margin-bottom: 100px;
}
@media (max-width: 1024px) {
#allcontent .promobanner {
margin-left: 0;
margin-right: 0;
}
}
#allcontent .promobanner a {
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
color: #7dc04a;
font-weight: bold;
}
#allcontent .promobanner a.btn {
color: #fff;
font-weight: 300;
}
@media (max-width: 599px) {
#allcontent .promobanner {
margin-bottom: 40px;
}
}
#allcontent .promobanner.bg-none-medium.pb-remove-margin .promo-section .promo-wrapper .pb-big {
padding: 0;
}
#allcontent .promobanner.pb-remove-margin {
margin-top: -70px;
margin-bottom: 30px;
}
@media (max-width: 599px) {
#allcontent .promobanner.pb-remove-margin {
margin-top: 0;
}
}
#allcontent .promobanner.pb-remove-margin .promo-section {
margin-bottom: 0;
}
#allcontent .promobanner .promo-section .promo-wrapper {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
}
#allcontent .promobanner .promo-section .promo-wrapper:after {
content: " ";
display: block;
clear: both;
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-small .pb-small-wrapper {
position: relative;
clear: both;
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-small .pb-small-wrapper .pb-text {
position: relative;
background: #e6f2f2;
border-left: 9px solid #7dc04a;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
width: 25.3012%;
float: left;
margin-right: 1.19048%;
margin-top: -155px;
padding: 30px 25px;
font-size: 20px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #0c5765;
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-small .pb-small-wrapper .pb-text .title {
color: #7dc04a;
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 3px;
margin-bottom: 30px;
}
@media (max-width: 1024px) {
#allcontent .promobanner .promo-section .promo-wrapper .pb-small .pb-small-wrapper .pb-text {
width: calc(100% - 49px);
margin: 0;
padding: 20px;
}
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-small .pb-small-wrapper .pb-image {
width: 83.13253%;
float: left;
margin-right: 1.20482%;
margin-left: 8.43373%;
margin-right: 8.43373%;
}
@media (max-width: 1024px) {
#allcontent .promobanner .promo-section .promo-wrapper .pb-small .pb-small-wrapper .pb-image {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-small .pb-small-wrapper .pb-image .pb-url img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 200px;
}
@media (max-width: 1024px) {
#allcontent .promobanner .promo-section .promo-wrapper .pb-small .pb-small-wrapper .pb-image .pb-url img {
height: auto;
width: 100%;
}
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-big {
clear: both;
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
padding: 70px 0;
}
@media (max-width: 1024px) {
#allcontent .promobanner .promo-section .promo-wrapper .pb-big {
padding: initial;
}
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-big.pb-center {
margin: 0 auto;
float: none;
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper {
clear: both;
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
position: relative;
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-image {
width: 83.13253%;
float: right;
margin-right: 0;
margin-right: -7.22892%;
}
@media (max-width: 1245px) {
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-image {
margin-right: 0;
}
}
@media (min-width: 1246px) and (max-width: 1425px) {
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-image {
margin-right: 0;
}
}
@media (max-width: 1024px) {
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-image {
width: 100%;
float: none;
margin: 0;
}
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-image.pb-center {
margin: 0 auto;
float: none;
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-image .pb-url img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 550px;
}
@media (max-width: 1024px) {
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-image .pb-url img {
height: auto;
width: 100%;
}
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-text {
width: 33.73494%;
float: left;
margin-right: 1.19048%;
position: absolute;
top: 50%;
transform: translateY(-50%);
border-left: 11px solid #0b807f;
background: #fff;
padding: 50px;
font-size: 28px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #0c5765;
}
@media (max-width: 1024px) {
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-text {
width: calc(100% - 49px);
margin: 0;
padding: 20px;
position: relative;
top: initial;
transform: none;
}
}
#allcontent .promobanner .promo-section .promo-wrapper .pb-big .pb-big-wrapper .pb-text .title {
color: #7dc04a;
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 3px;
}
#allcontent .quick-links {
background-color: #ffffff;
}
#allcontent .quick-links .quick-links-wrapper, #allcontent .quick-links .quick-links-slider-disabled {
max-width: 1245px;
margin-left: auto;
margin-right: auto;
display: flex;
width: 100%;
margin-bottom: 100px;
justify-content: center;
flex-wrap: wrap;
}
#allcontent .quick-links .quick-links-wrapper:after, #allcontent .quick-links .quick-links-slider-disabled:after {
content: " ";
display: block;
clear: both;
}
@media (max-width: 599px) {
#allcontent .quick-links .quick-links-wrapper, #allcontent .quick-links .quick-links-slider-disabled {
margin-bottom: 40px;
}
}
#allcontent .quick-links .quick-links-wrapper .link-box, #allcontent .quick-links .quick-links-slider-disabled .link-box {
margin-top: 30px;
border: solid 1px #0b807f;
width: calc(25% - 12px);
text-align: center;
margin: 30px 5px 0 5px;
cursor: pointer;
height: 90px;
display: flex;
justify-content: center;
align-items: center;
min-width: 233px;
transition: all 0.5s ease;
}
#allcontent .quick-links .quick-links-wrapper .link-box:hover, #allcontent .quick-links .quick-links-slider-disabled .link-box:hover {
background-color: #7dc04a;
border: solid 1px #7dc04a;
transition: all 0.5s ease;
}
#allcontent .quick-links .quick-links-wrapper .link-box:hover .box-text, #allcontent .quick-links .quick-links-slider-disabled .link-box:hover .box-text {
color: #ffffff;
}
#allcontent .quick-links .quick-links-wrapper .link-box .box-text, #allcontent .quick-links .quick-links-slider-disabled .link-box .box-text {
padding: 28px 22px;
text-align: center;
font-family: "Agenda Med", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 2px;
text-align: center;
color: #0b807f;
margin-bottom: 0;
transition: all 0.5s ease;
text-transform: uppercase;
}
.team-member-details-builder-wrapper {
background: #007180;
color: #fff;
padding: 20px;
margin-bottom: 40px;
margin-left: -20px;
margin-right: -20px;
}
.team-member-details-builder {
max-width: 1245px;
width: 100%;
margin: 10px auto 10px auto;
float: none;
display: flex;
align-items: center;
position: relative;
z-index: 2;
}
@media (max-width: 500px) {
.team-member-details-builder {
flex-direction: column;
}
}
.team-member-details-builder .team-member-contact {
display: flex;
align-items: center;
}
@media (max-width: 500px) {
.team-member-details-builder .team-member-contact {
flex-direction: column;
}
}
.team-member-details-builder .team-member-contact > div {
margin-right: 15px;
}
@media (max-width: 500px) {
.team-member-details-builder .team-member-contact > div {
margin-right: 0;
}
}
.team-member-details-builder .team-member-contact_link_title {
color: #fff !important;
font-weight: normal !important;
font-size: 20px;
margin-right: 10px;
display: inline-block;
line-height: 26px;
margin-top: 2px;
}
@media (max-width: 500px) {
.team-member-details-builder .team-member-contact_link_title {
margin-right: 0;
margin-top: 0;
width: 100%;
}
}
.team-member-details-builder a.team-member-contact_link {
color: #fff !important;
font-weight: normal !important;
font-size: 20px;
}
.team-member-details-builder a.team-member-contact_link i.fa {
margin-right: 7px;
position: relative;
font-size: 27px;
bottom: -3px;
}
.team-member-details-builder a.team-member-contact_link.team-member-contact_link-phone {
display: inline-block;
}
.team-member-details-builder .team-member-socials {
margin-left: auto;
}
@media (max-width: 1024px) {
.team-member-details-builder .team-member-socials {
margin-left: auto;
}
}
@media (max-width: 500px) {
.team-member-details-builder .team-member-socials {
margin: 10px 0 0 0;
}
}
.team-member-details-builder .team-member-socials a {
font-size: 50px;
margin: 0 5px;
color: #fff !important;
}
.article-teaser-content-is-member-1 {
text-align: center;
padding-top: 10px !important;
}
.article-teaser-content-is-member-1 > h3 {
text-transform: uppercase;
font-size: 26px !important;
line-height: 29px !important;
margin: 0 auto 10px auto !important;
}
.article-teaser-content-is-member-1 h4.team-member-job-position {
color: #3a3a3a;
margin: 0 auto 10px auto !important;
font-size: 20px !important;
font-size: 23px !important;
line-height: 25px !important;
max-width: 80%;
}
.article-teaser-content-is-member-1 .team-member-job-position-line {
width: 100px;
height: 1px;
background: #7dc04a;
margin: 5px auto 10px auto;
display: block;
}
.article-teaser-content-is-member-1 .team-member-contact {
color: #3a3a3a;
margin: 5px 0 15px 0;
}
.article-teaser-content-is-member-1 .team-member-contact .team-member-contact_phone {
margin-bottom: 5px;
}
.article-teaser-content-is-member-1 .team-member-contact a {
font-weight: normal !important;
font-size: 18px;
line-height: 21px;
color: #3a3a3a;
font-family: "Agenda Lt", Helvetica, Arial, sans-serif;
}
.article-teaser-content-is-member-1 .team-member-socials a {
font-size: 28px;
margin: 0 5px;
color: #007180 !important;
}
.article-teaser-content-is-member-1 .team-member-profile-link {
order: 5;
}
.article-teaser-content-is-member-1 .article-teaser-categories {
margin: 12px;
}
.team-member-profile-link {
margin: 20px auto 0 auto;
}
.wates-formidable-form .frm_description {
font-size: 36px;
line-height: 44px;
letter-spacing: 1px;
text-align: center;
margin-bottom: 70px;
padding: 0 50px;
}
.wates-formidable-form .frm_description p {
font-size: 36px !important;
line-height: 44px !important;
letter-spacing: 1px !important;
text-align: center !important;
margin: 0 0 20px 0 !important;
padding: 0 !important;
}
.wates-formidable-form .frm_description p:last-child {
margin-bottom: 0 !important;
}
.wates-formidable-form .frm_description:after {
content: " ";
bottom: -26px;
left: 0;
width: 80px;
height: 1px;
background-color: #0c5765;
position: absolute;
display: block;
position: relative;
left: calc(50% - 40px);
}
.wates-formidable-form .frm_forms form .frm_form_fields input {
border-radius: 0;
box-shadow: none;
}
.wates-formidable-form .frm_forms form .frm_form_fields select {
border-radius: 0;
box-shadow: none;
}
.wates-formidable-form .frm_forms form .frm_form_fields textarea {
border-radius: 0;
box-shadow: none;
}
.wates-formidable-form .frm_forms form .frm_form_fields .frm_half {
width: 48%;
margin-left: 0;
margin-right: 0;
clear: both;
}
@media (max-width: 600px) {
.wates-formidable-form .frm_forms form .frm_form_fields .frm_half {
width: 100%;
}
}
.wates-formidable-form .frm_forms form .frm_form_fields .frm_half.frm_alignright {
clear: none;
}
.wates-formidable-form .frm_forms form .frm_form_fields .frm_submit {
text-align: right;
}
.wates-formidable-form .frm_forms form .frm_form_fields .frm_submit button {
background-color: #7dc04a;
color: #fff;
box-shadow: none;
text-transform: uppercase;
border-radius: 0;
border: none;
padding: 10px 15px;
letter-spacing: 1px;
}
.wates-formidable-form .frm_forms .frm_message p:last-child {
margin-bottom: 0 !important;
}
.contact-form-dark {
background-color: #e4e4e4;
margin-left: -20px;
margin-right: -20px;
}
#main #allcontent .reset-padding-top {
padding-top: 0;
}
#main #allcontent .post-password-form {
text-align: center;
margin-bottom: 70px;
padding: 400px 0;
}
@media (max-width: 599px) {
#main #allcontent .post-password-form {
padding: 200px 0;
}
}
#main #allcontent .post-password-form .post-password-input {
height: 35px;
margin: 0 10px;
width: 200px;
padding-left: 10px;
outline: none;
max-width: 1245px;
margin-left: auto;
margin-right: auto;
border: 1px solid #0b807f;
}
#main #allcontent .post-password-form .post-password-input:after {
content: " ";
display: block;
clear: both;
}
#main #allcontent .post-password-form p {
padding: 0 20px;
}
#main #allcontent .post-password-form .btn {
margin: 0 10px;
}
#main #allcontent .apss-social-share {
display: none;
}
#main #allcontent .remove-margin {
margin-top: -80px;
}
@media (max-width: 599px) {
#main #allcontent .remove-margin {
margin-top: -30px;
}
}
#main #allcontent .remove-margin .quick-links-wrapper, #main #allcontent .remove-margin .quick-links-slider-disabled {
margin-bottom: 50px;
}
@media (max-width: 599px) {
#main #allcontent .remove-margin .quick-links-wrapper, #main #allcontent .remove-margin .quick-links-slider-disabled {
margin-bottom: 40px;
}
}
#main #allcontent article ul, #main #allcontent article ol {
margin-bottom: 0;
margin-top: -15px;
}
.listing-section_search {
width: 100%;
margin: 0 0 30px 0;
display: flex;
}
@media (max-width: 768px) {
.listing-section_search {
justify-content: center;
}
}
.listing-section_search .listing-section_search--inner {
width: 100%;
}
.listing-section_search .search-results-for {
width: 100%;
margin: 15px 0 0 0;
font-size: 16px;
line-height: 18px;
}
.listing-block-search-form {
display: flex;
}
.listing-block-search-form .search-input {
border: 2px solid #ccc;
padding: 8px 10px;
margin: 0 10px 0 0;
flex: 2;
}
.listing-block-search-form .search-submit {
background-color: #7dc04a;
color: #fff;
box-shadow: none;
text-transform: uppercase;
border-radius: 0;
border: none;
padding: 10px 15px;
letter-spacing: 1px;
cursor: pointer;
}.dpn-zvc-single-content-wrapper{margin-top:40px}.dpn-zvc-single-content-wrapper .deepn-zvc-single-featured-img{margin-bottom:1rem}.dpn-zvc-single-content-wrapper .deepn-zvc-single-featured-img img{width:100%;height:auto}.dpn-zvc-single-content-wrapper .dpn-zvc-col-4,.dpn-zvc-single-content-wrapper .dpn-zvc-col-8{position:relative;min-height:1px;padding-left:15px;padding-right:15px;margin-bottom:58px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper{width:100%;clear:both}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box{margin-top:1.5rem}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box:first-child{margin-top:0}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn{padding:10px 20px;color:#fff;border-radius:0;display:block;margin-top:10px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-join-link{background:#a5452d}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-box .join-links .btn-start-link{background:#1c3b82}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-state{border:1px solid #ccc;padding:20px;margin-top:20px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-state p{padding:0;margin:0}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer{display:table;width:100%;table-layout:fixed;border-spacing:2px;border-collapse:separate}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-meeting-ended{background:#3a3a3a;padding:10px 16px;border-radius:2px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-meeting-ended h3{margin:0;padding:0;color:#fff;line-height:1.8}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell{display:table-cell;vertical-align:top;text-align:center;font-size:32px;background:#3a3a3a;color:#fff;line-height:normal;padding:10px 3px;border-radius:2px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell-number{font-size:1em;width:100%}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell-string{font-size:.45em;width:100%;text-transform:uppercase}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile{background:#3a3a3a;padding:0 16px;border-radius:2px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-tile h3{color:#fff;margin:0;padding:10px 0}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content{background:#f2f2f2;padding:16px}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content .dpn-zvc-sidebar-content-list{margin-bottom:1rem}.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-sidebar-content .dpn-zvc-sidebar-content-list span{display:block}@media (min-width:992px){.dpn-zvc-single-content-wrapper .dpn-zvc-col-8{width:66.66666667%;float:left}.dpn-zvc-single-content-wrapper .dpn-zvc-col-4{width:33.33333333%;float:left}}.dpn-zvc-shortcode-op-wrapper table{border:1px solid #dee2e6;width:100%;margin-bottom:1rem;color:#212529;border-collapse:collapse}.dpn-zvc-shortcode-op-wrapper table tr:nth-of-type(odd){background-color:#e2e2e2!important}.dpn-zvc-shortcode-op-wrapper table tr:nth-of-type(odd) td{background-color:#e2e2e2}.dpn-zvc-shortcode-op-wrapper table tr:nth-of-type(odd) td .small-description{font-size:12px;font-style:italic}#vczapi-recordings-list-table_wrapper .dataTables_filter,#vczapi-recordings-list-table_wrapper .dataTables_length,#vczapi-show-meetings-list-table_wrapper .dataTables_filter,#vczapi-show-meetings-list-table_wrapper .dataTables_length,#vczapi-show-webinars-list-table_wrapper .dataTables_filter,#vczapi-show-webinars-list-table_wrapper .dataTables_length{margin:15px 0}#vczapi-recordings-list-table_wrapper .dataTable,#vczapi-show-meetings-list-table_wrapper .dataTable,#vczapi-show-webinars-list-table_wrapper .dataTable{position:relative;margin:15px 0}#vczapi-recordings-list-table_wrapper .dataTable thead,#vczapi-show-meetings-list-table_wrapper .dataTable thead,#vczapi-show-webinars-list-table_wrapper .dataTable thead{text-align:left}#vczapi-recordings-list-table_wrapper .dataTable thead tr,#vczapi-show-meetings-list-table_wrapper .dataTable thead tr,#vczapi-show-webinars-list-table_wrapper .dataTable thead tr{background:#f5f5f5}#vczapi-recordings-list-table_wrapper .dataTable thead td,#vczapi-recordings-list-table_wrapper .dataTable thead th,#vczapi-show-meetings-list-table_wrapper .dataTable thead td,#vczapi-show-meetings-list-table_wrapper .dataTable thead th,#vczapi-show-webinars-list-table_wrapper .dataTable thead td,#vczapi-show-webinars-list-table_wrapper .dataTable thead th{border-bottom:none;padding:8px 15px}#vczapi-recordings-list-table_wrapper .dataTable.no-footer,#vczapi-show-meetings-list-table_wrapper .dataTable.no-footer,#vczapi-show-webinars-list-table_wrapper .dataTable.no-footer{border-bottom:none}#vczapi-recordings-list-table_wrapper .dataTable tbody .odd,#vczapi-show-meetings-list-table_wrapper .dataTable tbody .odd,#vczapi-show-webinars-list-table_wrapper .dataTable tbody .odd{background-color:#fff}#vczapi-recordings-list-table_wrapper .dataTable tbody .even,#vczapi-show-meetings-list-table_wrapper .dataTable tbody .even,#vczapi-show-webinars-list-table_wrapper .dataTable tbody .even{background-color:rgba(0,0,0,.05)}.vczapi-recordings-meeting-id-description ul{list-style:none;padding:0;margin:0}#zvc-cover{background:url(//www.wates.co.uk/wp-content/plugins/video-conferencing-with-zoom-api/assets/images/ajax-loader.gif) no-repeat scroll center center #000;position:absolute;height:100%;width:100%;z-index:5;opacity:.9;top:0}#vczapi-zoom-browser-meeting{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}#vczapi-zoom-browser-meeting--container{width:400px}#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form button[type=submit],#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form input[type=email],#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form input[type=password],#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form input[type=text],#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form select{height:40px;border-radius:0}#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form button[type=submit]{background-color:#2d8cff;width:100%;color:#fff}#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form .form-group{margin-bottom:10px}#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--info{background:#fff;padding:20px 30px;margin-bottom:10px}#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--info ul{list-style:none;padding:0;margin:0}@media only screen and (max-width:767px){#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--info{width:300px}#vczapi-zoom-browser-meeting #vczapi-zoom-browser-meeting--container,#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form button[type=submit],#vczapi-zoom-browser-meeting .vczapi-zoom-browser-meeting--meeting-form input[type=text]{width:300px}}.dpn-zvc-timer.zoom-join-via-browser-countdown{display:table;width:100%;table-layout:fixed;border-spacing:2px;border-collapse:separate}.dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-meeting-ended{background:#3a3a3a;padding:10px 16px;border-radius:2px}.dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-meeting-ended h3{margin:0;padding:0;color:#fff}.dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-timer-cell{display:table-cell;vertical-align:top;text-align:center;font-size:32px;background:#3a3a3a;color:#fff;line-height:normal;padding:10px 3px;border-radius:2px}.dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-timer-cell-number{font-size:1em;width:100%}.dpn-zvc-timer.zoom-join-via-browser-countdown .dpn-zvc-timer-cell-string{font-size:.45em;width:100%;text-transform:uppercase}.vczapi-list-zoom-meetings--item__image{margin-bottom:20px}.vczapi-list-zoom-meetings--item__image{box-shadow:0 0 1px 1px rgba(0,0,0,.3)}.vczapi-list-zoom-meetings--item__details,.vczapi-list-zoom-meetings--item__details p{font-size:1em}.vczapi-list-zoom-meetings h2,.vczapi-list-zoom-meetings h3,.vczapi-list-zoom-meetings h4,.vczapi-list-zoom-meetings h5,.vczapi-list-zoom-meetings h6,.vczapi-list-zoom-meetings--item__details h1{font-size:1.3em;margin-bottom:5px}.vczapi-list-zoom-meetings--item__details__meta .meta{display:flex;flex-direction:column;margin-bottom:5px}.vczapi-wrap{display:flex;flex:1 0 100%;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.vczapi-wrap input,.vczapi-wrap select{width:100%}.vczapi-plr{padding:0 1.5em}.vczapi-ptb{padding:1.5em 0}.vczapi-pb{padding-bottom:1.5em}.vczapi-pb-3{padding-bottom:3em}.vczapi-pt{padding-top:1.5em}.vczapi-pl{padding-left:1.5em}.vczapi-pr{padding-right:1.5em}.vczapi-col-10,.vczapi-col-11,.vczapi-col-12,.vczapi-col-2,.vczapi-col-3,.vczapi-col-4,.vczapi-col-5,.vczapi-col-6,.vczapi-col-8,.vczapi-col-9{position:relative;width:100%;padding-right:10px;padding-left:10px}.vczapi-form-control{padding:.75em;height:auto;border-width:1px;border-style:solid;border-color:#eaeaea;border-radius:2px;background:#fafafa;box-shadow:none;box-sizing:border-box;transition:all .2s linear}@media (min-width:768px){.vczapi-col-4{flex:0 0 33.333333%;max-width:33.333333%}.vczapi-col-3{flex:0 0 25%;max-width:25%}.vczapi-col-6{flex:0 0 50%;max-width:50%}.vczapi-col-8{flex:0 0 66.666667%;max-width:66.666667%}.vczapi-col-12{flex:0 0 100%;max-width:100%}}.clearfix{clear:both}.vczapi-filters-wrapper{margin-bottom:2em;margin-top:1em;align-items:center}.vczapi-modal{display:none;position:fixed;z-index:9999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.vczapi-modal .vczapi-modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.vczapi-modal .vczapi-modal-close{color:#000;float:right;font-size:28px;font-weight:700}.vczapi-modal .vczapi-modal-close:focus,.vczapi-modal .vczapi-modal-close:hover{color:#000;text-decoration:none;cursor:pointer}.vczapi-modal .vczapi-modal-header{padding:2px 16px;color:#fff}.vczapi-modal .vczapi-modal-body{padding:2px 16px;max-height:500px;overflow:auto}.vczapi-modal .vczapi-modal-list{padding:20px;list-style:none;margin:0;border-bottom:1px solid #efefef}.vczapi-modal-loader{text-align:center;color:#424242;background:#fff;width:400px;margin:0 auto;padding:20px;border-radius:20px}